vxe-pc-ui 3.16.7 → 3.16.9

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 (210) hide show
  1. package/es/button/style.css +14 -0
  2. package/es/button/style.min.css +1 -1
  3. package/es/cascader/src/cascader.js +66 -24
  4. package/es/cascader/style.css +9 -9
  5. package/es/cascader/style.min.css +1 -1
  6. package/es/checkbox/src/group.js +7 -4
  7. package/es/checkbox/style.css +11 -0
  8. package/es/checkbox/style.min.css +1 -1
  9. package/es/checkbox-button/style.css +6 -0
  10. package/es/checkbox-button/style.min.css +1 -1
  11. package/es/date-range-picker/src/date-range-picker.js +25 -9
  12. package/es/form/style.css +19 -11
  13. package/es/form/style.min.css +1 -1
  14. package/es/icon/style.css +7 -1
  15. package/es/icon/style.min.css +1 -1
  16. package/es/input/style.css +276 -66
  17. package/es/input/style.min.css +1 -1
  18. package/es/menu/src/menu.js +4 -3
  19. package/es/menu/style.css +10 -0
  20. package/es/menu/style.min.css +1 -1
  21. package/es/number-input/style.css +28 -21
  22. package/es/number-input/style.min.css +1 -1
  23. package/es/password-input/src/password-input.js +1 -0
  24. package/es/password-input/style.css +28 -399
  25. package/es/password-input/style.min.css +1 -1
  26. package/es/radio/src/group.js +3 -3
  27. package/es/radio/style.css +11 -0
  28. package/es/radio/style.min.css +1 -1
  29. package/es/radio-button/style.css +6 -0
  30. package/es/radio-button/style.min.css +1 -1
  31. package/es/select/style.css +10 -0
  32. package/es/select/style.min.css +1 -1
  33. package/es/style.css +1 -1
  34. package/es/style.min.css +1 -1
  35. package/es/switch/style.css +36 -22
  36. package/es/switch/style.min.css +1 -1
  37. package/es/tag/style.css +20 -19
  38. package/es/tag/style.min.css +1 -1
  39. package/es/tree/src/tree.js +14 -2
  40. package/es/tree/style.css +4 -1
  41. package/es/tree/style.min.css +1 -1
  42. package/es/ui/index.js +1 -1
  43. package/es/ui/src/log.js +1 -1
  44. package/es/upload/style.css +10 -0
  45. package/es/upload/style.min.css +1 -1
  46. package/es/vxe-button/style.css +14 -0
  47. package/es/vxe-button/style.min.css +1 -1
  48. package/es/vxe-cascader/style.css +9 -9
  49. package/es/vxe-cascader/style.min.css +1 -1
  50. package/es/vxe-checkbox/style.css +11 -0
  51. package/es/vxe-checkbox/style.min.css +1 -1
  52. package/es/vxe-checkbox-button/style.css +6 -0
  53. package/es/vxe-checkbox-button/style.min.css +1 -1
  54. package/es/vxe-form/style.css +19 -11
  55. package/es/vxe-form/style.min.css +1 -1
  56. package/es/vxe-icon/style.css +6 -0
  57. package/es/vxe-icon/style.min.css +1 -1
  58. package/es/vxe-input/style.css +276 -66
  59. package/es/vxe-input/style.min.css +1 -1
  60. package/es/vxe-menu/style.css +10 -0
  61. package/es/vxe-menu/style.min.css +1 -1
  62. package/es/vxe-number-input/style.css +28 -21
  63. package/es/vxe-number-input/style.min.css +1 -1
  64. package/es/vxe-password-input/style.css +28 -399
  65. package/es/vxe-password-input/style.min.css +1 -1
  66. package/es/vxe-radio/style.css +11 -0
  67. package/es/vxe-radio/style.min.css +1 -1
  68. package/es/vxe-radio-button/style.css +6 -0
  69. package/es/vxe-radio-button/style.min.css +1 -1
  70. package/es/vxe-select/style.css +10 -0
  71. package/es/vxe-select/style.min.css +1 -1
  72. package/es/vxe-switch/style.css +36 -22
  73. package/es/vxe-switch/style.min.css +1 -1
  74. package/es/vxe-tag/style.css +20 -19
  75. package/es/vxe-tag/style.min.css +1 -1
  76. package/es/vxe-tree/style.css +4 -1
  77. package/es/vxe-tree/style.min.css +1 -1
  78. package/es/vxe-upload/style.css +10 -0
  79. package/es/vxe-upload/style.min.css +1 -1
  80. package/lib/button/style/style.css +14 -0
  81. package/lib/button/style/style.min.css +1 -1
  82. package/lib/cascader/src/cascader.js +89 -29
  83. package/lib/cascader/src/cascader.min.js +1 -1
  84. package/lib/cascader/style/style.css +9 -9
  85. package/lib/cascader/style/style.min.css +1 -1
  86. package/lib/checkbox/src/group.js +8 -4
  87. package/lib/checkbox/src/group.min.js +1 -1
  88. package/lib/checkbox/style/style.css +11 -0
  89. package/lib/checkbox/style/style.min.css +1 -1
  90. package/lib/checkbox-button/style/style.css +6 -0
  91. package/lib/checkbox-button/style/style.min.css +1 -1
  92. package/lib/date-range-picker/src/date-range-picker.js +23 -9
  93. package/lib/date-range-picker/src/date-range-picker.min.js +1 -1
  94. package/lib/form/style/style.css +19 -11
  95. package/lib/form/style/style.min.css +1 -1
  96. package/lib/icon/style/style.css +7 -1
  97. package/lib/icon/style/style.min.css +7 -1
  98. package/lib/index.umd.js +145 -52
  99. package/lib/index.umd.min.js +1 -1
  100. package/lib/input/style/style.css +276 -66
  101. package/lib/input/style/style.min.css +1 -1
  102. package/lib/menu/src/menu.js +4 -3
  103. package/lib/menu/src/menu.min.js +1 -1
  104. package/lib/menu/style/style.css +10 -0
  105. package/lib/menu/style/style.min.css +1 -1
  106. package/lib/number-input/style/style.css +28 -21
  107. package/lib/number-input/style/style.min.css +1 -1
  108. package/lib/password-input/src/password-input.js +1 -0
  109. package/lib/password-input/src/password-input.min.js +1 -1
  110. package/lib/password-input/style/style.css +28 -399
  111. package/lib/password-input/style/style.min.css +1 -1
  112. package/lib/radio/src/group.js +4 -4
  113. package/lib/radio/src/group.min.js +1 -1
  114. package/lib/radio/style/style.css +11 -0
  115. package/lib/radio/style/style.min.css +1 -1
  116. package/lib/radio-button/style/style.css +6 -0
  117. package/lib/radio-button/style/style.min.css +1 -1
  118. package/lib/select/style/style.css +10 -0
  119. package/lib/select/style/style.min.css +1 -1
  120. package/lib/style.css +1 -1
  121. package/lib/style.min.css +1 -1
  122. package/lib/switch/style/style.css +36 -22
  123. package/lib/switch/style/style.min.css +1 -1
  124. package/lib/tag/style/style.css +20 -19
  125. package/lib/tag/style/style.min.css +1 -1
  126. package/lib/tree/src/tree.js +13 -2
  127. package/lib/tree/src/tree.min.js +1 -1
  128. package/lib/tree/style/style.css +4 -1
  129. package/lib/tree/style/style.min.css +1 -1
  130. package/lib/ui/index.js +1 -1
  131. package/lib/ui/index.min.js +1 -1
  132. package/lib/ui/src/log.js +1 -1
  133. package/lib/ui/src/log.min.js +1 -1
  134. package/lib/upload/style/style.css +10 -0
  135. package/lib/upload/style/style.min.css +1 -1
  136. package/lib/vxe-button/style/style.css +14 -0
  137. package/lib/vxe-button/style/style.min.css +1 -1
  138. package/lib/vxe-cascader/style/style.css +9 -9
  139. package/lib/vxe-cascader/style/style.min.css +1 -1
  140. package/lib/vxe-checkbox/style/style.css +11 -0
  141. package/lib/vxe-checkbox/style/style.min.css +1 -1
  142. package/lib/vxe-checkbox-button/style/style.css +6 -0
  143. package/lib/vxe-checkbox-button/style/style.min.css +1 -1
  144. package/lib/vxe-form/style/style.css +19 -11
  145. package/lib/vxe-form/style/style.min.css +1 -1
  146. package/lib/vxe-icon/style/style.css +6 -0
  147. package/lib/vxe-icon/style/style.min.css +1 -1
  148. package/lib/vxe-input/style/style.css +276 -66
  149. package/lib/vxe-input/style/style.min.css +1 -1
  150. package/lib/vxe-menu/style/style.css +10 -0
  151. package/lib/vxe-menu/style/style.min.css +1 -1
  152. package/lib/vxe-number-input/style/style.css +28 -21
  153. package/lib/vxe-number-input/style/style.min.css +1 -1
  154. package/lib/vxe-password-input/style/style.css +28 -399
  155. package/lib/vxe-password-input/style/style.min.css +1 -1
  156. package/lib/vxe-radio/style/style.css +11 -0
  157. package/lib/vxe-radio/style/style.min.css +1 -1
  158. package/lib/vxe-radio-button/style/style.css +6 -0
  159. package/lib/vxe-radio-button/style/style.min.css +1 -1
  160. package/lib/vxe-select/style/style.css +10 -0
  161. package/lib/vxe-select/style/style.min.css +1 -1
  162. package/lib/vxe-switch/style/style.css +36 -22
  163. package/lib/vxe-switch/style/style.min.css +1 -1
  164. package/lib/vxe-tag/style/style.css +20 -19
  165. package/lib/vxe-tag/style/style.min.css +1 -1
  166. package/lib/vxe-tree/style/style.css +4 -1
  167. package/lib/vxe-tree/style/style.min.css +1 -1
  168. package/lib/vxe-upload/style/style.css +10 -0
  169. package/lib/vxe-upload/style/style.min.css +1 -1
  170. package/package.json +3 -3
  171. package/packages/cascader/src/cascader.ts +66 -23
  172. package/packages/checkbox/src/group.ts +7 -4
  173. package/packages/date-range-picker/src/date-range-picker.ts +23 -9
  174. package/packages/menu/src/menu.ts +4 -3
  175. package/packages/password-input/src/password-input.ts +1 -0
  176. package/packages/radio/src/group.ts +3 -3
  177. package/packages/tree/src/tree.ts +14 -2
  178. package/styles/components/button.scss +12 -0
  179. package/styles/components/cascader.scss +9 -9
  180. package/styles/components/checkbox-button.scss +6 -0
  181. package/styles/components/checkbox.scss +11 -0
  182. package/styles/components/form.scss +28 -22
  183. package/styles/components/icon.scss +6 -0
  184. package/styles/components/input.scss +52 -28
  185. package/styles/components/menu.scss +8 -0
  186. package/styles/components/number-input.scss +29 -23
  187. package/styles/components/password-input.scss +29 -173
  188. package/styles/components/radio-button.scss +6 -0
  189. package/styles/components/radio.scss +11 -0
  190. package/styles/components/select.scss +8 -0
  191. package/styles/components/switch.scss +37 -22
  192. package/styles/components/tag.scss +21 -21
  193. package/styles/components/tree.scss +3 -1
  194. package/styles/components/upload.scss +8 -0
  195. package/styles/theme/base.scss +47 -0
  196. package/types/components/cascader.d.ts +1 -0
  197. package/types/components/checkbox-group.d.ts +2 -0
  198. package/types/components/tree.d.ts +7 -0
  199. /package/es/icon/{iconfont.1783873707609.ttf → iconfont.1783939819897.ttf} +0 -0
  200. /package/es/icon/{iconfont.1783873707609.woff → iconfont.1783939819897.woff} +0 -0
  201. /package/es/icon/{iconfont.1783873707609.woff2 → iconfont.1783939819897.woff2} +0 -0
  202. /package/es/{iconfont.1783873707609.ttf → iconfont.1783939819897.ttf} +0 -0
  203. /package/es/{iconfont.1783873707609.woff → iconfont.1783939819897.woff} +0 -0
  204. /package/es/{iconfont.1783873707609.woff2 → iconfont.1783939819897.woff2} +0 -0
  205. /package/lib/icon/style/{iconfont.1783873707609.ttf → iconfont.1783939819897.ttf} +0 -0
  206. /package/lib/icon/style/{iconfont.1783873707609.woff → iconfont.1783939819897.woff} +0 -0
  207. /package/lib/icon/style/{iconfont.1783873707609.woff2 → iconfont.1783939819897.woff2} +0 -0
  208. /package/lib/{iconfont.1783873707609.ttf → iconfont.1783939819897.ttf} +0 -0
  209. /package/lib/{iconfont.1783873707609.woff → iconfont.1783939819897.woff} +0 -0
  210. /package/lib/{iconfont.1783873707609.woff2 → iconfont.1783939819897.woff2} +0 -0
package/es/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;
@@ -600,9 +631,9 @@
600
631
  }
601
632
 
602
633
  .vxe-input {
603
- font-size: var(--vxe-ui-font-size-default);
604
- height: var(--vxe-ui-input-height-default);
605
- line-height: var(--vxe-ui-input-height-default);
634
+ font-size: var(--vxe-ui-input-current-font-size);
635
+ height: var(--vxe-ui-input-current-height-default);
636
+ line-height: var(--vxe-ui-input-current-height-default);
606
637
  }
607
638
  .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 {
608
639
  margin-top: 6px;
@@ -610,27 +641,12 @@
610
641
  .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 {
611
642
  height: 24px;
612
643
  }
613
- .vxe-input.size--medium {
614
- font-size: var(--vxe-ui-font-size-medium);
615
- height: var(--vxe-ui-input-height-medium);
616
- line-height: var(--vxe-ui-input-height-medium);
617
- }
618
644
  .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 {
619
645
  margin-top: 4px;
620
646
  }
621
- .vxe-input.size--small {
622
- font-size: var(--vxe-ui-font-size-small);
623
- height: var(--vxe-ui-input-height-small);
624
- line-height: var(--vxe-ui-input-height-small);
625
- }
626
647
  .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 {
627
648
  margin-top: 2px;
628
649
  }
629
- .vxe-input.size--mini {
630
- font-size: var(--vxe-ui-font-size-mini);
631
- height: var(--vxe-ui-input-height-mini);
632
- line-height: var(--vxe-ui-input-height-mini);
633
- }
634
650
  .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 {
635
651
  margin-top: 0;
636
652
  }
@@ -639,10 +655,10 @@
639
655
  font-size: var(--vxe-ui-font-size-default);
640
656
  }
641
657
  .vxe-input--panel .vxe-input--panel-wrapper {
642
- max-height: 380px;
658
+ max-height: 340px;
643
659
  }
644
660
  .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 {
645
- padding: 11px;
661
+ padding: 9px;
646
662
  }
647
663
  .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 {
648
664
  width: 336px;
@@ -659,19 +675,19 @@
659
675
  }
660
676
  .vxe-input--panel.type--datetime .vxe-input--panel-left-wrapper,
661
677
  .vxe-input--panel.type--datetime .vxe-input--panel-right-wrapper {
662
- padding: 11px;
678
+ padding: 9px;
663
679
  }
664
680
  .vxe-input--panel .vxe-input--time-picker-title {
665
- height: 30px;
666
- line-height: 30px;
681
+ height: 28px;
682
+ line-height: 28px;
667
683
  }
668
684
  .vxe-input--panel .vxe-input--date-picker-label,
669
685
  .vxe-input--panel .vxe-input--date-picker-btn {
670
- height: 30px;
671
- line-height: 30px;
686
+ height: 28px;
687
+ line-height: 28px;
672
688
  }
673
689
  .vxe-input--panel .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-btn {
674
- margin-left: 8px;
690
+ margin-left: 6px;
675
691
  }
676
692
  .vxe-input--panel .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-btn:active {
677
693
  transform: scale(0.9);
@@ -679,13 +695,13 @@
679
695
  .vxe-input--panel .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-prev-btn,
680
696
  .vxe-input--panel .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-current-btn,
681
697
  .vxe-input--panel .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-next-btn {
682
- width: 30px;
698
+ width: 28px;
683
699
  border-radius: var(--vxe-ui-base-border-radius);
684
700
  border: 1px solid var(--vxe-ui-input-border-color);
685
701
  }
686
702
  .vxe-input--panel .vxe-input--date-picker-type-wrapper .vxe-input--date-picker-label,
687
703
  .vxe-input--panel .vxe-input--date-picker-type-wrapper .vxe-input--date-picker-btns {
688
- padding: 0 9px;
704
+ padding: 0 7px;
689
705
  }
690
706
  .vxe-input--panel .vxe-input--time-picker-header,
691
707
  .vxe-input--panel .vxe-input--date-picker-header {
@@ -703,7 +719,7 @@
703
719
  }
704
720
  .vxe-input--panel .vxe-input--time-picker-body > ul > li {
705
721
  height: 26px;
706
- padding-left: 9px;
722
+ padding-left: 7px;
707
723
  }
708
724
  .vxe-input--panel .vxe-input--time-picker-body .vxe-input--time-picker-minute-list {
709
725
  left: 48px;
@@ -727,19 +743,213 @@
727
743
  }
728
744
  .vxe-input--panel .vxe-input--time-picker-confirm,
729
745
  .vxe-input--panel .vxe-input--date-picker-confirm {
730
- height: 30px;
746
+ height: 28px;
731
747
  }
732
748
  .vxe-input--panel .vxe-input--date-label {
733
749
  line-height: calc(var(--vxe-ui-font-size-default) + 1px);
734
750
  }
751
+ .vxe-input--panel.size--xlarge {
752
+ font-size: var(--vxe-ui-font-size-xlarge);
753
+ }
754
+ .vxe-input--panel.size--xlarge .vxe-input--panel-wrapper {
755
+ max-height: 380px;
756
+ }
757
+ .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 {
758
+ padding: 11px;
759
+ }
760
+ .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 {
761
+ width: 336px;
762
+ }
763
+ .vxe-input--panel.size--xlarge.type--week .vxe-input--panel-wrapper {
764
+ width: 380px;
765
+ }
766
+ .vxe-input--panel.size--xlarge.type--time .vxe-input--panel-wrapper {
767
+ display: inline-flex;
768
+ flex-direction: column;
769
+ }
770
+ .vxe-input--panel.size--xlarge.type--datetime .vxe-input--panel-left-wrapper {
771
+ width: 336px;
772
+ }
773
+ .vxe-input--panel.size--xlarge.type--datetime .vxe-input--panel-left-wrapper,
774
+ .vxe-input--panel.size--xlarge.type--datetime .vxe-input--panel-right-wrapper {
775
+ padding: 11px;
776
+ }
777
+ .vxe-input--panel.size--xlarge .vxe-input--time-picker-title {
778
+ height: 30px;
779
+ line-height: 30px;
780
+ }
781
+ .vxe-input--panel.size--xlarge .vxe-input--date-picker-label,
782
+ .vxe-input--panel.size--xlarge .vxe-input--date-picker-btn {
783
+ height: 30px;
784
+ line-height: 30px;
785
+ }
786
+ .vxe-input--panel.size--xlarge .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-btn {
787
+ margin-left: 8px;
788
+ }
789
+ .vxe-input--panel.size--xlarge .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-btn:active {
790
+ transform: scale(0.9);
791
+ }
792
+ .vxe-input--panel.size--xlarge .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-prev-btn,
793
+ .vxe-input--panel.size--xlarge .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-current-btn,
794
+ .vxe-input--panel.size--xlarge .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-next-btn {
795
+ width: 30px;
796
+ border-radius: var(--vxe-ui-base-border-radius);
797
+ border: 1px solid var(--vxe-ui-input-border-color);
798
+ }
799
+ .vxe-input--panel.size--xlarge .vxe-input--date-picker-type-wrapper .vxe-input--date-picker-label,
800
+ .vxe-input--panel.size--xlarge .vxe-input--date-picker-type-wrapper .vxe-input--date-picker-btns {
801
+ padding: 0 9px;
802
+ }
803
+ .vxe-input--panel.size--xlarge .vxe-input--time-picker-header,
804
+ .vxe-input--panel.size--xlarge .vxe-input--date-picker-header {
805
+ padding-bottom: 10px;
806
+ }
807
+ .vxe-input--panel.size--xlarge .vxe-input--date-picker-body table,
808
+ .vxe-input--panel.size--xlarge .vxe-input--time-picker-body {
809
+ height: calc(var(--vxe-ui-input-date-time-week-row-height-xlarge) * 6 + var(--vxe-ui-input-date-title-height-xlarge));
810
+ }
811
+ .vxe-input--panel.size--xlarge .vxe-input--time-picker-body > ul {
812
+ width: 48px;
813
+ }
814
+ .vxe-input--panel.size--xlarge .vxe-input--time-picker-body > ul:before, .vxe-input--panel.size--xlarge .vxe-input--time-picker-body > ul:after {
815
+ height: 120px;
816
+ }
817
+ .vxe-input--panel.size--xlarge .vxe-input--time-picker-body > ul > li {
818
+ height: 26px;
819
+ padding-left: 9px;
820
+ }
821
+ .vxe-input--panel.size--xlarge .vxe-input--time-picker-body .vxe-input--time-picker-minute-list {
822
+ left: 48px;
823
+ }
824
+ .vxe-input--panel.size--xlarge .vxe-input--time-picker-body .vxe-input--time-picker-second-list {
825
+ left: 96px;
826
+ }
827
+ .vxe-input--panel.size--xlarge .vxe-input--date-day-view td,
828
+ .vxe-input--panel.size--xlarge .vxe-input--date-week-view td {
829
+ height: var(--vxe-ui-input-date-time-week-row-height-xlarge);
830
+ }
831
+ .vxe-input--panel.size--xlarge .vxe-input--date-quarter-view td {
832
+ height: var(--vxe-ui-input-date-quarter-row-height-xlarge);
833
+ }
834
+ .vxe-input--panel.size--xlarge .vxe-input--date-month-view td,
835
+ .vxe-input--panel.size--xlarge .vxe-input--date-year-view td {
836
+ height: var(--vxe-ui-input-date-month-year-row-height-xlarge);
837
+ }
838
+ .vxe-input--panel.size--xlarge .vxe-input--date-picker-body th {
839
+ height: var(--vxe-ui-input-date-title-height-xlarge);
840
+ }
841
+ .vxe-input--panel.size--xlarge .vxe-input--time-picker-confirm,
842
+ .vxe-input--panel.size--xlarge .vxe-input--date-picker-confirm {
843
+ height: 30px;
844
+ }
845
+ .vxe-input--panel.size--xlarge .vxe-input--date-label {
846
+ line-height: calc(var(--vxe-ui-font-size-xlarge) + 1px);
847
+ }
848
+ .vxe-input--panel.size--large {
849
+ font-size: var(--vxe-ui-font-size-large);
850
+ }
851
+ .vxe-input--panel.size--large .vxe-input--panel-wrapper {
852
+ max-height: 360px;
853
+ }
854
+ .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 {
855
+ padding: 10px;
856
+ }
857
+ .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 {
858
+ width: 336px;
859
+ }
860
+ .vxe-input--panel.size--large.type--week .vxe-input--panel-wrapper {
861
+ width: 380px;
862
+ }
863
+ .vxe-input--panel.size--large.type--time .vxe-input--panel-wrapper {
864
+ display: inline-flex;
865
+ flex-direction: column;
866
+ }
867
+ .vxe-input--panel.size--large.type--datetime .vxe-input--panel-left-wrapper {
868
+ width: 336px;
869
+ }
870
+ .vxe-input--panel.size--large.type--datetime .vxe-input--panel-left-wrapper,
871
+ .vxe-input--panel.size--large.type--datetime .vxe-input--panel-right-wrapper {
872
+ padding: 10px;
873
+ }
874
+ .vxe-input--panel.size--large .vxe-input--time-picker-title {
875
+ height: 29px;
876
+ line-height: 29px;
877
+ }
878
+ .vxe-input--panel.size--large .vxe-input--date-picker-label,
879
+ .vxe-input--panel.size--large .vxe-input--date-picker-btn {
880
+ height: 29px;
881
+ line-height: 29px;
882
+ }
883
+ .vxe-input--panel.size--large .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-btn {
884
+ margin-left: 7px;
885
+ }
886
+ .vxe-input--panel.size--large .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-btn:active {
887
+ transform: scale(0.9);
888
+ }
889
+ .vxe-input--panel.size--large .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-prev-btn,
890
+ .vxe-input--panel.size--large .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-current-btn,
891
+ .vxe-input--panel.size--large .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-next-btn {
892
+ width: 29px;
893
+ border-radius: var(--vxe-ui-base-border-radius);
894
+ border: 1px solid var(--vxe-ui-input-border-color);
895
+ }
896
+ .vxe-input--panel.size--large .vxe-input--date-picker-type-wrapper .vxe-input--date-picker-label,
897
+ .vxe-input--panel.size--large .vxe-input--date-picker-type-wrapper .vxe-input--date-picker-btns {
898
+ padding: 0 8px;
899
+ }
900
+ .vxe-input--panel.size--large .vxe-input--time-picker-header,
901
+ .vxe-input--panel.size--large .vxe-input--date-picker-header {
902
+ padding-bottom: 9px;
903
+ }
904
+ .vxe-input--panel.size--large .vxe-input--date-picker-body table,
905
+ .vxe-input--panel.size--large .vxe-input--time-picker-body {
906
+ height: calc(var(--vxe-ui-input-date-time-week-row-height-large) * 6 + var(--vxe-ui-input-date-title-height-large));
907
+ }
908
+ .vxe-input--panel.size--large .vxe-input--time-picker-body > ul {
909
+ width: 48px;
910
+ }
911
+ .vxe-input--panel.size--large .vxe-input--time-picker-body > ul:before, .vxe-input--panel.size--large .vxe-input--time-picker-body > ul:after {
912
+ height: 120px;
913
+ }
914
+ .vxe-input--panel.size--large .vxe-input--time-picker-body > ul > li {
915
+ height: 26px;
916
+ padding-left: 8px;
917
+ }
918
+ .vxe-input--panel.size--large .vxe-input--time-picker-body .vxe-input--time-picker-minute-list {
919
+ left: 48px;
920
+ }
921
+ .vxe-input--panel.size--large .vxe-input--time-picker-body .vxe-input--time-picker-second-list {
922
+ left: 96px;
923
+ }
924
+ .vxe-input--panel.size--large .vxe-input--date-day-view td,
925
+ .vxe-input--panel.size--large .vxe-input--date-week-view td {
926
+ height: var(--vxe-ui-input-date-time-week-row-height-large);
927
+ }
928
+ .vxe-input--panel.size--large .vxe-input--date-quarter-view td {
929
+ height: var(--vxe-ui-input-date-quarter-row-height-large);
930
+ }
931
+ .vxe-input--panel.size--large .vxe-input--date-month-view td,
932
+ .vxe-input--panel.size--large .vxe-input--date-year-view td {
933
+ height: var(--vxe-ui-input-date-month-year-row-height-large);
934
+ }
935
+ .vxe-input--panel.size--large .vxe-input--date-picker-body th {
936
+ height: var(--vxe-ui-input-date-title-height-large);
937
+ }
938
+ .vxe-input--panel.size--large .vxe-input--time-picker-confirm,
939
+ .vxe-input--panel.size--large .vxe-input--date-picker-confirm {
940
+ height: 29px;
941
+ }
942
+ .vxe-input--panel.size--large .vxe-input--date-label {
943
+ line-height: calc(var(--vxe-ui-font-size-large) + 1px);
944
+ }
735
945
  .vxe-input--panel.size--medium {
736
946
  font-size: var(--vxe-ui-font-size-medium);
737
947
  }
738
948
  .vxe-input--panel.size--medium .vxe-input--panel-wrapper {
739
- max-height: 360px;
949
+ max-height: 320px;
740
950
  }
741
951
  .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 {
742
- padding: 10px;
952
+ padding: 8px;
743
953
  }
744
954
  .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 {
745
955
  width: 336px;
@@ -756,19 +966,19 @@
756
966
  }
757
967
  .vxe-input--panel.size--medium.type--datetime .vxe-input--panel-left-wrapper,
758
968
  .vxe-input--panel.size--medium.type--datetime .vxe-input--panel-right-wrapper {
759
- padding: 10px;
969
+ padding: 8px;
760
970
  }
761
971
  .vxe-input--panel.size--medium .vxe-input--time-picker-title {
762
- height: 29px;
763
- line-height: 29px;
972
+ height: 27px;
973
+ line-height: 27px;
764
974
  }
765
975
  .vxe-input--panel.size--medium .vxe-input--date-picker-label,
766
976
  .vxe-input--panel.size--medium .vxe-input--date-picker-btn {
767
- height: 29px;
768
- line-height: 29px;
977
+ height: 27px;
978
+ line-height: 27px;
769
979
  }
770
980
  .vxe-input--panel.size--medium .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-btn {
771
- margin-left: 7px;
981
+ margin-left: 5px;
772
982
  }
773
983
  .vxe-input--panel.size--medium .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-btn:active {
774
984
  transform: scale(0.9);
@@ -776,13 +986,13 @@
776
986
  .vxe-input--panel.size--medium .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-prev-btn,
777
987
  .vxe-input--panel.size--medium .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-current-btn,
778
988
  .vxe-input--panel.size--medium .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-next-btn {
779
- width: 29px;
989
+ width: 27px;
780
990
  border-radius: var(--vxe-ui-base-border-radius);
781
991
  border: 1px solid var(--vxe-ui-input-border-color);
782
992
  }
783
993
  .vxe-input--panel.size--medium .vxe-input--date-picker-type-wrapper .vxe-input--date-picker-label,
784
994
  .vxe-input--panel.size--medium .vxe-input--date-picker-type-wrapper .vxe-input--date-picker-btns {
785
- padding: 0 8px;
995
+ padding: 0 6px;
786
996
  }
787
997
  .vxe-input--panel.size--medium .vxe-input--time-picker-header,
788
998
  .vxe-input--panel.size--medium .vxe-input--date-picker-header {
@@ -800,7 +1010,7 @@
800
1010
  }
801
1011
  .vxe-input--panel.size--medium .vxe-input--time-picker-body > ul > li {
802
1012
  height: 26px;
803
- padding-left: 8px;
1013
+ padding-left: 6px;
804
1014
  }
805
1015
  .vxe-input--panel.size--medium .vxe-input--time-picker-body .vxe-input--time-picker-minute-list {
806
1016
  left: 48px;
@@ -824,7 +1034,7 @@
824
1034
  }
825
1035
  .vxe-input--panel.size--medium .vxe-input--time-picker-confirm,
826
1036
  .vxe-input--panel.size--medium .vxe-input--date-picker-confirm {
827
- height: 29px;
1037
+ height: 27px;
828
1038
  }
829
1039
  .vxe-input--panel.size--medium .vxe-input--date-label {
830
1040
  line-height: calc(var(--vxe-ui-font-size-medium) + 1px);
@@ -833,10 +1043,10 @@
833
1043
  font-size: var(--vxe-ui-font-size-small);
834
1044
  }
835
1045
  .vxe-input--panel.size--small .vxe-input--panel-wrapper {
836
- max-height: 340px;
1046
+ max-height: 300px;
837
1047
  }
838
1048
  .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 {
839
- padding: 9px;
1049
+ padding: 7px;
840
1050
  }
841
1051
  .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 {
842
1052
  width: 312px;
@@ -853,19 +1063,19 @@
853
1063
  }
854
1064
  .vxe-input--panel.size--small.type--datetime .vxe-input--panel-left-wrapper,
855
1065
  .vxe-input--panel.size--small.type--datetime .vxe-input--panel-right-wrapper {
856
- padding: 9px;
1066
+ padding: 7px;
857
1067
  }
858
1068
  .vxe-input--panel.size--small .vxe-input--time-picker-title {
859
- height: 28px;
860
- line-height: 28px;
1069
+ height: 26px;
1070
+ line-height: 26px;
861
1071
  }
862
1072
  .vxe-input--panel.size--small .vxe-input--date-picker-label,
863
1073
  .vxe-input--panel.size--small .vxe-input--date-picker-btn {
864
- height: 28px;
865
- line-height: 28px;
1074
+ height: 26px;
1075
+ line-height: 26px;
866
1076
  }
867
1077
  .vxe-input--panel.size--small .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-btn {
868
- margin-left: 6px;
1078
+ margin-left: 4px;
869
1079
  }
870
1080
  .vxe-input--panel.size--small .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-btn:active {
871
1081
  transform: scale(0.9);
@@ -873,13 +1083,13 @@
873
1083
  .vxe-input--panel.size--small .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-prev-btn,
874
1084
  .vxe-input--panel.size--small .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-current-btn,
875
1085
  .vxe-input--panel.size--small .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-next-btn {
876
- width: 28px;
1086
+ width: 26px;
877
1087
  border-radius: var(--vxe-ui-base-border-radius);
878
1088
  border: 1px solid var(--vxe-ui-input-border-color);
879
1089
  }
880
1090
  .vxe-input--panel.size--small .vxe-input--date-picker-type-wrapper .vxe-input--date-picker-label,
881
1091
  .vxe-input--panel.size--small .vxe-input--date-picker-type-wrapper .vxe-input--date-picker-btns {
882
- padding: 0 7px;
1092
+ padding: 0 5px;
883
1093
  }
884
1094
  .vxe-input--panel.size--small .vxe-input--time-picker-header,
885
1095
  .vxe-input--panel.size--small .vxe-input--date-picker-header {
@@ -897,7 +1107,7 @@
897
1107
  }
898
1108
  .vxe-input--panel.size--small .vxe-input--time-picker-body > ul > li {
899
1109
  height: 26px;
900
- padding-left: 7px;
1110
+ padding-left: 5px;
901
1111
  }
902
1112
  .vxe-input--panel.size--small .vxe-input--time-picker-body .vxe-input--time-picker-minute-list {
903
1113
  left: 44px;
@@ -921,7 +1131,7 @@
921
1131
  }
922
1132
  .vxe-input--panel.size--small .vxe-input--time-picker-confirm,
923
1133
  .vxe-input--panel.size--small .vxe-input--date-picker-confirm {
924
- height: 28px;
1134
+ height: 26px;
925
1135
  }
926
1136
  .vxe-input--panel.size--small .vxe-input--date-label {
927
1137
  line-height: calc(var(--vxe-ui-font-size-small) + 1px);
@@ -930,10 +1140,10 @@
930
1140
  font-size: var(--vxe-ui-font-size-mini);
931
1141
  }
932
1142
  .vxe-input--panel.size--mini .vxe-input--panel-wrapper {
933
- max-height: 320px;
1143
+ max-height: 280px;
934
1144
  }
935
1145
  .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 {
936
- padding: 8px;
1146
+ padding: 6px;
937
1147
  }
938
1148
  .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 {
939
1149
  width: 288px;
@@ -950,19 +1160,19 @@
950
1160
  }
951
1161
  .vxe-input--panel.size--mini.type--datetime .vxe-input--panel-left-wrapper,
952
1162
  .vxe-input--panel.size--mini.type--datetime .vxe-input--panel-right-wrapper {
953
- padding: 8px;
1163
+ padding: 6px;
954
1164
  }
955
1165
  .vxe-input--panel.size--mini .vxe-input--time-picker-title {
956
- height: 27px;
957
- line-height: 27px;
1166
+ height: 25px;
1167
+ line-height: 25px;
958
1168
  }
959
1169
  .vxe-input--panel.size--mini .vxe-input--date-picker-label,
960
1170
  .vxe-input--panel.size--mini .vxe-input--date-picker-btn {
961
- height: 27px;
962
- line-height: 27px;
1171
+ height: 25px;
1172
+ line-height: 25px;
963
1173
  }
964
1174
  .vxe-input--panel.size--mini .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-btn {
965
- margin-left: 5px;
1175
+ margin-left: 3px;
966
1176
  }
967
1177
  .vxe-input--panel.size--mini .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-btn:active {
968
1178
  transform: scale(0.9);
@@ -970,13 +1180,13 @@
970
1180
  .vxe-input--panel.size--mini .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-prev-btn,
971
1181
  .vxe-input--panel.size--mini .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-current-btn,
972
1182
  .vxe-input--panel.size--mini .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-next-btn {
973
- width: 27px;
1183
+ width: 25px;
974
1184
  border-radius: var(--vxe-ui-base-border-radius);
975
1185
  border: 1px solid var(--vxe-ui-input-border-color);
976
1186
  }
977
1187
  .vxe-input--panel.size--mini .vxe-input--date-picker-type-wrapper .vxe-input--date-picker-label,
978
1188
  .vxe-input--panel.size--mini .vxe-input--date-picker-type-wrapper .vxe-input--date-picker-btns {
979
- padding: 0 6px;
1189
+ padding: 0 4px;
980
1190
  }
981
1191
  .vxe-input--panel.size--mini .vxe-input--time-picker-header,
982
1192
  .vxe-input--panel.size--mini .vxe-input--date-picker-header {
@@ -994,7 +1204,7 @@
994
1204
  }
995
1205
  .vxe-input--panel.size--mini .vxe-input--time-picker-body > ul > li {
996
1206
  height: 26px;
997
- padding-left: 6px;
1207
+ padding-left: 4px;
998
1208
  }
999
1209
  .vxe-input--panel.size--mini .vxe-input--time-picker-body .vxe-input--time-picker-minute-list {
1000
1210
  left: 42px;
@@ -1018,7 +1228,7 @@
1018
1228
  }
1019
1229
  .vxe-input--panel.size--mini .vxe-input--time-picker-confirm,
1020
1230
  .vxe-input--panel.size--mini .vxe-input--date-picker-confirm {
1021
- height: 27px;
1231
+ height: 25px;
1022
1232
  }
1023
1233
  .vxe-input--panel.size--mini .vxe-input--date-label {
1024
1234
  line-height: calc(var(--vxe-ui-font-size-mini) + 1px);