vxe-pc-ui 3.14.27 → 3.14.29
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/es/date-panel/src/date-panel.js +15 -13
- package/es/date-panel/style.css +4 -0
- package/es/date-panel/style.min.css +1 -1
- package/es/date-range-picker/src/date-range-picker.js +97 -2
- package/es/select/src/select.js +4 -1
- package/es/style.css +1 -1
- package/es/style.min.css +1 -1
- package/es/table-select/src/table-select.js +4 -1
- package/es/tree-select/src/tree-select.js +4 -1
- package/es/ui/index.js +1 -1
- package/es/ui/src/log.js +1 -1
- package/es/upload/src/upload.js +53 -3
- package/es/vxe-date-panel/style.css +4 -0
- package/es/vxe-date-panel/style.min.css +1 -1
- package/lib/date-panel/src/date-panel.js +53 -13
- package/lib/date-panel/src/date-panel.min.js +1 -1
- package/lib/date-panel/style/style.css +4 -0
- package/lib/date-panel/style/style.min.css +1 -1
- package/lib/date-range-picker/src/date-range-picker.js +103 -5
- package/lib/date-range-picker/src/date-range-picker.min.js +1 -1
- package/lib/index.umd.js +237 -28
- package/lib/index.umd.min.js +1 -1
- package/lib/select/src/select.js +6 -1
- package/lib/select/src/select.min.js +1 -1
- package/lib/style.css +1 -1
- package/lib/style.min.css +1 -1
- package/lib/table-select/src/table-select.js +4 -1
- package/lib/table-select/src/table-select.min.js +1 -1
- package/lib/tree-select/src/tree-select.js +4 -1
- package/lib/tree-select/src/tree-select.min.js +1 -1
- package/lib/ui/index.js +1 -1
- 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 +65 -5
- package/lib/upload/src/upload.min.js +1 -1
- package/lib/vxe-date-panel/style/style.css +4 -0
- package/lib/vxe-date-panel/style/style.min.css +1 -1
- package/package.json +1 -1
- package/packages/date-panel/src/date-panel.ts +30 -28
- package/packages/date-range-picker/src/date-range-picker.ts +99 -3
- package/packages/select/src/select.ts +4 -1
- package/packages/table-select/src/table-select.ts +4 -1
- package/packages/tree-select/src/tree-select.ts +4 -1
- package/packages/upload/src/upload.ts +73 -5
- package/styles/components/date-panel.scss +4 -0
- package/types/components/date-panel.d.ts +26 -2
- package/types/components/date-range-picker.d.ts +2 -0
- package/types/components/gantt.d.ts +4 -0
- package/types/components/upload.d.ts +36 -1
- /package/es/icon/{iconfont.1780477610393.ttf → iconfont.1780632915143.ttf} +0 -0
- /package/es/icon/{iconfont.1780477610393.woff → iconfont.1780632915143.woff} +0 -0
- /package/es/icon/{iconfont.1780477610393.woff2 → iconfont.1780632915143.woff2} +0 -0
- /package/es/{iconfont.1780477610393.ttf → iconfont.1780632915143.ttf} +0 -0
- /package/es/{iconfont.1780477610393.woff → iconfont.1780632915143.woff} +0 -0
- /package/es/{iconfont.1780477610393.woff2 → iconfont.1780632915143.woff2} +0 -0
- /package/lib/icon/style/{iconfont.1780477610393.ttf → iconfont.1780632915143.ttf} +0 -0
- /package/lib/icon/style/{iconfont.1780477610393.woff → iconfont.1780632915143.woff} +0 -0
- /package/lib/icon/style/{iconfont.1780477610393.woff2 → iconfont.1780632915143.woff2} +0 -0
- /package/lib/{iconfont.1780477610393.ttf → iconfont.1780632915143.ttf} +0 -0
- /package/lib/{iconfont.1780477610393.woff → iconfont.1780632915143.woff} +0 -0
- /package/lib/{iconfont.1780477610393.woff2 → iconfont.1780632915143.woff2} +0 -0
|
@@ -27,7 +27,10 @@ export default {
|
|
|
27
27
|
},
|
|
28
28
|
props: {
|
|
29
29
|
value: [String, Number, Array],
|
|
30
|
-
clearable:
|
|
30
|
+
clearable: {
|
|
31
|
+
type: Boolean,
|
|
32
|
+
default: getConfig().tableSelect.clearable
|
|
33
|
+
},
|
|
31
34
|
placeholder: {
|
|
32
35
|
type: String,
|
|
33
36
|
default: () => XEUtils.eqNull(getConfig().tableSelect.placeholder) ? getI18n('vxe.base.pleaseSelect') : getConfig().tableSelect.placeholder
|
|
@@ -47,7 +47,10 @@ export default {
|
|
|
47
47
|
},
|
|
48
48
|
props: {
|
|
49
49
|
value: [String, Number, Array],
|
|
50
|
-
clearable:
|
|
50
|
+
clearable: {
|
|
51
|
+
type: Boolean,
|
|
52
|
+
default: getConfig().treeSelect.clearable
|
|
53
|
+
},
|
|
51
54
|
placeholder: {
|
|
52
55
|
type: String,
|
|
53
56
|
default: () => XEUtils.eqNull(getConfig().treeSelect.placeholder) ? getI18n('vxe.base.pleaseSelect') : getConfig().treeSelect.placeholder
|
package/es/ui/index.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { VxeUI, setConfig, setIcon } from '@vxe-ui/core';
|
|
2
2
|
import { dynamicApp } from '../dynamics';
|
|
3
3
|
import { warnLog } from './src/log';
|
|
4
|
-
export const version = "3.14.
|
|
4
|
+
export const version = "3.14.30";
|
|
5
5
|
VxeUI.uiVersion = version;
|
|
6
6
|
VxeUI.dynamicApp = dynamicApp;
|
|
7
7
|
export function config(options) {
|
package/es/ui/src/log.js
CHANGED
package/es/upload/src/upload.js
CHANGED
|
@@ -54,6 +54,37 @@ function hideDropTip($xeUpload) {
|
|
|
54
54
|
mdLineEl.style.display = '';
|
|
55
55
|
}
|
|
56
56
|
}
|
|
57
|
+
const handleClearFile = ($xeUpload, evnt) => {
|
|
58
|
+
const reactData = $xeUpload.reactData;
|
|
59
|
+
const { fileList } = reactData;
|
|
60
|
+
const urlProp = $xeUpload.computeUrlProp;
|
|
61
|
+
const rest = [];
|
|
62
|
+
XEUtils.lastEach(fileList, (item, index) => {
|
|
63
|
+
rest.push($xeUpload.removeFileEvent(evnt, item, index).then(status => {
|
|
64
|
+
return { url: item[urlProp], status };
|
|
65
|
+
}));
|
|
66
|
+
});
|
|
67
|
+
return Promise.all(rest);
|
|
68
|
+
};
|
|
69
|
+
function handleRemoveFile($xeUpload, evnt, urlOrItem) {
|
|
70
|
+
const reactData = $xeUpload.reactData;
|
|
71
|
+
const { fileList } = reactData;
|
|
72
|
+
const urlProp = $xeUpload.computeUrlProp;
|
|
73
|
+
const urls = (XEUtils.isArray(urlOrItem) ? urlOrItem : [urlOrItem]);
|
|
74
|
+
const rest = [];
|
|
75
|
+
urls.forEach((obj) => {
|
|
76
|
+
if (obj) {
|
|
77
|
+
const url = XEUtils.isString(obj) ? obj : obj[urlProp];
|
|
78
|
+
const index = XEUtils.findIndexOf(fileList, fileItem => fileItem[urlProp] === url);
|
|
79
|
+
if (index > -1) {
|
|
80
|
+
rest.push($xeUpload.removeFileEvent(evnt, fileList[index], index).then(status => {
|
|
81
|
+
return { url: url, status };
|
|
82
|
+
}));
|
|
83
|
+
}
|
|
84
|
+
}
|
|
85
|
+
});
|
|
86
|
+
return Promise.all(rest);
|
|
87
|
+
}
|
|
57
88
|
function createReactData() {
|
|
58
89
|
return {
|
|
59
90
|
isDragUploadStatus: false,
|
|
@@ -489,6 +520,14 @@ export default {
|
|
|
489
520
|
const $xeUpload = this;
|
|
490
521
|
return $xeUpload.handleChoose(null);
|
|
491
522
|
},
|
|
523
|
+
clear() {
|
|
524
|
+
const $xeUpload = this;
|
|
525
|
+
return handleClearFile($xeUpload, null);
|
|
526
|
+
},
|
|
527
|
+
clearByEvent(evnt) {
|
|
528
|
+
const $xeUpload = this;
|
|
529
|
+
return handleClearFile($xeUpload, evnt);
|
|
530
|
+
},
|
|
492
531
|
getPendingFiles() {
|
|
493
532
|
const $xeUpload = this;
|
|
494
533
|
const reactData = $xeUpload.reactData;
|
|
@@ -563,6 +602,14 @@ export default {
|
|
|
563
602
|
}
|
|
564
603
|
return $xeUpload.$nextTick();
|
|
565
604
|
},
|
|
605
|
+
remove(urlOrItem) {
|
|
606
|
+
const $xeUpload = this;
|
|
607
|
+
return handleRemoveFile($xeUpload, null, urlOrItem);
|
|
608
|
+
},
|
|
609
|
+
removeByEvent(evnt, urlOrItem) {
|
|
610
|
+
const $xeUpload = this;
|
|
611
|
+
return handleRemoveFile($xeUpload, evnt, urlOrItem);
|
|
612
|
+
},
|
|
566
613
|
getFieldKey(item) {
|
|
567
614
|
const $xeUpload = this;
|
|
568
615
|
const keyField = $xeUpload.computeKeyField;
|
|
@@ -978,16 +1025,18 @@ export default {
|
|
|
978
1025
|
$xeUpload.handleChange(fileList);
|
|
979
1026
|
// 自动更新校验状态
|
|
980
1027
|
if ($xeForm && formItemInfo) {
|
|
981
|
-
$xeForm.triggerItemEvent(evnt, formItemInfo.itemConfig.field, fileList);
|
|
1028
|
+
$xeForm.triggerItemEvent(evnt || { type: 'remove' }, formItemInfo.itemConfig.field, fileList);
|
|
1029
|
+
}
|
|
1030
|
+
if (evnt) {
|
|
1031
|
+
$xeUpload.dispatchEvent('remove', { option: item }, evnt);
|
|
982
1032
|
}
|
|
983
|
-
$xeUpload.dispatchEvent('remove', { option: item }, evnt);
|
|
984
1033
|
},
|
|
985
1034
|
removeFileEvent(evnt, item, index) {
|
|
986
1035
|
const $xeUpload = this;
|
|
987
1036
|
const props = $xeUpload;
|
|
988
1037
|
const beforeRemoveFn = props.beforeRemoveMethod || getConfig().upload.beforeRemoveMethod;
|
|
989
1038
|
const removeFn = props.removeMethod || getConfig().upload.removeMethod;
|
|
990
|
-
Promise.resolve(beforeRemoveFn
|
|
1039
|
+
return Promise.resolve(beforeRemoveFn
|
|
991
1040
|
? beforeRemoveFn({
|
|
992
1041
|
$upload: $xeUpload,
|
|
993
1042
|
option: item
|
|
@@ -1009,6 +1058,7 @@ export default {
|
|
|
1009
1058
|
else {
|
|
1010
1059
|
$xeUpload.dispatchEvent('remove-fail', { option: item }, evnt);
|
|
1011
1060
|
}
|
|
1061
|
+
return status;
|
|
1012
1062
|
});
|
|
1013
1063
|
},
|
|
1014
1064
|
handleDownloadEvent(evnt, item) {
|
|
@@ -186,6 +186,7 @@
|
|
|
186
186
|
}
|
|
187
187
|
|
|
188
188
|
.vxe-date-panel--view-item {
|
|
189
|
+
position: relative;
|
|
189
190
|
padding: 0.2em;
|
|
190
191
|
}
|
|
191
192
|
.vxe-date-panel--view-item.is--prev .vxe-date-panel--view-item-inner, .vxe-date-panel--view-item.is--next .vxe-date-panel--view-item-inner {
|
|
@@ -228,6 +229,9 @@
|
|
|
228
229
|
.vxe-date-panel--view-item.is--selected .vxe-date-panel--label.is-notice:before {
|
|
229
230
|
background-color: var(--vxe-ui-input-date-picker-notice-selected-background-color);
|
|
230
231
|
}
|
|
232
|
+
.vxe-date-panel--view-item.is--range-selected {
|
|
233
|
+
background-color: var(--vxe-ui-font-primary-tinge-color);
|
|
234
|
+
}
|
|
231
235
|
.vxe-date-panel--view-item.is--range-disabled .vxe-date-panel--view-item-inner {
|
|
232
236
|
color: var(--vxe-ui-input-disabled-color);
|
|
233
237
|
background-color: inherit;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.vxe-date-panel{color:var(--vxe-ui-font-color);flex-shrink:0}.vxe-date-panel--time-layout-wrapper,.vxe-date-panel--wrapper{border:0 solid var(--vxe-ui-base-popup-border-color);border-radius:var(--vxe-ui-base-border-radius)}.vxe-date-panel--time-left-wrapper,.vxe-date-panel--wrapper{display:inline-flex;flex-direction:column;padding:.8em}.vxe-date-panel--time-right-wrapper{padding:.8em .8em .8em 0}.vxe-date-panel--time-layout-wrapper{display:inline-flex;flex-direction:row}.vxe-date-panel--time-title{display:flex;align-items:center;justify-content:center;flex-grow:1;text-align:center;border:1px solid var(--vxe-ui-input-border-color);border-radius:var(--vxe-ui-base-border-radius);height:2em;font-weight:700}.vxe-date-panel--time-header{position:relative;flex-shrink:0}.vxe-date-panel--picker-header,.vxe-date-panel--time-header{display:flex;flex-direction:row;align-items:center;height:3em;padding-bottom:.5em}.vxe-date-panel--picker-header{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vxe-date-panel--picker-header .vxe-date-panel--picker-type-wrapper{flex-grow:1;font-size:1.1em}.vxe-date-panel--picker-header .vxe-date-panel--picker-btn-wrapper{flex-shrink:0;text-align:center}.vxe-date-panel--picker-type-wrapper{display:flex;align-items:center}.vxe-date-panel--picker-type-wrapper .vxe-date-panel--picker-btn,.vxe-date-panel--picker-type-wrapper .vxe-date-panel--picker-label{display:inline-block}.vxe-date-panel--picker-btn-wrapper{display:flex;flex-direction:row}.vxe-date-panel--picker-btn-wrapper .vxe-date-panel--picker-current-btn,.vxe-date-panel--picker-btn-wrapper .vxe-date-panel--picker-next-btn,.vxe-date-panel--picker-btn-wrapper .vxe-date-panel--picker-prev-btn{height:2.2em;padding:0 .5em;border-radius:var(--vxe-ui-base-border-radius);border:1px solid var(--vxe-ui-input-border-color);margin-left:.5em}.vxe-date-panel--picker-btn-wrapper .vxe-date-panel--picker-current-btn i,.vxe-date-panel--picker-btn-wrapper .vxe-date-panel--picker-next-btn i,.vxe-date-panel--picker-btn-wrapper .vxe-date-panel--picker-prev-btn i{font-size:1.2em}.vxe-date-panel--picker-btn-wrapper .vxe-date-panel--picker-btn:not(.is--disabled):active{transform:scale(.9)}.vxe-date-panel--picker-btn,.vxe-date-panel--picker-label{display:flex;align-items:center;justify-content:center;background-color:var(--vxe-ui-layout-background-color)}.vxe-date-panel--picker-btn.is--disabled{color:var(--vxe-ui-font-disabled-color);cursor:no-drop}.vxe-date-panel--picker-btn:not(.is--disabled){cursor:pointer}.vxe-date-panel--picker-btn:not(.is--disabled):hover{color:var(--vxe-ui-font-primary-color);background-color:#fff}.vxe-date-panel--picker-btn:not(.is--disabled):active{background-color:#fff}.vxe-date-panel--picker-btns .vxe-date-panel--picker-btn{margin-left:.6em}.vxe-date-panel--picker-btns .vxe-date-panel--picker-btn:first-child{margin-left:0}.vxe-date-panel--view-wrapper{display:flex;flex-direction:column;line-height:1.5}.vxe-date-panel--picker-body{border-radius:var(--vxe-ui-base-border-radius);border:1px solid var(--vxe-ui-base-popup-border-color);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vxe-date-panel--view-header{box-shadow:inset 0 -1px 0 0 var(--vxe-ui-base-popup-border-color);text-align:center}.vxe-date-panel--view-body{display:inline-flex;flex-direction:column;width:24em}.vxe-date-panel--view-wrapper.type--day .vxe-date-panel--view-body,.vxe-date-panel--view-wrapper.type--week .vxe-date-panel--view-body{height:18em}.vxe-date-panel--view-header .vxe-date-panel--view-row{height:2em}.vxe-date-panel--time-body,.vxe-date-panel--view-body{height:20em}.vxe-date-panel.type--time .vxe-date-panel--time-body{height:15em}.vxe-date-panel--view-body .vxe-date-panel--view-item{cursor:pointer}.vxe-date-panel--view-body .vxe-date-panel--view-item.is--disabled,.vxe-date-panel--view-body .vxe-date-panel--view-item.is--range-disabled{cursor:no-drop}.vxe-date-panel--view-body .vxe-date-panel--view-item.is--over{cursor:no-drop}.vxe-date-panel--view-row{display:flex;flex-direction:row}.vxe-date-panel--view-item{padding:.2em}.vxe-date-panel--view-item.is--next .vxe-date-panel--view-item-inner,.vxe-date-panel--view-item.is--prev .vxe-date-panel--view-item-inner{color:var(--vxe-ui-font-disabled-color)}.vxe-date-panel--view-item.is--next .vxe-date-panel--festival,.vxe-date-panel--view-item.is--next .vxe-date-panel--label,.vxe-date-panel--view-item.is--prev .vxe-date-panel--festival,.vxe-date-panel--view-item.is--prev .vxe-date-panel--label{color:var(--vxe-ui-font-disabled-color)}.vxe-date-panel--view-item.is--now .vxe-date-panel--view-item-inner{color:var(--vxe-ui-base-popup-border-color)}.vxe-date-panel--view-item.is--now:not(.is--selected).is--current{color:var(--vxe-ui-font-primary-color)}.vxe-date-panel--view-item.is--now:not(.is--selected).is--current .vxe-date-panel--festival,.vxe-date-panel--view-item.is--now:not(.is--selected).is--current .vxe-date-panel--label{color:var(--vxe-ui-font-primary-color)}.vxe-date-panel--view-item.is--hover .vxe-date-panel--view-item-inner{background-color:var(--vxe-ui-font-primary-tinge-color)}.vxe-date-panel--view-item.is--selected .vxe-date-panel--view-item-inner{color:var(--vxe-ui-input-date-picker-selected-color);background-color:var(--vxe-ui-font-primary-color)}.vxe-date-panel--view-item.is--selected.is--hover .vxe-date-panel--view-item-inner{box-shadow:0 0 6px 1px var(--vxe-ui-font-primary-color)}.vxe-date-panel--view-item.is--selected.is--next .vxe-date-panel--festival,.vxe-date-panel--view-item.is--selected.is--next .vxe-date-panel--label,.vxe-date-panel--view-item.is--selected.is--prev .vxe-date-panel--festival,.vxe-date-panel--view-item.is--selected.is--prev .vxe-date-panel--label{color:var(--vxe-ui-base-popup-border-color)}.vxe-date-panel--view-item.is--selected .vxe-date-panel--festival,.vxe-date-panel--view-item.is--selected .vxe-date-panel--label{color:var(--vxe-ui-input-date-picker-festival-selected-color)}.vxe-date-panel--view-item.is--selected .vxe-date-panel--label.is-notice:before{background-color:var(--vxe-ui-input-date-picker-notice-selected-background-color)}.vxe-date-panel--view-item.is--range-disabled .vxe-date-panel--view-item-inner{color:var(--vxe-ui-input-disabled-color);background-color:inherit}.vxe-date-panel--view-item.is--disabled .vxe-date-panel--view-item-inner{color:var(--vxe-ui-input-disabled-color);background-color:var(--vxe-ui-input-disabled-background-color)}.vxe-date-panel--view-item.is--disabled .vxe-date-panel--festival,.vxe-date-panel--view-item.is--disabled .vxe-date-panel--label{color:var(--vxe-ui-input-disabled-color)}.vxe-date-panel--view-wrapper.type--week .vxe-date-panel--view-item{padding:.2em 0}.vxe-date-panel--view-wrapper.type--week .vxe-date-panel--view-item .vxe-date-panel--view-item-inner{border-radius:0}.vxe-date-panel--view-wrapper.type--week .vxe-date-panel--view-item:first-child{padding:.2em 0 .2em .2em;border-right:1px solid var(--vxe-ui-base-popup-border-color)}.vxe-date-panel--view-wrapper.type--week .vxe-date-panel--view-item:first-child .vxe-date-panel--view-item-inner{color:var(--vxe-ui-input-date-festival-color)}.vxe-date-panel--view-wrapper.type--week .vxe-date-panel--view-item:last-child{padding:.2em .2em .2em 0}.vxe-date-panel--view-wrapper.type--week .vxe-date-panel--view-item.is--hover:first-child .vxe-date-panel--view-item-inner,.vxe-date-panel--view-wrapper.type--week .vxe-date-panel--view-item.is--selected:first-child .vxe-date-panel--view-item-inner{border-radius:var(--vxe-ui-base-border-radius) 0 0 var(--vxe-ui-base-border-radius)}.vxe-date-panel--view-wrapper.type--week .vxe-date-panel--view-item.is--hover:last-child .vxe-date-panel--view-item-inner,.vxe-date-panel--view-wrapper.type--week .vxe-date-panel--view-item.is--selected:last-child .vxe-date-panel--view-item-inner{border-radius:0 var(--vxe-ui-base-border-radius) var(--vxe-ui-base-border-radius) 0}.vxe-date-panel--view-wrapper.type--week .vxe-date-panel--view-item.is--now:not(.is--selected):first-child .vxe-date-panel--view-item-inner{color:var(--vxe-ui-font-primary-color)}.vxe-date-panel--view-item-inner{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;width:100%;border:1px solid transparent;border-radius:var(--vxe-ui-base-border-radius);overflow:hidden}.vxe-date-panel--view-item-label{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-date-panel--festival,.vxe-date-panel--label{width:100%;display:block;overflow:hidden;text-align:center}.vxe-date-panel--label{position:relative;height:1.4em;line-height:1.4em}.vxe-date-panel--label.is-notice:before{content:"";position:absolute;width:.25em;height:.25em;left:50%;top:0;transform:translateX(-50%);border-radius:100%;background-color:var(--vxe-ui-input-date-notice-background-color)}.vxe-date-panel--label--extra{position:absolute;right:-.1em;top:-.4em;font-size:12px;transform:scale(.9);color:var(--vxe-ui-input-date-extra-color)}.vxe-date-panel--label--extra.is-important{color:var(--vxe-ui-input-date-extra-important-color)}.vxe-date-panel--festival{color:var(--vxe-ui-input-date-festival-color);height:1em;line-height:1em;overflow:hidden}.vxe-date-panel--festival.is-important{color:var(--vxe-ui-input-date-festival-important-color)}.vxe-date-panel--festival--label{display:block;font-size:1em;transform:scale(.8)}@keyframes festivalOverlap2{0%,100%,45%{transform:translateY(0)}50%,95%{transform:translateY(-14px)}}@keyframes festivalOverlap3{0%,100%,20%{transform:translateY(0)}25%,45%,75%,95%{transform:translateY(-14px)}50%,70%{transform:translateY(-28px)}}.vxe-date-panel--festival--overlap{display:block;font-size:.86em}.vxe-date-panel--festival--overlap.overlap--2{animation:festivalOverlap2 6s infinite ease-in-out}.vxe-date-panel--festival--overlap.overlap--3{animation:festivalOverlap3 9s infinite ease-in-out}.vxe-date-panel--festival--overlap>span{height:14px;display:block;transform:scale(.8)}.vxe-date-panel--time-body{position:relative;display:flex;flex-direction:row;border:1px solid var(--vxe-ui-base-popup-border-color);flex-grow:1;border-radius:var(--vxe-ui-base-border-radius);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vxe-date-panel--time-body>ul{height:100%;overflow:hidden;margin:0;padding:0;width:3.2em}.vxe-date-panel--time-body>ul:after,.vxe-date-panel--time-body>ul:before{content:" ";display:block;height:6em}.vxe-date-panel--time-body>ul:hover{overflow-y:auto}.vxe-date-panel--time-body>ul>li{display:block;height:2em;line-height:2em;padding-left:.4em}.vxe-date-panel--time-body>ul>li:not(.is--disabled):hover{background-color:var(--vxe-ui-input-date-picker-hover-background-color);cursor:pointer}.vxe-date-panel--time-body>ul>li.is--selected{font-weight:700;color:var(--vxe-ui-font-primary-color)}.vxe-date-panel--time-body>ul>li.is--disabled{color:var(--vxe-ui-font-disabled-color);cursor:no-drop}.vxe-date-panel--time-body .vxe-date-panel--time-minute-list{border-left:1px solid var(--vxe-ui-base-popup-border-color)}.vxe-date-panel--time-body .vxe-date-panel--time-second-list{border-left:1px solid var(--vxe-ui-base-popup-border-color)}.vxe-date-panel.type--time .vxe-date-panel--time-body>ul{width:4em}.vxe-date-panel.type--time .vxe-date-panel--time-body>ul>li{height:2.2em;line-height:2.2em;padding-left:.8em}.vxe-date-panel{font-size:var(--vxe-ui-font-size-default)}.vxe-date-panel.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-date-panel.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-date-panel.size--mini{font-size:var(--vxe-ui-font-size-mini)}
|
|
1
|
+
.vxe-date-panel{color:var(--vxe-ui-font-color);flex-shrink:0}.vxe-date-panel--time-layout-wrapper,.vxe-date-panel--wrapper{border:0 solid var(--vxe-ui-base-popup-border-color);border-radius:var(--vxe-ui-base-border-radius)}.vxe-date-panel--time-left-wrapper,.vxe-date-panel--wrapper{display:inline-flex;flex-direction:column;padding:.8em}.vxe-date-panel--time-right-wrapper{padding:.8em .8em .8em 0}.vxe-date-panel--time-layout-wrapper{display:inline-flex;flex-direction:row}.vxe-date-panel--time-title{display:flex;align-items:center;justify-content:center;flex-grow:1;text-align:center;border:1px solid var(--vxe-ui-input-border-color);border-radius:var(--vxe-ui-base-border-radius);height:2em;font-weight:700}.vxe-date-panel--time-header{position:relative;flex-shrink:0}.vxe-date-panel--picker-header,.vxe-date-panel--time-header{display:flex;flex-direction:row;align-items:center;height:3em;padding-bottom:.5em}.vxe-date-panel--picker-header{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vxe-date-panel--picker-header .vxe-date-panel--picker-type-wrapper{flex-grow:1;font-size:1.1em}.vxe-date-panel--picker-header .vxe-date-panel--picker-btn-wrapper{flex-shrink:0;text-align:center}.vxe-date-panel--picker-type-wrapper{display:flex;align-items:center}.vxe-date-panel--picker-type-wrapper .vxe-date-panel--picker-btn,.vxe-date-panel--picker-type-wrapper .vxe-date-panel--picker-label{display:inline-block}.vxe-date-panel--picker-btn-wrapper{display:flex;flex-direction:row}.vxe-date-panel--picker-btn-wrapper .vxe-date-panel--picker-current-btn,.vxe-date-panel--picker-btn-wrapper .vxe-date-panel--picker-next-btn,.vxe-date-panel--picker-btn-wrapper .vxe-date-panel--picker-prev-btn{height:2.2em;padding:0 .5em;border-radius:var(--vxe-ui-base-border-radius);border:1px solid var(--vxe-ui-input-border-color);margin-left:.5em}.vxe-date-panel--picker-btn-wrapper .vxe-date-panel--picker-current-btn i,.vxe-date-panel--picker-btn-wrapper .vxe-date-panel--picker-next-btn i,.vxe-date-panel--picker-btn-wrapper .vxe-date-panel--picker-prev-btn i{font-size:1.2em}.vxe-date-panel--picker-btn-wrapper .vxe-date-panel--picker-btn:not(.is--disabled):active{transform:scale(.9)}.vxe-date-panel--picker-btn,.vxe-date-panel--picker-label{display:flex;align-items:center;justify-content:center;background-color:var(--vxe-ui-layout-background-color)}.vxe-date-panel--picker-btn.is--disabled{color:var(--vxe-ui-font-disabled-color);cursor:no-drop}.vxe-date-panel--picker-btn:not(.is--disabled){cursor:pointer}.vxe-date-panel--picker-btn:not(.is--disabled):hover{color:var(--vxe-ui-font-primary-color);background-color:#fff}.vxe-date-panel--picker-btn:not(.is--disabled):active{background-color:#fff}.vxe-date-panel--picker-btns .vxe-date-panel--picker-btn{margin-left:.6em}.vxe-date-panel--picker-btns .vxe-date-panel--picker-btn:first-child{margin-left:0}.vxe-date-panel--view-wrapper{display:flex;flex-direction:column;line-height:1.5}.vxe-date-panel--picker-body{border-radius:var(--vxe-ui-base-border-radius);border:1px solid var(--vxe-ui-base-popup-border-color);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vxe-date-panel--view-header{box-shadow:inset 0 -1px 0 0 var(--vxe-ui-base-popup-border-color);text-align:center}.vxe-date-panel--view-body{display:inline-flex;flex-direction:column;width:24em}.vxe-date-panel--view-wrapper.type--day .vxe-date-panel--view-body,.vxe-date-panel--view-wrapper.type--week .vxe-date-panel--view-body{height:18em}.vxe-date-panel--view-header .vxe-date-panel--view-row{height:2em}.vxe-date-panel--time-body,.vxe-date-panel--view-body{height:20em}.vxe-date-panel.type--time .vxe-date-panel--time-body{height:15em}.vxe-date-panel--view-body .vxe-date-panel--view-item{cursor:pointer}.vxe-date-panel--view-body .vxe-date-panel--view-item.is--disabled,.vxe-date-panel--view-body .vxe-date-panel--view-item.is--range-disabled{cursor:no-drop}.vxe-date-panel--view-body .vxe-date-panel--view-item.is--over{cursor:no-drop}.vxe-date-panel--view-row{display:flex;flex-direction:row}.vxe-date-panel--view-item{position:relative;padding:.2em}.vxe-date-panel--view-item.is--next .vxe-date-panel--view-item-inner,.vxe-date-panel--view-item.is--prev .vxe-date-panel--view-item-inner{color:var(--vxe-ui-font-disabled-color)}.vxe-date-panel--view-item.is--next .vxe-date-panel--festival,.vxe-date-panel--view-item.is--next .vxe-date-panel--label,.vxe-date-panel--view-item.is--prev .vxe-date-panel--festival,.vxe-date-panel--view-item.is--prev .vxe-date-panel--label{color:var(--vxe-ui-font-disabled-color)}.vxe-date-panel--view-item.is--now .vxe-date-panel--view-item-inner{color:var(--vxe-ui-base-popup-border-color)}.vxe-date-panel--view-item.is--now:not(.is--selected).is--current{color:var(--vxe-ui-font-primary-color)}.vxe-date-panel--view-item.is--now:not(.is--selected).is--current .vxe-date-panel--festival,.vxe-date-panel--view-item.is--now:not(.is--selected).is--current .vxe-date-panel--label{color:var(--vxe-ui-font-primary-color)}.vxe-date-panel--view-item.is--hover .vxe-date-panel--view-item-inner{background-color:var(--vxe-ui-font-primary-tinge-color)}.vxe-date-panel--view-item.is--selected .vxe-date-panel--view-item-inner{color:var(--vxe-ui-input-date-picker-selected-color);background-color:var(--vxe-ui-font-primary-color)}.vxe-date-panel--view-item.is--selected.is--hover .vxe-date-panel--view-item-inner{box-shadow:0 0 6px 1px var(--vxe-ui-font-primary-color)}.vxe-date-panel--view-item.is--selected.is--next .vxe-date-panel--festival,.vxe-date-panel--view-item.is--selected.is--next .vxe-date-panel--label,.vxe-date-panel--view-item.is--selected.is--prev .vxe-date-panel--festival,.vxe-date-panel--view-item.is--selected.is--prev .vxe-date-panel--label{color:var(--vxe-ui-base-popup-border-color)}.vxe-date-panel--view-item.is--selected .vxe-date-panel--festival,.vxe-date-panel--view-item.is--selected .vxe-date-panel--label{color:var(--vxe-ui-input-date-picker-festival-selected-color)}.vxe-date-panel--view-item.is--selected .vxe-date-panel--label.is-notice:before{background-color:var(--vxe-ui-input-date-picker-notice-selected-background-color)}.vxe-date-panel--view-item.is--range-selected{background-color:var(--vxe-ui-font-primary-tinge-color)}.vxe-date-panel--view-item.is--range-disabled .vxe-date-panel--view-item-inner{color:var(--vxe-ui-input-disabled-color);background-color:inherit}.vxe-date-panel--view-item.is--disabled .vxe-date-panel--view-item-inner{color:var(--vxe-ui-input-disabled-color);background-color:var(--vxe-ui-input-disabled-background-color)}.vxe-date-panel--view-item.is--disabled .vxe-date-panel--festival,.vxe-date-panel--view-item.is--disabled .vxe-date-panel--label{color:var(--vxe-ui-input-disabled-color)}.vxe-date-panel--view-wrapper.type--week .vxe-date-panel--view-item{padding:.2em 0}.vxe-date-panel--view-wrapper.type--week .vxe-date-panel--view-item .vxe-date-panel--view-item-inner{border-radius:0}.vxe-date-panel--view-wrapper.type--week .vxe-date-panel--view-item:first-child{padding:.2em 0 .2em .2em;border-right:1px solid var(--vxe-ui-base-popup-border-color)}.vxe-date-panel--view-wrapper.type--week .vxe-date-panel--view-item:first-child .vxe-date-panel--view-item-inner{color:var(--vxe-ui-input-date-festival-color)}.vxe-date-panel--view-wrapper.type--week .vxe-date-panel--view-item:last-child{padding:.2em .2em .2em 0}.vxe-date-panel--view-wrapper.type--week .vxe-date-panel--view-item.is--hover:first-child .vxe-date-panel--view-item-inner,.vxe-date-panel--view-wrapper.type--week .vxe-date-panel--view-item.is--selected:first-child .vxe-date-panel--view-item-inner{border-radius:var(--vxe-ui-base-border-radius) 0 0 var(--vxe-ui-base-border-radius)}.vxe-date-panel--view-wrapper.type--week .vxe-date-panel--view-item.is--hover:last-child .vxe-date-panel--view-item-inner,.vxe-date-panel--view-wrapper.type--week .vxe-date-panel--view-item.is--selected:last-child .vxe-date-panel--view-item-inner{border-radius:0 var(--vxe-ui-base-border-radius) var(--vxe-ui-base-border-radius) 0}.vxe-date-panel--view-wrapper.type--week .vxe-date-panel--view-item.is--now:not(.is--selected):first-child .vxe-date-panel--view-item-inner{color:var(--vxe-ui-font-primary-color)}.vxe-date-panel--view-item-inner{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;width:100%;border:1px solid transparent;border-radius:var(--vxe-ui-base-border-radius);overflow:hidden}.vxe-date-panel--view-item-label{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-date-panel--festival,.vxe-date-panel--label{width:100%;display:block;overflow:hidden;text-align:center}.vxe-date-panel--label{position:relative;height:1.4em;line-height:1.4em}.vxe-date-panel--label.is-notice:before{content:"";position:absolute;width:.25em;height:.25em;left:50%;top:0;transform:translateX(-50%);border-radius:100%;background-color:var(--vxe-ui-input-date-notice-background-color)}.vxe-date-panel--label--extra{position:absolute;right:-.1em;top:-.4em;font-size:12px;transform:scale(.9);color:var(--vxe-ui-input-date-extra-color)}.vxe-date-panel--label--extra.is-important{color:var(--vxe-ui-input-date-extra-important-color)}.vxe-date-panel--festival{color:var(--vxe-ui-input-date-festival-color);height:1em;line-height:1em;overflow:hidden}.vxe-date-panel--festival.is-important{color:var(--vxe-ui-input-date-festival-important-color)}.vxe-date-panel--festival--label{display:block;font-size:1em;transform:scale(.8)}@keyframes festivalOverlap2{0%,100%,45%{transform:translateY(0)}50%,95%{transform:translateY(-14px)}}@keyframes festivalOverlap3{0%,100%,20%{transform:translateY(0)}25%,45%,75%,95%{transform:translateY(-14px)}50%,70%{transform:translateY(-28px)}}.vxe-date-panel--festival--overlap{display:block;font-size:.86em}.vxe-date-panel--festival--overlap.overlap--2{animation:festivalOverlap2 6s infinite ease-in-out}.vxe-date-panel--festival--overlap.overlap--3{animation:festivalOverlap3 9s infinite ease-in-out}.vxe-date-panel--festival--overlap>span{height:14px;display:block;transform:scale(.8)}.vxe-date-panel--time-body{position:relative;display:flex;flex-direction:row;border:1px solid var(--vxe-ui-base-popup-border-color);flex-grow:1;border-radius:var(--vxe-ui-base-border-radius);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vxe-date-panel--time-body>ul{height:100%;overflow:hidden;margin:0;padding:0;width:3.2em}.vxe-date-panel--time-body>ul:after,.vxe-date-panel--time-body>ul:before{content:" ";display:block;height:6em}.vxe-date-panel--time-body>ul:hover{overflow-y:auto}.vxe-date-panel--time-body>ul>li{display:block;height:2em;line-height:2em;padding-left:.4em}.vxe-date-panel--time-body>ul>li:not(.is--disabled):hover{background-color:var(--vxe-ui-input-date-picker-hover-background-color);cursor:pointer}.vxe-date-panel--time-body>ul>li.is--selected{font-weight:700;color:var(--vxe-ui-font-primary-color)}.vxe-date-panel--time-body>ul>li.is--disabled{color:var(--vxe-ui-font-disabled-color);cursor:no-drop}.vxe-date-panel--time-body .vxe-date-panel--time-minute-list{border-left:1px solid var(--vxe-ui-base-popup-border-color)}.vxe-date-panel--time-body .vxe-date-panel--time-second-list{border-left:1px solid var(--vxe-ui-base-popup-border-color)}.vxe-date-panel.type--time .vxe-date-panel--time-body>ul{width:4em}.vxe-date-panel.type--time .vxe-date-panel--time-body>ul>li{height:2.2em;line-height:2.2em;padding-left:.8em}.vxe-date-panel{font-size:var(--vxe-ui-font-size-default)}.vxe-date-panel.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-date-panel.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-date-panel.size--mini{font-size:var(--vxe-ui-font-size-mini)}
|
|
@@ -33,6 +33,7 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
|
|
|
33
33
|
default: 'date'
|
|
34
34
|
},
|
|
35
35
|
className: String,
|
|
36
|
+
cellClassName: [String, Function],
|
|
36
37
|
size: {
|
|
37
38
|
type: String,
|
|
38
39
|
default: function _default() {
|
|
@@ -1057,7 +1058,9 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
|
|
|
1057
1058
|
$xeDatePanel.hidePanel();
|
|
1058
1059
|
}
|
|
1059
1060
|
$xeDatePanel.dispatchEvent('date-today', {
|
|
1060
|
-
|
|
1061
|
+
viewType: reactData.datePanelType,
|
|
1062
|
+
type: props.type,
|
|
1063
|
+
viewDate: reactData.selectMonth
|
|
1061
1064
|
}, evnt);
|
|
1062
1065
|
},
|
|
1063
1066
|
dateNextEvent: function dateNextEvent(evnt) {
|
|
@@ -1095,7 +1098,8 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
|
|
|
1095
1098
|
$xeDatePanel.dispatchEvent('date-next', {
|
|
1096
1099
|
viewType: datePanelType,
|
|
1097
1100
|
value: value,
|
|
1098
|
-
type: type
|
|
1101
|
+
type: type,
|
|
1102
|
+
viewDate: viewDate
|
|
1099
1103
|
}, evnt);
|
|
1100
1104
|
}
|
|
1101
1105
|
},
|
|
@@ -1426,7 +1430,8 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
|
|
|
1426
1430
|
getPanelDate: function getPanelDate() {
|
|
1427
1431
|
var $xeDatePanel = this;
|
|
1428
1432
|
var reactData = $xeDatePanel.reactData;
|
|
1429
|
-
|
|
1433
|
+
var selectMonth = reactData.selectMonth;
|
|
1434
|
+
return selectMonth ? new Date(selectMonth.getTime()) : new Date();
|
|
1430
1435
|
},
|
|
1431
1436
|
checkValue: function checkValue(value) {
|
|
1432
1437
|
var $xeDatePanel = this;
|
|
@@ -1491,7 +1496,9 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
|
|
|
1491
1496
|
var $xeDatePanel = this;
|
|
1492
1497
|
var props = $xeDatePanel;
|
|
1493
1498
|
var reactData = $xeDatePanel.reactData;
|
|
1494
|
-
var
|
|
1499
|
+
var type = props.type,
|
|
1500
|
+
multiple = props.multiple,
|
|
1501
|
+
cellClassName = props.cellClassName;
|
|
1495
1502
|
var datePanelType = reactData.datePanelType,
|
|
1496
1503
|
datePanelValue = reactData.datePanelValue;
|
|
1497
1504
|
var dateValue = $xeDatePanel.computeDateValue;
|
|
@@ -1530,7 +1537,12 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
|
|
|
1530
1537
|
return _xeUtils.default.isDateSame(val, item.date, matchFormat);
|
|
1531
1538
|
}) : _xeUtils.default.isDateSame(dateValue, item.date, matchFormat);
|
|
1532
1539
|
return h('div', {
|
|
1533
|
-
class: ['vxe-date-panel--view-item', {
|
|
1540
|
+
class: ['vxe-date-panel--view-item', cellClassName ? _xeUtils.default.isFunction(cellClassName) ? "".concat(cellClassName({
|
|
1541
|
+
$datePanel: $xeDatePanel,
|
|
1542
|
+
type: type,
|
|
1543
|
+
viewType: datePanelType,
|
|
1544
|
+
date: item.date
|
|
1545
|
+
}) || '') : "".concat(cellClassName || '') : '', {
|
|
1534
1546
|
'is--prev': item.isPrev,
|
|
1535
1547
|
'is--current': item.isCurrent,
|
|
1536
1548
|
'is--now': item.isNow,
|
|
@@ -1563,7 +1575,9 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
|
|
|
1563
1575
|
var $xeDatePanel = this;
|
|
1564
1576
|
var props = $xeDatePanel;
|
|
1565
1577
|
var reactData = $xeDatePanel.reactData;
|
|
1566
|
-
var
|
|
1578
|
+
var type = props.type,
|
|
1579
|
+
multiple = props.multiple,
|
|
1580
|
+
cellClassName = props.cellClassName;
|
|
1567
1581
|
var datePanelType = reactData.datePanelType,
|
|
1568
1582
|
datePanelValue = reactData.datePanelValue;
|
|
1569
1583
|
var dateValue = $xeDatePanel.computeDateValue;
|
|
@@ -1612,7 +1626,12 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
|
|
|
1612
1626
|
}
|
|
1613
1627
|
}, rows.map(function (item, rIndex) {
|
|
1614
1628
|
return h('div', {
|
|
1615
|
-
class: ['vxe-date-panel--view-item', {
|
|
1629
|
+
class: ['vxe-date-panel--view-item', cellClassName ? _xeUtils.default.isFunction(cellClassName) ? "".concat(cellClassName({
|
|
1630
|
+
$datePanel: $xeDatePanel,
|
|
1631
|
+
type: type,
|
|
1632
|
+
viewType: datePanelType,
|
|
1633
|
+
date: item.date
|
|
1634
|
+
}) || '') : "".concat(cellClassName || '') : '', {
|
|
1616
1635
|
'is--prev': item.isPrev,
|
|
1617
1636
|
'is--current': item.isCurrent,
|
|
1618
1637
|
'is--now': rIndex ? item.isNow : isNowWeek,
|
|
@@ -1645,7 +1664,9 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
|
|
|
1645
1664
|
var $xeDatePanel = this;
|
|
1646
1665
|
var props = $xeDatePanel;
|
|
1647
1666
|
var reactData = $xeDatePanel.reactData;
|
|
1648
|
-
var
|
|
1667
|
+
var type = props.type,
|
|
1668
|
+
multiple = props.multiple,
|
|
1669
|
+
cellClassName = props.cellClassName;
|
|
1649
1670
|
var datePanelType = reactData.datePanelType,
|
|
1650
1671
|
datePanelValue = reactData.datePanelValue;
|
|
1651
1672
|
var dateValue = $xeDatePanel.computeDateValue;
|
|
@@ -1668,7 +1689,12 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
|
|
|
1668
1689
|
return _xeUtils.default.isDateSame(val, item.date, matchFormat);
|
|
1669
1690
|
}) : _xeUtils.default.isDateSame(dateValue, item.date, matchFormat);
|
|
1670
1691
|
return h('div', {
|
|
1671
|
-
class: ['vxe-date-panel--view-item', {
|
|
1692
|
+
class: ['vxe-date-panel--view-item', cellClassName ? _xeUtils.default.isFunction(cellClassName) ? "".concat(cellClassName({
|
|
1693
|
+
$datePanel: $xeDatePanel,
|
|
1694
|
+
type: type,
|
|
1695
|
+
viewType: datePanelType,
|
|
1696
|
+
date: item.date
|
|
1697
|
+
}) || '') : "".concat(cellClassName || '') : '', {
|
|
1672
1698
|
'is--prev': item.isPrev,
|
|
1673
1699
|
'is--current': item.isCurrent,
|
|
1674
1700
|
'is--now': item.isNow,
|
|
@@ -1701,7 +1727,9 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
|
|
|
1701
1727
|
var $xeDatePanel = this;
|
|
1702
1728
|
var props = $xeDatePanel;
|
|
1703
1729
|
var reactData = $xeDatePanel.reactData;
|
|
1704
|
-
var
|
|
1730
|
+
var type = props.type,
|
|
1731
|
+
multiple = props.multiple,
|
|
1732
|
+
cellClassName = props.cellClassName;
|
|
1705
1733
|
var datePanelType = reactData.datePanelType,
|
|
1706
1734
|
datePanelValue = reactData.datePanelValue;
|
|
1707
1735
|
var dateValue = $xeDatePanel.computeDateValue;
|
|
@@ -1724,7 +1752,12 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
|
|
|
1724
1752
|
return _xeUtils.default.isDateSame(val, item.date, matchFormat);
|
|
1725
1753
|
}) : _xeUtils.default.isDateSame(dateValue, item.date, matchFormat);
|
|
1726
1754
|
return h('div', {
|
|
1727
|
-
class: ['vxe-date-panel--view-item', {
|
|
1755
|
+
class: ['vxe-date-panel--view-item', cellClassName ? _xeUtils.default.isFunction(cellClassName) ? "".concat(cellClassName({
|
|
1756
|
+
$datePanel: $xeDatePanel,
|
|
1757
|
+
type: type,
|
|
1758
|
+
viewType: datePanelType,
|
|
1759
|
+
date: item.date
|
|
1760
|
+
}) || '') : "".concat(cellClassName || '') : '', {
|
|
1728
1761
|
'is--prev': item.isPrev,
|
|
1729
1762
|
'is--current': item.isCurrent,
|
|
1730
1763
|
'is--now': item.isNow,
|
|
@@ -1757,7 +1790,9 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
|
|
|
1757
1790
|
var $xeDatePanel = this;
|
|
1758
1791
|
var props = $xeDatePanel;
|
|
1759
1792
|
var reactData = $xeDatePanel.reactData;
|
|
1760
|
-
var
|
|
1793
|
+
var type = props.type,
|
|
1794
|
+
multiple = props.multiple,
|
|
1795
|
+
cellClassName = props.cellClassName;
|
|
1761
1796
|
var datePanelType = reactData.datePanelType,
|
|
1762
1797
|
datePanelValue = reactData.datePanelValue;
|
|
1763
1798
|
var dateValue = $xeDatePanel.computeDateValue;
|
|
@@ -1780,7 +1815,12 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
|
|
|
1780
1815
|
return _xeUtils.default.isDateSame(val, item.date, matchFormat);
|
|
1781
1816
|
}) : _xeUtils.default.isDateSame(dateValue, item.date, matchFormat);
|
|
1782
1817
|
return h('div', {
|
|
1783
|
-
class: ['vxe-date-panel--view-item', {
|
|
1818
|
+
class: ['vxe-date-panel--view-item', cellClassName ? _xeUtils.default.isFunction(cellClassName) ? "".concat(cellClassName({
|
|
1819
|
+
$datePanel: $xeDatePanel,
|
|
1820
|
+
type: type,
|
|
1821
|
+
viewType: datePanelType,
|
|
1822
|
+
date: item.date
|
|
1823
|
+
}) || '') : "".concat(cellClassName || '') : '', {
|
|
1784
1824
|
'is--prev': item.isPrev,
|
|
1785
1825
|
'is--current': item.isCurrent,
|
|
1786
1826
|
'is--now': item.isNow,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
function _typeof(e){return(_typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_util=require("./util");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _defineProperty(e,t,a){return(t=_toPropertyKey(t))in e?Object.defineProperty(e,t,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[t]=a,e}function _toPropertyKey(e){e=_toPrimitive(e,"string");return"symbol"==_typeof(e)?e:e+""}function _toPrimitive(e,t){if("object"!=_typeof(e)||!e)return e;var a=e[Symbol.toPrimitive];if(void 0===a)return("string"===t?String:Number)(e);a=a.call(e,t||"default");if("object"!=_typeof(a))return a;throw new TypeError("@@toPrimitive must return a primitive value.")}function _toConsumableArray(e){return _arrayWithoutHoles(e)||_iterableToArray(e)||_unsupportedIterableToArray(e)||_nonIterableSpread()}function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _unsupportedIterableToArray(e,t){var a;if(e)return"string"==typeof e?_arrayLikeToArray(e,t):"Map"===(a="Object"===(a={}.toString.call(e).slice(8,-1))&&e.constructor?e.constructor.name:a)||"Set"===a?Array.from(e):"Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a)?_arrayLikeToArray(e,t):void 0}function _iterableToArray(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function _arrayWithoutHoles(e){if(Array.isArray(e))return _arrayLikeToArray(e)}function _arrayLikeToArray(e,t){(null==t||t>e.length)&&(t=e.length);for(var a=0,i=Array(t);a<t;a++)i[a]=e[a];return i}var _default2=exports.default=(0,_comp.defineVxeComponent)({name:"VxeDatePanel",mixins:[_ui.globalMixins.sizeMixin],model:{prop:"value",event:"modelValue"},props:{value:[String,Number,Date],type:{type:String,default:"date"},className:String,size:{type:String,default:function(){return(0,_ui.getConfig)().datePanel.size||(0,_ui.getConfig)().size}},multiple:Boolean,limitCount:{type:[String,Number],default:function(){return(0,_ui.getConfig)().datePanel.limitCount}},startDate:{type:[String,Number,Date],default:function(){return(0,_ui.getConfig)().datePanel.startDate}},endDate:{type:[String,Number,Date],default:function(){return(0,_ui.getConfig)().datePanel.endDate}},defaultDate:[String,Number,Date],defaultTime:[String,Number,Date],minDate:[String,Number,Date],maxDate:[String,Number,Date],startDay:{type:[String,Number],default:function(){return(0,_ui.getConfig)().datePanel.startDay}},labelFormat:String,valueFormat:String,timeFormat:String,festivalMethod:{type:Function,default:function(){return(0,_ui.getConfig)().datePanel.festivalMethod}},disabledMethod:{type:Function,default:function(){return(0,_ui.getConfig)().datePanel.disabledMethod}},timeConfig:Object,selectDay:{type:[String,Number],default:function(){return(0,_ui.getConfig)().datePanel.selectDay}}},data:function(){return{xID:_xeUtils.default.uniqueId(),reactData:{visiblePanel:!1,isAniVisible:!1,isActivated:!1,inputValue:"",inputLabel:"",datetimePanelValue:null,datePanelValue:null,datePanelLabel:"",datePanelType:"day",selectMonth:null,currentDate:null},internalData:{yearSize:12,monthSize:20,quarterSize:8,hpTimeout:void 0}}},computed:Object.assign(Object.assign({},{}),{computeIsDateTimeType:function(){var e=this.type;return"time"===e||"datetime"===e},computeIsDatePanelType:function(){return this.computeIsDateTimeType||-1<["date","week","month","quarter","year"].indexOf(this.type)},computeDateStartTime:function(){return this.startDate?_xeUtils.default.toStringDate(this.startDate):null},computeDateEndTime:function(){return this.endDate?_xeUtils.default.toStringDate(this.endDate):null},computeDateListValue:function(){var t=this,e=t.value,a=t.computeIsDatePanelType,i=t.computeDateValueFormat;return t.multiple&&e&&a?_xeUtils.default.toValueString(e).split(",").map(function(e){e=t.parseDate(e,i);return _xeUtils.default.isValidDate(e),e}):[]},computeDateMultipleValue:function(){var e=this.computeDateListValue,t=this.computeDateValueFormat;return e.map(function(e){return _xeUtils.default.toDateString(e,t)})},computeDateMultipleLabel:function(){var e=this.computeDateListValue,t=this.computeDateLabelFormat;return e.map(function(e){return _xeUtils.default.toDateString(e,t)}).join(", ")},computeLimitMaxCount:function(){return this.multiple?_xeUtils.default.toNumber(this.limitCount):0},computeOverCount:function(){var e=this.multiple,t=this.computeLimitMaxCount,a=this.computeDateMultipleValue;return!(!e||!t)&&a.length>=t},computeDateValueFormat:function(){var e=this.type,t=this.valueFormat;return(0,_util.handleValueFormat)(e,t)},computeTimeOpts:function(){return Object.assign({},(0,_ui.getConfig)().datePanel.timeConfig,this.timeConfig)},computeDateValue:function(){var e=this.value,t=this.computeIsDatePanelType,a=this.computeDateValueFormat,i=null;return i=e&&t&&(t=this.parseDate(e,a),_xeUtils.default.isValidDate(t))?t:i},computeIsDisabledPrevDateBtn:function(){var e=this.reactData,t=this.computeDateStartTime,e=e.selectMonth;return!(!e||!t)&&e<=t},computeIsDisabledNextDateBtn:function(){var e=this.reactData,t=this.computeDateEndTime,e=e.selectMonth;return!(!e||!t)&&_xeUtils.default.getWhatMonth(e,0,"last")>=t},computeDateTimeLabel:function(){var e=this.reactData.datetimePanelValue,t=this.computeHasTimeSecond,a=this.computeHasTimeMinute;return e?_xeUtils.default.toDateString(e,a&&t?"HH:mm:ss":a?"HH:mm":"HH"):""},computeDateHMSTime:function(){var e=this.computeDateValue,t=this.computeIsDateTimeType;return e&&t?1e3*(3600*e.getHours()+60*e.getMinutes()+e.getSeconds()):0},computeDateLabelFormat:function(){var e=this.labelFormat;return this.computeIsDatePanelType?e||(0,_ui.getI18n)("vxe.input.date.labelFormat.".concat(this.type)):""},computeYearList:function(){var e=this.reactData,t=this.internalData.yearSize,a=e.selectMonth,e=e.currentDate,i=[];if(a&&e)for(var n=e.getFullYear(),e=a.getFullYear(),l=new Date(e-e%t,0,1),r=-4;r<t+4;r++){var s=_xeUtils.default.getWhatYear(l,r,"first"),u=s.getFullYear();i.push({date:s,isCurrent:!0,isPrev:r<0,isNow:n===u,isNext:t<=r,year:u})}return i},computeSelectDatePanelObj:function(){var e,t,a,i,n=this.reactData,l="",r="";return this.computeIsDatePanelType&&(e=n.datePanelType,n=n.selectMonth,t=this.computeYearList,a="",n&&(a=n.getFullYear(),i=n.getMonth()+1),"quarter"===e||"month"===e?l="".concat(a):"year"===e?l=t.length?"".concat(t[0].year," - ").concat(t[t.length-1].year):"":(l="".concat(a),r=i?(0,_ui.getI18n)("vxe.calendar.monthLabel",[i]):"-")),{y:(0,_ui.getI18n)("vxe.calendar.yearLabel",[l]),m:r}},computeFirstDayOfWeek:function(){var e=this.startDay;return _xeUtils.default.toNumber(e)},computeWeekDatas:function(){var e=[];if(this.computeIsDatePanelType){var t=this.computeFirstDayOfWeek;e.push(t);for(var a=0;a<6;a++)6<=t?t=0:t++,e.push(t)}return e},computeDateHeaders:function(){return this.computeIsDatePanelType?this.computeWeekDatas.map(function(e){return{value:e,label:(0,_ui.getI18n)("vxe.input.date.weeks.w".concat(e))}}):[]},computeWeekHeaders:function(){var e;return this.computeIsDatePanelType?(e=this.computeDateHeaders,[{label:(0,_ui.getI18n)("vxe.input.date.weeks.w")}].concat(e)):[]},computeYearDatas:function(){var e=this.computeYearList;return _xeUtils.default.chunk(e,4)},computeQuarterList:function(){var e=this.reactData,t=this.internalData.quarterSize,a=e.selectMonth,e=e.currentDate,i=[];if(a&&e)for(var n=e.getFullYear(),l=(0,_util.getDateQuarter)(e),r=_xeUtils.default.getWhatYear(a,0,"first"),s=r.getFullYear(),u=-2;u<t-2;u++){var o=_xeUtils.default.getWhatQuarter(r,u),d=o.getFullYear(),c=(0,_util.getDateQuarter)(o),p=d<s;i.push({date:o,isPrev:p,isCurrent:d===s,isNow:d===n&&c===l,isNext:!p&&s<d,quarter:c})}return i},computeQuarterDatas:function(){var e=this.computeQuarterList;return _xeUtils.default.chunk(e,2)},computeMonthList:function(){var e=this.reactData,t=this.internalData.monthSize,a=e.selectMonth,e=e.currentDate,i=[];if(a&&e)for(var n=e.getFullYear(),l=e.getMonth(),r=_xeUtils.default.getWhatYear(a,0,"first").getFullYear(),s=-4;s<t-4;s++){var u=_xeUtils.default.getWhatYear(a,0,s),o=u.getFullYear(),d=u.getMonth(),c=o<r;i.push({date:u,isPrev:c,isCurrent:o===r,isNow:o===n&&d===l,isNext:!c&&r<o,month:d})}return i},computeMonthDatas:function(){var e=this.computeMonthList;return _xeUtils.default.chunk(e,4)},computeDayList:function(){var e=this.reactData,t=e.selectMonth,e=e.currentDate,a=[];if(t&&e)for(var i=this.computeDateHMSTime,n=this.computeWeekDatas,l=e.getFullYear(),r=e.getMonth(),s=e.getDate(),u=t.getFullYear(),o=t.getMonth(),e=t.getDay(),n=-n.indexOf(e),d=new Date(_xeUtils.default.getWhatDay(t,n).getTime()+i),c=0;c<42;c++){var p=_xeUtils.default.getWhatDay(d,c),m=p.getFullYear(),h=p.getMonth(),v=p.getDate(),f=p<t;a.push({date:p,isPrev:f,isCurrent:m===u&&h===o,isNow:m===l&&h===r&&v===s,isNext:!f&&o!==h,label:v})}return a},computeDayDatas:function(){var e=this.computeDayList;return _xeUtils.default.chunk(e,7)},computeWeekDates:function(){var e=this.computeDayDatas,a=this.computeFirstDayOfWeek;return e.map(function(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)})},computeHourList:function(){var e=this.computeTimeOpts,t=e.hours,a=e.hourDisabledMethod,i=[];if(this.computeIsDateTimeType)if(t&&t.length)t.forEach(function(e){var t;_xeUtils.default.isNumber(e)||_xeUtils.default.isString(e)?(t=_xeUtils.default.toNumber(e),i.push({value:t,label:(""+t).padStart(2,"0"),disabled:!(!a||!a({hour:t}))})):e&&(t=_xeUtils.default.toNumber(e.value),i.push({value:t,label:(""+(e.label||t)).padStart(2,"0"),disabled:_xeUtils.default.isBoolean(e.disabled)?e.disabled:!(!a||!a({hour:t}))}))});else for(var n=0;n<24;n++){var l=n;i.push({value:l,label:(""+l).padStart(2,"0"),disabled:!(!a||!a({hour:l}))})}return i},computeMinuteList:function(){var e=this.computeTimeOpts,t=e.minutes,a=e.minuteDisabledMethod,i=[];if(this.computeIsDateTimeType)if(t&&t.length)t.forEach(function(e){var t;_xeUtils.default.isNumber(e)||_xeUtils.default.isString(e)?(t=_xeUtils.default.toNumber(e),i.push({value:t,label:(""+t).padStart(2,"0"),disabled:!(!a||!a({minute:t}))})):e&&(t=_xeUtils.default.toNumber(e.value),i.push({value:t,label:(""+(e.label||t)).padStart(2,"0"),disabled:_xeUtils.default.isBoolean(e.disabled)?e.disabled:!(!a||!a({minute:t}))}))});else for(var n=0;n<60;n++){var l=n;i.push({value:l,label:(""+l).padStart(2,"0"),disabled:!(!a||!a({minute:l}))})}return i},computeHasTimeMinute:function(){var e=this.timeFormat,t=this.computeDateValueFormat;return!/HH/.test(e||t)||/mm/.test(e||t)},computeHasTimeSecond:function(){var e=this.timeFormat,t=this.computeDateValueFormat;return!/HH/.test(e||t)||/ss/.test(e||t)},computeSecondList:function(){var e=this.computeTimeOpts,t=e.seconds,a=e.secondDisabledMethod,i=[];if(this.computeIsDateTimeType)if(t&&t.length)t.forEach(function(e){var t;_xeUtils.default.isNumber(e)||_xeUtils.default.isString(e)?(t=_xeUtils.default.toNumber(e),i.push({value:t,label:(""+t).padStart(2,"0"),disabled:!(!a||!a({second:t}))})):e&&(t=_xeUtils.default.toNumber(e.value),i.push({value:t,label:(""+(e.label||t)).padStart(2,"0"),disabled:_xeUtils.default.isBoolean(e.disabled)?e.disabled:!(!a||!a({second:t}))}))});else for(var n=0;n<60;n++){var l=n;i.push({value:l,label:(""+l).padStart(2,"0"),disabled:!(!a||!a({second:l}))})}return i}}),methods:{dispatchEvent:function(e,t,a){this.$emit(e,(0,_ui.createEvent)(a,{$datePanel:this},t))},emitModel:function(e){var t=this.reactData,a=this._events;t.inputValue=e,a&&a.modelValue?this.$emit("modelValue",e):this.$emit("model-value",e)},updateModelValue:function(e){var t=this.reactData,a=this.type,i=this.computeDateValueFormat,e=(0,_util.parseDateValue)(e,a,{valueFormat:i});t.inputValue=e,t.inputLabel=e,this.dateOpenPanel()},parseDate:function(e,t){var a=this.type,i=this.multiple;return"time"===a?(0,_util.toStringTimeDate)(e):_xeUtils.default.isArray(e)?_xeUtils.default.toStringDate(e[0],t):_xeUtils.default.isString(e)?_xeUtils.default.toStringDate(i?_xeUtils.default.last(e.split(",")):e,t):_xeUtils.default.toStringDate(e,t)},dateRevert:function(){var e=this.reactData,t=this.multiple?this.computeDateMultipleLabel:e.datePanelLabel;e.inputLabel=t,this.dispatchEvent("revert",{label:t},null)},afterCheckValue:function(e){var t,a,i=this,n=i.reactData,l=i.type,r=n.inputLabel,s=n.datetimePanelValue,u=i.computeDateLabelFormat;e?(t=i.parseDate(e,u),_xeUtils.default.isValidDate(t)?"time"===l?(r!==(t=_xeUtils.default.toDateString(t,u))&&i.handleChange(t,{type:"check"}),n.inputLabel=t):(r=!1,a=i.computeFirstDayOfWeek,"datetime"===l?(l=i.computeDateValue,e===_xeUtils.default.toDateString(l,u)&&e===_xeUtils.default.toDateString(t,u)||(r=!0,s&&(s.setHours(t.getHours()),s.setMinutes(t.getMinutes()),s.setSeconds(t.getSeconds())))):r=!0,n.inputLabel=_xeUtils.default.toDateString(t,u,{firstDay:a}),r&&i.dateChange(t)):i.dateRevert()):i.handleChange("",{type:"check"})},handleChange:function(e,t){var a=this,i=a.reactData,n=a.type,l=a.value,r=a.valueFormat,s=a.computeDateValueFormat;i.inputLabel=e,(0,_util.hasTimestampValueType)(r)?(i=(i=(0,_util.parseDateValue)(e,n,{valueFormat:s}))?i.getTime():null,a.emitModel(i),l!==i&&a.dispatchEvent("change",{value:i},t)):(0,_util.hasDateValueType)(r)?(i=(0,_util.parseDateValue)(e,n,{valueFormat:s}),a.emitModel(i),(l&&i?_xeUtils.default.toStringDate(l).getTime()!==i.getTime():l!==i)&&a.dispatchEvent("change",{value:i},t)):(a.emitModel(e),_xeUtils.default.toValueString(l)!==e&&a.dispatchEvent("change",{value:e},t))},hidePanel:function(){var t=this.reactData,a=this.internalData;return new Promise(function(e){t.visiblePanel=!1,a.hpTimeout=setTimeout(function(){t.isAniVisible=!1,e()},350)})},dateParseValue:function(e){var t=this,a=t.reactData,i=t.type,e=(0,_util.parseDateObj)(e,i,{valueFormat:t.computeDateValueFormat,labelFormat:t.computeDateLabelFormat,firstDay:t.computeFirstDayOfWeek});a.datePanelValue=e.value,a.datePanelLabel=e.label},changeValue:function(){var e=this,t=e,a=e.reactData,i=a.inputLabel;e.computeIsDatePanelType&&(e.dateParseValue(i),a.inputLabel=t.multiple?e.computeDateMultipleLabel:a.datePanelLabel)},initValue:function(){var e=this.value,t=this.computeIsDatePanelType;this.updateModelValue(e),t&&this.changeValue()},dateCheckMonth:function(e){var t=this.reactData,a=this.computeFirstDayOfWeek,i=_xeUtils.default.getYearWeek(e,a),a=_xeUtils.default.getWhatWeek(e,0,a,a),i=_xeUtils.default.getWhatMonth(1===i?_xeUtils.default.getWhatDay(a,6):e,0,"first");_xeUtils.default.isEqual(i,t.selectMonth)||(t.selectMonth=i)},dateChange:function(t,e){var a=this,i=a.reactData,n=a.value,l=a.multiple,r=i.datetimePanelValue,i=a.computeIsDateTimeType,s=a.computeDateValueFormat,u=a.computeFirstDayOfWeek,o=("week"===a.type?(d=_xeUtils.default.toNumber(a.selectDay),t=_xeUtils.default.getWhatWeek(t,0,d,u)):i&&r&&(t.setHours(r.getHours()),t.setMinutes(r.getMinutes()),t.setSeconds(r.getSeconds())),_xeUtils.default.toDateString(t,s,{firstDay:u}));if(a.dateCheckMonth(t),l){var d=a.computeOverCount;if(i){var u=e?[]:_toConsumableArray(a.computeDateListValue),c=[],l=_xeUtils.default.findIndexOf(u,function(e){return _xeUtils.default.isDateSame(t,e,"yyyyMMdd")});if(-1===l){if(d)return;u.push(t)}else u.splice(l,1);u.forEach(function(e){e&&(r&&(e.setHours(r.getHours()),e.setMinutes(r.getMinutes()),e.setSeconds(r.getSeconds())),c.push(e))}),a.handleChange(c.map(function(e){return _xeUtils.default.toDateString(e,s)}).join(","),{type:"update"})}else{i=e?[]:a.computeDateMultipleValue;i.some(function(e){return _xeUtils.default.isEqual(e,o)})?a.handleChange(i.filter(function(e){return!_xeUtils.default.isEqual(e,o)}).join(","),{type:"update"}):d||a.handleChange(i.concat([o]).join(","),{type:"update"})}}else _xeUtils.default.isEqual(n,o)||a.handleChange(o,{type:"update"})},dateMonthHandle:function(e,t){var a=this.reactData,i=this.computeFirstDayOfWeek,n=_xeUtils.default.getYearWeek(e,i),i=_xeUtils.default.getWhatWeek(e,0,i,i),n=_xeUtils.default.getWhatMonth(1===n?_xeUtils.default.getWhatDay(i,6):e,t,"first");a.selectMonth=n},dateNowHandle:function(){var e=this.reactData,t=this.type,a=this.computeFirstDayOfWeek,i=new Date;switch(t){case"week":i=_xeUtils.default.getWhatWeek(i,0,a);break;case"datetime":i=new Date,e.datetimePanelValue=new Date;break;default:i=_xeUtils.default.getWhatDay(Date.now(),0,"first")}e.currentDate=i,this.dateMonthHandle(i,0)},dateToggleYearTypeEvent:function(){this.reactData.datePanelType="year"},dateToggleMonthTypeEvent:function(){var e=this.reactData,t="month"===(t=e.datePanelType)||"quarter"===t?"year":"month";e.datePanelType=t},datePrevEvent:function(e){var t=this,a=t.reactData,i=t.type,n=a.datePanelType,l=a.selectMonth,r=t.internalData.yearSize,s=a.inputLabel;t.computeIsDisabledPrevDateBtn||(r="year"===i?_xeUtils.default.getWhatYear(l,-r,"first"):"month"===i||"quarter"===i?"year"===n?_xeUtils.default.getWhatYear(l,-r,"first"):_xeUtils.default.getWhatYear(l,-1,"first"):"year"===n?_xeUtils.default.getWhatYear(l,-r,"first"):"month"===n?_xeUtils.default.getWhatYear(l,-1,"first"):_xeUtils.default.getWhatMonth(l,-1,"first"),a.selectMonth=r,t.dispatchEvent("date-prev",{viewType:n,viewDate:r,value:s,type:i},e))},dateTodayMonthEvent:function(e){var t=this,a=t,i=t.reactData;t.dateNowHandle(),t.dateChange(i.currentDate,!0),a.multiple||t.hidePanel(),t.dispatchEvent("date-today",{type:a.type},e)},dateNextEvent:function(e){var t=this,a=t.reactData,i=t.type,n=a.datePanelType,l=a.selectMonth,r=t.internalData.yearSize,s=a.inputLabel;t.computeIsDisabledNextDateBtn||(r="year"===i?_xeUtils.default.getWhatYear(l,r,"first"):"month"===i||"quarter"===i?"year"===n?_xeUtils.default.getWhatYear(l,r,"first"):_xeUtils.default.getWhatYear(l,1,"first"):"year"===n?_xeUtils.default.getWhatYear(l,r,"first"):"month"===n?_xeUtils.default.getWhatYear(l,1,"first"):_xeUtils.default.getWhatMonth(l,1,"first"),a.selectMonth=r,t.dispatchEvent("date-next",{viewType:n,value:s,type:i},e))},isRangeDisabled:function(e){var t=this.computeDateStartTime,a=this.computeDateEndTime,e=e.date;return!!(t&&t.getTime()>e.getTime())||!!(a&&a.getTime()<e.getTime())},isDateDisabled:function(e){var t=this.reactData,a=this.disabledMethod,t=t.datePanelType,e=e.date;return!!a&&a({type:t,viewType:t,date:e,$datePanel:this})},hasAllDisabled:function(e){return this.isRangeDisabled(e)||this.isDateDisabled(e)},dateSelectItem:function(e){var t=this,a=t.reactData,i=t.type,n=t.multiple,l=a.datePanelType;"month"===i?"year"===l?(a.datePanelType="month",t.dateCheckMonth(e)):(t.dateChange(e),n||t.hidePanel()):"year"===i?(t.dateChange(e),n||t.hidePanel()):"quarter"===i?"year"===l?(a.datePanelType="quarter",t.dateCheckMonth(e)):(t.dateChange(e),n||t.hidePanel()):"month"===l?(a.datePanelType="week"===i?i:"day",t.dateCheckMonth(e)):"year"===l?(a.datePanelType="month",t.dateCheckMonth(e)):(t.dateChange(e),"datetime"===i||n||t.hidePanel())},dateSelectEvent:function(e){this.hasAllDisabled(e)||this.dateSelectItem(e.date)},dateMoveDay:function(t){this.hasAllDisabled({date:t})||(this.computeDayList.some(function(e){return _xeUtils.default.isDateSame(e.date,t,"yyyyMMdd")})||this.dateCheckMonth(t),this.dateParseValue(t))},dateMoveYear:function(t){this.hasAllDisabled({date:t})||(this.computeYearList.some(function(e){return _xeUtils.default.isDateSame(e.date,t,"yyyy")})||this.dateCheckMonth(t),this.dateParseValue(t))},dateMoveQuarter:function(t){this.hasAllDisabled({date:t})||(this.computeQuarterList.some(function(e){return _xeUtils.default.isDateSame(e.date,t,"yyyyq")})||this.dateCheckMonth(t),this.dateParseValue(t))},dateMoveMonth:function(t){this.hasAllDisabled({date:t})||(this.computeMonthList.some(function(e){return _xeUtils.default.isDateSame(e.date,t,"yyyyMM")})||this.dateCheckMonth(t),this.dateParseValue(t))},dateMouseenterEvent:function(e){var t=this,a=t.reactData;t.hasAllDisabled(e)||("month"===(a=a.datePanelType)?t.dateMoveMonth(e.date):"quarter"===a?t.dateMoveQuarter(e.date):"year"===a?t.dateMoveYear(e.date):t.dateMoveDay(e.date))},dateMouseleaveEvent:function(){this.reactData.datePanelValue=null},updateTimePos:function(e){var t;e&&(t=e.offsetHeight,e.parentNode.scrollTop=e.offsetTop-4*t)},dateTimeChangeEvent:function(e){var t=this.reactData,a=t.datetimePanelValue;t.datetimePanelValue=a?new Date(a.getTime()):new Date,this.updateTimePos(e.currentTarget)},dateHourEvent:function(e,t){var a=this.reactData.datetimePanelValue;t.disabled||(a&&a.setHours(t.value),this.dateTimeChangeEvent(e))},dateConfirmEvent:function(e){var t,a,i=this,n=i.reactData,l=i.multiple,r=n.datetimePanelValue,s=i.computeDateValue,u=i.computeIsDateTimeType;u&&(t=i.computeDateValueFormat,l?(l=i.computeDateMultipleValue,u?(u=_toConsumableArray(i.computeDateListValue),a=[],u.forEach(function(e){e&&(r&&(e.setHours(r.getHours()),e.setMinutes(r.getMinutes()),e.setSeconds(r.getSeconds())),a.push(e))}),i.handleChange(a.map(function(e){return _xeUtils.default.toDateString(e,t)}).join(","),{type:"update"})):i.handleChange(l.join(","),{type:"update"})):i.dateChange(s||n.currentDate)),i.hidePanel(),i.dispatchEvent("confirm",{},e)},dateMinuteEvent:function(e,t){var a=this.reactData.datetimePanelValue;t.disabled||(a&&a.setMinutes(t.value),this.dateTimeChangeEvent(e))},dateSecondEvent:function(e,t){var a=this.reactData.datetimePanelValue;t.disabled||(a&&a.setSeconds(t.value),this.dateTimeChangeEvent(e))},dateOpenPanel:function(){var t=this,e=t.reactData,a=t.type,i=t.defaultDate,n=t.defaultTime,l=t.computeIsDateTimeType,r=t.computeDateValue;-1<["year","quarter","month","week"].indexOf(a)?e.datePanelType=a:e.datePanelType="day",e.currentDate=_xeUtils.default.getWhatDay(Date.now(),0,"first"),r?(t.dateMonthHandle(r,0),t.dateParseValue(r)):i&&(a=t.parseDate(i,"yyyy-MM-dd"),_xeUtils.default.isValidDate(a))?t.dateMonthHandle(a,0):t.dateNowHandle(),l&&((r=e.datePanelValue)||(r=_xeUtils.default.getWhatDay(Date.now(),0,"first"),n&&(i=(0,_util.toStringTimeDate)(n),_xeUtils.default.isValidDate(i))&&(r.setHours(i.getHours()),r.setMinutes(i.getMinutes()),r.setSeconds(i.getSeconds()))),e.datetimePanelValue=r,t.$nextTick(function(){var e=t.$refs.refInputTimeBody;_xeUtils.default.arrayEach(e.querySelectorAll("li.is--selected"),function(e){t.updateTimePos(e)})}))},getModelValue:function(){return this.reactData.inputValue},setPanelDate:function(e){e&&this.dateCheckMonth(e)},getPanelDate:function(){return this.reactData.selectMonth},checkValue:function(e){this.afterCheckValue(e)},confirmByEvent:function(e){this.dateConfirmEvent(e)},renderDateLabel:function(t,e,a){var i=this.reactData,n=this.festivalMethod,l=[];return n&&(e=(n=(i=n({type:n=i.datePanelType,viewType:n,date:e.date,$datePanel:this}))?_xeUtils.default.isString(i)?{label:i}:i:{}).extra?_xeUtils.default.isString(n.extra)?{label:n.extra}:n.extra:null,l.push(t("div",{class:["vxe-date-panel--label",{"is-notice":n.notice}]},e&&e.label?[t("div",{class:"vxe-date-panel--label--number"},"".concat(a)),t("div",{class:["vxe-date-panel--label--extra",e.important?"is-important":"",e.className],style:e.style},_xeUtils.default.toValueString(e.label))]:"".concat(a))),i=n.label)&&(e=_xeUtils.default.toValueString(i).split(","),l.push(t("div",{class:["vxe-date-panel--festival",n.important?"is-important":"",n.className],style:n.style},[1<e.length?t("div",{class:["vxe-date-panel--festival--overlap","overlap--".concat(e.length)]},e.map(function(e){return t("div",e.substring(0,3))})):t("div",{class:"vxe-date-panel--festival--label"},e[0].substring(0,3))]))),l},renderDateDayTable:function(i){var n=this,e=n.reactData,l=n.multiple,t=e.datePanelType,r=e.datePanelValue,s=n.computeDateValue,a=n.computeDateHeaders,u=n.computeDayDatas,o=n.computeDateListValue,d=n.computeOverCount,c="yyyyMMdd";return[i("div",{class:["vxe-date-panel--view-wrapper","type--".concat(t)]},[i("div",{class:"vxe-date-panel--view-header"},[i("div",{class:"vxe-date-panel--view-row"},a.map(function(e){return i("div",{class:"vxe-date-panel--view-item",style:{width:"".concat(100/a.length,"%")}},[i("div",{class:"vxe-date-panel--view-item-inner"},[i("div",{class:"vxe-date-panel--view-item-label"},e.label)])])}))]),i("div",{class:"vxe-date-panel--view-body"},u.map(function(a){return i("div",{class:"vxe-date-panel--view-row",style:{height:"".concat(100/u.length,"%")}},a.map(function(t){var e=l?o.some(function(e){return _xeUtils.default.isDateSame(e,t.date,c)}):_xeUtils.default.isDateSame(s,t.date,c);return i("div",{class:["vxe-date-panel--view-item",{"is--prev":t.isPrev,"is--current":t.isCurrent,"is--now":t.isNow,"is--next":t.isNext,"is--range-disabled":n.isRangeDisabled(t),"is--disabled":n.isDateDisabled(t),"is--selected":e,"is--over":d&&!e,"is--hover":!d&&_xeUtils.default.isDateSame(r,t.date,c)}],style:{width:"".concat(100/a.length,"%")},on:{click:function(){return n.dateSelectEvent(t)},mouseenter:function(){return n.dateMouseenterEvent(t)},mouseleave:n.dateMouseleaveEvent}},[i("div",{class:"vxe-date-panel--view-item-inner"},n.renderDateLabel(i,t,t.label))])}))}))])]},renderDateWeekTable:function(l){var r=this,e=r.reactData,t=r.multiple,a=e.datePanelType,s=e.datePanelValue,u=r.computeDateValue,e=r.computeWeekHeaders,o=r.computeWeekDates,d=r.computeDateListValue,c=r.computeOverCount,p="yyyyMMdd";return[l("div",{class:["vxe-date-panel--view-wrapper","type--".concat(a)]},[l("div",{class:"vxe-date-panel--view-header"},[l("div",{class:"vxe-date-panel--view-row"},e.map(function(e,t){return l("div",{class:"vxe-date-panel--view-item",style:{width:"".concat(t?13:9,"%")}},[l("div",{class:"vxe-date-panel--view-item-inner"},[l("div",{class:"vxe-date-panel--view-item-label"},e.label)])])}))]),l("div",{class:"vxe-date-panel--view-body"},o.map(function(e){var a=t?e.some(function(t){return d.some(function(e){return _xeUtils.default.isDateSame(e,t.date,p)})}):e.some(function(e){return _xeUtils.default.isDateSame(u,e.date,p)}),i=e.some(function(e){return _xeUtils.default.isDateSame(s,e.date,p)}),n=e.some(function(e){return e.isNow});return l("div",{class:"vxe-date-panel--view-row",style:{height:"".concat(100/o.length,"%")}},e.map(function(e,t){return l("div",{class:["vxe-date-panel--view-item",{"is--prev":e.isPrev,"is--current":e.isCurrent,"is--now":t?e.isNow:n,"is--next":e.isNext,"is--range-disabled":r.isRangeDisabled(e),"is--disabled":r.isDateDisabled(e),"is--selected":a,"is--over":c&&!a,"is--hover":!c&&i}],style:{width:"".concat(t?13:9,"%")},on:{click:function(){return r.dateSelectEvent(e)},mouseenter:function(){return r.dateMouseenterEvent(e)},mouseleave:r.dateMouseleaveEvent}},[l("div",{class:"vxe-date-panel--view-item-inner"},r.renderDateLabel(l,e,e.label))])}))}))])]},renderDateMonthTable:function(i){var n=this,e=n.reactData,l=n.multiple,t=e.datePanelType,r=e.datePanelValue,s=n.computeDateValue,u=n.computeMonthDatas,o=n.computeDateListValue,d=n.computeOverCount,c="yyyyMM";return[i("div",{class:["vxe-date-panel--view-wrapper","type--".concat(t)]},[i("div",{class:"vxe-date-panel--view-body"},u.map(function(a){return i("div",{class:"vxe-date-panel--view-row",style:{height:"".concat(100/u.length,"%")}},a.map(function(t){var e=l?o.some(function(e){return _xeUtils.default.isDateSame(e,t.date,c)}):_xeUtils.default.isDateSame(s,t.date,c);return i("div",{class:["vxe-date-panel--view-item",{"is--prev":t.isPrev,"is--current":t.isCurrent,"is--now":t.isNow,"is--next":t.isNext,"is--range-disabled":n.isRangeDisabled(t),"is--disabled":n.isDateDisabled(t),"is--selected":e,"is--over":d&&!e,"is--hover":!d&&_xeUtils.default.isDateSame(r,t.date,c)}],style:{width:"".concat(100/a.length,"%")},on:{click:function(){return n.dateSelectEvent(t)},mouseenter:function(){return n.dateMouseenterEvent(t)},mouseleave:n.dateMouseleaveEvent}},[i("div",{class:"vxe-date-panel--view-item-inner"},n.renderDateLabel(i,t,(0,_ui.getI18n)("vxe.input.date.months.m".concat(t.month))))])}))}))])]},renderDateQuarterTable:function(i){var n=this,e=n.reactData,l=n.multiple,t=e.datePanelType,r=e.datePanelValue,s=n.computeDateValue,u=n.computeQuarterDatas,o=n.computeDateListValue,d=n.computeOverCount,c="yyyyq";return[i("div",{class:["vxe-date-panel--view-wrapper","type--".concat(t)]},[i("div",{class:"vxe-date-panel--view-body"},u.map(function(a){return i("div",{class:"vxe-date-panel--view-row",style:{height:"".concat(100/u.length,"%")}},a.map(function(t){var e=l?o.some(function(e){return _xeUtils.default.isDateSame(e,t.date,c)}):_xeUtils.default.isDateSame(s,t.date,c);return i("div",{class:["vxe-date-panel--view-item",{"is--prev":t.isPrev,"is--current":t.isCurrent,"is--now":t.isNow,"is--next":t.isNext,"is--range-disabled":n.isRangeDisabled(t),"is--disabled":n.isDateDisabled(t),"is--selected":e,"is--over":d&&!e,"is--hover":!d&&_xeUtils.default.isDateSame(r,t.date,c)}],style:{width:"".concat(100/a.length,"%")},on:{click:function(){return n.dateSelectEvent(t)},mouseenter:function(){return n.dateMouseenterEvent(t)},mouseleave:n.dateMouseleaveEvent}},[i("div",{class:"vxe-date-panel--view-item-inner"},n.renderDateLabel(i,t,(0,_ui.getI18n)("vxe.input.date.quarters.q".concat(t.quarter))))])}))}))])]},renderDateYearTable:function(i){var n=this,e=n.reactData,l=n.multiple,t=e.datePanelType,r=e.datePanelValue,s=n.computeDateValue,u=n.computeYearDatas,o=n.computeDateListValue,d=n.computeOverCount,c="yyyy";return[i("div",{class:["vxe-date-panel--view-wrapper","type--".concat(t)]},[i("div",{class:"vxe-date-panel--view-body"},u.map(function(a){return i("div",{class:"vxe-date-panel--view-row",style:{height:"".concat(100/u.length,"%")}},a.map(function(t){var e=l?o.some(function(e){return _xeUtils.default.isDateSame(e,t.date,c)}):_xeUtils.default.isDateSame(s,t.date,c);return i("div",{class:["vxe-date-panel--view-item",{"is--prev":t.isPrev,"is--current":t.isCurrent,"is--now":t.isNow,"is--next":t.isNext,"is--range-disabled":n.isRangeDisabled(t),"is--disabled":n.isDateDisabled(t),"is--selected":e,"is--over":d&&!e,"is--hover":!d&&_xeUtils.default.isDateSame(r,t.date,c)}],style:{width:"".concat(100/a.length,"%")},on:{click:function(){return n.dateSelectEvent(t)},mouseenter:function(){return n.dateMouseenterEvent(t)},mouseleave:n.dateMouseleaveEvent}},[i("div",{class:"vxe-date-panel--view-item-inner"},n.renderDateLabel(i,t,t.year))])}))}))])]},renderDateTable:function(e){var t=this;switch(t.reactData.datePanelType){case"week":return t.renderDateWeekTable(e);case"month":return t.renderDateMonthTable(e);case"quarter":return t.renderDateQuarterTable(e);case"year":return t.renderDateYearTable(e)}return t.renderDateDayTable(e)},renderDatePanel:function(e){var t=this,a=t.reactData.datePanelType,i=t.computeIsDisabledPrevDateBtn,n=t.computeIsDisabledNextDateBtn,l=t.computeSelectDatePanelObj;return[e("div",{class:"vxe-date-panel--picker-header"},[e("div",{class:"vxe-date-panel--picker-type-wrapper"},["year"===a?e("span",{class:"vxe-date-panel--picker-label"},l.y):e("span",{class:"vxe-date-panel--picker-btns"},[e("span",{class:"vxe-date-panel--picker-btn",on:{click:t.dateToggleYearTypeEvent}},l.y),l.m?e("span",{class:"vxe-date-panel--picker-btn",on:{click:t.dateToggleMonthTypeEvent}},l.m):(0,_ui.renderEmptyElement)(t)])]),e("div",{class:"vxe-date-panel--picker-btn-wrapper"},[e("span",{class:["vxe-date-panel--picker-btn vxe-date-panel--picker-prev-btn",{"is--disabled":i}],on:{click:t.datePrevEvent}},[e("i",{class:"vxe-icon-caret-left"})]),e("span",{class:"vxe-date-panel--picker-btn vxe-date-panel--picker-current-btn",on:{click:t.dateTodayMonthEvent}},[e("i",{class:"vxe-icon-dot"})]),e("span",{class:["vxe-date-panel--picker-btn vxe-date-panel--picker-next-btn",{"is--disabled":n}],on:{click:t.dateNextEvent}},[e("i",{class:"vxe-icon-caret-right"})])])]),e("div",{class:"vxe-date-panel--picker-body"},t.renderDateTable(e))]},renderTimePanel:function(a){var i=this,e=i.reactData,t=i.type,n=e.datetimePanelValue,e=i.computeDateTimeLabel,l=i.computeHourList,r=i.computeHasTimeMinute,s=i.computeMinuteList,u=i.computeHasTimeSecond,o=i.computeSecondList;return["time"===t?(0,_ui.renderEmptyElement)(i):a("div",{class:"vxe-date-panel--time-header"},[a("div",{class:"vxe-date-panel--time-title"},e)]),a("div",{ref:"refInputTimeBody",class:"vxe-date-panel--time-body"},[a("ul",{class:"vxe-date-panel--time-hour-list"},l.map(function(t,e){return a("li",{key:e,class:{"is--disabled":t.disabled,"is--selected":n&&n.getHours()===t.value},on:{click:function(e){return i.dateHourEvent(e,t)}}},t.label)})),r?a("ul",{class:"vxe-date-panel--time-minute-list"},s.map(function(t,e){return a("li",{key:e,class:{"is--disabled":t.disabled,"is--selected":n&&n.getMinutes()===t.value},on:{click:function(e){return i.dateMinuteEvent(e,t)}}},t.label)})):(0,_ui.renderEmptyElement)(i),r&&u?a("ul",{class:"vxe-date-panel--time-second-list"},o.map(function(t,e){return a("li",{key:e,class:{"is--disabled":t.disabled,"is--selected":n&&n.getSeconds()===t.value},on:{click:function(e){return i.dateSecondEvent(e,t)}}},t.label)})):(0,_ui.renderEmptyElement)(i)])]},renderPickerPanel:function(e){var t=this,a=t.type;return"datetime"===a?e("div",{key:a,ref:"refPanelWrapper",class:"vxe-date-panel--time-layout-wrapper"},[e("div",{class:"vxe-date-panel--time-left-wrapper"},t.renderDatePanel(e)),e("div",{class:"vxe-date-panel--time-right-wrapper"},t.renderTimePanel(e))]):"time"===a?e("div",{key:a,ref:"refPanelWrapper",class:"vxe-date-panel--wrapper"},t.renderTimePanel(e)):e("div",{key:a||"default",ref:"refPanelWrapper",class:"vxe-date-panel--wrapper"},t.renderDatePanel(e))},renderVN:function(e){var t=this.type,a=this.computeSize;return e("div",{class:["vxe-date-panel","type--".concat(t),_defineProperty({},"size--".concat(a),a)]},[this.renderPickerPanel(e)])}},watch:{value:function(e){this.updateModelValue(e),this.changeValue()},type:function(){var e=this.reactData;Object.assign(e,{inputLabel:"",datetimePanelValue:null,datePanelValue:null,datePanelLabel:"",datePanelType:"day",selectMonth:null,currentDate:null}),this.initValue()},computeDateLabelFormat:function(){var e=this,t=e,a=e.reactData;e.computeIsDatePanelType&&(e.dateParseValue(a.datePanelValue),a.inputLabel=t.multiple?e.computeDateMultipleLabel:a.datePanelLabel)}},created:function(){this.initValue(),this.dateOpenPanel()},render:function(e){return this.renderVN(e)}});
|
|
1
|
+
function _typeof(e){return(_typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_util=require("./util");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _defineProperty(e,t,a){return(t=_toPropertyKey(t))in e?Object.defineProperty(e,t,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[t]=a,e}function _toPropertyKey(e){e=_toPrimitive(e,"string");return"symbol"==_typeof(e)?e:e+""}function _toPrimitive(e,t){if("object"!=_typeof(e)||!e)return e;var a=e[Symbol.toPrimitive];if(void 0===a)return("string"===t?String:Number)(e);a=a.call(e,t||"default");if("object"!=_typeof(a))return a;throw new TypeError("@@toPrimitive must return a primitive value.")}function _toConsumableArray(e){return _arrayWithoutHoles(e)||_iterableToArray(e)||_unsupportedIterableToArray(e)||_nonIterableSpread()}function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _unsupportedIterableToArray(e,t){var a;if(e)return"string"==typeof e?_arrayLikeToArray(e,t):"Map"===(a="Object"===(a={}.toString.call(e).slice(8,-1))&&e.constructor?e.constructor.name:a)||"Set"===a?Array.from(e):"Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a)?_arrayLikeToArray(e,t):void 0}function _iterableToArray(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function _arrayWithoutHoles(e){if(Array.isArray(e))return _arrayLikeToArray(e)}function _arrayLikeToArray(e,t){(null==t||t>e.length)&&(t=e.length);for(var a=0,i=Array(t);a<t;a++)i[a]=e[a];return i}var _default2=exports.default=(0,_comp.defineVxeComponent)({name:"VxeDatePanel",mixins:[_ui.globalMixins.sizeMixin],model:{prop:"value",event:"modelValue"},props:{value:[String,Number,Date],type:{type:String,default:"date"},className:String,cellClassName:[String,Function],size:{type:String,default:function(){return(0,_ui.getConfig)().datePanel.size||(0,_ui.getConfig)().size}},multiple:Boolean,limitCount:{type:[String,Number],default:function(){return(0,_ui.getConfig)().datePanel.limitCount}},startDate:{type:[String,Number,Date],default:function(){return(0,_ui.getConfig)().datePanel.startDate}},endDate:{type:[String,Number,Date],default:function(){return(0,_ui.getConfig)().datePanel.endDate}},defaultDate:[String,Number,Date],defaultTime:[String,Number,Date],minDate:[String,Number,Date],maxDate:[String,Number,Date],startDay:{type:[String,Number],default:function(){return(0,_ui.getConfig)().datePanel.startDay}},labelFormat:String,valueFormat:String,timeFormat:String,festivalMethod:{type:Function,default:function(){return(0,_ui.getConfig)().datePanel.festivalMethod}},disabledMethod:{type:Function,default:function(){return(0,_ui.getConfig)().datePanel.disabledMethod}},timeConfig:Object,selectDay:{type:[String,Number],default:function(){return(0,_ui.getConfig)().datePanel.selectDay}}},data:function(){return{xID:_xeUtils.default.uniqueId(),reactData:{visiblePanel:!1,isAniVisible:!1,isActivated:!1,inputValue:"",inputLabel:"",datetimePanelValue:null,datePanelValue:null,datePanelLabel:"",datePanelType:"day",selectMonth:null,currentDate:null},internalData:{yearSize:12,monthSize:20,quarterSize:8,hpTimeout:void 0}}},computed:Object.assign(Object.assign({},{}),{computeIsDateTimeType:function(){var e=this.type;return"time"===e||"datetime"===e},computeIsDatePanelType:function(){return this.computeIsDateTimeType||-1<["date","week","month","quarter","year"].indexOf(this.type)},computeDateStartTime:function(){return this.startDate?_xeUtils.default.toStringDate(this.startDate):null},computeDateEndTime:function(){return this.endDate?_xeUtils.default.toStringDate(this.endDate):null},computeDateListValue:function(){var t=this,e=t.value,a=t.computeIsDatePanelType,i=t.computeDateValueFormat;return t.multiple&&e&&a?_xeUtils.default.toValueString(e).split(",").map(function(e){e=t.parseDate(e,i);return _xeUtils.default.isValidDate(e),e}):[]},computeDateMultipleValue:function(){var e=this.computeDateListValue,t=this.computeDateValueFormat;return e.map(function(e){return _xeUtils.default.toDateString(e,t)})},computeDateMultipleLabel:function(){var e=this.computeDateListValue,t=this.computeDateLabelFormat;return e.map(function(e){return _xeUtils.default.toDateString(e,t)}).join(", ")},computeLimitMaxCount:function(){return this.multiple?_xeUtils.default.toNumber(this.limitCount):0},computeOverCount:function(){var e=this.multiple,t=this.computeLimitMaxCount,a=this.computeDateMultipleValue;return!(!e||!t)&&a.length>=t},computeDateValueFormat:function(){var e=this.type,t=this.valueFormat;return(0,_util.handleValueFormat)(e,t)},computeTimeOpts:function(){return Object.assign({},(0,_ui.getConfig)().datePanel.timeConfig,this.timeConfig)},computeDateValue:function(){var e=this.value,t=this.computeIsDatePanelType,a=this.computeDateValueFormat,i=null;return i=e&&t&&(t=this.parseDate(e,a),_xeUtils.default.isValidDate(t))?t:i},computeIsDisabledPrevDateBtn:function(){var e=this.reactData,t=this.computeDateStartTime,e=e.selectMonth;return!(!e||!t)&&e<=t},computeIsDisabledNextDateBtn:function(){var e=this.reactData,t=this.computeDateEndTime,e=e.selectMonth;return!(!e||!t)&&_xeUtils.default.getWhatMonth(e,0,"last")>=t},computeDateTimeLabel:function(){var e=this.reactData.datetimePanelValue,t=this.computeHasTimeSecond,a=this.computeHasTimeMinute;return e?_xeUtils.default.toDateString(e,a&&t?"HH:mm:ss":a?"HH:mm":"HH"):""},computeDateHMSTime:function(){var e=this.computeDateValue,t=this.computeIsDateTimeType;return e&&t?1e3*(3600*e.getHours()+60*e.getMinutes()+e.getSeconds()):0},computeDateLabelFormat:function(){var e=this.labelFormat;return this.computeIsDatePanelType?e||(0,_ui.getI18n)("vxe.input.date.labelFormat.".concat(this.type)):""},computeYearList:function(){var e=this.reactData,t=this.internalData.yearSize,a=e.selectMonth,e=e.currentDate,i=[];if(a&&e)for(var n=e.getFullYear(),e=a.getFullYear(),l=new Date(e-e%t,0,1),r=-4;r<t+4;r++){var s=_xeUtils.default.getWhatYear(l,r,"first"),u=s.getFullYear();i.push({date:s,isCurrent:!0,isPrev:r<0,isNow:n===u,isNext:t<=r,year:u})}return i},computeSelectDatePanelObj:function(){var e,t,a,i,n=this.reactData,l="",r="";return this.computeIsDatePanelType&&(e=n.datePanelType,n=n.selectMonth,t=this.computeYearList,a="",n&&(a=n.getFullYear(),i=n.getMonth()+1),"quarter"===e||"month"===e?l="".concat(a):"year"===e?l=t.length?"".concat(t[0].year," - ").concat(t[t.length-1].year):"":(l="".concat(a),r=i?(0,_ui.getI18n)("vxe.calendar.monthLabel",[i]):"-")),{y:(0,_ui.getI18n)("vxe.calendar.yearLabel",[l]),m:r}},computeFirstDayOfWeek:function(){var e=this.startDay;return _xeUtils.default.toNumber(e)},computeWeekDatas:function(){var e=[];if(this.computeIsDatePanelType){var t=this.computeFirstDayOfWeek;e.push(t);for(var a=0;a<6;a++)6<=t?t=0:t++,e.push(t)}return e},computeDateHeaders:function(){return this.computeIsDatePanelType?this.computeWeekDatas.map(function(e){return{value:e,label:(0,_ui.getI18n)("vxe.input.date.weeks.w".concat(e))}}):[]},computeWeekHeaders:function(){var e;return this.computeIsDatePanelType?(e=this.computeDateHeaders,[{label:(0,_ui.getI18n)("vxe.input.date.weeks.w")}].concat(e)):[]},computeYearDatas:function(){var e=this.computeYearList;return _xeUtils.default.chunk(e,4)},computeQuarterList:function(){var e=this.reactData,t=this.internalData.quarterSize,a=e.selectMonth,e=e.currentDate,i=[];if(a&&e)for(var n=e.getFullYear(),l=(0,_util.getDateQuarter)(e),r=_xeUtils.default.getWhatYear(a,0,"first"),s=r.getFullYear(),u=-2;u<t-2;u++){var o=_xeUtils.default.getWhatQuarter(r,u),d=o.getFullYear(),c=(0,_util.getDateQuarter)(o),p=d<s;i.push({date:o,isPrev:p,isCurrent:d===s,isNow:d===n&&c===l,isNext:!p&&s<d,quarter:c})}return i},computeQuarterDatas:function(){var e=this.computeQuarterList;return _xeUtils.default.chunk(e,2)},computeMonthList:function(){var e=this.reactData,t=this.internalData.monthSize,a=e.selectMonth,e=e.currentDate,i=[];if(a&&e)for(var n=e.getFullYear(),l=e.getMonth(),r=_xeUtils.default.getWhatYear(a,0,"first").getFullYear(),s=-4;s<t-4;s++){var u=_xeUtils.default.getWhatYear(a,0,s),o=u.getFullYear(),d=u.getMonth(),c=o<r;i.push({date:u,isPrev:c,isCurrent:o===r,isNow:o===n&&d===l,isNext:!c&&r<o,month:d})}return i},computeMonthDatas:function(){var e=this.computeMonthList;return _xeUtils.default.chunk(e,4)},computeDayList:function(){var e=this.reactData,t=e.selectMonth,e=e.currentDate,a=[];if(t&&e)for(var i=this.computeDateHMSTime,n=this.computeWeekDatas,l=e.getFullYear(),r=e.getMonth(),s=e.getDate(),u=t.getFullYear(),o=t.getMonth(),e=t.getDay(),n=-n.indexOf(e),d=new Date(_xeUtils.default.getWhatDay(t,n).getTime()+i),c=0;c<42;c++){var p=_xeUtils.default.getWhatDay(d,c),m=p.getFullYear(),h=p.getMonth(),v=p.getDate(),f=p<t;a.push({date:p,isPrev:f,isCurrent:m===u&&h===o,isNow:m===l&&h===r&&v===s,isNext:!f&&o!==h,label:v})}return a},computeDayDatas:function(){var e=this.computeDayList;return _xeUtils.default.chunk(e,7)},computeWeekDates:function(){var e=this.computeDayDatas,a=this.computeFirstDayOfWeek;return e.map(function(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)})},computeHourList:function(){var e=this.computeTimeOpts,t=e.hours,a=e.hourDisabledMethod,i=[];if(this.computeIsDateTimeType)if(t&&t.length)t.forEach(function(e){var t;_xeUtils.default.isNumber(e)||_xeUtils.default.isString(e)?(t=_xeUtils.default.toNumber(e),i.push({value:t,label:(""+t).padStart(2,"0"),disabled:!(!a||!a({hour:t}))})):e&&(t=_xeUtils.default.toNumber(e.value),i.push({value:t,label:(""+(e.label||t)).padStart(2,"0"),disabled:_xeUtils.default.isBoolean(e.disabled)?e.disabled:!(!a||!a({hour:t}))}))});else for(var n=0;n<24;n++){var l=n;i.push({value:l,label:(""+l).padStart(2,"0"),disabled:!(!a||!a({hour:l}))})}return i},computeMinuteList:function(){var e=this.computeTimeOpts,t=e.minutes,a=e.minuteDisabledMethod,i=[];if(this.computeIsDateTimeType)if(t&&t.length)t.forEach(function(e){var t;_xeUtils.default.isNumber(e)||_xeUtils.default.isString(e)?(t=_xeUtils.default.toNumber(e),i.push({value:t,label:(""+t).padStart(2,"0"),disabled:!(!a||!a({minute:t}))})):e&&(t=_xeUtils.default.toNumber(e.value),i.push({value:t,label:(""+(e.label||t)).padStart(2,"0"),disabled:_xeUtils.default.isBoolean(e.disabled)?e.disabled:!(!a||!a({minute:t}))}))});else for(var n=0;n<60;n++){var l=n;i.push({value:l,label:(""+l).padStart(2,"0"),disabled:!(!a||!a({minute:l}))})}return i},computeHasTimeMinute:function(){var e=this.timeFormat,t=this.computeDateValueFormat;return!/HH/.test(e||t)||/mm/.test(e||t)},computeHasTimeSecond:function(){var e=this.timeFormat,t=this.computeDateValueFormat;return!/HH/.test(e||t)||/ss/.test(e||t)},computeSecondList:function(){var e=this.computeTimeOpts,t=e.seconds,a=e.secondDisabledMethod,i=[];if(this.computeIsDateTimeType)if(t&&t.length)t.forEach(function(e){var t;_xeUtils.default.isNumber(e)||_xeUtils.default.isString(e)?(t=_xeUtils.default.toNumber(e),i.push({value:t,label:(""+t).padStart(2,"0"),disabled:!(!a||!a({second:t}))})):e&&(t=_xeUtils.default.toNumber(e.value),i.push({value:t,label:(""+(e.label||t)).padStart(2,"0"),disabled:_xeUtils.default.isBoolean(e.disabled)?e.disabled:!(!a||!a({second:t}))}))});else for(var n=0;n<60;n++){var l=n;i.push({value:l,label:(""+l).padStart(2,"0"),disabled:!(!a||!a({second:l}))})}return i}}),methods:{dispatchEvent:function(e,t,a){this.$emit(e,(0,_ui.createEvent)(a,{$datePanel:this},t))},emitModel:function(e){var t=this.reactData,a=this._events;t.inputValue=e,a&&a.modelValue?this.$emit("modelValue",e):this.$emit("model-value",e)},updateModelValue:function(e){var t=this.reactData,a=this.type,i=this.computeDateValueFormat,e=(0,_util.parseDateValue)(e,a,{valueFormat:i});t.inputValue=e,t.inputLabel=e,this.dateOpenPanel()},parseDate:function(e,t){var a=this.type,i=this.multiple;return"time"===a?(0,_util.toStringTimeDate)(e):_xeUtils.default.isArray(e)?_xeUtils.default.toStringDate(e[0],t):_xeUtils.default.isString(e)?_xeUtils.default.toStringDate(i?_xeUtils.default.last(e.split(",")):e,t):_xeUtils.default.toStringDate(e,t)},dateRevert:function(){var e=this.reactData,t=this.multiple?this.computeDateMultipleLabel:e.datePanelLabel;e.inputLabel=t,this.dispatchEvent("revert",{label:t},null)},afterCheckValue:function(e){var t,a,i=this,n=i.reactData,l=i.type,r=n.inputLabel,s=n.datetimePanelValue,u=i.computeDateLabelFormat;e?(t=i.parseDate(e,u),_xeUtils.default.isValidDate(t)?"time"===l?(r!==(t=_xeUtils.default.toDateString(t,u))&&i.handleChange(t,{type:"check"}),n.inputLabel=t):(r=!1,a=i.computeFirstDayOfWeek,"datetime"===l?(l=i.computeDateValue,e===_xeUtils.default.toDateString(l,u)&&e===_xeUtils.default.toDateString(t,u)||(r=!0,s&&(s.setHours(t.getHours()),s.setMinutes(t.getMinutes()),s.setSeconds(t.getSeconds())))):r=!0,n.inputLabel=_xeUtils.default.toDateString(t,u,{firstDay:a}),r&&i.dateChange(t)):i.dateRevert()):i.handleChange("",{type:"check"})},handleChange:function(e,t){var a=this,i=a.reactData,n=a.type,l=a.value,r=a.valueFormat,s=a.computeDateValueFormat;i.inputLabel=e,(0,_util.hasTimestampValueType)(r)?(i=(i=(0,_util.parseDateValue)(e,n,{valueFormat:s}))?i.getTime():null,a.emitModel(i),l!==i&&a.dispatchEvent("change",{value:i},t)):(0,_util.hasDateValueType)(r)?(i=(0,_util.parseDateValue)(e,n,{valueFormat:s}),a.emitModel(i),(l&&i?_xeUtils.default.toStringDate(l).getTime()!==i.getTime():l!==i)&&a.dispatchEvent("change",{value:i},t)):(a.emitModel(e),_xeUtils.default.toValueString(l)!==e&&a.dispatchEvent("change",{value:e},t))},hidePanel:function(){var t=this.reactData,a=this.internalData;return new Promise(function(e){t.visiblePanel=!1,a.hpTimeout=setTimeout(function(){t.isAniVisible=!1,e()},350)})},dateParseValue:function(e){var t=this,a=t.reactData,i=t.type,e=(0,_util.parseDateObj)(e,i,{valueFormat:t.computeDateValueFormat,labelFormat:t.computeDateLabelFormat,firstDay:t.computeFirstDayOfWeek});a.datePanelValue=e.value,a.datePanelLabel=e.label},changeValue:function(){var e=this,t=e,a=e.reactData,i=a.inputLabel;e.computeIsDatePanelType&&(e.dateParseValue(i),a.inputLabel=t.multiple?e.computeDateMultipleLabel:a.datePanelLabel)},initValue:function(){var e=this.value,t=this.computeIsDatePanelType;this.updateModelValue(e),t&&this.changeValue()},dateCheckMonth:function(e){var t=this.reactData,a=this.computeFirstDayOfWeek,i=_xeUtils.default.getYearWeek(e,a),a=_xeUtils.default.getWhatWeek(e,0,a,a),i=_xeUtils.default.getWhatMonth(1===i?_xeUtils.default.getWhatDay(a,6):e,0,"first");_xeUtils.default.isEqual(i,t.selectMonth)||(t.selectMonth=i)},dateChange:function(t,e){var a=this,i=a.reactData,n=a.value,l=a.multiple,r=i.datetimePanelValue,i=a.computeIsDateTimeType,s=a.computeDateValueFormat,u=a.computeFirstDayOfWeek,o=("week"===a.type?(d=_xeUtils.default.toNumber(a.selectDay),t=_xeUtils.default.getWhatWeek(t,0,d,u)):i&&r&&(t.setHours(r.getHours()),t.setMinutes(r.getMinutes()),t.setSeconds(r.getSeconds())),_xeUtils.default.toDateString(t,s,{firstDay:u}));if(a.dateCheckMonth(t),l){var d=a.computeOverCount;if(i){var u=e?[]:_toConsumableArray(a.computeDateListValue),c=[],l=_xeUtils.default.findIndexOf(u,function(e){return _xeUtils.default.isDateSame(t,e,"yyyyMMdd")});if(-1===l){if(d)return;u.push(t)}else u.splice(l,1);u.forEach(function(e){e&&(r&&(e.setHours(r.getHours()),e.setMinutes(r.getMinutes()),e.setSeconds(r.getSeconds())),c.push(e))}),a.handleChange(c.map(function(e){return _xeUtils.default.toDateString(e,s)}).join(","),{type:"update"})}else{i=e?[]:a.computeDateMultipleValue;i.some(function(e){return _xeUtils.default.isEqual(e,o)})?a.handleChange(i.filter(function(e){return!_xeUtils.default.isEqual(e,o)}).join(","),{type:"update"}):d||a.handleChange(i.concat([o]).join(","),{type:"update"})}}else _xeUtils.default.isEqual(n,o)||a.handleChange(o,{type:"update"})},dateMonthHandle:function(e,t){var a=this.reactData,i=this.computeFirstDayOfWeek,n=_xeUtils.default.getYearWeek(e,i),i=_xeUtils.default.getWhatWeek(e,0,i,i),n=_xeUtils.default.getWhatMonth(1===n?_xeUtils.default.getWhatDay(i,6):e,t,"first");a.selectMonth=n},dateNowHandle:function(){var e=this.reactData,t=this.type,a=this.computeFirstDayOfWeek,i=new Date;switch(t){case"week":i=_xeUtils.default.getWhatWeek(i,0,a);break;case"datetime":i=new Date,e.datetimePanelValue=new Date;break;default:i=_xeUtils.default.getWhatDay(Date.now(),0,"first")}e.currentDate=i,this.dateMonthHandle(i,0)},dateToggleYearTypeEvent:function(){this.reactData.datePanelType="year"},dateToggleMonthTypeEvent:function(){var e=this.reactData,t="month"===(t=e.datePanelType)||"quarter"===t?"year":"month";e.datePanelType=t},datePrevEvent:function(e){var t=this,a=t.reactData,i=t.type,n=a.datePanelType,l=a.selectMonth,r=t.internalData.yearSize,s=a.inputLabel;t.computeIsDisabledPrevDateBtn||(r="year"===i?_xeUtils.default.getWhatYear(l,-r,"first"):"month"===i||"quarter"===i?"year"===n?_xeUtils.default.getWhatYear(l,-r,"first"):_xeUtils.default.getWhatYear(l,-1,"first"):"year"===n?_xeUtils.default.getWhatYear(l,-r,"first"):"month"===n?_xeUtils.default.getWhatYear(l,-1,"first"):_xeUtils.default.getWhatMonth(l,-1,"first"),a.selectMonth=r,t.dispatchEvent("date-prev",{viewType:n,viewDate:r,value:s,type:i},e))},dateTodayMonthEvent:function(e){var t=this,a=t,i=t.reactData;t.dateNowHandle(),t.dateChange(i.currentDate,!0),a.multiple||t.hidePanel(),t.dispatchEvent("date-today",{viewType:i.datePanelType,type:a.type,viewDate:i.selectMonth},e)},dateNextEvent:function(e){var t=this,a=t.reactData,i=t.type,n=a.datePanelType,l=a.selectMonth,r=t.internalData.yearSize,s=a.inputLabel;t.computeIsDisabledNextDateBtn||(r="year"===i?_xeUtils.default.getWhatYear(l,r,"first"):"month"===i||"quarter"===i?"year"===n?_xeUtils.default.getWhatYear(l,r,"first"):_xeUtils.default.getWhatYear(l,1,"first"):"year"===n?_xeUtils.default.getWhatYear(l,r,"first"):"month"===n?_xeUtils.default.getWhatYear(l,1,"first"):_xeUtils.default.getWhatMonth(l,1,"first"),a.selectMonth=r,t.dispatchEvent("date-next",{viewType:n,value:s,type:i,viewDate:r},e))},isRangeDisabled:function(e){var t=this.computeDateStartTime,a=this.computeDateEndTime,e=e.date;return!!(t&&t.getTime()>e.getTime())||!!(a&&a.getTime()<e.getTime())},isDateDisabled:function(e){var t=this.reactData,a=this.disabledMethod,t=t.datePanelType,e=e.date;return!!a&&a({type:t,viewType:t,date:e,$datePanel:this})},hasAllDisabled:function(e){return this.isRangeDisabled(e)||this.isDateDisabled(e)},dateSelectItem:function(e){var t=this,a=t.reactData,i=t.type,n=t.multiple,l=a.datePanelType;"month"===i?"year"===l?(a.datePanelType="month",t.dateCheckMonth(e)):(t.dateChange(e),n||t.hidePanel()):"year"===i?(t.dateChange(e),n||t.hidePanel()):"quarter"===i?"year"===l?(a.datePanelType="quarter",t.dateCheckMonth(e)):(t.dateChange(e),n||t.hidePanel()):"month"===l?(a.datePanelType="week"===i?i:"day",t.dateCheckMonth(e)):"year"===l?(a.datePanelType="month",t.dateCheckMonth(e)):(t.dateChange(e),"datetime"===i||n||t.hidePanel())},dateSelectEvent:function(e){this.hasAllDisabled(e)||this.dateSelectItem(e.date)},dateMoveDay:function(t){this.hasAllDisabled({date:t})||(this.computeDayList.some(function(e){return _xeUtils.default.isDateSame(e.date,t,"yyyyMMdd")})||this.dateCheckMonth(t),this.dateParseValue(t))},dateMoveYear:function(t){this.hasAllDisabled({date:t})||(this.computeYearList.some(function(e){return _xeUtils.default.isDateSame(e.date,t,"yyyy")})||this.dateCheckMonth(t),this.dateParseValue(t))},dateMoveQuarter:function(t){this.hasAllDisabled({date:t})||(this.computeQuarterList.some(function(e){return _xeUtils.default.isDateSame(e.date,t,"yyyyq")})||this.dateCheckMonth(t),this.dateParseValue(t))},dateMoveMonth:function(t){this.hasAllDisabled({date:t})||(this.computeMonthList.some(function(e){return _xeUtils.default.isDateSame(e.date,t,"yyyyMM")})||this.dateCheckMonth(t),this.dateParseValue(t))},dateMouseenterEvent:function(e){var t=this,a=t.reactData;t.hasAllDisabled(e)||("month"===(a=a.datePanelType)?t.dateMoveMonth(e.date):"quarter"===a?t.dateMoveQuarter(e.date):"year"===a?t.dateMoveYear(e.date):t.dateMoveDay(e.date))},dateMouseleaveEvent:function(){this.reactData.datePanelValue=null},updateTimePos:function(e){var t;e&&(t=e.offsetHeight,e.parentNode.scrollTop=e.offsetTop-4*t)},dateTimeChangeEvent:function(e){var t=this.reactData,a=t.datetimePanelValue;t.datetimePanelValue=a?new Date(a.getTime()):new Date,this.updateTimePos(e.currentTarget)},dateHourEvent:function(e,t){var a=this.reactData.datetimePanelValue;t.disabled||(a&&a.setHours(t.value),this.dateTimeChangeEvent(e))},dateConfirmEvent:function(e){var t,a,i=this,n=i.reactData,l=i.multiple,r=n.datetimePanelValue,s=i.computeDateValue,u=i.computeIsDateTimeType;u&&(t=i.computeDateValueFormat,l?(l=i.computeDateMultipleValue,u?(u=_toConsumableArray(i.computeDateListValue),a=[],u.forEach(function(e){e&&(r&&(e.setHours(r.getHours()),e.setMinutes(r.getMinutes()),e.setSeconds(r.getSeconds())),a.push(e))}),i.handleChange(a.map(function(e){return _xeUtils.default.toDateString(e,t)}).join(","),{type:"update"})):i.handleChange(l.join(","),{type:"update"})):i.dateChange(s||n.currentDate)),i.hidePanel(),i.dispatchEvent("confirm",{},e)},dateMinuteEvent:function(e,t){var a=this.reactData.datetimePanelValue;t.disabled||(a&&a.setMinutes(t.value),this.dateTimeChangeEvent(e))},dateSecondEvent:function(e,t){var a=this.reactData.datetimePanelValue;t.disabled||(a&&a.setSeconds(t.value),this.dateTimeChangeEvent(e))},dateOpenPanel:function(){var t=this,e=t.reactData,a=t.type,i=t.defaultDate,n=t.defaultTime,l=t.computeIsDateTimeType,r=t.computeDateValue;-1<["year","quarter","month","week"].indexOf(a)?e.datePanelType=a:e.datePanelType="day",e.currentDate=_xeUtils.default.getWhatDay(Date.now(),0,"first"),r?(t.dateMonthHandle(r,0),t.dateParseValue(r)):i&&(a=t.parseDate(i,"yyyy-MM-dd"),_xeUtils.default.isValidDate(a))?t.dateMonthHandle(a,0):t.dateNowHandle(),l&&((r=e.datePanelValue)||(r=_xeUtils.default.getWhatDay(Date.now(),0,"first"),n&&(i=(0,_util.toStringTimeDate)(n),_xeUtils.default.isValidDate(i))&&(r.setHours(i.getHours()),r.setMinutes(i.getMinutes()),r.setSeconds(i.getSeconds()))),e.datetimePanelValue=r,t.$nextTick(function(){var e=t.$refs.refInputTimeBody;_xeUtils.default.arrayEach(e.querySelectorAll("li.is--selected"),function(e){t.updateTimePos(e)})}))},getModelValue:function(){return this.reactData.inputValue},setPanelDate:function(e){e&&this.dateCheckMonth(e)},getPanelDate:function(){var e=this.reactData.selectMonth;return e?new Date(e.getTime()):new Date},checkValue:function(e){this.afterCheckValue(e)},confirmByEvent:function(e){this.dateConfirmEvent(e)},renderDateLabel:function(t,e,a){var i=this.reactData,n=this.festivalMethod,l=[];return n&&(e=(n=(i=n({type:n=i.datePanelType,viewType:n,date:e.date,$datePanel:this}))?_xeUtils.default.isString(i)?{label:i}:i:{}).extra?_xeUtils.default.isString(n.extra)?{label:n.extra}:n.extra:null,l.push(t("div",{class:["vxe-date-panel--label",{"is-notice":n.notice}]},e&&e.label?[t("div",{class:"vxe-date-panel--label--number"},"".concat(a)),t("div",{class:["vxe-date-panel--label--extra",e.important?"is-important":"",e.className],style:e.style},_xeUtils.default.toValueString(e.label))]:"".concat(a))),i=n.label)&&(e=_xeUtils.default.toValueString(i).split(","),l.push(t("div",{class:["vxe-date-panel--festival",n.important?"is-important":"",n.className],style:n.style},[1<e.length?t("div",{class:["vxe-date-panel--festival--overlap","overlap--".concat(e.length)]},e.map(function(e){return t("div",e.substring(0,3))})):t("div",{class:"vxe-date-panel--festival--label"},e[0].substring(0,3))]))),l},renderDateDayTable:function(i){var n=this,e=n.reactData,l=n.type,r=n.multiple,s=n.cellClassName,u=e.datePanelType,o=e.datePanelValue,d=n.computeDateValue,t=n.computeDateHeaders,c=n.computeDayDatas,p=n.computeDateListValue,m=n.computeOverCount,h="yyyyMMdd";return[i("div",{class:["vxe-date-panel--view-wrapper","type--".concat(u)]},[i("div",{class:"vxe-date-panel--view-header"},[i("div",{class:"vxe-date-panel--view-row"},t.map(function(e){return i("div",{class:"vxe-date-panel--view-item",style:{width:"".concat(100/t.length,"%")}},[i("div",{class:"vxe-date-panel--view-item-inner"},[i("div",{class:"vxe-date-panel--view-item-label"},e.label)])])}))]),i("div",{class:"vxe-date-panel--view-body"},c.map(function(a){return i("div",{class:"vxe-date-panel--view-row",style:{height:"".concat(100/c.length,"%")}},a.map(function(t){var e=r?p.some(function(e){return _xeUtils.default.isDateSame(e,t.date,h)}):_xeUtils.default.isDateSame(d,t.date,h);return i("div",{class:["vxe-date-panel--view-item",s?_xeUtils.default.isFunction(s)?"".concat(s({$datePanel:n,type:l,viewType:u,date:t.date})||""):"".concat(s||""):"",{"is--prev":t.isPrev,"is--current":t.isCurrent,"is--now":t.isNow,"is--next":t.isNext,"is--range-disabled":n.isRangeDisabled(t),"is--disabled":n.isDateDisabled(t),"is--selected":e,"is--over":m&&!e,"is--hover":!m&&_xeUtils.default.isDateSame(o,t.date,h)}],style:{width:"".concat(100/a.length,"%")},on:{click:function(){return n.dateSelectEvent(t)},mouseenter:function(){return n.dateMouseenterEvent(t)},mouseleave:n.dateMouseleaveEvent}},[i("div",{class:"vxe-date-panel--view-item-inner"},n.renderDateLabel(i,t,t.label))])}))}))])]},renderDateWeekTable:function(l){var r=this,e=r.reactData,s=r.type,t=r.multiple,u=r.cellClassName,o=e.datePanelType,d=e.datePanelValue,c=r.computeDateValue,e=r.computeWeekHeaders,p=r.computeWeekDates,m=r.computeDateListValue,h=r.computeOverCount,v="yyyyMMdd";return[l("div",{class:["vxe-date-panel--view-wrapper","type--".concat(o)]},[l("div",{class:"vxe-date-panel--view-header"},[l("div",{class:"vxe-date-panel--view-row"},e.map(function(e,t){return l("div",{class:"vxe-date-panel--view-item",style:{width:"".concat(t?13:9,"%")}},[l("div",{class:"vxe-date-panel--view-item-inner"},[l("div",{class:"vxe-date-panel--view-item-label"},e.label)])])}))]),l("div",{class:"vxe-date-panel--view-body"},p.map(function(e){var a=t?e.some(function(t){return m.some(function(e){return _xeUtils.default.isDateSame(e,t.date,v)})}):e.some(function(e){return _xeUtils.default.isDateSame(c,e.date,v)}),i=e.some(function(e){return _xeUtils.default.isDateSame(d,e.date,v)}),n=e.some(function(e){return e.isNow});return l("div",{class:"vxe-date-panel--view-row",style:{height:"".concat(100/p.length,"%")}},e.map(function(e,t){return l("div",{class:["vxe-date-panel--view-item",u?_xeUtils.default.isFunction(u)?"".concat(u({$datePanel:r,type:s,viewType:o,date:e.date})||""):"".concat(u||""):"",{"is--prev":e.isPrev,"is--current":e.isCurrent,"is--now":t?e.isNow:n,"is--next":e.isNext,"is--range-disabled":r.isRangeDisabled(e),"is--disabled":r.isDateDisabled(e),"is--selected":a,"is--over":h&&!a,"is--hover":!h&&i}],style:{width:"".concat(t?13:9,"%")},on:{click:function(){return r.dateSelectEvent(e)},mouseenter:function(){return r.dateMouseenterEvent(e)},mouseleave:r.dateMouseleaveEvent}},[l("div",{class:"vxe-date-panel--view-item-inner"},r.renderDateLabel(l,e,e.label))])}))}))])]},renderDateMonthTable:function(i){var n=this,e=n.reactData,l=n.type,r=n.multiple,s=n.cellClassName,u=e.datePanelType,o=e.datePanelValue,d=n.computeDateValue,t=n.computeMonthDatas,c=n.computeDateListValue,p=n.computeOverCount,m="yyyyMM";return[i("div",{class:["vxe-date-panel--view-wrapper","type--".concat(u)]},[i("div",{class:"vxe-date-panel--view-body"},t.map(function(a){return i("div",{class:"vxe-date-panel--view-row",style:{height:"".concat(100/t.length,"%")}},a.map(function(t){var e=r?c.some(function(e){return _xeUtils.default.isDateSame(e,t.date,m)}):_xeUtils.default.isDateSame(d,t.date,m);return i("div",{class:["vxe-date-panel--view-item",s?_xeUtils.default.isFunction(s)?"".concat(s({$datePanel:n,type:l,viewType:u,date:t.date})||""):"".concat(s||""):"",{"is--prev":t.isPrev,"is--current":t.isCurrent,"is--now":t.isNow,"is--next":t.isNext,"is--range-disabled":n.isRangeDisabled(t),"is--disabled":n.isDateDisabled(t),"is--selected":e,"is--over":p&&!e,"is--hover":!p&&_xeUtils.default.isDateSame(o,t.date,m)}],style:{width:"".concat(100/a.length,"%")},on:{click:function(){return n.dateSelectEvent(t)},mouseenter:function(){return n.dateMouseenterEvent(t)},mouseleave:n.dateMouseleaveEvent}},[i("div",{class:"vxe-date-panel--view-item-inner"},n.renderDateLabel(i,t,(0,_ui.getI18n)("vxe.input.date.months.m".concat(t.month))))])}))}))])]},renderDateQuarterTable:function(i){var n=this,e=n.reactData,l=n.type,r=n.multiple,s=n.cellClassName,u=e.datePanelType,o=e.datePanelValue,d=n.computeDateValue,t=n.computeQuarterDatas,c=n.computeDateListValue,p=n.computeOverCount,m="yyyyq";return[i("div",{class:["vxe-date-panel--view-wrapper","type--".concat(u)]},[i("div",{class:"vxe-date-panel--view-body"},t.map(function(a){return i("div",{class:"vxe-date-panel--view-row",style:{height:"".concat(100/t.length,"%")}},a.map(function(t){var e=r?c.some(function(e){return _xeUtils.default.isDateSame(e,t.date,m)}):_xeUtils.default.isDateSame(d,t.date,m);return i("div",{class:["vxe-date-panel--view-item",s?_xeUtils.default.isFunction(s)?"".concat(s({$datePanel:n,type:l,viewType:u,date:t.date})||""):"".concat(s||""):"",{"is--prev":t.isPrev,"is--current":t.isCurrent,"is--now":t.isNow,"is--next":t.isNext,"is--range-disabled":n.isRangeDisabled(t),"is--disabled":n.isDateDisabled(t),"is--selected":e,"is--over":p&&!e,"is--hover":!p&&_xeUtils.default.isDateSame(o,t.date,m)}],style:{width:"".concat(100/a.length,"%")},on:{click:function(){return n.dateSelectEvent(t)},mouseenter:function(){return n.dateMouseenterEvent(t)},mouseleave:n.dateMouseleaveEvent}},[i("div",{class:"vxe-date-panel--view-item-inner"},n.renderDateLabel(i,t,(0,_ui.getI18n)("vxe.input.date.quarters.q".concat(t.quarter))))])}))}))])]},renderDateYearTable:function(i){var n=this,e=n.reactData,l=n.type,r=n.multiple,s=n.cellClassName,u=e.datePanelType,o=e.datePanelValue,d=n.computeDateValue,t=n.computeYearDatas,c=n.computeDateListValue,p=n.computeOverCount,m="yyyy";return[i("div",{class:["vxe-date-panel--view-wrapper","type--".concat(u)]},[i("div",{class:"vxe-date-panel--view-body"},t.map(function(a){return i("div",{class:"vxe-date-panel--view-row",style:{height:"".concat(100/t.length,"%")}},a.map(function(t){var e=r?c.some(function(e){return _xeUtils.default.isDateSame(e,t.date,m)}):_xeUtils.default.isDateSame(d,t.date,m);return i("div",{class:["vxe-date-panel--view-item",s?_xeUtils.default.isFunction(s)?"".concat(s({$datePanel:n,type:l,viewType:u,date:t.date})||""):"".concat(s||""):"",{"is--prev":t.isPrev,"is--current":t.isCurrent,"is--now":t.isNow,"is--next":t.isNext,"is--range-disabled":n.isRangeDisabled(t),"is--disabled":n.isDateDisabled(t),"is--selected":e,"is--over":p&&!e,"is--hover":!p&&_xeUtils.default.isDateSame(o,t.date,m)}],style:{width:"".concat(100/a.length,"%")},on:{click:function(){return n.dateSelectEvent(t)},mouseenter:function(){return n.dateMouseenterEvent(t)},mouseleave:n.dateMouseleaveEvent}},[i("div",{class:"vxe-date-panel--view-item-inner"},n.renderDateLabel(i,t,t.year))])}))}))])]},renderDateTable:function(e){var t=this;switch(t.reactData.datePanelType){case"week":return t.renderDateWeekTable(e);case"month":return t.renderDateMonthTable(e);case"quarter":return t.renderDateQuarterTable(e);case"year":return t.renderDateYearTable(e)}return t.renderDateDayTable(e)},renderDatePanel:function(e){var t=this,a=t.reactData.datePanelType,i=t.computeIsDisabledPrevDateBtn,n=t.computeIsDisabledNextDateBtn,l=t.computeSelectDatePanelObj;return[e("div",{class:"vxe-date-panel--picker-header"},[e("div",{class:"vxe-date-panel--picker-type-wrapper"},["year"===a?e("span",{class:"vxe-date-panel--picker-label"},l.y):e("span",{class:"vxe-date-panel--picker-btns"},[e("span",{class:"vxe-date-panel--picker-btn",on:{click:t.dateToggleYearTypeEvent}},l.y),l.m?e("span",{class:"vxe-date-panel--picker-btn",on:{click:t.dateToggleMonthTypeEvent}},l.m):(0,_ui.renderEmptyElement)(t)])]),e("div",{class:"vxe-date-panel--picker-btn-wrapper"},[e("span",{class:["vxe-date-panel--picker-btn vxe-date-panel--picker-prev-btn",{"is--disabled":i}],on:{click:t.datePrevEvent}},[e("i",{class:"vxe-icon-caret-left"})]),e("span",{class:"vxe-date-panel--picker-btn vxe-date-panel--picker-current-btn",on:{click:t.dateTodayMonthEvent}},[e("i",{class:"vxe-icon-dot"})]),e("span",{class:["vxe-date-panel--picker-btn vxe-date-panel--picker-next-btn",{"is--disabled":n}],on:{click:t.dateNextEvent}},[e("i",{class:"vxe-icon-caret-right"})])])]),e("div",{class:"vxe-date-panel--picker-body"},t.renderDateTable(e))]},renderTimePanel:function(a){var i=this,e=i.reactData,t=i.type,n=e.datetimePanelValue,e=i.computeDateTimeLabel,l=i.computeHourList,r=i.computeHasTimeMinute,s=i.computeMinuteList,u=i.computeHasTimeSecond,o=i.computeSecondList;return["time"===t?(0,_ui.renderEmptyElement)(i):a("div",{class:"vxe-date-panel--time-header"},[a("div",{class:"vxe-date-panel--time-title"},e)]),a("div",{ref:"refInputTimeBody",class:"vxe-date-panel--time-body"},[a("ul",{class:"vxe-date-panel--time-hour-list"},l.map(function(t,e){return a("li",{key:e,class:{"is--disabled":t.disabled,"is--selected":n&&n.getHours()===t.value},on:{click:function(e){return i.dateHourEvent(e,t)}}},t.label)})),r?a("ul",{class:"vxe-date-panel--time-minute-list"},s.map(function(t,e){return a("li",{key:e,class:{"is--disabled":t.disabled,"is--selected":n&&n.getMinutes()===t.value},on:{click:function(e){return i.dateMinuteEvent(e,t)}}},t.label)})):(0,_ui.renderEmptyElement)(i),r&&u?a("ul",{class:"vxe-date-panel--time-second-list"},o.map(function(t,e){return a("li",{key:e,class:{"is--disabled":t.disabled,"is--selected":n&&n.getSeconds()===t.value},on:{click:function(e){return i.dateSecondEvent(e,t)}}},t.label)})):(0,_ui.renderEmptyElement)(i)])]},renderPickerPanel:function(e){var t=this,a=t.type;return"datetime"===a?e("div",{key:a,ref:"refPanelWrapper",class:"vxe-date-panel--time-layout-wrapper"},[e("div",{class:"vxe-date-panel--time-left-wrapper"},t.renderDatePanel(e)),e("div",{class:"vxe-date-panel--time-right-wrapper"},t.renderTimePanel(e))]):"time"===a?e("div",{key:a,ref:"refPanelWrapper",class:"vxe-date-panel--wrapper"},t.renderTimePanel(e)):e("div",{key:a||"default",ref:"refPanelWrapper",class:"vxe-date-panel--wrapper"},t.renderDatePanel(e))},renderVN:function(e){var t=this.type,a=this.computeSize;return e("div",{class:["vxe-date-panel","type--".concat(t),_defineProperty({},"size--".concat(a),a)]},[this.renderPickerPanel(e)])}},watch:{value:function(e){this.updateModelValue(e),this.changeValue()},type:function(){var e=this.reactData;Object.assign(e,{inputLabel:"",datetimePanelValue:null,datePanelValue:null,datePanelLabel:"",datePanelType:"day",selectMonth:null,currentDate:null}),this.initValue()},computeDateLabelFormat:function(){var e=this,t=e,a=e.reactData;e.computeIsDatePanelType&&(e.dateParseValue(a.datePanelValue),a.inputLabel=t.multiple?e.computeDateMultipleLabel:a.datePanelLabel)}},created:function(){this.initValue(),this.dateOpenPanel()},render:function(e){return this.renderVN(e)}});
|
|
@@ -186,6 +186,7 @@
|
|
|
186
186
|
}
|
|
187
187
|
|
|
188
188
|
.vxe-date-panel--view-item {
|
|
189
|
+
position: relative;
|
|
189
190
|
padding: 0.2em;
|
|
190
191
|
}
|
|
191
192
|
.vxe-date-panel--view-item.is--prev .vxe-date-panel--view-item-inner, .vxe-date-panel--view-item.is--next .vxe-date-panel--view-item-inner {
|
|
@@ -228,6 +229,9 @@
|
|
|
228
229
|
.vxe-date-panel--view-item.is--selected .vxe-date-panel--label.is-notice:before {
|
|
229
230
|
background-color: var(--vxe-ui-input-date-picker-notice-selected-background-color);
|
|
230
231
|
}
|
|
232
|
+
.vxe-date-panel--view-item.is--range-selected {
|
|
233
|
+
background-color: var(--vxe-ui-font-primary-tinge-color);
|
|
234
|
+
}
|
|
231
235
|
.vxe-date-panel--view-item.is--range-disabled .vxe-date-panel--view-item-inner {
|
|
232
236
|
color: var(--vxe-ui-input-disabled-color);
|
|
233
237
|
background-color: inherit;
|