vxe-pc-ui 4.5.36 → 4.6.0

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 (306) hide show
  1. package/es/calendar/src/calendar.js +1 -1
  2. package/es/components.js +6 -0
  3. package/es/date-panel/index.js +12 -0
  4. package/es/date-panel/src/date-panel.js +1587 -0
  5. package/es/date-panel/src/util.js +191 -0
  6. package/es/date-panel/style.css +443 -0
  7. package/es/date-panel/style.min.css +1 -0
  8. package/es/date-picker/index.js +0 -1
  9. package/es/date-picker/src/date-picker.js +274 -1663
  10. package/es/date-picker/style.css +68 -810
  11. package/es/date-picker/style.min.css +1 -1
  12. package/es/date-range-picker/index.js +12 -0
  13. package/es/date-range-picker/src/date-range-picker.js +1121 -0
  14. package/es/date-range-picker/style.css +284 -0
  15. package/es/date-range-picker/style.min.css +1 -0
  16. package/es/form/render/index.js +21 -15
  17. package/es/icon/style.css +1 -1
  18. package/es/input/src/input.js +1 -1
  19. package/es/language/ar-EG.js +1 -1
  20. package/es/language/de-DE.js +1 -1
  21. package/es/language/en-US.js +1 -1
  22. package/es/language/es-ES.js +1 -1
  23. package/es/language/fr-FR.d.ts +2 -0
  24. package/es/language/fr-FR.js +1 -1
  25. package/es/language/hu-HU.js +1 -1
  26. package/es/language/hy-AM.d.ts +2 -0
  27. package/es/language/hy-AM.js +1 -1
  28. package/es/language/id-ID.d.ts +2 -0
  29. package/es/language/id-ID.js +1 -1
  30. package/es/language/it-IT.d.ts +2 -0
  31. package/es/language/it-IT.js +1 -1
  32. package/es/language/ja-JP.js +1 -1
  33. package/es/language/ko-KR.js +1 -1
  34. package/es/language/ms-MY.d.ts +2 -0
  35. package/es/language/ms-MY.js +708 -0
  36. package/es/language/nb-NO.d.ts +2 -0
  37. package/es/language/nb-NO.js +1 -1
  38. package/es/language/pt-BR.js +1 -1
  39. package/es/language/ru-RU.js +1 -1
  40. package/es/language/th-TH.d.ts +2 -0
  41. package/es/language/th-TH.js +1 -1
  42. package/es/language/ug-CN.d.ts +2 -0
  43. package/es/language/ug-CN.js +1 -1
  44. package/es/language/uk-UA.js +1 -1
  45. package/es/language/uz-UZ.d.ts +2 -0
  46. package/es/language/uz-UZ.js +708 -0
  47. package/es/language/vi-VN.d.ts +2 -0
  48. package/es/language/vi-VN.js +1 -1
  49. package/es/language/zh-CHT.d.ts +2 -0
  50. package/es/language/zh-CHT.js +1 -1
  51. package/es/language/zh-CN.js +1 -1
  52. package/es/print/src/print.js +4 -0
  53. package/es/print/src/util.js +46 -3
  54. package/es/pulldown/style.css +15 -0
  55. package/es/pulldown/style.min.css +1 -1
  56. package/es/select/style.css +15 -0
  57. package/es/select/style.min.css +1 -1
  58. package/es/style.css +1 -1
  59. package/es/style.min.css +1 -1
  60. package/es/table-select/style.css +15 -0
  61. package/es/table-select/style.min.css +1 -1
  62. package/es/tree-select/style.css +15 -0
  63. package/es/tree-select/style.min.css +1 -1
  64. package/es/ui/index.js +31 -6
  65. package/es/ui/src/log.js +1 -1
  66. package/es/vxe-date-panel/index.js +3 -0
  67. package/es/vxe-date-panel/style.css +443 -0
  68. package/es/vxe-date-panel/style.min.css +1 -0
  69. package/es/vxe-date-picker/style.css +68 -810
  70. package/es/vxe-date-picker/style.min.css +1 -1
  71. package/es/vxe-date-range-picker/index.js +3 -0
  72. package/es/vxe-date-range-picker/style.css +284 -0
  73. package/es/vxe-date-range-picker/style.min.css +1 -0
  74. package/es/vxe-pulldown/style.css +15 -0
  75. package/es/vxe-pulldown/style.min.css +1 -1
  76. package/es/vxe-select/style.css +15 -0
  77. package/es/vxe-select/style.min.css +1 -1
  78. package/es/vxe-table-select/style.css +15 -0
  79. package/es/vxe-table-select/style.min.css +1 -1
  80. package/es/vxe-tree-select/style.css +15 -0
  81. package/es/vxe-tree-select/style.min.css +1 -1
  82. package/lib/calendar/src/calendar.js +1 -1
  83. package/lib/calendar/src/calendar.min.js +1 -1
  84. package/lib/components.js +25 -1
  85. package/lib/components.min.js +1 -1
  86. package/lib/date-panel/index.js +19 -0
  87. package/lib/date-panel/index.min.js +1 -0
  88. package/lib/date-panel/src/date-panel.js +1667 -0
  89. package/lib/date-panel/src/date-panel.min.js +1 -0
  90. package/lib/date-panel/src/util.js +219 -0
  91. package/lib/date-panel/src/util.min.js +1 -0
  92. package/lib/date-panel/style/index.js +1 -0
  93. package/lib/date-panel/style/style.css +443 -0
  94. package/lib/date-panel/style/style.min.css +1 -0
  95. package/lib/date-picker/index.js +0 -1
  96. package/lib/date-picker/index.min.js +1 -1
  97. package/lib/date-picker/src/date-picker.js +288 -1717
  98. package/lib/date-picker/src/date-picker.min.js +1 -1
  99. package/lib/date-picker/style/style.css +68 -810
  100. package/lib/date-picker/style/style.min.css +1 -1
  101. package/lib/date-range-picker/index.js +19 -0
  102. package/lib/date-range-picker/index.min.js +1 -0
  103. package/lib/date-range-picker/src/date-range-picker.js +1194 -0
  104. package/lib/date-range-picker/src/date-range-picker.min.js +1 -0
  105. package/lib/date-range-picker/style/index.js +1 -0
  106. package/lib/date-range-picker/style/style.css +284 -0
  107. package/lib/date-range-picker/style/style.min.css +1 -0
  108. package/lib/form/render/index.js +21 -15
  109. package/lib/form/render/index.min.js +1 -1
  110. package/lib/icon/style/style.css +1 -1
  111. package/lib/icon/style/style.min.css +1 -1
  112. package/lib/index.umd.js +2954 -1252
  113. package/lib/index.umd.min.js +1 -1
  114. package/lib/input/src/input.js +1 -1
  115. package/lib/input/src/input.min.js +1 -1
  116. package/lib/language/ar-EG.d.ts +2 -0
  117. package/lib/language/ar-EG.js +1 -1
  118. package/lib/language/ar-EG.min.js +1 -1
  119. package/lib/language/ar-EG.umd.js +728 -0
  120. package/lib/language/de-DE.d.ts +2 -0
  121. package/lib/language/de-DE.js +1 -1
  122. package/lib/language/de-DE.min.js +1 -1
  123. package/lib/language/de-DE.umd.js +728 -0
  124. package/lib/language/en-US.js +1 -1
  125. package/lib/language/en-US.min.js +1 -1
  126. package/lib/language/en-US.umd.js +1 -1
  127. package/lib/language/es-ES.js +1 -1
  128. package/lib/language/es-ES.min.js +1 -1
  129. package/lib/language/es-ES.umd.js +1 -1
  130. package/lib/language/fr-FR.d.ts +2 -0
  131. package/lib/language/fr-FR.js +1 -1
  132. package/lib/language/fr-FR.min.js +1 -1
  133. package/lib/language/fr-FR.umd.js +728 -0
  134. package/lib/language/hu-HU.js +1 -1
  135. package/lib/language/hu-HU.min.js +1 -1
  136. package/lib/language/hu-HU.umd.js +1 -1
  137. package/lib/language/hy-AM.d.ts +2 -0
  138. package/lib/language/hy-AM.js +1 -1
  139. package/lib/language/hy-AM.min.js +1 -1
  140. package/lib/language/hy-AM.umd.js +728 -0
  141. package/lib/language/id-ID.d.ts +2 -0
  142. package/lib/language/id-ID.js +1 -1
  143. package/lib/language/id-ID.min.js +1 -1
  144. package/lib/language/id-ID.umd.js +728 -0
  145. package/lib/language/it-IT.d.ts +2 -0
  146. package/lib/language/it-IT.js +1 -1
  147. package/lib/language/it-IT.min.js +1 -1
  148. package/lib/language/it-IT.umd.js +728 -0
  149. package/lib/language/ja-JP.js +1 -1
  150. package/lib/language/ja-JP.min.js +1 -1
  151. package/lib/language/ja-JP.umd.js +1 -1
  152. package/lib/language/ko-KR.js +1 -1
  153. package/lib/language/ko-KR.min.js +1 -1
  154. package/lib/language/ko-KR.umd.js +1 -1
  155. package/lib/language/ms-MY.d.ts +2 -0
  156. package/lib/language/ms-MY.js +714 -0
  157. package/lib/language/ms-MY.min.js +1 -0
  158. package/lib/language/ms-MY.umd.js +728 -0
  159. package/lib/language/nb-NO.d.ts +2 -0
  160. package/lib/language/nb-NO.js +1 -1
  161. package/lib/language/nb-NO.min.js +1 -1
  162. package/lib/language/nb-NO.umd.js +728 -0
  163. package/lib/language/pt-BR.js +1 -1
  164. package/lib/language/pt-BR.min.js +1 -1
  165. package/lib/language/pt-BR.umd.js +1 -1
  166. package/lib/language/ru-RU.js +1 -1
  167. package/lib/language/ru-RU.min.js +1 -1
  168. package/lib/language/ru-RU.umd.js +1 -1
  169. package/lib/language/th-TH.d.ts +2 -0
  170. package/lib/language/th-TH.js +1 -1
  171. package/lib/language/th-TH.min.js +1 -1
  172. package/lib/language/th-TH.umd.js +728 -0
  173. package/lib/language/ug-CN.d.ts +2 -0
  174. package/lib/language/ug-CN.js +1 -1
  175. package/lib/language/ug-CN.min.js +1 -1
  176. package/lib/language/ug-CN.umd.js +728 -0
  177. package/lib/language/uk-UA.js +1 -1
  178. package/lib/language/uk-UA.min.js +1 -1
  179. package/lib/language/uk-UA.umd.js +1 -1
  180. package/lib/language/uz-UZ.d.ts +2 -0
  181. package/lib/language/uz-UZ.js +714 -0
  182. package/lib/language/uz-UZ.min.js +1 -0
  183. package/lib/language/uz-UZ.umd.js +728 -0
  184. package/lib/language/vi-VN.d.ts +2 -0
  185. package/lib/language/vi-VN.js +1 -1
  186. package/lib/language/vi-VN.min.js +1 -1
  187. package/lib/language/vi-VN.umd.js +728 -0
  188. package/lib/language/zh-CHT.d.ts +2 -0
  189. package/lib/language/zh-CHT.js +1 -1
  190. package/lib/language/zh-CHT.min.js +1 -1
  191. package/lib/language/zh-CHT.umd.js +728 -0
  192. package/lib/language/zh-CN.js +1 -1
  193. package/lib/language/zh-CN.min.js +1 -1
  194. package/lib/language/zh-CN.umd.js +1 -1
  195. package/lib/language/zh-TC.min.js +1 -1
  196. package/lib/print/src/print.js +4 -0
  197. package/lib/print/src/print.min.js +1 -1
  198. package/lib/print/src/util.js +45 -2
  199. package/lib/print/src/util.min.js +1 -1
  200. package/lib/pulldown/style/style.css +15 -0
  201. package/lib/pulldown/style/style.min.css +1 -1
  202. package/lib/select/style/style.css +15 -0
  203. package/lib/select/style/style.min.css +1 -1
  204. package/lib/style.css +1 -1
  205. package/lib/style.min.css +1 -1
  206. package/lib/table-select/style/style.css +15 -0
  207. package/lib/table-select/style/style.min.css +1 -1
  208. package/lib/tree-select/style/style.css +15 -0
  209. package/lib/tree-select/style/style.min.css +1 -1
  210. package/lib/ui/index.js +31 -6
  211. package/lib/ui/index.min.js +1 -1
  212. package/lib/ui/src/log.js +1 -1
  213. package/lib/ui/src/log.min.js +1 -1
  214. package/lib/vxe-date-panel/index.js +22 -0
  215. package/lib/vxe-date-panel/index.min.js +1 -0
  216. package/lib/vxe-date-panel/style/index.js +1 -0
  217. package/lib/vxe-date-panel/style/style.css +443 -0
  218. package/lib/vxe-date-panel/style/style.min.css +1 -0
  219. package/lib/vxe-date-picker/style/style.css +68 -810
  220. package/lib/vxe-date-picker/style/style.min.css +1 -1
  221. package/lib/vxe-date-range-picker/index.js +22 -0
  222. package/lib/vxe-date-range-picker/index.min.js +1 -0
  223. package/lib/vxe-date-range-picker/style/index.js +1 -0
  224. package/lib/vxe-date-range-picker/style/style.css +284 -0
  225. package/lib/vxe-date-range-picker/style/style.min.css +1 -0
  226. package/lib/vxe-pulldown/style/style.css +15 -0
  227. package/lib/vxe-pulldown/style/style.min.css +1 -1
  228. package/lib/vxe-select/style/style.css +15 -0
  229. package/lib/vxe-select/style/style.min.css +1 -1
  230. package/lib/vxe-table-select/style/style.css +15 -0
  231. package/lib/vxe-table-select/style/style.min.css +1 -1
  232. package/lib/vxe-tree-select/style/style.css +15 -0
  233. package/lib/vxe-tree-select/style/style.min.css +1 -1
  234. package/package.json +4 -5
  235. package/packages/calendar/src/calendar.ts +10 -10
  236. package/packages/components.ts +6 -0
  237. package/packages/date-panel/index.ts +16 -0
  238. package/packages/date-panel/src/date-panel.ts +1654 -0
  239. package/packages/date-panel/src/util.ts +212 -0
  240. package/packages/date-picker/index.ts +0 -1
  241. package/packages/date-picker/src/date-picker.ts +298 -1697
  242. package/packages/date-range-picker/index.ts +16 -0
  243. package/packages/date-range-picker/src/date-range-picker.ts +1196 -0
  244. package/packages/form/render/index.ts +21 -15
  245. package/packages/input/src/input.ts +15 -15
  246. package/packages/language/ar-EG.ts +1 -1
  247. package/packages/language/de-DE.ts +1 -1
  248. package/packages/language/en-US.ts +1 -1
  249. package/packages/language/es-ES.ts +1 -1
  250. package/packages/language/fr-FR.ts +1 -1
  251. package/packages/language/hu-HU.ts +1 -1
  252. package/packages/language/hy-AM.ts +1 -1
  253. package/packages/language/id-ID.ts +1 -1
  254. package/packages/language/it-IT.ts +1 -1
  255. package/packages/language/ja-JP.ts +1 -1
  256. package/packages/language/ko-KR.ts +1 -1
  257. package/packages/language/ms-MY.ts +708 -0
  258. package/packages/language/nb-NO.ts +1 -1
  259. package/packages/language/pt-BR.ts +1 -1
  260. package/packages/language/ru-RU.ts +1 -1
  261. package/packages/language/th-TH.ts +1 -1
  262. package/packages/language/ug-CN.ts +1 -1
  263. package/packages/language/uk-UA.ts +1 -1
  264. package/packages/language/uz-UZ.ts +708 -0
  265. package/packages/language/vi-VN.ts +1 -1
  266. package/packages/language/zh-CHT.ts +1 -1
  267. package/packages/language/zh-CN.ts +1 -1
  268. package/packages/print/src/print.ts +4 -0
  269. package/packages/print/src/util.ts +47 -4
  270. package/packages/ui/index.ts +30 -5
  271. package/styles/all.scss +2 -0
  272. package/styles/components/date-panel.scss +491 -0
  273. package/styles/components/date-picker.scss +62 -652
  274. package/styles/components/date-range-picker.scss +284 -0
  275. package/styles/components/pulldown.scss +10 -0
  276. package/styles/components/select.scss +8 -0
  277. package/styles/components/table-select.scss +8 -0
  278. package/styles/components/tree-select.scss +8 -0
  279. package/styles/helpers/baseMixin.scss +13 -0
  280. package/types/all.d.ts +6 -0
  281. package/types/components/button-group.d.ts +1 -1
  282. package/types/components/date-panel.d.ts +240 -0
  283. package/types/components/date-picker.d.ts +35 -142
  284. package/types/components/date-range-picker.d.ts +267 -0
  285. package/types/components/print.d.ts +8 -0
  286. package/types/ui/commands.d.ts +28 -2
  287. package/types/ui/global-config.d.ts +4 -0
  288. package/es/date-picker/src/util.js +0 -41
  289. package/lib/date-picker/src/util.js +0 -46
  290. package/lib/date-picker/src/util.min.js +0 -1
  291. package/lib/language/zh-TC.umd.js +0 -23
  292. package/packages/date-picker/src/util.ts +0 -42
  293. /package/es/icon/{iconfont.1746417522210.ttf → iconfont.1746782659171.ttf} +0 -0
  294. /package/es/icon/{iconfont.1746417522210.woff → iconfont.1746782659171.woff} +0 -0
  295. /package/es/icon/{iconfont.1746417522210.woff2 → iconfont.1746782659171.woff2} +0 -0
  296. /package/es/{iconfont.1746417522210.ttf → iconfont.1746782659171.ttf} +0 -0
  297. /package/es/{iconfont.1746417522210.woff → iconfont.1746782659171.woff} +0 -0
  298. /package/es/{iconfont.1746417522210.woff2 → iconfont.1746782659171.woff2} +0 -0
  299. /package/es/language/{zh-TC.d.ts → ar-EG.d.ts} +0 -0
  300. /package/{lib/language/zh-TC.d.ts → es/language/de-DE.d.ts} +0 -0
  301. /package/lib/icon/style/{iconfont.1746417522210.ttf → iconfont.1746782659171.ttf} +0 -0
  302. /package/lib/icon/style/{iconfont.1746417522210.woff → iconfont.1746782659171.woff} +0 -0
  303. /package/lib/icon/style/{iconfont.1746417522210.woff2 → iconfont.1746782659171.woff2} +0 -0
  304. /package/lib/{iconfont.1746417522210.ttf → iconfont.1746782659171.ttf} +0 -0
  305. /package/lib/{iconfont.1746417522210.woff → iconfont.1746782659171.woff} +0 -0
  306. /package/lib/{iconfont.1746417522210.woff2 → iconfont.1746782659171.woff2} +0 -0
@@ -104,26 +104,6 @@
104
104
  color: var(--vxe-ui-font-primary-color);
105
105
  }
106
106
 
107
- .vxe-date-picker--count {
108
- flex-shrink: 0;
109
- color: var(--vxe-ui-input-count-color);
110
- background-color: var(--vxe-ui-layout-background-color);
111
- padding-right: 0.6em;
112
- }
113
- .vxe-date-picker--count.is--error {
114
- color: var(--vxe-ui-input-count-error-color);
115
- }
116
-
117
- .vxe-date-picker.is--left .vxe-date-picker--inner {
118
- text-align: left;
119
- }
120
- .vxe-date-picker.is--center .vxe-date-picker--inner {
121
- text-align: center;
122
- }
123
- .vxe-date-picker.is--right .vxe-date-picker--inner {
124
- text-align: right;
125
- }
126
-
127
107
  .vxe-date-picker--panel {
128
108
  display: none;
129
109
  position: absolute;
@@ -152,458 +132,128 @@
152
132
  opacity: 1;
153
133
  transform: scaleY(1);
154
134
  }
155
-
156
- .vxe-date-picker--panel-layout-wrapper {
157
- display: inline-flex;
158
- flex-direction: column;
159
- pointer-events: auto;
160
- background-color: var(--vxe-ui-layout-background-color);
161
- border: 1px solid var(--vxe-ui-base-popup-border-color);
162
- box-shadow: 0 0 6px 2px rgba(0, 0, 0, 0.1);
163
- border-radius: var(--vxe-ui-base-border-radius);
164
- }
165
-
166
- .vxe-date-picker--panel-body-layout-wrapper {
167
- display: flex;
168
- flex-direction: row;
169
- white-space: nowrap;
170
- }
171
-
172
- .vxe-date-picker--panel-body-content-wrapper,
173
- .vxe-date-picker--panel-body-layout-wrapper,
174
- .vxe-date-picker--panel-body-wrapper {
175
- flex-grow: 1;
176
- }
177
-
178
- .vxe-date-picker--panel-body-wrapper {
179
- display: flex;
180
- flex-direction: row;
135
+ .vxe-date-picker--panel.ani--enter > div::after {
136
+ display: none;
181
137
  }
182
-
183
- .vxe-date-picker--panel-top-wrapper,
184
- .vxe-date-picker--panel-bottom-wrapper,
185
- .vxe-date-picker--panel-left-wrapper,
186
- .vxe-date-picker--panel-right-wrapper,
187
- .vxe-date-picker--panel-header-wrapper,
188
- .vxe-date-picker--panel-footer-wrapper {
189
- flex-shrink: 0;
138
+ .vxe-date-picker--panel > div::after {
139
+ content: "";
140
+ position: absolute;
141
+ top: 0;
142
+ left: 0;
143
+ width: 100%;
144
+ height: 100%;
145
+ z-index: 1;
146
+ -webkit-user-select: none;
147
+ -moz-user-select: none;
148
+ user-select: none;
190
149
  }
191
150
 
192
151
  .vxe-date-picker--panel {
193
152
  pointer-events: none;
194
153
  }
195
- .vxe-date-picker--panel.show--top .vxe-date-picker--panel-wrapper,
196
- .vxe-date-picker--panel.show--top .vxe-date-picker--panel-datetime-layout-wrapper, .vxe-date-picker--panel.show--right .vxe-date-picker--panel-wrapper,
197
- .vxe-date-picker--panel.show--right .vxe-date-picker--panel-datetime-layout-wrapper {
154
+ .vxe-date-picker--panel.show--top .vxe-date-picker--layout-wrapper,
155
+ .vxe-date-picker--panel.show--top .vxe-date-picker--layout-datetime-layout-wrapper, .vxe-date-picker--panel.show--right .vxe-date-picker--layout-wrapper,
156
+ .vxe-date-picker--panel.show--right .vxe-date-picker--layout-datetime-layout-wrapper {
198
157
  border-top-right-radius: 0;
199
158
  }
200
- .vxe-date-picker--panel.show--right .vxe-date-picker--panel-wrapper,
201
- .vxe-date-picker--panel.show--right .vxe-date-picker--panel-datetime-layout-wrapper, .vxe-date-picker--panel.show--bottom .vxe-date-picker--panel-wrapper,
202
- .vxe-date-picker--panel.show--bottom .vxe-date-picker--panel-datetime-layout-wrapper {
159
+ .vxe-date-picker--panel.show--right .vxe-date-picker--layout-wrapper,
160
+ .vxe-date-picker--panel.show--right .vxe-date-picker--layout-datetime-layout-wrapper, .vxe-date-picker--panel.show--bottom .vxe-date-picker--layout-wrapper,
161
+ .vxe-date-picker--panel.show--bottom .vxe-date-picker--layout-datetime-layout-wrapper {
203
162
  border-bottom-right-radius: 0;
204
163
  }
205
- .vxe-date-picker--panel.show--bottom .vxe-date-picker--panel-wrapper,
206
- .vxe-date-picker--panel.show--bottom .vxe-date-picker--panel-datetime-layout-wrapper, .vxe-date-picker--panel.show--left .vxe-date-picker--panel-wrapper,
207
- .vxe-date-picker--panel.show--left .vxe-date-picker--panel-datetime-layout-wrapper {
164
+ .vxe-date-picker--panel.show--bottom .vxe-date-picker--layout-wrapper,
165
+ .vxe-date-picker--panel.show--bottom .vxe-date-picker--layout-datetime-layout-wrapper, .vxe-date-picker--panel.show--left .vxe-date-picker--layout-wrapper,
166
+ .vxe-date-picker--panel.show--left .vxe-date-picker--layout-datetime-layout-wrapper {
208
167
  border-bottom-left-radius: 0;
209
168
  }
210
- .vxe-date-picker--panel.show--top .vxe-date-picker--panel-wrapper,
211
- .vxe-date-picker--panel.show--top .vxe-date-picker--panel-datetime-layout-wrapper, .vxe-date-picker--panel.show--left .vxe-date-picker--panel-wrapper,
212
- .vxe-date-picker--panel.show--left .vxe-date-picker--panel-datetime-layout-wrapper {
169
+ .vxe-date-picker--panel.show--top .vxe-date-picker--layout-wrapper,
170
+ .vxe-date-picker--panel.show--top .vxe-date-picker--layout-datetime-layout-wrapper, .vxe-date-picker--panel.show--left .vxe-date-picker--layout-wrapper,
171
+ .vxe-date-picker--panel.show--left .vxe-date-picker--layout-datetime-layout-wrapper {
213
172
  border-top-left-radius: 0;
214
173
  }
215
- .vxe-date-picker--panel.show--top .vxe-date-picker--panel-wrapper,
216
- .vxe-date-picker--panel.show--top .vxe-date-picker--panel-datetime-layout-wrapper {
174
+ .vxe-date-picker--panel.show--top .vxe-date-picker--layout-wrapper,
175
+ .vxe-date-picker--panel.show--top .vxe-date-picker--layout-datetime-layout-wrapper {
217
176
  border-top-width: 1px;
218
177
  }
219
- .vxe-date-picker--panel.show--bottom .vxe-date-picker--panel-wrapper,
220
- .vxe-date-picker--panel.show--bottom .vxe-date-picker--panel-datetime-layout-wrapper {
178
+ .vxe-date-picker--panel.show--bottom .vxe-date-picker--layout-wrapper,
179
+ .vxe-date-picker--panel.show--bottom .vxe-date-picker--layout-datetime-layout-wrapper {
221
180
  border-bottom-width: 1px;
222
181
  }
223
- .vxe-date-picker--panel.show--left .vxe-date-picker--panel-wrapper,
224
- .vxe-date-picker--panel.show--left .vxe-date-picker--panel-datetime-layout-wrapper {
182
+ .vxe-date-picker--panel.show--left .vxe-date-picker--layout-wrapper,
183
+ .vxe-date-picker--panel.show--left .vxe-date-picker--layout-datetime-layout-wrapper {
225
184
  border-left-width: 1px;
226
185
  }
227
- .vxe-date-picker--panel.show--right .vxe-date-picker--panel-wrapper,
228
- .vxe-date-picker--panel.show--right .vxe-date-picker--panel-datetime-layout-wrapper {
186
+ .vxe-date-picker--panel.show--right .vxe-date-picker--layout-wrapper,
187
+ .vxe-date-picker--panel.show--right .vxe-date-picker--layout-datetime-layout-wrapper {
229
188
  border-right-width: 1px;
230
189
  }
231
190
 
232
- .vxe-date-picker--panel-wrapper,
233
- .vxe-date-picker--panel-datetime-layout-wrapper {
234
- border: 0 solid var(--vxe-ui-base-popup-border-color);
235
- border-radius: var(--vxe-ui-base-border-radius);
236
- }
237
-
238
- .vxe-date-picker--panel-wrapper {
239
- overflow-x: hidden;
240
- overflow-y: auto;
241
- }
242
-
243
- .vxe-date-picker--panel-datetime-layout-wrapper {
191
+ .vxe-date-picker--layout-all-wrapper {
244
192
  display: inline-flex;
245
- flex-direction: row;
246
- }
247
-
248
- .vxe-date-picker--panel.type--date, .vxe-date-picker--panel.type--week, .vxe-date-picker--panel.type--month, .vxe-date-picker--panel.type--quarter, .vxe-date-picker--panel.type--year {
249
- -webkit-user-select: none;
250
- -moz-user-select: none;
251
- user-select: none;
252
- }
253
- .vxe-date-picker--panel.type--datetime .vxe-date-picker--panel-datetime-right-wrapper {
254
- display: flex;
255
193
  flex-direction: column;
256
- border-left: 1px solid var(--vxe-ui-input-border-color);
257
- }
258
- .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 {
259
- width: 14.28571%;
260
- }
261
- .vxe-date-picker--panel.type--week .vxe-date-picker--date-picker-body table th {
262
- width: 12%;
263
- }
264
- .vxe-date-picker--panel.type--week .vxe-date-picker--date-picker-body table th:first-child {
265
- width: 14%;
266
- }
267
- .vxe-date-picker--panel.type--quarter .vxe-date-picker--date-picker-body table th {
268
- width: 50%;
269
- }
270
- .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 {
271
- width: 25%;
272
- }
273
-
274
- .vxe-date-picker--time-picker-title {
275
- flex-grow: 1;
276
- text-align: center;
277
- border: 1px solid var(--vxe-ui-input-border-color);
278
- border-radius: var(--vxe-ui-base-border-radius);
279
- padding: 0 0.1em;
280
- margin-right: 0.5em;
281
- }
282
-
283
- .vxe-date-picker--time-picker-btn {
284
- display: flex;
285
- flex-shrink: 0;
286
- }
287
- .vxe-date-picker--time-picker-btn:active {
288
- transform: scale(0.9);
289
- }
290
-
291
- .vxe-date-picker--time-picker-confirm,
292
- .vxe-date-picker--date-picker-confirm {
293
- outline: 0;
294
- border: 1px solid var(--vxe-ui-input-border-color);
194
+ pointer-events: auto;
195
+ background-color: var(--vxe-ui-layout-background-color);
196
+ border: 1px solid var(--vxe-ui-base-popup-border-color);
197
+ box-shadow: 0 0 6px 2px rgba(0, 0, 0, 0.1);
295
198
  border-radius: var(--vxe-ui-base-border-radius);
296
- cursor: pointer;
297
- color: var(--vxe-ui-input-date-time-confirm-button-color);
298
- border-color: var(--vxe-ui-font-primary-color);
299
- background-color: var(--vxe-ui-font-primary-color);
300
- padding: 0 0.5em;
301
- }
302
- .vxe-date-picker--time-picker-confirm:hover,
303
- .vxe-date-picker--date-picker-confirm:hover {
304
- background-color: var(--vxe-ui-font-primary-lighten-color);
305
- border-color: var(--vxe-ui-font-primary-lighten-color);
306
- }
307
- .vxe-date-picker--time-picker-confirm:active,
308
- .vxe-date-picker--date-picker-confirm:active {
309
- background-color: var(--vxe-ui-font-primary-darken-color);
310
- border-color: var(--vxe-ui-font-primary-darken-color);
311
199
  }
312
200
 
313
- .vxe-date-picker--time-picker-header {
201
+ .vxe-date-picker--layout-body-layout-wrapper {
314
202
  display: flex;
315
203
  flex-direction: row;
316
- position: relative;
317
- flex-shrink: 0;
204
+ white-space: nowrap;
318
205
  }
319
206
 
320
- .vxe-date-picker--date-picker-header {
321
- display: flex;
322
- flex-direction: row;
323
- -webkit-user-select: none;
324
- -moz-user-select: none;
325
- user-select: none;
326
- }
327
- .vxe-date-picker--date-picker-header .vxe-date-picker--date-picker-type-wrapper {
207
+ .vxe-date-picker--layout-body-content-wrapper,
208
+ .vxe-date-picker--layout-body-layout-wrapper,
209
+ .vxe-date-picker--layout-body-wrapper {
328
210
  flex-grow: 1;
329
211
  }
330
- .vxe-date-picker--date-picker-header .vxe-date-picker--date-picker-btn-wrapper {
331
- flex-shrink: 0;
332
- text-align: center;
333
- }
334
212
 
335
- .vxe-date-picker--date-picker-type-wrapper .vxe-date-picker--date-picker-label,
336
- .vxe-date-picker--date-picker-type-wrapper .vxe-date-picker--date-picker-btn {
337
- display: inline-block;
338
- }
339
-
340
- .vxe-date-picker--date-picker-btn-wrapper {
213
+ .vxe-date-picker--layout-body-wrapper {
341
214
  display: flex;
342
215
  flex-direction: row;
343
216
  }
344
217
 
345
- .vxe-date-picker--date-picker-label,
346
- .vxe-date-picker--date-picker-btn {
347
- display: flex;
348
- align-items: center;
349
- justify-content: center;
350
- background-color: var(--vxe-ui-layout-background-color);
351
- }
352
-
353
- .vxe-date-picker--date-picker-btn.is--disabled {
354
- color: var(--vxe-ui-font-disabled-color);
355
- cursor: no-drop;
356
- }
357
- .vxe-date-picker--date-picker-btn:not(.is--disabled) {
358
- cursor: pointer;
359
- }
360
- .vxe-date-picker--date-picker-btn:not(.is--disabled):hover {
361
- color: var(--vxe-ui-font-primary-color);
362
- background-color: #fff;
363
- }
364
- .vxe-date-picker--date-picker-btn:not(.is--disabled):active {
365
- background-color: #fff;
366
- }
367
-
368
- .vxe-date-picker--date-picker-btns .vxe-date-picker--date-picker-btn {
369
- margin-left: 0.6em;
370
- }
371
- .vxe-date-picker--date-picker-btns .vxe-date-picker--date-picker-btn:first-child {
372
- margin-left: 0;
373
- }
374
-
375
- .vxe-date-picker--date-picker-body {
376
- border-radius: var(--vxe-ui-base-border-radius);
377
- border: 1px solid var(--vxe-ui-base-popup-border-color);
378
- -webkit-user-select: none;
379
- -moz-user-select: none;
380
- user-select: none;
381
- }
382
- .vxe-date-picker--date-picker-body table {
383
- border: 0;
384
- width: 100%;
385
- border-spacing: 0;
386
- border-collapse: separate;
387
- text-align: center;
388
- table-layout: fixed;
389
- }
390
- .vxe-date-picker--date-picker-body th,
391
- .vxe-date-picker--date-picker-body td {
392
- font-weight: normal;
393
- }
394
- .vxe-date-picker--date-picker-body th {
395
- box-shadow: inset 0 -1px 0 0 var(--vxe-ui-base-popup-border-color);
396
- }
397
- .vxe-date-picker--date-picker-body td {
398
- border: 1px solid transparent;
399
- border-radius: 1em;
400
- }
401
- .vxe-date-picker--date-picker-body td.is--prev, .vxe-date-picker--date-picker-body td.is--next {
402
- color: var(--vxe-ui-font-disabled-color);
403
- }
404
- .vxe-date-picker--date-picker-body td.is--prev .vxe-date-picker--date-label,
405
- .vxe-date-picker--date-picker-body td.is--prev .vxe-date-picker--date-festival, .vxe-date-picker--date-picker-body td.is--next .vxe-date-picker--date-label,
406
- .vxe-date-picker--date-picker-body td.is--next .vxe-date-picker--date-festival {
407
- color: var(--vxe-ui-font-disabled-color);
408
- }
409
- .vxe-date-picker--date-picker-body td.is--now {
410
- color: var(--vxe-ui-base-popup-border-color);
411
- }
412
- .vxe-date-picker--date-picker-body td.is--now:not(.is--selected).is--current {
413
- color: var(--vxe-ui-font-primary-color);
414
- }
415
- .vxe-date-picker--date-picker-body td.is--now:not(.is--selected).is--current .vxe-date-picker--date-label,
416
- .vxe-date-picker--date-picker-body td.is--now:not(.is--selected).is--current .vxe-date-picker--date-festival {
417
- color: var(--vxe-ui-font-primary-color);
418
- }
419
- .vxe-date-picker--date-picker-body td.is--hover {
420
- border-color: var(--vxe-ui-font-primary-color);
421
- background-color: var(--vxe-ui-font-primary-tinge-color);
422
- }
423
- .vxe-date-picker--date-picker-body td.is--selected {
424
- color: var(--vxe-ui-input-date-picker-selected-color);
425
- background-color: var(--vxe-ui-font-primary-color);
426
- }
427
- .vxe-date-picker--date-picker-body td.is--selected.is--hover {
428
- box-shadow: 0 0px 6px 1px var(--vxe-ui-font-primary-color);
429
- }
430
- .vxe-date-picker--date-picker-body td.is--selected.is--prev .vxe-date-picker--date-label,
431
- .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--next .vxe-date-picker--date-label,
432
- .vxe-date-picker--date-picker-body td.is--selected.is--next .vxe-date-picker--date-festival {
433
- color: var(--vxe-ui-base-popup-border-color);
434
- }
435
- .vxe-date-picker--date-picker-body td.is--selected .vxe-date-picker--date-label,
436
- .vxe-date-picker--date-picker-body td.is--selected .vxe-date-picker--date-festival {
437
- color: var(--vxe-ui-input-date-picker-festival-selected-color);
438
- }
439
- .vxe-date-picker--date-picker-body td.is--selected .vxe-date-picker--date-label.is-notice:before {
440
- background-color: var(--vxe-ui-input-date-picker-notice-selected-background-color);
441
- }
442
- .vxe-date-picker--date-picker-body td:not(.is--disabled) {
443
- cursor: pointer;
444
- }
445
- .vxe-date-picker--date-picker-body td.is--disabled {
446
- cursor: no-drop;
447
- color: var(--vxe-ui-input-disabled-color);
448
- background-color: var(--vxe-ui-input-disabled-background-color);
449
- }
450
- .vxe-date-picker--date-picker-body td.is--disabled .vxe-date-picker--date-label,
451
- .vxe-date-picker--date-picker-body td.is--disabled .vxe-date-picker--date-festival {
452
- color: var(--vxe-ui-input-disabled-color);
453
- }
454
- .vxe-date-picker--date-picker-body td.is--over {
455
- cursor: no-drop;
456
- }
457
-
458
- .vxe-date-picker--date-week-view th:first-child {
459
- box-shadow: inset -1px -1px 0 0 var(--vxe-ui-base-popup-border-color);
460
- }
461
- .vxe-date-picker--date-week-view td {
462
- border-top-left-radius: 0;
463
- border-top-right-radius: 0;
464
- border-bottom-left-radius: 0;
465
- border-bottom-right-radius: 0;
466
- border-left-width: 0;
467
- border-right-width: 0;
468
- }
469
- .vxe-date-picker--date-week-view td:first-child {
470
- border-bottom-left-radius: 1em;
471
- border-top-left-radius: 1em;
472
- border-left-width: 1px;
473
- border-right-width: 1px;
474
- border-right-color: var(--vxe-ui-base-popup-border-color);
475
- }
476
- .vxe-date-picker--date-week-view td:last-child {
477
- border-top-right-radius: 1em;
478
- border-bottom-right-radius: 1em;
479
- border-right-width: 1px;
218
+ .vxe-date-picker--layout-top-wrapper,
219
+ .vxe-date-picker--layout-bottom-wrapper,
220
+ .vxe-date-picker--layout-left-wrapper,
221
+ .vxe-date-picker--layout-right-wrapper,
222
+ .vxe-date-picker--layout-header-wrapper,
223
+ .vxe-date-picker--layout-footer-wrapper {
224
+ flex-shrink: 0;
480
225
  }
481
226
 
482
- .vxe-date-picker--date-label,
483
- .vxe-date-picker--date-festival {
484
- display: block;
485
- overflow: hidden;
227
+ .vxe-date-picker--layout-top-wrapper {
228
+ border-bottom: 1px solid var(--vxe-ui-base-popup-border-color);
486
229
  }
487
230
 
488
- .vxe-date-picker--date-label {
489
- position: relative;
490
- line-height: 1em;
491
- }
492
- .vxe-date-picker--date-label.is-notice:before {
493
- content: "";
494
- position: absolute;
495
- width: 4px;
496
- height: 4px;
497
- left: 0.8em;
498
- top: 0.1em;
499
- transform: translateX(-50%);
500
- border-radius: 100%;
501
- background-color: var(--vxe-ui-input-date-notice-background-color);
231
+ .vxe-date-picker--layout-bottom-wrapper {
232
+ border-top: 1px solid var(--vxe-ui-base-popup-border-color);
502
233
  }
503
234
 
504
- .vxe-date-picker--date-label--extra {
505
- position: absolute;
506
- right: 0.1em;
507
- top: -0.2em;
508
- font-size: 12px;
509
- transform: scale(0.9);
510
- color: var(--vxe-ui-input-date-extra-color);
511
- }
512
- .vxe-date-picker--date-label--extra.is-important {
513
- color: var(--vxe-ui-input-date-extra-important-color);
235
+ .vxe-date-picker--layout-left-wrapper {
236
+ border-right: 1px solid var(--vxe-ui-base-popup-border-color);
514
237
  }
515
238
 
516
- .vxe-date-picker--date-festival {
517
- color: var(--vxe-ui-input-date-festival-color);
518
- height: 1.2em;
519
- line-height: 1.1em;
520
- overflow: hidden;
521
- }
522
- .vxe-date-picker--date-festival.is-important {
523
- color: var(--vxe-ui-input-date-festival-important-color);
239
+ .vxe-date-picker--layout-right-wrapper {
240
+ border-left: 1px solid var(--vxe-ui-base-popup-border-color);
524
241
  }
525
242
 
526
- .vxe-date-picker--date-festival--label {
527
- display: block;
528
- font-size: 1em;
529
- transform: scale(0.8);
243
+ .vxe-date-picker--layout-footer-wrapper {
244
+ display: flex;
245
+ flex-direction: row;
530
246
  }
531
247
 
532
- @keyframes festivalOverlap2 {
533
- 0%, 45%, 100% {
534
- transform: translateY(0);
535
- }
536
- 50%, 95% {
537
- transform: translateY(-14px);
538
- }
539
- }
540
- @keyframes festivalOverlap3 {
541
- 0%, 20%, 100% {
542
- transform: translateY(0);
543
- }
544
- 25%, 45%, 75%, 95% {
545
- transform: translateY(-14px);
546
- }
547
- 50%, 70% {
548
- transform: translateY(-28px);
549
- }
550
- }
551
- .vxe-date-picker--date-festival--overlap {
552
- display: block;
553
- font-size: 0.86em;
554
- }
555
- .vxe-date-picker--date-festival--overlap.overlap--2 {
556
- animation: festivalOverlap2 6s infinite ease-in-out;
557
- }
558
- .vxe-date-picker--date-festival--overlap.overlap--3 {
559
- animation: festivalOverlap3 9s infinite ease-in-out;
560
- }
561
- .vxe-date-picker--date-festival--overlap > span {
562
- height: 14px;
563
- display: block;
564
- transform: scale(0.8);
248
+ .vxe-date-picker--layout-footer-custom {
249
+ flex-grow: 1;
565
250
  }
566
251
 
567
- .vxe-date-picker--time-picker-body {
568
- position: relative;
252
+ .vxe-date-picker--layout-footer-btns {
253
+ flex-shrink: 0;
254
+ padding: 0 0.8em 0.8em 0.8em;
569
255
  display: flex;
570
- flex-direction: row;
571
- border: 1px solid var(--vxe-ui-base-popup-border-color);
572
- flex-grow: 1;
573
- border-radius: var(--vxe-ui-base-border-radius);
574
- -webkit-user-select: none;
575
- -moz-user-select: none;
576
- user-select: none;
577
- }
578
- .vxe-date-picker--time-picker-body > ul {
579
- height: 100%;
580
- overflow: hidden;
581
- margin: 0;
582
- padding: 0;
583
- }
584
- .vxe-date-picker--time-picker-body > ul:before, .vxe-date-picker--time-picker-body > ul:after {
585
- content: " ";
586
- display: block;
587
- }
588
- .vxe-date-picker--time-picker-body > ul:hover {
589
- overflow-y: auto;
590
- }
591
- .vxe-date-picker--time-picker-body > ul > li {
592
- display: block;
593
- }
594
- .vxe-date-picker--time-picker-body > ul > li:hover {
595
- background-color: var(--vxe-ui-input-date-picker-hover-background-color);
596
- cursor: pointer;
597
- }
598
- .vxe-date-picker--time-picker-body > ul > li.is--selected {
599
- font-weight: 700;
600
- color: var(--vxe-ui-font-primary-color);
601
- }
602
- .vxe-date-picker--time-picker-body .vxe-date-picker--time-picker-minute-list {
603
- border-left: 1px solid var(--vxe-ui-base-popup-border-color);
604
- }
605
- .vxe-date-picker--time-picker-body .vxe-date-picker--time-picker-second-list {
606
- border-left: 1px solid var(--vxe-ui-base-popup-border-color);
256
+ align-items: center;
607
257
  }
608
258
 
609
259
  .vxe-date-picker {
@@ -611,410 +261,18 @@
611
261
  height: var(--vxe-ui-input-height-default);
612
262
  line-height: var(--vxe-ui-input-height-default);
613
263
  }
614
- .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 {
615
- margin-top: 6px;
616
- }
617
- .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 {
618
- height: 24px;
619
- }
620
264
  .vxe-date-picker.size--medium {
621
265
  font-size: var(--vxe-ui-font-size-medium);
622
266
  height: var(--vxe-ui-input-height-medium);
623
267
  line-height: var(--vxe-ui-input-height-medium);
624
268
  }
625
- .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 {
626
- margin-top: 4px;
627
- }
628
269
  .vxe-date-picker.size--small {
629
270
  font-size: var(--vxe-ui-font-size-small);
630
271
  height: var(--vxe-ui-input-height-small);
631
272
  line-height: var(--vxe-ui-input-height-small);
632
273
  }
633
- .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 {
634
- margin-top: 2px;
635
- }
636
274
  .vxe-date-picker.size--mini {
637
275
  font-size: var(--vxe-ui-font-size-mini);
638
276
  height: var(--vxe-ui-input-height-mini);
639
277
  line-height: var(--vxe-ui-input-height-mini);
640
- }
641
- .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 {
642
- margin-top: 0;
643
- }
644
-
645
- .vxe-date-picker--panel {
646
- font-size: var(--vxe-ui-font-size-default);
647
- }
648
- .vxe-date-picker--panel .vxe-date-picker--panel-wrapper {
649
- max-height: 380px;
650
- }
651
- .vxe-date-picker--panel.type--date .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--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 {
652
- padding: 11px;
653
- }
654
- .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 {
655
- width: 336px;
656
- }
657
- .vxe-date-picker--panel.type--week .vxe-date-picker--panel-wrapper {
658
- width: 380px;
659
- }
660
- .vxe-date-picker--panel.type--time .vxe-date-picker--panel-wrapper {
661
- display: inline-flex;
662
- flex-direction: column;
663
- }
664
- .vxe-date-picker--panel.type--datetime .vxe-date-picker--panel-datetime-left-wrapper {
665
- width: 336px;
666
- }
667
- .vxe-date-picker--panel.type--datetime .vxe-date-picker--panel-datetime-left-wrapper,
668
- .vxe-date-picker--panel.type--datetime .vxe-date-picker--panel-datetime-right-wrapper {
669
- padding: 11px;
670
- }
671
- .vxe-date-picker--panel .vxe-date-picker--time-picker-title {
672
- height: 30px;
673
- line-height: 30px;
674
- }
675
- .vxe-date-picker--panel .vxe-date-picker--date-picker-label,
676
- .vxe-date-picker--panel .vxe-date-picker--date-picker-btn {
677
- height: 30px;
678
- line-height: 30px;
679
- }
680
- .vxe-date-picker--panel .vxe-date-picker--date-picker-btn-wrapper .vxe-date-picker--date-picker-btn {
681
- margin-left: 8px;
682
- }
683
- .vxe-date-picker--panel .vxe-date-picker--date-picker-btn-wrapper .vxe-date-picker--date-picker-btn:active {
684
- transform: scale(0.9);
685
- }
686
- .vxe-date-picker--panel .vxe-date-picker--date-picker-btn-wrapper .vxe-date-picker--date-picker-prev-btn,
687
- .vxe-date-picker--panel .vxe-date-picker--date-picker-btn-wrapper .vxe-date-picker--date-picker-current-btn,
688
- .vxe-date-picker--panel .vxe-date-picker--date-picker-btn-wrapper .vxe-date-picker--date-picker-next-btn {
689
- width: 30px;
690
- border-radius: var(--vxe-ui-base-border-radius);
691
- border: 1px solid var(--vxe-ui-input-border-color);
692
- }
693
- .vxe-date-picker--panel .vxe-date-picker--date-picker-type-wrapper .vxe-date-picker--date-picker-label,
694
- .vxe-date-picker--panel .vxe-date-picker--date-picker-type-wrapper .vxe-date-picker--date-picker-btns {
695
- padding: 0 9px;
696
- }
697
- .vxe-date-picker--panel .vxe-date-picker--time-picker-header,
698
- .vxe-date-picker--panel .vxe-date-picker--date-picker-header {
699
- padding-bottom: 8px;
700
- }
701
- .vxe-date-picker--panel .vxe-date-picker--date-picker-body table,
702
- .vxe-date-picker--panel .vxe-date-picker--time-picker-body {
703
- height: calc(var(--vxe-ui-input-date-time-week-row-height-default) * 6 + var(--vxe-ui-input-date-title-height-default));
704
- }
705
- .vxe-date-picker--panel .vxe-date-picker--time-picker-body > ul {
706
- width: 48px;
707
- }
708
- .vxe-date-picker--panel .vxe-date-picker--time-picker-body > ul:before, .vxe-date-picker--panel .vxe-date-picker--time-picker-body > ul:after {
709
- height: 120px;
710
- }
711
- .vxe-date-picker--panel .vxe-date-picker--time-picker-body > ul > li {
712
- height: 26px;
713
- padding-left: 9px;
714
- }
715
- .vxe-date-picker--panel .vxe-date-picker--time-picker-body .vxe-date-picker--time-picker-minute-list {
716
- left: 48px;
717
- }
718
- .vxe-date-picker--panel .vxe-date-picker--time-picker-body .vxe-date-picker--time-picker-second-list {
719
- left: 96px;
720
- }
721
- .vxe-date-picker--panel .vxe-date-picker--date-day-view td,
722
- .vxe-date-picker--panel .vxe-date-picker--date-week-view td {
723
- height: var(--vxe-ui-input-date-time-week-row-height-default);
724
- }
725
- .vxe-date-picker--panel .vxe-date-picker--date-quarter-view td {
726
- height: var(--vxe-ui-input-date-quarter-row-height-default);
727
- }
728
- .vxe-date-picker--panel .vxe-date-picker--date-month-view td,
729
- .vxe-date-picker--panel .vxe-date-picker--date-year-view td {
730
- height: var(--vxe-ui-input-date-month-year-row-height-default);
731
- }
732
- .vxe-date-picker--panel .vxe-date-picker--date-picker-body th {
733
- height: var(--vxe-ui-input-date-title-height-default);
734
- }
735
- .vxe-date-picker--panel .vxe-date-picker--time-picker-confirm,
736
- .vxe-date-picker--panel .vxe-date-picker--date-picker-confirm {
737
- height: 30px;
738
- }
739
- .vxe-date-picker--panel.size--medium {
740
- font-size: var(--vxe-ui-font-size-medium);
741
- }
742
- .vxe-date-picker--panel.size--medium .vxe-date-picker--panel-wrapper {
743
- max-height: 360px;
744
- }
745
- .vxe-date-picker--panel.size--medium.type--date .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--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 {
746
- padding: 10px;
747
- }
748
- .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 {
749
- width: 336px;
750
- }
751
- .vxe-date-picker--panel.size--medium.type--week .vxe-date-picker--panel-wrapper {
752
- width: 380px;
753
- }
754
- .vxe-date-picker--panel.size--medium.type--time .vxe-date-picker--panel-wrapper {
755
- display: inline-flex;
756
- flex-direction: column;
757
- }
758
- .vxe-date-picker--panel.size--medium.type--datetime .vxe-date-picker--panel-datetime-left-wrapper {
759
- width: 336px;
760
- }
761
- .vxe-date-picker--panel.size--medium.type--datetime .vxe-date-picker--panel-datetime-left-wrapper,
762
- .vxe-date-picker--panel.size--medium.type--datetime .vxe-date-picker--panel-datetime-right-wrapper {
763
- padding: 10px;
764
- }
765
- .vxe-date-picker--panel.size--medium .vxe-date-picker--time-picker-title {
766
- height: 29px;
767
- line-height: 29px;
768
- }
769
- .vxe-date-picker--panel.size--medium .vxe-date-picker--date-picker-label,
770
- .vxe-date-picker--panel.size--medium .vxe-date-picker--date-picker-btn {
771
- height: 29px;
772
- line-height: 29px;
773
- }
774
- .vxe-date-picker--panel.size--medium .vxe-date-picker--date-picker-btn-wrapper .vxe-date-picker--date-picker-btn {
775
- margin-left: 7px;
776
- }
777
- .vxe-date-picker--panel.size--medium .vxe-date-picker--date-picker-btn-wrapper .vxe-date-picker--date-picker-btn:active {
778
- transform: scale(0.9);
779
- }
780
- .vxe-date-picker--panel.size--medium .vxe-date-picker--date-picker-btn-wrapper .vxe-date-picker--date-picker-prev-btn,
781
- .vxe-date-picker--panel.size--medium .vxe-date-picker--date-picker-btn-wrapper .vxe-date-picker--date-picker-current-btn,
782
- .vxe-date-picker--panel.size--medium .vxe-date-picker--date-picker-btn-wrapper .vxe-date-picker--date-picker-next-btn {
783
- width: 29px;
784
- border-radius: var(--vxe-ui-base-border-radius);
785
- border: 1px solid var(--vxe-ui-input-border-color);
786
- }
787
- .vxe-date-picker--panel.size--medium .vxe-date-picker--date-picker-type-wrapper .vxe-date-picker--date-picker-label,
788
- .vxe-date-picker--panel.size--medium .vxe-date-picker--date-picker-type-wrapper .vxe-date-picker--date-picker-btns {
789
- padding: 0 8px;
790
- }
791
- .vxe-date-picker--panel.size--medium .vxe-date-picker--time-picker-header,
792
- .vxe-date-picker--panel.size--medium .vxe-date-picker--date-picker-header {
793
- padding-bottom: 7px;
794
- }
795
- .vxe-date-picker--panel.size--medium .vxe-date-picker--date-picker-body table,
796
- .vxe-date-picker--panel.size--medium .vxe-date-picker--time-picker-body {
797
- height: calc(var(--vxe-ui-input-date-time-week-row-height-medium) * 6 + var(--vxe-ui-input-date-title-height-medium));
798
- }
799
- .vxe-date-picker--panel.size--medium .vxe-date-picker--time-picker-body > ul {
800
- width: 48px;
801
- }
802
- .vxe-date-picker--panel.size--medium .vxe-date-picker--time-picker-body > ul:before, .vxe-date-picker--panel.size--medium .vxe-date-picker--time-picker-body > ul:after {
803
- height: 120px;
804
- }
805
- .vxe-date-picker--panel.size--medium .vxe-date-picker--time-picker-body > ul > li {
806
- height: 26px;
807
- padding-left: 8px;
808
- }
809
- .vxe-date-picker--panel.size--medium .vxe-date-picker--time-picker-body .vxe-date-picker--time-picker-minute-list {
810
- left: 48px;
811
- }
812
- .vxe-date-picker--panel.size--medium .vxe-date-picker--time-picker-body .vxe-date-picker--time-picker-second-list {
813
- left: 96px;
814
- }
815
- .vxe-date-picker--panel.size--medium .vxe-date-picker--date-day-view td,
816
- .vxe-date-picker--panel.size--medium .vxe-date-picker--date-week-view td {
817
- height: var(--vxe-ui-input-date-time-week-row-height-medium);
818
- }
819
- .vxe-date-picker--panel.size--medium .vxe-date-picker--date-quarter-view td {
820
- height: var(--vxe-ui-input-date-quarter-row-height-medium);
821
- }
822
- .vxe-date-picker--panel.size--medium .vxe-date-picker--date-month-view td,
823
- .vxe-date-picker--panel.size--medium .vxe-date-picker--date-year-view td {
824
- height: var(--vxe-ui-input-date-month-year-row-height-medium);
825
- }
826
- .vxe-date-picker--panel.size--medium .vxe-date-picker--date-picker-body th {
827
- height: var(--vxe-ui-input-date-title-height-medium);
828
- }
829
- .vxe-date-picker--panel.size--medium .vxe-date-picker--time-picker-confirm,
830
- .vxe-date-picker--panel.size--medium .vxe-date-picker--date-picker-confirm {
831
- height: 29px;
832
- }
833
- .vxe-date-picker--panel.size--small {
834
- font-size: var(--vxe-ui-font-size-small);
835
- }
836
- .vxe-date-picker--panel.size--small .vxe-date-picker--panel-wrapper {
837
- max-height: 340px;
838
- }
839
- .vxe-date-picker--panel.size--small.type--date .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--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 {
840
- padding: 9px;
841
- }
842
- .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 {
843
- width: 312px;
844
- }
845
- .vxe-date-picker--panel.size--small.type--week .vxe-date-picker--panel-wrapper {
846
- width: 354px;
847
- }
848
- .vxe-date-picker--panel.size--small.type--time .vxe-date-picker--panel-wrapper {
849
- display: inline-flex;
850
- flex-direction: column;
851
- }
852
- .vxe-date-picker--panel.size--small.type--datetime .vxe-date-picker--panel-datetime-left-wrapper {
853
- width: 312px;
854
- }
855
- .vxe-date-picker--panel.size--small.type--datetime .vxe-date-picker--panel-datetime-left-wrapper,
856
- .vxe-date-picker--panel.size--small.type--datetime .vxe-date-picker--panel-datetime-right-wrapper {
857
- padding: 9px;
858
- }
859
- .vxe-date-picker--panel.size--small .vxe-date-picker--time-picker-title {
860
- height: 28px;
861
- line-height: 28px;
862
- }
863
- .vxe-date-picker--panel.size--small .vxe-date-picker--date-picker-label,
864
- .vxe-date-picker--panel.size--small .vxe-date-picker--date-picker-btn {
865
- height: 28px;
866
- line-height: 28px;
867
- }
868
- .vxe-date-picker--panel.size--small .vxe-date-picker--date-picker-btn-wrapper .vxe-date-picker--date-picker-btn {
869
- margin-left: 6px;
870
- }
871
- .vxe-date-picker--panel.size--small .vxe-date-picker--date-picker-btn-wrapper .vxe-date-picker--date-picker-btn:active {
872
- transform: scale(0.9);
873
- }
874
- .vxe-date-picker--panel.size--small .vxe-date-picker--date-picker-btn-wrapper .vxe-date-picker--date-picker-prev-btn,
875
- .vxe-date-picker--panel.size--small .vxe-date-picker--date-picker-btn-wrapper .vxe-date-picker--date-picker-current-btn,
876
- .vxe-date-picker--panel.size--small .vxe-date-picker--date-picker-btn-wrapper .vxe-date-picker--date-picker-next-btn {
877
- width: 28px;
878
- border-radius: var(--vxe-ui-base-border-radius);
879
- border: 1px solid var(--vxe-ui-input-border-color);
880
- }
881
- .vxe-date-picker--panel.size--small .vxe-date-picker--date-picker-type-wrapper .vxe-date-picker--date-picker-label,
882
- .vxe-date-picker--panel.size--small .vxe-date-picker--date-picker-type-wrapper .vxe-date-picker--date-picker-btns {
883
- padding: 0 7px;
884
- }
885
- .vxe-date-picker--panel.size--small .vxe-date-picker--time-picker-header,
886
- .vxe-date-picker--panel.size--small .vxe-date-picker--date-picker-header {
887
- padding-bottom: 6px;
888
- }
889
- .vxe-date-picker--panel.size--small .vxe-date-picker--date-picker-body table,
890
- .vxe-date-picker--panel.size--small .vxe-date-picker--time-picker-body {
891
- height: calc(var(--vxe-ui-input-date-time-week-row-height-small) * 6 + var(--vxe-ui-input-date-title-height-small));
892
- }
893
- .vxe-date-picker--panel.size--small .vxe-date-picker--time-picker-body > ul {
894
- width: 44px;
895
- }
896
- .vxe-date-picker--panel.size--small .vxe-date-picker--time-picker-body > ul:before, .vxe-date-picker--panel.size--small .vxe-date-picker--time-picker-body > ul:after {
897
- height: 110px;
898
- }
899
- .vxe-date-picker--panel.size--small .vxe-date-picker--time-picker-body > ul > li {
900
- height: 26px;
901
- padding-left: 7px;
902
- }
903
- .vxe-date-picker--panel.size--small .vxe-date-picker--time-picker-body .vxe-date-picker--time-picker-minute-list {
904
- left: 44px;
905
- }
906
- .vxe-date-picker--panel.size--small .vxe-date-picker--time-picker-body .vxe-date-picker--time-picker-second-list {
907
- left: 88px;
908
- }
909
- .vxe-date-picker--panel.size--small .vxe-date-picker--date-day-view td,
910
- .vxe-date-picker--panel.size--small .vxe-date-picker--date-week-view td {
911
- height: var(--vxe-ui-input-date-time-week-row-height-small);
912
- }
913
- .vxe-date-picker--panel.size--small .vxe-date-picker--date-quarter-view td {
914
- height: var(--vxe-ui-input-date-quarter-row-height-small);
915
- }
916
- .vxe-date-picker--panel.size--small .vxe-date-picker--date-month-view td,
917
- .vxe-date-picker--panel.size--small .vxe-date-picker--date-year-view td {
918
- height: var(--vxe-ui-input-date-month-year-row-height-small);
919
- }
920
- .vxe-date-picker--panel.size--small .vxe-date-picker--date-picker-body th {
921
- height: var(--vxe-ui-input-date-title-height-small);
922
- }
923
- .vxe-date-picker--panel.size--small .vxe-date-picker--time-picker-confirm,
924
- .vxe-date-picker--panel.size--small .vxe-date-picker--date-picker-confirm {
925
- height: 28px;
926
- }
927
- .vxe-date-picker--panel.size--mini {
928
- font-size: var(--vxe-ui-font-size-mini);
929
- }
930
- .vxe-date-picker--panel.size--mini .vxe-date-picker--panel-wrapper {
931
- max-height: 320px;
932
- }
933
- .vxe-date-picker--panel.size--mini.type--date .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--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 {
934
- padding: 8px;
935
- }
936
- .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 {
937
- width: 288px;
938
- }
939
- .vxe-date-picker--panel.size--mini.type--week .vxe-date-picker--panel-wrapper {
940
- width: 326px;
941
- }
942
- .vxe-date-picker--panel.size--mini.type--time .vxe-date-picker--panel-wrapper {
943
- display: inline-flex;
944
- flex-direction: column;
945
- }
946
- .vxe-date-picker--panel.size--mini.type--datetime .vxe-date-picker--panel-datetime-left-wrapper {
947
- width: 288px;
948
- }
949
- .vxe-date-picker--panel.size--mini.type--datetime .vxe-date-picker--panel-datetime-left-wrapper,
950
- .vxe-date-picker--panel.size--mini.type--datetime .vxe-date-picker--panel-datetime-right-wrapper {
951
- padding: 8px;
952
- }
953
- .vxe-date-picker--panel.size--mini .vxe-date-picker--time-picker-title {
954
- height: 27px;
955
- line-height: 27px;
956
- }
957
- .vxe-date-picker--panel.size--mini .vxe-date-picker--date-picker-label,
958
- .vxe-date-picker--panel.size--mini .vxe-date-picker--date-picker-btn {
959
- height: 27px;
960
- line-height: 27px;
961
- }
962
- .vxe-date-picker--panel.size--mini .vxe-date-picker--date-picker-btn-wrapper .vxe-date-picker--date-picker-btn {
963
- margin-left: 5px;
964
- }
965
- .vxe-date-picker--panel.size--mini .vxe-date-picker--date-picker-btn-wrapper .vxe-date-picker--date-picker-btn:active {
966
- transform: scale(0.9);
967
- }
968
- .vxe-date-picker--panel.size--mini .vxe-date-picker--date-picker-btn-wrapper .vxe-date-picker--date-picker-prev-btn,
969
- .vxe-date-picker--panel.size--mini .vxe-date-picker--date-picker-btn-wrapper .vxe-date-picker--date-picker-current-btn,
970
- .vxe-date-picker--panel.size--mini .vxe-date-picker--date-picker-btn-wrapper .vxe-date-picker--date-picker-next-btn {
971
- width: 27px;
972
- border-radius: var(--vxe-ui-base-border-radius);
973
- border: 1px solid var(--vxe-ui-input-border-color);
974
- }
975
- .vxe-date-picker--panel.size--mini .vxe-date-picker--date-picker-type-wrapper .vxe-date-picker--date-picker-label,
976
- .vxe-date-picker--panel.size--mini .vxe-date-picker--date-picker-type-wrapper .vxe-date-picker--date-picker-btns {
977
- padding: 0 6px;
978
- }
979
- .vxe-date-picker--panel.size--mini .vxe-date-picker--time-picker-header,
980
- .vxe-date-picker--panel.size--mini .vxe-date-picker--date-picker-header {
981
- padding-bottom: 5px;
982
- }
983
- .vxe-date-picker--panel.size--mini .vxe-date-picker--date-picker-body table,
984
- .vxe-date-picker--panel.size--mini .vxe-date-picker--time-picker-body {
985
- height: calc(var(--vxe-ui-input-date-time-week-row-height-mini) * 6 + var(--vxe-ui-input-date-title-height-mini));
986
- }
987
- .vxe-date-picker--panel.size--mini .vxe-date-picker--time-picker-body > ul {
988
- width: 42px;
989
- }
990
- .vxe-date-picker--panel.size--mini .vxe-date-picker--time-picker-body > ul:before, .vxe-date-picker--panel.size--mini .vxe-date-picker--time-picker-body > ul:after {
991
- height: 100px;
992
- }
993
- .vxe-date-picker--panel.size--mini .vxe-date-picker--time-picker-body > ul > li {
994
- height: 26px;
995
- padding-left: 6px;
996
- }
997
- .vxe-date-picker--panel.size--mini .vxe-date-picker--time-picker-body .vxe-date-picker--time-picker-minute-list {
998
- left: 42px;
999
- }
1000
- .vxe-date-picker--panel.size--mini .vxe-date-picker--time-picker-body .vxe-date-picker--time-picker-second-list {
1001
- left: 84px;
1002
- }
1003
- .vxe-date-picker--panel.size--mini .vxe-date-picker--date-day-view td,
1004
- .vxe-date-picker--panel.size--mini .vxe-date-picker--date-week-view td {
1005
- height: var(--vxe-ui-input-date-time-week-row-height-mini);
1006
- }
1007
- .vxe-date-picker--panel.size--mini .vxe-date-picker--date-quarter-view td {
1008
- height: var(--vxe-ui-input-date-quarter-row-height-mini);
1009
- }
1010
- .vxe-date-picker--panel.size--mini .vxe-date-picker--date-month-view td,
1011
- .vxe-date-picker--panel.size--mini .vxe-date-picker--date-year-view td {
1012
- height: var(--vxe-ui-input-date-month-year-row-height-mini);
1013
- }
1014
- .vxe-date-picker--panel.size--mini .vxe-date-picker--date-picker-body th {
1015
- height: var(--vxe-ui-input-date-title-height-mini);
1016
- }
1017
- .vxe-date-picker--panel.size--mini .vxe-date-picker--time-picker-confirm,
1018
- .vxe-date-picker--panel.size--mini .vxe-date-picker--date-picker-confirm {
1019
- height: 27px;
1020
278
  }