vxe-pc-ui 4.4.5 → 4.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.
Files changed (48) hide show
  1. package/es/calendar/src/calendar.js +42 -17
  2. package/es/date-picker/src/date-picker.js +33 -15
  3. package/es/date-picker/style.css +36 -21
  4. package/es/date-picker/style.min.css +1 -1
  5. package/es/icon/style.css +1 -1
  6. package/es/style.css +1 -1
  7. package/es/style.min.css +1 -1
  8. package/es/ui/index.js +1 -1
  9. package/es/ui/src/log.js +1 -1
  10. package/es/vxe-date-picker/style.css +36 -21
  11. package/es/vxe-date-picker/style.min.css +1 -1
  12. package/lib/calendar/src/calendar.js +32 -14
  13. package/lib/calendar/src/calendar.min.js +1 -1
  14. package/lib/date-picker/src/date-picker.js +26 -13
  15. package/lib/date-picker/src/date-picker.min.js +1 -1
  16. package/lib/date-picker/style/style.css +36 -21
  17. package/lib/date-picker/style/style.min.css +1 -1
  18. package/lib/icon/style/style.css +1 -1
  19. package/lib/icon/style/style.min.css +1 -1
  20. package/lib/index.umd.js +60 -29
  21. package/lib/index.umd.min.js +1 -1
  22. package/lib/style.css +1 -1
  23. package/lib/style.min.css +1 -1
  24. package/lib/ui/index.js +1 -1
  25. package/lib/ui/index.min.js +1 -1
  26. package/lib/ui/src/log.js +1 -1
  27. package/lib/ui/src/log.min.js +1 -1
  28. package/lib/vxe-date-picker/style/style.css +36 -21
  29. package/lib/vxe-date-picker/style/style.min.css +1 -1
  30. package/package.json +1 -1
  31. package/packages/calendar/src/calendar.ts +42 -16
  32. package/packages/date-picker/src/date-picker.ts +33 -14
  33. package/styles/components/date-picker.scss +25 -9
  34. package/styles/theme/base.scss +1 -1
  35. package/types/components/grid.d.ts +4 -0
  36. package/types/components/table.d.ts +50 -2
  37. /package/es/icon/{iconfont.1741263674927.ttf → iconfont.1741345300345.ttf} +0 -0
  38. /package/es/icon/{iconfont.1741263674927.woff → iconfont.1741345300345.woff} +0 -0
  39. /package/es/icon/{iconfont.1741263674927.woff2 → iconfont.1741345300345.woff2} +0 -0
  40. /package/es/{iconfont.1741263674927.ttf → iconfont.1741345300345.ttf} +0 -0
  41. /package/es/{iconfont.1741263674927.woff → iconfont.1741345300345.woff} +0 -0
  42. /package/es/{iconfont.1741263674927.woff2 → iconfont.1741345300345.woff2} +0 -0
  43. /package/lib/icon/style/{iconfont.1741263674927.ttf → iconfont.1741345300345.ttf} +0 -0
  44. /package/lib/icon/style/{iconfont.1741263674927.woff → iconfont.1741345300345.woff} +0 -0
  45. /package/lib/icon/style/{iconfont.1741263674927.woff2 → iconfont.1741345300345.woff2} +0 -0
  46. /package/lib/{iconfont.1741263674927.ttf → iconfont.1741345300345.ttf} +0 -0
  47. /package/lib/{iconfont.1741263674927.woff → iconfont.1741345300345.woff} +0 -0
  48. /package/lib/{iconfont.1741263674927.woff2 → iconfont.1741345300345.woff2} +0 -0
package/es/ui/index.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import { VxeUI, setConfig, setIcon } from '@vxe-ui/core';
2
2
  import { dynamicApp } from '../dynamics';
3
3
  import { warnLog } from './src/log';
4
- export const version = "4.4.5";
4
+ export const version = "4.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
@@ -1,4 +1,4 @@
1
1
  import { log } from '@vxe-ui/core';
2
- const version = `ui v${"4.4.5"}`;
2
+ const version = `ui v${"4.4.7"}`;
3
3
  export const warnLog = log.create('warn', version);
4
4
  export const errLog = log.create('error', version);
package/es/vxe-date-picker/style.css CHANGED
@@ -276,8 +276,12 @@
276
276
  }
277
277
 
278
278
  .vxe-date-picker--time-picker-btn {
279
+ display: flex;
279
280
  flex-shrink: 0;
280
281
  }
282
+ .vxe-date-picker--time-picker-btn:active {
283
+ transform: scale(0.9);
284
+ }
281
285
 
282
286
  .vxe-date-picker--time-picker-confirm,
283
287
  .vxe-date-picker--date-picker-confirm {
@@ -349,12 +353,20 @@
349
353
  cursor: pointer;
350
354
  }
351
355
  .vxe-date-picker--date-picker-btn:not(.is--disabled):hover {
356
+ color: var(--vxe-ui-font-primary-color);
352
357
  background-color: #fff;
353
358
  }
354
359
  .vxe-date-picker--date-picker-btn:not(.is--disabled):active {
355
360
  background-color: #fff;
356
361
  }
357
362
 
363
+ .vxe-date-picker--date-picker-btns .vxe-date-picker--date-picker-btn {
364
+ margin-left: 0.6em;
365
+ }
366
+ .vxe-date-picker--date-picker-btns .vxe-date-picker--date-picker-btn:first-child {
367
+ margin-left: 0;
368
+ }
369
+
358
370
  .vxe-date-picker--date-picker-body {
359
371
  border-radius: var(--vxe-ui-base-border-radius);
360
372
  border: 1px solid var(--vxe-ui-base-popup-border-color);
@@ -470,6 +482,8 @@
470
482
 
471
483
  .vxe-date-picker--date-label {
472
484
  position: relative;
485
+ font-size: 1.1em;
486
+ line-height: 1em;
473
487
  }
474
488
  .vxe-date-picker--date-label.is-notice:before {
475
489
  content: "";
@@ -487,8 +501,8 @@
487
501
  position: absolute;
488
502
  right: 0.1em;
489
503
  top: -0.2em;
490
- font-size: 0.86em;
491
- transform: scale(0.85);
504
+ font-size: 12px;
505
+ transform: scale(0.9);
492
506
  color: var(--vxe-ui-input-date-extra-color);
493
507
  }
494
508
  .vxe-date-picker--date-label--extra.is-important {
@@ -497,7 +511,8 @@
497
511
 
498
512
  .vxe-date-picker--date-festival {
499
513
  color: var(--vxe-ui-input-date-festival-color);
500
- height: 14px;
514
+ height: 1.2em;
515
+ line-height: 1.1em;
501
516
  overflow: hidden;
502
517
  }
503
518
  .vxe-date-picker--date-festival.is-important {
@@ -506,8 +521,8 @@
506
521
 
507
522
  .vxe-date-picker--date-festival--label {
508
523
  display: block;
509
- font-size: 0.86em;
510
- transform: scale(0.9);
524
+ font-size: 1em;
525
+ transform: scale(0.8);
511
526
  }
512
527
 
513
528
  @keyframes festivalOverlap2 {
@@ -661,6 +676,9 @@
661
676
  .vxe-date-picker--panel .vxe-date-picker--date-picker-btn-wrapper .vxe-date-picker--date-picker-btn {
662
677
  margin-left: 8px;
663
678
  }
679
+ .vxe-date-picker--panel .vxe-date-picker--date-picker-btn-wrapper .vxe-date-picker--date-picker-btn:active {
680
+ transform: scale(0.9);
681
+ }
664
682
  .vxe-date-picker--panel .vxe-date-picker--date-picker-btn-wrapper .vxe-date-picker--date-picker-prev-btn,
665
683
  .vxe-date-picker--panel .vxe-date-picker--date-picker-btn-wrapper .vxe-date-picker--date-picker-current-btn,
666
684
  .vxe-date-picker--panel .vxe-date-picker--date-picker-btn-wrapper .vxe-date-picker--date-picker-next-btn {
@@ -669,7 +687,7 @@
669
687
  border: 1px solid var(--vxe-ui-input-border-color);
670
688
  }
671
689
  .vxe-date-picker--panel .vxe-date-picker--date-picker-type-wrapper .vxe-date-picker--date-picker-label,
672
- .vxe-date-picker--panel .vxe-date-picker--date-picker-type-wrapper .vxe-date-picker--date-picker-btn {
690
+ .vxe-date-picker--panel .vxe-date-picker--date-picker-type-wrapper .vxe-date-picker--date-picker-btns {
673
691
  padding: 0 9px;
674
692
  }
675
693
  .vxe-date-picker--panel .vxe-date-picker--time-picker-header,
@@ -714,9 +732,6 @@
714
732
  .vxe-date-picker--panel .vxe-date-picker--date-picker-confirm {
715
733
  height: 30px;
716
734
  }
717
- .vxe-date-picker--panel .vxe-date-picker--date-label {
718
- line-height: calc(var(--vxe-ui-font-size-default) + 1px);
719
- }
720
735
  .vxe-date-picker--panel.size--medium {
721
736
  font-size: var(--vxe-ui-font-size-medium);
722
737
  }
@@ -755,6 +770,9 @@
755
770
  .vxe-date-picker--panel.size--medium .vxe-date-picker--date-picker-btn-wrapper .vxe-date-picker--date-picker-btn {
756
771
  margin-left: 7px;
757
772
  }
773
+ .vxe-date-picker--panel.size--medium .vxe-date-picker--date-picker-btn-wrapper .vxe-date-picker--date-picker-btn:active {
774
+ transform: scale(0.9);
775
+ }
758
776
  .vxe-date-picker--panel.size--medium .vxe-date-picker--date-picker-btn-wrapper .vxe-date-picker--date-picker-prev-btn,
759
777
  .vxe-date-picker--panel.size--medium .vxe-date-picker--date-picker-btn-wrapper .vxe-date-picker--date-picker-current-btn,
760
778
  .vxe-date-picker--panel.size--medium .vxe-date-picker--date-picker-btn-wrapper .vxe-date-picker--date-picker-next-btn {
@@ -763,7 +781,7 @@
763
781
  border: 1px solid var(--vxe-ui-input-border-color);
764
782
  }
765
783
  .vxe-date-picker--panel.size--medium .vxe-date-picker--date-picker-type-wrapper .vxe-date-picker--date-picker-label,
766
- .vxe-date-picker--panel.size--medium .vxe-date-picker--date-picker-type-wrapper .vxe-date-picker--date-picker-btn {
784
+ .vxe-date-picker--panel.size--medium .vxe-date-picker--date-picker-type-wrapper .vxe-date-picker--date-picker-btns {
767
785
  padding: 0 8px;
768
786
  }
769
787
  .vxe-date-picker--panel.size--medium .vxe-date-picker--time-picker-header,
@@ -808,9 +826,6 @@
808
826
  .vxe-date-picker--panel.size--medium .vxe-date-picker--date-picker-confirm {
809
827
  height: 29px;
810
828
  }
811
- .vxe-date-picker--panel.size--medium .vxe-date-picker--date-label {
812
- line-height: calc(var(--vxe-ui-font-size-medium) + 1px);
813
- }
814
829
  .vxe-date-picker--panel.size--small {
815
830
  font-size: var(--vxe-ui-font-size-small);
816
831
  }
@@ -849,6 +864,9 @@
849
864
  .vxe-date-picker--panel.size--small .vxe-date-picker--date-picker-btn-wrapper .vxe-date-picker--date-picker-btn {
850
865
  margin-left: 6px;
851
866
  }
867
+ .vxe-date-picker--panel.size--small .vxe-date-picker--date-picker-btn-wrapper .vxe-date-picker--date-picker-btn:active {
868
+ transform: scale(0.9);
869
+ }
852
870
  .vxe-date-picker--panel.size--small .vxe-date-picker--date-picker-btn-wrapper .vxe-date-picker--date-picker-prev-btn,
853
871
  .vxe-date-picker--panel.size--small .vxe-date-picker--date-picker-btn-wrapper .vxe-date-picker--date-picker-current-btn,
854
872
  .vxe-date-picker--panel.size--small .vxe-date-picker--date-picker-btn-wrapper .vxe-date-picker--date-picker-next-btn {
@@ -857,7 +875,7 @@
857
875
  border: 1px solid var(--vxe-ui-input-border-color);
858
876
  }
859
877
  .vxe-date-picker--panel.size--small .vxe-date-picker--date-picker-type-wrapper .vxe-date-picker--date-picker-label,
860
- .vxe-date-picker--panel.size--small .vxe-date-picker--date-picker-type-wrapper .vxe-date-picker--date-picker-btn {
878
+ .vxe-date-picker--panel.size--small .vxe-date-picker--date-picker-type-wrapper .vxe-date-picker--date-picker-btns {
861
879
  padding: 0 7px;
862
880
  }
863
881
  .vxe-date-picker--panel.size--small .vxe-date-picker--time-picker-header,
@@ -902,9 +920,6 @@
902
920
  .vxe-date-picker--panel.size--small .vxe-date-picker--date-picker-confirm {
903
921
  height: 28px;
904
922
  }
905
- .vxe-date-picker--panel.size--small .vxe-date-picker--date-label {
906
- line-height: calc(var(--vxe-ui-font-size-small) + 1px);
907
- }
908
923
  .vxe-date-picker--panel.size--mini {
909
924
  font-size: var(--vxe-ui-font-size-mini);
910
925
  }
@@ -943,6 +958,9 @@
943
958
  .vxe-date-picker--panel.size--mini .vxe-date-picker--date-picker-btn-wrapper .vxe-date-picker--date-picker-btn {
944
959
  margin-left: 5px;
945
960
  }
961
+ .vxe-date-picker--panel.size--mini .vxe-date-picker--date-picker-btn-wrapper .vxe-date-picker--date-picker-btn:active {
962
+ transform: scale(0.9);
963
+ }
946
964
  .vxe-date-picker--panel.size--mini .vxe-date-picker--date-picker-btn-wrapper .vxe-date-picker--date-picker-prev-btn,
947
965
  .vxe-date-picker--panel.size--mini .vxe-date-picker--date-picker-btn-wrapper .vxe-date-picker--date-picker-current-btn,
948
966
  .vxe-date-picker--panel.size--mini .vxe-date-picker--date-picker-btn-wrapper .vxe-date-picker--date-picker-next-btn {
@@ -951,7 +969,7 @@
951
969
  border: 1px solid var(--vxe-ui-input-border-color);
952
970
  }
953
971
  .vxe-date-picker--panel.size--mini .vxe-date-picker--date-picker-type-wrapper .vxe-date-picker--date-picker-label,
954
- .vxe-date-picker--panel.size--mini .vxe-date-picker--date-picker-type-wrapper .vxe-date-picker--date-picker-btn {
972
+ .vxe-date-picker--panel.size--mini .vxe-date-picker--date-picker-type-wrapper .vxe-date-picker--date-picker-btns {
955
973
  padding: 0 6px;
956
974
  }
957
975
  .vxe-date-picker--panel.size--mini .vxe-date-picker--time-picker-header,
@@ -995,7 +1013,4 @@
995
1013
  .vxe-date-picker--panel.size--mini .vxe-date-picker--time-picker-confirm,
996
1014
  .vxe-date-picker--panel.size--mini .vxe-date-picker--date-picker-confirm {
997
1015
  height: 27px;
998
- }
999
- .vxe-date-picker--panel.size--mini .vxe-date-picker--date-label {
1000
- line-height: calc(var(--vxe-ui-font-size-mini) + 1px);
1001
1016
  }
package/es/vxe-date-picker/style.min.css CHANGED
@@ -1 +1 @@
1
- .vxe-date-picker--readonly{color:var(--vxe-ui-font-color);display:inline-flex}.vxe-date-picker--wrapper{flex-grow:1;overflow:hidden}.vxe-date-picker--inner{display:block;width:100%;height:100%;outline:0;margin:0;font-size:inherit;font-family:inherit;line-height:inherit;padding:0 .5em;color:var(--vxe-ui-font-color);border:0;border-radius:var(--vxe-ui-base-border-radius);background-color:var(--vxe-ui-layout-background-color);box-shadow:none}.vxe-date-picker--inner::-moz-placeholder{color:var(--vxe-ui-input-placeholder-color)}.vxe-date-picker--inner::placeholder{color:var(--vxe-ui-input-placeholder-color)}.vxe-date-picker--inner::-webkit-autofill{background-color:var(--vxe-ui-layout-background-color)}.vxe-date-picker--inner[disabled]{cursor:not-allowed;color:var(--vxe-ui-font-disabled-color);background-color:var(--vxe-ui-input-disabled-background-color)}.vxe-date-picker.is--disabled{background-color:var(--vxe-ui-input-disabled-background-color)}.vxe-date-picker.is--disabled .vxe-date-picker--clear-icon,.vxe-date-picker.is--disabled .vxe-date-picker--control-icon,.vxe-date-picker.is--disabled .vxe-date-picker--prefix,.vxe-date-picker.is--disabled .vxe-date-picker--suffix{cursor:not-allowed}.vxe-date-picker.is--disabled .vxe-date-picker--prefix,.vxe-date-picker.is--disabled .vxe-date-picker--suffix{background-color:var(--vxe-ui-input-disabled-background-color)}.vxe-date-picker{display:inline-flex;flex-direction:row;position:relative;border-radius:var(--vxe-ui-base-border-radius);width:180px;border:1px solid var(--vxe-ui-input-border-color)}.vxe-date-picker.is--active{border:1px solid var(--vxe-ui-font-primary-color)}.vxe-date-picker.show--clear:hover .vxe-date-picker--clear-icon{display:block}.vxe-date-picker--prefix,.vxe-date-picker--suffix{display:flex;flex-direction:row;align-items:center;flex-shrink:0;background-color:var(--vxe-ui-layout-background-color)}.vxe-date-picker--prefix-icon{padding-left:.5em}.vxe-date-picker--clear-icon,.vxe-date-picker--control-icon,.vxe-date-picker--suffix-icon{padding-right:.5em}.vxe-date-picker--clear-icon,.vxe-date-picker--control-icon{height:100%;color:var(--vxe-ui-input-placeholder-color);cursor:pointer}.vxe-date-picker--clear-icon{display:none}.vxe-date-picker--clear-icon:hover{color:var(--vxe-ui-font-color)}.vxe-date-picker--clear-icon:active{color:var(--vxe-ui-font-primary-color)}.vxe-date-picker--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;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;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;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;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::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;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;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;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;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}
package/lib/calendar/src/calendar.js CHANGED
@@ -237,8 +237,10 @@ var _default = exports.default = (0, _vue.defineComponent)({
237
237
  }
238
238
  return years;
239
239
  });
240
- const computeSelectDatePanelLabel = (0, _vue.computed)(() => {
240
+ const computeSelectDatePanelObj = (0, _vue.computed)(() => {
241
241
  const isCalendarType = computeIsCalendarType.value;
242
+ let y = '';
243
+ let m = '';
242
244
  if (isCalendarType) {
243
245
  const {
244
246
  datePanelType,
@@ -251,16 +253,19 @@ var _default = exports.default = (0, _vue.defineComponent)({
251
253
  year = selectMonth.getFullYear();
252
254
  month = selectMonth.getMonth() + 1;
253
255
  }
254
- if (datePanelType === 'quarter') {
255
- return (0, _ui.getI18n)('vxe.input.date.quarterLabel', [year]);
256
- } else if (datePanelType === 'month') {
257
- return (0, _ui.getI18n)('vxe.input.date.monthLabel', [year]);
256
+ if (datePanelType === 'quarter' || datePanelType === 'month') {
257
+ y = `${year}`;
258
258
  } else if (datePanelType === 'year') {
259
- return yearList.length ? `${yearList[0].year} - ${yearList[yearList.length - 1].year}` : '';
259
+ y = yearList.length ? `${yearList[0].year} - ${yearList[yearList.length - 1].year}` : '';
260
+ } else {
261
+ y = `${year}`;
262
+ m = month ? (0, _ui.getI18n)(`vxe.input.date.m${month}`) : '-';
260
263
  }
261
- return (0, _ui.getI18n)('vxe.input.date.dayLabel', [year, month ? (0, _ui.getI18n)(`vxe.input.date.m${month}`) : '-']);
262
264
  }
263
- return '';
265
+ return {
266
+ y,
267
+ m
268
+ };
264
269
  });
265
270
  const computeFirstDayOfWeek = (0, _vue.computed)(() => {
266
271
  const {
@@ -558,7 +563,10 @@ var _default = exports.default = (0, _vue.defineComponent)({
558
563
  reactData.currentDate = currentDate;
559
564
  dateMonthHandle(currentDate, 0);
560
565
  };
561
- const dateToggleTypeEvent = evnt => {
566
+ const dateToggleYearTypeEvent = () => {
567
+ reactData.datePanelType = 'year';
568
+ };
569
+ const dateToggleMonthTypeEvent = evnt => {
562
570
  let {
563
571
  datePanelType
564
572
  } = reactData;
@@ -1085,16 +1093,26 @@ var _default = exports.default = (0, _vue.defineComponent)({
1085
1093
  } = reactData;
1086
1094
  const isDisabledPrevDateBtn = computeIsDisabledPrevDateBtn.value;
1087
1095
  const isDisabledNextDateBtn = computeIsDisabledNextDateBtn.value;
1088
- const selectDatePanelLabel = computeSelectDatePanelLabel.value;
1096
+ const selectDatePanelObj = computeSelectDatePanelObj.value;
1089
1097
  return [(0, _vue.h)('div', {
1090
1098
  class: 'vxe-calendar--header'
1091
1099
  }, [(0, _vue.h)('div', {
1092
1100
  class: 'vxe-calendar--type-wrapper'
1093
- }, [(0, _vue.h)(_button.default, {
1101
+ }, [datePanelType === 'year' ? (0, _vue.h)(_button.default, {
1102
+ class: 'vxe-calendar--date-picker-label',
1094
1103
  disabled: datePanelType === 'year',
1095
- content: selectDatePanelLabel,
1096
- onClick: dateToggleTypeEvent
1097
- })]), (0, _vue.h)('div', {
1104
+ content: selectDatePanelObj.y
1105
+ }) : (0, _vue.h)('span', {
1106
+ class: 'vxe-calendar--date-picker-btns'
1107
+ }, [(0, _vue.h)(_button.default, {
1108
+ class: 'vxe-calendar--date-picker-btn',
1109
+ content: selectDatePanelObj.y,
1110
+ onClick: dateToggleYearTypeEvent
1111
+ }), selectDatePanelObj.m ? (0, _vue.h)(_button.default, {
1112
+ class: 'vxe-calendar--date-picker-btn',
1113
+ content: selectDatePanelObj.m,
1114
+ onClick: dateToggleMonthTypeEvent
1115
+ }) : (0, _ui.renderEmptyElement)($xeCalendar)])]), (0, _vue.h)('div', {
1098
1116
  class: 'vxe-calendar--btn-wrapper'
1099
1117
  }, [(0, _vue.h)(_button.default, {
1100
1118
  disabled: isDisabledPrevDateBtn,
package/lib/calendar/src/calendar.min.js CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_ui=require("../../ui"),_util=require("../../date-picker/src/util"),_dom=require("../..//ui/src/dom"),_button=_interopRequireDefault(require("../../button/src/button")),_xeUtils=_interopRequireDefault(require("xe-utils"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_vue.defineComponent)({name:"VxeCalendar",props:{modelValue:[String,Number,Date],type:{type:String,default:"date"},className:String,size:{type:String,default:()=>(0,_ui.getConfig)().calendar.size||(0,_ui.getConfig)().size},multiple:Boolean,width:[String,Number],height:[String,Number],minDate:{type:[String,Number,Date],default:()=>(0,_ui.getConfig)().calendar.minDate},maxDate:{type:[String,Number,Date],default:()=>(0,_ui.getConfig)().calendar.maxDate},startDay:{type:[String,Number],default:()=>(0,_ui.getConfig)().calendar.startDay},labelFormat:String,valueFormat:String,festivalMethod:{type:Function,default:()=>(0,_ui.getConfig)().calendar.festivalMethod},disabledMethod:{type:Function,default:()=>(0,_ui.getConfig)().calendar.disabledMethod},selectDay:{type:[String,Number],default:()=>(0,_ui.getConfig)().calendar.selectDay}},emits:["update:modelValue","change","click","date-prev","date-today","date-next","view-change"],setup(W,e){const l=e["emit"];var t=_xeUtils.default.uniqueId();const w=(0,_ui.useSize)(W)["computeSize"],F=(0,_vue.reactive)({selectValue:W.modelValue,inputValue:W.modelValue,datePanelValue:null,datePanelLabel:"",datePanelType:"day",selectMonth:null,currentDate:null}),c={yearSize:12,monthSize:20,quarterSize:8},r=(0,_vue.ref)(),S={refElem:r},u={xID:t,props:W,context:e,reactData:F,internalData:c,getRefMaps:()=>S},M=(0,_vue.computed)(()=>{var{height:e,width:t}=W,a={};return t&&(a.width=(0,_dom.toCssUnit)(t)),e&&(a.height=(0,_dom.toCssUnit)(e)),a}),P=(0,_vue.computed)(()=>!1),i=(0,_vue.computed)(()=>-1<["date","week","month","quarter","year"].indexOf(W.type)),N=(0,_vue.computed)(()=>W.minDate?_xeUtils.default.toStringDate(W.minDate):null),V=(0,_vue.computed)(()=>W.maxDate?_xeUtils.default.toStringDate(W.maxDate):null),q=(0,_vue.computed)(()=>-1<["date","week","month","quarter","year"].indexOf(W.type)),z=(0,_vue.computed)(()=>{var e=W["multiple"],t=F["selectValue"],a=i.value;const l=n.value;return e&&t&&a?_xeUtils.default.toValueString(t).split(",").map(e=>{e=y(e,l);return _xeUtils.default.isValidDate(e)?e:null}):[]}),k=(0,_vue.computed)(()=>{var e=z.value;const t=n.value;return e.map(e=>_xeUtils.default.toDateString(e,t))}),a=(0,_vue.computed)(()=>{var e=z.value;const t=v.value;return e.map(e=>_xeUtils.default.toDateString(e,t)).join(", ")}),n=(0,_vue.computed)(()=>{var e=W["valueFormat"];return e||"yyyy-MM-dd"}),I=(0,_vue.computed)(()=>{var e=F["selectValue"],t=i.value,a=n.value;let l=null;return l=e&&t&&(t=y(e,a),_xeUtils.default.isValidDate(t))?t:l}),s=(0,_vue.computed)(()=>{var e=N.value,t=F["selectMonth"];return!(!t||!e)&&t<=e}),d=(0,_vue.computed)(()=>{var e=V.value,t=F["selectMonth"];return!(!t||!e)&&e<=t}),C=(0,_vue.computed)(()=>{var e=I.value;return e?1e3*(3600*e.getHours()+60*e.getMinutes()+e.getSeconds()):0}),v=(0,_vue.computed)(()=>{var e=W["labelFormat"],t=i.value,a=n.value;return t?e||a||(0,_ui.getI18n)("vxe.input.date.labelFormat."+W.type):null}),o=(0,_vue.computed)(()=>{var{selectMonth:e,currentDate:t}=F,a=c["yearSize"],l=[];if(e&&t){var u=t.getFullYear(),t=e.getFullYear(),r=new Date(t-t%a,0,1);for(let e=-4;e<a+4;e++){var i=_xeUtils.default.getWhatYear(r,e,"first"),n=i.getFullYear();l.push({date:i,isCurrent:!0,isPrev:e<0,isNow:u===n,isNext:e>=a,year:n})}}return l}),Y=(0,_vue.computed)(()=>{if(i.value){var{datePanelType:a,selectMonth:l}=F,u=o.value;let e="",t;return l&&(e=l.getFullYear(),t=l.getMonth()+1),"quarter"===a?(0,_ui.getI18n)("vxe.input.date.quarterLabel",[e]):"month"===a?(0,_ui.getI18n)("vxe.input.date.monthLabel",[e]):"year"===a?u.length?u[0].year+" - "+u[u.length-1].year:"":(0,_ui.getI18n)("vxe.input.date.dayLabel",[e,t?(0,_ui.getI18n)("vxe.input.date.m"+t):"-"])}return""}),p=(0,_vue.computed)(()=>{var e=W["startDay"];return _xeUtils.default.toNumber(e)}),h=(0,_vue.computed)(()=>{var a=[];if(i.value){let t=p.value;a.push(t);for(let e=0;e<6;e++)6<=t?t=0:t++,a.push(t)}return a}),E=(0,_vue.computed)(()=>{return i.value?h.value.map(e=>({value:e,label:(0,_ui.getI18n)("vxe.input.date.weeks.w"+e)})):[]}),H=(0,_vue.computed)(()=>{var e;return i.value?(e=E.value,[{label:(0,_ui.getI18n)("vxe.input.date.weeks.w")}].concat(e)):[]}),L=(0,_vue.computed)(()=>{var e=o.value;return _xeUtils.default.chunk(e,4)}),_=(0,_vue.computed)(()=>{var{selectMonth:e,currentDate:t}=F,a=c["quarterSize"],l=[];if(e&&t){var u=t.getFullYear(),r=(0,_util.getDateQuarter)(t),i=_xeUtils.default.getWhatYear(e,0,"first"),n=i.getFullYear();for(let e=-2;e<a-2;e++){var s=_xeUtils.default.getWhatQuarter(i,e),d=s.getFullYear(),v=(0,_util.getDateQuarter)(s),o=d<n;l.push({date:s,isPrev:o,isCurrent:d===n,isNow:d===u&&v===r,isNext:!o&&n<d,quarter:v})}}return l}),O=(0,_vue.computed)(()=>{var e=_.value;return _xeUtils.default.chunk(e,2)}),m=(0,_vue.computed)(()=>{var{selectMonth:t,currentDate:e}=F,a=c["monthSize"],l=[];if(t&&e){var u=e.getFullYear(),r=e.getMonth(),i=_xeUtils.default.getWhatYear(t,0,"first").getFullYear();for(let e=-4;e<a-4;e++){var n=_xeUtils.default.getWhatYear(t,0,e),s=n.getFullYear(),d=n.getMonth(),v=s<i;l.push({date:n,isPrev:v,isCurrent:s===i,isNow:s===u&&d===r,isNext:!v&&i<s,month:d})}}return l}),A=(0,_vue.computed)(()=>{var e=m.value;return _xeUtils.default.chunk(e,4)}),T=(0,_vue.computed)(()=>{var{selectMonth:t,currentDate:e}=F,a=[];if(t&&e){var l=C.value,u=h.value,r=e.getFullYear(),i=e.getMonth(),n=e.getDate(),s=t.getFullYear(),d=t.getMonth(),e=t.getDay(),u=-u.indexOf(e),v=new Date(_xeUtils.default.getWhatDay(t,u).getTime()+l);for(let e=0;e<42;e++){var o=_xeUtils.default.getWhatDay(v,e),c=o.getFullYear(),p=o.getMonth(),_=o.getDate(),m=o<t;a.push({date:o,isPrev:m,isCurrent:c===s&&p===d,isNow:c===r&&p===i&&_===n,isNext:!m&&d!==p,label:_})}}return a}),$=(0,_vue.computed)(()=>{var e=T.value;return _xeUtils.default.chunk(e,7)}),G=(0,_vue.computed)(()=>{var e=$.value;const a=p.value;return e.map(e=>{var t=e[0];return[{date:t.date,isWeekNumber:!0,isPrev:!1,isCurrent:!1,isNow:!1,isNext:!1,label:_xeUtils.default.getYearWeek(t.date,a)}].concat(e)})}),y=(e,t)=>_xeUtils.default.toStringDate(e,t),f=(e,t)=>{F.inputValue=e,l("update:modelValue",e),_xeUtils.default.toValueString(W.modelValue)!==e&&U("change",{value:e},t)},x=e=>{var t=W["type"],a=v.value,l=n.value,u=p.value;let r=null,i="";e&&(r=y(e,l)),_xeUtils.default.isValidDate(r)?(i=_xeUtils.default.toDateString(r,a,{firstDay:u}),a&&"week"===t&&_xeUtils.default.getWhatWeek(r,0,u,u).getFullYear()<r.getFullYear()&&-1<(e=a.indexOf("yyyy"))&&(l=Number(i.substring(e,e+4)))&&!isNaN(l)&&(i=i.replace(""+l,""+(l-1)))):r=null,F.datePanelValue=r,F.datePanelLabel=i},J=()=>{var e=i.value,t=F["inputValue"];e&&(x(t),F.inputValue=W.multiple?a.value:F.datePanelLabel)},K=()=>{i.value&&J()},g=e=>{e=_xeUtils.default.getWhatMonth(e,0,"first");_xeUtils.default.isEqual(e,F.selectMonth)||(F.selectMonth=e)},b=e=>{var t,{modelValue:a,multiple:l}=W,u=n.value,r=p.value;"week"===W.type&&(t=_xeUtils.default.toNumber(W.selectDay),e=_xeUtils.default.getWhatWeek(e,0,t,r));const i=_xeUtils.default.toDateString(e,u,{firstDay:r});g(e),F.selectValue=e,l?(t=k.value).some(e=>_xeUtils.default.isEqual(e,i))?f(t.filter(e=>!_xeUtils.default.isEqual(e,i)).join(","),{type:"update"}):f(t.concat([i]).join(","),{type:"update"}):_xeUtils.default.isEqual(a,i)||f(i,{type:"update"})},X=(e,t)=>{F.selectMonth=_xeUtils.default.getWhatMonth(e,t,"first")},Z=()=>{var e=_xeUtils.default.getWhatDay(Date.now(),0,"first");F.currentDate=e,X(e,0)},ee=e=>{let t=F["datePanelType"];t="month"===t||"quarter"===t?"year":"month",F.datePanelType=t,D(e)},te=e=>{var t=W["type"],{datePanelType:a,selectMonth:l}=F,u=c["yearSize"];s.value||(F.selectMonth="year"===t?_xeUtils.default.getWhatYear(l,-u,"first"):"month"===t||"quarter"===t?"year"===a?_xeUtils.default.getWhatYear(l,-u,"first"):_xeUtils.default.getWhatYear(l,-1,"first"):"year"===a?_xeUtils.default.getWhatYear(l,-u,"first"):"month"===a?_xeUtils.default.getWhatYear(l,-1,"first"):_xeUtils.default.getWhatMonth(l,-1,"first"),U("date-prev",{type:t},e),D(e))},ae=e=>{Z(),W.multiple||b(F.currentDate),U("date-today",{type:W.type},e),D(e)},le=e=>{var t=W["type"],{datePanelType:a,selectMonth:l}=F,u=c["yearSize"];d.value||(F.selectMonth="year"===t?_xeUtils.default.getWhatYear(l,u,"first"):"month"===t||"quarter"===t?"year"===a?_xeUtils.default.getWhatYear(l,u,"first"):_xeUtils.default.getWhatYear(l,1,"first"):"year"===a?_xeUtils.default.getWhatYear(l,u,"first"):"month"===a?_xeUtils.default.getWhatYear(l,1,"first"):_xeUtils.default.getWhatMonth(l,1,"first"),U("date-next",{type:t},e),D(e))},j=e=>{var t=W["disabledMethod"],a=F["datePanelType"];return t&&t({type:a,viewType:a,date:e.date,$calendar:u})},D=e=>{var t=F["datePanelType"],a=L.value,l=O.value,u=A.value,r=G.value,i=$.value;const n=[];let s=[];switch(t){case"year":s=a;break;case"quarter":s=l;break;case"month":s=u;break;case"week":s=r;break;case"day":s=i}s.forEach(e=>{e.forEach(e=>{n.push(e.date)})}),U("view-change",{viewType:t,viewDates:n},e)},R=e=>{var t,a;j(e)||(e=e.date,t=W.type,a=F.datePanelType,"month"===t?"year"===a?(F.datePanelType="month",g(e),D(null)):b(e):"year"===t?b(e):"quarter"===t?"year"===a?(F.datePanelType="quarter",g(e),D(null)):b(e):"month"===a?(F.datePanelType="week"===t?t:"day",g(e),D(null)):"year"===a?(F.datePanelType="month",g(e),D(null)):b(e))},Q=e=>{var t,a,l,u,r;j(e)||(t=F["datePanelType"],"month"===t?(r=e.date,j({date:r})||(m.value.some(e=>_xeUtils.default.isDateSame(e.date,r,"yyyyMM"))||g(r),x(r))):"quarter"===t?(u=e.date,j({date:u})||(_.value.some(e=>_xeUtils.default.isDateSame(e.date,u,"yyyyq"))||g(u),x(u))):"year"===t?(l=e.date,j({date:l})||(o.value.some(e=>_xeUtils.default.isDateSame(e.date,l,"yyyy"))||g(l),x(l))):(a=e.date,j({date:a})||(T.value.some(e=>_xeUtils.default.isDateSame(e.date,a,"yyyyMMdd"))||g(a),x(a))))},ue=()=>{},re=()=>{var e=W["type"],t=I.value;-1<["year","quarter","month","week"].indexOf(e)?F.datePanelType=e:F.datePanelType="day",F.currentDate=_xeUtils.default.getWhatDay(Date.now(),0,"first"),t?(X(t,0),x(t)):Z()},B=(e,t)=>{var a,l=W["festivalMethod"];return l?(a=F["datePanelType"],e=(a=(l=l({type:a,viewType:a,date:e.date,$calendar:u}))?_xeUtils.default.isString(l)?{label:l}:l:{}).extra?_xeUtils.default.isString(a.extra)?{label:a.extra}:a.extra:null,l=[(0,_vue.h)("span",{class:["vxe-calendar--date-label",{"is-notice":a.notice}]},e&&e.label?[(0,_vue.h)("span",""+(t||"")),(0,_vue.h)("span",{class:["vxe-calendar--date-label--extra",e.important?"is-important":"",e.className],style:e.style},_xeUtils.default.toValueString(e.label))]:[""+(t||"")])],(e=a.label)&&(e=_xeUtils.default.toValueString(e).split(","),l.push((0,_vue.h)("span",{class:["vxe-calendar--date-festival",a.important?"is-important":"",a.className],style:a.style},[1<e.length?(0,_vue.h)("span",{class:["vxe-calendar--date-festival--overlap","overlap--"+e.length]},e.map(e=>(0,_vue.h)("span",e.substring(0,3)))):(0,_vue.h)("span",{class:"vxe-calendar--date-festival--label"},e[0].substring(0,3))]))),l):""+(t||"")},ie=()=>{var e=F["datePanelType"];switch(e){case"week":{const r=W["multiple"],{datePanelType:i,datePanelValue:n}=F,s=I.value;var t=H.value,a=G.value;const d=z.value,v="yyyyMMdd";return[(0,_vue.h)("table",{class:`vxe-calendar--date-${i}-view`,cellspacing:0,cellpadding:0,border:0},[(0,_vue.h)("tr",t.map(e=>(0,_vue.h)("td",{class:"vxe-calendar--view-th"},e.label))),...a.map(e=>{const t=r?e.some(t=>d.some(e=>_xeUtils.default.isDateSame(e,t.date,v))):e.some(e=>_xeUtils.default.isDateSame(s,e.date,v)),a=e.some(e=>_xeUtils.default.isDateSame(n,e.date,v));return(0,_vue.h)("tr",e.map(e=>(0,_vue.h)("td",{class:["vxe-calendar--view-td",{"is--prev":e.isPrev,"is--current":e.isCurrent,"is--now":e.isNow,"is--next":e.isNext,"is--disabled":j(e),"is--selected":t,"is--hover":a}],onClick:()=>R(e),onMouseenter:()=>Q(e)},B(e,e.label))))})])];return}case"month":{const o=W["multiple"],{datePanelType:c,datePanelValue:p}=F,_=I.value;t=A.value;const m=z.value,h="yyyyMM";return[(0,_vue.h)("table",{class:`vxe-calendar--date-${c}-view`,cellspacing:0,cellpadding:0,border:0},[(0,_vue.h)("tbody",t.map(e=>(0,_vue.h)("tr",e.map(t=>(0,_vue.h)("td",{class:["vxe-calendar--view-td",{"is--prev":t.isPrev,"is--current":t.isCurrent,"is--now":t.isNow,"is--next":t.isNext,"is--disabled":j(t),"is--selected":o?m.some(e=>_xeUtils.default.isDateSame(e,t.date,h)):_xeUtils.default.isDateSame(_,t.date,h),"is--hover":_xeUtils.default.isDateSame(p,t.date,h)}],onClick:()=>R(t),onMouseenter:()=>Q(t)},B(t,(0,_ui.getI18n)("vxe.input.date.months.m"+t.month)))))))])];return}case"quarter":{const y=W["multiple"],{datePanelType:f,datePanelValue:x}=F,g=I.value;a=O.value;const b=z.value,D="yyyyq";return[(0,_vue.h)("table",{class:`vxe-calendar--date-${f}-view`,cellspacing:0,cellpadding:0,border:0},[(0,_vue.h)("tbody",a.map(e=>(0,_vue.h)("tr",e.map(t=>(0,_vue.h)("td",{class:["vxe-calendar--view-td",{"is--prev":t.isPrev,"is--current":t.isCurrent,"is--now":t.isNow,"is--next":t.isNext,"is--disabled":j(t),"is--selected":y?b.some(e=>_xeUtils.default.isDateSame(e,t.date,D)):_xeUtils.default.isDateSame(g,t.date,D),"is--hover":_xeUtils.default.isDateSame(x,t.date,D)}],onClick:()=>R(t),onMouseenter:()=>Q(t)},B(t,(0,_ui.getI18n)("vxe.input.date.quarters.q"+t.quarter)))))))])];return}case"year":{const U=W["multiple"],{datePanelType:w,datePanelValue:S}=F,M=I.value;var l=L.value;const P=z.value,N="yyyy";return[(0,_vue.h)("table",{class:`vxe-calendar--date-${w}-view`,cellspacing:0,cellpadding:0,border:0},[(0,_vue.h)("tbody",l.map(e=>(0,_vue.h)("tr",e.map(t=>(0,_vue.h)("td",{class:["vxe-calendar--view-td",{"is--prev":t.isPrev,"is--current":t.isCurrent,"is--now":t.isNow,"is--next":t.isNext,"is--disabled":j(t),"is--selected":U?P.some(e=>_xeUtils.default.isDateSame(e,t.date,N)):_xeUtils.default.isDateSame(M,t.date,N),"is--hover":_xeUtils.default.isDateSame(S,t.date,N)}],onClick:()=>R(t),onMouseenter:()=>Q(t)},B(t,t.year))))))])];return}}{const V=W["multiple"],{datePanelType:q,datePanelValue:k}=F,C=I.value;var e=E.value,u=$.value;const Y=z.value,T="yyyyMMdd";return[(0,_vue.h)("table",{class:`vxe-calendar--date-${q}-view`,cellspacing:0,cellpadding:0,border:0},[(0,_vue.h)("tr",e.map(e=>(0,_vue.h)("th",{class:"vxe-calendar--view-th"},e.label))),...u.map(e=>(0,_vue.h)("tr",e.map(t=>(0,_vue.h)("td",{class:["vxe-calendar--view-td",{"is--prev":t.isPrev,"is--current":t.isCurrent,"is--now":t.isNow,"is--next":t.isNext,"is--disabled":j(t),"is--selected":V?Y.some(e=>_xeUtils.default.isDateSame(e,t.date,T)):_xeUtils.default.isDateSame(C,t.date,T),"is--hover":_xeUtils.default.isDateSame(k,t.date,T)}],onClick:()=>R(t),onMouseenter:()=>Q(t)},B(t,t.label)))))])]}},U=(e,t,a)=>{l(e,(0,_ui.createEvent)(a,{$input:u},t))};t={dispatchEvent:U};Object.assign(u,t);return u.renderVN=()=>{var{className:e,type:t}=W,a=w.value,l=P.value,u=M.value;return(0,_vue.h)("div",{ref:r,class:["vxe-calendar","type--"+t,e,{["size--"+a]:a,"is--disabled":l}],style:u},[(t=W.multiple,e=F.datePanelType,a=s.value,l=d.value,u=Y.value,[(0,_vue.h)("div",{class:"vxe-calendar--header"},[(0,_vue.h)("div",{class:"vxe-calendar--type-wrapper"},[(0,_vue.h)(_button.default,{disabled:"year"===e,content:u,onClick:ee})]),(0,_vue.h)("div",{class:"vxe-calendar--btn-wrapper"},[(0,_vue.h)(_button.default,{disabled:a,icon:"vxe-icon-caret-left",onClick:te}),(0,_vue.h)(_button.default,{icon:"vxe-icon-dot",onClick:ae}),(0,_vue.h)(_button.default,{disabled:l,icon:"vxe-icon-caret-right",onClick:le}),t&&q.value?(0,_vue.h)("span",{class:"vxe-calendar--btn vxe-calendar--confirm-btn"},[(0,_vue.h)("button",{class:"vxe-calendar--confirm",type:"button",onClick:ue},(0,_ui.getI18n)("vxe.button.confirm"))]):null])]),(0,_vue.h)("div",{class:"vxe-calendar--body"},ie())])])},(0,_vue.watch)(()=>W.modelValue,e=>{F.inputValue=e,J()}),(0,_vue.watch)(()=>W.type,()=>{Object.assign(F,{selectValue:null,inputValue:null,datePanelValue:null,datePanelLabel:"",datePanelType:"day",selectMonth:null,currentDate:null}),K(),re()}),(0,_vue.watch)(v,()=>{i.value&&(x(F.datePanelValue),F.inputValue=W.multiple?a.value:F.datePanelLabel)}),(0,_vue.onMounted)(()=>{re()}),K(),u},render(){return this.renderVN()}});
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_ui=require("../../ui"),_util=require("../../date-picker/src/util"),_dom=require("../..//ui/src/dom"),_button=_interopRequireDefault(require("../../button/src/button")),_xeUtils=_interopRequireDefault(require("xe-utils"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_vue.defineComponent)({name:"VxeCalendar",props:{modelValue:[String,Number,Date],type:{type:String,default:"date"},className:String,size:{type:String,default:()=>(0,_ui.getConfig)().calendar.size||(0,_ui.getConfig)().size},multiple:Boolean,width:[String,Number],height:[String,Number],minDate:{type:[String,Number,Date],default:()=>(0,_ui.getConfig)().calendar.minDate},maxDate:{type:[String,Number,Date],default:()=>(0,_ui.getConfig)().calendar.maxDate},startDay:{type:[String,Number],default:()=>(0,_ui.getConfig)().calendar.startDay},labelFormat:String,valueFormat:String,festivalMethod:{type:Function,default:()=>(0,_ui.getConfig)().calendar.festivalMethod},disabledMethod:{type:Function,default:()=>(0,_ui.getConfig)().calendar.disabledMethod},selectDay:{type:[String,Number],default:()=>(0,_ui.getConfig)().calendar.selectDay}},emits:["update:modelValue","change","click","date-prev","date-today","date-next","view-change"],setup(W,e){const l=e["emit"];var t=_xeUtils.default.uniqueId();const w=(0,_ui.useSize)(W)["computeSize"],F=(0,_vue.reactive)({selectValue:W.modelValue,inputValue:W.modelValue,datePanelValue:null,datePanelLabel:"",datePanelType:"day",selectMonth:null,currentDate:null}),c={yearSize:12,monthSize:20,quarterSize:8},r=(0,_vue.ref)(),S={refElem:r},i={xID:t,props:W,context:e,reactData:F,internalData:c,getRefMaps:()=>S},M=(0,_vue.computed)(()=>{var{height:e,width:t}=W,a={};return t&&(a.width=(0,_dom.toCssUnit)(t)),e&&(a.height=(0,_dom.toCssUnit)(e)),a}),P=(0,_vue.computed)(()=>!1),n=(0,_vue.computed)(()=>-1<["date","week","month","quarter","year"].indexOf(W.type)),k=(0,_vue.computed)(()=>W.minDate?_xeUtils.default.toStringDate(W.minDate):null),N=(0,_vue.computed)(()=>W.maxDate?_xeUtils.default.toStringDate(W.maxDate):null),V=(0,_vue.computed)(()=>-1<["date","week","month","quarter","year"].indexOf(W.type)),z=(0,_vue.computed)(()=>{var e=W["multiple"],t=F["selectValue"],a=n.value;const l=s.value;return e&&t&&a?_xeUtils.default.toValueString(t).split(",").map(e=>{e=f(e,l);return _xeUtils.default.isValidDate(e)?e:null}):[]}),q=(0,_vue.computed)(()=>{var e=z.value;const t=s.value;return e.map(e=>_xeUtils.default.toDateString(e,t))}),a=(0,_vue.computed)(()=>{var e=z.value;const t=o.value;return e.map(e=>_xeUtils.default.toDateString(e,t)).join(", ")}),s=(0,_vue.computed)(()=>{var e=W["valueFormat"];return e||"yyyy-MM-dd"}),E=(0,_vue.computed)(()=>{var e=F["selectValue"],t=n.value,a=s.value;let l=null;return l=e&&t&&(t=f(e,a),_xeUtils.default.isValidDate(t))?t:l}),d=(0,_vue.computed)(()=>{var e=k.value,t=F["selectMonth"];return!(!t||!e)&&t<=e}),v=(0,_vue.computed)(()=>{var e=N.value,t=F["selectMonth"];return!(!t||!e)&&e<=t}),C=(0,_vue.computed)(()=>{var e=E.value;return e?1e3*(3600*e.getHours()+60*e.getMinutes()+e.getSeconds()):0}),o=(0,_vue.computed)(()=>{var e=W["labelFormat"],t=n.value,a=s.value;return t?e||a||(0,_ui.getI18n)("vxe.input.date.labelFormat."+W.type):null}),p=(0,_vue.computed)(()=>{var{selectMonth:e,currentDate:t}=F,a=c["yearSize"],l=[];if(e&&t){var u=t.getFullYear(),t=e.getFullYear(),r=new Date(t-t%a,0,1);for(let e=-4;e<a+4;e++){var i=_xeUtils.default.getWhatYear(r,e,"first"),n=i.getFullYear();l.push({date:i,isCurrent:!0,isPrev:e<0,isNow:u===n,isNext:e>=a,year:n})}}return l}),T=(0,_vue.computed)(()=>{let a="",l="";if(n.value){var{datePanelType:u,selectMonth:r}=F,i=p.value;let e="",t;r&&(e=r.getFullYear(),t=r.getMonth()+1),"quarter"===u||"month"===u?a=""+e:"year"===u?a=i.length?i[0].year+" - "+i[i.length-1].year:"":(a=""+e,l=t?(0,_ui.getI18n)("vxe.input.date.m"+t):"-")}return{y:a,m:l}}),_=(0,_vue.computed)(()=>{var e=W["startDay"];return _xeUtils.default.toNumber(e)}),h=(0,_vue.computed)(()=>{var a=[];if(n.value){let t=_.value;a.push(t);for(let e=0;e<6;e++)6<=t?t=0:t++,a.push(t)}return a}),I=(0,_vue.computed)(()=>{return n.value?h.value.map(e=>({value:e,label:(0,_ui.getI18n)("vxe.input.date.weeks.w"+e)})):[]}),H=(0,_vue.computed)(()=>{var e;return n.value?(e=I.value,[{label:(0,_ui.getI18n)("vxe.input.date.weeks.w")}].concat(e)):[]}),O=(0,_vue.computed)(()=>{var e=p.value;return _xeUtils.default.chunk(e,4)}),m=(0,_vue.computed)(()=>{var{selectMonth:e,currentDate:t}=F,a=c["quarterSize"],l=[];if(e&&t){var u=t.getFullYear(),r=(0,_util.getDateQuarter)(t),i=_xeUtils.default.getWhatYear(e,0,"first"),n=i.getFullYear();for(let e=-2;e<a-2;e++){var s=_xeUtils.default.getWhatQuarter(i,e),d=s.getFullYear(),v=(0,_util.getDateQuarter)(s),o=d<n;l.push({date:s,isPrev:o,isCurrent:d===n,isNow:d===u&&v===r,isNext:!o&&n<d,quarter:v})}}return l}),$=(0,_vue.computed)(()=>{var e=m.value;return _xeUtils.default.chunk(e,2)}),y=(0,_vue.computed)(()=>{var{selectMonth:t,currentDate:e}=F,a=c["monthSize"],l=[];if(t&&e){var u=e.getFullYear(),r=e.getMonth(),i=_xeUtils.default.getWhatYear(t,0,"first").getFullYear();for(let e=-4;e<a-4;e++){var n=_xeUtils.default.getWhatYear(t,0,e),s=n.getFullYear(),d=n.getMonth(),v=s<i;l.push({date:n,isPrev:v,isCurrent:s===i,isNow:s===u&&d===r,isNext:!v&&i<s,month:d})}}return l}),A=(0,_vue.computed)(()=>{var e=y.value;return _xeUtils.default.chunk(e,4)}),Y=(0,_vue.computed)(()=>{var{selectMonth:t,currentDate:e}=F,a=[];if(t&&e){var l=C.value,u=h.value,r=e.getFullYear(),i=e.getMonth(),n=e.getDate(),s=t.getFullYear(),d=t.getMonth(),e=t.getDay(),u=-u.indexOf(e),v=new Date(_xeUtils.default.getWhatDay(t,u).getTime()+l);for(let e=0;e<42;e++){var o=_xeUtils.default.getWhatDay(v,e),c=o.getFullYear(),p=o.getMonth(),_=o.getDate(),m=o<t;a.push({date:o,isPrev:m,isCurrent:c===s&&p===d,isNow:c===r&&p===i&&_===n,isNext:!m&&d!==p,label:_})}}return a}),j=(0,_vue.computed)(()=>{var e=Y.value;return _xeUtils.default.chunk(e,7)}),G=(0,_vue.computed)(()=>{var e=j.value;const a=_.value;return e.map(e=>{var t=e[0];return[{date:t.date,isWeekNumber:!0,isPrev:!1,isCurrent:!1,isNow:!1,isNext:!1,label:_xeUtils.default.getYearWeek(t.date,a)}].concat(e)})}),f=(e,t)=>_xeUtils.default.toStringDate(e,t),x=(e,t)=>{F.inputValue=e,l("update:modelValue",e),_xeUtils.default.toValueString(W.modelValue)!==e&&U("change",{value:e},t)},g=e=>{var t=W["type"],a=o.value,l=s.value,u=_.value;let r=null,i="";e&&(r=f(e,l)),_xeUtils.default.isValidDate(r)?(i=_xeUtils.default.toDateString(r,a,{firstDay:u}),a&&"week"===t&&_xeUtils.default.getWhatWeek(r,0,u,u).getFullYear()<r.getFullYear()&&-1<(e=a.indexOf("yyyy"))&&(l=Number(i.substring(e,e+4)))&&!isNaN(l)&&(i=i.replace(""+l,""+(l-1)))):r=null,F.datePanelValue=r,F.datePanelLabel=i},J=()=>{var e=n.value,t=F["inputValue"];e&&(g(t),F.inputValue=W.multiple?a.value:F.datePanelLabel)},K=()=>{n.value&&J()},b=e=>{e=_xeUtils.default.getWhatMonth(e,0,"first");_xeUtils.default.isEqual(e,F.selectMonth)||(F.selectMonth=e)},u=e=>{var t,{modelValue:a,multiple:l}=W,u=s.value,r=_.value;"week"===W.type&&(t=_xeUtils.default.toNumber(W.selectDay),e=_xeUtils.default.getWhatWeek(e,0,t,r));const i=_xeUtils.default.toDateString(e,u,{firstDay:r});b(e),F.selectValue=e,l?(t=q.value).some(e=>_xeUtils.default.isEqual(e,i))?x(t.filter(e=>!_xeUtils.default.isEqual(e,i)).join(","),{type:"update"}):x(t.concat([i]).join(","),{type:"update"}):_xeUtils.default.isEqual(a,i)||x(i,{type:"update"})},X=(e,t)=>{F.selectMonth=_xeUtils.default.getWhatMonth(e,t,"first")},Z=()=>{var e=_xeUtils.default.getWhatDay(Date.now(),0,"first");F.currentDate=e,X(e,0)},ee=()=>{F.datePanelType="year"},te=e=>{let t=F["datePanelType"];t="month"===t||"quarter"===t?"year":"month",F.datePanelType=t,D(e)},ae=e=>{var t=W["type"],{datePanelType:a,selectMonth:l}=F,u=c["yearSize"];d.value||(F.selectMonth="year"===t?_xeUtils.default.getWhatYear(l,-u,"first"):"month"===t||"quarter"===t?"year"===a?_xeUtils.default.getWhatYear(l,-u,"first"):_xeUtils.default.getWhatYear(l,-1,"first"):"year"===a?_xeUtils.default.getWhatYear(l,-u,"first"):"month"===a?_xeUtils.default.getWhatYear(l,-1,"first"):_xeUtils.default.getWhatMonth(l,-1,"first"),U("date-prev",{type:t},e),D(e))},le=e=>{Z(),W.multiple||u(F.currentDate),U("date-today",{type:W.type},e),D(e)},ue=e=>{var t=W["type"],{datePanelType:a,selectMonth:l}=F,u=c["yearSize"];v.value||(F.selectMonth="year"===t?_xeUtils.default.getWhatYear(l,u,"first"):"month"===t||"quarter"===t?"year"===a?_xeUtils.default.getWhatYear(l,u,"first"):_xeUtils.default.getWhatYear(l,1,"first"):"year"===a?_xeUtils.default.getWhatYear(l,u,"first"):"month"===a?_xeUtils.default.getWhatYear(l,1,"first"):_xeUtils.default.getWhatMonth(l,1,"first"),U("date-next",{type:t},e),D(e))},L=e=>{var t=W["disabledMethod"],a=F["datePanelType"];return t&&t({type:a,viewType:a,date:e.date,$calendar:i})},D=e=>{var t=F["datePanelType"],a=O.value,l=$.value,u=A.value,r=G.value,i=j.value;const n=[];let s=[];switch(t){case"year":s=a;break;case"quarter":s=l;break;case"month":s=u;break;case"week":s=r;break;case"day":s=i}s.forEach(e=>{e.forEach(e=>{n.push(e.date)})}),U("view-change",{viewType:t,viewDates:n},e)},R=e=>{var t,a;L(e)||(e=e.date,t=W.type,a=F.datePanelType,"month"===t?"year"===a?(F.datePanelType="month",b(e),D(null)):u(e):"year"===t?u(e):"quarter"===t?"year"===a?(F.datePanelType="quarter",b(e),D(null)):u(e):"month"===a?(F.datePanelType="week"===t?t:"day",b(e),D(null)):"year"===a?(F.datePanelType="month",b(e),D(null)):u(e))},Q=e=>{var t,a,l,u,r;L(e)||(t=F["datePanelType"],"month"===t?(r=e.date,L({date:r})||(y.value.some(e=>_xeUtils.default.isDateSame(e.date,r,"yyyyMM"))||b(r),g(r))):"quarter"===t?(u=e.date,L({date:u})||(m.value.some(e=>_xeUtils.default.isDateSame(e.date,u,"yyyyq"))||b(u),g(u))):"year"===t?(l=e.date,L({date:l})||(p.value.some(e=>_xeUtils.default.isDateSame(e.date,l,"yyyy"))||b(l),g(l))):(a=e.date,L({date:a})||(Y.value.some(e=>_xeUtils.default.isDateSame(e.date,a,"yyyyMMdd"))||b(a),g(a))))},re=()=>{},ie=()=>{var e=W["type"],t=E.value;-1<["year","quarter","month","week"].indexOf(e)?F.datePanelType=e:F.datePanelType="day",F.currentDate=_xeUtils.default.getWhatDay(Date.now(),0,"first"),t?(X(t,0),g(t)):Z()},B=(e,t)=>{var a,l=W["festivalMethod"];return l?(a=F["datePanelType"],e=(a=(l=l({type:a,viewType:a,date:e.date,$calendar:i}))?_xeUtils.default.isString(l)?{label:l}:l:{}).extra?_xeUtils.default.isString(a.extra)?{label:a.extra}:a.extra:null,l=[(0,_vue.h)("span",{class:["vxe-calendar--date-label",{"is-notice":a.notice}]},e&&e.label?[(0,_vue.h)("span",""+(t||"")),(0,_vue.h)("span",{class:["vxe-calendar--date-label--extra",e.important?"is-important":"",e.className],style:e.style},_xeUtils.default.toValueString(e.label))]:[""+(t||"")])],(e=a.label)&&(e=_xeUtils.default.toValueString(e).split(","),l.push((0,_vue.h)("span",{class:["vxe-calendar--date-festival",a.important?"is-important":"",a.className],style:a.style},[1<e.length?(0,_vue.h)("span",{class:["vxe-calendar--date-festival--overlap","overlap--"+e.length]},e.map(e=>(0,_vue.h)("span",e.substring(0,3)))):(0,_vue.h)("span",{class:"vxe-calendar--date-festival--label"},e[0].substring(0,3))]))),l):""+(t||"")},ne=()=>{var e=F["datePanelType"];switch(e){case"week":{const r=W["multiple"],{datePanelType:i,datePanelValue:n}=F,s=E.value;var t=H.value,a=G.value;const d=z.value,v="yyyyMMdd";return[(0,_vue.h)("table",{class:`vxe-calendar--date-${i}-view`,cellspacing:0,cellpadding:0,border:0},[(0,_vue.h)("tr",t.map(e=>(0,_vue.h)("td",{class:"vxe-calendar--view-th"},e.label))),...a.map(e=>{const t=r?e.some(t=>d.some(e=>_xeUtils.default.isDateSame(e,t.date,v))):e.some(e=>_xeUtils.default.isDateSame(s,e.date,v)),a=e.some(e=>_xeUtils.default.isDateSame(n,e.date,v));return(0,_vue.h)("tr",e.map(e=>(0,_vue.h)("td",{class:["vxe-calendar--view-td",{"is--prev":e.isPrev,"is--current":e.isCurrent,"is--now":e.isNow,"is--next":e.isNext,"is--disabled":L(e),"is--selected":t,"is--hover":a}],onClick:()=>R(e),onMouseenter:()=>Q(e)},B(e,e.label))))})])];return}case"month":{const o=W["multiple"],{datePanelType:c,datePanelValue:p}=F,_=E.value;t=A.value;const m=z.value,h="yyyyMM";return[(0,_vue.h)("table",{class:`vxe-calendar--date-${c}-view`,cellspacing:0,cellpadding:0,border:0},[(0,_vue.h)("tbody",t.map(e=>(0,_vue.h)("tr",e.map(t=>(0,_vue.h)("td",{class:["vxe-calendar--view-td",{"is--prev":t.isPrev,"is--current":t.isCurrent,"is--now":t.isNow,"is--next":t.isNext,"is--disabled":L(t),"is--selected":o?m.some(e=>_xeUtils.default.isDateSame(e,t.date,h)):_xeUtils.default.isDateSame(_,t.date,h),"is--hover":_xeUtils.default.isDateSame(p,t.date,h)}],onClick:()=>R(t),onMouseenter:()=>Q(t)},B(t,(0,_ui.getI18n)("vxe.input.date.months.m"+t.month)))))))])];return}case"quarter":{const y=W["multiple"],{datePanelType:f,datePanelValue:x}=F,g=E.value;a=$.value;const b=z.value,D="yyyyq";return[(0,_vue.h)("table",{class:`vxe-calendar--date-${f}-view`,cellspacing:0,cellpadding:0,border:0},[(0,_vue.h)("tbody",a.map(e=>(0,_vue.h)("tr",e.map(t=>(0,_vue.h)("td",{class:["vxe-calendar--view-td",{"is--prev":t.isPrev,"is--current":t.isCurrent,"is--now":t.isNow,"is--next":t.isNext,"is--disabled":L(t),"is--selected":y?b.some(e=>_xeUtils.default.isDateSame(e,t.date,D)):_xeUtils.default.isDateSame(g,t.date,D),"is--hover":_xeUtils.default.isDateSame(x,t.date,D)}],onClick:()=>R(t),onMouseenter:()=>Q(t)},B(t,(0,_ui.getI18n)("vxe.input.date.quarters.q"+t.quarter)))))))])];return}case"year":{const U=W["multiple"],{datePanelType:w,datePanelValue:S}=F,M=E.value;var l=O.value;const P=z.value,k="yyyy";return[(0,_vue.h)("table",{class:`vxe-calendar--date-${w}-view`,cellspacing:0,cellpadding:0,border:0},[(0,_vue.h)("tbody",l.map(e=>(0,_vue.h)("tr",e.map(t=>(0,_vue.h)("td",{class:["vxe-calendar--view-td",{"is--prev":t.isPrev,"is--current":t.isCurrent,"is--now":t.isNow,"is--next":t.isNext,"is--disabled":L(t),"is--selected":U?P.some(e=>_xeUtils.default.isDateSame(e,t.date,k)):_xeUtils.default.isDateSame(M,t.date,k),"is--hover":_xeUtils.default.isDateSame(S,t.date,k)}],onClick:()=>R(t),onMouseenter:()=>Q(t)},B(t,t.year))))))])];return}}{const N=W["multiple"],{datePanelType:V,datePanelValue:q}=F,C=E.value;var e=I.value,u=j.value;const T=z.value,Y="yyyyMMdd";return[(0,_vue.h)("table",{class:`vxe-calendar--date-${V}-view`,cellspacing:0,cellpadding:0,border:0},[(0,_vue.h)("tr",e.map(e=>(0,_vue.h)("th",{class:"vxe-calendar--view-th"},e.label))),...u.map(e=>(0,_vue.h)("tr",e.map(t=>(0,_vue.h)("td",{class:["vxe-calendar--view-td",{"is--prev":t.isPrev,"is--current":t.isCurrent,"is--now":t.isNow,"is--next":t.isNext,"is--disabled":L(t),"is--selected":N?T.some(e=>_xeUtils.default.isDateSame(e,t.date,Y)):_xeUtils.default.isDateSame(C,t.date,Y),"is--hover":_xeUtils.default.isDateSame(q,t.date,Y)}],onClick:()=>R(t),onMouseenter:()=>Q(t)},B(t,t.label)))))])]}},U=(e,t,a)=>{l(e,(0,_ui.createEvent)(a,{$input:i},t))};t={dispatchEvent:U};Object.assign(i,t);return i.renderVN=()=>{var{className:e,type:t}=W,a=w.value,l=P.value,u=M.value;return(0,_vue.h)("div",{ref:r,class:["vxe-calendar","type--"+t,e,{["size--"+a]:a,"is--disabled":l}],style:u},[(t=W.multiple,e=F.datePanelType,a=d.value,l=v.value,u=T.value,[(0,_vue.h)("div",{class:"vxe-calendar--header"},[(0,_vue.h)("div",{class:"vxe-calendar--type-wrapper"},["year"===e?(0,_vue.h)(_button.default,{class:"vxe-calendar--date-picker-label",disabled:"year"===e,content:u.y}):(0,_vue.h)("span",{class:"vxe-calendar--date-picker-btns"},[(0,_vue.h)(_button.default,{class:"vxe-calendar--date-picker-btn",content:u.y,onClick:ee}),u.m?(0,_vue.h)(_button.default,{class:"vxe-calendar--date-picker-btn",content:u.m,onClick:te}):(0,_ui.renderEmptyElement)(i)])]),(0,_vue.h)("div",{class:"vxe-calendar--btn-wrapper"},[(0,_vue.h)(_button.default,{disabled:a,icon:"vxe-icon-caret-left",onClick:ae}),(0,_vue.h)(_button.default,{icon:"vxe-icon-dot",onClick:le}),(0,_vue.h)(_button.default,{disabled:l,icon:"vxe-icon-caret-right",onClick:ue}),t&&V.value?(0,_vue.h)("span",{class:"vxe-calendar--btn vxe-calendar--confirm-btn"},[(0,_vue.h)("button",{class:"vxe-calendar--confirm",type:"button",onClick:re},(0,_ui.getI18n)("vxe.button.confirm"))]):null])]),(0,_vue.h)("div",{class:"vxe-calendar--body"},ne())])])},(0,_vue.watch)(()=>W.modelValue,e=>{F.inputValue=e,J()}),(0,_vue.watch)(()=>W.type,()=>{Object.assign(F,{selectValue:null,inputValue:null,datePanelValue:null,datePanelLabel:"",datePanelType:"day",selectMonth:null,currentDate:null}),K(),ie()}),(0,_vue.watch)(o,()=>{n.value&&(g(F.datePanelValue),F.inputValue=W.multiple?a.value:F.datePanelLabel)}),(0,_vue.onMounted)(()=>{ie()}),K(),i},render(){return this.renderVN()}});
package/lib/date-picker/src/date-picker.js CHANGED
@@ -367,8 +367,10 @@ var _default = exports.default = (0, _vue.defineComponent)({
367
367
  }
368
368
  return years;
369
369
  });
370
- const computeSelectDatePanelLabel = (0, _vue.computed)(() => {
370
+ const computeSelectDatePanelObj = (0, _vue.computed)(() => {
371
371
  const isDatePickerType = computeIsDatePickerType.value;
372
+ let y = '';
373
+ let m = '';
372
374
  if (isDatePickerType) {
373
375
  const {
374
376
  datePanelType,
@@ -381,16 +383,19 @@ var _default = exports.default = (0, _vue.defineComponent)({
381
383
  year = selectMonth.getFullYear();
382
384
  month = selectMonth.getMonth() + 1;
383
385
  }
384
- if (datePanelType === 'quarter') {
385
- return (0, _ui.getI18n)('vxe.input.date.quarterLabel', [year]);
386
- } else if (datePanelType === 'month') {
387
- return (0, _ui.getI18n)('vxe.input.date.monthLabel', [year]);
386
+ if (datePanelType === 'quarter' || datePanelType === 'month') {
387
+ y = `${year}`;
388
388
  } else if (datePanelType === 'year') {
389
- return yearList.length ? `${yearList[0].year} - ${yearList[yearList.length - 1].year}` : '';
389
+ y = yearList.length ? `${yearList[0].year} - ${yearList[yearList.length - 1].year}` : '';
390
+ } else {
391
+ y = `${year}`;
392
+ m = month ? (0, _ui.getI18n)(`vxe.input.date.m${month}`) : '-';
390
393
  }
391
- return (0, _ui.getI18n)('vxe.input.date.dayLabel', [year, month ? (0, _ui.getI18n)(`vxe.input.date.m${month}`) : '-']);
392
394
  }
393
- return '';
395
+ return {
396
+ y,
397
+ m
398
+ };
394
399
  });
395
400
  const computeFirstDayOfWeek = (0, _vue.computed)(() => {
396
401
  const {
@@ -1032,7 +1037,10 @@ var _default = exports.default = (0, _vue.defineComponent)({
1032
1037
  reactData.currentDate = currentDate;
1033
1038
  dateMonthHandle(currentDate, 0);
1034
1039
  };
1035
- const dateToggleTypeEvent = () => {
1040
+ const dateToggleYearTypeEvent = () => {
1041
+ reactData.datePanelType = 'year';
1042
+ };
1043
+ const dateToggleMonthTypeEvent = () => {
1036
1044
  let {
1037
1045
  datePanelType
1038
1046
  } = reactData;
@@ -2050,7 +2058,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
2050
2058
  } = reactData;
2051
2059
  const isDisabledPrevDateBtn = computeIsDisabledPrevDateBtn.value;
2052
2060
  const isDisabledNextDateBtn = computeIsDisabledNextDateBtn.value;
2053
- const selectDatePanelLabel = computeSelectDatePanelLabel.value;
2061
+ const selectDatePanelObj = computeSelectDatePanelObj.value;
2054
2062
  const supportMultiples = computeSupportMultiples.value;
2055
2063
  return [(0, _vue.h)('div', {
2056
2064
  class: 'vxe-date-picker--date-picker-header'
@@ -2058,10 +2066,15 @@ var _default = exports.default = (0, _vue.defineComponent)({
2058
2066
  class: 'vxe-date-picker--date-picker-type-wrapper'
2059
2067
  }, [datePanelType === 'year' ? (0, _vue.h)('span', {
2060
2068
  class: 'vxe-date-picker--date-picker-label'
2061
- }, selectDatePanelLabel) : (0, _vue.h)('span', {
2069
+ }, selectDatePanelObj.y) : (0, _vue.h)('span', {
2070
+ class: 'vxe-date-picker--date-picker-btns'
2071
+ }, [(0, _vue.h)('span', {
2072
+ class: 'vxe-date-picker--date-picker-btn',
2073
+ onClick: dateToggleYearTypeEvent
2074
+ }, selectDatePanelObj.y), selectDatePanelObj.m ? (0, _vue.h)('span', {
2062
2075
  class: 'vxe-date-picker--date-picker-btn',
2063
- onClick: dateToggleTypeEvent
2064
- }, selectDatePanelLabel)]), (0, _vue.h)('div', {
2076
+ onClick: dateToggleMonthTypeEvent
2077
+ }, selectDatePanelObj.m) : (0, _ui.renderEmptyElement)($xeDatePicker)])]), (0, _vue.h)('div', {
2065
2078
  class: 'vxe-date-picker--date-picker-btn-wrapper'
2066
2079
  }, [(0, _vue.h)('span', {
2067
2080
  class: ['vxe-date-picker--date-picker-btn vxe-date-picker--date-picker-prev-btn', {