vuetify eingebunden + erster Versuch Combobox
This commit is contained in:
+16
@@ -0,0 +1,16 @@
|
||||
'use strict';
|
||||
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
|
||||
require('../../../src/stylus/components/_grid.styl');
|
||||
|
||||
var _grid = require('./grid');
|
||||
|
||||
var _grid2 = _interopRequireDefault(_grid);
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
exports.default = (0, _grid2.default)('container');
|
||||
//# sourceMappingURL=VContainer.js.map
|
||||
+1
@@ -0,0 +1 @@
|
||||
{"version":3,"sources":["../../../src/components/VGrid/VContainer.js"],"names":[],"mappings":";;;;;;;;AAEA;;;;;;kBAEe,oBAAK,WAAL,C","sourcesContent":["import '../../stylus/components/_grid.styl'\n\nimport Grid from './grid'\n\nexport default Grid('container')\n"],"sourceRoot":""}
|
||||
+55
@@ -0,0 +1,55 @@
|
||||
'use strict';
|
||||
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
|
||||
require('../../../src/stylus/components/_content.styl');
|
||||
|
||||
var _ssrBootable = require('../../mixins/ssr-bootable');
|
||||
|
||||
var _ssrBootable2 = _interopRequireDefault(_ssrBootable);
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
/* @vue/component */
|
||||
// Styles
|
||||
exports.default = {
|
||||
name: 'v-content',
|
||||
mixins: [_ssrBootable2.default],
|
||||
props: {
|
||||
tag: {
|
||||
type: String,
|
||||
default: 'main'
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
styles: function styles() {
|
||||
var _$vuetify$application = this.$vuetify.application,
|
||||
bar = _$vuetify$application.bar,
|
||||
top = _$vuetify$application.top,
|
||||
right = _$vuetify$application.right,
|
||||
footer = _$vuetify$application.footer,
|
||||
insetFooter = _$vuetify$application.insetFooter,
|
||||
bottom = _$vuetify$application.bottom,
|
||||
left = _$vuetify$application.left;
|
||||
|
||||
return {
|
||||
paddingTop: top + bar + 'px',
|
||||
paddingRight: right + 'px',
|
||||
paddingBottom: footer + insetFooter + bottom + 'px',
|
||||
paddingLeft: left + 'px'
|
||||
};
|
||||
}
|
||||
},
|
||||
render: function render(h) {
|
||||
var data = {
|
||||
staticClass: 'v-content',
|
||||
style: this.styles,
|
||||
ref: 'content'
|
||||
};
|
||||
return h(this.tag, data, [h('div', { staticClass: 'v-content__wrap' }, this.$slots.default)]);
|
||||
}
|
||||
};
|
||||
// Mixins
|
||||
//# sourceMappingURL=VContent.js.map
|
||||
+1
@@ -0,0 +1 @@
|
||||
{"version":3,"sources":["../../../src/components/VGrid/VContent.js"],"names":[],"mappings":";;;;;;AACA;;AAGA;;;;;;AAEA;;kBACe;AACb,UAAM,WADO;AAGb,YAAQ,CAAC,qBAAD,CAHK;AAKb,WAAO;AACL,aAAK;AACH,kBAAM,MADH;AAEH,qBAAS;AAFN;AADA,KALM;AAYb,cAAU;AACR,cADQ,oBACF;AAAA,wCAGA,KAAK,QAAL,CAAc,WAHd;AAAA,gBAEF,GAFE,yBAEF,GAFE;AAAA,gBAEG,GAFH,yBAEG,GAFH;AAAA,gBAEQ,KAFR,yBAEQ,KAFR;AAAA,gBAEe,MAFf,yBAEe,MAFf;AAAA,gBAEuB,WAFvB,yBAEuB,WAFvB;AAAA,gBAEoC,MAFpC,yBAEoC,MAFpC;AAAA,gBAE4C,IAF5C,yBAE4C,IAF5C;;AAKJ,mBAAO;AACL,4BAAe,MAAM,GAArB,OADK;AAEL,8BAAiB,KAAjB,OAFK;AAGL,+BAAkB,SAAS,WAAT,GAAuB,MAAzC,OAHK;AAIL,6BAAgB,IAAhB;AAJK,aAAP;AAMD;AAZO,KAZG;AA2Bb,UA3Ba,kBA2BL,CA3BK,EA2BJ;AACP,YAAM,OAAO;AACX,yBAAa,WADF;AAEX,mBAAO,KAAK,MAFD;AAGX,iBAAK;AAHM,SAAb;AAMA,eAAO,EAAE,KAAK,GAAP,EAAY,IAAZ,EAAkB,CACvB,EACE,KADF,EAEE,EAAE,aAAa,iBAAf,EAFF,EAGE,KAAK,MAAL,CAAY,OAHd,CADuB,CAAlB,CAAP;AAOD;AAzCY,C;AAJf","sourcesContent":["// Styles\nimport '../../stylus/components/_content.styl'\n\n// Mixins\nimport SSRBootable from '../../mixins/ssr-bootable'\n\n/* @vue/component */\nexport default {\n name: 'v-content',\n\n mixins: [SSRBootable],\n\n props: {\n tag: {\n type: String,\n default: 'main'\n }\n },\n\n computed: {\n styles () {\n const {\n bar, top, right, footer, insetFooter, bottom, left\n } = this.$vuetify.application\n\n return {\n paddingTop: `${top + bar}px`,\n paddingRight: `${right}px`,\n paddingBottom: `${footer + insetFooter + bottom}px`,\n paddingLeft: `${left}px`\n }\n }\n },\n\n render (h) {\n const data = {\n staticClass: 'v-content',\n style: this.styles,\n ref: 'content'\n }\n\n return h(this.tag, data, [\n h(\n 'div',\n { staticClass: 'v-content__wrap' },\n this.$slots.default\n )\n ])\n }\n}\n"],"sourceRoot":""}
|
||||
+16
@@ -0,0 +1,16 @@
|
||||
'use strict';
|
||||
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
|
||||
require('../../../src/stylus/components/_grid.styl');
|
||||
|
||||
var _grid = require('./grid');
|
||||
|
||||
var _grid2 = _interopRequireDefault(_grid);
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
exports.default = (0, _grid2.default)('flex');
|
||||
//# sourceMappingURL=VFlex.js.map
|
||||
+1
@@ -0,0 +1 @@
|
||||
{"version":3,"sources":["../../../src/components/VGrid/VFlex.js"],"names":[],"mappings":";;;;;;;;AAEA;;;;;;kBAEe,oBAAK,MAAL,C","sourcesContent":["import '../../stylus/components/_grid.styl'\n\nimport Grid from './grid'\n\nexport default Grid('flex')\n"],"sourceRoot":""}
|
||||
+16
@@ -0,0 +1,16 @@
|
||||
'use strict';
|
||||
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
|
||||
require('../../../src/stylus/components/_grid.styl');
|
||||
|
||||
var _grid = require('./grid');
|
||||
|
||||
var _grid2 = _interopRequireDefault(_grid);
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
exports.default = (0, _grid2.default)('layout');
|
||||
//# sourceMappingURL=VLayout.js.map
|
||||
+1
@@ -0,0 +1 @@
|
||||
{"version":3,"sources":["../../../src/components/VGrid/VLayout.js"],"names":[],"mappings":";;;;;;;;AAEA;;;;;;kBAEe,oBAAK,QAAL,C","sourcesContent":["import '../../stylus/components/_grid.styl'\n\nimport Grid from './grid'\n\nexport default Grid('layout')\n"],"sourceRoot":""}
|
||||
+53
@@ -0,0 +1,53 @@
|
||||
'use strict';
|
||||
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
exports.default = Grid;
|
||||
function Grid(name) {
|
||||
/* @vue/component */
|
||||
return {
|
||||
name: 'v-' + name,
|
||||
functional: true,
|
||||
props: {
|
||||
id: String,
|
||||
tag: {
|
||||
type: String,
|
||||
default: 'div'
|
||||
}
|
||||
},
|
||||
render: function render(h, _ref) {
|
||||
var props = _ref.props,
|
||||
data = _ref.data,
|
||||
children = _ref.children;
|
||||
|
||||
data.staticClass = (name + ' ' + (data.staticClass || '')).trim();
|
||||
var attrs = data.attrs;
|
||||
|
||||
if (attrs) {
|
||||
// reset attrs to extract utility clases like pa-3
|
||||
data.attrs = {};
|
||||
var classes = Object.keys(attrs).filter(function (key) {
|
||||
// TODO: Remove once resolved
|
||||
// https://github.com/vuejs/vue/issues/7841
|
||||
if (key === 'slot') return false;
|
||||
var value = attrs[key];
|
||||
// add back data attributes like data-test="foo" but do not
|
||||
// add them as classes
|
||||
if (key.startsWith('data-')) {
|
||||
data.attrs[key] = value;
|
||||
return false;
|
||||
}
|
||||
return value || typeof value === 'string';
|
||||
});
|
||||
if (classes.length) data.staticClass += ' ' + classes.join(' ');
|
||||
}
|
||||
if (props.id) {
|
||||
data.domProps = data.domProps || {};
|
||||
data.domProps.id = props.id;
|
||||
}
|
||||
return h(props.tag, data, children);
|
||||
}
|
||||
};
|
||||
}
|
||||
//# sourceMappingURL=grid.js.map
|
||||
+1
@@ -0,0 +1 @@
|
||||
{"version":3,"sources":["../../../src/components/VGrid/grid.js"],"names":[],"mappings":";;;;;kBAAwB,I;AAAV,SAAU,IAAV,CAAgB,IAAhB,EAAoB;AAChC;AACA,WAAO;AACL,qBAAW,IADN;AAGL,oBAAY,IAHP;AAKL,eAAO;AACL,gBAAI,MADC;AAEL,iBAAK;AACH,sBAAM,MADH;AAEH,yBAAS;AAFN;AAFA,SALF;AAaL,gBAAQ,gBAAC,CAAD,QAAiC;AAAA,gBAA3B,KAA2B,QAA3B,KAA2B;AAAA,gBAApB,IAAoB,QAApB,IAAoB;AAAA,gBAAd,QAAc,QAAd,QAAc;;AACvC,iBAAK,WAAL,GAAmB,CAAI,IAAJ,UAAY,KAAK,WAAL,IAAoB,EAAhC,GAAsC,IAAtC,EAAnB;AADuC,gBAG/B,KAH+B,GAGrB,IAHqB,CAG/B,KAH+B;;AAIvC,gBAAI,KAAJ,EAAW;AACT;AACA,qBAAK,KAAL,GAAa,EAAb;AACA,oBAAM,UAAU,OAAO,IAAP,CAAY,KAAZ,EAAmB,MAAnB,CAA0B,eAAM;AAC9C;AACA;AACA,wBAAI,QAAQ,MAAZ,EAAoB,OAAO,KAAP;AAEpB,wBAAM,QAAQ,MAAM,GAAN,CAAd;AAEA;AACA;AACA,wBAAI,IAAI,UAAJ,CAAe,OAAf,CAAJ,EAA6B;AAC3B,6BAAK,KAAL,CAAW,GAAX,IAAkB,KAAlB;AACA,+BAAO,KAAP;AACD;AAED,2BAAO,SAAS,OAAO,KAAP,KAAiB,QAAjC;AACD,iBAfe,CAAhB;AAiBA,oBAAI,QAAQ,MAAZ,EAAoB,KAAK,WAAL,UAAwB,QAAQ,IAAR,CAAa,GAAb,CAAxB;AACrB;AAED,gBAAI,MAAM,EAAV,EAAc;AACZ,qBAAK,QAAL,GAAgB,KAAK,QAAL,IAAiB,EAAjC;AACA,qBAAK,QAAL,CAAc,EAAd,GAAmB,MAAM,EAAzB;AACD;AAED,mBAAO,EAAE,MAAM,GAAR,EAAa,IAAb,EAAmB,QAAnB,CAAP;AACD;AA9CI,KAAP;AAgDD","sourcesContent":["export default function Grid (name) {\n /* @vue/component */\n return {\n name: `v-${name}`,\n\n functional: true,\n\n props: {\n id: String,\n tag: {\n type: String,\n default: 'div'\n }\n },\n\n render: (h, { props, data, children }) => {\n data.staticClass = (`${name} ${data.staticClass || ''}`).trim()\n\n const { attrs } = data\n if (attrs) {\n // reset attrs to extract utility clases like pa-3\n data.attrs = {}\n const classes = Object.keys(attrs).filter(key => {\n // TODO: Remove once resolved\n // https://github.com/vuejs/vue/issues/7841\n if (key === 'slot') return false\n\n const value = attrs[key]\n\n // add back data attributes like data-test=\"foo\" but do not\n // add them as classes\n if (key.startsWith('data-')) {\n data.attrs[key] = value\n return false\n }\n\n return value || typeof value === 'string'\n })\n\n if (classes.length) data.staticClass += ` ${classes.join(' ')}`\n }\n\n if (props.id) {\n data.domProps = data.domProps || {}\n data.domProps.id = props.id\n }\n\n return h(props.tag, data, children)\n }\n }\n}\n"],"sourceRoot":""}
|
||||
+43
@@ -0,0 +1,43 @@
|
||||
'use strict';
|
||||
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
exports.VSpacer = exports.VLayout = exports.VFlex = exports.VContent = exports.VContainer = undefined;
|
||||
|
||||
var _helpers = require('../../util/helpers');
|
||||
|
||||
var _VContainer = require('./VContainer');
|
||||
|
||||
var _VContainer2 = _interopRequireDefault(_VContainer);
|
||||
|
||||
var _VContent = require('./VContent');
|
||||
|
||||
var _VContent2 = _interopRequireDefault(_VContent);
|
||||
|
||||
var _VFlex = require('./VFlex');
|
||||
|
||||
var _VFlex2 = _interopRequireDefault(_VFlex);
|
||||
|
||||
var _VLayout = require('./VLayout');
|
||||
|
||||
var _VLayout2 = _interopRequireDefault(_VLayout);
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
var VSpacer = (0, _helpers.createSimpleFunctional)('spacer', 'div', 'v-spacer');
|
||||
exports.VContainer = _VContainer2.default;
|
||||
exports.VContent = _VContent2.default;
|
||||
exports.VFlex = _VFlex2.default;
|
||||
exports.VLayout = _VLayout2.default;
|
||||
exports.VSpacer = VSpacer;
|
||||
exports.default = {
|
||||
$_vuetify_subcomponents: {
|
||||
VContainer: _VContainer2.default,
|
||||
VContent: _VContent2.default,
|
||||
VFlex: _VFlex2.default,
|
||||
VLayout: _VLayout2.default,
|
||||
VSpacer: VSpacer
|
||||
}
|
||||
};
|
||||
//# sourceMappingURL=index.js.map
|
||||
+1
@@ -0,0 +1 @@
|
||||
{"version":3,"sources":["../../../src/components/VGrid/index.js"],"names":[],"mappings":";;;;;;;;;AAGA;;;;AACA;;;;AACA;;;;AACA;;;;;;AAEA,IAAM,UAAU,qCAAuB,QAAvB,EAAiC,KAAjC,EAAwC,UAAxC,CAAhB;QAGE,U,GAAA,oB;QACA,Q,GAAA,kB;QACA,K,GAAA,e;QACA,O,GAAA,iB;QACA,O,GAAA,O;kBAGa;AACb,6BAAyB;AACvB,wCADuB;AAEvB,oCAFuB;AAGvB,8BAHuB;AAIvB,kCAJuB;AAKvB;AALuB;AADZ,C","sourcesContent":["import {\n createSimpleFunctional\n} from '../../util/helpers'\nimport VContainer from './VContainer'\nimport VContent from './VContent'\nimport VFlex from './VFlex'\nimport VLayout from './VLayout'\n\nconst VSpacer = createSimpleFunctional('spacer', 'div', 'v-spacer')\n\nexport {\n VContainer,\n VContent,\n VFlex,\n VLayout,\n VSpacer\n}\n\nexport default {\n $_vuetify_subcomponents: {\n VContainer,\n VContent,\n VFlex,\n VLayout,\n VSpacer\n }\n}\n"],"sourceRoot":""}
|
||||
Reference in New Issue
Block a user