vxe-pc-ui 3.4.5 → 3.4.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/es/calendar/src/calendar.js +51 -21
- package/es/date-picker/src/date-picker.js +41 -18
- package/es/date-picker/style.css +36 -21
- package/es/date-picker/style.min.css +1 -1
- package/es/icon/style.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 +36 -21
- package/es/vxe-date-picker/style.min.css +1 -1
- package/lib/calendar/src/calendar.js +37 -14
- package/lib/calendar/src/calendar.min.js +1 -1
- package/lib/date-picker/src/date-picker.js +32 -14
- package/lib/date-picker/src/date-picker.min.js +1 -1
- package/lib/date-picker/style/style.css +36 -21
- package/lib/date-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 +71 -30
- package/lib/index.umd.min.js +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 +36 -21
- package/lib/vxe-date-picker/style/style.min.css +1 -1
- package/package.json +1 -1
- package/packages/calendar/src/calendar.ts +51 -20
- package/packages/date-picker/src/date-picker.ts +42 -18
- package/styles/components/date-picker.scss +25 -9
- package/styles/theme/base.scss +1 -1
- package/types/components/grid.d.ts +4 -0
- package/types/components/table.d.ts +50 -2
- /package/es/icon/{iconfont.1741263656288.ttf → iconfont.1741345280056.ttf} +0 -0
- /package/es/icon/{iconfont.1741263656288.woff → iconfont.1741345280056.woff} +0 -0
- /package/es/icon/{iconfont.1741263656288.woff2 → iconfont.1741345280056.woff2} +0 -0
- /package/es/{iconfont.1741263656288.ttf → iconfont.1741345280056.ttf} +0 -0
- /package/es/{iconfont.1741263656288.woff → iconfont.1741345280056.woff} +0 -0
- /package/es/{iconfont.1741263656288.woff2 → iconfont.1741345280056.woff2} +0 -0
- /package/lib/icon/style/{iconfont.1741263656288.ttf → iconfont.1741345280056.ttf} +0 -0
- /package/lib/icon/style/{iconfont.1741263656288.woff → iconfont.1741345280056.woff} +0 -0
- /package/lib/icon/style/{iconfont.1741263656288.woff2 → iconfont.1741345280056.woff2} +0 -0
- /package/lib/{iconfont.1741263656288.ttf → iconfont.1741345280056.ttf} +0 -0
- /package/lib/{iconfont.1741263656288.woff → iconfont.1741345280056.woff} +0 -0
- /package/lib/{iconfont.1741263656288.woff2 → iconfont.1741345280056.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 = "3.4.
|
|
4
|
+
export const version = "3.4.7";
|
|
5
5
|
VxeUI.uiVersion = version;
|
|
6
6
|
VxeUI.dynamicApp = dynamicApp;
|
|
7
7
|
export function config(options) {
|
package/es/ui/src/log.js
CHANGED
|
@@ -280,8 +280,12 @@
|
|
|
280
280
|
}
|
|
281
281
|
|
|
282
282
|
.vxe-date-picker--time-picker-btn {
|
|
283
|
+
display: flex;
|
|
283
284
|
flex-shrink: 0;
|
|
284
285
|
}
|
|
286
|
+
.vxe-date-picker--time-picker-btn:active {
|
|
287
|
+
transform: scale(0.9);
|
|
288
|
+
}
|
|
285
289
|
|
|
286
290
|
.vxe-date-picker--time-picker-confirm,
|
|
287
291
|
.vxe-date-picker--date-picker-confirm {
|
|
@@ -354,12 +358,20 @@
|
|
|
354
358
|
cursor: pointer;
|
|
355
359
|
}
|
|
356
360
|
.vxe-date-picker--date-picker-btn:not(.is--disabled):hover {
|
|
361
|
+
color: var(--vxe-ui-font-primary-color);
|
|
357
362
|
background-color: #fff;
|
|
358
363
|
}
|
|
359
364
|
.vxe-date-picker--date-picker-btn:not(.is--disabled):active {
|
|
360
365
|
background-color: #fff;
|
|
361
366
|
}
|
|
362
367
|
|
|
368
|
+
.vxe-date-picker--date-picker-btns .vxe-date-picker--date-picker-btn {
|
|
369
|
+
margin-left: 0.6em;
|
|
370
|
+
}
|
|
371
|
+
.vxe-date-picker--date-picker-btns .vxe-date-picker--date-picker-btn:first-child {
|
|
372
|
+
margin-left: 0;
|
|
373
|
+
}
|
|
374
|
+
|
|
363
375
|
.vxe-date-picker--date-picker-body {
|
|
364
376
|
border-radius: var(--vxe-ui-base-border-radius);
|
|
365
377
|
border: 1px solid var(--vxe-ui-base-popup-border-color);
|
|
@@ -476,6 +488,8 @@
|
|
|
476
488
|
|
|
477
489
|
.vxe-date-picker--date-label {
|
|
478
490
|
position: relative;
|
|
491
|
+
font-size: 1.1em;
|
|
492
|
+
line-height: 1em;
|
|
479
493
|
}
|
|
480
494
|
.vxe-date-picker--date-label.is-notice:before {
|
|
481
495
|
content: "";
|
|
@@ -493,8 +507,8 @@
|
|
|
493
507
|
position: absolute;
|
|
494
508
|
right: 0.1em;
|
|
495
509
|
top: -0.2em;
|
|
496
|
-
font-size:
|
|
497
|
-
transform: scale(0.
|
|
510
|
+
font-size: 12px;
|
|
511
|
+
transform: scale(0.9);
|
|
498
512
|
color: var(--vxe-ui-input-date-extra-color);
|
|
499
513
|
}
|
|
500
514
|
.vxe-date-picker--date-label--extra.is-important {
|
|
@@ -503,7 +517,8 @@
|
|
|
503
517
|
|
|
504
518
|
.vxe-date-picker--date-festival {
|
|
505
519
|
color: var(--vxe-ui-input-date-festival-color);
|
|
506
|
-
height:
|
|
520
|
+
height: 1.2em;
|
|
521
|
+
line-height: 1.1em;
|
|
507
522
|
overflow: hidden;
|
|
508
523
|
}
|
|
509
524
|
.vxe-date-picker--date-festival.is-important {
|
|
@@ -512,8 +527,8 @@
|
|
|
512
527
|
|
|
513
528
|
.vxe-date-picker--date-festival--label {
|
|
514
529
|
display: block;
|
|
515
|
-
font-size:
|
|
516
|
-
transform: scale(0.
|
|
530
|
+
font-size: 1em;
|
|
531
|
+
transform: scale(0.8);
|
|
517
532
|
}
|
|
518
533
|
|
|
519
534
|
@keyframes festivalOverlap2 {
|
|
@@ -668,6 +683,9 @@
|
|
|
668
683
|
.vxe-date-picker--panel .vxe-date-picker--date-picker-btn-wrapper .vxe-date-picker--date-picker-btn {
|
|
669
684
|
margin-left: 8px;
|
|
670
685
|
}
|
|
686
|
+
.vxe-date-picker--panel .vxe-date-picker--date-picker-btn-wrapper .vxe-date-picker--date-picker-btn:active {
|
|
687
|
+
transform: scale(0.9);
|
|
688
|
+
}
|
|
671
689
|
.vxe-date-picker--panel .vxe-date-picker--date-picker-btn-wrapper .vxe-date-picker--date-picker-prev-btn,
|
|
672
690
|
.vxe-date-picker--panel .vxe-date-picker--date-picker-btn-wrapper .vxe-date-picker--date-picker-current-btn,
|
|
673
691
|
.vxe-date-picker--panel .vxe-date-picker--date-picker-btn-wrapper .vxe-date-picker--date-picker-next-btn {
|
|
@@ -676,7 +694,7 @@
|
|
|
676
694
|
border: 1px solid var(--vxe-ui-input-border-color);
|
|
677
695
|
}
|
|
678
696
|
.vxe-date-picker--panel .vxe-date-picker--date-picker-type-wrapper .vxe-date-picker--date-picker-label,
|
|
679
|
-
.vxe-date-picker--panel .vxe-date-picker--date-picker-type-wrapper .vxe-date-picker--date-picker-
|
|
697
|
+
.vxe-date-picker--panel .vxe-date-picker--date-picker-type-wrapper .vxe-date-picker--date-picker-btns {
|
|
680
698
|
padding: 0 9px;
|
|
681
699
|
}
|
|
682
700
|
.vxe-date-picker--panel .vxe-date-picker--time-picker-header,
|
|
@@ -721,9 +739,6 @@
|
|
|
721
739
|
.vxe-date-picker--panel .vxe-date-picker--date-picker-confirm {
|
|
722
740
|
height: 30px;
|
|
723
741
|
}
|
|
724
|
-
.vxe-date-picker--panel .vxe-date-picker--date-label {
|
|
725
|
-
line-height: calc(var(--vxe-ui-font-size-default) + 1px);
|
|
726
|
-
}
|
|
727
742
|
.vxe-date-picker--panel.size--medium {
|
|
728
743
|
font-size: var(--vxe-ui-font-size-medium);
|
|
729
744
|
}
|
|
@@ -762,6 +777,9 @@
|
|
|
762
777
|
.vxe-date-picker--panel.size--medium .vxe-date-picker--date-picker-btn-wrapper .vxe-date-picker--date-picker-btn {
|
|
763
778
|
margin-left: 7px;
|
|
764
779
|
}
|
|
780
|
+
.vxe-date-picker--panel.size--medium .vxe-date-picker--date-picker-btn-wrapper .vxe-date-picker--date-picker-btn:active {
|
|
781
|
+
transform: scale(0.9);
|
|
782
|
+
}
|
|
765
783
|
.vxe-date-picker--panel.size--medium .vxe-date-picker--date-picker-btn-wrapper .vxe-date-picker--date-picker-prev-btn,
|
|
766
784
|
.vxe-date-picker--panel.size--medium .vxe-date-picker--date-picker-btn-wrapper .vxe-date-picker--date-picker-current-btn,
|
|
767
785
|
.vxe-date-picker--panel.size--medium .vxe-date-picker--date-picker-btn-wrapper .vxe-date-picker--date-picker-next-btn {
|
|
@@ -770,7 +788,7 @@
|
|
|
770
788
|
border: 1px solid var(--vxe-ui-input-border-color);
|
|
771
789
|
}
|
|
772
790
|
.vxe-date-picker--panel.size--medium .vxe-date-picker--date-picker-type-wrapper .vxe-date-picker--date-picker-label,
|
|
773
|
-
.vxe-date-picker--panel.size--medium .vxe-date-picker--date-picker-type-wrapper .vxe-date-picker--date-picker-
|
|
791
|
+
.vxe-date-picker--panel.size--medium .vxe-date-picker--date-picker-type-wrapper .vxe-date-picker--date-picker-btns {
|
|
774
792
|
padding: 0 8px;
|
|
775
793
|
}
|
|
776
794
|
.vxe-date-picker--panel.size--medium .vxe-date-picker--time-picker-header,
|
|
@@ -815,9 +833,6 @@
|
|
|
815
833
|
.vxe-date-picker--panel.size--medium .vxe-date-picker--date-picker-confirm {
|
|
816
834
|
height: 29px;
|
|
817
835
|
}
|
|
818
|
-
.vxe-date-picker--panel.size--medium .vxe-date-picker--date-label {
|
|
819
|
-
line-height: calc(var(--vxe-ui-font-size-medium) + 1px);
|
|
820
|
-
}
|
|
821
836
|
.vxe-date-picker--panel.size--small {
|
|
822
837
|
font-size: var(--vxe-ui-font-size-small);
|
|
823
838
|
}
|
|
@@ -856,6 +871,9 @@
|
|
|
856
871
|
.vxe-date-picker--panel.size--small .vxe-date-picker--date-picker-btn-wrapper .vxe-date-picker--date-picker-btn {
|
|
857
872
|
margin-left: 6px;
|
|
858
873
|
}
|
|
874
|
+
.vxe-date-picker--panel.size--small .vxe-date-picker--date-picker-btn-wrapper .vxe-date-picker--date-picker-btn:active {
|
|
875
|
+
transform: scale(0.9);
|
|
876
|
+
}
|
|
859
877
|
.vxe-date-picker--panel.size--small .vxe-date-picker--date-picker-btn-wrapper .vxe-date-picker--date-picker-prev-btn,
|
|
860
878
|
.vxe-date-picker--panel.size--small .vxe-date-picker--date-picker-btn-wrapper .vxe-date-picker--date-picker-current-btn,
|
|
861
879
|
.vxe-date-picker--panel.size--small .vxe-date-picker--date-picker-btn-wrapper .vxe-date-picker--date-picker-next-btn {
|
|
@@ -864,7 +882,7 @@
|
|
|
864
882
|
border: 1px solid var(--vxe-ui-input-border-color);
|
|
865
883
|
}
|
|
866
884
|
.vxe-date-picker--panel.size--small .vxe-date-picker--date-picker-type-wrapper .vxe-date-picker--date-picker-label,
|
|
867
|
-
.vxe-date-picker--panel.size--small .vxe-date-picker--date-picker-type-wrapper .vxe-date-picker--date-picker-
|
|
885
|
+
.vxe-date-picker--panel.size--small .vxe-date-picker--date-picker-type-wrapper .vxe-date-picker--date-picker-btns {
|
|
868
886
|
padding: 0 7px;
|
|
869
887
|
}
|
|
870
888
|
.vxe-date-picker--panel.size--small .vxe-date-picker--time-picker-header,
|
|
@@ -909,9 +927,6 @@
|
|
|
909
927
|
.vxe-date-picker--panel.size--small .vxe-date-picker--date-picker-confirm {
|
|
910
928
|
height: 28px;
|
|
911
929
|
}
|
|
912
|
-
.vxe-date-picker--panel.size--small .vxe-date-picker--date-label {
|
|
913
|
-
line-height: calc(var(--vxe-ui-font-size-small) + 1px);
|
|
914
|
-
}
|
|
915
930
|
.vxe-date-picker--panel.size--mini {
|
|
916
931
|
font-size: var(--vxe-ui-font-size-mini);
|
|
917
932
|
}
|
|
@@ -950,6 +965,9 @@
|
|
|
950
965
|
.vxe-date-picker--panel.size--mini .vxe-date-picker--date-picker-btn-wrapper .vxe-date-picker--date-picker-btn {
|
|
951
966
|
margin-left: 5px;
|
|
952
967
|
}
|
|
968
|
+
.vxe-date-picker--panel.size--mini .vxe-date-picker--date-picker-btn-wrapper .vxe-date-picker--date-picker-btn:active {
|
|
969
|
+
transform: scale(0.9);
|
|
970
|
+
}
|
|
953
971
|
.vxe-date-picker--panel.size--mini .vxe-date-picker--date-picker-btn-wrapper .vxe-date-picker--date-picker-prev-btn,
|
|
954
972
|
.vxe-date-picker--panel.size--mini .vxe-date-picker--date-picker-btn-wrapper .vxe-date-picker--date-picker-current-btn,
|
|
955
973
|
.vxe-date-picker--panel.size--mini .vxe-date-picker--date-picker-btn-wrapper .vxe-date-picker--date-picker-next-btn {
|
|
@@ -958,7 +976,7 @@
|
|
|
958
976
|
border: 1px solid var(--vxe-ui-input-border-color);
|
|
959
977
|
}
|
|
960
978
|
.vxe-date-picker--panel.size--mini .vxe-date-picker--date-picker-type-wrapper .vxe-date-picker--date-picker-label,
|
|
961
|
-
.vxe-date-picker--panel.size--mini .vxe-date-picker--date-picker-type-wrapper .vxe-date-picker--date-picker-
|
|
979
|
+
.vxe-date-picker--panel.size--mini .vxe-date-picker--date-picker-type-wrapper .vxe-date-picker--date-picker-btns {
|
|
962
980
|
padding: 0 6px;
|
|
963
981
|
}
|
|
964
982
|
.vxe-date-picker--panel.size--mini .vxe-date-picker--time-picker-header,
|
|
@@ -1002,7 +1020,4 @@
|
|
|
1002
1020
|
.vxe-date-picker--panel.size--mini .vxe-date-picker--time-picker-confirm,
|
|
1003
1021
|
.vxe-date-picker--panel.size--mini .vxe-date-picker--date-picker-confirm {
|
|
1004
1022
|
height: 27px;
|
|
1005
|
-
}
|
|
1006
|
-
.vxe-date-picker--panel.size--mini .vxe-date-picker--date-label {
|
|
1007
|
-
line-height: calc(var(--vxe-ui-font-size-mini) + 1px);
|
|
1008
1023
|
}
|
|
@@ -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:-ms-input-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--count{flex-shrink:0;color:var(--vxe-ui-input-count-color);background-color:var(--vxe-ui-layout-background-color);padding-right:.6em}.vxe-date-picker--count.is--error{color:var(--vxe-ui-input-count-error-color)}.vxe-date-picker.is--left .vxe-date-picker--inner{text-align:left}.vxe-date-picker.is--center .vxe-date-picker--inner{text-align:center}.vxe-date-picker.is--right .vxe-date-picker--inner{text-align:right}.vxe-date-picker--panel{display:none;position:absolute;left:0;padding:4px 0;color:var(--vxe-ui-font-color);font-size:var(--vxe-ui-font-size-default);text-align:left}.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;transform-style:preserve-3d}.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-layout-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--panel-body-layout-wrapper{display:flex;flex-direction:row;white-space:nowrap}.vxe-date-picker--panel-body-content-wrapper,.vxe-date-picker--panel-body-layout-wrapper,.vxe-date-picker--panel-body-wrapper{flex-grow:1}.vxe-date-picker--panel-bottom-wrapper,.vxe-date-picker--panel-footer-wrapper,.vxe-date-picker--panel-header-wrapper,.vxe-date-picker--panel-left-wrapper,.vxe-date-picker--panel-right-wrapper,.vxe-date-picker--panel-top-wrapper{flex-shrink:0}.vxe-date-picker--panel{pointer-events:none}.vxe-date-picker--panel.show--right .vxe-date-picker--panel-datetime-layout-wrapper,.vxe-date-picker--panel.show--right .vxe-date-picker--panel-wrapper,.vxe-date-picker--panel.show--top .vxe-date-picker--panel-datetime-layout-wrapper,.vxe-date-picker--panel.show--top .vxe-date-picker--panel-wrapper{border-top-right-radius:0}.vxe-date-picker--panel.show--bottom .vxe-date-picker--panel-datetime-layout-wrapper,.vxe-date-picker--panel.show--bottom .vxe-date-picker--panel-wrapper,.vxe-date-picker--panel.show--right .vxe-date-picker--panel-datetime-layout-wrapper,.vxe-date-picker--panel.show--right .vxe-date-picker--panel-wrapper{border-bottom-right-radius:0}.vxe-date-picker--panel.show--bottom .vxe-date-picker--panel-datetime-layout-wrapper,.vxe-date-picker--panel.show--bottom .vxe-date-picker--panel-wrapper,.vxe-date-picker--panel.show--left .vxe-date-picker--panel-datetime-layout-wrapper,.vxe-date-picker--panel.show--left .vxe-date-picker--panel-wrapper{border-bottom-left-radius:0}.vxe-date-picker--panel.show--left .vxe-date-picker--panel-datetime-layout-wrapper,.vxe-date-picker--panel.show--left .vxe-date-picker--panel-wrapper,.vxe-date-picker--panel.show--top .vxe-date-picker--panel-datetime-layout-wrapper,.vxe-date-picker--panel.show--top .vxe-date-picker--panel-wrapper{border-top-left-radius:0}.vxe-date-picker--panel.show--top .vxe-date-picker--panel-datetime-layout-wrapper,.vxe-date-picker--panel.show--top .vxe-date-picker--panel-wrapper{border-top-width:1px}.vxe-date-picker--panel.show--bottom .vxe-date-picker--panel-datetime-layout-wrapper,.vxe-date-picker--panel.show--bottom .vxe-date-picker--panel-wrapper{border-bottom-width:1px}.vxe-date-picker--panel.show--left .vxe-date-picker--panel-datetime-layout-wrapper,.vxe-date-picker--panel.show--left .vxe-date-picker--panel-wrapper{border-left-width:1px}.vxe-date-picker--panel.show--right .vxe-date-picker--panel-datetime-layout-wrapper,.vxe-date-picker--panel.show--right .vxe-date-picker--panel-wrapper{border-right-width:1px}.vxe-date-picker--panel-datetime-layout-wrapper,.vxe-date-picker--panel-wrapper{border:0 solid var(--vxe-ui-base-popup-border-color);border-radius:var(--vxe-ui-base-border-radius)}.vxe-date-picker--panel-wrapper{overflow-x:hidden;overflow-y:auto}.vxe-date-picker--panel-datetime-layout-wrapper{display:inline-flex;flex-direction:row}.vxe-date-picker--panel.type--date,.vxe-date-picker--panel.type--month,.vxe-date-picker--panel.type--quarter,.vxe-date-picker--panel.type--week,.vxe-date-picker--panel.type--year{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vxe-date-picker--panel.type--datetime .vxe-date-picker--panel-datetime-right-wrapper{display:flex;flex-direction:column;border-left:1px solid var(--vxe-ui-input-border-color)}.vxe-date-picker--panel.type--date .vxe-date-picker--date-picker-body th,.vxe-date-picker--panel.type--datetime .vxe-date-picker--date-picker-body th{width:14.28571%}.vxe-date-picker--panel.type--week .vxe-date-picker--date-picker-body table th{width:12%}.vxe-date-picker--panel.type--week .vxe-date-picker--date-picker-body table th:first-child{width:14%}.vxe-date-picker--panel.type--quarter .vxe-date-picker--date-picker-body table th{width:50%}.vxe-date-picker--panel.type--month .vxe-date-picker--date-picker-body td,.vxe-date-picker--panel.type--year .vxe-date-picker--date-picker-body td{width:25%}.vxe-date-picker--time-picker-title{flex-grow:1;text-align:center;border:1px solid var(--vxe-ui-input-border-color);border-radius:var(--vxe-ui-base-border-radius);padding:0 .1em;margin-right:.5em}.vxe-date-picker--time-picker-btn{flex-shrink:0}.vxe-date-picker--date-picker-confirm,.vxe-date-picker--time-picker-confirm{outline:0;border:1px solid var(--vxe-ui-input-border-color);border-radius:var(--vxe-ui-base-border-radius);cursor:pointer;color:var(--vxe-ui-input-date-time-confirm-button-color);border-color:var(--vxe-ui-font-primary-color);background-color:var(--vxe-ui-font-primary-color);padding:0 .5em}.vxe-date-picker--date-picker-confirm:hover,.vxe-date-picker--time-picker-confirm:hover{background-color:var(--vxe-ui-font-primary-lighten-color);border-color:var(--vxe-ui-font-primary-lighten-color)}.vxe-date-picker--date-picker-confirm:active,.vxe-date-picker--time-picker-confirm:active{background-color:var(--vxe-ui-font-primary-darken-color);border-color:var(--vxe-ui-font-primary-darken-color)}.vxe-date-picker--time-picker-header{display:flex;flex-direction:row;position:relative;flex-shrink:0}.vxe-date-picker--date-picker-header{display:flex;flex-direction:row;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vxe-date-picker--date-picker-header .vxe-date-picker--date-picker-type-wrapper{flex-grow:1}.vxe-date-picker--date-picker-header .vxe-date-picker--date-picker-btn-wrapper{flex-shrink:0;text-align:center}.vxe-date-picker--date-picker-type-wrapper .vxe-date-picker--date-picker-btn,.vxe-date-picker--date-picker-type-wrapper .vxe-date-picker--date-picker-label{display:inline-block}.vxe-date-picker--date-picker-btn-wrapper{display:flex;flex-direction:row}.vxe-date-picker--date-picker-btn,.vxe-date-picker--date-picker-label{display:flex;align-items:center;justify-content:center;background-color:var(--vxe-ui-layout-background-color)}.vxe-date-picker--date-picker-btn.is--disabled{color:var(--vxe-ui-font-disabled-color);cursor:no-drop}.vxe-date-picker--date-picker-btn:not(.is--disabled){cursor:pointer}.vxe-date-picker--date-picker-btn:not(.is--disabled):hover{background-color:#fff}.vxe-date-picker--date-picker-btn:not(.is--disabled):active{background-color:#fff}.vxe-date-picker--date-picker-body{border-radius:var(--vxe-ui-base-border-radius);border:1px solid var(--vxe-ui-base-popup-border-color);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vxe-date-picker--date-picker-body table{border:0;width:100%;border-spacing:0;border-collapse:separate;text-align:center;table-layout:fixed}.vxe-date-picker--date-picker-body td,.vxe-date-picker--date-picker-body th{font-weight:400}.vxe-date-picker--date-picker-body th{box-shadow:inset 0 -1px 0 0 var(--vxe-ui-base-popup-border-color)}.vxe-date-picker--date-picker-body td{border:1px solid transparent;border-radius:1em}.vxe-date-picker--date-picker-body td.is--next,.vxe-date-picker--date-picker-body td.is--prev{color:var(--vxe-ui-font-disabled-color)}.vxe-date-picker--date-picker-body td.is--next .vxe-date-picker--date-festival,.vxe-date-picker--date-picker-body td.is--next .vxe-date-picker--date-label,.vxe-date-picker--date-picker-body td.is--prev .vxe-date-picker--date-festival,.vxe-date-picker--date-picker-body td.is--prev .vxe-date-picker--date-label{color:var(--vxe-ui-font-disabled-color)}.vxe-date-picker--date-picker-body td.is--now{color:var(--vxe-ui-base-popup-border-color)}.vxe-date-picker--date-picker-body td.is--now:not(.is--selected).is--current{color:var(--vxe-ui-font-primary-color)}.vxe-date-picker--date-picker-body td.is--now:not(.is--selected).is--current .vxe-date-picker--date-festival,.vxe-date-picker--date-picker-body td.is--now:not(.is--selected).is--current .vxe-date-picker--date-label{color:var(--vxe-ui-font-primary-color)}.vxe-date-picker--date-picker-body td.is--hover{border-color:var(--vxe-ui-font-primary-color);background-color:var(--vxe-ui-font-primary-tinge-color)}.vxe-date-picker--date-picker-body td.is--selected{color:var(--vxe-ui-input-date-picker-selected-color);background-color:var(--vxe-ui-font-primary-color)}.vxe-date-picker--date-picker-body td.is--selected.is--hover{box-shadow:0 0 6px 1px var(--vxe-ui-font-primary-color)}.vxe-date-picker--date-picker-body td.is--selected.is--next .vxe-date-picker--date-festival,.vxe-date-picker--date-picker-body td.is--selected.is--next .vxe-date-picker--date-label,.vxe-date-picker--date-picker-body td.is--selected.is--prev .vxe-date-picker--date-festival,.vxe-date-picker--date-picker-body td.is--selected.is--prev .vxe-date-picker--date-label{color:var(--vxe-ui-base-popup-border-color)}.vxe-date-picker--date-picker-body td.is--selected .vxe-date-picker--date-festival,.vxe-date-picker--date-picker-body td.is--selected .vxe-date-picker--date-label{color:var(--vxe-ui-input-date-picker-festival-selected-color)}.vxe-date-picker--date-picker-body td.is--selected .vxe-date-picker--date-label.is-notice:before{background-color:var(--vxe-ui-input-date-picker-notice-selected-background-color)}.vxe-date-picker--date-picker-body td:not(.is--disabled){cursor:pointer}.vxe-date-picker--date-picker-body td.is--disabled{cursor:no-drop;color:var(--vxe-ui-input-disabled-color);background-color:var(--vxe-ui-input-disabled-background-color)}.vxe-date-picker--date-picker-body td.is--disabled .vxe-date-picker--date-festival,.vxe-date-picker--date-picker-body td.is--disabled .vxe-date-picker--date-label{color:var(--vxe-ui-input-disabled-color)}.vxe-date-picker--date-picker-body td.is--over{cursor:no-drop}.vxe-date-picker--date-week-view th:first-child{box-shadow:inset -1px -1px 0 0 var(--vxe-ui-base-popup-border-color)}.vxe-date-picker--date-week-view td{border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:0;border-bottom-right-radius:0;border-left-width:0;border-right-width:0}.vxe-date-picker--date-week-view td:first-child{border-bottom-left-radius:1em;border-top-left-radius:1em;border-left-width:1px;border-right-width:1px;border-right-color:var(--vxe-ui-base-popup-border-color)}.vxe-date-picker--date-week-view td:last-child{border-top-right-radius:1em;border-bottom-right-radius:1em;border-right-width:1px}.vxe-date-picker--date-festival,.vxe-date-picker--date-label{display:block;overflow:hidden}.vxe-date-picker--date-label{position:relative}.vxe-date-picker--date-label.is-notice:before{content:"";position:absolute;width:4px;height:4px;left:.8em;top:.1em;transform:translateX(-50%);border-radius:100%;background-color:var(--vxe-ui-input-date-notice-background-color)}.vxe-date-picker--date-label--extra{position:absolute;right:.1em;top:-.2em;font-size:.86em;transform:scale(.85);color:var(--vxe-ui-input-date-extra-color)}.vxe-date-picker--date-label--extra.is-important{color:var(--vxe-ui-input-date-extra-important-color)}.vxe-date-picker--date-festival{color:var(--vxe-ui-input-date-festival-color);height:14px;overflow:hidden}.vxe-date-picker--date-festival.is-important{color:var(--vxe-ui-input-date-festival-important-color)}.vxe-date-picker--date-festival--label{display:block;font-size:.86em;transform:scale(.9)}@keyframes festivalOverlap2{0%,100%,45%{transform:translateY(0)}50%,95%{transform:translateY(-14px)}}@keyframes festivalOverlap3{0%,100%,20%{transform:translateY(0)}25%,45%,75%,95%{transform:translateY(-14px)}50%,70%{transform:translateY(-28px)}}.vxe-date-picker--date-festival--overlap{display:block;font-size:.86em}.vxe-date-picker--date-festival--overlap.overlap--2{animation:festivalOverlap2 6s infinite ease-in-out}.vxe-date-picker--date-festival--overlap.overlap--3{animation:festivalOverlap3 9s infinite ease-in-out}.vxe-date-picker--date-festival--overlap>span{height:14px;display:block;transform:scale(.8)}.vxe-date-picker--time-picker-body{position:relative;display:flex;flex-direction:row;border:1px solid var(--vxe-ui-base-popup-border-color);flex-grow:1;border-radius:var(--vxe-ui-base-border-radius);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vxe-date-picker--time-picker-body>ul{height:100%;overflow:hidden;margin:0;padding:0}.vxe-date-picker--time-picker-body>ul:after,.vxe-date-picker--time-picker-body>ul:before{content:" ";display:block}.vxe-date-picker--time-picker-body>ul:hover{overflow-y:auto}.vxe-date-picker--time-picker-body>ul>li{display:block}.vxe-date-picker--time-picker-body>ul>li:hover{background-color:var(--vxe-ui-input-date-picker-hover-background-color);cursor:pointer}.vxe-date-picker--time-picker-body>ul>li.is--selected{font-weight:700;color:var(--vxe-ui-font-primary-color)}.vxe-date-picker--time-picker-body .vxe-date-picker--time-picker-minute-list{border-left:1px solid var(--vxe-ui-base-popup-border-color)}.vxe-date-picker--time-picker-body .vxe-date-picker--time-picker-second-list{border-left:1px solid var(--vxe-ui-base-popup-border-color)}.vxe-date-picker{font-size:var(--vxe-ui-font-size-default);height:var(--vxe-ui-input-height-default);line-height:var(--vxe-ui-input-height-default)}.vxe-date-picker .vxe-date-picker--inner[type=date]::-webkit-inner-spin-button,.vxe-date-picker .vxe-date-picker--inner[type=month]::-webkit-inner-spin-button,.vxe-date-picker .vxe-date-picker--inner[type=week]::-webkit-inner-spin-button{margin-top:6px}.vxe-date-picker .vxe-date-picker--inner[type=date]::-webkit-inner-spin-button,.vxe-date-picker .vxe-date-picker--inner[type=month]::-webkit-inner-spin-button,.vxe-date-picker .vxe-date-picker--inner[type=week]::-webkit-inner-spin-button{height:24px}.vxe-date-picker.size--medium{font-size:var(--vxe-ui-font-size-medium);height:var(--vxe-ui-input-height-medium);line-height:var(--vxe-ui-input-height-medium)}.vxe-date-picker.size--medium .vxe-date-picker--inner[type=date]::-webkit-inner-spin-button,.vxe-date-picker.size--medium .vxe-date-picker--inner[type=month]::-webkit-inner-spin-button,.vxe-date-picker.size--medium .vxe-date-picker--inner[type=week]::-webkit-inner-spin-button{margin-top:4px}.vxe-date-picker.size--small{font-size:var(--vxe-ui-font-size-small);height:var(--vxe-ui-input-height-small);line-height:var(--vxe-ui-input-height-small)}.vxe-date-picker.size--small .vxe-date-picker--inner[type=date]::-webkit-inner-spin-button,.vxe-date-picker.size--small .vxe-date-picker--inner[type=month]::-webkit-inner-spin-button,.vxe-date-picker.size--small .vxe-date-picker--inner[type=week]::-webkit-inner-spin-button{margin-top:2px}.vxe-date-picker.size--mini{font-size:var(--vxe-ui-font-size-mini);height:var(--vxe-ui-input-height-mini);line-height:var(--vxe-ui-input-height-mini)}.vxe-date-picker.size--mini .vxe-date-picker--inner[type=date]::-webkit-inner-spin-button,.vxe-date-picker.size--mini .vxe-date-picker--inner[type=month]::-webkit-inner-spin-button,.vxe-date-picker.size--mini .vxe-date-picker--inner[type=week]::-webkit-inner-spin-button{margin-top:0}.vxe-date-picker--panel{font-size:var(--vxe-ui-font-size-default)}.vxe-date-picker--panel .vxe-date-picker--panel-wrapper{max-height:380px}.vxe-date-picker--panel.type--date .vxe-date-picker--panel-wrapper,.vxe-date-picker--panel.type--month .vxe-date-picker--panel-wrapper,.vxe-date-picker--panel.type--quarter .vxe-date-picker--panel-wrapper,.vxe-date-picker--panel.type--time .vxe-date-picker--panel-wrapper,.vxe-date-picker--panel.type--week .vxe-date-picker--panel-wrapper,.vxe-date-picker--panel.type--year .vxe-date-picker--panel-wrapper{padding:11px}.vxe-date-picker--panel.type--date .vxe-date-picker--panel-wrapper,.vxe-date-picker--panel.type--month .vxe-date-picker--panel-wrapper,.vxe-date-picker--panel.type--quarter .vxe-date-picker--panel-wrapper,.vxe-date-picker--panel.type--year .vxe-date-picker--panel-wrapper{width:336px}.vxe-date-picker--panel.type--week .vxe-date-picker--panel-wrapper{width:380px}.vxe-date-picker--panel.type--time .vxe-date-picker--panel-wrapper{display:inline-flex;flex-direction:column}.vxe-date-picker--panel.type--datetime .vxe-date-picker--panel-datetime-left-wrapper{width:336px}.vxe-date-picker--panel.type--datetime .vxe-date-picker--panel-datetime-left-wrapper,.vxe-date-picker--panel.type--datetime .vxe-date-picker--panel-datetime-right-wrapper{padding:11px}.vxe-date-picker--panel .vxe-date-picker--time-picker-title{height:30px;line-height:30px}.vxe-date-picker--panel .vxe-date-picker--date-picker-btn,.vxe-date-picker--panel .vxe-date-picker--date-picker-label{height:30px;line-height:30px}.vxe-date-picker--panel .vxe-date-picker--date-picker-btn-wrapper .vxe-date-picker--date-picker-btn{margin-left:8px}.vxe-date-picker--panel .vxe-date-picker--date-picker-btn-wrapper .vxe-date-picker--date-picker-current-btn,.vxe-date-picker--panel .vxe-date-picker--date-picker-btn-wrapper .vxe-date-picker--date-picker-next-btn,.vxe-date-picker--panel .vxe-date-picker--date-picker-btn-wrapper .vxe-date-picker--date-picker-prev-btn{width:30px;border-radius:var(--vxe-ui-base-border-radius);border:1px solid var(--vxe-ui-input-border-color)}.vxe-date-picker--panel .vxe-date-picker--date-picker-type-wrapper .vxe-date-picker--date-picker-btn,.vxe-date-picker--panel .vxe-date-picker--date-picker-type-wrapper .vxe-date-picker--date-picker-label{padding:0 9px}.vxe-date-picker--panel .vxe-date-picker--date-picker-header,.vxe-date-picker--panel .vxe-date-picker--time-picker-header{padding-bottom:8px}.vxe-date-picker--panel .vxe-date-picker--date-picker-body table,.vxe-date-picker--panel .vxe-date-picker--time-picker-body{height:calc(var(--vxe-ui-input-date-time-week-row-height-default) * 6 + var(--vxe-ui-input-date-title-height-default))}.vxe-date-picker--panel .vxe-date-picker--time-picker-body>ul{width:48px}.vxe-date-picker--panel .vxe-date-picker--time-picker-body>ul:after,.vxe-date-picker--panel .vxe-date-picker--time-picker-body>ul:before{height:120px}.vxe-date-picker--panel .vxe-date-picker--time-picker-body>ul>li{height:26px;padding-left:9px}.vxe-date-picker--panel .vxe-date-picker--time-picker-body .vxe-date-picker--time-picker-minute-list{left:48px}.vxe-date-picker--panel .vxe-date-picker--time-picker-body .vxe-date-picker--time-picker-second-list{left:96px}.vxe-date-picker--panel .vxe-date-picker--date-day-view td,.vxe-date-picker--panel .vxe-date-picker--date-week-view td{height:var(--vxe-ui-input-date-time-week-row-height-default)}.vxe-date-picker--panel .vxe-date-picker--date-quarter-view td{height:var(--vxe-ui-input-date-quarter-row-height-default)}.vxe-date-picker--panel .vxe-date-picker--date-month-view td,.vxe-date-picker--panel .vxe-date-picker--date-year-view td{height:var(--vxe-ui-input-date-month-year-row-height-default)}.vxe-date-picker--panel .vxe-date-picker--date-picker-body th{height:var(--vxe-ui-input-date-title-height-default)}.vxe-date-picker--panel .vxe-date-picker--date-picker-confirm,.vxe-date-picker--panel .vxe-date-picker--time-picker-confirm{height:30px}.vxe-date-picker--panel .vxe-date-picker--date-label{line-height:calc(var(--vxe-ui-font-size-default) + 1px)}.vxe-date-picker--panel.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-date-picker--panel.size--medium .vxe-date-picker--panel-wrapper{max-height:360px}.vxe-date-picker--panel.size--medium.type--date .vxe-date-picker--panel-wrapper,.vxe-date-picker--panel.size--medium.type--month .vxe-date-picker--panel-wrapper,.vxe-date-picker--panel.size--medium.type--quarter .vxe-date-picker--panel-wrapper,.vxe-date-picker--panel.size--medium.type--time .vxe-date-picker--panel-wrapper,.vxe-date-picker--panel.size--medium.type--week .vxe-date-picker--panel-wrapper,.vxe-date-picker--panel.size--medium.type--year .vxe-date-picker--panel-wrapper{padding:10px}.vxe-date-picker--panel.size--medium.type--date .vxe-date-picker--panel-wrapper,.vxe-date-picker--panel.size--medium.type--month .vxe-date-picker--panel-wrapper,.vxe-date-picker--panel.size--medium.type--quarter .vxe-date-picker--panel-wrapper,.vxe-date-picker--panel.size--medium.type--year .vxe-date-picker--panel-wrapper{width:336px}.vxe-date-picker--panel.size--medium.type--week .vxe-date-picker--panel-wrapper{width:380px}.vxe-date-picker--panel.size--medium.type--time .vxe-date-picker--panel-wrapper{display:inline-flex;flex-direction:column}.vxe-date-picker--panel.size--medium.type--datetime .vxe-date-picker--panel-datetime-left-wrapper{width:336px}.vxe-date-picker--panel.size--medium.type--datetime .vxe-date-picker--panel-datetime-left-wrapper,.vxe-date-picker--panel.size--medium.type--datetime .vxe-date-picker--panel-datetime-right-wrapper{padding:10px}.vxe-date-picker--panel.size--medium .vxe-date-picker--time-picker-title{height:29px;line-height:29px}.vxe-date-picker--panel.size--medium .vxe-date-picker--date-picker-btn,.vxe-date-picker--panel.size--medium .vxe-date-picker--date-picker-label{height:29px;line-height:29px}.vxe-date-picker--panel.size--medium .vxe-date-picker--date-picker-btn-wrapper .vxe-date-picker--date-picker-btn{margin-left:7px}.vxe-date-picker--panel.size--medium .vxe-date-picker--date-picker-btn-wrapper .vxe-date-picker--date-picker-current-btn,.vxe-date-picker--panel.size--medium .vxe-date-picker--date-picker-btn-wrapper .vxe-date-picker--date-picker-next-btn,.vxe-date-picker--panel.size--medium .vxe-date-picker--date-picker-btn-wrapper .vxe-date-picker--date-picker-prev-btn{width:29px;border-radius:var(--vxe-ui-base-border-radius);border:1px solid var(--vxe-ui-input-border-color)}.vxe-date-picker--panel.size--medium .vxe-date-picker--date-picker-type-wrapper .vxe-date-picker--date-picker-btn,.vxe-date-picker--panel.size--medium .vxe-date-picker--date-picker-type-wrapper .vxe-date-picker--date-picker-label{padding:0 8px}.vxe-date-picker--panel.size--medium .vxe-date-picker--date-picker-header,.vxe-date-picker--panel.size--medium .vxe-date-picker--time-picker-header{padding-bottom:7px}.vxe-date-picker--panel.size--medium .vxe-date-picker--date-picker-body table,.vxe-date-picker--panel.size--medium .vxe-date-picker--time-picker-body{height:calc(var(--vxe-ui-input-date-time-week-row-height-medium) * 6 + var(--vxe-ui-input-date-title-height-medium))}.vxe-date-picker--panel.size--medium .vxe-date-picker--time-picker-body>ul{width:48px}.vxe-date-picker--panel.size--medium .vxe-date-picker--time-picker-body>ul:after,.vxe-date-picker--panel.size--medium .vxe-date-picker--time-picker-body>ul:before{height:120px}.vxe-date-picker--panel.size--medium .vxe-date-picker--time-picker-body>ul>li{height:26px;padding-left:8px}.vxe-date-picker--panel.size--medium .vxe-date-picker--time-picker-body .vxe-date-picker--time-picker-minute-list{left:48px}.vxe-date-picker--panel.size--medium .vxe-date-picker--time-picker-body .vxe-date-picker--time-picker-second-list{left:96px}.vxe-date-picker--panel.size--medium .vxe-date-picker--date-day-view td,.vxe-date-picker--panel.size--medium .vxe-date-picker--date-week-view td{height:var(--vxe-ui-input-date-time-week-row-height-medium)}.vxe-date-picker--panel.size--medium .vxe-date-picker--date-quarter-view td{height:var(--vxe-ui-input-date-quarter-row-height-medium)}.vxe-date-picker--panel.size--medium .vxe-date-picker--date-month-view td,.vxe-date-picker--panel.size--medium .vxe-date-picker--date-year-view td{height:var(--vxe-ui-input-date-month-year-row-height-medium)}.vxe-date-picker--panel.size--medium .vxe-date-picker--date-picker-body th{height:var(--vxe-ui-input-date-title-height-medium)}.vxe-date-picker--panel.size--medium .vxe-date-picker--date-picker-confirm,.vxe-date-picker--panel.size--medium .vxe-date-picker--time-picker-confirm{height:29px}.vxe-date-picker--panel.size--medium .vxe-date-picker--date-label{line-height:calc(var(--vxe-ui-font-size-medium) + 1px)}.vxe-date-picker--panel.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-date-picker--panel.size--small .vxe-date-picker--panel-wrapper{max-height:340px}.vxe-date-picker--panel.size--small.type--date .vxe-date-picker--panel-wrapper,.vxe-date-picker--panel.size--small.type--month .vxe-date-picker--panel-wrapper,.vxe-date-picker--panel.size--small.type--quarter .vxe-date-picker--panel-wrapper,.vxe-date-picker--panel.size--small.type--time .vxe-date-picker--panel-wrapper,.vxe-date-picker--panel.size--small.type--week .vxe-date-picker--panel-wrapper,.vxe-date-picker--panel.size--small.type--year .vxe-date-picker--panel-wrapper{padding:9px}.vxe-date-picker--panel.size--small.type--date .vxe-date-picker--panel-wrapper,.vxe-date-picker--panel.size--small.type--month .vxe-date-picker--panel-wrapper,.vxe-date-picker--panel.size--small.type--quarter .vxe-date-picker--panel-wrapper,.vxe-date-picker--panel.size--small.type--year .vxe-date-picker--panel-wrapper{width:312px}.vxe-date-picker--panel.size--small.type--week .vxe-date-picker--panel-wrapper{width:354px}.vxe-date-picker--panel.size--small.type--time .vxe-date-picker--panel-wrapper{display:inline-flex;flex-direction:column}.vxe-date-picker--panel.size--small.type--datetime .vxe-date-picker--panel-datetime-left-wrapper{width:312px}.vxe-date-picker--panel.size--small.type--datetime .vxe-date-picker--panel-datetime-left-wrapper,.vxe-date-picker--panel.size--small.type--datetime .vxe-date-picker--panel-datetime-right-wrapper{padding:9px}.vxe-date-picker--panel.size--small .vxe-date-picker--time-picker-title{height:28px;line-height:28px}.vxe-date-picker--panel.size--small .vxe-date-picker--date-picker-btn,.vxe-date-picker--panel.size--small .vxe-date-picker--date-picker-label{height:28px;line-height:28px}.vxe-date-picker--panel.size--small .vxe-date-picker--date-picker-btn-wrapper .vxe-date-picker--date-picker-btn{margin-left:6px}.vxe-date-picker--panel.size--small .vxe-date-picker--date-picker-btn-wrapper .vxe-date-picker--date-picker-current-btn,.vxe-date-picker--panel.size--small .vxe-date-picker--date-picker-btn-wrapper .vxe-date-picker--date-picker-next-btn,.vxe-date-picker--panel.size--small .vxe-date-picker--date-picker-btn-wrapper .vxe-date-picker--date-picker-prev-btn{width:28px;border-radius:var(--vxe-ui-base-border-radius);border:1px solid var(--vxe-ui-input-border-color)}.vxe-date-picker--panel.size--small .vxe-date-picker--date-picker-type-wrapper .vxe-date-picker--date-picker-btn,.vxe-date-picker--panel.size--small .vxe-date-picker--date-picker-type-wrapper .vxe-date-picker--date-picker-label{padding:0 7px}.vxe-date-picker--panel.size--small .vxe-date-picker--date-picker-header,.vxe-date-picker--panel.size--small .vxe-date-picker--time-picker-header{padding-bottom:6px}.vxe-date-picker--panel.size--small .vxe-date-picker--date-picker-body table,.vxe-date-picker--panel.size--small .vxe-date-picker--time-picker-body{height:calc(var(--vxe-ui-input-date-time-week-row-height-small) * 6 + var(--vxe-ui-input-date-title-height-small))}.vxe-date-picker--panel.size--small .vxe-date-picker--time-picker-body>ul{width:44px}.vxe-date-picker--panel.size--small .vxe-date-picker--time-picker-body>ul:after,.vxe-date-picker--panel.size--small .vxe-date-picker--time-picker-body>ul:before{height:110px}.vxe-date-picker--panel.size--small .vxe-date-picker--time-picker-body>ul>li{height:26px;padding-left:7px}.vxe-date-picker--panel.size--small .vxe-date-picker--time-picker-body .vxe-date-picker--time-picker-minute-list{left:44px}.vxe-date-picker--panel.size--small .vxe-date-picker--time-picker-body .vxe-date-picker--time-picker-second-list{left:88px}.vxe-date-picker--panel.size--small .vxe-date-picker--date-day-view td,.vxe-date-picker--panel.size--small .vxe-date-picker--date-week-view td{height:var(--vxe-ui-input-date-time-week-row-height-small)}.vxe-date-picker--panel.size--small .vxe-date-picker--date-quarter-view td{height:var(--vxe-ui-input-date-quarter-row-height-small)}.vxe-date-picker--panel.size--small .vxe-date-picker--date-month-view td,.vxe-date-picker--panel.size--small .vxe-date-picker--date-year-view td{height:var(--vxe-ui-input-date-month-year-row-height-small)}.vxe-date-picker--panel.size--small .vxe-date-picker--date-picker-body th{height:var(--vxe-ui-input-date-title-height-small)}.vxe-date-picker--panel.size--small .vxe-date-picker--date-picker-confirm,.vxe-date-picker--panel.size--small .vxe-date-picker--time-picker-confirm{height:28px}.vxe-date-picker--panel.size--small .vxe-date-picker--date-label{line-height:calc(var(--vxe-ui-font-size-small) + 1px)}.vxe-date-picker--panel.size--mini{font-size:var(--vxe-ui-font-size-mini)}.vxe-date-picker--panel.size--mini .vxe-date-picker--panel-wrapper{max-height:320px}.vxe-date-picker--panel.size--mini.type--date .vxe-date-picker--panel-wrapper,.vxe-date-picker--panel.size--mini.type--month .vxe-date-picker--panel-wrapper,.vxe-date-picker--panel.size--mini.type--quarter .vxe-date-picker--panel-wrapper,.vxe-date-picker--panel.size--mini.type--time .vxe-date-picker--panel-wrapper,.vxe-date-picker--panel.size--mini.type--week .vxe-date-picker--panel-wrapper,.vxe-date-picker--panel.size--mini.type--year .vxe-date-picker--panel-wrapper{padding:8px}.vxe-date-picker--panel.size--mini.type--date .vxe-date-picker--panel-wrapper,.vxe-date-picker--panel.size--mini.type--month .vxe-date-picker--panel-wrapper,.vxe-date-picker--panel.size--mini.type--quarter .vxe-date-picker--panel-wrapper,.vxe-date-picker--panel.size--mini.type--year .vxe-date-picker--panel-wrapper{width:288px}.vxe-date-picker--panel.size--mini.type--week .vxe-date-picker--panel-wrapper{width:326px}.vxe-date-picker--panel.size--mini.type--time .vxe-date-picker--panel-wrapper{display:inline-flex;flex-direction:column}.vxe-date-picker--panel.size--mini.type--datetime .vxe-date-picker--panel-datetime-left-wrapper{width:288px}.vxe-date-picker--panel.size--mini.type--datetime .vxe-date-picker--panel-datetime-left-wrapper,.vxe-date-picker--panel.size--mini.type--datetime .vxe-date-picker--panel-datetime-right-wrapper{padding:8px}.vxe-date-picker--panel.size--mini .vxe-date-picker--time-picker-title{height:27px;line-height:27px}.vxe-date-picker--panel.size--mini .vxe-date-picker--date-picker-btn,.vxe-date-picker--panel.size--mini .vxe-date-picker--date-picker-label{height:27px;line-height:27px}.vxe-date-picker--panel.size--mini .vxe-date-picker--date-picker-btn-wrapper .vxe-date-picker--date-picker-btn{margin-left:5px}.vxe-date-picker--panel.size--mini .vxe-date-picker--date-picker-btn-wrapper .vxe-date-picker--date-picker-current-btn,.vxe-date-picker--panel.size--mini .vxe-date-picker--date-picker-btn-wrapper .vxe-date-picker--date-picker-next-btn,.vxe-date-picker--panel.size--mini .vxe-date-picker--date-picker-btn-wrapper .vxe-date-picker--date-picker-prev-btn{width:27px;border-radius:var(--vxe-ui-base-border-radius);border:1px solid var(--vxe-ui-input-border-color)}.vxe-date-picker--panel.size--mini .vxe-date-picker--date-picker-type-wrapper .vxe-date-picker--date-picker-btn,.vxe-date-picker--panel.size--mini .vxe-date-picker--date-picker-type-wrapper .vxe-date-picker--date-picker-label{padding:0 6px}.vxe-date-picker--panel.size--mini .vxe-date-picker--date-picker-header,.vxe-date-picker--panel.size--mini .vxe-date-picker--time-picker-header{padding-bottom:5px}.vxe-date-picker--panel.size--mini .vxe-date-picker--date-picker-body table,.vxe-date-picker--panel.size--mini .vxe-date-picker--time-picker-body{height:calc(var(--vxe-ui-input-date-time-week-row-height-mini) * 6 + var(--vxe-ui-input-date-title-height-mini))}.vxe-date-picker--panel.size--mini .vxe-date-picker--time-picker-body>ul{width:42px}.vxe-date-picker--panel.size--mini .vxe-date-picker--time-picker-body>ul:after,.vxe-date-picker--panel.size--mini .vxe-date-picker--time-picker-body>ul:before{height:100px}.vxe-date-picker--panel.size--mini .vxe-date-picker--time-picker-body>ul>li{height:26px;padding-left:6px}.vxe-date-picker--panel.size--mini .vxe-date-picker--time-picker-body .vxe-date-picker--time-picker-minute-list{left:42px}.vxe-date-picker--panel.size--mini .vxe-date-picker--time-picker-body .vxe-date-picker--time-picker-second-list{left:84px}.vxe-date-picker--panel.size--mini .vxe-date-picker--date-day-view td,.vxe-date-picker--panel.size--mini .vxe-date-picker--date-week-view td{height:var(--vxe-ui-input-date-time-week-row-height-mini)}.vxe-date-picker--panel.size--mini .vxe-date-picker--date-quarter-view td{height:var(--vxe-ui-input-date-quarter-row-height-mini)}.vxe-date-picker--panel.size--mini .vxe-date-picker--date-month-view td,.vxe-date-picker--panel.size--mini .vxe-date-picker--date-year-view td{height:var(--vxe-ui-input-date-month-year-row-height-mini)}.vxe-date-picker--panel.size--mini .vxe-date-picker--date-picker-body th{height:var(--vxe-ui-input-date-title-height-mini)}.vxe-date-picker--panel.size--mini .vxe-date-picker--date-picker-confirm,.vxe-date-picker--panel.size--mini .vxe-date-picker--time-picker-confirm{height:27px}.vxe-date-picker--panel.size--mini .vxe-date-picker--date-label{line-height:calc(var(--vxe-ui-font-size-mini) + 1px)}
|
|
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:-ms-input-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--count{flex-shrink:0;color:var(--vxe-ui-input-count-color);background-color:var(--vxe-ui-layout-background-color);padding-right:.6em}.vxe-date-picker--count.is--error{color:var(--vxe-ui-input-count-error-color)}.vxe-date-picker.is--left .vxe-date-picker--inner{text-align:left}.vxe-date-picker.is--center .vxe-date-picker--inner{text-align:center}.vxe-date-picker.is--right .vxe-date-picker--inner{text-align:right}.vxe-date-picker--panel{display:none;position:absolute;left:0;padding:4px 0;color:var(--vxe-ui-font-color);font-size:var(--vxe-ui-font-size-default);text-align:left}.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;transform-style:preserve-3d}.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-layout-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--panel-body-layout-wrapper{display:flex;flex-direction:row;white-space:nowrap}.vxe-date-picker--panel-body-content-wrapper,.vxe-date-picker--panel-body-layout-wrapper,.vxe-date-picker--panel-body-wrapper{flex-grow:1}.vxe-date-picker--panel-bottom-wrapper,.vxe-date-picker--panel-footer-wrapper,.vxe-date-picker--panel-header-wrapper,.vxe-date-picker--panel-left-wrapper,.vxe-date-picker--panel-right-wrapper,.vxe-date-picker--panel-top-wrapper{flex-shrink:0}.vxe-date-picker--panel{pointer-events:none}.vxe-date-picker--panel.show--right .vxe-date-picker--panel-datetime-layout-wrapper,.vxe-date-picker--panel.show--right .vxe-date-picker--panel-wrapper,.vxe-date-picker--panel.show--top .vxe-date-picker--panel-datetime-layout-wrapper,.vxe-date-picker--panel.show--top .vxe-date-picker--panel-wrapper{border-top-right-radius:0}.vxe-date-picker--panel.show--bottom .vxe-date-picker--panel-datetime-layout-wrapper,.vxe-date-picker--panel.show--bottom .vxe-date-picker--panel-wrapper,.vxe-date-picker--panel.show--right .vxe-date-picker--panel-datetime-layout-wrapper,.vxe-date-picker--panel.show--right .vxe-date-picker--panel-wrapper{border-bottom-right-radius:0}.vxe-date-picker--panel.show--bottom .vxe-date-picker--panel-datetime-layout-wrapper,.vxe-date-picker--panel.show--bottom .vxe-date-picker--panel-wrapper,.vxe-date-picker--panel.show--left .vxe-date-picker--panel-datetime-layout-wrapper,.vxe-date-picker--panel.show--left .vxe-date-picker--panel-wrapper{border-bottom-left-radius:0}.vxe-date-picker--panel.show--left .vxe-date-picker--panel-datetime-layout-wrapper,.vxe-date-picker--panel.show--left .vxe-date-picker--panel-wrapper,.vxe-date-picker--panel.show--top .vxe-date-picker--panel-datetime-layout-wrapper,.vxe-date-picker--panel.show--top .vxe-date-picker--panel-wrapper{border-top-left-radius:0}.vxe-date-picker--panel.show--top .vxe-date-picker--panel-datetime-layout-wrapper,.vxe-date-picker--panel.show--top .vxe-date-picker--panel-wrapper{border-top-width:1px}.vxe-date-picker--panel.show--bottom .vxe-date-picker--panel-datetime-layout-wrapper,.vxe-date-picker--panel.show--bottom .vxe-date-picker--panel-wrapper{border-bottom-width:1px}.vxe-date-picker--panel.show--left .vxe-date-picker--panel-datetime-layout-wrapper,.vxe-date-picker--panel.show--left .vxe-date-picker--panel-wrapper{border-left-width:1px}.vxe-date-picker--panel.show--right .vxe-date-picker--panel-datetime-layout-wrapper,.vxe-date-picker--panel.show--right .vxe-date-picker--panel-wrapper{border-right-width:1px}.vxe-date-picker--panel-datetime-layout-wrapper,.vxe-date-picker--panel-wrapper{border:0 solid var(--vxe-ui-base-popup-border-color);border-radius:var(--vxe-ui-base-border-radius)}.vxe-date-picker--panel-wrapper{overflow-x:hidden;overflow-y:auto}.vxe-date-picker--panel-datetime-layout-wrapper{display:inline-flex;flex-direction:row}.vxe-date-picker--panel.type--date,.vxe-date-picker--panel.type--month,.vxe-date-picker--panel.type--quarter,.vxe-date-picker--panel.type--week,.vxe-date-picker--panel.type--year{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vxe-date-picker--panel.type--datetime .vxe-date-picker--panel-datetime-right-wrapper{display:flex;flex-direction:column;border-left:1px solid var(--vxe-ui-input-border-color)}.vxe-date-picker--panel.type--date .vxe-date-picker--date-picker-body th,.vxe-date-picker--panel.type--datetime .vxe-date-picker--date-picker-body th{width:14.28571%}.vxe-date-picker--panel.type--week .vxe-date-picker--date-picker-body table th{width:12%}.vxe-date-picker--panel.type--week .vxe-date-picker--date-picker-body table th:first-child{width:14%}.vxe-date-picker--panel.type--quarter .vxe-date-picker--date-picker-body table th{width:50%}.vxe-date-picker--panel.type--month .vxe-date-picker--date-picker-body td,.vxe-date-picker--panel.type--year .vxe-date-picker--date-picker-body td{width:25%}.vxe-date-picker--time-picker-title{flex-grow:1;text-align:center;border:1px solid var(--vxe-ui-input-border-color);border-radius:var(--vxe-ui-base-border-radius);padding:0 .1em;margin-right:.5em}.vxe-date-picker--time-picker-btn{display:flex;flex-shrink:0}.vxe-date-picker--time-picker-btn:active{transform:scale(.9)}.vxe-date-picker--date-picker-confirm,.vxe-date-picker--time-picker-confirm{outline:0;border:1px solid var(--vxe-ui-input-border-color);border-radius:var(--vxe-ui-base-border-radius);cursor:pointer;color:var(--vxe-ui-input-date-time-confirm-button-color);border-color:var(--vxe-ui-font-primary-color);background-color:var(--vxe-ui-font-primary-color);padding:0 .5em}.vxe-date-picker--date-picker-confirm:hover,.vxe-date-picker--time-picker-confirm:hover{background-color:var(--vxe-ui-font-primary-lighten-color);border-color:var(--vxe-ui-font-primary-lighten-color)}.vxe-date-picker--date-picker-confirm:active,.vxe-date-picker--time-picker-confirm:active{background-color:var(--vxe-ui-font-primary-darken-color);border-color:var(--vxe-ui-font-primary-darken-color)}.vxe-date-picker--time-picker-header{display:flex;flex-direction:row;position:relative;flex-shrink:0}.vxe-date-picker--date-picker-header{display:flex;flex-direction:row;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vxe-date-picker--date-picker-header .vxe-date-picker--date-picker-type-wrapper{flex-grow:1}.vxe-date-picker--date-picker-header .vxe-date-picker--date-picker-btn-wrapper{flex-shrink:0;text-align:center}.vxe-date-picker--date-picker-type-wrapper .vxe-date-picker--date-picker-btn,.vxe-date-picker--date-picker-type-wrapper .vxe-date-picker--date-picker-label{display:inline-block}.vxe-date-picker--date-picker-btn-wrapper{display:flex;flex-direction:row}.vxe-date-picker--date-picker-btn,.vxe-date-picker--date-picker-label{display:flex;align-items:center;justify-content:center;background-color:var(--vxe-ui-layout-background-color)}.vxe-date-picker--date-picker-btn.is--disabled{color:var(--vxe-ui-font-disabled-color);cursor:no-drop}.vxe-date-picker--date-picker-btn:not(.is--disabled){cursor:pointer}.vxe-date-picker--date-picker-btn:not(.is--disabled):hover{color:var(--vxe-ui-font-primary-color);background-color:#fff}.vxe-date-picker--date-picker-btn:not(.is--disabled):active{background-color:#fff}.vxe-date-picker--date-picker-btns .vxe-date-picker--date-picker-btn{margin-left:.6em}.vxe-date-picker--date-picker-btns .vxe-date-picker--date-picker-btn:first-child{margin-left:0}.vxe-date-picker--date-picker-body{border-radius:var(--vxe-ui-base-border-radius);border:1px solid var(--vxe-ui-base-popup-border-color);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vxe-date-picker--date-picker-body table{border:0;width:100%;border-spacing:0;border-collapse:separate;text-align:center;table-layout:fixed}.vxe-date-picker--date-picker-body td,.vxe-date-picker--date-picker-body th{font-weight:400}.vxe-date-picker--date-picker-body th{box-shadow:inset 0 -1px 0 0 var(--vxe-ui-base-popup-border-color)}.vxe-date-picker--date-picker-body td{border:1px solid transparent;border-radius:1em}.vxe-date-picker--date-picker-body td.is--next,.vxe-date-picker--date-picker-body td.is--prev{color:var(--vxe-ui-font-disabled-color)}.vxe-date-picker--date-picker-body td.is--next .vxe-date-picker--date-festival,.vxe-date-picker--date-picker-body td.is--next .vxe-date-picker--date-label,.vxe-date-picker--date-picker-body td.is--prev .vxe-date-picker--date-festival,.vxe-date-picker--date-picker-body td.is--prev .vxe-date-picker--date-label{color:var(--vxe-ui-font-disabled-color)}.vxe-date-picker--date-picker-body td.is--now{color:var(--vxe-ui-base-popup-border-color)}.vxe-date-picker--date-picker-body td.is--now:not(.is--selected).is--current{color:var(--vxe-ui-font-primary-color)}.vxe-date-picker--date-picker-body td.is--now:not(.is--selected).is--current .vxe-date-picker--date-festival,.vxe-date-picker--date-picker-body td.is--now:not(.is--selected).is--current .vxe-date-picker--date-label{color:var(--vxe-ui-font-primary-color)}.vxe-date-picker--date-picker-body td.is--hover{border-color:var(--vxe-ui-font-primary-color);background-color:var(--vxe-ui-font-primary-tinge-color)}.vxe-date-picker--date-picker-body td.is--selected{color:var(--vxe-ui-input-date-picker-selected-color);background-color:var(--vxe-ui-font-primary-color)}.vxe-date-picker--date-picker-body td.is--selected.is--hover{box-shadow:0 0 6px 1px var(--vxe-ui-font-primary-color)}.vxe-date-picker--date-picker-body td.is--selected.is--next .vxe-date-picker--date-festival,.vxe-date-picker--date-picker-body td.is--selected.is--next .vxe-date-picker--date-label,.vxe-date-picker--date-picker-body td.is--selected.is--prev .vxe-date-picker--date-festival,.vxe-date-picker--date-picker-body td.is--selected.is--prev .vxe-date-picker--date-label{color:var(--vxe-ui-base-popup-border-color)}.vxe-date-picker--date-picker-body td.is--selected .vxe-date-picker--date-festival,.vxe-date-picker--date-picker-body td.is--selected .vxe-date-picker--date-label{color:var(--vxe-ui-input-date-picker-festival-selected-color)}.vxe-date-picker--date-picker-body td.is--selected .vxe-date-picker--date-label.is-notice:before{background-color:var(--vxe-ui-input-date-picker-notice-selected-background-color)}.vxe-date-picker--date-picker-body td:not(.is--disabled){cursor:pointer}.vxe-date-picker--date-picker-body td.is--disabled{cursor:no-drop;color:var(--vxe-ui-input-disabled-color);background-color:var(--vxe-ui-input-disabled-background-color)}.vxe-date-picker--date-picker-body td.is--disabled .vxe-date-picker--date-festival,.vxe-date-picker--date-picker-body td.is--disabled .vxe-date-picker--date-label{color:var(--vxe-ui-input-disabled-color)}.vxe-date-picker--date-picker-body td.is--over{cursor:no-drop}.vxe-date-picker--date-week-view th:first-child{box-shadow:inset -1px -1px 0 0 var(--vxe-ui-base-popup-border-color)}.vxe-date-picker--date-week-view td{border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:0;border-bottom-right-radius:0;border-left-width:0;border-right-width:0}.vxe-date-picker--date-week-view td:first-child{border-bottom-left-radius:1em;border-top-left-radius:1em;border-left-width:1px;border-right-width:1px;border-right-color:var(--vxe-ui-base-popup-border-color)}.vxe-date-picker--date-week-view td:last-child{border-top-right-radius:1em;border-bottom-right-radius:1em;border-right-width:1px}.vxe-date-picker--date-festival,.vxe-date-picker--date-label{display:block;overflow:hidden}.vxe-date-picker--date-label{position:relative;font-size:1.1em;line-height:1em}.vxe-date-picker--date-label.is-notice:before{content:"";position:absolute;width:4px;height:4px;left:.8em;top:.1em;transform:translateX(-50%);border-radius:100%;background-color:var(--vxe-ui-input-date-notice-background-color)}.vxe-date-picker--date-label--extra{position:absolute;right:.1em;top:-.2em;font-size:12px;transform:scale(.9);color:var(--vxe-ui-input-date-extra-color)}.vxe-date-picker--date-label--extra.is-important{color:var(--vxe-ui-input-date-extra-important-color)}.vxe-date-picker--date-festival{color:var(--vxe-ui-input-date-festival-color);height:1.2em;line-height:1.1em;overflow:hidden}.vxe-date-picker--date-festival.is-important{color:var(--vxe-ui-input-date-festival-important-color)}.vxe-date-picker--date-festival--label{display:block;font-size:1em;transform:scale(.8)}@keyframes festivalOverlap2{0%,100%,45%{transform:translateY(0)}50%,95%{transform:translateY(-14px)}}@keyframes festivalOverlap3{0%,100%,20%{transform:translateY(0)}25%,45%,75%,95%{transform:translateY(-14px)}50%,70%{transform:translateY(-28px)}}.vxe-date-picker--date-festival--overlap{display:block;font-size:.86em}.vxe-date-picker--date-festival--overlap.overlap--2{animation:festivalOverlap2 6s infinite ease-in-out}.vxe-date-picker--date-festival--overlap.overlap--3{animation:festivalOverlap3 9s infinite ease-in-out}.vxe-date-picker--date-festival--overlap>span{height:14px;display:block;transform:scale(.8)}.vxe-date-picker--time-picker-body{position:relative;display:flex;flex-direction:row;border:1px solid var(--vxe-ui-base-popup-border-color);flex-grow:1;border-radius:var(--vxe-ui-base-border-radius);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vxe-date-picker--time-picker-body>ul{height:100%;overflow:hidden;margin:0;padding:0}.vxe-date-picker--time-picker-body>ul:after,.vxe-date-picker--time-picker-body>ul:before{content:" ";display:block}.vxe-date-picker--time-picker-body>ul:hover{overflow-y:auto}.vxe-date-picker--time-picker-body>ul>li{display:block}.vxe-date-picker--time-picker-body>ul>li:hover{background-color:var(--vxe-ui-input-date-picker-hover-background-color);cursor:pointer}.vxe-date-picker--time-picker-body>ul>li.is--selected{font-weight:700;color:var(--vxe-ui-font-primary-color)}.vxe-date-picker--time-picker-body .vxe-date-picker--time-picker-minute-list{border-left:1px solid var(--vxe-ui-base-popup-border-color)}.vxe-date-picker--time-picker-body .vxe-date-picker--time-picker-second-list{border-left:1px solid var(--vxe-ui-base-popup-border-color)}.vxe-date-picker{font-size:var(--vxe-ui-font-size-default);height:var(--vxe-ui-input-height-default);line-height:var(--vxe-ui-input-height-default)}.vxe-date-picker .vxe-date-picker--inner[type=date]::-webkit-inner-spin-button,.vxe-date-picker .vxe-date-picker--inner[type=month]::-webkit-inner-spin-button,.vxe-date-picker .vxe-date-picker--inner[type=week]::-webkit-inner-spin-button{margin-top:6px}.vxe-date-picker .vxe-date-picker--inner[type=date]::-webkit-inner-spin-button,.vxe-date-picker .vxe-date-picker--inner[type=month]::-webkit-inner-spin-button,.vxe-date-picker .vxe-date-picker--inner[type=week]::-webkit-inner-spin-button{height:24px}.vxe-date-picker.size--medium{font-size:var(--vxe-ui-font-size-medium);height:var(--vxe-ui-input-height-medium);line-height:var(--vxe-ui-input-height-medium)}.vxe-date-picker.size--medium .vxe-date-picker--inner[type=date]::-webkit-inner-spin-button,.vxe-date-picker.size--medium .vxe-date-picker--inner[type=month]::-webkit-inner-spin-button,.vxe-date-picker.size--medium .vxe-date-picker--inner[type=week]::-webkit-inner-spin-button{margin-top:4px}.vxe-date-picker.size--small{font-size:var(--vxe-ui-font-size-small);height:var(--vxe-ui-input-height-small);line-height:var(--vxe-ui-input-height-small)}.vxe-date-picker.size--small .vxe-date-picker--inner[type=date]::-webkit-inner-spin-button,.vxe-date-picker.size--small .vxe-date-picker--inner[type=month]::-webkit-inner-spin-button,.vxe-date-picker.size--small .vxe-date-picker--inner[type=week]::-webkit-inner-spin-button{margin-top:2px}.vxe-date-picker.size--mini{font-size:var(--vxe-ui-font-size-mini);height:var(--vxe-ui-input-height-mini);line-height:var(--vxe-ui-input-height-mini)}.vxe-date-picker.size--mini .vxe-date-picker--inner[type=date]::-webkit-inner-spin-button,.vxe-date-picker.size--mini .vxe-date-picker--inner[type=month]::-webkit-inner-spin-button,.vxe-date-picker.size--mini .vxe-date-picker--inner[type=week]::-webkit-inner-spin-button{margin-top:0}.vxe-date-picker--panel{font-size:var(--vxe-ui-font-size-default)}.vxe-date-picker--panel .vxe-date-picker--panel-wrapper{max-height:380px}.vxe-date-picker--panel.type--date .vxe-date-picker--panel-wrapper,.vxe-date-picker--panel.type--month .vxe-date-picker--panel-wrapper,.vxe-date-picker--panel.type--quarter .vxe-date-picker--panel-wrapper,.vxe-date-picker--panel.type--time .vxe-date-picker--panel-wrapper,.vxe-date-picker--panel.type--week .vxe-date-picker--panel-wrapper,.vxe-date-picker--panel.type--year .vxe-date-picker--panel-wrapper{padding:11px}.vxe-date-picker--panel.type--date .vxe-date-picker--panel-wrapper,.vxe-date-picker--panel.type--month .vxe-date-picker--panel-wrapper,.vxe-date-picker--panel.type--quarter .vxe-date-picker--panel-wrapper,.vxe-date-picker--panel.type--year .vxe-date-picker--panel-wrapper{width:336px}.vxe-date-picker--panel.type--week .vxe-date-picker--panel-wrapper{width:380px}.vxe-date-picker--panel.type--time .vxe-date-picker--panel-wrapper{display:inline-flex;flex-direction:column}.vxe-date-picker--panel.type--datetime .vxe-date-picker--panel-datetime-left-wrapper{width:336px}.vxe-date-picker--panel.type--datetime .vxe-date-picker--panel-datetime-left-wrapper,.vxe-date-picker--panel.type--datetime .vxe-date-picker--panel-datetime-right-wrapper{padding:11px}.vxe-date-picker--panel .vxe-date-picker--time-picker-title{height:30px;line-height:30px}.vxe-date-picker--panel .vxe-date-picker--date-picker-btn,.vxe-date-picker--panel .vxe-date-picker--date-picker-label{height:30px;line-height:30px}.vxe-date-picker--panel .vxe-date-picker--date-picker-btn-wrapper .vxe-date-picker--date-picker-btn{margin-left:8px}.vxe-date-picker--panel .vxe-date-picker--date-picker-btn-wrapper .vxe-date-picker--date-picker-btn:active{transform:scale(.9)}.vxe-date-picker--panel .vxe-date-picker--date-picker-btn-wrapper .vxe-date-picker--date-picker-current-btn,.vxe-date-picker--panel .vxe-date-picker--date-picker-btn-wrapper .vxe-date-picker--date-picker-next-btn,.vxe-date-picker--panel .vxe-date-picker--date-picker-btn-wrapper .vxe-date-picker--date-picker-prev-btn{width:30px;border-radius:var(--vxe-ui-base-border-radius);border:1px solid var(--vxe-ui-input-border-color)}.vxe-date-picker--panel .vxe-date-picker--date-picker-type-wrapper .vxe-date-picker--date-picker-btns,.vxe-date-picker--panel .vxe-date-picker--date-picker-type-wrapper .vxe-date-picker--date-picker-label{padding:0 9px}.vxe-date-picker--panel .vxe-date-picker--date-picker-header,.vxe-date-picker--panel .vxe-date-picker--time-picker-header{padding-bottom:8px}.vxe-date-picker--panel .vxe-date-picker--date-picker-body table,.vxe-date-picker--panel .vxe-date-picker--time-picker-body{height:calc(var(--vxe-ui-input-date-time-week-row-height-default) * 6 + var(--vxe-ui-input-date-title-height-default))}.vxe-date-picker--panel .vxe-date-picker--time-picker-body>ul{width:48px}.vxe-date-picker--panel .vxe-date-picker--time-picker-body>ul:after,.vxe-date-picker--panel .vxe-date-picker--time-picker-body>ul:before{height:120px}.vxe-date-picker--panel .vxe-date-picker--time-picker-body>ul>li{height:26px;padding-left:9px}.vxe-date-picker--panel .vxe-date-picker--time-picker-body .vxe-date-picker--time-picker-minute-list{left:48px}.vxe-date-picker--panel .vxe-date-picker--time-picker-body .vxe-date-picker--time-picker-second-list{left:96px}.vxe-date-picker--panel .vxe-date-picker--date-day-view td,.vxe-date-picker--panel .vxe-date-picker--date-week-view td{height:var(--vxe-ui-input-date-time-week-row-height-default)}.vxe-date-picker--panel .vxe-date-picker--date-quarter-view td{height:var(--vxe-ui-input-date-quarter-row-height-default)}.vxe-date-picker--panel .vxe-date-picker--date-month-view td,.vxe-date-picker--panel .vxe-date-picker--date-year-view td{height:var(--vxe-ui-input-date-month-year-row-height-default)}.vxe-date-picker--panel .vxe-date-picker--date-picker-body th{height:var(--vxe-ui-input-date-title-height-default)}.vxe-date-picker--panel .vxe-date-picker--date-picker-confirm,.vxe-date-picker--panel .vxe-date-picker--time-picker-confirm{height:30px}.vxe-date-picker--panel.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-date-picker--panel.size--medium .vxe-date-picker--panel-wrapper{max-height:360px}.vxe-date-picker--panel.size--medium.type--date .vxe-date-picker--panel-wrapper,.vxe-date-picker--panel.size--medium.type--month .vxe-date-picker--panel-wrapper,.vxe-date-picker--panel.size--medium.type--quarter .vxe-date-picker--panel-wrapper,.vxe-date-picker--panel.size--medium.type--time .vxe-date-picker--panel-wrapper,.vxe-date-picker--panel.size--medium.type--week .vxe-date-picker--panel-wrapper,.vxe-date-picker--panel.size--medium.type--year .vxe-date-picker--panel-wrapper{padding:10px}.vxe-date-picker--panel.size--medium.type--date .vxe-date-picker--panel-wrapper,.vxe-date-picker--panel.size--medium.type--month .vxe-date-picker--panel-wrapper,.vxe-date-picker--panel.size--medium.type--quarter .vxe-date-picker--panel-wrapper,.vxe-date-picker--panel.size--medium.type--year .vxe-date-picker--panel-wrapper{width:336px}.vxe-date-picker--panel.size--medium.type--week .vxe-date-picker--panel-wrapper{width:380px}.vxe-date-picker--panel.size--medium.type--time .vxe-date-picker--panel-wrapper{display:inline-flex;flex-direction:column}.vxe-date-picker--panel.size--medium.type--datetime .vxe-date-picker--panel-datetime-left-wrapper{width:336px}.vxe-date-picker--panel.size--medium.type--datetime .vxe-date-picker--panel-datetime-left-wrapper,.vxe-date-picker--panel.size--medium.type--datetime .vxe-date-picker--panel-datetime-right-wrapper{padding:10px}.vxe-date-picker--panel.size--medium .vxe-date-picker--time-picker-title{height:29px;line-height:29px}.vxe-date-picker--panel.size--medium .vxe-date-picker--date-picker-btn,.vxe-date-picker--panel.size--medium .vxe-date-picker--date-picker-label{height:29px;line-height:29px}.vxe-date-picker--panel.size--medium .vxe-date-picker--date-picker-btn-wrapper .vxe-date-picker--date-picker-btn{margin-left:7px}.vxe-date-picker--panel.size--medium .vxe-date-picker--date-picker-btn-wrapper .vxe-date-picker--date-picker-btn:active{transform:scale(.9)}.vxe-date-picker--panel.size--medium .vxe-date-picker--date-picker-btn-wrapper .vxe-date-picker--date-picker-current-btn,.vxe-date-picker--panel.size--medium .vxe-date-picker--date-picker-btn-wrapper .vxe-date-picker--date-picker-next-btn,.vxe-date-picker--panel.size--medium .vxe-date-picker--date-picker-btn-wrapper .vxe-date-picker--date-picker-prev-btn{width:29px;border-radius:var(--vxe-ui-base-border-radius);border:1px solid var(--vxe-ui-input-border-color)}.vxe-date-picker--panel.size--medium .vxe-date-picker--date-picker-type-wrapper .vxe-date-picker--date-picker-btns,.vxe-date-picker--panel.size--medium .vxe-date-picker--date-picker-type-wrapper .vxe-date-picker--date-picker-label{padding:0 8px}.vxe-date-picker--panel.size--medium .vxe-date-picker--date-picker-header,.vxe-date-picker--panel.size--medium .vxe-date-picker--time-picker-header{padding-bottom:7px}.vxe-date-picker--panel.size--medium .vxe-date-picker--date-picker-body table,.vxe-date-picker--panel.size--medium .vxe-date-picker--time-picker-body{height:calc(var(--vxe-ui-input-date-time-week-row-height-medium) * 6 + var(--vxe-ui-input-date-title-height-medium))}.vxe-date-picker--panel.size--medium .vxe-date-picker--time-picker-body>ul{width:48px}.vxe-date-picker--panel.size--medium .vxe-date-picker--time-picker-body>ul:after,.vxe-date-picker--panel.size--medium .vxe-date-picker--time-picker-body>ul:before{height:120px}.vxe-date-picker--panel.size--medium .vxe-date-picker--time-picker-body>ul>li{height:26px;padding-left:8px}.vxe-date-picker--panel.size--medium .vxe-date-picker--time-picker-body .vxe-date-picker--time-picker-minute-list{left:48px}.vxe-date-picker--panel.size--medium .vxe-date-picker--time-picker-body .vxe-date-picker--time-picker-second-list{left:96px}.vxe-date-picker--panel.size--medium .vxe-date-picker--date-day-view td,.vxe-date-picker--panel.size--medium .vxe-date-picker--date-week-view td{height:var(--vxe-ui-input-date-time-week-row-height-medium)}.vxe-date-picker--panel.size--medium .vxe-date-picker--date-quarter-view td{height:var(--vxe-ui-input-date-quarter-row-height-medium)}.vxe-date-picker--panel.size--medium .vxe-date-picker--date-month-view td,.vxe-date-picker--panel.size--medium .vxe-date-picker--date-year-view td{height:var(--vxe-ui-input-date-month-year-row-height-medium)}.vxe-date-picker--panel.size--medium .vxe-date-picker--date-picker-body th{height:var(--vxe-ui-input-date-title-height-medium)}.vxe-date-picker--panel.size--medium .vxe-date-picker--date-picker-confirm,.vxe-date-picker--panel.size--medium .vxe-date-picker--time-picker-confirm{height:29px}.vxe-date-picker--panel.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-date-picker--panel.size--small .vxe-date-picker--panel-wrapper{max-height:340px}.vxe-date-picker--panel.size--small.type--date .vxe-date-picker--panel-wrapper,.vxe-date-picker--panel.size--small.type--month .vxe-date-picker--panel-wrapper,.vxe-date-picker--panel.size--small.type--quarter .vxe-date-picker--panel-wrapper,.vxe-date-picker--panel.size--small.type--time .vxe-date-picker--panel-wrapper,.vxe-date-picker--panel.size--small.type--week .vxe-date-picker--panel-wrapper,.vxe-date-picker--panel.size--small.type--year .vxe-date-picker--panel-wrapper{padding:9px}.vxe-date-picker--panel.size--small.type--date .vxe-date-picker--panel-wrapper,.vxe-date-picker--panel.size--small.type--month .vxe-date-picker--panel-wrapper,.vxe-date-picker--panel.size--small.type--quarter .vxe-date-picker--panel-wrapper,.vxe-date-picker--panel.size--small.type--year .vxe-date-picker--panel-wrapper{width:312px}.vxe-date-picker--panel.size--small.type--week .vxe-date-picker--panel-wrapper{width:354px}.vxe-date-picker--panel.size--small.type--time .vxe-date-picker--panel-wrapper{display:inline-flex;flex-direction:column}.vxe-date-picker--panel.size--small.type--datetime .vxe-date-picker--panel-datetime-left-wrapper{width:312px}.vxe-date-picker--panel.size--small.type--datetime .vxe-date-picker--panel-datetime-left-wrapper,.vxe-date-picker--panel.size--small.type--datetime .vxe-date-picker--panel-datetime-right-wrapper{padding:9px}.vxe-date-picker--panel.size--small .vxe-date-picker--time-picker-title{height:28px;line-height:28px}.vxe-date-picker--panel.size--small .vxe-date-picker--date-picker-btn,.vxe-date-picker--panel.size--small .vxe-date-picker--date-picker-label{height:28px;line-height:28px}.vxe-date-picker--panel.size--small .vxe-date-picker--date-picker-btn-wrapper .vxe-date-picker--date-picker-btn{margin-left:6px}.vxe-date-picker--panel.size--small .vxe-date-picker--date-picker-btn-wrapper .vxe-date-picker--date-picker-btn:active{transform:scale(.9)}.vxe-date-picker--panel.size--small .vxe-date-picker--date-picker-btn-wrapper .vxe-date-picker--date-picker-current-btn,.vxe-date-picker--panel.size--small .vxe-date-picker--date-picker-btn-wrapper .vxe-date-picker--date-picker-next-btn,.vxe-date-picker--panel.size--small .vxe-date-picker--date-picker-btn-wrapper .vxe-date-picker--date-picker-prev-btn{width:28px;border-radius:var(--vxe-ui-base-border-radius);border:1px solid var(--vxe-ui-input-border-color)}.vxe-date-picker--panel.size--small .vxe-date-picker--date-picker-type-wrapper .vxe-date-picker--date-picker-btns,.vxe-date-picker--panel.size--small .vxe-date-picker--date-picker-type-wrapper .vxe-date-picker--date-picker-label{padding:0 7px}.vxe-date-picker--panel.size--small .vxe-date-picker--date-picker-header,.vxe-date-picker--panel.size--small .vxe-date-picker--time-picker-header{padding-bottom:6px}.vxe-date-picker--panel.size--small .vxe-date-picker--date-picker-body table,.vxe-date-picker--panel.size--small .vxe-date-picker--time-picker-body{height:calc(var(--vxe-ui-input-date-time-week-row-height-small) * 6 + var(--vxe-ui-input-date-title-height-small))}.vxe-date-picker--panel.size--small .vxe-date-picker--time-picker-body>ul{width:44px}.vxe-date-picker--panel.size--small .vxe-date-picker--time-picker-body>ul:after,.vxe-date-picker--panel.size--small .vxe-date-picker--time-picker-body>ul:before{height:110px}.vxe-date-picker--panel.size--small .vxe-date-picker--time-picker-body>ul>li{height:26px;padding-left:7px}.vxe-date-picker--panel.size--small .vxe-date-picker--time-picker-body .vxe-date-picker--time-picker-minute-list{left:44px}.vxe-date-picker--panel.size--small .vxe-date-picker--time-picker-body .vxe-date-picker--time-picker-second-list{left:88px}.vxe-date-picker--panel.size--small .vxe-date-picker--date-day-view td,.vxe-date-picker--panel.size--small .vxe-date-picker--date-week-view td{height:var(--vxe-ui-input-date-time-week-row-height-small)}.vxe-date-picker--panel.size--small .vxe-date-picker--date-quarter-view td{height:var(--vxe-ui-input-date-quarter-row-height-small)}.vxe-date-picker--panel.size--small .vxe-date-picker--date-month-view td,.vxe-date-picker--panel.size--small .vxe-date-picker--date-year-view td{height:var(--vxe-ui-input-date-month-year-row-height-small)}.vxe-date-picker--panel.size--small .vxe-date-picker--date-picker-body th{height:var(--vxe-ui-input-date-title-height-small)}.vxe-date-picker--panel.size--small .vxe-date-picker--date-picker-confirm,.vxe-date-picker--panel.size--small .vxe-date-picker--time-picker-confirm{height:28px}.vxe-date-picker--panel.size--mini{font-size:var(--vxe-ui-font-size-mini)}.vxe-date-picker--panel.size--mini .vxe-date-picker--panel-wrapper{max-height:320px}.vxe-date-picker--panel.size--mini.type--date .vxe-date-picker--panel-wrapper,.vxe-date-picker--panel.size--mini.type--month .vxe-date-picker--panel-wrapper,.vxe-date-picker--panel.size--mini.type--quarter .vxe-date-picker--panel-wrapper,.vxe-date-picker--panel.size--mini.type--time .vxe-date-picker--panel-wrapper,.vxe-date-picker--panel.size--mini.type--week .vxe-date-picker--panel-wrapper,.vxe-date-picker--panel.size--mini.type--year .vxe-date-picker--panel-wrapper{padding:8px}.vxe-date-picker--panel.size--mini.type--date .vxe-date-picker--panel-wrapper,.vxe-date-picker--panel.size--mini.type--month .vxe-date-picker--panel-wrapper,.vxe-date-picker--panel.size--mini.type--quarter .vxe-date-picker--panel-wrapper,.vxe-date-picker--panel.size--mini.type--year .vxe-date-picker--panel-wrapper{width:288px}.vxe-date-picker--panel.size--mini.type--week .vxe-date-picker--panel-wrapper{width:326px}.vxe-date-picker--panel.size--mini.type--time .vxe-date-picker--panel-wrapper{display:inline-flex;flex-direction:column}.vxe-date-picker--panel.size--mini.type--datetime .vxe-date-picker--panel-datetime-left-wrapper{width:288px}.vxe-date-picker--panel.size--mini.type--datetime .vxe-date-picker--panel-datetime-left-wrapper,.vxe-date-picker--panel.size--mini.type--datetime .vxe-date-picker--panel-datetime-right-wrapper{padding:8px}.vxe-date-picker--panel.size--mini .vxe-date-picker--time-picker-title{height:27px;line-height:27px}.vxe-date-picker--panel.size--mini .vxe-date-picker--date-picker-btn,.vxe-date-picker--panel.size--mini .vxe-date-picker--date-picker-label{height:27px;line-height:27px}.vxe-date-picker--panel.size--mini .vxe-date-picker--date-picker-btn-wrapper .vxe-date-picker--date-picker-btn{margin-left:5px}.vxe-date-picker--panel.size--mini .vxe-date-picker--date-picker-btn-wrapper .vxe-date-picker--date-picker-btn:active{transform:scale(.9)}.vxe-date-picker--panel.size--mini .vxe-date-picker--date-picker-btn-wrapper .vxe-date-picker--date-picker-current-btn,.vxe-date-picker--panel.size--mini .vxe-date-picker--date-picker-btn-wrapper .vxe-date-picker--date-picker-next-btn,.vxe-date-picker--panel.size--mini .vxe-date-picker--date-picker-btn-wrapper .vxe-date-picker--date-picker-prev-btn{width:27px;border-radius:var(--vxe-ui-base-border-radius);border:1px solid var(--vxe-ui-input-border-color)}.vxe-date-picker--panel.size--mini .vxe-date-picker--date-picker-type-wrapper .vxe-date-picker--date-picker-btns,.vxe-date-picker--panel.size--mini .vxe-date-picker--date-picker-type-wrapper .vxe-date-picker--date-picker-label{padding:0 6px}.vxe-date-picker--panel.size--mini .vxe-date-picker--date-picker-header,.vxe-date-picker--panel.size--mini .vxe-date-picker--time-picker-header{padding-bottom:5px}.vxe-date-picker--panel.size--mini .vxe-date-picker--date-picker-body table,.vxe-date-picker--panel.size--mini .vxe-date-picker--time-picker-body{height:calc(var(--vxe-ui-input-date-time-week-row-height-mini) * 6 + var(--vxe-ui-input-date-title-height-mini))}.vxe-date-picker--panel.size--mini .vxe-date-picker--time-picker-body>ul{width:42px}.vxe-date-picker--panel.size--mini .vxe-date-picker--time-picker-body>ul:after,.vxe-date-picker--panel.size--mini .vxe-date-picker--time-picker-body>ul:before{height:100px}.vxe-date-picker--panel.size--mini .vxe-date-picker--time-picker-body>ul>li{height:26px;padding-left:6px}.vxe-date-picker--panel.size--mini .vxe-date-picker--time-picker-body .vxe-date-picker--time-picker-minute-list{left:42px}.vxe-date-picker--panel.size--mini .vxe-date-picker--time-picker-body .vxe-date-picker--time-picker-second-list{left:84px}.vxe-date-picker--panel.size--mini .vxe-date-picker--date-day-view td,.vxe-date-picker--panel.size--mini .vxe-date-picker--date-week-view td{height:var(--vxe-ui-input-date-time-week-row-height-mini)}.vxe-date-picker--panel.size--mini .vxe-date-picker--date-quarter-view td{height:var(--vxe-ui-input-date-quarter-row-height-mini)}.vxe-date-picker--panel.size--mini .vxe-date-picker--date-month-view td,.vxe-date-picker--panel.size--mini .vxe-date-picker--date-year-view td{height:var(--vxe-ui-input-date-month-year-row-height-mini)}.vxe-date-picker--panel.size--mini .vxe-date-picker--date-picker-body th{height:var(--vxe-ui-input-date-title-height-mini)}.vxe-date-picker--panel.size--mini .vxe-date-picker--date-picker-confirm,.vxe-date-picker--panel.size--mini .vxe-date-picker--time-picker-confirm{height:27px}
|
|
@@ -262,10 +262,12 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
|
|
|
262
262
|
}
|
|
263
263
|
return years;
|
|
264
264
|
},
|
|
265
|
-
|
|
265
|
+
computeSelectDatePanelObj: function computeSelectDatePanelObj() {
|
|
266
266
|
var $xeCalendar = this;
|
|
267
267
|
var reactData = $xeCalendar.reactData;
|
|
268
268
|
var isCalendarType = $xeCalendar.computeIsCalendarType;
|
|
269
|
+
var y = '';
|
|
270
|
+
var m = '';
|
|
269
271
|
if (isCalendarType) {
|
|
270
272
|
var datePanelType = reactData.datePanelType,
|
|
271
273
|
selectMonth = reactData.selectMonth;
|
|
@@ -276,16 +278,19 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
|
|
|
276
278
|
year = selectMonth.getFullYear();
|
|
277
279
|
month = selectMonth.getMonth() + 1;
|
|
278
280
|
}
|
|
279
|
-
if (datePanelType === 'quarter') {
|
|
280
|
-
|
|
281
|
-
} else if (datePanelType === 'month') {
|
|
282
|
-
return (0, _ui.getI18n)('vxe.input.date.monthLabel', [year]);
|
|
281
|
+
if (datePanelType === 'quarter' || datePanelType === 'month') {
|
|
282
|
+
y = "".concat(year);
|
|
283
283
|
} else if (datePanelType === 'year') {
|
|
284
|
-
|
|
284
|
+
y = yearList.length ? "".concat(yearList[0].year, " - ").concat(yearList[yearList.length - 1].year) : '';
|
|
285
|
+
} else {
|
|
286
|
+
y = "".concat(year);
|
|
287
|
+
m = month ? (0, _ui.getI18n)("vxe.input.date.m".concat(month)) : '-';
|
|
285
288
|
}
|
|
286
|
-
return (0, _ui.getI18n)('vxe.input.date.dayLabel', [year, month ? (0, _ui.getI18n)("vxe.input.date.m".concat(month)) : '-']);
|
|
287
289
|
}
|
|
288
|
-
return
|
|
290
|
+
return {
|
|
291
|
+
y: y,
|
|
292
|
+
m: m
|
|
293
|
+
};
|
|
289
294
|
},
|
|
290
295
|
computeFirstDayOfWeek: function computeFirstDayOfWeek() {
|
|
291
296
|
var $xeCalendar = this;
|
|
@@ -627,7 +632,12 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
|
|
|
627
632
|
reactData.currentDate = currentDate;
|
|
628
633
|
$xeCalendar.dateMonthHandle(currentDate, 0);
|
|
629
634
|
},
|
|
630
|
-
|
|
635
|
+
dateToggleYearTypeEvent: function dateToggleYearTypeEvent() {
|
|
636
|
+
var $xeCalendar = this;
|
|
637
|
+
var reactData = $xeCalendar.reactData;
|
|
638
|
+
reactData.datePanelType = 'year';
|
|
639
|
+
},
|
|
640
|
+
dateToggleMonthTypeEvent: function dateToggleMonthTypeEvent(evnt) {
|
|
631
641
|
var $xeCalendar = this;
|
|
632
642
|
var reactData = $xeCalendar.reactData;
|
|
633
643
|
var datePanelType = reactData.datePanelType;
|
|
@@ -1218,20 +1228,33 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
|
|
|
1218
1228
|
var datePanelType = reactData.datePanelType;
|
|
1219
1229
|
var isDisabledPrevDateBtn = $xeCalendar.computeIsDisabledPrevDateBtn;
|
|
1220
1230
|
var isDisabledNextDateBtn = $xeCalendar.computeIsDisabledNextDateBtn;
|
|
1221
|
-
var
|
|
1231
|
+
var selectDatePanelObj = $xeCalendar.computeSelectDatePanelObj;
|
|
1222
1232
|
return [h('div', {
|
|
1223
1233
|
class: 'vxe-calendar--header'
|
|
1224
1234
|
}, [h('div', {
|
|
1225
1235
|
class: 'vxe-calendar--type-wrapper'
|
|
1226
|
-
}, [h(_button.default, {
|
|
1236
|
+
}, [datePanelType === 'year' ? h(_button.default, {
|
|
1227
1237
|
props: {
|
|
1228
1238
|
disabled: datePanelType === 'year',
|
|
1229
|
-
content:
|
|
1239
|
+
content: selectDatePanelObj.y
|
|
1240
|
+
}
|
|
1241
|
+
}) : h('span', {
|
|
1242
|
+
class: 'vxe-calendar--date-picker-btns'
|
|
1243
|
+
}, [h(_button.default, {
|
|
1244
|
+
props: {
|
|
1245
|
+
content: selectDatePanelObj.y
|
|
1246
|
+
},
|
|
1247
|
+
on: {
|
|
1248
|
+
click: $xeCalendar.dateToggleYearTypeEvent
|
|
1249
|
+
}
|
|
1250
|
+
}), selectDatePanelObj.m ? h(_button.default, {
|
|
1251
|
+
props: {
|
|
1252
|
+
content: selectDatePanelObj.m
|
|
1230
1253
|
},
|
|
1231
1254
|
on: {
|
|
1232
|
-
click: $xeCalendar.
|
|
1255
|
+
click: $xeCalendar.dateToggleMonthTypeEvent
|
|
1233
1256
|
}
|
|
1234
|
-
})]), h('div', {
|
|
1257
|
+
}) : (0, _ui.renderEmptyElement)($xeCalendar)])]), h('div', {
|
|
1235
1258
|
class: 'vxe-calendar--btn-wrapper'
|
|
1236
1259
|
}, [h(_button.default, {
|
|
1237
1260
|
props: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
function _typeof(e){return(_typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_util=require("../../date-picker/src/util"),_dom=require("../..//ui/src/dom"),_button=_interopRequireDefault(require("../../button/src/button"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _defineProperty(e,t,a){return(t=_toPropertyKey(t))in e?Object.defineProperty(e,t,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[t]=a,e}function _toPropertyKey(e){e=_toPrimitive(e,"string");return"symbol"==_typeof(e)?e:e+""}function _toPrimitive(e,t){if("object"!=_typeof(e)||!e)return e;var a=e[Symbol.toPrimitive];if(void 0===a)return("string"===t?String:Number)(e);a=a.call(e,t||"default");if("object"!=_typeof(a))return a;throw new TypeError("@@toPrimitive must return a primitive value.")}function _toConsumableArray(e){return _arrayWithoutHoles(e)||_iterableToArray(e)||_unsupportedIterableToArray(e)||_nonIterableSpread()}function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _unsupportedIterableToArray(e,t){var a;if(e)return"string"==typeof e?_arrayLikeToArray(e,t):"Map"===(a="Object"===(a={}.toString.call(e).slice(8,-1))&&e.constructor?e.constructor.name:a)||"Set"===a?Array.from(e):"Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a)?_arrayLikeToArray(e,t):void 0}function _iterableToArray(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function _arrayWithoutHoles(e){if(Array.isArray(e))return _arrayLikeToArray(e)}function _arrayLikeToArray(e,t){(null==t||t>e.length)&&(t=e.length);for(var a=0,n=Array(t);a<t;a++)n[a]=e[a];return n}var _default2=exports.default=(0,_comp.defineVxeComponent)({name:"VxeCalendar",mixins:[_ui.globalMixins.sizeMixin],props:{value:[String,Number,Date],type:{type:String,default:"date"},className:String,size:{type:String,default:function(){return(0,_ui.getConfig)().calendar.size||(0,_ui.getConfig)().size}},multiple:Boolean,width:[String,Number],height:[String,Number],minDate:{type:[String,Number,Date],default:function(){return(0,_ui.getConfig)().calendar.minDate}},maxDate:{type:[String,Number,Date],default:function(){return(0,_ui.getConfig)().calendar.maxDate}},startDay:{type:[String,Number],default:function(){return(0,_ui.getConfig)().calendar.startDay}},labelFormat:String,valueFormat:String,festivalMethod:{type:Function,default:function(){return(0,_ui.getConfig)().calendar.festivalMethod}},disabledMethod:{type:Function,default:function(){return(0,_ui.getConfig)().calendar.disabledMethod}},selectDay:{type:[String,Number],default:function(){return(0,_ui.getConfig)().calendar.selectDay}}},data:function(){return{xID:_xeUtils.default.uniqueId(),reactData:{selectValue:null,inputValue:null,datePanelValue:null,datePanelLabel:"",datePanelType:"day",selectMonth:null,currentDate:null},internalData:{yearSize:12,monthSize:20,quarterSize:8}}},computed:Object.assign(Object.assign({},{}),{computeCalendarStyle:function(){var e=this.height,t=this.width,a={};return t&&(a.width=(0,_dom.toCssUnit)(t)),e&&(a.height=(0,_dom.toCssUnit)(e)),a},computeIsDisabled:function(){return!1},computeIsCalendarType:function(){return["date","week","month","quarter","year"].includes(this.type)},computeDateStartTime:function(){return this.minDate?_xeUtils.default.toStringDate(this.minDate):null},computeDateEndTime:function(){return this.maxDate?_xeUtils.default.toStringDate(this.maxDate):null},computeSupportMultiples:function(){return-1<["date","week","month","quarter","year"].indexOf(this.type)},computeDateListValue:function(){var t=this,e=t.reactData,a=t.multiple,e=e.selectValue,n=t.computeDateValueFormat;return a&&e&&t.computeIsCalendarType?_xeUtils.default.toValueString(e).split(",").map(function(e){e=t.parseDate(e,n);return _xeUtils.default.isValidDate(e),e}):[]},computeDateMultipleValue:function(){var e=this.computeDateListValue,t=this.computeDateValueFormat;return e.map(function(e){return _xeUtils.default.toDateString(e,t)})},computeDateMultipleLabel:function(){var e=this.computeDateListValue,t=this.computeDateLabelFormat;return e.map(function(e){return _xeUtils.default.toDateString(e,t)}).join(", ")},computeDateValueFormat:function(){var e=this.valueFormat;return e||"yyyy-MM-dd"},computeDateValue:function(){var e=this.reactData.selectValue,t=this.computeIsCalendarType,a=this.computeDateValueFormat,n=null;return n=e&&t&&(t=this.parseDate(e,a),_xeUtils.default.isValidDate(t))?t:n},computeIsDisabledPrevDateBtn:function(){var e=this.reactData,t=this.computeDateStartTime,e=e.selectMonth;return!(!e||!t)&&e<=t},computeIsDisabledNextDateBtn:function(){var e=this.reactData,t=this.computeDateEndTime,e=e.selectMonth;return!(!e||!t)&&t<=e},computeDateHMSTime:function(){var e=this.computeDateValue;return e?1e3*(3600*e.getHours()+60*e.getMinutes()+e.getSeconds()):0},computeDateLabelFormat:function(){var e=this.labelFormat,t=this.computeIsCalendarType,a=this.computeDateValueFormat;return t?e||a||(0,_ui.getI18n)("vxe.input.date.labelFormat.".concat(this.type)):""},computeYearList:function(){var e=this.reactData,t=this.internalData,a=e.selectMonth,e=e.currentDate,n=t.yearSize,r=[];if(a&&e)for(var i=e.getFullYear(),t=a.getFullYear(),u=new Date(t-t%n,0,1),l=-4;l<n+4;l++){var s=_xeUtils.default.getWhatYear(u,l,"first"),o=s.getFullYear();r.push({date:s,isCurrent:!0,isPrev:l<0,isNow:i===o,isNext:n<=l,year:o})}return r},computeSelectDatePanelLabel:function(){var e,t,a,n,r=this.reactData;return this.computeIsCalendarType?(e=r.datePanelType,r=r.selectMonth,t=this.computeYearList,a="",r&&(a=r.getFullYear(),n=r.getMonth()+1),"quarter"===e?(0,_ui.getI18n)("vxe.input.date.quarterLabel",[a]):"month"===e?(0,_ui.getI18n)("vxe.input.date.monthLabel",[a]):"year"===e?t.length?"".concat(t[0].year," - ").concat(t[t.length-1].year):"":(0,_ui.getI18n)("vxe.input.date.dayLabel",[a,n?(0,_ui.getI18n)("vxe.input.date.m".concat(n)):"-"])):""},computeFirstDayOfWeek:function(){var e=this.startDay;return _xeUtils.default.toNumber(e)},computeWeekDatas:function(){var e=[];if(this.computeIsCalendarType){var t=this.computeFirstDayOfWeek;e.push(t);for(var a=0;a<6;a++)6<=t?t=0:t++,e.push(t)}return e},computeDateHeaders:function(){return this.computeIsCalendarType?this.computeWeekDatas.map(function(e){return{value:e,label:(0,_ui.getI18n)("vxe.input.date.weeks.w".concat(e))}}):[]},computeWeekHeaders:function(){var e;return this.computeIsCalendarType?(e=this.computeDateHeaders,[{label:(0,_ui.getI18n)("vxe.input.date.weeks.w")}].concat(e)):[]},computeYearDatas:function(){var e=this.computeYearList;return _xeUtils.default.chunk(e,4)},computeQuarterList:function(){var e=this.reactData,t=this.internalData,a=e.selectMonth,e=e.currentDate,n=t.quarterSize,r=[];if(a&&e)for(var i=e.getFullYear(),u=(0,_util.getDateQuarter)(e),l=_xeUtils.default.getWhatYear(a,0,"first"),s=l.getFullYear(),o=-2;o<n-2;o++){var c=_xeUtils.default.getWhatQuarter(l,o),d=c.getFullYear(),p=(0,_util.getDateQuarter)(c),f=d<s;r.push({date:c,isPrev:f,isCurrent:d===s,isNow:d===i&&p===u,isNext:!f&&s<d,quarter:p})}return r},computeQuarterDatas:function(){var e=this.computeQuarterList;return _xeUtils.default.chunk(e,2)},computeMonthList:function(){var e=this.reactData,t=this.internalData,a=e.selectMonth,e=e.currentDate,n=t.monthSize,r=[];if(a&&e)for(var i=e.getFullYear(),u=e.getMonth(),l=_xeUtils.default.getWhatYear(a,0,"first").getFullYear(),s=-4;s<n-4;s++){var o=_xeUtils.default.getWhatYear(a,0,s),c=o.getFullYear(),d=o.getMonth(),p=c<l;r.push({date:o,isPrev:p,isCurrent:c===l,isNow:c===i&&d===u,isNext:!p&&l<c,month:d})}return r},computeMonthDatas:function(){var e=this.computeMonthList;return _xeUtils.default.chunk(e,4)},computeDayList:function(){var e=this.reactData,t=e.selectMonth,e=e.currentDate,a=[];if(t&&e)for(var n=this.computeDateHMSTime,r=this.computeWeekDatas,i=e.getFullYear(),u=e.getMonth(),l=e.getDate(),s=t.getFullYear(),o=t.getMonth(),e=t.getDay(),r=-r.indexOf(e),c=new Date(_xeUtils.default.getWhatDay(t,r).getTime()+n),d=0;d<42;d++){var p=_xeUtils.default.getWhatDay(c,d),f=p.getFullYear(),h=p.getMonth(),m=p.getDate(),D=p<t;a.push({date:p,isPrev:D,isCurrent:f===s&&h===o,isNow:f===i&&h===u&&m===l,isNext:!D&&o!==h,label:m})}return a},computeDayDatas:function(){var e=this.computeDayList;return _xeUtils.default.chunk(e,7)},computeWeekDates:function(){var e=this.computeDayDatas,a=this.computeFirstDayOfWeek;return e.map(function(e){var t=e[0];return[{date:t.date,isWeekNumber:!0,isPrev:!1,isCurrent:!1,isNow:!1,isNext:!1,label:_xeUtils.default.getYearWeek(t.date,a)}].concat(e)})}}),methods:{dispatchEvent:function(e,t,a){this.$emit(e,(0,_ui.createEvent)(a,{$input:this},t))},emitModel:function(e){var t=this._events;this.$emit("input",e),t&&t.modelValue?this.$emit("modelValue",e):this.$emit("model-value",e)},parseDate:function(e,t){return _xeUtils.default.toStringDate(e,t)},handleChange:function(e,t){this.reactData.inputValue=e,this.emitModel(e),_xeUtils.default.toValueString(this.value)!==e&&this.dispatchEvent("change",{value:e},t)},dateParseValue:function(e){var t=this,a=t.reactData,n=t.type,r=t.computeDateLabelFormat,i=t.computeFirstDayOfWeek,u=null,l="";e&&(u=t.parseDate(e,t.computeDateValueFormat)),_xeUtils.default.isValidDate(u)?(l=_xeUtils.default.toDateString(u,r,{firstDay:i}),r&&"week"===n&&_xeUtils.default.getWhatWeek(u,0,i,i).getFullYear()<u.getFullYear()&&-1<(e=r.indexOf("yyyy"))&&(t=Number(l.substring(e,e+4)))&&!isNaN(t)&&(l=l.replace("".concat(t),"".concat(t-1)))):u=null,a.datePanelValue=u,a.datePanelLabel=l},changeValue:function(){var e=this,t=e,a=e.reactData,n=a.inputValue;e.computeIsCalendarType&&(e.dateParseValue(n),a.inputValue=t.multiple?e.computeDateMultipleLabel:a.datePanelLabel)},initValue:function(){this.computeIsCalendarType&&this.changeValue()},dateCheckMonth:function(e){var t=this.reactData,e=_xeUtils.default.getWhatMonth(e,0,"first");_xeUtils.default.isEqual(e,t.selectMonth)||(t.selectMonth=e)},dateChange:function(e){var t,a=this,n=a.reactData,r=a.value,i=a.multiple,u=a.computeDateValueFormat,l=a.computeFirstDayOfWeek,s=("week"===a.type&&(t=_xeUtils.default.toNumber(a.selectDay),e=_xeUtils.default.getWhatWeek(e,0,t,l)),_xeUtils.default.toDateString(e,u,{firstDay:l}));a.dateCheckMonth(e),n.selectValue=e,i?(t=a.computeDateMultipleValue).some(function(e){return _xeUtils.default.isEqual(e,s)})?a.handleChange(t.filter(function(e){return!_xeUtils.default.isEqual(e,s)}).join(","),{type:"update"}):a.handleChange(t.concat([s]).join(","),{type:"update"}):_xeUtils.default.isEqual(r,s)||a.handleChange(s,{type:"update"})},dateMonthHandle:function(e,t){this.reactData.selectMonth=_xeUtils.default.getWhatMonth(e,t,"first")},dateNowHandle:function(){var e=this.reactData,t=_xeUtils.default.getWhatDay(Date.now(),0,"first");e.currentDate=t,this.dateMonthHandle(t,0)},dateToggleTypeEvent:function(e){var t=this.reactData,a="month"===(a=t.datePanelType)||"quarter"===a?"year":"month";t.datePanelType=a,this.changeViewEvent(e)},datePrevEvent:function(e){var t=this,a=t.reactData,n=t.type,r=a.datePanelType,i=a.selectMonth,u=t.internalData.yearSize;t.computeIsDisabledPrevDateBtn||(a.selectMonth="year"===n?_xeUtils.default.getWhatYear(i,-u,"first"):"month"===n||"quarter"===n?"year"===r?_xeUtils.default.getWhatYear(i,-u,"first"):_xeUtils.default.getWhatYear(i,-1,"first"):"year"===r?_xeUtils.default.getWhatYear(i,-u,"first"):"month"===r?_xeUtils.default.getWhatYear(i,-1,"first"):_xeUtils.default.getWhatMonth(i,-1,"first"),t.dispatchEvent("date-prev",{type:n},e),t.changeViewEvent(e))},dateTodayMonthEvent:function(e){var t=this,a=t,n=t.reactData;t.dateNowHandle(),a.multiple||t.dateChange(n.currentDate),t.dispatchEvent("date-today",{type:a.type},e),t.changeViewEvent(e)},dateNextEvent:function(e){var t=this,a=t.reactData,n=t.type,r=a.datePanelType,i=a.selectMonth,u=t.internalData.yearSize;t.computeIsDisabledNextDateBtn||(a.selectMonth="year"===n?_xeUtils.default.getWhatYear(i,u,"first"):"month"===n||"quarter"===n?"year"===r?_xeUtils.default.getWhatYear(i,u,"first"):_xeUtils.default.getWhatYear(i,1,"first"):"year"===r?_xeUtils.default.getWhatYear(i,u,"first"):"month"===r?_xeUtils.default.getWhatYear(i,1,"first"):_xeUtils.default.getWhatMonth(i,1,"first"),t.dispatchEvent("date-next",{type:n},e),t.changeViewEvent(e))},isDateDisabled:function(e){var t=this.reactData,a=this.disabledMethod,t=t.datePanelType;return a&&a({type:t,viewType:t,date:e.date,$calendar:this})},changeViewEvent:function(e){var t=this,a=t.reactData.datePanelType,n=t.computeYearDatas,r=t.computeQuarterDatas,i=t.computeMonthDatas,u=t.computeWeekDates,l=t.computeDayDatas,s=[],o=[];switch(a){case"year":o=n;break;case"quarter":o=r;break;case"month":o=i;break;case"week":o=u;break;case"day":o=l}o.forEach(function(e){e.forEach(function(e){s.push(e.date)})}),t.dispatchEvent("view-change",{viewType:a,viewDates:s},e)},dateSelectItem:function(e){var t=this,a=t.reactData,n=t.type,r=a.datePanelType;"month"===n?"year"===r?(a.datePanelType="month",t.dateCheckMonth(e),t.changeViewEvent(null)):t.dateChange(e):"year"===n?t.dateChange(e):"quarter"===n?"year"===r?(a.datePanelType="quarter",t.dateCheckMonth(e),t.changeViewEvent(null)):t.dateChange(e):"month"===r?(a.datePanelType="week"===n?n:"day",t.dateCheckMonth(e),t.changeViewEvent(null)):"year"===r?(a.datePanelType="month",t.dateCheckMonth(e),t.changeViewEvent(null)):t.dateChange(e)},dateSelectEvent:function(e){this.isDateDisabled(e)||this.dateSelectItem(e.date)},dateMoveDay:function(t){this.isDateDisabled({date:t})||(this.computeDayList.some(function(e){return _xeUtils.default.isDateSame(e.date,t,"yyyyMMdd")})||this.dateCheckMonth(t),this.dateParseValue(t))},dateMoveYear:function(t){this.isDateDisabled({date:t})||(this.computeYearList.some(function(e){return _xeUtils.default.isDateSame(e.date,t,"yyyy")})||this.dateCheckMonth(t),this.dateParseValue(t))},dateMoveQuarter:function(t){this.isDateDisabled({date:t})||(this.computeQuarterList.some(function(e){return _xeUtils.default.isDateSame(e.date,t,"yyyyq")})||this.dateCheckMonth(t),this.dateParseValue(t))},dateMoveMonth:function(t){this.isDateDisabled({date:t})||(this.computeMonthList.some(function(e){return _xeUtils.default.isDateSame(e.date,t,"yyyyMM")})||this.dateCheckMonth(t),this.dateParseValue(t))},dateMouseenterEvent:function(e){var t=this,a=t.reactData;t.isDateDisabled(e)||("month"===(a=a.datePanelType)?t.dateMoveMonth(e.date):"quarter"===a?t.dateMoveQuarter(e.date):"year"===a?t.dateMoveYear(e.date):t.dateMoveDay(e.date))},dateConfirmEvent:function(){},dateOpenPanel:function(){var e=this,t=e.reactData,a=e.type,n=e.computeDateValue;-1<["year","quarter","month","week"].indexOf(a)?t.datePanelType=a:t.datePanelType="day",t.currentDate=_xeUtils.default.getWhatDay(Date.now(),0,"first"),n?(e.dateMonthHandle(n,0),e.dateParseValue(n)):e.dateNowHandle()},renderDateLabel:function(t,e,a){var n=this.reactData,r=this.festivalMethod;return r?(e=(r=(n=r({type:r=n.datePanelType,viewType:r,date:e.date,$calendar:this}))?_xeUtils.default.isString(n)?{label:n}:n:{}).extra?_xeUtils.default.isString(r.extra)?{label:r.extra}:r.extra:null,n=[t("span",{class:["vxe-calendar--date-label",{"is-notice":r.notice}]},e&&e.label?[t("span","".concat(a||"")),t("span",{class:["vxe-calendar--date-label--extra",e.important?"is-important":"",e.className],style:e.style},_xeUtils.default.toValueString(e.label))]:["".concat(a||"")])],(e=r.label)&&(e=_xeUtils.default.toValueString(e).split(","),n.push(t("span",{class:["vxe-calendar--date-festival",r.important?"is-important":"",r.className],style:r.style},[1<e.length?t("span",{class:["vxe-calendar--date-festival--overlap","overlap--".concat(e.length)]},e.map(function(e){return t("span",e.substring(0,3))})):t("span",{class:"vxe-calendar--date-festival--label"},e[0].substring(0,3))]))),n):"".concat(a||"")},renderDateDayTable:function(a){var n=this,e=n.reactData,r=n.multiple,t=e.datePanelType,i=e.datePanelValue,u=n.computeDateValue,e=n.computeDateHeaders,l=n.computeDayDatas,s=n.computeDateListValue,o="yyyyMMdd";return[a("table",{class:"vxe-calendar--date-".concat(t,"-view"),attrs:{cellspacing:0,cellpadding:0,border:0}},[a("tr",e.map(function(e){return a("th",{class:"vxe-calendar--view-th"},e.label)}))].concat(_toConsumableArray(l.map(function(e){return a("tr",e.map(function(t){return a("td",{class:["vxe-calendar--view-td",{"is--prev":t.isPrev,"is--current":t.isCurrent,"is--now":t.isNow,"is--next":t.isNext,"is--disabled":n.isDateDisabled(t),"is--selected":r?s.some(function(e){return _xeUtils.default.isDateSame(e,t.date,o)}):_xeUtils.default.isDateSame(u,t.date,o),"is--hover":_xeUtils.default.isDateSame(i,t.date,o)}],on:{click:function(){return n.dateSelectEvent(t)},mouseenter:function(){return n.dateMouseenterEvent(t)}}},n.renderDateLabel(a,t,t.label))}))}))))]},renderDateWeekTable:function(n){var r=this,e=r.reactData,i=r.multiple,t=e.datePanelType,u=e.datePanelValue,l=r.computeDateValue,e=r.computeWeekHeaders,a=r.computeWeekDates,s=r.computeDateListValue,o="yyyyMMdd";return[n("table",{class:"vxe-calendar--date-".concat(t,"-view"),attrs:{cellspacing:0,cellpadding:0,border:0}},[n("tr",e.map(function(e){return n("td",{class:"vxe-calendar--view-th"},e.label)}))].concat(_toConsumableArray(a.map(function(e){var t=i?e.some(function(t){return s.some(function(e){return _xeUtils.default.isDateSame(e,t.date,o)})}):e.some(function(e){return _xeUtils.default.isDateSame(l,e.date,o)}),a=e.some(function(e){return _xeUtils.default.isDateSame(u,e.date,o)});return n("tr",e.map(function(e){return n("td",{class:["vxe-calendar--view-td",{"is--prev":e.isPrev,"is--current":e.isCurrent,"is--now":e.isNow,"is--next":e.isNext,"is--disabled":r.isDateDisabled(e),"is--selected":t,"is--hover":a}],on:{click:function(){return r.dateSelectEvent(e)},mouseenter:function(){return r.dateMouseenterEvent(e)}}},r.renderDateLabel(n,e,e.label))}))}))))]},renderDateMonthTable:function(a){var n=this,e=n.reactData,r=n.multiple,t=e.datePanelType,i=e.datePanelValue,u=n.computeDateValue,e=n.computeMonthDatas,l=n.computeDateListValue,s="yyyyMM";return[a("table",{class:"vxe-calendar--date-".concat(t,"-view"),attrs:{cellspacing:0,cellpadding:0,border:0}},[a("tbody",e.map(function(e){return a("tr",e.map(function(t){return a("td",{class:["vxe-calendar--view-td",{"is--prev":t.isPrev,"is--current":t.isCurrent,"is--now":t.isNow,"is--next":t.isNext,"is--disabled":n.isDateDisabled(t),"is--selected":r?l.some(function(e){return _xeUtils.default.isDateSame(e,t.date,s)}):_xeUtils.default.isDateSame(u,t.date,s),"is--hover":_xeUtils.default.isDateSame(i,t.date,s)}],on:{click:function(){return n.dateSelectEvent(t)},mouseenter:function(){return n.dateMouseenterEvent(t)}}},n.renderDateLabel(a,t,(0,_ui.getI18n)("vxe.input.date.months.m".concat(t.month))))}))}))])]},renderDateQuarterTable:function(a){var n=this,e=n.reactData,r=n.multiple,t=e.datePanelType,i=e.datePanelValue,u=n.computeDateValue,e=n.computeQuarterDatas,l=n.computeDateListValue,s="yyyyq";return[a("table",{class:"vxe-calendar--date-".concat(t,"-view"),attrs:{cellspacing:0,cellpadding:0,border:0}},[a("tbody",e.map(function(e){return a("tr",e.map(function(t){return a("td",{class:["vxe-calendar--view-td",{"is--prev":t.isPrev,"is--current":t.isCurrent,"is--now":t.isNow,"is--next":t.isNext,"is--disabled":n.isDateDisabled(t),"is--selected":r?l.some(function(e){return _xeUtils.default.isDateSame(e,t.date,s)}):_xeUtils.default.isDateSame(u,t.date,s),"is--hover":_xeUtils.default.isDateSame(i,t.date,s)}],on:{click:function(){return n.dateSelectEvent(t)},mouseenter:function(){return n.dateMouseenterEvent(t)}}},n.renderDateLabel(a,t,(0,_ui.getI18n)("vxe.input.date.quarters.q".concat(t.quarter))))}))}))])]},renderDateYearTable:function(a){var n=this,e=n.reactData,r=n.multiple,t=e.datePanelType,i=e.datePanelValue,u=n.computeDateValue,e=n.computeYearDatas,l=n.computeDateListValue,s="yyyy";return[a("table",{class:"vxe-calendar--date-".concat(t,"-view"),attrs:{cellspacing:0,cellpadding:0,border:0}},[a("tbody",e.map(function(e){return a("tr",e.map(function(t){return a("td",{class:["vxe-calendar--view-td",{"is--prev":t.isPrev,"is--current":t.isCurrent,"is--now":t.isNow,"is--next":t.isNext,"is--disabled":n.isDateDisabled(t),"is--selected":r?l.some(function(e){return _xeUtils.default.isDateSame(e,t.date,s)}):_xeUtils.default.isDateSame(u,t.date,s),"is--hover":_xeUtils.default.isDateSame(i,t.date,s)}],on:{click:function(){return n.dateSelectEvent(t)},mouseenter:function(){return n.dateMouseenterEvent(t)}}},n.renderDateLabel(a,t,t.year))}))}))])]},renderDateTable:function(e){var t=this;switch(t.reactData.datePanelType){case"week":return t.renderDateWeekTable(e);case"month":return t.renderDateMonthTable(e);case"quarter":return t.renderDateQuarterTable(e);case"year":return t.renderDateYearTable(e)}return t.renderDateDayTable(e)},renderDatePanel:function(e){var t=this,a=t.reactData,n=t.multiple,a=a.datePanelType,r=t.computeIsDisabledPrevDateBtn,i=t.computeIsDisabledNextDateBtn;return[e("div",{class:"vxe-calendar--header"},[e("div",{class:"vxe-calendar--type-wrapper"},[e(_button.default,{props:{disabled:"year"===a,content:t.computeSelectDatePanelLabel},on:{click:t.dateToggleTypeEvent}})]),e("div",{class:"vxe-calendar--btn-wrapper"},[e(_button.default,{props:{disabled:r,icon:"vxe-icon-caret-left"},on:{click:t.datePrevEvent}}),e(_button.default,{props:{icon:"vxe-icon-dot"},on:{click:t.dateTodayMonthEvent}}),e(_button.default,{props:{disabled:i,icon:"vxe-icon-caret-right"},on:{click:t.dateNextEvent}}),n&&t.computeSupportMultiples?e("span",{class:"vxe-calendar--btn vxe-calendar--confirm-btn"},[e("button",{class:"vxe-calendar--confirm",attrs:{type:"button"},on:{click:t.dateConfirmEvent}},(0,_ui.getI18n)("vxe.button.confirm"))]):null])]),e("div",{class:"vxe-calendar--body"},t.renderDateTable(e))]},renderVN:function(e){var t=this,a=t.className,n=t.computeSize,r=t.computeIsDisabled,i=t.computeCalendarStyle;return e("div",{ref:"refElem",class:["vxe-calendar","type--".concat(t.type),a,_defineProperty(_defineProperty({},"size--".concat(n),n),"is--disabled",r)],style:i},[t.renderDatePanel(e)])}},watch:{value:function(e){this.reactData.inputValue=e,this.changeValue()},type:function(){var e=this.reactData;Object.assign(e,{selectValue:null,inputValue:null,datePanelValue:null,datePanelLabel:"",datePanelType:"day",selectMonth:null,currentDate:null}),this.initValue(),this.dateOpenPanel()},computeDateLabelFormat:function(){var e=this,t=e,a=e.reactData;e.computeIsCalendarType&&(e.dateParseValue(a.datePanelValue),a.inputValue=t.multiple?e.computeDateMultipleLabel:a.datePanelLabel)}},created:function(){var e=this.reactData;e.selectValue=this.value,e.inputValue=this.value,this.initValue()},mounted:function(){this.dateOpenPanel()},render:function(e){return this.renderVN(e)}});
|
|
1
|
+
function _typeof(e){return(_typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_util=require("../../date-picker/src/util"),_dom=require("../..//ui/src/dom"),_button=_interopRequireDefault(require("../../button/src/button"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _defineProperty(e,t,a){return(t=_toPropertyKey(t))in e?Object.defineProperty(e,t,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[t]=a,e}function _toPropertyKey(e){e=_toPrimitive(e,"string");return"symbol"==_typeof(e)?e:e+""}function _toPrimitive(e,t){if("object"!=_typeof(e)||!e)return e;var a=e[Symbol.toPrimitive];if(void 0===a)return("string"===t?String:Number)(e);a=a.call(e,t||"default");if("object"!=_typeof(a))return a;throw new TypeError("@@toPrimitive must return a primitive value.")}function _toConsumableArray(e){return _arrayWithoutHoles(e)||_iterableToArray(e)||_unsupportedIterableToArray(e)||_nonIterableSpread()}function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _unsupportedIterableToArray(e,t){var a;if(e)return"string"==typeof e?_arrayLikeToArray(e,t):"Map"===(a="Object"===(a={}.toString.call(e).slice(8,-1))&&e.constructor?e.constructor.name:a)||"Set"===a?Array.from(e):"Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a)?_arrayLikeToArray(e,t):void 0}function _iterableToArray(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function _arrayWithoutHoles(e){if(Array.isArray(e))return _arrayLikeToArray(e)}function _arrayLikeToArray(e,t){(null==t||t>e.length)&&(t=e.length);for(var a=0,n=Array(t);a<t;a++)n[a]=e[a];return n}var _default2=exports.default=(0,_comp.defineVxeComponent)({name:"VxeCalendar",mixins:[_ui.globalMixins.sizeMixin],props:{value:[String,Number,Date],type:{type:String,default:"date"},className:String,size:{type:String,default:function(){return(0,_ui.getConfig)().calendar.size||(0,_ui.getConfig)().size}},multiple:Boolean,width:[String,Number],height:[String,Number],minDate:{type:[String,Number,Date],default:function(){return(0,_ui.getConfig)().calendar.minDate}},maxDate:{type:[String,Number,Date],default:function(){return(0,_ui.getConfig)().calendar.maxDate}},startDay:{type:[String,Number],default:function(){return(0,_ui.getConfig)().calendar.startDay}},labelFormat:String,valueFormat:String,festivalMethod:{type:Function,default:function(){return(0,_ui.getConfig)().calendar.festivalMethod}},disabledMethod:{type:Function,default:function(){return(0,_ui.getConfig)().calendar.disabledMethod}},selectDay:{type:[String,Number],default:function(){return(0,_ui.getConfig)().calendar.selectDay}}},data:function(){return{xID:_xeUtils.default.uniqueId(),reactData:{selectValue:null,inputValue:null,datePanelValue:null,datePanelLabel:"",datePanelType:"day",selectMonth:null,currentDate:null},internalData:{yearSize:12,monthSize:20,quarterSize:8}}},computed:Object.assign(Object.assign({},{}),{computeCalendarStyle:function(){var e=this.height,t=this.width,a={};return t&&(a.width=(0,_dom.toCssUnit)(t)),e&&(a.height=(0,_dom.toCssUnit)(e)),a},computeIsDisabled:function(){return!1},computeIsCalendarType:function(){return["date","week","month","quarter","year"].includes(this.type)},computeDateStartTime:function(){return this.minDate?_xeUtils.default.toStringDate(this.minDate):null},computeDateEndTime:function(){return this.maxDate?_xeUtils.default.toStringDate(this.maxDate):null},computeSupportMultiples:function(){return-1<["date","week","month","quarter","year"].indexOf(this.type)},computeDateListValue:function(){var t=this,e=t.reactData,a=t.multiple,e=e.selectValue,n=t.computeDateValueFormat;return a&&e&&t.computeIsCalendarType?_xeUtils.default.toValueString(e).split(",").map(function(e){e=t.parseDate(e,n);return _xeUtils.default.isValidDate(e),e}):[]},computeDateMultipleValue:function(){var e=this.computeDateListValue,t=this.computeDateValueFormat;return e.map(function(e){return _xeUtils.default.toDateString(e,t)})},computeDateMultipleLabel:function(){var e=this.computeDateListValue,t=this.computeDateLabelFormat;return e.map(function(e){return _xeUtils.default.toDateString(e,t)}).join(", ")},computeDateValueFormat:function(){var e=this.valueFormat;return e||"yyyy-MM-dd"},computeDateValue:function(){var e=this.reactData.selectValue,t=this.computeIsCalendarType,a=this.computeDateValueFormat,n=null;return n=e&&t&&(t=this.parseDate(e,a),_xeUtils.default.isValidDate(t))?t:n},computeIsDisabledPrevDateBtn:function(){var e=this.reactData,t=this.computeDateStartTime,e=e.selectMonth;return!(!e||!t)&&e<=t},computeIsDisabledNextDateBtn:function(){var e=this.reactData,t=this.computeDateEndTime,e=e.selectMonth;return!(!e||!t)&&t<=e},computeDateHMSTime:function(){var e=this.computeDateValue;return e?1e3*(3600*e.getHours()+60*e.getMinutes()+e.getSeconds()):0},computeDateLabelFormat:function(){var e=this.labelFormat,t=this.computeIsCalendarType,a=this.computeDateValueFormat;return t?e||a||(0,_ui.getI18n)("vxe.input.date.labelFormat.".concat(this.type)):""},computeYearList:function(){var e=this.reactData,t=this.internalData,a=e.selectMonth,e=e.currentDate,n=t.yearSize,r=[];if(a&&e)for(var i=e.getFullYear(),t=a.getFullYear(),u=new Date(t-t%n,0,1),l=-4;l<n+4;l++){var s=_xeUtils.default.getWhatYear(u,l,"first"),o=s.getFullYear();r.push({date:s,isCurrent:!0,isPrev:l<0,isNow:i===o,isNext:n<=l,year:o})}return r},computeSelectDatePanelObj:function(){var e,t,a,n,r=this.reactData,i="",u="";return this.computeIsCalendarType&&(e=r.datePanelType,r=r.selectMonth,t=this.computeYearList,a="",r&&(a=r.getFullYear(),n=r.getMonth()+1),"quarter"===e||"month"===e?i="".concat(a):"year"===e?i=t.length?"".concat(t[0].year," - ").concat(t[t.length-1].year):"":(i="".concat(a),u=n?(0,_ui.getI18n)("vxe.input.date.m".concat(n)):"-")),{y:i,m:u}},computeFirstDayOfWeek:function(){var e=this.startDay;return _xeUtils.default.toNumber(e)},computeWeekDatas:function(){var e=[];if(this.computeIsCalendarType){var t=this.computeFirstDayOfWeek;e.push(t);for(var a=0;a<6;a++)6<=t?t=0:t++,e.push(t)}return e},computeDateHeaders:function(){return this.computeIsCalendarType?this.computeWeekDatas.map(function(e){return{value:e,label:(0,_ui.getI18n)("vxe.input.date.weeks.w".concat(e))}}):[]},computeWeekHeaders:function(){var e;return this.computeIsCalendarType?(e=this.computeDateHeaders,[{label:(0,_ui.getI18n)("vxe.input.date.weeks.w")}].concat(e)):[]},computeYearDatas:function(){var e=this.computeYearList;return _xeUtils.default.chunk(e,4)},computeQuarterList:function(){var e=this.reactData,t=this.internalData,a=e.selectMonth,e=e.currentDate,n=t.quarterSize,r=[];if(a&&e)for(var i=e.getFullYear(),u=(0,_util.getDateQuarter)(e),l=_xeUtils.default.getWhatYear(a,0,"first"),s=l.getFullYear(),o=-2;o<n-2;o++){var c=_xeUtils.default.getWhatQuarter(l,o),d=c.getFullYear(),p=(0,_util.getDateQuarter)(c),f=d<s;r.push({date:c,isPrev:f,isCurrent:d===s,isNow:d===i&&p===u,isNext:!f&&s<d,quarter:p})}return r},computeQuarterDatas:function(){var e=this.computeQuarterList;return _xeUtils.default.chunk(e,2)},computeMonthList:function(){var e=this.reactData,t=this.internalData,a=e.selectMonth,e=e.currentDate,n=t.monthSize,r=[];if(a&&e)for(var i=e.getFullYear(),u=e.getMonth(),l=_xeUtils.default.getWhatYear(a,0,"first").getFullYear(),s=-4;s<n-4;s++){var o=_xeUtils.default.getWhatYear(a,0,s),c=o.getFullYear(),d=o.getMonth(),p=c<l;r.push({date:o,isPrev:p,isCurrent:c===l,isNow:c===i&&d===u,isNext:!p&&l<c,month:d})}return r},computeMonthDatas:function(){var e=this.computeMonthList;return _xeUtils.default.chunk(e,4)},computeDayList:function(){var e=this.reactData,t=e.selectMonth,e=e.currentDate,a=[];if(t&&e)for(var n=this.computeDateHMSTime,r=this.computeWeekDatas,i=e.getFullYear(),u=e.getMonth(),l=e.getDate(),s=t.getFullYear(),o=t.getMonth(),e=t.getDay(),r=-r.indexOf(e),c=new Date(_xeUtils.default.getWhatDay(t,r).getTime()+n),d=0;d<42;d++){var p=_xeUtils.default.getWhatDay(c,d),f=p.getFullYear(),h=p.getMonth(),m=p.getDate(),y=p<t;a.push({date:p,isPrev:y,isCurrent:f===s&&h===o,isNow:f===i&&h===u&&m===l,isNext:!y&&o!==h,label:m})}return a},computeDayDatas:function(){var e=this.computeDayList;return _xeUtils.default.chunk(e,7)},computeWeekDates:function(){var e=this.computeDayDatas,a=this.computeFirstDayOfWeek;return e.map(function(e){var t=e[0];return[{date:t.date,isWeekNumber:!0,isPrev:!1,isCurrent:!1,isNow:!1,isNext:!1,label:_xeUtils.default.getYearWeek(t.date,a)}].concat(e)})}}),methods:{dispatchEvent:function(e,t,a){this.$emit(e,(0,_ui.createEvent)(a,{$input:this},t))},emitModel:function(e){var t=this._events;this.$emit("input",e),t&&t.modelValue?this.$emit("modelValue",e):this.$emit("model-value",e)},parseDate:function(e,t){return _xeUtils.default.toStringDate(e,t)},handleChange:function(e,t){this.reactData.inputValue=e,this.emitModel(e),_xeUtils.default.toValueString(this.value)!==e&&this.dispatchEvent("change",{value:e},t)},dateParseValue:function(e){var t=this,a=t.reactData,n=t.type,r=t.computeDateLabelFormat,i=t.computeFirstDayOfWeek,u=null,l="";e&&(u=t.parseDate(e,t.computeDateValueFormat)),_xeUtils.default.isValidDate(u)?(l=_xeUtils.default.toDateString(u,r,{firstDay:i}),r&&"week"===n&&_xeUtils.default.getWhatWeek(u,0,i,i).getFullYear()<u.getFullYear()&&-1<(e=r.indexOf("yyyy"))&&(t=Number(l.substring(e,e+4)))&&!isNaN(t)&&(l=l.replace("".concat(t),"".concat(t-1)))):u=null,a.datePanelValue=u,a.datePanelLabel=l},changeValue:function(){var e=this,t=e,a=e.reactData,n=a.inputValue;e.computeIsCalendarType&&(e.dateParseValue(n),a.inputValue=t.multiple?e.computeDateMultipleLabel:a.datePanelLabel)},initValue:function(){this.computeIsCalendarType&&this.changeValue()},dateCheckMonth:function(e){var t=this.reactData,e=_xeUtils.default.getWhatMonth(e,0,"first");_xeUtils.default.isEqual(e,t.selectMonth)||(t.selectMonth=e)},dateChange:function(e){var t,a=this,n=a.reactData,r=a.value,i=a.multiple,u=a.computeDateValueFormat,l=a.computeFirstDayOfWeek,s=("week"===a.type&&(t=_xeUtils.default.toNumber(a.selectDay),e=_xeUtils.default.getWhatWeek(e,0,t,l)),_xeUtils.default.toDateString(e,u,{firstDay:l}));a.dateCheckMonth(e),n.selectValue=e,i?(t=a.computeDateMultipleValue).some(function(e){return _xeUtils.default.isEqual(e,s)})?a.handleChange(t.filter(function(e){return!_xeUtils.default.isEqual(e,s)}).join(","),{type:"update"}):a.handleChange(t.concat([s]).join(","),{type:"update"}):_xeUtils.default.isEqual(r,s)||a.handleChange(s,{type:"update"})},dateMonthHandle:function(e,t){this.reactData.selectMonth=_xeUtils.default.getWhatMonth(e,t,"first")},dateNowHandle:function(){var e=this.reactData,t=_xeUtils.default.getWhatDay(Date.now(),0,"first");e.currentDate=t,this.dateMonthHandle(t,0)},dateToggleYearTypeEvent:function(){this.reactData.datePanelType="year"},dateToggleMonthTypeEvent:function(e){var t=this.reactData,a="month"===(a=t.datePanelType)||"quarter"===a?"year":"month";t.datePanelType=a,this.changeViewEvent(e)},datePrevEvent:function(e){var t=this,a=t.reactData,n=t.type,r=a.datePanelType,i=a.selectMonth,u=t.internalData.yearSize;t.computeIsDisabledPrevDateBtn||(a.selectMonth="year"===n?_xeUtils.default.getWhatYear(i,-u,"first"):"month"===n||"quarter"===n?"year"===r?_xeUtils.default.getWhatYear(i,-u,"first"):_xeUtils.default.getWhatYear(i,-1,"first"):"year"===r?_xeUtils.default.getWhatYear(i,-u,"first"):"month"===r?_xeUtils.default.getWhatYear(i,-1,"first"):_xeUtils.default.getWhatMonth(i,-1,"first"),t.dispatchEvent("date-prev",{type:n},e),t.changeViewEvent(e))},dateTodayMonthEvent:function(e){var t=this,a=t,n=t.reactData;t.dateNowHandle(),a.multiple||t.dateChange(n.currentDate),t.dispatchEvent("date-today",{type:a.type},e),t.changeViewEvent(e)},dateNextEvent:function(e){var t=this,a=t.reactData,n=t.type,r=a.datePanelType,i=a.selectMonth,u=t.internalData.yearSize;t.computeIsDisabledNextDateBtn||(a.selectMonth="year"===n?_xeUtils.default.getWhatYear(i,u,"first"):"month"===n||"quarter"===n?"year"===r?_xeUtils.default.getWhatYear(i,u,"first"):_xeUtils.default.getWhatYear(i,1,"first"):"year"===r?_xeUtils.default.getWhatYear(i,u,"first"):"month"===r?_xeUtils.default.getWhatYear(i,1,"first"):_xeUtils.default.getWhatMonth(i,1,"first"),t.dispatchEvent("date-next",{type:n},e),t.changeViewEvent(e))},isDateDisabled:function(e){var t=this.reactData,a=this.disabledMethod,t=t.datePanelType;return a&&a({type:t,viewType:t,date:e.date,$calendar:this})},changeViewEvent:function(e){var t=this,a=t.reactData.datePanelType,n=t.computeYearDatas,r=t.computeQuarterDatas,i=t.computeMonthDatas,u=t.computeWeekDates,l=t.computeDayDatas,s=[],o=[];switch(a){case"year":o=n;break;case"quarter":o=r;break;case"month":o=i;break;case"week":o=u;break;case"day":o=l}o.forEach(function(e){e.forEach(function(e){s.push(e.date)})}),t.dispatchEvent("view-change",{viewType:a,viewDates:s},e)},dateSelectItem:function(e){var t=this,a=t.reactData,n=t.type,r=a.datePanelType;"month"===n?"year"===r?(a.datePanelType="month",t.dateCheckMonth(e),t.changeViewEvent(null)):t.dateChange(e):"year"===n?t.dateChange(e):"quarter"===n?"year"===r?(a.datePanelType="quarter",t.dateCheckMonth(e),t.changeViewEvent(null)):t.dateChange(e):"month"===r?(a.datePanelType="week"===n?n:"day",t.dateCheckMonth(e),t.changeViewEvent(null)):"year"===r?(a.datePanelType="month",t.dateCheckMonth(e),t.changeViewEvent(null)):t.dateChange(e)},dateSelectEvent:function(e){this.isDateDisabled(e)||this.dateSelectItem(e.date)},dateMoveDay:function(t){this.isDateDisabled({date:t})||(this.computeDayList.some(function(e){return _xeUtils.default.isDateSame(e.date,t,"yyyyMMdd")})||this.dateCheckMonth(t),this.dateParseValue(t))},dateMoveYear:function(t){this.isDateDisabled({date:t})||(this.computeYearList.some(function(e){return _xeUtils.default.isDateSame(e.date,t,"yyyy")})||this.dateCheckMonth(t),this.dateParseValue(t))},dateMoveQuarter:function(t){this.isDateDisabled({date:t})||(this.computeQuarterList.some(function(e){return _xeUtils.default.isDateSame(e.date,t,"yyyyq")})||this.dateCheckMonth(t),this.dateParseValue(t))},dateMoveMonth:function(t){this.isDateDisabled({date:t})||(this.computeMonthList.some(function(e){return _xeUtils.default.isDateSame(e.date,t,"yyyyMM")})||this.dateCheckMonth(t),this.dateParseValue(t))},dateMouseenterEvent:function(e){var t=this,a=t.reactData;t.isDateDisabled(e)||("month"===(a=a.datePanelType)?t.dateMoveMonth(e.date):"quarter"===a?t.dateMoveQuarter(e.date):"year"===a?t.dateMoveYear(e.date):t.dateMoveDay(e.date))},dateConfirmEvent:function(){},dateOpenPanel:function(){var e=this,t=e.reactData,a=e.type,n=e.computeDateValue;-1<["year","quarter","month","week"].indexOf(a)?t.datePanelType=a:t.datePanelType="day",t.currentDate=_xeUtils.default.getWhatDay(Date.now(),0,"first"),n?(e.dateMonthHandle(n,0),e.dateParseValue(n)):e.dateNowHandle()},renderDateLabel:function(t,e,a){var n=this.reactData,r=this.festivalMethod;return r?(e=(r=(n=r({type:r=n.datePanelType,viewType:r,date:e.date,$calendar:this}))?_xeUtils.default.isString(n)?{label:n}:n:{}).extra?_xeUtils.default.isString(r.extra)?{label:r.extra}:r.extra:null,n=[t("span",{class:["vxe-calendar--date-label",{"is-notice":r.notice}]},e&&e.label?[t("span","".concat(a||"")),t("span",{class:["vxe-calendar--date-label--extra",e.important?"is-important":"",e.className],style:e.style},_xeUtils.default.toValueString(e.label))]:["".concat(a||"")])],(e=r.label)&&(e=_xeUtils.default.toValueString(e).split(","),n.push(t("span",{class:["vxe-calendar--date-festival",r.important?"is-important":"",r.className],style:r.style},[1<e.length?t("span",{class:["vxe-calendar--date-festival--overlap","overlap--".concat(e.length)]},e.map(function(e){return t("span",e.substring(0,3))})):t("span",{class:"vxe-calendar--date-festival--label"},e[0].substring(0,3))]))),n):"".concat(a||"")},renderDateDayTable:function(a){var n=this,e=n.reactData,r=n.multiple,t=e.datePanelType,i=e.datePanelValue,u=n.computeDateValue,e=n.computeDateHeaders,l=n.computeDayDatas,s=n.computeDateListValue,o="yyyyMMdd";return[a("table",{class:"vxe-calendar--date-".concat(t,"-view"),attrs:{cellspacing:0,cellpadding:0,border:0}},[a("tr",e.map(function(e){return a("th",{class:"vxe-calendar--view-th"},e.label)}))].concat(_toConsumableArray(l.map(function(e){return a("tr",e.map(function(t){return a("td",{class:["vxe-calendar--view-td",{"is--prev":t.isPrev,"is--current":t.isCurrent,"is--now":t.isNow,"is--next":t.isNext,"is--disabled":n.isDateDisabled(t),"is--selected":r?s.some(function(e){return _xeUtils.default.isDateSame(e,t.date,o)}):_xeUtils.default.isDateSame(u,t.date,o),"is--hover":_xeUtils.default.isDateSame(i,t.date,o)}],on:{click:function(){return n.dateSelectEvent(t)},mouseenter:function(){return n.dateMouseenterEvent(t)}}},n.renderDateLabel(a,t,t.label))}))}))))]},renderDateWeekTable:function(n){var r=this,e=r.reactData,i=r.multiple,t=e.datePanelType,u=e.datePanelValue,l=r.computeDateValue,e=r.computeWeekHeaders,a=r.computeWeekDates,s=r.computeDateListValue,o="yyyyMMdd";return[n("table",{class:"vxe-calendar--date-".concat(t,"-view"),attrs:{cellspacing:0,cellpadding:0,border:0}},[n("tr",e.map(function(e){return n("td",{class:"vxe-calendar--view-th"},e.label)}))].concat(_toConsumableArray(a.map(function(e){var t=i?e.some(function(t){return s.some(function(e){return _xeUtils.default.isDateSame(e,t.date,o)})}):e.some(function(e){return _xeUtils.default.isDateSame(l,e.date,o)}),a=e.some(function(e){return _xeUtils.default.isDateSame(u,e.date,o)});return n("tr",e.map(function(e){return n("td",{class:["vxe-calendar--view-td",{"is--prev":e.isPrev,"is--current":e.isCurrent,"is--now":e.isNow,"is--next":e.isNext,"is--disabled":r.isDateDisabled(e),"is--selected":t,"is--hover":a}],on:{click:function(){return r.dateSelectEvent(e)},mouseenter:function(){return r.dateMouseenterEvent(e)}}},r.renderDateLabel(n,e,e.label))}))}))))]},renderDateMonthTable:function(a){var n=this,e=n.reactData,r=n.multiple,t=e.datePanelType,i=e.datePanelValue,u=n.computeDateValue,e=n.computeMonthDatas,l=n.computeDateListValue,s="yyyyMM";return[a("table",{class:"vxe-calendar--date-".concat(t,"-view"),attrs:{cellspacing:0,cellpadding:0,border:0}},[a("tbody",e.map(function(e){return a("tr",e.map(function(t){return a("td",{class:["vxe-calendar--view-td",{"is--prev":t.isPrev,"is--current":t.isCurrent,"is--now":t.isNow,"is--next":t.isNext,"is--disabled":n.isDateDisabled(t),"is--selected":r?l.some(function(e){return _xeUtils.default.isDateSame(e,t.date,s)}):_xeUtils.default.isDateSame(u,t.date,s),"is--hover":_xeUtils.default.isDateSame(i,t.date,s)}],on:{click:function(){return n.dateSelectEvent(t)},mouseenter:function(){return n.dateMouseenterEvent(t)}}},n.renderDateLabel(a,t,(0,_ui.getI18n)("vxe.input.date.months.m".concat(t.month))))}))}))])]},renderDateQuarterTable:function(a){var n=this,e=n.reactData,r=n.multiple,t=e.datePanelType,i=e.datePanelValue,u=n.computeDateValue,e=n.computeQuarterDatas,l=n.computeDateListValue,s="yyyyq";return[a("table",{class:"vxe-calendar--date-".concat(t,"-view"),attrs:{cellspacing:0,cellpadding:0,border:0}},[a("tbody",e.map(function(e){return a("tr",e.map(function(t){return a("td",{class:["vxe-calendar--view-td",{"is--prev":t.isPrev,"is--current":t.isCurrent,"is--now":t.isNow,"is--next":t.isNext,"is--disabled":n.isDateDisabled(t),"is--selected":r?l.some(function(e){return _xeUtils.default.isDateSame(e,t.date,s)}):_xeUtils.default.isDateSame(u,t.date,s),"is--hover":_xeUtils.default.isDateSame(i,t.date,s)}],on:{click:function(){return n.dateSelectEvent(t)},mouseenter:function(){return n.dateMouseenterEvent(t)}}},n.renderDateLabel(a,t,(0,_ui.getI18n)("vxe.input.date.quarters.q".concat(t.quarter))))}))}))])]},renderDateYearTable:function(a){var n=this,e=n.reactData,r=n.multiple,t=e.datePanelType,i=e.datePanelValue,u=n.computeDateValue,e=n.computeYearDatas,l=n.computeDateListValue,s="yyyy";return[a("table",{class:"vxe-calendar--date-".concat(t,"-view"),attrs:{cellspacing:0,cellpadding:0,border:0}},[a("tbody",e.map(function(e){return a("tr",e.map(function(t){return a("td",{class:["vxe-calendar--view-td",{"is--prev":t.isPrev,"is--current":t.isCurrent,"is--now":t.isNow,"is--next":t.isNext,"is--disabled":n.isDateDisabled(t),"is--selected":r?l.some(function(e){return _xeUtils.default.isDateSame(e,t.date,s)}):_xeUtils.default.isDateSame(u,t.date,s),"is--hover":_xeUtils.default.isDateSame(i,t.date,s)}],on:{click:function(){return n.dateSelectEvent(t)},mouseenter:function(){return n.dateMouseenterEvent(t)}}},n.renderDateLabel(a,t,t.year))}))}))])]},renderDateTable:function(e){var t=this;switch(t.reactData.datePanelType){case"week":return t.renderDateWeekTable(e);case"month":return t.renderDateMonthTable(e);case"quarter":return t.renderDateQuarterTable(e);case"year":return t.renderDateYearTable(e)}return t.renderDateDayTable(e)},renderDatePanel:function(e){var t=this,a=t.reactData,n=t.multiple,a=a.datePanelType,r=t.computeIsDisabledPrevDateBtn,i=t.computeIsDisabledNextDateBtn,u=t.computeSelectDatePanelObj;return[e("div",{class:"vxe-calendar--header"},[e("div",{class:"vxe-calendar--type-wrapper"},["year"===a?e(_button.default,{props:{disabled:"year"===a,content:u.y}}):e("span",{class:"vxe-calendar--date-picker-btns"},[e(_button.default,{props:{content:u.y},on:{click:t.dateToggleYearTypeEvent}}),u.m?e(_button.default,{props:{content:u.m},on:{click:t.dateToggleMonthTypeEvent}}):(0,_ui.renderEmptyElement)(t)])]),e("div",{class:"vxe-calendar--btn-wrapper"},[e(_button.default,{props:{disabled:r,icon:"vxe-icon-caret-left"},on:{click:t.datePrevEvent}}),e(_button.default,{props:{icon:"vxe-icon-dot"},on:{click:t.dateTodayMonthEvent}}),e(_button.default,{props:{disabled:i,icon:"vxe-icon-caret-right"},on:{click:t.dateNextEvent}}),n&&t.computeSupportMultiples?e("span",{class:"vxe-calendar--btn vxe-calendar--confirm-btn"},[e("button",{class:"vxe-calendar--confirm",attrs:{type:"button"},on:{click:t.dateConfirmEvent}},(0,_ui.getI18n)("vxe.button.confirm"))]):null])]),e("div",{class:"vxe-calendar--body"},t.renderDateTable(e))]},renderVN:function(e){var t=this,a=t.className,n=t.computeSize,r=t.computeIsDisabled,i=t.computeCalendarStyle;return e("div",{ref:"refElem",class:["vxe-calendar","type--".concat(t.type),a,_defineProperty(_defineProperty({},"size--".concat(n),n),"is--disabled",r)],style:i},[t.renderDatePanel(e)])}},watch:{value:function(e){this.reactData.inputValue=e,this.changeValue()},type:function(){var e=this.reactData;Object.assign(e,{selectValue:null,inputValue:null,datePanelValue:null,datePanelLabel:"",datePanelType:"day",selectMonth:null,currentDate:null}),this.initValue(),this.dateOpenPanel()},computeDateLabelFormat:function(){var e=this,t=e,a=e.reactData;e.computeIsCalendarType&&(e.dateParseValue(a.datePanelValue),a.inputValue=t.multiple?e.computeDateMultipleLabel:a.datePanelLabel)}},created:function(){var e=this.reactData;e.selectValue=this.value,e.inputValue=this.value,this.initValue()},mounted:function(){this.dateOpenPanel()},render:function(e){return this.renderVN(e)}});
|