vxe-pc-ui 4.16.8 → 4.16.10

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 (200) hide show
  1. package/README.en.md +3 -3
  2. package/README.ja-JP.md +3 -3
  3. package/README.md +3 -3
  4. package/README.zh-TW.md +3 -3
  5. package/dist/all.esm.js +25 -11
  6. package/dist/style.css +1 -1
  7. package/dist/style.min.css +1 -1
  8. package/es/button/style.css +14 -0
  9. package/es/button/style.min.css +1 -1
  10. package/es/checkbox/src/group.js +7 -4
  11. package/es/checkbox/style.css +12 -0
  12. package/es/checkbox/style.min.css +1 -1
  13. package/es/checkbox-button/style.css +6 -0
  14. package/es/checkbox-button/style.min.css +1 -1
  15. package/es/form/style.css +12 -0
  16. package/es/form/style.min.css +1 -1
  17. package/es/icon/style.css +7 -1
  18. package/es/icon/style.min.css +1 -1
  19. package/es/input/style.css +276 -66
  20. package/es/input/style.min.css +1 -1
  21. package/es/menu/style.css +10 -0
  22. package/es/menu/style.min.css +1 -1
  23. package/es/modal/src/modal.js +2 -2
  24. package/es/number-input/style.css +28 -21
  25. package/es/number-input/style.min.css +1 -1
  26. package/es/password-input/src/password-input.js +1 -0
  27. package/es/password-input/style.css +28 -399
  28. package/es/password-input/style.min.css +1 -1
  29. package/es/radio/src/group.js +3 -3
  30. package/es/radio/style.css +12 -0
  31. package/es/radio/style.min.css +1 -1
  32. package/es/radio-button/style.css +6 -0
  33. package/es/radio-button/style.min.css +1 -1
  34. package/es/select/style.css +10 -0
  35. package/es/select/style.min.css +1 -1
  36. package/es/style.css +1 -1
  37. package/es/style.min.css +1 -1
  38. package/es/switch/style.css +36 -22
  39. package/es/switch/style.min.css +1 -1
  40. package/es/tag/style.css +20 -19
  41. package/es/tag/style.min.css +1 -1
  42. package/es/tree/src/tree.js +13 -2
  43. package/es/tree/style.css +4 -1
  44. package/es/tree/style.min.css +1 -1
  45. package/es/ui/index.js +1 -1
  46. package/es/ui/src/log.js +1 -1
  47. package/es/upload/style.css +10 -0
  48. package/es/upload/style.min.css +1 -1
  49. package/es/vxe-button/style.css +14 -0
  50. package/es/vxe-button/style.min.css +1 -1
  51. package/es/vxe-checkbox/style.css +12 -0
  52. package/es/vxe-checkbox/style.min.css +1 -1
  53. package/es/vxe-checkbox-button/style.css +6 -0
  54. package/es/vxe-checkbox-button/style.min.css +1 -1
  55. package/es/vxe-form/style.css +12 -0
  56. package/es/vxe-form/style.min.css +1 -1
  57. package/es/vxe-icon/style.css +6 -0
  58. package/es/vxe-icon/style.min.css +1 -1
  59. package/es/vxe-input/style.css +276 -66
  60. package/es/vxe-input/style.min.css +1 -1
  61. package/es/vxe-menu/style.css +10 -0
  62. package/es/vxe-menu/style.min.css +1 -1
  63. package/es/vxe-number-input/style.css +28 -21
  64. package/es/vxe-number-input/style.min.css +1 -1
  65. package/es/vxe-password-input/style.css +28 -399
  66. package/es/vxe-password-input/style.min.css +1 -1
  67. package/es/vxe-radio/style.css +12 -0
  68. package/es/vxe-radio/style.min.css +1 -1
  69. package/es/vxe-radio-button/style.css +6 -0
  70. package/es/vxe-radio-button/style.min.css +1 -1
  71. package/es/vxe-select/style.css +10 -0
  72. package/es/vxe-select/style.min.css +1 -1
  73. package/es/vxe-switch/style.css +36 -22
  74. package/es/vxe-switch/style.min.css +1 -1
  75. package/es/vxe-tag/style.css +20 -19
  76. package/es/vxe-tag/style.min.css +1 -1
  77. package/es/vxe-tree/style.css +4 -1
  78. package/es/vxe-tree/style.min.css +1 -1
  79. package/es/vxe-upload/style.css +10 -0
  80. package/es/vxe-upload/style.min.css +1 -1
  81. package/lib/button/style/style.css +14 -0
  82. package/lib/button/style/style.min.css +1 -1
  83. package/lib/checkbox/src/group.js +8 -4
  84. package/lib/checkbox/src/group.min.js +1 -1
  85. package/lib/checkbox/style/style.css +12 -0
  86. package/lib/checkbox/style/style.min.css +1 -1
  87. package/lib/checkbox-button/style/style.css +6 -0
  88. package/lib/checkbox-button/style/style.min.css +1 -1
  89. package/lib/form/style/style.css +12 -0
  90. package/lib/form/style/style.min.css +1 -1
  91. package/lib/icon/style/style.css +7 -1
  92. package/lib/icon/style/style.min.css +7 -1
  93. package/lib/index.umd.js +26 -13
  94. package/lib/index.umd.min.js +1 -1
  95. package/lib/input/style/style.css +276 -66
  96. package/lib/input/style/style.min.css +1 -1
  97. package/lib/menu/style/style.css +10 -0
  98. package/lib/menu/style/style.min.css +1 -1
  99. package/lib/modal/src/modal.js +2 -2
  100. package/lib/modal/src/modal.min.js +1 -1
  101. package/lib/number-input/style/style.css +28 -21
  102. package/lib/number-input/style/style.min.css +1 -1
  103. package/lib/password-input/src/password-input.js +1 -0
  104. package/lib/password-input/src/password-input.min.js +1 -1
  105. package/lib/password-input/style/style.css +28 -399
  106. package/lib/password-input/style/style.min.css +1 -1
  107. package/lib/radio/src/group.js +4 -4
  108. package/lib/radio/src/group.min.js +1 -1
  109. package/lib/radio/style/style.css +12 -0
  110. package/lib/radio/style/style.min.css +1 -1
  111. package/lib/radio-button/style/style.css +6 -0
  112. package/lib/radio-button/style/style.min.css +1 -1
  113. package/lib/select/style/style.css +10 -0
  114. package/lib/select/style/style.min.css +1 -1
  115. package/lib/style.css +1 -1
  116. package/lib/style.min.css +1 -1
  117. package/lib/switch/style/style.css +36 -22
  118. package/lib/switch/style/style.min.css +1 -1
  119. package/lib/tag/style/style.css +20 -19
  120. package/lib/tag/style/style.min.css +1 -1
  121. package/lib/tree/src/tree.js +10 -2
  122. package/lib/tree/src/tree.min.js +1 -1
  123. package/lib/tree/style/style.css +4 -1
  124. package/lib/tree/style/style.min.css +1 -1
  125. package/lib/ui/index.js +1 -1
  126. package/lib/ui/index.min.js +1 -1
  127. package/lib/ui/src/log.js +1 -1
  128. package/lib/ui/src/log.min.js +1 -1
  129. package/lib/upload/style/style.css +10 -0
  130. package/lib/upload/style/style.min.css +1 -1
  131. package/lib/vxe-button/style/style.css +14 -0
  132. package/lib/vxe-button/style/style.min.css +1 -1
  133. package/lib/vxe-checkbox/style/style.css +12 -0
  134. package/lib/vxe-checkbox/style/style.min.css +1 -1
  135. package/lib/vxe-checkbox-button/style/style.css +6 -0
  136. package/lib/vxe-checkbox-button/style/style.min.css +1 -1
  137. package/lib/vxe-form/style/style.css +12 -0
  138. package/lib/vxe-form/style/style.min.css +1 -1
  139. package/lib/vxe-icon/style/style.css +6 -0
  140. package/lib/vxe-icon/style/style.min.css +1 -1
  141. package/lib/vxe-input/style/style.css +276 -66
  142. package/lib/vxe-input/style/style.min.css +1 -1
  143. package/lib/vxe-menu/style/style.css +10 -0
  144. package/lib/vxe-menu/style/style.min.css +1 -1
  145. package/lib/vxe-number-input/style/style.css +28 -21
  146. package/lib/vxe-number-input/style/style.min.css +1 -1
  147. package/lib/vxe-password-input/style/style.css +28 -399
  148. package/lib/vxe-password-input/style/style.min.css +1 -1
  149. package/lib/vxe-radio/style/style.css +12 -0
  150. package/lib/vxe-radio/style/style.min.css +1 -1
  151. package/lib/vxe-radio-button/style/style.css +6 -0
  152. package/lib/vxe-radio-button/style/style.min.css +1 -1
  153. package/lib/vxe-select/style/style.css +10 -0
  154. package/lib/vxe-select/style/style.min.css +1 -1
  155. package/lib/vxe-switch/style/style.css +36 -22
  156. package/lib/vxe-switch/style/style.min.css +1 -1
  157. package/lib/vxe-tag/style/style.css +20 -19
  158. package/lib/vxe-tag/style/style.min.css +1 -1
  159. package/lib/vxe-tree/style/style.css +4 -1
  160. package/lib/vxe-tree/style/style.min.css +1 -1
  161. package/lib/vxe-upload/style/style.css +10 -0
  162. package/lib/vxe-upload/style/style.min.css +1 -1
  163. package/package.json +3 -3
  164. package/packages/checkbox/src/group.ts +7 -4
  165. package/packages/modal/src/modal.ts +3 -3
  166. package/packages/password-input/src/password-input.ts +1 -0
  167. package/packages/radio/src/group.ts +3 -3
  168. package/packages/tree/src/tree.ts +13 -2
  169. package/styles/components/button.scss +12 -0
  170. package/styles/components/checkbox-button.scss +6 -0
  171. package/styles/components/checkbox.scss +12 -0
  172. package/styles/components/form.scss +12 -0
  173. package/styles/components/icon.scss +6 -0
  174. package/styles/components/input.scss +52 -28
  175. package/styles/components/menu.scss +8 -0
  176. package/styles/components/number-input.scss +29 -23
  177. package/styles/components/password-input.scss +29 -173
  178. package/styles/components/radio-button.scss +6 -0
  179. package/styles/components/radio.scss +12 -0
  180. package/styles/components/select.scss +8 -0
  181. package/styles/components/switch.scss +37 -22
  182. package/styles/components/tag.scss +21 -21
  183. package/styles/components/tree.scss +3 -1
  184. package/styles/components/upload.scss +8 -0
  185. package/styles/theme/base.scss +47 -0
  186. package/types/components/checkbox-group.d.ts +2 -0
  187. package/types/components/modal.d.ts +2 -2
  188. package/types/components/tree.d.ts +7 -0
  189. /package/es/icon/{iconfont.1783923662673.ttf → iconfont.1783944746257.ttf} +0 -0
  190. /package/es/icon/{iconfont.1783923662673.woff → iconfont.1783944746257.woff} +0 -0
  191. /package/es/icon/{iconfont.1783923662673.woff2 → iconfont.1783944746257.woff2} +0 -0
  192. /package/es/{iconfont.1783923662673.ttf → iconfont.1783944746257.ttf} +0 -0
  193. /package/es/{iconfont.1783923662673.woff → iconfont.1783944746257.woff} +0 -0
  194. /package/es/{iconfont.1783923662673.woff2 → iconfont.1783944746257.woff2} +0 -0
  195. /package/lib/icon/style/{iconfont.1783923662673.ttf → iconfont.1783944746257.ttf} +0 -0
  196. /package/lib/icon/style/{iconfont.1783923662673.woff → iconfont.1783944746257.woff} +0 -0
  197. /package/lib/icon/style/{iconfont.1783923662673.woff2 → iconfont.1783944746257.woff2} +0 -0
  198. /package/lib/{iconfont.1783923662673.ttf → iconfont.1783944746257.ttf} +0 -0
  199. /package/lib/{iconfont.1783923662673.woff → iconfont.1783944746257.woff} +0 -0
  200. /package/lib/{iconfont.1783923662673.woff2 → iconfont.1783944746257.woff2} +0 -0
package/es/vxe-input/style.css CHANGED
@@ -1,3 +1,34 @@
1
+ .vxe-input,
2
+ .vxe-input--panel {
3
+ --vxe-ui-input-current-font-size: var(--vxe-ui-font-size-default);
4
+ --vxe-ui-input-current-height-default: var(--vxe-ui-input-height-default);
5
+ }
6
+ .vxe-input.size--xlarge,
7
+ .vxe-input--panel.size--xlarge {
8
+ --vxe-ui-input-current-font-size: var(--vxe-ui-font-size-xlarge);
9
+ --vxe-ui-input-current-height-default: var(--vxe-ui-input-height-xlarge);
10
+ }
11
+ .vxe-input.size--large,
12
+ .vxe-input--panel.size--large {
13
+ --vxe-ui-input-current-font-size: var(--vxe-ui-font-size-large);
14
+ --vxe-ui-input-current-height-default: var(--vxe-ui-input-height-large);
15
+ }
16
+ .vxe-input.size--medium,
17
+ .vxe-input--panel.size--medium {
18
+ --vxe-ui-input-current-font-size: var(--vxe-ui-font-size-medium);
19
+ --vxe-ui-input-current-height-default: var(--vxe-ui-input-height-medium);
20
+ }
21
+ .vxe-input.size--small,
22
+ .vxe-input--panel.size--small {
23
+ --vxe-ui-input-current-font-size: var(--vxe-ui-font-size-small);
24
+ --vxe-ui-input-current-height-default: var(--vxe-ui-input-height-small);
25
+ }
26
+ .vxe-input.size--mini,
27
+ .vxe-input--panel.size--mini {
28
+ --vxe-ui-input-current-font-size: var(--vxe-ui-font-size-mini);
29
+ --vxe-ui-input-current-height-default: var(--vxe-ui-input-height-mini);
30
+ }
31
+
1
32
  .vxe-input--readonly {
2
33
  color: var(--vxe-ui-font-color);
3
34
  display: inline-flex;
@@ -593,9 +624,9 @@
593
624
  }
594
625
 
595
626
  .vxe-input {
596
- font-size: var(--vxe-ui-font-size-default);
597
- height: var(--vxe-ui-input-height-default);
598
- line-height: var(--vxe-ui-input-height-default);
627
+ font-size: var(--vxe-ui-input-current-font-size);
628
+ height: var(--vxe-ui-input-current-height-default);
629
+ line-height: var(--vxe-ui-input-current-height-default);
599
630
  }
600
631
  .vxe-input .vxe-input--inner[type=date]::-webkit-inner-spin-button, .vxe-input .vxe-input--inner[type=month]::-webkit-inner-spin-button, .vxe-input .vxe-input--inner[type=week]::-webkit-inner-spin-button {
601
632
  margin-top: 6px;
@@ -603,27 +634,12 @@
603
634
  .vxe-input .vxe-input--inner[type=date]::-webkit-inner-spin-button, .vxe-input .vxe-input--inner[type=month]::-webkit-inner-spin-button, .vxe-input .vxe-input--inner[type=week]::-webkit-inner-spin-button, .vxe-input .vxe-input--inner[type=number]::-webkit-inner-spin-button {
604
635
  height: 24px;
605
636
  }
606
- .vxe-input.size--medium {
607
- font-size: var(--vxe-ui-font-size-medium);
608
- height: var(--vxe-ui-input-height-medium);
609
- line-height: var(--vxe-ui-input-height-medium);
610
- }
611
637
  .vxe-input.size--medium .vxe-input--inner[type=date]::-webkit-inner-spin-button, .vxe-input.size--medium .vxe-input--inner[type=month]::-webkit-inner-spin-button, .vxe-input.size--medium .vxe-input--inner[type=week]::-webkit-inner-spin-button {
612
638
  margin-top: 4px;
613
639
  }
614
- .vxe-input.size--small {
615
- font-size: var(--vxe-ui-font-size-small);
616
- height: var(--vxe-ui-input-height-small);
617
- line-height: var(--vxe-ui-input-height-small);
618
- }
619
640
  .vxe-input.size--small .vxe-input--inner[type=date]::-webkit-inner-spin-button, .vxe-input.size--small .vxe-input--inner[type=month]::-webkit-inner-spin-button, .vxe-input.size--small .vxe-input--inner[type=week]::-webkit-inner-spin-button {
620
641
  margin-top: 2px;
621
642
  }
622
- .vxe-input.size--mini {
623
- font-size: var(--vxe-ui-font-size-mini);
624
- height: var(--vxe-ui-input-height-mini);
625
- line-height: var(--vxe-ui-input-height-mini);
626
- }
627
643
  .vxe-input.size--mini .vxe-input--inner[type=date]::-webkit-inner-spin-button, .vxe-input.size--mini .vxe-input--inner[type=month]::-webkit-inner-spin-button, .vxe-input.size--mini .vxe-input--inner[type=week]::-webkit-inner-spin-button {
628
644
  margin-top: 0;
629
645
  }
@@ -632,10 +648,10 @@
632
648
  font-size: var(--vxe-ui-font-size-default);
633
649
  }
634
650
  .vxe-input--panel .vxe-input--panel-wrapper {
635
- max-height: 380px;
651
+ max-height: 340px;
636
652
  }
637
653
  .vxe-input--panel.type--date .vxe-input--panel-wrapper, .vxe-input--panel.type--time .vxe-input--panel-wrapper, .vxe-input--panel.type--week .vxe-input--panel-wrapper, .vxe-input--panel.type--month .vxe-input--panel-wrapper, .vxe-input--panel.type--quarter .vxe-input--panel-wrapper, .vxe-input--panel.type--year .vxe-input--panel-wrapper {
638
- padding: 11px;
654
+ padding: 9px;
639
655
  }
640
656
  .vxe-input--panel.type--date .vxe-input--panel-wrapper, .vxe-input--panel.type--month .vxe-input--panel-wrapper, .vxe-input--panel.type--quarter .vxe-input--panel-wrapper, .vxe-input--panel.type--year .vxe-input--panel-wrapper {
641
657
  width: 336px;
@@ -652,19 +668,19 @@
652
668
  }
653
669
  .vxe-input--panel.type--datetime .vxe-input--panel-left-wrapper,
654
670
  .vxe-input--panel.type--datetime .vxe-input--panel-right-wrapper {
655
- padding: 11px;
671
+ padding: 9px;
656
672
  }
657
673
  .vxe-input--panel .vxe-input--time-picker-title {
658
- height: 30px;
659
- line-height: 30px;
674
+ height: 28px;
675
+ line-height: 28px;
660
676
  }
661
677
  .vxe-input--panel .vxe-input--date-picker-label,
662
678
  .vxe-input--panel .vxe-input--date-picker-btn {
663
- height: 30px;
664
- line-height: 30px;
679
+ height: 28px;
680
+ line-height: 28px;
665
681
  }
666
682
  .vxe-input--panel .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-btn {
667
- margin-left: 8px;
683
+ margin-left: 6px;
668
684
  }
669
685
  .vxe-input--panel .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-btn:active {
670
686
  transform: scale(0.9);
@@ -672,13 +688,13 @@
672
688
  .vxe-input--panel .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-prev-btn,
673
689
  .vxe-input--panel .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-current-btn,
674
690
  .vxe-input--panel .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-next-btn {
675
- width: 30px;
691
+ width: 28px;
676
692
  border-radius: var(--vxe-ui-base-border-radius);
677
693
  border: 1px solid var(--vxe-ui-input-border-color);
678
694
  }
679
695
  .vxe-input--panel .vxe-input--date-picker-type-wrapper .vxe-input--date-picker-label,
680
696
  .vxe-input--panel .vxe-input--date-picker-type-wrapper .vxe-input--date-picker-btns {
681
- padding: 0 9px;
697
+ padding: 0 7px;
682
698
  }
683
699
  .vxe-input--panel .vxe-input--time-picker-header,
684
700
  .vxe-input--panel .vxe-input--date-picker-header {
@@ -696,7 +712,7 @@
696
712
  }
697
713
  .vxe-input--panel .vxe-input--time-picker-body > ul > li {
698
714
  height: 26px;
699
- padding-left: 9px;
715
+ padding-left: 7px;
700
716
  }
701
717
  .vxe-input--panel .vxe-input--time-picker-body .vxe-input--time-picker-minute-list {
702
718
  left: 48px;
@@ -720,19 +736,213 @@
720
736
  }
721
737
  .vxe-input--panel .vxe-input--time-picker-confirm,
722
738
  .vxe-input--panel .vxe-input--date-picker-confirm {
723
- height: 30px;
739
+ height: 28px;
724
740
  }
725
741
  .vxe-input--panel .vxe-input--date-label {
726
742
  line-height: calc(var(--vxe-ui-font-size-default) + 1px);
727
743
  }
744
+ .vxe-input--panel.size--xlarge {
745
+ font-size: var(--vxe-ui-font-size-xlarge);
746
+ }
747
+ .vxe-input--panel.size--xlarge .vxe-input--panel-wrapper {
748
+ max-height: 380px;
749
+ }
750
+ .vxe-input--panel.size--xlarge.type--date .vxe-input--panel-wrapper, .vxe-input--panel.size--xlarge.type--time .vxe-input--panel-wrapper, .vxe-input--panel.size--xlarge.type--week .vxe-input--panel-wrapper, .vxe-input--panel.size--xlarge.type--month .vxe-input--panel-wrapper, .vxe-input--panel.size--xlarge.type--quarter .vxe-input--panel-wrapper, .vxe-input--panel.size--xlarge.type--year .vxe-input--panel-wrapper {
751
+ padding: 11px;
752
+ }
753
+ .vxe-input--panel.size--xlarge.type--date .vxe-input--panel-wrapper, .vxe-input--panel.size--xlarge.type--month .vxe-input--panel-wrapper, .vxe-input--panel.size--xlarge.type--quarter .vxe-input--panel-wrapper, .vxe-input--panel.size--xlarge.type--year .vxe-input--panel-wrapper {
754
+ width: 336px;
755
+ }
756
+ .vxe-input--panel.size--xlarge.type--week .vxe-input--panel-wrapper {
757
+ width: 380px;
758
+ }
759
+ .vxe-input--panel.size--xlarge.type--time .vxe-input--panel-wrapper {
760
+ display: inline-flex;
761
+ flex-direction: column;
762
+ }
763
+ .vxe-input--panel.size--xlarge.type--datetime .vxe-input--panel-left-wrapper {
764
+ width: 336px;
765
+ }
766
+ .vxe-input--panel.size--xlarge.type--datetime .vxe-input--panel-left-wrapper,
767
+ .vxe-input--panel.size--xlarge.type--datetime .vxe-input--panel-right-wrapper {
768
+ padding: 11px;
769
+ }
770
+ .vxe-input--panel.size--xlarge .vxe-input--time-picker-title {
771
+ height: 30px;
772
+ line-height: 30px;
773
+ }
774
+ .vxe-input--panel.size--xlarge .vxe-input--date-picker-label,
775
+ .vxe-input--panel.size--xlarge .vxe-input--date-picker-btn {
776
+ height: 30px;
777
+ line-height: 30px;
778
+ }
779
+ .vxe-input--panel.size--xlarge .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-btn {
780
+ margin-left: 8px;
781
+ }
782
+ .vxe-input--panel.size--xlarge .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-btn:active {
783
+ transform: scale(0.9);
784
+ }
785
+ .vxe-input--panel.size--xlarge .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-prev-btn,
786
+ .vxe-input--panel.size--xlarge .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-current-btn,
787
+ .vxe-input--panel.size--xlarge .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-next-btn {
788
+ width: 30px;
789
+ border-radius: var(--vxe-ui-base-border-radius);
790
+ border: 1px solid var(--vxe-ui-input-border-color);
791
+ }
792
+ .vxe-input--panel.size--xlarge .vxe-input--date-picker-type-wrapper .vxe-input--date-picker-label,
793
+ .vxe-input--panel.size--xlarge .vxe-input--date-picker-type-wrapper .vxe-input--date-picker-btns {
794
+ padding: 0 9px;
795
+ }
796
+ .vxe-input--panel.size--xlarge .vxe-input--time-picker-header,
797
+ .vxe-input--panel.size--xlarge .vxe-input--date-picker-header {
798
+ padding-bottom: 10px;
799
+ }
800
+ .vxe-input--panel.size--xlarge .vxe-input--date-picker-body table,
801
+ .vxe-input--panel.size--xlarge .vxe-input--time-picker-body {
802
+ height: calc(var(--vxe-ui-input-date-time-week-row-height-xlarge) * 6 + var(--vxe-ui-input-date-title-height-xlarge));
803
+ }
804
+ .vxe-input--panel.size--xlarge .vxe-input--time-picker-body > ul {
805
+ width: 48px;
806
+ }
807
+ .vxe-input--panel.size--xlarge .vxe-input--time-picker-body > ul:before, .vxe-input--panel.size--xlarge .vxe-input--time-picker-body > ul:after {
808
+ height: 120px;
809
+ }
810
+ .vxe-input--panel.size--xlarge .vxe-input--time-picker-body > ul > li {
811
+ height: 26px;
812
+ padding-left: 9px;
813
+ }
814
+ .vxe-input--panel.size--xlarge .vxe-input--time-picker-body .vxe-input--time-picker-minute-list {
815
+ left: 48px;
816
+ }
817
+ .vxe-input--panel.size--xlarge .vxe-input--time-picker-body .vxe-input--time-picker-second-list {
818
+ left: 96px;
819
+ }
820
+ .vxe-input--panel.size--xlarge .vxe-input--date-day-view td,
821
+ .vxe-input--panel.size--xlarge .vxe-input--date-week-view td {
822
+ height: var(--vxe-ui-input-date-time-week-row-height-xlarge);
823
+ }
824
+ .vxe-input--panel.size--xlarge .vxe-input--date-quarter-view td {
825
+ height: var(--vxe-ui-input-date-quarter-row-height-xlarge);
826
+ }
827
+ .vxe-input--panel.size--xlarge .vxe-input--date-month-view td,
828
+ .vxe-input--panel.size--xlarge .vxe-input--date-year-view td {
829
+ height: var(--vxe-ui-input-date-month-year-row-height-xlarge);
830
+ }
831
+ .vxe-input--panel.size--xlarge .vxe-input--date-picker-body th {
832
+ height: var(--vxe-ui-input-date-title-height-xlarge);
833
+ }
834
+ .vxe-input--panel.size--xlarge .vxe-input--time-picker-confirm,
835
+ .vxe-input--panel.size--xlarge .vxe-input--date-picker-confirm {
836
+ height: 30px;
837
+ }
838
+ .vxe-input--panel.size--xlarge .vxe-input--date-label {
839
+ line-height: calc(var(--vxe-ui-font-size-xlarge) + 1px);
840
+ }
841
+ .vxe-input--panel.size--large {
842
+ font-size: var(--vxe-ui-font-size-large);
843
+ }
844
+ .vxe-input--panel.size--large .vxe-input--panel-wrapper {
845
+ max-height: 360px;
846
+ }
847
+ .vxe-input--panel.size--large.type--date .vxe-input--panel-wrapper, .vxe-input--panel.size--large.type--time .vxe-input--panel-wrapper, .vxe-input--panel.size--large.type--week .vxe-input--panel-wrapper, .vxe-input--panel.size--large.type--month .vxe-input--panel-wrapper, .vxe-input--panel.size--large.type--quarter .vxe-input--panel-wrapper, .vxe-input--panel.size--large.type--year .vxe-input--panel-wrapper {
848
+ padding: 10px;
849
+ }
850
+ .vxe-input--panel.size--large.type--date .vxe-input--panel-wrapper, .vxe-input--panel.size--large.type--month .vxe-input--panel-wrapper, .vxe-input--panel.size--large.type--quarter .vxe-input--panel-wrapper, .vxe-input--panel.size--large.type--year .vxe-input--panel-wrapper {
851
+ width: 336px;
852
+ }
853
+ .vxe-input--panel.size--large.type--week .vxe-input--panel-wrapper {
854
+ width: 380px;
855
+ }
856
+ .vxe-input--panel.size--large.type--time .vxe-input--panel-wrapper {
857
+ display: inline-flex;
858
+ flex-direction: column;
859
+ }
860
+ .vxe-input--panel.size--large.type--datetime .vxe-input--panel-left-wrapper {
861
+ width: 336px;
862
+ }
863
+ .vxe-input--panel.size--large.type--datetime .vxe-input--panel-left-wrapper,
864
+ .vxe-input--panel.size--large.type--datetime .vxe-input--panel-right-wrapper {
865
+ padding: 10px;
866
+ }
867
+ .vxe-input--panel.size--large .vxe-input--time-picker-title {
868
+ height: 29px;
869
+ line-height: 29px;
870
+ }
871
+ .vxe-input--panel.size--large .vxe-input--date-picker-label,
872
+ .vxe-input--panel.size--large .vxe-input--date-picker-btn {
873
+ height: 29px;
874
+ line-height: 29px;
875
+ }
876
+ .vxe-input--panel.size--large .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-btn {
877
+ margin-left: 7px;
878
+ }
879
+ .vxe-input--panel.size--large .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-btn:active {
880
+ transform: scale(0.9);
881
+ }
882
+ .vxe-input--panel.size--large .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-prev-btn,
883
+ .vxe-input--panel.size--large .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-current-btn,
884
+ .vxe-input--panel.size--large .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-next-btn {
885
+ width: 29px;
886
+ border-radius: var(--vxe-ui-base-border-radius);
887
+ border: 1px solid var(--vxe-ui-input-border-color);
888
+ }
889
+ .vxe-input--panel.size--large .vxe-input--date-picker-type-wrapper .vxe-input--date-picker-label,
890
+ .vxe-input--panel.size--large .vxe-input--date-picker-type-wrapper .vxe-input--date-picker-btns {
891
+ padding: 0 8px;
892
+ }
893
+ .vxe-input--panel.size--large .vxe-input--time-picker-header,
894
+ .vxe-input--panel.size--large .vxe-input--date-picker-header {
895
+ padding-bottom: 9px;
896
+ }
897
+ .vxe-input--panel.size--large .vxe-input--date-picker-body table,
898
+ .vxe-input--panel.size--large .vxe-input--time-picker-body {
899
+ height: calc(var(--vxe-ui-input-date-time-week-row-height-large) * 6 + var(--vxe-ui-input-date-title-height-large));
900
+ }
901
+ .vxe-input--panel.size--large .vxe-input--time-picker-body > ul {
902
+ width: 48px;
903
+ }
904
+ .vxe-input--panel.size--large .vxe-input--time-picker-body > ul:before, .vxe-input--panel.size--large .vxe-input--time-picker-body > ul:after {
905
+ height: 120px;
906
+ }
907
+ .vxe-input--panel.size--large .vxe-input--time-picker-body > ul > li {
908
+ height: 26px;
909
+ padding-left: 8px;
910
+ }
911
+ .vxe-input--panel.size--large .vxe-input--time-picker-body .vxe-input--time-picker-minute-list {
912
+ left: 48px;
913
+ }
914
+ .vxe-input--panel.size--large .vxe-input--time-picker-body .vxe-input--time-picker-second-list {
915
+ left: 96px;
916
+ }
917
+ .vxe-input--panel.size--large .vxe-input--date-day-view td,
918
+ .vxe-input--panel.size--large .vxe-input--date-week-view td {
919
+ height: var(--vxe-ui-input-date-time-week-row-height-large);
920
+ }
921
+ .vxe-input--panel.size--large .vxe-input--date-quarter-view td {
922
+ height: var(--vxe-ui-input-date-quarter-row-height-large);
923
+ }
924
+ .vxe-input--panel.size--large .vxe-input--date-month-view td,
925
+ .vxe-input--panel.size--large .vxe-input--date-year-view td {
926
+ height: var(--vxe-ui-input-date-month-year-row-height-large);
927
+ }
928
+ .vxe-input--panel.size--large .vxe-input--date-picker-body th {
929
+ height: var(--vxe-ui-input-date-title-height-large);
930
+ }
931
+ .vxe-input--panel.size--large .vxe-input--time-picker-confirm,
932
+ .vxe-input--panel.size--large .vxe-input--date-picker-confirm {
933
+ height: 29px;
934
+ }
935
+ .vxe-input--panel.size--large .vxe-input--date-label {
936
+ line-height: calc(var(--vxe-ui-font-size-large) + 1px);
937
+ }
728
938
  .vxe-input--panel.size--medium {
729
939
  font-size: var(--vxe-ui-font-size-medium);
730
940
  }
731
941
  .vxe-input--panel.size--medium .vxe-input--panel-wrapper {
732
- max-height: 360px;
942
+ max-height: 320px;
733
943
  }
734
944
  .vxe-input--panel.size--medium.type--date .vxe-input--panel-wrapper, .vxe-input--panel.size--medium.type--time .vxe-input--panel-wrapper, .vxe-input--panel.size--medium.type--week .vxe-input--panel-wrapper, .vxe-input--panel.size--medium.type--month .vxe-input--panel-wrapper, .vxe-input--panel.size--medium.type--quarter .vxe-input--panel-wrapper, .vxe-input--panel.size--medium.type--year .vxe-input--panel-wrapper {
735
- padding: 10px;
945
+ padding: 8px;
736
946
  }
737
947
  .vxe-input--panel.size--medium.type--date .vxe-input--panel-wrapper, .vxe-input--panel.size--medium.type--month .vxe-input--panel-wrapper, .vxe-input--panel.size--medium.type--quarter .vxe-input--panel-wrapper, .vxe-input--panel.size--medium.type--year .vxe-input--panel-wrapper {
738
948
  width: 336px;
@@ -749,19 +959,19 @@
749
959
  }
750
960
  .vxe-input--panel.size--medium.type--datetime .vxe-input--panel-left-wrapper,
751
961
  .vxe-input--panel.size--medium.type--datetime .vxe-input--panel-right-wrapper {
752
- padding: 10px;
962
+ padding: 8px;
753
963
  }
754
964
  .vxe-input--panel.size--medium .vxe-input--time-picker-title {
755
- height: 29px;
756
- line-height: 29px;
965
+ height: 27px;
966
+ line-height: 27px;
757
967
  }
758
968
  .vxe-input--panel.size--medium .vxe-input--date-picker-label,
759
969
  .vxe-input--panel.size--medium .vxe-input--date-picker-btn {
760
- height: 29px;
761
- line-height: 29px;
970
+ height: 27px;
971
+ line-height: 27px;
762
972
  }
763
973
  .vxe-input--panel.size--medium .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-btn {
764
- margin-left: 7px;
974
+ margin-left: 5px;
765
975
  }
766
976
  .vxe-input--panel.size--medium .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-btn:active {
767
977
  transform: scale(0.9);
@@ -769,13 +979,13 @@
769
979
  .vxe-input--panel.size--medium .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-prev-btn,
770
980
  .vxe-input--panel.size--medium .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-current-btn,
771
981
  .vxe-input--panel.size--medium .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-next-btn {
772
- width: 29px;
982
+ width: 27px;
773
983
  border-radius: var(--vxe-ui-base-border-radius);
774
984
  border: 1px solid var(--vxe-ui-input-border-color);
775
985
  }
776
986
  .vxe-input--panel.size--medium .vxe-input--date-picker-type-wrapper .vxe-input--date-picker-label,
777
987
  .vxe-input--panel.size--medium .vxe-input--date-picker-type-wrapper .vxe-input--date-picker-btns {
778
- padding: 0 8px;
988
+ padding: 0 6px;
779
989
  }
780
990
  .vxe-input--panel.size--medium .vxe-input--time-picker-header,
781
991
  .vxe-input--panel.size--medium .vxe-input--date-picker-header {
@@ -793,7 +1003,7 @@
793
1003
  }
794
1004
  .vxe-input--panel.size--medium .vxe-input--time-picker-body > ul > li {
795
1005
  height: 26px;
796
- padding-left: 8px;
1006
+ padding-left: 6px;
797
1007
  }
798
1008
  .vxe-input--panel.size--medium .vxe-input--time-picker-body .vxe-input--time-picker-minute-list {
799
1009
  left: 48px;
@@ -817,7 +1027,7 @@
817
1027
  }
818
1028
  .vxe-input--panel.size--medium .vxe-input--time-picker-confirm,
819
1029
  .vxe-input--panel.size--medium .vxe-input--date-picker-confirm {
820
- height: 29px;
1030
+ height: 27px;
821
1031
  }
822
1032
  .vxe-input--panel.size--medium .vxe-input--date-label {
823
1033
  line-height: calc(var(--vxe-ui-font-size-medium) + 1px);
@@ -826,10 +1036,10 @@
826
1036
  font-size: var(--vxe-ui-font-size-small);
827
1037
  }
828
1038
  .vxe-input--panel.size--small .vxe-input--panel-wrapper {
829
- max-height: 340px;
1039
+ max-height: 300px;
830
1040
  }
831
1041
  .vxe-input--panel.size--small.type--date .vxe-input--panel-wrapper, .vxe-input--panel.size--small.type--time .vxe-input--panel-wrapper, .vxe-input--panel.size--small.type--week .vxe-input--panel-wrapper, .vxe-input--panel.size--small.type--month .vxe-input--panel-wrapper, .vxe-input--panel.size--small.type--quarter .vxe-input--panel-wrapper, .vxe-input--panel.size--small.type--year .vxe-input--panel-wrapper {
832
- padding: 9px;
1042
+ padding: 7px;
833
1043
  }
834
1044
  .vxe-input--panel.size--small.type--date .vxe-input--panel-wrapper, .vxe-input--panel.size--small.type--month .vxe-input--panel-wrapper, .vxe-input--panel.size--small.type--quarter .vxe-input--panel-wrapper, .vxe-input--panel.size--small.type--year .vxe-input--panel-wrapper {
835
1045
  width: 312px;
@@ -846,19 +1056,19 @@
846
1056
  }
847
1057
  .vxe-input--panel.size--small.type--datetime .vxe-input--panel-left-wrapper,
848
1058
  .vxe-input--panel.size--small.type--datetime .vxe-input--panel-right-wrapper {
849
- padding: 9px;
1059
+ padding: 7px;
850
1060
  }
851
1061
  .vxe-input--panel.size--small .vxe-input--time-picker-title {
852
- height: 28px;
853
- line-height: 28px;
1062
+ height: 26px;
1063
+ line-height: 26px;
854
1064
  }
855
1065
  .vxe-input--panel.size--small .vxe-input--date-picker-label,
856
1066
  .vxe-input--panel.size--small .vxe-input--date-picker-btn {
857
- height: 28px;
858
- line-height: 28px;
1067
+ height: 26px;
1068
+ line-height: 26px;
859
1069
  }
860
1070
  .vxe-input--panel.size--small .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-btn {
861
- margin-left: 6px;
1071
+ margin-left: 4px;
862
1072
  }
863
1073
  .vxe-input--panel.size--small .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-btn:active {
864
1074
  transform: scale(0.9);
@@ -866,13 +1076,13 @@
866
1076
  .vxe-input--panel.size--small .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-prev-btn,
867
1077
  .vxe-input--panel.size--small .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-current-btn,
868
1078
  .vxe-input--panel.size--small .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-next-btn {
869
- width: 28px;
1079
+ width: 26px;
870
1080
  border-radius: var(--vxe-ui-base-border-radius);
871
1081
  border: 1px solid var(--vxe-ui-input-border-color);
872
1082
  }
873
1083
  .vxe-input--panel.size--small .vxe-input--date-picker-type-wrapper .vxe-input--date-picker-label,
874
1084
  .vxe-input--panel.size--small .vxe-input--date-picker-type-wrapper .vxe-input--date-picker-btns {
875
- padding: 0 7px;
1085
+ padding: 0 5px;
876
1086
  }
877
1087
  .vxe-input--panel.size--small .vxe-input--time-picker-header,
878
1088
  .vxe-input--panel.size--small .vxe-input--date-picker-header {
@@ -890,7 +1100,7 @@
890
1100
  }
891
1101
  .vxe-input--panel.size--small .vxe-input--time-picker-body > ul > li {
892
1102
  height: 26px;
893
- padding-left: 7px;
1103
+ padding-left: 5px;
894
1104
  }
895
1105
  .vxe-input--panel.size--small .vxe-input--time-picker-body .vxe-input--time-picker-minute-list {
896
1106
  left: 44px;
@@ -914,7 +1124,7 @@
914
1124
  }
915
1125
  .vxe-input--panel.size--small .vxe-input--time-picker-confirm,
916
1126
  .vxe-input--panel.size--small .vxe-input--date-picker-confirm {
917
- height: 28px;
1127
+ height: 26px;
918
1128
  }
919
1129
  .vxe-input--panel.size--small .vxe-input--date-label {
920
1130
  line-height: calc(var(--vxe-ui-font-size-small) + 1px);
@@ -923,10 +1133,10 @@
923
1133
  font-size: var(--vxe-ui-font-size-mini);
924
1134
  }
925
1135
  .vxe-input--panel.size--mini .vxe-input--panel-wrapper {
926
- max-height: 320px;
1136
+ max-height: 280px;
927
1137
  }
928
1138
  .vxe-input--panel.size--mini.type--date .vxe-input--panel-wrapper, .vxe-input--panel.size--mini.type--time .vxe-input--panel-wrapper, .vxe-input--panel.size--mini.type--week .vxe-input--panel-wrapper, .vxe-input--panel.size--mini.type--month .vxe-input--panel-wrapper, .vxe-input--panel.size--mini.type--quarter .vxe-input--panel-wrapper, .vxe-input--panel.size--mini.type--year .vxe-input--panel-wrapper {
929
- padding: 8px;
1139
+ padding: 6px;
930
1140
  }
931
1141
  .vxe-input--panel.size--mini.type--date .vxe-input--panel-wrapper, .vxe-input--panel.size--mini.type--month .vxe-input--panel-wrapper, .vxe-input--panel.size--mini.type--quarter .vxe-input--panel-wrapper, .vxe-input--panel.size--mini.type--year .vxe-input--panel-wrapper {
932
1142
  width: 288px;
@@ -943,19 +1153,19 @@
943
1153
  }
944
1154
  .vxe-input--panel.size--mini.type--datetime .vxe-input--panel-left-wrapper,
945
1155
  .vxe-input--panel.size--mini.type--datetime .vxe-input--panel-right-wrapper {
946
- padding: 8px;
1156
+ padding: 6px;
947
1157
  }
948
1158
  .vxe-input--panel.size--mini .vxe-input--time-picker-title {
949
- height: 27px;
950
- line-height: 27px;
1159
+ height: 25px;
1160
+ line-height: 25px;
951
1161
  }
952
1162
  .vxe-input--panel.size--mini .vxe-input--date-picker-label,
953
1163
  .vxe-input--panel.size--mini .vxe-input--date-picker-btn {
954
- height: 27px;
955
- line-height: 27px;
1164
+ height: 25px;
1165
+ line-height: 25px;
956
1166
  }
957
1167
  .vxe-input--panel.size--mini .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-btn {
958
- margin-left: 5px;
1168
+ margin-left: 3px;
959
1169
  }
960
1170
  .vxe-input--panel.size--mini .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-btn:active {
961
1171
  transform: scale(0.9);
@@ -963,13 +1173,13 @@
963
1173
  .vxe-input--panel.size--mini .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-prev-btn,
964
1174
  .vxe-input--panel.size--mini .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-current-btn,
965
1175
  .vxe-input--panel.size--mini .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-next-btn {
966
- width: 27px;
1176
+ width: 25px;
967
1177
  border-radius: var(--vxe-ui-base-border-radius);
968
1178
  border: 1px solid var(--vxe-ui-input-border-color);
969
1179
  }
970
1180
  .vxe-input--panel.size--mini .vxe-input--date-picker-type-wrapper .vxe-input--date-picker-label,
971
1181
  .vxe-input--panel.size--mini .vxe-input--date-picker-type-wrapper .vxe-input--date-picker-btns {
972
- padding: 0 6px;
1182
+ padding: 0 4px;
973
1183
  }
974
1184
  .vxe-input--panel.size--mini .vxe-input--time-picker-header,
975
1185
  .vxe-input--panel.size--mini .vxe-input--date-picker-header {
@@ -987,7 +1197,7 @@
987
1197
  }
988
1198
  .vxe-input--panel.size--mini .vxe-input--time-picker-body > ul > li {
989
1199
  height: 26px;
990
- padding-left: 6px;
1200
+ padding-left: 4px;
991
1201
  }
992
1202
  .vxe-input--panel.size--mini .vxe-input--time-picker-body .vxe-input--time-picker-minute-list {
993
1203
  left: 42px;
@@ -1011,7 +1221,7 @@
1011
1221
  }
1012
1222
  .vxe-input--panel.size--mini .vxe-input--time-picker-confirm,
1013
1223
  .vxe-input--panel.size--mini .vxe-input--date-picker-confirm {
1014
- height: 27px;
1224
+ height: 25px;
1015
1225
  }
1016
1226
  .vxe-input--panel.size--mini .vxe-input--date-label {
1017
1227
  line-height: calc(var(--vxe-ui-font-size-mini) + 1px);