97 lines
2.4 KiB
JavaScript
97 lines
2.4 KiB
JavaScript
|
"use strict";
|
||
|
|
|
||
|
|
Object.defineProperty(exports, "__esModule", {
|
||
|
|
value: true
|
||
|
|
});
|
||
|
|
exports.default = void 0;
|
||
|
|
|
||
|
|
require("../../../src/components/VDatePicker/VDatePickerTitle.sass");
|
||
|
|
|
||
|
|
var _VIcon = _interopRequireDefault(require("../VIcon"));
|
||
|
|
|
||
|
|
var _pickerButton = _interopRequireDefault(require("../../mixins/picker-button"));
|
||
|
|
|
||
|
|
var _mixins = _interopRequireDefault(require("../../util/mixins"));
|
||
|
|
|
||
|
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||
|
|
|
||
|
|
// Components
|
||
|
|
// Mixins
|
||
|
|
// Utils
|
||
|
|
var _default = (0, _mixins.default)(_pickerButton.default
|
||
|
|
/* @vue/component */
|
||
|
|
).extend({
|
||
|
|
name: 'v-date-picker-title',
|
||
|
|
props: {
|
||
|
|
date: {
|
||
|
|
type: String,
|
||
|
|
default: ''
|
||
|
|
},
|
||
|
|
disabled: Boolean,
|
||
|
|
readonly: Boolean,
|
||
|
|
selectingYear: Boolean,
|
||
|
|
value: {
|
||
|
|
type: String
|
||
|
|
},
|
||
|
|
year: {
|
||
|
|
type: [Number, String],
|
||
|
|
default: ''
|
||
|
|
},
|
||
|
|
yearIcon: {
|
||
|
|
type: String
|
||
|
|
}
|
||
|
|
},
|
||
|
|
data: function data() {
|
||
|
|
return {
|
||
|
|
isReversing: false
|
||
|
|
};
|
||
|
|
},
|
||
|
|
computed: {
|
||
|
|
computedTransition: function computedTransition() {
|
||
|
|
return this.isReversing ? 'picker-reverse-transition' : 'picker-transition';
|
||
|
|
}
|
||
|
|
},
|
||
|
|
watch: {
|
||
|
|
value: function value(val, prev) {
|
||
|
|
this.isReversing = val < prev;
|
||
|
|
}
|
||
|
|
},
|
||
|
|
methods: {
|
||
|
|
genYearIcon: function genYearIcon() {
|
||
|
|
return this.$createElement(_VIcon.default, {
|
||
|
|
props: {
|
||
|
|
dark: true
|
||
|
|
}
|
||
|
|
}, this.yearIcon);
|
||
|
|
},
|
||
|
|
getYearBtn: function getYearBtn() {
|
||
|
|
return this.genPickerButton('selectingYear', true, [String(this.year), this.yearIcon ? this.genYearIcon() : null], false, 'v-date-picker-title__year');
|
||
|
|
},
|
||
|
|
genTitleText: function genTitleText() {
|
||
|
|
return this.$createElement('transition', {
|
||
|
|
props: {
|
||
|
|
name: this.computedTransition
|
||
|
|
}
|
||
|
|
}, [this.$createElement('div', {
|
||
|
|
domProps: {
|
||
|
|
innerHTML: this.date || ' '
|
||
|
|
},
|
||
|
|
key: this.value
|
||
|
|
})]);
|
||
|
|
},
|
||
|
|
genTitleDate: function genTitleDate() {
|
||
|
|
return this.genPickerButton('selectingYear', false, [this.genTitleText()], false, 'v-date-picker-title__date');
|
||
|
|
}
|
||
|
|
},
|
||
|
|
render: function render(h) {
|
||
|
|
return h('div', {
|
||
|
|
staticClass: 'v-date-picker-title',
|
||
|
|
class: {
|
||
|
|
'v-date-picker-title--disabled': this.disabled
|
||
|
|
}
|
||
|
|
}, [this.getYearBtn(), this.genTitleDate()]);
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
exports.default = _default;
|
||
|
|
//# sourceMappingURL=VDatePickerTitle.js.map
|