vuetify eingebunden + erster Versuch Combobox
This commit is contained in:
+74
@@ -0,0 +1,74 @@
|
||||
var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
|
||||
|
||||
// Styles
|
||||
import '../../../src/stylus/components/_selection-controls.styl';
|
||||
// Components
|
||||
import VIcon from '../VIcon';
|
||||
// import { VFadeTransition } from '../transitions'
|
||||
// Mixins
|
||||
import Selectable from '../../mixins/selectable';
|
||||
/* @vue/component */
|
||||
export default {
|
||||
name: 'v-checkbox',
|
||||
mixins: [Selectable],
|
||||
props: {
|
||||
indeterminate: Boolean,
|
||||
indeterminateIcon: {
|
||||
type: String,
|
||||
default: '$vuetify.icons.checkboxIndeterminate'
|
||||
},
|
||||
onIcon: {
|
||||
type: String,
|
||||
default: '$vuetify.icons.checkboxOn'
|
||||
},
|
||||
offIcon: {
|
||||
type: String,
|
||||
default: '$vuetify.icons.checkboxOff'
|
||||
}
|
||||
},
|
||||
data: function data(vm) {
|
||||
return {
|
||||
inputIndeterminate: vm.indeterminate
|
||||
};
|
||||
},
|
||||
computed: {
|
||||
classes: function classes() {
|
||||
return {
|
||||
'v-input--selection-controls': true,
|
||||
'v-input--checkbox': true
|
||||
};
|
||||
},
|
||||
computedIcon: function computedIcon() {
|
||||
if (this.inputIndeterminate) {
|
||||
return this.indeterminateIcon;
|
||||
} else if (this.isActive) {
|
||||
return this.onIcon;
|
||||
} else {
|
||||
return this.offIcon;
|
||||
}
|
||||
}
|
||||
},
|
||||
watch: {
|
||||
indeterminate: function indeterminate(val) {
|
||||
this.inputIndeterminate = val;
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
genCheckbox: function genCheckbox() {
|
||||
return this.$createElement('div', {
|
||||
staticClass: 'v-input--selection-controls__input'
|
||||
}, [this.genInput('checkbox', _extends({}, this.$attrs, {
|
||||
'aria-checked': this.inputIndeterminate ? 'mixed' : this.isActive.toString()
|
||||
})), this.genRipple(this.setTextColor(this.computedColor)), this.$createElement(VIcon, this.setTextColor(this.computedColor, {
|
||||
props: {
|
||||
dark: this.dark,
|
||||
light: this.light
|
||||
}
|
||||
}), this.computedIcon)]);
|
||||
},
|
||||
genDefaultSlot: function genDefaultSlot() {
|
||||
return [this.genCheckbox(), this.genLabel()];
|
||||
}
|
||||
}
|
||||
};
|
||||
//# sourceMappingURL=VCheckbox.js.map
|
||||
+1
@@ -0,0 +1 @@
|
||||
{"version":3,"sources":["../../../src/components/VCheckbox/VCheckbox.js"],"names":[],"mappings":";;;AACA,OAAO,yDAAP;AAEA;AACA,OAAO,KAAP,MAAkB,UAAlB;AACA;AAEA;AACA,OAAO,UAAP,MAAuB,yBAAvB;AAEA;AACA,eAAe;AACb,UAAM,YADO;AAGb,YAAQ,CACN,UADM,CAHK;AAOb,WAAO;AACL,uBAAe,OADV;AAEL,2BAAmB;AACjB,kBAAM,MADW;AAEjB,qBAAS;AAFQ,SAFd;AAML,gBAAQ;AACN,kBAAM,MADA;AAEN,qBAAS;AAFH,SANH;AAUL,iBAAS;AACP,kBAAM,MADC;AAEP,qBAAS;AAFF;AAVJ,KAPM;AAuBb,UAAM;AAAA,eAAO;AACX,gCAAoB,GAAG;AADZ,SAAP;AAAA,KAvBO;AA2Bb,cAAU;AACR,eADQ,qBACD;AACL,mBAAO;AACL,+CAA+B,IAD1B;AAEL,qCAAqB;AAFhB,aAAP;AAID,SANO;AAOR,oBAPQ,0BAOI;AACV,gBAAI,KAAK,kBAAT,EAA6B;AAC3B,uBAAO,KAAK,iBAAZ;AACD,aAFD,MAEO,IAAI,KAAK,QAAT,EAAmB;AACxB,uBAAO,KAAK,MAAZ;AACD,aAFM,MAEA;AACL,uBAAO,KAAK,OAAZ;AACD;AACF;AAfO,KA3BG;AA6Cb,WAAO;AACL,qBADK,yBACU,GADV,EACa;AAChB,iBAAK,kBAAL,GAA0B,GAA1B;AACD;AAHI,KA7CM;AAmDb,aAAS;AACP,mBADO,yBACI;AACT,mBAAO,KAAK,cAAL,CAAoB,KAApB,EAA2B;AAChC,6BAAa;AADmB,aAA3B,EAEJ,CACD,KAAK,QAAL,CAAc,UAAd,eACK,KAAK,MADV;AAEE,gCAAgB,KAAK,kBAAL,GACZ,OADY,GAEZ,KAAK,QAAL,CAAc,QAAd;AAJN,eADC,EAOD,KAAK,SAAL,CAAe,KAAK,YAAL,CAAkB,KAAK,aAAvB,CAAf,CAPC,EAQD,KAAK,cAAL,CAAoB,KAApB,EAA2B,KAAK,YAAL,CAAkB,KAAK,aAAvB,EAAsC;AAC/D,uBAAO;AACL,0BAAM,KAAK,IADN;AAEL,2BAAO,KAAK;AAFP;AADwD,aAAtC,CAA3B,EAKI,KAAK,YALT,CARC,CAFI,CAAP;AAiBD,SAnBM;AAoBP,sBApBO,4BAoBO;AACZ,mBAAO,CACL,KAAK,WAAL,EADK,EAEL,KAAK,QAAL,EAFK,CAAP;AAID;AAzBM;AAnDI,CAAf","sourcesContent":["// Styles\nimport '../../stylus/components/_selection-controls.styl'\n\n// Components\nimport VIcon from '../VIcon'\n// import { VFadeTransition } from '../transitions'\n\n// Mixins\nimport Selectable from '../../mixins/selectable'\n\n/* @vue/component */\nexport default {\n name: 'v-checkbox',\n\n mixins: [\n Selectable\n ],\n\n props: {\n indeterminate: Boolean,\n indeterminateIcon: {\n type: String,\n default: '$vuetify.icons.checkboxIndeterminate'\n },\n onIcon: {\n type: String,\n default: '$vuetify.icons.checkboxOn'\n },\n offIcon: {\n type: String,\n default: '$vuetify.icons.checkboxOff'\n }\n },\n\n data: vm => ({\n inputIndeterminate: vm.indeterminate\n }),\n\n computed: {\n classes () {\n return {\n 'v-input--selection-controls': true,\n 'v-input--checkbox': true\n }\n },\n computedIcon () {\n if (this.inputIndeterminate) {\n return this.indeterminateIcon\n } else if (this.isActive) {\n return this.onIcon\n } else {\n return this.offIcon\n }\n }\n },\n\n watch: {\n indeterminate (val) {\n this.inputIndeterminate = val\n }\n },\n\n methods: {\n genCheckbox () {\n return this.$createElement('div', {\n staticClass: 'v-input--selection-controls__input'\n }, [\n this.genInput('checkbox', {\n ...this.$attrs,\n 'aria-checked': this.inputIndeterminate\n ? 'mixed'\n : this.isActive.toString()\n }),\n this.genRipple(this.setTextColor(this.computedColor)),\n this.$createElement(VIcon, this.setTextColor(this.computedColor, {\n props: {\n dark: this.dark,\n light: this.light\n }\n }), this.computedIcon)\n ])\n },\n genDefaultSlot () {\n return [\n this.genCheckbox(),\n this.genLabel()\n ]\n }\n }\n}\n"],"sourceRoot":""}
|
||||
+4
@@ -0,0 +1,4 @@
|
||||
import VCheckbox from './VCheckbox';
|
||||
export { VCheckbox };
|
||||
export default VCheckbox;
|
||||
//# sourceMappingURL=index.js.map
|
||||
+1
@@ -0,0 +1 @@
|
||||
{"version":3,"sources":["../../../src/components/VCheckbox/index.js"],"names":[],"mappings":"AAAA,OAAO,SAAP,MAAsB,aAAtB;AAEA,SAAS,SAAT;AACA,eAAe,SAAf","sourcesContent":["import VCheckbox from './VCheckbox'\n\nexport { VCheckbox }\nexport default VCheckbox\n"],"sourceRoot":""}
|
||||
Reference in New Issue
Block a user