vxe-pc-ui 3.14.5 → 3.14.6

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 (474) hide show
  1. package/LICENSE +21 -21
  2. package/README.md +134 -134
  3. package/es/tree/src/tree.js +40 -5
  4. package/es/tree-select/src/tree-select.js +2 -0
  5. package/es/ui/index.js +1 -1
  6. package/es/ui/src/log.js +1 -1
  7. package/lib/index.umd.js +8406 -8476
  8. package/lib/index.umd.min.js +1 -1
  9. package/lib/tree/src/tree.js +40 -5
  10. package/lib/tree/src/tree.min.js +1 -1
  11. package/lib/tree-select/src/tree-select.js +2 -0
  12. package/lib/tree-select/src/tree-select.min.js +1 -1
  13. package/lib/ui/index.js +1 -1
  14. package/lib/ui/index.min.js +1 -1
  15. package/lib/ui/src/log.js +1 -1
  16. package/lib/ui/src/log.min.js +1 -1
  17. package/package.json +89 -89
  18. package/packages/alert/index.ts +16 -16
  19. package/packages/alert/src/alert.ts +106 -106
  20. package/packages/anchor/index.ts +16 -16
  21. package/packages/anchor/src/anchor-link.ts +158 -158
  22. package/packages/anchor/src/anchor.ts +267 -267
  23. package/packages/anchor/src/util.ts +23 -23
  24. package/packages/anchor-link/index.ts +16 -16
  25. package/packages/avatar/index.ts +16 -16
  26. package/packages/avatar/src/avatar.ts +141 -141
  27. package/packages/backtop/index.ts +16 -16
  28. package/packages/backtop/src/backtop.ts +330 -330
  29. package/packages/badge/index.ts +16 -16
  30. package/packages/badge/src/badge.ts +87 -87
  31. package/packages/breadcrumb/index.ts +16 -16
  32. package/packages/breadcrumb/src/breadcrumb-item.ts +118 -118
  33. package/packages/breadcrumb/src/breadcrumb.ts +89 -89
  34. package/packages/breadcrumb-item/index.ts +16 -16
  35. package/packages/button/index.ts +16 -16
  36. package/packages/button/src/button-group.ts +113 -113
  37. package/packages/button/src/button.ts +956 -956
  38. package/packages/button-group/index.ts +16 -16
  39. package/packages/calendar/index.ts +16 -16
  40. package/packages/calendar/src/calendar.ts +1527 -1527
  41. package/packages/card/index.ts +16 -16
  42. package/packages/card/src/card.ts +162 -162
  43. package/packages/carousel/index.ts +16 -16
  44. package/packages/carousel/src/carousel-item.ts +117 -117
  45. package/packages/carousel/src/carousel.ts +460 -460
  46. package/packages/carousel/src/util.ts +21 -21
  47. package/packages/carousel-item/index.ts +16 -16
  48. package/packages/cascader/index.ts +16 -16
  49. package/packages/cascader/src/cascader.ts +943 -943
  50. package/packages/checkbox/index.ts +16 -16
  51. package/packages/checkbox/src/button.ts +185 -185
  52. package/packages/checkbox/src/checkbox.ts +189 -189
  53. package/packages/checkbox/src/group.ts +259 -259
  54. package/packages/checkbox-button/index.ts +16 -16
  55. package/packages/checkbox-group/index.ts +16 -16
  56. package/packages/col/index.ts +16 -16
  57. package/packages/collapse/index.ts +16 -16
  58. package/packages/collapse/src/collapse-pane.ts +136 -136
  59. package/packages/collapse/src/collapse.ts +259 -259
  60. package/packages/collapse/src/util.ts +21 -21
  61. package/packages/collapse-pane/index.ts +16 -16
  62. package/packages/color-picker/index.ts +16 -16
  63. package/packages/color-picker/src/color-picker.ts +1286 -1286
  64. package/packages/color-picker/src/util.ts +198 -198
  65. package/packages/components.ts +307 -307
  66. package/packages/context-menu/index.ts +54 -54
  67. package/packages/context-menu/src/context-menu.ts +727 -727
  68. package/packages/countdown/index.ts +16 -16
  69. package/packages/countdown/src/countdown.ts +276 -276
  70. package/packages/date-panel/index.ts +16 -16
  71. package/packages/date-panel/src/date-panel.ts +2024 -2024
  72. package/packages/date-panel/src/util.ts +244 -244
  73. package/packages/date-picker/index.ts +17 -17
  74. package/packages/date-picker/src/date-picker.ts +1249 -1249
  75. package/packages/date-range-picker/index.ts +16 -16
  76. package/packages/date-range-picker/src/date-range-picker.ts +1480 -1480
  77. package/packages/drawer/index.ts +87 -87
  78. package/packages/drawer/src/drawer.ts +767 -767
  79. package/packages/dynamics/index.ts +127 -127
  80. package/packages/empty/index.ts +16 -16
  81. package/packages/empty/src/empty.ts +80 -80
  82. package/packages/form/index.ts +16 -16
  83. package/packages/form/render/index.ts +617 -617
  84. package/packages/form/src/form-config-item.ts +84 -84
  85. package/packages/form/src/form-group.ts +125 -125
  86. package/packages/form/src/form-item.ts +217 -217
  87. package/packages/form/src/form.ts +1032 -1032
  88. package/packages/form/src/itemInfo.ts +80 -80
  89. package/packages/form/src/render.ts +398 -398
  90. package/packages/form/src/util.ts +92 -92
  91. package/packages/form-gather/index.ts +18 -18
  92. package/packages/form-group/index.ts +16 -16
  93. package/packages/form-item/index.ts +16 -16
  94. package/packages/icon/index.ts +16 -16
  95. package/packages/icon/src/icon.ts +75 -75
  96. package/packages/icon-picker/index.ts +16 -16
  97. package/packages/icon-picker/src/icon-picker.ts +753 -753
  98. package/packages/image/index.ts +16 -16
  99. package/packages/image/src/group.ts +162 -162
  100. package/packages/image/src/image.ts +303 -303
  101. package/packages/image/src/preview.ts +737 -737
  102. package/packages/image/src/util.ts +62 -62
  103. package/packages/image-group/index.ts +16 -16
  104. package/packages/image-preview/index.ts +19 -19
  105. package/packages/index.ts +8 -8
  106. package/packages/input/index.ts +16 -16
  107. package/packages/input/src/input.ts +3187 -3187
  108. package/packages/language/ar-EG.ts +840 -840
  109. package/packages/language/de-DE.ts +840 -840
  110. package/packages/language/en-US.ts +840 -840
  111. package/packages/language/es-ES.ts +840 -840
  112. package/packages/language/fr-FR.ts +840 -840
  113. package/packages/language/hu-HU.ts +840 -840
  114. package/packages/language/hy-AM.ts +840 -840
  115. package/packages/language/id-ID.ts +840 -840
  116. package/packages/language/it-IT.ts +840 -840
  117. package/packages/language/ja-JP.ts +840 -840
  118. package/packages/language/ko-KR.ts +840 -840
  119. package/packages/language/ms-MY.ts +840 -840
  120. package/packages/language/nb-NO.ts +840 -840
  121. package/packages/language/pt-BR.ts +840 -840
  122. package/packages/language/ru-RU.ts +840 -840
  123. package/packages/language/th-TH.ts +840 -840
  124. package/packages/language/ug-CN.ts +840 -840
  125. package/packages/language/uk-UA.ts +840 -840
  126. package/packages/language/uz-UZ.ts +840 -840
  127. package/packages/language/vi-VN.ts +840 -840
  128. package/packages/language/zh-CHT.ts +840 -840
  129. package/packages/language/zh-CN.ts +840 -840
  130. package/packages/language/zh-HK.ts +3 -3
  131. package/packages/language/zh-MO.ts +3 -3
  132. package/packages/language/zh-TC.ts +3 -3
  133. package/packages/language/zh-TW.ts +3 -3
  134. package/packages/layout-aside/index.ts +16 -16
  135. package/packages/layout-aside/src/layout-aside.ts +115 -115
  136. package/packages/layout-body/index.ts +16 -16
  137. package/packages/layout-body/src/layout-body.ts +137 -137
  138. package/packages/layout-container/index.ts +16 -16
  139. package/packages/layout-container/src/layout-container.ts +65 -65
  140. package/packages/layout-footer/index.ts +16 -16
  141. package/packages/layout-footer/src/layout-footer.ts +53 -53
  142. package/packages/layout-header/index.ts +16 -16
  143. package/packages/layout-header/src/layout-header.ts +49 -49
  144. package/packages/link/index.ts +16 -16
  145. package/packages/link/src/link.ts +153 -153
  146. package/packages/list/index.ts +16 -16
  147. package/packages/list/src/list.ts +492 -492
  148. package/packages/loading/index.ts +34 -34
  149. package/packages/loading/src/loading.ts +162 -162
  150. package/packages/mention/index.ts +16 -16
  151. package/packages/mention/src/mention.ts +54 -54
  152. package/packages/menu/index.ts +16 -16
  153. package/packages/menu/src/menu.ts +632 -632
  154. package/packages/modal/index.ts +150 -150
  155. package/packages/modal/src/modal.ts +1668 -1668
  156. package/packages/notice-bar/index.ts +16 -16
  157. package/packages/notice-bar/src/notice-bar.ts +182 -182
  158. package/packages/number-input/index.ts +16 -16
  159. package/packages/number-input/src/number-input.ts +1255 -1255
  160. package/packages/number-input/src/util.ts +12 -12
  161. package/packages/optgroup/index.ts +16 -16
  162. package/packages/option/index.ts +16 -16
  163. package/packages/pager/index.ts +16 -16
  164. package/packages/pager/src/pager.ts +913 -913
  165. package/packages/password-input/index.ts +16 -16
  166. package/packages/password-input/src/password-input.ts +466 -466
  167. package/packages/print/index.ts +18 -18
  168. package/packages/print/src/page-break.ts +78 -78
  169. package/packages/print/src/print.ts +266 -266
  170. package/packages/print/src/util.ts +284 -284
  171. package/packages/print-page-break/index.ts +14 -14
  172. package/packages/pulldown/index.ts +16 -16
  173. package/packages/pulldown/src/pulldown.ts +533 -533
  174. package/packages/radio/index.ts +16 -16
  175. package/packages/radio/src/button.ts +221 -221
  176. package/packages/radio/src/group.ts +252 -252
  177. package/packages/radio/src/radio.ts +228 -228
  178. package/packages/radio-button/index.ts +16 -16
  179. package/packages/radio-group/index.ts +16 -16
  180. package/packages/rate/index.ts +16 -16
  181. package/packages/rate/src/rate.ts +199 -199
  182. package/packages/result/index.ts +16 -16
  183. package/packages/result/src/result.ts +93 -93
  184. package/packages/row/index.ts +16 -16
  185. package/packages/row/src/col.ts +130 -130
  186. package/packages/row/src/row.ts +106 -106
  187. package/packages/segmented/index.ts +16 -16
  188. package/packages/segmented/src/segmented.ts +281 -281
  189. package/packages/select/index.ts +16 -16
  190. package/packages/select/src/optgroup.ts +107 -107
  191. package/packages/select/src/option-info.ts +20 -20
  192. package/packages/select/src/option.ts +103 -103
  193. package/packages/select/src/select.ts +2001 -2001
  194. package/packages/select/src/util.ts +47 -47
  195. package/packages/slider/index.ts +16 -16
  196. package/packages/slider/src/slider.ts +332 -332
  197. package/packages/split/index.ts +16 -16
  198. package/packages/split-pane/index.ts +17 -17
  199. package/packages/splitter/index.ts +16 -16
  200. package/packages/splitter/src/splitter-panel.ts +171 -171
  201. package/packages/splitter/src/splitter.ts +1032 -1032
  202. package/packages/splitter/src/util.ts +21 -21
  203. package/packages/splitter-panel/index.ts +16 -16
  204. package/packages/steps/index.ts +16 -16
  205. package/packages/steps/src/steps.ts +57 -57
  206. package/packages/switch/index.ts +16 -16
  207. package/packages/switch/src/switch.ts +279 -279
  208. package/packages/tab-pane/index.ts +16 -16
  209. package/packages/table-select/index.ts +16 -16
  210. package/packages/table-select/src/table-select.ts +904 -904
  211. package/packages/tabs/index.ts +16 -16
  212. package/packages/tabs/src/tab-pane.ts +137 -137
  213. package/packages/tabs/src/tabs.ts +1014 -1014
  214. package/packages/tabs/src/util.ts +21 -21
  215. package/packages/tag/index.ts +16 -16
  216. package/packages/tag/src/tag.ts +195 -195
  217. package/packages/text/index.ts +16 -16
  218. package/packages/text/src/text.ts +267 -267
  219. package/packages/text-ellipsis/index.ts +16 -16
  220. package/packages/text-ellipsis/src/text-ellipsis.ts +291 -291
  221. package/packages/textarea/index.ts +16 -16
  222. package/packages/textarea/src/textarea.ts +436 -436
  223. package/packages/timeline/index.ts +16 -16
  224. package/packages/timeline/src/timeline-item.ts +41 -41
  225. package/packages/timeline/src/timeline.ts +54 -54
  226. package/packages/timeline-item/index.ts +16 -16
  227. package/packages/tip/index.ts +19 -19
  228. package/packages/tip/src/tip.ts +112 -112
  229. package/packages/tooltip/index.ts +16 -16
  230. package/packages/tooltip/src/tooltip.ts +669 -669
  231. package/packages/tour/index.ts +16 -16
  232. package/packages/tour/src/tour.ts +54 -54
  233. package/packages/tree/index.ts +16 -16
  234. package/packages/tree/src/store.ts +15 -15
  235. package/packages/tree/src/tree.ts +3122 -3080
  236. package/packages/tree/src/util.ts +44 -44
  237. package/packages/tree-select/index.ts +16 -16
  238. package/packages/tree-select/src/tree-select.ts +1118 -1116
  239. package/packages/ui/index.ts +697 -697
  240. package/packages/ui/src/anime.ts +52 -52
  241. package/packages/ui/src/comp.ts +3 -3
  242. package/packages/ui/src/dom.ts +279 -279
  243. package/packages/ui/src/log.ts +6 -6
  244. package/packages/ui/src/utils.ts +49 -49
  245. package/packages/ui/src/vn.ts +60 -60
  246. package/packages/upload/index.ts +20 -20
  247. package/packages/upload/src/upload.ts +2129 -2129
  248. package/packages/upload/src/util.ts +109 -109
  249. package/packages/vxe-u-i/index.ts +4 -4
  250. package/packages/watermark/index.ts +31 -31
  251. package/packages/watermark/src/util.ts +176 -176
  252. package/packages/watermark/src/watermark.ts +166 -166
  253. package/styles/all.scss +90 -90
  254. package/styles/base.scss +16 -16
  255. package/styles/components/alert.scss +101 -101
  256. package/styles/components/anchor.scss +44 -44
  257. package/styles/components/avatar.scss +115 -115
  258. package/styles/components/backtop.scss +82 -82
  259. package/styles/components/badge.scss +45 -45
  260. package/styles/components/breadcrumb.scss +29 -29
  261. package/styles/components/button-group.scss +30 -30
  262. package/styles/components/button.scss +415 -415
  263. package/styles/components/calendar.scss +471 -471
  264. package/styles/components/card.scss +121 -121
  265. package/styles/components/carousel.scss +184 -184
  266. package/styles/components/cascader.scss +140 -140
  267. package/styles/components/checkbox-button.scss +57 -57
  268. package/styles/components/checkbox.scss +81 -81
  269. package/styles/components/collapse.scss +56 -56
  270. package/styles/components/color-picker.scss +409 -409
  271. package/styles/components/context-menu.scss +102 -102
  272. package/styles/components/countdown.scss +35 -35
  273. package/styles/components/date-panel.scss +505 -505
  274. package/styles/components/date-picker.scss +247 -247
  275. package/styles/components/date-range-picker.scss +252 -252
  276. package/styles/components/drawer.scss +298 -298
  277. package/styles/components/empty.scss +79 -79
  278. package/styles/components/form.scss +668 -668
  279. package/styles/components/icon-picker.scss +211 -211
  280. package/styles/components/icon.scss +1048 -1048
  281. package/styles/components/image-group.scss +2 -2
  282. package/styles/components/image-preview.scss +215 -215
  283. package/styles/components/image.scss +16 -16
  284. package/styles/components/input.scss +846 -846
  285. package/styles/components/layout-aside.scss +22 -22
  286. package/styles/components/layout-body.scss +14 -14
  287. package/styles/components/layout-container.scss +13 -13
  288. package/styles/components/layout-footer.scss +14 -14
  289. package/styles/components/layout-header.scss +11 -11
  290. package/styles/components/link.scss +115 -115
  291. package/styles/components/list.scss +40 -40
  292. package/styles/components/loading.scss +137 -137
  293. package/styles/components/menu.scss +150 -150
  294. package/styles/components/modal.scss +480 -480
  295. package/styles/components/notice-bar.scss +91 -91
  296. package/styles/components/number-input.scss +283 -283
  297. package/styles/components/old-icon.scss +4 -4
  298. package/styles/components/pager.scss +282 -282
  299. package/styles/components/password-input.scss +374 -374
  300. package/styles/components/print.scss +3 -3
  301. package/styles/components/pulldown.scss +75 -75
  302. package/styles/components/radio-button.scss +57 -57
  303. package/styles/components/radio.scss +79 -79
  304. package/styles/components/rate.scss +76 -76
  305. package/styles/components/result.scss +91 -91
  306. package/styles/components/row.scss +69 -69
  307. package/styles/components/segmented.scss +215 -215
  308. package/styles/components/select.scss +244 -244
  309. package/styles/components/slider.scss +139 -139
  310. package/styles/components/split.scss +1 -1
  311. package/styles/components/splitter.scss +318 -318
  312. package/styles/components/switch.scss +128 -128
  313. package/styles/components/table-select.scss +105 -105
  314. package/styles/components/tabs.scss +745 -745
  315. package/styles/components/tag.scss +184 -184
  316. package/styles/components/text-ellipsis.scss +130 -130
  317. package/styles/components/text.scss +123 -123
  318. package/styles/components/textarea.scss +106 -106
  319. package/styles/components/tip.scss +97 -97
  320. package/styles/components/tooltip.scss +141 -141
  321. package/styles/components/tree-select.scss +166 -166
  322. package/styles/components/tree.scss +294 -294
  323. package/styles/components/upload.scss +497 -497
  324. package/styles/components/watermark.scss +26 -26
  325. package/styles/helpers/baseMixin.scss +95 -95
  326. package/styles/helpers/baseVar.scss +3 -3
  327. package/styles/helpers/placement.scss +38 -38
  328. package/styles/theme/base.scss +214 -214
  329. package/styles/theme/dark.scss +119 -119
  330. package/styles/theme/light.scss +118 -118
  331. package/styles/variable.scss +111 -111
  332. package/types/all.d.ts +328 -328
  333. package/types/components/alert.d.ts +80 -80
  334. package/types/components/anchor-link.d.ts +84 -84
  335. package/types/components/anchor.d.ts +84 -84
  336. package/types/components/avatar.d.ts +81 -81
  337. package/types/components/backtop.d.ts +115 -115
  338. package/types/components/badge.d.ts +69 -69
  339. package/types/components/breadcrumb-item.d.ts +73 -73
  340. package/types/components/breadcrumb.d.ts +80 -80
  341. package/types/components/button-group.d.ts +113 -113
  342. package/types/components/button.d.ts +314 -314
  343. package/types/components/calendar.d.ts +254 -254
  344. package/types/components/card.d.ts +86 -86
  345. package/types/components/carousel-item.d.ts +68 -68
  346. package/types/components/carousel.d.ts +126 -126
  347. package/types/components/cascader.d.ts +250 -250
  348. package/types/components/checkbox-button.d.ts +93 -93
  349. package/types/components/checkbox-group.d.ts +135 -135
  350. package/types/components/checkbox.d.ts +115 -115
  351. package/types/components/col.d.ts +73 -73
  352. package/types/components/colgroup.d.ts +131 -131
  353. package/types/components/collapse-pane.d.ts +82 -82
  354. package/types/components/collapse.d.ts +115 -115
  355. package/types/components/color-picker.d.ts +164 -164
  356. package/types/components/column.d.ts +852 -852
  357. package/types/components/context-menu.d.ts +301 -301
  358. package/types/components/countdown.d.ts +99 -99
  359. package/types/components/date-panel.d.ts +269 -269
  360. package/types/components/date-picker.d.ts +322 -322
  361. package/types/components/date-range-picker.d.ts +336 -336
  362. package/types/components/drawer.d.ts +295 -295
  363. package/types/components/empty.d.ts +71 -71
  364. package/types/components/flow-design.d.ts +78 -78
  365. package/types/components/flow-view.d.ts +78 -78
  366. package/types/components/form-design.d.ts +364 -364
  367. package/types/components/form-gather.d.ts +72 -72
  368. package/types/components/form-group.d.ts +63 -63
  369. package/types/components/form-item.d.ts +405 -405
  370. package/types/components/form-view.d.ts +175 -175
  371. package/types/components/form.d.ts +463 -463
  372. package/types/components/gantt-module/gantt-view.d.ts +171 -171
  373. package/types/components/gantt-module/index.d.ts +1 -1
  374. package/types/components/gantt-plugins/extend-gantt-chart.d.ts +132 -132
  375. package/types/components/gantt-plugins/index.d.ts +1 -1
  376. package/types/components/gantt.d.ts +1201 -1201
  377. package/types/components/grid.d.ts +1038 -1038
  378. package/types/components/icon-picker.d.ts +185 -185
  379. package/types/components/icon.d.ts +80 -80
  380. package/types/components/image-group.d.ts +120 -120
  381. package/types/components/image-preview.d.ts +159 -159
  382. package/types/components/image.d.ts +166 -166
  383. package/types/components/input.d.ts +425 -425
  384. package/types/components/layout-aside.d.ts +73 -73
  385. package/types/components/layout-body.d.ts +84 -84
  386. package/types/components/layout-container.d.ts +66 -66
  387. package/types/components/layout-footer.d.ts +66 -66
  388. package/types/components/layout-header.d.ts +64 -64
  389. package/types/components/link.d.ts +104 -104
  390. package/types/components/list-design.d.ts +177 -177
  391. package/types/components/list-view.d.ts +190 -190
  392. package/types/components/list.d.ts +196 -196
  393. package/types/components/loading.d.ts +96 -96
  394. package/types/components/mention.d.ts +70 -70
  395. package/types/components/menu.d.ts +203 -203
  396. package/types/components/modal.d.ts +540 -540
  397. package/types/components/notice-bar.d.ts +95 -95
  398. package/types/components/number-input.d.ts +300 -300
  399. package/types/components/optgroup.d.ts +81 -81
  400. package/types/components/option.d.ts +95 -95
  401. package/types/components/pager.d.ts +322 -322
  402. package/types/components/password-input.d.ts +129 -129
  403. package/types/components/print-page-break.d.ts +62 -62
  404. package/types/components/print.d.ts +199 -199
  405. package/types/components/pulldown.d.ts +226 -226
  406. package/types/components/radio-button.d.ts +104 -104
  407. package/types/components/radio-group.d.ts +136 -136
  408. package/types/components/radio.d.ts +121 -121
  409. package/types/components/rate.d.ts +75 -75
  410. package/types/components/result.d.ts +77 -77
  411. package/types/components/row.d.ts +72 -72
  412. package/types/components/segmented.d.ts +117 -117
  413. package/types/components/select.d.ts +519 -519
  414. package/types/components/slider.d.ts +117 -117
  415. package/types/components/split-pane.d.ts +135 -135
  416. package/types/components/split.d.ts +318 -318
  417. package/types/components/splitter-panel.d.ts +98 -98
  418. package/types/components/splitter.d.ts +283 -283
  419. package/types/components/steps.d.ts +61 -61
  420. package/types/components/switch.d.ts +124 -124
  421. package/types/components/tab-pane.d.ts +107 -107
  422. package/types/components/table-module/custom.d.ts +115 -115
  423. package/types/components/table-module/edit.d.ts +245 -245
  424. package/types/components/table-module/export.d.ts +96 -96
  425. package/types/components/table-module/filter.d.ts +140 -140
  426. package/types/components/table-module/index.d.ts +7 -7
  427. package/types/components/table-module/keyboard.d.ts +26 -26
  428. package/types/components/table-module/menu.d.ts +26 -26
  429. package/types/components/table-module/validator.d.ts +53 -53
  430. package/types/components/table-plugins/extend-cell-area.d.ts +768 -768
  431. package/types/components/table-plugins/extend-pivot-table.d.ts +68 -68
  432. package/types/components/table-plugins/filters-combination.d.ts +15 -15
  433. package/types/components/table-plugins/filters-complex-input.d.ts +9 -9
  434. package/types/components/table-plugins/index.d.ts +4 -4
  435. package/types/components/table-select.d.ts +216 -216
  436. package/types/components/table.d.ts +7496 -7496
  437. package/types/components/tabs.d.ts +324 -324
  438. package/types/components/tag.d.ts +107 -107
  439. package/types/components/text-ellipsis.d.ts +105 -105
  440. package/types/components/text.d.ts +115 -115
  441. package/types/components/textarea.d.ts +237 -237
  442. package/types/components/timeline-item.d.ts +68 -68
  443. package/types/components/timeline.d.ts +70 -70
  444. package/types/components/tip.d.ts +76 -76
  445. package/types/components/toolbar.d.ts +329 -329
  446. package/types/components/tooltip.d.ts +169 -169
  447. package/types/components/tour.d.ts +70 -70
  448. package/types/components/tree-select.d.ts +299 -299
  449. package/types/components/tree.d.ts +836 -826
  450. package/types/components/upload.d.ts +432 -432
  451. package/types/components/watermark.d.ts +113 -113
  452. package/types/index.d.ts +4 -4
  453. package/types/ui/commands.d.ts +57 -57
  454. package/types/ui/formats.d.ts +62 -62
  455. package/types/ui/global-config.d.ts +254 -254
  456. package/types/ui/global-icon.d.ts +292 -292
  457. package/types/ui/hooks.d.ts +11 -11
  458. package/types/ui/index.d.ts +95 -95
  459. package/types/ui/interceptor.d.ts +54 -54
  460. package/types/ui/menus.d.ts +77 -77
  461. package/types/ui/renderer.d.ts +1042 -1042
  462. package/types/ui/validators.d.ts +38 -38
  463. /package/es/icon/{iconfont.1778223321885.ttf → iconfont.1778317204332.ttf} +0 -0
  464. /package/es/icon/{iconfont.1778223321885.woff → iconfont.1778317204332.woff} +0 -0
  465. /package/es/icon/{iconfont.1778223321885.woff2 → iconfont.1778317204332.woff2} +0 -0
  466. /package/es/{iconfont.1778223321885.ttf → iconfont.1778317204332.ttf} +0 -0
  467. /package/es/{iconfont.1778223321885.woff → iconfont.1778317204332.woff} +0 -0
  468. /package/es/{iconfont.1778223321885.woff2 → iconfont.1778317204332.woff2} +0 -0
  469. /package/lib/icon/style/{iconfont.1778223321885.ttf → iconfont.1778317204332.ttf} +0 -0
  470. /package/lib/icon/style/{iconfont.1778223321885.woff → iconfont.1778317204332.woff} +0 -0
  471. /package/lib/icon/style/{iconfont.1778223321885.woff2 → iconfont.1778317204332.woff2} +0 -0
  472. /package/lib/{iconfont.1778223321885.ttf → iconfont.1778317204332.ttf} +0 -0
  473. /package/lib/{iconfont.1778223321885.woff → iconfont.1778317204332.woff} +0 -0
  474. /package/lib/{iconfont.1778223321885.woff2 → iconfont.1778317204332.woff2} +0 -0
package/styles/components/form.scss CHANGED
@@ -1,668 +1,668 @@
1
- @use "sass:list";
2
-
3
- %ButtonHover {
4
- color: var(--vxe-ui-font-primary-lighten-color);
5
- border-color: var(--vxe-ui-font-primary-lighten-color);
6
- }
7
-
8
- .vxe-form {
9
- position: relative;
10
- font-size: var(--vxe-ui-font-size-default);
11
- color: var(--vxe-ui-font-color);
12
- font-family: var(--vxe-ui-font-family);
13
- background-color: var(--vxe-ui-layout-background-color);
14
- text-align: left;
15
- .vxe-row {
16
- flex-shrink: 0;
17
- }
18
- }
19
-
20
- .vxe-form--item-row {
21
- display: flex;
22
- flex-direction: row;
23
- flex-wrap: wrap;
24
- }
25
-
26
- .vxe-form--item-row,
27
- .vxe-col--inner {
28
- $spans: 4.16667%, 8.33333%, 12.5%, 16.66667%, 20.83333%, 25%, 29.16667%, 33.33333%,
29
- 37.5%, 41.66667%, 45.83333%, 50%, 54.16667%, 58.33333%, 62.5%, 66.66667%,
30
- 70.83333%, 75%, 79.16667%, 83.33333%, 87.5%, 91.66667%, 95.83333%, 100%;
31
- @for $index from 0 to list.length($spans) {
32
- & > .vxe-form--item-col_#{$index + 1} {
33
- width: list.nth($spans, $index + 1);
34
- }
35
- }
36
- }
37
-
38
- .vxe-form-slots {
39
- display: none;
40
- }
41
-
42
- .vxe-form--item-inner,
43
- .vxe-form--item-trigger-node {
44
- display: inline-block;
45
- vertical-align: middle;
46
- }
47
-
48
- .vxe-form--item-title {
49
- display: flex;
50
- flex-direction: row;
51
- align-items: center;
52
- max-width: 320px;
53
- padding-right: 0.8em;
54
- &.is--ellipsis {
55
- .vxe-form--item-title-content {
56
- overflow: hidden;
57
- text-overflow: ellipsis;
58
- white-space: nowrap;
59
- }
60
- }
61
- .vxe-form--item-title-tip-prefix,
62
- .vxe-form--item-title-tip-suffix,
63
- .vxe-form--item-title-postfix,
64
- .vxe-form--item-title-prefix,
65
- .vxe-form--item-title-suffix {
66
- flex-shrink: 0;
67
- }
68
- .vxe-form--item-title-tip-prefix,
69
- .vxe-form--item-title-tip-suffix {
70
- vertical-align: middle;
71
- }
72
- .vxe-form--item-title-tip-prefix {
73
- margin-right: 0.25em;
74
- }
75
- .vxe-form--item-title-tip-suffix {
76
- margin-left: 0.2em;
77
- }
78
- .vxe-form--item-title-postfix {
79
- display: flex;
80
- align-items: center;
81
- }
82
- .vxe-form--item-title-content {
83
- flex-grow: 1;
84
- }
85
- .vxe-form--item-title-label {
86
- vertical-align: middle;
87
- }
88
- .vxe-form--item-title-prefix,
89
- .vxe-form--item-title-suffix {
90
- display: inline-flex;
91
- flex-direction: row;
92
- vertical-align: middle;
93
- }
94
- }
95
-
96
- .vxe-form--item-title {
97
- flex-shrink: 0;
98
- }
99
- .vxe-form--item-content {
100
- display: flex;
101
- flex-direction: row;
102
- position: relative;
103
- flex-grow: 1;
104
- word-break: break-all;
105
- &:not(.vxe-form--group-content) {
106
- align-items: center;
107
- }
108
- }
109
-
110
- .vxe-form--item-trigger-node {
111
- font-size: 12px;
112
- min-width: 100px;
113
- color: #909399;
114
- text-align: center;
115
- user-select: none;
116
- cursor: pointer;
117
- .vxe-form--item-trigger-icon {
118
- display: inline-block;
119
- margin: 0 0.25em;
120
- transition: all 0.1s;
121
- }
122
- }
123
-
124
- .vxe-form-item--valid-error-tip {
125
- position: absolute;
126
- width: 100%;
127
- font-size: 0.9em;
128
- line-height: 1em;
129
- color: var(--vxe-ui-form-validate-error-color);
130
- background-color: var(--vxe-ui-form-validate-error-background-color);
131
- z-index: 1;
132
- opacity: 0;
133
- transform-origin: center top;
134
- transform: scaleY(0);
135
- transition: all 0.2s ease-in-out;
136
- .vxe-form-item--valid-error-wrapper {
137
- display: inline-block;
138
- border-radius: var(--vxe-ui-base-border-radius);
139
- pointer-events: auto;
140
- }
141
- .vxe-form-item--valid-error-theme-beautify {
142
- padding: 0.2em 0.6em 0.25em 0.6em;
143
- color: #fff;
144
- background-color: var(--vxe-ui-status-error-color);
145
- .vxe-form-item--valid-error-msg {
146
- background: transparent;
147
- }
148
- }
149
- .vxe-form-item--valid-error-theme-normal {
150
- color: var(--vxe-ui-table-validate-error-color);
151
- background-color: var(--vxe-ui-form-validate-error-theme-normal-background-color);
152
- }
153
- }
154
-
155
- .vxe-form {
156
- .vxe-form--wrapper {
157
- display: flex;
158
- flex-direction: row;
159
- flex-wrap: wrap;
160
- }
161
- .vxe-form--item {
162
- display: none;
163
- &.is--active {
164
- &:not(.is--hidden) {
165
- display: inline-flex;
166
- }
167
- }
168
- }
169
- }
170
-
171
- .vxe-form--item-inner {
172
- position: relative;
173
- width: 100%;
174
- }
175
-
176
- .vxe-form-item--valid-error-icon-wrapper {
177
- visibility: hidden;
178
- position: relative;
179
- flex-shrink: 0;
180
- padding-left: 0.5em;
181
- color: var(--vxe-ui-form-validate-error-color);
182
- &.is--hide {
183
- .vxe-form-item--valid-error-icon-msg-tip {
184
- width: 0;
185
- padding: 0;
186
- }
187
- }
188
- }
189
- .vxe-form-item--valid-error-icon-btn {
190
- position: relative;
191
- user-select: none;
192
- z-index: 6;
193
- cursor: help;
194
- }
195
- .vxe-form-item--valid-error-icon-msg-tip {
196
- position: absolute;
197
- top: 50%;
198
- right: 0.8em;
199
- display: block;
200
- max-width: 24em;
201
- padding: 0.4em;
202
- overflow: hidden;
203
- z-index: 5;
204
- transform: translateY(-50%);
205
- }
206
- .vxe-form-item--valid-error-icon-msg {
207
- border-radius: var(--vxe-ui-base-border-radius);
208
- overflow: hidden;
209
- text-overflow: ellipsis;
210
- white-space: nowrap;
211
- box-shadow: 2px 2px 4px -2px rgba(0,0,0,.5);
212
- }
213
- .vxe-form-item--valid-error-icon-theme-beautify {
214
- padding: 0.2em 0.6em 0.25em 0.6em;
215
- color: #fff;
216
- background-color: var(--vxe-ui-status-error-color);
217
- .vxe-form-item--valid-error-msg {
218
- background: transparent;
219
- }
220
- }
221
- .vxe-form-item--valid-error-icon-theme-normal {
222
- padding: 0 0.6em;
223
- color: var(--vxe-ui-table-validate-error-color);
224
- border: 1px solid var(--vxe-ui-table-validate-error-color);
225
- background-color: var(--vxe-ui-form-validate-error-theme-normal-background-color);
226
- }
227
-
228
- .vxe-form--item {
229
- &.is--bold {
230
- & > .vxe-form--item-title {
231
- font-weight: bold;
232
- }
233
- }
234
- &.is--colon {
235
- & > .vxe-form--item-title {
236
- .vxe-form--item-title-postfix {
237
- &:after {
238
- content: ":";
239
- font-weight: normal;
240
- margin-left: 0.2em;
241
- }
242
- }
243
- }
244
- }
245
- &.is--asterisk {
246
- &.is--required {
247
- & > .vxe-form--item-title {
248
- .vxe-form--item-title-content {
249
- &:before {
250
- content: "*";
251
- color: var(--vxe-ui-form-validate-error-color);
252
- font-family: Verdana,Arial,Tahoma;
253
- margin-right: 0.2em;
254
- font-weight: normal;
255
- vertical-align: middle;
256
- }
257
- }
258
- }
259
- }
260
- }
261
- &.is--tbg {
262
- & > .vxe-form--item-title {
263
- background-color: var(--vxe-ui-form-title-background-color);
264
- }
265
- }
266
- &.is--vertical {
267
- flex-direction: column;
268
- align-items: initial;
269
- & > .vxe-form--item-title {
270
- height: 2.5em;
271
- line-height: 2.3em;
272
- padding-right: 0;
273
- max-width: none;
274
- .vxe-form--item-title-content {
275
- flex-grow: initial;
276
- }
277
- }
278
- }
279
- &.is--span {
280
- .vxe-default-input:not([type="submit"]):not([type="reset"]),
281
- .vxe-default-textarea,
282
- .vxe-default-select,
283
- .vxe-input,
284
- .vxe-number-input,
285
- .vxe-password-input,
286
- .vxe-date-picker,
287
- .vxe-date-range-picker,
288
- .vxe-textarea,
289
- .vxe-select,
290
- .vxe-tree-select,
291
- .vxe-table-select,
292
- .vxe-ico-picker {
293
- width: 100%;
294
- }
295
- }
296
- &.is--error {
297
- &.show--err-msg {
298
- & > .vxe-form--item-content {
299
- padding-top: 0;
300
- padding-bottom: 1.3em;
301
- }
302
- }
303
- &.err--bg {
304
- & > .vxe-form--item-content {
305
- background-color: var(--vxe-ui-form-validate-error-item-background-color);
306
- }
307
- }
308
- & > .vxe-form--item-content {
309
- & > .vxe-form-item--valid-error-icon-wrapper {
310
- visibility: visible;
311
- }
312
- }
313
- .vxe-input,
314
- .vxe-number-input,
315
- .vxe-password-input,
316
- .vxe-date-picker,
317
- .vxe-date-range-picker,
318
- .vxe-textarea > .vxe-textarea--inner,
319
- .vxe-upload .vxe-upload--image-action-box,
320
- .vxe-upload .vxe-upload--file-action-btn > .vxe-button,
321
- .vxe-select,
322
- .vxe-tree-select,
323
- .vxe-table-select,
324
- .vxe-default-input,
325
- .vxe-default-textarea,
326
- .vxe-default-select,
327
- .vxe-ico-picker {
328
- border-color: var(--vxe-ui-form-validate-error-color);
329
- }
330
- .vxe-input,
331
- .vxe-number-input,
332
- .vxe-password-input,
333
- .vxe-date-picker,
334
- .vxe-date-range-picker,
335
- .vxe-textarea>.vxe-textarea--inner,
336
- .vxe-default-input[type="text"],
337
- .vxe-default-input[type="search"],
338
- .vxe-default-textarea,
339
- .vxe-default-select {
340
- &:focus {
341
- border-color: var(--vxe-ui-form-validate-error-color);
342
- }
343
- }
344
- .vxe-form-item--valid-error-tip {
345
- opacity: 1;
346
- transform: scaleY(1);
347
- }
348
- }
349
- .vxe-default-input,
350
- .vxe-default-textarea,
351
- .vxe-default-select {
352
- outline: 0;
353
- border: 1px solid var(--vxe-ui-input-border-color);
354
- border-radius: var(--vxe-ui-base-border-radius);
355
- }
356
- .vxe-default-input,
357
- .vxe-default-select {
358
- height: var(--vxe-ui-button-height-default);
359
- }
360
- .vxe-default-input {
361
- padding: 0 0.8em;
362
- }
363
- .vxe-default-textarea {
364
- height: calc(var(--vxe-ui-button-height-default) * 2);
365
- padding: 0.3em 0.6em;
366
- }
367
- .vxe-default-input[type="number"] {
368
- padding-right: 0.2em;
369
- }
370
- .vxe-default-input[type="text"],
371
- .vxe-default-input[type="search"] {
372
- padding: 0 1em;
373
- }
374
- .vxe-default-input[type="text"],
375
- .vxe-default-input[type="search"],
376
- .vxe-default-textarea,
377
- .vxe-default-select {
378
- color: var(--vxe-ui-font-color);
379
- &:focus {
380
- border: 1px solid var(--vxe-ui-font-primary-color);
381
- }
382
- &[disabled] {
383
- cursor: not-allowed;
384
- background-color: var(--vxe-ui-input-disabled-background-color);
385
- }
386
- }
387
- .vxe-default-input[type="submit"],
388
- .vxe-default-input[type="reset"] {
389
- line-height: calc(var(--vxe-ui-button-height-default) - 2px);
390
- background-color: #fff;
391
- cursor: pointer;
392
- &:hover {
393
- @extend %ButtonHover;
394
- }
395
- &:active {
396
- color: var(--vxe-ui-font-primary-darken-color);
397
- border-color: var(--vxe-ui-font-primary-darken-color);
398
- }
399
- }
400
- .vxe-default-input {
401
- &[type="date"]::-webkit-inner-spin-button {
402
- margin-top: 6px;
403
- }
404
- &[type="date"]::-webkit-inner-spin-button,
405
- &[type="number"]::-webkit-inner-spin-button {
406
- height: 24px;
407
- }
408
- &::placeholder {
409
- color: var(--vxe-ui-input-placeholder-color);
410
- }
411
- }
412
- .vxe-default-input[type="text"],
413
- .vxe-default-input[type="search"],
414
- .vxe-default-textarea,
415
- .vxe-default-select {
416
- width: 180px;
417
- }
418
- .vxe-default-textarea {
419
- resize: none;
420
- vertical-align: middle;
421
- &::placeholder {
422
- color: var(--vxe-ui-input-placeholder-color);
423
- }
424
- }
425
- }
426
- .vxe-form {
427
- &.is--border {
428
- position: relative;
429
- overflow: hidden;
430
- &::before {
431
- content: "";
432
- position: absolute;
433
- top: 0;
434
- left: 0;
435
- width: 100%;
436
- height: 100%;
437
- border: 1px solid var(--vxe-ui-form-border-color);
438
- pointer-events: none;
439
- z-index: 1;
440
- }
441
- .vxe-form--item {
442
- position: relative;
443
- padding: 0;
444
- &::before {
445
- content: "";
446
- position: absolute;
447
- top: -1px;
448
- left: -1px;
449
- width: calc(100% + 1px);
450
- height: calc(100% + 1px);
451
- border: 1px solid var(--vxe-ui-form-border-color);
452
- pointer-events: none;
453
- }
454
- &.is--padding {
455
- &.is--vertical {
456
- & > .vxe-form--item-title {
457
- border-bottom: 1px solid var(--vxe-ui-form-border-color);
458
- }
459
- }
460
- &:not(.is--vertical) {
461
- & > .vxe-form--item-title {
462
- border-right: 1px solid var(--vxe-ui-form-border-color);
463
- }
464
- }
465
- }
466
- }
467
- }
468
- }
469
-
470
- .vxe-form {
471
- .vxe-form--item {
472
- &.hide--content {
473
- & > .vxe-form--item-title {
474
- max-width: none;
475
- flex-shrink: unset;
476
- flex-grow: 1;
477
- }
478
- }
479
- }
480
- }
481
-
482
-
483
- .vxe-form--item {
484
- &.is--padding {
485
- &.is--vertical {
486
- & > .vxe-form--item-title {
487
- padding: 0 var(--vxe-ui-form-item-padding-default);
488
- }
489
- }
490
- & > .vxe-form--item-title {
491
- padding: var(--vxe-ui-form-item-padding-default);
492
- }
493
- & > .vxe-form--item-content {
494
- padding: var(--vxe-ui-form-item-padding-default);
495
- }
496
- }
497
- &.size--medium {
498
- &.is--padding {
499
- &.is--vertical {
500
- & > .vxe-form--item-title {
501
- padding: 0 var(--vxe-ui-form-item-padding-medium);
502
- }
503
- }
504
- & > .vxe-form--item-title {
505
- padding: var(--vxe-ui-form-item-padding-medium);
506
- }
507
- & > .vxe-form--item-content {
508
- padding: var(--vxe-ui-form-item-padding-medium);
509
- }
510
- }
511
- }
512
- &.size--small {
513
- &.is--padding {
514
- &.is--vertical {
515
- & > .vxe-form--item-title {
516
- padding: 0 var(--vxe-ui-form-item-padding-small);
517
- }
518
- }
519
- & > .vxe-form--item-title {
520
- padding: var(--vxe-ui-form-item-padding-small);
521
- }
522
- & > .vxe-form--item-content {
523
- padding: var(--vxe-ui-form-item-padding-small);
524
- }
525
- }
526
- }
527
- &.size--mini {
528
- &.is--padding {
529
- &.is--vertical {
530
- & > .vxe-form--item-title {
531
- padding: 0 var(--vxe-ui-form-item-padding-mini);
532
- }
533
- }
534
- & > .vxe-form--item-title {
535
- padding: var(--vxe-ui-form-item-padding-mini);
536
- }
537
- & > .vxe-form--item-content {
538
- padding: var(--vxe-ui-form-item-padding-mini);
539
- }
540
- }
541
- }
542
- }
543
-
544
- .vxe-form--item {
545
- &.is--padding {
546
- & > .vxe-form--group-content {
547
- &.vxe-form--item-content {
548
- padding: 0;
549
- }
550
- }
551
- }
552
- }
553
-
554
- .vxe-form {
555
- .vxe-form--item-title {
556
- &.align--center {
557
- text-align: center;
558
- }
559
- &.align--left {
560
- text-align: left;
561
- }
562
- &.align--right {
563
- text-align: right;
564
- }
565
- }
566
- .vxe-form--item-content {
567
- &.align--center {
568
- & > .vxe-form--item-inner {
569
- text-align: center;
570
- }
571
- }
572
- &.align--left {
573
- & > .vxe-form--item-inner {
574
- text-align: left;
575
- }
576
- }
577
- &.align--right {
578
- & > .vxe-form--item-inner {
579
- text-align: right;
580
- }
581
- }
582
- &.vertical-align--center {
583
- align-items: center;
584
- }
585
- }
586
- .vxe-form--item {
587
- &:not(.is--vertical) {
588
- .vxe-form--item-title {
589
- min-height: var(--vxe-ui-form-item-min-height-default);
590
- }
591
- }
592
- .vxe-form--item-content {
593
- min-height: var(--vxe-ui-form-item-min-height-default);
594
- }
595
- }
596
- &.size--medium {
597
- font-size: var(--vxe-ui-font-size-medium);
598
- .vxe-default-input[type="submit"],
599
- .vxe-default-input[type="reset"] {
600
- line-height: calc(var(--vxe-ui-button-height-medium) - 2px);
601
- }
602
- .vxe-default-input,
603
- .vxe-default-select {
604
- height: var(--vxe-ui-button-height-medium);
605
- }
606
- .vxe-default-textarea {
607
- height: calc(var(--vxe-ui-button-height-medium) * 2);
608
- }
609
- .vxe-form--item {
610
- &:not(.is--vertical) {
611
- .vxe-form--item-title {
612
- min-height: var(--vxe-ui-form-item-min-height-medium);
613
- }
614
- }
615
- .vxe-form--item-content {
616
- min-height: var(--vxe-ui-form-item-min-height-medium);
617
- }
618
- }
619
- }
620
- &.size--small {
621
- font-size: var(--vxe-ui-font-size-small);
622
- .vxe-default-input[type="submit"],
623
- .vxe-default-input[type="reset"] {
624
- line-height: calc(var(--vxe-ui-button-height-small) - 2px);
625
- }
626
- .vxe-default-input,
627
- .vxe-default-select {
628
- height: var(--vxe-ui-button-height-small);
629
- }
630
- .vxe-default-textarea {
631
- height: calc(var(--vxe-ui-button-height-small) * 2);
632
- }
633
- .vxe-form--item {
634
- &:not(.is--vertical) {
635
- .vxe-form--item-title {
636
- min-height: var(--vxe-ui-form-item-min-height-small);
637
- }
638
- }
639
- .vxe-form--item-content {
640
- min-height: var(--vxe-ui-form-item-min-height-small);
641
- }
642
- }
643
- }
644
- &.size--mini {
645
- font-size: var(--vxe-ui-font-size-mini);
646
- .vxe-default-input[type="submit"],
647
- .vxe-default-input[type="reset"] {
648
- line-height: calc(var(--vxe-ui-button-height-mini) - 2px);
649
- }
650
- .vxe-default-input,
651
- .vxe-default-select {
652
- height: var(--vxe-ui-button-height-mini);
653
- }
654
- .vxe-default-textarea {
655
- height: calc(var(--vxe-ui-button-height-mini) * 2);
656
- }
657
- .vxe-form--item {
658
- &:not(.is--vertical) {
659
- .vxe-form--item-title {
660
- min-height: var(--vxe-ui-form-item-min-height-mini);
661
- }
662
- }
663
- .vxe-form--item-content {
664
- min-height: var(--vxe-ui-form-item-min-height-mini);
665
- }
666
- }
667
- }
668
- }
1
+ @use "sass:list";
2
+
3
+ %ButtonHover {
4
+ color: var(--vxe-ui-font-primary-lighten-color);
5
+ border-color: var(--vxe-ui-font-primary-lighten-color);
6
+ }
7
+
8
+ .vxe-form {
9
+ position: relative;
10
+ font-size: var(--vxe-ui-font-size-default);
11
+ color: var(--vxe-ui-font-color);
12
+ font-family: var(--vxe-ui-font-family);
13
+ background-color: var(--vxe-ui-layout-background-color);
14
+ text-align: left;
15
+ .vxe-row {
16
+ flex-shrink: 0;
17
+ }
18
+ }
19
+
20
+ .vxe-form--item-row {
21
+ display: flex;
22
+ flex-direction: row;
23
+ flex-wrap: wrap;
24
+ }
25
+
26
+ .vxe-form--item-row,
27
+ .vxe-col--inner {
28
+ $spans: 4.16667%, 8.33333%, 12.5%, 16.66667%, 20.83333%, 25%, 29.16667%, 33.33333%,
29
+ 37.5%, 41.66667%, 45.83333%, 50%, 54.16667%, 58.33333%, 62.5%, 66.66667%,
30
+ 70.83333%, 75%, 79.16667%, 83.33333%, 87.5%, 91.66667%, 95.83333%, 100%;
31
+ @for $index from 0 to list.length($spans) {
32
+ & > .vxe-form--item-col_#{$index + 1} {
33
+ width: list.nth($spans, $index + 1);
34
+ }
35
+ }
36
+ }
37
+
38
+ .vxe-form-slots {
39
+ display: none;
40
+ }
41
+
42
+ .vxe-form--item-inner,
43
+ .vxe-form--item-trigger-node {
44
+ display: inline-block;
45
+ vertical-align: middle;
46
+ }
47
+
48
+ .vxe-form--item-title {
49
+ display: flex;
50
+ flex-direction: row;
51
+ align-items: center;
52
+ max-width: 320px;
53
+ padding-right: 0.8em;
54
+ &.is--ellipsis {
55
+ .vxe-form--item-title-content {
56
+ overflow: hidden;
57
+ text-overflow: ellipsis;
58
+ white-space: nowrap;
59
+ }
60
+ }
61
+ .vxe-form--item-title-tip-prefix,
62
+ .vxe-form--item-title-tip-suffix,
63
+ .vxe-form--item-title-postfix,
64
+ .vxe-form--item-title-prefix,
65
+ .vxe-form--item-title-suffix {
66
+ flex-shrink: 0;
67
+ }
68
+ .vxe-form--item-title-tip-prefix,
69
+ .vxe-form--item-title-tip-suffix {
70
+ vertical-align: middle;
71
+ }
72
+ .vxe-form--item-title-tip-prefix {
73
+ margin-right: 0.25em;
74
+ }
75
+ .vxe-form--item-title-tip-suffix {
76
+ margin-left: 0.2em;
77
+ }
78
+ .vxe-form--item-title-postfix {
79
+ display: flex;
80
+ align-items: center;
81
+ }
82
+ .vxe-form--item-title-content {
83
+ flex-grow: 1;
84
+ }
85
+ .vxe-form--item-title-label {
86
+ vertical-align: middle;
87
+ }
88
+ .vxe-form--item-title-prefix,
89
+ .vxe-form--item-title-suffix {
90
+ display: inline-flex;
91
+ flex-direction: row;
92
+ vertical-align: middle;
93
+ }
94
+ }
95
+
96
+ .vxe-form--item-title {
97
+ flex-shrink: 0;
98
+ }
99
+ .vxe-form--item-content {
100
+ display: flex;
101
+ flex-direction: row;
102
+ position: relative;
103
+ flex-grow: 1;
104
+ word-break: break-all;
105
+ &:not(.vxe-form--group-content) {
106
+ align-items: center;
107
+ }
108
+ }
109
+
110
+ .vxe-form--item-trigger-node {
111
+ font-size: 12px;
112
+ min-width: 100px;
113
+ color: #909399;
114
+ text-align: center;
115
+ user-select: none;
116
+ cursor: pointer;
117
+ .vxe-form--item-trigger-icon {
118
+ display: inline-block;
119
+ margin: 0 0.25em;
120
+ transition: all 0.1s;
121
+ }
122
+ }
123
+
124
+ .vxe-form-item--valid-error-tip {
125
+ position: absolute;
126
+ width: 100%;
127
+ font-size: 0.9em;
128
+ line-height: 1em;
129
+ color: var(--vxe-ui-form-validate-error-color);
130
+ background-color: var(--vxe-ui-form-validate-error-background-color);
131
+ z-index: 1;
132
+ opacity: 0;
133
+ transform-origin: center top;
134
+ transform: scaleY(0);
135
+ transition: all 0.2s ease-in-out;
136
+ .vxe-form-item--valid-error-wrapper {
137
+ display: inline-block;
138
+ border-radius: var(--vxe-ui-base-border-radius);
139
+ pointer-events: auto;
140
+ }
141
+ .vxe-form-item--valid-error-theme-beautify {
142
+ padding: 0.2em 0.6em 0.25em 0.6em;
143
+ color: #fff;
144
+ background-color: var(--vxe-ui-status-error-color);
145
+ .vxe-form-item--valid-error-msg {
146
+ background: transparent;
147
+ }
148
+ }
149
+ .vxe-form-item--valid-error-theme-normal {
150
+ color: var(--vxe-ui-table-validate-error-color);
151
+ background-color: var(--vxe-ui-form-validate-error-theme-normal-background-color);
152
+ }
153
+ }
154
+
155
+ .vxe-form {
156
+ .vxe-form--wrapper {
157
+ display: flex;
158
+ flex-direction: row;
159
+ flex-wrap: wrap;
160
+ }
161
+ .vxe-form--item {
162
+ display: none;
163
+ &.is--active {
164
+ &:not(.is--hidden) {
165
+ display: inline-flex;
166
+ }
167
+ }
168
+ }
169
+ }
170
+
171
+ .vxe-form--item-inner {
172
+ position: relative;
173
+ width: 100%;
174
+ }
175
+
176
+ .vxe-form-item--valid-error-icon-wrapper {
177
+ visibility: hidden;
178
+ position: relative;
179
+ flex-shrink: 0;
180
+ padding-left: 0.5em;
181
+ color: var(--vxe-ui-form-validate-error-color);
182
+ &.is--hide {
183
+ .vxe-form-item--valid-error-icon-msg-tip {
184
+ width: 0;
185
+ padding: 0;
186
+ }
187
+ }
188
+ }
189
+ .vxe-form-item--valid-error-icon-btn {
190
+ position: relative;
191
+ user-select: none;
192
+ z-index: 6;
193
+ cursor: help;
194
+ }
195
+ .vxe-form-item--valid-error-icon-msg-tip {
196
+ position: absolute;
197
+ top: 50%;
198
+ right: 0.8em;
199
+ display: block;
200
+ max-width: 24em;
201
+ padding: 0.4em;
202
+ overflow: hidden;
203
+ z-index: 5;
204
+ transform: translateY(-50%);
205
+ }
206
+ .vxe-form-item--valid-error-icon-msg {
207
+ border-radius: var(--vxe-ui-base-border-radius);
208
+ overflow: hidden;
209
+ text-overflow: ellipsis;
210
+ white-space: nowrap;
211
+ box-shadow: 2px 2px 4px -2px rgba(0,0,0,.5);
212
+ }
213
+ .vxe-form-item--valid-error-icon-theme-beautify {
214
+ padding: 0.2em 0.6em 0.25em 0.6em;
215
+ color: #fff;
216
+ background-color: var(--vxe-ui-status-error-color);
217
+ .vxe-form-item--valid-error-msg {
218
+ background: transparent;
219
+ }
220
+ }
221
+ .vxe-form-item--valid-error-icon-theme-normal {
222
+ padding: 0 0.6em;
223
+ color: var(--vxe-ui-table-validate-error-color);
224
+ border: 1px solid var(--vxe-ui-table-validate-error-color);
225
+ background-color: var(--vxe-ui-form-validate-error-theme-normal-background-color);
226
+ }
227
+
228
+ .vxe-form--item {
229
+ &.is--bold {
230
+ & > .vxe-form--item-title {
231
+ font-weight: bold;
232
+ }
233
+ }
234
+ &.is--colon {
235
+ & > .vxe-form--item-title {
236
+ .vxe-form--item-title-postfix {
237
+ &:after {
238
+ content: ":";
239
+ font-weight: normal;
240
+ margin-left: 0.2em;
241
+ }
242
+ }
243
+ }
244
+ }
245
+ &.is--asterisk {
246
+ &.is--required {
247
+ & > .vxe-form--item-title {
248
+ .vxe-form--item-title-content {
249
+ &:before {
250
+ content: "*";
251
+ color: var(--vxe-ui-form-validate-error-color);
252
+ font-family: Verdana,Arial,Tahoma;
253
+ margin-right: 0.2em;
254
+ font-weight: normal;
255
+ vertical-align: middle;
256
+ }
257
+ }
258
+ }
259
+ }
260
+ }
261
+ &.is--tbg {
262
+ & > .vxe-form--item-title {
263
+ background-color: var(--vxe-ui-form-title-background-color);
264
+ }
265
+ }
266
+ &.is--vertical {
267
+ flex-direction: column;
268
+ align-items: initial;
269
+ & > .vxe-form--item-title {
270
+ height: 2.5em;
271
+ line-height: 2.3em;
272
+ padding-right: 0;
273
+ max-width: none;
274
+ .vxe-form--item-title-content {
275
+ flex-grow: initial;
276
+ }
277
+ }
278
+ }
279
+ &.is--span {
280
+ .vxe-default-input:not([type="submit"]):not([type="reset"]),
281
+ .vxe-default-textarea,
282
+ .vxe-default-select,
283
+ .vxe-input,
284
+ .vxe-number-input,
285
+ .vxe-password-input,
286
+ .vxe-date-picker,
287
+ .vxe-date-range-picker,
288
+ .vxe-textarea,
289
+ .vxe-select,
290
+ .vxe-tree-select,
291
+ .vxe-table-select,
292
+ .vxe-ico-picker {
293
+ width: 100%;
294
+ }
295
+ }
296
+ &.is--error {
297
+ &.show--err-msg {
298
+ & > .vxe-form--item-content {
299
+ padding-top: 0;
300
+ padding-bottom: 1.3em;
301
+ }
302
+ }
303
+ &.err--bg {
304
+ & > .vxe-form--item-content {
305
+ background-color: var(--vxe-ui-form-validate-error-item-background-color);
306
+ }
307
+ }
308
+ & > .vxe-form--item-content {
309
+ & > .vxe-form-item--valid-error-icon-wrapper {
310
+ visibility: visible;
311
+ }
312
+ }
313
+ .vxe-input,
314
+ .vxe-number-input,
315
+ .vxe-password-input,
316
+ .vxe-date-picker,
317
+ .vxe-date-range-picker,
318
+ .vxe-textarea > .vxe-textarea--inner,
319
+ .vxe-upload .vxe-upload--image-action-box,
320
+ .vxe-upload .vxe-upload--file-action-btn > .vxe-button,
321
+ .vxe-select,
322
+ .vxe-tree-select,
323
+ .vxe-table-select,
324
+ .vxe-default-input,
325
+ .vxe-default-textarea,
326
+ .vxe-default-select,
327
+ .vxe-ico-picker {
328
+ border-color: var(--vxe-ui-form-validate-error-color);
329
+ }
330
+ .vxe-input,
331
+ .vxe-number-input,
332
+ .vxe-password-input,
333
+ .vxe-date-picker,
334
+ .vxe-date-range-picker,
335
+ .vxe-textarea>.vxe-textarea--inner,
336
+ .vxe-default-input[type="text"],
337
+ .vxe-default-input[type="search"],
338
+ .vxe-default-textarea,
339
+ .vxe-default-select {
340
+ &:focus {
341
+ border-color: var(--vxe-ui-form-validate-error-color);
342
+ }
343
+ }
344
+ .vxe-form-item--valid-error-tip {
345
+ opacity: 1;
346
+ transform: scaleY(1);
347
+ }
348
+ }
349
+ .vxe-default-input,
350
+ .vxe-default-textarea,
351
+ .vxe-default-select {
352
+ outline: 0;
353
+ border: 1px solid var(--vxe-ui-input-border-color);
354
+ border-radius: var(--vxe-ui-base-border-radius);
355
+ }
356
+ .vxe-default-input,
357
+ .vxe-default-select {
358
+ height: var(--vxe-ui-button-height-default);
359
+ }
360
+ .vxe-default-input {
361
+ padding: 0 0.8em;
362
+ }
363
+ .vxe-default-textarea {
364
+ height: calc(var(--vxe-ui-button-height-default) * 2);
365
+ padding: 0.3em 0.6em;
366
+ }
367
+ .vxe-default-input[type="number"] {
368
+ padding-right: 0.2em;
369
+ }
370
+ .vxe-default-input[type="text"],
371
+ .vxe-default-input[type="search"] {
372
+ padding: 0 1em;
373
+ }
374
+ .vxe-default-input[type="text"],
375
+ .vxe-default-input[type="search"],
376
+ .vxe-default-textarea,
377
+ .vxe-default-select {
378
+ color: var(--vxe-ui-font-color);
379
+ &:focus {
380
+ border: 1px solid var(--vxe-ui-font-primary-color);
381
+ }
382
+ &[disabled] {
383
+ cursor: not-allowed;
384
+ background-color: var(--vxe-ui-input-disabled-background-color);
385
+ }
386
+ }
387
+ .vxe-default-input[type="submit"],
388
+ .vxe-default-input[type="reset"] {
389
+ line-height: calc(var(--vxe-ui-button-height-default) - 2px);
390
+ background-color: #fff;
391
+ cursor: pointer;
392
+ &:hover {
393
+ @extend %ButtonHover;
394
+ }
395
+ &:active {
396
+ color: var(--vxe-ui-font-primary-darken-color);
397
+ border-color: var(--vxe-ui-font-primary-darken-color);
398
+ }
399
+ }
400
+ .vxe-default-input {
401
+ &[type="date"]::-webkit-inner-spin-button {
402
+ margin-top: 6px;
403
+ }
404
+ &[type="date"]::-webkit-inner-spin-button,
405
+ &[type="number"]::-webkit-inner-spin-button {
406
+ height: 24px;
407
+ }
408
+ &::placeholder {
409
+ color: var(--vxe-ui-input-placeholder-color);
410
+ }
411
+ }
412
+ .vxe-default-input[type="text"],
413
+ .vxe-default-input[type="search"],
414
+ .vxe-default-textarea,
415
+ .vxe-default-select {
416
+ width: 180px;
417
+ }
418
+ .vxe-default-textarea {
419
+ resize: none;
420
+ vertical-align: middle;
421
+ &::placeholder {
422
+ color: var(--vxe-ui-input-placeholder-color);
423
+ }
424
+ }
425
+ }
426
+ .vxe-form {
427
+ &.is--border {
428
+ position: relative;
429
+ overflow: hidden;
430
+ &::before {
431
+ content: "";
432
+ position: absolute;
433
+ top: 0;
434
+ left: 0;
435
+ width: 100%;
436
+ height: 100%;
437
+ border: 1px solid var(--vxe-ui-form-border-color);
438
+ pointer-events: none;
439
+ z-index: 1;
440
+ }
441
+ .vxe-form--item {
442
+ position: relative;
443
+ padding: 0;
444
+ &::before {
445
+ content: "";
446
+ position: absolute;
447
+ top: -1px;
448
+ left: -1px;
449
+ width: calc(100% + 1px);
450
+ height: calc(100% + 1px);
451
+ border: 1px solid var(--vxe-ui-form-border-color);
452
+ pointer-events: none;
453
+ }
454
+ &.is--padding {
455
+ &.is--vertical {
456
+ & > .vxe-form--item-title {
457
+ border-bottom: 1px solid var(--vxe-ui-form-border-color);
458
+ }
459
+ }
460
+ &:not(.is--vertical) {
461
+ & > .vxe-form--item-title {
462
+ border-right: 1px solid var(--vxe-ui-form-border-color);
463
+ }
464
+ }
465
+ }
466
+ }
467
+ }
468
+ }
469
+
470
+ .vxe-form {
471
+ .vxe-form--item {
472
+ &.hide--content {
473
+ & > .vxe-form--item-title {
474
+ max-width: none;
475
+ flex-shrink: unset;
476
+ flex-grow: 1;
477
+ }
478
+ }
479
+ }
480
+ }
481
+
482
+
483
+ .vxe-form--item {
484
+ &.is--padding {
485
+ &.is--vertical {
486
+ & > .vxe-form--item-title {
487
+ padding: 0 var(--vxe-ui-form-item-padding-default);
488
+ }
489
+ }
490
+ & > .vxe-form--item-title {
491
+ padding: var(--vxe-ui-form-item-padding-default);
492
+ }
493
+ & > .vxe-form--item-content {
494
+ padding: var(--vxe-ui-form-item-padding-default);
495
+ }
496
+ }
497
+ &.size--medium {
498
+ &.is--padding {
499
+ &.is--vertical {
500
+ & > .vxe-form--item-title {
501
+ padding: 0 var(--vxe-ui-form-item-padding-medium);
502
+ }
503
+ }
504
+ & > .vxe-form--item-title {
505
+ padding: var(--vxe-ui-form-item-padding-medium);
506
+ }
507
+ & > .vxe-form--item-content {
508
+ padding: var(--vxe-ui-form-item-padding-medium);
509
+ }
510
+ }
511
+ }
512
+ &.size--small {
513
+ &.is--padding {
514
+ &.is--vertical {
515
+ & > .vxe-form--item-title {
516
+ padding: 0 var(--vxe-ui-form-item-padding-small);
517
+ }
518
+ }
519
+ & > .vxe-form--item-title {
520
+ padding: var(--vxe-ui-form-item-padding-small);
521
+ }
522
+ & > .vxe-form--item-content {
523
+ padding: var(--vxe-ui-form-item-padding-small);
524
+ }
525
+ }
526
+ }
527
+ &.size--mini {
528
+ &.is--padding {
529
+ &.is--vertical {
530
+ & > .vxe-form--item-title {
531
+ padding: 0 var(--vxe-ui-form-item-padding-mini);
532
+ }
533
+ }
534
+ & > .vxe-form--item-title {
535
+ padding: var(--vxe-ui-form-item-padding-mini);
536
+ }
537
+ & > .vxe-form--item-content {
538
+ padding: var(--vxe-ui-form-item-padding-mini);
539
+ }
540
+ }
541
+ }
542
+ }
543
+
544
+ .vxe-form--item {
545
+ &.is--padding {
546
+ & > .vxe-form--group-content {
547
+ &.vxe-form--item-content {
548
+ padding: 0;
549
+ }
550
+ }
551
+ }
552
+ }
553
+
554
+ .vxe-form {
555
+ .vxe-form--item-title {
556
+ &.align--center {
557
+ text-align: center;
558
+ }
559
+ &.align--left {
560
+ text-align: left;
561
+ }
562
+ &.align--right {
563
+ text-align: right;
564
+ }
565
+ }
566
+ .vxe-form--item-content {
567
+ &.align--center {
568
+ & > .vxe-form--item-inner {
569
+ text-align: center;
570
+ }
571
+ }
572
+ &.align--left {
573
+ & > .vxe-form--item-inner {
574
+ text-align: left;
575
+ }
576
+ }
577
+ &.align--right {
578
+ & > .vxe-form--item-inner {
579
+ text-align: right;
580
+ }
581
+ }
582
+ &.vertical-align--center {
583
+ align-items: center;
584
+ }
585
+ }
586
+ .vxe-form--item {
587
+ &:not(.is--vertical) {
588
+ .vxe-form--item-title {
589
+ min-height: var(--vxe-ui-form-item-min-height-default);
590
+ }
591
+ }
592
+ .vxe-form--item-content {
593
+ min-height: var(--vxe-ui-form-item-min-height-default);
594
+ }
595
+ }
596
+ &.size--medium {
597
+ font-size: var(--vxe-ui-font-size-medium);
598
+ .vxe-default-input[type="submit"],
599
+ .vxe-default-input[type="reset"] {
600
+ line-height: calc(var(--vxe-ui-button-height-medium) - 2px);
601
+ }
602
+ .vxe-default-input,
603
+ .vxe-default-select {
604
+ height: var(--vxe-ui-button-height-medium);
605
+ }
606
+ .vxe-default-textarea {
607
+ height: calc(var(--vxe-ui-button-height-medium) * 2);
608
+ }
609
+ .vxe-form--item {
610
+ &:not(.is--vertical) {
611
+ .vxe-form--item-title {
612
+ min-height: var(--vxe-ui-form-item-min-height-medium);
613
+ }
614
+ }
615
+ .vxe-form--item-content {
616
+ min-height: var(--vxe-ui-form-item-min-height-medium);
617
+ }
618
+ }
619
+ }
620
+ &.size--small {
621
+ font-size: var(--vxe-ui-font-size-small);
622
+ .vxe-default-input[type="submit"],
623
+ .vxe-default-input[type="reset"] {
624
+ line-height: calc(var(--vxe-ui-button-height-small) - 2px);
625
+ }
626
+ .vxe-default-input,
627
+ .vxe-default-select {
628
+ height: var(--vxe-ui-button-height-small);
629
+ }
630
+ .vxe-default-textarea {
631
+ height: calc(var(--vxe-ui-button-height-small) * 2);
632
+ }
633
+ .vxe-form--item {
634
+ &:not(.is--vertical) {
635
+ .vxe-form--item-title {
636
+ min-height: var(--vxe-ui-form-item-min-height-small);
637
+ }
638
+ }
639
+ .vxe-form--item-content {
640
+ min-height: var(--vxe-ui-form-item-min-height-small);
641
+ }
642
+ }
643
+ }
644
+ &.size--mini {
645
+ font-size: var(--vxe-ui-font-size-mini);
646
+ .vxe-default-input[type="submit"],
647
+ .vxe-default-input[type="reset"] {
648
+ line-height: calc(var(--vxe-ui-button-height-mini) - 2px);
649
+ }
650
+ .vxe-default-input,
651
+ .vxe-default-select {
652
+ height: var(--vxe-ui-button-height-mini);
653
+ }
654
+ .vxe-default-textarea {
655
+ height: calc(var(--vxe-ui-button-height-mini) * 2);
656
+ }
657
+ .vxe-form--item {
658
+ &:not(.is--vertical) {
659
+ .vxe-form--item-title {
660
+ min-height: var(--vxe-ui-form-item-min-height-mini);
661
+ }
662
+ }
663
+ .vxe-form--item-content {
664
+ min-height: var(--vxe-ui-form-item-min-height-mini);
665
+ }
666
+ }
667
+ }
668
+ }