element-plus-secondary 0.6.2 → 0.6.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (539) hide show
  1. package/dist/index.css +1 -1
  2. package/es/components/alert/index.mjs +2 -2
  3. package/es/components/alert/src/alert.mjs +36 -96
  4. package/es/components/alert/src/alert.mjs.map +1 -1
  5. package/es/components/alert/src/alert2.mjs +96 -36
  6. package/es/components/alert/src/alert2.mjs.map +1 -1
  7. package/es/components/autocomplete/src/autocomplete.mjs +1 -1
  8. package/es/components/backtop/index.mjs +2 -2
  9. package/es/components/backtop/src/backtop.mjs +54 -21
  10. package/es/components/backtop/src/backtop.mjs.map +1 -1
  11. package/es/components/backtop/src/backtop2.mjs +21 -54
  12. package/es/components/backtop/src/backtop2.mjs.map +1 -1
  13. package/es/components/badge/index.mjs +2 -2
  14. package/es/components/badge/src/badge.mjs +17 -55
  15. package/es/components/badge/src/badge.mjs.map +1 -1
  16. package/es/components/badge/src/badge2.mjs +55 -17
  17. package/es/components/badge/src/badge2.mjs.map +1 -1
  18. package/es/components/breadcrumb/index.mjs +2 -2
  19. package/es/components/breadcrumb/src/breadcrumb.mjs +11 -37
  20. package/es/components/breadcrumb/src/breadcrumb.mjs.map +1 -1
  21. package/es/components/breadcrumb/src/breadcrumb2.mjs +37 -11
  22. package/es/components/breadcrumb/src/breadcrumb2.mjs.map +1 -1
  23. package/es/components/calendar/index.mjs +2 -2
  24. package/es/components/calendar/src/calendar.mjs +131 -18
  25. package/es/components/calendar/src/calendar.mjs.map +1 -1
  26. package/es/components/calendar/src/calendar2.mjs +18 -131
  27. package/es/components/calendar/src/calendar2.mjs.map +1 -1
  28. package/es/components/card/index.mjs +2 -2
  29. package/es/components/card/src/card.mjs +35 -16
  30. package/es/components/card/src/card.mjs.map +1 -1
  31. package/es/components/card/src/card2.mjs +16 -35
  32. package/es/components/card/src/card2.mjs.map +1 -1
  33. package/es/components/cascader/src/index.mjs +2 -2
  34. package/es/components/cascader-panel/src/index.mjs +1 -1
  35. package/es/components/cascader-panel/src/menu.mjs +1 -1
  36. package/es/components/cascader-panel/src/node.mjs +209 -116
  37. package/es/components/cascader-panel/src/node.mjs.map +1 -1
  38. package/es/components/cascader-panel/src/node2.mjs +116 -209
  39. package/es/components/cascader-panel/src/node2.mjs.map +1 -1
  40. package/es/components/cascader-panel/src/store.mjs +1 -1
  41. package/es/components/check-tag/index.mjs +2 -2
  42. package/es/components/check-tag/src/check-tag.mjs +12 -30
  43. package/es/components/check-tag/src/check-tag.mjs.map +1 -1
  44. package/es/components/check-tag/src/check-tag2.mjs +30 -12
  45. package/es/components/check-tag/src/check-tag2.mjs.map +1 -1
  46. package/es/components/collapse/index.mjs +2 -2
  47. package/es/components/collapse/src/collapse.mjs +17 -30
  48. package/es/components/collapse/src/collapse.mjs.map +1 -1
  49. package/es/components/collapse/src/collapse2.mjs +30 -17
  50. package/es/components/collapse/src/collapse2.mjs.map +1 -1
  51. package/es/components/dropdown/src/dropdown-item-impl.mjs +1 -1
  52. package/es/components/dropdown/src/dropdown-menu.mjs +1 -1
  53. package/es/components/dropdown/src/dropdown.mjs +2 -2
  54. package/es/components/dropdown/src/dropdown2.mjs +1 -1
  55. package/es/components/form/index.mjs +2 -2
  56. package/es/components/form/src/form-item.mjs +316 -43
  57. package/es/components/form/src/form-item.mjs.map +1 -1
  58. package/es/components/form/src/form-item2.mjs +43 -316
  59. package/es/components/form/src/form-item2.mjs.map +1 -1
  60. package/es/components/image/index.d.ts +2 -2
  61. package/es/components/image/src/image.vue.d.ts +2 -2
  62. package/es/components/image-viewer/index.d.ts +1 -1
  63. package/es/components/image-viewer/src/image-viewer.vue.d.ts +1 -1
  64. package/es/components/index.mjs +35 -35
  65. package/es/components/input/index.mjs +2 -2
  66. package/es/components/input/src/input.mjs +116 -442
  67. package/es/components/input/src/input.mjs.map +1 -1
  68. package/es/components/input/src/input2.mjs +442 -116
  69. package/es/components/input/src/input2.mjs.map +1 -1
  70. package/es/components/input-number/index.mjs +2 -2
  71. package/es/components/input-number/src/input-number.mjs +322 -62
  72. package/es/components/input-number/src/input-number.mjs.map +1 -1
  73. package/es/components/input-number/src/input-number2.mjs +62 -322
  74. package/es/components/input-number/src/input-number2.mjs.map +1 -1
  75. package/es/components/message/index.mjs +1 -1
  76. package/es/components/message/src/message.mjs +146 -86
  77. package/es/components/message/src/message.mjs.map +1 -1
  78. package/es/components/message/src/message2.mjs +86 -146
  79. package/es/components/message/src/message2.mjs.map +1 -1
  80. package/es/components/message/src/method.mjs +2 -2
  81. package/es/components/notification/index.mjs +1 -1
  82. package/es/components/notification/src/notification.mjs +145 -69
  83. package/es/components/notification/src/notification.mjs.map +1 -1
  84. package/es/components/notification/src/notification2.mjs +69 -145
  85. package/es/components/notification/src/notification2.mjs.map +1 -1
  86. package/es/components/notification/src/notify.mjs +2 -2
  87. package/es/components/page-header/index.mjs +2 -2
  88. package/es/components/page-header/src/page-header.mjs +102 -17
  89. package/es/components/page-header/src/page-header.mjs.map +1 -1
  90. package/es/components/page-header/src/page-header2.mjs +17 -102
  91. package/es/components/page-header/src/page-header2.mjs.map +1 -1
  92. package/es/components/pagination/src/components/jumper.mjs +60 -9
  93. package/es/components/pagination/src/components/jumper.mjs.map +1 -1
  94. package/es/components/pagination/src/components/jumper2.mjs +9 -60
  95. package/es/components/pagination/src/components/jumper2.mjs.map +1 -1
  96. package/es/components/pagination/src/components/next.mjs +19 -34
  97. package/es/components/pagination/src/components/next.mjs.map +1 -1
  98. package/es/components/pagination/src/components/next2.mjs +34 -19
  99. package/es/components/pagination/src/components/next2.mjs.map +1 -1
  100. package/es/components/pagination/src/components/pager.mjs +17 -208
  101. package/es/components/pagination/src/components/pager.mjs.map +1 -1
  102. package/es/components/pagination/src/components/pager2.mjs +208 -17
  103. package/es/components/pagination/src/components/pager2.mjs.map +1 -1
  104. package/es/components/pagination/src/components/prev.mjs +18 -34
  105. package/es/components/pagination/src/components/prev.mjs.map +1 -1
  106. package/es/components/pagination/src/components/prev2.mjs +34 -18
  107. package/es/components/pagination/src/components/prev2.mjs.map +1 -1
  108. package/es/components/pagination/src/components/sizes.vue.d.ts +12 -0
  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 +5 -5
  114. package/es/components/popconfirm/src/popconfirm.mjs +1 -1
  115. package/es/components/popover/index.mjs +2 -2
  116. package/es/components/popover/src/popover.mjs +111 -66
  117. package/es/components/popover/src/popover.mjs.map +1 -1
  118. package/es/components/popover/src/popover2.mjs +66 -111
  119. package/es/components/popover/src/popover2.mjs.map +1 -1
  120. package/es/components/popper/index.mjs +2 -2
  121. package/es/components/popper/src/content.mjs +212 -94
  122. package/es/components/popper/src/content.mjs.map +1 -1
  123. package/es/components/popper/src/content2.mjs +94 -212
  124. package/es/components/popper/src/content2.mjs.map +1 -1
  125. package/es/components/progress/index.mjs +2 -2
  126. package/es/components/progress/src/progress.mjs +202 -57
  127. package/es/components/progress/src/progress.mjs.map +1 -1
  128. package/es/components/progress/src/progress2.mjs +57 -202
  129. package/es/components/progress/src/progress2.mjs.map +1 -1
  130. package/es/components/radio/index.mjs +4 -4
  131. package/es/components/radio/src/radio-button.mjs +68 -9
  132. package/es/components/radio/src/radio-button.mjs.map +1 -1
  133. package/es/components/radio/src/radio-button2.mjs +9 -68
  134. package/es/components/radio/src/radio-button2.mjs.map +1 -1
  135. package/es/components/radio/src/radio-group2.mjs +1 -1
  136. package/es/components/radio/src/radio.mjs +78 -34
  137. package/es/components/radio/src/radio.mjs.map +1 -1
  138. package/es/components/radio/src/radio2.mjs +34 -78
  139. package/es/components/radio/src/radio2.mjs.map +1 -1
  140. package/es/components/result/index.mjs +2 -2
  141. package/es/components/result/src/result.mjs +29 -63
  142. package/es/components/result/src/result.mjs.map +1 -1
  143. package/es/components/result/src/result2.mjs +63 -29
  144. package/es/components/result/src/result2.mjs.map +1 -1
  145. package/es/components/roving-focus-group/index.mjs +3 -3
  146. package/es/components/roving-focus-group/src/roving-focus-group-impl.mjs +1 -1
  147. package/es/components/roving-focus-group/src/roving-focus-group.mjs +27 -29
  148. package/es/components/roving-focus-group/src/roving-focus-group.mjs.map +1 -1
  149. package/es/components/roving-focus-group/src/roving-focus-group2.mjs +29 -27
  150. package/es/components/roving-focus-group/src/roving-focus-group2.mjs.map +1 -1
  151. package/es/components/roving-focus-group/src/roving-focus-item.mjs +1 -1
  152. package/es/components/scrollbar/index.mjs +2 -2
  153. package/es/components/scrollbar/src/scrollbar.mjs +47 -175
  154. package/es/components/scrollbar/src/scrollbar.mjs.map +1 -1
  155. package/es/components/scrollbar/src/scrollbar2.mjs +175 -47
  156. package/es/components/scrollbar/src/scrollbar2.mjs.map +1 -1
  157. package/es/components/select/index.d.ts +12 -0
  158. package/es/components/select/src/option.mjs +9 -3
  159. package/es/components/select/src/option.mjs.map +1 -1
  160. package/es/components/select/src/option.vue.d.ts +7 -0
  161. package/es/components/select/src/select.mjs +12 -7
  162. package/es/components/select/src/select.mjs.map +1 -1
  163. package/es/components/select-v2/src/defaults.mjs +1 -1
  164. package/es/components/select-v2/src/select.mjs +1 -0
  165. package/es/components/select-v2/src/select.mjs.map +1 -1
  166. package/es/components/skeleton/index.mjs +2 -2
  167. package/es/components/skeleton/src/skeleton-item.mjs +18 -23
  168. package/es/components/skeleton/src/skeleton-item.mjs.map +1 -1
  169. package/es/components/skeleton/src/skeleton-item2.mjs +23 -18
  170. package/es/components/skeleton/src/skeleton-item2.mjs.map +1 -1
  171. package/es/components/skeleton/src/skeleton2.mjs +1 -1
  172. package/es/components/slider/src/button.mjs +95 -21
  173. package/es/components/slider/src/button.mjs.map +1 -1
  174. package/es/components/slider/src/button2.mjs +21 -95
  175. package/es/components/slider/src/button2.mjs.map +1 -1
  176. package/es/components/slider/src/slider2.mjs +1 -1
  177. package/es/components/steps/index.mjs +2 -2
  178. package/es/components/steps/src/item.mjs +194 -20
  179. package/es/components/steps/src/item.mjs.map +1 -1
  180. package/es/components/steps/src/item2.mjs +20 -194
  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 -240
  184. package/es/components/switch/src/switch.mjs.map +1 -1
  185. package/es/components/switch/src/switch2.mjs +240 -88
  186. package/es/components/switch/src/switch2.mjs.map +1 -1
  187. package/es/components/tabs/index.mjs +2 -2
  188. package/es/components/tabs/src/tab-pane.mjs +13 -73
  189. package/es/components/tabs/src/tab-pane.mjs.map +1 -1
  190. package/es/components/tabs/src/tab-pane2.mjs +73 -13
  191. package/es/components/tabs/src/tab-pane2.mjs.map +1 -1
  192. package/es/components/tag/index.mjs +2 -2
  193. package/es/components/tag/src/tag.mjs +32 -96
  194. package/es/components/tag/src/tag.mjs.map +1 -1
  195. package/es/components/tag/src/tag2.mjs +96 -32
  196. package/es/components/tag/src/tag2.mjs.map +1 -1
  197. package/es/components/time-picker/src/common/picker.mjs +14 -1
  198. package/es/components/time-picker/src/common/picker.mjs.map +1 -1
  199. package/es/components/time-picker/src/common/picker.vue.d.ts +3 -0
  200. package/es/components/time-select/index.d.ts +36 -0
  201. package/es/components/time-select/index.mjs +1 -1
  202. package/es/components/time-select/src/time-select.mjs +48 -117
  203. package/es/components/time-select/src/time-select.mjs.map +1 -1
  204. package/es/components/time-select/src/time-select.vue.d.ts +18 -0
  205. package/es/components/time-select/src/time-select2.mjs +117 -48
  206. package/es/components/time-select/src/time-select2.mjs.map +1 -1
  207. package/es/components/timeline/index.mjs +2 -2
  208. package/es/components/timeline/src/timeline-item.mjs +70 -42
  209. package/es/components/timeline/src/timeline-item.mjs.map +1 -1
  210. package/es/components/timeline/src/timeline-item2.mjs +42 -70
  211. package/es/components/timeline/src/timeline-item2.mjs.map +1 -1
  212. package/es/components/tooltip/index.mjs +4 -4
  213. package/es/components/tooltip/src/content.mjs +39 -167
  214. package/es/components/tooltip/src/content.mjs.map +1 -1
  215. package/es/components/tooltip/src/content2.mjs +167 -39
  216. package/es/components/tooltip/src/content2.mjs.map +1 -1
  217. package/es/components/tooltip/src/tooltip.mjs +170 -35
  218. package/es/components/tooltip/src/tooltip.mjs.map +1 -1
  219. package/es/components/tooltip/src/tooltip2.mjs +35 -170
  220. package/es/components/tooltip/src/tooltip2.mjs.map +1 -1
  221. package/es/components/tooltip/src/trigger.mjs +74 -16
  222. package/es/components/tooltip/src/trigger.mjs.map +1 -1
  223. package/es/components/tooltip/src/trigger2.mjs +16 -74
  224. package/es/components/tooltip/src/trigger2.mjs.map +1 -1
  225. package/es/components/tooltip-v2/index.mjs +2 -2
  226. package/es/components/tooltip-v2/src/content.mjs +50 -113
  227. package/es/components/tooltip-v2/src/content.mjs.map +1 -1
  228. package/es/components/tooltip-v2/src/content2.mjs +113 -50
  229. package/es/components/tooltip-v2/src/content2.mjs.map +1 -1
  230. package/es/components/tooltip-v2/src/root.mjs +81 -17
  231. package/es/components/tooltip-v2/src/root.mjs.map +1 -1
  232. package/es/components/tooltip-v2/src/root2.mjs +17 -81
  233. package/es/components/tooltip-v2/src/root2.mjs.map +1 -1
  234. package/es/components/tooltip-v2/src/tooltip.mjs +2 -2
  235. package/es/components/tooltip-v2/src/tooltip2.mjs +4 -4
  236. package/es/components/transfer/index.mjs +2 -2
  237. package/es/components/transfer/src/composables/use-check.mjs +1 -1
  238. package/es/components/transfer/src/composables/use-checked-change.mjs +1 -1
  239. package/es/components/transfer/src/transfer-panel.mjs +19 -131
  240. package/es/components/transfer/src/transfer-panel.mjs.map +1 -1
  241. package/es/components/transfer/src/transfer-panel2.mjs +131 -19
  242. package/es/components/transfer/src/transfer-panel2.mjs.map +1 -1
  243. package/es/components/transfer/src/transfer.mjs +69 -159
  244. package/es/components/transfer/src/transfer.mjs.map +1 -1
  245. package/es/components/transfer/src/transfer2.mjs +159 -69
  246. package/es/components/transfer/src/transfer2.mjs.map +1 -1
  247. package/es/components/tree/index.d.ts +12 -0
  248. package/es/components/tree/src/tree.mjs +7 -2
  249. package/es/components/tree/src/tree.mjs.map +1 -1
  250. package/es/components/tree/src/tree.vue.d.ts +7 -0
  251. package/es/components/tree-select/src/tree-select-option.d.ts +36 -0
  252. package/es/components/upload/index.mjs +3 -3
  253. package/es/components/upload/src/upload-content.mjs +33 -170
  254. package/es/components/upload/src/upload-content.mjs.map +1 -1
  255. package/es/components/upload/src/upload-content2.mjs +170 -33
  256. package/es/components/upload/src/upload-content2.mjs.map +1 -1
  257. package/es/components/upload/src/upload-dragger.mjs +70 -11
  258. package/es/components/upload/src/upload-dragger.mjs.map +1 -1
  259. package/es/components/upload/src/upload-dragger2.mjs +11 -70
  260. package/es/components/upload/src/upload-dragger2.mjs.map +1 -1
  261. package/es/components/upload/src/upload-list.mjs +26 -170
  262. package/es/components/upload/src/upload-list.mjs.map +1 -1
  263. package/es/components/upload/src/upload-list2.mjs +170 -26
  264. package/es/components/upload/src/upload-list2.mjs.map +1 -1
  265. package/es/components/upload/src/upload2.mjs +2 -2
  266. package/es/index.mjs +35 -35
  267. package/lib/components/alert/index.js +2 -2
  268. package/lib/components/alert/src/alert.js +37 -95
  269. package/lib/components/alert/src/alert.js.map +1 -1
  270. package/lib/components/alert/src/alert2.js +95 -37
  271. package/lib/components/alert/src/alert2.js.map +1 -1
  272. package/lib/components/autocomplete/src/autocomplete.js +1 -1
  273. package/lib/components/backtop/index.js +2 -2
  274. package/lib/components/backtop/src/backtop.js +54 -22
  275. package/lib/components/backtop/src/backtop.js.map +1 -1
  276. package/lib/components/backtop/src/backtop2.js +22 -54
  277. package/lib/components/backtop/src/backtop2.js.map +1 -1
  278. package/lib/components/badge/index.js +2 -2
  279. package/lib/components/badge/src/badge.js +17 -55
  280. package/lib/components/badge/src/badge.js.map +1 -1
  281. package/lib/components/badge/src/badge2.js +55 -17
  282. package/lib/components/badge/src/badge2.js.map +1 -1
  283. package/lib/components/breadcrumb/index.js +2 -2
  284. package/lib/components/breadcrumb/src/breadcrumb.js +11 -37
  285. package/lib/components/breadcrumb/src/breadcrumb.js.map +1 -1
  286. package/lib/components/breadcrumb/src/breadcrumb2.js +37 -11
  287. package/lib/components/breadcrumb/src/breadcrumb2.js.map +1 -1
  288. package/lib/components/calendar/index.js +2 -2
  289. package/lib/components/calendar/src/calendar.js +131 -19
  290. package/lib/components/calendar/src/calendar.js.map +1 -1
  291. package/lib/components/calendar/src/calendar2.js +19 -131
  292. package/lib/components/calendar/src/calendar2.js.map +1 -1
  293. package/lib/components/card/index.js +2 -2
  294. package/lib/components/card/src/card.js +35 -16
  295. package/lib/components/card/src/card.js.map +1 -1
  296. package/lib/components/card/src/card2.js +16 -35
  297. package/lib/components/card/src/card2.js.map +1 -1
  298. package/lib/components/cascader/src/index.js +2 -2
  299. package/lib/components/cascader-panel/src/index.js +1 -1
  300. package/lib/components/cascader-panel/src/menu.js +1 -1
  301. package/lib/components/cascader-panel/src/node.js +209 -116
  302. package/lib/components/cascader-panel/src/node.js.map +1 -1
  303. package/lib/components/cascader-panel/src/node2.js +116 -209
  304. package/lib/components/cascader-panel/src/node2.js.map +1 -1
  305. package/lib/components/cascader-panel/src/store.js +1 -1
  306. package/lib/components/check-tag/index.js +2 -2
  307. package/lib/components/check-tag/src/check-tag.js +13 -30
  308. package/lib/components/check-tag/src/check-tag.js.map +1 -1
  309. package/lib/components/check-tag/src/check-tag2.js +30 -13
  310. package/lib/components/check-tag/src/check-tag2.js.map +1 -1
  311. package/lib/components/collapse/index.js +2 -2
  312. package/lib/components/collapse/src/collapse.js +19 -30
  313. package/lib/components/collapse/src/collapse.js.map +1 -1
  314. package/lib/components/collapse/src/collapse2.js +30 -19
  315. package/lib/components/collapse/src/collapse2.js.map +1 -1
  316. package/lib/components/dropdown/src/dropdown-item-impl.js +1 -1
  317. package/lib/components/dropdown/src/dropdown-menu.js +1 -1
  318. package/lib/components/dropdown/src/dropdown.js +2 -2
  319. package/lib/components/dropdown/src/dropdown2.js +1 -1
  320. package/lib/components/form/index.js +2 -2
  321. package/lib/components/form/src/form-item.js +320 -44
  322. package/lib/components/form/src/form-item.js.map +1 -1
  323. package/lib/components/form/src/form-item2.js +44 -320
  324. package/lib/components/form/src/form-item2.js.map +1 -1
  325. package/lib/components/image/index.d.ts +2 -2
  326. package/lib/components/image/src/image.vue.d.ts +2 -2
  327. package/lib/components/image-viewer/index.d.ts +1 -1
  328. package/lib/components/image-viewer/src/image-viewer.vue.d.ts +1 -1
  329. package/lib/components/index.js +35 -35
  330. package/lib/components/input/index.js +2 -2
  331. package/lib/components/input/src/input.js +116 -441
  332. package/lib/components/input/src/input.js.map +1 -1
  333. package/lib/components/input/src/input2.js +441 -116
  334. package/lib/components/input/src/input2.js.map +1 -1
  335. package/lib/components/input-number/index.js +2 -2
  336. package/lib/components/input-number/src/input-number.js +321 -62
  337. package/lib/components/input-number/src/input-number.js.map +1 -1
  338. package/lib/components/input-number/src/input-number2.js +62 -321
  339. package/lib/components/input-number/src/input-number2.js.map +1 -1
  340. package/lib/components/message/index.js +1 -1
  341. package/lib/components/message/src/message.js +144 -87
  342. package/lib/components/message/src/message.js.map +1 -1
  343. package/lib/components/message/src/message2.js +87 -144
  344. package/lib/components/message/src/message2.js.map +1 -1
  345. package/lib/components/message/src/method.js +2 -2
  346. package/lib/components/notification/index.js +1 -1
  347. package/lib/components/notification/src/notification.js +144 -70
  348. package/lib/components/notification/src/notification.js.map +1 -1
  349. package/lib/components/notification/src/notification2.js +70 -144
  350. package/lib/components/notification/src/notification2.js.map +1 -1
  351. package/lib/components/notification/src/notify.js +2 -2
  352. package/lib/components/page-header/index.js +2 -2
  353. package/lib/components/page-header/src/page-header.js +102 -18
  354. package/lib/components/page-header/src/page-header.js.map +1 -1
  355. package/lib/components/page-header/src/page-header2.js +18 -102
  356. package/lib/components/page-header/src/page-header2.js.map +1 -1
  357. package/lib/components/pagination/src/components/jumper.js +60 -9
  358. package/lib/components/pagination/src/components/jumper.js.map +1 -1
  359. package/lib/components/pagination/src/components/jumper2.js +9 -60
  360. package/lib/components/pagination/src/components/jumper2.js.map +1 -1
  361. package/lib/components/pagination/src/components/next.js +19 -34
  362. package/lib/components/pagination/src/components/next.js.map +1 -1
  363. package/lib/components/pagination/src/components/next2.js +34 -19
  364. package/lib/components/pagination/src/components/next2.js.map +1 -1
  365. package/lib/components/pagination/src/components/pager.js +17 -208
  366. package/lib/components/pagination/src/components/pager.js.map +1 -1
  367. package/lib/components/pagination/src/components/pager2.js +208 -17
  368. package/lib/components/pagination/src/components/pager2.js.map +1 -1
  369. package/lib/components/pagination/src/components/prev.js +19 -34
  370. package/lib/components/pagination/src/components/prev.js.map +1 -1
  371. package/lib/components/pagination/src/components/prev2.js +34 -19
  372. package/lib/components/pagination/src/components/prev2.js.map +1 -1
  373. package/lib/components/pagination/src/components/sizes.vue.d.ts +12 -0
  374. package/lib/components/pagination/src/components/total.js +7 -28
  375. package/lib/components/pagination/src/components/total.js.map +1 -1
  376. package/lib/components/pagination/src/components/total2.js +28 -7
  377. package/lib/components/pagination/src/components/total2.js.map +1 -1
  378. package/lib/components/pagination/src/pagination.js +5 -5
  379. package/lib/components/popconfirm/src/popconfirm.js +1 -1
  380. package/lib/components/popover/index.js +2 -2
  381. package/lib/components/popover/src/popover.js +111 -67
  382. package/lib/components/popover/src/popover.js.map +1 -1
  383. package/lib/components/popover/src/popover2.js +67 -111
  384. package/lib/components/popover/src/popover2.js.map +1 -1
  385. package/lib/components/popper/index.js +2 -2
  386. package/lib/components/popper/src/content.js +212 -99
  387. package/lib/components/popper/src/content.js.map +1 -1
  388. package/lib/components/popper/src/content2.js +99 -212
  389. package/lib/components/popper/src/content2.js.map +1 -1
  390. package/lib/components/progress/index.js +2 -2
  391. package/lib/components/progress/src/progress.js +202 -57
  392. package/lib/components/progress/src/progress.js.map +1 -1
  393. package/lib/components/progress/src/progress2.js +57 -202
  394. package/lib/components/progress/src/progress2.js.map +1 -1
  395. package/lib/components/radio/index.js +4 -4
  396. package/lib/components/radio/src/radio-button.js +68 -9
  397. package/lib/components/radio/src/radio-button.js.map +1 -1
  398. package/lib/components/radio/src/radio-button2.js +9 -68
  399. package/lib/components/radio/src/radio-button2.js.map +1 -1
  400. package/lib/components/radio/src/radio-group2.js +1 -1
  401. package/lib/components/radio/src/radio.js +78 -36
  402. package/lib/components/radio/src/radio.js.map +1 -1
  403. package/lib/components/radio/src/radio2.js +36 -78
  404. package/lib/components/radio/src/radio2.js.map +1 -1
  405. package/lib/components/result/index.js +2 -2
  406. package/lib/components/result/src/result.js +31 -63
  407. package/lib/components/result/src/result.js.map +1 -1
  408. package/lib/components/result/src/result2.js +63 -31
  409. package/lib/components/result/src/result2.js.map +1 -1
  410. package/lib/components/roving-focus-group/index.js +2 -2
  411. package/lib/components/roving-focus-group/src/roving-focus-group-impl.js +1 -1
  412. package/lib/components/roving-focus-group/src/roving-focus-group.js +27 -33
  413. package/lib/components/roving-focus-group/src/roving-focus-group.js.map +1 -1
  414. package/lib/components/roving-focus-group/src/roving-focus-group2.js +33 -27
  415. package/lib/components/roving-focus-group/src/roving-focus-group2.js.map +1 -1
  416. package/lib/components/roving-focus-group/src/roving-focus-item.js +1 -1
  417. package/lib/components/scrollbar/index.js +2 -2
  418. package/lib/components/scrollbar/src/scrollbar.js +48 -175
  419. package/lib/components/scrollbar/src/scrollbar.js.map +1 -1
  420. package/lib/components/scrollbar/src/scrollbar2.js +175 -48
  421. package/lib/components/scrollbar/src/scrollbar2.js.map +1 -1
  422. package/lib/components/select/index.d.ts +12 -0
  423. package/lib/components/select/src/option.js +8 -2
  424. package/lib/components/select/src/option.js.map +1 -1
  425. package/lib/components/select/src/option.vue.d.ts +7 -0
  426. package/lib/components/select/src/select.js +12 -7
  427. package/lib/components/select/src/select.js.map +1 -1
  428. package/lib/components/select-v2/src/defaults.js +1 -1
  429. package/lib/components/select-v2/src/select.js +1 -0
  430. package/lib/components/select-v2/src/select.js.map +1 -1
  431. package/lib/components/skeleton/index.js +2 -2
  432. package/lib/components/skeleton/src/skeleton-item.js +18 -23
  433. package/lib/components/skeleton/src/skeleton-item.js.map +1 -1
  434. package/lib/components/skeleton/src/skeleton-item2.js +23 -18
  435. package/lib/components/skeleton/src/skeleton-item2.js.map +1 -1
  436. package/lib/components/skeleton/src/skeleton2.js +1 -1
  437. package/lib/components/slider/src/button.js +95 -22
  438. package/lib/components/slider/src/button.js.map +1 -1
  439. package/lib/components/slider/src/button2.js +22 -95
  440. package/lib/components/slider/src/button2.js.map +1 -1
  441. package/lib/components/slider/src/slider2.js +1 -1
  442. package/lib/components/steps/index.js +2 -2
  443. package/lib/components/steps/src/item.js +194 -20
  444. package/lib/components/steps/src/item.js.map +1 -1
  445. package/lib/components/steps/src/item2.js +20 -194
  446. package/lib/components/steps/src/item2.js.map +1 -1
  447. package/lib/components/switch/index.js +2 -2
  448. package/lib/components/switch/src/switch.js +88 -239
  449. package/lib/components/switch/src/switch.js.map +1 -1
  450. package/lib/components/switch/src/switch2.js +239 -88
  451. package/lib/components/switch/src/switch2.js.map +1 -1
  452. package/lib/components/tabs/index.js +2 -2
  453. package/lib/components/tabs/src/tab-pane.js +13 -73
  454. package/lib/components/tabs/src/tab-pane.js.map +1 -1
  455. package/lib/components/tabs/src/tab-pane2.js +73 -13
  456. package/lib/components/tabs/src/tab-pane2.js.map +1 -1
  457. package/lib/components/tag/index.js +2 -2
  458. package/lib/components/tag/src/tag.js +33 -96
  459. package/lib/components/tag/src/tag.js.map +1 -1
  460. package/lib/components/tag/src/tag2.js +96 -33
  461. package/lib/components/tag/src/tag2.js.map +1 -1
  462. package/lib/components/time-picker/src/common/picker.js +14 -1
  463. package/lib/components/time-picker/src/common/picker.js.map +1 -1
  464. package/lib/components/time-picker/src/common/picker.vue.d.ts +3 -0
  465. package/lib/components/time-select/index.d.ts +36 -0
  466. package/lib/components/time-select/index.js +1 -1
  467. package/lib/components/time-select/src/time-select.js +48 -122
  468. package/lib/components/time-select/src/time-select.js.map +1 -1
  469. package/lib/components/time-select/src/time-select.vue.d.ts +18 -0
  470. package/lib/components/time-select/src/time-select2.js +122 -48
  471. package/lib/components/time-select/src/time-select2.js.map +1 -1
  472. package/lib/components/timeline/index.js +2 -2
  473. package/lib/components/timeline/src/timeline-item.js +70 -42
  474. package/lib/components/timeline/src/timeline-item.js.map +1 -1
  475. package/lib/components/timeline/src/timeline-item2.js +42 -70
  476. package/lib/components/timeline/src/timeline-item2.js.map +1 -1
  477. package/lib/components/tooltip/index.js +4 -4
  478. package/lib/components/tooltip/src/content.js +39 -167
  479. package/lib/components/tooltip/src/content.js.map +1 -1
  480. package/lib/components/tooltip/src/content2.js +167 -39
  481. package/lib/components/tooltip/src/content2.js.map +1 -1
  482. package/lib/components/tooltip/src/tooltip.js +169 -38
  483. package/lib/components/tooltip/src/tooltip.js.map +1 -1
  484. package/lib/components/tooltip/src/tooltip2.js +38 -169
  485. package/lib/components/tooltip/src/tooltip2.js.map +1 -1
  486. package/lib/components/tooltip/src/trigger.js +74 -16
  487. package/lib/components/tooltip/src/trigger.js.map +1 -1
  488. package/lib/components/tooltip/src/trigger2.js +16 -74
  489. package/lib/components/tooltip/src/trigger2.js.map +1 -1
  490. package/lib/components/tooltip-v2/index.js +2 -2
  491. package/lib/components/tooltip-v2/src/content.js +50 -113
  492. package/lib/components/tooltip-v2/src/content.js.map +1 -1
  493. package/lib/components/tooltip-v2/src/content2.js +113 -50
  494. package/lib/components/tooltip-v2/src/content2.js.map +1 -1
  495. package/lib/components/tooltip-v2/src/root.js +81 -17
  496. package/lib/components/tooltip-v2/src/root.js.map +1 -1
  497. package/lib/components/tooltip-v2/src/root2.js +17 -81
  498. package/lib/components/tooltip-v2/src/root2.js.map +1 -1
  499. package/lib/components/tooltip-v2/src/tooltip.js +2 -2
  500. package/lib/components/tooltip-v2/src/tooltip2.js +4 -4
  501. package/lib/components/transfer/index.js +2 -2
  502. package/lib/components/transfer/src/composables/use-check.js +1 -1
  503. package/lib/components/transfer/src/composables/use-checked-change.js +1 -1
  504. package/lib/components/transfer/src/transfer-panel.js +21 -131
  505. package/lib/components/transfer/src/transfer-panel.js.map +1 -1
  506. package/lib/components/transfer/src/transfer-panel2.js +131 -21
  507. package/lib/components/transfer/src/transfer-panel2.js.map +1 -1
  508. package/lib/components/transfer/src/transfer.js +73 -159
  509. package/lib/components/transfer/src/transfer.js.map +1 -1
  510. package/lib/components/transfer/src/transfer2.js +159 -73
  511. package/lib/components/transfer/src/transfer2.js.map +1 -1
  512. package/lib/components/tree/index.d.ts +12 -0
  513. package/lib/components/tree/src/tree.js +6 -1
  514. package/lib/components/tree/src/tree.js.map +1 -1
  515. package/lib/components/tree/src/tree.vue.d.ts +7 -0
  516. package/lib/components/tree-select/src/tree-select-option.d.ts +36 -0
  517. package/lib/components/upload/index.js +3 -3
  518. package/lib/components/upload/src/upload-content.js +32 -169
  519. package/lib/components/upload/src/upload-content.js.map +1 -1
  520. package/lib/components/upload/src/upload-content2.js +169 -32
  521. package/lib/components/upload/src/upload-content2.js.map +1 -1
  522. package/lib/components/upload/src/upload-dragger.js +70 -12
  523. package/lib/components/upload/src/upload-dragger.js.map +1 -1
  524. package/lib/components/upload/src/upload-dragger2.js +12 -70
  525. package/lib/components/upload/src/upload-dragger2.js.map +1 -1
  526. package/lib/components/upload/src/upload-list.js +27 -170
  527. package/lib/components/upload/src/upload-list.js.map +1 -1
  528. package/lib/components/upload/src/upload-list2.js +170 -27
  529. package/lib/components/upload/src/upload-list2.js.map +1 -1
  530. package/lib/components/upload/src/upload2.js +2 -2
  531. package/lib/index.js +35 -35
  532. package/package.json +1 -1
  533. package/theme-chalk/el-select-dropdown.css +1 -1
  534. package/theme-chalk/el-select.css +1 -1
  535. package/theme-chalk/el-tag.css +1 -1
  536. package/theme-chalk/index.css +1 -1
  537. package/theme-chalk/src/select-dropdown.scss +4 -4
  538. package/theme-chalk/src/select.scss +8 -0
  539. package/theme-chalk/src/tag.scss +4 -0
@@ -2,30 +2,103 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var core = require('@popperjs/core');
6
- require('../../../utils/index.js');
7
- require('../../../constants/index.js');
8
- var runtime = require('../../../utils/vue/props/runtime.js');
9
- var event = require('../../../constants/event.js');
10
- var core$1 = require('@vueuse/core');
5
+ var vue = require('vue');
6
+ var index$1 = require('../../tooltip/index.js');
7
+ require('../../../hooks/index.js');
8
+ require('./composables/index.js');
9
+ var button = require('./button2.js');
10
+ var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
11
+ var index = require('../../../hooks/use-namespace/index.js');
12
+ var useSliderButton = require('./composables/use-slider-button.js');
11
13
 
12
- const sliderButtonProps = runtime.buildProps({
13
- modelValue: {
14
- type: Number,
15
- default: 0
16
- },
17
- vertical: Boolean,
18
- tooltipClass: String,
19
- placement: {
20
- type: String,
21
- values: core.placements,
22
- default: "top"
14
+ const _hoisted_1 = ["tabindex"];
15
+ const __default__ = vue.defineComponent({
16
+ name: "ElSliderButton"
17
+ });
18
+ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
19
+ ...__default__,
20
+ props: button.sliderButtonProps,
21
+ emits: button.sliderButtonEmits,
22
+ setup(__props, { expose, emit }) {
23
+ const props = __props;
24
+ const ns = index.useNamespace("slider");
25
+ const initData = vue.reactive({
26
+ hovering: false,
27
+ dragging: false,
28
+ isClick: false,
29
+ startX: 0,
30
+ currentX: 0,
31
+ startY: 0,
32
+ currentY: 0,
33
+ startPosition: 0,
34
+ newPosition: 0,
35
+ oldValue: props.modelValue
36
+ });
37
+ const {
38
+ disabled,
39
+ button,
40
+ tooltip,
41
+ showTooltip,
42
+ tooltipTheme,
43
+ tooltipVisible,
44
+ wrapperStyle,
45
+ formatValue,
46
+ handleMouseEnter,
47
+ handleMouseLeave,
48
+ onButtonDown,
49
+ onKeyDown,
50
+ setPosition
51
+ } = useSliderButton.useSliderButton(props, initData, emit);
52
+ const { hovering, dragging } = vue.toRefs(initData);
53
+ expose({
54
+ onButtonDown,
55
+ onKeyDown,
56
+ setPosition,
57
+ hovering,
58
+ dragging
59
+ });
60
+ return (_ctx, _cache) => {
61
+ return vue.openBlock(), vue.createElementBlock("div", {
62
+ ref_key: "button",
63
+ ref: button,
64
+ class: vue.normalizeClass([vue.unref(ns).e("button-wrapper"), { hover: vue.unref(hovering), dragging: vue.unref(dragging) }]),
65
+ style: vue.normalizeStyle(vue.unref(wrapperStyle)),
66
+ tabindex: vue.unref(disabled) ? -1 : 0,
67
+ onMouseenter: _cache[0] || (_cache[0] = (...args) => vue.unref(handleMouseEnter) && vue.unref(handleMouseEnter)(...args)),
68
+ onMouseleave: _cache[1] || (_cache[1] = (...args) => vue.unref(handleMouseLeave) && vue.unref(handleMouseLeave)(...args)),
69
+ onMousedown: _cache[2] || (_cache[2] = (...args) => vue.unref(onButtonDown) && vue.unref(onButtonDown)(...args)),
70
+ onTouchstart: _cache[3] || (_cache[3] = (...args) => vue.unref(onButtonDown) && vue.unref(onButtonDown)(...args)),
71
+ onFocus: _cache[4] || (_cache[4] = (...args) => vue.unref(handleMouseEnter) && vue.unref(handleMouseEnter)(...args)),
72
+ onBlur: _cache[5] || (_cache[5] = (...args) => vue.unref(handleMouseLeave) && vue.unref(handleMouseLeave)(...args)),
73
+ onKeydown: _cache[6] || (_cache[6] = (...args) => vue.unref(onKeyDown) && vue.unref(onKeyDown)(...args))
74
+ }, [
75
+ vue.createVNode(vue.unref(index$1.ElTooltip), {
76
+ ref_key: "tooltip",
77
+ ref: tooltip,
78
+ visible: vue.unref(tooltipVisible),
79
+ placement: _ctx.placement,
80
+ "fallback-placements": ["top", "bottom", "right", "left"],
81
+ "stop-popper-mouse-event": false,
82
+ "popper-class": _ctx.tooltipClass,
83
+ effect: vue.unref(tooltipTheme),
84
+ disabled: !vue.unref(showTooltip),
85
+ persistent: ""
86
+ }, {
87
+ content: vue.withCtx(() => [
88
+ vue.createElementVNode("span", null, vue.toDisplayString(vue.unref(formatValue)), 1)
89
+ ]),
90
+ default: vue.withCtx(() => [
91
+ vue.createElementVNode("div", {
92
+ class: vue.normalizeClass([vue.unref(ns).e("button"), { hover: vue.unref(hovering), dragging: vue.unref(dragging) }])
93
+ }, null, 2)
94
+ ]),
95
+ _: 1
96
+ }, 8, ["visible", "placement", "popper-class", "effect", "disabled"])
97
+ ], 46, _hoisted_1);
98
+ };
23
99
  }
24
100
  });
25
- const sliderButtonEmits = {
26
- [event.UPDATE_MODEL_EVENT]: (value) => core$1.isNumber(value)
27
- };
101
+ var SliderButton = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "/Users/st/Desktop/vue/nxx-ui/packages/components/slider/src/button.vue"]]);
28
102
 
29
- exports.sliderButtonEmits = sliderButtonEmits;
30
- exports.sliderButtonProps = sliderButtonProps;
103
+ exports["default"] = SliderButton;
31
104
  //# sourceMappingURL=button.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"button.js","sources":["../../../../../../packages/components/slider/src/button.ts"],"sourcesContent":["import { placements } from '@popperjs/core'\nimport { buildProps, isNumber } from '@element-plus/utils'\nimport { UPDATE_MODEL_EVENT } from '@element-plus/constants'\nimport type { ExtractPropTypes, Ref } from 'vue'\nimport type Button from './button.vue'\n\nexport const sliderButtonProps = buildProps({\n modelValue: {\n type: Number,\n default: 0,\n },\n vertical: Boolean,\n tooltipClass: String,\n placement: {\n type: String,\n values: placements,\n default: 'top',\n },\n} as const)\nexport type SliderButtonProps = ExtractPropTypes<typeof sliderButtonProps>\n\nexport const sliderButtonEmits = {\n [UPDATE_MODEL_EVENT]: (value: number) => isNumber(value),\n}\nexport type SliderButtonEmits = typeof sliderButtonEmits\n\nexport type SliderButtonInstance = InstanceType<typeof Button>\n\nexport type ButtonRefs = Record<\n 'firstButton' | 'secondButton',\n Ref<SliderButtonInstance | undefined>\n>\n\nexport interface SliderButtonInitData {\n hovering: boolean\n dragging: boolean\n isClick: boolean\n startX: number\n currentX: number\n startY: number\n currentY: number\n startPosition: number\n newPosition: number\n oldValue: number\n}\n"],"names":["buildProps","placements","UPDATE_MODEL_EVENT","isNumber"],"mappings":";;;;;;;;;;;AAGY,MAAC,iBAAiB,GAAGA,kBAAU,CAAC;AAC5C,EAAE,UAAU,EAAE;AACd,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,EAAE,QAAQ,EAAE,OAAO;AACnB,EAAE,YAAY,EAAE,MAAM;AACtB,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAEC,eAAU;AACtB,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,CAAC,EAAE;AACS,MAAC,iBAAiB,GAAG;AACjC,EAAE,CAACC,wBAAkB,GAAG,CAAC,KAAK,KAAKC,eAAQ,CAAC,KAAK,CAAC;AAClD;;;;;"}
1
+ {"version":3,"file":"button.js","sources":["../../../../../../packages/components/slider/src/button.vue"],"sourcesContent":["<template>\n <div\n ref=\"button\"\n :class=\"[ns.e('button-wrapper'), { hover: hovering, dragging }]\"\n :style=\"wrapperStyle\"\n :tabindex=\"disabled ? -1 : 0\"\n @mouseenter=\"handleMouseEnter\"\n @mouseleave=\"handleMouseLeave\"\n @mousedown=\"onButtonDown\"\n @touchstart=\"onButtonDown\"\n @focus=\"handleMouseEnter\"\n @blur=\"handleMouseLeave\"\n @keydown=\"onKeyDown\"\n >\n <el-tooltip\n ref=\"tooltip\"\n :visible=\"tooltipVisible\"\n :placement=\"placement\"\n :fallback-placements=\"['top', 'bottom', 'right', 'left']\"\n :stop-popper-mouse-event=\"false\"\n :popper-class=\"tooltipClass\"\n :effect=\"tooltipTheme\"\n :disabled=\"!showTooltip\"\n persistent\n >\n <template #content>\n <span>{{ formatValue }}</span>\n </template>\n <div :class=\"[ns.e('button'), { hover: hovering, dragging }]\" />\n </el-tooltip>\n </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { reactive, toRefs } from 'vue'\nimport { ElTooltip } from '@element-plus/components/tooltip'\nimport { useNamespace } from '@element-plus/hooks'\nimport { useSliderButton } from './composables'\nimport { sliderButtonEmits, sliderButtonProps } from './button'\nimport type { SliderButtonInitData } from './button'\n\ndefineOptions({\n name: 'ElSliderButton',\n})\n\nconst props = defineProps(sliderButtonProps)\nconst emit = defineEmits(sliderButtonEmits)\n\nconst ns = useNamespace('slider')\n\nconst initData = reactive<SliderButtonInitData>({\n hovering: false,\n dragging: false,\n isClick: false,\n startX: 0,\n currentX: 0,\n startY: 0,\n currentY: 0,\n startPosition: 0,\n newPosition: 0,\n oldValue: props.modelValue,\n})\n\nconst {\n disabled,\n button,\n tooltip,\n showTooltip,\n tooltipTheme,\n tooltipVisible,\n wrapperStyle,\n formatValue,\n handleMouseEnter,\n handleMouseLeave,\n onButtonDown,\n onKeyDown,\n setPosition,\n} = useSliderButton(props, initData, emit)\n\nconst { hovering, dragging } = toRefs(initData)\n\ndefineExpose({\n onButtonDown,\n onKeyDown,\n setPosition,\n hovering,\n dragging,\n})\n</script>\n"],"names":["useNamespace","reactive","useSliderButton","toRefs"],"mappings":";;;;;;;;;;;;;;uCAyCc,CAAA;AAAA,EACZ,IAAM,EAAA,gBAAA;AACR,CAAA,CAAA,CAAA;;;;;;;AAKA,IAAM,MAAA,EAAA,GAAKA,mBAAa,QAAQ,CAAA,CAAA;AAEhC,IAAA,MAAM,WAAWC,YAA+B,CAAA;AAAA,MAC9C,QAAU,EAAA,KAAA;AAAA,MACV,QAAU,EAAA,KAAA;AAAA,MACV,OAAS,EAAA,KAAA;AAAA,MACT,MAAQ,EAAA,CAAA;AAAA,MACR,QAAU,EAAA,CAAA;AAAA,MACV,MAAQ,EAAA,CAAA;AAAA,MACR,QAAU,EAAA,CAAA;AAAA,MACV,aAAe,EAAA,CAAA;AAAA,MACf,WAAa,EAAA,CAAA;AAAA,MACb,UAAU,KAAM,CAAA,UAAA;AAAA,KACjB,CAAA,CAAA;AAED,IAAM,MAAA;AAAA,MACJ,QAAA;AAAA,MACA,MAAA;AAAA,MACA,OAAA;AAAA,MACA,WAAA;AAAA,MACA,YAAA;AAAA,MACA,cAAA;AAAA,MACA,YAAA;AAAA,MACA,WAAA;AAAA,MACA,gBAAA;AAAA,MACA,gBAAA;AAAA,MACA,YAAA;AAAA,MACA,SAAA;AAAA,MACA,WAAA;AAAA,KACE,GAAAC,+BAAA,CAAgB,KAAO,EAAA,QAAA,EAAU,IAAI,CAAA,CAAA;AAEzC,IAAA,MAAM,EAAE,QAAA,EAAU,QAAa,EAAA,GAAAC,UAAA,CAAO,QAAQ,CAAA,CAAA;AAE9C,IAAa,MAAA,CAAA;AAAA,MACX,YAAA;AAAA,MACA,SAAA;AAAA,MACA,WAAA;AAAA,MACA,QAAA;AAAA,MACA,QAAA;AAAA,KACD,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -2,103 +2,30 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var vue = require('vue');
6
- var index$1 = require('../../tooltip/index.js');
7
- require('../../../hooks/index.js');
8
- require('./composables/index.js');
9
- var button = require('./button.js');
10
- var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
11
- var index = require('../../../hooks/use-namespace/index.js');
12
- var useSliderButton = require('./composables/use-slider-button.js');
5
+ var core = require('@popperjs/core');
6
+ require('../../../utils/index.js');
7
+ require('../../../constants/index.js');
8
+ var runtime = require('../../../utils/vue/props/runtime.js');
9
+ var event = require('../../../constants/event.js');
10
+ var core$1 = require('@vueuse/core');
13
11
 
14
- const _hoisted_1 = ["tabindex"];
15
- const __default__ = vue.defineComponent({
16
- name: "ElSliderButton"
17
- });
18
- const _sfc_main = /* @__PURE__ */ vue.defineComponent({
19
- ...__default__,
20
- props: button.sliderButtonProps,
21
- emits: button.sliderButtonEmits,
22
- setup(__props, { expose, emit }) {
23
- const props = __props;
24
- const ns = index.useNamespace("slider");
25
- const initData = vue.reactive({
26
- hovering: false,
27
- dragging: false,
28
- isClick: false,
29
- startX: 0,
30
- currentX: 0,
31
- startY: 0,
32
- currentY: 0,
33
- startPosition: 0,
34
- newPosition: 0,
35
- oldValue: props.modelValue
36
- });
37
- const {
38
- disabled,
39
- button,
40
- tooltip,
41
- showTooltip,
42
- tooltipTheme,
43
- tooltipVisible,
44
- wrapperStyle,
45
- formatValue,
46
- handleMouseEnter,
47
- handleMouseLeave,
48
- onButtonDown,
49
- onKeyDown,
50
- setPosition
51
- } = useSliderButton.useSliderButton(props, initData, emit);
52
- const { hovering, dragging } = vue.toRefs(initData);
53
- expose({
54
- onButtonDown,
55
- onKeyDown,
56
- setPosition,
57
- hovering,
58
- dragging
59
- });
60
- return (_ctx, _cache) => {
61
- return vue.openBlock(), vue.createElementBlock("div", {
62
- ref_key: "button",
63
- ref: button,
64
- class: vue.normalizeClass([vue.unref(ns).e("button-wrapper"), { hover: vue.unref(hovering), dragging: vue.unref(dragging) }]),
65
- style: vue.normalizeStyle(vue.unref(wrapperStyle)),
66
- tabindex: vue.unref(disabled) ? -1 : 0,
67
- onMouseenter: _cache[0] || (_cache[0] = (...args) => vue.unref(handleMouseEnter) && vue.unref(handleMouseEnter)(...args)),
68
- onMouseleave: _cache[1] || (_cache[1] = (...args) => vue.unref(handleMouseLeave) && vue.unref(handleMouseLeave)(...args)),
69
- onMousedown: _cache[2] || (_cache[2] = (...args) => vue.unref(onButtonDown) && vue.unref(onButtonDown)(...args)),
70
- onTouchstart: _cache[3] || (_cache[3] = (...args) => vue.unref(onButtonDown) && vue.unref(onButtonDown)(...args)),
71
- onFocus: _cache[4] || (_cache[4] = (...args) => vue.unref(handleMouseEnter) && vue.unref(handleMouseEnter)(...args)),
72
- onBlur: _cache[5] || (_cache[5] = (...args) => vue.unref(handleMouseLeave) && vue.unref(handleMouseLeave)(...args)),
73
- onKeydown: _cache[6] || (_cache[6] = (...args) => vue.unref(onKeyDown) && vue.unref(onKeyDown)(...args))
74
- }, [
75
- vue.createVNode(vue.unref(index$1.ElTooltip), {
76
- ref_key: "tooltip",
77
- ref: tooltip,
78
- visible: vue.unref(tooltipVisible),
79
- placement: _ctx.placement,
80
- "fallback-placements": ["top", "bottom", "right", "left"],
81
- "stop-popper-mouse-event": false,
82
- "popper-class": _ctx.tooltipClass,
83
- effect: vue.unref(tooltipTheme),
84
- disabled: !vue.unref(showTooltip),
85
- persistent: ""
86
- }, {
87
- content: vue.withCtx(() => [
88
- vue.createElementVNode("span", null, vue.toDisplayString(vue.unref(formatValue)), 1)
89
- ]),
90
- default: vue.withCtx(() => [
91
- vue.createElementVNode("div", {
92
- class: vue.normalizeClass([vue.unref(ns).e("button"), { hover: vue.unref(hovering), dragging: vue.unref(dragging) }])
93
- }, null, 2)
94
- ]),
95
- _: 1
96
- }, 8, ["visible", "placement", "popper-class", "effect", "disabled"])
97
- ], 46, _hoisted_1);
98
- };
12
+ const sliderButtonProps = runtime.buildProps({
13
+ modelValue: {
14
+ type: Number,
15
+ default: 0
16
+ },
17
+ vertical: Boolean,
18
+ tooltipClass: String,
19
+ placement: {
20
+ type: String,
21
+ values: core.placements,
22
+ default: "top"
99
23
  }
100
24
  });
101
- var SliderButton = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "/Users/st/Desktop/vue/nxx-ui/packages/components/slider/src/button.vue"]]);
25
+ const sliderButtonEmits = {
26
+ [event.UPDATE_MODEL_EVENT]: (value) => core$1.isNumber(value)
27
+ };
102
28
 
103
- exports["default"] = SliderButton;
29
+ exports.sliderButtonEmits = sliderButtonEmits;
30
+ exports.sliderButtonProps = sliderButtonProps;
104
31
  //# sourceMappingURL=button2.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"button2.js","sources":["../../../../../../packages/components/slider/src/button.vue"],"sourcesContent":["<template>\n <div\n ref=\"button\"\n :class=\"[ns.e('button-wrapper'), { hover: hovering, dragging }]\"\n :style=\"wrapperStyle\"\n :tabindex=\"disabled ? -1 : 0\"\n @mouseenter=\"handleMouseEnter\"\n @mouseleave=\"handleMouseLeave\"\n @mousedown=\"onButtonDown\"\n @touchstart=\"onButtonDown\"\n @focus=\"handleMouseEnter\"\n @blur=\"handleMouseLeave\"\n @keydown=\"onKeyDown\"\n >\n <el-tooltip\n ref=\"tooltip\"\n :visible=\"tooltipVisible\"\n :placement=\"placement\"\n :fallback-placements=\"['top', 'bottom', 'right', 'left']\"\n :stop-popper-mouse-event=\"false\"\n :popper-class=\"tooltipClass\"\n :effect=\"tooltipTheme\"\n :disabled=\"!showTooltip\"\n persistent\n >\n <template #content>\n <span>{{ formatValue }}</span>\n </template>\n <div :class=\"[ns.e('button'), { hover: hovering, dragging }]\" />\n </el-tooltip>\n </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { reactive, toRefs } from 'vue'\nimport { ElTooltip } from '@element-plus/components/tooltip'\nimport { useNamespace } from '@element-plus/hooks'\nimport { useSliderButton } from './composables'\nimport { sliderButtonEmits, sliderButtonProps } from './button'\nimport type { SliderButtonInitData } from './button'\n\ndefineOptions({\n name: 'ElSliderButton',\n})\n\nconst props = defineProps(sliderButtonProps)\nconst emit = defineEmits(sliderButtonEmits)\n\nconst ns = useNamespace('slider')\n\nconst initData = reactive<SliderButtonInitData>({\n hovering: false,\n dragging: false,\n isClick: false,\n startX: 0,\n currentX: 0,\n startY: 0,\n currentY: 0,\n startPosition: 0,\n newPosition: 0,\n oldValue: props.modelValue,\n})\n\nconst {\n disabled,\n button,\n tooltip,\n showTooltip,\n tooltipTheme,\n tooltipVisible,\n wrapperStyle,\n formatValue,\n handleMouseEnter,\n handleMouseLeave,\n onButtonDown,\n onKeyDown,\n setPosition,\n} = useSliderButton(props, initData, emit)\n\nconst { hovering, dragging } = toRefs(initData)\n\ndefineExpose({\n onButtonDown,\n onKeyDown,\n setPosition,\n hovering,\n dragging,\n})\n</script>\n"],"names":["useNamespace","reactive","useSliderButton","toRefs"],"mappings":";;;;;;;;;;;;;;uCAyCc,CAAA;AAAA,EACZ,IAAM,EAAA,gBAAA;AACR,CAAA,CAAA,CAAA;;;;;;;AAKA,IAAM,MAAA,EAAA,GAAKA,mBAAa,QAAQ,CAAA,CAAA;AAEhC,IAAA,MAAM,WAAWC,YAA+B,CAAA;AAAA,MAC9C,QAAU,EAAA,KAAA;AAAA,MACV,QAAU,EAAA,KAAA;AAAA,MACV,OAAS,EAAA,KAAA;AAAA,MACT,MAAQ,EAAA,CAAA;AAAA,MACR,QAAU,EAAA,CAAA;AAAA,MACV,MAAQ,EAAA,CAAA;AAAA,MACR,QAAU,EAAA,CAAA;AAAA,MACV,aAAe,EAAA,CAAA;AAAA,MACf,WAAa,EAAA,CAAA;AAAA,MACb,UAAU,KAAM,CAAA,UAAA;AAAA,KACjB,CAAA,CAAA;AAED,IAAM,MAAA;AAAA,MACJ,QAAA;AAAA,MACA,MAAA;AAAA,MACA,OAAA;AAAA,MACA,WAAA;AAAA,MACA,YAAA;AAAA,MACA,cAAA;AAAA,MACA,YAAA;AAAA,MACA,WAAA;AAAA,MACA,gBAAA;AAAA,MACA,gBAAA;AAAA,MACA,YAAA;AAAA,MACA,SAAA;AAAA,MACA,WAAA;AAAA,KACE,GAAAC,+BAAA,CAAgB,KAAO,EAAA,QAAA,EAAU,IAAI,CAAA,CAAA;AAEzC,IAAA,MAAM,EAAE,QAAA,EAAU,QAAa,EAAA,GAAAC,UAAA,CAAO,QAAQ,CAAA,CAAA;AAE9C,IAAa,MAAA,CAAA;AAAA,MACX,YAAA;AAAA,MACA,SAAA;AAAA,MACA,WAAA;AAAA,MACA,QAAA;AAAA,MACA,QAAA;AAAA,KACD,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"button2.js","sources":["../../../../../../packages/components/slider/src/button.ts"],"sourcesContent":["import { placements } from '@popperjs/core'\nimport { buildProps, isNumber } from '@element-plus/utils'\nimport { UPDATE_MODEL_EVENT } from '@element-plus/constants'\nimport type { ExtractPropTypes, Ref } from 'vue'\nimport type Button from './button.vue'\n\nexport const sliderButtonProps = buildProps({\n modelValue: {\n type: Number,\n default: 0,\n },\n vertical: Boolean,\n tooltipClass: String,\n placement: {\n type: String,\n values: placements,\n default: 'top',\n },\n} as const)\nexport type SliderButtonProps = ExtractPropTypes<typeof sliderButtonProps>\n\nexport const sliderButtonEmits = {\n [UPDATE_MODEL_EVENT]: (value: number) => isNumber(value),\n}\nexport type SliderButtonEmits = typeof sliderButtonEmits\n\nexport type SliderButtonInstance = InstanceType<typeof Button>\n\nexport type ButtonRefs = Record<\n 'firstButton' | 'secondButton',\n Ref<SliderButtonInstance | undefined>\n>\n\nexport interface SliderButtonInitData {\n hovering: boolean\n dragging: boolean\n isClick: boolean\n startX: number\n currentX: number\n startY: number\n currentY: number\n startPosition: number\n newPosition: number\n oldValue: number\n}\n"],"names":["buildProps","placements","UPDATE_MODEL_EVENT","isNumber"],"mappings":";;;;;;;;;;;AAGY,MAAC,iBAAiB,GAAGA,kBAAU,CAAC;AAC5C,EAAE,UAAU,EAAE;AACd,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,EAAE,QAAQ,EAAE,OAAO;AACnB,EAAE,YAAY,EAAE,MAAM;AACtB,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAEC,eAAU;AACtB,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,CAAC,EAAE;AACS,MAAC,iBAAiB,GAAG;AACjC,EAAE,CAACC,wBAAkB,GAAG,CAAC,KAAK,KAAKC,eAAQ,CAAC,KAAK,CAAC;AAClD;;;;;"}
@@ -7,7 +7,7 @@ var index$4 = require('../../input-number/index.js');
7
7
  require('../../../hooks/index.js');
8
8
  require('../../../tokens/index.js');
9
9
  var slider = require('./slider.js');
10
- var button = require('./button2.js');
10
+ var button = require('./button.js');
11
11
  var marker = require('./marker.js');
12
12
  require('./composables/index.js');
13
13
  var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
@@ -4,8 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  require('../../utils/index.js');
6
6
  var steps$1 = require('./src/steps2.js');
7
- var item$1 = require('./src/item2.js');
8
- var item = require('./src/item.js');
7
+ var item$1 = require('./src/item.js');
8
+ var item = require('./src/item2.js');
9
9
  var steps = require('./src/steps.js');
10
10
  var install = require('../../utils/vue/install.js');
11
11
 
@@ -2,28 +2,202 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- require('../../../utils/index.js');
6
- var runtime = require('../../../utils/vue/props/runtime.js');
7
- var icon = require('../../../utils/vue/icon.js');
5
+ var vue = require('vue');
6
+ require('../../../hooks/index.js');
7
+ var index$1 = require('../../icon/index.js');
8
+ var iconsVue = require('@element-plus/icons-vue');
9
+ var item = require('./item2.js');
10
+ var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
11
+ var index = require('../../../hooks/use-namespace/index.js');
8
12
 
9
- const stepProps = runtime.buildProps({
10
- title: {
11
- type: String,
12
- default: ""
13
- },
14
- icon: {
15
- type: icon.iconPropType
16
- },
17
- description: {
18
- type: String,
19
- default: ""
20
- },
21
- status: {
22
- type: String,
23
- values: ["", "wait", "process", "finish", "error", "success"],
24
- default: ""
13
+ const __default__ = vue.defineComponent({
14
+ name: "ElStep"
15
+ });
16
+ const _sfc_main = vue.defineComponent({
17
+ ...__default__,
18
+ props: item.stepProps,
19
+ setup(__props) {
20
+ const props = __props;
21
+ const ns = index.useNamespace("step");
22
+ const index$2 = vue.ref(-1);
23
+ const lineStyle = vue.ref({});
24
+ const internalStatus = vue.ref("");
25
+ const parent = vue.inject("ElSteps");
26
+ const currentInstance = vue.getCurrentInstance();
27
+ vue.onMounted(() => {
28
+ vue.watch([
29
+ () => parent.props.active,
30
+ () => parent.props.processStatus,
31
+ () => parent.props.finishStatus
32
+ ], ([active]) => {
33
+ updateStatus(active);
34
+ }, { immediate: true });
35
+ });
36
+ vue.onBeforeUnmount(() => {
37
+ parent.steps.value = parent.steps.value.filter((instance) => instance.uid !== (currentInstance == null ? void 0 : currentInstance.uid));
38
+ });
39
+ const currentStatus = vue.computed(() => {
40
+ return props.status || internalStatus.value;
41
+ });
42
+ const prevStatus = vue.computed(() => {
43
+ const prevStep = parent.steps.value[index$2.value - 1];
44
+ return prevStep ? prevStep.currentStatus : "wait";
45
+ });
46
+ const isCenter = vue.computed(() => {
47
+ return parent.props.alignCenter;
48
+ });
49
+ const isVertical = vue.computed(() => {
50
+ return parent.props.direction === "vertical";
51
+ });
52
+ const isSimple = vue.computed(() => {
53
+ return parent.props.simple;
54
+ });
55
+ const stepsCount = vue.computed(() => {
56
+ return parent.steps.value.length;
57
+ });
58
+ const isLast = vue.computed(() => {
59
+ var _a;
60
+ return ((_a = parent.steps.value[stepsCount.value - 1]) == null ? void 0 : _a.uid) === (currentInstance == null ? void 0 : currentInstance.uid);
61
+ });
62
+ const space = vue.computed(() => {
63
+ return isSimple.value ? "" : parent.props.space;
64
+ });
65
+ const style = vue.computed(() => {
66
+ const style2 = {
67
+ flexBasis: typeof space.value === "number" ? `${space.value}px` : space.value ? space.value : `${100 / (stepsCount.value - (isCenter.value ? 0 : 1))}%`
68
+ };
69
+ if (isVertical.value)
70
+ return style2;
71
+ if (isLast.value) {
72
+ style2.maxWidth = `${100 / stepsCount.value}%`;
73
+ }
74
+ return style2;
75
+ });
76
+ const setIndex = (val) => {
77
+ index$2.value = val;
78
+ };
79
+ const calcProgress = (status) => {
80
+ let step = 100;
81
+ const style2 = {};
82
+ style2.transitionDelay = `${150 * index$2.value}ms`;
83
+ if (status === parent.props.processStatus) {
84
+ step = 0;
85
+ } else if (status === "wait") {
86
+ step = 0;
87
+ style2.transitionDelay = `${-150 * index$2.value}ms`;
88
+ }
89
+ style2.borderWidth = step && !isSimple.value ? "1px" : 0;
90
+ style2[parent.props.direction === "vertical" ? "height" : "width"] = `${step}%`;
91
+ lineStyle.value = style2;
92
+ };
93
+ const updateStatus = (activeIndex) => {
94
+ if (activeIndex > index$2.value) {
95
+ internalStatus.value = parent.props.finishStatus;
96
+ } else if (activeIndex === index$2.value && prevStatus.value !== "error") {
97
+ internalStatus.value = parent.props.processStatus;
98
+ } else {
99
+ internalStatus.value = "wait";
100
+ }
101
+ const prevChild = parent.steps.value[index$2.value - 1];
102
+ if (prevChild)
103
+ prevChild.calcProgress(internalStatus.value);
104
+ };
105
+ const stepItemState = vue.reactive({
106
+ uid: vue.computed(() => currentInstance == null ? void 0 : currentInstance.uid),
107
+ currentStatus,
108
+ setIndex,
109
+ calcProgress
110
+ });
111
+ parent.steps.value = [...parent.steps.value, stepItemState];
112
+ return (_ctx, _cache) => {
113
+ return vue.openBlock(), vue.createElementBlock("div", {
114
+ style: vue.normalizeStyle(vue.unref(style)),
115
+ class: vue.normalizeClass([
116
+ vue.unref(ns).b(),
117
+ vue.unref(ns).is(vue.unref(isSimple) ? "simple" : vue.unref(parent).props.direction),
118
+ vue.unref(ns).is("flex", vue.unref(isLast) && !vue.unref(space) && !vue.unref(isCenter)),
119
+ vue.unref(ns).is("center", vue.unref(isCenter) && !vue.unref(isVertical) && !vue.unref(isSimple))
120
+ ])
121
+ }, [
122
+ vue.createCommentVNode(" icon & line "),
123
+ vue.createElementVNode("div", {
124
+ class: vue.normalizeClass([vue.unref(ns).e("head"), vue.unref(ns).is(vue.unref(currentStatus))])
125
+ }, [
126
+ !vue.unref(isSimple) ? (vue.openBlock(), vue.createElementBlock("div", {
127
+ key: 0,
128
+ class: vue.normalizeClass(vue.unref(ns).e("line"))
129
+ }, [
130
+ vue.createElementVNode("i", {
131
+ class: vue.normalizeClass(vue.unref(ns).e("line-inner")),
132
+ style: vue.normalizeStyle(lineStyle.value)
133
+ }, null, 6)
134
+ ], 2)) : vue.createCommentVNode("v-if", true),
135
+ vue.createElementVNode("div", {
136
+ class: vue.normalizeClass([vue.unref(ns).e("icon"), vue.unref(ns).is(_ctx.icon || _ctx.$slots.icon ? "icon" : "text")])
137
+ }, [
138
+ vue.renderSlot(_ctx.$slots, "icon", {}, () => [
139
+ _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.unref(index$1.ElIcon), {
140
+ key: 0,
141
+ class: vue.normalizeClass(vue.unref(ns).e("icon-inner"))
142
+ }, {
143
+ default: vue.withCtx(() => [
144
+ (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.icon)))
145
+ ]),
146
+ _: 1
147
+ }, 8, ["class"])) : vue.unref(currentStatus) === "success" ? (vue.openBlock(), vue.createBlock(vue.unref(index$1.ElIcon), {
148
+ key: 1,
149
+ class: vue.normalizeClass([vue.unref(ns).e("icon-inner"), vue.unref(ns).is("status")])
150
+ }, {
151
+ default: vue.withCtx(() => [
152
+ vue.createVNode(vue.unref(iconsVue.Check))
153
+ ]),
154
+ _: 1
155
+ }, 8, ["class"])) : vue.unref(currentStatus) === "error" ? (vue.openBlock(), vue.createBlock(vue.unref(index$1.ElIcon), {
156
+ key: 2,
157
+ class: vue.normalizeClass([vue.unref(ns).e("icon-inner"), vue.unref(ns).is("status")])
158
+ }, {
159
+ default: vue.withCtx(() => [
160
+ vue.createVNode(vue.unref(iconsVue.Close))
161
+ ]),
162
+ _: 1
163
+ }, 8, ["class"])) : vue.unref(currentStatus) === "finish" ? (vue.openBlock(), vue.createElementBlock("div", {
164
+ key: 3,
165
+ class: vue.normalizeClass(vue.unref(ns).e("icon-inner"))
166
+ }, null, 2)) : !vue.unref(isSimple) ? (vue.openBlock(), vue.createElementBlock("div", {
167
+ key: 4,
168
+ class: vue.normalizeClass(vue.unref(ns).e("icon-inner"))
169
+ }, vue.toDisplayString(index$2.value + 1), 3)) : vue.createCommentVNode("v-if", true)
170
+ ])
171
+ ], 2)
172
+ ], 2),
173
+ vue.createCommentVNode(" title & description "),
174
+ vue.createElementVNode("div", {
175
+ class: vue.normalizeClass(vue.unref(ns).e("main"))
176
+ }, [
177
+ vue.createElementVNode("div", {
178
+ class: vue.normalizeClass([vue.unref(ns).e("title"), vue.unref(ns).is(vue.unref(currentStatus))])
179
+ }, [
180
+ vue.renderSlot(_ctx.$slots, "title", {}, () => [
181
+ vue.createTextVNode(vue.toDisplayString(_ctx.title), 1)
182
+ ])
183
+ ], 2),
184
+ vue.unref(isSimple) ? (vue.openBlock(), vue.createElementBlock("div", {
185
+ key: 0,
186
+ class: vue.normalizeClass(vue.unref(ns).e("arrow"))
187
+ }, null, 2)) : (vue.openBlock(), vue.createElementBlock("div", {
188
+ key: 1,
189
+ class: vue.normalizeClass([vue.unref(ns).e("description"), vue.unref(ns).is(vue.unref(currentStatus))])
190
+ }, [
191
+ vue.renderSlot(_ctx.$slots, "description", {}, () => [
192
+ vue.createTextVNode(vue.toDisplayString(_ctx.description), 1)
193
+ ])
194
+ ], 2))
195
+ ], 2)
196
+ ], 6);
197
+ };
25
198
  }
26
199
  });
200
+ var Step = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "/Users/st/Desktop/vue/nxx-ui/packages/components/steps/src/item.vue"]]);
27
201
 
28
- exports.stepProps = stepProps;
202
+ exports["default"] = Step;
29
203
  //# sourceMappingURL=item.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"item.js","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":["buildProps","iconPropType"],"mappings":";;;;;;;;AACY,MAAC,SAAS,GAAGA,kBAAU,CAAC;AACpC,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAEC,iBAAY;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.js","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=\"currentStatus === 'finish'\" :class=\"ns.e('icon-inner')\">\n </div>\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":["useNamespace","index","ref","inject","getCurrentInstance","onMounted","watch","onBeforeUnmount","computed","reactive"],"mappings":"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"}