vxe-pc-ui 4.18.12 → 4.18.13
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/dist/all.esm.js +55 -13
- package/dist/style.css +1 -1
- package/dist/style.min.css +1 -1
- package/es/color-picker/src/color-picker.js +8 -0
- package/es/date-picker/src/date-picker.js +37 -11
- package/es/date-picker/style.css +41 -21
- package/es/date-picker/style.min.css +1 -1
- package/es/date-range-picker/src/date-range-picker.js +8 -0
- package/es/date-range-picker/style.css +41 -21
- package/es/date-range-picker/style.min.css +1 -1
- package/es/icon/style.css +1 -1
- package/es/pulldown/style.css +40 -30
- package/es/pulldown/style.min.css +1 -1
- package/es/style.css +1 -1
- package/es/style.min.css +1 -1
- package/es/ui/index.js +1 -1
- package/es/ui/src/log.js +1 -1
- package/es/vxe-date-picker/style.css +41 -21
- package/es/vxe-date-picker/style.min.css +1 -1
- package/es/vxe-date-range-picker/style.css +41 -21
- package/es/vxe-date-range-picker/style.min.css +1 -1
- package/es/vxe-pulldown/style.css +40 -30
- package/es/vxe-pulldown/style.min.css +1 -1
- package/lib/color-picker/src/color-picker.js +8 -0
- package/lib/date-picker/src/date-picker.js +37 -11
- package/lib/date-picker/src/date-picker.min.js +1 -1
- package/lib/date-picker/style/style.css +41 -21
- package/lib/date-picker/style/style.min.css +1 -1
- package/lib/date-range-picker/src/date-range-picker.js +8 -0
- package/lib/date-range-picker/style/style.css +41 -21
- package/lib/date-range-picker/style/style.min.css +1 -1
- package/lib/icon/style/style.css +1 -1
- package/lib/icon/style/style.min.css +1 -1
- package/lib/index.umd.js +55 -13
- package/lib/index.umd.min.js +1 -1
- package/lib/pulldown/style/style.css +40 -30
- package/lib/pulldown/style/style.min.css +1 -1
- package/lib/style.css +1 -1
- package/lib/style.min.css +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/vxe-date-picker/style/style.css +41 -21
- package/lib/vxe-date-picker/style/style.min.css +1 -1
- package/lib/vxe-date-range-picker/style/style.css +41 -21
- package/lib/vxe-date-range-picker/style/style.min.css +1 -1
- package/lib/vxe-pulldown/style/style.css +40 -30
- package/lib/vxe-pulldown/style/style.min.css +1 -1
- package/package.json +1 -1
- package/packages/color-picker/src/color-picker.ts +8 -0
- package/packages/date-picker/src/date-picker.ts +36 -11
- package/packages/date-range-picker/src/date-range-picker.ts +8 -0
- package/styles/components/date-picker.scss +36 -21
- package/styles/components/date-range-picker.scss +37 -21
- package/styles/components/pulldown.scss +38 -35
- package/types/components/date-picker.d.ts +10 -0
- /package/es/icon/{iconfont.1789279228951.ttf → iconfont.1789552820055.ttf} +0 -0
- /package/es/icon/{iconfont.1789279228951.woff → iconfont.1789552820055.woff} +0 -0
- /package/es/icon/{iconfont.1789279228951.woff2 → iconfont.1789552820055.woff2} +0 -0
- /package/es/{iconfont.1789279228951.ttf → iconfont.1789552820055.ttf} +0 -0
- /package/es/{iconfont.1789279228951.woff → iconfont.1789552820055.woff} +0 -0
- /package/es/{iconfont.1789279228951.woff2 → iconfont.1789552820055.woff2} +0 -0
- /package/lib/icon/style/{iconfont.1789279228951.ttf → iconfont.1789552820055.ttf} +0 -0
- /package/lib/icon/style/{iconfont.1789279228951.woff → iconfont.1789552820055.woff} +0 -0
- /package/lib/icon/style/{iconfont.1789279228951.woff2 → iconfont.1789552820055.woff2} +0 -0
- /package/lib/{iconfont.1789279228951.ttf → iconfont.1789552820055.ttf} +0 -0
- /package/lib/{iconfont.1789279228951.woff → iconfont.1789552820055.woff} +0 -0
- /package/lib/{iconfont.1789279228951.woff2 → iconfont.1789552820055.woff2} +0 -0
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 = "4.18.
|
|
4
|
+
export const version = "4.18.13";
|
|
5
5
|
VxeUI.uiVersion = version;
|
|
6
6
|
VxeUI.dynamicApp = dynamicApp;
|
|
7
7
|
export function config(options) {
|
package/es/ui/src/log.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { VxeUI } from '@vxe-ui/core';
|
|
2
2
|
const { log } = VxeUI;
|
|
3
|
-
const uiVersion = `ui v${"4.18.
|
|
3
|
+
const uiVersion = `ui v${"4.18.13"}`;
|
|
4
4
|
export function createComponentLog(name) {
|
|
5
5
|
const tableVersion = VxeUI.tableVersion ? `table v${VxeUI.tableVersion}` : '';
|
|
6
6
|
const ganttVersion = VxeUI.ganttVersion ? `gantt v${VxeUI.ganttVersion}` : '';
|
|
@@ -1,3 +1,44 @@
|
|
|
1
|
+
.vxe-date-picker,
|
|
2
|
+
.vxe-date-picker--panel {
|
|
3
|
+
--vxe-ui-date-picker-current-font-size: var(--vxe-ui-font-size-default);
|
|
4
|
+
--vxe-ui-date-picker-current-height: var(--vxe-ui-input-height-default);
|
|
5
|
+
}
|
|
6
|
+
.vxe-date-picker.size--xlarge,
|
|
7
|
+
.vxe-date-picker--panel.size--xlarge {
|
|
8
|
+
--vxe-ui-date-picker-current-font-size: var(--vxe-ui-font-size-xlarge);
|
|
9
|
+
--vxe-ui-date-picker-current-height: var(--vxe-ui-input-height-xlarge);
|
|
10
|
+
}
|
|
11
|
+
.vxe-date-picker.size--large,
|
|
12
|
+
.vxe-date-picker--panel.size--large {
|
|
13
|
+
--vxe-ui-date-picker-current-font-size: var(--vxe-ui-font-size-large);
|
|
14
|
+
--vxe-ui-date-picker-current-height: var(--vxe-ui-input-height-large);
|
|
15
|
+
}
|
|
16
|
+
.vxe-date-picker.size--medium,
|
|
17
|
+
.vxe-date-picker--panel.size--medium {
|
|
18
|
+
--vxe-ui-date-picker-current-font-size: var(--vxe-ui-font-size-medium);
|
|
19
|
+
--vxe-ui-date-picker-current-height: var(--vxe-ui-input-height-medium);
|
|
20
|
+
}
|
|
21
|
+
.vxe-date-picker.size--small,
|
|
22
|
+
.vxe-date-picker--panel.size--small {
|
|
23
|
+
--vxe-ui-date-picker-current-font-size: var(--vxe-ui-font-size-small);
|
|
24
|
+
--vxe-ui-date-picker-current-height: var(--vxe-ui-input-height-small);
|
|
25
|
+
}
|
|
26
|
+
.vxe-date-picker.size--mini,
|
|
27
|
+
.vxe-date-picker--panel.size--mini {
|
|
28
|
+
--vxe-ui-date-picker-current-font-size: var(--vxe-ui-font-size-mini);
|
|
29
|
+
--vxe-ui-date-picker-current-height: var(--vxe-ui-input-height-mini);
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
.vxe-date-picker,
|
|
33
|
+
.vxe-date-picker--panel {
|
|
34
|
+
font-size: var(--vxe-ui-date-picker-current-font-size);
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
.vxe-date-picker {
|
|
38
|
+
height: var(--vxe-ui-date-picker-current-height);
|
|
39
|
+
line-height: var(--vxe-ui-date-picker-current-height);
|
|
40
|
+
}
|
|
41
|
+
|
|
1
42
|
.vxe-date-picker--readonly {
|
|
2
43
|
color: var(--vxe-ui-font-color);
|
|
3
44
|
display: inline-flex;
|
|
@@ -255,25 +296,4 @@
|
|
|
255
296
|
padding: 0 0.8em 0.8em 0.8em;
|
|
256
297
|
display: flex;
|
|
257
298
|
align-items: center;
|
|
258
|
-
}
|
|
259
|
-
|
|
260
|
-
.vxe-date-picker {
|
|
261
|
-
font-size: var(--vxe-ui-font-size-default);
|
|
262
|
-
height: var(--vxe-ui-input-height-default);
|
|
263
|
-
line-height: var(--vxe-ui-input-height-default);
|
|
264
|
-
}
|
|
265
|
-
.vxe-date-picker.size--medium {
|
|
266
|
-
font-size: var(--vxe-ui-font-size-medium);
|
|
267
|
-
height: var(--vxe-ui-input-height-medium);
|
|
268
|
-
line-height: var(--vxe-ui-input-height-medium);
|
|
269
|
-
}
|
|
270
|
-
.vxe-date-picker.size--small {
|
|
271
|
-
font-size: var(--vxe-ui-font-size-small);
|
|
272
|
-
height: var(--vxe-ui-input-height-small);
|
|
273
|
-
line-height: var(--vxe-ui-input-height-small);
|
|
274
|
-
}
|
|
275
|
-
.vxe-date-picker.size--mini {
|
|
276
|
-
font-size: var(--vxe-ui-font-size-mini);
|
|
277
|
-
height: var(--vxe-ui-input-height-mini);
|
|
278
|
-
line-height: var(--vxe-ui-input-height-mini);
|
|
279
299
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.vxe-date-picker--readonly{color:var(--vxe-ui-font-color);display:inline-flex}.vxe-date-picker--wrapper{flex-grow:1;overflow:hidden}.vxe-date-picker--inner{display:block;width:100%;height:100%;outline:0;margin:0;font-size:inherit;font-family:inherit;line-height:inherit;padding:0 .5em;color:var(--vxe-ui-font-color);border:0;border-radius:var(--vxe-ui-base-border-radius);background-color:var(--vxe-ui-layout-background-color);box-shadow:none}.vxe-date-picker--inner::-moz-placeholder{color:var(--vxe-ui-input-placeholder-color)}.vxe-date-picker--inner::placeholder{color:var(--vxe-ui-input-placeholder-color)}.vxe-date-picker--inner::-webkit-autofill{background-color:var(--vxe-ui-layout-background-color)}.vxe-date-picker--inner[disabled]{cursor:not-allowed;color:var(--vxe-ui-font-disabled-color);background-color:var(--vxe-ui-input-disabled-background-color)}.vxe-date-picker.is--disabled{background-color:var(--vxe-ui-input-disabled-background-color)}.vxe-date-picker.is--disabled .vxe-date-picker--clear-icon,.vxe-date-picker.is--disabled .vxe-date-picker--control-icon,.vxe-date-picker.is--disabled .vxe-date-picker--prefix,.vxe-date-picker.is--disabled .vxe-date-picker--suffix{cursor:not-allowed}.vxe-date-picker.is--disabled .vxe-date-picker--prefix,.vxe-date-picker.is--disabled .vxe-date-picker--suffix{background-color:var(--vxe-ui-input-disabled-background-color)}.vxe-date-picker{display:inline-flex;flex-direction:row;position:relative;border-radius:var(--vxe-ui-base-border-radius);width:180px;border:1px solid var(--vxe-ui-input-border-color)}.vxe-date-picker.is--active{border:1px solid var(--vxe-ui-font-primary-color)}.vxe-date-picker.show--clear:hover .vxe-date-picker--clear-icon{display:block}.vxe-date-picker--prefix,.vxe-date-picker--suffix{display:flex;flex-direction:row;align-items:center;flex-shrink:0;background-color:var(--vxe-ui-layout-background-color)}.vxe-date-picker--prefix-icon{padding-left:.5em}.vxe-date-picker--clear-icon,.vxe-date-picker--control-icon,.vxe-date-picker--suffix-icon{padding-right:.5em}.vxe-date-picker--clear-icon,.vxe-date-picker--control-icon{height:100%;color:var(--vxe-ui-input-placeholder-color);cursor:pointer}.vxe-date-picker--clear-icon{display:none}.vxe-date-picker--clear-icon:hover{color:var(--vxe-ui-font-color)}.vxe-date-picker--clear-icon:active{color:var(--vxe-ui-font-primary-color)}.vxe-date-picker--panel{display:none;position:absolute;left:0;padding:4px 0;color:var(--vxe-ui-font-color);text-align:left}.vxe-date-picker--panel:not(.is--transfer){min-width:100%}.vxe-date-picker--panel.is--transfer{position:fixed}.vxe-date-picker--panel.ani--leave{display:block;opacity:0;transform:scaleY(.5);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transform-origin:center top;backface-visibility:hidden}.vxe-date-picker--panel.ani--leave[placement=top]{transform-origin:center bottom}.vxe-date-picker--panel.ani--enter{opacity:1;transform:scaleY(1)}.vxe-date-picker--panel.ani--enter>div::after{display:none}.vxe-date-picker--panel>div::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-date-picker--panel{pointer-events:none}.vxe-date-picker--panel.show--right .vxe-date-picker--layout-datetime-layout-wrapper,.vxe-date-picker--panel.show--right .vxe-date-picker--layout-wrapper,.vxe-date-picker--panel.show--top .vxe-date-picker--layout-datetime-layout-wrapper,.vxe-date-picker--panel.show--top .vxe-date-picker--layout-wrapper{border-top-right-radius:0}.vxe-date-picker--panel.show--bottom .vxe-date-picker--layout-datetime-layout-wrapper,.vxe-date-picker--panel.show--bottom .vxe-date-picker--layout-wrapper,.vxe-date-picker--panel.show--right .vxe-date-picker--layout-datetime-layout-wrapper,.vxe-date-picker--panel.show--right .vxe-date-picker--layout-wrapper{border-bottom-right-radius:0}.vxe-date-picker--panel.show--bottom .vxe-date-picker--layout-datetime-layout-wrapper,.vxe-date-picker--panel.show--bottom .vxe-date-picker--layout-wrapper,.vxe-date-picker--panel.show--left .vxe-date-picker--layout-datetime-layout-wrapper,.vxe-date-picker--panel.show--left .vxe-date-picker--layout-wrapper{border-bottom-left-radius:0}.vxe-date-picker--panel.show--left .vxe-date-picker--layout-datetime-layout-wrapper,.vxe-date-picker--panel.show--left .vxe-date-picker--layout-wrapper,.vxe-date-picker--panel.show--top .vxe-date-picker--layout-datetime-layout-wrapper,.vxe-date-picker--panel.show--top .vxe-date-picker--layout-wrapper{border-top-left-radius:0}.vxe-date-picker--panel.show--top .vxe-date-picker--layout-datetime-layout-wrapper,.vxe-date-picker--panel.show--top .vxe-date-picker--layout-wrapper{border-top-width:1px}.vxe-date-picker--panel.show--bottom .vxe-date-picker--layout-datetime-layout-wrapper,.vxe-date-picker--panel.show--bottom .vxe-date-picker--layout-wrapper{border-bottom-width:1px}.vxe-date-picker--panel.show--left .vxe-date-picker--layout-datetime-layout-wrapper,.vxe-date-picker--panel.show--left .vxe-date-picker--layout-wrapper{border-left-width:1px}.vxe-date-picker--panel.show--right .vxe-date-picker--layout-datetime-layout-wrapper,.vxe-date-picker--panel.show--right .vxe-date-picker--layout-wrapper{border-right-width:1px}.vxe-date-picker--layout-all-wrapper{display:inline-flex;flex-direction:column;pointer-events:auto;background-color:var(--vxe-ui-layout-background-color);border:1px solid var(--vxe-ui-base-popup-border-color);box-shadow:0 0 6px 2px rgba(0,0,0,.1);border-radius:var(--vxe-ui-base-border-radius)}.vxe-date-picker--layout-body-layout-wrapper{display:flex;flex-direction:row;white-space:nowrap}.vxe-date-picker--layout-body-content-wrapper,.vxe-date-picker--layout-body-layout-wrapper,.vxe-date-picker--layout-body-wrapper{flex-grow:1}.vxe-date-picker--layout-body-wrapper{display:flex;flex-direction:row}.vxe-date-picker--layout-bottom-wrapper,.vxe-date-picker--layout-footer-wrapper,.vxe-date-picker--layout-header-wrapper,.vxe-date-picker--layout-left-wrapper,.vxe-date-picker--layout-right-wrapper,.vxe-date-picker--layout-top-wrapper{flex-shrink:0}.vxe-date-picker--layout-top-wrapper{border-bottom:1px solid var(--vxe-ui-base-popup-border-color)}.vxe-date-picker--layout-bottom-wrapper{border-top:1px solid var(--vxe-ui-base-popup-border-color)}.vxe-date-picker--layout-left-wrapper{border-right:1px solid var(--vxe-ui-base-popup-border-color)}.vxe-date-picker--layout-right-wrapper{border-left:1px solid var(--vxe-ui-base-popup-border-color)}.vxe-date-picker--layout-footer-wrapper{display:flex;flex-direction:row}.vxe-date-picker--layout-footer-custom{flex-grow:1}.vxe-date-picker--layout-footer-btns{flex-shrink:0;padding:0 .8em .8em .8em;display:flex;align-items:center}
|
|
1
|
+
.vxe-date-picker,.vxe-date-picker--panel{--vxe-ui-date-picker-current-font-size:var(--vxe-ui-font-size-default);--vxe-ui-date-picker-current-height:var(--vxe-ui-input-height-default)}.vxe-date-picker--panel.size--xlarge,.vxe-date-picker.size--xlarge{--vxe-ui-date-picker-current-font-size:var(--vxe-ui-font-size-xlarge);--vxe-ui-date-picker-current-height:var(--vxe-ui-input-height-xlarge)}.vxe-date-picker--panel.size--large,.vxe-date-picker.size--large{--vxe-ui-date-picker-current-font-size:var(--vxe-ui-font-size-large);--vxe-ui-date-picker-current-height:var(--vxe-ui-input-height-large)}.vxe-date-picker--panel.size--medium,.vxe-date-picker.size--medium{--vxe-ui-date-picker-current-font-size:var(--vxe-ui-font-size-medium);--vxe-ui-date-picker-current-height:var(--vxe-ui-input-height-medium)}.vxe-date-picker--panel.size--small,.vxe-date-picker.size--small{--vxe-ui-date-picker-current-font-size:var(--vxe-ui-font-size-small);--vxe-ui-date-picker-current-height:var(--vxe-ui-input-height-small)}.vxe-date-picker--panel.size--mini,.vxe-date-picker.size--mini{--vxe-ui-date-picker-current-font-size:var(--vxe-ui-font-size-mini);--vxe-ui-date-picker-current-height:var(--vxe-ui-input-height-mini)}.vxe-date-picker,.vxe-date-picker--panel{font-size:var(--vxe-ui-date-picker-current-font-size)}.vxe-date-picker{height:var(--vxe-ui-date-picker-current-height);line-height:var(--vxe-ui-date-picker-current-height)}.vxe-date-picker--readonly{color:var(--vxe-ui-font-color);display:inline-flex}.vxe-date-picker--wrapper{flex-grow:1;overflow:hidden}.vxe-date-picker--inner{display:block;width:100%;height:100%;outline:0;margin:0;font-size:inherit;font-family:inherit;line-height:inherit;padding:0 .5em;color:var(--vxe-ui-font-color);border:0;border-radius:var(--vxe-ui-base-border-radius);background-color:var(--vxe-ui-layout-background-color);box-shadow:none}.vxe-date-picker--inner::-moz-placeholder{color:var(--vxe-ui-input-placeholder-color)}.vxe-date-picker--inner::placeholder{color:var(--vxe-ui-input-placeholder-color)}.vxe-date-picker--inner::-webkit-autofill{background-color:var(--vxe-ui-layout-background-color)}.vxe-date-picker--inner[disabled]{cursor:not-allowed;color:var(--vxe-ui-font-disabled-color);background-color:var(--vxe-ui-input-disabled-background-color)}.vxe-date-picker.is--disabled{background-color:var(--vxe-ui-input-disabled-background-color)}.vxe-date-picker.is--disabled .vxe-date-picker--clear-icon,.vxe-date-picker.is--disabled .vxe-date-picker--control-icon,.vxe-date-picker.is--disabled .vxe-date-picker--prefix,.vxe-date-picker.is--disabled .vxe-date-picker--suffix{cursor:not-allowed}.vxe-date-picker.is--disabled .vxe-date-picker--prefix,.vxe-date-picker.is--disabled .vxe-date-picker--suffix{background-color:var(--vxe-ui-input-disabled-background-color)}.vxe-date-picker{display:inline-flex;flex-direction:row;position:relative;border-radius:var(--vxe-ui-base-border-radius);width:180px;border:1px solid var(--vxe-ui-input-border-color)}.vxe-date-picker.is--active{border:1px solid var(--vxe-ui-font-primary-color)}.vxe-date-picker.show--clear:hover .vxe-date-picker--clear-icon{display:block}.vxe-date-picker--prefix,.vxe-date-picker--suffix{display:flex;flex-direction:row;align-items:center;flex-shrink:0;background-color:var(--vxe-ui-layout-background-color)}.vxe-date-picker--prefix-icon{padding-left:.5em}.vxe-date-picker--clear-icon,.vxe-date-picker--control-icon,.vxe-date-picker--suffix-icon{padding-right:.5em}.vxe-date-picker--clear-icon,.vxe-date-picker--control-icon{height:100%;color:var(--vxe-ui-input-placeholder-color);cursor:pointer}.vxe-date-picker--clear-icon{display:none}.vxe-date-picker--clear-icon:hover{color:var(--vxe-ui-font-color)}.vxe-date-picker--clear-icon:active{color:var(--vxe-ui-font-primary-color)}.vxe-date-picker--panel{display:none;position:absolute;left:0;padding:4px 0;color:var(--vxe-ui-font-color);text-align:left}.vxe-date-picker--panel:not(.is--transfer){min-width:100%}.vxe-date-picker--panel.is--transfer{position:fixed}.vxe-date-picker--panel.ani--leave{display:block;opacity:0;transform:scaleY(.5);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transform-origin:center top;backface-visibility:hidden}.vxe-date-picker--panel.ani--leave[placement=top]{transform-origin:center bottom}.vxe-date-picker--panel.ani--enter{opacity:1;transform:scaleY(1)}.vxe-date-picker--panel.ani--enter>div::after{display:none}.vxe-date-picker--panel>div::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-date-picker--panel{pointer-events:none}.vxe-date-picker--panel.show--right .vxe-date-picker--layout-datetime-layout-wrapper,.vxe-date-picker--panel.show--right .vxe-date-picker--layout-wrapper,.vxe-date-picker--panel.show--top .vxe-date-picker--layout-datetime-layout-wrapper,.vxe-date-picker--panel.show--top .vxe-date-picker--layout-wrapper{border-top-right-radius:0}.vxe-date-picker--panel.show--bottom .vxe-date-picker--layout-datetime-layout-wrapper,.vxe-date-picker--panel.show--bottom .vxe-date-picker--layout-wrapper,.vxe-date-picker--panel.show--right .vxe-date-picker--layout-datetime-layout-wrapper,.vxe-date-picker--panel.show--right .vxe-date-picker--layout-wrapper{border-bottom-right-radius:0}.vxe-date-picker--panel.show--bottom .vxe-date-picker--layout-datetime-layout-wrapper,.vxe-date-picker--panel.show--bottom .vxe-date-picker--layout-wrapper,.vxe-date-picker--panel.show--left .vxe-date-picker--layout-datetime-layout-wrapper,.vxe-date-picker--panel.show--left .vxe-date-picker--layout-wrapper{border-bottom-left-radius:0}.vxe-date-picker--panel.show--left .vxe-date-picker--layout-datetime-layout-wrapper,.vxe-date-picker--panel.show--left .vxe-date-picker--layout-wrapper,.vxe-date-picker--panel.show--top .vxe-date-picker--layout-datetime-layout-wrapper,.vxe-date-picker--panel.show--top .vxe-date-picker--layout-wrapper{border-top-left-radius:0}.vxe-date-picker--panel.show--top .vxe-date-picker--layout-datetime-layout-wrapper,.vxe-date-picker--panel.show--top .vxe-date-picker--layout-wrapper{border-top-width:1px}.vxe-date-picker--panel.show--bottom .vxe-date-picker--layout-datetime-layout-wrapper,.vxe-date-picker--panel.show--bottom .vxe-date-picker--layout-wrapper{border-bottom-width:1px}.vxe-date-picker--panel.show--left .vxe-date-picker--layout-datetime-layout-wrapper,.vxe-date-picker--panel.show--left .vxe-date-picker--layout-wrapper{border-left-width:1px}.vxe-date-picker--panel.show--right .vxe-date-picker--layout-datetime-layout-wrapper,.vxe-date-picker--panel.show--right .vxe-date-picker--layout-wrapper{border-right-width:1px}.vxe-date-picker--layout-all-wrapper{display:inline-flex;flex-direction:column;pointer-events:auto;background-color:var(--vxe-ui-layout-background-color);border:1px solid var(--vxe-ui-base-popup-border-color);box-shadow:0 0 6px 2px rgba(0,0,0,.1);border-radius:var(--vxe-ui-base-border-radius)}.vxe-date-picker--layout-body-layout-wrapper{display:flex;flex-direction:row;white-space:nowrap}.vxe-date-picker--layout-body-content-wrapper,.vxe-date-picker--layout-body-layout-wrapper,.vxe-date-picker--layout-body-wrapper{flex-grow:1}.vxe-date-picker--layout-body-wrapper{display:flex;flex-direction:row}.vxe-date-picker--layout-bottom-wrapper,.vxe-date-picker--layout-footer-wrapper,.vxe-date-picker--layout-header-wrapper,.vxe-date-picker--layout-left-wrapper,.vxe-date-picker--layout-right-wrapper,.vxe-date-picker--layout-top-wrapper{flex-shrink:0}.vxe-date-picker--layout-top-wrapper{border-bottom:1px solid var(--vxe-ui-base-popup-border-color)}.vxe-date-picker--layout-bottom-wrapper{border-top:1px solid var(--vxe-ui-base-popup-border-color)}.vxe-date-picker--layout-left-wrapper{border-right:1px solid var(--vxe-ui-base-popup-border-color)}.vxe-date-picker--layout-right-wrapper{border-left:1px solid var(--vxe-ui-base-popup-border-color)}.vxe-date-picker--layout-footer-wrapper{display:flex;flex-direction:row}.vxe-date-picker--layout-footer-custom{flex-grow:1}.vxe-date-picker--layout-footer-btns{flex-shrink:0;padding:0 .8em .8em .8em;display:flex;align-items:center}
|
|
@@ -1,3 +1,44 @@
|
|
|
1
|
+
.vxe-date-range-picker,
|
|
2
|
+
.vxe-date-range-picker--panel {
|
|
3
|
+
--vxe-ui-date-range-picker-current-font-size: var(--vxe-ui-font-size-default);
|
|
4
|
+
--vxe-ui-date-range-picker-current-height: var(--vxe-ui-input-height-default);
|
|
5
|
+
}
|
|
6
|
+
.vxe-date-range-picker.size--xlarge,
|
|
7
|
+
.vxe-date-range-picker--panel.size--xlarge {
|
|
8
|
+
--vxe-ui-date-range-picker-current-font-size: var(--vxe-ui-font-size-xlarge);
|
|
9
|
+
--vxe-ui-date-range-picker-current-height: var(--vxe-ui-input-height-xlarge);
|
|
10
|
+
}
|
|
11
|
+
.vxe-date-range-picker.size--large,
|
|
12
|
+
.vxe-date-range-picker--panel.size--large {
|
|
13
|
+
--vxe-ui-date-range-picker-current-font-size: var(--vxe-ui-font-size-large);
|
|
14
|
+
--vxe-ui-date-range-picker-current-height: var(--vxe-ui-input-height-large);
|
|
15
|
+
}
|
|
16
|
+
.vxe-date-range-picker.size--medium,
|
|
17
|
+
.vxe-date-range-picker--panel.size--medium {
|
|
18
|
+
--vxe-ui-date-range-picker-current-font-size: var(--vxe-ui-font-size-medium);
|
|
19
|
+
--vxe-ui-date-range-picker-current-height: var(--vxe-ui-input-height-medium);
|
|
20
|
+
}
|
|
21
|
+
.vxe-date-range-picker.size--small,
|
|
22
|
+
.vxe-date-range-picker--panel.size--small {
|
|
23
|
+
--vxe-ui-date-range-picker-current-font-size: var(--vxe-ui-font-size-small);
|
|
24
|
+
--vxe-ui-date-range-picker-current-height: var(--vxe-ui-input-height-small);
|
|
25
|
+
}
|
|
26
|
+
.vxe-date-range-picker.size--mini,
|
|
27
|
+
.vxe-date-range-picker--panel.size--mini {
|
|
28
|
+
--vxe-ui-date-range-picker-current-font-size: var(--vxe-ui-font-size-mini);
|
|
29
|
+
--vxe-ui-date-range-picker-current-height: var(--vxe-ui-input-height-mini);
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
.vxe-date-range-picker,
|
|
33
|
+
.vxe-date-range-picker--panel {
|
|
34
|
+
font-size: var(--vxe-ui-date-range-picker-current-font-size);
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
.vxe-date-range-picker {
|
|
38
|
+
height: var(--vxe-ui-date-range-picker-current-height);
|
|
39
|
+
line-height: var(--vxe-ui-date-range-picker-current-height);
|
|
40
|
+
}
|
|
41
|
+
|
|
1
42
|
.vxe-date-range-picker--readonly {
|
|
2
43
|
color: var(--vxe-ui-font-color);
|
|
3
44
|
display: inline-flex;
|
|
@@ -261,25 +302,4 @@
|
|
|
261
302
|
.vxe-date-range-picker--layout-footer-btns {
|
|
262
303
|
flex-shrink: 0;
|
|
263
304
|
padding-left: 0.8em;
|
|
264
|
-
}
|
|
265
|
-
|
|
266
|
-
.vxe-date-range-picker {
|
|
267
|
-
font-size: var(--vxe-ui-font-size-default);
|
|
268
|
-
height: var(--vxe-ui-input-height-default);
|
|
269
|
-
line-height: var(--vxe-ui-input-height-default);
|
|
270
|
-
}
|
|
271
|
-
.vxe-date-range-picker.size--medium {
|
|
272
|
-
font-size: var(--vxe-ui-font-size-medium);
|
|
273
|
-
height: var(--vxe-ui-input-height-medium);
|
|
274
|
-
line-height: var(--vxe-ui-input-height-medium);
|
|
275
|
-
}
|
|
276
|
-
.vxe-date-range-picker.size--small {
|
|
277
|
-
font-size: var(--vxe-ui-font-size-small);
|
|
278
|
-
height: var(--vxe-ui-input-height-small);
|
|
279
|
-
line-height: var(--vxe-ui-input-height-small);
|
|
280
|
-
}
|
|
281
|
-
.vxe-date-range-picker.size--mini {
|
|
282
|
-
font-size: var(--vxe-ui-font-size-mini);
|
|
283
|
-
height: var(--vxe-ui-input-height-mini);
|
|
284
|
-
line-height: var(--vxe-ui-input-height-mini);
|
|
285
305
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.vxe-date-range-picker--readonly{color:var(--vxe-ui-font-color);display:inline-flex}.vxe-date-range-picker--wrapper{flex-grow:1;overflow:hidden}.vxe-date-range-picker--inner{display:block;width:100%;height:100%;outline:0;margin:0;font-size:inherit;font-family:inherit;line-height:inherit;padding:0 .5em;color:var(--vxe-ui-font-color);border:0;border-radius:var(--vxe-ui-base-border-radius);background-color:var(--vxe-ui-layout-background-color);box-shadow:none}.vxe-date-range-picker--inner::-moz-placeholder{color:var(--vxe-ui-input-placeholder-color)}.vxe-date-range-picker--inner::placeholder{color:var(--vxe-ui-input-placeholder-color)}.vxe-date-range-picker--inner::-webkit-autofill{background-color:var(--vxe-ui-layout-background-color)}.vxe-date-range-picker--inner[disabled]{cursor:not-allowed;color:var(--vxe-ui-font-disabled-color);background-color:var(--vxe-ui-input-disabled-background-color)}.vxe-date-range-picker.is--disabled{background-color:var(--vxe-ui-input-disabled-background-color)}.vxe-date-range-picker.is--disabled .vxe-date-range-picker--clear-icon,.vxe-date-range-picker.is--disabled .vxe-date-range-picker--control-icon,.vxe-date-range-picker.is--disabled .vxe-date-range-picker--prefix,.vxe-date-range-picker.is--disabled .vxe-date-range-picker--suffix{cursor:not-allowed}.vxe-date-range-picker.is--disabled .vxe-date-range-picker--prefix,.vxe-date-range-picker.is--disabled .vxe-date-range-picker--suffix{background-color:var(--vxe-ui-input-disabled-background-color)}.vxe-date-range-picker{display:inline-flex;flex-direction:row;position:relative;border-radius:var(--vxe-ui-base-border-radius);width:330px;border:1px solid var(--vxe-ui-input-border-color)}.vxe-date-range-picker.is--active{border:1px solid var(--vxe-ui-font-primary-color)}.vxe-date-range-picker.show--clear:hover .vxe-date-range-picker--clear-icon{display:block}.vxe-date-range-picker--prefix,.vxe-date-range-picker--suffix{display:flex;flex-direction:row;align-items:center;flex-shrink:0;background-color:var(--vxe-ui-layout-background-color)}.vxe-date-range-picker--prefix-icon{padding-left:.5em}.vxe-date-range-picker--clear-icon,.vxe-date-range-picker--control-icon,.vxe-date-range-picker--suffix-icon{padding-right:.5em}.vxe-date-range-picker--clear-icon,.vxe-date-range-picker--control-icon{height:100%;color:var(--vxe-ui-input-placeholder-color);cursor:pointer}.vxe-date-range-picker--clear-icon{display:none}.vxe-date-range-picker--clear-icon:hover{color:var(--vxe-ui-font-color)}.vxe-date-range-picker--clear-icon:active{color:var(--vxe-ui-font-primary-color)}.vxe-date-range-picker--panel{display:none;position:absolute;left:0;padding:4px 0;color:var(--vxe-ui-font-color);text-align:left}.vxe-date-range-picker--panel:not(.is--transfer){min-width:100%}.vxe-date-range-picker--panel.is--transfer{position:fixed}.vxe-date-range-picker--panel.ani--leave{display:block;opacity:0;transform:scaleY(.5);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transform-origin:center top;backface-visibility:hidden}.vxe-date-range-picker--panel.ani--leave[placement=top]{transform-origin:center bottom}.vxe-date-range-picker--panel.ani--enter{opacity:1;transform:scaleY(1)}.vxe-date-range-picker--panel.ani--enter>div::after{display:none}.vxe-date-range-picker--panel>div::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-date-range-picker--panel{pointer-events:none}.vxe-date-range-picker--panel.show--right .vxe-date-range-picker--layout-datetime-layout-wrapper,.vxe-date-range-picker--panel.show--right .vxe-date-range-picker--layout-wrapper,.vxe-date-range-picker--panel.show--top .vxe-date-range-picker--layout-datetime-layout-wrapper,.vxe-date-range-picker--panel.show--top .vxe-date-range-picker--layout-wrapper{border-top-right-radius:0}.vxe-date-range-picker--panel.show--bottom .vxe-date-range-picker--layout-datetime-layout-wrapper,.vxe-date-range-picker--panel.show--bottom .vxe-date-range-picker--layout-wrapper,.vxe-date-range-picker--panel.show--right .vxe-date-range-picker--layout-datetime-layout-wrapper,.vxe-date-range-picker--panel.show--right .vxe-date-range-picker--layout-wrapper{border-bottom-right-radius:0}.vxe-date-range-picker--panel.show--bottom .vxe-date-range-picker--layout-datetime-layout-wrapper,.vxe-date-range-picker--panel.show--bottom .vxe-date-range-picker--layout-wrapper,.vxe-date-range-picker--panel.show--left .vxe-date-range-picker--layout-datetime-layout-wrapper,.vxe-date-range-picker--panel.show--left .vxe-date-range-picker--layout-wrapper{border-bottom-left-radius:0}.vxe-date-range-picker--panel.show--left .vxe-date-range-picker--layout-datetime-layout-wrapper,.vxe-date-range-picker--panel.show--left .vxe-date-range-picker--layout-wrapper,.vxe-date-range-picker--panel.show--top .vxe-date-range-picker--layout-datetime-layout-wrapper,.vxe-date-range-picker--panel.show--top .vxe-date-range-picker--layout-wrapper{border-top-left-radius:0}.vxe-date-range-picker--panel.show--top .vxe-date-range-picker--layout-datetime-layout-wrapper,.vxe-date-range-picker--panel.show--top .vxe-date-range-picker--layout-wrapper{border-top-width:1px}.vxe-date-range-picker--panel.show--bottom .vxe-date-range-picker--layout-datetime-layout-wrapper,.vxe-date-range-picker--panel.show--bottom .vxe-date-range-picker--layout-wrapper{border-bottom-width:1px}.vxe-date-range-picker--panel.show--left .vxe-date-range-picker--layout-datetime-layout-wrapper,.vxe-date-range-picker--panel.show--left .vxe-date-range-picker--layout-wrapper{border-left-width:1px}.vxe-date-range-picker--panel.show--right .vxe-date-range-picker--layout-datetime-layout-wrapper,.vxe-date-range-picker--panel.show--right .vxe-date-range-picker--layout-wrapper{border-right-width:1px}.vxe-date-range-picker--layout-all-wrapper{display:inline-flex;flex-direction:column;pointer-events:auto;background-color:var(--vxe-ui-layout-background-color);border:1px solid var(--vxe-ui-base-popup-border-color);box-shadow:0 0 6px 2px rgba(0,0,0,.1);border-radius:var(--vxe-ui-base-border-radius);line-height:1.5}.vxe-date-range-picker--layout-body-layout-wrapper{display:flex;flex-direction:row;white-space:nowrap}.vxe-date-range-picker--layout-body-content-wrapper,.vxe-date-range-picker--layout-body-layout-wrapper,.vxe-date-range-picker--layout-body-wrapper{flex-grow:1}.vxe-date-range-picker--layout-body-wrapper{display:flex;flex-direction:row}.vxe-date-range-picker--layout-bottom-wrapper,.vxe-date-range-picker--layout-footer-wrapper,.vxe-date-range-picker--layout-header-wrapper,.vxe-date-range-picker--layout-left-wrapper,.vxe-date-range-picker--layout-right-wrapper,.vxe-date-range-picker--layout-top-wrapper{flex-shrink:0}.vxe-date-range-picker--layout-top-wrapper{border-bottom:1px solid var(--vxe-ui-base-popup-border-color)}.vxe-date-range-picker--layout-bottom-wrapper{border-top:1px solid var(--vxe-ui-base-popup-border-color)}.vxe-date-range-picker--layout-left-wrapper{border-right:1px solid var(--vxe-ui-base-popup-border-color)}.vxe-date-range-picker--layout-right-wrapper{border-left:1px solid var(--vxe-ui-base-popup-border-color)}.vxe-date-range-picker--layout-footer-wrapper{display:flex;flex-direction:row;padding:0 .8em .8em .8em}.vxe-date-range-picker--layout-footer-label{padding-right:.8em;flex-shrink:0}.vxe-date-range-picker--layout-footer-custom{flex-grow:1;text-align:right}.vxe-date-range-picker--layout-footer-btns{flex-shrink:0;padding-left:.8em}
|
|
1
|
+
.vxe-date-range-picker,.vxe-date-range-picker--panel{--vxe-ui-date-range-picker-current-font-size:var(--vxe-ui-font-size-default);--vxe-ui-date-range-picker-current-height:var(--vxe-ui-input-height-default)}.vxe-date-range-picker--panel.size--xlarge,.vxe-date-range-picker.size--xlarge{--vxe-ui-date-range-picker-current-font-size:var(--vxe-ui-font-size-xlarge);--vxe-ui-date-range-picker-current-height:var(--vxe-ui-input-height-xlarge)}.vxe-date-range-picker--panel.size--large,.vxe-date-range-picker.size--large{--vxe-ui-date-range-picker-current-font-size:var(--vxe-ui-font-size-large);--vxe-ui-date-range-picker-current-height:var(--vxe-ui-input-height-large)}.vxe-date-range-picker--panel.size--medium,.vxe-date-range-picker.size--medium{--vxe-ui-date-range-picker-current-font-size:var(--vxe-ui-font-size-medium);--vxe-ui-date-range-picker-current-height:var(--vxe-ui-input-height-medium)}.vxe-date-range-picker--panel.size--small,.vxe-date-range-picker.size--small{--vxe-ui-date-range-picker-current-font-size:var(--vxe-ui-font-size-small);--vxe-ui-date-range-picker-current-height:var(--vxe-ui-input-height-small)}.vxe-date-range-picker--panel.size--mini,.vxe-date-range-picker.size--mini{--vxe-ui-date-range-picker-current-font-size:var(--vxe-ui-font-size-mini);--vxe-ui-date-range-picker-current-height:var(--vxe-ui-input-height-mini)}.vxe-date-range-picker,.vxe-date-range-picker--panel{font-size:var(--vxe-ui-date-range-picker-current-font-size)}.vxe-date-range-picker{height:var(--vxe-ui-date-range-picker-current-height);line-height:var(--vxe-ui-date-range-picker-current-height)}.vxe-date-range-picker--readonly{color:var(--vxe-ui-font-color);display:inline-flex}.vxe-date-range-picker--wrapper{flex-grow:1;overflow:hidden}.vxe-date-range-picker--inner{display:block;width:100%;height:100%;outline:0;margin:0;font-size:inherit;font-family:inherit;line-height:inherit;padding:0 .5em;color:var(--vxe-ui-font-color);border:0;border-radius:var(--vxe-ui-base-border-radius);background-color:var(--vxe-ui-layout-background-color);box-shadow:none}.vxe-date-range-picker--inner::-moz-placeholder{color:var(--vxe-ui-input-placeholder-color)}.vxe-date-range-picker--inner::placeholder{color:var(--vxe-ui-input-placeholder-color)}.vxe-date-range-picker--inner::-webkit-autofill{background-color:var(--vxe-ui-layout-background-color)}.vxe-date-range-picker--inner[disabled]{cursor:not-allowed;color:var(--vxe-ui-font-disabled-color);background-color:var(--vxe-ui-input-disabled-background-color)}.vxe-date-range-picker.is--disabled{background-color:var(--vxe-ui-input-disabled-background-color)}.vxe-date-range-picker.is--disabled .vxe-date-range-picker--clear-icon,.vxe-date-range-picker.is--disabled .vxe-date-range-picker--control-icon,.vxe-date-range-picker.is--disabled .vxe-date-range-picker--prefix,.vxe-date-range-picker.is--disabled .vxe-date-range-picker--suffix{cursor:not-allowed}.vxe-date-range-picker.is--disabled .vxe-date-range-picker--prefix,.vxe-date-range-picker.is--disabled .vxe-date-range-picker--suffix{background-color:var(--vxe-ui-input-disabled-background-color)}.vxe-date-range-picker{display:inline-flex;flex-direction:row;position:relative;border-radius:var(--vxe-ui-base-border-radius);width:330px;border:1px solid var(--vxe-ui-input-border-color)}.vxe-date-range-picker.is--active{border:1px solid var(--vxe-ui-font-primary-color)}.vxe-date-range-picker.show--clear:hover .vxe-date-range-picker--clear-icon{display:block}.vxe-date-range-picker--prefix,.vxe-date-range-picker--suffix{display:flex;flex-direction:row;align-items:center;flex-shrink:0;background-color:var(--vxe-ui-layout-background-color)}.vxe-date-range-picker--prefix-icon{padding-left:.5em}.vxe-date-range-picker--clear-icon,.vxe-date-range-picker--control-icon,.vxe-date-range-picker--suffix-icon{padding-right:.5em}.vxe-date-range-picker--clear-icon,.vxe-date-range-picker--control-icon{height:100%;color:var(--vxe-ui-input-placeholder-color);cursor:pointer}.vxe-date-range-picker--clear-icon{display:none}.vxe-date-range-picker--clear-icon:hover{color:var(--vxe-ui-font-color)}.vxe-date-range-picker--clear-icon:active{color:var(--vxe-ui-font-primary-color)}.vxe-date-range-picker--panel{display:none;position:absolute;left:0;padding:4px 0;color:var(--vxe-ui-font-color);text-align:left}.vxe-date-range-picker--panel:not(.is--transfer){min-width:100%}.vxe-date-range-picker--panel.is--transfer{position:fixed}.vxe-date-range-picker--panel.ani--leave{display:block;opacity:0;transform:scaleY(.5);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transform-origin:center top;backface-visibility:hidden}.vxe-date-range-picker--panel.ani--leave[placement=top]{transform-origin:center bottom}.vxe-date-range-picker--panel.ani--enter{opacity:1;transform:scaleY(1)}.vxe-date-range-picker--panel.ani--enter>div::after{display:none}.vxe-date-range-picker--panel>div::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-date-range-picker--panel{pointer-events:none}.vxe-date-range-picker--panel.show--right .vxe-date-range-picker--layout-datetime-layout-wrapper,.vxe-date-range-picker--panel.show--right .vxe-date-range-picker--layout-wrapper,.vxe-date-range-picker--panel.show--top .vxe-date-range-picker--layout-datetime-layout-wrapper,.vxe-date-range-picker--panel.show--top .vxe-date-range-picker--layout-wrapper{border-top-right-radius:0}.vxe-date-range-picker--panel.show--bottom .vxe-date-range-picker--layout-datetime-layout-wrapper,.vxe-date-range-picker--panel.show--bottom .vxe-date-range-picker--layout-wrapper,.vxe-date-range-picker--panel.show--right .vxe-date-range-picker--layout-datetime-layout-wrapper,.vxe-date-range-picker--panel.show--right .vxe-date-range-picker--layout-wrapper{border-bottom-right-radius:0}.vxe-date-range-picker--panel.show--bottom .vxe-date-range-picker--layout-datetime-layout-wrapper,.vxe-date-range-picker--panel.show--bottom .vxe-date-range-picker--layout-wrapper,.vxe-date-range-picker--panel.show--left .vxe-date-range-picker--layout-datetime-layout-wrapper,.vxe-date-range-picker--panel.show--left .vxe-date-range-picker--layout-wrapper{border-bottom-left-radius:0}.vxe-date-range-picker--panel.show--left .vxe-date-range-picker--layout-datetime-layout-wrapper,.vxe-date-range-picker--panel.show--left .vxe-date-range-picker--layout-wrapper,.vxe-date-range-picker--panel.show--top .vxe-date-range-picker--layout-datetime-layout-wrapper,.vxe-date-range-picker--panel.show--top .vxe-date-range-picker--layout-wrapper{border-top-left-radius:0}.vxe-date-range-picker--panel.show--top .vxe-date-range-picker--layout-datetime-layout-wrapper,.vxe-date-range-picker--panel.show--top .vxe-date-range-picker--layout-wrapper{border-top-width:1px}.vxe-date-range-picker--panel.show--bottom .vxe-date-range-picker--layout-datetime-layout-wrapper,.vxe-date-range-picker--panel.show--bottom .vxe-date-range-picker--layout-wrapper{border-bottom-width:1px}.vxe-date-range-picker--panel.show--left .vxe-date-range-picker--layout-datetime-layout-wrapper,.vxe-date-range-picker--panel.show--left .vxe-date-range-picker--layout-wrapper{border-left-width:1px}.vxe-date-range-picker--panel.show--right .vxe-date-range-picker--layout-datetime-layout-wrapper,.vxe-date-range-picker--panel.show--right .vxe-date-range-picker--layout-wrapper{border-right-width:1px}.vxe-date-range-picker--layout-all-wrapper{display:inline-flex;flex-direction:column;pointer-events:auto;background-color:var(--vxe-ui-layout-background-color);border:1px solid var(--vxe-ui-base-popup-border-color);box-shadow:0 0 6px 2px rgba(0,0,0,.1);border-radius:var(--vxe-ui-base-border-radius);line-height:1.5}.vxe-date-range-picker--layout-body-layout-wrapper{display:flex;flex-direction:row;white-space:nowrap}.vxe-date-range-picker--layout-body-content-wrapper,.vxe-date-range-picker--layout-body-layout-wrapper,.vxe-date-range-picker--layout-body-wrapper{flex-grow:1}.vxe-date-range-picker--layout-body-wrapper{display:flex;flex-direction:row}.vxe-date-range-picker--layout-bottom-wrapper,.vxe-date-range-picker--layout-footer-wrapper,.vxe-date-range-picker--layout-header-wrapper,.vxe-date-range-picker--layout-left-wrapper,.vxe-date-range-picker--layout-right-wrapper,.vxe-date-range-picker--layout-top-wrapper{flex-shrink:0}.vxe-date-range-picker--layout-top-wrapper{border-bottom:1px solid var(--vxe-ui-base-popup-border-color)}.vxe-date-range-picker--layout-bottom-wrapper{border-top:1px solid var(--vxe-ui-base-popup-border-color)}.vxe-date-range-picker--layout-left-wrapper{border-right:1px solid var(--vxe-ui-base-popup-border-color)}.vxe-date-range-picker--layout-right-wrapper{border-left:1px solid var(--vxe-ui-base-popup-border-color)}.vxe-date-range-picker--layout-footer-wrapper{display:flex;flex-direction:row;padding:0 .8em .8em .8em}.vxe-date-range-picker--layout-footer-label{padding-right:.8em;flex-shrink:0}.vxe-date-range-picker--layout-footer-custom{flex-grow:1;text-align:right}.vxe-date-range-picker--layout-footer-btns{flex-shrink:0;padding-left:.8em}
|
|
@@ -1,3 +1,34 @@
|
|
|
1
|
+
.vxe-pulldown,
|
|
2
|
+
.vxe-pulldown--panel {
|
|
3
|
+
--vxe-ui-pulldown-current-font-size: var(--vxe-ui-font-size-default);
|
|
4
|
+
--vxe-ui-pulldown-current-option-height: var(--vxe-ui-pulldown-option-height-default);
|
|
5
|
+
}
|
|
6
|
+
.vxe-pulldown.size--xlarge,
|
|
7
|
+
.vxe-pulldown--panel.size--xlarge {
|
|
8
|
+
--vxe-ui-pulldown-current-font-size: var(--vxe-ui-font-size-xlarge);
|
|
9
|
+
--vxe-ui-pulldown-current-option-height: var(--vxe-ui-pulldown-option-height-xlarge);
|
|
10
|
+
}
|
|
11
|
+
.vxe-pulldown.size--large,
|
|
12
|
+
.vxe-pulldown--panel.size--large {
|
|
13
|
+
--vxe-ui-pulldown-current-font-size: var(--vxe-ui-font-size-large);
|
|
14
|
+
--vxe-ui-pulldown-current-option-height: var(--vxe-ui-pulldown-option-height-large);
|
|
15
|
+
}
|
|
16
|
+
.vxe-pulldown.size--medium,
|
|
17
|
+
.vxe-pulldown--panel.size--medium {
|
|
18
|
+
--vxe-ui-pulldown-current-font-size: var(--vxe-ui-font-size-medium);
|
|
19
|
+
--vxe-ui-pulldown-current-option-height: var(--vxe-ui-pulldown-option-height-medium);
|
|
20
|
+
}
|
|
21
|
+
.vxe-pulldown.size--small,
|
|
22
|
+
.vxe-pulldown--panel.size--small {
|
|
23
|
+
--vxe-ui-pulldown-current-font-size: var(--vxe-ui-font-size-small);
|
|
24
|
+
--vxe-ui-pulldown-current-option-height: var(--vxe-ui-pulldown-option-height-small);
|
|
25
|
+
}
|
|
26
|
+
.vxe-pulldown.size--mini,
|
|
27
|
+
.vxe-pulldown--panel.size--mini {
|
|
28
|
+
--vxe-ui-pulldown-current-font-size: var(--vxe-ui-font-size-mini);
|
|
29
|
+
--vxe-ui-pulldown-current-option-height: var(--vxe-ui-pulldown-option-height-mini);
|
|
30
|
+
}
|
|
31
|
+
|
|
1
32
|
.vxe-pulldown {
|
|
2
33
|
position: relative;
|
|
3
34
|
display: inline-block;
|
|
@@ -6,6 +37,15 @@
|
|
|
6
37
|
text-align: left;
|
|
7
38
|
}
|
|
8
39
|
|
|
40
|
+
.vxe-pulldown,
|
|
41
|
+
.vxe-pulldown--panel {
|
|
42
|
+
font-size: var(--vxe-ui-pulldown-current-font-size);
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
.vxe-pulldown--panel .vxe-pulldown--panel-item {
|
|
46
|
+
height: var(--vxe-ui-pulldown-current-option-height);
|
|
47
|
+
}
|
|
48
|
+
|
|
9
49
|
.vxe-pulldown--panel {
|
|
10
50
|
display: none;
|
|
11
51
|
position: absolute;
|
|
@@ -75,34 +115,4 @@
|
|
|
75
115
|
.vxe-pulldown--panel-list .vxe-pulldown--panel-item.is--disabled {
|
|
76
116
|
color: var(--vxe-ui-font-disabled-color);
|
|
77
117
|
cursor: no-drop;
|
|
78
|
-
}
|
|
79
|
-
|
|
80
|
-
.vxe-pulldown,
|
|
81
|
-
.vxe-pulldown--panel {
|
|
82
|
-
font-size: var(--vxe-ui-font-size-default);
|
|
83
|
-
}
|
|
84
|
-
.vxe-pulldown.size--medium,
|
|
85
|
-
.vxe-pulldown--panel.size--medium {
|
|
86
|
-
font-size: var(--vxe-ui-font-size-medium);
|
|
87
|
-
}
|
|
88
|
-
.vxe-pulldown.size--small,
|
|
89
|
-
.vxe-pulldown--panel.size--small {
|
|
90
|
-
font-size: var(--vxe-ui-font-size-small);
|
|
91
|
-
}
|
|
92
|
-
.vxe-pulldown.size--mini,
|
|
93
|
-
.vxe-pulldown--panel.size--mini {
|
|
94
|
-
font-size: var(--vxe-ui-font-size-mini);
|
|
95
|
-
}
|
|
96
|
-
|
|
97
|
-
.vxe-pulldown--panel .vxe-pulldown--panel-item {
|
|
98
|
-
height: var(--vxe-ui-pulldown-option-height-default);
|
|
99
|
-
}
|
|
100
|
-
.vxe-pulldown--panel.size--medium .vxe-pulldown--panel-item {
|
|
101
|
-
height: var(--vxe-ui-pulldown-option-height-medium);
|
|
102
|
-
}
|
|
103
|
-
.vxe-pulldown--panel.size--small .vxe-pulldown--panel-item {
|
|
104
|
-
height: var(--vxe-ui-pulldown-option-height-medium);
|
|
105
|
-
}
|
|
106
|
-
.vxe-pulldown--panel.size--mini .vxe-pulldown--panel-item {
|
|
107
|
-
height: var(--vxe-ui-pulldown-option-height-medium);
|
|
108
118
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.vxe-pulldown{position:relative;display:inline-block;color:var(--vxe-ui-font-color);font-family:var(--vxe-ui-font-family);text-align:left}.vxe-pulldown--panel{display:none;position:absolute;left:0;padding:4px 0;color:var(--vxe-ui-font-color);text-align:left}.vxe-pulldown--panel:not(.is--transfer){min-width:100%}.vxe-pulldown--panel.is--transfer{position:fixed}.vxe-pulldown--panel.ani--leave{display:block;opacity:0;transform:scaleY(.5);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transform-origin:center top;backface-visibility:hidden}.vxe-pulldown--panel.ani--leave[placement=top]{transform-origin:center bottom}.vxe-pulldown--panel.ani--enter{opacity:1;transform:scaleY(1)}.vxe-pulldown--panel.ani--enter>div::after{display:none}.vxe-pulldown--panel>div::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-pulldown--panel-wrapper{background-color:var(--vxe-ui-layout-background-color)}.vxe-pulldown--panel-wrapper.is--shadow{box-shadow:var(--vxe-ui-base-popup-box-shadow)}.vxe-pulldown--panel-list .vxe-pulldown--panel-item{line-height:30px;max-width:50vw;padding:0 var(--vxe-ui-layout-padding-default);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-pulldown--panel-list .vxe-pulldown--panel-item:not(.is--disabled){cursor:pointer}.vxe-pulldown--panel-list .vxe-pulldown--panel-item:not(.is--disabled):hover{background-color:var(--vxe-ui-base-hover-background-color)}.vxe-pulldown--panel-list .vxe-pulldown--panel-item.is--disabled{color:var(--vxe-ui-font-disabled-color);cursor:no-drop}
|
|
1
|
+
.vxe-pulldown,.vxe-pulldown--panel{--vxe-ui-pulldown-current-font-size:var(--vxe-ui-font-size-default);--vxe-ui-pulldown-current-option-height:var(--vxe-ui-pulldown-option-height-default)}.vxe-pulldown--panel.size--xlarge,.vxe-pulldown.size--xlarge{--vxe-ui-pulldown-current-font-size:var(--vxe-ui-font-size-xlarge);--vxe-ui-pulldown-current-option-height:var(--vxe-ui-pulldown-option-height-xlarge)}.vxe-pulldown--panel.size--large,.vxe-pulldown.size--large{--vxe-ui-pulldown-current-font-size:var(--vxe-ui-font-size-large);--vxe-ui-pulldown-current-option-height:var(--vxe-ui-pulldown-option-height-large)}.vxe-pulldown--panel.size--medium,.vxe-pulldown.size--medium{--vxe-ui-pulldown-current-font-size:var(--vxe-ui-font-size-medium);--vxe-ui-pulldown-current-option-height:var(--vxe-ui-pulldown-option-height-medium)}.vxe-pulldown--panel.size--small,.vxe-pulldown.size--small{--vxe-ui-pulldown-current-font-size:var(--vxe-ui-font-size-small);--vxe-ui-pulldown-current-option-height:var(--vxe-ui-pulldown-option-height-small)}.vxe-pulldown--panel.size--mini,.vxe-pulldown.size--mini{--vxe-ui-pulldown-current-font-size:var(--vxe-ui-font-size-mini);--vxe-ui-pulldown-current-option-height:var(--vxe-ui-pulldown-option-height-mini)}.vxe-pulldown{position:relative;display:inline-block;color:var(--vxe-ui-font-color);font-family:var(--vxe-ui-font-family);text-align:left}.vxe-pulldown,.vxe-pulldown--panel{font-size:var(--vxe-ui-pulldown-current-font-size)}.vxe-pulldown--panel .vxe-pulldown--panel-item{height:var(--vxe-ui-pulldown-current-option-height)}.vxe-pulldown--panel{display:none;position:absolute;left:0;padding:4px 0;color:var(--vxe-ui-font-color);text-align:left}.vxe-pulldown--panel:not(.is--transfer){min-width:100%}.vxe-pulldown--panel.is--transfer{position:fixed}.vxe-pulldown--panel.ani--leave{display:block;opacity:0;transform:scaleY(.5);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transform-origin:center top;backface-visibility:hidden}.vxe-pulldown--panel.ani--leave[placement=top]{transform-origin:center bottom}.vxe-pulldown--panel.ani--enter{opacity:1;transform:scaleY(1)}.vxe-pulldown--panel.ani--enter>div::after{display:none}.vxe-pulldown--panel>div::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-pulldown--panel-wrapper{background-color:var(--vxe-ui-layout-background-color)}.vxe-pulldown--panel-wrapper.is--shadow{box-shadow:var(--vxe-ui-base-popup-box-shadow)}.vxe-pulldown--panel-list .vxe-pulldown--panel-item{line-height:30px;max-width:50vw;padding:0 var(--vxe-ui-layout-padding-default);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-pulldown--panel-list .vxe-pulldown--panel-item:not(.is--disabled){cursor:pointer}.vxe-pulldown--panel-list .vxe-pulldown--panel-item:not(.is--disabled):hover{background-color:var(--vxe-ui-base-hover-background-color)}.vxe-pulldown--panel-list .vxe-pulldown--panel-item.is--disabled{color:var(--vxe-ui-font-disabled-color);cursor:no-drop}
|
|
@@ -71,7 +71,15 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
|
|
|
71
71
|
type: String,
|
|
72
72
|
default: () => (0, _ui.getConfig)().colorPicker.defaultColor
|
|
73
73
|
},
|
|
74
|
+
/**
|
|
75
|
+
* 已废弃,请使用 popupConfig.placement
|
|
76
|
+
* @deprecated
|
|
77
|
+
*/
|
|
74
78
|
placement: String,
|
|
79
|
+
/**
|
|
80
|
+
* 已废弃,请使用 popupConfig.transfer
|
|
81
|
+
* @deprecated
|
|
82
|
+
*/
|
|
75
83
|
transfer: {
|
|
76
84
|
type: Boolean,
|
|
77
85
|
default: null
|
|
@@ -116,6 +116,10 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
|
|
|
116
116
|
labelFormat: String,
|
|
117
117
|
valueFormat: String,
|
|
118
118
|
timeFormat: String,
|
|
119
|
+
parseMethod: {
|
|
120
|
+
type: Function,
|
|
121
|
+
default: () => (0, _ui.getConfig)().datePicker.parseMethod
|
|
122
|
+
},
|
|
119
123
|
editable: {
|
|
120
124
|
type: Boolean,
|
|
121
125
|
default: true
|
|
@@ -148,7 +152,15 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
|
|
|
148
152
|
maskedConfig: Object,
|
|
149
153
|
prefixIcon: String,
|
|
150
154
|
suffixIcon: String,
|
|
155
|
+
/**
|
|
156
|
+
* 已废弃,请使用 popupConfig.placement
|
|
157
|
+
* @deprecated
|
|
158
|
+
*/
|
|
151
159
|
placement: String,
|
|
160
|
+
/**
|
|
161
|
+
* 已废弃,请使用 popupConfig.transfer
|
|
162
|
+
* @deprecated
|
|
163
|
+
*/
|
|
152
164
|
transfer: {
|
|
153
165
|
type: Boolean,
|
|
154
166
|
default: null
|
|
@@ -156,7 +168,10 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
|
|
|
156
168
|
timeConfig: Object,
|
|
157
169
|
popupConfig: Object,
|
|
158
170
|
shortcutConfig: Object,
|
|
159
|
-
|
|
171
|
+
/**
|
|
172
|
+
* 已废弃 startWeek,被 startDay 替换
|
|
173
|
+
* @deprecated
|
|
174
|
+
*/
|
|
160
175
|
startWeek: Number
|
|
161
176
|
},
|
|
162
177
|
emits: ['update:modelValue', 'input', 'change', 'keydown', 'keyup', 'click', 'focus', 'blur', 'clear', 'confirm', 'prefix-click', 'suffix-click', 'date-prev', 'date-today', 'date-next', 'shortcut-click'],
|
|
@@ -609,7 +624,8 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
|
|
|
609
624
|
type,
|
|
610
625
|
editable,
|
|
611
626
|
multiple,
|
|
612
|
-
maskedConfig
|
|
627
|
+
maskedConfig,
|
|
628
|
+
parseMethod
|
|
613
629
|
} = props;
|
|
614
630
|
const {
|
|
615
631
|
inputLabel
|
|
@@ -645,25 +661,35 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
|
|
|
645
661
|
});
|
|
646
662
|
}
|
|
647
663
|
}
|
|
648
|
-
|
|
649
|
-
if (
|
|
650
|
-
|
|
664
|
+
let inpDateVal;
|
|
665
|
+
if (parseMethod) {
|
|
666
|
+
inpDateVal = parseMethod({
|
|
667
|
+
$datePicker: $xeDatePicker,
|
|
668
|
+
type,
|
|
669
|
+
inputValue: inpVal,
|
|
670
|
+
valueFormat: dateLabelFormat
|
|
671
|
+
}) || null;
|
|
672
|
+
} else {
|
|
673
|
+
const $datePanel = refDatePanel.value;
|
|
674
|
+
if ($datePanel) {
|
|
675
|
+
return $datePanel.checkValue(inpVal);
|
|
676
|
+
}
|
|
677
|
+
inpDateVal = (0, _util.parseDateValue)(inpVal, type, {
|
|
678
|
+
valueFormat: dateLabelFormat
|
|
679
|
+
});
|
|
651
680
|
}
|
|
652
|
-
let inpDateVal = (0, _util.parseDateValue)(inpVal, type, {
|
|
653
|
-
valueFormat: dateLabelFormat
|
|
654
|
-
});
|
|
655
681
|
if (!_xeUtils.default.isValidDate(inpDateVal)) {
|
|
656
682
|
dateRevert();
|
|
657
683
|
return;
|
|
658
684
|
}
|
|
659
685
|
if (type === 'time') {
|
|
660
|
-
|
|
661
|
-
if (inputLabel !==
|
|
686
|
+
const timeVal = _xeUtils.default.toDateString(inpDateVal, dateLabelFormat);
|
|
687
|
+
if (inputLabel !== timeVal) {
|
|
662
688
|
handleChange(inpDateVal, {
|
|
663
689
|
type: 'check'
|
|
664
690
|
});
|
|
665
691
|
}
|
|
666
|
-
handleInputLabel(
|
|
692
|
+
handleInputLabel(timeVal, true);
|
|
667
693
|
return;
|
|
668
694
|
}
|
|
669
695
|
if (dateEndDate && inpDateVal > dateEndDate) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_utils=require("../../ui/src/utils"),_dom=require("../../ui/src/dom"),_vn=require("../../ui/src/vn"),_util=require("../../date-panel/src/util"),_log=require("../../ui/src/log"),_datePanel=_interopRequireDefault(require("../../date-panel/src/date-panel")),_button=_interopRequireDefault(require("../../button/src/button")),_buttonGroup=_interopRequireDefault(require("../../button/src/button-group"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}let{warnLog,errLog}=(0,_log.createComponentLog)("date-picker"),defaultMaskPlaceholder="_",maskedTypes=["year","month","date","datetime","time"],inputMaskedKeys=["y","M","d","H","m","n","s"],parseInputKayMaps={};function createReactData(){return{initialized:!1,panelIndex:0,visiblePanel:!1,isAniVisible:!1,panelStyle:{},panelPlacement:"",isActivated:!1,inputValue:"",labelFlag:0}}function createInternalData(){return{inputLabel:"",laseFocusMasked:0}}inputMaskedKeys.forEach(e=>{parseInputKayMaps[e]=!0});var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeDatePicker",props:{modelValue:[String,Number,Date],immediate:{type:Boolean,default:!0},name:String,type:{type:String,default:"date"},width:[Number,String],clearable:{type:Boolean,default:()=>(0,_ui.getConfig)().datePicker.clearable},readonly:{type:Boolean,default:null},disabled:{type:Boolean,default:null},placeholder:String,autoComplete:{type:String,default:"off"},form:String,className:String,inputClassName:{type:String,default:()=>(0,_ui.getConfig)().datePicker.inputClassName},zIndex:Number,size:{type:String,default:()=>(0,_ui.getConfig)().datePicker.size||(0,_ui.getConfig)().size},multiple:Boolean,limitCount:{type:[String,Number],default:()=>(0,_ui.getConfig)().datePicker.limitCount},startDate:{type:[String,Number,Date],default:()=>(0,_ui.getConfig)().datePicker.startDate},endDate:{type:[String,Number,Date],default:()=>(0,_ui.getConfig)().datePicker.endDate},defaultDate:[String,Number,Date],defaultTime:[String,Number,Date],minDate:[String,Number,Date],maxDate:[String,Number,Date],startDay:{type:[String,Number],default:()=>(0,_ui.getConfig)().datePicker.startDay},labelFormat:String,valueFormat:String,timeFormat:String,editable:{type:Boolean,default:!0},festivalMethod:{type:Function,default:()=>(0,_ui.getConfig)().datePicker.festivalMethod},disabledMethod:{type:Function,default:()=>(0,_ui.getConfig)().datePicker.disabledMethod},selectDay:{type:[String,Number],default:()=>(0,_ui.getConfig)().datePicker.selectDay},showClearButton:{type:Boolean,default:()=>(0,_ui.getConfig)().datePicker.showClearButton},showConfirmButton:{type:Boolean,default:()=>(0,_ui.getConfig)().datePicker.showConfirmButton},autoClose:{type:Boolean,default:()=>(0,_ui.getConfig)().datePicker.autoClose},maskedConfig:Object,prefixIcon:String,suffixIcon:String,placement:String,transfer:{type:Boolean,default:null},timeConfig:Object,popupConfig:Object,shortcutConfig:Object,startWeek:Number},emits:["update:modelValue","input","change","keydown","keyup","click","focus","blur","clear","confirm","prefix-click","suffix-click","date-prev","date-today","date-next","shortcut-click"],setup(w,e){let{slots:T,emit:l}=e,i=(0,_vue.inject)("$xeModal",null),u=(0,_vue.inject)("$xeDrawer",null),n=(0,_vue.inject)("$xeTable",null),d=(0,_vue.inject)("$xeCard",null),r=(0,_vue.inject)("$xeForm",null),o=(0,_vue.inject)("xeFormItemInfo",null);var t=_xeUtils.default.uniqueId();let P=(0,_ui.useSize)(w).computeSize,V=(0,_vue.reactive)(createReactData()),M=createInternalData(),U=(0,_vue.ref)(),N=(0,_vue.ref)(),W=(0,_vue.ref)(),H=(0,_vue.ref)(),R=(0,_vue.ref)(),x={refElem:U,refInput:N},I={xID:t,props:w,context:e,reactData:V,internalData:M,getRefMaps:()=>x},Z=(0,_vue.computed)(()=>{var e=w.transfer,t=L.value;if(_xeUtils.default.isBoolean(t.transfer))return t.transfer;if(null===e){t=(0,_ui.getConfig)().datePicker.transfer;if(_xeUtils.default.isBoolean(t))return t;if(n||i||u||d||r)return!0}return e}),K=(0,_vue.computed)(()=>{var e=w.readonly;return null===e?!!r&&r.props.readonly:e}),A=(0,_vue.computed)(()=>{var e=w.disabled;return null===e?!!r&&r.props.disabled:e}),y=(0,_vue.computed)(()=>{var e=w.type;return"time"===e}),F=(0,_vue.computed)(()=>{var e=w.type;return y.value||"datetime"===e}),b=(0,_vue.computed)(()=>F.value||-1<["date","week","month","quarter","year"].indexOf(w.type)),j=(0,_vue.computed)(()=>w.clearable),k=(0,_vue.computed)(()=>F.value||-1<["date","week","month","quarter","year"].indexOf(w.type)),E=(0,_vue.computed)(()=>{let{modelValue:e,type:t,multiple:a}=w;var l=k.value;let i=p.value;return a&&e&&l?_xeUtils.default.toValueString(e).split(",").map(e=>{e=(0,_util.parseDateValue)(e,t,{valueFormat:i});return _xeUtils.default.isValidDate(e),e}):[]}),J=(0,_vue.computed)(()=>{var e=w.width,t={};return e&&(t.width=(0,_dom.toCssUnit)(e)),t}),Q=(0,_vue.computed)(()=>w.startDate?_xeUtils.default.toStringDate(w.startDate):null),X=(0,_vue.computed)(()=>w.endDate?_xeUtils.default.toStringDate(w.endDate):null),D=(0,_vue.computed)(()=>w.multiple?_xeUtils.default.toNumber(w.limitCount):0),C=(0,_vue.computed)(()=>{var e=E.value;let t=p.value;return e.map(e=>_xeUtils.default.toDateString(e,t))}),S=(0,_vue.computed)(()=>{var e=w.multiple,t=D.value,a=C.value;return!(!e||!t)&&a.length>=t}),ee=(0,_vue.computed)(()=>{var{type:e,editable:t,multiple:a}=w;return K.value||a||!t||"week"===e||"quarter"===e}),te=(0,_vue.computed)(()=>{var e=w.placeholder;return(e=e||(0,_ui.getConfig)().datePicker.placeholder)?(0,_utils.getFuncText)(e):(0,_ui.getI18n)("vxe.base.pleaseSelect")}),ae=(0,_vue.computed)(()=>{var e=w.immediate;return e}),le=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().datePicker.timeConfig,w.timeConfig)),L=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().datePicker.popupConfig,w.popupConfig)),O=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().datePicker.shortcutConfig,w.shortcutConfig)),ie=(0,_vue.computed)(()=>{var e=O.value.options;return e?e.map((e,t)=>Object.assign({name:""+(e.name||e.code||t)},e)):[]}),g=(0,_vue.computed)(()=>{var e=w.labelFormat;return e||(0,_ui.getI18n)("vxe.input.date.labelFormat."+w.type)}),p=(0,_vue.computed)(()=>{var{type:e,valueFormat:t}=w;return(0,_util.handleValueFormat)(e,t)}),B=(0,_vue.computed)(()=>g.value),_=(0,_vue.computed)(()=>{var e=w.startDay;return _xeUtils.default.toNumber(e)}),q=(0,_vue.computed)(()=>{let{type:t,multiple:e}=w;var a=V.inputValue;let l=g.value,i=p.value,u=_.value;return(a?e?a.split(","):[a]:[]).map(e=>(0,_util.parseDateObj)(e,t,{valueFormat:i,labelFormat:l,firstDay:u}).label).join(", ")}),$=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().datePicker.maskedConfig,w.maskedConfig)),z=(0,_vue.computed)(()=>{var e=$.value.maskPlaceholder;return(e?(""+e)[0]:"")||defaultMaskPlaceholder}),ue=()=>{var e=w.modelValue;let t="";e&&(t=_xeUtils.default.isNumber(e)&&/^[0-9]{11,15}$/.test(""+e)?new Date(e):e),V.inputValue=t},G=(e,t)=>{M.inputLabel=e,t&&V.labelFlag++},v=e=>{var t=V.inputValue;h(e.type,{value:t},e)},c=(e,t)=>{var a,{type:l,modelValue:i,valueFormat:u}=w,n=p.value;V.inputValue=e,(0,_util.hasTimestampValueType)(u)?(a=(a=(0,_util.parseDateValue)(e,l,{valueFormat:n}))?a.getTime():null,s(a),i!==a&&(h("change",{value:a},t),r)&&o&&r.triggerItemEvent(t,o.itemConfig.field,a)):(0,_util.hasDateValueType)(u)?(a=(0,_util.parseDateValue)(e,l,{valueFormat:n}),s(a),(i&&a?_xeUtils.default.toStringDate(i).getTime()!==a.getTime():i!==a)&&(h("change",{value:a},t),r)&&o&&r.triggerItemEvent(t,o.itemConfig.field,a)):(s(e),_xeUtils.default.toValueString(i)!==e&&(h("change",{value:e},t),r)&&o&&r.triggerItemEvent(t,o.itemConfig.field,e))},ne=e=>{var t=e.target.value;G(t,!0),h("input",{value:t},e)},re=e=>{ae.value||v(e)},oe=e=>{var t;A.value||(t=V.inputValue,h("prefix-click",{value:t},e))},f=()=>new Promise(e=>{V.visiblePanel=!1,M.hpTimeout=setTimeout(()=>{V.isAniVisible=!1,e()},350)}),se=(a,e)=>{var{modelValue:t,multiple:l}=w,i=F.value;let u=p.value;var n=_.value;"week"===w.type&&(o=_xeUtils.default.toNumber(w.selectDay),a=_xeUtils.default.getWhatWeek(a,0,o,n));let r=_xeUtils.default.toDateString(a,u,{firstDay:n});if(l){var o=S.value;if(i){n=e?[]:[...E.value];let t=[];l=_xeUtils.default.findIndexOf(n,e=>_xeUtils.default.isDateSame(a,e,"yyyyMMdd"));if(-1===l){if(o)return;n.push(a)}else n.splice(l,1);n.forEach(e=>{e&&t.push(e)}),c(t.map(e=>_xeUtils.default.toDateString(e,u)).join(","),{type:"update"})}else{i=e?[]:C.value;i.some(e=>_xeUtils.default.isEqual(e,r))?c(i.filter(e=>!_xeUtils.default.isEqual(e,r)).join(","),{type:"update"}):o||c(i.concat([r]).join(","),{type:"update"})}}else _xeUtils.default.isEqual(t,r)||c(r,{type:"update"})},de=()=>{var e=q.value;G(e,!0)},m=i=>{var{type:a,editable:l,multiple:e,maskedConfig:u}=w,n=M.inputLabel;let r=g.value;var o=$.value,s=Q.value,d=X.value;if(i){l&&!e&&((0,_utils.isEnableConf)(u)||o.enabled)&&(l=r.match(new RegExp(`(${inputMaskedKeys.join("|")})+`,"g")))&&l.forEach(t=>{var a=r.indexOf(t);if(-1<a){var l=i.slice(a,a+t.length).replace(/\D/g,"");if(l){let e=_xeUtils.default.toNumber(l);!e&&["MM","dd"].includes(t)&&(e=1),i=i.slice(0,a)+_xeUtils.default.padStart((0,_util.checkDateInputFormat)(e,t),t.length,"0")+i.slice(a+t.length)}}});e=R.value;if(e)return e.checkValue(i);let t=(0,_util.parseDateValue)(i,a,{valueFormat:r});if(_xeUtils.default.isValidDate(t))if("time"===a)n!==(t=_xeUtils.default.toDateString(t,r))&&c(t,{type:"check"}),G(t,!0);else{d&&t>d&&(t=d),s&&t<s&&(t=s);let e=!1;u=_.value,l=("datetime"===a&&(o=V.inputValue,i===_xeUtils.default.toDateString(o,r))&&i===_xeUtils.default.toDateString(t,r)||(e=!0),_xeUtils.default.toDateString(t,r,{firstDay:u}));G(l,!0),e&&se(t)}else de()}else c("",{type:"check"})},ve=(e,t)=>{b.value&&f(),c("",e),h("clear",{value:t},e)},pe=e=>{var t;A.value||(t=V.inputValue,h("suffix-click",{value:t},e))},ce=(e,t,a)=>{var l=$.value.align,i=z.value,u=_xeUtils.default.toNumber(e);let n=(0,_util.checkDateInputFormat)(u,t),r=""+(n=a&&!n&&["MM","dd"].includes(t)?1:n);return e.length>r.length&&(r=r.padStart(e.length,"0")),a?_xeUtils.default.padStart(r,t.length,"0"):_xeUtils.default["right"===l?"padStart":"padEnd"](r,t.length,i)},fe=(e,a,l,i,u)=>{var{type:n,multiple:r}=w;if(!r){r=N.value;if(r){var o=r.value;if(o){var s=B.value,d=g.value,v=_.value,p=z.value,c=r.selectionStart||0;let t=s[c];parseInputKayMaps[t]||(t=s[c-1]);var f,m,c=s.match(new RegExp(t+"+"));c&&(a||l?(l=c[0]||"",f=(c=c.index||0)+l.length,m=o.slice(c,f),parseInputKayMaps[t]&&(m=((0,_util.isAllSameChar)(m,p)?(0,_util.getChunkDefaultNum)(t):_xeUtils.default.toNumber(m))+(a?1:-1),a=o.slice(0,c)+ce(""+m,l,!0)+o.slice(f),e.preventDefault(),-1===a.indexOf(p)?(m=(0,_util.parseDateValue)(a,n,{valueFormat:d}),_xeUtils.default.isValidDate(m)&&(l=_xeUtils.default.toDateString(m,d,{firstDay:v}),r.value=l,G(l,!1))):(r.value=a,G(a,!1))),r.setSelectionRange(c,f)):(i||u)&&-1<inputMaskedKeys.indexOf(t)&&(o=_xeUtils.default.map(s.match(new RegExp(`(${inputMaskedKeys.join("|")})+`,"g"))||[],e=>e[0]),p=_xeUtils.default.findIndexOf(o,e=>t===e[0]),m=(n=i?o[p-1]||o[0]:o[p+1]||o[o.length-1])?n[0]:"",d=s.match(new RegExp(m+"+")))&&(e.preventDefault(),l=(v=d.index||0)+d[0].length,r.setSelectionRange(v,l)),M.isTriggerMasked=!0)}}}},me=n=>{var r=w.multiple;if(!r){var o=N.value;if(o){r=(0,_dom.hasControlKey)(n);if(!r){n.preventDefault();var r=n.key,s=_ui.globalEvents.hasKey(n,_ui.GLOBAL_EVENT_KEYS.DELETE),d=_ui.globalEvents.hasKey(n,_ui.GLOBAL_EVENT_KEYS.BACKSPACE),r="0"<=r&&r<="9",n=r?n.key:"";if(s||d||r){var v=M.isTriggerMasked,p=$.value.align,c=B.value,f=z.value;let i=o.value||c;var m=o.selectionStart||0,g=o.selectionEnd||0;let u=c[m];parseInputKayMaps[u]||(u=c[m-1]);var _=c.match(new RegExp(u+"+"));if(_){var h=_xeUtils.default.map(c.match(new RegExp(`(${inputMaskedKeys.join("|")})+`,"g"))||[],e=>e[0]),x=_[0]||"",y=_.index||0,b=y+x.length,k=h.indexOf(u),m=!m&&g===i.length&&1<h.length,g=i&&i.length!==c.length;(m||g)&&(i=c);let e=s?"":i.slice(y,b);g=e.match(/\d/g)||[],v=v&&!d?[]:g.slice(0);r?(v.push(n),e=ce(v.join(""),x,!1)):d&&(v.pop(),e=_xeUtils.default["right"===p?"padStart":"padEnd"](v.join(""),x.length,f));let t=i.slice(0,y)+e+i.slice(b);if(t=t.replace(new RegExp(`(${inputMaskedKeys.join("|")})`,"g"),f),o.value=t,G(t,!1),m){if(d||s){r=h[0],n=c.match(new RegExp(r+"+"));if(n)return x=n[0],o.setSelectionRange(0,x.length),void(M.isTriggerMasked=!0)}}else if(d&&!g.length){for(let e=k-1;0<=e;e--){var E=h[e],E=c.match(new RegExp(E+"+"));if(E){var D=E[0],E=E.index||0,C=E+D.length;let e=t.slice(E,C);var S=e.match(/\d/g)||[];if(S.length)return S.pop(),e=_xeUtils.default["right"===p?"padStart":"padEnd"](S.join(""),D.length,f),t=t.slice(0,E)+e+t.slice(C),o.value=t,G(t,!1),void o.setSelectionRange(E,C)}}y=h[0],b=c.match(new RegExp(y+"+"));return b?(m=b[0],t=c.replace(new RegExp(`(${inputMaskedKeys.join("|")})`,"g"),f),o.value=t,G(t,!1),o.setSelectionRange(0,m.length),void(M.isTriggerMasked=!0)):void 0}let a=_.index||0,l=a+_[0].length;v.length>=e.length?(s=h.slice(k+1),-1<k&&((r=s.length?c.match(new RegExp(`(${s.join("|")})+`)):null)&&(a=r.index||0,l=a+r[0].length),o.setSelectionRange(a,l)),M.isTriggerMasked=!0):(o.setSelectionRange(a,l),M.isTriggerMasked=!1)}}}}}},ge=(t,i)=>{M.fsTimeout=void 0;var{type:u,multiple:n,modelValue:r}=w;if(!n&&maskedTypes.includes(u)){n=N.value;if(n){u=M.laseFocusMasked;if(!(u&&Date.now()-u<100)){u=B.value;let l=z.value;var a=n.selectionStart||0,o=n.selectionEnd||0,s=n.value,d=_xeUtils.default.map(u.match(new RegExp(`(${inputMaskedKeys.join("|")})+`,"g"))||[],e=>e[0]);if(!s){let e=u.replace(new RegExp(`(${inputMaskedKeys.join("|")})`,"g"),l);if(i&&r){let t=(""+_xeUtils.default.toNumber(r)).match(/\d/g)||[],a=0;e=u.replace(new RegExp(`(${inputMaskedKeys.join("|")})`,"g"),e=>t[a++]||e)}var i=d[0],r=u.match(new RegExp(i+"+"));if(r)return t.preventDefault(),i=r[0],n.value=e,G(e,!1),n.setSelectionRange(0,i.length),void(M.laseFocusMasked=Date.now())}r=!a&&o===s.length&&1<d.length,i=s&&s.length!==u.length;if(r||i){let a="";if(i&&s){let e=s.match(/\d/g)||[],t=0;a=u.replace(new RegExp(`(${inputMaskedKeys.join("|")})`,"g"),()=>e[t++]||l)}else u.replace(new RegExp(`(${inputMaskedKeys.join("|")})`,"g"),l);var o=d[0],r=u.match(new RegExp(o+"+"));if(r)return t.preventDefault(),i=r[0],n.value=a,G(a,!1),n.setSelectionRange(0,i.length),void(M.laseFocusMasked=Date.now())}let e=u[a];(e=parseInputKayMaps[e]?e:u[a-1])&&(t.stopPropagation(),s=u.match(new RegExp(e+"+")))&&(d=s[0]||"",r=(o=s.index||0)+d.length,n.setSelectionRange(o,r),M.isTriggerMasked=!0,M.laseFocusMasked=Date.now())}}}},_e=e=>{var t,a=V.inputValue;ae.value||c(a,e),V.visiblePanel||(t=M.inputLabel,V.isActivated=!1,m(t)),h("blur",{value:a},e),r&&o&&r.triggerItemEvent(e,o.itemConfig.field,a)},he=e=>{var{multiple:t,editable:a,maskedConfig:l}=w,i=M.fsTimeout,u=$.value,n=L.value.trigger;V.isActivated=!0,i&&clearTimeout(i),n&&"default"!==n?"icon"===n&&f():Ne(e),a&&!t&&((0,_utils.isEnableConf)(l)||u.enabled)&&(M.fsTimeout=setTimeout(()=>{ge(e,!0)},20)),v(e)},xe=e=>{var{multiple:t,editable:a,maskedConfig:l}=w,i=M.fsTimeout,u=$.value;i&&clearTimeout(i),a&&!t&&((0,_utils.isEnableConf)(l)||u.enabled)&&(M.fsTimeout=setTimeout(()=>{ge(e)},10)),v(e)},ye=e=>{var{type:t,editable:a,maskedConfig:l}=w,i=V.visiblePanel,u=$.value,n=_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.ARROW_UP),r=_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.ARROW_DOWN),o=_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.ARROW_LEFT),s=_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.ARROW_RIGHT),d=_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.ENTER);a&&(d?(a=M.inputLabel,i&&f(),m(a)):maskedTypes.includes(t)&&((0,_utils.isEnableConf)(l)||u.enabled)&&(u.isArrow&&(n||r||o||s)?fe(e,n,r,o,s):u.isMasked&&me(e))),v(e)},be=e=>{v(e)},ke=e=>{var t=R.value;t&&t.confirmByEvent(e),f()},Ee=e=>{var{multiple:t,autoClose:a}=w,{value:e,$event:l}=e,i=F.value;c(e,l),t||i||a&&f()},De=e=>{h("confirm",e,e.$event)},Ce=e=>{G(e.label,!0)},Se=e=>{var{visiblePanel:t,isActivated:a}=V,l=U.value,i=H.value;!A.value&&a&&((l=(0,_dom.getEventTargetNode)(e,l).flag||(0,_dom.getEventTargetNode)(e,i).flag)!==a&&(V.isActivated=l),l||t&&(f(),e=M.inputLabel,m(e)))},we=e=>{var t,{isActivated:a,visiblePanel:l}=V;A.value||(t=_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.TAB),e=_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.ESCAPE),t&&a&&(V.isActivated=!1),l&&(e||t)&&f())},Te=()=>{var{isActivated:e,visiblePanel:t}=V;t&&f(),e&&(V.isActivated=!1),(t||e)&&(m(M.inputLabel),t=N.value)&&t.blur()},Pe=()=>{var e=V.visiblePanel;e&&a()},Ve=()=>{var e=V.visiblePanel;e&&a()},Me=()=>{var e=L.value.zIndex||w.zIndex;e?V.panelIndex=_xeUtils.default.toNumber(e):V.panelIndex<(0,_utils.getLastZIndex)()&&(V.panelIndex=(0,_utils.nextZIndex)())},a=()=>{let a=w.placement,l=V.panelIndex,i=N.value,u=W.value;if(!u)return(0,_vue.nextTick)();let n=Z.value,r=L.value;var e=()=>{var e=(0,_dom.updatePanelPlacement)(i,u,{placement:r.placement||a,defaultPlacement:r.defaultPlacement,teleportTo:n}),t=Object.assign(e.style,{zIndex:l});V.panelStyle=t,V.panelPlacement=e.placement};return e(),(0,_vue.nextTick)().then(e)},Ue=()=>{var e=V.visiblePanel;return(A.value||e?(0,_vue.nextTick):(V.initialized||(V.initialized=!0),M.hpTimeout&&(clearTimeout(M.hpTimeout),M.hpTimeout=void 0),V.isActivated=!0,V.isAniVisible=!0,setTimeout(()=>{V.visiblePanel=!0,a()},10),Me(),a))()},Ne=e=>{K.value||(e.preventDefault(),Ue())},Re=e=>{var t=V.visiblePanel,a=L.value.trigger;a&&"default"!==a&&"icon"!==a||(t?f():Ne(e))},Ie=({option:e,$event:t})=>{var a=w.type,l=V.inputValue,i=O.value,u=i.autoClose,{code:n,clickMethod:r}=e,o=l,s={$datePicker:I,option:e,value:o,code:n};if(!r&&n){l=_ui.commands.get(n),e=l?l.datePickerCommandMethod:null;if(e)e(s);else{var d=p.value,v=_.value;switch(n){case"now":case"prev":case"next":case"minus":case"plus":o=(0,_util.getDateByCode)(n,o,a,{valueFormat:d,firstDay:v}).value;s.value=o,c(o,t);break;default:errLog("vxe.error.notCommands",[n])}}}else{l=r||i.clickMethod;l&&l(s)}u&&f(),h("shortcut-click",s,t)},h=(e,t,a)=>{l(e,(0,_ui.createEvent)(a,{$datePicker:I},t))},s=e=>{l("update:modelValue",e)};t={dispatchEvent:h,setModelValue(e){V.inputValue=e,s(e)},setModelValueByEvent(e,t){c(t||"",e)},focus(){var e=N.value;return V.isActivated=!0,e.focus(),(0,_vue.nextTick)()},blur(){return N.value.blur(),(V.isActivated=!1,_vue.nextTick)()},select(){return N.value.select(),(V.isActivated=!1,_vue.nextTick)()},showPanel:Ue,hidePanel:f,updatePlacement:a};Object.assign(I,t);let Y=(e,t)=>{var a=O.value,{position:l,align:i,mode:u}=a,n=ie.value;return(0,_utils.isEnableConf)(a)&&n.length&&(l||"left")===e?(0,_vue.h)("div",{class:`vxe-date-picker--layout-${e}-wrapper`},[(0,_vue.h)(_buttonGroup.default,{options:n,mode:u,align:i,vertical:t,onClick:Ie})]):(0,_ui.renderEmptyElement)(I)},Ke=()=>(0,_vue.h)("div",{class:"vxe-date-picker--control-icon",onClick:Re},[(0,_vue.h)("i",{class:["vxe-date-picker--date-picker-icon",(0,_ui.getIcon)().DATE_PICKER_DATE]})]);return(0,_vue.watch)(q,e=>{G(e,!0)}),(0,_vue.watch)(()=>w.modelValue,()=>{ue()}),ue(),(0,_vue.nextTick)(()=>{_ui.globalEvents.on(I,"mousedown",Se),_ui.globalEvents.on(I,"keydown",we),_ui.globalEvents.on(I,"blur",Te),_ui.globalEvents.on(I,"resize",Pe),_ui.globalEvents.on(I,"scroll",Ve)}),(0,_vue.onMounted)(()=>{var{type:e,multiple:t,maskedConfig:a}=w;(0,_utils.isEnableConf)(a)&&(t&&errLog("vxe.error.notSupportProp",["multiple","masked-config.enabled=true","masked-config.enabled=false"]),maskedTypes.includes(e)||warnLog("vxe.error.notSupportProp",["masked-config.enabled=true","type="+e,"type="+maskedTypes.join("|")]))}),(0,_vue.onUnmounted)(()=>{_ui.globalEvents.off(I,"mousedown"),_ui.globalEvents.off(I,"keydown"),_ui.globalEvents.off(I,"blur"),_ui.globalEvents.off(I,"resize"),_ui.globalEvents.off(I,"scroll"),_xeUtils.default.assign(V,createReactData()),_xeUtils.default.assign(M,createInternalData())}),(0,_vue.provide)("$xeDatePicker",I),I.renderVN=()=>{var e,t,a,l,i,u,n,r,o,s,d,v,p,{className:c,inputClassName:f,type:m,name:g,autoComplete:_}=w,{inputValue:h,visiblePanel:x,isActivated:y,labelFlag:b}=V,k=M.inputLabel,E=P.value,D=A.value,C=K.value,S=q.value;return C?(0,_vue.h)("div",{ref:U,class:["vxe-date-picker--readonly","type--"+m,c]},S):(C=J.value,S=ee.value,i=te.value,a=j.value,t=w.prefixIcon,l=(l=T.prefix)||t?(0,_vue.h)("div",{class:"vxe-date-picker--prefix",onClick:oe},[(0,_vue.h)("div",{class:"vxe-date-picker--prefix-icon"},l?(0,_vn.getSlotVNs)(l({})):[(0,_vue.h)("i",{class:t})])]):null,t=w.suffixIcon,p=V.inputValue,v=T.suffix,u=A.value,e=j.value,u=(0,_vue.h)("div",{class:["vxe-date-picker--suffix",{"is--clear":e&&!u&&!(""===p||_xeUtils.default.eqNull(p))}]},[e?(0,_vue.h)("div",{class:"vxe-date-picker--clear-icon",onClick:ve},[(0,_vue.h)("i",{class:(0,_ui.getIcon)().INPUT_CLEAR})]):(0,_ui.renderEmptyElement)(I),Ke(),v||t?(0,_vue.h)("div",{class:"vxe-date-picker--suffix-icon",onClick:pe},v?(0,_vn.getSlotVNs)(v({})):[(0,_vue.h)("i",{class:t})]):(0,_ui.renderEmptyElement)(I)]),(0,_vue.h)("div",{ref:U,class:["vxe-date-picker","type--"+m,c,{["size--"+E]:E,"is--prefix":!!l,"is--suffix":!!u,"is--visible":x,"is--disabled":D,"is--active":y,"show--clear":a&&!D&&!(""===h||_xeUtils.default.eqNull(h))}],style:C,spellcheck:!1},[l||(0,_ui.renderEmptyElement)(I),(0,_vue.h)("div",{class:"vxe-date-picker--wrapper"},[(0,_vue.h)("input",{ref:N,class:"vxe-date-picker--inner"+(f?" "+f:""),value:b?k:"",name:g,type:"text",placeholder:i,readonly:S,disabled:D,autocomplete:_,onKeydown:ye,onKeyup:be,onClick:xe,onInput:ne,onChange:re,onFocus:he,onBlur:_e})]),u||(0,_ui.renderEmptyElement)(I),!1===(p=L.value).enabled?(0,_ui.renderEmptyElement)(I):({type:e,multiple:v,showClearButton:t,showConfirmButton:m}=w,{initialized:c,isAniVisible:E,visiblePanel:x,panelPlacement:y,panelStyle:a,inputValue:h}=V,C=P.value,l=Z.value,f=O.value,b=j.value,k=F.value,g=ie.value,i=le.value,S=Q.value,D=X.value,_=p.appendTo,f=f.position,u=T.header,n=T.footer,r=T.top,o=T.bottom,s=T.left,d=T.right,p=p.className,g=0<g.length,k=null===m?k||v:m,v=null===t?b&&k&&"time"!==e:t,(0,_vue.h)(_vue.Teleport,{to:(0,_dom.getPopupContainer)(_),disabled:!l||!c},[(0,_vue.h)("div",{ref:W,class:["vxe-table--ignore-clear vxe-date-picker--panel","type--"+e,p?_xeUtils.default.isFunction(p)?p({$datePicker:I}):p:"",{["size--"+C]:C,"is--transfer":l,"ani--leave":E,"ani--enter":x,"show--top":!!(r||u||g&&("top"===f||"header"===f)),"show--bottom":!!(o||n||g&&("bottom"===f||"footer"===f)),"show--left":!!(s||g&&"left"===f),"show--right":!!(d||g&&"right"===f)}],placement:y,style:a},c&&(x||E)?[(0,_vue.h)("div",{ref:H,class:["vxe-date-picker--layout-all-wrapper","type--"+e,{["size--"+C]:C}]},[r?(0,_vue.h)("div",{class:"vxe-date-picker--layout-top-wrapper"},r({})):Y("top"),(0,_vue.h)("div",{class:"vxe-date-picker--layout-body-layout-wrapper"},[s?(0,_vue.h)("div",{class:"vxe-date-picker--layout-left-wrapper"},s({})):Y("left",!0),(0,_vue.h)("div",{class:"vxe-date-picker--layout-body-content-wrapper"},[u?(0,_vue.h)("div",{class:"vxe-date-picker--layout-header-wrapper"},u({})):Y("header"),(0,_vue.h)("div",{class:"vxe-date-picker--layout-body-wrapper"},[(0,_vue.h)(_datePanel.default,{ref:R,modelValue:V.inputValue,type:w.type,className:w.className,multiple:w.multiple,limitCount:w.limitCount,startDate:S,endDate:D,defaultDate:w.defaultDate,defaultTime:w.defaultTime,minDate:w.minDate,maxDate:w.maxDate,startDay:w.startDay,labelFormat:w.labelFormat,valueFormat:w.valueFormat,timeFormat:w.timeFormat,timeConfig:i,festivalMethod:w.festivalMethod,disabledMethod:w.disabledMethod,selectDay:w.selectDay,onChange:Ee,onConfirm:De,onRevert:Ce})]),(0,_vue.h)("div",{class:"vxe-date-picker--layout-footer-wrapper"},[(0,_vue.h)("div",{class:"vxe-date-picker--layout-footer-custom"},n?n({}):[Y("footer")]),v||k?(0,_vue.h)("div",{class:"vxe-date-picker--layout-footer-btns"},[v?(0,_vue.h)(_button.default,{size:"mini",disabled:""===h||_xeUtils.default.eqNull(h),content:(0,_ui.getI18n)("vxe.button.clear"),onClick:ve}):(0,_ui.renderEmptyElement)(I),k?(0,_vue.h)(_button.default,{size:"mini",status:"primary",content:(0,_ui.getI18n)("vxe.button.confirm"),onClick:ke}):(0,_ui.renderEmptyElement)(I)]):(0,_ui.renderEmptyElement)(I)])]),d?(0,_vue.h)("div",{class:"vxe-date-picker--layout-right-wrapper"},d({})):Y("right",!0)]),o?(0,_vue.h)("div",{class:"vxe-date-picker--layout-bottom-wrapper"},o({})):Y("bottom")])]:[])]))]))},I},render(){return this.renderVN()}});
|
|
1
|
+
Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_utils=require("../../ui/src/utils"),_dom=require("../../ui/src/dom"),_vn=require("../../ui/src/vn"),_util=require("../../date-panel/src/util"),_log=require("../../ui/src/log"),_datePanel=_interopRequireDefault(require("../../date-panel/src/date-panel")),_button=_interopRequireDefault(require("../../button/src/button")),_buttonGroup=_interopRequireDefault(require("../../button/src/button-group"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}let{warnLog,errLog}=(0,_log.createComponentLog)("date-picker"),defaultMaskPlaceholder="_",maskedTypes=["year","month","date","datetime","time"],inputMaskedKeys=["y","M","d","H","m","n","s"],parseInputKayMaps={};function createReactData(){return{initialized:!1,panelIndex:0,visiblePanel:!1,isAniVisible:!1,panelStyle:{},panelPlacement:"",isActivated:!1,inputValue:"",labelFlag:0}}function createInternalData(){return{inputLabel:"",laseFocusMasked:0}}inputMaskedKeys.forEach(e=>{parseInputKayMaps[e]=!0});var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeDatePicker",props:{modelValue:[String,Number,Date],immediate:{type:Boolean,default:!0},name:String,type:{type:String,default:"date"},width:[Number,String],clearable:{type:Boolean,default:()=>(0,_ui.getConfig)().datePicker.clearable},readonly:{type:Boolean,default:null},disabled:{type:Boolean,default:null},placeholder:String,autoComplete:{type:String,default:"off"},form:String,className:String,inputClassName:{type:String,default:()=>(0,_ui.getConfig)().datePicker.inputClassName},zIndex:Number,size:{type:String,default:()=>(0,_ui.getConfig)().datePicker.size||(0,_ui.getConfig)().size},multiple:Boolean,limitCount:{type:[String,Number],default:()=>(0,_ui.getConfig)().datePicker.limitCount},startDate:{type:[String,Number,Date],default:()=>(0,_ui.getConfig)().datePicker.startDate},endDate:{type:[String,Number,Date],default:()=>(0,_ui.getConfig)().datePicker.endDate},defaultDate:[String,Number,Date],defaultTime:[String,Number,Date],minDate:[String,Number,Date],maxDate:[String,Number,Date],startDay:{type:[String,Number],default:()=>(0,_ui.getConfig)().datePicker.startDay},labelFormat:String,valueFormat:String,timeFormat:String,parseMethod:{type:Function,default:()=>(0,_ui.getConfig)().datePicker.parseMethod},editable:{type:Boolean,default:!0},festivalMethod:{type:Function,default:()=>(0,_ui.getConfig)().datePicker.festivalMethod},disabledMethod:{type:Function,default:()=>(0,_ui.getConfig)().datePicker.disabledMethod},selectDay:{type:[String,Number],default:()=>(0,_ui.getConfig)().datePicker.selectDay},showClearButton:{type:Boolean,default:()=>(0,_ui.getConfig)().datePicker.showClearButton},showConfirmButton:{type:Boolean,default:()=>(0,_ui.getConfig)().datePicker.showConfirmButton},autoClose:{type:Boolean,default:()=>(0,_ui.getConfig)().datePicker.autoClose},maskedConfig:Object,prefixIcon:String,suffixIcon:String,placement:String,transfer:{type:Boolean,default:null},timeConfig:Object,popupConfig:Object,shortcutConfig:Object,startWeek:Number},emits:["update:modelValue","input","change","keydown","keyup","click","focus","blur","clear","confirm","prefix-click","suffix-click","date-prev","date-today","date-next","shortcut-click"],setup(w,e){let{slots:T,emit:l}=e,i=(0,_vue.inject)("$xeModal",null),u=(0,_vue.inject)("$xeDrawer",null),n=(0,_vue.inject)("$xeTable",null),d=(0,_vue.inject)("$xeCard",null),r=(0,_vue.inject)("$xeForm",null),o=(0,_vue.inject)("xeFormItemInfo",null);var t=_xeUtils.default.uniqueId();let P=(0,_ui.useSize)(w).computeSize,M=(0,_vue.reactive)(createReactData()),V=createInternalData(),U=(0,_vue.ref)(),N=(0,_vue.ref)(),W=(0,_vue.ref)(),H=(0,_vue.ref)(),R=(0,_vue.ref)(),x={refElem:U,refInput:N},I={xID:t,props:w,context:e,reactData:M,internalData:V,getRefMaps:()=>x},Z=(0,_vue.computed)(()=>{var e=w.transfer,t=L.value;if(_xeUtils.default.isBoolean(t.transfer))return t.transfer;if(null===e){t=(0,_ui.getConfig)().datePicker.transfer;if(_xeUtils.default.isBoolean(t))return t;if(n||i||u||d||r)return!0}return e}),F=(0,_vue.computed)(()=>{var e=w.readonly;return null===e?!!r&&r.props.readonly:e}),K=(0,_vue.computed)(()=>{var e=w.disabled;return null===e?!!r&&r.props.disabled:e}),y=(0,_vue.computed)(()=>{var e=w.type;return"time"===e}),A=(0,_vue.computed)(()=>{var e=w.type;return y.value||"datetime"===e}),b=(0,_vue.computed)(()=>A.value||-1<["date","week","month","quarter","year"].indexOf(w.type)),j=(0,_vue.computed)(()=>w.clearable),k=(0,_vue.computed)(()=>A.value||-1<["date","week","month","quarter","year"].indexOf(w.type)),E=(0,_vue.computed)(()=>{let{modelValue:e,type:t,multiple:a}=w;var l=k.value;let i=p.value;return a&&e&&l?_xeUtils.default.toValueString(e).split(",").map(e=>{e=(0,_util.parseDateValue)(e,t,{valueFormat:i});return _xeUtils.default.isValidDate(e),e}):[]}),J=(0,_vue.computed)(()=>{var e=w.width,t={};return e&&(t.width=(0,_dom.toCssUnit)(e)),t}),Q=(0,_vue.computed)(()=>w.startDate?_xeUtils.default.toStringDate(w.startDate):null),X=(0,_vue.computed)(()=>w.endDate?_xeUtils.default.toStringDate(w.endDate):null),D=(0,_vue.computed)(()=>w.multiple?_xeUtils.default.toNumber(w.limitCount):0),C=(0,_vue.computed)(()=>{var e=E.value;let t=p.value;return e.map(e=>_xeUtils.default.toDateString(e,t))}),S=(0,_vue.computed)(()=>{var e=w.multiple,t=D.value,a=C.value;return!(!e||!t)&&a.length>=t}),ee=(0,_vue.computed)(()=>{var{type:e,editable:t,multiple:a}=w;return F.value||a||!t||"week"===e||"quarter"===e}),te=(0,_vue.computed)(()=>{var e=w.placeholder;return(e=e||(0,_ui.getConfig)().datePicker.placeholder)?(0,_utils.getFuncText)(e):(0,_ui.getI18n)("vxe.base.pleaseSelect")}),ae=(0,_vue.computed)(()=>{var e=w.immediate;return e}),le=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().datePicker.timeConfig,w.timeConfig)),L=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().datePicker.popupConfig,w.popupConfig)),O=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().datePicker.shortcutConfig,w.shortcutConfig)),ie=(0,_vue.computed)(()=>{var e=O.value.options;return e?e.map((e,t)=>Object.assign({name:""+(e.name||e.code||t)},e)):[]}),g=(0,_vue.computed)(()=>{var e=w.labelFormat;return e||(0,_ui.getI18n)("vxe.input.date.labelFormat."+w.type)}),p=(0,_vue.computed)(()=>{var{type:e,valueFormat:t}=w;return(0,_util.handleValueFormat)(e,t)}),B=(0,_vue.computed)(()=>g.value),_=(0,_vue.computed)(()=>{var e=w.startDay;return _xeUtils.default.toNumber(e)}),q=(0,_vue.computed)(()=>{let{type:t,multiple:e}=w;var a=M.inputValue;let l=g.value,i=p.value,u=_.value;return(a?e?a.split(","):[a]:[]).map(e=>(0,_util.parseDateObj)(e,t,{valueFormat:i,labelFormat:l,firstDay:u}).label).join(", ")}),$=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().datePicker.maskedConfig,w.maskedConfig)),z=(0,_vue.computed)(()=>{var e=$.value.maskPlaceholder;return(e?(""+e)[0]:"")||defaultMaskPlaceholder}),ue=()=>{var e=w.modelValue;let t="";e&&(t=_xeUtils.default.isNumber(e)&&/^[0-9]{11,15}$/.test(""+e)?new Date(e):e),M.inputValue=t},G=(e,t)=>{V.inputLabel=e,t&&M.labelFlag++},v=e=>{var t=M.inputValue;h(e.type,{value:t},e)},c=(e,t)=>{var a,{type:l,modelValue:i,valueFormat:u}=w,n=p.value;M.inputValue=e,(0,_util.hasTimestampValueType)(u)?(a=(a=(0,_util.parseDateValue)(e,l,{valueFormat:n}))?a.getTime():null,s(a),i!==a&&(h("change",{value:a},t),r)&&o&&r.triggerItemEvent(t,o.itemConfig.field,a)):(0,_util.hasDateValueType)(u)?(a=(0,_util.parseDateValue)(e,l,{valueFormat:n}),s(a),(i&&a?_xeUtils.default.toStringDate(i).getTime()!==a.getTime():i!==a)&&(h("change",{value:a},t),r)&&o&&r.triggerItemEvent(t,o.itemConfig.field,a)):(s(e),_xeUtils.default.toValueString(i)!==e&&(h("change",{value:e},t),r)&&o&&r.triggerItemEvent(t,o.itemConfig.field,e))},ne=e=>{var t=e.target.value;G(t,!0),h("input",{value:t},e)},re=e=>{ae.value||v(e)},oe=e=>{var t;K.value||(t=M.inputValue,h("prefix-click",{value:t},e))},f=()=>new Promise(e=>{M.visiblePanel=!1,V.hpTimeout=setTimeout(()=>{M.isAniVisible=!1,e()},350)}),se=(a,e)=>{var{modelValue:t,multiple:l}=w,i=A.value;let u=p.value;var n=_.value;"week"===w.type&&(o=_xeUtils.default.toNumber(w.selectDay),a=_xeUtils.default.getWhatWeek(a,0,o,n));let r=_xeUtils.default.toDateString(a,u,{firstDay:n});if(l){var o=S.value;if(i){n=e?[]:[...E.value];let t=[];l=_xeUtils.default.findIndexOf(n,e=>_xeUtils.default.isDateSame(a,e,"yyyyMMdd"));if(-1===l){if(o)return;n.push(a)}else n.splice(l,1);n.forEach(e=>{e&&t.push(e)}),c(t.map(e=>_xeUtils.default.toDateString(e,u)).join(","),{type:"update"})}else{i=e?[]:C.value;i.some(e=>_xeUtils.default.isEqual(e,r))?c(i.filter(e=>!_xeUtils.default.isEqual(e,r)).join(","),{type:"update"}):o||c(i.concat([r]).join(","),{type:"update"})}}else _xeUtils.default.isEqual(t,r)||c(r,{type:"update"})},de=()=>{var e=q.value;G(e,!0)},m=i=>{var{type:a,editable:l,multiple:e,maskedConfig:u,parseMethod:n}=w,r=V.inputLabel;let o=g.value;var s=$.value,d=Q.value,v=X.value;if(i){l&&!e&&((0,_utils.isEnableConf)(u)||s.enabled)&&(l=o.match(new RegExp(`(${inputMaskedKeys.join("|")})+`,"g")))&&l.forEach(t=>{var a=o.indexOf(t);if(-1<a){var l=i.slice(a,a+t.length).replace(/\D/g,"");if(l){let e=_xeUtils.default.toNumber(l);!e&&["MM","dd"].includes(t)&&(e=1),i=i.slice(0,a)+_xeUtils.default.padStart((0,_util.checkDateInputFormat)(e,t),t.length,"0")+i.slice(a+t.length)}}});let t;if(n)t=n({$datePicker:I,type:a,inputValue:i,valueFormat:o})||null;else{e=R.value;if(e)return e.checkValue(i);t=(0,_util.parseDateValue)(i,a,{valueFormat:o})}if(_xeUtils.default.isValidDate(t))if("time"===a)r!==(u=_xeUtils.default.toDateString(t,o))&&c(t,{type:"check"}),G(u,!0);else{v&&t>v&&(t=v),d&&t<d&&(t=d);let e=!1;s=_.value,n=("datetime"===a&&(l=M.inputValue,i===_xeUtils.default.toDateString(l,o))&&i===_xeUtils.default.toDateString(t,o)||(e=!0),_xeUtils.default.toDateString(t,o,{firstDay:s}));G(n,!0),e&&se(t)}else de()}else c("",{type:"check"})},ve=(e,t)=>{b.value&&f(),c("",e),h("clear",{value:t},e)},pe=e=>{var t;K.value||(t=M.inputValue,h("suffix-click",{value:t},e))},ce=(e,t,a)=>{var l=$.value.align,i=z.value,u=_xeUtils.default.toNumber(e);let n=(0,_util.checkDateInputFormat)(u,t),r=""+(n=a&&!n&&["MM","dd"].includes(t)?1:n);return e.length>r.length&&(r=r.padStart(e.length,"0")),a?_xeUtils.default.padStart(r,t.length,"0"):_xeUtils.default["right"===l?"padStart":"padEnd"](r,t.length,i)},fe=(e,a,l,i,u)=>{var{type:n,multiple:r}=w;if(!r){r=N.value;if(r){var o=r.value;if(o){var s=B.value,d=g.value,v=_.value,p=z.value,c=r.selectionStart||0;let t=s[c];parseInputKayMaps[t]||(t=s[c-1]);var f,m,c=s.match(new RegExp(t+"+"));c&&(a||l?(l=c[0]||"",f=(c=c.index||0)+l.length,m=o.slice(c,f),parseInputKayMaps[t]&&(m=((0,_util.isAllSameChar)(m,p)?(0,_util.getChunkDefaultNum)(t):_xeUtils.default.toNumber(m))+(a?1:-1),a=o.slice(0,c)+ce(""+m,l,!0)+o.slice(f),e.preventDefault(),-1===a.indexOf(p)?(m=(0,_util.parseDateValue)(a,n,{valueFormat:d}),_xeUtils.default.isValidDate(m)&&(l=_xeUtils.default.toDateString(m,d,{firstDay:v}),r.value=l,G(l,!1))):(r.value=a,G(a,!1))),r.setSelectionRange(c,f)):(i||u)&&-1<inputMaskedKeys.indexOf(t)&&(o=_xeUtils.default.map(s.match(new RegExp(`(${inputMaskedKeys.join("|")})+`,"g"))||[],e=>e[0]),p=_xeUtils.default.findIndexOf(o,e=>t===e[0]),m=(n=i?o[p-1]||o[0]:o[p+1]||o[o.length-1])?n[0]:"",d=s.match(new RegExp(m+"+")))&&(e.preventDefault(),l=(v=d.index||0)+d[0].length,r.setSelectionRange(v,l)),V.isTriggerMasked=!0)}}}},me=n=>{var r=w.multiple;if(!r){var o=N.value;if(o){r=(0,_dom.hasControlKey)(n);if(!r){n.preventDefault();var r=n.key,s=_ui.globalEvents.hasKey(n,_ui.GLOBAL_EVENT_KEYS.DELETE),d=_ui.globalEvents.hasKey(n,_ui.GLOBAL_EVENT_KEYS.BACKSPACE),r="0"<=r&&r<="9",n=r?n.key:"";if(s||d||r){var v=V.isTriggerMasked,p=$.value.align,c=B.value,f=z.value;let i=o.value||c;var m=o.selectionStart||0,g=o.selectionEnd||0;let u=c[m];parseInputKayMaps[u]||(u=c[m-1]);var _=c.match(new RegExp(u+"+"));if(_){var h=_xeUtils.default.map(c.match(new RegExp(`(${inputMaskedKeys.join("|")})+`,"g"))||[],e=>e[0]),x=_[0]||"",y=_.index||0,b=y+x.length,k=h.indexOf(u),m=!m&&g===i.length&&1<h.length,g=i&&i.length!==c.length;(m||g)&&(i=c);let e=s?"":i.slice(y,b);g=e.match(/\d/g)||[],v=v&&!d?[]:g.slice(0);r?(v.push(n),e=ce(v.join(""),x,!1)):d&&(v.pop(),e=_xeUtils.default["right"===p?"padStart":"padEnd"](v.join(""),x.length,f));let t=i.slice(0,y)+e+i.slice(b);if(t=t.replace(new RegExp(`(${inputMaskedKeys.join("|")})`,"g"),f),o.value=t,G(t,!1),m){if(d||s){r=h[0],n=c.match(new RegExp(r+"+"));if(n)return x=n[0],o.setSelectionRange(0,x.length),void(V.isTriggerMasked=!0)}}else if(d&&!g.length){for(let e=k-1;0<=e;e--){var E=h[e],E=c.match(new RegExp(E+"+"));if(E){var D=E[0],E=E.index||0,C=E+D.length;let e=t.slice(E,C);var S=e.match(/\d/g)||[];if(S.length)return S.pop(),e=_xeUtils.default["right"===p?"padStart":"padEnd"](S.join(""),D.length,f),t=t.slice(0,E)+e+t.slice(C),o.value=t,G(t,!1),void o.setSelectionRange(E,C)}}y=h[0],b=c.match(new RegExp(y+"+"));return b?(m=b[0],t=c.replace(new RegExp(`(${inputMaskedKeys.join("|")})`,"g"),f),o.value=t,G(t,!1),o.setSelectionRange(0,m.length),void(V.isTriggerMasked=!0)):void 0}let a=_.index||0,l=a+_[0].length;v.length>=e.length?(s=h.slice(k+1),-1<k&&((r=s.length?c.match(new RegExp(`(${s.join("|")})+`)):null)&&(a=r.index||0,l=a+r[0].length),o.setSelectionRange(a,l)),V.isTriggerMasked=!0):(o.setSelectionRange(a,l),V.isTriggerMasked=!1)}}}}}},ge=(t,i)=>{V.fsTimeout=void 0;var{type:u,multiple:n,modelValue:r}=w;if(!n&&maskedTypes.includes(u)){n=N.value;if(n){u=V.laseFocusMasked;if(!(u&&Date.now()-u<100)){u=B.value;let l=z.value;var a=n.selectionStart||0,o=n.selectionEnd||0,s=n.value,d=_xeUtils.default.map(u.match(new RegExp(`(${inputMaskedKeys.join("|")})+`,"g"))||[],e=>e[0]);if(!s){let e=u.replace(new RegExp(`(${inputMaskedKeys.join("|")})`,"g"),l);if(i&&r){let t=(""+_xeUtils.default.toNumber(r)).match(/\d/g)||[],a=0;e=u.replace(new RegExp(`(${inputMaskedKeys.join("|")})`,"g"),e=>t[a++]||e)}var i=d[0],r=u.match(new RegExp(i+"+"));if(r)return t.preventDefault(),i=r[0],n.value=e,G(e,!1),n.setSelectionRange(0,i.length),void(V.laseFocusMasked=Date.now())}r=!a&&o===s.length&&1<d.length,i=s&&s.length!==u.length;if(r||i){let a="";if(i&&s){let e=s.match(/\d/g)||[],t=0;a=u.replace(new RegExp(`(${inputMaskedKeys.join("|")})`,"g"),()=>e[t++]||l)}else u.replace(new RegExp(`(${inputMaskedKeys.join("|")})`,"g"),l);var o=d[0],r=u.match(new RegExp(o+"+"));if(r)return t.preventDefault(),i=r[0],n.value=a,G(a,!1),n.setSelectionRange(0,i.length),void(V.laseFocusMasked=Date.now())}let e=u[a];(e=parseInputKayMaps[e]?e:u[a-1])&&(t.stopPropagation(),s=u.match(new RegExp(e+"+")))&&(d=s[0]||"",r=(o=s.index||0)+d.length,n.setSelectionRange(o,r),V.isTriggerMasked=!0,V.laseFocusMasked=Date.now())}}}},_e=e=>{var t,a=M.inputValue;ae.value||c(a,e),M.visiblePanel||(t=V.inputLabel,M.isActivated=!1,m(t)),h("blur",{value:a},e),r&&o&&r.triggerItemEvent(e,o.itemConfig.field,a)},he=e=>{var{multiple:t,editable:a,maskedConfig:l}=w,i=V.fsTimeout,u=$.value,n=L.value.trigger;M.isActivated=!0,i&&clearTimeout(i),n&&"default"!==n?"icon"===n&&f():Ne(e),a&&!t&&((0,_utils.isEnableConf)(l)||u.enabled)&&(V.fsTimeout=setTimeout(()=>{ge(e,!0)},20)),v(e)},xe=e=>{var{multiple:t,editable:a,maskedConfig:l}=w,i=V.fsTimeout,u=$.value;i&&clearTimeout(i),a&&!t&&((0,_utils.isEnableConf)(l)||u.enabled)&&(V.fsTimeout=setTimeout(()=>{ge(e)},10)),v(e)},ye=e=>{var{type:t,editable:a,maskedConfig:l}=w,i=M.visiblePanel,u=$.value,n=_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.ARROW_UP),r=_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.ARROW_DOWN),o=_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.ARROW_LEFT),s=_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.ARROW_RIGHT),d=_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.ENTER);a&&(d?(a=V.inputLabel,i&&f(),m(a)):maskedTypes.includes(t)&&((0,_utils.isEnableConf)(l)||u.enabled)&&(u.isArrow&&(n||r||o||s)?fe(e,n,r,o,s):u.isMasked&&me(e))),v(e)},be=e=>{v(e)},ke=e=>{var t=R.value;t&&t.confirmByEvent(e),f()},Ee=e=>{var{multiple:t,autoClose:a}=w,{value:e,$event:l}=e,i=A.value;c(e,l),t||i||a&&f()},De=e=>{h("confirm",e,e.$event)},Ce=e=>{G(e.label,!0)},Se=e=>{var{visiblePanel:t,isActivated:a}=M,l=U.value,i=H.value;!K.value&&a&&((l=(0,_dom.getEventTargetNode)(e,l).flag||(0,_dom.getEventTargetNode)(e,i).flag)!==a&&(M.isActivated=l),l||t&&(f(),e=V.inputLabel,m(e)))},we=e=>{var t,{isActivated:a,visiblePanel:l}=M;K.value||(t=_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.TAB),e=_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.ESCAPE),t&&a&&(M.isActivated=!1),l&&(e||t)&&f())},Te=()=>{var{isActivated:e,visiblePanel:t}=M;t&&f(),e&&(M.isActivated=!1),(t||e)&&(m(V.inputLabel),t=N.value)&&t.blur()},Pe=()=>{var e=M.visiblePanel;e&&a()},Me=()=>{var e=M.visiblePanel;e&&a()},Ve=()=>{var e=L.value.zIndex||w.zIndex;e?M.panelIndex=_xeUtils.default.toNumber(e):M.panelIndex<(0,_utils.getLastZIndex)()&&(M.panelIndex=(0,_utils.nextZIndex)())},a=()=>{let a=w.placement,l=M.panelIndex,i=N.value,u=W.value;if(!u)return(0,_vue.nextTick)();let n=Z.value,r=L.value;var e=()=>{var e=(0,_dom.updatePanelPlacement)(i,u,{placement:r.placement||a,defaultPlacement:r.defaultPlacement,teleportTo:n}),t=Object.assign(e.style,{zIndex:l});M.panelStyle=t,M.panelPlacement=e.placement};return e(),(0,_vue.nextTick)().then(e)},Ue=()=>{var e=M.visiblePanel;return(K.value||e?(0,_vue.nextTick):(M.initialized||(M.initialized=!0),V.hpTimeout&&(clearTimeout(V.hpTimeout),V.hpTimeout=void 0),M.isActivated=!0,M.isAniVisible=!0,setTimeout(()=>{M.visiblePanel=!0,a()},10),Ve(),a))()},Ne=e=>{F.value||(e.preventDefault(),Ue())},Re=e=>{var t=M.visiblePanel,a=L.value.trigger;a&&"default"!==a&&"icon"!==a||(t?f():Ne(e))},Ie=({option:e,$event:t})=>{var a=w.type,l=M.inputValue,i=O.value,u=i.autoClose,{code:n,clickMethod:r}=e,o=l,s={$datePicker:I,option:e,value:o,code:n};if(!r&&n){l=_ui.commands.get(n),e=l?l.datePickerCommandMethod:null;if(e)e(s);else{var d=p.value,v=_.value;switch(n){case"now":case"prev":case"next":case"minus":case"plus":o=(0,_util.getDateByCode)(n,o,a,{valueFormat:d,firstDay:v}).value;s.value=o,c(o,t);break;default:errLog("vxe.error.notCommands",[n])}}}else{l=r||i.clickMethod;l&&l(s)}u&&f(),h("shortcut-click",s,t)},h=(e,t,a)=>{l(e,(0,_ui.createEvent)(a,{$datePicker:I},t))},s=e=>{l("update:modelValue",e)};t={dispatchEvent:h,setModelValue(e){M.inputValue=e,s(e)},setModelValueByEvent(e,t){c(t||"",e)},focus(){var e=N.value;return M.isActivated=!0,e.focus(),(0,_vue.nextTick)()},blur(){return N.value.blur(),(M.isActivated=!1,_vue.nextTick)()},select(){return N.value.select(),(M.isActivated=!1,_vue.nextTick)()},showPanel:Ue,hidePanel:f,updatePlacement:a};Object.assign(I,t);let Y=(e,t)=>{var a=O.value,{position:l,align:i,mode:u}=a,n=ie.value;return(0,_utils.isEnableConf)(a)&&n.length&&(l||"left")===e?(0,_vue.h)("div",{class:`vxe-date-picker--layout-${e}-wrapper`},[(0,_vue.h)(_buttonGroup.default,{options:n,mode:u,align:i,vertical:t,onClick:Ie})]):(0,_ui.renderEmptyElement)(I)},Fe=()=>(0,_vue.h)("div",{class:"vxe-date-picker--control-icon",onClick:Re},[(0,_vue.h)("i",{class:["vxe-date-picker--date-picker-icon",(0,_ui.getIcon)().DATE_PICKER_DATE]})]);return(0,_vue.watch)(q,e=>{G(e,!0)}),(0,_vue.watch)(()=>w.modelValue,()=>{ue()}),ue(),(0,_vue.nextTick)(()=>{_ui.globalEvents.on(I,"mousedown",Se),_ui.globalEvents.on(I,"keydown",we),_ui.globalEvents.on(I,"blur",Te),_ui.globalEvents.on(I,"resize",Pe),_ui.globalEvents.on(I,"scroll",Me)}),(0,_vue.onMounted)(()=>{var{type:e,multiple:t,maskedConfig:a}=w;(0,_utils.isEnableConf)(a)&&(t&&errLog("vxe.error.notSupportProp",["multiple","masked-config.enabled=true","masked-config.enabled=false"]),maskedTypes.includes(e)||warnLog("vxe.error.notSupportProp",["masked-config.enabled=true","type="+e,"type="+maskedTypes.join("|")]))}),(0,_vue.onUnmounted)(()=>{_ui.globalEvents.off(I,"mousedown"),_ui.globalEvents.off(I,"keydown"),_ui.globalEvents.off(I,"blur"),_ui.globalEvents.off(I,"resize"),_ui.globalEvents.off(I,"scroll"),_xeUtils.default.assign(M,createReactData()),_xeUtils.default.assign(V,createInternalData())}),(0,_vue.provide)("$xeDatePicker",I),I.renderVN=()=>{var e,t,a,l,i,u,n,r,o,s,d,v,p,{className:c,inputClassName:f,type:m,name:g,autoComplete:_}=w,{inputValue:h,visiblePanel:x,isActivated:y,labelFlag:b}=M,k=V.inputLabel,E=P.value,D=K.value,C=F.value,S=q.value;return C?(0,_vue.h)("div",{ref:U,class:["vxe-date-picker--readonly","type--"+m,c]},S):(C=J.value,S=ee.value,i=te.value,a=j.value,t=w.prefixIcon,l=(l=T.prefix)||t?(0,_vue.h)("div",{class:"vxe-date-picker--prefix",onClick:oe},[(0,_vue.h)("div",{class:"vxe-date-picker--prefix-icon"},l?(0,_vn.getSlotVNs)(l({})):[(0,_vue.h)("i",{class:t})])]):null,t=w.suffixIcon,p=M.inputValue,v=T.suffix,u=K.value,e=j.value,u=(0,_vue.h)("div",{class:["vxe-date-picker--suffix",{"is--clear":e&&!u&&!(""===p||_xeUtils.default.eqNull(p))}]},[e?(0,_vue.h)("div",{class:"vxe-date-picker--clear-icon",onClick:ve},[(0,_vue.h)("i",{class:(0,_ui.getIcon)().INPUT_CLEAR})]):(0,_ui.renderEmptyElement)(I),Fe(),v||t?(0,_vue.h)("div",{class:"vxe-date-picker--suffix-icon",onClick:pe},v?(0,_vn.getSlotVNs)(v({})):[(0,_vue.h)("i",{class:t})]):(0,_ui.renderEmptyElement)(I)]),(0,_vue.h)("div",{ref:U,class:["vxe-date-picker","type--"+m,c,{["size--"+E]:E,"is--prefix":!!l,"is--suffix":!!u,"is--visible":x,"is--disabled":D,"is--active":y,"show--clear":a&&!D&&!(""===h||_xeUtils.default.eqNull(h))}],style:C,spellcheck:!1},[l||(0,_ui.renderEmptyElement)(I),(0,_vue.h)("div",{class:"vxe-date-picker--wrapper"},[(0,_vue.h)("input",{ref:N,class:"vxe-date-picker--inner"+(f?" "+f:""),value:b?k:"",name:g,type:"text",placeholder:i,readonly:S,disabled:D,autocomplete:_,onKeydown:ye,onKeyup:be,onClick:xe,onInput:ne,onChange:re,onFocus:he,onBlur:_e})]),u||(0,_ui.renderEmptyElement)(I),!1===(p=L.value).enabled?(0,_ui.renderEmptyElement)(I):({type:e,multiple:v,showClearButton:t,showConfirmButton:m}=w,{initialized:c,isAniVisible:E,visiblePanel:x,panelPlacement:y,panelStyle:a,inputValue:h}=M,C=P.value,l=Z.value,f=O.value,b=j.value,k=A.value,g=ie.value,i=le.value,S=Q.value,D=X.value,_=p.appendTo,f=f.position,u=T.header,n=T.footer,r=T.top,o=T.bottom,s=T.left,d=T.right,p=p.className,g=0<g.length,k=null===m?k||v:m,v=null===t?b&&k&&"time"!==e:t,(0,_vue.h)(_vue.Teleport,{to:(0,_dom.getPopupContainer)(_),disabled:!l||!c},[(0,_vue.h)("div",{ref:W,class:["vxe-table--ignore-clear vxe-date-picker--panel","type--"+e,p?_xeUtils.default.isFunction(p)?p({$datePicker:I}):p:"",{["size--"+C]:C,"is--transfer":l,"ani--leave":E,"ani--enter":x,"show--top":!!(r||u||g&&("top"===f||"header"===f)),"show--bottom":!!(o||n||g&&("bottom"===f||"footer"===f)),"show--left":!!(s||g&&"left"===f),"show--right":!!(d||g&&"right"===f)}],placement:y,style:a},c&&(x||E)?[(0,_vue.h)("div",{ref:H,class:["vxe-date-picker--layout-all-wrapper","type--"+e,{["size--"+C]:C}]},[r?(0,_vue.h)("div",{class:"vxe-date-picker--layout-top-wrapper"},r({})):Y("top"),(0,_vue.h)("div",{class:"vxe-date-picker--layout-body-layout-wrapper"},[s?(0,_vue.h)("div",{class:"vxe-date-picker--layout-left-wrapper"},s({})):Y("left",!0),(0,_vue.h)("div",{class:"vxe-date-picker--layout-body-content-wrapper"},[u?(0,_vue.h)("div",{class:"vxe-date-picker--layout-header-wrapper"},u({})):Y("header"),(0,_vue.h)("div",{class:"vxe-date-picker--layout-body-wrapper"},[(0,_vue.h)(_datePanel.default,{ref:R,modelValue:M.inputValue,type:w.type,className:w.className,multiple:w.multiple,limitCount:w.limitCount,startDate:S,endDate:D,defaultDate:w.defaultDate,defaultTime:w.defaultTime,minDate:w.minDate,maxDate:w.maxDate,startDay:w.startDay,labelFormat:w.labelFormat,valueFormat:w.valueFormat,timeFormat:w.timeFormat,timeConfig:i,festivalMethod:w.festivalMethod,disabledMethod:w.disabledMethod,selectDay:w.selectDay,onChange:Ee,onConfirm:De,onRevert:Ce})]),(0,_vue.h)("div",{class:"vxe-date-picker--layout-footer-wrapper"},[(0,_vue.h)("div",{class:"vxe-date-picker--layout-footer-custom"},n?n({}):[Y("footer")]),v||k?(0,_vue.h)("div",{class:"vxe-date-picker--layout-footer-btns"},[v?(0,_vue.h)(_button.default,{size:"mini",disabled:""===h||_xeUtils.default.eqNull(h),content:(0,_ui.getI18n)("vxe.button.clear"),onClick:ve}):(0,_ui.renderEmptyElement)(I),k?(0,_vue.h)(_button.default,{size:"mini",status:"primary",content:(0,_ui.getI18n)("vxe.button.confirm"),onClick:ke}):(0,_ui.renderEmptyElement)(I)]):(0,_ui.renderEmptyElement)(I)])]),d?(0,_vue.h)("div",{class:"vxe-date-picker--layout-right-wrapper"},d({})):Y("right",!0)]),o?(0,_vue.h)("div",{class:"vxe-date-picker--layout-bottom-wrapper"},o({})):Y("bottom")])]:[])]))]))},I},render(){return this.renderVN()}});
|