vuetify eingebunden + erster Versuch Combobox
This commit is contained in:
+80
@@ -0,0 +1,80 @@
|
||||
'use strict';
|
||||
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
|
||||
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
|
||||
|
||||
// Mixins
|
||||
|
||||
// Helpers
|
||||
|
||||
|
||||
require('../../../src/stylus/components/_labels.styl');
|
||||
|
||||
var _colorable = require('../../mixins/colorable');
|
||||
|
||||
var _colorable2 = _interopRequireDefault(_colorable);
|
||||
|
||||
var _themeable = require('../../mixins/themeable');
|
||||
|
||||
var _themeable2 = _interopRequireDefault(_themeable);
|
||||
|
||||
var _mixins = require('../../util/mixins');
|
||||
|
||||
var _mixins2 = _interopRequireDefault(_mixins);
|
||||
|
||||
var _helpers = require('../../util/helpers');
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
/* @vue/component */
|
||||
exports.default = (0, _mixins2.default)(_themeable2.default).extend({
|
||||
name: 'v-label',
|
||||
functional: true,
|
||||
props: {
|
||||
absolute: Boolean,
|
||||
color: {
|
||||
type: String,
|
||||
default: 'primary'
|
||||
},
|
||||
disabled: Boolean,
|
||||
focused: Boolean,
|
||||
for: String,
|
||||
left: {
|
||||
type: [Number, String],
|
||||
default: 0
|
||||
},
|
||||
right: {
|
||||
type: [Number, String],
|
||||
default: 'auto'
|
||||
},
|
||||
value: Boolean
|
||||
},
|
||||
render: function render(h, ctx) {
|
||||
var children = ctx.children,
|
||||
listeners = ctx.listeners,
|
||||
props = ctx.props;
|
||||
|
||||
var data = {
|
||||
staticClass: 'v-label',
|
||||
'class': _extends({
|
||||
'v-label--active': props.value,
|
||||
'v-label--is-disabled': props.disabled
|
||||
}, (0, _themeable.functionalThemeClasses)(ctx)),
|
||||
attrs: {
|
||||
for: props.for,
|
||||
'aria-hidden': !props.for
|
||||
},
|
||||
on: listeners,
|
||||
style: {
|
||||
left: (0, _helpers.convertToUnit)(props.left),
|
||||
right: (0, _helpers.convertToUnit)(props.right),
|
||||
position: props.absolute ? 'absolute' : 'relative'
|
||||
}
|
||||
};
|
||||
return h('label', _colorable2.default.options.methods.setTextColor(props.focused && props.color, data), children);
|
||||
}
|
||||
});
|
||||
//# sourceMappingURL=VLabel.js.map
|
||||
+1
@@ -0,0 +1 @@
|
||||
{"version":3,"sources":["../../../src/components/VLabel/VLabel.ts"],"names":[],"mappings":";;;;;;;;AAGA;;AAQA;;;AAVA;;AAGA;;;;AACA;;;;AAIA;;;;AAGA;;;;AAEA;kBACe,sBAAO,mBAAP,EAAkB,MAAlB,CAAyB;AACtC,UAAM,SADgC;AAGtC,gBAAY,IAH0B;AAKtC,WAAO;AACL,kBAAU,OADL;AAEL,eAAO;AACL,kBAAM,MADD;AAEL,qBAAS;AAFJ,SAFF;AAML,kBAAU,OANL;AAOL,iBAAS,OAPJ;AAQL,aAAK,MARA;AASL,cAAM;AACJ,kBAAM,CAAC,MAAD,EAAS,MAAT,CADF;AAEJ,qBAAS;AAFL,SATD;AAaL,eAAO;AACL,kBAAM,CAAC,MAAD,EAAS,MAAT,CADD;AAEL,qBAAS;AAFJ,SAbF;AAiBL,eAAO;AAjBF,KAL+B;AAyBtC,UAzBsC,kBAyB9B,CAzB8B,EAyB3B,GAzB2B,EAyBxB;AAAA,YACJ,QADI,GAC2B,GAD3B,CACJ,QADI;AAAA,YACM,SADN,GAC2B,GAD3B,CACM,SADN;AAAA,YACiB,KADjB,GAC2B,GAD3B,CACiB,KADjB;;AAEZ,YAAM,OAAO;AACX,yBAAa,SADF;AAEX;AACE,mCAAmB,MAAM,KAD3B;AAEE,wCAAwB,MAAM;AAFhC,eAGK,uCAAuB,GAAvB,CAHL,CAFW;AAOX,mBAAO;AACL,qBAAK,MAAM,GADN;AAEL,+BAAe,CAAC,MAAM;AAFjB,aAPI;AAWX,gBAAI,SAXO;AAYX,mBAAO;AACL,sBAAM,4BAAc,MAAM,IAApB,CADD;AAEL,uBAAO,4BAAc,MAAM,KAApB,CAFF;AAGL,0BAAU,MAAM,QAAN,GAAiB,UAAjB,GAA8B;AAHnC;AAZI,SAAb;AAmBA,eAAO,EAAE,OAAF,EAAW,oBAAU,OAAV,CAAkB,OAAlB,CAA0B,YAA1B,CAAuC,MAAM,OAAN,IAAiB,MAAM,KAA9D,EAAqE,IAArE,CAAX,EAAuF,QAAvF,CAAP;AACD;AA/CqC,CAAzB,C","sourcesContent":["// Styles\nimport '../../stylus/components/_labels.styl'\n\n// Mixins\nimport Colorable from '../../mixins/colorable'\nimport Themeable, { functionalThemeClasses } from '../../mixins/themeable'\n\n// Types\nimport { VNode } from 'vue'\nimport mixins from '../../util/mixins'\n\n// Helpers\nimport { convertToUnit } from '../../util/helpers'\n\n/* @vue/component */\nexport default mixins(Themeable).extend({\n name: 'v-label',\n\n functional: true,\n\n props: {\n absolute: Boolean,\n color: {\n type: String,\n default: 'primary'\n },\n disabled: Boolean,\n focused: Boolean,\n for: String,\n left: {\n type: [Number, String],\n default: 0\n },\n right: {\n type: [Number, String],\n default: 'auto'\n },\n value: Boolean\n },\n\n render (h, ctx): VNode {\n const { children, listeners, props } = ctx\n const data = {\n staticClass: 'v-label',\n 'class': {\n 'v-label--active': props.value,\n 'v-label--is-disabled': props.disabled,\n ...functionalThemeClasses(ctx)\n },\n attrs: {\n for: props.for,\n 'aria-hidden': !props.for\n },\n on: listeners,\n style: {\n left: convertToUnit(props.left),\n right: convertToUnit(props.right),\n position: props.absolute ? 'absolute' : 'relative'\n }\n }\n\n return h('label', Colorable.options.methods.setTextColor(props.focused && props.color, data), children)\n }\n})\n"],"sourceRoot":""}
|
||||
+16
@@ -0,0 +1,16 @@
|
||||
'use strict';
|
||||
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
exports.VLabel = undefined;
|
||||
|
||||
var _VLabel = require('./VLabel');
|
||||
|
||||
var _VLabel2 = _interopRequireDefault(_VLabel);
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
exports.VLabel = _VLabel2.default;
|
||||
exports.default = _VLabel2.default;
|
||||
//# sourceMappingURL=index.js.map
|
||||
+1
@@ -0,0 +1 @@
|
||||
{"version":3,"sources":["../../../src/components/VLabel/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;QAES,M,GAAA,gB;kBACM,gB","sourcesContent":["import VLabel from './VLabel'\n\nexport { VLabel }\nexport default VLabel\n"],"sourceRoot":""}
|
||||
Reference in New Issue
Block a user