vxe-pc-ui 4.1.19 → 4.1.21
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +83 -2
- package/es/anchor/src/anchor-link.js +1 -1
- package/es/anchor/src/anchor.js +1 -1
- package/es/breadcrumb/src/breadcrumb.js +1 -1
- package/es/button/src/button-group.js +4 -1
- package/es/button/src/button.js +2 -1
- package/es/calendar/src/calendar.js +64 -32
- package/es/card/src/card.js +4 -3
- package/es/carousel/src/carousel-item.js +13 -3
- package/es/carousel/src/carousel.js +16 -8
- package/es/checkbox/src/checkbox.js +30 -14
- package/es/checkbox/src/group.js +17 -8
- package/es/collapse-pane/index.js +1 -1
- package/es/countdown/src/countdown.js +17 -8
- package/es/date-picker/src/date-picker.js +148 -69
- package/es/drawer/src/drawer.js +86 -46
- package/es/form/render/index.js +1 -2
- package/es/form/src/form-config-item.js +4 -3
- package/es/form/src/form-gather.js +5 -3
- package/es/form/src/form-item.js +15 -10
- package/es/form/src/form.js +11 -8
- package/es/form/src/render.js +2 -1
- package/es/form/src/util.js +2 -1
- package/es/icon/src/icon.js +3 -0
- package/es/icon/style.css +1 -1
- package/es/icon-picker/src/icon-picker.js +24 -11
- package/es/image/src/group.js +4 -1
- package/es/image/src/preview.js +1 -1
- package/es/input/src/input.js +131 -66
- package/es/layout-aside/src/layout-aside.js +1 -1
- package/es/list/src/list.js +7 -5
- package/es/list-design/src/list-design.js +1 -1
- package/es/list-design/src/list-view.js +1 -1
- package/es/loading/src/loading.js +4 -1
- package/es/menu/src/menu.js +4 -3
- package/es/number-input/src/number-input.js +100 -77
- package/es/pager/src/pager.js +85 -45
- package/es/password-input/src/password-input.js +2 -2
- package/es/print/src/page-break.js +11 -2
- package/es/print/src/print.js +6 -4
- package/es/pulldown/src/pulldown.js +19 -13
- package/es/radio/src/button.js +2 -2
- package/es/radio/src/group.js +8 -4
- package/es/row/src/row.js +1 -1
- package/es/select/src/optgroup.js +19 -10
- package/es/select/src/option.js +17 -9
- package/es/select/src/select.js +64 -41
- package/es/select/src/util.js +2 -2
- package/es/style.css +1 -1
- package/es/style.min.css +1 -1
- package/es/tabs/src/tab-pane.js +13 -3
- package/es/tabs/src/tabs.js +57 -47
- package/es/textarea/src/textarea.js +28 -10
- package/es/tooltip/src/tooltip.js +107 -78
- package/es/tree/src/tree.js +6 -3
- package/es/tree-select/src/tree-select.js +18 -10
- package/es/ui/index.js +1 -7
- package/es/ui/src/log.js +1 -1
- package/es/upload/src/upload.js +5 -5
- package/lib/anchor/src/anchor-link.js +1 -1
- package/lib/anchor/src/anchor-link.min.js +1 -1
- package/lib/anchor/src/anchor.js +1 -1
- package/lib/anchor/src/anchor.min.js +1 -1
- package/lib/breadcrumb/src/breadcrumb.js +1 -1
- package/lib/breadcrumb/src/breadcrumb.min.js +1 -1
- package/lib/button/src/button-group.js +4 -1
- package/lib/button/src/button-group.min.js +1 -1
- package/lib/button/src/button.js +2 -1
- package/lib/button/src/button.min.js +1 -1
- package/lib/calendar/src/calendar.js +42 -24
- package/lib/calendar/src/calendar.min.js +1 -1
- package/lib/card/src/card.js +6 -5
- package/lib/card/src/card.min.js +1 -1
- package/lib/carousel/src/carousel-item.js +16 -3
- package/lib/carousel/src/carousel-item.min.js +1 -1
- package/lib/carousel/src/carousel.js +18 -8
- package/lib/carousel/src/carousel.min.js +1 -1
- package/lib/checkbox/src/checkbox.js +16 -12
- package/lib/checkbox/src/checkbox.min.js +1 -1
- package/lib/checkbox/src/group.js +10 -7
- package/lib/checkbox/src/group.min.js +1 -1
- package/lib/collapse-pane/index.js +1 -1
- package/lib/collapse-pane/index.min.js +1 -1
- package/lib/countdown/src/countdown.js +15 -7
- package/lib/countdown/src/countdown.min.js +1 -1
- package/lib/date-picker/src/date-picker.js +124 -62
- package/lib/date-picker/src/date-picker.min.js +1 -1
- package/lib/drawer/src/drawer.js +15 -30
- package/lib/drawer/src/drawer.min.js +1 -1
- package/lib/form/render/index.js +1 -4
- package/lib/form/render/index.min.js +1 -1
- package/lib/form/src/form-config-item.js +4 -5
- package/lib/form/src/form-config-item.min.js +1 -1
- package/lib/form/src/form-gather.js +11 -9
- package/lib/form/src/form-gather.min.js +1 -1
- package/lib/form/src/form-item.js +11 -12
- package/lib/form/src/form-item.min.js +1 -1
- package/lib/form/src/form.js +7 -7
- package/lib/form/src/form.min.js +1 -1
- package/lib/form/src/render.js +2 -1
- package/lib/form/src/util.js +2 -1
- package/lib/icon/src/icon.js +3 -0
- package/lib/icon/src/icon.min.js +1 -1
- package/lib/icon/style/style.css +1 -1
- package/lib/icon/style/style.min.css +1 -1
- package/lib/icon-picker/src/icon-picker.js +22 -12
- package/lib/icon-picker/src/icon-picker.min.js +1 -1
- package/lib/image/src/group.js +4 -1
- package/lib/image/src/group.min.js +1 -1
- package/lib/image/src/preview.js +1 -1
- package/lib/image/src/preview.min.js +1 -1
- package/lib/index.umd.js +884 -649
- package/lib/index.umd.min.js +1 -1
- package/lib/input/src/input.js +79 -51
- package/lib/input/src/input.min.js +1 -1
- package/lib/layout-aside/src/layout-aside.js +1 -1
- package/lib/layout-aside/src/layout-aside.min.js +1 -1
- package/lib/list/src/list.js +9 -5
- package/lib/list/src/list.min.js +1 -1
- package/lib/list-design/src/list-design.js +1 -1
- package/lib/list-design/src/list-design.min.js +1 -1
- package/lib/list-design/src/list-view.js +1 -1
- package/lib/list-design/src/list-view.min.js +1 -1
- package/lib/loading/src/loading.js +4 -1
- package/lib/loading/src/loading.min.js +1 -1
- package/lib/menu/src/menu.js +4 -3
- package/lib/menu/src/menu.min.js +1 -1
- package/lib/number-input/src/number-input.js +67 -69
- package/lib/number-input/src/number-input.min.js +1 -1
- package/lib/pager/src/pager.js +40 -39
- package/lib/pager/src/pager.min.js +1 -1
- package/lib/password-input/src/password-input.js +2 -2
- package/lib/print/src/page-break.js +14 -2
- package/lib/print/src/page-break.min.js +1 -1
- package/lib/print/src/print.js +8 -6
- package/lib/print/src/print.min.js +1 -1
- package/lib/pulldown/src/pulldown.js +19 -13
- package/lib/pulldown/src/pulldown.min.js +1 -1
- package/lib/radio/src/button.js +2 -2
- package/lib/radio/src/group.js +8 -4
- package/lib/radio/src/group.min.js +1 -1
- package/lib/row/src/row.js +1 -1
- package/lib/row/src/row.min.js +1 -1
- package/lib/select/src/optgroup.js +12 -9
- package/lib/select/src/optgroup.min.js +1 -1
- package/lib/select/src/option.js +9 -7
- package/lib/select/src/option.min.js +1 -1
- package/lib/select/src/select.js +52 -41
- package/lib/select/src/select.min.js +1 -1
- package/lib/select/src/util.js +2 -2
- package/lib/select/src/util.min.js +1 -1
- package/lib/style.css +1 -1
- package/lib/style.min.css +1 -1
- package/lib/tabs/src/tab-pane.js +16 -3
- package/lib/tabs/src/tab-pane.min.js +1 -1
- package/lib/tabs/src/tabs.js +62 -50
- package/lib/tabs/src/tabs.min.js +1 -1
- package/lib/textarea/src/textarea.js +4 -4
- package/lib/tooltip/src/tooltip.js +96 -88
- package/lib/tooltip/src/tooltip.min.js +1 -1
- package/lib/tree/src/tree.js +2 -2
- package/lib/tree/src/tree.min.js +1 -1
- package/lib/tree-select/src/tree-select.js +13 -8
- package/lib/tree-select/src/tree-select.min.js +1 -1
- package/lib/ui/index.js +3 -10
- package/lib/ui/index.min.js +1 -1
- package/lib/ui/src/log.js +1 -1
- package/lib/ui/src/log.min.js +1 -1
- package/lib/upload/src/upload.js +5 -5
- package/lib/upload/src/upload.min.js +1 -1
- package/package.json +2 -2
- package/packages/anchor/src/anchor-link.ts +2 -2
- package/packages/anchor/src/anchor.ts +2 -2
- package/packages/breadcrumb/src/breadcrumb.ts +2 -2
- package/packages/button/src/button-group.ts +4 -1
- package/packages/button/src/button.ts +6 -5
- package/packages/calendar/src/calendar.ts +67 -35
- package/packages/card/src/card.ts +6 -4
- package/packages/carousel/src/carousel-item.ts +19 -4
- package/packages/carousel/src/carousel.ts +19 -11
- package/packages/checkbox/src/checkbox.ts +34 -15
- package/packages/checkbox/src/group.ts +22 -10
- package/packages/collapse-pane/index.ts +1 -1
- package/packages/countdown/src/countdown.ts +20 -11
- package/packages/date-picker/src/date-picker.ts +160 -80
- package/packages/drawer/src/drawer.ts +91 -50
- package/packages/form/render/index.ts +1 -3
- package/packages/form/src/form-config-item.ts +4 -3
- package/packages/form/src/form-gather.ts +5 -3
- package/packages/form/src/form-item.ts +15 -10
- package/packages/form/src/form.ts +12 -10
- package/packages/form/src/render.ts +2 -1
- package/packages/form/src/util.ts +2 -1
- package/packages/icon/src/icon.ts +3 -0
- package/packages/icon-picker/src/icon-picker.ts +31 -17
- package/packages/image/src/group.ts +4 -1
- package/packages/image/src/preview.ts +2 -2
- package/packages/input/src/input.ts +138 -75
- package/packages/layout-aside/src/layout-aside.ts +2 -2
- package/packages/list/src/list.ts +12 -11
- package/packages/list-design/src/list-design.ts +2 -2
- package/packages/list-design/src/list-view.ts +2 -2
- package/packages/loading/src/loading.ts +5 -2
- package/packages/menu/src/menu.ts +5 -4
- package/packages/number-input/src/number-input.ts +102 -79
- package/packages/pager/src/pager.ts +91 -50
- package/packages/password-input/src/password-input.ts +2 -2
- package/packages/print/src/page-break.ts +18 -4
- package/packages/print/src/print.ts +10 -5
- package/packages/pulldown/src/pulldown.ts +28 -22
- package/packages/radio/src/button.ts +2 -2
- package/packages/radio/src/group.ts +9 -5
- package/packages/row/src/row.ts +2 -2
- package/packages/select/src/optgroup.ts +22 -13
- package/packages/select/src/option.ts +18 -10
- package/packages/select/src/select.ts +79 -52
- package/packages/select/src/util.ts +3 -3
- package/packages/tabs/src/tab-pane.ts +20 -5
- package/packages/tabs/src/tabs.ts +59 -49
- package/packages/textarea/src/textarea.ts +28 -10
- package/packages/tooltip/src/tooltip.ts +118 -84
- package/packages/tree/src/tree.ts +7 -4
- package/packages/tree-select/src/tree-select.ts +25 -16
- package/packages/ui/index.ts +0 -7
- package/packages/upload/src/upload.ts +6 -6
- package/types/components/calendar.d.ts +6 -0
- package/types/components/carousel.d.ts +5 -0
- package/types/components/countdown.d.ts +4 -0
- package/types/components/date-picker.d.ts +23 -5
- package/types/components/drawer.d.ts +0 -1
- package/types/components/form.d.ts +4 -2
- package/types/components/icon-picker.d.ts +4 -0
- package/types/components/input.d.ts +9 -1
- package/types/components/list.d.ts +1 -0
- package/types/components/number-input.d.ts +6 -2
- package/types/components/optgroup.d.ts +10 -4
- package/types/components/pulldown.d.ts +5 -1
- package/types/components/select.d.ts +4 -0
- package/types/components/tabs.d.ts +4 -0
- package/types/components/toolbar.d.ts +5 -0
- package/types/components/tooltip.d.ts +4 -0
- package/types/components/tree-select.d.ts +4 -0
- package/types/ui/index.d.ts +0 -22
- /package/es/{collapse-pane → collapse}/src/collapse-pane.js +0 -0
- /package/es/icon/style/{iconfont.1725597808239.ttf → iconfont.1725941866604.ttf} +0 -0
- /package/es/icon/style/{iconfont.1725597808239.woff → iconfont.1725941866604.woff} +0 -0
- /package/es/icon/style/{iconfont.1725597808239.woff2 → iconfont.1725941866604.woff2} +0 -0
- /package/es/{iconfont.1725597808239.ttf → iconfont.1725941866604.ttf} +0 -0
- /package/es/{iconfont.1725597808239.woff → iconfont.1725941866604.woff} +0 -0
- /package/es/{iconfont.1725597808239.woff2 → iconfont.1725941866604.woff2} +0 -0
- /package/lib/{collapse-pane → collapse}/src/collapse-pane.js +0 -0
- /package/lib/{collapse-pane → collapse}/src/collapse-pane.min.js +0 -0
- /package/lib/icon/style/{iconfont.1725597808239.ttf → iconfont.1725941866604.ttf} +0 -0
- /package/lib/icon/style/{iconfont.1725597808239.woff → iconfont.1725941866604.woff} +0 -0
- /package/lib/icon/style/{iconfont.1725597808239.woff2 → iconfont.1725941866604.woff2} +0 -0
- /package/lib/{iconfont.1725597808239.ttf → iconfont.1725941866604.ttf} +0 -0
- /package/lib/{iconfont.1725597808239.woff → iconfont.1725941866604.woff} +0 -0
- /package/lib/{iconfont.1725597808239.woff2 → iconfont.1725941866604.woff2} +0 -0
- /package/packages/{collapse-pane → collapse}/src/collapse-pane.ts +0 -0
package/lib/input/src/input.js
CHANGED
|
@@ -134,6 +134,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
|
|
|
134
134
|
emit
|
|
135
135
|
} = context;
|
|
136
136
|
const $xeModal = (0, _vue.inject)('$xeModal', null);
|
|
137
|
+
const $xeDrawer = (0, _vue.inject)('$xeDrawer', null);
|
|
137
138
|
const $xeTable = (0, _vue.inject)('$xeTable', null);
|
|
138
139
|
const $xeForm = (0, _vue.inject)('$xeForm', null);
|
|
139
140
|
const formItemInfo = (0, _vue.inject)('xeFormItemInfo', null);
|
|
@@ -141,16 +142,13 @@ var _default = exports.default = (0, _vue.defineComponent)({
|
|
|
141
142
|
const {
|
|
142
143
|
computeSize
|
|
143
144
|
} = (0, _ui.useSize)(props);
|
|
144
|
-
const yearSize = 12;
|
|
145
|
-
const monthSize = 20;
|
|
146
|
-
const quarterSize = 8;
|
|
147
145
|
const reactData = (0, _vue.reactive)({
|
|
148
146
|
initialized: false,
|
|
149
147
|
panelIndex: 0,
|
|
150
148
|
showPwd: false,
|
|
151
149
|
visiblePanel: false,
|
|
152
150
|
isAniVisible: false,
|
|
153
|
-
panelStyle:
|
|
151
|
+
panelStyle: {},
|
|
154
152
|
panelPlacement: '',
|
|
155
153
|
isActivated: false,
|
|
156
154
|
inputValue: props.modelValue,
|
|
@@ -161,6 +159,13 @@ var _default = exports.default = (0, _vue.defineComponent)({
|
|
|
161
159
|
selectMonth: null,
|
|
162
160
|
currentDate: null
|
|
163
161
|
});
|
|
162
|
+
const internalData = {
|
|
163
|
+
yearSize: 12,
|
|
164
|
+
monthSize: 20,
|
|
165
|
+
quarterSize: 8,
|
|
166
|
+
hpTimeout: undefined,
|
|
167
|
+
dnTimeout: undefined
|
|
168
|
+
};
|
|
164
169
|
const refElem = (0, _vue.ref)();
|
|
165
170
|
const refInputTarget = (0, _vue.ref)();
|
|
166
171
|
const refInputPanel = (0, _vue.ref)();
|
|
@@ -175,6 +180,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
|
|
|
175
180
|
props,
|
|
176
181
|
context,
|
|
177
182
|
reactData,
|
|
183
|
+
internalData,
|
|
178
184
|
getRefMaps: () => refMaps
|
|
179
185
|
};
|
|
180
186
|
let inputMethods = {};
|
|
@@ -196,7 +202,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
|
|
|
196
202
|
if (_xeUtils.default.isBoolean(globalTransfer)) {
|
|
197
203
|
return globalTransfer;
|
|
198
204
|
}
|
|
199
|
-
if ($xeTable || $xeModal || $xeForm) {
|
|
205
|
+
if ($xeTable || $xeModal || $xeDrawer || $xeForm) {
|
|
200
206
|
return true;
|
|
201
207
|
}
|
|
202
208
|
}
|
|
@@ -399,13 +405,16 @@ var _default = exports.default = (0, _vue.defineComponent)({
|
|
|
399
405
|
if (isDatePickerType) {
|
|
400
406
|
return labelFormat || dateValueFormat || (0, _ui.getI18n)(`vxe.input.date.labelFormat.${props.type}`);
|
|
401
407
|
}
|
|
402
|
-
return
|
|
408
|
+
return '';
|
|
403
409
|
});
|
|
404
410
|
const computeYearList = (0, _vue.computed)(() => {
|
|
405
411
|
const {
|
|
406
412
|
selectMonth,
|
|
407
413
|
currentDate
|
|
408
414
|
} = reactData;
|
|
415
|
+
const {
|
|
416
|
+
yearSize
|
|
417
|
+
} = internalData;
|
|
409
418
|
const years = [];
|
|
410
419
|
if (selectMonth && currentDate) {
|
|
411
420
|
const currFullYear = currentDate.getFullYear();
|
|
@@ -507,6 +516,9 @@ var _default = exports.default = (0, _vue.defineComponent)({
|
|
|
507
516
|
selectMonth,
|
|
508
517
|
currentDate
|
|
509
518
|
} = reactData;
|
|
519
|
+
const {
|
|
520
|
+
quarterSize
|
|
521
|
+
} = internalData;
|
|
510
522
|
const quarters = [];
|
|
511
523
|
if (selectMonth && currentDate) {
|
|
512
524
|
const currFullYear = currentDate.getFullYear();
|
|
@@ -539,6 +551,9 @@ var _default = exports.default = (0, _vue.defineComponent)({
|
|
|
539
551
|
selectMonth,
|
|
540
552
|
currentDate
|
|
541
553
|
} = reactData;
|
|
554
|
+
const {
|
|
555
|
+
monthSize
|
|
556
|
+
} = internalData;
|
|
542
557
|
const months = [];
|
|
543
558
|
if (selectMonth && currentDate) {
|
|
544
559
|
const currFullYear = currentDate.getFullYear();
|
|
@@ -696,12 +711,6 @@ var _default = exports.default = (0, _vue.defineComponent)({
|
|
|
696
711
|
}
|
|
697
712
|
return (0, _ui.getI18n)('vxe.base.pleaseInput');
|
|
698
713
|
});
|
|
699
|
-
const computeInpMaxlength = (0, _vue.computed)(() => {
|
|
700
|
-
const isNumType = computeIsNumType.value;
|
|
701
|
-
const inpMaxLength = computeInpMaxLength.value;
|
|
702
|
-
// 数值最大长度限制 16 位,包含小数
|
|
703
|
-
return isNumType && !_xeUtils.default.toNumber(inpMaxLength) ? 16 : inpMaxLength;
|
|
704
|
-
});
|
|
705
714
|
const computeInpImmediate = (0, _vue.computed)(() => {
|
|
706
715
|
const {
|
|
707
716
|
type,
|
|
@@ -757,13 +766,13 @@ var _default = exports.default = (0, _vue.defineComponent)({
|
|
|
757
766
|
type,
|
|
758
767
|
exponential
|
|
759
768
|
} = props;
|
|
760
|
-
const
|
|
769
|
+
const inpMaxLength = computeInpMaxLength.value;
|
|
761
770
|
const digitsValue = computeDigitsValue.value;
|
|
762
771
|
const restVal = type === 'float' ? (0, _util2.toFloatValueFixed)(val, digitsValue) : _xeUtils.default.toValueString(val);
|
|
763
772
|
if (exponential && (val === restVal || _xeUtils.default.toValueString(val).toLowerCase() === _xeUtils.default.toNumber(restVal).toExponential())) {
|
|
764
773
|
return val;
|
|
765
774
|
}
|
|
766
|
-
return restVal.slice(0,
|
|
775
|
+
return restVal.slice(0, inpMaxLength);
|
|
767
776
|
};
|
|
768
777
|
const triggerEvent = evnt => {
|
|
769
778
|
const {
|
|
@@ -773,7 +782,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
|
|
|
773
782
|
value: inputValue
|
|
774
783
|
}, evnt);
|
|
775
784
|
};
|
|
776
|
-
const
|
|
785
|
+
const handleChange = (value, evnt) => {
|
|
777
786
|
reactData.inputValue = value;
|
|
778
787
|
emit('update:modelValue', value);
|
|
779
788
|
inputMethods.dispatchEvent('input', {
|
|
@@ -795,7 +804,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
|
|
|
795
804
|
reactData.inputValue = value;
|
|
796
805
|
if (!isDatePickerType) {
|
|
797
806
|
if (inpImmediate) {
|
|
798
|
-
|
|
807
|
+
handleChange(value, evnt);
|
|
799
808
|
} else {
|
|
800
809
|
inputMethods.dispatchEvent('input', {
|
|
801
810
|
value
|
|
@@ -833,11 +842,10 @@ var _default = exports.default = (0, _vue.defineComponent)({
|
|
|
833
842
|
}, evnt);
|
|
834
843
|
}
|
|
835
844
|
};
|
|
836
|
-
let hidePanelTimeout;
|
|
837
845
|
const hidePanel = () => {
|
|
838
846
|
return new Promise(resolve => {
|
|
839
847
|
reactData.visiblePanel = false;
|
|
840
|
-
|
|
848
|
+
internalData.hpTimeout = window.setTimeout(() => {
|
|
841
849
|
reactData.isAniVisible = false;
|
|
842
850
|
resolve();
|
|
843
851
|
}, 350);
|
|
@@ -855,7 +863,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
|
|
|
855
863
|
if (isNumType || ['text', 'search', 'password'].indexOf(type) > -1) {
|
|
856
864
|
focus();
|
|
857
865
|
}
|
|
858
|
-
|
|
866
|
+
handleChange('', evnt);
|
|
859
867
|
inputMethods.dispatchEvent('clear', {
|
|
860
868
|
value
|
|
861
869
|
}, evnt);
|
|
@@ -937,7 +945,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
|
|
|
937
945
|
if (inputValue) {
|
|
938
946
|
const validValue = (0, _util2.toFloatValueFixed)(inputValue, digitsValue);
|
|
939
947
|
if (inputValue !== validValue) {
|
|
940
|
-
|
|
948
|
+
handleChange(validValue, {
|
|
941
949
|
type: 'init'
|
|
942
950
|
});
|
|
943
951
|
}
|
|
@@ -1003,17 +1011,17 @@ var _default = exports.default = (0, _vue.defineComponent)({
|
|
|
1003
1011
|
datetimeRest.push(item);
|
|
1004
1012
|
}
|
|
1005
1013
|
});
|
|
1006
|
-
|
|
1014
|
+
handleChange(datetimeRest.map(date => _xeUtils.default.toDateString(date, dateValueFormat)).join(','), {
|
|
1007
1015
|
type: 'update'
|
|
1008
1016
|
});
|
|
1009
1017
|
} else {
|
|
1010
1018
|
// 如果是日期类型
|
|
1011
1019
|
if (dateMultipleValue.some(val => _xeUtils.default.isEqual(val, inpVal))) {
|
|
1012
|
-
|
|
1020
|
+
handleChange(dateMultipleValue.filter(val => !_xeUtils.default.isEqual(val, inpVal)).join(','), {
|
|
1013
1021
|
type: 'update'
|
|
1014
1022
|
});
|
|
1015
1023
|
} else {
|
|
1016
|
-
|
|
1024
|
+
handleChange(dateMultipleValue.concat([inpVal]).join(','), {
|
|
1017
1025
|
type: 'update'
|
|
1018
1026
|
});
|
|
1019
1027
|
}
|
|
@@ -1021,7 +1029,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
|
|
|
1021
1029
|
} else {
|
|
1022
1030
|
// 如果为单选
|
|
1023
1031
|
if (!_xeUtils.default.isEqual(modelValue, inpVal)) {
|
|
1024
|
-
|
|
1032
|
+
handleChange(inpVal, {
|
|
1025
1033
|
type: 'update'
|
|
1026
1034
|
});
|
|
1027
1035
|
}
|
|
@@ -1057,7 +1065,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
|
|
|
1057
1065
|
inpNumVal = inpStringVal;
|
|
1058
1066
|
}
|
|
1059
1067
|
}
|
|
1060
|
-
|
|
1068
|
+
handleChange(getNumberValue(inpNumVal), {
|
|
1061
1069
|
type: 'check'
|
|
1062
1070
|
});
|
|
1063
1071
|
}
|
|
@@ -1068,7 +1076,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
|
|
|
1068
1076
|
if (type === 'time') {
|
|
1069
1077
|
inpDateVal = _xeUtils.default.toDateString(inpDateVal, dateLabelFormat);
|
|
1070
1078
|
if (inputValue !== inpDateVal) {
|
|
1071
|
-
|
|
1079
|
+
handleChange(inpDateVal, {
|
|
1072
1080
|
type: 'check'
|
|
1073
1081
|
});
|
|
1074
1082
|
}
|
|
@@ -1098,7 +1106,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
|
|
|
1098
1106
|
dateRevert();
|
|
1099
1107
|
}
|
|
1100
1108
|
} else {
|
|
1101
|
-
|
|
1109
|
+
handleChange('', {
|
|
1102
1110
|
type: 'check'
|
|
1103
1111
|
});
|
|
1104
1112
|
}
|
|
@@ -1111,7 +1119,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
|
|
|
1111
1119
|
} = reactData;
|
|
1112
1120
|
const inpImmediate = computeInpImmediate.value;
|
|
1113
1121
|
if (!inpImmediate) {
|
|
1114
|
-
|
|
1122
|
+
handleChange(inputValue, evnt);
|
|
1115
1123
|
}
|
|
1116
1124
|
afterCheckValue();
|
|
1117
1125
|
if (!reactData.visiblePanel) {
|
|
@@ -1164,19 +1172,18 @@ var _default = exports.default = (0, _vue.defineComponent)({
|
|
|
1164
1172
|
}
|
|
1165
1173
|
emitInputEvent(getNumberValue(restNum), evnt);
|
|
1166
1174
|
};
|
|
1167
|
-
let downbumTimeout;
|
|
1168
1175
|
const numberNextEvent = evnt => {
|
|
1169
1176
|
const isDisabled = computeIsDisabled.value;
|
|
1170
1177
|
const isReadonly = computeIsReadonly.value;
|
|
1171
1178
|
const isDisabledSubtractNumber = computeIsDisabledSubtractNumber.value;
|
|
1172
|
-
|
|
1179
|
+
numberStopDown();
|
|
1173
1180
|
if (!isDisabled && !isReadonly && !isDisabledSubtractNumber) {
|
|
1174
1181
|
numberChange(false, evnt);
|
|
1175
1182
|
}
|
|
1176
1183
|
inputMethods.dispatchEvent('next-number', {}, evnt);
|
|
1177
1184
|
};
|
|
1178
1185
|
const numberDownNextEvent = evnt => {
|
|
1179
|
-
|
|
1186
|
+
internalData.dnTimeout = window.setTimeout(() => {
|
|
1180
1187
|
numberNextEvent(evnt);
|
|
1181
1188
|
numberDownNextEvent(evnt);
|
|
1182
1189
|
}, 60);
|
|
@@ -1185,7 +1192,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
|
|
|
1185
1192
|
const isDisabled = computeIsDisabled.value;
|
|
1186
1193
|
const isReadonly = computeIsReadonly.value;
|
|
1187
1194
|
const isDisabledAddNumber = computeIsDisabledAddNumber.value;
|
|
1188
|
-
|
|
1195
|
+
numberStopDown();
|
|
1189
1196
|
if (!isDisabled && !isReadonly && !isDisabledAddNumber) {
|
|
1190
1197
|
numberChange(true, evnt);
|
|
1191
1198
|
}
|
|
@@ -1235,10 +1242,16 @@ var _default = exports.default = (0, _vue.defineComponent)({
|
|
|
1235
1242
|
};
|
|
1236
1243
|
// 数值
|
|
1237
1244
|
const numberStopDown = () => {
|
|
1238
|
-
|
|
1245
|
+
const {
|
|
1246
|
+
dnTimeout
|
|
1247
|
+
} = internalData;
|
|
1248
|
+
if (dnTimeout) {
|
|
1249
|
+
clearTimeout(dnTimeout);
|
|
1250
|
+
internalData.dnTimeout = undefined;
|
|
1251
|
+
}
|
|
1239
1252
|
};
|
|
1240
1253
|
const numberDownPrevEvent = evnt => {
|
|
1241
|
-
|
|
1254
|
+
internalData.dnTimeout = window.setTimeout(() => {
|
|
1242
1255
|
numberPrevEvent(evnt);
|
|
1243
1256
|
numberDownPrevEvent(evnt);
|
|
1244
1257
|
}, 60);
|
|
@@ -1252,7 +1265,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
|
|
|
1252
1265
|
} else {
|
|
1253
1266
|
numberNextEvent(evnt);
|
|
1254
1267
|
}
|
|
1255
|
-
|
|
1268
|
+
internalData.dnTimeout = window.setTimeout(() => {
|
|
1256
1269
|
if (isPrevNumber) {
|
|
1257
1270
|
numberDownPrevEvent(evnt);
|
|
1258
1271
|
} else {
|
|
@@ -1304,6 +1317,9 @@ var _default = exports.default = (0, _vue.defineComponent)({
|
|
|
1304
1317
|
datePanelType,
|
|
1305
1318
|
selectMonth
|
|
1306
1319
|
} = reactData;
|
|
1320
|
+
const {
|
|
1321
|
+
yearSize
|
|
1322
|
+
} = internalData;
|
|
1307
1323
|
const isDisabledPrevDateBtn = computeIsDisabledPrevDateBtn.value;
|
|
1308
1324
|
if (!isDisabledPrevDateBtn) {
|
|
1309
1325
|
if (type === 'year') {
|
|
@@ -1346,6 +1362,9 @@ var _default = exports.default = (0, _vue.defineComponent)({
|
|
|
1346
1362
|
datePanelType,
|
|
1347
1363
|
selectMonth
|
|
1348
1364
|
} = reactData;
|
|
1365
|
+
const {
|
|
1366
|
+
yearSize
|
|
1367
|
+
} = internalData;
|
|
1349
1368
|
const isDisabledNextDateBtn = computeIsDisabledNextDateBtn.value;
|
|
1350
1369
|
if (!isDisabledNextDateBtn) {
|
|
1351
1370
|
if (type === 'year') {
|
|
@@ -1542,12 +1561,12 @@ var _default = exports.default = (0, _vue.defineComponent)({
|
|
|
1542
1561
|
datetimeRest.push(item);
|
|
1543
1562
|
}
|
|
1544
1563
|
});
|
|
1545
|
-
|
|
1564
|
+
handleChange(datetimeRest.map(date => _xeUtils.default.toDateString(date, dateValueFormat)).join(','), {
|
|
1546
1565
|
type: 'update'
|
|
1547
1566
|
});
|
|
1548
1567
|
} else {
|
|
1549
1568
|
// 如果是日期类型
|
|
1550
|
-
|
|
1569
|
+
handleChange(dateMultipleValue.join(','), {
|
|
1551
1570
|
type: 'update'
|
|
1552
1571
|
});
|
|
1553
1572
|
}
|
|
@@ -1665,7 +1684,9 @@ var _default = exports.default = (0, _vue.defineComponent)({
|
|
|
1665
1684
|
reactData.datetimePanelValue = reactData.datePanelValue || _xeUtils.default.getWhatDay(Date.now(), 0, 'first');
|
|
1666
1685
|
(0, _vue.nextTick)(() => {
|
|
1667
1686
|
const timeBodyElem = refInputTimeBody.value;
|
|
1668
|
-
_xeUtils.default.arrayEach(timeBodyElem.querySelectorAll('li.is--selected'),
|
|
1687
|
+
_xeUtils.default.arrayEach(timeBodyElem.querySelectorAll('li.is--selected'), elem => {
|
|
1688
|
+
updateTimePos(elem);
|
|
1689
|
+
});
|
|
1669
1690
|
});
|
|
1670
1691
|
}
|
|
1671
1692
|
};
|
|
@@ -1761,13 +1782,19 @@ var _default = exports.default = (0, _vue.defineComponent)({
|
|
|
1761
1782
|
const {
|
|
1762
1783
|
visiblePanel
|
|
1763
1784
|
} = reactData;
|
|
1785
|
+
const {
|
|
1786
|
+
hpTimeout
|
|
1787
|
+
} = internalData;
|
|
1764
1788
|
const isDisabled = computeIsDisabled.value;
|
|
1765
1789
|
const isDatePickerType = computeIsDatePickerType.value;
|
|
1766
1790
|
if (!isDisabled && !visiblePanel) {
|
|
1767
1791
|
if (!reactData.initialized) {
|
|
1768
1792
|
reactData.initialized = true;
|
|
1769
1793
|
}
|
|
1770
|
-
|
|
1794
|
+
if (hpTimeout) {
|
|
1795
|
+
clearTimeout(hpTimeout);
|
|
1796
|
+
internalData.hpTimeout = undefined;
|
|
1797
|
+
}
|
|
1771
1798
|
reactData.isActivated = true;
|
|
1772
1799
|
reactData.isAniVisible = true;
|
|
1773
1800
|
if (isDatePickerType) {
|
|
@@ -1938,10 +1965,10 @@ var _default = exports.default = (0, _vue.defineComponent)({
|
|
|
1938
1965
|
class: ['vxe-input--date-label', {
|
|
1939
1966
|
'is-notice': festivalItem.notice
|
|
1940
1967
|
}]
|
|
1941
|
-
}, extraItem && extraItem.label ? [(0, _vue.h)('span', label), (0, _vue.h)('span', {
|
|
1968
|
+
}, extraItem && extraItem.label ? [(0, _vue.h)('span', `${label || ''}`), (0, _vue.h)('span', {
|
|
1942
1969
|
class: ['vxe-input--date-label--extra', extraItem.important ? 'is-important' : '', extraItem.className],
|
|
1943
1970
|
style: extraItem.style
|
|
1944
|
-
}, _xeUtils.default.toValueString(extraItem.label))] : label)];
|
|
1971
|
+
}, _xeUtils.default.toValueString(extraItem.label))] : [`${label || ''}`])];
|
|
1945
1972
|
const festivalLabel = festivalItem.label;
|
|
1946
1973
|
if (festivalLabel) {
|
|
1947
1974
|
// 默认最多支持3个节日重叠
|
|
@@ -1957,7 +1984,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
|
|
|
1957
1984
|
}
|
|
1958
1985
|
return labels;
|
|
1959
1986
|
}
|
|
1960
|
-
return label;
|
|
1987
|
+
return [`${label || ''}`];
|
|
1961
1988
|
};
|
|
1962
1989
|
const renderDateDayTable = () => {
|
|
1963
1990
|
const {
|
|
@@ -2443,12 +2470,13 @@ var _default = exports.default = (0, _vue.defineComponent)({
|
|
|
2443
2470
|
}
|
|
2444
2471
|
return (0, _vue.createCommentVNode)();
|
|
2445
2472
|
};
|
|
2473
|
+
const dispatchEvent = (type, params, evnt) => {
|
|
2474
|
+
emit(type, (0, _ui.createEvent)(evnt, {
|
|
2475
|
+
$input: $xeInput
|
|
2476
|
+
}, params));
|
|
2477
|
+
};
|
|
2446
2478
|
inputMethods = {
|
|
2447
|
-
dispatchEvent
|
|
2448
|
-
emit(type, (0, _ui.createEvent)(evnt, {
|
|
2449
|
-
$input: $xeInput
|
|
2450
|
-
}, params));
|
|
2451
|
-
},
|
|
2479
|
+
dispatchEvent,
|
|
2452
2480
|
focus() {
|
|
2453
2481
|
const inputElem = refInputTarget.value;
|
|
2454
2482
|
reactData.isActivated = true;
|
|
@@ -2501,7 +2529,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
|
|
|
2501
2529
|
const isCountError = computeIsCountError.value;
|
|
2502
2530
|
const inputCount = computeInputCount.value;
|
|
2503
2531
|
const inputReadonly = computeInputReadonly.value;
|
|
2504
|
-
const
|
|
2532
|
+
const inpMaxLength = computeInpMaxLength.value;
|
|
2505
2533
|
const inputType = computeInputType.value;
|
|
2506
2534
|
const inpPlaceholder = computeInpPlaceholder.value;
|
|
2507
2535
|
const isClearable = computeIsClearable.value;
|
|
@@ -2532,7 +2560,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
|
|
|
2532
2560
|
name,
|
|
2533
2561
|
type: inputType,
|
|
2534
2562
|
placeholder: inpPlaceholder,
|
|
2535
|
-
maxlength:
|
|
2563
|
+
maxlength: inpMaxLength,
|
|
2536
2564
|
readonly: inputReadonly,
|
|
2537
2565
|
disabled: isDisabled,
|
|
2538
2566
|
autocomplete: autoComplete || autocomplete,
|
|
@@ -2554,9 +2582,8 @@ var _default = exports.default = (0, _vue.defineComponent)({
|
|
|
2554
2582
|
}]
|
|
2555
2583
|
}, countMethod ? `${countMethod({
|
|
2556
2584
|
value: inputValue
|
|
2557
|
-
})}` : `${inputCount}${
|
|
2585
|
+
})}` : `${inputCount}${inpMaxLength ? `/${inpMaxLength}` : ''}`) : (0, _vue.createCommentVNode)()]);
|
|
2558
2586
|
};
|
|
2559
|
-
$xeInput.renderVN = renderVN;
|
|
2560
2587
|
(0, _vue.watch)(() => props.modelValue, val => {
|
|
2561
2588
|
reactData.inputValue = val;
|
|
2562
2589
|
changeValue();
|
|
@@ -2596,6 +2623,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
|
|
|
2596
2623
|
_ui.globalEvents.off($xeInput, 'blur');
|
|
2597
2624
|
});
|
|
2598
2625
|
initValue();
|
|
2626
|
+
$xeInput.renderVN = renderVN;
|
|
2599
2627
|
return $xeInput;
|
|
2600
2628
|
},
|
|
2601
2629
|
render() {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_utils=require("../../ui/src/utils"),_dom=require("../../ui/src/dom"),_util=require("../../date-picker/src/util"),_util2=require("../../number-input/src/util"),_vn=require("../..//ui/src/vn");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_vue.defineComponent)({name:"VxeInput",props:{modelValue:[String,Number,Date],immediate:{type:Boolean,default:!0},name:String,type:{type:String,default:"text"},clearable:{type:Boolean,default:()=>(0,_ui.getConfig)().input.clearable},readonly:{type:Boolean,default:null},disabled:{type:Boolean,default:null},placeholder:String,maxLength:[String,Number],autoComplete:{type:String,default:"off"},align:String,form:String,className:String,size:{type:String,default:()=>(0,_ui.getConfig)().input.size||(0,_ui.getConfig)().size},multiple:Boolean,showWordCount:Boolean,countMethod:Function,min:{type:[String,Number],default:null},max:{type:[String,Number],default:null},step:[String,Number],exponential:{type:Boolean,default:()=>(0,_ui.getConfig)().input.exponential},controls:{type:Boolean,default:()=>(0,_ui.getConfig)().input.controls},digits:{type:[String,Number],default:()=>(0,_ui.getConfig)().input.digits},startDate:{type:[String,Number,Date],default:()=>(0,_ui.getConfig)().input.startDate},endDate:{type:[String,Number,Date],default:()=>(0,_ui.getConfig)().input.endDate},minDate:[String,Number,Date],maxDate:[String,Number,Date],startWeek:Number,startDay:{type:[String,Number],default:()=>(0,_ui.getConfig)().input.startDay},labelFormat:String,valueFormat:String,editable:{type:Boolean,default:!0},festivalMethod:{type:Function,default:()=>(0,_ui.getConfig)().input.festivalMethod},disabledMethod:{type:Function,default:()=>(0,_ui.getConfig)().input.disabledMethod},selectDay:{type:[String,Number],default:()=>(0,_ui.getConfig)().input.selectDay},prefixIcon:String,suffixIcon:String,placement:String,transfer:{type:Boolean,default:null},maxlength:[String,Number],autocomplete:String},emits:["update:modelValue","input","change","keydown","keyup","wheel","click","focus","blur","clear","search-click","toggle-visible","prev-number","next-number","prefix-click","suffix-click","date-prev","date-today","date-next"],setup(A,e){const{slots:G,emit:E}=e,N=(0,_vue.inject)("$xeModal",null),S=(0,_vue.inject)("$xeTable",null),a=(0,_vue.inject)("$xeForm",null),D=(0,_vue.inject)("xeFormItemInfo",null);var t=_xeUtils.default.uniqueId();const j=(0,_ui.useSize)(A)["computeSize"],s=12,L=(0,_vue.reactive)({initialized:!1,panelIndex:0,showPwd:!1,visiblePanel:!1,isAniVisible:!1,panelStyle:null,panelPlacement:"",isActivated:!1,inputValue:A.modelValue,datetimePanelValue:null,datePanelValue:null,datePanelLabel:"",datePanelType:"day",selectMonth:null,currentDate:null}),T=(0,_vue.ref)(),M=(0,_vue.ref)(),z=(0,_vue.ref)(),W=(0,_vue.ref)(),P=(0,_vue.ref)(),V={refElem:T,refInput:M},u={xID:t,props:A,context:e,reactData:L,getRefMaps:()=>V};let i={};const v=(e,t)=>{var a=A["type"];return"time"===a?(0,_util.toStringTimeDate)(e):_xeUtils.default.toStringDate(e,t)},$=(0,_vue.computed)(()=>{var e=A["transfer"];if(null===e){var t=(0,_ui.getConfig)().input.transfer;if(_xeUtils.default.isBoolean(t))return t;if(S||N||a)return!0}return e}),Q=(0,_vue.computed)(()=>!!a&&a.props.readonly),n=(0,_vue.computed)(()=>{var e=A["readonly"];return e}),C=(0,_vue.computed)(()=>{var e=A["disabled"];return null===e?!!a&&a.props.disabled:e}),w=(0,_vue.computed)(()=>{var{maxLength:e,maxlength:t}=A,e=e||t;return Y.value&&!_xeUtils.default.toNumber(e)?16:e}),o=(0,_vue.computed)(()=>{var e=A["type"];return"time"===e||"datetime"===e}),Y=(0,_vue.computed)(()=>-1<["number","integer","float"].indexOf(A.type)),Z=(0,_vue.computed)(()=>_xeUtils.default.getSize(L.inputValue)),X=(0,_vue.computed)(()=>{var e=Z.value,t=w.value;return t&&e>_xeUtils.default.toNumber(t)}),I=(0,_vue.computed)(()=>{return o.value||-1<["date","week","month","quarter","year"].indexOf(A.type)}),O=(0,_vue.computed)(()=>"password"===A.type),J=(0,_vue.computed)(()=>"search"===A.type),k=(0,_vue.computed)(()=>_xeUtils.default.toInteger(A.digits)||1),ee=(0,_vue.computed)(()=>{var e=A["type"],t=k.value,a=A.step;return"integer"===e?_xeUtils.default.toInteger(a)||1:"float"===e?_xeUtils.default.toNumber(a)||1/Math.pow(10,t):_xeUtils.default.toNumber(a)||1}),te=(0,_vue.computed)(()=>{var e=A["type"],t=Y.value,a=I.value,l=O.value;return A.clearable&&(l||t||a||"text"===e||"search"===e)}),ae=(0,_vue.computed)(()=>A.startDate?_xeUtils.default.toStringDate(A.startDate):null),le=(0,_vue.computed)(()=>A.endDate?_xeUtils.default.toStringDate(A.endDate):null),ue=(0,_vue.computed)(()=>-1<["date","week","month","quarter","year"].indexOf(A.type)),K=(0,_vue.computed)(()=>{var{modelValue:e,multiple:t}=A,a=I.value;const l=d.value;return t&&e&&a?_xeUtils.default.toValueString(e).split(",").map(e=>{e=v(e,l);return _xeUtils.default.isValidDate(e)?e:null}):[]}),ie=(0,_vue.computed)(()=>{var e=K.value;const t=d.value;return e.map(e=>_xeUtils.default.toDateString(e,t))}),ne=(0,_vue.computed)(()=>{var e=K.value;const t=p.value;return e.map(e=>_xeUtils.default.toDateString(e,t)).join(", ")}),d=(0,_vue.computed)(()=>{var{type:e,valueFormat:t}=A;return t||("time"===e?"HH:mm:ss":"datetime"===e?"yyyy-MM-dd HH:mm:ss":"yyyy-MM-dd")}),R=(0,_vue.computed)(()=>{var e=A["modelValue"],t=I.value,a=d.value;let l=null;return l=e&&t&&(t=v(e,a),_xeUtils.default.isValidDate(t))?t:l}),se=(0,_vue.computed)(()=>{var e=ae.value,t=L["selectMonth"];return!(!t||!e)&&t<=e}),re=(0,_vue.computed)(()=>{var e=le.value,t=L["selectMonth"];return!(!t||!e)&&e<=t}),ve=(0,_vue.computed)(()=>{var e=L["datetimePanelValue"],t=Pe.value;return e?_xeUtils.default.toDateString(e,t?"HH:mm:ss":"HH:mm"):""}),oe=(0,_vue.computed)(()=>{var e=R.value,t=o.value;return e&&t?1e3*(3600*e.getHours()+60*e.getMinutes()+e.getSeconds()):0}),p=(0,_vue.computed)(()=>{var e=A["labelFormat"],t=I.value,a=d.value;return t?e||a||(0,_ui.getI18n)("vxe.input.date.labelFormat."+A.type):null}),de=(0,_vue.computed)(()=>{var{selectMonth:e,currentDate:t}=L,a=[];if(e&&t){var l=t.getFullYear(),t=e.getFullYear(),u=new Date(t-t%s,0,1);for(let e=-4;e<16;e++){var i=_xeUtils.default.getWhatYear(u,e,"first"),n=i.getFullYear();a.push({date:i,isCurrent:!0,isPrev:e<0,isNow:l===n,isNext:e>=s,year:n})}}return a}),pe=(0,_vue.computed)(()=>{if(I.value){var{datePanelType:a,selectMonth:l}=L,u=de.value;let e="",t;return l&&(e=l.getFullYear(),t=l.getMonth()+1),"quarter"===a?(0,_ui.getI18n)("vxe.input.date.quarterLabel",[e]):"month"===a?(0,_ui.getI18n)("vxe.input.date.monthLabel",[e]):"year"===a?u.length?u[0].year+" - "+u[u.length-1].year:"":(0,_ui.getI18n)("vxe.input.date.dayLabel",[e,t?(0,_ui.getI18n)("vxe.input.date.m"+t):"-"])}return""}),g=(0,_vue.computed)(()=>{var{startDay:e,startWeek:t}=A;return _xeUtils.default.toNumber(_xeUtils.default.isNumber(e)||_xeUtils.default.isString(e)?e:t)}),_e=(0,_vue.computed)(()=>{var a=[];if(I.value){let t=g.value;a.push(t);for(let e=0;e<6;e++)6<=t?t=0:t++,a.push(t)}return a}),ce=(0,_vue.computed)(()=>{return I.value?_e.value.map(e=>({value:e,label:(0,_ui.getI18n)("vxe.input.date.weeks.w"+e)})):[]}),me=(0,_vue.computed)(()=>{var e;return I.value?(e=ce.value,[{label:(0,_ui.getI18n)("vxe.input.date.weeks.w")}].concat(e)):[]}),fe=(0,_vue.computed)(()=>{var e=de.value;return _xeUtils.default.chunk(e,4)}),he=(0,_vue.computed)(()=>{var{selectMonth:e,currentDate:t}=L,a=[];if(e&&t){var l=t.getFullYear(),u=(0,_util.getDateQuarter)(t),i=_xeUtils.default.getWhatYear(e,0,"first"),n=i.getFullYear();for(let e=-2;e<6;e++){var s=_xeUtils.default.getWhatQuarter(i,e),r=s.getFullYear(),v=(0,_util.getDateQuarter)(s),o=r<n;a.push({date:s,isPrev:o,isCurrent:r===n,isNow:r===l&&v===u,isNext:!o&&n<r,quarter:v})}}return a}),xe=(0,_vue.computed)(()=>{var e=he.value;return _xeUtils.default.chunk(e,2)}),ge=(0,_vue.computed)(()=>{var{selectMonth:t,currentDate:e}=L,a=[];if(t&&e){var l=e.getFullYear(),u=e.getMonth(),i=_xeUtils.default.getWhatYear(t,0,"first").getFullYear();for(let e=-4;e<16;e++){var n=_xeUtils.default.getWhatYear(t,0,e),s=n.getFullYear(),r=n.getMonth(),v=s<i;a.push({date:n,isPrev:v,isCurrent:s===i,isNow:s===l&&r===u,isNext:!v&&i<s,month:r})}}return a}),ye=(0,_vue.computed)(()=>{var e=ge.value;return _xeUtils.default.chunk(e,4)}),be=(0,_vue.computed)(()=>{var{selectMonth:t,currentDate:e}=L,a=[];if(t&&e){var l=oe.value,u=_e.value,i=e.getFullYear(),n=e.getMonth(),s=e.getDate(),r=t.getFullYear(),v=t.getMonth(),e=t.getDay(),u=-u.indexOf(e),o=new Date(_xeUtils.default.getWhatDay(t,u).getTime()+l);for(let e=0;e<42;e++){var d=_xeUtils.default.getWhatDay(o,e),p=d.getFullYear(),_=d.getMonth(),c=d.getDate(),m=d<t;a.push({date:d,isPrev:m,isCurrent:p===r&&_===v,isNow:p===i&&_===n&&c===s,isNext:!m&&v!==_,label:c})}}return a}),Ue=(0,_vue.computed)(()=>{var e=be.value;return _xeUtils.default.chunk(e,7)}),Ee=(0,_vue.computed)(()=>{var e=Ue.value;const a=g.value;return e.map(e=>{var t=e[0];return[{date:t.date,isWeekNumber:!0,isPrev:!1,isCurrent:!1,isNow:!1,isNext:!1,label:_xeUtils.default.getYearWeek(t.date,a)}].concat(e)})}),Ne=(0,_vue.computed)(()=>{var t=[];if(o.value)for(let e=0;e<24;e++)t.push({value:e,label:(""+e).padStart(2,"0")});return t}),Se=(0,_vue.computed)(()=>{var t=[];if(o.value)for(let e=0;e<60;e++)t.push({value:e,label:(""+e).padStart(2,"0")});return t}),De=(0,_vue.computed)(()=>{var e=d.value;return!/HH/.test(e)||/mm/.test(e)}),Pe=(0,_vue.computed)(()=>{var e=d.value;return!/HH/.test(e)||/ss/.test(e)}),Ve=(0,_vue.computed)(()=>{return Se.value}),we=(0,_vue.computed)(()=>{var{type:e,editable:t,multiple:a}=A;return n.value||a||!t||"week"===e||"quarter"===e}),ke=(0,_vue.computed)(()=>{var e=A["type"],t=L["showPwd"],a=Y.value,l=I.value,u=O.value;return l||a||u&&t||"number"===e?"text":e}),Te=(0,_vue.computed)(()=>{var e=A["placeholder"];return(e=e||(0,_ui.getConfig)().input.placeholder)?(0,_utils.getFuncText)(e):(0,_ui.getI18n)("vxe.base.pleaseInput")}),Me=(0,_vue.computed)(()=>{var e=Y.value,t=w.value;return e&&!_xeUtils.default.toNumber(t)?16:t}),We=(0,_vue.computed)(()=>{var{type:e,immediate:t}=A;return t||!("text"===e||"number"===e||"integer"===e||"float"===e)}),Ce=(0,_vue.computed)(()=>{var e=A["type"],t=L["inputValue"];return Y.value?"integer"===e?_xeUtils.default.toInteger((0,_util2.handleNumber)(t)):_xeUtils.default.toNumber((0,_util2.handleNumber)(t)):0}),Ae=(0,_vue.computed)(()=>{var e=A["min"],t=L["inputValue"],a=Y.value,l=Ce.value;return!(!t&&0!==t||!a||null===e)&&l<=_xeUtils.default.toNumber(e)}),Le=(0,_vue.computed)(()=>{var e=A["max"],t=L["inputValue"],a=Y.value,l=Ce.value;return!(!t&&0!==t||!a||null===e)&&l>=_xeUtils.default.toNumber(e)}),Ye=e=>{var{type:t,exponential:a}=A,l=Me.value,u=k.value,t="float"===t?(0,_util2.toFloatValueFixed)(e,u):_xeUtils.default.toValueString(e);return!a||e!==t&&_xeUtils.default.toValueString(e).toLowerCase()!==_xeUtils.default.toNumber(t).toExponential()?t.slice(0,l):e},_=e=>{var t=L["inputValue"];i.dispatchEvent(e.type,{value:t},e)},c=(e,t)=>{L.inputValue=e,E("update:modelValue",e),i.dispatchEvent("input",{value:e},t),_xeUtils.default.toValueString(A.modelValue)!==e&&(i.dispatchEvent("change",{value:e},t),a)&&D&&a.triggerItemEvent(t,D.itemConfig.field,e)},Ie=(e,t)=>{var a=I.value,l=We.value;L.inputValue=e,a||(l?c(e,t):i.dispatchEvent("input",{value:e},t))},Oe=e=>{var t=e.target.value;Ie(t,e)},Ke=e=>{We.value||_(e)},Re=e=>{L.isActivated=!0,I.value&&Nt(e),_(e)},qe=e=>{var t;C.value||(t=L["inputValue"],i.dispatchEvent("prefix-click",{value:t},e))};let Be;const y=()=>new Promise(e=>{L.visiblePanel=!1,Be=window.setTimeout(()=>{L.isAniVisible=!1,e()},350)}),Fe=(e,t)=>{var a=A["type"],l=Y.value;I.value&&y(),(l||-1<["text","search","password"].indexOf(a))&&focus(),c("",e),i.dispatchEvent("clear",{value:t},e)},He=e=>{var t;C.value||(t=L["inputValue"],i.dispatchEvent("suffix-click",{value:t},e))},l=e=>{var t=A["type"],a=p.value,l=d.value,u=g.value;let i=null,n="";e&&(i=v(e,l)),_xeUtils.default.isValidDate(i)?(n=_xeUtils.default.toDateString(i,a,{firstDay:u}),a&&"week"===t&&_xeUtils.default.getWhatWeek(i,0,u,u).getFullYear()<i.getFullYear()&&-1<(e=a.indexOf("yyyy"))&&(l=Number(n.substring(e,e+4)))&&!isNaN(l)&&(n=n.replace(""+l,""+(l-1)))):i=null,L.datePanelValue=i,L.datePanelLabel=n},Ge=()=>{var e=I.value,t=L["inputValue"];e&&(l(t),L.inputValue=A.multiple?ne.value:L.datePanelLabel)},je=()=>{var e=A["type"],t=L["inputValue"],a=I.value,l=k.value;a?Ge():"float"===e&&t&&t!==(a=(0,_util2.toFloatValueFixed)(t,l))&&c(a,{type:"init"})},ze=e=>null===A.max||_xeUtils.default.toNumber(e)<=_xeUtils.default.toNumber(A.max),$e=e=>null===A.min||_xeUtils.default.toNumber(e)>=_xeUtils.default.toNumber(A.min),Qe=()=>{L.inputValue=A.multiple?ne.value:L.datePanelLabel},m=e=>{e=_xeUtils.default.getWhatMonth(e,0,"first");_xeUtils.default.isEqual(e,L.selectMonth)||(L.selectMonth=e)},f=t=>{var{modelValue:e,multiple:a}=A;const l=L["datetimePanelValue"];var u=o.value;const i=d.value;var n=g.value;"week"===A.type?(r=_xeUtils.default.toNumber(A.selectDay),t=_xeUtils.default.getWhatWeek(t,0,r,n)):u&&(t.setHours(l.getHours()),t.setMinutes(l.getMinutes()),t.setSeconds(l.getSeconds()));const s=_xeUtils.default.toDateString(t,i,{firstDay:n});if(m(t),a){var r=ie.value;if(u){n=[...K.value];const v=[];a=_xeUtils.default.findIndexOf(n,e=>_xeUtils.default.isDateSame(t,e,"yyyyMMdd"));-1===a?n.push(t):n.splice(a,1),n.forEach(e=>{e&&(e.setHours(l.getHours()),e.setMinutes(l.getMinutes()),e.setSeconds(l.getSeconds()),v.push(e))}),c(v.map(e=>_xeUtils.default.toDateString(e,i)).join(","),{type:"update"})}else r.some(e=>_xeUtils.default.isEqual(e,s))?c(r.filter(e=>!_xeUtils.default.isEqual(e,s)).join(","),{type:"update"}):c(r.concat([s]).join(","),{type:"update"})}else _xeUtils.default.isEqual(e,s)||c(s,{type:"update"})},b=()=>{var{type:a,min:l,max:u,exponential:t}=A,{inputValue:i,datetimePanelValue:n}=L,s=Y.value,e=I.value,r=p.value;if(!we.value)if(s){if(i){let e="integer"===a?_xeUtils.default.toInteger((0,_util2.handleNumber)(i)):_xeUtils.default.toNumber((0,_util2.handleNumber)(i));$e(e)?ze(e)||(e=u):e=l,t&&(s=_xeUtils.default.toValueString(i).toLowerCase())===_xeUtils.default.toNumber(e).toExponential()&&(e=s),c(Ye(e),{type:"check"})}}else if(e)if(i){let t=v(i,r);if(_xeUtils.default.isValidDate(t))if("time"===a)i!==(t=_xeUtils.default.toDateString(t,r))&&c(t,{type:"check"}),L.inputValue=t;else{let e=!1;u=g.value;"datetime"===a?(l=R.value,i===_xeUtils.default.toDateString(l,r)&&i===_xeUtils.default.toDateString(t,r)||(e=!0,n.setHours(t.getHours()),n.setMinutes(t.getMinutes()),n.setSeconds(t.getSeconds()))):e=!0,L.inputValue=_xeUtils.default.toDateString(t,r,{firstDay:u}),e&&f(t)}else Qe()}else c("",{type:"check"})},Ze=e=>{var t=L["inputValue"];We.value||c(t,e),b(),L.visiblePanel||(L.isActivated=!1),i.dispatchEvent("blur",{value:t},e)},Xe=e=>{var t=L["showPwd"],a=C.value,l=n.value;a||l||(L.showPwd=!t),i.dispatchEvent("toggle-visible",{visible:L.showPwd},e)},Je=e=>{i.dispatchEvent("search-click",{},e)},et=(e,t)=>{var{min:a,max:l,type:u}=A,i=L["inputValue"],n=ee.value,u="integer"===u?_xeUtils.default.toInteger((0,_util2.handleNumber)(i)):_xeUtils.default.toNumber((0,_util2.handleNumber)(i)),i=e?_xeUtils.default.add(u,n):_xeUtils.default.subtract(u,n);let s;s=$e(i)?ze(i)?i:l:a,Ie(Ye(s),t)};let r;const h=e=>{var t=C.value,a=n.value,l=Ae.value;clearTimeout(r),t||a||l||et(!1,e),i.dispatchEvent("next-number",{},e)},tt=e=>{r=window.setTimeout(()=>{h(e),tt(e)},60)},x=e=>{var t=C.value,a=n.value,l=Le.value;clearTimeout(r),t||a||l||et(!0,e),i.dispatchEvent("prev-number",{},e)},at=e=>{var t=_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.ARROW_UP),a=_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.ARROW_DOWN);(t||a)&&(e.preventDefault(),(t?x:h)(e))},lt=e=>{var t,a,l,u,i,n,s,{exponential:r,controls:v}=A;Y.value&&(t=e.ctrlKey,a=e.shiftKey,l=e.altKey,u=e.keyCode,i=_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.ESCAPE),n=_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.ARROW_UP),s=_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.ARROW_DOWN),t||a||l||!(_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.SPACEBAR)||(!r||69!==u)&&65<=u&&u<=90||186<=u&&u<=188||191<=u)||e.preventDefault(),i?b():(n||s)&&v&&at(e)),_(e)},ut=e=>{_(e)},U=()=>{clearTimeout(r)},it=e=>{r=window.setTimeout(()=>{x(e),it(e)},60)},nt=e=>{if(U(),0===e.button){const t=(0,_dom.hasClass)(e.currentTarget,"is--prev");(t?x:h)(e),r=window.setTimeout(()=>{(t?it:tt)(e)},500)}},st=e=>{var t;Y.value&&A.controls&&L.isActivated&&(0<(t=e.deltaY)?h(e):t<0&&x(e),e.preventDefault()),_(e)},rt=(e,t)=>{L.selectMonth=_xeUtils.default.getWhatMonth(e,t,"first")},vt=()=>{var e=_xeUtils.default.getWhatDay(Date.now(),0,"first");L.currentDate=e,rt(e,0)},ot=()=>{let e=L["datePanelType"];e="month"===e||"quarter"===e?"year":"month",L.datePanelType=e},dt=e=>{var t=A["type"],{datePanelType:a,selectMonth:l}=L;se.value||(L.selectMonth="year"===t?_xeUtils.default.getWhatYear(l,-s,"first"):"month"===t||"quarter"===t?"year"===a?_xeUtils.default.getWhatYear(l,-s,"first"):_xeUtils.default.getWhatYear(l,-1,"first"):"year"===a?_xeUtils.default.getWhatYear(l,-s,"first"):"month"===a?_xeUtils.default.getWhatYear(l,-1,"first"):_xeUtils.default.getWhatMonth(l,-1,"first"),i.dispatchEvent("date-prev",{type:t},e))},pt=e=>{vt(),A.multiple||(f(L.currentDate),y()),i.dispatchEvent("date-today",{type:A.type},e)},_t=e=>{var t=A["type"],{datePanelType:a,selectMonth:l}=L;re.value||(L.selectMonth="year"===t?_xeUtils.default.getWhatYear(l,s,"first"):"month"===t||"quarter"===t?"year"===a?_xeUtils.default.getWhatYear(l,s,"first"):_xeUtils.default.getWhatYear(l,1,"first"):"year"===a?_xeUtils.default.getWhatYear(l,s,"first"):"month"===a?_xeUtils.default.getWhatYear(l,1,"first"):_xeUtils.default.getWhatMonth(l,1,"first"),i.dispatchEvent("date-next",{type:t},e))},q=e=>{var t=A["disabledMethod"],a=L["datePanelType"];return t&&t({type:a,viewType:a,date:e.date,$input:u})},ct=e=>{var{type:t,multiple:a}=A,l=L["datePanelType"];"month"===t?"year"===l?(L.datePanelType="month",m(e)):(f(e),a||y()):"year"===t?(f(e),a||y()):"quarter"===t?"year"===l?(L.datePanelType="quarter",m(e)):(f(e),a||y()):"month"===l?(L.datePanelType="week"===t?t:"day",m(e)):"year"===l?(L.datePanelType="month",m(e)):(f(e),"datetime"===t||a||y())},B=e=>{q(e)||ct(e.date)},mt=t=>{q({date:t})||(be.value.some(e=>_xeUtils.default.isDateSame(e.date,t,"yyyyMMdd"))||m(t),l(t))},ft=t=>{q({date:t})||(de.value.some(e=>_xeUtils.default.isDateSame(e.date,t,"yyyy"))||m(t),l(t))},ht=t=>{q({date:t})||(he.value.some(e=>_xeUtils.default.isDateSame(e.date,t,"yyyyq"))||m(t),l(t))},xt=t=>{q({date:t})||(ge.value.some(e=>_xeUtils.default.isDateSame(e.date,t,"yyyyMM"))||m(t),l(t))},F=e=>{var t;q(e)||(t=L["datePanelType"],("month"===t?xt:"quarter"===t?ht:"year"===t?ft:mt)(e.date))},gt=e=>{var t;e&&(t=e.offsetHeight,e.parentNode.scrollTop=e.offsetTop-4*t)},yt=e=>{L.datetimePanelValue=new Date(L.datetimePanelValue.getTime()),gt(e.currentTarget)},bt=()=>{var e=A["multiple"];const t=L["datetimePanelValue"];var a=R.value,l=o.value;if(l){const u=d.value;if(e){e=ie.value;if(l){l=[...K.value];const i=[];l.forEach(e=>{e&&(e.setHours(t.getHours()),e.setMinutes(t.getMinutes()),e.setSeconds(t.getSeconds()),i.push(e))}),c(i.map(e=>_xeUtils.default.toDateString(e,u)).join(","),{type:"update"})}else c(e.join(","),{type:"update"})}else f(a||L.currentDate)}y()},Ut=()=>(0,_vue.nextTick)().then(()=>{var l=A["placement"],u=L["panelIndex"],i=M.value,n=z.value,e=$.value;if(i&&n){var s=i.offsetHeight,r=i.offsetWidth,v=n.offsetHeight,n=n.offsetWidth,u={zIndex:u},{boundingTop:i,boundingLeft:o,visibleHeight:d,visibleWidth:p}=(0,_dom.getAbsolutePos)(i);let a="bottom";if(e){let e=o,t=i+s;"top"===l?(a="top",t=i-v):l||(t+v+5>d&&(a="top",t=i-v),t<5&&(a="bottom",t=i+s)),e+n+5>p&&(e-=e+n+5-p),e<5&&(e=5),Object.assign(u,{left:e+"px",top:t+"px",minWidth:r+"px"})}else"top"===l?(a="top",u.bottom=s+"px"):l||(u.top=s+"px",d<i+s+v&&5<i-s-v&&(a="top",u.top="",u.bottom=s+"px"));return L.panelStyle=u,L.panelPlacement=a,(0,_vue.nextTick)()}}),Et=()=>{var e=L["visiblePanel"],t=C.value,a=I.value;return(t||e?(0,_vue.nextTick):(L.initialized||(L.initialized=!0),clearTimeout(Be),L.isActivated=!0,L.isAniVisible=!0,a&&(t=A.type,e=o.value,a=R.value,-1<["year","quarter","month","week"].indexOf(t)?L.datePanelType=t:L.datePanelType="day",L.currentDate=_xeUtils.default.getWhatDay(Date.now(),0,"first"),a?(rt(a,0),l(a)):vt(),e)&&(L.datetimePanelValue=L.datePanelValue||_xeUtils.default.getWhatDay(Date.now(),0,"first"),(0,_vue.nextTick)(()=>{var e=P.value;_xeUtils.default.arrayEach(e.querySelectorAll("li.is--selected"),gt)})),setTimeout(()=>{L.visiblePanel=!0},10),L.panelIndex<(0,_utils.getLastZIndex)()&&(L.panelIndex=(0,_utils.nextZIndex)()),Ut))()},Nt=e=>{n.value||(e.preventDefault(),Et())},St=e=>{_(e)},Dt=e=>{var{visiblePanel:t,isActivated:a}=L,l=I.value,u=T.value,i=W.value;!C.value&&a&&(L.isActivated=(0,_dom.getEventTargetNode)(e,u).flag||(0,_dom.getEventTargetNode)(e,i).flag,L.isActivated||(l?t&&(y(),b()):b()))},Pt=t=>{var a=A["clearable"],l=L["visiblePanel"],u=C.value,i=I.value;if(!u){var u=_ui.globalEvents.hasKey(t,_ui.GLOBAL_EVENT_KEYS.TAB),n=_ui.globalEvents.hasKey(t,_ui.GLOBAL_EVENT_KEYS.DELETE),s=_ui.globalEvents.hasKey(t,_ui.GLOBAL_EVENT_KEYS.ESCAPE),r=_ui.globalEvents.hasKey(t,_ui.GLOBAL_EVENT_KEYS.ENTER),v=_ui.globalEvents.hasKey(t,_ui.GLOBAL_EVENT_KEYS.ARROW_LEFT),o=_ui.globalEvents.hasKey(t,_ui.GLOBAL_EVENT_KEYS.ARROW_UP),d=_ui.globalEvents.hasKey(t,_ui.GLOBAL_EVENT_KEYS.ARROW_RIGHT),p=_ui.globalEvents.hasKey(t,_ui.GLOBAL_EVENT_KEYS.ARROW_DOWN),_=_ui.globalEvents.hasKey(t,_ui.GLOBAL_EVENT_KEYS.PAGE_UP),c=_ui.globalEvents.hasKey(t,_ui.GLOBAL_EVENT_KEYS.PAGE_DOWN),v=v||o||d||p;let e=L.isActivated;if(u)e&&b(),e=!1,L.isActivated=e;else if(v){if(i&&e)if(l){var d=t,{isActivated:v,datePanelValue:m,datePanelType:f}=L;if(v){d.preventDefault();var v=_ui.globalEvents.hasKey(d,_ui.GLOBAL_EVENT_KEYS.ARROW_LEFT),h=_ui.globalEvents.hasKey(d,_ui.GLOBAL_EVENT_KEYS.ARROW_UP),x=_ui.globalEvents.hasKey(d,_ui.GLOBAL_EVENT_KEYS.ARROW_RIGHT),d=_ui.globalEvents.hasKey(d,_ui.GLOBAL_EVENT_KEYS.ARROW_DOWN);if("year"===f){let e=_xeUtils.default.getWhatYear(m||Date.now(),0,"first");v?e=_xeUtils.default.getWhatYear(e,-1):h?e=_xeUtils.default.getWhatYear(e,-4):x?e=_xeUtils.default.getWhatYear(e,1):d&&(e=_xeUtils.default.getWhatYear(e,4)),ft(e)}else if("quarter"===f){let e=_xeUtils.default.getWhatQuarter(m||Date.now(),0,"first");v?e=_xeUtils.default.getWhatQuarter(e,-1):h?e=_xeUtils.default.getWhatQuarter(e,-2):x?e=_xeUtils.default.getWhatQuarter(e,1):d&&(e=_xeUtils.default.getWhatQuarter(e,2)),ht(e)}else if("month"===f){let e=_xeUtils.default.getWhatMonth(m||Date.now(),0,"first");v?e=_xeUtils.default.getWhatMonth(e,-1):h?e=_xeUtils.default.getWhatMonth(e,-4):x?e=_xeUtils.default.getWhatMonth(e,1):d&&(e=_xeUtils.default.getWhatMonth(e,4)),xt(e)}else{let e=m||_xeUtils.default.getWhatDay(Date.now(),0,"first");f=g.value;v?e=_xeUtils.default.getWhatDay(e,-1):h?e=_xeUtils.default.getWhatWeek(e,-1,f):x?e=_xeUtils.default.getWhatDay(e,1):d&&(e=_xeUtils.default.getWhatWeek(e,1,f)),mt(e)}}}else(o||p)&&Nt(t)}else r?i&&(l?L.datePanelValue?ct(L.datePanelValue):y():e&&Nt(t)):(_||c)&&i&&e&&(m=t,v=L.isActivated)&&(v=_ui.globalEvents.hasKey(m,_ui.GLOBAL_EVENT_KEYS.PAGE_UP),m.preventDefault(),(v?dt:_t)(m));u||s?l&&y():n&&a&&e&&Fe(t,null)}},Vt=e=>{var t=L["visiblePanel"];C.value||t&&(t=W.value,((0,_dom.getEventTargetNode)(e,t).flag?Ut:(y(),b))())},wt=()=>{var{isActivated:e,visiblePanel:t}=L;t?(y(),b()):e&&b()},H=(e,t)=>{var a,l=A["festivalMethod"];return l?(a=L["datePanelType"],e=(a=(l=l({type:a,viewType:a,date:e.date,$input:u}))?_xeUtils.default.isString(l)?{label:l}:l:{}).extra?_xeUtils.default.isString(a.extra)?{label:a.extra}:a.extra:null,l=[(0,_vue.h)("span",{class:["vxe-input--date-label",{"is-notice":a.notice}]},e&&e.label?[(0,_vue.h)("span",t),(0,_vue.h)("span",{class:["vxe-input--date-label--extra",e.important?"is-important":"",e.className],style:e.style},_xeUtils.default.toValueString(e.label))]:t)],(e=a.label)&&(e=_xeUtils.default.toValueString(e).split(","),l.push((0,_vue.h)("span",{class:["vxe-input--date-festival",a.important?"is-important":"",a.className],style:a.style},[1<e.length?(0,_vue.h)("span",{class:["vxe-input--date-festival--overlap","overlap--"+e.length]},e.map(e=>(0,_vue.h)("span",e.substring(0,3)))):(0,_vue.h)("span",{class:"vxe-input--date-festival--label"},e[0].substring(0,3))]))),l):t},kt=()=>{var e=L["datePanelType"];switch(e){case"week":{const i=A["multiple"],{datePanelType:n,datePanelValue:s}=L,r=R.value;var t=me.value,a=Ee.value;const v=K.value,o="yyyyMMdd";return[(0,_vue.h)("table",{class:`vxe-input--date-${n}-view`,cellspacing:0,cellpadding:0,border:0},[(0,_vue.h)("thead",[(0,_vue.h)("tr",t.map(e=>(0,_vue.h)("th",e.label)))]),(0,_vue.h)("tbody",a.map(e=>{const t=i?e.some(t=>v.some(e=>_xeUtils.default.isDateSame(e,t.date,o))):e.some(e=>_xeUtils.default.isDateSame(r,e.date,o)),a=e.some(e=>_xeUtils.default.isDateSame(s,e.date,o));return(0,_vue.h)("tr",e.map(e=>(0,_vue.h)("td",{class:{"is--prev":e.isPrev,"is--current":e.isCurrent,"is--now":e.isNow,"is--next":e.isNext,"is--disabled":q(e),"is--selected":t,"is--hover":a},onClick:()=>B(e),onMouseenter:()=>F(e)},H(e,e.label))))}))])];return}case"month":{const d=A["multiple"],{datePanelType:p,datePanelValue:_}=L,c=R.value;t=ye.value;const m=K.value,f="yyyyMM";return[(0,_vue.h)("table",{class:`vxe-input--date-${p}-view`,cellspacing:0,cellpadding:0,border:0},[(0,_vue.h)("tbody",t.map(e=>(0,_vue.h)("tr",e.map(t=>(0,_vue.h)("td",{class:{"is--prev":t.isPrev,"is--current":t.isCurrent,"is--now":t.isNow,"is--next":t.isNext,"is--disabled":q(t),"is--selected":d?m.some(e=>_xeUtils.default.isDateSame(e,t.date,f)):_xeUtils.default.isDateSame(c,t.date,f),"is--hover":_xeUtils.default.isDateSame(_,t.date,f)},onClick:()=>B(t),onMouseenter:()=>F(t)},H(t,(0,_ui.getI18n)("vxe.input.date.months.m"+t.month)))))))])];return}case"quarter":{const h=A["multiple"],{datePanelType:x,datePanelValue:g}=L,y=R.value;a=xe.value;const b=K.value,U="yyyyq";return[(0,_vue.h)("table",{class:`vxe-input--date-${x}-view`,cellspacing:0,cellpadding:0,border:0},[(0,_vue.h)("tbody",a.map(e=>(0,_vue.h)("tr",e.map(t=>(0,_vue.h)("td",{class:{"is--prev":t.isPrev,"is--current":t.isCurrent,"is--now":t.isNow,"is--next":t.isNext,"is--disabled":q(t),"is--selected":h?b.some(e=>_xeUtils.default.isDateSame(e,t.date,U)):_xeUtils.default.isDateSame(y,t.date,U),"is--hover":_xeUtils.default.isDateSame(g,t.date,U)},onClick:()=>B(t),onMouseenter:()=>F(t)},H(t,(0,_ui.getI18n)("vxe.input.date.quarters.q"+t.quarter)))))))])];return}case"year":{const E=A["multiple"],{datePanelType:N,datePanelValue:S}=L,D=R.value;var l=fe.value;const P=K.value,V="yyyy";return[(0,_vue.h)("table",{class:`vxe-input--date-${N}-view`,cellspacing:0,cellpadding:0,border:0},[(0,_vue.h)("tbody",l.map(e=>(0,_vue.h)("tr",e.map(t=>(0,_vue.h)("td",{class:{"is--prev":t.isPrev,"is--current":t.isCurrent,"is--now":t.isNow,"is--next":t.isNext,"is--disabled":q(t),"is--selected":E?P.some(e=>_xeUtils.default.isDateSame(e,t.date,V)):_xeUtils.default.isDateSame(D,t.date,V),"is--hover":_xeUtils.default.isDateSame(S,t.date,V)},onClick:()=>B(t),onMouseenter:()=>F(t)},H(t,t.year))))))])];return}}{const w=A["multiple"],{datePanelType:k,datePanelValue:T}=L,M=R.value;var e=ce.value,u=Ue.value;const W=K.value,C="yyyyMMdd";return[(0,_vue.h)("table",{class:`vxe-input--date-${k}-view`,cellspacing:0,cellpadding:0,border:0},[(0,_vue.h)("thead",[(0,_vue.h)("tr",e.map(e=>(0,_vue.h)("th",e.label)))]),(0,_vue.h)("tbody",u.map(e=>(0,_vue.h)("tr",e.map(t=>(0,_vue.h)("td",{class:{"is--prev":t.isPrev,"is--current":t.isCurrent,"is--now":t.isNow,"is--next":t.isNext,"is--disabled":q(t),"is--selected":w?W.some(e=>_xeUtils.default.isDateSame(e,t.date,C)):_xeUtils.default.isDateSame(M,t.date,C),"is--hover":_xeUtils.default.isDateSame(T,t.date,C)},onClick:()=>B(t),onMouseenter:()=>F(t)},H(t,t.label))))))])]}},Tt=()=>{var e=A["multiple"],t=L["datePanelType"],a=se.value,l=re.value,u=pe.value;return[(0,_vue.h)("div",{class:"vxe-input--date-picker-header"},[(0,_vue.h)("div",{class:"vxe-input--date-picker-type-wrapper"},["year"===t?(0,_vue.h)("span",{class:"vxe-input--date-picker-label"},u):(0,_vue.h)("span",{class:"vxe-input--date-picker-btn",onClick:ot},u)]),(0,_vue.h)("div",{class:"vxe-input--date-picker-btn-wrapper"},[(0,_vue.h)("span",{class:["vxe-input--date-picker-btn vxe-input--date-picker-prev-btn",{"is--disabled":a}],onClick:dt},[(0,_vue.h)("i",{class:"vxe-icon-caret-left"})]),(0,_vue.h)("span",{class:"vxe-input--date-picker-btn vxe-input--date-picker-current-btn",onClick:pt},[(0,_vue.h)("i",{class:"vxe-icon-dot"})]),(0,_vue.h)("span",{class:["vxe-input--date-picker-btn vxe-input--date-picker-next-btn",{"is--disabled":l}],onClick:_t},[(0,_vue.h)("i",{class:"vxe-icon-caret-right"})]),e&&ue.value?(0,_vue.h)("span",{class:"vxe-input--date-picker-btn vxe-input--date-picker-confirm-btn"},[(0,_vue.h)("button",{class:"vxe-input--date-picker-confirm",type:"button",onClick:bt},(0,_ui.getI18n)("vxe.button.confirm"))]):null])]),(0,_vue.h)("div",{class:"vxe-input--date-picker-body"},kt())]},Mt=()=>{const t=L["datetimePanelValue"];var e=ve.value,a=Ne.value,l=De.value,u=Se.value,i=Pe.value,n=Ve.value;return[(0,_vue.h)("div",{class:"vxe-input--time-picker-header"},[l?(0,_vue.h)("span",{class:"vxe-input--time-picker-title"},e):(0,_vue.createCommentVNode)(),(0,_vue.h)("div",{class:"vxe-input--time-picker-btn"},[(0,_vue.h)("button",{class:"vxe-input--time-picker-confirm",type:"button",onClick:bt},(0,_ui.getI18n)("vxe.button.confirm"))])]),(0,_vue.h)("div",{ref:P,class:"vxe-input--time-picker-body"},[(0,_vue.h)("ul",{class:"vxe-input--time-picker-hour-list"},a.map((a,e)=>(0,_vue.h)("li",{key:e,class:{"is--selected":t&&t.getHours()===a.value},onClick:e=>{return e=e,t=a,L.datetimePanelValue.setHours(t.value),void yt(e);var t}},a.label))),l?(0,_vue.h)("ul",{class:"vxe-input--time-picker-minute-list"},u.map((a,e)=>(0,_vue.h)("li",{key:e,class:{"is--selected":t&&t.getMinutes()===a.value},onClick:e=>{return e=e,t=a,L.datetimePanelValue.setMinutes(t.value),void yt(e);var t}},a.label))):(0,_vue.createCommentVNode)(),l&&i?(0,_vue.h)("ul",{class:"vxe-input--time-picker-second-list"},n.map((a,e)=>(0,_vue.h)("li",{key:e,class:{"is--selected":t&&t.getSeconds()===a.value},onClick:e=>{return e=e,t=a,L.datetimePanelValue.setSeconds(t.value),void yt(e);var t}},a.label))):(0,_vue.createCommentVNode)()])]},Wt=()=>{var e=A["controls"],t=Y.value,a=I.value,l=O.value,u=J.value;return l?(l=L.showPwd,(0,_vue.h)("div",{class:"vxe-input--control-icon",onClick:Xe},[(0,_vue.h)("i",{class:["vxe-input--password-icon",l?(0,_ui.getIcon)().PASSWORD_INPUT_SHOW_PWD:(0,_ui.getIcon)().PASSWORD_INPUT_HIDE_PWD]})])):t&&e?(l=Le.value,t=Ae.value,(0,_vue.h)("div",{class:"vxe-input--control-icon"},[(0,_vue.h)("div",{class:"vxe-input--number-icon"},[(0,_vue.h)("div",{class:["vxe-input--number-btn is--prev",{"is--disabled":l}],onMousedown:nt,onMouseup:U,onMouseleave:U},[(0,_vue.h)("i",{class:(0,_ui.getIcon)().NUMBER_INPUT_PREV_NUM})]),(0,_vue.h)("div",{class:["vxe-input--number-btn is--next",{"is--disabled":t}],onMousedown:nt,onMouseup:U,onMouseleave:U},[(0,_vue.h)("i",{class:(0,_ui.getIcon)().NUMBER_INPUT_NEXT_NUM})])])])):a?(0,_vue.h)("div",{class:"vxe-input--control-icon",onClick:Nt},[(0,_vue.h)("i",{class:["vxe-input--date-picker-icon",(0,_ui.getIcon)().DATE_PICKER_DATE]})]):u?(0,_vue.h)("div",{class:"vxe-input--control-icon",onClick:Je},[(0,_vue.h)("i",{class:["vxe-input--search-icon",(0,_ui.getIcon)().INPUT_SEARCH]})]):(0,_vue.createCommentVNode)()};i={dispatchEvent(e,t,a){E(e,(0,_ui.createEvent)(a,{$input:u},t))},focus(){var e=M.value;return L.isActivated=!0,e.focus(),(0,_vue.nextTick)()},blur(){return M.value.blur(),(L.isActivated=!1,_vue.nextTick)()},select(){return M.value.select(),(L.isActivated=!1,_vue.nextTick)()},showPanel:Et,hidePanel:y,updatePlacement:Ut},Object.assign(u,i);return u.renderVN=()=>{var e,t,a,l,u,i,n,s,r,v,o,d,p,_,c,m,f,{className:h,controls:x,type:g,align:y,showWordCount:b,countMethod:U,name:E,autoComplete:N,autocomplete:S}=A,{inputValue:D,visiblePanel:P,isActivated:V}=L,w=j.value,k=C.value;return Q.value?(0,_vue.h)("div",{ref:T,class:["vxe-input--readonly","type--"+g,h]},D):(e=X.value,t=Z.value,a=we.value,l=Me.value,u=ke.value,i=Te.value,n=te.value,b=b&&["text","search"].includes(g),r=A.prefixIcon,s=(s=G.prefix)||r?(0,_vue.h)("div",{class:"vxe-input--prefix",onClick:qe},[(0,_vue.h)("div",{class:"vxe-input--prefix-icon"},s?(0,_vn.getSlotVNs)(s({})):[(0,_vue.h)("i",{class:r})])]):null,r=A.suffixIcon,v=L.inputValue,o=G.suffix,d=C.value,p=Y.value,_=I.value,c=O.value,m=J.value,f=te.value,c=c||p||_||m,p=f||o||r||c?(0,_vue.h)("div",{class:["vxe-input--suffix",{"is--clear":f&&!d&&!(""===v||_xeUtils.default.eqNull(v))}]},[f?(0,_vue.h)("div",{class:"vxe-input--clear-icon",onClick:Fe},[(0,_vue.h)("i",{class:(0,_ui.getIcon)().INPUT_CLEAR})]):(0,_vue.createCommentVNode)(),(c?Wt:(0,_vue.createCommentVNode))(),o||r?(0,_vue.h)("div",{class:"vxe-input--suffix-icon",onClick:He},o?(0,_vn.getSlotVNs)(o({})):[(0,_vue.h)("i",{class:r})]):(0,_vue.createCommentVNode)()]):null,(0,_vue.h)("div",{ref:T,class:["vxe-input","type--"+g,h,{["size--"+w]:w,["is--"+y]:y,"is--controls":x,"is--prefix":!!s,"is--suffix":!!p,"is--visible":P,"is--count":b,"is--disabled":k,"is--active":V,"show--clear":n&&!k&&!(""===D||_xeUtils.default.eqNull(D))}],spellcheck:!1},[s||(0,_vue.createCommentVNode)(),(0,_vue.h)("div",{class:"vxe-input--wrapper"},[(0,_vue.h)("input",{ref:M,class:"vxe-input--inner",value:D,name:E,type:u,placeholder:i,maxlength:l,readonly:a,disabled:k,autocomplete:N||S,onKeydown:lt,onKeyup:ut,onWheel:st,onClick:St,onInput:Oe,onChange:Ke,onFocus:Re,onBlur:Ze})]),p||(0,_vue.createCommentVNode)(),(()=>{var e=A["type"],{initialized:t,isAniVisible:a,visiblePanel:l,panelPlacement:u,panelStyle:i}=L,n=j.value,s=$.value,r=[];return I.value?(r.push("datetime"===e?(0,_vue.h)("div",{key:e,ref:W,class:"vxe-input--panel-layout-wrapper"},[(0,_vue.h)("div",{class:"vxe-input--panel-left-wrapper"},Tt()),(0,_vue.h)("div",{class:"vxe-input--panel-right-wrapper"},Mt())]):"time"===e?(0,_vue.h)("div",{key:e,ref:W,class:"vxe-input--panel-wrapper"},Mt()):(0,_vue.h)("div",{key:e||"default",ref:W,class:"vxe-input--panel-wrapper"},Tt())),(0,_vue.h)(_vue.Teleport,{to:"body",disabled:!s||!t},[(0,_vue.h)("div",{ref:z,class:["vxe-table--ignore-clear vxe-input--panel","type--"+e,{["size--"+n]:n,"is--transfer":s,"ani--leave":a,"ani--enter":l}],placement:u,style:i},r)])):(0,_vue.createCommentVNode)()})(),b?(0,_vue.h)("span",{class:["vxe-input--count",{"is--error":e}]},U?""+U({value:D}):t+(l?"/"+l:"")):(0,_vue.createCommentVNode)()]))},(0,_vue.watch)(()=>A.modelValue,e=>{L.inputValue=e,Ge()}),(0,_vue.watch)(()=>A.type,()=>{Object.assign(L,{inputValue:A.modelValue,datetimePanelValue:null,datePanelValue:null,datePanelLabel:"",datePanelType:"day",selectMonth:null,currentDate:null}),je()}),(0,_vue.watch)(p,()=>{I.value&&(l(L.datePanelValue),L.inputValue=A.multiple?ne.value:L.datePanelLabel)}),(0,_vue.onMounted)(()=>{_ui.globalEvents.on(u,"mousewheel",Vt),_ui.globalEvents.on(u,"mousedown",Dt),_ui.globalEvents.on(u,"keydown",Pt),_ui.globalEvents.on(u,"blur",wt)}),(0,_vue.onBeforeUnmount)(()=>{U(),b(),_ui.globalEvents.off(u,"mousewheel"),_ui.globalEvents.off(u,"mousedown"),_ui.globalEvents.off(u,"keydown"),_ui.globalEvents.off(u,"blur")}),je(),u},render(){return this.renderVN()}});
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_utils=require("../../ui/src/utils"),_dom=require("../../ui/src/dom"),_util=require("../../date-picker/src/util"),_util2=require("../../number-input/src/util"),_vn=require("../..//ui/src/vn");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_vue.defineComponent)({name:"VxeInput",props:{modelValue:[String,Number,Date],immediate:{type:Boolean,default:!0},name:String,type:{type:String,default:"text"},clearable:{type:Boolean,default:()=>(0,_ui.getConfig)().input.clearable},readonly:{type:Boolean,default:null},disabled:{type:Boolean,default:null},placeholder:String,maxLength:[String,Number],autoComplete:{type:String,default:"off"},align:String,form:String,className:String,size:{type:String,default:()=>(0,_ui.getConfig)().input.size||(0,_ui.getConfig)().size},multiple:Boolean,showWordCount:Boolean,countMethod:Function,min:{type:[String,Number],default:null},max:{type:[String,Number],default:null},step:[String,Number],exponential:{type:Boolean,default:()=>(0,_ui.getConfig)().input.exponential},controls:{type:Boolean,default:()=>(0,_ui.getConfig)().input.controls},digits:{type:[String,Number],default:()=>(0,_ui.getConfig)().input.digits},startDate:{type:[String,Number,Date],default:()=>(0,_ui.getConfig)().input.startDate},endDate:{type:[String,Number,Date],default:()=>(0,_ui.getConfig)().input.endDate},minDate:[String,Number,Date],maxDate:[String,Number,Date],startWeek:Number,startDay:{type:[String,Number],default:()=>(0,_ui.getConfig)().input.startDay},labelFormat:String,valueFormat:String,editable:{type:Boolean,default:!0},festivalMethod:{type:Function,default:()=>(0,_ui.getConfig)().input.festivalMethod},disabledMethod:{type:Function,default:()=>(0,_ui.getConfig)().input.disabledMethod},selectDay:{type:[String,Number],default:()=>(0,_ui.getConfig)().input.selectDay},prefixIcon:String,suffixIcon:String,placement:String,transfer:{type:Boolean,default:null},maxlength:[String,Number],autocomplete:String},emits:["update:modelValue","input","change","keydown","keyup","wheel","click","focus","blur","clear","search-click","toggle-visible","prev-number","next-number","prefix-click","suffix-click","date-prev","date-today","date-next"],setup(A,e){const{slots:G,emit:E}=e,S=(0,_vue.inject)("$xeModal",null),N=(0,_vue.inject)("$xeDrawer",null),D=(0,_vue.inject)("$xeTable",null),a=(0,_vue.inject)("$xeForm",null),P=(0,_vue.inject)("xeFormItemInfo",null);var t=_xeUtils.default.uniqueId();const z=(0,_ui.useSize)(A)["computeSize"],L=(0,_vue.reactive)({initialized:!1,panelIndex:0,showPwd:!1,visiblePanel:!1,isAniVisible:!1,panelStyle:{},panelPlacement:"",isActivated:!1,inputValue:A.modelValue,datetimePanelValue:null,datePanelValue:null,datePanelLabel:"",datePanelType:"day",selectMonth:null,currentDate:null}),p={yearSize:12,monthSize:20,quarterSize:8,hpTimeout:void 0,dnTimeout:void 0},k=(0,_vue.ref)(),M=(0,_vue.ref)(),j=(0,_vue.ref)(),W=(0,_vue.ref)(),V=(0,_vue.ref)(),T={refElem:k,refInput:M},u={xID:t,props:A,context:e,reactData:L,internalData:p,getRefMaps:()=>T};let i={};const v=(e,t)=>{var a=A["type"];return"time"===a?(0,_util.toStringTimeDate)(e):_xeUtils.default.toStringDate(e,t)},$=(0,_vue.computed)(()=>{var e=A["transfer"];if(null===e){var t=(0,_ui.getConfig)().input.transfer;if(_xeUtils.default.isBoolean(t))return t;if(D||S||N||a)return!0}return e}),Q=(0,_vue.computed)(()=>!!a&&a.props.readonly),n=(0,_vue.computed)(()=>{var e=A["readonly"];return e}),C=(0,_vue.computed)(()=>{var e=A["disabled"];return null===e?!!a&&a.props.disabled:e}),Z=(0,_vue.computed)(()=>{var{maxLength:e,maxlength:t}=A,e=e||t;return Y.value&&!_xeUtils.default.toNumber(e)?16:e}),o=(0,_vue.computed)(()=>{var e=A["type"];return"time"===e||"datetime"===e}),Y=(0,_vue.computed)(()=>-1<["number","integer","float"].indexOf(A.type)),X=(0,_vue.computed)(()=>_xeUtils.default.getSize(L.inputValue)),J=(0,_vue.computed)(()=>{var e=X.value,t=Z.value;return t&&e>_xeUtils.default.toNumber(t)}),I=(0,_vue.computed)(()=>{return o.value||-1<["date","week","month","quarter","year"].indexOf(A.type)}),O=(0,_vue.computed)(()=>"password"===A.type),ee=(0,_vue.computed)(()=>"search"===A.type),w=(0,_vue.computed)(()=>_xeUtils.default.toInteger(A.digits)||1),te=(0,_vue.computed)(()=>{var e=A["type"],t=w.value,a=A.step;return"integer"===e?_xeUtils.default.toInteger(a)||1:"float"===e?_xeUtils.default.toNumber(a)||1/Math.pow(10,t):_xeUtils.default.toNumber(a)||1}),ae=(0,_vue.computed)(()=>{var e=A["type"],t=Y.value,a=I.value,l=O.value;return A.clearable&&(l||t||a||"text"===e||"search"===e)}),le=(0,_vue.computed)(()=>A.startDate?_xeUtils.default.toStringDate(A.startDate):null),ue=(0,_vue.computed)(()=>A.endDate?_xeUtils.default.toStringDate(A.endDate):null),ie=(0,_vue.computed)(()=>-1<["date","week","month","quarter","year"].indexOf(A.type)),K=(0,_vue.computed)(()=>{var{modelValue:e,multiple:t}=A,a=I.value;const l=d.value;return t&&e&&a?_xeUtils.default.toValueString(e).split(",").map(e=>{e=v(e,l);return _xeUtils.default.isValidDate(e)?e:null}):[]}),ne=(0,_vue.computed)(()=>{var e=K.value;const t=d.value;return e.map(e=>_xeUtils.default.toDateString(e,t))}),se=(0,_vue.computed)(()=>{var e=K.value;const t=_.value;return e.map(e=>_xeUtils.default.toDateString(e,t)).join(", ")}),d=(0,_vue.computed)(()=>{var{type:e,valueFormat:t}=A;return t||("time"===e?"HH:mm:ss":"datetime"===e?"yyyy-MM-dd HH:mm:ss":"yyyy-MM-dd")}),q=(0,_vue.computed)(()=>{var e=A["modelValue"],t=I.value,a=d.value;let l=null;return l=e&&t&&(t=v(e,a),_xeUtils.default.isValidDate(t))?t:l}),re=(0,_vue.computed)(()=>{var e=le.value,t=L["selectMonth"];return!(!t||!e)&&t<=e}),ve=(0,_vue.computed)(()=>{var e=ue.value,t=L["selectMonth"];return!(!t||!e)&&e<=t}),oe=(0,_vue.computed)(()=>{var e=L["datetimePanelValue"],t=Ve.value;return e?_xeUtils.default.toDateString(e,t?"HH:mm:ss":"HH:mm"):""}),de=(0,_vue.computed)(()=>{var e=q.value,t=o.value;return e&&t?1e3*(3600*e.getHours()+60*e.getMinutes()+e.getSeconds()):0}),_=(0,_vue.computed)(()=>{var e=A["labelFormat"],t=I.value,a=d.value;return t?e||a||(0,_ui.getI18n)("vxe.input.date.labelFormat."+A.type):""}),pe=(0,_vue.computed)(()=>{var{selectMonth:e,currentDate:t}=L,a=p["yearSize"],l=[];if(e&&t){var u=t.getFullYear(),t=e.getFullYear(),i=new Date(t-t%a,0,1);for(let e=-4;e<a+4;e++){var n=_xeUtils.default.getWhatYear(i,e,"first"),s=n.getFullYear();l.push({date:n,isCurrent:!0,isPrev:e<0,isNow:u===s,isNext:e>=a,year:s})}}return l}),_e=(0,_vue.computed)(()=>{if(I.value){var{datePanelType:a,selectMonth:l}=L,u=pe.value;let e="",t;return l&&(e=l.getFullYear(),t=l.getMonth()+1),"quarter"===a?(0,_ui.getI18n)("vxe.input.date.quarterLabel",[e]):"month"===a?(0,_ui.getI18n)("vxe.input.date.monthLabel",[e]):"year"===a?u.length?u[0].year+" - "+u[u.length-1].year:"":(0,_ui.getI18n)("vxe.input.date.dayLabel",[e,t?(0,_ui.getI18n)("vxe.input.date.m"+t):"-"])}return""}),g=(0,_vue.computed)(()=>{var{startDay:e,startWeek:t}=A;return _xeUtils.default.toNumber(_xeUtils.default.isNumber(e)||_xeUtils.default.isString(e)?e:t)}),ce=(0,_vue.computed)(()=>{var a=[];if(I.value){let t=g.value;a.push(t);for(let e=0;e<6;e++)6<=t?t=0:t++,a.push(t)}return a}),me=(0,_vue.computed)(()=>{return I.value?ce.value.map(e=>({value:e,label:(0,_ui.getI18n)("vxe.input.date.weeks.w"+e)})):[]}),fe=(0,_vue.computed)(()=>{var e;return I.value?(e=me.value,[{label:(0,_ui.getI18n)("vxe.input.date.weeks.w")}].concat(e)):[]}),he=(0,_vue.computed)(()=>{var e=pe.value;return _xeUtils.default.chunk(e,4)}),xe=(0,_vue.computed)(()=>{var{selectMonth:e,currentDate:t}=L,a=p["quarterSize"],l=[];if(e&&t){var u=t.getFullYear(),i=(0,_util.getDateQuarter)(t),n=_xeUtils.default.getWhatYear(e,0,"first"),s=n.getFullYear();for(let e=-2;e<a-2;e++){var r=_xeUtils.default.getWhatQuarter(n,e),v=r.getFullYear(),o=(0,_util.getDateQuarter)(r),d=v<s;l.push({date:r,isPrev:d,isCurrent:v===s,isNow:v===u&&o===i,isNext:!d&&s<v,quarter:o})}}return l}),ge=(0,_vue.computed)(()=>{var e=xe.value;return _xeUtils.default.chunk(e,2)}),ye=(0,_vue.computed)(()=>{var{selectMonth:t,currentDate:e}=L,a=p["monthSize"],l=[];if(t&&e){var u=e.getFullYear(),i=e.getMonth(),n=_xeUtils.default.getWhatYear(t,0,"first").getFullYear();for(let e=-4;e<a-4;e++){var s=_xeUtils.default.getWhatYear(t,0,e),r=s.getFullYear(),v=s.getMonth(),o=r<n;l.push({date:s,isPrev:o,isCurrent:r===n,isNow:r===u&&v===i,isNext:!o&&n<r,month:v})}}return l}),be=(0,_vue.computed)(()=>{var e=ye.value;return _xeUtils.default.chunk(e,4)}),Ue=(0,_vue.computed)(()=>{var{selectMonth:t,currentDate:e}=L,a=[];if(t&&e){var l=de.value,u=ce.value,i=e.getFullYear(),n=e.getMonth(),s=e.getDate(),r=t.getFullYear(),v=t.getMonth(),e=t.getDay(),u=-u.indexOf(e),o=new Date(_xeUtils.default.getWhatDay(t,u).getTime()+l);for(let e=0;e<42;e++){var d=_xeUtils.default.getWhatDay(o,e),p=d.getFullYear(),_=d.getMonth(),c=d.getDate(),m=d<t;a.push({date:d,isPrev:m,isCurrent:p===r&&_===v,isNow:p===i&&_===n&&c===s,isNext:!m&&v!==_,label:c})}}return a}),Ee=(0,_vue.computed)(()=>{var e=Ue.value;return _xeUtils.default.chunk(e,7)}),Se=(0,_vue.computed)(()=>{var e=Ee.value;const a=g.value;return e.map(e=>{var t=e[0];return[{date:t.date,isWeekNumber:!0,isPrev:!1,isCurrent:!1,isNow:!1,isNext:!1,label:_xeUtils.default.getYearWeek(t.date,a)}].concat(e)})}),Ne=(0,_vue.computed)(()=>{var t=[];if(o.value)for(let e=0;e<24;e++)t.push({value:e,label:(""+e).padStart(2,"0")});return t}),De=(0,_vue.computed)(()=>{var t=[];if(o.value)for(let e=0;e<60;e++)t.push({value:e,label:(""+e).padStart(2,"0")});return t}),Pe=(0,_vue.computed)(()=>{var e=d.value;return!/HH/.test(e)||/mm/.test(e)}),Ve=(0,_vue.computed)(()=>{var e=d.value;return!/HH/.test(e)||/ss/.test(e)}),Te=(0,_vue.computed)(()=>{return De.value}),we=(0,_vue.computed)(()=>{var{type:e,editable:t,multiple:a}=A;return n.value||a||!t||"week"===e||"quarter"===e}),ke=(0,_vue.computed)(()=>{var e=A["type"],t=L["showPwd"],a=Y.value,l=I.value,u=O.value;return l||a||u&&t||"number"===e?"text":e}),Me=(0,_vue.computed)(()=>{var e=A["placeholder"];return(e=e||(0,_ui.getConfig)().input.placeholder)?(0,_utils.getFuncText)(e):(0,_ui.getI18n)("vxe.base.pleaseInput")}),We=(0,_vue.computed)(()=>{var{type:e,immediate:t}=A;return t||!("text"===e||"number"===e||"integer"===e||"float"===e)}),Ce=(0,_vue.computed)(()=>{var e=A["type"],t=L["inputValue"];return Y.value?"integer"===e?_xeUtils.default.toInteger((0,_util2.handleNumber)(t)):_xeUtils.default.toNumber((0,_util2.handleNumber)(t)):0}),Ae=(0,_vue.computed)(()=>{var e=A["min"],t=L["inputValue"],a=Y.value,l=Ce.value;return!(!t&&0!==t||!a||null===e)&&l<=_xeUtils.default.toNumber(e)}),Le=(0,_vue.computed)(()=>{var e=A["max"],t=L["inputValue"],a=Y.value,l=Ce.value;return!(!t&&0!==t||!a||null===e)&&l>=_xeUtils.default.toNumber(e)}),Ye=e=>{var{type:t,exponential:a}=A,l=Z.value,u=w.value,t="float"===t?(0,_util2.toFloatValueFixed)(e,u):_xeUtils.default.toValueString(e);return!a||e!==t&&_xeUtils.default.toValueString(e).toLowerCase()!==_xeUtils.default.toNumber(t).toExponential()?t.slice(0,l):e},c=e=>{var t=L["inputValue"];i.dispatchEvent(e.type,{value:t},e)},m=(e,t)=>{L.inputValue=e,E("update:modelValue",e),i.dispatchEvent("input",{value:e},t),_xeUtils.default.toValueString(A.modelValue)!==e&&(i.dispatchEvent("change",{value:e},t),a)&&P&&a.triggerItemEvent(t,P.itemConfig.field,e)},Ie=(e,t)=>{var a=I.value,l=We.value;L.inputValue=e,a||(l?m(e,t):i.dispatchEvent("input",{value:e},t))},Oe=e=>{var t=e.target.value;Ie(t,e)},Ke=e=>{We.value||c(e)},qe=e=>{L.isActivated=!0,I.value&&U(e),c(e)},Re=e=>{var t;C.value||(t=L["inputValue"],i.dispatchEvent("prefix-click",{value:t},e))},y=()=>new Promise(e=>{L.visiblePanel=!1,p.hpTimeout=window.setTimeout(()=>{L.isAniVisible=!1,e()},350)}),Be=(e,t)=>{var a=A["type"],l=Y.value;I.value&&y(),(l||-1<["text","search","password"].indexOf(a))&&focus(),m("",e),i.dispatchEvent("clear",{value:t},e)},Fe=e=>{var t;C.value||(t=L["inputValue"],i.dispatchEvent("suffix-click",{value:t},e))},s=e=>{var t=A["type"],a=_.value,l=d.value,u=g.value;let i=null,n="";e&&(i=v(e,l)),_xeUtils.default.isValidDate(i)?(n=_xeUtils.default.toDateString(i,a,{firstDay:u}),a&&"week"===t&&_xeUtils.default.getWhatWeek(i,0,u,u).getFullYear()<i.getFullYear()&&-1<(e=a.indexOf("yyyy"))&&(l=Number(n.substring(e,e+4)))&&!isNaN(l)&&(n=n.replace(""+l,""+(l-1)))):i=null,L.datePanelValue=i,L.datePanelLabel=n},He=()=>{var e=I.value,t=L["inputValue"];e&&(s(t),L.inputValue=A.multiple?se.value:L.datePanelLabel)},Ge=()=>{var e=A["type"],t=L["inputValue"],a=I.value,l=w.value;a?He():"float"===e&&t&&t!==(a=(0,_util2.toFloatValueFixed)(t,l))&&m(a,{type:"init"})},ze=e=>null===A.max||_xeUtils.default.toNumber(e)<=_xeUtils.default.toNumber(A.max),je=e=>null===A.min||_xeUtils.default.toNumber(e)>=_xeUtils.default.toNumber(A.min),$e=()=>{L.inputValue=A.multiple?se.value:L.datePanelLabel},f=e=>{e=_xeUtils.default.getWhatMonth(e,0,"first");_xeUtils.default.isEqual(e,L.selectMonth)||(L.selectMonth=e)},h=t=>{var{modelValue:e,multiple:a}=A;const l=L["datetimePanelValue"];var u=o.value;const i=d.value;var n=g.value;"week"===A.type?(r=_xeUtils.default.toNumber(A.selectDay),t=_xeUtils.default.getWhatWeek(t,0,r,n)):u&&(t.setHours(l.getHours()),t.setMinutes(l.getMinutes()),t.setSeconds(l.getSeconds()));const s=_xeUtils.default.toDateString(t,i,{firstDay:n});if(f(t),a){var r=ne.value;if(u){n=[...K.value];const v=[];a=_xeUtils.default.findIndexOf(n,e=>_xeUtils.default.isDateSame(t,e,"yyyyMMdd"));-1===a?n.push(t):n.splice(a,1),n.forEach(e=>{e&&(e.setHours(l.getHours()),e.setMinutes(l.getMinutes()),e.setSeconds(l.getSeconds()),v.push(e))}),m(v.map(e=>_xeUtils.default.toDateString(e,i)).join(","),{type:"update"})}else r.some(e=>_xeUtils.default.isEqual(e,s))?m(r.filter(e=>!_xeUtils.default.isEqual(e,s)).join(","),{type:"update"}):m(r.concat([s]).join(","),{type:"update"})}else _xeUtils.default.isEqual(e,s)||m(s,{type:"update"})},b=()=>{var{type:a,min:l,max:u,exponential:t}=A,{inputValue:i,datetimePanelValue:n}=L,s=Y.value,e=I.value,r=_.value;if(!we.value)if(s){if(i){let e="integer"===a?_xeUtils.default.toInteger((0,_util2.handleNumber)(i)):_xeUtils.default.toNumber((0,_util2.handleNumber)(i));je(e)?ze(e)||(e=u):e=l,t&&(s=_xeUtils.default.toValueString(i).toLowerCase())===_xeUtils.default.toNumber(e).toExponential()&&(e=s),m(Ye(e),{type:"check"})}}else if(e)if(i){let t=v(i,r);if(_xeUtils.default.isValidDate(t))if("time"===a)i!==(t=_xeUtils.default.toDateString(t,r))&&m(t,{type:"check"}),L.inputValue=t;else{let e=!1;u=g.value;"datetime"===a?(l=q.value,i===_xeUtils.default.toDateString(l,r)&&i===_xeUtils.default.toDateString(t,r)||(e=!0,n.setHours(t.getHours()),n.setMinutes(t.getMinutes()),n.setSeconds(t.getSeconds()))):e=!0,L.inputValue=_xeUtils.default.toDateString(t,r,{firstDay:u}),e&&h(t)}else $e()}else m("",{type:"check"})},Qe=e=>{var t=L["inputValue"];We.value||m(t,e),b(),L.visiblePanel||(L.isActivated=!1),i.dispatchEvent("blur",{value:t},e)},Ze=e=>{var t=L["showPwd"],a=C.value,l=n.value;a||l||(L.showPwd=!t),i.dispatchEvent("toggle-visible",{visible:L.showPwd},e)},Xe=e=>{i.dispatchEvent("search-click",{},e)},Je=(e,t)=>{var{min:a,max:l,type:u}=A,i=L["inputValue"],n=te.value,u="integer"===u?_xeUtils.default.toInteger((0,_util2.handleNumber)(i)):_xeUtils.default.toNumber((0,_util2.handleNumber)(i)),i=e?_xeUtils.default.add(u,n):_xeUtils.default.subtract(u,n);let s;s=je(i)?ze(i)?i:l:a,Ie(Ye(s),t)},l=e=>{var t=C.value,a=n.value,l=Ae.value;x(),t||a||l||Je(!1,e),i.dispatchEvent("next-number",{},e)},et=e=>{p.dnTimeout=window.setTimeout(()=>{l(e),et(e)},60)},r=e=>{var t=C.value,a=n.value,l=Le.value;x(),t||a||l||Je(!0,e),i.dispatchEvent("prev-number",{},e)},tt=e=>{var t=_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.ARROW_UP),a=_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.ARROW_DOWN);(t||a)&&(e.preventDefault(),(t?r:l)(e))},at=e=>{var t,a,l,u,i,n,s,{exponential:r,controls:v}=A;Y.value&&(t=e.ctrlKey,a=e.shiftKey,l=e.altKey,u=e.keyCode,i=_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.ESCAPE),n=_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.ARROW_UP),s=_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.ARROW_DOWN),t||a||l||!(_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.SPACEBAR)||(!r||69!==u)&&65<=u&&u<=90||186<=u&&u<=188||191<=u)||e.preventDefault(),i?b():(n||s)&&v&&tt(e)),c(e)},lt=e=>{c(e)},x=()=>{var e=p["dnTimeout"];e&&(clearTimeout(e),p.dnTimeout=void 0)},ut=e=>{p.dnTimeout=window.setTimeout(()=>{r(e),ut(e)},60)},it=e=>{if(x(),0===e.button){const t=(0,_dom.hasClass)(e.currentTarget,"is--prev");(t?r:l)(e),p.dnTimeout=window.setTimeout(()=>{(t?ut:et)(e)},500)}},nt=e=>{var t;Y.value&&A.controls&&L.isActivated&&(0<(t=e.deltaY)?l(e):t<0&&r(e),e.preventDefault()),c(e)},st=(e,t)=>{L.selectMonth=_xeUtils.default.getWhatMonth(e,t,"first")},rt=()=>{var e=_xeUtils.default.getWhatDay(Date.now(),0,"first");L.currentDate=e,st(e,0)},vt=()=>{let e=L["datePanelType"];e="month"===e||"quarter"===e?"year":"month",L.datePanelType=e},ot=e=>{var t=A["type"],{datePanelType:a,selectMonth:l}=L,u=p["yearSize"];re.value||(L.selectMonth="year"===t?_xeUtils.default.getWhatYear(l,-u,"first"):"month"===t||"quarter"===t?"year"===a?_xeUtils.default.getWhatYear(l,-u,"first"):_xeUtils.default.getWhatYear(l,-1,"first"):"year"===a?_xeUtils.default.getWhatYear(l,-u,"first"):"month"===a?_xeUtils.default.getWhatYear(l,-1,"first"):_xeUtils.default.getWhatMonth(l,-1,"first"),i.dispatchEvent("date-prev",{type:t},e))},dt=e=>{rt(),A.multiple||(h(L.currentDate),y()),i.dispatchEvent("date-today",{type:A.type},e)},pt=e=>{var t=A["type"],{datePanelType:a,selectMonth:l}=L,u=p["yearSize"];ve.value||(L.selectMonth="year"===t?_xeUtils.default.getWhatYear(l,u,"first"):"month"===t||"quarter"===t?"year"===a?_xeUtils.default.getWhatYear(l,u,"first"):_xeUtils.default.getWhatYear(l,1,"first"):"year"===a?_xeUtils.default.getWhatYear(l,u,"first"):"month"===a?_xeUtils.default.getWhatYear(l,1,"first"):_xeUtils.default.getWhatMonth(l,1,"first"),i.dispatchEvent("date-next",{type:t},e))},R=e=>{var t=A["disabledMethod"],a=L["datePanelType"];return t&&t({type:a,viewType:a,date:e.date,$input:u})},_t=e=>{var{type:t,multiple:a}=A,l=L["datePanelType"];"month"===t?"year"===l?(L.datePanelType="month",f(e)):(h(e),a||y()):"year"===t?(h(e),a||y()):"quarter"===t?"year"===l?(L.datePanelType="quarter",f(e)):(h(e),a||y()):"month"===l?(L.datePanelType="week"===t?t:"day",f(e)):"year"===l?(L.datePanelType="month",f(e)):(h(e),"datetime"===t||a||y())},B=e=>{R(e)||_t(e.date)},ct=t=>{R({date:t})||(Ue.value.some(e=>_xeUtils.default.isDateSame(e.date,t,"yyyyMMdd"))||f(t),s(t))},mt=t=>{R({date:t})||(pe.value.some(e=>_xeUtils.default.isDateSame(e.date,t,"yyyy"))||f(t),s(t))},ft=t=>{R({date:t})||(xe.value.some(e=>_xeUtils.default.isDateSame(e.date,t,"yyyyq"))||f(t),s(t))},ht=t=>{R({date:t})||(ye.value.some(e=>_xeUtils.default.isDateSame(e.date,t,"yyyyMM"))||f(t),s(t))},F=e=>{var t;R(e)||(t=L["datePanelType"],("month"===t?ht:"quarter"===t?ft:"year"===t?mt:ct)(e.date))},xt=e=>{var t;e&&(t=e.offsetHeight,e.parentNode.scrollTop=e.offsetTop-4*t)},gt=e=>{L.datetimePanelValue=new Date(L.datetimePanelValue.getTime()),xt(e.currentTarget)},yt=()=>{var e=A["multiple"];const t=L["datetimePanelValue"];var a=q.value,l=o.value;if(l){const u=d.value;if(e){e=ne.value;if(l){l=[...K.value];const i=[];l.forEach(e=>{e&&(e.setHours(t.getHours()),e.setMinutes(t.getMinutes()),e.setSeconds(t.getSeconds()),i.push(e))}),m(i.map(e=>_xeUtils.default.toDateString(e,u)).join(","),{type:"update"})}else m(e.join(","),{type:"update"})}else h(a||L.currentDate)}y()},bt=()=>(0,_vue.nextTick)().then(()=>{var l=A["placement"],u=L["panelIndex"],i=M.value,n=j.value,e=$.value;if(i&&n){var s=i.offsetHeight,r=i.offsetWidth,v=n.offsetHeight,n=n.offsetWidth,u={zIndex:u},{boundingTop:i,boundingLeft:o,visibleHeight:d,visibleWidth:p}=(0,_dom.getAbsolutePos)(i);let a="bottom";if(e){let e=o,t=i+s;"top"===l?(a="top",t=i-v):l||(t+v+5>d&&(a="top",t=i-v),t<5&&(a="bottom",t=i+s)),e+n+5>p&&(e-=e+n+5-p),e<5&&(e=5),Object.assign(u,{left:e+"px",top:t+"px",minWidth:r+"px"})}else"top"===l?(a="top",u.bottom=s+"px"):l||(u.top=s+"px",d<i+s+v&&5<i-s-v&&(a="top",u.top="",u.bottom=s+"px"));return L.panelStyle=u,L.panelPlacement=a,(0,_vue.nextTick)()}}),Ut=()=>{var e=L["visiblePanel"],t=p["hpTimeout"],a=C.value,l=I.value;return(a||e?(0,_vue.nextTick):(L.initialized||(L.initialized=!0),t&&(clearTimeout(t),p.hpTimeout=void 0),L.isActivated=!0,L.isAniVisible=!0,l&&(a=A.type,e=o.value,t=q.value,-1<["year","quarter","month","week"].indexOf(a)?L.datePanelType=a:L.datePanelType="day",L.currentDate=_xeUtils.default.getWhatDay(Date.now(),0,"first"),t?(st(t,0),s(t)):rt(),e)&&(L.datetimePanelValue=L.datePanelValue||_xeUtils.default.getWhatDay(Date.now(),0,"first"),(0,_vue.nextTick)(()=>{var e=V.value;_xeUtils.default.arrayEach(e.querySelectorAll("li.is--selected"),e=>{xt(e)})})),setTimeout(()=>{L.visiblePanel=!0},10),L.panelIndex<(0,_utils.getLastZIndex)()&&(L.panelIndex=(0,_utils.nextZIndex)()),bt))()},U=e=>{n.value||(e.preventDefault(),Ut())},Et=e=>{c(e)},St=e=>{var{visiblePanel:t,isActivated:a}=L,l=I.value,u=k.value,i=W.value;!C.value&&a&&(L.isActivated=(0,_dom.getEventTargetNode)(e,u).flag||(0,_dom.getEventTargetNode)(e,i).flag,L.isActivated||(l?t&&(y(),b()):b()))},Nt=t=>{var a=A["clearable"],l=L["visiblePanel"],u=C.value,i=I.value;if(!u){var u=_ui.globalEvents.hasKey(t,_ui.GLOBAL_EVENT_KEYS.TAB),n=_ui.globalEvents.hasKey(t,_ui.GLOBAL_EVENT_KEYS.DELETE),s=_ui.globalEvents.hasKey(t,_ui.GLOBAL_EVENT_KEYS.ESCAPE),r=_ui.globalEvents.hasKey(t,_ui.GLOBAL_EVENT_KEYS.ENTER),v=_ui.globalEvents.hasKey(t,_ui.GLOBAL_EVENT_KEYS.ARROW_LEFT),o=_ui.globalEvents.hasKey(t,_ui.GLOBAL_EVENT_KEYS.ARROW_UP),d=_ui.globalEvents.hasKey(t,_ui.GLOBAL_EVENT_KEYS.ARROW_RIGHT),p=_ui.globalEvents.hasKey(t,_ui.GLOBAL_EVENT_KEYS.ARROW_DOWN),_=_ui.globalEvents.hasKey(t,_ui.GLOBAL_EVENT_KEYS.PAGE_UP),c=_ui.globalEvents.hasKey(t,_ui.GLOBAL_EVENT_KEYS.PAGE_DOWN),v=v||o||d||p;let e=L.isActivated;if(u)e&&b(),e=!1,L.isActivated=e;else if(v){if(i&&e)if(l){var d=t,{isActivated:v,datePanelValue:m,datePanelType:f}=L;if(v){d.preventDefault();var v=_ui.globalEvents.hasKey(d,_ui.GLOBAL_EVENT_KEYS.ARROW_LEFT),h=_ui.globalEvents.hasKey(d,_ui.GLOBAL_EVENT_KEYS.ARROW_UP),x=_ui.globalEvents.hasKey(d,_ui.GLOBAL_EVENT_KEYS.ARROW_RIGHT),d=_ui.globalEvents.hasKey(d,_ui.GLOBAL_EVENT_KEYS.ARROW_DOWN);if("year"===f){let e=_xeUtils.default.getWhatYear(m||Date.now(),0,"first");v?e=_xeUtils.default.getWhatYear(e,-1):h?e=_xeUtils.default.getWhatYear(e,-4):x?e=_xeUtils.default.getWhatYear(e,1):d&&(e=_xeUtils.default.getWhatYear(e,4)),mt(e)}else if("quarter"===f){let e=_xeUtils.default.getWhatQuarter(m||Date.now(),0,"first");v?e=_xeUtils.default.getWhatQuarter(e,-1):h?e=_xeUtils.default.getWhatQuarter(e,-2):x?e=_xeUtils.default.getWhatQuarter(e,1):d&&(e=_xeUtils.default.getWhatQuarter(e,2)),ft(e)}else if("month"===f){let e=_xeUtils.default.getWhatMonth(m||Date.now(),0,"first");v?e=_xeUtils.default.getWhatMonth(e,-1):h?e=_xeUtils.default.getWhatMonth(e,-4):x?e=_xeUtils.default.getWhatMonth(e,1):d&&(e=_xeUtils.default.getWhatMonth(e,4)),ht(e)}else{let e=m||_xeUtils.default.getWhatDay(Date.now(),0,"first");f=g.value;v?e=_xeUtils.default.getWhatDay(e,-1):h?e=_xeUtils.default.getWhatWeek(e,-1,f):x?e=_xeUtils.default.getWhatDay(e,1):d&&(e=_xeUtils.default.getWhatWeek(e,1,f)),ct(e)}}}else(o||p)&&U(t)}else r?i&&(l?L.datePanelValue?_t(L.datePanelValue):y():e&&U(t)):(_||c)&&i&&e&&(m=t,v=L.isActivated)&&(v=_ui.globalEvents.hasKey(m,_ui.GLOBAL_EVENT_KEYS.PAGE_UP),m.preventDefault(),(v?ot:pt)(m));u||s?l&&y():n&&a&&e&&Be(t,null)}},Dt=e=>{var t=L["visiblePanel"];C.value||t&&(t=W.value,((0,_dom.getEventTargetNode)(e,t).flag?bt:(y(),b))())},Pt=()=>{var{isActivated:e,visiblePanel:t}=L;t?(y(),b()):e&&b()},H=(e,t)=>{var a,l=A["festivalMethod"];return l?(a=L["datePanelType"],e=(a=(l=l({type:a,viewType:a,date:e.date,$input:u}))?_xeUtils.default.isString(l)?{label:l}:l:{}).extra?_xeUtils.default.isString(a.extra)?{label:a.extra}:a.extra:null,l=[(0,_vue.h)("span",{class:["vxe-input--date-label",{"is-notice":a.notice}]},e&&e.label?[(0,_vue.h)("span",""+(t||"")),(0,_vue.h)("span",{class:["vxe-input--date-label--extra",e.important?"is-important":"",e.className],style:e.style},_xeUtils.default.toValueString(e.label))]:[""+(t||"")])],(e=a.label)&&(e=_xeUtils.default.toValueString(e).split(","),l.push((0,_vue.h)("span",{class:["vxe-input--date-festival",a.important?"is-important":"",a.className],style:a.style},[1<e.length?(0,_vue.h)("span",{class:["vxe-input--date-festival--overlap","overlap--"+e.length]},e.map(e=>(0,_vue.h)("span",e.substring(0,3)))):(0,_vue.h)("span",{class:"vxe-input--date-festival--label"},e[0].substring(0,3))]))),l):[""+(t||"")]},Vt=()=>{var e=L["datePanelType"];switch(e){case"week":{const i=A["multiple"],{datePanelType:n,datePanelValue:s}=L,r=q.value;var t=fe.value,a=Se.value;const v=K.value,o="yyyyMMdd";return[(0,_vue.h)("table",{class:`vxe-input--date-${n}-view`,cellspacing:0,cellpadding:0,border:0},[(0,_vue.h)("thead",[(0,_vue.h)("tr",t.map(e=>(0,_vue.h)("th",e.label)))]),(0,_vue.h)("tbody",a.map(e=>{const t=i?e.some(t=>v.some(e=>_xeUtils.default.isDateSame(e,t.date,o))):e.some(e=>_xeUtils.default.isDateSame(r,e.date,o)),a=e.some(e=>_xeUtils.default.isDateSame(s,e.date,o));return(0,_vue.h)("tr",e.map(e=>(0,_vue.h)("td",{class:{"is--prev":e.isPrev,"is--current":e.isCurrent,"is--now":e.isNow,"is--next":e.isNext,"is--disabled":R(e),"is--selected":t,"is--hover":a},onClick:()=>B(e),onMouseenter:()=>F(e)},H(e,e.label))))}))])];return}case"month":{const d=A["multiple"],{datePanelType:p,datePanelValue:_}=L,c=q.value;t=be.value;const m=K.value,f="yyyyMM";return[(0,_vue.h)("table",{class:`vxe-input--date-${p}-view`,cellspacing:0,cellpadding:0,border:0},[(0,_vue.h)("tbody",t.map(e=>(0,_vue.h)("tr",e.map(t=>(0,_vue.h)("td",{class:{"is--prev":t.isPrev,"is--current":t.isCurrent,"is--now":t.isNow,"is--next":t.isNext,"is--disabled":R(t),"is--selected":d?m.some(e=>_xeUtils.default.isDateSame(e,t.date,f)):_xeUtils.default.isDateSame(c,t.date,f),"is--hover":_xeUtils.default.isDateSame(_,t.date,f)},onClick:()=>B(t),onMouseenter:()=>F(t)},H(t,(0,_ui.getI18n)("vxe.input.date.months.m"+t.month)))))))])];return}case"quarter":{const h=A["multiple"],{datePanelType:x,datePanelValue:g}=L,y=q.value;a=ge.value;const b=K.value,U="yyyyq";return[(0,_vue.h)("table",{class:`vxe-input--date-${x}-view`,cellspacing:0,cellpadding:0,border:0},[(0,_vue.h)("tbody",a.map(e=>(0,_vue.h)("tr",e.map(t=>(0,_vue.h)("td",{class:{"is--prev":t.isPrev,"is--current":t.isCurrent,"is--now":t.isNow,"is--next":t.isNext,"is--disabled":R(t),"is--selected":h?b.some(e=>_xeUtils.default.isDateSame(e,t.date,U)):_xeUtils.default.isDateSame(y,t.date,U),"is--hover":_xeUtils.default.isDateSame(g,t.date,U)},onClick:()=>B(t),onMouseenter:()=>F(t)},H(t,(0,_ui.getI18n)("vxe.input.date.quarters.q"+t.quarter)))))))])];return}case"year":{const E=A["multiple"],{datePanelType:S,datePanelValue:N}=L,D=q.value;var l=he.value;const P=K.value,V="yyyy";return[(0,_vue.h)("table",{class:`vxe-input--date-${S}-view`,cellspacing:0,cellpadding:0,border:0},[(0,_vue.h)("tbody",l.map(e=>(0,_vue.h)("tr",e.map(t=>(0,_vue.h)("td",{class:{"is--prev":t.isPrev,"is--current":t.isCurrent,"is--now":t.isNow,"is--next":t.isNext,"is--disabled":R(t),"is--selected":E?P.some(e=>_xeUtils.default.isDateSame(e,t.date,V)):_xeUtils.default.isDateSame(D,t.date,V),"is--hover":_xeUtils.default.isDateSame(N,t.date,V)},onClick:()=>B(t),onMouseenter:()=>F(t)},H(t,t.year))))))])];return}}{const T=A["multiple"],{datePanelType:w,datePanelValue:k}=L,M=q.value;var e=me.value,u=Ee.value;const W=K.value,C="yyyyMMdd";return[(0,_vue.h)("table",{class:`vxe-input--date-${w}-view`,cellspacing:0,cellpadding:0,border:0},[(0,_vue.h)("thead",[(0,_vue.h)("tr",e.map(e=>(0,_vue.h)("th",e.label)))]),(0,_vue.h)("tbody",u.map(e=>(0,_vue.h)("tr",e.map(t=>(0,_vue.h)("td",{class:{"is--prev":t.isPrev,"is--current":t.isCurrent,"is--now":t.isNow,"is--next":t.isNext,"is--disabled":R(t),"is--selected":T?W.some(e=>_xeUtils.default.isDateSame(e,t.date,C)):_xeUtils.default.isDateSame(M,t.date,C),"is--hover":_xeUtils.default.isDateSame(k,t.date,C)},onClick:()=>B(t),onMouseenter:()=>F(t)},H(t,t.label))))))])]}},Tt=()=>{var e=A["multiple"],t=L["datePanelType"],a=re.value,l=ve.value,u=_e.value;return[(0,_vue.h)("div",{class:"vxe-input--date-picker-header"},[(0,_vue.h)("div",{class:"vxe-input--date-picker-type-wrapper"},["year"===t?(0,_vue.h)("span",{class:"vxe-input--date-picker-label"},u):(0,_vue.h)("span",{class:"vxe-input--date-picker-btn",onClick:vt},u)]),(0,_vue.h)("div",{class:"vxe-input--date-picker-btn-wrapper"},[(0,_vue.h)("span",{class:["vxe-input--date-picker-btn vxe-input--date-picker-prev-btn",{"is--disabled":a}],onClick:ot},[(0,_vue.h)("i",{class:"vxe-icon-caret-left"})]),(0,_vue.h)("span",{class:"vxe-input--date-picker-btn vxe-input--date-picker-current-btn",onClick:dt},[(0,_vue.h)("i",{class:"vxe-icon-dot"})]),(0,_vue.h)("span",{class:["vxe-input--date-picker-btn vxe-input--date-picker-next-btn",{"is--disabled":l}],onClick:pt},[(0,_vue.h)("i",{class:"vxe-icon-caret-right"})]),e&&ie.value?(0,_vue.h)("span",{class:"vxe-input--date-picker-btn vxe-input--date-picker-confirm-btn"},[(0,_vue.h)("button",{class:"vxe-input--date-picker-confirm",type:"button",onClick:yt},(0,_ui.getI18n)("vxe.button.confirm"))]):null])]),(0,_vue.h)("div",{class:"vxe-input--date-picker-body"},Vt())]},wt=()=>{const t=L["datetimePanelValue"];var e=oe.value,a=Ne.value,l=Pe.value,u=De.value,i=Ve.value,n=Te.value;return[(0,_vue.h)("div",{class:"vxe-input--time-picker-header"},[l?(0,_vue.h)("span",{class:"vxe-input--time-picker-title"},e):(0,_vue.createCommentVNode)(),(0,_vue.h)("div",{class:"vxe-input--time-picker-btn"},[(0,_vue.h)("button",{class:"vxe-input--time-picker-confirm",type:"button",onClick:yt},(0,_ui.getI18n)("vxe.button.confirm"))])]),(0,_vue.h)("div",{ref:V,class:"vxe-input--time-picker-body"},[(0,_vue.h)("ul",{class:"vxe-input--time-picker-hour-list"},a.map((a,e)=>(0,_vue.h)("li",{key:e,class:{"is--selected":t&&t.getHours()===a.value},onClick:e=>{return e=e,t=a,L.datetimePanelValue.setHours(t.value),void gt(e);var t}},a.label))),l?(0,_vue.h)("ul",{class:"vxe-input--time-picker-minute-list"},u.map((a,e)=>(0,_vue.h)("li",{key:e,class:{"is--selected":t&&t.getMinutes()===a.value},onClick:e=>{return e=e,t=a,L.datetimePanelValue.setMinutes(t.value),void gt(e);var t}},a.label))):(0,_vue.createCommentVNode)(),l&&i?(0,_vue.h)("ul",{class:"vxe-input--time-picker-second-list"},n.map((a,e)=>(0,_vue.h)("li",{key:e,class:{"is--selected":t&&t.getSeconds()===a.value},onClick:e=>{return e=e,t=a,L.datetimePanelValue.setSeconds(t.value),void gt(e);var t}},a.label))):(0,_vue.createCommentVNode)()])]},kt=()=>{var e=A["controls"],t=Y.value,a=I.value,l=O.value,u=ee.value;return l?(l=L.showPwd,(0,_vue.h)("div",{class:"vxe-input--control-icon",onClick:Ze},[(0,_vue.h)("i",{class:["vxe-input--password-icon",l?(0,_ui.getIcon)().PASSWORD_INPUT_SHOW_PWD:(0,_ui.getIcon)().PASSWORD_INPUT_HIDE_PWD]})])):t&&e?(l=Le.value,t=Ae.value,(0,_vue.h)("div",{class:"vxe-input--control-icon"},[(0,_vue.h)("div",{class:"vxe-input--number-icon"},[(0,_vue.h)("div",{class:["vxe-input--number-btn is--prev",{"is--disabled":l}],onMousedown:it,onMouseup:x,onMouseleave:x},[(0,_vue.h)("i",{class:(0,_ui.getIcon)().NUMBER_INPUT_PREV_NUM})]),(0,_vue.h)("div",{class:["vxe-input--number-btn is--next",{"is--disabled":t}],onMousedown:it,onMouseup:x,onMouseleave:x},[(0,_vue.h)("i",{class:(0,_ui.getIcon)().NUMBER_INPUT_NEXT_NUM})])])])):a?(0,_vue.h)("div",{class:"vxe-input--control-icon",onClick:U},[(0,_vue.h)("i",{class:["vxe-input--date-picker-icon",(0,_ui.getIcon)().DATE_PICKER_DATE]})]):u?(0,_vue.h)("div",{class:"vxe-input--control-icon",onClick:Xe},[(0,_vue.h)("i",{class:["vxe-input--search-icon",(0,_ui.getIcon)().INPUT_SEARCH]})]):(0,_vue.createCommentVNode)()};i={dispatchEvent:(e,t,a)=>{E(e,(0,_ui.createEvent)(a,{$input:u},t))},focus(){var e=M.value;return L.isActivated=!0,e.focus(),(0,_vue.nextTick)()},blur(){return M.value.blur(),(L.isActivated=!1,_vue.nextTick)()},select(){return M.value.select(),(L.isActivated=!1,_vue.nextTick)()},showPanel:Ut,hidePanel:y,updatePlacement:bt},Object.assign(u,i);return(0,_vue.watch)(()=>A.modelValue,e=>{L.inputValue=e,He()}),(0,_vue.watch)(()=>A.type,()=>{Object.assign(L,{inputValue:A.modelValue,datetimePanelValue:null,datePanelValue:null,datePanelLabel:"",datePanelType:"day",selectMonth:null,currentDate:null}),Ge()}),(0,_vue.watch)(_,()=>{I.value&&(s(L.datePanelValue),L.inputValue=A.multiple?se.value:L.datePanelLabel)}),(0,_vue.onMounted)(()=>{_ui.globalEvents.on(u,"mousewheel",Dt),_ui.globalEvents.on(u,"mousedown",St),_ui.globalEvents.on(u,"keydown",Nt),_ui.globalEvents.on(u,"blur",Pt)}),(0,_vue.onBeforeUnmount)(()=>{x(),b(),_ui.globalEvents.off(u,"mousewheel"),_ui.globalEvents.off(u,"mousedown"),_ui.globalEvents.off(u,"keydown"),_ui.globalEvents.off(u,"blur")}),Ge(),u.renderVN=()=>{var e,t,a,l,u,i,n,s,r,v,o,d,p,_,c,m,f,{className:h,controls:x,type:g,align:y,showWordCount:b,countMethod:U,name:E,autoComplete:S,autocomplete:N}=A,{inputValue:D,visiblePanel:P,isActivated:V}=L,T=z.value,w=C.value;return Q.value?(0,_vue.h)("div",{ref:k,class:["vxe-input--readonly","type--"+g,h]},D):(e=J.value,t=X.value,a=we.value,l=Z.value,u=ke.value,i=Me.value,n=ae.value,b=b&&["text","search"].includes(g),r=A.prefixIcon,s=(s=G.prefix)||r?(0,_vue.h)("div",{class:"vxe-input--prefix",onClick:Re},[(0,_vue.h)("div",{class:"vxe-input--prefix-icon"},s?(0,_vn.getSlotVNs)(s({})):[(0,_vue.h)("i",{class:r})])]):null,r=A.suffixIcon,v=L.inputValue,o=G.suffix,d=C.value,p=Y.value,_=I.value,c=O.value,m=ee.value,f=ae.value,c=c||p||_||m,p=f||o||r||c?(0,_vue.h)("div",{class:["vxe-input--suffix",{"is--clear":f&&!d&&!(""===v||_xeUtils.default.eqNull(v))}]},[f?(0,_vue.h)("div",{class:"vxe-input--clear-icon",onClick:Be},[(0,_vue.h)("i",{class:(0,_ui.getIcon)().INPUT_CLEAR})]):(0,_vue.createCommentVNode)(),(c?kt:(0,_vue.createCommentVNode))(),o||r?(0,_vue.h)("div",{class:"vxe-input--suffix-icon",onClick:Fe},o?(0,_vn.getSlotVNs)(o({})):[(0,_vue.h)("i",{class:r})]):(0,_vue.createCommentVNode)()]):null,(0,_vue.h)("div",{ref:k,class:["vxe-input","type--"+g,h,{["size--"+T]:T,["is--"+y]:y,"is--controls":x,"is--prefix":!!s,"is--suffix":!!p,"is--visible":P,"is--count":b,"is--disabled":w,"is--active":V,"show--clear":n&&!w&&!(""===D||_xeUtils.default.eqNull(D))}],spellcheck:!1},[s||(0,_vue.createCommentVNode)(),(0,_vue.h)("div",{class:"vxe-input--wrapper"},[(0,_vue.h)("input",{ref:M,class:"vxe-input--inner",value:D,name:E,type:u,placeholder:i,maxlength:l,readonly:a,disabled:w,autocomplete:S||N,onKeydown:at,onKeyup:lt,onWheel:nt,onClick:Et,onInput:Oe,onChange:Ke,onFocus:qe,onBlur:Qe})]),p||(0,_vue.createCommentVNode)(),(()=>{var e=A["type"],{initialized:t,isAniVisible:a,visiblePanel:l,panelPlacement:u,panelStyle:i}=L,n=z.value,s=$.value,r=[];return I.value?(r.push("datetime"===e?(0,_vue.h)("div",{key:e,ref:W,class:"vxe-input--panel-layout-wrapper"},[(0,_vue.h)("div",{class:"vxe-input--panel-left-wrapper"},Tt()),(0,_vue.h)("div",{class:"vxe-input--panel-right-wrapper"},wt())]):"time"===e?(0,_vue.h)("div",{key:e,ref:W,class:"vxe-input--panel-wrapper"},wt()):(0,_vue.h)("div",{key:e||"default",ref:W,class:"vxe-input--panel-wrapper"},Tt())),(0,_vue.h)(_vue.Teleport,{to:"body",disabled:!s||!t},[(0,_vue.h)("div",{ref:j,class:["vxe-table--ignore-clear vxe-input--panel","type--"+e,{["size--"+n]:n,"is--transfer":s,"ani--leave":a,"ani--enter":l}],placement:u,style:i},r)])):(0,_vue.createCommentVNode)()})(),b?(0,_vue.h)("span",{class:["vxe-input--count",{"is--error":e}]},U?""+U({value:D}):t+(l?"/"+l:"")):(0,_vue.createCommentVNode)()]))},u},render(){return this.renderVN()}});
|
|
@@ -109,8 +109,8 @@ var _default = exports.default = (0, _vue.defineComponent)({
|
|
|
109
109
|
modelValue: loading
|
|
110
110
|
})]);
|
|
111
111
|
};
|
|
112
|
-
$xeLayoutAside.renderVN = renderVN;
|
|
113
112
|
(0, _vue.provide)('$xeLayoutAside', $xeLayoutAside);
|
|
113
|
+
$xeLayoutAside.renderVN = renderVN;
|
|
114
114
|
return $xeLayoutAside;
|
|
115
115
|
},
|
|
116
116
|
render() {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_dom=require("../../ui/src/dom"),_ui=require("../../ui"),_loading=_interopRequireDefault(require("../../loading/src/loading")),_xeUtils=_interopRequireDefault(require("xe-utils"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_vue.defineComponent)({name:"VxeLayoutAside",props:{width:[String,Number],collapsed:Boolean,collapseWidth:[String,Number],loading:Boolean,padding:Boolean,size:{type:String,default:()=>(0,_ui.getConfig)().layoutAside.size||(0,_ui.getConfig)().size}},emits:[],setup(o,e){const{slots:l,emit:u}=e;var i=_xeUtils.default.uniqueId();const d=(0,_vue.ref)(),n=(0,_ui.useSize)(o)["computeSize"];var t=(0,_vue.reactive)({});const r={refElem:d},p=(0,_vue.computed)(()=>{var{width:e,collapsed:i,collapseWidth:t}=o;if(i){if(t)return(0,_dom.toCssUnit)(t)}else if(e)return(0,_dom.toCssUnit)(e);return""}),a={computeSize:n},s={xID:i,props:o,context:e,reactData:t,getRefMaps:()=>r,getComputeMaps:()=>a};Object.assign(s,{dispatchEvent:(e,i,t)=>{u(e,(0,_ui.createEvent)(t,{$layoutAside:s},i))}},{});return
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_dom=require("../../ui/src/dom"),_ui=require("../../ui"),_loading=_interopRequireDefault(require("../../loading/src/loading")),_xeUtils=_interopRequireDefault(require("xe-utils"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_vue.defineComponent)({name:"VxeLayoutAside",props:{width:[String,Number],collapsed:Boolean,collapseWidth:[String,Number],loading:Boolean,padding:Boolean,size:{type:String,default:()=>(0,_ui.getConfig)().layoutAside.size||(0,_ui.getConfig)().size}},emits:[],setup(o,e){const{slots:l,emit:u}=e;var i=_xeUtils.default.uniqueId();const d=(0,_vue.ref)(),n=(0,_ui.useSize)(o)["computeSize"];var t=(0,_vue.reactive)({});const r={refElem:d},p=(0,_vue.computed)(()=>{var{width:e,collapsed:i,collapseWidth:t}=o;if(i){if(t)return(0,_dom.toCssUnit)(t)}else if(e)return(0,_dom.toCssUnit)(e);return""}),a={computeSize:n},s={xID:i,props:o,context:e,reactData:t,getRefMaps:()=>r,getComputeMaps:()=>a};Object.assign(s,{dispatchEvent:(e,i,t)=>{u(e,(0,_ui.createEvent)(t,{$layoutAside:s},i))}},{});return(0,_vue.provide)("$xeLayoutAside",s),s.renderVN=()=>{var{width:e,collapsed:i,loading:t,padding:u}=o,r=p.value,a=n.value,s=l.default;return(0,_vue.h)("aside",{ref:d,class:["vxe-layout-aside",{["size--"+a]:a,"is--padding":u,"is--default-width":!e,"is--collapse":i,"is--loading":t}],style:r?{width:r}:null},[(0,_vue.h)("div",{class:"vxe-layout-aside--inner"},s?s({}):[]),(0,_vue.h)(_loading.default,{class:"vxe-list-view--loading",modelValue:t})])},s},render(){return this.renderVN()}});
|