vuetify eingebunden + erster Versuch Combobox
This commit is contained in:
+95
@@ -0,0 +1,95 @@
|
||||
'use strict';
|
||||
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
|
||||
require('../../../src/stylus/components/_snackbars.styl');
|
||||
|
||||
var _colorable = require('../../mixins/colorable');
|
||||
|
||||
var _colorable2 = _interopRequireDefault(_colorable);
|
||||
|
||||
var _toggleable = require('../../mixins/toggleable');
|
||||
|
||||
var _toggleable2 = _interopRequireDefault(_toggleable);
|
||||
|
||||
var _positionable = require('../../mixins/positionable');
|
||||
|
||||
var _mixins = require('../../util/mixins');
|
||||
|
||||
var _mixins2 = _interopRequireDefault(_mixins);
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
exports.default = (0, _mixins2.default)(_colorable2.default, _toggleable2.default, (0, _positionable.factory)(['absolute', 'top', 'bottom', 'left', 'right'])
|
||||
/* @vue/component */
|
||||
).extend({
|
||||
name: 'v-snackbar',
|
||||
props: {
|
||||
autoHeight: Boolean,
|
||||
multiLine: Boolean,
|
||||
// TODO: change this to closeDelay to match other API in delayable.js
|
||||
timeout: {
|
||||
type: Number,
|
||||
default: 6000
|
||||
},
|
||||
vertical: Boolean
|
||||
},
|
||||
data: function data() {
|
||||
return {
|
||||
activeTimeout: -1
|
||||
};
|
||||
},
|
||||
|
||||
computed: {
|
||||
classes: function classes() {
|
||||
return {
|
||||
'v-snack--active': this.isActive,
|
||||
'v-snack--absolute': this.absolute,
|
||||
'v-snack--auto-height': this.autoHeight,
|
||||
'v-snack--bottom': this.bottom || !this.top,
|
||||
'v-snack--left': this.left,
|
||||
'v-snack--multi-line': this.multiLine && !this.vertical,
|
||||
'v-snack--right': this.right,
|
||||
'v-snack--top': this.top,
|
||||
'v-snack--vertical': this.vertical
|
||||
};
|
||||
}
|
||||
},
|
||||
watch: {
|
||||
isActive: function isActive() {
|
||||
this.setTimeout();
|
||||
}
|
||||
},
|
||||
mounted: function mounted() {
|
||||
this.setTimeout();
|
||||
},
|
||||
|
||||
methods: {
|
||||
setTimeout: function setTimeout() {
|
||||
var _this = this;
|
||||
|
||||
window.clearTimeout(this.activeTimeout);
|
||||
if (this.isActive && this.timeout) {
|
||||
this.activeTimeout = window.setTimeout(function () {
|
||||
_this.isActive = false;
|
||||
}, this.timeout);
|
||||
}
|
||||
}
|
||||
},
|
||||
render: function render(h) {
|
||||
return h('transition', {
|
||||
attrs: { name: 'v-snack-transition' }
|
||||
}, this.isActive && [h('div', {
|
||||
staticClass: 'v-snack',
|
||||
class: this.classes,
|
||||
on: this.$listeners
|
||||
}, [h('div', this.setBackgroundColor(this.color, {
|
||||
staticClass: 'v-snack__wrapper'
|
||||
}), [h('div', {
|
||||
staticClass: 'v-snack__content'
|
||||
}, this.$slots.default)])])]);
|
||||
}
|
||||
});
|
||||
//# sourceMappingURL=VSnackbar.js.map
|
||||
+1
@@ -0,0 +1 @@
|
||||
{"version":3,"sources":["../../../src/components/VSnackbar/VSnackbar.ts"],"names":[],"mappings":";;;;;;;;AAEA;;;;AACA;;;;AACA;;AAEA;;;;;;kBAGe,sBACb,mBADa,EAEb,oBAFa,EAGb,2BAAoB,CAAC,UAAD,EAAa,KAAb,EAAoB,QAApB,EAA8B,MAA9B,EAAsC,OAAtC,CAApB;AACF;AAJe,EAKb,MALa,CAKN;AACP,UAAM,YADC;AAGP,WAAO;AACL,oBAAY,OADP;AAEL,mBAAW,OAFN;AAGL;AACA,iBAAS;AACP,kBAAM,MADC;AAEP,qBAAS;AAFF,SAJJ;AAQL,kBAAU;AARL,KAHA;AAcP,QAdO,kBAcH;AACF,eAAO;AACL,2BAAe,CAAC;AADX,SAAP;AAGD,KAlBM;;AAoBP,cAAU;AACR,eADQ,qBACD;AACL,mBAAO;AACL,mCAAmB,KAAK,QADnB;AAEL,qCAAqB,KAAK,QAFrB;AAGL,wCAAwB,KAAK,UAHxB;AAIL,mCAAmB,KAAK,MAAL,IAAe,CAAC,KAAK,GAJnC;AAKL,iCAAiB,KAAK,IALjB;AAML,uCAAuB,KAAK,SAAL,IAAkB,CAAC,KAAK,QAN1C;AAOL,kCAAkB,KAAK,KAPlB;AAQL,gCAAgB,KAAK,GARhB;AASL,qCAAqB,KAAK;AATrB,aAAP;AAWD;AAbO,KApBH;AAoCP,WAAO;AACL,gBADK,sBACG;AACN,iBAAK,UAAL;AACD;AAHI,KApCA;AA0CP,WA1CO,qBA0CA;AACL,aAAK,UAAL;AACD,KA5CM;;AA8CP,aAAS;AACP,kBADO,wBACG;AAAA;;AACR,mBAAO,YAAP,CAAoB,KAAK,aAAzB;AAEA,gBAAI,KAAK,QAAL,IAAiB,KAAK,OAA1B,EAAmC;AACjC,qBAAK,aAAL,GAAqB,OAAO,UAAP,CAAkB,YAAK;AAC1C,0BAAK,QAAL,GAAgB,KAAhB;AACD,iBAFoB,EAElB,KAAK,OAFa,CAArB;AAGD;AACF;AATM,KA9CF;AA0DP,UA1DO,kBA0DC,CA1DD,EA0DE;AACP,eAAO,EAAE,YAAF,EAAgB;AACrB,mBAAO,EAAE,MAAM,oBAAR;AADc,SAAhB,EAEJ,KAAK,QAAL,IAAiB,CAClB,EAAE,KAAF,EAAS;AACP,yBAAa,SADN;AAEP,mBAAO,KAAK,OAFL;AAGP,gBAAI,KAAK;AAHF,SAAT,EAIG,CACD,EAAE,KAAF,EAAS,KAAK,kBAAL,CAAwB,KAAK,KAA7B,EAAoC;AAC3C,yBAAa;AAD8B,SAApC,CAAT,EAEI,CACF,EAAE,KAAF,EAAS;AACP,yBAAa;AADN,SAAT,EAEG,KAAK,MAAL,CAAY,OAFf,CADE,CAFJ,CADC,CAJH,CADkB,CAFb,CAAP;AAiBD;AA5EM,CALM,C","sourcesContent":["import '../../stylus/components/_snackbars.styl'\n\nimport Colorable from '../../mixins/colorable'\nimport Toggleable from '../../mixins/toggleable'\nimport { factory as PositionableFactory } from '../../mixins/positionable'\n\nimport mixins from '../../util/mixins'\nimport { VNode } from 'vue'\n\nexport default mixins(\n Colorable,\n Toggleable,\n PositionableFactory(['absolute', 'top', 'bottom', 'left', 'right'])\n/* @vue/component */\n).extend({\n name: 'v-snackbar',\n\n props: {\n autoHeight: Boolean,\n multiLine: Boolean,\n // TODO: change this to closeDelay to match other API in delayable.js\n timeout: {\n type: Number,\n default: 6000\n },\n vertical: Boolean\n },\n\n data () {\n return {\n activeTimeout: -1\n }\n },\n\n computed: {\n classes (): object {\n return {\n 'v-snack--active': this.isActive,\n 'v-snack--absolute': this.absolute,\n 'v-snack--auto-height': this.autoHeight,\n 'v-snack--bottom': this.bottom || !this.top,\n 'v-snack--left': this.left,\n 'v-snack--multi-line': this.multiLine && !this.vertical,\n 'v-snack--right': this.right,\n 'v-snack--top': this.top,\n 'v-snack--vertical': this.vertical\n }\n }\n },\n\n watch: {\n isActive () {\n this.setTimeout()\n }\n },\n\n mounted () {\n this.setTimeout()\n },\n\n methods: {\n setTimeout () {\n window.clearTimeout(this.activeTimeout)\n\n if (this.isActive && this.timeout) {\n this.activeTimeout = window.setTimeout(() => {\n this.isActive = false\n }, this.timeout)\n }\n }\n },\n\n render (h): VNode {\n return h('transition', {\n attrs: { name: 'v-snack-transition' }\n }, this.isActive && [\n h('div', {\n staticClass: 'v-snack',\n class: this.classes,\n on: this.$listeners\n }, [\n h('div', this.setBackgroundColor(this.color, {\n staticClass: 'v-snack__wrapper'\n }), [\n h('div', {\n staticClass: 'v-snack__content'\n }, this.$slots.default)\n ])\n ])\n ])\n }\n})\n"],"sourceRoot":""}
|
||||
+16
@@ -0,0 +1,16 @@
|
||||
'use strict';
|
||||
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
exports.VSnackbar = undefined;
|
||||
|
||||
var _VSnackbar = require('./VSnackbar');
|
||||
|
||||
var _VSnackbar2 = _interopRequireDefault(_VSnackbar);
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
exports.VSnackbar = _VSnackbar2.default;
|
||||
exports.default = _VSnackbar2.default;
|
||||
//# sourceMappingURL=index.js.map
|
||||
+1
@@ -0,0 +1 @@
|
||||
{"version":3,"sources":["../../../src/components/VSnackbar/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;QAES,S,GAAA,mB;kBACM,mB","sourcesContent":["import VSnackbar from './VSnackbar'\n\nexport { VSnackbar }\nexport default VSnackbar\n"],"sourceRoot":""}
|
||||
Reference in New Issue
Block a user