@element-plus/nightly 0.0.20250802 → 0.0.20250803

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 (545) hide show
  1. package/attributes.json +1 -1
  2. package/dist/index.full.js +17 -18
  3. package/dist/index.full.min.js +10 -10
  4. package/dist/index.full.min.js.map +1 -1
  5. package/dist/index.full.min.mjs +3 -3
  6. package/dist/index.full.min.mjs.map +1 -1
  7. package/dist/index.full.mjs +17 -18
  8. package/dist/locale/af.js +1 -1
  9. package/dist/locale/af.min.js +1 -1
  10. package/dist/locale/af.min.mjs +1 -1
  11. package/dist/locale/af.mjs +1 -1
  12. package/dist/locale/ar-eg.js +1 -1
  13. package/dist/locale/ar-eg.min.js +1 -1
  14. package/dist/locale/ar-eg.min.mjs +1 -1
  15. package/dist/locale/ar-eg.mjs +1 -1
  16. package/dist/locale/ar.js +1 -1
  17. package/dist/locale/ar.min.js +1 -1
  18. package/dist/locale/ar.min.mjs +1 -1
  19. package/dist/locale/ar.mjs +1 -1
  20. package/dist/locale/az.js +1 -1
  21. package/dist/locale/az.min.js +1 -1
  22. package/dist/locale/az.min.mjs +1 -1
  23. package/dist/locale/az.mjs +1 -1
  24. package/dist/locale/bg.js +1 -1
  25. package/dist/locale/bg.min.js +1 -1
  26. package/dist/locale/bg.min.mjs +1 -1
  27. package/dist/locale/bg.mjs +1 -1
  28. package/dist/locale/bn.js +1 -1
  29. package/dist/locale/bn.min.js +1 -1
  30. package/dist/locale/bn.min.mjs +1 -1
  31. package/dist/locale/bn.mjs +1 -1
  32. package/dist/locale/ca.js +1 -1
  33. package/dist/locale/ca.min.js +1 -1
  34. package/dist/locale/ca.min.mjs +1 -1
  35. package/dist/locale/ca.mjs +1 -1
  36. package/dist/locale/ckb.js +1 -1
  37. package/dist/locale/ckb.min.js +1 -1
  38. package/dist/locale/ckb.min.mjs +1 -1
  39. package/dist/locale/ckb.mjs +1 -1
  40. package/dist/locale/cs.js +1 -1
  41. package/dist/locale/cs.min.js +1 -1
  42. package/dist/locale/cs.min.mjs +1 -1
  43. package/dist/locale/cs.mjs +1 -1
  44. package/dist/locale/da.js +1 -1
  45. package/dist/locale/da.min.js +1 -1
  46. package/dist/locale/da.min.mjs +1 -1
  47. package/dist/locale/da.mjs +1 -1
  48. package/dist/locale/de.js +1 -1
  49. package/dist/locale/de.min.js +1 -1
  50. package/dist/locale/de.min.mjs +1 -1
  51. package/dist/locale/de.mjs +1 -1
  52. package/dist/locale/el.js +1 -1
  53. package/dist/locale/el.min.js +1 -1
  54. package/dist/locale/el.min.mjs +1 -1
  55. package/dist/locale/el.mjs +1 -1
  56. package/dist/locale/en.js +1 -1
  57. package/dist/locale/en.min.js +1 -1
  58. package/dist/locale/en.min.mjs +1 -1
  59. package/dist/locale/en.mjs +1 -1
  60. package/dist/locale/eo.js +1 -1
  61. package/dist/locale/eo.min.js +1 -1
  62. package/dist/locale/eo.min.mjs +1 -1
  63. package/dist/locale/eo.mjs +1 -1
  64. package/dist/locale/es.js +1 -1
  65. package/dist/locale/es.min.js +1 -1
  66. package/dist/locale/es.min.mjs +1 -1
  67. package/dist/locale/es.mjs +1 -1
  68. package/dist/locale/et.js +1 -1
  69. package/dist/locale/et.min.js +1 -1
  70. package/dist/locale/et.min.mjs +1 -1
  71. package/dist/locale/et.mjs +1 -1
  72. package/dist/locale/eu.js +1 -1
  73. package/dist/locale/eu.min.js +1 -1
  74. package/dist/locale/eu.min.mjs +1 -1
  75. package/dist/locale/eu.mjs +1 -1
  76. package/dist/locale/fa.js +1 -1
  77. package/dist/locale/fa.min.js +1 -1
  78. package/dist/locale/fa.min.mjs +1 -1
  79. package/dist/locale/fa.mjs +1 -1
  80. package/dist/locale/fi.js +1 -1
  81. package/dist/locale/fi.min.js +1 -1
  82. package/dist/locale/fi.min.mjs +1 -1
  83. package/dist/locale/fi.mjs +1 -1
  84. package/dist/locale/fr.js +1 -1
  85. package/dist/locale/fr.min.js +1 -1
  86. package/dist/locale/fr.min.mjs +1 -1
  87. package/dist/locale/fr.mjs +1 -1
  88. package/dist/locale/he.js +1 -1
  89. package/dist/locale/he.min.js +1 -1
  90. package/dist/locale/he.min.mjs +1 -1
  91. package/dist/locale/he.mjs +1 -1
  92. package/dist/locale/hi.js +1 -1
  93. package/dist/locale/hi.min.js +1 -1
  94. package/dist/locale/hi.min.mjs +1 -1
  95. package/dist/locale/hi.mjs +1 -1
  96. package/dist/locale/hr.js +1 -1
  97. package/dist/locale/hr.min.js +1 -1
  98. package/dist/locale/hr.min.mjs +1 -1
  99. package/dist/locale/hr.mjs +1 -1
  100. package/dist/locale/hu.js +1 -1
  101. package/dist/locale/hu.min.js +1 -1
  102. package/dist/locale/hu.min.mjs +1 -1
  103. package/dist/locale/hu.mjs +1 -1
  104. package/dist/locale/hy-am.js +1 -1
  105. package/dist/locale/hy-am.min.js +1 -1
  106. package/dist/locale/hy-am.min.mjs +1 -1
  107. package/dist/locale/hy-am.mjs +1 -1
  108. package/dist/locale/id.js +1 -1
  109. package/dist/locale/id.min.js +1 -1
  110. package/dist/locale/id.min.mjs +1 -1
  111. package/dist/locale/id.mjs +1 -1
  112. package/dist/locale/it.js +1 -1
  113. package/dist/locale/it.min.js +1 -1
  114. package/dist/locale/it.min.mjs +1 -1
  115. package/dist/locale/it.mjs +1 -1
  116. package/dist/locale/ja.js +1 -1
  117. package/dist/locale/ja.min.js +1 -1
  118. package/dist/locale/ja.min.mjs +1 -1
  119. package/dist/locale/ja.mjs +1 -1
  120. package/dist/locale/kk.js +1 -1
  121. package/dist/locale/kk.min.js +1 -1
  122. package/dist/locale/kk.min.mjs +1 -1
  123. package/dist/locale/kk.mjs +1 -1
  124. package/dist/locale/km.js +1 -1
  125. package/dist/locale/km.min.js +1 -1
  126. package/dist/locale/km.min.mjs +1 -1
  127. package/dist/locale/km.mjs +1 -1
  128. package/dist/locale/ko.js +1 -1
  129. package/dist/locale/ko.min.js +1 -1
  130. package/dist/locale/ko.min.mjs +1 -1
  131. package/dist/locale/ko.mjs +1 -1
  132. package/dist/locale/ku.js +1 -1
  133. package/dist/locale/ku.min.js +1 -1
  134. package/dist/locale/ku.min.mjs +1 -1
  135. package/dist/locale/ku.mjs +1 -1
  136. package/dist/locale/ky.js +1 -1
  137. package/dist/locale/ky.min.js +1 -1
  138. package/dist/locale/ky.min.mjs +1 -1
  139. package/dist/locale/ky.mjs +1 -1
  140. package/dist/locale/lo.js +1 -1
  141. package/dist/locale/lo.min.js +1 -1
  142. package/dist/locale/lo.min.mjs +1 -1
  143. package/dist/locale/lo.mjs +1 -1
  144. package/dist/locale/lt.js +1 -1
  145. package/dist/locale/lt.min.js +1 -1
  146. package/dist/locale/lt.min.mjs +1 -1
  147. package/dist/locale/lt.mjs +1 -1
  148. package/dist/locale/lv.js +1 -1
  149. package/dist/locale/lv.min.js +1 -1
  150. package/dist/locale/lv.min.mjs +1 -1
  151. package/dist/locale/lv.mjs +1 -1
  152. package/dist/locale/mg.js +1 -1
  153. package/dist/locale/mg.min.js +1 -1
  154. package/dist/locale/mg.min.mjs +1 -1
  155. package/dist/locale/mg.mjs +1 -1
  156. package/dist/locale/mn.js +1 -1
  157. package/dist/locale/mn.min.js +1 -1
  158. package/dist/locale/mn.min.mjs +1 -1
  159. package/dist/locale/mn.mjs +1 -1
  160. package/dist/locale/ms.js +1 -1
  161. package/dist/locale/ms.min.js +1 -1
  162. package/dist/locale/ms.min.mjs +1 -1
  163. package/dist/locale/ms.mjs +1 -1
  164. package/dist/locale/my.js +1 -1
  165. package/dist/locale/my.min.js +1 -1
  166. package/dist/locale/my.min.mjs +1 -1
  167. package/dist/locale/my.mjs +1 -1
  168. package/dist/locale/nb-no.js +1 -1
  169. package/dist/locale/nb-no.min.js +1 -1
  170. package/dist/locale/nb-no.min.mjs +1 -1
  171. package/dist/locale/nb-no.mjs +1 -1
  172. package/dist/locale/nl.js +1 -1
  173. package/dist/locale/nl.min.js +1 -1
  174. package/dist/locale/nl.min.mjs +1 -1
  175. package/dist/locale/nl.mjs +1 -1
  176. package/dist/locale/no.js +1 -1
  177. package/dist/locale/no.min.js +1 -1
  178. package/dist/locale/no.min.mjs +1 -1
  179. package/dist/locale/no.mjs +1 -1
  180. package/dist/locale/pa.js +1 -1
  181. package/dist/locale/pa.min.js +1 -1
  182. package/dist/locale/pa.min.mjs +1 -1
  183. package/dist/locale/pa.mjs +1 -1
  184. package/dist/locale/pl.js +1 -1
  185. package/dist/locale/pl.min.js +1 -1
  186. package/dist/locale/pl.min.mjs +1 -1
  187. package/dist/locale/pl.mjs +1 -1
  188. package/dist/locale/pt-br.js +1 -1
  189. package/dist/locale/pt-br.min.js +1 -1
  190. package/dist/locale/pt-br.min.mjs +1 -1
  191. package/dist/locale/pt-br.mjs +1 -1
  192. package/dist/locale/pt.js +1 -1
  193. package/dist/locale/pt.min.js +1 -1
  194. package/dist/locale/pt.min.mjs +1 -1
  195. package/dist/locale/pt.mjs +1 -1
  196. package/dist/locale/ro.js +1 -1
  197. package/dist/locale/ro.min.js +1 -1
  198. package/dist/locale/ro.min.mjs +1 -1
  199. package/dist/locale/ro.mjs +1 -1
  200. package/dist/locale/ru.js +1 -1
  201. package/dist/locale/ru.min.js +1 -1
  202. package/dist/locale/ru.min.mjs +1 -1
  203. package/dist/locale/ru.mjs +1 -1
  204. package/dist/locale/sk.js +1 -1
  205. package/dist/locale/sk.min.js +1 -1
  206. package/dist/locale/sk.min.mjs +1 -1
  207. package/dist/locale/sk.mjs +1 -1
  208. package/dist/locale/sl.js +1 -1
  209. package/dist/locale/sl.min.js +1 -1
  210. package/dist/locale/sl.min.mjs +1 -1
  211. package/dist/locale/sl.mjs +1 -1
  212. package/dist/locale/sr.js +1 -1
  213. package/dist/locale/sr.min.js +1 -1
  214. package/dist/locale/sr.min.mjs +1 -1
  215. package/dist/locale/sr.mjs +1 -1
  216. package/dist/locale/sv.js +1 -1
  217. package/dist/locale/sv.min.js +1 -1
  218. package/dist/locale/sv.min.mjs +1 -1
  219. package/dist/locale/sv.mjs +1 -1
  220. package/dist/locale/sw.js +1 -1
  221. package/dist/locale/sw.min.js +1 -1
  222. package/dist/locale/sw.min.mjs +1 -1
  223. package/dist/locale/sw.mjs +1 -1
  224. package/dist/locale/ta.js +1 -1
  225. package/dist/locale/ta.min.js +1 -1
  226. package/dist/locale/ta.min.mjs +1 -1
  227. package/dist/locale/ta.mjs +1 -1
  228. package/dist/locale/te.js +1 -1
  229. package/dist/locale/te.min.js +1 -1
  230. package/dist/locale/te.min.mjs +1 -1
  231. package/dist/locale/te.mjs +1 -1
  232. package/dist/locale/th.js +1 -1
  233. package/dist/locale/th.min.js +1 -1
  234. package/dist/locale/th.min.mjs +1 -1
  235. package/dist/locale/th.mjs +1 -1
  236. package/dist/locale/tk.js +1 -1
  237. package/dist/locale/tk.min.js +1 -1
  238. package/dist/locale/tk.min.mjs +1 -1
  239. package/dist/locale/tk.mjs +1 -1
  240. package/dist/locale/tr.js +1 -1
  241. package/dist/locale/tr.min.js +1 -1
  242. package/dist/locale/tr.min.mjs +1 -1
  243. package/dist/locale/tr.mjs +1 -1
  244. package/dist/locale/ug-cn.js +1 -1
  245. package/dist/locale/ug-cn.min.js +1 -1
  246. package/dist/locale/ug-cn.min.mjs +1 -1
  247. package/dist/locale/ug-cn.mjs +1 -1
  248. package/dist/locale/uk.js +1 -1
  249. package/dist/locale/uk.min.js +1 -1
  250. package/dist/locale/uk.min.mjs +1 -1
  251. package/dist/locale/uk.mjs +1 -1
  252. package/dist/locale/uz-uz.js +1 -1
  253. package/dist/locale/uz-uz.min.js +1 -1
  254. package/dist/locale/uz-uz.min.mjs +1 -1
  255. package/dist/locale/uz-uz.mjs +1 -1
  256. package/dist/locale/vi.js +1 -1
  257. package/dist/locale/vi.min.js +1 -1
  258. package/dist/locale/vi.min.mjs +1 -1
  259. package/dist/locale/vi.mjs +1 -1
  260. package/dist/locale/zh-cn.js +1 -1
  261. package/dist/locale/zh-cn.min.js +1 -1
  262. package/dist/locale/zh-cn.min.mjs +1 -1
  263. package/dist/locale/zh-cn.mjs +1 -1
  264. package/dist/locale/zh-hk.js +1 -1
  265. package/dist/locale/zh-hk.min.js +1 -1
  266. package/dist/locale/zh-hk.min.mjs +1 -1
  267. package/dist/locale/zh-hk.mjs +1 -1
  268. package/dist/locale/zh-mo.js +1 -1
  269. package/dist/locale/zh-mo.min.js +1 -1
  270. package/dist/locale/zh-mo.min.mjs +1 -1
  271. package/dist/locale/zh-mo.mjs +1 -1
  272. package/dist/locale/zh-tw.js +1 -1
  273. package/dist/locale/zh-tw.min.js +1 -1
  274. package/dist/locale/zh-tw.min.mjs +1 -1
  275. package/dist/locale/zh-tw.mjs +1 -1
  276. package/es/components/affix/index.mjs +2 -2
  277. package/es/components/affix/src/affix.mjs +24 -129
  278. package/es/components/affix/src/affix.mjs.map +1 -1
  279. package/es/components/affix/src/affix2.mjs +129 -24
  280. package/es/components/affix/src/affix2.mjs.map +1 -1
  281. package/es/components/backtop/index.mjs +2 -2
  282. package/es/components/backtop/src/backtop.mjs +21 -53
  283. package/es/components/backtop/src/backtop.mjs.map +1 -1
  284. package/es/components/backtop/src/backtop2.mjs +53 -21
  285. package/es/components/backtop/src/backtop2.mjs.map +1 -1
  286. package/es/components/badge/index.mjs +2 -2
  287. package/es/components/badge/src/badge.mjs +71 -32
  288. package/es/components/badge/src/badge.mjs.map +1 -1
  289. package/es/components/badge/src/badge2.mjs +32 -71
  290. package/es/components/badge/src/badge2.mjs.map +1 -1
  291. package/es/components/button/index.mjs +1 -1
  292. package/es/components/button/src/button-group.mjs +29 -6
  293. package/es/components/button/src/button-group.mjs.map +1 -1
  294. package/es/components/button/src/button-group2.mjs +6 -29
  295. package/es/components/button/src/button-group2.mjs.map +1 -1
  296. package/es/components/check-tag/index.mjs +2 -2
  297. package/es/components/check-tag/src/check-tag.mjs +38 -14
  298. package/es/components/check-tag/src/check-tag.mjs.map +1 -1
  299. package/es/components/check-tag/src/check-tag2.mjs +14 -38
  300. package/es/components/check-tag/src/check-tag2.mjs.map +1 -1
  301. package/es/components/dropdown/index.mjs +2 -2
  302. package/es/components/dropdown/src/dropdown-item-impl.mjs +2 -2
  303. package/es/components/dropdown/src/dropdown-item.mjs +1 -1
  304. package/es/components/dropdown/src/dropdown-menu.mjs +2 -2
  305. package/es/components/dropdown/src/dropdown.mjs +108 -303
  306. package/es/components/dropdown/src/dropdown.mjs.map +1 -1
  307. package/es/components/dropdown/src/dropdown2.mjs +303 -108
  308. package/es/components/dropdown/src/dropdown2.mjs.map +1 -1
  309. package/es/components/empty/index.mjs +2 -2
  310. package/es/components/empty/src/empty.mjs +11 -52
  311. package/es/components/empty/src/empty.mjs.map +1 -1
  312. package/es/components/empty/src/empty2.mjs +52 -11
  313. package/es/components/empty/src/empty2.mjs.map +1 -1
  314. package/es/components/icon/index.mjs +2 -2
  315. package/es/components/icon/src/icon.mjs +8 -35
  316. package/es/components/icon/src/icon.mjs.map +1 -1
  317. package/es/components/icon/src/icon2.mjs +35 -8
  318. package/es/components/icon/src/icon2.mjs.map +1 -1
  319. package/es/components/image-viewer/index.mjs +2 -2
  320. package/es/components/image-viewer/src/image-viewer.mjs +46 -447
  321. package/es/components/image-viewer/src/image-viewer.mjs.map +1 -1
  322. package/es/components/image-viewer/src/image-viewer2.mjs +447 -46
  323. package/es/components/image-viewer/src/image-viewer2.mjs.map +1 -1
  324. package/es/components/index.mjs +19 -19
  325. package/es/components/popover/src/popover.mjs +2 -2
  326. package/es/components/progress/index.mjs +2 -2
  327. package/es/components/progress/src/progress.mjs +53 -207
  328. package/es/components/progress/src/progress.mjs.map +1 -1
  329. package/es/components/progress/src/progress2.mjs +207 -53
  330. package/es/components/progress/src/progress2.mjs.map +1 -1
  331. package/es/components/radio/index.mjs +2 -2
  332. package/es/components/radio/src/radio-group.mjs +34 -65
  333. package/es/components/radio/src/radio-group.mjs.map +1 -1
  334. package/es/components/radio/src/radio-group2.mjs +65 -34
  335. package/es/components/radio/src/radio-group2.mjs.map +1 -1
  336. package/es/components/roving-focus-group/index.mjs +3 -3
  337. package/es/components/roving-focus-group/src/roving-focus-group-impl.mjs +1 -1
  338. package/es/components/roving-focus-group/src/roving-focus-group.mjs +27 -27
  339. package/es/components/roving-focus-group/src/roving-focus-group.mjs.map +1 -1
  340. package/es/components/roving-focus-group/src/roving-focus-group2.mjs +27 -27
  341. package/es/components/roving-focus-group/src/roving-focus-group2.mjs.map +1 -1
  342. package/es/components/roving-focus-group/src/roving-focus-item.mjs +1 -1
  343. package/es/components/scrollbar/index.mjs +1 -1
  344. package/es/components/scrollbar/src/bar2.mjs +1 -1
  345. package/es/components/scrollbar/src/thumb.mjs +139 -11
  346. package/es/components/scrollbar/src/thumb.mjs.map +1 -1
  347. package/es/components/scrollbar/src/thumb2.mjs +11 -139
  348. package/es/components/scrollbar/src/thumb2.mjs.map +1 -1
  349. package/es/components/segmented/index.mjs +2 -2
  350. package/es/components/segmented/src/segmented.mjs +167 -42
  351. package/es/components/segmented/src/segmented.mjs.map +1 -1
  352. package/es/components/segmented/src/segmented2.mjs +42 -167
  353. package/es/components/segmented/src/segmented2.mjs.map +1 -1
  354. package/es/components/skeleton/index.mjs +2 -2
  355. package/es/components/skeleton/src/skeleton-item.mjs +22 -17
  356. package/es/components/skeleton/src/skeleton-item.mjs.map +1 -1
  357. package/es/components/skeleton/src/skeleton-item2.mjs +17 -22
  358. package/es/components/skeleton/src/skeleton-item2.mjs.map +1 -1
  359. package/es/components/skeleton/src/skeleton2.mjs +1 -1
  360. package/es/components/slider/src/button.mjs +19 -91
  361. package/es/components/slider/src/button.mjs.map +1 -1
  362. package/es/components/slider/src/button2.mjs +91 -19
  363. package/es/components/slider/src/button2.mjs.map +1 -1
  364. package/es/components/slider/src/slider.mjs +1 -1
  365. package/es/components/steps/index.mjs +2 -2
  366. package/es/components/steps/src/item.mjs +19 -192
  367. package/es/components/steps/src/item.mjs.map +1 -1
  368. package/es/components/steps/src/item2.mjs +192 -19
  369. package/es/components/steps/src/item2.mjs.map +1 -1
  370. package/es/components/tabs/index.mjs +3 -3
  371. package/es/components/tabs/src/tab-bar.mjs +11 -87
  372. package/es/components/tabs/src/tab-bar.mjs.map +1 -1
  373. package/es/components/tabs/src/tab-bar2.mjs +87 -11
  374. package/es/components/tabs/src/tab-bar2.mjs.map +1 -1
  375. package/es/components/tabs/src/tab-nav.mjs +1 -1
  376. package/es/components/tabs/src/tab-pane.mjs +13 -82
  377. package/es/components/tabs/src/tab-pane.mjs.map +1 -1
  378. package/es/components/tabs/src/tab-pane2.mjs +82 -13
  379. package/es/components/tabs/src/tab-pane2.mjs.map +1 -1
  380. package/es/components/tooltip/index.mjs +1 -1
  381. package/es/components/tooltip/src/tooltip.mjs +1 -1
  382. package/es/components/tooltip/src/tooltip2.mjs +1 -1
  383. package/es/components/tooltip/src/trigger.mjs +72 -14
  384. package/es/components/tooltip/src/trigger.mjs.map +1 -1
  385. package/es/components/tooltip/src/trigger2.mjs +14 -72
  386. package/es/components/tooltip/src/trigger2.mjs.map +1 -1
  387. package/es/components/tooltip-v2/index.mjs +1 -1
  388. package/es/components/tooltip-v2/src/tooltip.mjs +1 -1
  389. package/es/components/tooltip-v2/src/tooltip2.mjs +2 -2
  390. package/es/components/tooltip-v2/src/trigger.mjs +89 -12
  391. package/es/components/tooltip-v2/src/trigger.mjs.map +1 -1
  392. package/es/components/tooltip-v2/src/trigger2.mjs +12 -89
  393. package/es/components/tooltip-v2/src/trigger2.mjs.map +1 -1
  394. package/es/components/tour/index.mjs +3 -3
  395. package/es/components/tour/src/content.mjs +43 -67
  396. package/es/components/tour/src/content.mjs.map +1 -1
  397. package/es/components/tour/src/content2.mjs +67 -43
  398. package/es/components/tour/src/content2.mjs.map +1 -1
  399. package/es/components/tour/src/mask2.mjs +15 -16
  400. package/es/components/tour/src/mask2.mjs.map +1 -1
  401. package/es/components/tour/src/step.mjs +1 -1
  402. package/es/components/tour/src/tour.mjs +154 -69
  403. package/es/components/tour/src/tour.mjs.map +1 -1
  404. package/es/components/tour/src/tour2.mjs +69 -154
  405. package/es/components/tour/src/tour2.mjs.map +1 -1
  406. package/es/index.mjs +19 -19
  407. package/es/version.d.ts +1 -1
  408. package/es/version.mjs +1 -1
  409. package/es/version.mjs.map +1 -1
  410. package/lib/components/affix/index.js +2 -2
  411. package/lib/components/affix/src/affix.js +25 -129
  412. package/lib/components/affix/src/affix.js.map +1 -1
  413. package/lib/components/affix/src/affix2.js +129 -25
  414. package/lib/components/affix/src/affix2.js.map +1 -1
  415. package/lib/components/backtop/index.js +2 -2
  416. package/lib/components/backtop/src/backtop.js +22 -53
  417. package/lib/components/backtop/src/backtop.js.map +1 -1
  418. package/lib/components/backtop/src/backtop2.js +53 -22
  419. package/lib/components/backtop/src/backtop2.js.map +1 -1
  420. package/lib/components/badge/index.js +2 -2
  421. package/lib/components/badge/src/badge.js +71 -32
  422. package/lib/components/badge/src/badge.js.map +1 -1
  423. package/lib/components/badge/src/badge2.js +32 -71
  424. package/lib/components/badge/src/badge2.js.map +1 -1
  425. package/lib/components/button/index.js +1 -1
  426. package/lib/components/button/src/button-group.js +29 -6
  427. package/lib/components/button/src/button-group.js.map +1 -1
  428. package/lib/components/button/src/button-group2.js +6 -29
  429. package/lib/components/button/src/button-group2.js.map +1 -1
  430. package/lib/components/check-tag/index.js +2 -2
  431. package/lib/components/check-tag/src/check-tag.js +38 -15
  432. package/lib/components/check-tag/src/check-tag.js.map +1 -1
  433. package/lib/components/check-tag/src/check-tag2.js +15 -38
  434. package/lib/components/check-tag/src/check-tag2.js.map +1 -1
  435. package/lib/components/dropdown/index.js +2 -2
  436. package/lib/components/dropdown/src/dropdown-item-impl.js +2 -2
  437. package/lib/components/dropdown/src/dropdown-item.js +1 -1
  438. package/lib/components/dropdown/src/dropdown-menu.js +2 -2
  439. package/lib/components/dropdown/src/dropdown.js +117 -303
  440. package/lib/components/dropdown/src/dropdown.js.map +1 -1
  441. package/lib/components/dropdown/src/dropdown2.js +303 -117
  442. package/lib/components/dropdown/src/dropdown2.js.map +1 -1
  443. package/lib/components/empty/index.js +2 -2
  444. package/lib/components/empty/src/empty.js +11 -52
  445. package/lib/components/empty/src/empty.js.map +1 -1
  446. package/lib/components/empty/src/empty2.js +52 -11
  447. package/lib/components/empty/src/empty2.js.map +1 -1
  448. package/lib/components/icon/index.js +2 -2
  449. package/lib/components/icon/src/icon.js +8 -35
  450. package/lib/components/icon/src/icon.js.map +1 -1
  451. package/lib/components/icon/src/icon2.js +35 -8
  452. package/lib/components/icon/src/icon2.js.map +1 -1
  453. package/lib/components/image-viewer/index.js +2 -2
  454. package/lib/components/image-viewer/src/image-viewer.js +47 -447
  455. package/lib/components/image-viewer/src/image-viewer.js.map +1 -1
  456. package/lib/components/image-viewer/src/image-viewer2.js +447 -47
  457. package/lib/components/image-viewer/src/image-viewer2.js.map +1 -1
  458. package/lib/components/index.js +19 -19
  459. package/lib/components/popover/src/popover.js +2 -2
  460. package/lib/components/progress/index.js +2 -2
  461. package/lib/components/progress/src/progress.js +53 -207
  462. package/lib/components/progress/src/progress.js.map +1 -1
  463. package/lib/components/progress/src/progress2.js +207 -53
  464. package/lib/components/progress/src/progress2.js.map +1 -1
  465. package/lib/components/radio/index.js +2 -2
  466. package/lib/components/radio/src/radio-group.js +35 -65
  467. package/lib/components/radio/src/radio-group.js.map +1 -1
  468. package/lib/components/radio/src/radio-group2.js +65 -35
  469. package/lib/components/radio/src/radio-group2.js.map +1 -1
  470. package/lib/components/roving-focus-group/index.js +2 -2
  471. package/lib/components/roving-focus-group/src/roving-focus-group-impl.js +1 -1
  472. package/lib/components/roving-focus-group/src/roving-focus-group.js +31 -27
  473. package/lib/components/roving-focus-group/src/roving-focus-group.js.map +1 -1
  474. package/lib/components/roving-focus-group/src/roving-focus-group2.js +27 -31
  475. package/lib/components/roving-focus-group/src/roving-focus-group2.js.map +1 -1
  476. package/lib/components/roving-focus-group/src/roving-focus-item.js +1 -1
  477. package/lib/components/scrollbar/index.js +1 -1
  478. package/lib/components/scrollbar/src/bar2.js +1 -1
  479. package/lib/components/scrollbar/src/thumb.js +139 -11
  480. package/lib/components/scrollbar/src/thumb.js.map +1 -1
  481. package/lib/components/scrollbar/src/thumb2.js +11 -139
  482. package/lib/components/scrollbar/src/thumb2.js.map +1 -1
  483. package/lib/components/segmented/index.js +2 -2
  484. package/lib/components/segmented/src/segmented.js +167 -44
  485. package/lib/components/segmented/src/segmented.js.map +1 -1
  486. package/lib/components/segmented/src/segmented2.js +44 -167
  487. package/lib/components/segmented/src/segmented2.js.map +1 -1
  488. package/lib/components/skeleton/index.js +2 -2
  489. package/lib/components/skeleton/src/skeleton-item.js +22 -17
  490. package/lib/components/skeleton/src/skeleton-item.js.map +1 -1
  491. package/lib/components/skeleton/src/skeleton-item2.js +17 -22
  492. package/lib/components/skeleton/src/skeleton-item2.js.map +1 -1
  493. package/lib/components/skeleton/src/skeleton2.js +1 -1
  494. package/lib/components/slider/src/button.js +20 -91
  495. package/lib/components/slider/src/button.js.map +1 -1
  496. package/lib/components/slider/src/button2.js +91 -20
  497. package/lib/components/slider/src/button2.js.map +1 -1
  498. package/lib/components/slider/src/slider.js +1 -1
  499. package/lib/components/steps/index.js +2 -2
  500. package/lib/components/steps/src/item.js +19 -192
  501. package/lib/components/steps/src/item.js.map +1 -1
  502. package/lib/components/steps/src/item2.js +192 -19
  503. package/lib/components/steps/src/item2.js.map +1 -1
  504. package/lib/components/tabs/index.js +3 -3
  505. package/lib/components/tabs/src/tab-bar.js +11 -87
  506. package/lib/components/tabs/src/tab-bar.js.map +1 -1
  507. package/lib/components/tabs/src/tab-bar2.js +87 -11
  508. package/lib/components/tabs/src/tab-bar2.js.map +1 -1
  509. package/lib/components/tabs/src/tab-nav.js +1 -1
  510. package/lib/components/tabs/src/tab-pane.js +13 -82
  511. package/lib/components/tabs/src/tab-pane.js.map +1 -1
  512. package/lib/components/tabs/src/tab-pane2.js +82 -13
  513. package/lib/components/tabs/src/tab-pane2.js.map +1 -1
  514. package/lib/components/tooltip/index.js +1 -1
  515. package/lib/components/tooltip/src/tooltip.js +1 -1
  516. package/lib/components/tooltip/src/tooltip2.js +1 -1
  517. package/lib/components/tooltip/src/trigger.js +72 -14
  518. package/lib/components/tooltip/src/trigger.js.map +1 -1
  519. package/lib/components/tooltip/src/trigger2.js +14 -72
  520. package/lib/components/tooltip/src/trigger2.js.map +1 -1
  521. package/lib/components/tooltip-v2/index.js +1 -1
  522. package/lib/components/tooltip-v2/src/tooltip.js +1 -1
  523. package/lib/components/tooltip-v2/src/tooltip2.js +2 -2
  524. package/lib/components/tooltip-v2/src/trigger.js +89 -12
  525. package/lib/components/tooltip-v2/src/trigger.js.map +1 -1
  526. package/lib/components/tooltip-v2/src/trigger2.js +12 -89
  527. package/lib/components/tooltip-v2/src/trigger2.js.map +1 -1
  528. package/lib/components/tour/index.js +3 -3
  529. package/lib/components/tour/src/content.js +46 -67
  530. package/lib/components/tour/src/content.js.map +1 -1
  531. package/lib/components/tour/src/content2.js +67 -46
  532. package/lib/components/tour/src/content2.js.map +1 -1
  533. package/lib/components/tour/src/mask2.js +15 -16
  534. package/lib/components/tour/src/mask2.js.map +1 -1
  535. package/lib/components/tour/src/step.js +1 -1
  536. package/lib/components/tour/src/tour.js +152 -68
  537. package/lib/components/tour/src/tour.js.map +1 -1
  538. package/lib/components/tour/src/tour2.js +68 -152
  539. package/lib/components/tour/src/tour2.js.map +1 -1
  540. package/lib/index.js +19 -19
  541. package/lib/version.d.ts +1 -1
  542. package/lib/version.js +1 -1
  543. package/lib/version.js.map +1 -1
  544. package/package.json +2 -2
  545. package/web-types.json +1 -1
@@ -1,27 +1,22 @@
1
- import { defineComponent, openBlock, createElementBlock, normalizeClass, unref, createBlock, createCommentVNode } from 'vue';
2
- import { PictureFilled } from '@element-plus/icons-vue';
3
- import { skeletonItemProps } from './skeleton-item.mjs';
4
- import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
5
- import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
1
+ import { buildProps } from '../../../utils/vue/props/runtime.mjs';
6
2
 
7
- const __default__ = defineComponent({
8
- name: "ElSkeletonItem"
9
- });
10
- const _sfc_main = /* @__PURE__ */ defineComponent({
11
- ...__default__,
12
- props: skeletonItemProps,
13
- setup(__props) {
14
- const ns = useNamespace("skeleton");
15
- return (_ctx, _cache) => {
16
- return openBlock(), createElementBlock("div", {
17
- class: normalizeClass([unref(ns).e("item"), unref(ns).e(_ctx.variant)])
18
- }, [
19
- _ctx.variant === "image" ? (openBlock(), createBlock(unref(PictureFilled), { key: 0 })) : createCommentVNode("v-if", true)
20
- ], 2);
21
- };
3
+ const skeletonItemProps = buildProps({
4
+ variant: {
5
+ type: String,
6
+ values: [
7
+ "circle",
8
+ "rect",
9
+ "h1",
10
+ "h3",
11
+ "text",
12
+ "caption",
13
+ "p",
14
+ "image",
15
+ "button"
16
+ ],
17
+ default: "text"
22
18
  }
23
19
  });
24
- var SkeletonItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "skeleton-item.vue"]]);
25
20
 
26
- export { SkeletonItem as default };
21
+ export { skeletonItemProps };
27
22
  //# sourceMappingURL=skeleton-item2.mjs.map
@@ -1 +1 @@
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
+ {"version":3,"file":"skeleton-item2.mjs","sources":["../../../../../../packages/components/skeleton/src/skeleton-item.ts"],"sourcesContent":["import { buildProps } from '@element-plus/utils'\n\nimport type SkeletonItem from './skeleton-item.vue'\nimport type { ExtractPropTypes, __ExtractPublicPropTypes } from 'vue'\n\nexport const skeletonItemProps = buildProps({\n /**\n * @description the current rendering skeleton type\n */\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>\nexport type SkeletonItemPropsPublic = __ExtractPublicPropTypes<\n typeof skeletonItemProps\n>\n\nexport type SkeletonItemInstance = InstanceType<typeof SkeletonItem> & unknown\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,6 +1,6 @@
1
1
  import { defineComponent, toRef, unref, openBlock, createElementBlock, mergeProps, Fragment, renderList, renderSlot, createVNode, normalizeClass, createBlock, createCommentVNode, normalizeProps } from 'vue';
2
2
  import { skeletonProps } from './skeleton.mjs';
3
- import SkeletonItem from './skeleton-item2.mjs';
3
+ import SkeletonItem from './skeleton-item.mjs';
4
4
  import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
5
5
  import { useThrottleRender } from '../../../hooks/use-throttle-render/index.mjs';
6
6
  import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
@@ -1,96 +1,24 @@
1
- import { defineComponent, reactive, computed, toRefs, openBlock, createElementBlock, normalizeClass, unref, normalizeStyle, createVNode, withCtx, createElementVNode, toDisplayString } from 'vue';
2
- import { ElTooltip } from '../../tooltip/index.mjs';
3
- import { sliderButtonProps, sliderButtonEmits } from './button2.mjs';
4
- import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
5
- import { useSliderButton } from './composables/use-slider-button.mjs';
6
- import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
1
+ import { placements } from '@popperjs/core';
2
+ import { buildProps } from '../../../utils/vue/props/runtime.mjs';
3
+ import { UPDATE_MODEL_EVENT } from '../../../constants/event.mjs';
4
+ import { isNumber } from '../../../utils/types.mjs';
7
5
 
8
- const __default__ = defineComponent({
9
- name: "ElSliderButton"
10
- });
11
- const _sfc_main = /* @__PURE__ */ defineComponent({
12
- ...__default__,
13
- props: sliderButtonProps,
14
- emits: sliderButtonEmits,
15
- setup(__props, { expose, emit }) {
16
- const props = __props;
17
- const ns = useNamespace("slider");
18
- const initData = reactive({
19
- hovering: false,
20
- dragging: false,
21
- isClick: false,
22
- startX: 0,
23
- currentX: 0,
24
- startY: 0,
25
- currentY: 0,
26
- startPosition: 0,
27
- newPosition: 0,
28
- oldValue: props.modelValue
29
- });
30
- const tooltipPersistent = computed(() => !showTooltip.value ? false : persistent.value);
31
- const {
32
- disabled,
33
- button,
34
- tooltip,
35
- showTooltip,
36
- persistent,
37
- tooltipVisible,
38
- wrapperStyle,
39
- formatValue,
40
- handleMouseEnter,
41
- handleMouseLeave,
42
- onButtonDown,
43
- onKeyDown,
44
- setPosition
45
- } = useSliderButton(props, initData, emit);
46
- const { hovering, dragging } = toRefs(initData);
47
- expose({
48
- onButtonDown,
49
- onKeyDown,
50
- setPosition,
51
- hovering,
52
- dragging
53
- });
54
- return (_ctx, _cache) => {
55
- return openBlock(), createElementBlock("div", {
56
- ref_key: "button",
57
- ref: button,
58
- class: normalizeClass([unref(ns).e("button-wrapper"), { hover: unref(hovering), dragging: unref(dragging) }]),
59
- style: normalizeStyle(unref(wrapperStyle)),
60
- tabindex: unref(disabled) ? -1 : 0,
61
- onMouseenter: unref(handleMouseEnter),
62
- onMouseleave: unref(handleMouseLeave),
63
- onMousedown: unref(onButtonDown),
64
- onFocus: unref(handleMouseEnter),
65
- onBlur: unref(handleMouseLeave),
66
- onKeydown: unref(onKeyDown)
67
- }, [
68
- createVNode(unref(ElTooltip), {
69
- ref_key: "tooltip",
70
- ref: tooltip,
71
- visible: unref(tooltipVisible),
72
- placement: _ctx.placement,
73
- "fallback-placements": ["top", "bottom", "right", "left"],
74
- "stop-popper-mouse-event": false,
75
- "popper-class": _ctx.tooltipClass,
76
- disabled: !unref(showTooltip),
77
- persistent: unref(tooltipPersistent)
78
- }, {
79
- content: withCtx(() => [
80
- createElementVNode("span", null, toDisplayString(unref(formatValue)), 1)
81
- ]),
82
- default: withCtx(() => [
83
- createElementVNode("div", {
84
- class: normalizeClass([unref(ns).e("button"), { hover: unref(hovering), dragging: unref(dragging) }])
85
- }, null, 2)
86
- ]),
87
- _: 1
88
- }, 8, ["visible", "placement", "popper-class", "disabled", "persistent"])
89
- ], 46, ["tabindex", "onMouseenter", "onMouseleave", "onMousedown", "onFocus", "onBlur", "onKeydown"]);
90
- };
6
+ const sliderButtonProps = buildProps({
7
+ modelValue: {
8
+ type: Number,
9
+ default: 0
10
+ },
11
+ vertical: Boolean,
12
+ tooltipClass: String,
13
+ placement: {
14
+ type: String,
15
+ values: placements,
16
+ default: "top"
91
17
  }
92
18
  });
93
- var SliderButton = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "button.vue"]]);
19
+ const sliderButtonEmits = {
20
+ [UPDATE_MODEL_EVENT]: (value) => isNumber(value)
21
+ };
94
22
 
95
- export { SliderButton as default };
23
+ export { sliderButtonEmits, sliderButtonProps };
96
24
  //# sourceMappingURL=button.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"button.mjs","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 @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 :disabled=\"!showTooltip\"\n :persistent=\"tooltipPersistent\"\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 { computed, 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'\n\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 tooltipPersistent = computed(() =>\n !showTooltip.value ? false : persistent.value\n)\n\nconst {\n disabled,\n button,\n tooltip,\n showTooltip,\n persistent,\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":["_openBlock","_createElementBlock"],"mappings":";;;;;;;mCAwCc,CAAA;AAAA,EACZ,IAAM,EAAA,gBAAA;AACR,CAAA,CAAA,CAAA;;;;;;;AAKA,IAAM,MAAA,EAAA,GAAK,aAAa,QAAQ,CAAA,CAAA;AAEhC,IAAA,MAAM,WAAW,QAA+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,IAAA,MAAM,iBAAoB,GAAA,QAAA,CAAA,MAAA,CAAA,WAAA,CAAA,KAAA,GAAA,KAAA,GAAA,UAAA,CAAA,KAAA,CAAA,CAAA;AAAA,IAAA,MACxB;AAAwC,MAC1C,QAAA;AAEA,MAAM,MAAA;AAAA,MACJ,OAAA;AAAA,MACA,WAAA;AAAA,MACA,UAAA;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,KACA,GAAA,eAAA,CAAA,KAAA,EAAA,QAAA,EAAA,IAAA,CAAA,CAAA;AAAA,IACA,MAAA,EAAA,QAAA,EAAA,QAAA,EAAA,GAAA,MAAA,CAAA,QAAA,CAAA,CAAA;AAAA,IACF,MAAI,CAAA;AAEJ,MAAA,YAAQ;AAER,MAAa,SAAA;AAAA,MACX,WAAA;AAAA,MACA,QAAA;AAAA,MACA,QAAA;AAAA,KACA,CAAA,CAAA;AAAA,IACA,OAAA,CAAA,IAAA,EAAA,MAAA,KAAA;AAAA,MACD,OAAAA,SAAA,EAAA,EAAAC,kBAAA,CAAA,KAAA,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"button.mjs","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'\n\nimport type {\n ComponentPublicInstance,\n ExtractPropTypes,\n Ref,\n __ExtractPublicPropTypes,\n} 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>\nexport type SliderButtonPropsPublic = __ExtractPublicPropTypes<\n typeof sliderButtonProps\n>\n\nexport const sliderButtonEmits = {\n [UPDATE_MODEL_EVENT]: (value: number) => isNumber(value),\n}\nexport type SliderButtonEmits = typeof sliderButtonEmits\n\nexport type SliderButtonInstance = ComponentPublicInstance<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":[],"mappings":";;;;;AAGY,MAAC,iBAAiB,GAAG,UAAU,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,EAAE,UAAU;AACtB,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,CAAC,EAAE;AACS,MAAC,iBAAiB,GAAG;AACjC,EAAE,CAAC,kBAAkB,GAAG,CAAC,KAAK,KAAK,QAAQ,CAAC,KAAK,CAAC;AAClD;;;;"}
@@ -1,24 +1,96 @@
1
- import { placements } from '@popperjs/core';
2
- import { buildProps } from '../../../utils/vue/props/runtime.mjs';
3
- import { UPDATE_MODEL_EVENT } from '../../../constants/event.mjs';
4
- import { isNumber } from '../../../utils/types.mjs';
1
+ import { defineComponent, reactive, computed, toRefs, openBlock, createElementBlock, normalizeClass, unref, normalizeStyle, createVNode, withCtx, createElementVNode, toDisplayString } from 'vue';
2
+ import { ElTooltip } from '../../tooltip/index.mjs';
3
+ import { sliderButtonProps, sliderButtonEmits } from './button.mjs';
4
+ import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
5
+ import { useSliderButton } from './composables/use-slider-button.mjs';
6
+ import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
5
7
 
6
- const sliderButtonProps = buildProps({
7
- modelValue: {
8
- type: Number,
9
- default: 0
10
- },
11
- vertical: Boolean,
12
- tooltipClass: String,
13
- placement: {
14
- type: String,
15
- values: placements,
16
- default: "top"
8
+ const __default__ = defineComponent({
9
+ name: "ElSliderButton"
10
+ });
11
+ const _sfc_main = /* @__PURE__ */ defineComponent({
12
+ ...__default__,
13
+ props: sliderButtonProps,
14
+ emits: sliderButtonEmits,
15
+ setup(__props, { expose, emit }) {
16
+ const props = __props;
17
+ const ns = useNamespace("slider");
18
+ const initData = reactive({
19
+ hovering: false,
20
+ dragging: false,
21
+ isClick: false,
22
+ startX: 0,
23
+ currentX: 0,
24
+ startY: 0,
25
+ currentY: 0,
26
+ startPosition: 0,
27
+ newPosition: 0,
28
+ oldValue: props.modelValue
29
+ });
30
+ const tooltipPersistent = computed(() => !showTooltip.value ? false : persistent.value);
31
+ const {
32
+ disabled,
33
+ button,
34
+ tooltip,
35
+ showTooltip,
36
+ persistent,
37
+ tooltipVisible,
38
+ wrapperStyle,
39
+ formatValue,
40
+ handleMouseEnter,
41
+ handleMouseLeave,
42
+ onButtonDown,
43
+ onKeyDown,
44
+ setPosition
45
+ } = useSliderButton(props, initData, emit);
46
+ const { hovering, dragging } = toRefs(initData);
47
+ expose({
48
+ onButtonDown,
49
+ onKeyDown,
50
+ setPosition,
51
+ hovering,
52
+ dragging
53
+ });
54
+ return (_ctx, _cache) => {
55
+ return openBlock(), createElementBlock("div", {
56
+ ref_key: "button",
57
+ ref: button,
58
+ class: normalizeClass([unref(ns).e("button-wrapper"), { hover: unref(hovering), dragging: unref(dragging) }]),
59
+ style: normalizeStyle(unref(wrapperStyle)),
60
+ tabindex: unref(disabled) ? -1 : 0,
61
+ onMouseenter: unref(handleMouseEnter),
62
+ onMouseleave: unref(handleMouseLeave),
63
+ onMousedown: unref(onButtonDown),
64
+ onFocus: unref(handleMouseEnter),
65
+ onBlur: unref(handleMouseLeave),
66
+ onKeydown: unref(onKeyDown)
67
+ }, [
68
+ createVNode(unref(ElTooltip), {
69
+ ref_key: "tooltip",
70
+ ref: tooltip,
71
+ visible: unref(tooltipVisible),
72
+ placement: _ctx.placement,
73
+ "fallback-placements": ["top", "bottom", "right", "left"],
74
+ "stop-popper-mouse-event": false,
75
+ "popper-class": _ctx.tooltipClass,
76
+ disabled: !unref(showTooltip),
77
+ persistent: unref(tooltipPersistent)
78
+ }, {
79
+ content: withCtx(() => [
80
+ createElementVNode("span", null, toDisplayString(unref(formatValue)), 1)
81
+ ]),
82
+ default: withCtx(() => [
83
+ createElementVNode("div", {
84
+ class: normalizeClass([unref(ns).e("button"), { hover: unref(hovering), dragging: unref(dragging) }])
85
+ }, null, 2)
86
+ ]),
87
+ _: 1
88
+ }, 8, ["visible", "placement", "popper-class", "disabled", "persistent"])
89
+ ], 46, ["tabindex", "onMouseenter", "onMouseleave", "onMousedown", "onFocus", "onBlur", "onKeydown"]);
90
+ };
17
91
  }
18
92
  });
19
- const sliderButtonEmits = {
20
- [UPDATE_MODEL_EVENT]: (value) => isNumber(value)
21
- };
93
+ var SliderButton = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "button.vue"]]);
22
94
 
23
- export { sliderButtonEmits, sliderButtonProps };
95
+ export { SliderButton as default };
24
96
  //# sourceMappingURL=button2.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"button2.mjs","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'\n\nimport type {\n ComponentPublicInstance,\n ExtractPropTypes,\n Ref,\n __ExtractPublicPropTypes,\n} 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>\nexport type SliderButtonPropsPublic = __ExtractPublicPropTypes<\n typeof sliderButtonProps\n>\n\nexport const sliderButtonEmits = {\n [UPDATE_MODEL_EVENT]: (value: number) => isNumber(value),\n}\nexport type SliderButtonEmits = typeof sliderButtonEmits\n\nexport type SliderButtonInstance = ComponentPublicInstance<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":[],"mappings":";;;;;AAGY,MAAC,iBAAiB,GAAG,UAAU,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,EAAE,UAAU;AACtB,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,CAAC,EAAE;AACS,MAAC,iBAAiB,GAAG;AACjC,EAAE,CAAC,kBAAkB,GAAG,CAAC,KAAK,KAAK,QAAQ,CAAC,KAAK,CAAC;AAClD;;;;"}
1
+ {"version":3,"file":"button2.mjs","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 @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 :disabled=\"!showTooltip\"\n :persistent=\"tooltipPersistent\"\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 { computed, 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'\n\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 tooltipPersistent = computed(() =>\n !showTooltip.value ? false : persistent.value\n)\n\nconst {\n disabled,\n button,\n tooltip,\n showTooltip,\n persistent,\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":["_openBlock","_createElementBlock"],"mappings":";;;;;;;mCAwCc,CAAA;AAAA,EACZ,IAAM,EAAA,gBAAA;AACR,CAAA,CAAA,CAAA;;;;;;;AAKA,IAAM,MAAA,EAAA,GAAK,aAAa,QAAQ,CAAA,CAAA;AAEhC,IAAA,MAAM,WAAW,QAA+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,IAAA,MAAM,iBAAoB,GAAA,QAAA,CAAA,MAAA,CAAA,WAAA,CAAA,KAAA,GAAA,KAAA,GAAA,UAAA,CAAA,KAAA,CAAA,CAAA;AAAA,IAAA,MACxB;AAAwC,MAC1C,QAAA;AAEA,MAAM,MAAA;AAAA,MACJ,OAAA;AAAA,MACA,WAAA;AAAA,MACA,UAAA;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,KACA,GAAA,eAAA,CAAA,KAAA,EAAA,QAAA,EAAA,IAAA,CAAA,CAAA;AAAA,IACA,MAAA,EAAA,QAAA,EAAA,QAAA,EAAA,GAAA,MAAA,CAAA,QAAA,CAAA,CAAA;AAAA,IACF,MAAI,CAAA;AAEJ,MAAA,YAAQ;AAER,MAAa,SAAA;AAAA,MACX,WAAA;AAAA,MACA,QAAA;AAAA,MACA,QAAA;AAAA,KACA,CAAA,CAAA;AAAA,IACA,OAAA,CAAA,IAAA,EAAA,MAAA,KAAA;AAAA,MACD,OAAAA,SAAA,EAAA,EAAAC,kBAAA,CAAA,KAAA,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -3,7 +3,7 @@ import { useEventListener } from '@vueuse/core';
3
3
  import { ElInputNumber } from '../../input-number/index.mjs';
4
4
  import { sliderContextKey } from './constants.mjs';
5
5
  import { sliderProps, sliderEmits } from './slider2.mjs';
6
- import SliderButton from './button.mjs';
6
+ import SliderButton from './button2.mjs';
7
7
  import SliderMarker from './marker.mjs';
8
8
  import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
9
9
  import { useSlide } from './composables/use-slide.mjs';
@@ -1,6 +1,6 @@
1
1
  import Steps from './src/steps.mjs';
2
- import Step from './src/item.mjs';
3
- export { stepProps } from './src/item2.mjs';
2
+ import Step from './src/item2.mjs';
3
+ export { stepProps } from './src/item.mjs';
4
4
  export { stepsEmits, stepsProps } from './src/steps2.mjs';
5
5
  export { STEPS_INJECTION_KEY } from './src/tokens.mjs';
6
6
  import { withInstall, withNoopInstall } from '../../utils/vue/install.mjs';
@@ -1,197 +1,24 @@
1
- import { defineComponent, ref, inject, getCurrentInstance, onMounted, watch, computed, reactive, onBeforeUnmount, openBlock, createElementBlock, normalizeStyle, unref, normalizeClass, createCommentVNode, createElementVNode, renderSlot, createBlock, withCtx, resolveDynamicComponent, createVNode, toDisplayString, createTextVNode } from 'vue';
2
- import { ElIcon } from '../../icon/index.mjs';
3
- import { Check, Close } from '@element-plus/icons-vue';
4
- import { stepProps } from './item2.mjs';
5
- import { STEPS_INJECTION_KEY } from './tokens.mjs';
6
- import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
7
- import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
8
- import { isNumber } from '../../../utils/types.mjs';
1
+ import { buildProps } from '../../../utils/vue/props/runtime.mjs';
2
+ import { iconPropType } from '../../../utils/vue/icon.mjs';
9
3
 
10
- const __default__ = defineComponent({
11
- name: "ElStep"
12
- });
13
- const _sfc_main = defineComponent({
14
- ...__default__,
15
- props: stepProps,
16
- setup(__props) {
17
- const props = __props;
18
- const ns = useNamespace("step");
19
- const index = ref(-1);
20
- const lineStyle = ref({});
21
- const internalStatus = ref("");
22
- const parent = inject(STEPS_INJECTION_KEY);
23
- const currentInstance = getCurrentInstance();
24
- onMounted(() => {
25
- watch([
26
- () => parent.props.active,
27
- () => parent.props.processStatus,
28
- () => parent.props.finishStatus
29
- ], ([active]) => {
30
- updateStatus(active);
31
- }, { immediate: true });
32
- });
33
- const currentStatus = computed(() => {
34
- return props.status || internalStatus.value;
35
- });
36
- const prevStatus = computed(() => {
37
- const prevStep = parent.steps.value[index.value - 1];
38
- return prevStep ? prevStep.currentStatus : "wait";
39
- });
40
- const isCenter = computed(() => {
41
- return parent.props.alignCenter;
42
- });
43
- const isVertical = computed(() => {
44
- return parent.props.direction === "vertical";
45
- });
46
- const isSimple = computed(() => {
47
- return parent.props.simple;
48
- });
49
- const stepsCount = computed(() => {
50
- return parent.steps.value.length;
51
- });
52
- const isLast = computed(() => {
53
- var _a;
54
- return ((_a = parent.steps.value[stepsCount.value - 1]) == null ? void 0 : _a.uid) === currentInstance.uid;
55
- });
56
- const space = computed(() => {
57
- return isSimple.value ? "" : parent.props.space;
58
- });
59
- const containerKls = computed(() => {
60
- return [
61
- ns.b(),
62
- ns.is(isSimple.value ? "simple" : parent.props.direction),
63
- ns.is("flex", isLast.value && !space.value && !isCenter.value),
64
- ns.is("center", isCenter.value && !isVertical.value && !isSimple.value)
65
- ];
66
- });
67
- const style = computed(() => {
68
- const style2 = {
69
- flexBasis: isNumber(space.value) ? `${space.value}px` : space.value ? space.value : `${100 / (stepsCount.value - (isCenter.value ? 0 : 1))}%`
70
- };
71
- if (isVertical.value)
72
- return style2;
73
- if (isLast.value) {
74
- style2.maxWidth = `${100 / stepsCount.value}%`;
75
- }
76
- return style2;
77
- });
78
- const setIndex = (val) => {
79
- index.value = val;
80
- };
81
- const calcProgress = (status) => {
82
- const isWait = status === "wait";
83
- const style2 = {
84
- transitionDelay: `${isWait ? "-" : ""}${150 * index.value}ms`
85
- };
86
- const step = status === parent.props.processStatus || isWait ? 0 : 100;
87
- style2.borderWidth = step && !isSimple.value ? "1px" : 0;
88
- style2[parent.props.direction === "vertical" ? "height" : "width"] = `${step}%`;
89
- lineStyle.value = style2;
90
- };
91
- const updateStatus = (activeIndex) => {
92
- if (activeIndex > index.value) {
93
- internalStatus.value = parent.props.finishStatus;
94
- } else if (activeIndex === index.value && prevStatus.value !== "error") {
95
- internalStatus.value = parent.props.processStatus;
96
- } else {
97
- internalStatus.value = "wait";
98
- }
99
- const prevChild = parent.steps.value[index.value - 1];
100
- if (prevChild)
101
- prevChild.calcProgress(internalStatus.value);
102
- };
103
- const stepItemState = reactive({
104
- uid: currentInstance.uid,
105
- getVnode: () => currentInstance.vnode,
106
- currentStatus,
107
- setIndex,
108
- calcProgress
109
- });
110
- parent.addStep(stepItemState);
111
- onBeforeUnmount(() => {
112
- parent.removeStep(stepItemState);
113
- });
114
- return (_ctx, _cache) => {
115
- return openBlock(), createElementBlock("div", {
116
- style: normalizeStyle(unref(style)),
117
- class: normalizeClass(unref(containerKls))
118
- }, [
119
- createCommentVNode(" icon & line "),
120
- createElementVNode("div", {
121
- class: normalizeClass([unref(ns).e("head"), unref(ns).is(unref(currentStatus))])
122
- }, [
123
- !unref(isSimple) ? (openBlock(), createElementBlock("div", {
124
- key: 0,
125
- class: normalizeClass(unref(ns).e("line"))
126
- }, [
127
- createElementVNode("i", {
128
- class: normalizeClass(unref(ns).e("line-inner")),
129
- style: normalizeStyle(lineStyle.value)
130
- }, null, 6)
131
- ], 2)) : createCommentVNode("v-if", true),
132
- createElementVNode("div", {
133
- class: normalizeClass([unref(ns).e("icon"), unref(ns).is(_ctx.icon || _ctx.$slots.icon ? "icon" : "text")])
134
- }, [
135
- renderSlot(_ctx.$slots, "icon", {}, () => [
136
- _ctx.icon ? (openBlock(), createBlock(unref(ElIcon), {
137
- key: 0,
138
- class: normalizeClass(unref(ns).e("icon-inner"))
139
- }, {
140
- default: withCtx(() => [
141
- (openBlock(), createBlock(resolveDynamicComponent(_ctx.icon)))
142
- ]),
143
- _: 1
144
- }, 8, ["class"])) : unref(currentStatus) === "success" ? (openBlock(), createBlock(unref(ElIcon), {
145
- key: 1,
146
- class: normalizeClass([unref(ns).e("icon-inner"), unref(ns).is("status")])
147
- }, {
148
- default: withCtx(() => [
149
- createVNode(unref(Check))
150
- ]),
151
- _: 1
152
- }, 8, ["class"])) : unref(currentStatus) === "error" ? (openBlock(), createBlock(unref(ElIcon), {
153
- key: 2,
154
- class: normalizeClass([unref(ns).e("icon-inner"), unref(ns).is("status")])
155
- }, {
156
- default: withCtx(() => [
157
- createVNode(unref(Close))
158
- ]),
159
- _: 1
160
- }, 8, ["class"])) : !unref(isSimple) ? (openBlock(), createElementBlock("div", {
161
- key: 3,
162
- class: normalizeClass(unref(ns).e("icon-inner"))
163
- }, toDisplayString(index.value + 1), 3)) : createCommentVNode("v-if", true)
164
- ])
165
- ], 2)
166
- ], 2),
167
- createCommentVNode(" title & description "),
168
- createElementVNode("div", {
169
- class: normalizeClass(unref(ns).e("main"))
170
- }, [
171
- createElementVNode("div", {
172
- class: normalizeClass([unref(ns).e("title"), unref(ns).is(unref(currentStatus))])
173
- }, [
174
- renderSlot(_ctx.$slots, "title", {}, () => [
175
- createTextVNode(toDisplayString(_ctx.title), 1)
176
- ])
177
- ], 2),
178
- unref(isSimple) ? (openBlock(), createElementBlock("div", {
179
- key: 0,
180
- class: normalizeClass(unref(ns).e("arrow"))
181
- }, null, 2)) : (openBlock(), createElementBlock("div", {
182
- key: 1,
183
- class: normalizeClass([unref(ns).e("description"), unref(ns).is(unref(currentStatus))])
184
- }, [
185
- renderSlot(_ctx.$slots, "description", {}, () => [
186
- createTextVNode(toDisplayString(_ctx.description), 1)
187
- ])
188
- ], 2))
189
- ], 2)
190
- ], 6);
191
- };
4
+ const stepProps = buildProps({
5
+ title: {
6
+ type: String,
7
+ default: ""
8
+ },
9
+ icon: {
10
+ type: iconPropType
11
+ },
12
+ description: {
13
+ type: String,
14
+ default: ""
15
+ },
16
+ status: {
17
+ type: String,
18
+ values: ["", "wait", "process", "finish", "error", "success"],
19
+ default: ""
192
20
  }
193
21
  });
194
- var Step = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "item.vue"]]);
195
22
 
196
- export { Step as default };
23
+ export { stepProps };
197
24
  //# sourceMappingURL=item.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"item.mjs","sources":["../../../../../../packages/components/steps/src/item.vue"],"sourcesContent":["<template>\n <div :style=\"style\" :class=\"containerKls\">\n <!-- icon & line -->\n <div :class=\"[ns.e('head'), ns.is(currentStatus)]\">\n <div v-if=\"!isSimple\" :class=\"ns.e('line')\">\n <i :class=\"ns.e('line-inner')\" :style=\"lineStyle\" />\n </div>\n\n <div\n :class=\"[ns.e('icon'), ns.is(icon || $slots.icon ? 'icon' : 'text')]\"\n >\n <slot name=\"icon\">\n <el-icon v-if=\"icon\" :class=\"ns.e('icon-inner')\">\n <component :is=\"icon\" />\n </el-icon>\n <el-icon\n v-else-if=\"currentStatus === 'success'\"\n :class=\"[ns.e('icon-inner'), ns.is('status')]\"\n >\n <Check />\n </el-icon>\n <el-icon\n v-else-if=\"currentStatus === 'error'\"\n :class=\"[ns.e('icon-inner'), ns.is('status')]\"\n >\n <Close />\n </el-icon>\n <div v-else-if=\"!isSimple\" :class=\"ns.e('icon-inner')\">\n {{ index + 1 }}\n </div>\n </slot>\n </div>\n </div>\n <!-- title & description -->\n <div :class=\"ns.e('main')\">\n <div :class=\"[ns.e('title'), ns.is(currentStatus)]\">\n <slot name=\"title\">{{ title }}</slot>\n </div>\n <div v-if=\"isSimple\" :class=\"ns.e('arrow')\" />\n <div v-else :class=\"[ns.e('description'), ns.is(currentStatus)]\">\n <slot name=\"description\">{{ description }}</slot>\n </div>\n </div>\n </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport {\n computed,\n getCurrentInstance,\n inject,\n onBeforeUnmount,\n onMounted,\n reactive,\n ref,\n watch,\n} from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { Check, Close } from '@element-plus/icons-vue'\nimport { isNumber } from '@element-plus/utils'\nimport { stepProps } from './item'\nimport { STEPS_INJECTION_KEY } from './tokens'\n\nimport type { CSSProperties, Ref, VNode } from 'vue'\nimport type { StepsProps } from './steps'\n\nexport interface StepItemState {\n uid: number\n getVnode: () => VNode\n currentStatus: string\n setIndex: (val: number) => void\n calcProgress: (status: string) => void\n}\n\nexport interface IStepsInject {\n props: StepsProps\n steps: Ref<StepItemState[]>\n addStep: (item: StepItemState) => void\n removeStep: (item: StepItemState) => void\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(STEPS_INJECTION_KEY) 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\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 containerKls = computed(() => {\n return [\n ns.b(),\n ns.is(isSimple.value ? 'simple' : parent.props.direction),\n ns.is('flex', isLast.value && !space.value && !isCenter.value),\n ns.is('center', isCenter.value && !isVertical.value && !isSimple.value),\n ]\n})\n\nconst style = computed(() => {\n const style: CSSProperties = {\n flexBasis: isNumber(space.value)\n ? `${space.value}px`\n : space.value\n ? space.value\n : `${100 / (stepsCount.value - (isCenter.value ? 0 : 1))}%`,\n }\n if (isVertical.value) return style\n if (isLast.value) {\n style.maxWidth = `${100 / stepsCount.value}%`\n }\n return style\n})\n\nconst setIndex = (val: number) => {\n index.value = val\n}\n\nconst calcProgress = (status: string) => {\n const isWait = status === 'wait'\n const style: CSSProperties = {\n transitionDelay: `${isWait ? '-' : ''}${150 * index.value}ms`,\n }\n const step = status === parent.props.processStatus || isWait ? 0 : 100\n\n style.borderWidth = step && !isSimple.value ? '1px' : 0\n style[parent.props.direction === 'vertical' ? 'height' : 'width'] = `${step}%`\n lineStyle.value = style\n}\n\nconst updateStatus = (activeIndex: number) => {\n if (activeIndex > index.value) {\n internalStatus.value = parent.props.finishStatus\n } else if (activeIndex === index.value && prevStatus.value !== 'error') {\n internalStatus.value = parent.props.processStatus\n } else {\n internalStatus.value = 'wait'\n }\n const prevChild = parent.steps.value[index.value - 1]\n if (prevChild) prevChild.calcProgress(internalStatus.value)\n}\n\nconst stepItemState = reactive({\n uid: currentInstance.uid,\n getVnode: () => currentInstance.vnode,\n currentStatus,\n setIndex,\n calcProgress,\n})\n\nparent.addStep(stepItemState)\n\nonBeforeUnmount(() => {\n parent.removeStep(stepItemState)\n})\n</script>\n"],"names":["style"],"mappings":"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"}
1
+ {"version":3,"file":"item.mjs","sources":["../../../../../../packages/components/steps/src/item.ts"],"sourcesContent":["import { buildProps, iconPropType } from '@element-plus/utils'\n\nimport type Step from './item.vue'\nimport type { ExtractPropTypes, __ExtractPublicPropTypes } from 'vue'\n\nexport const stepProps = buildProps({\n /**\n * @description step title\n */\n title: {\n type: String,\n default: '',\n },\n /**\n * @description step custom icon. Icons can be passed via named slot as well\n */\n icon: {\n type: iconPropType,\n },\n /**\n * @description step description\n */\n description: {\n type: String,\n default: '',\n },\n /**\n * @description current status. It will be automatically set by Steps if not configured.\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>\nexport type StepPropsPublic = __ExtractPublicPropTypes<typeof stepProps>\n\nexport type StepInstance = InstanceType<typeof Step> & unknown\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;;;;"}