vuetify eingebunden + erster Versuch Combobox
This commit is contained in:
+36
@@ -0,0 +1,36 @@
|
||||
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; };
|
||||
|
||||
import '../../../src/stylus/components/_avatars.styl';
|
||||
// Mixins
|
||||
import Colorable from '../../mixins/colorable';
|
||||
import { convertToUnit } from '../../util/helpers';
|
||||
import mixins from '../../util/mixins';
|
||||
/* @vue/component */
|
||||
export default mixins(Colorable).extend({
|
||||
name: 'v-avatar',
|
||||
functional: true,
|
||||
props: {
|
||||
// TODO: inherit these
|
||||
color: String,
|
||||
size: {
|
||||
type: [Number, String],
|
||||
default: 48
|
||||
},
|
||||
tile: Boolean
|
||||
},
|
||||
render: function render(h, _ref) {
|
||||
var data = _ref.data,
|
||||
props = _ref.props,
|
||||
children = _ref.children;
|
||||
|
||||
data.staticClass = ('v-avatar ' + (data.staticClass || '')).trim();
|
||||
if (props.tile) data.staticClass += ' v-avatar--tile';
|
||||
var size = convertToUnit(props.size);
|
||||
data.style = _extends({
|
||||
height: size,
|
||||
width: size
|
||||
}, data.style);
|
||||
return h('div', Colorable.options.methods.setBackgroundColor(props.color, data), children);
|
||||
}
|
||||
});
|
||||
//# sourceMappingURL=VAvatar.js.map
|
||||
+1
@@ -0,0 +1 @@
|
||||
{"version":3,"sources":["../../../src/components/VAvatar/VAvatar.ts"],"names":[],"mappings":";;AAAA,OAAO,8CAAP;AAEA;AACA,OAAO,SAAP,MAAsB,wBAAtB;AACA,SAAS,aAAT,QAA8B,oBAA9B;AAIA,OAAO,MAAP,MAAmB,mBAAnB;AAEA;AACA,eAAe,OAAO,SAAP,EAAkB,MAAlB,CAAyB;AACtC,UAAM,UADgC;AAGtC,gBAAY,IAH0B;AAKtC,WAAO;AACL;AACA,eAAO,MAFF;AAIL,cAAM;AACJ,kBAAM,CAAC,MAAD,EAAS,MAAT,CADF;AAEJ,qBAAS;AAFL,SAJD;AAQL,cAAM;AARD,KAL+B;AAgBtC,UAhBsC,kBAgB9B,CAhB8B,QAgBF;AAAA,YAAvB,IAAuB,QAAvB,IAAuB;AAAA,YAAjB,KAAiB,QAAjB,KAAiB;AAAA,YAAV,QAAU,QAAV,QAAU;;AAClC,aAAK,WAAL,GAAmB,gBAAa,KAAK,WAAL,IAAoB,EAAjC,GAAuC,IAAvC,EAAnB;AAEA,YAAI,MAAM,IAAV,EAAgB,KAAK,WAAL,IAAoB,iBAApB;AAEhB,YAAM,OAAO,cAAc,MAAM,IAApB,CAAb;AACA,aAAK,KAAL;AACE,oBAAQ,IADV;AAEE,mBAAO;AAFT,WAGK,KAAK,KAHV;AAMA,eAAO,EAAE,KAAF,EAAS,UAAU,OAAV,CAAkB,OAAlB,CAA0B,kBAA1B,CAA6C,MAAM,KAAnD,EAA0D,IAA1D,CAAT,EAA0E,QAA1E,CAAP;AACD;AA7BqC,CAAzB,CAAf","sourcesContent":["import '../../stylus/components/_avatars.styl'\n\n// Mixins\nimport Colorable from '../../mixins/colorable'\nimport { convertToUnit } from '../../util/helpers'\n\n// Types\nimport { VNode } from 'vue'\nimport mixins from '../../util/mixins'\n\n/* @vue/component */\nexport default mixins(Colorable).extend({\n name: 'v-avatar',\n\n functional: true,\n\n props: {\n // TODO: inherit these\n color: String,\n\n size: {\n type: [Number, String],\n default: 48\n },\n tile: Boolean\n },\n\n render (h, { data, props, children }): VNode {\n data.staticClass = (`v-avatar ${data.staticClass || ''}`).trim()\n\n if (props.tile) data.staticClass += ' v-avatar--tile'\n\n const size = convertToUnit(props.size)\n data.style = {\n height: size,\n width: size,\n ...data.style as object\n }\n\n return h('div', Colorable.options.methods.setBackgroundColor(props.color, data), children)\n }\n})\n"],"sourceRoot":""}
|
||||
+4
@@ -0,0 +1,4 @@
|
||||
import VAvatar from './VAvatar';
|
||||
export { VAvatar };
|
||||
export default VAvatar;
|
||||
//# sourceMappingURL=index.js.map
|
||||
+1
@@ -0,0 +1 @@
|
||||
{"version":3,"sources":["../../../src/components/VAvatar/index.ts"],"names":[],"mappings":"AAAA,OAAO,OAAP,MAAoB,WAApB;AAEA,SAAS,OAAT;AACA,eAAe,OAAf","sourcesContent":["import VAvatar from './VAvatar'\n\nexport { VAvatar }\nexport default VAvatar\n"],"sourceRoot":""}
|
||||
Reference in New Issue
Block a user