beyond-webui 1.1.5 → 1.1.7

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 (507) hide show
  1. package/dist/index.css +1 -1
  2. package/es/components/affix/index.mjs +2 -2
  3. package/es/components/affix/src/affix.mjs +26 -117
  4. package/es/components/affix/src/affix.mjs.map +1 -1
  5. package/es/components/affix/src/affix2.mjs +117 -26
  6. package/es/components/affix/src/affix2.mjs.map +1 -1
  7. package/es/components/alert/index.mjs +2 -2
  8. package/es/components/alert/src/alert.mjs +96 -36
  9. package/es/components/alert/src/alert.mjs.map +1 -1
  10. package/es/components/alert/src/alert2.mjs +36 -96
  11. package/es/components/alert/src/alert2.mjs.map +1 -1
  12. package/es/components/autocomplete/src/autocomplete2.mjs +1 -1
  13. package/es/components/avatar/index.mjs +2 -2
  14. package/es/components/avatar/src/avatar.mjs +32 -67
  15. package/es/components/avatar/src/avatar.mjs.map +1 -1
  16. package/es/components/avatar/src/avatar2.mjs +67 -32
  17. package/es/components/avatar/src/avatar2.mjs.map +1 -1
  18. package/es/components/badge/index.mjs +2 -2
  19. package/es/components/badge/src/badge.mjs +17 -55
  20. package/es/components/badge/src/badge.mjs.map +1 -1
  21. package/es/components/badge/src/badge2.mjs +55 -17
  22. package/es/components/badge/src/badge2.mjs.map +1 -1
  23. package/es/components/breadcrumb/index.mjs +4 -4
  24. package/es/components/breadcrumb/src/breadcrumb-item.mjs +56 -11
  25. package/es/components/breadcrumb/src/breadcrumb-item.mjs.map +1 -1
  26. package/es/components/breadcrumb/src/breadcrumb-item2.mjs +11 -56
  27. package/es/components/breadcrumb/src/breadcrumb-item2.mjs.map +1 -1
  28. package/es/components/breadcrumb/src/breadcrumb.mjs +36 -11
  29. package/es/components/breadcrumb/src/breadcrumb.mjs.map +1 -1
  30. package/es/components/breadcrumb/src/breadcrumb2.mjs +11 -36
  31. package/es/components/breadcrumb/src/breadcrumb2.mjs.map +1 -1
  32. package/es/components/button/index.mjs +3 -3
  33. package/es/components/button/src/button-group.mjs +30 -6
  34. package/es/components/button/src/button-group.mjs.map +1 -1
  35. package/es/components/button/src/button-group2.mjs +6 -30
  36. package/es/components/button/src/button-group2.mjs.map +1 -1
  37. package/es/components/button/src/button.mjs +76 -57
  38. package/es/components/button/src/button.mjs.map +1 -1
  39. package/es/components/button/src/button2.mjs +57 -76
  40. package/es/components/button/src/button2.mjs.map +1 -1
  41. package/es/components/carousel/index.mjs +2 -2
  42. package/es/components/carousel/src/carousel.mjs +159 -56
  43. package/es/components/carousel/src/carousel.mjs.map +1 -1
  44. package/es/components/carousel/src/carousel2.mjs +56 -159
  45. package/es/components/carousel/src/carousel2.mjs.map +1 -1
  46. package/es/components/cascader/src/cascader2.mjs +2 -2
  47. package/es/components/checkbox/index.mjs +2 -2
  48. package/es/components/checkbox/src/checkbox-group.mjs +28 -72
  49. package/es/components/checkbox/src/checkbox-group.mjs.map +1 -1
  50. package/es/components/checkbox/src/checkbox-group2.mjs +72 -28
  51. package/es/components/checkbox/src/checkbox-group2.mjs.map +1 -1
  52. package/es/components/collapse/index.mjs +2 -2
  53. package/es/components/collapse/src/collapse-item.mjs +14 -96
  54. package/es/components/collapse/src/collapse-item.mjs.map +1 -1
  55. package/es/components/collapse/src/collapse-item2.mjs +96 -14
  56. package/es/components/collapse/src/collapse-item2.mjs.map +1 -1
  57. package/es/components/countdown/index.mjs +2 -2
  58. package/es/components/countdown/src/countdown.mjs +74 -23
  59. package/es/components/countdown/src/countdown.mjs.map +1 -1
  60. package/es/components/countdown/src/countdown2.mjs +23 -74
  61. package/es/components/countdown/src/countdown2.mjs.map +1 -1
  62. package/es/components/dialog/src/dialog-content.mjs +106 -37
  63. package/es/components/dialog/src/dialog-content.mjs.map +1 -1
  64. package/es/components/dialog/src/dialog-content2.mjs +37 -106
  65. package/es/components/dialog/src/dialog-content2.mjs.map +1 -1
  66. package/es/components/dialog/src/dialog.mjs +1 -1
  67. package/es/components/dialog/src/dialog2.mjs +1 -1
  68. package/es/components/divider/index.mjs +2 -2
  69. package/es/components/divider/src/divider.mjs +17 -35
  70. package/es/components/divider/src/divider.mjs.map +1 -1
  71. package/es/components/divider/src/divider2.mjs +35 -17
  72. package/es/components/divider/src/divider2.mjs.map +1 -1
  73. package/es/components/drawer/index.mjs +2 -2
  74. package/es/components/drawer/src/drawer.mjs +26 -177
  75. package/es/components/drawer/src/drawer.mjs.map +1 -1
  76. package/es/components/drawer/src/drawer2.mjs +177 -26
  77. package/es/components/drawer/src/drawer2.mjs.map +1 -1
  78. package/es/components/dropdown/src/dropdown-item-impl.mjs +1 -1
  79. package/es/components/dropdown/src/dropdown-menu.mjs +1 -1
  80. package/es/components/dropdown/src/dropdown.mjs +2 -2
  81. package/es/components/dropdown/src/dropdown2.mjs +1 -1
  82. package/es/components/form/index.mjs +2 -2
  83. package/es/components/form/src/form-item.mjs +43 -317
  84. package/es/components/form/src/form-item.mjs.map +1 -1
  85. package/es/components/form/src/form-item2.mjs +317 -43
  86. package/es/components/form/src/form-item2.mjs.map +1 -1
  87. package/es/components/image/index.mjs +2 -2
  88. package/es/components/image/src/image.mjs +220 -62
  89. package/es/components/image/src/image.mjs.map +1 -1
  90. package/es/components/image/src/image2.mjs +62 -220
  91. package/es/components/image/src/image2.mjs.map +1 -1
  92. package/es/components/image-viewer/index.mjs +2 -2
  93. package/es/components/image-viewer/src/image-viewer.mjs +39 -396
  94. package/es/components/image-viewer/src/image-viewer.mjs.map +1 -1
  95. package/es/components/image-viewer/src/image-viewer2.mjs +396 -39
  96. package/es/components/image-viewer/src/image-viewer2.mjs.map +1 -1
  97. package/es/components/index.mjs +34 -34
  98. package/es/components/link/index.mjs +2 -2
  99. package/es/components/link/src/link.mjs +21 -50
  100. package/es/components/link/src/link.mjs.map +1 -1
  101. package/es/components/link/src/link2.mjs +50 -21
  102. package/es/components/link/src/link2.mjs.map +1 -1
  103. package/es/components/menu/index.mjs +2 -2
  104. package/es/components/menu/src/menu-item.mjs +14 -97
  105. package/es/components/menu/src/menu-item.mjs.map +1 -1
  106. package/es/components/menu/src/menu-item2.mjs +97 -14
  107. package/es/components/menu/src/menu-item2.mjs.map +1 -1
  108. package/es/components/pagination/src/components/sizes.vue.d.ts +6 -6
  109. package/es/components/pagination/src/components/total.mjs +7 -28
  110. package/es/components/pagination/src/components/total.mjs.map +1 -1
  111. package/es/components/pagination/src/components/total2.mjs +28 -7
  112. package/es/components/pagination/src/components/total2.mjs.map +1 -1
  113. package/es/components/pagination/src/pagination.mjs +1 -1
  114. package/es/components/popconfirm/src/popconfirm2.mjs +2 -2
  115. package/es/components/popover/src/popover2.mjs +2 -2
  116. package/es/components/progress/index.mjs +2 -2
  117. package/es/components/progress/src/progress.mjs +57 -202
  118. package/es/components/progress/src/progress.mjs.map +1 -1
  119. package/es/components/progress/src/progress2.mjs +202 -57
  120. package/es/components/progress/src/progress2.mjs.map +1 -1
  121. package/es/components/radio/index.mjs +4 -4
  122. package/es/components/radio/src/radio-button.mjs +64 -9
  123. package/es/components/radio/src/radio-button.mjs.map +1 -1
  124. package/es/components/radio/src/radio-button2.mjs +9 -64
  125. package/es/components/radio/src/radio-button2.mjs.map +1 -1
  126. package/es/components/radio/src/radio-group.mjs +1 -1
  127. package/es/components/radio/src/radio.mjs +30 -71
  128. package/es/components/radio/src/radio.mjs.map +1 -1
  129. package/es/components/radio/src/radio2.mjs +71 -30
  130. package/es/components/radio/src/radio2.mjs.map +1 -1
  131. package/es/components/roving-focus-group/index.mjs +3 -3
  132. package/es/components/roving-focus-group/src/roving-focus-group-impl.mjs +1 -1
  133. package/es/components/roving-focus-group/src/roving-focus-group.mjs +27 -29
  134. package/es/components/roving-focus-group/src/roving-focus-group.mjs.map +1 -1
  135. package/es/components/roving-focus-group/src/roving-focus-group2.mjs +29 -27
  136. package/es/components/roving-focus-group/src/roving-focus-group2.mjs.map +1 -1
  137. package/es/components/roving-focus-group/src/roving-focus-item.mjs +1 -1
  138. package/es/components/row/index.mjs +2 -2
  139. package/es/components/row/src/row.mjs +45 -30
  140. package/es/components/row/src/row.mjs.map +1 -1
  141. package/es/components/row/src/row2.mjs +30 -45
  142. package/es/components/row/src/row2.mjs.map +1 -1
  143. package/es/components/scrollbar/index.mjs +3 -3
  144. package/es/components/scrollbar/src/bar.mjs +17 -42
  145. package/es/components/scrollbar/src/bar.mjs.map +1 -1
  146. package/es/components/scrollbar/src/bar2.mjs +42 -17
  147. package/es/components/scrollbar/src/bar2.mjs.map +1 -1
  148. package/es/components/scrollbar/src/scrollbar.mjs +174 -46
  149. package/es/components/scrollbar/src/scrollbar.mjs.map +1 -1
  150. package/es/components/scrollbar/src/scrollbar2.mjs +46 -174
  151. package/es/components/scrollbar/src/scrollbar2.mjs.map +1 -1
  152. package/es/components/scrollbar/src/thumb.mjs +11 -130
  153. package/es/components/scrollbar/src/thumb.mjs.map +1 -1
  154. package/es/components/scrollbar/src/thumb2.mjs +130 -11
  155. package/es/components/scrollbar/src/thumb2.mjs.map +1 -1
  156. package/es/components/select/index.d.ts +6 -6
  157. package/es/components/select/src/select.mjs +2 -2
  158. package/es/components/select/src/select.vue.d.ts +6 -6
  159. package/es/components/select-v2/index.d.ts +10 -10
  160. package/es/components/select-v2/src/defaults.mjs +1 -1
  161. package/es/components/select-v2/src/select.vue.d.ts +5 -5
  162. package/es/components/skeleton/index.mjs +2 -2
  163. package/es/components/skeleton/src/skeleton.mjs +49 -22
  164. package/es/components/skeleton/src/skeleton.mjs.map +1 -1
  165. package/es/components/skeleton/src/skeleton2.mjs +22 -49
  166. package/es/components/skeleton/src/skeleton2.mjs.map +1 -1
  167. package/es/components/slider/index.mjs +2 -2
  168. package/es/components/slider/src/slider.mjs +233 -91
  169. package/es/components/slider/src/slider.mjs.map +1 -1
  170. package/es/components/slider/src/slider2.mjs +91 -233
  171. package/es/components/slider/src/slider2.mjs.map +1 -1
  172. package/es/components/statistic/index.mjs +2 -2
  173. package/es/components/statistic/src/statistic.mjs +25 -70
  174. package/es/components/statistic/src/statistic.mjs.map +1 -1
  175. package/es/components/statistic/src/statistic2.mjs +70 -25
  176. package/es/components/statistic/src/statistic2.mjs.map +1 -1
  177. package/es/components/steps/index.mjs +2 -2
  178. package/es/components/steps/src/item.mjs +188 -19
  179. package/es/components/steps/src/item.mjs.map +1 -1
  180. package/es/components/steps/src/item2.mjs +19 -188
  181. package/es/components/steps/src/item2.mjs.map +1 -1
  182. package/es/components/switch/index.mjs +2 -2
  183. package/es/components/switch/src/switch.mjs +88 -241
  184. package/es/components/switch/src/switch.mjs.map +1 -1
  185. package/es/components/switch/src/switch2.mjs +241 -88
  186. package/es/components/switch/src/switch2.mjs.map +1 -1
  187. package/es/components/tag/index.mjs +2 -2
  188. package/es/components/tag/src/tag.mjs +33 -94
  189. package/es/components/tag/src/tag.mjs.map +1 -1
  190. package/es/components/tag/src/tag2.mjs +94 -33
  191. package/es/components/tag/src/tag2.mjs.map +1 -1
  192. package/es/components/teleport/index.mjs +2 -2
  193. package/es/components/teleport/src/teleport.mjs +18 -44
  194. package/es/components/teleport/src/teleport.mjs.map +1 -1
  195. package/es/components/teleport/src/teleport2.mjs +44 -18
  196. package/es/components/teleport/src/teleport2.mjs.map +1 -1
  197. package/es/components/text/index.mjs +2 -2
  198. package/es/components/text/src/text.mjs +22 -35
  199. package/es/components/text/src/text.mjs.map +1 -1
  200. package/es/components/text/src/text2.mjs +35 -22
  201. package/es/components/text/src/text2.mjs.map +1 -1
  202. package/es/components/time-select/index.d.ts +26 -26
  203. package/es/components/time-select/src/time-select.vue.d.ts +13 -13
  204. package/es/components/tooltip/index.mjs +2 -2
  205. package/es/components/tooltip/src/content.mjs +177 -31
  206. package/es/components/tooltip/src/content.mjs.map +1 -1
  207. package/es/components/tooltip/src/content2.mjs +31 -177
  208. package/es/components/tooltip/src/content2.mjs.map +1 -1
  209. package/es/components/tooltip/src/tooltip.mjs +2 -2
  210. package/es/components/tooltip/src/tooltip2.mjs +2 -2
  211. package/es/components/tooltip/src/trigger.mjs +16 -73
  212. package/es/components/tooltip/src/trigger.mjs.map +1 -1
  213. package/es/components/tooltip/src/trigger2.mjs +73 -16
  214. package/es/components/tooltip/src/trigger2.mjs.map +1 -1
  215. package/es/components/tooltip-v2/index.mjs +4 -4
  216. package/es/components/tooltip-v2/src/arrow.mjs +22 -37
  217. package/es/components/tooltip-v2/src/arrow.mjs.map +1 -1
  218. package/es/components/tooltip-v2/src/arrow2.mjs +37 -22
  219. package/es/components/tooltip-v2/src/arrow2.mjs.map +1 -1
  220. package/es/components/tooltip-v2/src/content.mjs +50 -112
  221. package/es/components/tooltip-v2/src/content.mjs.map +1 -1
  222. package/es/components/tooltip-v2/src/content2.mjs +112 -50
  223. package/es/components/tooltip-v2/src/content2.mjs.map +1 -1
  224. package/es/components/tooltip-v2/src/root.mjs +80 -17
  225. package/es/components/tooltip-v2/src/root.mjs.map +1 -1
  226. package/es/components/tooltip-v2/src/root2.mjs +17 -80
  227. package/es/components/tooltip-v2/src/root2.mjs.map +1 -1
  228. package/es/components/tooltip-v2/src/tooltip.mjs +4 -4
  229. package/es/components/tooltip-v2/src/tooltip2.mjs +8 -8
  230. package/es/components/tooltip-v2/src/trigger.mjs +89 -12
  231. package/es/components/tooltip-v2/src/trigger.mjs.map +1 -1
  232. package/es/components/tooltip-v2/src/trigger2.mjs +12 -89
  233. package/es/components/tooltip-v2/src/trigger2.mjs.map +1 -1
  234. package/es/components/transfer/index.mjs +2 -2
  235. package/es/components/transfer/src/composables/use-checked-change.mjs +1 -1
  236. package/es/components/transfer/src/transfer-panel.mjs +1 -1
  237. package/es/components/transfer/src/transfer.mjs +160 -69
  238. package/es/components/transfer/src/transfer.mjs.map +1 -1
  239. package/es/components/transfer/src/transfer2.mjs +69 -160
  240. package/es/components/transfer/src/transfer2.mjs.map +1 -1
  241. package/es/index.mjs +34 -34
  242. package/lib/components/affix/index.js +2 -2
  243. package/lib/components/affix/src/affix.js +27 -117
  244. package/lib/components/affix/src/affix.js.map +1 -1
  245. package/lib/components/affix/src/affix2.js +117 -27
  246. package/lib/components/affix/src/affix2.js.map +1 -1
  247. package/lib/components/alert/index.js +2 -2
  248. package/lib/components/alert/src/alert.js +95 -37
  249. package/lib/components/alert/src/alert.js.map +1 -1
  250. package/lib/components/alert/src/alert2.js +37 -95
  251. package/lib/components/alert/src/alert2.js.map +1 -1
  252. package/lib/components/autocomplete/src/autocomplete2.js +1 -1
  253. package/lib/components/avatar/index.js +2 -2
  254. package/lib/components/avatar/src/avatar.js +33 -67
  255. package/lib/components/avatar/src/avatar.js.map +1 -1
  256. package/lib/components/avatar/src/avatar2.js +67 -33
  257. package/lib/components/avatar/src/avatar2.js.map +1 -1
  258. package/lib/components/badge/index.js +2 -2
  259. package/lib/components/badge/src/badge.js +17 -55
  260. package/lib/components/badge/src/badge.js.map +1 -1
  261. package/lib/components/badge/src/badge2.js +55 -17
  262. package/lib/components/badge/src/badge2.js.map +1 -1
  263. package/lib/components/breadcrumb/index.js +4 -4
  264. package/lib/components/breadcrumb/src/breadcrumb-item.js +56 -11
  265. package/lib/components/breadcrumb/src/breadcrumb-item.js.map +1 -1
  266. package/lib/components/breadcrumb/src/breadcrumb-item2.js +11 -56
  267. package/lib/components/breadcrumb/src/breadcrumb-item2.js.map +1 -1
  268. package/lib/components/breadcrumb/src/breadcrumb.js +36 -11
  269. package/lib/components/breadcrumb/src/breadcrumb.js.map +1 -1
  270. package/lib/components/breadcrumb/src/breadcrumb2.js +11 -36
  271. package/lib/components/breadcrumb/src/breadcrumb2.js.map +1 -1
  272. package/lib/components/button/index.js +3 -3
  273. package/lib/components/button/src/button-group.js +30 -6
  274. package/lib/components/button/src/button-group.js.map +1 -1
  275. package/lib/components/button/src/button-group2.js +6 -30
  276. package/lib/components/button/src/button-group2.js.map +1 -1
  277. package/lib/components/button/src/button.js +76 -60
  278. package/lib/components/button/src/button.js.map +1 -1
  279. package/lib/components/button/src/button2.js +60 -76
  280. package/lib/components/button/src/button2.js.map +1 -1
  281. package/lib/components/carousel/index.js +2 -2
  282. package/lib/components/carousel/src/carousel.js +159 -57
  283. package/lib/components/carousel/src/carousel.js.map +1 -1
  284. package/lib/components/carousel/src/carousel2.js +57 -159
  285. package/lib/components/carousel/src/carousel2.js.map +1 -1
  286. package/lib/components/cascader/src/cascader2.js +2 -2
  287. package/lib/components/checkbox/index.js +2 -2
  288. package/lib/components/checkbox/src/checkbox-group.js +29 -72
  289. package/lib/components/checkbox/src/checkbox-group.js.map +1 -1
  290. package/lib/components/checkbox/src/checkbox-group2.js +72 -29
  291. package/lib/components/checkbox/src/checkbox-group2.js.map +1 -1
  292. package/lib/components/collapse/index.js +2 -2
  293. package/lib/components/collapse/src/collapse-item.js +14 -96
  294. package/lib/components/collapse/src/collapse-item.js.map +1 -1
  295. package/lib/components/collapse/src/collapse-item2.js +96 -14
  296. package/lib/components/collapse/src/collapse-item2.js.map +1 -1
  297. package/lib/components/countdown/index.js +2 -2
  298. package/lib/components/countdown/src/countdown.js +74 -24
  299. package/lib/components/countdown/src/countdown.js.map +1 -1
  300. package/lib/components/countdown/src/countdown2.js +24 -74
  301. package/lib/components/countdown/src/countdown2.js.map +1 -1
  302. package/lib/components/dialog/src/dialog-content.js +105 -37
  303. package/lib/components/dialog/src/dialog-content.js.map +1 -1
  304. package/lib/components/dialog/src/dialog-content2.js +37 -105
  305. package/lib/components/dialog/src/dialog-content2.js.map +1 -1
  306. package/lib/components/dialog/src/dialog.js +1 -1
  307. package/lib/components/dialog/src/dialog2.js +1 -1
  308. package/lib/components/divider/index.js +2 -2
  309. package/lib/components/divider/src/divider.js +17 -35
  310. package/lib/components/divider/src/divider.js.map +1 -1
  311. package/lib/components/divider/src/divider2.js +35 -17
  312. package/lib/components/divider/src/divider2.js.map +1 -1
  313. package/lib/components/drawer/index.js +2 -2
  314. package/lib/components/drawer/src/drawer.js +27 -177
  315. package/lib/components/drawer/src/drawer.js.map +1 -1
  316. package/lib/components/drawer/src/drawer2.js +177 -27
  317. package/lib/components/drawer/src/drawer2.js.map +1 -1
  318. package/lib/components/dropdown/src/dropdown-item-impl.js +1 -1
  319. package/lib/components/dropdown/src/dropdown-menu.js +1 -1
  320. package/lib/components/dropdown/src/dropdown.js +2 -2
  321. package/lib/components/dropdown/src/dropdown2.js +1 -1
  322. package/lib/components/form/index.js +2 -2
  323. package/lib/components/form/src/form-item.js +44 -321
  324. package/lib/components/form/src/form-item.js.map +1 -1
  325. package/lib/components/form/src/form-item2.js +321 -44
  326. package/lib/components/form/src/form-item2.js.map +1 -1
  327. package/lib/components/image/index.js +2 -2
  328. package/lib/components/image/src/image.js +219 -62
  329. package/lib/components/image/src/image.js.map +1 -1
  330. package/lib/components/image/src/image2.js +62 -219
  331. package/lib/components/image/src/image2.js.map +1 -1
  332. package/lib/components/image-viewer/index.js +2 -2
  333. package/lib/components/image-viewer/src/image-viewer.js +40 -396
  334. package/lib/components/image-viewer/src/image-viewer.js.map +1 -1
  335. package/lib/components/image-viewer/src/image-viewer2.js +396 -40
  336. package/lib/components/image-viewer/src/image-viewer2.js.map +1 -1
  337. package/lib/components/index.js +34 -34
  338. package/lib/components/link/index.js +2 -2
  339. package/lib/components/link/src/link.js +22 -50
  340. package/lib/components/link/src/link.js.map +1 -1
  341. package/lib/components/link/src/link2.js +50 -22
  342. package/lib/components/link/src/link2.js.map +1 -1
  343. package/lib/components/menu/index.js +2 -2
  344. package/lib/components/menu/src/menu-item.js +15 -97
  345. package/lib/components/menu/src/menu-item.js.map +1 -1
  346. package/lib/components/menu/src/menu-item2.js +97 -15
  347. package/lib/components/menu/src/menu-item2.js.map +1 -1
  348. package/lib/components/pagination/src/components/sizes.vue.d.ts +6 -6
  349. package/lib/components/pagination/src/components/total.js +7 -28
  350. package/lib/components/pagination/src/components/total.js.map +1 -1
  351. package/lib/components/pagination/src/components/total2.js +28 -7
  352. package/lib/components/pagination/src/components/total2.js.map +1 -1
  353. package/lib/components/pagination/src/pagination.js +1 -1
  354. package/lib/components/popconfirm/src/popconfirm2.js +2 -2
  355. package/lib/components/popover/src/popover2.js +2 -2
  356. package/lib/components/progress/index.js +2 -2
  357. package/lib/components/progress/src/progress.js +57 -202
  358. package/lib/components/progress/src/progress.js.map +1 -1
  359. package/lib/components/progress/src/progress2.js +202 -57
  360. package/lib/components/progress/src/progress2.js.map +1 -1
  361. package/lib/components/radio/index.js +4 -4
  362. package/lib/components/radio/src/radio-button.js +64 -9
  363. package/lib/components/radio/src/radio-button.js.map +1 -1
  364. package/lib/components/radio/src/radio-button2.js +9 -64
  365. package/lib/components/radio/src/radio-button2.js.map +1 -1
  366. package/lib/components/radio/src/radio-group.js +1 -1
  367. package/lib/components/radio/src/radio.js +32 -71
  368. package/lib/components/radio/src/radio.js.map +1 -1
  369. package/lib/components/radio/src/radio2.js +71 -32
  370. package/lib/components/radio/src/radio2.js.map +1 -1
  371. package/lib/components/roving-focus-group/index.js +2 -2
  372. package/lib/components/roving-focus-group/src/roving-focus-group-impl.js +1 -1
  373. package/lib/components/roving-focus-group/src/roving-focus-group.js +27 -33
  374. package/lib/components/roving-focus-group/src/roving-focus-group.js.map +1 -1
  375. package/lib/components/roving-focus-group/src/roving-focus-group2.js +33 -27
  376. package/lib/components/roving-focus-group/src/roving-focus-group2.js.map +1 -1
  377. package/lib/components/roving-focus-group/src/roving-focus-item.js +1 -1
  378. package/lib/components/row/index.js +2 -2
  379. package/lib/components/row/src/row.js +45 -32
  380. package/lib/components/row/src/row.js.map +1 -1
  381. package/lib/components/row/src/row2.js +32 -45
  382. package/lib/components/row/src/row2.js.map +1 -1
  383. package/lib/components/scrollbar/index.js +3 -3
  384. package/lib/components/scrollbar/src/bar.js +17 -42
  385. package/lib/components/scrollbar/src/bar.js.map +1 -1
  386. package/lib/components/scrollbar/src/bar2.js +42 -17
  387. package/lib/components/scrollbar/src/bar2.js.map +1 -1
  388. package/lib/components/scrollbar/src/scrollbar.js +174 -47
  389. package/lib/components/scrollbar/src/scrollbar.js.map +1 -1
  390. package/lib/components/scrollbar/src/scrollbar2.js +47 -174
  391. package/lib/components/scrollbar/src/scrollbar2.js.map +1 -1
  392. package/lib/components/scrollbar/src/thumb.js +11 -130
  393. package/lib/components/scrollbar/src/thumb.js.map +1 -1
  394. package/lib/components/scrollbar/src/thumb2.js +130 -11
  395. package/lib/components/scrollbar/src/thumb2.js.map +1 -1
  396. package/lib/components/select/index.d.ts +6 -6
  397. package/lib/components/select/src/select.js +2 -2
  398. package/lib/components/select/src/select.vue.d.ts +6 -6
  399. package/lib/components/select-v2/index.d.ts +10 -10
  400. package/lib/components/select-v2/src/defaults.js +1 -1
  401. package/lib/components/select-v2/src/select.vue.d.ts +5 -5
  402. package/lib/components/skeleton/index.js +2 -2
  403. package/lib/components/skeleton/src/skeleton.js +49 -22
  404. package/lib/components/skeleton/src/skeleton.js.map +1 -1
  405. package/lib/components/skeleton/src/skeleton2.js +22 -49
  406. package/lib/components/skeleton/src/skeleton2.js.map +1 -1
  407. package/lib/components/slider/index.js +2 -2
  408. package/lib/components/slider/src/slider.js +233 -92
  409. package/lib/components/slider/src/slider.js.map +1 -1
  410. package/lib/components/slider/src/slider2.js +92 -233
  411. package/lib/components/slider/src/slider2.js.map +1 -1
  412. package/lib/components/statistic/index.js +2 -2
  413. package/lib/components/statistic/src/statistic.js +25 -70
  414. package/lib/components/statistic/src/statistic.js.map +1 -1
  415. package/lib/components/statistic/src/statistic2.js +70 -25
  416. package/lib/components/statistic/src/statistic2.js.map +1 -1
  417. package/lib/components/steps/index.js +2 -2
  418. package/lib/components/steps/src/item.js +188 -19
  419. package/lib/components/steps/src/item.js.map +1 -1
  420. package/lib/components/steps/src/item2.js +19 -188
  421. package/lib/components/steps/src/item2.js.map +1 -1
  422. package/lib/components/switch/index.js +2 -2
  423. package/lib/components/switch/src/switch.js +88 -240
  424. package/lib/components/switch/src/switch.js.map +1 -1
  425. package/lib/components/switch/src/switch2.js +240 -88
  426. package/lib/components/switch/src/switch2.js.map +1 -1
  427. package/lib/components/tag/index.js +2 -2
  428. package/lib/components/tag/src/tag.js +34 -94
  429. package/lib/components/tag/src/tag.js.map +1 -1
  430. package/lib/components/tag/src/tag2.js +94 -34
  431. package/lib/components/tag/src/tag2.js.map +1 -1
  432. package/lib/components/teleport/index.js +2 -2
  433. package/lib/components/teleport/src/teleport.js +18 -44
  434. package/lib/components/teleport/src/teleport.js.map +1 -1
  435. package/lib/components/teleport/src/teleport2.js +44 -18
  436. package/lib/components/teleport/src/teleport2.js.map +1 -1
  437. package/lib/components/text/index.js +2 -2
  438. package/lib/components/text/src/text.js +22 -35
  439. package/lib/components/text/src/text.js.map +1 -1
  440. package/lib/components/text/src/text2.js +35 -22
  441. package/lib/components/text/src/text2.js.map +1 -1
  442. package/lib/components/time-select/index.d.ts +26 -26
  443. package/lib/components/time-select/src/time-select.vue.d.ts +13 -13
  444. package/lib/components/tooltip/index.js +2 -2
  445. package/lib/components/tooltip/src/content.js +177 -31
  446. package/lib/components/tooltip/src/content.js.map +1 -1
  447. package/lib/components/tooltip/src/content2.js +31 -177
  448. package/lib/components/tooltip/src/content2.js.map +1 -1
  449. package/lib/components/tooltip/src/tooltip.js +2 -2
  450. package/lib/components/tooltip/src/tooltip2.js +2 -2
  451. package/lib/components/tooltip/src/trigger.js +16 -73
  452. package/lib/components/tooltip/src/trigger.js.map +1 -1
  453. package/lib/components/tooltip/src/trigger2.js +73 -16
  454. package/lib/components/tooltip/src/trigger2.js.map +1 -1
  455. package/lib/components/tooltip-v2/index.js +4 -4
  456. package/lib/components/tooltip-v2/src/arrow.js +23 -37
  457. package/lib/components/tooltip-v2/src/arrow.js.map +1 -1
  458. package/lib/components/tooltip-v2/src/arrow2.js +37 -23
  459. package/lib/components/tooltip-v2/src/arrow2.js.map +1 -1
  460. package/lib/components/tooltip-v2/src/content.js +50 -112
  461. package/lib/components/tooltip-v2/src/content.js.map +1 -1
  462. package/lib/components/tooltip-v2/src/content2.js +112 -50
  463. package/lib/components/tooltip-v2/src/content2.js.map +1 -1
  464. package/lib/components/tooltip-v2/src/root.js +80 -17
  465. package/lib/components/tooltip-v2/src/root.js.map +1 -1
  466. package/lib/components/tooltip-v2/src/root2.js +17 -80
  467. package/lib/components/tooltip-v2/src/root2.js.map +1 -1
  468. package/lib/components/tooltip-v2/src/tooltip.js +4 -4
  469. package/lib/components/tooltip-v2/src/tooltip2.js +8 -8
  470. package/lib/components/tooltip-v2/src/trigger.js +89 -12
  471. package/lib/components/tooltip-v2/src/trigger.js.map +1 -1
  472. package/lib/components/tooltip-v2/src/trigger2.js +12 -89
  473. package/lib/components/tooltip-v2/src/trigger2.js.map +1 -1
  474. package/lib/components/transfer/index.js +2 -2
  475. package/lib/components/transfer/src/composables/use-checked-change.js +1 -1
  476. package/lib/components/transfer/src/transfer-panel.js +1 -1
  477. package/lib/components/transfer/src/transfer.js +160 -73
  478. package/lib/components/transfer/src/transfer.js.map +1 -1
  479. package/lib/components/transfer/src/transfer2.js +73 -160
  480. package/lib/components/transfer/src/transfer2.js.map +1 -1
  481. package/lib/index.js +34 -34
  482. package/package.json +1 -1
  483. package/theme-chalk/el-button.css +1 -1
  484. package/theme-chalk/el-checkbox.css +1 -1
  485. package/theme-chalk/el-dialog.css +1 -1
  486. package/theme-chalk/el-form.css +1 -1
  487. package/theme-chalk/el-input.css +1 -1
  488. package/theme-chalk/el-link.css +1 -1
  489. package/theme-chalk/el-message-box.css +1 -1
  490. package/theme-chalk/el-message.css +1 -1
  491. package/theme-chalk/el-pagination.css +1 -1
  492. package/theme-chalk/el-select-dropdown.css +1 -1
  493. package/theme-chalk/el-select.css +1 -1
  494. package/theme-chalk/el-table.css +1 -1
  495. package/theme-chalk/index.css +1 -1
  496. package/theme-chalk/src/button.scss +1 -1
  497. package/theme-chalk/src/checkbox.scss +1 -1
  498. package/theme-chalk/src/dialog.scss +2 -2
  499. package/theme-chalk/src/form.scss +1 -1
  500. package/theme-chalk/src/input.scss +2 -2
  501. package/theme-chalk/src/link.scss +1 -1
  502. package/theme-chalk/src/message-box.scss +2 -2
  503. package/theme-chalk/src/message.scss +1 -1
  504. package/theme-chalk/src/pagination.scss +2 -2
  505. package/theme-chalk/src/select-dropdown.scss +1 -1
  506. package/theme-chalk/src/table.scss +5 -2
  507. package/theme-chalk/src/var.scss +1 -0
@@ -1,7 +1,7 @@
1
1
  import '../../utils/index.mjs';
2
2
  import Steps from './src/steps.mjs';
3
- import Step from './src/item2.mjs';
4
- export { stepProps } from './src/item.mjs';
3
+ import Step from './src/item.mjs';
4
+ export { stepProps } from './src/item2.mjs';
5
5
  export { stepsEmits, stepsProps } from './src/steps2.mjs';
6
6
  import { withInstall, withNoopInstall } from '../../utils/vue/install.mjs';
7
7
 
@@ -1,25 +1,194 @@
1
+ import { defineComponent, ref, inject, getCurrentInstance, onMounted, watch, onBeforeUnmount, computed, reactive, openBlock, createElementBlock, normalizeStyle, unref, normalizeClass, createCommentVNode, createElementVNode, renderSlot, createBlock, withCtx, resolveDynamicComponent, createVNode, toDisplayString, createTextVNode } from 'vue';
2
+ import '../../../hooks/index.mjs';
3
+ import { ElIcon } from '../../icon/index.mjs';
4
+ import { Check, Close } from '@element-plus/icons-vue';
1
5
  import '../../../utils/index.mjs';
2
- import { buildProps } from '../../../utils/vue/props/runtime.mjs';
3
- import { iconPropType } from '../../../utils/vue/icon.mjs';
6
+ import { stepProps } from './item2.mjs';
7
+ import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
8
+ import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
9
+ import { isNumber } from '../../../utils/types.mjs';
4
10
 
5
- const stepProps = buildProps({
6
- title: {
7
- type: String,
8
- default: ""
9
- },
10
- icon: {
11
- type: iconPropType
12
- },
13
- description: {
14
- type: String,
15
- default: ""
16
- },
17
- status: {
18
- type: String,
19
- values: ["", "wait", "process", "finish", "error", "success"],
20
- default: ""
11
+ const __default__ = defineComponent({
12
+ name: "ElStep"
13
+ });
14
+ const _sfc_main = defineComponent({
15
+ ...__default__,
16
+ props: stepProps,
17
+ setup(__props) {
18
+ const props = __props;
19
+ const ns = useNamespace("step");
20
+ const index = ref(-1);
21
+ const lineStyle = ref({});
22
+ const internalStatus = ref("");
23
+ const parent = inject("ElSteps");
24
+ const currentInstance = getCurrentInstance();
25
+ onMounted(() => {
26
+ watch([
27
+ () => parent.props.active,
28
+ () => parent.props.processStatus,
29
+ () => parent.props.finishStatus
30
+ ], ([active]) => {
31
+ updateStatus(active);
32
+ }, { immediate: true });
33
+ });
34
+ onBeforeUnmount(() => {
35
+ parent.steps.value = parent.steps.value.filter((instance) => instance.uid !== (currentInstance == null ? void 0 : currentInstance.uid));
36
+ });
37
+ const currentStatus = computed(() => {
38
+ return props.status || internalStatus.value;
39
+ });
40
+ const prevStatus = computed(() => {
41
+ const prevStep = parent.steps.value[index.value - 1];
42
+ return prevStep ? prevStep.currentStatus : "wait";
43
+ });
44
+ const isCenter = computed(() => {
45
+ return parent.props.alignCenter;
46
+ });
47
+ const isVertical = computed(() => {
48
+ return parent.props.direction === "vertical";
49
+ });
50
+ const isSimple = computed(() => {
51
+ return parent.props.simple;
52
+ });
53
+ const stepsCount = computed(() => {
54
+ return parent.steps.value.length;
55
+ });
56
+ const isLast = computed(() => {
57
+ var _a;
58
+ return ((_a = parent.steps.value[stepsCount.value - 1]) == null ? void 0 : _a.uid) === (currentInstance == null ? void 0 : currentInstance.uid);
59
+ });
60
+ const space = computed(() => {
61
+ return isSimple.value ? "" : parent.props.space;
62
+ });
63
+ const style = computed(() => {
64
+ const style2 = {
65
+ flexBasis: isNumber(space.value) ? `${space.value}px` : space.value ? space.value : `${100 / (stepsCount.value - (isCenter.value ? 0 : 1))}%`
66
+ };
67
+ if (isVertical.value)
68
+ return style2;
69
+ if (isLast.value) {
70
+ style2.maxWidth = `${100 / stepsCount.value}%`;
71
+ }
72
+ return style2;
73
+ });
74
+ const setIndex = (val) => {
75
+ index.value = val;
76
+ };
77
+ const calcProgress = (status) => {
78
+ const isWait = status === "wait";
79
+ const style2 = {
80
+ transitionDelay: `${isWait ? "-" : ""}${150 * index.value}ms`
81
+ };
82
+ const step = status === parent.props.processStatus || isWait ? 0 : 100;
83
+ style2.borderWidth = step && !isSimple.value ? "1px" : 0;
84
+ style2[parent.props.direction === "vertical" ? "height" : "width"] = `${step}%`;
85
+ lineStyle.value = style2;
86
+ };
87
+ const updateStatus = (activeIndex) => {
88
+ if (activeIndex > index.value) {
89
+ internalStatus.value = parent.props.finishStatus;
90
+ } else if (activeIndex === index.value && prevStatus.value !== "error") {
91
+ internalStatus.value = parent.props.processStatus;
92
+ } else {
93
+ internalStatus.value = "wait";
94
+ }
95
+ const prevChild = parent.steps.value[index.value - 1];
96
+ if (prevChild)
97
+ prevChild.calcProgress(internalStatus.value);
98
+ };
99
+ const stepItemState = reactive({
100
+ uid: computed(() => currentInstance == null ? void 0 : currentInstance.uid),
101
+ currentStatus,
102
+ setIndex,
103
+ calcProgress
104
+ });
105
+ parent.steps.value = [...parent.steps.value, stepItemState];
106
+ return (_ctx, _cache) => {
107
+ return openBlock(), createElementBlock("div", {
108
+ style: normalizeStyle(unref(style)),
109
+ class: normalizeClass([
110
+ unref(ns).b(),
111
+ unref(ns).is(unref(isSimple) ? "simple" : unref(parent).props.direction),
112
+ unref(ns).is("flex", unref(isLast) && !unref(space) && !unref(isCenter)),
113
+ unref(ns).is("center", unref(isCenter) && !unref(isVertical) && !unref(isSimple))
114
+ ])
115
+ }, [
116
+ createCommentVNode(" icon & line "),
117
+ createElementVNode("div", {
118
+ class: normalizeClass([unref(ns).e("head"), unref(ns).is(unref(currentStatus))])
119
+ }, [
120
+ !unref(isSimple) ? (openBlock(), createElementBlock("div", {
121
+ key: 0,
122
+ class: normalizeClass(unref(ns).e("line"))
123
+ }, [
124
+ createElementVNode("i", {
125
+ class: normalizeClass(unref(ns).e("line-inner")),
126
+ style: normalizeStyle(lineStyle.value)
127
+ }, null, 6)
128
+ ], 2)) : createCommentVNode("v-if", true),
129
+ createElementVNode("div", {
130
+ class: normalizeClass([unref(ns).e("icon"), unref(ns).is(_ctx.icon || _ctx.$slots.icon ? "icon" : "text")])
131
+ }, [
132
+ renderSlot(_ctx.$slots, "icon", {}, () => [
133
+ _ctx.icon ? (openBlock(), createBlock(unref(ElIcon), {
134
+ key: 0,
135
+ class: normalizeClass(unref(ns).e("icon-inner"))
136
+ }, {
137
+ default: withCtx(() => [
138
+ (openBlock(), createBlock(resolveDynamicComponent(_ctx.icon)))
139
+ ]),
140
+ _: 1
141
+ }, 8, ["class"])) : unref(currentStatus) === "success" ? (openBlock(), createBlock(unref(ElIcon), {
142
+ key: 1,
143
+ class: normalizeClass([unref(ns).e("icon-inner"), unref(ns).is("status")])
144
+ }, {
145
+ default: withCtx(() => [
146
+ createVNode(unref(Check))
147
+ ]),
148
+ _: 1
149
+ }, 8, ["class"])) : unref(currentStatus) === "error" ? (openBlock(), createBlock(unref(ElIcon), {
150
+ key: 2,
151
+ class: normalizeClass([unref(ns).e("icon-inner"), unref(ns).is("status")])
152
+ }, {
153
+ default: withCtx(() => [
154
+ createVNode(unref(Close))
155
+ ]),
156
+ _: 1
157
+ }, 8, ["class"])) : !unref(isSimple) ? (openBlock(), createElementBlock("div", {
158
+ key: 3,
159
+ class: normalizeClass(unref(ns).e("icon-inner"))
160
+ }, toDisplayString(index.value + 1), 3)) : createCommentVNode("v-if", true)
161
+ ])
162
+ ], 2)
163
+ ], 2),
164
+ createCommentVNode(" title & description "),
165
+ createElementVNode("div", {
166
+ class: normalizeClass(unref(ns).e("main"))
167
+ }, [
168
+ createElementVNode("div", {
169
+ class: normalizeClass([unref(ns).e("title"), unref(ns).is(unref(currentStatus))])
170
+ }, [
171
+ renderSlot(_ctx.$slots, "title", {}, () => [
172
+ createTextVNode(toDisplayString(_ctx.title), 1)
173
+ ])
174
+ ], 2),
175
+ unref(isSimple) ? (openBlock(), createElementBlock("div", {
176
+ key: 0,
177
+ class: normalizeClass(unref(ns).e("arrow"))
178
+ }, null, 2)) : (openBlock(), createElementBlock("div", {
179
+ key: 1,
180
+ class: normalizeClass([unref(ns).e("description"), unref(ns).is(unref(currentStatus))])
181
+ }, [
182
+ renderSlot(_ctx.$slots, "description", {}, () => [
183
+ createTextVNode(toDisplayString(_ctx.description), 1)
184
+ ])
185
+ ], 2))
186
+ ], 2)
187
+ ], 6);
188
+ };
21
189
  }
22
190
  });
191
+ var Step = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "D:\\Haulistix\\beyond-ui\\packages\\components\\steps\\src\\item.vue"]]);
23
192
 
24
- export { stepProps };
193
+ export { Step as default };
25
194
  //# sourceMappingURL=item.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"item.mjs","sources":["../../../../../../packages/components/steps/src/item.ts"],"sourcesContent":["import { buildProps, iconPropType } from '@element-plus/utils'\nimport type Step from './item.vue'\nimport type { ExtractPropTypes } from 'vue'\n\nexport const stepProps = buildProps({\n title: {\n type: String,\n default: '',\n },\n icon: {\n type: iconPropType,\n },\n description: {\n type: String,\n default: '',\n },\n status: {\n type: String,\n values: ['', 'wait', 'process', 'finish', 'error', 'success'],\n default: '',\n },\n} as const)\n\nexport type StepProps = ExtractPropTypes<typeof stepProps>\n\nexport type StepInstance = InstanceType<typeof Step>\n"],"names":[],"mappings":";;;;AACY,MAAC,SAAS,GAAG,UAAU,CAAC;AACpC,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,YAAY;AACtB,GAAG;AACH,EAAE,WAAW,EAAE;AACf,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,CAAC;AACjE,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,CAAC;;;;"}
1
+ {"version":3,"file":"item.mjs","sources":["../../../../../../packages/components/steps/src/item.vue"],"sourcesContent":["<template>\n <div\n :style=\"style\"\n :class=\"[\n ns.b(),\n ns.is(isSimple ? 'simple' : parent.props.direction),\n ns.is('flex', isLast && !space && !isCenter),\n ns.is('center', isCenter && !isVertical && !isSimple),\n ]\"\n >\n <!-- icon & line -->\n <div :class=\"[ns.e('head'), ns.is(currentStatus)]\">\n <div v-if=\"!isSimple\" :class=\"ns.e('line')\">\n <i :class=\"ns.e('line-inner')\" :style=\"lineStyle\" />\n </div>\n\n <div\n :class=\"[ns.e('icon'), ns.is(icon || $slots.icon ? 'icon' : 'text')]\"\n >\n <slot name=\"icon\">\n <el-icon v-if=\"icon\" :class=\"ns.e('icon-inner')\">\n <component :is=\"icon\" />\n </el-icon>\n <el-icon\n v-else-if=\"currentStatus === 'success'\"\n :class=\"[ns.e('icon-inner'), ns.is('status')]\"\n >\n <Check />\n </el-icon>\n <el-icon\n v-else-if=\"currentStatus === 'error'\"\n :class=\"[ns.e('icon-inner'), ns.is('status')]\"\n >\n <Close />\n </el-icon>\n <div v-else-if=\"!isSimple\" :class=\"ns.e('icon-inner')\">\n {{ index + 1 }}\n </div>\n </slot>\n </div>\n </div>\n <!-- title & description -->\n <div :class=\"ns.e('main')\">\n <div :class=\"[ns.e('title'), ns.is(currentStatus)]\">\n <slot name=\"title\">{{ title }}</slot>\n </div>\n <div v-if=\"isSimple\" :class=\"ns.e('arrow')\" />\n <div v-else :class=\"[ns.e('description'), ns.is(currentStatus)]\">\n <slot name=\"description\">{{ description }}</slot>\n </div>\n </div>\n </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport {\n computed,\n getCurrentInstance,\n inject,\n onBeforeUnmount,\n onMounted,\n reactive,\n ref,\n watch,\n} from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { Check, Close } from '@element-plus/icons-vue'\nimport { isNumber } from '@element-plus/utils'\nimport { stepProps } from './item'\n\nimport type { CSSProperties, Ref } from 'vue'\n\nexport interface IStepsProps {\n space: number | string\n active: number\n direction: string\n alignCenter: boolean\n simple: boolean\n finishStatus: string\n processStatus: string\n}\n\nexport interface StepItemState {\n uid: number | undefined\n currentStatus: string\n setIndex: (val: number) => void\n calcProgress: (status: string) => void\n}\n\nexport interface IStepsInject {\n props: IStepsProps\n steps: Ref<StepItemState[]>\n}\n\ndefineOptions({\n name: 'ElStep',\n})\n\nconst props = defineProps(stepProps)\nconst ns = useNamespace('step')\nconst index = ref(-1)\nconst lineStyle = ref({})\nconst internalStatus = ref('')\nconst parent = inject('ElSteps') as IStepsInject\nconst currentInstance = getCurrentInstance()\n\nonMounted(() => {\n watch(\n [\n () => parent.props.active,\n () => parent.props.processStatus,\n () => parent.props.finishStatus,\n ],\n ([active]) => {\n updateStatus(active)\n },\n { immediate: true }\n )\n})\n\nonBeforeUnmount(() => {\n parent.steps.value = parent.steps.value.filter(\n (instance) => instance.uid !== currentInstance?.uid\n )\n})\n\nconst currentStatus = computed(() => {\n return props.status || internalStatus.value\n})\n\nconst prevStatus = computed(() => {\n const prevStep = parent.steps.value[index.value - 1]\n return prevStep ? prevStep.currentStatus : 'wait'\n})\n\nconst isCenter = computed(() => {\n return parent.props.alignCenter\n})\n\nconst isVertical = computed(() => {\n return parent.props.direction === 'vertical'\n})\n\nconst isSimple = computed(() => {\n return parent.props.simple\n})\n\nconst stepsCount = computed(() => {\n return parent.steps.value.length\n})\n\nconst isLast = computed(() => {\n return parent.steps.value[stepsCount.value - 1]?.uid === currentInstance?.uid\n})\n\nconst space = computed(() => {\n return isSimple.value ? '' : parent.props.space\n})\n\nconst style = computed(() => {\n const style: CSSProperties = {\n flexBasis: isNumber(space.value)\n ? `${space.value}px`\n : space.value\n ? space.value\n : `${100 / (stepsCount.value - (isCenter.value ? 0 : 1))}%`,\n }\n if (isVertical.value) return style\n if (isLast.value) {\n style.maxWidth = `${100 / stepsCount.value}%`\n }\n return style\n})\n\nconst setIndex = (val: number) => {\n index.value = val\n}\n\nconst calcProgress = (status: string) => {\n const isWait = status === 'wait'\n const style: CSSProperties = {\n transitionDelay: `${isWait ? '-' : ''}${150 * index.value}ms`,\n }\n const step = status === parent.props.processStatus || isWait ? 0 : 100\n\n style.borderWidth = step && !isSimple.value ? '1px' : 0\n style[parent.props.direction === 'vertical' ? 'height' : 'width'] = `${step}%`\n lineStyle.value = style\n}\n\nconst updateStatus = (activeIndex: number) => {\n if (activeIndex > index.value) {\n internalStatus.value = parent.props.finishStatus\n } else if (activeIndex === index.value && prevStatus.value !== 'error') {\n internalStatus.value = parent.props.processStatus\n } else {\n internalStatus.value = 'wait'\n }\n const prevChild = parent.steps.value[index.value - 1]\n if (prevChild) prevChild.calcProgress(internalStatus.value)\n}\n\nconst stepItemState = reactive({\n uid: computed(() => currentInstance?.uid),\n currentStatus,\n setIndex,\n calcProgress,\n})\n\nparent.steps.value = [...parent.steps.value, stepItemState]\n</script>\n"],"names":[],"mappings":"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"}
@@ -1,194 +1,25 @@
1
- import { defineComponent, ref, inject, getCurrentInstance, onMounted, watch, onBeforeUnmount, computed, reactive, openBlock, createElementBlock, normalizeStyle, unref, normalizeClass, createCommentVNode, createElementVNode, renderSlot, createBlock, withCtx, resolveDynamicComponent, createVNode, toDisplayString, createTextVNode } from 'vue';
2
- import '../../../hooks/index.mjs';
3
- import { ElIcon } from '../../icon/index.mjs';
4
- import { Check, Close } from '@element-plus/icons-vue';
5
1
  import '../../../utils/index.mjs';
6
- import { stepProps } from './item.mjs';
7
- import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
8
- import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
9
- import { isNumber } from '../../../utils/types.mjs';
2
+ import { buildProps } from '../../../utils/vue/props/runtime.mjs';
3
+ import { iconPropType } from '../../../utils/vue/icon.mjs';
10
4
 
11
- const __default__ = defineComponent({
12
- name: "ElStep"
13
- });
14
- const _sfc_main = defineComponent({
15
- ...__default__,
16
- props: stepProps,
17
- setup(__props) {
18
- const props = __props;
19
- const ns = useNamespace("step");
20
- const index = ref(-1);
21
- const lineStyle = ref({});
22
- const internalStatus = ref("");
23
- const parent = inject("ElSteps");
24
- const currentInstance = getCurrentInstance();
25
- onMounted(() => {
26
- watch([
27
- () => parent.props.active,
28
- () => parent.props.processStatus,
29
- () => parent.props.finishStatus
30
- ], ([active]) => {
31
- updateStatus(active);
32
- }, { immediate: true });
33
- });
34
- onBeforeUnmount(() => {
35
- parent.steps.value = parent.steps.value.filter((instance) => instance.uid !== (currentInstance == null ? void 0 : currentInstance.uid));
36
- });
37
- const currentStatus = computed(() => {
38
- return props.status || internalStatus.value;
39
- });
40
- const prevStatus = computed(() => {
41
- const prevStep = parent.steps.value[index.value - 1];
42
- return prevStep ? prevStep.currentStatus : "wait";
43
- });
44
- const isCenter = computed(() => {
45
- return parent.props.alignCenter;
46
- });
47
- const isVertical = computed(() => {
48
- return parent.props.direction === "vertical";
49
- });
50
- const isSimple = computed(() => {
51
- return parent.props.simple;
52
- });
53
- const stepsCount = computed(() => {
54
- return parent.steps.value.length;
55
- });
56
- const isLast = computed(() => {
57
- var _a;
58
- return ((_a = parent.steps.value[stepsCount.value - 1]) == null ? void 0 : _a.uid) === (currentInstance == null ? void 0 : currentInstance.uid);
59
- });
60
- const space = computed(() => {
61
- return isSimple.value ? "" : parent.props.space;
62
- });
63
- const style = computed(() => {
64
- const style2 = {
65
- flexBasis: isNumber(space.value) ? `${space.value}px` : space.value ? space.value : `${100 / (stepsCount.value - (isCenter.value ? 0 : 1))}%`
66
- };
67
- if (isVertical.value)
68
- return style2;
69
- if (isLast.value) {
70
- style2.maxWidth = `${100 / stepsCount.value}%`;
71
- }
72
- return style2;
73
- });
74
- const setIndex = (val) => {
75
- index.value = val;
76
- };
77
- const calcProgress = (status) => {
78
- const isWait = status === "wait";
79
- const style2 = {
80
- transitionDelay: `${isWait ? "-" : ""}${150 * index.value}ms`
81
- };
82
- const step = status === parent.props.processStatus || isWait ? 0 : 100;
83
- style2.borderWidth = step && !isSimple.value ? "1px" : 0;
84
- style2[parent.props.direction === "vertical" ? "height" : "width"] = `${step}%`;
85
- lineStyle.value = style2;
86
- };
87
- const updateStatus = (activeIndex) => {
88
- if (activeIndex > index.value) {
89
- internalStatus.value = parent.props.finishStatus;
90
- } else if (activeIndex === index.value && prevStatus.value !== "error") {
91
- internalStatus.value = parent.props.processStatus;
92
- } else {
93
- internalStatus.value = "wait";
94
- }
95
- const prevChild = parent.steps.value[index.value - 1];
96
- if (prevChild)
97
- prevChild.calcProgress(internalStatus.value);
98
- };
99
- const stepItemState = reactive({
100
- uid: computed(() => currentInstance == null ? void 0 : currentInstance.uid),
101
- currentStatus,
102
- setIndex,
103
- calcProgress
104
- });
105
- parent.steps.value = [...parent.steps.value, stepItemState];
106
- return (_ctx, _cache) => {
107
- return openBlock(), createElementBlock("div", {
108
- style: normalizeStyle(unref(style)),
109
- class: normalizeClass([
110
- unref(ns).b(),
111
- unref(ns).is(unref(isSimple) ? "simple" : unref(parent).props.direction),
112
- unref(ns).is("flex", unref(isLast) && !unref(space) && !unref(isCenter)),
113
- unref(ns).is("center", unref(isCenter) && !unref(isVertical) && !unref(isSimple))
114
- ])
115
- }, [
116
- createCommentVNode(" icon & line "),
117
- createElementVNode("div", {
118
- class: normalizeClass([unref(ns).e("head"), unref(ns).is(unref(currentStatus))])
119
- }, [
120
- !unref(isSimple) ? (openBlock(), createElementBlock("div", {
121
- key: 0,
122
- class: normalizeClass(unref(ns).e("line"))
123
- }, [
124
- createElementVNode("i", {
125
- class: normalizeClass(unref(ns).e("line-inner")),
126
- style: normalizeStyle(lineStyle.value)
127
- }, null, 6)
128
- ], 2)) : createCommentVNode("v-if", true),
129
- createElementVNode("div", {
130
- class: normalizeClass([unref(ns).e("icon"), unref(ns).is(_ctx.icon || _ctx.$slots.icon ? "icon" : "text")])
131
- }, [
132
- renderSlot(_ctx.$slots, "icon", {}, () => [
133
- _ctx.icon ? (openBlock(), createBlock(unref(ElIcon), {
134
- key: 0,
135
- class: normalizeClass(unref(ns).e("icon-inner"))
136
- }, {
137
- default: withCtx(() => [
138
- (openBlock(), createBlock(resolveDynamicComponent(_ctx.icon)))
139
- ]),
140
- _: 1
141
- }, 8, ["class"])) : unref(currentStatus) === "success" ? (openBlock(), createBlock(unref(ElIcon), {
142
- key: 1,
143
- class: normalizeClass([unref(ns).e("icon-inner"), unref(ns).is("status")])
144
- }, {
145
- default: withCtx(() => [
146
- createVNode(unref(Check))
147
- ]),
148
- _: 1
149
- }, 8, ["class"])) : unref(currentStatus) === "error" ? (openBlock(), createBlock(unref(ElIcon), {
150
- key: 2,
151
- class: normalizeClass([unref(ns).e("icon-inner"), unref(ns).is("status")])
152
- }, {
153
- default: withCtx(() => [
154
- createVNode(unref(Close))
155
- ]),
156
- _: 1
157
- }, 8, ["class"])) : !unref(isSimple) ? (openBlock(), createElementBlock("div", {
158
- key: 3,
159
- class: normalizeClass(unref(ns).e("icon-inner"))
160
- }, toDisplayString(index.value + 1), 3)) : createCommentVNode("v-if", true)
161
- ])
162
- ], 2)
163
- ], 2),
164
- createCommentVNode(" title & description "),
165
- createElementVNode("div", {
166
- class: normalizeClass(unref(ns).e("main"))
167
- }, [
168
- createElementVNode("div", {
169
- class: normalizeClass([unref(ns).e("title"), unref(ns).is(unref(currentStatus))])
170
- }, [
171
- renderSlot(_ctx.$slots, "title", {}, () => [
172
- createTextVNode(toDisplayString(_ctx.title), 1)
173
- ])
174
- ], 2),
175
- unref(isSimple) ? (openBlock(), createElementBlock("div", {
176
- key: 0,
177
- class: normalizeClass(unref(ns).e("arrow"))
178
- }, null, 2)) : (openBlock(), createElementBlock("div", {
179
- key: 1,
180
- class: normalizeClass([unref(ns).e("description"), unref(ns).is(unref(currentStatus))])
181
- }, [
182
- renderSlot(_ctx.$slots, "description", {}, () => [
183
- createTextVNode(toDisplayString(_ctx.description), 1)
184
- ])
185
- ], 2))
186
- ], 2)
187
- ], 6);
188
- };
5
+ const stepProps = buildProps({
6
+ title: {
7
+ type: String,
8
+ default: ""
9
+ },
10
+ icon: {
11
+ type: iconPropType
12
+ },
13
+ description: {
14
+ type: String,
15
+ default: ""
16
+ },
17
+ status: {
18
+ type: String,
19
+ values: ["", "wait", "process", "finish", "error", "success"],
20
+ default: ""
189
21
  }
190
22
  });
191
- var Step = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "D:\\Haulistix\\beyond-ui\\packages\\components\\steps\\src\\item.vue"]]);
192
23
 
193
- export { Step as default };
24
+ export { stepProps };
194
25
  //# sourceMappingURL=item2.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"item2.mjs","sources":["../../../../../../packages/components/steps/src/item.vue"],"sourcesContent":["<template>\n <div\n :style=\"style\"\n :class=\"[\n ns.b(),\n ns.is(isSimple ? 'simple' : parent.props.direction),\n ns.is('flex', isLast && !space && !isCenter),\n ns.is('center', isCenter && !isVertical && !isSimple),\n ]\"\n >\n <!-- icon & line -->\n <div :class=\"[ns.e('head'), ns.is(currentStatus)]\">\n <div v-if=\"!isSimple\" :class=\"ns.e('line')\">\n <i :class=\"ns.e('line-inner')\" :style=\"lineStyle\" />\n </div>\n\n <div\n :class=\"[ns.e('icon'), ns.is(icon || $slots.icon ? 'icon' : 'text')]\"\n >\n <slot name=\"icon\">\n <el-icon v-if=\"icon\" :class=\"ns.e('icon-inner')\">\n <component :is=\"icon\" />\n </el-icon>\n <el-icon\n v-else-if=\"currentStatus === 'success'\"\n :class=\"[ns.e('icon-inner'), ns.is('status')]\"\n >\n <Check />\n </el-icon>\n <el-icon\n v-else-if=\"currentStatus === 'error'\"\n :class=\"[ns.e('icon-inner'), ns.is('status')]\"\n >\n <Close />\n </el-icon>\n <div v-else-if=\"!isSimple\" :class=\"ns.e('icon-inner')\">\n {{ index + 1 }}\n </div>\n </slot>\n </div>\n </div>\n <!-- title & description -->\n <div :class=\"ns.e('main')\">\n <div :class=\"[ns.e('title'), ns.is(currentStatus)]\">\n <slot name=\"title\">{{ title }}</slot>\n </div>\n <div v-if=\"isSimple\" :class=\"ns.e('arrow')\" />\n <div v-else :class=\"[ns.e('description'), ns.is(currentStatus)]\">\n <slot name=\"description\">{{ description }}</slot>\n </div>\n </div>\n </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport {\n computed,\n getCurrentInstance,\n inject,\n onBeforeUnmount,\n onMounted,\n reactive,\n ref,\n watch,\n} from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { Check, Close } from '@element-plus/icons-vue'\nimport { isNumber } from '@element-plus/utils'\nimport { stepProps } from './item'\n\nimport type { CSSProperties, Ref } from 'vue'\n\nexport interface IStepsProps {\n space: number | string\n active: number\n direction: string\n alignCenter: boolean\n simple: boolean\n finishStatus: string\n processStatus: string\n}\n\nexport interface StepItemState {\n uid: number | undefined\n currentStatus: string\n setIndex: (val: number) => void\n calcProgress: (status: string) => void\n}\n\nexport interface IStepsInject {\n props: IStepsProps\n steps: Ref<StepItemState[]>\n}\n\ndefineOptions({\n name: 'ElStep',\n})\n\nconst props = defineProps(stepProps)\nconst ns = useNamespace('step')\nconst index = ref(-1)\nconst lineStyle = ref({})\nconst internalStatus = ref('')\nconst parent = inject('ElSteps') as IStepsInject\nconst currentInstance = getCurrentInstance()\n\nonMounted(() => {\n watch(\n [\n () => parent.props.active,\n () => parent.props.processStatus,\n () => parent.props.finishStatus,\n ],\n ([active]) => {\n updateStatus(active)\n },\n { immediate: true }\n )\n})\n\nonBeforeUnmount(() => {\n parent.steps.value = parent.steps.value.filter(\n (instance) => instance.uid !== currentInstance?.uid\n )\n})\n\nconst currentStatus = computed(() => {\n return props.status || internalStatus.value\n})\n\nconst prevStatus = computed(() => {\n const prevStep = parent.steps.value[index.value - 1]\n return prevStep ? prevStep.currentStatus : 'wait'\n})\n\nconst isCenter = computed(() => {\n return parent.props.alignCenter\n})\n\nconst isVertical = computed(() => {\n return parent.props.direction === 'vertical'\n})\n\nconst isSimple = computed(() => {\n return parent.props.simple\n})\n\nconst stepsCount = computed(() => {\n return parent.steps.value.length\n})\n\nconst isLast = computed(() => {\n return parent.steps.value[stepsCount.value - 1]?.uid === currentInstance?.uid\n})\n\nconst space = computed(() => {\n return isSimple.value ? '' : parent.props.space\n})\n\nconst style = computed(() => {\n const style: CSSProperties = {\n flexBasis: isNumber(space.value)\n ? `${space.value}px`\n : space.value\n ? space.value\n : `${100 / (stepsCount.value - (isCenter.value ? 0 : 1))}%`,\n }\n if (isVertical.value) return style\n if (isLast.value) {\n style.maxWidth = `${100 / stepsCount.value}%`\n }\n return style\n})\n\nconst setIndex = (val: number) => {\n index.value = val\n}\n\nconst calcProgress = (status: string) => {\n const isWait = status === 'wait'\n const style: CSSProperties = {\n transitionDelay: `${isWait ? '-' : ''}${150 * index.value}ms`,\n }\n const step = status === parent.props.processStatus || isWait ? 0 : 100\n\n style.borderWidth = step && !isSimple.value ? '1px' : 0\n style[parent.props.direction === 'vertical' ? 'height' : 'width'] = `${step}%`\n lineStyle.value = style\n}\n\nconst updateStatus = (activeIndex: number) => {\n if (activeIndex > index.value) {\n internalStatus.value = parent.props.finishStatus\n } else if (activeIndex === index.value && prevStatus.value !== 'error') {\n internalStatus.value = parent.props.processStatus\n } else {\n internalStatus.value = 'wait'\n }\n const prevChild = parent.steps.value[index.value - 1]\n if (prevChild) prevChild.calcProgress(internalStatus.value)\n}\n\nconst stepItemState = reactive({\n uid: computed(() => currentInstance?.uid),\n currentStatus,\n setIndex,\n calcProgress,\n})\n\nparent.steps.value = [...parent.steps.value, stepItemState]\n</script>\n"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"item2.mjs","sources":["../../../../../../packages/components/steps/src/item.ts"],"sourcesContent":["import { buildProps, iconPropType } from '@element-plus/utils'\nimport type Step from './item.vue'\nimport type { ExtractPropTypes } from 'vue'\n\nexport const stepProps = buildProps({\n title: {\n type: String,\n default: '',\n },\n icon: {\n type: iconPropType,\n },\n description: {\n type: String,\n default: '',\n },\n status: {\n type: String,\n values: ['', 'wait', 'process', 'finish', 'error', 'success'],\n default: '',\n },\n} as const)\n\nexport type StepProps = ExtractPropTypes<typeof stepProps>\n\nexport type StepInstance = InstanceType<typeof Step>\n"],"names":[],"mappings":";;;;AACY,MAAC,SAAS,GAAG,UAAU,CAAC;AACpC,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,YAAY;AACtB,GAAG;AACH,EAAE,WAAW,EAAE;AACf,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,CAAC;AACjE,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,CAAC;;;;"}
@@ -1,6 +1,6 @@
1
1
  import '../../utils/index.mjs';
2
- import Switch from './src/switch.mjs';
3
- export { switchEmits, switchProps } from './src/switch2.mjs';
2
+ import Switch from './src/switch2.mjs';
3
+ export { switchEmits, switchProps } from './src/switch.mjs';
4
4
  import { withInstall } from '../../utils/vue/install.mjs';
5
5
 
6
6
  const ElSwitch = withInstall(Switch);