@julingbase/jly-arco-design 0.0.2 → 0.0.4

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/README.md +56 -8
  2. package/dist/arco-vue-icon.js.map +1 -1
  3. package/dist/arco-vue-icon.min.js.map +1 -1
  4. package/dist/arco-vue.js +46 -8
  5. package/dist/arco-vue.js.map +1 -1
  6. package/dist/arco-vue.min.js +606 -600
  7. package/dist/arco-vue.min.js.map +1 -1
  8. package/es/_components/auto-tooltip/style/index.less +10 -10
  9. package/es/_components/input-label/input-label.d.ts +2 -2
  10. package/es/_components/input-label/style/index.less +7 -7
  11. package/es/_components/input-label/style/input-label.less +70 -70
  12. package/es/_components/picker/input-range.d.ts +4 -4
  13. package/es/_components/picker/input.d.ts +2 -2
  14. package/es/_components/picker/style/index.less +191 -191
  15. package/es/_components/picker/style/token.less +58 -58
  16. package/es/_components/select-view/select-view.d.ts +1 -1
  17. package/es/_components/select-view/style/index.less +58 -58
  18. package/es/_components/select-view/style/token.less +4 -4
  19. package/es/affix/style/index.less +8 -8
  20. package/es/alert/style/index.less +198 -198
  21. package/es/alert/style/token.less +76 -76
  22. package/es/anchor/style/index.less +99 -99
  23. package/es/anchor/style/token.less +30 -30
  24. package/es/auto-complete/auto-complete.d.ts +3 -3
  25. package/es/auto-complete/index.d.ts +9 -9
  26. package/es/auto-complete/style/index.less +44 -44
  27. package/es/auto-complete/style/token.less +29 -29
  28. package/es/avatar/style/index.less +155 -155
  29. package/es/avatar/style/token.less +29 -29
  30. package/es/back-top/style/index.less +33 -33
  31. package/es/back-top/style/token.less +12 -12
  32. package/es/badge/style/index.less +178 -178
  33. package/es/badge/style/token.less +30 -30
  34. package/es/breadcrumb/style/index.less +76 -76
  35. package/es/breadcrumb/style/token.less +24 -24
  36. package/es/button/style/index.less +304 -304
  37. package/es/button/style/token.less +459 -459
  38. package/es/calendar/calendar.d.ts +1 -1
  39. package/es/calendar/index.d.ts +3 -3
  40. package/es/calendar/style/index.less +479 -479
  41. package/es/calendar/style/token.less +62 -62
  42. package/es/card/style/index.less +219 -219
  43. package/es/card/style/token.less +40 -40
  44. package/es/carousel/style/index.less +405 -405
  45. package/es/carousel/style/slide.less +175 -175
  46. package/es/carousel/style/token.less +33 -33
  47. package/es/cascader/cascader-panel.d.ts +3 -3
  48. package/es/cascader/cascader.d.ts +6 -6
  49. package/es/cascader/index.d.ts +20 -20
  50. package/es/cascader/style/index.less +234 -234
  51. package/es/cascader/style/token.less +24 -24
  52. package/es/checkbox/checkbox-group.d.ts +2 -2
  53. package/es/checkbox/checkbox.d.ts +1 -1
  54. package/es/checkbox/index.d.ts +5 -5
  55. package/es/checkbox/style/index.less +182 -182
  56. package/es/checkbox/style/token.less +37 -37
  57. package/es/collapse/style/index.less +180 -180
  58. package/es/collapse/style/token.less +34 -34
  59. package/es/color-picker/color-picker.d.ts +1 -1
  60. package/es/color-picker/index.d.ts +3 -3
  61. package/es/color-picker/style/index.less +309 -309
  62. package/es/color-picker/style/token.less +70 -70
  63. package/es/comment/style/index.less +66 -66
  64. package/es/comment/style/token.less +17 -17
  65. package/es/date-picker/index.d.ts +8 -8
  66. package/es/date-picker/picker.d.ts +6 -6
  67. package/es/date-picker/range-picker.d.ts +8 -8
  68. package/es/date-picker/style/date.less +128 -128
  69. package/es/date-picker/style/index.less +309 -309
  70. package/es/date-picker/style/month.less +26 -26
  71. package/es/date-picker/style/quarter.less +8 -8
  72. package/es/date-picker/style/range.less +9 -9
  73. package/es/date-picker/style/shortcuts.less +25 -25
  74. package/es/date-picker/style/token.less +76 -76
  75. package/es/date-picker/style/week.less +68 -68
  76. package/es/date-picker/style/year.less +8 -8
  77. package/es/descriptions/style/index.less +159 -159
  78. package/es/descriptions/style/token.less +45 -45
  79. package/es/divider/style/index.less +56 -56
  80. package/es/divider/style/token.less +15 -15
  81. package/es/drawer/style/index.less +230 -230
  82. package/es/drawer/style/token.less +16 -16
  83. package/es/dropdown/context.d.ts +2 -1
  84. package/es/dropdown/dropdown-button.d.ts +12 -3
  85. package/es/dropdown/dropdown-panel.js +18 -4
  86. package/es/dropdown/dropdown.d.ts +12 -3
  87. package/es/dropdown/dropdown.js +12 -2
  88. package/es/dropdown/index.d.ts +33 -9
  89. package/es/dropdown/style/index.less +106 -106
  90. package/es/dropdown/style/token.less +40 -40
  91. package/es/empty/style/index.less +26 -26
  92. package/es/empty/style/token.less +10 -10
  93. package/es/form/form-item.d.ts +3 -3
  94. package/es/form/index.d.ts +3 -3
  95. package/es/form/style/index.less +257 -257
  96. package/es/form/style/status.less +152 -152
  97. package/es/form/style/token.less +81 -81
  98. package/es/grid/style/col.less +95 -95
  99. package/es/grid/style/grid.less +5 -5
  100. package/es/grid/style/index.less +3 -3
  101. package/es/grid/style/row.less +44 -44
  102. package/es/image/style/image.less +158 -158
  103. package/es/image/style/index.less +5 -5
  104. package/es/image/style/preview.less +227 -227
  105. package/es/image/style/token.less +123 -123
  106. package/es/image/style/trigger.less +14 -14
  107. package/es/input/index.d.ts +12 -12
  108. package/es/input/input-password.d.ts +3 -3
  109. package/es/input/input.d.ts +3 -3
  110. package/es/input/style/group.less +63 -63
  111. package/es/input/style/index.less +121 -121
  112. package/es/input/style/input.less +185 -185
  113. package/es/input/style/password.less +11 -11
  114. package/es/input/style/search.less +18 -18
  115. package/es/input/style/size.less +149 -149
  116. package/es/input/style/textarea.less +37 -37
  117. package/es/input/style/token.less +131 -131
  118. package/es/input-number/index.d.ts +3 -3
  119. package/es/input-number/input-number.d.ts +1 -1
  120. package/es/input-number/style/index.less +160 -160
  121. package/es/input-number/style/token.less +19 -19
  122. package/es/input-tag/index.d.ts +18 -18
  123. package/es/input-tag/input-tag.d.ts +6 -6
  124. package/es/input-tag/style/index.less +40 -40
  125. package/es/input-tag/style/input-tag.less +129 -129
  126. package/es/input-tag/style/token.less +83 -83
  127. package/es/layout/style/index.less +104 -104
  128. package/es/layout/style/token.less +13 -13
  129. package/es/link/style/index.less +120 -120
  130. package/es/link/style/token.less +48 -48
  131. package/es/list/index.d.ts +3 -3
  132. package/es/list/list.d.ts +1 -1
  133. package/es/list/style/index.less +183 -183
  134. package/es/list/style/token.less +55 -55
  135. package/es/mention/index.d.ts +6 -6
  136. package/es/mention/mention.d.ts +2 -2
  137. package/es/mention/style/index.less +21 -21
  138. package/es/mention/style/token.less +6 -6
  139. package/es/menu/item.d.ts +1 -1
  140. package/es/menu/style/index.less +622 -622
  141. package/es/menu/style/token.less +117 -117
  142. package/es/menu/sub-menu-pop.d.ts +1 -1
  143. package/es/message/style/index.less +191 -191
  144. package/es/message/style/token.less +52 -52
  145. package/es/modal/style/index.less +283 -283
  146. package/es/modal/style/token.less +30 -30
  147. package/es/notification/style/index.less +249 -249
  148. package/es/notification/style/token.less +58 -58
  149. package/es/overflow-list/style/index.less +19 -19
  150. package/es/page-header/style/index.less +127 -127
  151. package/es/page-header/style/token.less +30 -30
  152. package/es/pagination/page-jumper.d.ts +3 -3
  153. package/es/pagination/page-options.d.ts +28 -28
  154. package/es/pagination/style/index.less +300 -300
  155. package/es/pagination/style/token.less +91 -91
  156. package/es/popconfirm/style/index.less +70 -70
  157. package/es/popconfirm/style/token.less +20 -20
  158. package/es/popover/style/index.less +38 -38
  159. package/es/popover/style/token.less +15 -15
  160. package/es/progress/style/index.less +378 -378
  161. package/es/progress/style/token.less +60 -60
  162. package/es/radio/index.d.ts +9 -9
  163. package/es/radio/radio-group.d.ts +3 -3
  164. package/es/radio/radio.d.ts +2 -2
  165. package/es/radio/style/index.less +266 -266
  166. package/es/radio/style/token.less +55 -55
  167. package/es/rate/index.d.ts +9 -9
  168. package/es/rate/rate.d.ts +3 -3
  169. package/es/rate/style/index.less +87 -87
  170. package/es/rate/style/token.less +13 -13
  171. package/es/resize-box/style/index.less +60 -60
  172. package/es/resize-box/style/token.less +6 -6
  173. package/es/result/style/index.less +94 -94
  174. package/es/result/style/token.less +32 -32
  175. package/es/scrollbar/style/index.less +137 -137
  176. package/es/scrollbar/style/token.less +12 -12
  177. package/es/select/index.d.ts +28 -28
  178. package/es/select/option.d.ts +5 -5
  179. package/es/select/select-dropdown.d.ts +1 -1
  180. package/es/select/select.d.ts +8 -8
  181. package/es/select/style/index.less +132 -132
  182. package/es/select/style/token.less +43 -43
  183. package/es/skeleton/style/index.less +66 -66
  184. package/es/skeleton/style/token.less +15 -15
  185. package/es/slider/index.d.ts +12 -12
  186. package/es/slider/slider-input.d.ts +3 -3
  187. package/es/slider/slider.d.ts +5 -5
  188. package/es/slider/style/index.less +282 -282
  189. package/es/slider/style/token.less +50 -50
  190. package/es/space/style/index.less +50 -50
  191. package/es/spin/style/dot-loading.less +64 -64
  192. package/es/spin/style/index.less +56 -56
  193. package/es/spin/style/token.less +17 -17
  194. package/es/split/index.d.ts +3 -3
  195. package/es/split/split.d.ts +1 -1
  196. package/es/split/style/index.less +53 -53
  197. package/es/split/style/token.less +7 -7
  198. package/es/statistic/style/index.less +47 -47
  199. package/es/statistic/style/token.less +15 -15
  200. package/es/steps/style/arrow.less +212 -212
  201. package/es/steps/style/circle.less +265 -265
  202. package/es/steps/style/dot.less +210 -210
  203. package/es/steps/style/index.less +74 -74
  204. package/es/steps/style/navigation.less +60 -60
  205. package/es/steps/style/token.less +144 -144
  206. package/es/style/animation/fade.less +57 -57
  207. package/es/style/animation/index.less +3 -3
  208. package/es/style/animation/slide.less +158 -158
  209. package/es/style/animation/zoom.less +217 -217
  210. package/es/style/color/colors.less +427 -427
  211. package/es/style/color/css-variables.less +389 -389
  212. package/es/style/color/get-rgb-str.js +17 -17
  213. package/es/style/color/palette-dark.js +10 -10
  214. package/es/style/color/palette.js +10 -10
  215. package/es/style/icon.less +86 -86
  216. package/es/style/index.less +11 -11
  217. package/es/style/mixins/icon-hover.less +14 -14
  218. package/es/style/mixins/index.less +13 -13
  219. package/es/style/normalize.less +353 -353
  220. package/es/style/theme/component.less +21 -21
  221. package/es/style/theme/css-variables.less +146 -146
  222. package/es/style/theme/global.less +416 -416
  223. package/es/style/theme/index.less +42 -42
  224. package/es/switch/index.d.ts +6 -6
  225. package/es/switch/style/index.less +332 -332
  226. package/es/switch/style/token.less +62 -62
  227. package/es/switch/switch.d.ts +2 -2
  228. package/es/table/index.d.ts +15 -0
  229. package/es/table/style/filters-popup.less +51 -51
  230. package/es/table/style/index.less +868 -868
  231. package/es/table/style/token.less +134 -134
  232. package/es/table/table-operation-td.d.ts +14 -14
  233. package/es/table/table.d.ts +9 -0
  234. package/es/table/table.js +16 -2
  235. package/es/tabs/style/index.less +730 -730
  236. package/es/tabs/style/rtl.less +104 -104
  237. package/es/tabs/style/token.less +146 -146
  238. package/es/tabs/style/vertical.less +156 -156
  239. package/es/tag/index.d.ts +3 -3
  240. package/es/tag/style/index.less +171 -171
  241. package/es/tag/style/token.less +171 -171
  242. package/es/tag/tag.d.ts +1 -1
  243. package/es/textarea/index.d.ts +6 -6
  244. package/es/textarea/style/index.less +64 -64
  245. package/es/textarea/textarea.d.ts +2 -2
  246. package/es/time-picker/index.d.ts +18 -18
  247. package/es/time-picker/style/index.less +94 -94
  248. package/es/time-picker/style/token.less +17 -17
  249. package/es/time-picker/time-picker.d.ts +8 -8
  250. package/es/timeline/style/horizontal.less +87 -87
  251. package/es/timeline/style/index.less +272 -272
  252. package/es/timeline/style/token.less +25 -25
  253. package/es/tooltip/style/index.less +24 -24
  254. package/es/tooltip/style/token.less +14 -14
  255. package/es/transfer/index.d.ts +22 -22
  256. package/es/transfer/style/index.less +294 -294
  257. package/es/transfer/style/token.less +48 -48
  258. package/es/transfer/transfer-view.d.ts +8 -8
  259. package/es/transfer/transfer.d.ts +10 -10
  260. package/es/tree/base-node.d.ts +5 -5
  261. package/es/tree/style/index.less +396 -396
  262. package/es/tree/style/token.less +51 -51
  263. package/es/tree/transition-node-list.d.ts +5 -5
  264. package/es/tree-select/index.d.ts +8 -8
  265. package/es/tree-select/style/index.less +49 -49
  266. package/es/tree-select/style/token.less +7 -7
  267. package/es/tree-select/tree-select.d.ts +3 -3
  268. package/es/trigger/style/index.less +57 -57
  269. package/es/trigger/style/token.less +5 -5
  270. package/es/typography/edit-content.d.ts +36 -36
  271. package/es/typography/style/index.less +207 -207
  272. package/es/typography/style/token.less +55 -55
  273. package/es/upload/index.d.ts +3 -3
  274. package/es/upload/style/index.less +515 -515
  275. package/es/upload/style/token.less +97 -97
  276. package/es/upload/upload.d.ts +1 -1
  277. package/es/verification-code/index.d.ts +6 -6
  278. package/es/verification-code/style/index.less +32 -32
  279. package/es/verification-code/style/token.less +1 -1
  280. package/es/verification-code/verification-code.d.ts +2 -2
  281. package/json/vetur-attributes.json +1646 -1642
  282. package/json/vetur-tags.json +527 -526
  283. package/json/web-types.json +3543 -3535
  284. package/lib/_components/auto-tooltip/style/index.less +10 -10
  285. package/lib/_components/input-label/style/index.less +7 -7
  286. package/lib/_components/input-label/style/input-label.less +70 -70
  287. package/lib/_components/picker/style/index.less +191 -191
  288. package/lib/_components/picker/style/token.less +58 -58
  289. package/lib/_components/select-view/style/index.less +58 -58
  290. package/lib/_components/select-view/style/token.less +4 -4
  291. package/lib/affix/style/index.less +8 -8
  292. package/lib/alert/style/index.less +198 -198
  293. package/lib/alert/style/token.less +76 -76
  294. package/lib/anchor/style/index.less +99 -99
  295. package/lib/anchor/style/token.less +30 -30
  296. package/lib/auto-complete/style/index.less +44 -44
  297. package/lib/auto-complete/style/token.less +29 -29
  298. package/lib/avatar/style/index.less +155 -155
  299. package/lib/avatar/style/token.less +29 -29
  300. package/lib/back-top/style/index.less +33 -33
  301. package/lib/back-top/style/token.less +12 -12
  302. package/lib/badge/style/index.less +178 -178
  303. package/lib/badge/style/token.less +30 -30
  304. package/lib/breadcrumb/style/index.less +76 -76
  305. package/lib/breadcrumb/style/token.less +24 -24
  306. package/lib/button/style/index.less +304 -304
  307. package/lib/button/style/token.less +459 -459
  308. package/lib/calendar/style/index.less +479 -479
  309. package/lib/calendar/style/token.less +62 -62
  310. package/lib/card/style/index.less +219 -219
  311. package/lib/card/style/token.less +40 -40
  312. package/lib/carousel/style/index.less +405 -405
  313. package/lib/carousel/style/slide.less +175 -175
  314. package/lib/carousel/style/token.less +33 -33
  315. package/lib/cascader/style/index.less +234 -234
  316. package/lib/cascader/style/token.less +24 -24
  317. package/lib/checkbox/style/index.less +182 -182
  318. package/lib/checkbox/style/token.less +37 -37
  319. package/lib/collapse/style/index.less +180 -180
  320. package/lib/collapse/style/token.less +34 -34
  321. package/lib/color-picker/style/index.less +309 -309
  322. package/lib/color-picker/style/token.less +70 -70
  323. package/lib/comment/style/index.less +66 -66
  324. package/lib/comment/style/token.less +17 -17
  325. package/lib/date-picker/style/date.less +128 -128
  326. package/lib/date-picker/style/index.less +309 -309
  327. package/lib/date-picker/style/month.less +26 -26
  328. package/lib/date-picker/style/quarter.less +8 -8
  329. package/lib/date-picker/style/range.less +9 -9
  330. package/lib/date-picker/style/shortcuts.less +25 -25
  331. package/lib/date-picker/style/token.less +76 -76
  332. package/lib/date-picker/style/week.less +68 -68
  333. package/lib/date-picker/style/year.less +8 -8
  334. package/lib/descriptions/style/index.less +159 -159
  335. package/lib/descriptions/style/token.less +45 -45
  336. package/lib/divider/style/index.less +56 -56
  337. package/lib/divider/style/token.less +15 -15
  338. package/lib/drawer/style/index.less +230 -230
  339. package/lib/drawer/style/token.less +16 -16
  340. package/lib/dropdown/dropdown-panel.js +18 -4
  341. package/lib/dropdown/dropdown.js +12 -2
  342. package/lib/dropdown/style/index.less +106 -106
  343. package/lib/dropdown/style/token.less +40 -40
  344. package/lib/empty/style/index.less +26 -26
  345. package/lib/empty/style/token.less +10 -10
  346. package/lib/form/style/index.less +257 -257
  347. package/lib/form/style/status.less +152 -152
  348. package/lib/form/style/token.less +81 -81
  349. package/lib/grid/style/col.less +95 -95
  350. package/lib/grid/style/grid.less +5 -5
  351. package/lib/grid/style/index.less +3 -3
  352. package/lib/grid/style/row.less +44 -44
  353. package/lib/image/style/image.less +158 -158
  354. package/lib/image/style/index.less +5 -5
  355. package/lib/image/style/preview.less +227 -227
  356. package/lib/image/style/token.less +123 -123
  357. package/lib/image/style/trigger.less +14 -14
  358. package/lib/input/style/group.less +63 -63
  359. package/lib/input/style/index.less +121 -121
  360. package/lib/input/style/input.less +185 -185
  361. package/lib/input/style/password.less +11 -11
  362. package/lib/input/style/search.less +18 -18
  363. package/lib/input/style/size.less +149 -149
  364. package/lib/input/style/textarea.less +37 -37
  365. package/lib/input/style/token.less +131 -131
  366. package/lib/input-number/style/index.less +160 -160
  367. package/lib/input-number/style/token.less +19 -19
  368. package/lib/input-tag/style/index.less +40 -40
  369. package/lib/input-tag/style/input-tag.less +129 -129
  370. package/lib/input-tag/style/token.less +83 -83
  371. package/lib/layout/style/index.less +104 -104
  372. package/lib/layout/style/token.less +13 -13
  373. package/lib/link/style/index.less +120 -120
  374. package/lib/link/style/token.less +48 -48
  375. package/lib/list/style/index.less +183 -183
  376. package/lib/list/style/token.less +55 -55
  377. package/lib/mention/style/index.less +21 -21
  378. package/lib/mention/style/token.less +6 -6
  379. package/lib/menu/style/index.less +622 -622
  380. package/lib/menu/style/token.less +117 -117
  381. package/lib/message/style/index.less +191 -191
  382. package/lib/message/style/token.less +52 -52
  383. package/lib/modal/style/index.less +283 -283
  384. package/lib/modal/style/token.less +30 -30
  385. package/lib/notification/style/index.less +249 -249
  386. package/lib/notification/style/token.less +58 -58
  387. package/lib/overflow-list/style/index.less +19 -19
  388. package/lib/page-header/style/index.less +127 -127
  389. package/lib/page-header/style/token.less +30 -30
  390. package/lib/pagination/style/index.less +300 -300
  391. package/lib/pagination/style/token.less +91 -91
  392. package/lib/popconfirm/style/index.less +70 -70
  393. package/lib/popconfirm/style/token.less +20 -20
  394. package/lib/popover/style/index.less +38 -38
  395. package/lib/popover/style/token.less +15 -15
  396. package/lib/progress/style/index.less +378 -378
  397. package/lib/progress/style/token.less +60 -60
  398. package/lib/radio/style/index.less +266 -266
  399. package/lib/radio/style/token.less +55 -55
  400. package/lib/rate/style/index.less +87 -87
  401. package/lib/rate/style/token.less +13 -13
  402. package/lib/resize-box/style/index.less +60 -60
  403. package/lib/resize-box/style/token.less +6 -6
  404. package/lib/result/style/index.less +94 -94
  405. package/lib/result/style/token.less +32 -32
  406. package/lib/scrollbar/style/index.less +137 -137
  407. package/lib/scrollbar/style/token.less +12 -12
  408. package/lib/select/style/index.less +132 -132
  409. package/lib/select/style/token.less +43 -43
  410. package/lib/skeleton/style/index.less +66 -66
  411. package/lib/skeleton/style/token.less +15 -15
  412. package/lib/slider/style/index.less +282 -282
  413. package/lib/slider/style/token.less +50 -50
  414. package/lib/space/style/index.less +50 -50
  415. package/lib/spin/style/dot-loading.less +64 -64
  416. package/lib/spin/style/index.less +56 -56
  417. package/lib/spin/style/token.less +17 -17
  418. package/lib/split/style/index.less +53 -53
  419. package/lib/split/style/token.less +7 -7
  420. package/lib/statistic/style/index.less +47 -47
  421. package/lib/statistic/style/token.less +15 -15
  422. package/lib/steps/style/arrow.less +212 -212
  423. package/lib/steps/style/circle.less +265 -265
  424. package/lib/steps/style/dot.less +210 -210
  425. package/lib/steps/style/index.less +74 -74
  426. package/lib/steps/style/navigation.less +60 -60
  427. package/lib/steps/style/token.less +144 -144
  428. package/lib/style/animation/fade.less +57 -57
  429. package/lib/style/animation/index.less +3 -3
  430. package/lib/style/animation/slide.less +158 -158
  431. package/lib/style/animation/zoom.less +217 -217
  432. package/lib/style/color/colors.less +427 -427
  433. package/lib/style/color/css-variables.less +389 -389
  434. package/lib/style/color/get-rgb-str.js +17 -17
  435. package/lib/style/color/palette-dark.js +10 -10
  436. package/lib/style/color/palette.js +10 -10
  437. package/lib/style/icon.less +86 -86
  438. package/lib/style/index.less +11 -11
  439. package/lib/style/mixins/icon-hover.less +14 -14
  440. package/lib/style/mixins/index.less +13 -13
  441. package/lib/style/normalize.less +353 -353
  442. package/lib/style/theme/component.less +21 -21
  443. package/lib/style/theme/css-variables.less +146 -146
  444. package/lib/style/theme/global.less +416 -416
  445. package/lib/style/theme/index.less +42 -42
  446. package/lib/switch/style/index.less +332 -332
  447. package/lib/switch/style/token.less +62 -62
  448. package/lib/table/style/filters-popup.less +51 -51
  449. package/lib/table/style/index.less +868 -868
  450. package/lib/table/style/token.less +134 -134
  451. package/lib/table/table.js +16 -2
  452. package/lib/tabs/style/index.less +730 -730
  453. package/lib/tabs/style/rtl.less +104 -104
  454. package/lib/tabs/style/token.less +146 -146
  455. package/lib/tabs/style/vertical.less +156 -156
  456. package/lib/tag/style/index.less +171 -171
  457. package/lib/tag/style/token.less +171 -171
  458. package/lib/textarea/style/index.less +64 -64
  459. package/lib/time-picker/style/index.less +94 -94
  460. package/lib/time-picker/style/token.less +17 -17
  461. package/lib/timeline/style/horizontal.less +87 -87
  462. package/lib/timeline/style/index.less +272 -272
  463. package/lib/timeline/style/token.less +25 -25
  464. package/lib/tooltip/style/index.less +24 -24
  465. package/lib/tooltip/style/token.less +14 -14
  466. package/lib/transfer/style/index.less +294 -294
  467. package/lib/transfer/style/token.less +48 -48
  468. package/lib/tree/style/index.less +396 -396
  469. package/lib/tree/style/token.less +51 -51
  470. package/lib/tree-select/style/index.less +49 -49
  471. package/lib/tree-select/style/token.less +7 -7
  472. package/lib/trigger/style/index.less +57 -57
  473. package/lib/trigger/style/token.less +5 -5
  474. package/lib/typography/style/index.less +207 -207
  475. package/lib/typography/style/token.less +55 -55
  476. package/lib/upload/style/index.less +515 -515
  477. package/lib/upload/style/token.less +97 -97
  478. package/lib/verification-code/style/index.less +32 -32
  479. package/lib/verification-code/style/token.less +1 -1
  480. package/package.json +2 -2
package/lib/image/style/preview.less CHANGED
@@ -1,227 +1,227 @@
1
- @preview-prefix-cls: ~'@{prefix}-image-preview';
2
-
3
- .center() {
4
- position: absolute;
5
- top: 50%;
6
- left: 50%;
7
- transform: translate(-50%, -50%);
8
- }
9
-
10
- .@{preview-prefix-cls} {
11
- position: fixed;
12
- top: 0;
13
- left: 0;
14
- z-index: @z-index-image-preview;
15
- width: 100%;
16
- height: 100%;
17
-
18
- &-hide {
19
- display: none;
20
- }
21
-
22
- &-mask,
23
- &-wrapper {
24
- position: absolute;
25
- top: 0;
26
- left: 0;
27
- width: 100%;
28
- height: 100%;
29
- }
30
-
31
- &-mask {
32
- background-color: @image-preview-color-mask-bg;
33
- }
34
-
35
- &-img-container {
36
- width: 100%;
37
- height: 100%;
38
- text-align: center;
39
-
40
- &::before {
41
- display: inline-block;
42
- width: 0;
43
- height: 100%;
44
- vertical-align: middle;
45
- content: '';
46
- }
47
-
48
- .@{preview-prefix-cls}-img {
49
- display: inline-block;
50
- max-width: 100%;
51
- max-height: 100%;
52
- vertical-align: middle;
53
- cursor: grab;
54
- user-select: none;
55
-
56
- &.@{image-prefix-cls}-preview-img-moving {
57
- cursor: grabbing;
58
- }
59
- }
60
- }
61
-
62
- &-scale-value {
63
- box-sizing: border-box;
64
- padding: @image-preview-spacing-scale-value-vertical
65
- @image-preview-spacing-scale-value-horizontal;
66
- color: @image-preview-color-scale-value-text;
67
- font-size: @image-preview-font-size-scale-value;
68
- line-height: initial;
69
- background-color: @image-preview-color-scale-value-bg;
70
- .center();
71
- }
72
-
73
- &-toolbar {
74
- position: absolute;
75
- bottom: @image-preview-position-toolbar-bottom;
76
- left: 50%;
77
- display: flex;
78
- align-items: flex-start;
79
- padding: @image-preview-spacing-toolbar-vertical
80
- @image-preview-spacing-toolbar-horizontal;
81
- background-color: @image-preview-color-toolbar-bg;
82
- border-radius: @image-preview-radius-toolbar;
83
- transform: translateX(-50%);
84
-
85
- &-action {
86
- display: flex;
87
- align-items: center;
88
- color: @image-preview-color-action-text;
89
- font-size: @image-preview-font-size-action;
90
- background-color: @image-preview-color-action-bg;
91
- border-radius: @image-preview-radius-action;
92
- cursor: pointer;
93
-
94
- &:not(:last-of-type) {
95
- margin-right: @image-preview-margin-action-right;
96
- }
97
-
98
- &:hover {
99
- color: @image-preview-color-action_hover-text;
100
- background-color: @image-preview-color-action_hover-bg;
101
- }
102
-
103
- &-disabled,
104
- &-disabled:hover {
105
- color: @image-preview-color-action_disabled-text;
106
- background-color: @image-preview-color-action_disabled-bg;
107
- cursor: not-allowed;
108
- }
109
-
110
- &-name {
111
- padding-right: @image-preview-spacing-action-name-right;
112
- font-size: @image-preview-font-size-action-name;
113
- }
114
-
115
- &-content {
116
- padding: @image-preview-padding-action-content;
117
- line-height: 1;
118
- }
119
- }
120
- }
121
-
122
- &-loading {
123
- display: flex;
124
- align-items: center;
125
- justify-content: center;
126
- box-sizing: border-box;
127
- width: @image-preview-size-loading-width;
128
- height: @image-preview-size-loading-height;
129
- padding: @image-preview-spacing-loading-padding;
130
- color: @image-preview-color-loading-text;
131
- font-size: @image-preview-font-size-loading;
132
- background-color: @image-preview-color-loading-bg;
133
- border-radius: @image-preview-radius-loading;
134
- .center();
135
- }
136
-
137
- &-close-btn {
138
- position: absolute;
139
- top: @image-preview-position-close-btn-top;
140
- right: @image-preview-position-close-btn-right;
141
- display: flex;
142
- align-items: center;
143
- justify-content: center;
144
- width: @image-preview-size-close-btn-width;
145
- height: @image-preview-size-close-btn-width;
146
- color: @image-preview-color-close-btn-text;
147
- font-size: @image-preview-size-close-icon;
148
- line-height: @image-preview-size-close-btn-width;
149
- text-align: center;
150
- background: @image-preview-color-close-btn-bg;
151
- border-radius: 50%;
152
- cursor: pointer;
153
- }
154
-
155
- &-arrow {
156
- &-left,
157
- &-right {
158
- position: absolute;
159
- z-index: 2;
160
- display: flex;
161
- align-items: center;
162
- justify-content: center;
163
- width: @image-preview-arrow-size;
164
- height: @image-preview-arrow-size;
165
- color: @image-preview-arrow-color-icon;
166
- background-color: @image-preview-arrow-color-bg;
167
- border-radius: 50%;
168
- cursor: pointer;
169
-
170
- > svg {
171
- color: @image-preview-arrow-color-icon;
172
- font-size: @image-preview-arrow-font-size;
173
- }
174
-
175
- &:hover {
176
- background-color: @image-preview-arrow-color-bg_hover;
177
- }
178
- }
179
-
180
- &-left {
181
- top: 50%;
182
- left: @image-preview-arrow-position;
183
- transform: translateY(-50%);
184
- }
185
-
186
- &-right {
187
- top: 50%;
188
- right: @image-preview-arrow-position;
189
- transform: translateY(-50%);
190
- }
191
-
192
- &-disabled {
193
- color: @image-preview-arrow-color-icon_disabled;
194
- background-color: @image-preview-arrow-color-bg_disabled;
195
- cursor: not-allowed;
196
-
197
- > svg {
198
- color: @image-preview-arrow-color-icon_disabled;
199
- }
200
-
201
- &:hover {
202
- background-color: @image-preview-arrow-color-bg_disabled;
203
- }
204
- }
205
- }
206
- }
207
-
208
- /** mask 动效 */
209
- .image-fade-enter-from,
210
- .image-fade-leave-to {
211
- opacity: 0;
212
- }
213
-
214
- .image-fade-enter-to,
215
- .image-fade-leave-from {
216
- opacity: 1;
217
- }
218
-
219
- .image-fade-enter-active {
220
- transition: opacity @transition-duration-4
221
- @transition-timing-function-overshoot;
222
- }
223
-
224
- .image-fade-leave-active {
225
- transition: opacity @transition-duration-4
226
- @transition-timing-function-overshoot;
227
- }
1
+ @preview-prefix-cls: ~'@{prefix}-image-preview';
2
+
3
+ .center() {
4
+ position: absolute;
5
+ top: 50%;
6
+ left: 50%;
7
+ transform: translate(-50%, -50%);
8
+ }
9
+
10
+ .@{preview-prefix-cls} {
11
+ position: fixed;
12
+ top: 0;
13
+ left: 0;
14
+ z-index: @z-index-image-preview;
15
+ width: 100%;
16
+ height: 100%;
17
+
18
+ &-hide {
19
+ display: none;
20
+ }
21
+
22
+ &-mask,
23
+ &-wrapper {
24
+ position: absolute;
25
+ top: 0;
26
+ left: 0;
27
+ width: 100%;
28
+ height: 100%;
29
+ }
30
+
31
+ &-mask {
32
+ background-color: @image-preview-color-mask-bg;
33
+ }
34
+
35
+ &-img-container {
36
+ width: 100%;
37
+ height: 100%;
38
+ text-align: center;
39
+
40
+ &::before {
41
+ display: inline-block;
42
+ width: 0;
43
+ height: 100%;
44
+ vertical-align: middle;
45
+ content: '';
46
+ }
47
+
48
+ .@{preview-prefix-cls}-img {
49
+ display: inline-block;
50
+ max-width: 100%;
51
+ max-height: 100%;
52
+ vertical-align: middle;
53
+ cursor: grab;
54
+ user-select: none;
55
+
56
+ &.@{image-prefix-cls}-preview-img-moving {
57
+ cursor: grabbing;
58
+ }
59
+ }
60
+ }
61
+
62
+ &-scale-value {
63
+ box-sizing: border-box;
64
+ padding: @image-preview-spacing-scale-value-vertical
65
+ @image-preview-spacing-scale-value-horizontal;
66
+ color: @image-preview-color-scale-value-text;
67
+ font-size: @image-preview-font-size-scale-value;
68
+ line-height: initial;
69
+ background-color: @image-preview-color-scale-value-bg;
70
+ .center();
71
+ }
72
+
73
+ &-toolbar {
74
+ position: absolute;
75
+ bottom: @image-preview-position-toolbar-bottom;
76
+ left: 50%;
77
+ display: flex;
78
+ align-items: flex-start;
79
+ padding: @image-preview-spacing-toolbar-vertical
80
+ @image-preview-spacing-toolbar-horizontal;
81
+ background-color: @image-preview-color-toolbar-bg;
82
+ border-radius: @image-preview-radius-toolbar;
83
+ transform: translateX(-50%);
84
+
85
+ &-action {
86
+ display: flex;
87
+ align-items: center;
88
+ color: @image-preview-color-action-text;
89
+ font-size: @image-preview-font-size-action;
90
+ background-color: @image-preview-color-action-bg;
91
+ border-radius: @image-preview-radius-action;
92
+ cursor: pointer;
93
+
94
+ &:not(:last-of-type) {
95
+ margin-right: @image-preview-margin-action-right;
96
+ }
97
+
98
+ &:hover {
99
+ color: @image-preview-color-action_hover-text;
100
+ background-color: @image-preview-color-action_hover-bg;
101
+ }
102
+
103
+ &-disabled,
104
+ &-disabled:hover {
105
+ color: @image-preview-color-action_disabled-text;
106
+ background-color: @image-preview-color-action_disabled-bg;
107
+ cursor: not-allowed;
108
+ }
109
+
110
+ &-name {
111
+ padding-right: @image-preview-spacing-action-name-right;
112
+ font-size: @image-preview-font-size-action-name;
113
+ }
114
+
115
+ &-content {
116
+ padding: @image-preview-padding-action-content;
117
+ line-height: 1;
118
+ }
119
+ }
120
+ }
121
+
122
+ &-loading {
123
+ display: flex;
124
+ align-items: center;
125
+ justify-content: center;
126
+ box-sizing: border-box;
127
+ width: @image-preview-size-loading-width;
128
+ height: @image-preview-size-loading-height;
129
+ padding: @image-preview-spacing-loading-padding;
130
+ color: @image-preview-color-loading-text;
131
+ font-size: @image-preview-font-size-loading;
132
+ background-color: @image-preview-color-loading-bg;
133
+ border-radius: @image-preview-radius-loading;
134
+ .center();
135
+ }
136
+
137
+ &-close-btn {
138
+ position: absolute;
139
+ top: @image-preview-position-close-btn-top;
140
+ right: @image-preview-position-close-btn-right;
141
+ display: flex;
142
+ align-items: center;
143
+ justify-content: center;
144
+ width: @image-preview-size-close-btn-width;
145
+ height: @image-preview-size-close-btn-width;
146
+ color: @image-preview-color-close-btn-text;
147
+ font-size: @image-preview-size-close-icon;
148
+ line-height: @image-preview-size-close-btn-width;
149
+ text-align: center;
150
+ background: @image-preview-color-close-btn-bg;
151
+ border-radius: 50%;
152
+ cursor: pointer;
153
+ }
154
+
155
+ &-arrow {
156
+ &-left,
157
+ &-right {
158
+ position: absolute;
159
+ z-index: 2;
160
+ display: flex;
161
+ align-items: center;
162
+ justify-content: center;
163
+ width: @image-preview-arrow-size;
164
+ height: @image-preview-arrow-size;
165
+ color: @image-preview-arrow-color-icon;
166
+ background-color: @image-preview-arrow-color-bg;
167
+ border-radius: 50%;
168
+ cursor: pointer;
169
+
170
+ > svg {
171
+ color: @image-preview-arrow-color-icon;
172
+ font-size: @image-preview-arrow-font-size;
173
+ }
174
+
175
+ &:hover {
176
+ background-color: @image-preview-arrow-color-bg_hover;
177
+ }
178
+ }
179
+
180
+ &-left {
181
+ top: 50%;
182
+ left: @image-preview-arrow-position;
183
+ transform: translateY(-50%);
184
+ }
185
+
186
+ &-right {
187
+ top: 50%;
188
+ right: @image-preview-arrow-position;
189
+ transform: translateY(-50%);
190
+ }
191
+
192
+ &-disabled {
193
+ color: @image-preview-arrow-color-icon_disabled;
194
+ background-color: @image-preview-arrow-color-bg_disabled;
195
+ cursor: not-allowed;
196
+
197
+ > svg {
198
+ color: @image-preview-arrow-color-icon_disabled;
199
+ }
200
+
201
+ &:hover {
202
+ background-color: @image-preview-arrow-color-bg_disabled;
203
+ }
204
+ }
205
+ }
206
+ }
207
+
208
+ /** mask 动效 */
209
+ .image-fade-enter-from,
210
+ .image-fade-leave-to {
211
+ opacity: 0;
212
+ }
213
+
214
+ .image-fade-enter-to,
215
+ .image-fade-leave-from {
216
+ opacity: 1;
217
+ }
218
+
219
+ .image-fade-enter-active {
220
+ transition: opacity @transition-duration-4
221
+ @transition-timing-function-overshoot;
222
+ }
223
+
224
+ .image-fade-leave-active {
225
+ transition: opacity @transition-duration-4
226
+ @transition-timing-function-overshoot;
227
+ }