vxe-pc-ui 4.14.4 → 4.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 (480) hide show
  1. package/LICENSE +21 -21
  2. package/README.en.md +72 -72
  3. package/README.ja-JP.md +72 -72
  4. package/README.md +364 -364
  5. package/README.zh-TW.md +73 -73
  6. package/es/tree/src/tree.js +31 -2
  7. package/es/tree-select/src/tree-select.js +2 -0
  8. package/es/ui/index.js +1 -1
  9. package/es/ui/src/log.js +1 -1
  10. package/lib/index.umd.js +2359 -2257
  11. package/lib/index.umd.min.js +1 -1
  12. package/lib/tree/src/tree.js +27 -2
  13. package/lib/tree/src/tree.min.js +1 -1
  14. package/lib/tree-select/src/tree-select.js +2 -0
  15. package/lib/tree-select/src/tree-select.min.js +1 -1
  16. package/lib/ui/index.js +1 -1
  17. package/lib/ui/index.min.js +1 -1
  18. package/lib/ui/src/log.js +1 -1
  19. package/lib/ui/src/log.min.js +1 -1
  20. package/package.json +88 -88
  21. package/packages/alert/index.ts +16 -16
  22. package/packages/alert/src/alert.ts +124 -124
  23. package/packages/anchor/index.ts +16 -16
  24. package/packages/anchor/src/anchor-link.ts +121 -121
  25. package/packages/anchor/src/anchor.ts +237 -237
  26. package/packages/anchor/src/util.ts +23 -23
  27. package/packages/anchor-link/index.ts +16 -16
  28. package/packages/avatar/index.ts +16 -16
  29. package/packages/avatar/src/avatar.ts +149 -149
  30. package/packages/backtop/index.ts +16 -16
  31. package/packages/backtop/src/backtop.ts +314 -314
  32. package/packages/badge/index.ts +16 -16
  33. package/packages/badge/src/badge.ts +100 -100
  34. package/packages/breadcrumb/index.ts +16 -16
  35. package/packages/breadcrumb/src/breadcrumb-item.ts +106 -106
  36. package/packages/breadcrumb/src/breadcrumb.ts +92 -92
  37. package/packages/breadcrumb-item/index.ts +16 -16
  38. package/packages/button/index.ts +16 -16
  39. package/packages/button/src/button-group.ts +110 -110
  40. package/packages/button/src/button.ts +841 -841
  41. package/packages/button-group/index.ts +16 -16
  42. package/packages/calendar/index.ts +16 -16
  43. package/packages/calendar/src/calendar.ts +1351 -1351
  44. package/packages/card/index.ts +16 -16
  45. package/packages/card/src/card.ts +175 -175
  46. package/packages/carousel/index.ts +16 -16
  47. package/packages/carousel/src/carousel-item.ts +102 -102
  48. package/packages/carousel/src/carousel.ts +414 -414
  49. package/packages/carousel/src/util.ts +21 -21
  50. package/packages/carousel-item/index.ts +16 -16
  51. package/packages/cascader/index.ts +16 -16
  52. package/packages/cascader/src/cascader.ts +741 -741
  53. package/packages/checkbox/index.ts +16 -16
  54. package/packages/checkbox/src/button.ts +144 -144
  55. package/packages/checkbox/src/checkbox.ts +154 -154
  56. package/packages/checkbox/src/group.ts +222 -222
  57. package/packages/checkbox-button/index.ts +16 -16
  58. package/packages/checkbox-group/index.ts +16 -16
  59. package/packages/col/index.ts +16 -16
  60. package/packages/collapse/index.ts +16 -16
  61. package/packages/collapse/src/collapse-pane.ts +114 -114
  62. package/packages/collapse/src/collapse.ts +284 -284
  63. package/packages/collapse/src/util.ts +21 -21
  64. package/packages/collapse-pane/index.ts +16 -16
  65. package/packages/color-picker/index.ts +16 -16
  66. package/packages/color-picker/src/color-picker.ts +1109 -1109
  67. package/packages/color-picker/src/util.ts +198 -198
  68. package/packages/components.ts +307 -307
  69. package/packages/context-menu/index.ts +54 -54
  70. package/packages/context-menu/src/context-menu.ts +681 -681
  71. package/packages/countdown/index.ts +16 -16
  72. package/packages/countdown/src/countdown.ts +262 -262
  73. package/packages/date-panel/index.ts +16 -16
  74. package/packages/date-panel/src/date-panel.ts +1809 -1809
  75. package/packages/date-panel/src/util.ts +244 -244
  76. package/packages/date-picker/index.ts +16 -16
  77. package/packages/date-picker/src/date-picker.ts +1071 -1071
  78. package/packages/date-range-picker/index.ts +16 -16
  79. package/packages/date-range-picker/src/date-range-picker.ts +1280 -1280
  80. package/packages/drawer/index.ts +77 -77
  81. package/packages/drawer/src/drawer.ts +657 -657
  82. package/packages/dynamics/index.ts +89 -89
  83. package/packages/empty/index.ts +16 -16
  84. package/packages/empty/src/empty.ts +100 -100
  85. package/packages/form/index.ts +16 -16
  86. package/packages/form/render/index.ts +598 -598
  87. package/packages/form/src/form-config-item.ts +72 -72
  88. package/packages/form/src/form-group.ts +86 -86
  89. package/packages/form/src/form-item.ts +174 -174
  90. package/packages/form/src/form.ts +987 -987
  91. package/packages/form/src/itemInfo.ts +80 -80
  92. package/packages/form/src/render.ts +387 -387
  93. package/packages/form/src/util.ts +93 -93
  94. package/packages/form-gather/index.ts +26 -26
  95. package/packages/form-group/index.ts +16 -16
  96. package/packages/form-item/index.ts +16 -16
  97. package/packages/icon/index.ts +16 -16
  98. package/packages/icon/src/icon.ts +75 -75
  99. package/packages/icon-picker/index.ts +16 -16
  100. package/packages/icon-picker/src/icon-picker.ts +626 -626
  101. package/packages/image/index.ts +16 -16
  102. package/packages/image/src/group.ts +153 -153
  103. package/packages/image/src/image.ts +298 -298
  104. package/packages/image/src/preview.ts +672 -672
  105. package/packages/image/src/util.ts +59 -59
  106. package/packages/image-group/index.ts +16 -16
  107. package/packages/image-preview/index.ts +19 -19
  108. package/packages/index.ts +4 -4
  109. package/packages/input/index.ts +16 -16
  110. package/packages/input/src/input.ts +2788 -2788
  111. package/packages/language/ar-EG.ts +840 -840
  112. package/packages/language/de-DE.ts +840 -840
  113. package/packages/language/en-US.ts +840 -840
  114. package/packages/language/es-ES.ts +840 -840
  115. package/packages/language/fr-FR.ts +840 -840
  116. package/packages/language/hu-HU.ts +840 -840
  117. package/packages/language/hy-AM.ts +840 -840
  118. package/packages/language/id-ID.ts +840 -840
  119. package/packages/language/it-IT.ts +840 -840
  120. package/packages/language/ja-JP.ts +840 -840
  121. package/packages/language/ko-KR.ts +840 -840
  122. package/packages/language/ms-MY.ts +840 -840
  123. package/packages/language/nb-NO.ts +840 -840
  124. package/packages/language/pt-BR.ts +840 -840
  125. package/packages/language/ru-RU.ts +840 -840
  126. package/packages/language/th-TH.ts +840 -840
  127. package/packages/language/ug-CN.ts +840 -840
  128. package/packages/language/uk-UA.ts +840 -840
  129. package/packages/language/uz-UZ.ts +840 -840
  130. package/packages/language/vi-VN.ts +840 -840
  131. package/packages/language/zh-CHT.ts +840 -840
  132. package/packages/language/zh-CN.ts +840 -840
  133. package/packages/language/zh-HK.ts +3 -3
  134. package/packages/language/zh-MO.ts +3 -3
  135. package/packages/language/zh-TC.ts +3 -3
  136. package/packages/language/zh-TW.ts +3 -3
  137. package/packages/layout-aside/index.ts +16 -16
  138. package/packages/layout-aside/src/layout-aside.ts +123 -123
  139. package/packages/layout-body/index.ts +16 -16
  140. package/packages/layout-body/src/layout-body.ts +142 -142
  141. package/packages/layout-container/index.ts +16 -16
  142. package/packages/layout-container/src/layout-container.ts +82 -82
  143. package/packages/layout-footer/index.ts +16 -16
  144. package/packages/layout-footer/src/layout-footer.ts +74 -74
  145. package/packages/layout-header/index.ts +16 -16
  146. package/packages/layout-header/src/layout-header.ts +73 -73
  147. package/packages/link/index.ts +16 -16
  148. package/packages/link/src/link.ts +161 -161
  149. package/packages/list/index.ts +16 -16
  150. package/packages/list/src/list.ts +442 -442
  151. package/packages/loading/index.ts +34 -34
  152. package/packages/loading/src/loading.ts +152 -152
  153. package/packages/mention/index.ts +16 -16
  154. package/packages/mention/src/mention.ts +71 -71
  155. package/packages/menu/index.ts +16 -16
  156. package/packages/menu/src/menu.ts +581 -581
  157. package/packages/modal/index.ts +136 -136
  158. package/packages/modal/src/modal.ts +1494 -1494
  159. package/packages/notice-bar/index.ts +16 -16
  160. package/packages/notice-bar/src/notice-bar.ts +181 -181
  161. package/packages/number-input/index.ts +16 -16
  162. package/packages/number-input/src/number-input.ts +1096 -1096
  163. package/packages/number-input/src/util.ts +12 -12
  164. package/packages/optgroup/index.ts +16 -16
  165. package/packages/option/index.ts +16 -16
  166. package/packages/pager/index.ts +16 -16
  167. package/packages/pager/src/pager.ts +769 -769
  168. package/packages/password-input/index.ts +16 -16
  169. package/packages/password-input/src/password-input.ts +378 -378
  170. package/packages/print/index.ts +18 -18
  171. package/packages/print/src/page-break.ts +92 -92
  172. package/packages/print/src/print.ts +272 -272
  173. package/packages/print/src/util.ts +284 -284
  174. package/packages/print-page-break/index.ts +16 -16
  175. package/packages/pulldown/index.ts +16 -16
  176. package/packages/pulldown/src/pulldown.ts +457 -457
  177. package/packages/radio/index.ts +16 -16
  178. package/packages/radio/src/button.ts +173 -173
  179. package/packages/radio/src/group.ts +213 -213
  180. package/packages/radio/src/radio.ts +180 -180
  181. package/packages/radio-button/index.ts +16 -16
  182. package/packages/radio-group/index.ts +16 -16
  183. package/packages/rate/index.ts +16 -16
  184. package/packages/rate/src/rate.ts +192 -192
  185. package/packages/result/index.ts +16 -16
  186. package/packages/result/src/result.ts +112 -112
  187. package/packages/row/index.ts +16 -16
  188. package/packages/row/src/col.ts +136 -136
  189. package/packages/row/src/row.ts +119 -119
  190. package/packages/segmented/index.ts +16 -16
  191. package/packages/segmented/src/segmented.ts +264 -264
  192. package/packages/select/index.ts +16 -16
  193. package/packages/select/src/optgroup.ts +49 -49
  194. package/packages/select/src/option-info.ts +20 -20
  195. package/packages/select/src/option.ts +47 -47
  196. package/packages/select/src/select.ts +1699 -1699
  197. package/packages/select/src/util.ts +47 -47
  198. package/packages/slider/index.ts +16 -16
  199. package/packages/slider/src/slider.ts +304 -304
  200. package/packages/split/index.ts +16 -16
  201. package/packages/split-pane/index.ts +17 -17
  202. package/packages/splitter/index.ts +16 -16
  203. package/packages/splitter/src/splitter-panel.ts +145 -145
  204. package/packages/splitter/src/splitter.ts +1009 -1009
  205. package/packages/splitter/src/util.ts +21 -21
  206. package/packages/splitter-panel/index.ts +16 -16
  207. package/packages/steps/index.ts +16 -16
  208. package/packages/steps/src/steps.ts +68 -68
  209. package/packages/switch/index.ts +16 -16
  210. package/packages/switch/src/switch.ts +237 -237
  211. package/packages/tab-pane/index.ts +16 -16
  212. package/packages/table-select/index.ts +16 -16
  213. package/packages/table-select/src/table-select.ts +800 -800
  214. package/packages/tabs/index.ts +16 -16
  215. package/packages/tabs/src/tab-pane.ts +117 -117
  216. package/packages/tabs/src/tabs.ts +940 -940
  217. package/packages/tabs/src/util.ts +21 -21
  218. package/packages/tag/index.ts +16 -16
  219. package/packages/tag/src/tag.ts +187 -187
  220. package/packages/text/index.ts +16 -16
  221. package/packages/text/src/text.ts +260 -260
  222. package/packages/text-ellipsis/index.ts +16 -16
  223. package/packages/text-ellipsis/src/text-ellipsis.ts +282 -282
  224. package/packages/textarea/index.ts +16 -16
  225. package/packages/textarea/src/textarea.ts +373 -373
  226. package/packages/timeline/index.ts +16 -16
  227. package/packages/timeline/src/timeline-item.ts +67 -67
  228. package/packages/timeline/src/timeline.ts +71 -71
  229. package/packages/timeline-item/index.ts +16 -16
  230. package/packages/tip/index.ts +19 -19
  231. package/packages/tip/src/tip.ts +129 -129
  232. package/packages/tooltip/index.ts +16 -16
  233. package/packages/tooltip/src/tooltip.ts +589 -589
  234. package/packages/tour/index.ts +16 -16
  235. package/packages/tour/src/tour.ts +71 -71
  236. package/packages/tree/index.ts +16 -16
  237. package/packages/tree/src/store.ts +14 -14
  238. package/packages/tree/src/tree.ts +2825 -2795
  239. package/packages/tree/src/util.ts +45 -45
  240. package/packages/tree-select/index.ts +16 -16
  241. package/packages/tree-select/src/tree-select.ts +979 -977
  242. package/packages/ui/index.ts +697 -697
  243. package/packages/ui/src/anime.ts +52 -52
  244. package/packages/ui/src/comp.ts +3 -3
  245. package/packages/ui/src/dom.ts +279 -279
  246. package/packages/ui/src/log.ts +6 -6
  247. package/packages/ui/src/utils.ts +49 -49
  248. package/packages/ui/src/vn.ts +39 -39
  249. package/packages/upload/index.ts +20 -20
  250. package/packages/upload/src/upload.ts +1919 -1919
  251. package/packages/upload/src/util.ts +109 -109
  252. package/packages/watermark/index.ts +31 -31
  253. package/packages/watermark/src/util.ts +176 -176
  254. package/packages/watermark/src/watermark.ts +168 -168
  255. package/styles/all.scss +90 -90
  256. package/styles/base.scss +16 -16
  257. package/styles/components/alert.scss +101 -101
  258. package/styles/components/anchor.scss +44 -44
  259. package/styles/components/avatar.scss +115 -115
  260. package/styles/components/backtop.scss +82 -82
  261. package/styles/components/badge.scss +45 -45
  262. package/styles/components/breadcrumb.scss +29 -29
  263. package/styles/components/button-group.scss +30 -30
  264. package/styles/components/button.scss +415 -415
  265. package/styles/components/calendar.scss +471 -471
  266. package/styles/components/card.scss +121 -121
  267. package/styles/components/carousel.scss +184 -184
  268. package/styles/components/cascader.scss +140 -140
  269. package/styles/components/checkbox-button.scss +57 -57
  270. package/styles/components/checkbox.scss +81 -81
  271. package/styles/components/collapse.scss +56 -56
  272. package/styles/components/color-picker.scss +409 -409
  273. package/styles/components/context-menu.scss +102 -102
  274. package/styles/components/countdown.scss +35 -35
  275. package/styles/components/date-panel.scss +505 -505
  276. package/styles/components/date-picker.scss +247 -247
  277. package/styles/components/date-range-picker.scss +252 -252
  278. package/styles/components/drawer.scss +298 -298
  279. package/styles/components/empty.scss +79 -79
  280. package/styles/components/form.scss +668 -668
  281. package/styles/components/icon-picker.scss +211 -211
  282. package/styles/components/icon.scss +1048 -1048
  283. package/styles/components/image-group.scss +2 -2
  284. package/styles/components/image-preview.scss +215 -215
  285. package/styles/components/image.scss +16 -16
  286. package/styles/components/input.scss +846 -846
  287. package/styles/components/layout-aside.scss +22 -22
  288. package/styles/components/layout-body.scss +14 -14
  289. package/styles/components/layout-container.scss +13 -13
  290. package/styles/components/layout-footer.scss +14 -14
  291. package/styles/components/layout-header.scss +11 -11
  292. package/styles/components/link.scss +115 -115
  293. package/styles/components/list.scss +40 -40
  294. package/styles/components/loading.scss +137 -137
  295. package/styles/components/menu.scss +150 -150
  296. package/styles/components/modal.scss +480 -480
  297. package/styles/components/notice-bar.scss +91 -91
  298. package/styles/components/number-input.scss +283 -283
  299. package/styles/components/old-icon.scss +4 -4
  300. package/styles/components/pager.scss +282 -282
  301. package/styles/components/password-input.scss +374 -374
  302. package/styles/components/print.scss +3 -3
  303. package/styles/components/pulldown.scss +75 -75
  304. package/styles/components/radio-button.scss +57 -57
  305. package/styles/components/radio.scss +79 -79
  306. package/styles/components/rate.scss +76 -76
  307. package/styles/components/result.scss +91 -91
  308. package/styles/components/row.scss +69 -69
  309. package/styles/components/segmented.scss +215 -215
  310. package/styles/components/select.scss +244 -244
  311. package/styles/components/slider.scss +139 -139
  312. package/styles/components/split.scss +1 -1
  313. package/styles/components/splitter.scss +318 -318
  314. package/styles/components/switch.scss +128 -128
  315. package/styles/components/table-select.scss +105 -105
  316. package/styles/components/tabs.scss +745 -745
  317. package/styles/components/tag.scss +184 -184
  318. package/styles/components/text-ellipsis.scss +130 -130
  319. package/styles/components/text.scss +123 -123
  320. package/styles/components/textarea.scss +106 -106
  321. package/styles/components/tip.scss +97 -97
  322. package/styles/components/tooltip.scss +141 -141
  323. package/styles/components/tree-select.scss +166 -166
  324. package/styles/components/tree.scss +294 -294
  325. package/styles/components/upload.scss +497 -497
  326. package/styles/components/watermark.scss +26 -26
  327. package/styles/helpers/baseMixin.scss +95 -95
  328. package/styles/helpers/baseVar.scss +3 -3
  329. package/styles/helpers/placement.scss +38 -38
  330. package/styles/theme/base.scss +214 -214
  331. package/styles/theme/dark.scss +119 -119
  332. package/styles/theme/light.scss +118 -118
  333. package/styles/variable.scss +111 -111
  334. package/types/all.d.ts +327 -327
  335. package/types/components/alert.d.ts +87 -87
  336. package/types/components/anchor-link.d.ts +91 -91
  337. package/types/components/anchor.d.ts +104 -104
  338. package/types/components/avatar.d.ts +88 -88
  339. package/types/components/backtop.d.ts +122 -122
  340. package/types/components/badge.d.ts +76 -76
  341. package/types/components/breadcrumb-item.d.ts +80 -80
  342. package/types/components/breadcrumb.d.ts +87 -87
  343. package/types/components/button-group.d.ts +120 -120
  344. package/types/components/button.d.ts +323 -323
  345. package/types/components/calendar.d.ts +264 -264
  346. package/types/components/card.d.ts +93 -93
  347. package/types/components/carousel-item.d.ts +75 -75
  348. package/types/components/carousel.d.ts +134 -134
  349. package/types/components/cascader.d.ts +263 -263
  350. package/types/components/checkbox-button.d.ts +103 -103
  351. package/types/components/checkbox-group.d.ts +143 -143
  352. package/types/components/checkbox.d.ts +123 -123
  353. package/types/components/col.d.ts +80 -80
  354. package/types/components/colgroup.d.ts +137 -137
  355. package/types/components/collapse-pane.d.ts +89 -89
  356. package/types/components/collapse.d.ts +121 -121
  357. package/types/components/color-picker.d.ts +176 -176
  358. package/types/components/column.d.ts +841 -841
  359. package/types/components/context-menu.d.ts +289 -289
  360. package/types/components/countdown.d.ts +112 -112
  361. package/types/components/date-panel.d.ts +280 -280
  362. package/types/components/date-picker.d.ts +332 -332
  363. package/types/components/date-range-picker.d.ts +352 -352
  364. package/types/components/drawer.d.ts +299 -299
  365. package/types/components/empty.d.ts +78 -78
  366. package/types/components/flow-design.d.ts +85 -85
  367. package/types/components/flow-view.d.ts +85 -85
  368. package/types/components/form-design.d.ts +376 -376
  369. package/types/components/form-gather.d.ts +124 -124
  370. package/types/components/form-group.d.ts +77 -77
  371. package/types/components/form-item.d.ts +411 -411
  372. package/types/components/form-view.d.ts +183 -183
  373. package/types/components/form.d.ts +468 -468
  374. package/types/components/gantt-module/gantt-view.d.ts +177 -177
  375. package/types/components/gantt-module/index.d.ts +1 -1
  376. package/types/components/gantt-plugins/extend-gantt-chart.d.ts +131 -131
  377. package/types/components/gantt-plugins/index.d.ts +1 -1
  378. package/types/components/gantt.d.ts +1194 -1185
  379. package/types/components/grid.d.ts +1040 -1040
  380. package/types/components/icon-picker.d.ts +196 -196
  381. package/types/components/icon.d.ts +87 -87
  382. package/types/components/image-group.d.ts +127 -127
  383. package/types/components/image-preview.d.ts +167 -167
  384. package/types/components/image.d.ts +173 -173
  385. package/types/components/input.d.ts +435 -435
  386. package/types/components/layout-aside.d.ts +80 -80
  387. package/types/components/layout-body.d.ts +91 -91
  388. package/types/components/layout-container.d.ts +73 -73
  389. package/types/components/layout-footer.d.ts +73 -73
  390. package/types/components/layout-header.d.ts +69 -69
  391. package/types/components/link.d.ts +111 -111
  392. package/types/components/list-design.d.ts +190 -190
  393. package/types/components/list-view.d.ts +199 -199
  394. package/types/components/list.d.ts +204 -204
  395. package/types/components/loading.d.ts +103 -103
  396. package/types/components/mention.d.ts +77 -77
  397. package/types/components/menu.d.ts +211 -211
  398. package/types/components/modal.d.ts +542 -542
  399. package/types/components/notice-bar.d.ts +102 -102
  400. package/types/components/number-input.d.ts +309 -309
  401. package/types/components/optgroup.d.ts +88 -88
  402. package/types/components/option.d.ts +103 -103
  403. package/types/components/pager.d.ts +335 -335
  404. package/types/components/password-input.d.ts +142 -142
  405. package/types/components/print-page-break.d.ts +69 -69
  406. package/types/components/print.d.ts +206 -206
  407. package/types/components/pulldown.d.ts +231 -231
  408. package/types/components/radio-button.d.ts +114 -114
  409. package/types/components/radio-group.d.ts +144 -144
  410. package/types/components/radio.d.ts +129 -129
  411. package/types/components/rate.d.ts +88 -88
  412. package/types/components/result.d.ts +84 -84
  413. package/types/components/row.d.ts +79 -79
  414. package/types/components/segmented.d.ts +123 -123
  415. package/types/components/select.d.ts +527 -527
  416. package/types/components/slider.d.ts +126 -126
  417. package/types/components/split-pane.d.ts +133 -133
  418. package/types/components/split.d.ts +312 -312
  419. package/types/components/splitter-panel.d.ts +105 -105
  420. package/types/components/splitter.d.ts +288 -288
  421. package/types/components/steps.d.ts +68 -68
  422. package/types/components/switch.d.ts +133 -133
  423. package/types/components/tab-pane.d.ts +114 -114
  424. package/types/components/table-module/custom.d.ts +123 -123
  425. package/types/components/table-module/edit.d.ts +243 -243
  426. package/types/components/table-module/export.d.ts +96 -96
  427. package/types/components/table-module/filter.d.ts +140 -140
  428. package/types/components/table-module/index.d.ts +7 -7
  429. package/types/components/table-module/keyboard.d.ts +26 -26
  430. package/types/components/table-module/menu.d.ts +28 -28
  431. package/types/components/table-module/validator.d.ts +53 -53
  432. package/types/components/table-plugins/extend-cell-area.d.ts +770 -770
  433. package/types/components/table-plugins/extend-pivot-table.d.ts +58 -58
  434. package/types/components/table-plugins/filters-combination.d.ts +15 -15
  435. package/types/components/table-plugins/filters-complex-input.d.ts +9 -9
  436. package/types/components/table-plugins/index.d.ts +4 -4
  437. package/types/components/table-select.d.ts +219 -219
  438. package/types/components/table.d.ts +7465 -7465
  439. package/types/components/tabs.d.ts +332 -332
  440. package/types/components/tag.d.ts +114 -114
  441. package/types/components/text-ellipsis.d.ts +112 -112
  442. package/types/components/text.d.ts +122 -122
  443. package/types/components/textarea.d.ts +247 -247
  444. package/types/components/timeline-item.d.ts +75 -75
  445. package/types/components/timeline.d.ts +77 -77
  446. package/types/components/tip.d.ts +83 -83
  447. package/types/components/toolbar.d.ts +336 -336
  448. package/types/components/tooltip.d.ts +180 -180
  449. package/types/components/tour.d.ts +77 -77
  450. package/types/components/tree-select.d.ts +310 -310
  451. package/types/components/tree.d.ts +843 -833
  452. package/types/components/upload.d.ts +437 -437
  453. package/types/components/watermark.d.ts +120 -120
  454. package/types/handles/form-design.d.ts +50 -50
  455. package/types/handles/index.d.ts +3 -3
  456. package/types/handles/list-design.d.ts +2 -2
  457. package/types/handles/table.d.ts +15 -15
  458. package/types/index.d.ts +8 -8
  459. package/types/ui/commands.d.ts +57 -57
  460. package/types/ui/formats.d.ts +62 -62
  461. package/types/ui/global-config.d.ts +254 -254
  462. package/types/ui/global-icon.d.ts +292 -292
  463. package/types/ui/hooks.d.ts +13 -13
  464. package/types/ui/index.d.ts +96 -96
  465. package/types/ui/interceptor.d.ts +52 -52
  466. package/types/ui/menus.d.ts +77 -77
  467. package/types/ui/renderer.d.ts +1041 -1041
  468. package/types/ui/validators.d.ts +38 -38
  469. /package/es/icon/{iconfont.1778169084473.ttf → iconfont.1778317220469.ttf} +0 -0
  470. /package/es/icon/{iconfont.1778169084473.woff → iconfont.1778317220469.woff} +0 -0
  471. /package/es/icon/{iconfont.1778169084473.woff2 → iconfont.1778317220469.woff2} +0 -0
  472. /package/es/{iconfont.1778169084473.ttf → iconfont.1778317220469.ttf} +0 -0
  473. /package/es/{iconfont.1778169084473.woff → iconfont.1778317220469.woff} +0 -0
  474. /package/es/{iconfont.1778169084473.woff2 → iconfont.1778317220469.woff2} +0 -0
  475. /package/lib/icon/style/{iconfont.1778169084473.ttf → iconfont.1778317220469.ttf} +0 -0
  476. /package/lib/icon/style/{iconfont.1778169084473.woff → iconfont.1778317220469.woff} +0 -0
  477. /package/lib/icon/style/{iconfont.1778169084473.woff2 → iconfont.1778317220469.woff2} +0 -0
  478. /package/lib/{iconfont.1778169084473.ttf → iconfont.1778317220469.ttf} +0 -0
  479. /package/lib/{iconfont.1778169084473.woff → iconfont.1778317220469.woff} +0 -0
  480. /package/lib/{iconfont.1778169084473.woff2 → iconfont.1778317220469.woff2} +0 -0
package/styles/components/upload.scss CHANGED
@@ -1,498 +1,498 @@
1
- .vxe-upload {
2
- position: relative;
3
- color: var(--vxe-ui-font-color);
4
- font-family: var(--vxe-ui-font-family);
5
- &.show--error {
6
- .vxe-upload--file-item {
7
- &.is--error {
8
- color: var(--vxe-ui-status-error-color);
9
- &:hover {
10
- .vxe-upload--file-item-name {
11
- color: var(--vxe-ui-status-error-color);
12
- }
13
- }
14
- .vxe-upload--file-item-name {
15
- text-decoration: line-through;
16
- }
17
- }
18
- }
19
- }
20
- }
21
-
22
- .vxe-upload,
23
- .vxe-upload--more-popup {
24
- &.is--active {
25
- .vxe-upload--image-action-box {
26
- border-color: var(--vxe-ui-font-primary-color);
27
- }
28
- .vxe-upload--file-action-btn {
29
- & > .vxe-button {
30
- border-color: var(--vxe-ui-font-primary-color);
31
- border-style: var(--vxe-ui-upload-file-button-border-style);
32
- }
33
- }
34
- }
35
- &.is--disabled {
36
- .vxe-upload--file-action-btn,
37
- .vxe-upload--image-action-box {
38
- cursor: no-drop;
39
- }
40
- }
41
- }
42
- .vxe-upload--drag-placeholder {
43
- display: flex;
44
- flex-direction: row;
45
- align-items: center;
46
- justify-content: center;
47
- position: absolute;
48
- top: 0;
49
- left: 0;
50
- width: 100%;
51
- height: 100%;
52
- font-weight: 700;
53
- font-weight: var(--vxe-ui-font-darken-color);
54
- font-size: 1.2em;
55
- border-radius: var(--vxe-ui-base-border-radius);
56
- background-color: var(--vxe-ui-upload-drag-over-background-color);
57
- border: 1px dotted var(--vxe-ui-font-lighten-color);
58
- z-index: 9;
59
- }
60
- .vxe-upload--file-list-wrapper {
61
- &.is--horizontal {
62
- display: flex;
63
- flex-direction: row;
64
- & > .vxe-upload--file-list {
65
- flex-grow: 1;
66
- display: flex;
67
- flex-direction: column;
68
- justify-content: center;
69
- }
70
- & > .vxe-upload--file-action {
71
- flex-shrink: 0;
72
- }
73
- }
74
- }
75
- .vxe-upload--file-list {
76
- max-height: 294px;
77
- overflow: auto;
78
- outline: 0;
79
- }
80
- .vxe-upload--file-item {
81
- position: relative;
82
- display: flex;
83
- flex-direction: row;
84
- align-items: center;
85
- line-height: 1.5em;
86
- padding: var(--vxe-ui-layout-padding-half);
87
- &:hover {
88
- background-color: var(--vxe-ui-base-hover-background-color);
89
- .vxe-upload--file-item-name {
90
- color: var(--vxe-ui-font-primary-color);
91
- }
92
- }
93
- &:last-child {
94
- margin-bottom: 0;
95
- }
96
- &.is--preview {
97
- .vxe-upload--file-item-name {
98
- cursor: pointer;
99
- }
100
- }
101
- &.is--loading {
102
- cursor: progress;
103
- color: var(--vxe-ui-input-placeholder-color);
104
- &:hover {
105
- .vxe-upload--file-item-name {
106
- color: var(--vxe-ui-input-placeholder-color);
107
- }
108
- }
109
- }
110
- &.is--pending {
111
- color: var(--vxe-ui-input-placeholder-color);
112
- }
113
- }
114
- .vxe-upload--file-over-more {
115
- display: flex;
116
- align-items: center;
117
- justify-content: center;
118
- flex-shrink: 0;
119
- .vxe-button {
120
- padding-top: 0;
121
- padding-bottom: 0;
122
- }
123
- }
124
- .vxe-upload--file-action-btn {
125
- display: inline-block;
126
- & > .vxe-button {
127
- border-style: var(--vxe-ui-upload-file-button-border-style);
128
- }
129
- }
130
- .vxe-upload--file-action-button {
131
- &:hover {
132
- border-color: var(--vxe-ui-font-primary-color);
133
- }
134
- }
135
- .vxe-upload--file-action-tip {
136
- font-size: 0.9em;
137
- padding: var(--vxe-ui-layout-padding-half);
138
- color: var(--vxe-ui-input-placeholder-color);
139
- }
140
- .vxe-upload--file-item-rebtn {
141
- padding-right: 0.4em;
142
- color: var(--vxe-ui-status-error-color);
143
- text-decoration: none;
144
- cursor: help;
145
- }
146
- .vxe-upload--file-item-icon {
147
- flex-shrink: 0;
148
- padding-right: 0.2em;
149
- }
150
- .vxe-upload--file-item-name {
151
- flex-grow: 1;
152
- overflow: hidden;
153
- text-overflow: ellipsis;
154
- white-space: nowrap;
155
- padding: 0 0.2em;
156
- }
157
- .vxe-upload--file-item-btn-wrapper {
158
- display: inline-flex;
159
- flex-direction: row;
160
- justify-content: center;
161
- }
162
- .vxe-upload--file-item-loading-icon {
163
- padding-right: 0.2em;
164
- }
165
- .vxe-upload--file-item-loading-icon,
166
- .vxe-upload--file-item-loading-text {
167
- color: var(--vxe-ui-loading-color);
168
- flex-shrink: 0;
169
- }
170
- .vxe-upload--file-item-action,
171
- .vxe-upload--file-item-download-btn,
172
- .vxe-upload--file-item-remove-btn {
173
- flex-shrink: 0;
174
- }
175
- .vxe-upload--file-item-download-btn,
176
- .vxe-upload--file-item-remove-btn {
177
- padding-left: 0.5em;
178
- cursor: pointer;
179
- }
180
- .vxe-upload--file-item-download-btn {
181
- color: var(--vxe-ui-font-primary-color);
182
- &:hover {
183
- color: var(--vxe-ui-font-primary-lighten-color);
184
- }
185
- }
186
- .vxe-upload--file-item-remove-btn {
187
- color: var(--vxe-ui-status-error-color);
188
- &:hover {
189
- color: var(--vxe-ui-status-error-lighten-color);
190
- }
191
- }
192
-
193
- .vxe-upload--image-list,
194
- .vxe-upload--image-more-list {
195
- display: flex;
196
- flex-direction: row;
197
- flex-wrap: wrap;
198
- }
199
- .vxe-upload--image-item,
200
- .vxe-upload--image-action,
201
- .vxe-upload--image-over-more {
202
- flex-shrink: 0;
203
- text-align: center;
204
- padding: var(--vxe-ui-layout-padding-half);
205
- }
206
- .vxe-upload--image-over-more {
207
- display: flex;
208
- align-items: center;
209
- justify-content: center;
210
- }
211
- .vxe-upload--image-action-icon {
212
- font-size: 1.2em;
213
- padding-bottom: 0.1em;
214
- }
215
- .vxe-upload--image-action-content {
216
- font-size: 0.9em;
217
- padding: 0 0.15em 0.5em 0.15em;
218
- }
219
- .vxe-upload--image-item-box,
220
- .vxe-upload--image-action-box {
221
- position: relative;
222
- border-radius: var(--vxe-ui-base-border-radius);
223
- }
224
- .vxe-upload--image-item-box {
225
- display: flex;
226
- flex-direction: row;
227
- align-items: center;
228
- justify-content: center;
229
- }
230
- .vxe-upload--image-action-box {
231
- display: flex;
232
- flex-direction: column;
233
- align-items: center;
234
- justify-content: center;
235
- border: 1px var(--vxe-ui-upload-image-button-border-style) var(--vxe-ui-input-border-color);
236
- cursor: pointer;
237
- &:hover {
238
- color: var(--vxe-ui-font-primary-color);
239
- border-color: var(--vxe-ui-font-primary-color);
240
- }
241
- }
242
- .vxe-upload {
243
- &.is--disabled {
244
- .vxe-upload--file-action-btn,
245
- .vxe-upload--image-action-box {
246
- color: var(--vxe-ui-font-disabled-color);
247
- cursor: no-drop;
248
- }
249
- .vxe-upload--image-action-box {
250
- &:hover {
251
- color: var(--vxe-ui-font-disabled-color);
252
- border-color: var(--vxe-ui-input-border-color);
253
- }
254
- }
255
- }
256
- }
257
- .vxe-upload--image-item {
258
- &.is--loading {
259
- .vxe-upload--image-item-box {
260
- cursor: progress;
261
- }
262
- }
263
- &:hover,
264
- &.is--error,
265
- &.is--pending {
266
- .vxe-upload--image-item-img-wrapper {
267
- &::after {
268
- content: "";
269
- position: absolute;
270
- top: 0;
271
- left: 0;
272
- width: 100%;
273
- height: 100%;
274
- pointer-events: none;
275
- }
276
- }
277
- }
278
- &:hover {
279
- .vxe-upload--image-item-img-wrapper {
280
- &::after {
281
- background-color: rgba(0, 0, 0, 0.1);
282
- }
283
- }
284
- }
285
- &.is--error,
286
- &.is--pending {
287
- .vxe-upload--image-item-img-wrapper {
288
- &::after {
289
- background-color: rgba(0, 0, 0, 0.4);
290
- }
291
- }
292
- &:hover {
293
- .vxe-upload--image-item-img-wrapper {
294
- &::after {
295
- background-color: rgba(0, 0, 0, 0.5);
296
- }
297
- }
298
- }
299
- }
300
- &.is--error {
301
- .vxe-upload--image-item-img-wrapper {
302
- border-color: var(--vxe-ui-status-error-color);
303
- }
304
- }
305
- &.is--preview {
306
- .vxe-upload--image-item-box {
307
- cursor: pointer;
308
- }
309
- }
310
- &.is--circle {
311
- .vxe-upload--image-item-img-wrapper {
312
- border-radius: 50%;
313
- overflow: hidden;
314
- &::after {
315
- border-radius: 50%;
316
- }
317
- }
318
- .vxe-upload--image-item-loading,
319
- .vxe-upload--image-item-rebtn {
320
- border-radius: 50%;
321
- }
322
- }
323
- }
324
- .vxe-upload--image-item-img-wrapper {
325
- display: flex;
326
- flex-direction: row;
327
- align-items: center;
328
- justify-content: center;
329
- width: 100%;
330
- height: 100%;
331
- border-radius: var(--vxe-ui-base-border-radius);
332
- border: 1px solid var(--vxe-ui-input-border-color);
333
- }
334
- .vxe-upload--image-item-img {
335
- max-width: 100%;
336
- max-height: 100%;
337
- }
338
- .vxe-upload--image-item-loading {
339
- position: absolute;
340
- display: flex;
341
- flex-direction: column;
342
- align-items: center;
343
- justify-content: center;
344
- top: 0;
345
- left: 0;
346
- width: 100%;
347
- height: 100%;
348
- color: var(--vxe-ui-loading-color);
349
- background-color: rgba(0, 0, 0, 0.6);
350
- z-index: 1;
351
- user-select: none;
352
- }
353
- .vxe-upload--image-item-rebtn {
354
- position: absolute;
355
- display: flex;
356
- flex-direction: row;
357
- justify-content: center;
358
- align-items: center;
359
- top: 0;
360
- left: 0;
361
- width: 100%;
362
- height: 100%;
363
- background-color: rgba(0, 0, 0, 0.6);
364
- }
365
- .vxe-upload--image-action-hint {
366
- font-size: 0.8em;
367
- word-break: break-all;
368
- color: var(--vxe-ui-input-placeholder-color);
369
- }
370
- .vxe-upload--image-item-btn-wrapper {
371
- display: inline-flex;
372
- flex-direction: row;
373
- justify-content: center;
374
- position: absolute;
375
- top: calc(var(--vxe-ui-layout-padding-half) * -1);
376
- right: calc(var(--vxe-ui-layout-padding-half) * -1);
377
- }
378
- .vxe-upload--file-item-,
379
- .vxe-upload--image-item-remove-btn {
380
- flex-shrink: 0;
381
- }
382
- .vxe-upload--image-item-remove-btn {
383
- display: flex;
384
- flex-direction: row;
385
- justify-content: center;
386
- align-items: center;
387
- width: 1.8em;
388
- height: 1.8em;
389
- font-size: 0.8em;
390
- border-radius: 50%;
391
- color: #fff;
392
- background-color: var(--vxe-ui-status-error-color);
393
- z-index: 3;
394
- cursor: pointer;
395
- &:hover {
396
- background-color: var(--vxe-ui-status-error-lighten-color);
397
- }
398
- }
399
-
400
- .vxe-upload--file-message-over-error {
401
- .vxe-upload--file-message-over-extra {
402
- margin-top: 0.5em;
403
- max-height: 160px;
404
- max-width: 380px;
405
- overflow: auto;
406
- border: 1px solid var(--vxe-ui-input-border-color);
407
- padding: var(--vxe-ui-layout-padding-half) var(--vxe-ui-layout-padding-default);
408
- outline: 0;
409
- }
410
- .vxe-upload--file-message-over-extra-item {
411
- overflow: hidden;
412
- text-overflow: ellipsis;
413
- white-space: nowrap;
414
- }
415
- }
416
-
417
- /*拖拽排序*/
418
- .vxe-upload--drag-line {
419
- display: none;
420
- position: absolute;
421
- top: 0;
422
- left: 0;
423
- z-index: 3;
424
- pointer-events: none;
425
- }
426
- .vxe-upload--drag-line {
427
- width: 1px;
428
- height: 1px;
429
- border: 2px solid transparent;
430
- &[drag-pos="top"] {
431
- border-top-color: var(--vxe-ui-font-primary-color);
432
- }
433
- &[drag-pos="bottom"] {
434
- border-bottom-color: var(--vxe-ui-font-primary-color);
435
- }
436
- &[drag-pos="left"] {
437
- border-left-color: var(--vxe-ui-font-primary-color);
438
- }
439
- &[drag-pos="right"] {
440
- border-right-color: var(--vxe-ui-font-primary-color);
441
- }
442
- }
443
- .vxe-upload--drag-list-move {
444
- transition: transform 0.2s;
445
- }
446
-
447
- .vxe-upload--more-popup {
448
- position: relative;
449
- .vxe-upload--file-list {
450
- max-height: none;
451
- }
452
- .vxe-upload--file-action-btn {
453
- width: 100%;
454
- & > .vxe-button {
455
- width: 100%;
456
- max-width: 100%;
457
- }
458
- }
459
- }
460
- .vxe-upload,
461
- .vxe-upload--more-popup {
462
- font-size: var(--vxe-ui-font-size-default);
463
- .vxe-upload--image-item-box,
464
- .vxe-upload--image-action-box {
465
- width: var(--vxe-ui-upload-image-wh-default);
466
- height: var(--vxe-ui-upload-image-wh-default);
467
- }
468
- &.size--medium {
469
- font-size: var(--vxe-ui-font-size-medium);
470
- .vxe-upload--image-item-box,
471
- .vxe-upload--image-action-box {
472
- width: var(--vxe-ui-upload-image-wh-medium);
473
- height: var(--vxe-ui-upload-image-wh-medium);
474
- }
475
- }
476
- &.size--small {
477
- font-size: var(--vxe-ui-font-size-small);
478
- .vxe-upload--image-item-box,
479
- .vxe-upload--image-action-box {
480
- width: var(--vxe-ui-upload-image-wh-small);
481
- height: var(--vxe-ui-upload-image-wh-small);
482
- }
483
- }
484
- &.size--mini {
485
- font-size: var(--vxe-ui-font-size-mini);
486
- .vxe-upload--image-item-box,
487
- .vxe-upload--image-action-box {
488
- width: var(--vxe-ui-upload-image-wh-mini);
489
- height: var(--vxe-ui-upload-image-wh-mini);
490
- }
491
- }
492
- }
493
- .vxe-upload--image-more-list {
494
- .vxe-upload--image-item-box {
495
- width: var(--vxe-ui-upload-image-wh-default);
496
- height: var(--vxe-ui-upload-image-wh-default);
497
- }
1
+ .vxe-upload {
2
+ position: relative;
3
+ color: var(--vxe-ui-font-color);
4
+ font-family: var(--vxe-ui-font-family);
5
+ &.show--error {
6
+ .vxe-upload--file-item {
7
+ &.is--error {
8
+ color: var(--vxe-ui-status-error-color);
9
+ &:hover {
10
+ .vxe-upload--file-item-name {
11
+ color: var(--vxe-ui-status-error-color);
12
+ }
13
+ }
14
+ .vxe-upload--file-item-name {
15
+ text-decoration: line-through;
16
+ }
17
+ }
18
+ }
19
+ }
20
+ }
21
+
22
+ .vxe-upload,
23
+ .vxe-upload--more-popup {
24
+ &.is--active {
25
+ .vxe-upload--image-action-box {
26
+ border-color: var(--vxe-ui-font-primary-color);
27
+ }
28
+ .vxe-upload--file-action-btn {
29
+ & > .vxe-button {
30
+ border-color: var(--vxe-ui-font-primary-color);
31
+ border-style: var(--vxe-ui-upload-file-button-border-style);
32
+ }
33
+ }
34
+ }
35
+ &.is--disabled {
36
+ .vxe-upload--file-action-btn,
37
+ .vxe-upload--image-action-box {
38
+ cursor: no-drop;
39
+ }
40
+ }
41
+ }
42
+ .vxe-upload--drag-placeholder {
43
+ display: flex;
44
+ flex-direction: row;
45
+ align-items: center;
46
+ justify-content: center;
47
+ position: absolute;
48
+ top: 0;
49
+ left: 0;
50
+ width: 100%;
51
+ height: 100%;
52
+ font-weight: 700;
53
+ font-weight: var(--vxe-ui-font-darken-color);
54
+ font-size: 1.2em;
55
+ border-radius: var(--vxe-ui-base-border-radius);
56
+ background-color: var(--vxe-ui-upload-drag-over-background-color);
57
+ border: 1px dotted var(--vxe-ui-font-lighten-color);
58
+ z-index: 9;
59
+ }
60
+ .vxe-upload--file-list-wrapper {
61
+ &.is--horizontal {
62
+ display: flex;
63
+ flex-direction: row;
64
+ & > .vxe-upload--file-list {
65
+ flex-grow: 1;
66
+ display: flex;
67
+ flex-direction: column;
68
+ justify-content: center;
69
+ }
70
+ & > .vxe-upload--file-action {
71
+ flex-shrink: 0;
72
+ }
73
+ }
74
+ }
75
+ .vxe-upload--file-list {
76
+ max-height: 294px;
77
+ overflow: auto;
78
+ outline: 0;
79
+ }
80
+ .vxe-upload--file-item {
81
+ position: relative;
82
+ display: flex;
83
+ flex-direction: row;
84
+ align-items: center;
85
+ line-height: 1.5em;
86
+ padding: var(--vxe-ui-layout-padding-half);
87
+ &:hover {
88
+ background-color: var(--vxe-ui-base-hover-background-color);
89
+ .vxe-upload--file-item-name {
90
+ color: var(--vxe-ui-font-primary-color);
91
+ }
92
+ }
93
+ &:last-child {
94
+ margin-bottom: 0;
95
+ }
96
+ &.is--preview {
97
+ .vxe-upload--file-item-name {
98
+ cursor: pointer;
99
+ }
100
+ }
101
+ &.is--loading {
102
+ cursor: progress;
103
+ color: var(--vxe-ui-input-placeholder-color);
104
+ &:hover {
105
+ .vxe-upload--file-item-name {
106
+ color: var(--vxe-ui-input-placeholder-color);
107
+ }
108
+ }
109
+ }
110
+ &.is--pending {
111
+ color: var(--vxe-ui-input-placeholder-color);
112
+ }
113
+ }
114
+ .vxe-upload--file-over-more {
115
+ display: flex;
116
+ align-items: center;
117
+ justify-content: center;
118
+ flex-shrink: 0;
119
+ .vxe-button {
120
+ padding-top: 0;
121
+ padding-bottom: 0;
122
+ }
123
+ }
124
+ .vxe-upload--file-action-btn {
125
+ display: inline-block;
126
+ & > .vxe-button {
127
+ border-style: var(--vxe-ui-upload-file-button-border-style);
128
+ }
129
+ }
130
+ .vxe-upload--file-action-button {
131
+ &:hover {
132
+ border-color: var(--vxe-ui-font-primary-color);
133
+ }
134
+ }
135
+ .vxe-upload--file-action-tip {
136
+ font-size: 0.9em;
137
+ padding: var(--vxe-ui-layout-padding-half);
138
+ color: var(--vxe-ui-input-placeholder-color);
139
+ }
140
+ .vxe-upload--file-item-rebtn {
141
+ padding-right: 0.4em;
142
+ color: var(--vxe-ui-status-error-color);
143
+ text-decoration: none;
144
+ cursor: help;
145
+ }
146
+ .vxe-upload--file-item-icon {
147
+ flex-shrink: 0;
148
+ padding-right: 0.2em;
149
+ }
150
+ .vxe-upload--file-item-name {
151
+ flex-grow: 1;
152
+ overflow: hidden;
153
+ text-overflow: ellipsis;
154
+ white-space: nowrap;
155
+ padding: 0 0.2em;
156
+ }
157
+ .vxe-upload--file-item-btn-wrapper {
158
+ display: inline-flex;
159
+ flex-direction: row;
160
+ justify-content: center;
161
+ }
162
+ .vxe-upload--file-item-loading-icon {
163
+ padding-right: 0.2em;
164
+ }
165
+ .vxe-upload--file-item-loading-icon,
166
+ .vxe-upload--file-item-loading-text {
167
+ color: var(--vxe-ui-loading-color);
168
+ flex-shrink: 0;
169
+ }
170
+ .vxe-upload--file-item-action,
171
+ .vxe-upload--file-item-download-btn,
172
+ .vxe-upload--file-item-remove-btn {
173
+ flex-shrink: 0;
174
+ }
175
+ .vxe-upload--file-item-download-btn,
176
+ .vxe-upload--file-item-remove-btn {
177
+ padding-left: 0.5em;
178
+ cursor: pointer;
179
+ }
180
+ .vxe-upload--file-item-download-btn {
181
+ color: var(--vxe-ui-font-primary-color);
182
+ &:hover {
183
+ color: var(--vxe-ui-font-primary-lighten-color);
184
+ }
185
+ }
186
+ .vxe-upload--file-item-remove-btn {
187
+ color: var(--vxe-ui-status-error-color);
188
+ &:hover {
189
+ color: var(--vxe-ui-status-error-lighten-color);
190
+ }
191
+ }
192
+
193
+ .vxe-upload--image-list,
194
+ .vxe-upload--image-more-list {
195
+ display: flex;
196
+ flex-direction: row;
197
+ flex-wrap: wrap;
198
+ }
199
+ .vxe-upload--image-item,
200
+ .vxe-upload--image-action,
201
+ .vxe-upload--image-over-more {
202
+ flex-shrink: 0;
203
+ text-align: center;
204
+ padding: var(--vxe-ui-layout-padding-half);
205
+ }
206
+ .vxe-upload--image-over-more {
207
+ display: flex;
208
+ align-items: center;
209
+ justify-content: center;
210
+ }
211
+ .vxe-upload--image-action-icon {
212
+ font-size: 1.2em;
213
+ padding-bottom: 0.1em;
214
+ }
215
+ .vxe-upload--image-action-content {
216
+ font-size: 0.9em;
217
+ padding: 0 0.15em 0.5em 0.15em;
218
+ }
219
+ .vxe-upload--image-item-box,
220
+ .vxe-upload--image-action-box {
221
+ position: relative;
222
+ border-radius: var(--vxe-ui-base-border-radius);
223
+ }
224
+ .vxe-upload--image-item-box {
225
+ display: flex;
226
+ flex-direction: row;
227
+ align-items: center;
228
+ justify-content: center;
229
+ }
230
+ .vxe-upload--image-action-box {
231
+ display: flex;
232
+ flex-direction: column;
233
+ align-items: center;
234
+ justify-content: center;
235
+ border: 1px var(--vxe-ui-upload-image-button-border-style) var(--vxe-ui-input-border-color);
236
+ cursor: pointer;
237
+ &:hover {
238
+ color: var(--vxe-ui-font-primary-color);
239
+ border-color: var(--vxe-ui-font-primary-color);
240
+ }
241
+ }
242
+ .vxe-upload {
243
+ &.is--disabled {
244
+ .vxe-upload--file-action-btn,
245
+ .vxe-upload--image-action-box {
246
+ color: var(--vxe-ui-font-disabled-color);
247
+ cursor: no-drop;
248
+ }
249
+ .vxe-upload--image-action-box {
250
+ &:hover {
251
+ color: var(--vxe-ui-font-disabled-color);
252
+ border-color: var(--vxe-ui-input-border-color);
253
+ }
254
+ }
255
+ }
256
+ }
257
+ .vxe-upload--image-item {
258
+ &.is--loading {
259
+ .vxe-upload--image-item-box {
260
+ cursor: progress;
261
+ }
262
+ }
263
+ &:hover,
264
+ &.is--error,
265
+ &.is--pending {
266
+ .vxe-upload--image-item-img-wrapper {
267
+ &::after {
268
+ content: "";
269
+ position: absolute;
270
+ top: 0;
271
+ left: 0;
272
+ width: 100%;
273
+ height: 100%;
274
+ pointer-events: none;
275
+ }
276
+ }
277
+ }
278
+ &:hover {
279
+ .vxe-upload--image-item-img-wrapper {
280
+ &::after {
281
+ background-color: rgba(0, 0, 0, 0.1);
282
+ }
283
+ }
284
+ }
285
+ &.is--error,
286
+ &.is--pending {
287
+ .vxe-upload--image-item-img-wrapper {
288
+ &::after {
289
+ background-color: rgba(0, 0, 0, 0.4);
290
+ }
291
+ }
292
+ &:hover {
293
+ .vxe-upload--image-item-img-wrapper {
294
+ &::after {
295
+ background-color: rgba(0, 0, 0, 0.5);
296
+ }
297
+ }
298
+ }
299
+ }
300
+ &.is--error {
301
+ .vxe-upload--image-item-img-wrapper {
302
+ border-color: var(--vxe-ui-status-error-color);
303
+ }
304
+ }
305
+ &.is--preview {
306
+ .vxe-upload--image-item-box {
307
+ cursor: pointer;
308
+ }
309
+ }
310
+ &.is--circle {
311
+ .vxe-upload--image-item-img-wrapper {
312
+ border-radius: 50%;
313
+ overflow: hidden;
314
+ &::after {
315
+ border-radius: 50%;
316
+ }
317
+ }
318
+ .vxe-upload--image-item-loading,
319
+ .vxe-upload--image-item-rebtn {
320
+ border-radius: 50%;
321
+ }
322
+ }
323
+ }
324
+ .vxe-upload--image-item-img-wrapper {
325
+ display: flex;
326
+ flex-direction: row;
327
+ align-items: center;
328
+ justify-content: center;
329
+ width: 100%;
330
+ height: 100%;
331
+ border-radius: var(--vxe-ui-base-border-radius);
332
+ border: 1px solid var(--vxe-ui-input-border-color);
333
+ }
334
+ .vxe-upload--image-item-img {
335
+ max-width: 100%;
336
+ max-height: 100%;
337
+ }
338
+ .vxe-upload--image-item-loading {
339
+ position: absolute;
340
+ display: flex;
341
+ flex-direction: column;
342
+ align-items: center;
343
+ justify-content: center;
344
+ top: 0;
345
+ left: 0;
346
+ width: 100%;
347
+ height: 100%;
348
+ color: var(--vxe-ui-loading-color);
349
+ background-color: rgba(0, 0, 0, 0.6);
350
+ z-index: 1;
351
+ user-select: none;
352
+ }
353
+ .vxe-upload--image-item-rebtn {
354
+ position: absolute;
355
+ display: flex;
356
+ flex-direction: row;
357
+ justify-content: center;
358
+ align-items: center;
359
+ top: 0;
360
+ left: 0;
361
+ width: 100%;
362
+ height: 100%;
363
+ background-color: rgba(0, 0, 0, 0.6);
364
+ }
365
+ .vxe-upload--image-action-hint {
366
+ font-size: 0.8em;
367
+ word-break: break-all;
368
+ color: var(--vxe-ui-input-placeholder-color);
369
+ }
370
+ .vxe-upload--image-item-btn-wrapper {
371
+ display: inline-flex;
372
+ flex-direction: row;
373
+ justify-content: center;
374
+ position: absolute;
375
+ top: calc(var(--vxe-ui-layout-padding-half) * -1);
376
+ right: calc(var(--vxe-ui-layout-padding-half) * -1);
377
+ }
378
+ .vxe-upload--file-item-,
379
+ .vxe-upload--image-item-remove-btn {
380
+ flex-shrink: 0;
381
+ }
382
+ .vxe-upload--image-item-remove-btn {
383
+ display: flex;
384
+ flex-direction: row;
385
+ justify-content: center;
386
+ align-items: center;
387
+ width: 1.8em;
388
+ height: 1.8em;
389
+ font-size: 0.8em;
390
+ border-radius: 50%;
391
+ color: #fff;
392
+ background-color: var(--vxe-ui-status-error-color);
393
+ z-index: 3;
394
+ cursor: pointer;
395
+ &:hover {
396
+ background-color: var(--vxe-ui-status-error-lighten-color);
397
+ }
398
+ }
399
+
400
+ .vxe-upload--file-message-over-error {
401
+ .vxe-upload--file-message-over-extra {
402
+ margin-top: 0.5em;
403
+ max-height: 160px;
404
+ max-width: 380px;
405
+ overflow: auto;
406
+ border: 1px solid var(--vxe-ui-input-border-color);
407
+ padding: var(--vxe-ui-layout-padding-half) var(--vxe-ui-layout-padding-default);
408
+ outline: 0;
409
+ }
410
+ .vxe-upload--file-message-over-extra-item {
411
+ overflow: hidden;
412
+ text-overflow: ellipsis;
413
+ white-space: nowrap;
414
+ }
415
+ }
416
+
417
+ /*拖拽排序*/
418
+ .vxe-upload--drag-line {
419
+ display: none;
420
+ position: absolute;
421
+ top: 0;
422
+ left: 0;
423
+ z-index: 3;
424
+ pointer-events: none;
425
+ }
426
+ .vxe-upload--drag-line {
427
+ width: 1px;
428
+ height: 1px;
429
+ border: 2px solid transparent;
430
+ &[drag-pos="top"] {
431
+ border-top-color: var(--vxe-ui-font-primary-color);
432
+ }
433
+ &[drag-pos="bottom"] {
434
+ border-bottom-color: var(--vxe-ui-font-primary-color);
435
+ }
436
+ &[drag-pos="left"] {
437
+ border-left-color: var(--vxe-ui-font-primary-color);
438
+ }
439
+ &[drag-pos="right"] {
440
+ border-right-color: var(--vxe-ui-font-primary-color);
441
+ }
442
+ }
443
+ .vxe-upload--drag-list-move {
444
+ transition: transform 0.2s;
445
+ }
446
+
447
+ .vxe-upload--more-popup {
448
+ position: relative;
449
+ .vxe-upload--file-list {
450
+ max-height: none;
451
+ }
452
+ .vxe-upload--file-action-btn {
453
+ width: 100%;
454
+ & > .vxe-button {
455
+ width: 100%;
456
+ max-width: 100%;
457
+ }
458
+ }
459
+ }
460
+ .vxe-upload,
461
+ .vxe-upload--more-popup {
462
+ font-size: var(--vxe-ui-font-size-default);
463
+ .vxe-upload--image-item-box,
464
+ .vxe-upload--image-action-box {
465
+ width: var(--vxe-ui-upload-image-wh-default);
466
+ height: var(--vxe-ui-upload-image-wh-default);
467
+ }
468
+ &.size--medium {
469
+ font-size: var(--vxe-ui-font-size-medium);
470
+ .vxe-upload--image-item-box,
471
+ .vxe-upload--image-action-box {
472
+ width: var(--vxe-ui-upload-image-wh-medium);
473
+ height: var(--vxe-ui-upload-image-wh-medium);
474
+ }
475
+ }
476
+ &.size--small {
477
+ font-size: var(--vxe-ui-font-size-small);
478
+ .vxe-upload--image-item-box,
479
+ .vxe-upload--image-action-box {
480
+ width: var(--vxe-ui-upload-image-wh-small);
481
+ height: var(--vxe-ui-upload-image-wh-small);
482
+ }
483
+ }
484
+ &.size--mini {
485
+ font-size: var(--vxe-ui-font-size-mini);
486
+ .vxe-upload--image-item-box,
487
+ .vxe-upload--image-action-box {
488
+ width: var(--vxe-ui-upload-image-wh-mini);
489
+ height: var(--vxe-ui-upload-image-wh-mini);
490
+ }
491
+ }
492
+ }
493
+ .vxe-upload--image-more-list {
494
+ .vxe-upload--image-item-box {
495
+ width: var(--vxe-ui-upload-image-wh-default);
496
+ height: var(--vxe-ui-upload-image-wh-default);
497
+ }
498
498
  }