@element-plus/nightly 0.0.20250526 → 0.0.20250528

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 (648) hide show
  1. package/dist/index.full.js +7 -6
  2. package/dist/index.full.min.js +4 -4
  3. package/dist/index.full.min.js.map +1 -1
  4. package/dist/index.full.min.mjs +4 -4
  5. package/dist/index.full.min.mjs.map +1 -1
  6. package/dist/index.full.mjs +7 -6
  7. package/dist/locale/af.js +1 -1
  8. package/dist/locale/af.min.js +1 -1
  9. package/dist/locale/af.min.mjs +1 -1
  10. package/dist/locale/af.mjs +1 -1
  11. package/dist/locale/ar-eg.js +1 -1
  12. package/dist/locale/ar-eg.min.js +1 -1
  13. package/dist/locale/ar-eg.min.mjs +1 -1
  14. package/dist/locale/ar-eg.mjs +1 -1
  15. package/dist/locale/ar.js +1 -1
  16. package/dist/locale/ar.min.js +1 -1
  17. package/dist/locale/ar.min.mjs +1 -1
  18. package/dist/locale/ar.mjs +1 -1
  19. package/dist/locale/az.js +1 -1
  20. package/dist/locale/az.min.js +1 -1
  21. package/dist/locale/az.min.mjs +1 -1
  22. package/dist/locale/az.mjs +1 -1
  23. package/dist/locale/bg.js +1 -1
  24. package/dist/locale/bg.min.js +1 -1
  25. package/dist/locale/bg.min.mjs +1 -1
  26. package/dist/locale/bg.mjs +1 -1
  27. package/dist/locale/bn.js +1 -1
  28. package/dist/locale/bn.min.js +1 -1
  29. package/dist/locale/bn.min.mjs +1 -1
  30. package/dist/locale/bn.mjs +1 -1
  31. package/dist/locale/ca.js +1 -1
  32. package/dist/locale/ca.min.js +1 -1
  33. package/dist/locale/ca.min.mjs +1 -1
  34. package/dist/locale/ca.mjs +1 -1
  35. package/dist/locale/ckb.js +1 -1
  36. package/dist/locale/ckb.min.js +1 -1
  37. package/dist/locale/ckb.min.mjs +1 -1
  38. package/dist/locale/ckb.mjs +1 -1
  39. package/dist/locale/cs.js +1 -1
  40. package/dist/locale/cs.min.js +1 -1
  41. package/dist/locale/cs.min.mjs +1 -1
  42. package/dist/locale/cs.mjs +1 -1
  43. package/dist/locale/da.js +1 -1
  44. package/dist/locale/da.min.js +1 -1
  45. package/dist/locale/da.min.mjs +1 -1
  46. package/dist/locale/da.mjs +1 -1
  47. package/dist/locale/de.js +1 -1
  48. package/dist/locale/de.min.js +1 -1
  49. package/dist/locale/de.min.mjs +1 -1
  50. package/dist/locale/de.mjs +1 -1
  51. package/dist/locale/el.js +1 -1
  52. package/dist/locale/el.min.js +1 -1
  53. package/dist/locale/el.min.mjs +1 -1
  54. package/dist/locale/el.mjs +1 -1
  55. package/dist/locale/en.js +1 -1
  56. package/dist/locale/en.min.js +1 -1
  57. package/dist/locale/en.min.mjs +1 -1
  58. package/dist/locale/en.mjs +1 -1
  59. package/dist/locale/eo.js +1 -1
  60. package/dist/locale/eo.min.js +1 -1
  61. package/dist/locale/eo.min.mjs +1 -1
  62. package/dist/locale/eo.mjs +1 -1
  63. package/dist/locale/es.js +1 -1
  64. package/dist/locale/es.min.js +1 -1
  65. package/dist/locale/es.min.mjs +1 -1
  66. package/dist/locale/es.mjs +1 -1
  67. package/dist/locale/et.js +1 -1
  68. package/dist/locale/et.min.js +1 -1
  69. package/dist/locale/et.min.mjs +1 -1
  70. package/dist/locale/et.mjs +1 -1
  71. package/dist/locale/eu.js +1 -1
  72. package/dist/locale/eu.min.js +1 -1
  73. package/dist/locale/eu.min.mjs +1 -1
  74. package/dist/locale/eu.mjs +1 -1
  75. package/dist/locale/fa.js +1 -1
  76. package/dist/locale/fa.min.js +1 -1
  77. package/dist/locale/fa.min.mjs +1 -1
  78. package/dist/locale/fa.mjs +1 -1
  79. package/dist/locale/fi.js +1 -1
  80. package/dist/locale/fi.min.js +1 -1
  81. package/dist/locale/fi.min.mjs +1 -1
  82. package/dist/locale/fi.mjs +1 -1
  83. package/dist/locale/fr.js +1 -1
  84. package/dist/locale/fr.min.js +1 -1
  85. package/dist/locale/fr.min.mjs +1 -1
  86. package/dist/locale/fr.mjs +1 -1
  87. package/dist/locale/he.js +1 -1
  88. package/dist/locale/he.min.js +1 -1
  89. package/dist/locale/he.min.mjs +1 -1
  90. package/dist/locale/he.mjs +1 -1
  91. package/dist/locale/hi.js +1 -1
  92. package/dist/locale/hi.min.js +1 -1
  93. package/dist/locale/hi.min.mjs +1 -1
  94. package/dist/locale/hi.mjs +1 -1
  95. package/dist/locale/hr.js +1 -1
  96. package/dist/locale/hr.min.js +1 -1
  97. package/dist/locale/hr.min.mjs +1 -1
  98. package/dist/locale/hr.mjs +1 -1
  99. package/dist/locale/hu.js +1 -1
  100. package/dist/locale/hu.min.js +1 -1
  101. package/dist/locale/hu.min.mjs +1 -1
  102. package/dist/locale/hu.mjs +1 -1
  103. package/dist/locale/hy-am.js +1 -1
  104. package/dist/locale/hy-am.min.js +1 -1
  105. package/dist/locale/hy-am.min.mjs +1 -1
  106. package/dist/locale/hy-am.mjs +1 -1
  107. package/dist/locale/id.js +1 -1
  108. package/dist/locale/id.min.js +1 -1
  109. package/dist/locale/id.min.mjs +1 -1
  110. package/dist/locale/id.mjs +1 -1
  111. package/dist/locale/it.js +1 -1
  112. package/dist/locale/it.min.js +1 -1
  113. package/dist/locale/it.min.mjs +1 -1
  114. package/dist/locale/it.mjs +1 -1
  115. package/dist/locale/ja.js +1 -1
  116. package/dist/locale/ja.min.js +1 -1
  117. package/dist/locale/ja.min.mjs +1 -1
  118. package/dist/locale/ja.mjs +1 -1
  119. package/dist/locale/kk.js +1 -1
  120. package/dist/locale/kk.min.js +1 -1
  121. package/dist/locale/kk.min.mjs +1 -1
  122. package/dist/locale/kk.mjs +1 -1
  123. package/dist/locale/km.js +1 -1
  124. package/dist/locale/km.min.js +1 -1
  125. package/dist/locale/km.min.mjs +1 -1
  126. package/dist/locale/km.mjs +1 -1
  127. package/dist/locale/ko.js +1 -1
  128. package/dist/locale/ko.min.js +1 -1
  129. package/dist/locale/ko.min.mjs +1 -1
  130. package/dist/locale/ko.mjs +1 -1
  131. package/dist/locale/ku.js +1 -1
  132. package/dist/locale/ku.min.js +1 -1
  133. package/dist/locale/ku.min.mjs +1 -1
  134. package/dist/locale/ku.mjs +1 -1
  135. package/dist/locale/ky.js +1 -1
  136. package/dist/locale/ky.min.js +1 -1
  137. package/dist/locale/ky.min.mjs +1 -1
  138. package/dist/locale/ky.mjs +1 -1
  139. package/dist/locale/lo.js +1 -1
  140. package/dist/locale/lo.min.js +1 -1
  141. package/dist/locale/lo.min.mjs +1 -1
  142. package/dist/locale/lo.mjs +1 -1
  143. package/dist/locale/lt.js +1 -1
  144. package/dist/locale/lt.min.js +1 -1
  145. package/dist/locale/lt.min.mjs +1 -1
  146. package/dist/locale/lt.mjs +1 -1
  147. package/dist/locale/lv.js +1 -1
  148. package/dist/locale/lv.min.js +1 -1
  149. package/dist/locale/lv.min.mjs +1 -1
  150. package/dist/locale/lv.mjs +1 -1
  151. package/dist/locale/mg.js +1 -1
  152. package/dist/locale/mg.min.js +1 -1
  153. package/dist/locale/mg.min.mjs +1 -1
  154. package/dist/locale/mg.mjs +1 -1
  155. package/dist/locale/mn.js +1 -1
  156. package/dist/locale/mn.min.js +1 -1
  157. package/dist/locale/mn.min.mjs +1 -1
  158. package/dist/locale/mn.mjs +1 -1
  159. package/dist/locale/ms.js +1 -1
  160. package/dist/locale/ms.min.js +1 -1
  161. package/dist/locale/ms.min.mjs +1 -1
  162. package/dist/locale/ms.mjs +1 -1
  163. package/dist/locale/my.js +1 -1
  164. package/dist/locale/my.min.js +1 -1
  165. package/dist/locale/my.min.mjs +1 -1
  166. package/dist/locale/my.mjs +1 -1
  167. package/dist/locale/nb-no.js +1 -1
  168. package/dist/locale/nb-no.min.js +1 -1
  169. package/dist/locale/nb-no.min.mjs +1 -1
  170. package/dist/locale/nb-no.mjs +1 -1
  171. package/dist/locale/nl.js +1 -1
  172. package/dist/locale/nl.min.js +1 -1
  173. package/dist/locale/nl.min.mjs +1 -1
  174. package/dist/locale/nl.mjs +1 -1
  175. package/dist/locale/no.js +1 -1
  176. package/dist/locale/no.min.js +1 -1
  177. package/dist/locale/no.min.mjs +1 -1
  178. package/dist/locale/no.mjs +1 -1
  179. package/dist/locale/pa.js +1 -1
  180. package/dist/locale/pa.min.js +1 -1
  181. package/dist/locale/pa.min.mjs +1 -1
  182. package/dist/locale/pa.mjs +1 -1
  183. package/dist/locale/pl.js +1 -1
  184. package/dist/locale/pl.min.js +1 -1
  185. package/dist/locale/pl.min.mjs +1 -1
  186. package/dist/locale/pl.mjs +1 -1
  187. package/dist/locale/pt-br.js +1 -1
  188. package/dist/locale/pt-br.min.js +1 -1
  189. package/dist/locale/pt-br.min.mjs +1 -1
  190. package/dist/locale/pt-br.mjs +1 -1
  191. package/dist/locale/pt.js +1 -1
  192. package/dist/locale/pt.min.js +1 -1
  193. package/dist/locale/pt.min.mjs +1 -1
  194. package/dist/locale/pt.mjs +1 -1
  195. package/dist/locale/ro.js +1 -1
  196. package/dist/locale/ro.min.js +1 -1
  197. package/dist/locale/ro.min.mjs +1 -1
  198. package/dist/locale/ro.mjs +1 -1
  199. package/dist/locale/ru.js +1 -1
  200. package/dist/locale/ru.min.js +1 -1
  201. package/dist/locale/ru.min.mjs +1 -1
  202. package/dist/locale/ru.mjs +1 -1
  203. package/dist/locale/sk.js +1 -1
  204. package/dist/locale/sk.min.js +1 -1
  205. package/dist/locale/sk.min.mjs +1 -1
  206. package/dist/locale/sk.mjs +1 -1
  207. package/dist/locale/sl.js +1 -1
  208. package/dist/locale/sl.min.js +1 -1
  209. package/dist/locale/sl.min.mjs +1 -1
  210. package/dist/locale/sl.mjs +1 -1
  211. package/dist/locale/sr.js +1 -1
  212. package/dist/locale/sr.min.js +1 -1
  213. package/dist/locale/sr.min.mjs +1 -1
  214. package/dist/locale/sr.mjs +1 -1
  215. package/dist/locale/sv.js +1 -1
  216. package/dist/locale/sv.min.js +1 -1
  217. package/dist/locale/sv.min.mjs +1 -1
  218. package/dist/locale/sv.mjs +1 -1
  219. package/dist/locale/sw.js +1 -1
  220. package/dist/locale/sw.min.js +1 -1
  221. package/dist/locale/sw.min.mjs +1 -1
  222. package/dist/locale/sw.mjs +1 -1
  223. package/dist/locale/ta.js +1 -1
  224. package/dist/locale/ta.min.js +1 -1
  225. package/dist/locale/ta.min.mjs +1 -1
  226. package/dist/locale/ta.mjs +1 -1
  227. package/dist/locale/te.js +1 -1
  228. package/dist/locale/te.min.js +1 -1
  229. package/dist/locale/te.min.mjs +1 -1
  230. package/dist/locale/te.mjs +1 -1
  231. package/dist/locale/th.js +1 -1
  232. package/dist/locale/th.min.js +1 -1
  233. package/dist/locale/th.min.mjs +1 -1
  234. package/dist/locale/th.mjs +1 -1
  235. package/dist/locale/tk.js +1 -1
  236. package/dist/locale/tk.min.js +1 -1
  237. package/dist/locale/tk.min.mjs +1 -1
  238. package/dist/locale/tk.mjs +1 -1
  239. package/dist/locale/tr.js +1 -1
  240. package/dist/locale/tr.min.js +1 -1
  241. package/dist/locale/tr.min.mjs +1 -1
  242. package/dist/locale/tr.mjs +1 -1
  243. package/dist/locale/ug-cn.js +1 -1
  244. package/dist/locale/ug-cn.min.js +1 -1
  245. package/dist/locale/ug-cn.min.mjs +1 -1
  246. package/dist/locale/ug-cn.mjs +1 -1
  247. package/dist/locale/uk.js +1 -1
  248. package/dist/locale/uk.min.js +1 -1
  249. package/dist/locale/uk.min.mjs +1 -1
  250. package/dist/locale/uk.mjs +1 -1
  251. package/dist/locale/uz-uz.js +1 -1
  252. package/dist/locale/uz-uz.min.js +1 -1
  253. package/dist/locale/uz-uz.min.mjs +1 -1
  254. package/dist/locale/uz-uz.mjs +1 -1
  255. package/dist/locale/vi.js +1 -1
  256. package/dist/locale/vi.min.js +1 -1
  257. package/dist/locale/vi.min.mjs +1 -1
  258. package/dist/locale/vi.mjs +1 -1
  259. package/dist/locale/zh-cn.js +1 -1
  260. package/dist/locale/zh-cn.min.js +1 -1
  261. package/dist/locale/zh-cn.min.mjs +1 -1
  262. package/dist/locale/zh-cn.mjs +1 -1
  263. package/dist/locale/zh-hk.js +1 -1
  264. package/dist/locale/zh-hk.min.js +1 -1
  265. package/dist/locale/zh-hk.min.mjs +1 -1
  266. package/dist/locale/zh-hk.mjs +1 -1
  267. package/dist/locale/zh-mo.js +1 -1
  268. package/dist/locale/zh-mo.min.js +1 -1
  269. package/dist/locale/zh-mo.min.mjs +1 -1
  270. package/dist/locale/zh-mo.mjs +1 -1
  271. package/dist/locale/zh-tw.js +1 -1
  272. package/dist/locale/zh-tw.min.js +1 -1
  273. package/dist/locale/zh-tw.min.mjs +1 -1
  274. package/dist/locale/zh-tw.mjs +1 -1
  275. package/es/components/anchor/index.mjs +2 -2
  276. package/es/components/anchor/src/anchor.mjs +193 -42
  277. package/es/components/anchor/src/anchor.mjs.map +1 -1
  278. package/es/components/anchor/src/anchor2.mjs +42 -193
  279. package/es/components/anchor/src/anchor2.mjs.map +1 -1
  280. package/es/components/autocomplete/index.mjs +2 -2
  281. package/es/components/autocomplete/src/autocomplete.mjs +370 -80
  282. package/es/components/autocomplete/src/autocomplete.mjs.map +1 -1
  283. package/es/components/autocomplete/src/autocomplete2.mjs +80 -370
  284. package/es/components/autocomplete/src/autocomplete2.mjs.map +1 -1
  285. package/es/components/avatar/index.mjs +2 -2
  286. package/es/components/avatar/src/avatar.mjs +31 -65
  287. package/es/components/avatar/src/avatar.mjs.map +1 -1
  288. package/es/components/avatar/src/avatar2.mjs +65 -31
  289. package/es/components/avatar/src/avatar2.mjs.map +1 -1
  290. package/es/components/backtop/index.mjs +2 -2
  291. package/es/components/backtop/src/backtop.mjs +53 -21
  292. package/es/components/backtop/src/backtop.mjs.map +1 -1
  293. package/es/components/backtop/src/backtop2.mjs +21 -53
  294. package/es/components/backtop/src/backtop2.mjs.map +1 -1
  295. package/es/components/breadcrumb/index.mjs +2 -2
  296. package/es/components/breadcrumb/src/breadcrumb-item.mjs +56 -8
  297. package/es/components/breadcrumb/src/breadcrumb-item.mjs.map +1 -1
  298. package/es/components/breadcrumb/src/breadcrumb-item2.mjs +8 -56
  299. package/es/components/breadcrumb/src/breadcrumb-item2.mjs.map +1 -1
  300. package/es/components/button/index.mjs +2 -2
  301. package/es/components/button/src/button-group.mjs +1 -1
  302. package/es/components/button/src/button.mjs +62 -87
  303. package/es/components/button/src/button.mjs.map +1 -1
  304. package/es/components/button/src/button2.mjs +87 -62
  305. package/es/components/button/src/button2.mjs.map +1 -1
  306. package/es/components/calendar/index.mjs +2 -2
  307. package/es/components/calendar/src/calendar.mjs +134 -16
  308. package/es/components/calendar/src/calendar.mjs.map +1 -1
  309. package/es/components/calendar/src/calendar2.mjs +16 -134
  310. package/es/components/calendar/src/calendar2.mjs.map +1 -1
  311. package/es/components/cascader/src/cascader.mjs +1 -1
  312. package/es/components/cascader-panel/src/index.mjs +1 -1
  313. package/es/components/cascader-panel/src/index.mjs.map +1 -1
  314. package/es/components/checkbox/index.mjs +2 -2
  315. package/es/components/checkbox/src/checkbox-group.mjs +30 -72
  316. package/es/components/checkbox/src/checkbox-group.mjs.map +1 -1
  317. package/es/components/checkbox/src/checkbox-group2.mjs +72 -30
  318. package/es/components/checkbox/src/checkbox-group2.mjs.map +1 -1
  319. package/es/components/collapse/index.mjs +2 -2
  320. package/es/components/collapse/src/collapse-item.mjs +18 -95
  321. package/es/components/collapse/src/collapse-item.mjs.map +1 -1
  322. package/es/components/collapse/src/collapse-item2.mjs +95 -18
  323. package/es/components/collapse/src/collapse-item2.mjs.map +1 -1
  324. package/es/components/color-picker/src/color-picker.mjs +1 -1
  325. package/es/components/config-provider/src/config-provider.mjs +3 -2
  326. package/es/components/config-provider/src/config-provider.mjs.map +1 -1
  327. package/es/components/descriptions/index.mjs +2 -2
  328. package/es/components/descriptions/src/description.mjs +26 -127
  329. package/es/components/descriptions/src/description.mjs.map +1 -1
  330. package/es/components/descriptions/src/description2.mjs +127 -26
  331. package/es/components/descriptions/src/description2.mjs.map +1 -1
  332. package/es/components/divider/index.mjs +2 -2
  333. package/es/components/divider/src/divider.mjs +16 -34
  334. package/es/components/divider/src/divider.mjs.map +1 -1
  335. package/es/components/divider/src/divider2.mjs +34 -16
  336. package/es/components/divider/src/divider2.mjs.map +1 -1
  337. package/es/components/dropdown/src/dropdown.mjs +1 -1
  338. package/es/components/empty/index.mjs +2 -2
  339. package/es/components/empty/src/empty.mjs +11 -52
  340. package/es/components/empty/src/empty.mjs.map +1 -1
  341. package/es/components/empty/src/empty2.mjs +52 -11
  342. package/es/components/empty/src/empty2.mjs.map +1 -1
  343. package/es/components/image/index.mjs +2 -2
  344. package/es/components/image/src/image.mjs +68 -226
  345. package/es/components/image/src/image.mjs.map +1 -1
  346. package/es/components/image/src/image2.mjs +226 -68
  347. package/es/components/image/src/image2.mjs.map +1 -1
  348. package/es/components/image-viewer/index.mjs +2 -2
  349. package/es/components/image-viewer/src/image-viewer.mjs +49 -447
  350. package/es/components/image-viewer/src/image-viewer.mjs.map +1 -1
  351. package/es/components/image-viewer/src/image-viewer2.mjs +447 -49
  352. package/es/components/image-viewer/src/image-viewer2.mjs.map +1 -1
  353. package/es/components/index.mjs +30 -30
  354. package/es/components/input-number/index.mjs +2 -2
  355. package/es/components/input-number/src/input-number.mjs +62 -349
  356. package/es/components/input-number/src/input-number.mjs.map +1 -1
  357. package/es/components/input-number/src/input-number2.mjs +349 -62
  358. package/es/components/input-number/src/input-number2.mjs.map +1 -1
  359. package/es/components/link/index.mjs +2 -2
  360. package/es/components/link/src/link.mjs +25 -71
  361. package/es/components/link/src/link.mjs.map +1 -1
  362. package/es/components/link/src/link2.mjs +71 -25
  363. package/es/components/link/src/link2.mjs.map +1 -1
  364. package/es/components/message/index.mjs +1 -1
  365. package/es/components/message/src/message.mjs +92 -153
  366. package/es/components/message/src/message.mjs.map +1 -1
  367. package/es/components/message/src/message2.mjs +153 -92
  368. package/es/components/message/src/message2.mjs.map +1 -1
  369. package/es/components/message/src/method.mjs +2 -2
  370. package/es/components/page-header/index.mjs +2 -2
  371. package/es/components/page-header/src/page-header.mjs +16 -97
  372. package/es/components/page-header/src/page-header.mjs.map +1 -1
  373. package/es/components/page-header/src/page-header2.mjs +97 -16
  374. package/es/components/page-header/src/page-header2.mjs.map +1 -1
  375. package/es/components/popconfirm/index.mjs +2 -2
  376. package/es/components/popconfirm/src/popconfirm.mjs +114 -45
  377. package/es/components/popconfirm/src/popconfirm.mjs.map +1 -1
  378. package/es/components/popconfirm/src/popconfirm2.mjs +45 -114
  379. package/es/components/popconfirm/src/popconfirm2.mjs.map +1 -1
  380. package/es/components/popover/src/popover.mjs +1 -1
  381. package/es/components/radio/index.mjs +4 -4
  382. package/es/components/radio/src/radio-button.mjs +65 -5
  383. package/es/components/radio/src/radio-button.mjs.map +1 -1
  384. package/es/components/radio/src/radio-button2.mjs +5 -65
  385. package/es/components/radio/src/radio-button2.mjs.map +1 -1
  386. package/es/components/radio/src/radio-group.mjs +34 -65
  387. package/es/components/radio/src/radio-group.mjs.map +1 -1
  388. package/es/components/radio/src/radio-group2.mjs +65 -34
  389. package/es/components/radio/src/radio-group2.mjs.map +1 -1
  390. package/es/components/scrollbar/index.mjs +1 -1
  391. package/es/components/scrollbar/src/bar2.mjs +1 -1
  392. package/es/components/scrollbar/src/thumb.mjs +131 -11
  393. package/es/components/scrollbar/src/thumb.mjs.map +1 -1
  394. package/es/components/scrollbar/src/thumb2.mjs +11 -131
  395. package/es/components/scrollbar/src/thumb2.mjs.map +1 -1
  396. package/es/components/select/src/select.mjs +1 -1
  397. package/es/components/select-v2/src/defaults.mjs +1 -1
  398. package/es/components/slider/src/button.mjs +91 -19
  399. package/es/components/slider/src/button.mjs.map +1 -1
  400. package/es/components/slider/src/button2.mjs +19 -91
  401. package/es/components/slider/src/button2.mjs.map +1 -1
  402. package/es/components/slider/src/slider2.mjs +1 -1
  403. package/es/components/steps/index.mjs +2 -2
  404. package/es/components/steps/src/item.mjs +19 -190
  405. package/es/components/steps/src/item.mjs.map +1 -1
  406. package/es/components/steps/src/item2.mjs +190 -19
  407. package/es/components/steps/src/item2.mjs.map +1 -1
  408. package/es/components/switch/index.mjs +2 -2
  409. package/es/components/switch/src/switch.mjs +228 -72
  410. package/es/components/switch/src/switch.mjs.map +1 -1
  411. package/es/components/switch/src/switch2.mjs +72 -228
  412. package/es/components/switch/src/switch2.mjs.map +1 -1
  413. package/es/components/table/src/filter-panel.mjs +1 -1
  414. package/es/components/tabs/index.mjs +1 -1
  415. package/es/components/tabs/src/tab-bar.mjs +95 -7
  416. package/es/components/tabs/src/tab-bar.mjs.map +1 -1
  417. package/es/components/tabs/src/tab-bar2.mjs +7 -95
  418. package/es/components/tabs/src/tab-bar2.mjs.map +1 -1
  419. package/es/components/tabs/src/tab-nav.mjs +1 -1
  420. package/es/components/text/index.mjs +2 -2
  421. package/es/components/text/src/text.mjs +67 -21
  422. package/es/components/text/src/text.mjs.map +1 -1
  423. package/es/components/text/src/text2.mjs +21 -67
  424. package/es/components/text/src/text2.mjs.map +1 -1
  425. package/es/components/tooltip/index.mjs +1 -1
  426. package/es/components/tooltip/src/content.mjs +29 -196
  427. package/es/components/tooltip/src/content.mjs.map +1 -1
  428. package/es/components/tooltip/src/content2.mjs +196 -29
  429. package/es/components/tooltip/src/content2.mjs.map +1 -1
  430. package/es/components/tooltip/src/tooltip.mjs +1 -1
  431. package/es/components/tooltip/src/tooltip2.mjs +1 -1
  432. package/es/components/tooltip-v2/index.mjs +1 -1
  433. package/es/components/tooltip-v2/src/tooltip.mjs +1 -1
  434. package/es/components/tooltip-v2/src/tooltip2.mjs +2 -2
  435. package/es/components/tooltip-v2/src/trigger.mjs +89 -12
  436. package/es/components/tooltip-v2/src/trigger.mjs.map +1 -1
  437. package/es/components/tooltip-v2/src/trigger2.mjs +12 -89
  438. package/es/components/tooltip-v2/src/trigger2.mjs.map +1 -1
  439. package/es/components/tour/index.mjs +3 -3
  440. package/es/components/tour/src/content.mjs +43 -67
  441. package/es/components/tour/src/content.mjs.map +1 -1
  442. package/es/components/tour/src/content2.mjs +67 -43
  443. package/es/components/tour/src/content2.mjs.map +1 -1
  444. package/es/components/tour/src/step.mjs +1 -1
  445. package/es/components/tour/src/tour.mjs +69 -154
  446. package/es/components/tour/src/tour.mjs.map +1 -1
  447. package/es/components/tour/src/tour2.mjs +154 -69
  448. package/es/components/tour/src/tour2.mjs.map +1 -1
  449. package/es/components/watermark/index.mjs +2 -2
  450. package/es/components/watermark/src/watermark.mjs +27 -220
  451. package/es/components/watermark/src/watermark.mjs.map +1 -1
  452. package/es/components/watermark/src/watermark2.mjs +220 -27
  453. package/es/components/watermark/src/watermark2.mjs.map +1 -1
  454. package/es/directives/click-outside/index.mjs +1 -1
  455. package/es/hooks/use-focus-controller/index.mjs +1 -1
  456. package/es/hooks/use-lockscreen/index.mjs +1 -1
  457. package/es/index.mjs +30 -30
  458. package/es/version.d.ts +1 -1
  459. package/es/version.mjs +1 -1
  460. package/es/version.mjs.map +1 -1
  461. package/lib/components/anchor/index.js +2 -2
  462. package/lib/components/anchor/src/anchor.js +192 -42
  463. package/lib/components/anchor/src/anchor.js.map +1 -1
  464. package/lib/components/anchor/src/anchor2.js +42 -192
  465. package/lib/components/anchor/src/anchor2.js.map +1 -1
  466. package/lib/components/autocomplete/index.js +2 -2
  467. package/lib/components/autocomplete/src/autocomplete.js +368 -79
  468. package/lib/components/autocomplete/src/autocomplete.js.map +1 -1
  469. package/lib/components/autocomplete/src/autocomplete2.js +79 -368
  470. package/lib/components/autocomplete/src/autocomplete2.js.map +1 -1
  471. package/lib/components/avatar/index.js +2 -2
  472. package/lib/components/avatar/src/avatar.js +32 -65
  473. package/lib/components/avatar/src/avatar.js.map +1 -1
  474. package/lib/components/avatar/src/avatar2.js +65 -32
  475. package/lib/components/avatar/src/avatar2.js.map +1 -1
  476. package/lib/components/backtop/index.js +2 -2
  477. package/lib/components/backtop/src/backtop.js +53 -22
  478. package/lib/components/backtop/src/backtop.js.map +1 -1
  479. package/lib/components/backtop/src/backtop2.js +22 -53
  480. package/lib/components/backtop/src/backtop2.js.map +1 -1
  481. package/lib/components/breadcrumb/index.js +2 -2
  482. package/lib/components/breadcrumb/src/breadcrumb-item.js +56 -8
  483. package/lib/components/breadcrumb/src/breadcrumb-item.js.map +1 -1
  484. package/lib/components/breadcrumb/src/breadcrumb-item2.js +8 -56
  485. package/lib/components/breadcrumb/src/breadcrumb-item2.js.map +1 -1
  486. package/lib/components/button/index.js +2 -2
  487. package/lib/components/button/src/button-group.js +1 -1
  488. package/lib/components/button/src/button.js +65 -87
  489. package/lib/components/button/src/button.js.map +1 -1
  490. package/lib/components/button/src/button2.js +87 -65
  491. package/lib/components/button/src/button2.js.map +1 -1
  492. package/lib/components/calendar/index.js +2 -2
  493. package/lib/components/calendar/src/calendar.js +134 -17
  494. package/lib/components/calendar/src/calendar.js.map +1 -1
  495. package/lib/components/calendar/src/calendar2.js +17 -134
  496. package/lib/components/calendar/src/calendar2.js.map +1 -1
  497. package/lib/components/cascader/src/cascader.js +1 -1
  498. package/lib/components/cascader-panel/src/index.js +1 -1
  499. package/lib/components/cascader-panel/src/index.js.map +1 -1
  500. package/lib/components/checkbox/index.js +2 -2
  501. package/lib/components/checkbox/src/checkbox-group.js +30 -71
  502. package/lib/components/checkbox/src/checkbox-group.js.map +1 -1
  503. package/lib/components/checkbox/src/checkbox-group2.js +71 -30
  504. package/lib/components/checkbox/src/checkbox-group2.js.map +1 -1
  505. package/lib/components/collapse/index.js +2 -2
  506. package/lib/components/collapse/src/collapse-item.js +18 -95
  507. package/lib/components/collapse/src/collapse-item.js.map +1 -1
  508. package/lib/components/collapse/src/collapse-item2.js +95 -18
  509. package/lib/components/collapse/src/collapse-item2.js.map +1 -1
  510. package/lib/components/color-picker/src/color-picker.js +1 -1
  511. package/lib/components/config-provider/src/config-provider.js +3 -2
  512. package/lib/components/config-provider/src/config-provider.js.map +1 -1
  513. package/lib/components/descriptions/index.js +2 -2
  514. package/lib/components/descriptions/src/description.js +26 -127
  515. package/lib/components/descriptions/src/description.js.map +1 -1
  516. package/lib/components/descriptions/src/description2.js +127 -26
  517. package/lib/components/descriptions/src/description2.js.map +1 -1
  518. package/lib/components/divider/index.js +2 -2
  519. package/lib/components/divider/src/divider.js +16 -34
  520. package/lib/components/divider/src/divider.js.map +1 -1
  521. package/lib/components/divider/src/divider2.js +34 -16
  522. package/lib/components/divider/src/divider2.js.map +1 -1
  523. package/lib/components/dropdown/src/dropdown.js +1 -1
  524. package/lib/components/empty/index.js +2 -2
  525. package/lib/components/empty/src/empty.js +11 -52
  526. package/lib/components/empty/src/empty.js.map +1 -1
  527. package/lib/components/empty/src/empty2.js +52 -11
  528. package/lib/components/empty/src/empty2.js.map +1 -1
  529. package/lib/components/image/index.js +2 -2
  530. package/lib/components/image/src/image.js +68 -225
  531. package/lib/components/image/src/image.js.map +1 -1
  532. package/lib/components/image/src/image2.js +225 -68
  533. package/lib/components/image/src/image2.js.map +1 -1
  534. package/lib/components/image-viewer/index.js +2 -2
  535. package/lib/components/image-viewer/src/image-viewer.js +50 -447
  536. package/lib/components/image-viewer/src/image-viewer.js.map +1 -1
  537. package/lib/components/image-viewer/src/image-viewer2.js +447 -50
  538. package/lib/components/image-viewer/src/image-viewer2.js.map +1 -1
  539. package/lib/components/index.js +30 -30
  540. package/lib/components/input-number/index.js +2 -2
  541. package/lib/components/input-number/src/input-number.js +61 -347
  542. package/lib/components/input-number/src/input-number.js.map +1 -1
  543. package/lib/components/input-number/src/input-number2.js +347 -61
  544. package/lib/components/input-number/src/input-number2.js.map +1 -1
  545. package/lib/components/link/index.js +2 -2
  546. package/lib/components/link/src/link.js +26 -71
  547. package/lib/components/link/src/link.js.map +1 -1
  548. package/lib/components/link/src/link2.js +71 -26
  549. package/lib/components/link/src/link2.js.map +1 -1
  550. package/lib/components/message/index.js +1 -1
  551. package/lib/components/message/src/message.js +94 -152
  552. package/lib/components/message/src/message.js.map +1 -1
  553. package/lib/components/message/src/message2.js +152 -94
  554. package/lib/components/message/src/message2.js.map +1 -1
  555. package/lib/components/message/src/method.js +2 -2
  556. package/lib/components/page-header/index.js +2 -2
  557. package/lib/components/page-header/src/page-header.js +17 -97
  558. package/lib/components/page-header/src/page-header.js.map +1 -1
  559. package/lib/components/page-header/src/page-header2.js +97 -17
  560. package/lib/components/page-header/src/page-header2.js.map +1 -1
  561. package/lib/components/popconfirm/index.js +2 -2
  562. package/lib/components/popconfirm/src/popconfirm.js +114 -46
  563. package/lib/components/popconfirm/src/popconfirm.js.map +1 -1
  564. package/lib/components/popconfirm/src/popconfirm2.js +46 -114
  565. package/lib/components/popconfirm/src/popconfirm2.js.map +1 -1
  566. package/lib/components/popover/src/popover.js +1 -1
  567. package/lib/components/radio/index.js +4 -4
  568. package/lib/components/radio/src/radio-button.js +65 -5
  569. package/lib/components/radio/src/radio-button.js.map +1 -1
  570. package/lib/components/radio/src/radio-button2.js +5 -65
  571. package/lib/components/radio/src/radio-button2.js.map +1 -1
  572. package/lib/components/radio/src/radio-group.js +35 -65
  573. package/lib/components/radio/src/radio-group.js.map +1 -1
  574. package/lib/components/radio/src/radio-group2.js +65 -35
  575. package/lib/components/radio/src/radio-group2.js.map +1 -1
  576. package/lib/components/scrollbar/index.js +1 -1
  577. package/lib/components/scrollbar/src/bar2.js +1 -1
  578. package/lib/components/scrollbar/src/thumb.js +131 -11
  579. package/lib/components/scrollbar/src/thumb.js.map +1 -1
  580. package/lib/components/scrollbar/src/thumb2.js +11 -131
  581. package/lib/components/scrollbar/src/thumb2.js.map +1 -1
  582. package/lib/components/select/src/select.js +1 -1
  583. package/lib/components/select-v2/src/defaults.js +1 -1
  584. package/lib/components/slider/src/button.js +91 -20
  585. package/lib/components/slider/src/button.js.map +1 -1
  586. package/lib/components/slider/src/button2.js +20 -91
  587. package/lib/components/slider/src/button2.js.map +1 -1
  588. package/lib/components/slider/src/slider2.js +1 -1
  589. package/lib/components/steps/index.js +2 -2
  590. package/lib/components/steps/src/item.js +19 -190
  591. package/lib/components/steps/src/item.js.map +1 -1
  592. package/lib/components/steps/src/item2.js +190 -19
  593. package/lib/components/steps/src/item2.js.map +1 -1
  594. package/lib/components/switch/index.js +2 -2
  595. package/lib/components/switch/src/switch.js +227 -72
  596. package/lib/components/switch/src/switch.js.map +1 -1
  597. package/lib/components/switch/src/switch2.js +72 -227
  598. package/lib/components/switch/src/switch2.js.map +1 -1
  599. package/lib/components/table/src/filter-panel.js +1 -1
  600. package/lib/components/tabs/index.js +1 -1
  601. package/lib/components/tabs/src/tab-bar.js +95 -7
  602. package/lib/components/tabs/src/tab-bar.js.map +1 -1
  603. package/lib/components/tabs/src/tab-bar2.js +7 -95
  604. package/lib/components/tabs/src/tab-bar2.js.map +1 -1
  605. package/lib/components/tabs/src/tab-nav.js +1 -1
  606. package/lib/components/text/index.js +2 -2
  607. package/lib/components/text/src/text.js +67 -21
  608. package/lib/components/text/src/text.js.map +1 -1
  609. package/lib/components/text/src/text2.js +21 -67
  610. package/lib/components/text/src/text2.js.map +1 -1
  611. package/lib/components/tooltip/index.js +1 -1
  612. package/lib/components/tooltip/src/content.js +29 -196
  613. package/lib/components/tooltip/src/content.js.map +1 -1
  614. package/lib/components/tooltip/src/content2.js +196 -29
  615. package/lib/components/tooltip/src/content2.js.map +1 -1
  616. package/lib/components/tooltip/src/tooltip.js +1 -1
  617. package/lib/components/tooltip/src/tooltip2.js +1 -1
  618. package/lib/components/tooltip-v2/index.js +1 -1
  619. package/lib/components/tooltip-v2/src/tooltip.js +1 -1
  620. package/lib/components/tooltip-v2/src/tooltip2.js +2 -2
  621. package/lib/components/tooltip-v2/src/trigger.js +89 -12
  622. package/lib/components/tooltip-v2/src/trigger.js.map +1 -1
  623. package/lib/components/tooltip-v2/src/trigger2.js +12 -89
  624. package/lib/components/tooltip-v2/src/trigger2.js.map +1 -1
  625. package/lib/components/tour/index.js +3 -3
  626. package/lib/components/tour/src/content.js +46 -67
  627. package/lib/components/tour/src/content.js.map +1 -1
  628. package/lib/components/tour/src/content2.js +67 -46
  629. package/lib/components/tour/src/content2.js.map +1 -1
  630. package/lib/components/tour/src/step.js +1 -1
  631. package/lib/components/tour/src/tour.js +68 -152
  632. package/lib/components/tour/src/tour.js.map +1 -1
  633. package/lib/components/tour/src/tour2.js +152 -68
  634. package/lib/components/tour/src/tour2.js.map +1 -1
  635. package/lib/components/watermark/index.js +2 -2
  636. package/lib/components/watermark/src/watermark.js +27 -220
  637. package/lib/components/watermark/src/watermark.js.map +1 -1
  638. package/lib/components/watermark/src/watermark2.js +220 -27
  639. package/lib/components/watermark/src/watermark2.js.map +1 -1
  640. package/lib/directives/click-outside/index.js +1 -1
  641. package/lib/hooks/use-focus-controller/index.js +1 -1
  642. package/lib/hooks/use-lockscreen/index.js +1 -1
  643. package/lib/index.js +30 -30
  644. package/lib/version.d.ts +1 -1
  645. package/lib/version.js +1 -1
  646. package/lib/version.js.map +1 -1
  647. package/package.json +2 -2
  648. package/web-types.json +1 -1
@@ -1 +1 @@
1
- {"version":3,"file":"thumb2.js","sources":["../../../../../../packages/components/scrollbar/src/thumb.vue"],"sourcesContent":["<template>\n <transition :name=\"ns.b('fade')\">\n <div\n v-show=\"always || visible\"\n ref=\"instance\"\n :class=\"[ns.e('bar'), ns.is(bar.key)]\"\n @mousedown=\"clickTrackHandler\"\n @click.stop\n >\n <div\n ref=\"thumb\"\n :class=\"ns.e('thumb')\"\n :style=\"thumbStyle\"\n @mousedown=\"clickThumbHandler\"\n />\n </div>\n </transition>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, inject, onBeforeUnmount, ref, toRef } from 'vue'\nimport { useEventListener } from '@vueuse/core'\nimport { isClient, throwError } from '@element-plus/utils'\nimport { useNamespace } from '@element-plus/hooks'\nimport { scrollbarContextKey } from './constants'\nimport { BAR_MAP, renderThumbStyle } from './util'\nimport { thumbProps } from './thumb'\n\nconst COMPONENT_NAME = 'Thumb'\nconst props = defineProps(thumbProps)\n\nconst scrollbar = inject(scrollbarContextKey)\nconst ns = useNamespace('scrollbar')\n\nif (!scrollbar) throwError(COMPONENT_NAME, 'can not inject scrollbar context')\n\nconst instance = ref<HTMLDivElement>()\nconst thumb = ref<HTMLDivElement>()\n\nconst thumbState = ref<Partial<Record<'X' | 'Y', number>>>({})\nconst visible = ref(false)\n\nlet cursorDown = false\nlet cursorLeave = false\nlet originalOnSelectStart:\n | ((this: GlobalEventHandlers, ev: Event) => any)\n | null = isClient ? document.onselectstart : null\n\nconst bar = computed(() => BAR_MAP[props.vertical ? 'vertical' : 'horizontal'])\n\nconst thumbStyle = computed(() =>\n renderThumbStyle({\n size: props.size,\n move: props.move,\n bar: bar.value,\n })\n)\n\nconst offsetRatio = computed(\n () =>\n // offsetRatioX = original width of thumb / current width of thumb / ratioX\n // offsetRatioY = original height of thumb / current height of thumb / ratioY\n // instance height = wrap height - GAP\n instance.value![bar.value.offset] ** 2 /\n scrollbar.wrapElement![bar.value.scrollSize] /\n props.ratio /\n thumb.value![bar.value.offset]\n)\n\nconst clickThumbHandler = (e: MouseEvent) => {\n // prevent click event of middle and right button\n e.stopPropagation()\n if (e.ctrlKey || [1, 2].includes(e.button)) return\n\n window.getSelection()?.removeAllRanges()\n startDrag(e)\n\n const el = e.currentTarget as HTMLDivElement\n if (!el) return\n thumbState.value[bar.value.axis] =\n el[bar.value.offset] -\n (e[bar.value.client] - el.getBoundingClientRect()[bar.value.direction])\n}\n\nconst clickTrackHandler = (e: MouseEvent) => {\n if (!thumb.value || !instance.value || !scrollbar.wrapElement) return\n\n const offset = Math.abs(\n (e.target as HTMLElement).getBoundingClientRect()[bar.value.direction] -\n e[bar.value.client]\n )\n const thumbHalf = thumb.value[bar.value.offset] / 2\n const thumbPositionPercentage =\n ((offset - thumbHalf) * 100 * offsetRatio.value) /\n instance.value[bar.value.offset]\n\n scrollbar.wrapElement[bar.value.scroll] =\n (thumbPositionPercentage * scrollbar.wrapElement[bar.value.scrollSize]) /\n 100\n}\n\nconst startDrag = (e: MouseEvent) => {\n e.stopImmediatePropagation()\n cursorDown = true\n document.addEventListener('mousemove', mouseMoveDocumentHandler)\n document.addEventListener('mouseup', mouseUpDocumentHandler)\n originalOnSelectStart = document.onselectstart\n document.onselectstart = () => false\n}\n\nconst mouseMoveDocumentHandler = (e: MouseEvent) => {\n if (!instance.value || !thumb.value) return\n if (cursorDown === false) return\n\n const prevPage = thumbState.value[bar.value.axis]\n if (!prevPage) return\n\n const offset =\n (instance.value.getBoundingClientRect()[bar.value.direction] -\n e[bar.value.client]) *\n -1\n const thumbClickPosition = thumb.value[bar.value.offset] - prevPage\n const thumbPositionPercentage =\n ((offset - thumbClickPosition) * 100 * offsetRatio.value) /\n instance.value[bar.value.offset]\n scrollbar.wrapElement[bar.value.scroll] =\n (thumbPositionPercentage * scrollbar.wrapElement[bar.value.scrollSize]) /\n 100\n}\n\nconst mouseUpDocumentHandler = () => {\n cursorDown = false\n thumbState.value[bar.value.axis] = 0\n document.removeEventListener('mousemove', mouseMoveDocumentHandler)\n document.removeEventListener('mouseup', mouseUpDocumentHandler)\n restoreOnselectstart()\n if (cursorLeave) visible.value = false\n}\n\nconst mouseMoveScrollbarHandler = () => {\n cursorLeave = false\n visible.value = !!props.size\n}\n\nconst mouseLeaveScrollbarHandler = () => {\n cursorLeave = true\n visible.value = cursorDown\n}\n\nonBeforeUnmount(() => {\n restoreOnselectstart()\n document.removeEventListener('mouseup', mouseUpDocumentHandler)\n})\n\nconst restoreOnselectstart = () => {\n if (document.onselectstart !== originalOnSelectStart)\n document.onselectstart = originalOnSelectStart\n}\n\nuseEventListener(\n toRef(scrollbar, 'scrollbarElement'),\n 'mousemove',\n mouseMoveScrollbarHandler\n)\nuseEventListener(\n toRef(scrollbar, 'scrollbarElement'),\n 'mouseleave',\n mouseLeaveScrollbarHandler\n)\n</script>\n"],"names":["inject","scrollbarContextKey","useNamespace","throwError","ref","isClient","computed","BAR_MAP","renderThumbStyle","onBeforeUnmount","useEventListener","toRef","_createBlock","_Transition","_unref","_withCtx","_withDirectives","_createElementVNode","_normalizeClass"],"mappings":"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"}
1
+ {"version":3,"file":"thumb2.js","sources":["../../../../../../packages/components/scrollbar/src/thumb.ts"],"sourcesContent":["import { buildProps } from '@element-plus/utils'\nimport type { ExtractPropTypes } from 'vue'\nimport type Thumb from './thumb.vue'\n\nexport const thumbProps = buildProps({\n vertical: Boolean,\n size: String,\n move: Number,\n ratio: {\n type: Number,\n required: true,\n },\n always: Boolean,\n} as const)\nexport type ThumbProps = ExtractPropTypes<typeof thumbProps>\n\nexport type ThumbInstance = InstanceType<typeof Thumb> & unknown\n"],"names":["buildProps"],"mappings":";;;;;;AACY,MAAC,UAAU,GAAGA,kBAAU,CAAC;AACrC,EAAE,QAAQ,EAAE,OAAO;AACnB,EAAE,IAAI,EAAE,MAAM;AACd,EAAE,IAAI,EAAE,MAAM;AACd,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,QAAQ,EAAE,IAAI;AAClB,GAAG;AACH,EAAE,MAAM,EAAE,OAAO;AACjB,CAAC;;;;"}
@@ -7,7 +7,7 @@ var iconsVue = require('@element-plus/icons-vue');
7
7
  var scrollbar = require('../../scrollbar/src/scrollbar.js');
8
8
  var runtime = require('../../../utils/vue/props/runtime.js');
9
9
  var index = require('../../../hooks/use-size/index.js');
10
- var content = require('../../tooltip/src/content2.js');
10
+ var content = require('../../tooltip/src/content.js');
11
11
  var icon = require('../../../utils/vue/icon.js');
12
12
  var tag = require('../../tag/src/tag.js');
13
13
  var index$1 = require('../../../hooks/use-empty-values/index.js');
@@ -7,7 +7,7 @@ var iconsVue = require('@element-plus/icons-vue');
7
7
  var useProps = require('./useProps.js');
8
8
  var runtime = require('../../../utils/vue/props/runtime.js');
9
9
  var icon = require('../../../utils/vue/icon.js');
10
- var content = require('../../tooltip/src/content2.js');
10
+ var content = require('../../tooltip/src/content.js');
11
11
  var index = require('../../../hooks/use-size/index.js');
12
12
  var tag = require('../../tag/src/tag.js');
13
13
  var types = require('../../../utils/types.js');
@@ -2,28 +2,99 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var core = require('@popperjs/core');
6
- var runtime = require('../../../utils/vue/props/runtime.js');
7
- var event = require('../../../constants/event.js');
8
- var types = require('../../../utils/types.js');
5
+ var vue = require('vue');
6
+ var index$1 = require('../../tooltip/index.js');
7
+ var button = require('./button2.js');
8
+ var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
9
+ var useSliderButton = require('./composables/use-slider-button.js');
10
+ var index = require('../../../hooks/use-namespace/index.js');
9
11
 
10
- const sliderButtonProps = runtime.buildProps({
11
- modelValue: {
12
- type: Number,
13
- default: 0
14
- },
15
- vertical: Boolean,
16
- tooltipClass: String,
17
- placement: {
18
- type: String,
19
- values: core.placements,
20
- default: "top"
12
+ const __default__ = vue.defineComponent({
13
+ name: "ElSliderButton"
14
+ });
15
+ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
16
+ ...__default__,
17
+ props: button.sliderButtonProps,
18
+ emits: button.sliderButtonEmits,
19
+ setup(__props, { expose, emit }) {
20
+ const props = __props;
21
+ const ns = index.useNamespace("slider");
22
+ const initData = vue.reactive({
23
+ hovering: false,
24
+ dragging: false,
25
+ isClick: false,
26
+ startX: 0,
27
+ currentX: 0,
28
+ startY: 0,
29
+ currentY: 0,
30
+ startPosition: 0,
31
+ newPosition: 0,
32
+ oldValue: props.modelValue
33
+ });
34
+ const tooltipPersistent = vue.computed(() => !showTooltip.value ? false : persistent.value);
35
+ const {
36
+ disabled,
37
+ button,
38
+ tooltip,
39
+ showTooltip,
40
+ persistent,
41
+ tooltipVisible,
42
+ wrapperStyle,
43
+ formatValue,
44
+ handleMouseEnter,
45
+ handleMouseLeave,
46
+ onButtonDown,
47
+ onKeyDown,
48
+ setPosition
49
+ } = useSliderButton.useSliderButton(props, initData, emit);
50
+ const { hovering, dragging } = vue.toRefs(initData);
51
+ expose({
52
+ onButtonDown,
53
+ onKeyDown,
54
+ setPosition,
55
+ hovering,
56
+ dragging
57
+ });
58
+ return (_ctx, _cache) => {
59
+ return vue.openBlock(), vue.createElementBlock("div", {
60
+ ref_key: "button",
61
+ ref: button,
62
+ class: vue.normalizeClass([vue.unref(ns).e("button-wrapper"), { hover: vue.unref(hovering), dragging: vue.unref(dragging) }]),
63
+ style: vue.normalizeStyle(vue.unref(wrapperStyle)),
64
+ tabindex: vue.unref(disabled) ? -1 : 0,
65
+ onMouseenter: vue.unref(handleMouseEnter),
66
+ onMouseleave: vue.unref(handleMouseLeave),
67
+ onMousedown: vue.unref(onButtonDown),
68
+ onFocus: vue.unref(handleMouseEnter),
69
+ onBlur: vue.unref(handleMouseLeave),
70
+ onKeydown: vue.unref(onKeyDown)
71
+ }, [
72
+ vue.createVNode(vue.unref(index$1.ElTooltip), {
73
+ ref_key: "tooltip",
74
+ ref: tooltip,
75
+ visible: vue.unref(tooltipVisible),
76
+ placement: _ctx.placement,
77
+ "fallback-placements": ["top", "bottom", "right", "left"],
78
+ "stop-popper-mouse-event": false,
79
+ "popper-class": _ctx.tooltipClass,
80
+ disabled: !vue.unref(showTooltip),
81
+ persistent: vue.unref(tooltipPersistent)
82
+ }, {
83
+ content: vue.withCtx(() => [
84
+ vue.createElementVNode("span", null, vue.toDisplayString(vue.unref(formatValue)), 1)
85
+ ]),
86
+ default: vue.withCtx(() => [
87
+ vue.createElementVNode("div", {
88
+ class: vue.normalizeClass([vue.unref(ns).e("button"), { hover: vue.unref(hovering), dragging: vue.unref(dragging) }])
89
+ }, null, 2)
90
+ ]),
91
+ _: 1
92
+ }, 8, ["visible", "placement", "popper-class", "disabled", "persistent"])
93
+ ], 46, ["tabindex", "onMouseenter", "onMouseleave", "onMousedown", "onFocus", "onBlur", "onKeydown"]);
94
+ };
21
95
  }
22
96
  });
23
- const sliderButtonEmits = {
24
- [event.UPDATE_MODEL_EVENT]: (value) => types.isNumber(value)
25
- };
97
+ var SliderButton = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "button.vue"]]);
26
98
 
27
- exports.sliderButtonEmits = sliderButtonEmits;
28
- exports.sliderButtonProps = sliderButtonProps;
99
+ exports["default"] = SliderButton;
29
100
  //# 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 { ComponentPublicInstance, 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 = 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":["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,cAAQ,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 @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'\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":["useNamespace","reactive","computed","useSliderButton","toRefs","_openBlock","_createElementBlock"],"mappings":";;;;;;;;;;;uCAuCc,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,IAAA,MAAM,iBAAoB,GAAAC,YAAA,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,GAAAC,+BAAA,CAAA,KAAA,EAAA,QAAA,EAAA,IAAA,CAAA,CAAA;AAAA,IACA,MAAA,EAAA,QAAA,EAAA,QAAA,EAAA,GAAAC,UAAA,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,OAAAC,aAAA,EAAA,EAAAC,sBAAA,CAAA,KAAA,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -2,99 +2,28 @@
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
- var button = require('./button.js');
8
- var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
9
- var useSliderButton = require('./composables/use-slider-button.js');
10
- var index = require('../../../hooks/use-namespace/index.js');
5
+ var core = require('@popperjs/core');
6
+ var runtime = require('../../../utils/vue/props/runtime.js');
7
+ var event = require('../../../constants/event.js');
8
+ var types = require('../../../utils/types.js');
11
9
 
12
- const __default__ = vue.defineComponent({
13
- name: "ElSliderButton"
14
- });
15
- const _sfc_main = /* @__PURE__ */ vue.defineComponent({
16
- ...__default__,
17
- props: button.sliderButtonProps,
18
- emits: button.sliderButtonEmits,
19
- setup(__props, { expose, emit }) {
20
- const props = __props;
21
- const ns = index.useNamespace("slider");
22
- const initData = vue.reactive({
23
- hovering: false,
24
- dragging: false,
25
- isClick: false,
26
- startX: 0,
27
- currentX: 0,
28
- startY: 0,
29
- currentY: 0,
30
- startPosition: 0,
31
- newPosition: 0,
32
- oldValue: props.modelValue
33
- });
34
- const tooltipPersistent = vue.computed(() => !showTooltip.value ? false : persistent.value);
35
- const {
36
- disabled,
37
- button,
38
- tooltip,
39
- showTooltip,
40
- persistent,
41
- tooltipVisible,
42
- wrapperStyle,
43
- formatValue,
44
- handleMouseEnter,
45
- handleMouseLeave,
46
- onButtonDown,
47
- onKeyDown,
48
- setPosition
49
- } = useSliderButton.useSliderButton(props, initData, emit);
50
- const { hovering, dragging } = vue.toRefs(initData);
51
- expose({
52
- onButtonDown,
53
- onKeyDown,
54
- setPosition,
55
- hovering,
56
- dragging
57
- });
58
- return (_ctx, _cache) => {
59
- return vue.openBlock(), vue.createElementBlock("div", {
60
- ref_key: "button",
61
- ref: button,
62
- class: vue.normalizeClass([vue.unref(ns).e("button-wrapper"), { hover: vue.unref(hovering), dragging: vue.unref(dragging) }]),
63
- style: vue.normalizeStyle(vue.unref(wrapperStyle)),
64
- tabindex: vue.unref(disabled) ? -1 : 0,
65
- onMouseenter: vue.unref(handleMouseEnter),
66
- onMouseleave: vue.unref(handleMouseLeave),
67
- onMousedown: vue.unref(onButtonDown),
68
- onFocus: vue.unref(handleMouseEnter),
69
- onBlur: vue.unref(handleMouseLeave),
70
- onKeydown: vue.unref(onKeyDown)
71
- }, [
72
- vue.createVNode(vue.unref(index$1.ElTooltip), {
73
- ref_key: "tooltip",
74
- ref: tooltip,
75
- visible: vue.unref(tooltipVisible),
76
- placement: _ctx.placement,
77
- "fallback-placements": ["top", "bottom", "right", "left"],
78
- "stop-popper-mouse-event": false,
79
- "popper-class": _ctx.tooltipClass,
80
- disabled: !vue.unref(showTooltip),
81
- persistent: vue.unref(tooltipPersistent)
82
- }, {
83
- content: vue.withCtx(() => [
84
- vue.createElementVNode("span", null, vue.toDisplayString(vue.unref(formatValue)), 1)
85
- ]),
86
- default: vue.withCtx(() => [
87
- vue.createElementVNode("div", {
88
- class: vue.normalizeClass([vue.unref(ns).e("button"), { hover: vue.unref(hovering), dragging: vue.unref(dragging) }])
89
- }, null, 2)
90
- ]),
91
- _: 1
92
- }, 8, ["visible", "placement", "popper-class", "disabled", "persistent"])
93
- ], 46, ["tabindex", "onMouseenter", "onMouseleave", "onMousedown", "onFocus", "onBlur", "onKeydown"]);
94
- };
10
+ const sliderButtonProps = runtime.buildProps({
11
+ modelValue: {
12
+ type: Number,
13
+ default: 0
14
+ },
15
+ vertical: Boolean,
16
+ tooltipClass: String,
17
+ placement: {
18
+ type: String,
19
+ values: core.placements,
20
+ default: "top"
95
21
  }
96
22
  });
97
- var SliderButton = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "button.vue"]]);
23
+ const sliderButtonEmits = {
24
+ [event.UPDATE_MODEL_EVENT]: (value) => types.isNumber(value)
25
+ };
98
26
 
99
- exports["default"] = SliderButton;
27
+ exports.sliderButtonEmits = sliderButtonEmits;
28
+ exports.sliderButtonProps = sliderButtonProps;
100
29
  //# 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 @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'\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":["useNamespace","reactive","computed","useSliderButton","toRefs","_openBlock","_createElementBlock"],"mappings":";;;;;;;;;;;uCAuCc,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,IAAA,MAAM,iBAAoB,GAAAC,YAAA,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,GAAAC,+BAAA,CAAA,KAAA,EAAA,QAAA,EAAA,IAAA,CAAA,CAAA;AAAA,IACA,MAAA,EAAA,QAAA,EAAA,QAAA,EAAA,GAAAC,UAAA,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,OAAAC,aAAA,EAAA,EAAAC,sBAAA,CAAA,KAAA,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
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 { ComponentPublicInstance, 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 = 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":["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,cAAQ,CAAC,KAAK,CAAC;AAClD;;;;;"}
@@ -7,7 +7,7 @@ var core = require('@vueuse/core');
7
7
  var index$2 = require('../../input-number/index.js');
8
8
  var constants = require('./constants.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
  var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
13
13
  var useSlide = require('./composables/use-slide.js');
@@ -3,8 +3,8 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var steps$1 = require('./src/steps2.js');
6
- var item$1 = require('./src/item.js');
7
- var item = require('./src/item2.js');
6
+ var item$1 = require('./src/item2.js');
7
+ var item = require('./src/item.js');
8
8
  var steps = require('./src/steps.js');
9
9
  var install = require('../../utils/vue/install.js');
10
10
 
@@ -2,198 +2,27 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var vue = require('vue');
6
- var index$1 = require('../../icon/index.js');
7
- var iconsVue = require('@element-plus/icons-vue');
8
- var item = require('./item2.js');
9
- var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
10
- var index = require('../../../hooks/use-namespace/index.js');
11
- var types = require('../../../utils/types.js');
5
+ var runtime = require('../../../utils/vue/props/runtime.js');
6
+ var icon = require('../../../utils/vue/icon.js');
12
7
 
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.removeStep(stepItemState.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 containerKls = vue.computed(() => {
66
- return [
67
- ns.b(),
68
- ns.is(isSimple.value ? "simple" : parent.props.direction),
69
- ns.is("flex", isLast.value && !space.value && !isCenter.value),
70
- ns.is("center", isCenter.value && !isVertical.value && !isSimple.value)
71
- ];
72
- });
73
- const style = vue.computed(() => {
74
- const style2 = {
75
- flexBasis: types.isNumber(space.value) ? `${space.value}px` : space.value ? space.value : `${100 / (stepsCount.value - (isCenter.value ? 0 : 1))}%`
76
- };
77
- if (isVertical.value)
78
- return style2;
79
- if (isLast.value) {
80
- style2.maxWidth = `${100 / stepsCount.value}%`;
81
- }
82
- return style2;
83
- });
84
- const setIndex = (val) => {
85
- index$2.value = val;
86
- };
87
- const calcProgress = (status) => {
88
- const isWait = status === "wait";
89
- const style2 = {
90
- transitionDelay: `${isWait ? "-" : ""}${150 * index$2.value}ms`
91
- };
92
- const step = status === parent.props.processStatus || isWait ? 0 : 100;
93
- style2.borderWidth = step && !isSimple.value ? "1px" : 0;
94
- style2[parent.props.direction === "vertical" ? "height" : "width"] = `${step}%`;
95
- lineStyle.value = style2;
96
- };
97
- const updateStatus = (activeIndex) => {
98
- if (activeIndex > index$2.value) {
99
- internalStatus.value = parent.props.finishStatus;
100
- } else if (activeIndex === index$2.value && prevStatus.value !== "error") {
101
- internalStatus.value = parent.props.processStatus;
102
- } else {
103
- internalStatus.value = "wait";
104
- }
105
- const prevChild = parent.steps.value[index$2.value - 1];
106
- if (prevChild)
107
- prevChild.calcProgress(internalStatus.value);
108
- };
109
- const stepItemState = vue.reactive({
110
- uid: currentInstance.uid,
111
- currentStatus,
112
- setIndex,
113
- calcProgress
114
- });
115
- parent.addStep(stepItemState);
116
- return (_ctx, _cache) => {
117
- return vue.openBlock(), vue.createElementBlock("div", {
118
- style: vue.normalizeStyle(vue.unref(style)),
119
- class: vue.normalizeClass(vue.unref(containerKls))
120
- }, [
121
- vue.createCommentVNode(" icon & line "),
122
- vue.createElementVNode("div", {
123
- class: vue.normalizeClass([vue.unref(ns).e("head"), vue.unref(ns).is(vue.unref(currentStatus))])
124
- }, [
125
- !vue.unref(isSimple) ? (vue.openBlock(), vue.createElementBlock("div", {
126
- key: 0,
127
- class: vue.normalizeClass(vue.unref(ns).e("line"))
128
- }, [
129
- vue.createElementVNode("i", {
130
- class: vue.normalizeClass(vue.unref(ns).e("line-inner")),
131
- style: vue.normalizeStyle(lineStyle.value)
132
- }, null, 6)
133
- ], 2)) : vue.createCommentVNode("v-if", true),
134
- vue.createElementVNode("div", {
135
- class: vue.normalizeClass([vue.unref(ns).e("icon"), vue.unref(ns).is(_ctx.icon || _ctx.$slots.icon ? "icon" : "text")])
136
- }, [
137
- vue.renderSlot(_ctx.$slots, "icon", {}, () => [
138
- _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.unref(index$1.ElIcon), {
139
- key: 0,
140
- class: vue.normalizeClass(vue.unref(ns).e("icon-inner"))
141
- }, {
142
- default: vue.withCtx(() => [
143
- (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.icon)))
144
- ]),
145
- _: 1
146
- }, 8, ["class"])) : vue.unref(currentStatus) === "success" ? (vue.openBlock(), vue.createBlock(vue.unref(index$1.ElIcon), {
147
- key: 1,
148
- class: vue.normalizeClass([vue.unref(ns).e("icon-inner"), vue.unref(ns).is("status")])
149
- }, {
150
- default: vue.withCtx(() => [
151
- vue.createVNode(vue.unref(iconsVue.Check))
152
- ]),
153
- _: 1
154
- }, 8, ["class"])) : vue.unref(currentStatus) === "error" ? (vue.openBlock(), vue.createBlock(vue.unref(index$1.ElIcon), {
155
- key: 2,
156
- class: vue.normalizeClass([vue.unref(ns).e("icon-inner"), vue.unref(ns).is("status")])
157
- }, {
158
- default: vue.withCtx(() => [
159
- vue.createVNode(vue.unref(iconsVue.Close))
160
- ]),
161
- _: 1
162
- }, 8, ["class"])) : !vue.unref(isSimple) ? (vue.openBlock(), vue.createElementBlock("div", {
163
- key: 3,
164
- class: vue.normalizeClass(vue.unref(ns).e("icon-inner"))
165
- }, vue.toDisplayString(index$2.value + 1), 3)) : vue.createCommentVNode("v-if", true)
166
- ])
167
- ], 2)
168
- ], 2),
169
- vue.createCommentVNode(" title & description "),
170
- vue.createElementVNode("div", {
171
- class: vue.normalizeClass(vue.unref(ns).e("main"))
172
- }, [
173
- vue.createElementVNode("div", {
174
- class: vue.normalizeClass([vue.unref(ns).e("title"), vue.unref(ns).is(vue.unref(currentStatus))])
175
- }, [
176
- vue.renderSlot(_ctx.$slots, "title", {}, () => [
177
- vue.createTextVNode(vue.toDisplayString(_ctx.title), 1)
178
- ])
179
- ], 2),
180
- vue.unref(isSimple) ? (vue.openBlock(), vue.createElementBlock("div", {
181
- key: 0,
182
- class: vue.normalizeClass(vue.unref(ns).e("arrow"))
183
- }, null, 2)) : (vue.openBlock(), vue.createElementBlock("div", {
184
- key: 1,
185
- class: vue.normalizeClass([vue.unref(ns).e("description"), vue.unref(ns).is(vue.unref(currentStatus))])
186
- }, [
187
- vue.renderSlot(_ctx.$slots, "description", {}, () => [
188
- vue.createTextVNode(vue.toDisplayString(_ctx.description), 1)
189
- ])
190
- ], 2))
191
- ], 2)
192
- ], 6);
193
- };
8
+ const stepProps = runtime.buildProps({
9
+ title: {
10
+ type: String,
11
+ default: ""
12
+ },
13
+ icon: {
14
+ type: icon.iconPropType
15
+ },
16
+ description: {
17
+ type: String,
18
+ default: ""
19
+ },
20
+ status: {
21
+ type: String,
22
+ values: ["", "wait", "process", "finish", "error", "success"],
23
+ default: ""
194
24
  }
195
25
  });
196
- var Step = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "item.vue"]]);
197
26
 
198
- exports["default"] = Step;
27
+ exports.stepProps = stepProps;
199
28
  //# sourceMappingURL=item.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"item.js","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'\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\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 addStep: (item: StepItemState) => void\n removeStep: (uid: number) => 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('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.removeStep(stepItemState.uid)\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 currentStatus,\n setIndex,\n calcProgress,\n})\n\nparent.addStep(stepItemState)\n</script>\n"],"names":["useNamespace","index","ref","inject","getCurrentInstance","onMounted","watch","onBeforeUnmount","computed","isNumber","style","reactive"],"mappings":"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"}
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 /**\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>\n\nexport type StepInstance = InstanceType<typeof Step> & unknown\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;;;;"}