element-pe 2.2.27 → 2.2.29

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 (404) hide show
  1. package/dist/index.full.js +12 -6
  2. package/dist/index.full.min.js +10 -10
  3. package/dist/index.full.min.js.map +1 -1
  4. package/dist/index.full.min.mjs +10 -10
  5. package/dist/index.full.min.mjs.map +1 -1
  6. package/dist/index.full.mjs +12 -6
  7. package/es/components/affix/index.mjs +2 -2
  8. package/es/components/affix/src/affix.mjs +26 -117
  9. package/es/components/affix/src/affix.mjs.map +1 -1
  10. package/es/components/affix/src/affix2.mjs +117 -26
  11. package/es/components/affix/src/affix2.mjs.map +1 -1
  12. package/es/components/avatar/index.mjs +2 -2
  13. package/es/components/avatar/src/avatar.mjs +67 -32
  14. package/es/components/avatar/src/avatar.mjs.map +1 -1
  15. package/es/components/avatar/src/avatar2.mjs +32 -67
  16. package/es/components/avatar/src/avatar2.mjs.map +1 -1
  17. package/es/components/backtop/index.mjs +2 -2
  18. package/es/components/backtop/src/backtop.mjs +21 -54
  19. package/es/components/backtop/src/backtop.mjs.map +1 -1
  20. package/es/components/backtop/src/backtop2.mjs +54 -21
  21. package/es/components/backtop/src/backtop2.mjs.map +1 -1
  22. package/es/components/breadcrumb/index.mjs +2 -2
  23. package/es/components/breadcrumb/src/breadcrumb-item.mjs +11 -57
  24. package/es/components/breadcrumb/src/breadcrumb-item.mjs.map +1 -1
  25. package/es/components/breadcrumb/src/breadcrumb-item2.mjs +57 -11
  26. package/es/components/breadcrumb/src/breadcrumb-item2.mjs.map +1 -1
  27. package/es/components/calendar/index.mjs +2 -2
  28. package/es/components/calendar/src/calendar.mjs +18 -131
  29. package/es/components/calendar/src/calendar.mjs.map +1 -1
  30. package/es/components/calendar/src/calendar2.mjs +131 -18
  31. package/es/components/calendar/src/calendar2.mjs.map +1 -1
  32. package/es/components/carousel/index.mjs +2 -2
  33. package/es/components/carousel/src/carousel-item.mjs +8 -63
  34. package/es/components/carousel/src/carousel-item.mjs.map +1 -1
  35. package/es/components/carousel/src/carousel-item2.mjs +63 -8
  36. package/es/components/carousel/src/carousel-item2.mjs.map +1 -1
  37. package/es/components/cascader-panel/src/index.mjs +1 -1
  38. package/es/components/cascader-panel/src/menu.mjs +1 -1
  39. package/es/components/cascader-panel/src/node.mjs +116 -209
  40. package/es/components/cascader-panel/src/node.mjs.map +1 -1
  41. package/es/components/cascader-panel/src/node2.mjs +209 -116
  42. package/es/components/cascader-panel/src/node2.mjs.map +1 -1
  43. package/es/components/cascader-panel/src/store.mjs +1 -1
  44. package/es/components/checkbox/index.mjs +2 -2
  45. package/es/components/checkbox/src/checkbox-group.mjs +28 -72
  46. package/es/components/checkbox/src/checkbox-group.mjs.map +1 -1
  47. package/es/components/checkbox/src/checkbox-group2.mjs +72 -28
  48. package/es/components/checkbox/src/checkbox-group2.mjs.map +1 -1
  49. package/es/components/color-picker/index.d.ts +4 -0
  50. package/es/components/color-picker/src/color-picker.d.ts +1 -0
  51. package/es/components/color-picker/src/color-picker.mjs +6 -0
  52. package/es/components/color-picker/src/color-picker.mjs.map +1 -1
  53. package/es/components/color-picker/src/color-picker.vue.d.ts +4 -0
  54. package/es/components/color-picker/src/color-picker2.mjs +2 -1
  55. package/es/components/color-picker/src/color-picker2.mjs.map +1 -1
  56. package/es/components/dropdown/index.mjs +2 -2
  57. package/es/components/dropdown/src/dropdown-item-impl.mjs +1 -1
  58. package/es/components/dropdown/src/dropdown-item.mjs +1 -1
  59. package/es/components/dropdown/src/dropdown-menu.mjs +1 -1
  60. package/es/components/dropdown/src/dropdown.mjs +105 -282
  61. package/es/components/dropdown/src/dropdown.mjs.map +1 -1
  62. package/es/components/dropdown/src/dropdown2.mjs +282 -105
  63. package/es/components/dropdown/src/dropdown2.mjs.map +1 -1
  64. package/es/components/empty/index.mjs +2 -2
  65. package/es/components/empty/src/empty.mjs +56 -11
  66. package/es/components/empty/src/empty.mjs.map +1 -1
  67. package/es/components/empty/src/empty2.mjs +11 -56
  68. package/es/components/empty/src/empty2.mjs.map +1 -1
  69. package/es/components/form/index.mjs +2 -2
  70. package/es/components/form/src/form-item.mjs +43 -316
  71. package/es/components/form/src/form-item.mjs.map +1 -1
  72. package/es/components/form/src/form-item2.mjs +316 -43
  73. package/es/components/form/src/form-item2.mjs.map +1 -1
  74. package/es/components/image/index.mjs +2 -2
  75. package/es/components/image/src/image.mjs +220 -62
  76. package/es/components/image/src/image.mjs.map +1 -1
  77. package/es/components/image/src/image2.mjs +62 -220
  78. package/es/components/image/src/image2.mjs.map +1 -1
  79. package/es/components/image-viewer/index.mjs +2 -2
  80. package/es/components/image-viewer/src/image-viewer.mjs +405 -39
  81. package/es/components/image-viewer/src/image-viewer.mjs.map +1 -1
  82. package/es/components/image-viewer/src/image-viewer2.mjs +39 -405
  83. package/es/components/image-viewer/src/image-viewer2.mjs.map +1 -1
  84. package/es/components/index.mjs +29 -29
  85. package/es/components/input-number/index.d.ts +0 -1
  86. package/es/components/input-number/index.mjs +2 -2
  87. package/es/components/input-number/src/input-number.mjs +310 -57
  88. package/es/components/input-number/src/input-number.mjs.map +1 -1
  89. package/es/components/input-number/src/input-number.vue.d.ts +0 -1
  90. package/es/components/input-number/src/input-number2.mjs +57 -310
  91. package/es/components/input-number/src/input-number2.mjs.map +1 -1
  92. package/es/components/link/index.mjs +2 -2
  93. package/es/components/link/src/link.mjs +50 -21
  94. package/es/components/link/src/link.mjs.map +1 -1
  95. package/es/components/link/src/link2.mjs +21 -50
  96. package/es/components/link/src/link2.mjs.map +1 -1
  97. package/es/components/pagination/src/components/next.mjs +19 -34
  98. package/es/components/pagination/src/components/next.mjs.map +1 -1
  99. package/es/components/pagination/src/components/next2.mjs +34 -19
  100. package/es/components/pagination/src/components/next2.mjs.map +1 -1
  101. package/es/components/pagination/src/components/total.mjs +7 -28
  102. package/es/components/pagination/src/components/total.mjs.map +1 -1
  103. package/es/components/pagination/src/components/total2.mjs +28 -7
  104. package/es/components/pagination/src/components/total2.mjs.map +1 -1
  105. package/es/components/pagination/src/pagination.mjs +2 -2
  106. package/es/components/popconfirm/index.mjs +2 -2
  107. package/es/components/popconfirm/src/popconfirm.mjs +111 -49
  108. package/es/components/popconfirm/src/popconfirm.mjs.map +1 -1
  109. package/es/components/popconfirm/src/popconfirm2.mjs +49 -111
  110. package/es/components/popconfirm/src/popconfirm2.mjs.map +1 -1
  111. package/es/components/popover/src/popover.mjs +1 -1
  112. package/es/components/popper/index.mjs +2 -2
  113. package/es/components/popper/src/content.mjs +94 -211
  114. package/es/components/popper/src/content.mjs.map +1 -1
  115. package/es/components/popper/src/content2.mjs +211 -94
  116. package/es/components/popper/src/content2.mjs.map +1 -1
  117. package/es/components/progress/index.mjs +2 -2
  118. package/es/components/progress/src/progress.mjs +202 -57
  119. package/es/components/progress/src/progress.mjs.map +1 -1
  120. package/es/components/progress/src/progress2.mjs +57 -202
  121. package/es/components/progress/src/progress2.mjs.map +1 -1
  122. package/es/components/row/index.mjs +2 -2
  123. package/es/components/row/src/row.mjs +46 -30
  124. package/es/components/row/src/row.mjs.map +1 -1
  125. package/es/components/row/src/row2.mjs +30 -46
  126. package/es/components/row/src/row2.mjs.map +1 -1
  127. package/es/components/skeleton/index.mjs +2 -2
  128. package/es/components/skeleton/src/skeleton-item.mjs +18 -23
  129. package/es/components/skeleton/src/skeleton-item.mjs.map +1 -1
  130. package/es/components/skeleton/src/skeleton-item2.mjs +23 -18
  131. package/es/components/skeleton/src/skeleton-item2.mjs.map +1 -1
  132. package/es/components/skeleton/src/skeleton2.mjs +1 -1
  133. package/es/components/slider/index.d.ts +0 -1
  134. package/es/components/slider/src/slider.vue.d.ts +0 -1
  135. package/es/components/steps/index.mjs +4 -4
  136. package/es/components/steps/src/item.mjs +191 -20
  137. package/es/components/steps/src/item.mjs.map +1 -1
  138. package/es/components/steps/src/item2.mjs +20 -191
  139. package/es/components/steps/src/item2.mjs.map +1 -1
  140. package/es/components/steps/src/steps.mjs +34 -36
  141. package/es/components/steps/src/steps.mjs.map +1 -1
  142. package/es/components/steps/src/steps2.mjs +36 -34
  143. package/es/components/steps/src/steps2.mjs.map +1 -1
  144. package/es/components/tabs/index.mjs +3 -3
  145. package/es/components/tabs/src/tab-bar.mjs +7 -76
  146. package/es/components/tabs/src/tab-bar.mjs.map +1 -1
  147. package/es/components/tabs/src/tab-bar2.mjs +76 -7
  148. package/es/components/tabs/src/tab-bar2.mjs.map +1 -1
  149. package/es/components/tabs/src/tab-nav.mjs +1 -1
  150. package/es/components/tabs/src/tab-pane.mjs +73 -13
  151. package/es/components/tabs/src/tab-pane.mjs.map +1 -1
  152. package/es/components/tabs/src/tab-pane2.mjs +13 -73
  153. package/es/components/tabs/src/tab-pane2.mjs.map +1 -1
  154. package/es/components/teleport/index.mjs +2 -2
  155. package/es/components/teleport/src/teleport.mjs +44 -18
  156. package/es/components/teleport/src/teleport.mjs.map +1 -1
  157. package/es/components/teleport/src/teleport2.mjs +18 -44
  158. package/es/components/teleport/src/teleport2.mjs.map +1 -1
  159. package/es/components/time-select/index.mjs +1 -1
  160. package/es/components/time-select/src/time-select.mjs +117 -48
  161. package/es/components/time-select/src/time-select.mjs.map +1 -1
  162. package/es/components/time-select/src/time-select2.mjs +48 -117
  163. package/es/components/time-select/src/time-select2.mjs.map +1 -1
  164. package/es/components/timeline/index.mjs +2 -2
  165. package/es/components/timeline/src/timeline-item.mjs +42 -70
  166. package/es/components/timeline/src/timeline-item.mjs.map +1 -1
  167. package/es/components/timeline/src/timeline-item2.mjs +70 -42
  168. package/es/components/timeline/src/timeline-item2.mjs.map +1 -1
  169. package/es/components/tooltip/index.mjs +2 -2
  170. package/es/components/tooltip/src/content.mjs +1 -1
  171. package/es/components/tooltip/src/content2.mjs +1 -1
  172. package/es/components/tooltip/src/tooltip.mjs +31 -169
  173. package/es/components/tooltip/src/tooltip.mjs.map +1 -1
  174. package/es/components/tooltip/src/tooltip2.mjs +169 -31
  175. package/es/components/tooltip/src/tooltip2.mjs.map +1 -1
  176. package/es/components/tooltip-v2/index.mjs +2 -2
  177. package/es/components/tooltip-v2/src/content2.mjs +1 -1
  178. package/es/components/tooltip-v2/src/tooltip.mjs +73 -20
  179. package/es/components/tooltip-v2/src/tooltip.mjs.map +1 -1
  180. package/es/components/tooltip-v2/src/tooltip2.mjs +20 -73
  181. package/es/components/tooltip-v2/src/tooltip2.mjs.map +1 -1
  182. package/es/components/transfer/index.mjs +2 -2
  183. package/es/components/transfer/src/composables/use-checked-change.mjs +1 -1
  184. package/es/components/transfer/src/transfer-panel2.mjs +1 -1
  185. package/es/components/transfer/src/transfer.mjs +69 -159
  186. package/es/components/transfer/src/transfer.mjs.map +1 -1
  187. package/es/components/transfer/src/transfer2.mjs +159 -69
  188. package/es/components/transfer/src/transfer2.mjs.map +1 -1
  189. package/es/components/upload/index.mjs +2 -2
  190. package/es/components/upload/src/upload-content.mjs +33 -172
  191. package/es/components/upload/src/upload-content.mjs.map +1 -1
  192. package/es/components/upload/src/upload-content2.mjs +172 -33
  193. package/es/components/upload/src/upload-content2.mjs.map +1 -1
  194. package/es/components/upload/src/upload-list.mjs +26 -172
  195. package/es/components/upload/src/upload-list.mjs.map +1 -1
  196. package/es/components/upload/src/upload-list2.mjs +172 -26
  197. package/es/components/upload/src/upload-list2.mjs.map +1 -1
  198. package/es/components/upload/src/upload2.mjs +2 -2
  199. package/es/components/visual-hidden/index.mjs +3 -3
  200. package/es/components/visual-hidden/src/visual-hidden.mjs +7 -35
  201. package/es/components/visual-hidden/src/visual-hidden.mjs.map +1 -1
  202. package/es/components/visual-hidden/src/visual-hidden2.mjs +35 -7
  203. package/es/components/visual-hidden/src/visual-hidden2.mjs.map +1 -1
  204. package/es/index.mjs +29 -29
  205. package/lib/components/affix/index.js +2 -2
  206. package/lib/components/affix/src/affix.js +27 -117
  207. package/lib/components/affix/src/affix.js.map +1 -1
  208. package/lib/components/affix/src/affix2.js +117 -27
  209. package/lib/components/affix/src/affix2.js.map +1 -1
  210. package/lib/components/avatar/index.js +2 -2
  211. package/lib/components/avatar/src/avatar.js +67 -33
  212. package/lib/components/avatar/src/avatar.js.map +1 -1
  213. package/lib/components/avatar/src/avatar2.js +33 -67
  214. package/lib/components/avatar/src/avatar2.js.map +1 -1
  215. package/lib/components/backtop/index.js +2 -2
  216. package/lib/components/backtop/src/backtop.js +22 -54
  217. package/lib/components/backtop/src/backtop.js.map +1 -1
  218. package/lib/components/backtop/src/backtop2.js +54 -22
  219. package/lib/components/backtop/src/backtop2.js.map +1 -1
  220. package/lib/components/breadcrumb/index.js +2 -2
  221. package/lib/components/breadcrumb/src/breadcrumb-item.js +11 -57
  222. package/lib/components/breadcrumb/src/breadcrumb-item.js.map +1 -1
  223. package/lib/components/breadcrumb/src/breadcrumb-item2.js +57 -11
  224. package/lib/components/breadcrumb/src/breadcrumb-item2.js.map +1 -1
  225. package/lib/components/calendar/index.js +2 -2
  226. package/lib/components/calendar/src/calendar.js +19 -131
  227. package/lib/components/calendar/src/calendar.js.map +1 -1
  228. package/lib/components/calendar/src/calendar2.js +131 -19
  229. package/lib/components/calendar/src/calendar2.js.map +1 -1
  230. package/lib/components/carousel/index.js +2 -2
  231. package/lib/components/carousel/src/carousel-item.js +8 -63
  232. package/lib/components/carousel/src/carousel-item.js.map +1 -1
  233. package/lib/components/carousel/src/carousel-item2.js +63 -8
  234. package/lib/components/carousel/src/carousel-item2.js.map +1 -1
  235. package/lib/components/cascader-panel/src/index.js +1 -1
  236. package/lib/components/cascader-panel/src/menu.js +1 -1
  237. package/lib/components/cascader-panel/src/node.js +116 -209
  238. package/lib/components/cascader-panel/src/node.js.map +1 -1
  239. package/lib/components/cascader-panel/src/node2.js +209 -116
  240. package/lib/components/cascader-panel/src/node2.js.map +1 -1
  241. package/lib/components/cascader-panel/src/store.js +1 -1
  242. package/lib/components/checkbox/index.js +2 -2
  243. package/lib/components/checkbox/src/checkbox-group.js +29 -72
  244. package/lib/components/checkbox/src/checkbox-group.js.map +1 -1
  245. package/lib/components/checkbox/src/checkbox-group2.js +72 -29
  246. package/lib/components/checkbox/src/checkbox-group2.js.map +1 -1
  247. package/lib/components/color-picker/index.d.ts +4 -0
  248. package/lib/components/color-picker/src/color-picker.d.ts +1 -0
  249. package/lib/components/color-picker/src/color-picker.js +6 -0
  250. package/lib/components/color-picker/src/color-picker.js.map +1 -1
  251. package/lib/components/color-picker/src/color-picker.vue.d.ts +4 -0
  252. package/lib/components/color-picker/src/color-picker2.js +2 -1
  253. package/lib/components/color-picker/src/color-picker2.js.map +1 -1
  254. package/lib/components/dropdown/index.js +2 -2
  255. package/lib/components/dropdown/src/dropdown-item-impl.js +1 -1
  256. package/lib/components/dropdown/src/dropdown-item.js +1 -1
  257. package/lib/components/dropdown/src/dropdown-menu.js +1 -1
  258. package/lib/components/dropdown/src/dropdown.js +114 -282
  259. package/lib/components/dropdown/src/dropdown.js.map +1 -1
  260. package/lib/components/dropdown/src/dropdown2.js +282 -114
  261. package/lib/components/dropdown/src/dropdown2.js.map +1 -1
  262. package/lib/components/empty/index.js +2 -2
  263. package/lib/components/empty/src/empty.js +56 -11
  264. package/lib/components/empty/src/empty.js.map +1 -1
  265. package/lib/components/empty/src/empty2.js +11 -56
  266. package/lib/components/empty/src/empty2.js.map +1 -1
  267. package/lib/components/form/index.js +2 -2
  268. package/lib/components/form/src/form-item.js +44 -320
  269. package/lib/components/form/src/form-item.js.map +1 -1
  270. package/lib/components/form/src/form-item2.js +320 -44
  271. package/lib/components/form/src/form-item2.js.map +1 -1
  272. package/lib/components/image/index.js +2 -2
  273. package/lib/components/image/src/image.js +220 -63
  274. package/lib/components/image/src/image.js.map +1 -1
  275. package/lib/components/image/src/image2.js +63 -220
  276. package/lib/components/image/src/image2.js.map +1 -1
  277. package/lib/components/image-viewer/index.js +2 -2
  278. package/lib/components/image-viewer/src/image-viewer.js +405 -40
  279. package/lib/components/image-viewer/src/image-viewer.js.map +1 -1
  280. package/lib/components/image-viewer/src/image-viewer2.js +40 -405
  281. package/lib/components/image-viewer/src/image-viewer2.js.map +1 -1
  282. package/lib/components/index.js +29 -29
  283. package/lib/components/input-number/index.d.ts +0 -1
  284. package/lib/components/input-number/index.js +2 -2
  285. package/lib/components/input-number/src/input-number.js +309 -57
  286. package/lib/components/input-number/src/input-number.js.map +1 -1
  287. package/lib/components/input-number/src/input-number.vue.d.ts +0 -1
  288. package/lib/components/input-number/src/input-number2.js +57 -309
  289. package/lib/components/input-number/src/input-number2.js.map +1 -1
  290. package/lib/components/link/index.js +2 -2
  291. package/lib/components/link/src/link.js +50 -22
  292. package/lib/components/link/src/link.js.map +1 -1
  293. package/lib/components/link/src/link2.js +22 -50
  294. package/lib/components/link/src/link2.js.map +1 -1
  295. package/lib/components/pagination/src/components/next.js +19 -34
  296. package/lib/components/pagination/src/components/next.js.map +1 -1
  297. package/lib/components/pagination/src/components/next2.js +34 -19
  298. package/lib/components/pagination/src/components/next2.js.map +1 -1
  299. package/lib/components/pagination/src/components/total.js +7 -28
  300. package/lib/components/pagination/src/components/total.js.map +1 -1
  301. package/lib/components/pagination/src/components/total2.js +28 -7
  302. package/lib/components/pagination/src/components/total2.js.map +1 -1
  303. package/lib/components/pagination/src/pagination.js +2 -2
  304. package/lib/components/popconfirm/index.js +2 -2
  305. package/lib/components/popconfirm/src/popconfirm.js +111 -49
  306. package/lib/components/popconfirm/src/popconfirm.js.map +1 -1
  307. package/lib/components/popconfirm/src/popconfirm2.js +49 -111
  308. package/lib/components/popconfirm/src/popconfirm2.js.map +1 -1
  309. package/lib/components/popover/src/popover.js +1 -1
  310. package/lib/components/popper/index.js +2 -2
  311. package/lib/components/popper/src/content.js +98 -210
  312. package/lib/components/popper/src/content.js.map +1 -1
  313. package/lib/components/popper/src/content2.js +210 -98
  314. package/lib/components/popper/src/content2.js.map +1 -1
  315. package/lib/components/progress/index.js +2 -2
  316. package/lib/components/progress/src/progress.js +202 -57
  317. package/lib/components/progress/src/progress.js.map +1 -1
  318. package/lib/components/progress/src/progress2.js +57 -202
  319. package/lib/components/progress/src/progress2.js.map +1 -1
  320. package/lib/components/row/index.js +2 -2
  321. package/lib/components/row/src/row.js +46 -32
  322. package/lib/components/row/src/row.js.map +1 -1
  323. package/lib/components/row/src/row2.js +32 -46
  324. package/lib/components/row/src/row2.js.map +1 -1
  325. package/lib/components/skeleton/index.js +2 -2
  326. package/lib/components/skeleton/src/skeleton-item.js +18 -23
  327. package/lib/components/skeleton/src/skeleton-item.js.map +1 -1
  328. package/lib/components/skeleton/src/skeleton-item2.js +23 -18
  329. package/lib/components/skeleton/src/skeleton-item2.js.map +1 -1
  330. package/lib/components/skeleton/src/skeleton2.js +1 -1
  331. package/lib/components/slider/index.d.ts +0 -1
  332. package/lib/components/slider/src/slider.vue.d.ts +0 -1
  333. package/lib/components/steps/index.js +4 -4
  334. package/lib/components/steps/src/item.js +191 -20
  335. package/lib/components/steps/src/item.js.map +1 -1
  336. package/lib/components/steps/src/item2.js +20 -191
  337. package/lib/components/steps/src/item2.js.map +1 -1
  338. package/lib/components/steps/src/steps.js +34 -37
  339. package/lib/components/steps/src/steps.js.map +1 -1
  340. package/lib/components/steps/src/steps2.js +37 -34
  341. package/lib/components/steps/src/steps2.js.map +1 -1
  342. package/lib/components/tabs/index.js +3 -3
  343. package/lib/components/tabs/src/tab-bar.js +7 -76
  344. package/lib/components/tabs/src/tab-bar.js.map +1 -1
  345. package/lib/components/tabs/src/tab-bar2.js +76 -7
  346. package/lib/components/tabs/src/tab-bar2.js.map +1 -1
  347. package/lib/components/tabs/src/tab-nav.js +1 -1
  348. package/lib/components/tabs/src/tab-pane.js +73 -13
  349. package/lib/components/tabs/src/tab-pane.js.map +1 -1
  350. package/lib/components/tabs/src/tab-pane2.js +13 -73
  351. package/lib/components/tabs/src/tab-pane2.js.map +1 -1
  352. package/lib/components/teleport/index.js +2 -2
  353. package/lib/components/teleport/src/teleport.js +44 -18
  354. package/lib/components/teleport/src/teleport.js.map +1 -1
  355. package/lib/components/teleport/src/teleport2.js +18 -44
  356. package/lib/components/teleport/src/teleport2.js.map +1 -1
  357. package/lib/components/time-select/index.js +1 -1
  358. package/lib/components/time-select/src/time-select.js +122 -48
  359. package/lib/components/time-select/src/time-select.js.map +1 -1
  360. package/lib/components/time-select/src/time-select2.js +48 -122
  361. package/lib/components/time-select/src/time-select2.js.map +1 -1
  362. package/lib/components/timeline/index.js +2 -2
  363. package/lib/components/timeline/src/timeline-item.js +42 -70
  364. package/lib/components/timeline/src/timeline-item.js.map +1 -1
  365. package/lib/components/timeline/src/timeline-item2.js +70 -42
  366. package/lib/components/timeline/src/timeline-item2.js.map +1 -1
  367. package/lib/components/tooltip/index.js +2 -2
  368. package/lib/components/tooltip/src/content.js +1 -1
  369. package/lib/components/tooltip/src/content2.js +1 -1
  370. package/lib/components/tooltip/src/tooltip.js +35 -169
  371. package/lib/components/tooltip/src/tooltip.js.map +1 -1
  372. package/lib/components/tooltip/src/tooltip2.js +169 -35
  373. package/lib/components/tooltip/src/tooltip2.js.map +1 -1
  374. package/lib/components/tooltip-v2/index.js +2 -2
  375. package/lib/components/tooltip-v2/src/content2.js +1 -1
  376. package/lib/components/tooltip-v2/src/tooltip.js +73 -20
  377. package/lib/components/tooltip-v2/src/tooltip.js.map +1 -1
  378. package/lib/components/tooltip-v2/src/tooltip2.js +20 -73
  379. package/lib/components/tooltip-v2/src/tooltip2.js.map +1 -1
  380. package/lib/components/transfer/index.js +2 -2
  381. package/lib/components/transfer/src/composables/use-checked-change.js +1 -1
  382. package/lib/components/transfer/src/transfer-panel2.js +1 -1
  383. package/lib/components/transfer/src/transfer.js +73 -159
  384. package/lib/components/transfer/src/transfer.js.map +1 -1
  385. package/lib/components/transfer/src/transfer2.js +159 -73
  386. package/lib/components/transfer/src/transfer2.js.map +1 -1
  387. package/lib/components/upload/index.js +2 -2
  388. package/lib/components/upload/src/upload-content.js +32 -171
  389. package/lib/components/upload/src/upload-content.js.map +1 -1
  390. package/lib/components/upload/src/upload-content2.js +171 -32
  391. package/lib/components/upload/src/upload-content2.js.map +1 -1
  392. package/lib/components/upload/src/upload-list.js +27 -172
  393. package/lib/components/upload/src/upload-list.js.map +1 -1
  394. package/lib/components/upload/src/upload-list2.js +172 -27
  395. package/lib/components/upload/src/upload-list2.js.map +1 -1
  396. package/lib/components/upload/src/upload2.js +2 -2
  397. package/lib/components/visual-hidden/index.js +2 -2
  398. package/lib/components/visual-hidden/src/visual-hidden.js +7 -35
  399. package/lib/components/visual-hidden/src/visual-hidden.js.map +1 -1
  400. package/lib/components/visual-hidden/src/visual-hidden2.js +35 -7
  401. package/lib/components/visual-hidden/src/visual-hidden2.js.map +1 -1
  402. package/lib/index.js +29 -29
  403. package/package.json +1 -1
  404. package/web-types.json +1 -1
@@ -1,23 +1,28 @@
1
- import '../../../utils/index.mjs';
2
- import { buildProps } from '../../../utils/vue/props/runtime.mjs';
1
+ import { defineComponent, openBlock, createElementBlock, normalizeClass, unref, createBlock, createCommentVNode } from 'vue';
2
+ import '../../../hooks/index.mjs';
3
+ import { PictureFilled } from '@element-plus/icons-vue';
4
+ import { skeletonItemProps } from './skeleton-item.mjs';
5
+ import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
6
+ import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
3
7
 
4
- const skeletonItemProps = buildProps({
5
- variant: {
6
- type: String,
7
- values: [
8
- "circle",
9
- "rect",
10
- "h1",
11
- "h3",
12
- "text",
13
- "caption",
14
- "p",
15
- "image",
16
- "button"
17
- ],
18
- default: "text"
8
+ const __default__ = defineComponent({
9
+ name: "ElSkeletonItem"
10
+ });
11
+ const _sfc_main = /* @__PURE__ */ defineComponent({
12
+ ...__default__,
13
+ props: skeletonItemProps,
14
+ setup(__props) {
15
+ const ns = useNamespace("skeleton");
16
+ return (_ctx, _cache) => {
17
+ return openBlock(), createElementBlock("div", {
18
+ class: normalizeClass([unref(ns).e("item"), unref(ns).e(_ctx.variant)])
19
+ }, [
20
+ _ctx.variant === "image" ? (openBlock(), createBlock(unref(PictureFilled), { key: 0 })) : createCommentVNode("v-if", true)
21
+ ], 2);
22
+ };
19
23
  }
20
24
  });
25
+ var SkeletonItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/Users/meng/workspace/element-pe/packages/components/skeleton/src/skeleton-item.vue"]]);
21
26
 
22
- export { skeletonItemProps };
27
+ export { SkeletonItem as default };
23
28
  //# sourceMappingURL=skeleton-item2.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"skeleton-item2.mjs","sources":["../../../../../../packages/components/skeleton/src/skeleton-item.ts"],"sourcesContent":["import { buildProps } from '@element-plus/utils'\nimport type SkeletonItem from './skeleton-item.vue'\nimport type { ExtractPropTypes } from 'vue'\n\nexport const skeletonItemProps = buildProps({\n variant: {\n type: String,\n values: [\n 'circle',\n 'rect',\n 'h1',\n 'h3',\n 'text',\n 'caption',\n 'p',\n 'image',\n 'button',\n ],\n default: 'text',\n },\n} as const)\nexport type SkeletonItemProps = ExtractPropTypes<typeof skeletonItemProps>\n\nexport type SkeletonItemInstance = InstanceType<typeof SkeletonItem>\n"],"names":[],"mappings":";;;AACY,MAAC,iBAAiB,GAAG,UAAU,CAAC;AAC5C,EAAE,OAAO,EAAE;AACX,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE;AACZ,MAAM,QAAQ;AACd,MAAM,MAAM;AACZ,MAAM,IAAI;AACV,MAAM,IAAI;AACV,MAAM,MAAM;AACZ,MAAM,SAAS;AACf,MAAM,GAAG;AACT,MAAM,OAAO;AACb,MAAM,QAAQ;AACd,KAAK;AACL,IAAI,OAAO,EAAE,MAAM;AACnB,GAAG;AACH,CAAC;;;;"}
1
+ {"version":3,"file":"skeleton-item2.mjs","sources":["../../../../../../packages/components/skeleton/src/skeleton-item.vue"],"sourcesContent":["<template>\n <div :class=\"[ns.e('item'), ns.e(variant)]\">\n <picture-filled v-if=\"variant === 'image'\" />\n </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { useNamespace } from '@element-plus/hooks'\nimport { PictureFilled } from '@element-plus/icons-vue'\nimport { skeletonItemProps } from './skeleton-item'\n\ndefineOptions({\n name: 'ElSkeletonItem',\n})\ndefineProps(skeletonItemProps)\nconst ns = useNamespace('skeleton')\n</script>\n"],"names":[],"mappings":";;;;;;;mCAWc,CAAA;AAAA,EACZ,IAAM,EAAA,gBAAA;AACR,CAAA,CAAA,CAAA;;;;;AAEA,IAAM,MAAA,EAAA,GAAK,aAAa,UAAU,CAAA,CAAA;;;;;;;;;;;;;;"}
@@ -1,7 +1,7 @@
1
1
  import { defineComponent, toRef, unref, openBlock, createElementBlock, mergeProps, Fragment, renderList, renderSlot, createVNode, normalizeClass, createBlock, createCommentVNode, normalizeProps } from 'vue';
2
2
  import '../../../hooks/index.mjs';
3
3
  import { skeletonProps } from './skeleton.mjs';
4
- import SkeletonItem from './skeleton-item.mjs';
4
+ import SkeletonItem from './skeleton-item2.mjs';
5
5
  import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
6
6
  import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
7
7
  import { useThrottleRender } from '../../../hooks/use-throttle-render/index.mjs';
@@ -14160,7 +14160,6 @@ export declare const ElSlider: import("element-pe/es/utils").SFCWithInstall<impo
14160
14160
  }> & {} & import("vue").ComponentCustomProperties) | undefined>;
14161
14161
  data: {
14162
14162
  currentValue: number | null | undefined;
14163
- lastValue: number | null | undefined;
14164
14163
  userInput: string | number | null;
14165
14164
  };
14166
14165
  formItem: import("../..").FormItemContext | undefined;
@@ -14160,7 +14160,6 @@ declare const _default: import("vue").DefineComponent<{
14160
14160
  }> & {} & import("vue").ComponentCustomProperties) | undefined>;
14161
14161
  data: {
14162
14162
  currentValue: number | null | undefined;
14163
- lastValue: number | null | undefined;
14164
14163
  userInput: string | number | null;
14165
14164
  };
14166
14165
  formItem: import("element-pe/es/tokens").FormItemContext | undefined;
@@ -1,8 +1,8 @@
1
1
  import '../../utils/index.mjs';
2
- import Steps from './src/steps2.mjs';
3
- import Step from './src/item2.mjs';
4
- export { stepProps } from './src/item.mjs';
5
- export { stepsEmits, stepsProps } from './src/steps.mjs';
2
+ import Steps from './src/steps.mjs';
3
+ import Step from './src/item.mjs';
4
+ export { stepProps } from './src/item2.mjs';
5
+ export { stepsEmits, stepsProps } from './src/steps2.mjs';
6
6
  import { withInstall, withNoopInstall } from '../../utils/vue/install.mjs';
7
7
 
8
8
  const ElSteps = withInstall(Steps, {
@@ -1,25 +1,196 @@
1
- import '../../../utils/index.mjs';
2
- import { buildProps } from '../../../utils/vue/props/runtime.mjs';
3
- import { iconPropType } from '../../../utils/vue/icon.mjs';
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
+ import { stepProps } from './item2.mjs';
6
+ import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
7
+ import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
4
8
 
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: ""
9
+ const __default__ = defineComponent({
10
+ name: "ElStep"
11
+ });
12
+ const _sfc_main = defineComponent({
13
+ ...__default__,
14
+ props: stepProps,
15
+ setup(__props) {
16
+ const props = __props;
17
+ const ns = useNamespace("step");
18
+ const index = ref(-1);
19
+ const lineStyle = ref({});
20
+ const internalStatus = ref("");
21
+ const parent = inject("ElSteps");
22
+ const currentInstance = getCurrentInstance();
23
+ onMounted(() => {
24
+ watch([
25
+ () => parent.props.active,
26
+ () => parent.props.processStatus,
27
+ () => parent.props.finishStatus
28
+ ], ([active]) => {
29
+ updateStatus(active);
30
+ }, { immediate: true });
31
+ });
32
+ onBeforeUnmount(() => {
33
+ parent.steps.value = parent.steps.value.filter((instance) => instance.uid !== (currentInstance == null ? void 0 : currentInstance.uid));
34
+ });
35
+ const currentStatus = computed(() => {
36
+ return props.status || internalStatus.value;
37
+ });
38
+ const prevStatus = computed(() => {
39
+ const prevStep = parent.steps.value[index.value - 1];
40
+ return prevStep ? prevStep.currentStatus : "wait";
41
+ });
42
+ const isCenter = computed(() => {
43
+ return parent.props.alignCenter;
44
+ });
45
+ const isVertical = computed(() => {
46
+ return parent.props.direction === "vertical";
47
+ });
48
+ const isSimple = computed(() => {
49
+ return parent.props.simple;
50
+ });
51
+ const stepsCount = computed(() => {
52
+ return parent.steps.value.length;
53
+ });
54
+ const isLast = computed(() => {
55
+ var _a;
56
+ return ((_a = parent.steps.value[stepsCount.value - 1]) == null ? void 0 : _a.uid) === (currentInstance == null ? void 0 : currentInstance.uid);
57
+ });
58
+ const space = computed(() => {
59
+ return isSimple.value ? "" : parent.props.space;
60
+ });
61
+ const style = computed(() => {
62
+ const style2 = {
63
+ flexBasis: typeof space.value === "number" ? `${space.value}px` : space.value ? space.value : `${100 / (stepsCount.value - (isCenter.value ? 0 : 1))}%`
64
+ };
65
+ if (isVertical.value)
66
+ return style2;
67
+ if (isLast.value) {
68
+ style2.maxWidth = `${100 / stepsCount.value}%`;
69
+ }
70
+ return style2;
71
+ });
72
+ const setIndex = (val) => {
73
+ index.value = val;
74
+ };
75
+ const calcProgress = (status) => {
76
+ let step = 100;
77
+ const style2 = {};
78
+ style2.transitionDelay = `${150 * index.value}ms`;
79
+ if (status === parent.props.processStatus) {
80
+ step = 0;
81
+ } else if (status === "wait") {
82
+ step = 0;
83
+ style2.transitionDelay = `${-150 * index.value}ms`;
84
+ }
85
+ style2.borderWidth = step && !isSimple.value ? "1px" : 0;
86
+ style2[parent.props.direction === "vertical" ? "height" : "width"] = `${step}%`;
87
+ lineStyle.value = style2;
88
+ };
89
+ const updateStatus = (activeIndex) => {
90
+ if (activeIndex > index.value) {
91
+ internalStatus.value = parent.props.finishStatus;
92
+ } else if (activeIndex === index.value && prevStatus.value !== "error") {
93
+ internalStatus.value = parent.props.processStatus;
94
+ } else {
95
+ internalStatus.value = "wait";
96
+ }
97
+ const prevChild = parent.steps.value[index.value - 1];
98
+ if (prevChild)
99
+ prevChild.calcProgress(internalStatus.value);
100
+ };
101
+ const stepItemState = reactive({
102
+ uid: computed(() => currentInstance == null ? void 0 : currentInstance.uid),
103
+ currentStatus,
104
+ setIndex,
105
+ calcProgress
106
+ });
107
+ parent.steps.value = [...parent.steps.value, stepItemState];
108
+ return (_ctx, _cache) => {
109
+ return openBlock(), createElementBlock("div", {
110
+ style: normalizeStyle(unref(style)),
111
+ class: normalizeClass([
112
+ unref(ns).b(),
113
+ unref(ns).is(unref(isSimple) ? "simple" : unref(parent).props.direction),
114
+ unref(ns).is("flex", unref(isLast) && !unref(space) && !unref(isCenter)),
115
+ unref(ns).is("center", unref(isCenter) && !unref(isVertical) && !unref(isSimple))
116
+ ])
117
+ }, [
118
+ createCommentVNode(" icon & line "),
119
+ createElementVNode("div", {
120
+ class: normalizeClass([unref(ns).e("head"), unref(ns).is(unref(currentStatus))])
121
+ }, [
122
+ !unref(isSimple) ? (openBlock(), createElementBlock("div", {
123
+ key: 0,
124
+ class: normalizeClass(unref(ns).e("line"))
125
+ }, [
126
+ createElementVNode("i", {
127
+ class: normalizeClass(unref(ns).e("line-inner")),
128
+ style: normalizeStyle(lineStyle.value)
129
+ }, null, 6)
130
+ ], 2)) : createCommentVNode("v-if", true),
131
+ createElementVNode("div", {
132
+ class: normalizeClass([unref(ns).e("icon"), unref(ns).is(_ctx.icon || _ctx.$slots.icon ? "icon" : "text")])
133
+ }, [
134
+ renderSlot(_ctx.$slots, "icon", {}, () => [
135
+ _ctx.icon ? (openBlock(), createBlock(unref(ElIcon), {
136
+ key: 0,
137
+ class: normalizeClass(unref(ns).e("icon-inner"))
138
+ }, {
139
+ default: withCtx(() => [
140
+ (openBlock(), createBlock(resolveDynamicComponent(_ctx.icon)))
141
+ ]),
142
+ _: 1
143
+ }, 8, ["class"])) : unref(currentStatus) === "success" ? (openBlock(), createBlock(unref(ElIcon), {
144
+ key: 1,
145
+ class: normalizeClass([unref(ns).e("icon-inner"), unref(ns).is("status")])
146
+ }, {
147
+ default: withCtx(() => [
148
+ createVNode(unref(Check))
149
+ ]),
150
+ _: 1
151
+ }, 8, ["class"])) : unref(currentStatus) === "error" ? (openBlock(), createBlock(unref(ElIcon), {
152
+ key: 2,
153
+ class: normalizeClass([unref(ns).e("icon-inner"), unref(ns).is("status")])
154
+ }, {
155
+ default: withCtx(() => [
156
+ createVNode(unref(Close))
157
+ ]),
158
+ _: 1
159
+ }, 8, ["class"])) : !unref(isSimple) ? (openBlock(), createElementBlock("div", {
160
+ key: 3,
161
+ class: normalizeClass(unref(ns).e("icon-inner"))
162
+ }, toDisplayString(index.value + 1), 3)) : createCommentVNode("v-if", true)
163
+ ])
164
+ ], 2)
165
+ ], 2),
166
+ createCommentVNode(" title & description "),
167
+ createElementVNode("div", {
168
+ class: normalizeClass(unref(ns).e("main"))
169
+ }, [
170
+ createElementVNode("div", {
171
+ class: normalizeClass([unref(ns).e("title"), unref(ns).is(unref(currentStatus))])
172
+ }, [
173
+ renderSlot(_ctx.$slots, "title", {}, () => [
174
+ createTextVNode(toDisplayString(_ctx.title), 1)
175
+ ])
176
+ ], 2),
177
+ unref(isSimple) ? (openBlock(), createElementBlock("div", {
178
+ key: 0,
179
+ class: normalizeClass(unref(ns).e("arrow"))
180
+ }, null, 2)) : (openBlock(), createElementBlock("div", {
181
+ key: 1,
182
+ class: normalizeClass([unref(ns).e("description"), unref(ns).is(unref(currentStatus))])
183
+ }, [
184
+ renderSlot(_ctx.$slots, "description", {}, () => [
185
+ createTextVNode(toDisplayString(_ctx.description), 1)
186
+ ])
187
+ ], 2))
188
+ ], 2)
189
+ ], 6);
190
+ };
21
191
  }
22
192
  });
193
+ var Step = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/Users/meng/workspace/element-pe/packages/components/steps/src/item.vue"]]);
23
194
 
24
- export { stepProps };
195
+ export { Step as default };
25
196
  //# 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 { 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:\n typeof space.value === 'number'\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 let step = 100\n const style: CSSProperties = {}\n style.transitionDelay = `${150 * index.value}ms`\n if (status === parent.props.processStatus) {\n step = 0\n } else if (status === 'wait') {\n step = 0\n style.transitionDelay = `${-150 * index.value}ms`\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":";;;;;;;;mCA8Fc,CAAA;AAAA,EACZ,IAAM,EAAA,QAAA;AACR,CAAA,CAAA,CAAA;;;;;;AAGA,IAAM,MAAA,EAAA,GAAK,aAAa,MAAM,CAAA,CAAA;AAC9B,IAAM,MAAA,KAAA,GAAQ,IAAI,CAAE,CAAA,CAAA,CAAA;AACpB,IAAM,MAAA,SAAA,GAAY,GAAI,CAAA,EAAE,CAAA,CAAA;AACxB,IAAM,MAAA,cAAA,GAAiB,IAAI,EAAE,CAAA,CAAA;AAC7B,IAAM,MAAA,MAAA,GAAS,OAAO,SAAS,CAAA,CAAA;AAC/B,IAAA,MAAM,kBAAkB,kBAAmB,EAAA,CAAA;AAE3C,IAAA,SAAA,CAAU,MAAM;AACd,MACE,KAAA,CAAA;AAAA,QACE,MAAM,OAAO,KAAM,CAAA,MAAA;AAAA,QACnB,MAAM,OAAO,KAAM,CAAA,aAAA;AAAA,QACnB,MAAM,OAAO,KAAM,CAAA,YAAA;AAAA,OACrB,EACA,CAAC,CAAC,MAAY,CAAA,KAAA;AACZ,QAAA,YAAA,CAAa,MAAM,CAAA,CAAA;AAAA,OAErB,EAAA,EAAE,SAAW,EAAA,IAAA,EACf,CAAA,CAAA;AAAA,KACD,CAAA,CAAA;AAED,IAAA,eAAA,CAAgB,MAAM;AACpB,MAAO,MAAA,CAAA,KAAA,CAAM,KAAQ,GAAA,MAAA,CAAO,KAAM,CAAA,KAAA,CAAM,MACtC,CAAA,CAAC,QAAa,KAAA,QAAA,CAAS,GAAQ,MAAA,eAAA,IACjC,IAAA,GAAA,KAAA,CAAA,GAAA,eAAA,CAAA,GAAA,CAAA,CAAA,CAAA;AAAA,KACD,CAAA,CAAA;AAED,IAAM,MAAA,aAAA,GAAgB,SAAS,MAAM;AACnC,MAAO,OAAA,KAAA,CAAM,UAAU,cAAe,CAAA,KAAA,CAAA;AAAA,KACvC,CAAA,CAAA;AAED,IAAM,MAAA,UAAA,GAAa,SAAS,MAAM;AAChC,MAAA,MAAM,QAAW,GAAA,MAAA,CAAO,KAAM,CAAA,KAAA,CAAM,MAAM,KAAQ,GAAA,CAAA,CAAA,CAAA;AAClD,MAAO,OAAA,QAAA,GAAW,SAAS,aAAgB,GAAA,MAAA,CAAA;AAAA,KAC5C,CAAA,CAAA;AAED,IAAM,MAAA,QAAA,GAAW,SAAS,MAAM;AAC9B,MAAA,OAAO,OAAO,KAAM,CAAA,WAAA,CAAA;AAAA,KACrB,CAAA,CAAA;AAED,IAAM,MAAA,UAAA,GAAa,SAAS,MAAM;AAChC,MAAO,OAAA,MAAA,CAAO,MAAM,SAAc,KAAA,UAAA,CAAA;AAAA,KACnC,CAAA,CAAA;AAED,IAAM,MAAA,QAAA,GAAW,SAAS,MAAM;AAC9B,MAAA,OAAO,OAAO,KAAM,CAAA,MAAA,CAAA;AAAA,KACrB,CAAA,CAAA;AAED,IAAM,MAAA,UAAA,GAAa,SAAS,MAAM;AAChC,MAAO,OAAA,MAAA,CAAO,MAAM,KAAM,CAAA,MAAA,CAAA;AAAA,KAC3B,CAAA,CAAA;AAED,IAAM,MAAA,MAAA,GAAS,SAAS,MAAM;AAC5B,MAAA,IAAA,EAAA,CAAO;AAAmE,MAC3E,OAAA,CAAA,CAAA,EAAA,GAAA,MAAA,CAAA,KAAA,CAAA,KAAA,CAAA,UAAA,CAAA,KAAA,GAAA,CAAA,CAAA,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,GAAA,OAAA,eAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,eAAA,CAAA,GAAA,CAAA,CAAA;AAED,KAAM,CAAA,CAAA;AACJ,IAAA,MAAA,KAAgB,GAAA,QAAA,CAAA,MAAa;AAAa,MAC3C,OAAA,QAAA,CAAA,KAAA,GAAA,EAAA,GAAA,MAAA,CAAA,KAAA,CAAA,KAAA,CAAA;AAED,KAAM,CAAA,CAAA;AACJ,IAAA,MAAA,KAA6B,GAAA,QAAA,CAAA,MAAA;AAAA,MAAA,eAElB;AAIgD,QAC3D,SAAA,EAAA,OAAA,KAAA,CAAA,KAAA,KAAA,QAAA,GAAA,CAAA,EAAA,KAAA,CAAA,KAAA,CAAA,EAAA,CAAA,GAAA,KAAA,CAAA,KAAA,GAAA,KAAA,CAAA,KAAA,GAAA,CAAA,EAAA,GAAA,IAAA,UAAA,CAAA,KAAA,IAAA,QAAA,CAAA,KAAA,GAAA,CAAA,GAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AACA,OAAA,CAAA;AAAsB,MAAO,IAAA,UAAA,CAAA,KAAA;AAC7B,QAAA,aAAkB,CAAA;AAChB,MAAM,IAAA,MAAA,CAAA,KAAA,EAAA;AAA+B,QACvC,MAAA,CAAA,QAAA,GAAA,CAAA,EAAA,GAAA,GAAA,UAAA,CAAA,KAAA,CAAA,CAAA,CAAA,CAAA;AACA,OAAO;AAAA,MACR,OAAA,MAAA,CAAA;AAED,KAAM,CAAA,CAAA;AACJ,IAAA,MAAA,QAAc,GAAA,CAAA,GAAA,KAAA;AAAA,MAChB,KAAA,CAAA,KAAA,GAAA,GAAA,CAAA;AAEA,KAAM,CAAA;AACJ,IAAA,MAAI,YAAO,GAAA,CAAA,MAAA,KAAA;AACX,MAAA,IAAA,WAA6B;AAC7B,MAAM,MAAA,MAAA,GAAA,EAAA,CAAA;AACN,MAAI,MAAA,CAAA,eAAkB,GAAA,CAAA,EAAM,GAAe,GAAA,KAAA,CAAA,KAAA,CAAA,EAAA,CAAA,CAAA;AACzC,MAAO,IAAA,MAAA,KAAA,MAAA,CAAA,KAAA,CAAA,aAAA,EAAA;AAAA,QACT,IAAA,GAAA,CAAA,CAAW;AACT,OAAO,MAAA,IAAA,MAAA,KAAA,MAAA,EAAA;AACP,QAAM,IAAA,GAAA,CAAA,CAAA;AAAkC,QAC1C,MAAA,CAAA,eAAA,GAAA,CAAA,EAAA,CAAA,GAAA,GAAA,KAAA,CAAA,KAAA,CAAA,EAAA,CAAA,CAAA;AACA,OAAA;AACA,MAAA,MAAA,CAAM,WAAa,GAAA,IAAA,IAAA,CAAA,QAA2B,CAAA,KAAA,GAAA,KAAA,GAAA,CAAA,CAAA;AAC9C,MAAA,MAAA,CAAA,MAAkB,CAAA,KAAA,CAAA,SAAA,KAAA,UAAA,GAAA,QAAA,GAAA,OAAA,CAAA,GAAA,CAAA,EAAA,IAAA,CAAA,CAAA,CAAA,CAAA;AAAA,MACpB,SAAA,CAAA,KAAA,GAAA,MAAA,CAAA;AAEA,KAAM,CAAA;AACJ,IAAI,MAAA,YAAA,eAA2B,KAAA;AAC7B,MAAe,IAAA,WAAA,GAAA,KAAA,CAAA;AAAqB,sBACX,CAAA,KAAA,GAAA,MAAA,CAAA,KAAe,CAAA,YAAA,CAAA;AACxC,OAAe,MAAA,IAAA,WAAA,UAAe,CAAM,KAAA,IAAA,UAAA,CAAA,KAAA,KAAA,OAAA,EAAA;AAAA,QAC/B,cAAA,CAAA,KAAA,GAAA,MAAA,CAAA,KAAA,CAAA,aAAA,CAAA;AACL,OAAA,MAAA;AAAuB,QACzB,cAAA,CAAA,KAAA,GAAA,MAAA,CAAA;AACA,OAAA;AACA,MAAI,MAAA,SAAA,GAAA,MAAA,CAAA,KAAA,CAAA,KAAA,CAAA,KAAA,CAAA,KAAA,GAAA,CAAA,CAAA,CAAA;AAAW,MAAU,IAAA,SAAA;AAAiC,QAC5D,SAAA,CAAA,YAAA,CAAA,cAAA,CAAA,KAAA,CAAA,CAAA;AAEA,KAAA,CAAA;AAA+B,IAAA,MACxB,aAAe,GAAA,QAAA,CAAA;AAAoB,MACxC,GAAA,EAAA,QAAA,CAAA,MAAA,eAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,eAAA,CAAA,GAAA,CAAA;AAAA,MACA,aAAA;AAAA,MACA,QAAA;AAAA,MACD,YAAA;AAED,KAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -1,196 +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
- import { stepProps } from './item.mjs';
6
- import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
7
- import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
1
+ import '../../../utils/index.mjs';
2
+ import { buildProps } from '../../../utils/vue/props/runtime.mjs';
3
+ import { iconPropType } from '../../../utils/vue/icon.mjs';
8
4
 
9
- const __default__ = defineComponent({
10
- name: "ElStep"
11
- });
12
- const _sfc_main = defineComponent({
13
- ...__default__,
14
- props: stepProps,
15
- setup(__props) {
16
- const props = __props;
17
- const ns = useNamespace("step");
18
- const index = ref(-1);
19
- const lineStyle = ref({});
20
- const internalStatus = ref("");
21
- const parent = inject("ElSteps");
22
- const currentInstance = getCurrentInstance();
23
- onMounted(() => {
24
- watch([
25
- () => parent.props.active,
26
- () => parent.props.processStatus,
27
- () => parent.props.finishStatus
28
- ], ([active]) => {
29
- updateStatus(active);
30
- }, { immediate: true });
31
- });
32
- onBeforeUnmount(() => {
33
- parent.steps.value = parent.steps.value.filter((instance) => instance.uid !== (currentInstance == null ? void 0 : currentInstance.uid));
34
- });
35
- const currentStatus = computed(() => {
36
- return props.status || internalStatus.value;
37
- });
38
- const prevStatus = computed(() => {
39
- const prevStep = parent.steps.value[index.value - 1];
40
- return prevStep ? prevStep.currentStatus : "wait";
41
- });
42
- const isCenter = computed(() => {
43
- return parent.props.alignCenter;
44
- });
45
- const isVertical = computed(() => {
46
- return parent.props.direction === "vertical";
47
- });
48
- const isSimple = computed(() => {
49
- return parent.props.simple;
50
- });
51
- const stepsCount = computed(() => {
52
- return parent.steps.value.length;
53
- });
54
- const isLast = computed(() => {
55
- var _a;
56
- return ((_a = parent.steps.value[stepsCount.value - 1]) == null ? void 0 : _a.uid) === (currentInstance == null ? void 0 : currentInstance.uid);
57
- });
58
- const space = computed(() => {
59
- return isSimple.value ? "" : parent.props.space;
60
- });
61
- const style = computed(() => {
62
- const style2 = {
63
- flexBasis: typeof space.value === "number" ? `${space.value}px` : space.value ? space.value : `${100 / (stepsCount.value - (isCenter.value ? 0 : 1))}%`
64
- };
65
- if (isVertical.value)
66
- return style2;
67
- if (isLast.value) {
68
- style2.maxWidth = `${100 / stepsCount.value}%`;
69
- }
70
- return style2;
71
- });
72
- const setIndex = (val) => {
73
- index.value = val;
74
- };
75
- const calcProgress = (status) => {
76
- let step = 100;
77
- const style2 = {};
78
- style2.transitionDelay = `${150 * index.value}ms`;
79
- if (status === parent.props.processStatus) {
80
- step = 0;
81
- } else if (status === "wait") {
82
- step = 0;
83
- style2.transitionDelay = `${-150 * index.value}ms`;
84
- }
85
- style2.borderWidth = step && !isSimple.value ? "1px" : 0;
86
- style2[parent.props.direction === "vertical" ? "height" : "width"] = `${step}%`;
87
- lineStyle.value = style2;
88
- };
89
- const updateStatus = (activeIndex) => {
90
- if (activeIndex > index.value) {
91
- internalStatus.value = parent.props.finishStatus;
92
- } else if (activeIndex === index.value && prevStatus.value !== "error") {
93
- internalStatus.value = parent.props.processStatus;
94
- } else {
95
- internalStatus.value = "wait";
96
- }
97
- const prevChild = parent.steps.value[index.value - 1];
98
- if (prevChild)
99
- prevChild.calcProgress(internalStatus.value);
100
- };
101
- const stepItemState = reactive({
102
- uid: computed(() => currentInstance == null ? void 0 : currentInstance.uid),
103
- currentStatus,
104
- setIndex,
105
- calcProgress
106
- });
107
- parent.steps.value = [...parent.steps.value, stepItemState];
108
- return (_ctx, _cache) => {
109
- return openBlock(), createElementBlock("div", {
110
- style: normalizeStyle(unref(style)),
111
- class: normalizeClass([
112
- unref(ns).b(),
113
- unref(ns).is(unref(isSimple) ? "simple" : unref(parent).props.direction),
114
- unref(ns).is("flex", unref(isLast) && !unref(space) && !unref(isCenter)),
115
- unref(ns).is("center", unref(isCenter) && !unref(isVertical) && !unref(isSimple))
116
- ])
117
- }, [
118
- createCommentVNode(" icon & line "),
119
- createElementVNode("div", {
120
- class: normalizeClass([unref(ns).e("head"), unref(ns).is(unref(currentStatus))])
121
- }, [
122
- !unref(isSimple) ? (openBlock(), createElementBlock("div", {
123
- key: 0,
124
- class: normalizeClass(unref(ns).e("line"))
125
- }, [
126
- createElementVNode("i", {
127
- class: normalizeClass(unref(ns).e("line-inner")),
128
- style: normalizeStyle(lineStyle.value)
129
- }, null, 6)
130
- ], 2)) : createCommentVNode("v-if", true),
131
- createElementVNode("div", {
132
- class: normalizeClass([unref(ns).e("icon"), unref(ns).is(_ctx.icon || _ctx.$slots.icon ? "icon" : "text")])
133
- }, [
134
- renderSlot(_ctx.$slots, "icon", {}, () => [
135
- _ctx.icon ? (openBlock(), createBlock(unref(ElIcon), {
136
- key: 0,
137
- class: normalizeClass(unref(ns).e("icon-inner"))
138
- }, {
139
- default: withCtx(() => [
140
- (openBlock(), createBlock(resolveDynamicComponent(_ctx.icon)))
141
- ]),
142
- _: 1
143
- }, 8, ["class"])) : unref(currentStatus) === "success" ? (openBlock(), createBlock(unref(ElIcon), {
144
- key: 1,
145
- class: normalizeClass([unref(ns).e("icon-inner"), unref(ns).is("status")])
146
- }, {
147
- default: withCtx(() => [
148
- createVNode(unref(Check))
149
- ]),
150
- _: 1
151
- }, 8, ["class"])) : unref(currentStatus) === "error" ? (openBlock(), createBlock(unref(ElIcon), {
152
- key: 2,
153
- class: normalizeClass([unref(ns).e("icon-inner"), unref(ns).is("status")])
154
- }, {
155
- default: withCtx(() => [
156
- createVNode(unref(Close))
157
- ]),
158
- _: 1
159
- }, 8, ["class"])) : !unref(isSimple) ? (openBlock(), createElementBlock("div", {
160
- key: 3,
161
- class: normalizeClass(unref(ns).e("icon-inner"))
162
- }, toDisplayString(index.value + 1), 3)) : createCommentVNode("v-if", true)
163
- ])
164
- ], 2)
165
- ], 2),
166
- createCommentVNode(" title & description "),
167
- createElementVNode("div", {
168
- class: normalizeClass(unref(ns).e("main"))
169
- }, [
170
- createElementVNode("div", {
171
- class: normalizeClass([unref(ns).e("title"), unref(ns).is(unref(currentStatus))])
172
- }, [
173
- renderSlot(_ctx.$slots, "title", {}, () => [
174
- createTextVNode(toDisplayString(_ctx.title), 1)
175
- ])
176
- ], 2),
177
- unref(isSimple) ? (openBlock(), createElementBlock("div", {
178
- key: 0,
179
- class: normalizeClass(unref(ns).e("arrow"))
180
- }, null, 2)) : (openBlock(), createElementBlock("div", {
181
- key: 1,
182
- class: normalizeClass([unref(ns).e("description"), unref(ns).is(unref(currentStatus))])
183
- }, [
184
- renderSlot(_ctx.$slots, "description", {}, () => [
185
- createTextVNode(toDisplayString(_ctx.description), 1)
186
- ])
187
- ], 2))
188
- ], 2)
189
- ], 6);
190
- };
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: ""
191
21
  }
192
22
  });
193
- var Step = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/Users/meng/workspace/element-pe/packages/components/steps/src/item.vue"]]);
194
23
 
195
- export { Step as default };
24
+ export { stepProps };
196
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 { 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:\n typeof space.value === 'number'\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 let step = 100\n const style: CSSProperties = {}\n style.transitionDelay = `${150 * index.value}ms`\n if (status === parent.props.processStatus) {\n step = 0\n } else if (status === 'wait') {\n step = 0\n style.transitionDelay = `${-150 * index.value}ms`\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;;;;"}