@element-plus/nightly 0.0.20251110 → 0.0.20251111

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 (496) hide show
  1. package/dist/index.css +1 -1
  2. package/dist/index.full.js +64 -21
  3. package/dist/index.full.min.js +11 -11
  4. package/dist/index.full.min.js.map +1 -1
  5. package/dist/index.full.min.mjs +11 -11
  6. package/dist/index.full.min.mjs.map +1 -1
  7. package/dist/index.full.mjs +64 -21
  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 +129 -24
  278. package/es/components/affix/src/affix.mjs.map +1 -1
  279. package/es/components/affix/src/affix2.mjs +24 -129
  280. package/es/components/affix/src/affix2.mjs.map +1 -1
  281. package/es/components/badge/index.mjs +2 -2
  282. package/es/components/badge/src/badge.mjs +71 -32
  283. package/es/components/badge/src/badge.mjs.map +1 -1
  284. package/es/components/badge/src/badge2.mjs +32 -71
  285. package/es/components/badge/src/badge2.mjs.map +1 -1
  286. package/es/components/carousel/index.mjs +2 -2
  287. package/es/components/carousel/src/carousel.mjs +61 -212
  288. package/es/components/carousel/src/carousel.mjs.map +1 -1
  289. package/es/components/carousel/src/carousel2.mjs +212 -61
  290. package/es/components/carousel/src/carousel2.mjs.map +1 -1
  291. package/es/components/cascader/index.mjs +2 -2
  292. package/es/components/cascader/src/cascader.mjs +99 -717
  293. package/es/components/cascader/src/cascader.mjs.map +1 -1
  294. package/es/components/cascader/src/cascader2.mjs +717 -99
  295. package/es/components/cascader/src/cascader2.mjs.map +1 -1
  296. package/es/components/checkbox/index.mjs +2 -2
  297. package/es/components/checkbox/src/checkbox-group.mjs +47 -92
  298. package/es/components/checkbox/src/checkbox-group.mjs.map +1 -1
  299. package/es/components/checkbox/src/checkbox-group2.mjs +92 -47
  300. package/es/components/checkbox/src/checkbox-group2.mjs.map +1 -1
  301. package/es/components/countdown/index.mjs +2 -2
  302. package/es/components/countdown/src/countdown.mjs +21 -79
  303. package/es/components/countdown/src/countdown.mjs.map +1 -1
  304. package/es/components/countdown/src/countdown2.mjs +79 -21
  305. package/es/components/countdown/src/countdown2.mjs.map +1 -1
  306. package/es/components/image-viewer/src/image-viewer2.mjs +5 -4
  307. package/es/components/image-viewer/src/image-viewer2.mjs.map +1 -1
  308. package/es/components/index.mjs +17 -17
  309. package/es/components/input-tag/src/composables/use-input-tag-dom.d.ts +7 -0
  310. package/es/components/input-tag/src/composables/use-input-tag-dom.mjs +35 -2
  311. package/es/components/input-tag/src/composables/use-input-tag-dom.mjs.map +1 -1
  312. package/es/components/input-tag/src/input-tag2.mjs +25 -14
  313. package/es/components/input-tag/src/input-tag2.mjs.map +1 -1
  314. package/es/components/mention/src/mention-dropdown.mjs +166 -15
  315. package/es/components/mention/src/mention-dropdown.mjs.map +1 -1
  316. package/es/components/mention/src/mention-dropdown2.mjs +15 -166
  317. package/es/components/mention/src/mention-dropdown2.mjs.map +1 -1
  318. package/es/components/mention/src/mention2.mjs +1 -1
  319. package/es/components/menu/index.mjs +2 -2
  320. package/es/components/menu/src/menu-item-group.mjs +4 -33
  321. package/es/components/menu/src/menu-item-group.mjs.map +1 -1
  322. package/es/components/menu/src/menu-item-group2.mjs +33 -4
  323. package/es/components/menu/src/menu-item-group2.mjs.map +1 -1
  324. package/es/components/pagination/src/components/next.mjs +35 -18
  325. package/es/components/pagination/src/components/next.mjs.map +1 -1
  326. package/es/components/pagination/src/components/next2.mjs +18 -35
  327. package/es/components/pagination/src/components/next2.mjs.map +1 -1
  328. package/es/components/pagination/src/pagination.mjs +1 -1
  329. package/es/components/popper/index.mjs +4 -4
  330. package/es/components/popper/src/arrow.mjs +30 -7
  331. package/es/components/popper/src/arrow.mjs.map +1 -1
  332. package/es/components/popper/src/arrow2.mjs +7 -30
  333. package/es/components/popper/src/arrow2.mjs.map +1 -1
  334. package/es/components/popper/src/content.mjs +89 -131
  335. package/es/components/popper/src/content.mjs.map +1 -1
  336. package/es/components/popper/src/content2.mjs +131 -89
  337. package/es/components/popper/src/content2.mjs.map +1 -1
  338. package/es/components/progress/index.mjs +2 -2
  339. package/es/components/progress/src/progress.mjs +53 -207
  340. package/es/components/progress/src/progress.mjs.map +1 -1
  341. package/es/components/progress/src/progress2.mjs +207 -53
  342. package/es/components/progress/src/progress2.mjs.map +1 -1
  343. package/es/components/result/index.mjs +2 -2
  344. package/es/components/result/src/result.mjs +62 -30
  345. package/es/components/result/src/result.mjs.map +1 -1
  346. package/es/components/result/src/result2.mjs +30 -62
  347. package/es/components/result/src/result2.mjs.map +1 -1
  348. package/es/components/scrollbar/index.mjs +2 -2
  349. package/es/components/scrollbar/src/bar.mjs +64 -10
  350. package/es/components/scrollbar/src/bar.mjs.map +1 -1
  351. package/es/components/scrollbar/src/bar2.mjs +10 -64
  352. package/es/components/scrollbar/src/bar2.mjs.map +1 -1
  353. package/es/components/scrollbar/src/scrollbar.mjs +226 -57
  354. package/es/components/scrollbar/src/scrollbar.mjs.map +1 -1
  355. package/es/components/scrollbar/src/scrollbar2.mjs +57 -226
  356. package/es/components/scrollbar/src/scrollbar2.mjs.map +1 -1
  357. package/es/components/select/src/select.mjs +1 -1
  358. package/es/components/tabs/index.mjs +2 -2
  359. package/es/components/tabs/src/tab-pane.mjs +16 -85
  360. package/es/components/tabs/src/tab-pane.mjs.map +1 -1
  361. package/es/components/tabs/src/tab-pane2.mjs +85 -16
  362. package/es/components/tabs/src/tab-pane2.mjs.map +1 -1
  363. package/es/components/tooltip/src/content.mjs +1 -1
  364. package/es/components/tooltip/src/content2.mjs +1 -1
  365. package/es/components/tooltip/src/tooltip.mjs +1 -1
  366. package/es/components/tooltip/src/tooltip2.mjs +1 -1
  367. package/es/components/tour/index.mjs +3 -3
  368. package/es/components/tour/src/content.mjs +67 -43
  369. package/es/components/tour/src/content.mjs.map +1 -1
  370. package/es/components/tour/src/content2.mjs +43 -67
  371. package/es/components/tour/src/content2.mjs.map +1 -1
  372. package/es/components/tour/src/step.mjs +192 -44
  373. package/es/components/tour/src/step.mjs.map +1 -1
  374. package/es/components/tour/src/step2.mjs +44 -192
  375. package/es/components/tour/src/step2.mjs.map +1 -1
  376. package/es/components/tour/src/tour.mjs +1 -1
  377. package/es/components/tour/src/tour2.mjs +1 -1
  378. package/es/components/tree/src/model/node.mjs +1 -0
  379. package/es/components/tree/src/model/node.mjs.map +1 -1
  380. package/es/index.mjs +17 -17
  381. package/es/version.d.ts +1 -1
  382. package/es/version.mjs +1 -1
  383. package/es/version.mjs.map +1 -1
  384. package/lib/components/affix/index.js +2 -2
  385. package/lib/components/affix/src/affix.js +129 -25
  386. package/lib/components/affix/src/affix.js.map +1 -1
  387. package/lib/components/affix/src/affix2.js +25 -129
  388. package/lib/components/affix/src/affix2.js.map +1 -1
  389. package/lib/components/badge/index.js +2 -2
  390. package/lib/components/badge/src/badge.js +71 -32
  391. package/lib/components/badge/src/badge.js.map +1 -1
  392. package/lib/components/badge/src/badge2.js +32 -71
  393. package/lib/components/badge/src/badge2.js.map +1 -1
  394. package/lib/components/carousel/index.js +2 -2
  395. package/lib/components/carousel/src/carousel.js +62 -212
  396. package/lib/components/carousel/src/carousel.js.map +1 -1
  397. package/lib/components/carousel/src/carousel2.js +212 -62
  398. package/lib/components/carousel/src/carousel2.js.map +1 -1
  399. package/lib/components/cascader/index.js +2 -2
  400. package/lib/components/cascader/src/cascader.js +99 -716
  401. package/lib/components/cascader/src/cascader.js.map +1 -1
  402. package/lib/components/cascader/src/cascader2.js +716 -99
  403. package/lib/components/cascader/src/cascader2.js.map +1 -1
  404. package/lib/components/checkbox/index.js +2 -2
  405. package/lib/components/checkbox/src/checkbox-group.js +48 -91
  406. package/lib/components/checkbox/src/checkbox-group.js.map +1 -1
  407. package/lib/components/checkbox/src/checkbox-group2.js +91 -48
  408. package/lib/components/checkbox/src/checkbox-group2.js.map +1 -1
  409. package/lib/components/countdown/index.js +2 -2
  410. package/lib/components/countdown/src/countdown.js +22 -79
  411. package/lib/components/countdown/src/countdown.js.map +1 -1
  412. package/lib/components/countdown/src/countdown2.js +79 -22
  413. package/lib/components/countdown/src/countdown2.js.map +1 -1
  414. package/lib/components/image-viewer/src/image-viewer2.js +16 -15
  415. package/lib/components/image-viewer/src/image-viewer2.js.map +1 -1
  416. package/lib/components/index.js +17 -17
  417. package/lib/components/input-tag/src/composables/use-input-tag-dom.d.ts +7 -0
  418. package/lib/components/input-tag/src/composables/use-input-tag-dom.js +34 -1
  419. package/lib/components/input-tag/src/composables/use-input-tag-dom.js.map +1 -1
  420. package/lib/components/input-tag/src/input-tag2.js +25 -14
  421. package/lib/components/input-tag/src/input-tag2.js.map +1 -1
  422. package/lib/components/mention/src/mention-dropdown.js +166 -16
  423. package/lib/components/mention/src/mention-dropdown.js.map +1 -1
  424. package/lib/components/mention/src/mention-dropdown2.js +16 -166
  425. package/lib/components/mention/src/mention-dropdown2.js.map +1 -1
  426. package/lib/components/mention/src/mention2.js +1 -1
  427. package/lib/components/menu/index.js +2 -2
  428. package/lib/components/menu/src/menu-item-group.js +4 -33
  429. package/lib/components/menu/src/menu-item-group.js.map +1 -1
  430. package/lib/components/menu/src/menu-item-group2.js +33 -4
  431. package/lib/components/menu/src/menu-item-group2.js.map +1 -1
  432. package/lib/components/pagination/src/components/next.js +35 -18
  433. package/lib/components/pagination/src/components/next.js.map +1 -1
  434. package/lib/components/pagination/src/components/next2.js +18 -35
  435. package/lib/components/pagination/src/components/next2.js.map +1 -1
  436. package/lib/components/pagination/src/pagination.js +1 -1
  437. package/lib/components/popper/index.js +4 -4
  438. package/lib/components/popper/src/arrow.js +30 -8
  439. package/lib/components/popper/src/arrow.js.map +1 -1
  440. package/lib/components/popper/src/arrow2.js +8 -30
  441. package/lib/components/popper/src/arrow2.js.map +1 -1
  442. package/lib/components/popper/src/content.js +94 -131
  443. package/lib/components/popper/src/content.js.map +1 -1
  444. package/lib/components/popper/src/content2.js +131 -94
  445. package/lib/components/popper/src/content2.js.map +1 -1
  446. package/lib/components/progress/index.js +2 -2
  447. package/lib/components/progress/src/progress.js +53 -207
  448. package/lib/components/progress/src/progress.js.map +1 -1
  449. package/lib/components/progress/src/progress2.js +207 -53
  450. package/lib/components/progress/src/progress2.js.map +1 -1
  451. package/lib/components/result/index.js +2 -2
  452. package/lib/components/result/src/result.js +62 -32
  453. package/lib/components/result/src/result.js.map +1 -1
  454. package/lib/components/result/src/result2.js +32 -62
  455. package/lib/components/result/src/result2.js.map +1 -1
  456. package/lib/components/scrollbar/index.js +2 -2
  457. package/lib/components/scrollbar/src/bar.js +64 -10
  458. package/lib/components/scrollbar/src/bar.js.map +1 -1
  459. package/lib/components/scrollbar/src/bar2.js +10 -64
  460. package/lib/components/scrollbar/src/bar2.js.map +1 -1
  461. package/lib/components/scrollbar/src/scrollbar.js +226 -58
  462. package/lib/components/scrollbar/src/scrollbar.js.map +1 -1
  463. package/lib/components/scrollbar/src/scrollbar2.js +58 -226
  464. package/lib/components/scrollbar/src/scrollbar2.js.map +1 -1
  465. package/lib/components/select/src/select.js +1 -1
  466. package/lib/components/tabs/index.js +2 -2
  467. package/lib/components/tabs/src/tab-pane.js +16 -85
  468. package/lib/components/tabs/src/tab-pane.js.map +1 -1
  469. package/lib/components/tabs/src/tab-pane2.js +85 -16
  470. package/lib/components/tabs/src/tab-pane2.js.map +1 -1
  471. package/lib/components/tooltip/src/content.js +1 -1
  472. package/lib/components/tooltip/src/content2.js +1 -1
  473. package/lib/components/tooltip/src/tooltip.js +1 -1
  474. package/lib/components/tooltip/src/tooltip2.js +1 -1
  475. package/lib/components/tour/index.js +3 -3
  476. package/lib/components/tour/src/content.js +67 -46
  477. package/lib/components/tour/src/content.js.map +1 -1
  478. package/lib/components/tour/src/content2.js +46 -67
  479. package/lib/components/tour/src/content2.js.map +1 -1
  480. package/lib/components/tour/src/step.js +191 -44
  481. package/lib/components/tour/src/step.js.map +1 -1
  482. package/lib/components/tour/src/step2.js +44 -191
  483. package/lib/components/tour/src/step2.js.map +1 -1
  484. package/lib/components/tour/src/tour.js +1 -1
  485. package/lib/components/tour/src/tour2.js +1 -1
  486. package/lib/components/tree/src/model/node.js +1 -0
  487. package/lib/components/tree/src/model/node.js.map +1 -1
  488. package/lib/index.js +17 -17
  489. package/lib/version.d.ts +1 -1
  490. package/lib/version.js +1 -1
  491. package/lib/version.js.map +1 -1
  492. package/package.json +2 -2
  493. package/theme-chalk/el-image-viewer.css +1 -1
  494. package/theme-chalk/index.css +1 -1
  495. package/theme-chalk/src/image-viewer.scss +6 -0
  496. package/web-types.json +1 -1
@@ -1,8 +1,8 @@
1
1
  import Tour from './src/tour2.mjs';
2
- import TourStep from './src/step2.mjs';
2
+ import TourStep from './src/step.mjs';
3
3
  export { tourEmits, tourProps } from './src/tour.mjs';
4
- export { tourStepEmits, tourStepProps } from './src/step.mjs';
5
- export { tourContentEmits, tourContentProps, tourPlacements, tourStrategies } from './src/content.mjs';
4
+ export { tourStepEmits, tourStepProps } from './src/step2.mjs';
5
+ export { tourContentEmits, tourContentProps, tourPlacements, tourStrategies } from './src/content2.mjs';
6
6
  import { withInstall, withNoopInstall } from '../../utils/vue/install.mjs';
7
7
 
8
8
  const ElTour = withInstall(Tour, {
@@ -1,48 +1,72 @@
1
- import { buildProps, definePropType } from '../../../utils/vue/props/runtime.mjs';
1
+ import { defineComponent, ref, watch, toRef, computed, inject, openBlock, createElementBlock, normalizeStyle, unref, normalizeClass, createVNode, withCtx, renderSlot, createCommentVNode } from 'vue';
2
+ import ElFocusTrap from '../../focus-trap/src/focus-trap.mjs';
3
+ import { tourContentProps, tourContentEmits } from './content2.mjs';
4
+ import { useFloating, tourKey } from './helper.mjs';
5
+ import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
2
6
 
3
- const tourStrategies = ["absolute", "fixed"];
4
- const tourPlacements = [
5
- "top-start",
6
- "top-end",
7
- "top",
8
- "bottom-start",
9
- "bottom-end",
10
- "bottom",
11
- "left-start",
12
- "left-end",
13
- "left",
14
- "right-start",
15
- "right-end",
16
- "right"
17
- ];
18
- const tourContentProps = buildProps({
19
- placement: {
20
- type: definePropType(String),
21
- values: tourPlacements,
22
- default: "bottom"
23
- },
24
- reference: {
25
- type: definePropType(Object),
26
- default: null
27
- },
28
- strategy: {
29
- type: definePropType(String),
30
- values: tourStrategies,
31
- default: "absolute"
32
- },
33
- offset: {
34
- type: Number,
35
- default: 10
36
- },
37
- showArrow: Boolean,
38
- zIndex: {
39
- type: Number,
40
- default: 2001
7
+ const __default__ = defineComponent({
8
+ name: "ElTourContent"
9
+ });
10
+ const _sfc_main = /* @__PURE__ */ defineComponent({
11
+ ...__default__,
12
+ props: tourContentProps,
13
+ emits: tourContentEmits,
14
+ setup(__props, { emit }) {
15
+ const props = __props;
16
+ const placement = ref(props.placement);
17
+ const strategy = ref(props.strategy);
18
+ const contentRef = ref(null);
19
+ const arrowRef = ref(null);
20
+ watch(() => props.placement, () => {
21
+ placement.value = props.placement;
22
+ });
23
+ const { contentStyle, arrowStyle } = useFloating(toRef(props, "reference"), contentRef, arrowRef, placement, strategy, toRef(props, "offset"), toRef(props, "zIndex"), toRef(props, "showArrow"));
24
+ const side = computed(() => {
25
+ return placement.value.split("-")[0];
26
+ });
27
+ const { ns } = inject(tourKey);
28
+ const onCloseRequested = () => {
29
+ emit("close");
30
+ };
31
+ const onFocusoutPrevented = (event) => {
32
+ if (event.detail.focusReason === "pointer") {
33
+ event.preventDefault();
34
+ }
35
+ };
36
+ return (_ctx, _cache) => {
37
+ return openBlock(), createElementBlock("div", {
38
+ ref_key: "contentRef",
39
+ ref: contentRef,
40
+ style: normalizeStyle(unref(contentStyle)),
41
+ class: normalizeClass(unref(ns).e("content")),
42
+ "data-side": unref(side),
43
+ tabindex: "-1"
44
+ }, [
45
+ createVNode(unref(ElFocusTrap), {
46
+ loop: "",
47
+ trapped: "",
48
+ "focus-start-el": "container",
49
+ "focus-trap-el": contentRef.value || void 0,
50
+ onReleaseRequested: onCloseRequested,
51
+ onFocusoutPrevented
52
+ }, {
53
+ default: withCtx(() => [
54
+ renderSlot(_ctx.$slots, "default")
55
+ ]),
56
+ _: 3
57
+ }, 8, ["focus-trap-el"]),
58
+ _ctx.showArrow ? (openBlock(), createElementBlock("span", {
59
+ key: 0,
60
+ ref_key: "arrowRef",
61
+ ref: arrowRef,
62
+ style: normalizeStyle(unref(arrowStyle)),
63
+ class: normalizeClass(unref(ns).e("arrow"))
64
+ }, null, 6)) : createCommentVNode("v-if", true)
65
+ ], 14, ["data-side"]);
66
+ };
41
67
  }
42
68
  });
43
- const tourContentEmits = {
44
- close: () => true
45
- };
69
+ var ElTourContent = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "content.vue"]]);
46
70
 
47
- export { tourContentEmits, tourContentProps, tourPlacements, tourStrategies };
71
+ export { ElTourContent as default };
48
72
  //# sourceMappingURL=content.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"content.mjs","sources":["../../../../../../packages/components/tour/src/content.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-plus/utils'\n\nimport type { ExtractPropTypes, __ExtractPublicPropTypes } from 'vue'\nimport type { Placement, Strategy, VirtualElement } from '@floating-ui/dom'\n\nexport const tourStrategies = ['absolute', 'fixed'] as const\n\nexport const tourPlacements = [\n 'top-start',\n 'top-end',\n 'top',\n 'bottom-start',\n 'bottom-end',\n 'bottom',\n 'left-start',\n 'left-end',\n 'left',\n 'right-start',\n 'right-end',\n 'right',\n] as const\n\nexport const tourContentProps = buildProps({\n /**\n * @description position of the guide card relative to the target element\n */\n placement: {\n type: definePropType<Placement>(String),\n values: tourPlacements,\n default: 'bottom',\n },\n /**\n * @description the reference dom\n */\n reference: {\n type: definePropType<HTMLElement | VirtualElement | null>(Object),\n default: null,\n },\n /**\n * @description position strategy of the content\n */\n strategy: {\n type: definePropType<Strategy>(String),\n values: tourStrategies,\n default: 'absolute',\n },\n /**\n * @description offset of the arrow\n */\n offset: {\n type: Number,\n default: 10,\n },\n /**\n * @description whether to show the arrow\n */\n showArrow: Boolean,\n /**\n * @description content's zIndex\n */\n zIndex: {\n type: Number,\n default: 2001,\n },\n})\n\nexport type TourContentProps = ExtractPropTypes<typeof tourContentProps>\nexport type TourContentPropsPublic = __ExtractPublicPropTypes<\n typeof tourContentProps\n>\n\nexport const tourContentEmits = {\n close: () => true,\n}\nexport type TourContentEmits = typeof tourContentEmits\n"],"names":[],"mappings":";;AACY,MAAC,cAAc,GAAG,CAAC,UAAU,EAAE,OAAO,EAAE;AACxC,MAAC,cAAc,GAAG;AAC9B,EAAE,WAAW;AACb,EAAE,SAAS;AACX,EAAE,KAAK;AACP,EAAE,cAAc;AAChB,EAAE,YAAY;AACd,EAAE,QAAQ;AACV,EAAE,YAAY;AACd,EAAE,UAAU;AACZ,EAAE,MAAM;AACR,EAAE,aAAa;AACf,EAAE,WAAW;AACb,EAAE,OAAO;AACT,EAAE;AACU,MAAC,gBAAgB,GAAG,UAAU,CAAC;AAC3C,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,cAAc,CAAC,MAAM,CAAC;AAChC,IAAI,MAAM,EAAE,cAAc;AAC1B,IAAI,OAAO,EAAE,QAAQ;AACrB,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,cAAc,CAAC,MAAM,CAAC;AAChC,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,cAAc,CAAC,MAAM,CAAC;AAChC,IAAI,MAAM,EAAE,cAAc;AAC1B,IAAI,OAAO,EAAE,UAAU;AACvB,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,SAAS,EAAE,OAAO;AACpB,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,CAAC,EAAE;AACS,MAAC,gBAAgB,GAAG;AAChC,EAAE,KAAK,EAAE,MAAM,IAAI;AACnB;;;;"}
1
+ {"version":3,"file":"content.mjs","sources":["../../../../../../packages/components/tour/src/content.vue"],"sourcesContent":["<template>\n <div\n ref=\"contentRef\"\n :style=\"contentStyle\"\n :class=\"ns.e('content')\"\n :data-side=\"side\"\n tabindex=\"-1\"\n >\n <el-focus-trap\n loop\n trapped\n focus-start-el=\"container\"\n :focus-trap-el=\"contentRef || undefined\"\n @release-requested=\"onCloseRequested\"\n @focusout-prevented=\"onFocusoutPrevented\"\n >\n <slot />\n </el-focus-trap>\n <span\n v-if=\"showArrow\"\n ref=\"arrowRef\"\n :style=\"arrowStyle\"\n :class=\"ns.e('arrow')\"\n />\n </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, inject, ref, toRef, watch } from 'vue'\nimport ElFocusTrap from '@element-plus/components/focus-trap'\nimport { tourContentEmits, tourContentProps } from './content'\nimport { tourKey, useFloating } from './helper'\n\ndefineOptions({\n name: 'ElTourContent',\n})\n\nconst props = defineProps(tourContentProps)\nconst emit = defineEmits(tourContentEmits)\n\nconst placement = ref(props.placement)\nconst strategy = ref(props.strategy)\nconst contentRef = ref<HTMLElement | null>(null)\nconst arrowRef = ref<HTMLElement | null>(null)\n\nwatch(\n () => props.placement,\n () => {\n placement.value = props.placement\n }\n)\n\nconst { contentStyle, arrowStyle } = useFloating(\n toRef(props, 'reference'),\n contentRef,\n arrowRef,\n placement,\n strategy,\n toRef(props, 'offset'),\n toRef(props, 'zIndex'),\n toRef(props, 'showArrow')\n)\n\nconst side = computed(() => {\n return placement.value.split('-')[0]\n})\n\nconst { ns } = inject(tourKey)!\n\nconst onCloseRequested = () => {\n emit('close')\n}\n\nconst onFocusoutPrevented = (event: CustomEvent) => {\n if (event.detail.focusReason === 'pointer') {\n event.preventDefault()\n }\n}\n</script>\n"],"names":["_openBlock","_createElementBlock","_unref","_normalizeClass","_createVNode"],"mappings":";;;;;;mCAiCc,CAAA;AAAA,EACZ,IAAM,EAAA,eAAA;AACR,CAAA,CAAA,CAAA;;;;;;;AAKA,IAAM,MAAA,SAAA,GAAY,GAAI,CAAA,KAAA,CAAM,SAAS,CAAA,CAAA;AACrC,IAAM,MAAA,QAAA,GAAW,GAAI,CAAA,KAAA,CAAM,QAAQ,CAAA,CAAA;AACnC,IAAM,MAAA,UAAA,GAAa,IAAwB,IAAI,CAAA,CAAA;AAC/C,IAAM,MAAA,QAAA,GAAW,IAAwB,IAAI,CAAA,CAAA;AAE7C,IAAA,KAAA,CAAA,MAAA,KAAA,CAAA,SAAA,EAAA,MAAA;AAAA,MACE,SAAY,CAAA,KAAA,GAAA,KAAA,CAAA,SAAA,CAAA;AAAA,KAAA,CACZ,CAAM;AACJ,IAAA,MAAA,EAAA,cAAkB,UAAM,EAAA,GAAA,WAAA,CAAA,KAAA,CAAA,KAAA,EAAA,WAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,SAAA,EAAA,QAAA,EAAA,KAAA,CAAA,KAAA,EAAA,QAAA,CAAA,EAAA,KAAA,CAAA,KAAA,EAAA,QAAA,CAAA,EAAA,KAAA,CAAA,KAAA,EAAA,WAAA,CAAA,CAAA,CAAA;AAAA,IAC1B,MAAA,IAAA,GAAA,QAAA,CAAA,MAAA;AAAA,MACF,OAAA,SAAA,CAAA,KAAA,CAAA,KAAA,CAAA,GAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAEA,KAAM,CAAA,CAAA;AAA+B,IACnC,MAAA,EAAM,OAAO,MAAW,CAAA,OAAA,CAAA,CAAA;AAAA,IACxB,MAAA,gBAAA,GAAA,MAAA;AAAA,MACA,IAAA,CAAA,OAAA,CAAA,CAAA;AAAA,KACA,CAAA;AAAA,IACA,MAAA,mBAAA,GAAA,CAAA,KAAA,KAAA;AAAA,MACA,IAAA,YAAqB,CAAA,WAAA,KAAA,SAAA,EAAA;AAAA,QACrB,oBAAqB,EAAA,CAAA;AAAA,OACrB;AAAwB,KAC1B,CAAA;AAEA,IAAM,OAAA,CAAA,IAAA,aAAsB;AAC1B,MAAA,OAAOA,SAAU,EAAA,EAAAC,kBAAkB,CAAA,KAAA,EAAA;AAAA,QACpC,OAAA,EAAA,YAAA;AAED,QAAA,GAAQ,EAAA,UAAO;AAEf,QAAA,qBAA+B,CAAAC,KAAA,CAAA,YAAA,CAAA,CAAA;AAC7B,QAAA,KAAY,EAAAC,cAAA,CAAAD,KAAA,CAAA,EAAA,CAAA,CAAA,CAAA,CAAA,SAAA,CAAA,CAAA;AAAA,QACd,WAAA,EAAAA,KAAA,CAAA,IAAA,CAAA;AAEA,QAAM,QAAA,EAAA,IAAA;AACJ,OAAI,EAAA;AACF,QAAAE,WAAqB,CAAAF,KAAA,CAAA,WAAA,CAAA,EAAA;AAAA,UACvB,IAAA,EAAA,EAAA;AAAA,UACF,OAAA,EAAA,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -1,72 +1,48 @@
1
- import { defineComponent, ref, watch, toRef, computed, inject, openBlock, createElementBlock, normalizeStyle, unref, normalizeClass, createVNode, withCtx, renderSlot, createCommentVNode } from 'vue';
2
- import ElFocusTrap from '../../focus-trap/src/focus-trap.mjs';
3
- import { tourContentProps, tourContentEmits } from './content.mjs';
4
- import { useFloating, tourKey } from './helper.mjs';
5
- import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
1
+ import { buildProps, definePropType } from '../../../utils/vue/props/runtime.mjs';
6
2
 
7
- const __default__ = defineComponent({
8
- name: "ElTourContent"
9
- });
10
- const _sfc_main = /* @__PURE__ */ defineComponent({
11
- ...__default__,
12
- props: tourContentProps,
13
- emits: tourContentEmits,
14
- setup(__props, { emit }) {
15
- const props = __props;
16
- const placement = ref(props.placement);
17
- const strategy = ref(props.strategy);
18
- const contentRef = ref(null);
19
- const arrowRef = ref(null);
20
- watch(() => props.placement, () => {
21
- placement.value = props.placement;
22
- });
23
- const { contentStyle, arrowStyle } = useFloating(toRef(props, "reference"), contentRef, arrowRef, placement, strategy, toRef(props, "offset"), toRef(props, "zIndex"), toRef(props, "showArrow"));
24
- const side = computed(() => {
25
- return placement.value.split("-")[0];
26
- });
27
- const { ns } = inject(tourKey);
28
- const onCloseRequested = () => {
29
- emit("close");
30
- };
31
- const onFocusoutPrevented = (event) => {
32
- if (event.detail.focusReason === "pointer") {
33
- event.preventDefault();
34
- }
35
- };
36
- return (_ctx, _cache) => {
37
- return openBlock(), createElementBlock("div", {
38
- ref_key: "contentRef",
39
- ref: contentRef,
40
- style: normalizeStyle(unref(contentStyle)),
41
- class: normalizeClass(unref(ns).e("content")),
42
- "data-side": unref(side),
43
- tabindex: "-1"
44
- }, [
45
- createVNode(unref(ElFocusTrap), {
46
- loop: "",
47
- trapped: "",
48
- "focus-start-el": "container",
49
- "focus-trap-el": contentRef.value || void 0,
50
- onReleaseRequested: onCloseRequested,
51
- onFocusoutPrevented
52
- }, {
53
- default: withCtx(() => [
54
- renderSlot(_ctx.$slots, "default")
55
- ]),
56
- _: 3
57
- }, 8, ["focus-trap-el"]),
58
- _ctx.showArrow ? (openBlock(), createElementBlock("span", {
59
- key: 0,
60
- ref_key: "arrowRef",
61
- ref: arrowRef,
62
- style: normalizeStyle(unref(arrowStyle)),
63
- class: normalizeClass(unref(ns).e("arrow"))
64
- }, null, 6)) : createCommentVNode("v-if", true)
65
- ], 14, ["data-side"]);
66
- };
3
+ const tourStrategies = ["absolute", "fixed"];
4
+ const tourPlacements = [
5
+ "top-start",
6
+ "top-end",
7
+ "top",
8
+ "bottom-start",
9
+ "bottom-end",
10
+ "bottom",
11
+ "left-start",
12
+ "left-end",
13
+ "left",
14
+ "right-start",
15
+ "right-end",
16
+ "right"
17
+ ];
18
+ const tourContentProps = buildProps({
19
+ placement: {
20
+ type: definePropType(String),
21
+ values: tourPlacements,
22
+ default: "bottom"
23
+ },
24
+ reference: {
25
+ type: definePropType(Object),
26
+ default: null
27
+ },
28
+ strategy: {
29
+ type: definePropType(String),
30
+ values: tourStrategies,
31
+ default: "absolute"
32
+ },
33
+ offset: {
34
+ type: Number,
35
+ default: 10
36
+ },
37
+ showArrow: Boolean,
38
+ zIndex: {
39
+ type: Number,
40
+ default: 2001
67
41
  }
68
42
  });
69
- var ElTourContent = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "content.vue"]]);
43
+ const tourContentEmits = {
44
+ close: () => true
45
+ };
70
46
 
71
- export { ElTourContent as default };
47
+ export { tourContentEmits, tourContentProps, tourPlacements, tourStrategies };
72
48
  //# sourceMappingURL=content2.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"content2.mjs","sources":["../../../../../../packages/components/tour/src/content.vue"],"sourcesContent":["<template>\n <div\n ref=\"contentRef\"\n :style=\"contentStyle\"\n :class=\"ns.e('content')\"\n :data-side=\"side\"\n tabindex=\"-1\"\n >\n <el-focus-trap\n loop\n trapped\n focus-start-el=\"container\"\n :focus-trap-el=\"contentRef || undefined\"\n @release-requested=\"onCloseRequested\"\n @focusout-prevented=\"onFocusoutPrevented\"\n >\n <slot />\n </el-focus-trap>\n <span\n v-if=\"showArrow\"\n ref=\"arrowRef\"\n :style=\"arrowStyle\"\n :class=\"ns.e('arrow')\"\n />\n </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, inject, ref, toRef, watch } from 'vue'\nimport ElFocusTrap from '@element-plus/components/focus-trap'\nimport { tourContentEmits, tourContentProps } from './content'\nimport { tourKey, useFloating } from './helper'\n\ndefineOptions({\n name: 'ElTourContent',\n})\n\nconst props = defineProps(tourContentProps)\nconst emit = defineEmits(tourContentEmits)\n\nconst placement = ref(props.placement)\nconst strategy = ref(props.strategy)\nconst contentRef = ref<HTMLElement | null>(null)\nconst arrowRef = ref<HTMLElement | null>(null)\n\nwatch(\n () => props.placement,\n () => {\n placement.value = props.placement\n }\n)\n\nconst { contentStyle, arrowStyle } = useFloating(\n toRef(props, 'reference'),\n contentRef,\n arrowRef,\n placement,\n strategy,\n toRef(props, 'offset'),\n toRef(props, 'zIndex'),\n toRef(props, 'showArrow')\n)\n\nconst side = computed(() => {\n return placement.value.split('-')[0]\n})\n\nconst { ns } = inject(tourKey)!\n\nconst onCloseRequested = () => {\n emit('close')\n}\n\nconst onFocusoutPrevented = (event: CustomEvent) => {\n if (event.detail.focusReason === 'pointer') {\n event.preventDefault()\n }\n}\n</script>\n"],"names":["_openBlock","_createElementBlock","_unref","_normalizeClass","_createVNode"],"mappings":";;;;;;mCAiCc,CAAA;AAAA,EACZ,IAAM,EAAA,eAAA;AACR,CAAA,CAAA,CAAA;;;;;;;AAKA,IAAM,MAAA,SAAA,GAAY,GAAI,CAAA,KAAA,CAAM,SAAS,CAAA,CAAA;AACrC,IAAM,MAAA,QAAA,GAAW,GAAI,CAAA,KAAA,CAAM,QAAQ,CAAA,CAAA;AACnC,IAAM,MAAA,UAAA,GAAa,IAAwB,IAAI,CAAA,CAAA;AAC/C,IAAM,MAAA,QAAA,GAAW,IAAwB,IAAI,CAAA,CAAA;AAE7C,IAAA,KAAA,CAAA,MAAA,KAAA,CAAA,SAAA,EAAA,MAAA;AAAA,MACE,SAAY,CAAA,KAAA,GAAA,KAAA,CAAA,SAAA,CAAA;AAAA,KAAA,CACZ,CAAM;AACJ,IAAA,MAAA,EAAA,cAAkB,UAAM,EAAA,GAAA,WAAA,CAAA,KAAA,CAAA,KAAA,EAAA,WAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,SAAA,EAAA,QAAA,EAAA,KAAA,CAAA,KAAA,EAAA,QAAA,CAAA,EAAA,KAAA,CAAA,KAAA,EAAA,QAAA,CAAA,EAAA,KAAA,CAAA,KAAA,EAAA,WAAA,CAAA,CAAA,CAAA;AAAA,IAC1B,MAAA,IAAA,GAAA,QAAA,CAAA,MAAA;AAAA,MACF,OAAA,SAAA,CAAA,KAAA,CAAA,KAAA,CAAA,GAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAEA,KAAM,CAAA,CAAA;AAA+B,IACnC,MAAA,EAAM,OAAO,MAAW,CAAA,OAAA,CAAA,CAAA;AAAA,IACxB,MAAA,gBAAA,GAAA,MAAA;AAAA,MACA,IAAA,CAAA,OAAA,CAAA,CAAA;AAAA,KACA,CAAA;AAAA,IACA,MAAA,mBAAA,GAAA,CAAA,KAAA,KAAA;AAAA,MACA,IAAA,YAAqB,CAAA,WAAA,KAAA,SAAA,EAAA;AAAA,QACrB,oBAAqB,EAAA,CAAA;AAAA,OACrB;AAAwB,KAC1B,CAAA;AAEA,IAAM,OAAA,CAAA,IAAA,aAAsB;AAC1B,MAAA,OAAOA,SAAU,EAAA,EAAAC,kBAAkB,CAAA,KAAA,EAAA;AAAA,QACpC,OAAA,EAAA,YAAA;AAED,QAAA,GAAQ,EAAA,UAAO;AAEf,QAAA,qBAA+B,CAAAC,KAAA,CAAA,YAAA,CAAA,CAAA;AAC7B,QAAA,KAAY,EAAAC,cAAA,CAAAD,KAAA,CAAA,EAAA,CAAA,CAAA,CAAA,CAAA,SAAA,CAAA,CAAA;AAAA,QACd,WAAA,EAAAA,KAAA,CAAA,IAAA,CAAA;AAEA,QAAM,QAAA,EAAA,IAAA;AACJ,OAAI,EAAA;AACF,QAAAE,WAAqB,CAAAF,KAAA,CAAA,WAAA,CAAA,EAAA;AAAA,UACvB,IAAA,EAAA,EAAA;AAAA,UACF,OAAA,EAAA,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"content2.mjs","sources":["../../../../../../packages/components/tour/src/content.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-plus/utils'\n\nimport type { ExtractPropTypes, __ExtractPublicPropTypes } from 'vue'\nimport type { Placement, Strategy, VirtualElement } from '@floating-ui/dom'\n\nexport const tourStrategies = ['absolute', 'fixed'] as const\n\nexport const tourPlacements = [\n 'top-start',\n 'top-end',\n 'top',\n 'bottom-start',\n 'bottom-end',\n 'bottom',\n 'left-start',\n 'left-end',\n 'left',\n 'right-start',\n 'right-end',\n 'right',\n] as const\n\nexport const tourContentProps = buildProps({\n /**\n * @description position of the guide card relative to the target element\n */\n placement: {\n type: definePropType<Placement>(String),\n values: tourPlacements,\n default: 'bottom',\n },\n /**\n * @description the reference dom\n */\n reference: {\n type: definePropType<HTMLElement | VirtualElement | null>(Object),\n default: null,\n },\n /**\n * @description position strategy of the content\n */\n strategy: {\n type: definePropType<Strategy>(String),\n values: tourStrategies,\n default: 'absolute',\n },\n /**\n * @description offset of the arrow\n */\n offset: {\n type: Number,\n default: 10,\n },\n /**\n * @description whether to show the arrow\n */\n showArrow: Boolean,\n /**\n * @description content's zIndex\n */\n zIndex: {\n type: Number,\n default: 2001,\n },\n})\n\nexport type TourContentProps = ExtractPropTypes<typeof tourContentProps>\nexport type TourContentPropsPublic = __ExtractPublicPropTypes<\n typeof tourContentProps\n>\n\nexport const tourContentEmits = {\n close: () => true,\n}\nexport type TourContentEmits = typeof tourContentEmits\n"],"names":[],"mappings":";;AACY,MAAC,cAAc,GAAG,CAAC,UAAU,EAAE,OAAO,EAAE;AACxC,MAAC,cAAc,GAAG;AAC9B,EAAE,WAAW;AACb,EAAE,SAAS;AACX,EAAE,KAAK;AACP,EAAE,cAAc;AAChB,EAAE,YAAY;AACd,EAAE,QAAQ;AACV,EAAE,YAAY;AACd,EAAE,UAAU;AACZ,EAAE,MAAM;AACR,EAAE,aAAa;AACf,EAAE,WAAW;AACb,EAAE,OAAO;AACT,EAAE;AACU,MAAC,gBAAgB,GAAG,UAAU,CAAC;AAC3C,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,cAAc,CAAC,MAAM,CAAC;AAChC,IAAI,MAAM,EAAE,cAAc;AAC1B,IAAI,OAAO,EAAE,QAAQ;AACrB,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,cAAc,CAAC,MAAM,CAAC;AAChC,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,cAAc,CAAC,MAAM,CAAC;AAChC,IAAI,MAAM,EAAE,cAAc;AAC1B,IAAI,OAAO,EAAE,UAAU;AACvB,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,SAAS,EAAE,OAAO;AACpB,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,CAAC,EAAE;AACS,MAAC,gBAAgB,GAAG;AAChC,EAAE,KAAK,EAAE,MAAM,IAAI;AACnB;;;;"}
@@ -1,49 +1,197 @@
1
- import { tourContentProps } from './content.mjs';
2
- import { buildProps, definePropType } from '../../../utils/vue/props/runtime.mjs';
3
- import { iconPropType } from '../../../utils/vue/icon.mjs';
1
+ import { defineComponent, inject, watch, computed, onMounted, onBeforeUnmount, openBlock, createElementBlock, Fragment, unref, normalizeClass, createVNode, withCtx, createBlock, resolveDynamicComponent, createCommentVNode, createElementVNode, renderSlot, toDisplayString, renderList, mergeProps, createTextVNode } from 'vue';
2
+ import { omit } from 'lodash-unified';
3
+ import { ElButton } from '../../button/index.mjs';
4
+ import { ElIcon } from '../../icon/index.mjs';
5
+ import { tourStepProps, tourStepEmits } from './step2.mjs';
6
+ import { tourKey } from './helper.mjs';
7
+ import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
8
+ import { useLocale } from '../../../hooks/use-locale/index.mjs';
9
+ import { CloseComponents } from '../../../utils/vue/icon.mjs';
10
+ import { getEventCode } from '../../../utils/dom/event.mjs';
11
+ import { EVENT_CODE } from '../../../constants/aria.mjs';
4
12
 
5
- const tourStepProps = buildProps({
6
- target: {
7
- type: definePropType([String, Object, Function])
8
- },
9
- title: String,
10
- description: String,
11
- showClose: {
12
- type: Boolean,
13
- default: void 0
14
- },
15
- closeIcon: {
16
- type: iconPropType
17
- },
18
- showArrow: {
19
- type: Boolean,
20
- default: void 0
21
- },
22
- placement: tourContentProps.placement,
23
- mask: {
24
- type: definePropType([Boolean, Object]),
25
- default: void 0
26
- },
27
- contentStyle: {
28
- type: definePropType([Object])
29
- },
30
- prevButtonProps: {
31
- type: definePropType(Object)
32
- },
33
- nextButtonProps: {
34
- type: definePropType(Object)
35
- },
36
- scrollIntoViewOptions: {
37
- type: definePropType([Boolean, Object]),
38
- default: void 0
39
- },
40
- type: {
41
- type: definePropType(String)
13
+ const __default__ = defineComponent({
14
+ name: "ElTourStep"
15
+ });
16
+ const _sfc_main = /* @__PURE__ */ defineComponent({
17
+ ...__default__,
18
+ props: tourStepProps,
19
+ emits: tourStepEmits,
20
+ setup(__props, { emit }) {
21
+ const props = __props;
22
+ const { Close } = CloseComponents;
23
+ const { t } = useLocale();
24
+ const {
25
+ currentStep,
26
+ current,
27
+ total,
28
+ showClose,
29
+ closeIcon,
30
+ mergedType,
31
+ ns,
32
+ slots: tourSlots,
33
+ updateModelValue,
34
+ onClose: tourOnClose,
35
+ onFinish: tourOnFinish,
36
+ onChange
37
+ } = inject(tourKey);
38
+ watch(props, (val) => {
39
+ currentStep.value = val;
40
+ }, {
41
+ immediate: true
42
+ });
43
+ const mergedShowClose = computed(() => {
44
+ var _a;
45
+ return (_a = props.showClose) != null ? _a : showClose.value;
46
+ });
47
+ const mergedCloseIcon = computed(() => {
48
+ var _a, _b;
49
+ return (_b = (_a = props.closeIcon) != null ? _a : closeIcon.value) != null ? _b : Close;
50
+ });
51
+ const filterButtonProps = (btnProps) => {
52
+ if (!btnProps)
53
+ return;
54
+ return omit(btnProps, ["children", "onClick"]);
55
+ };
56
+ const onPrev = () => {
57
+ var _a, _b;
58
+ current.value -= 1;
59
+ if ((_a = props.prevButtonProps) == null ? void 0 : _a.onClick) {
60
+ (_b = props.prevButtonProps) == null ? void 0 : _b.onClick();
61
+ }
62
+ onChange();
63
+ };
64
+ const onNext = () => {
65
+ var _a;
66
+ if (current.value >= total.value - 1) {
67
+ onFinish();
68
+ } else {
69
+ current.value += 1;
70
+ }
71
+ if ((_a = props.nextButtonProps) == null ? void 0 : _a.onClick) {
72
+ props.nextButtonProps.onClick();
73
+ }
74
+ onChange();
75
+ };
76
+ const onFinish = () => {
77
+ onClose();
78
+ tourOnFinish();
79
+ };
80
+ const onClose = () => {
81
+ updateModelValue(false);
82
+ tourOnClose();
83
+ emit("close");
84
+ };
85
+ const handleKeydown = (e) => {
86
+ const target = e.target;
87
+ if (target == null ? void 0 : target.isContentEditable)
88
+ return;
89
+ const code = getEventCode(e);
90
+ switch (code) {
91
+ case EVENT_CODE.left:
92
+ e.preventDefault();
93
+ current.value > 0 && onPrev();
94
+ break;
95
+ case EVENT_CODE.right:
96
+ e.preventDefault();
97
+ onNext();
98
+ break;
99
+ }
100
+ };
101
+ onMounted(() => {
102
+ window.addEventListener("keydown", handleKeydown);
103
+ });
104
+ onBeforeUnmount(() => {
105
+ window.removeEventListener("keydown", handleKeydown);
106
+ });
107
+ return (_ctx, _cache) => {
108
+ return openBlock(), createElementBlock(Fragment, null, [
109
+ unref(mergedShowClose) ? (openBlock(), createElementBlock("button", {
110
+ key: 0,
111
+ "aria-label": unref(t)("el.tour.close"),
112
+ class: normalizeClass(unref(ns).e("closebtn")),
113
+ type: "button",
114
+ onClick: onClose
115
+ }, [
116
+ createVNode(unref(ElIcon), {
117
+ class: normalizeClass(unref(ns).e("close"))
118
+ }, {
119
+ default: withCtx(() => [
120
+ (openBlock(), createBlock(resolveDynamicComponent(unref(mergedCloseIcon))))
121
+ ]),
122
+ _: 1
123
+ }, 8, ["class"])
124
+ ], 10, ["aria-label"])) : createCommentVNode("v-if", true),
125
+ createElementVNode("header", {
126
+ class: normalizeClass([unref(ns).e("header"), { "show-close": unref(showClose) }])
127
+ }, [
128
+ renderSlot(_ctx.$slots, "header", {}, () => [
129
+ createElementVNode("span", {
130
+ role: "heading",
131
+ class: normalizeClass(unref(ns).e("title"))
132
+ }, toDisplayString(_ctx.title), 3)
133
+ ])
134
+ ], 2),
135
+ createElementVNode("div", {
136
+ class: normalizeClass(unref(ns).e("body"))
137
+ }, [
138
+ renderSlot(_ctx.$slots, "default", {}, () => [
139
+ createElementVNode("span", null, toDisplayString(_ctx.description), 1)
140
+ ])
141
+ ], 2),
142
+ createElementVNode("footer", {
143
+ class: normalizeClass(unref(ns).e("footer"))
144
+ }, [
145
+ createElementVNode("div", {
146
+ class: normalizeClass(unref(ns).b("indicators"))
147
+ }, [
148
+ unref(tourSlots).indicators ? (openBlock(), createBlock(resolveDynamicComponent(unref(tourSlots).indicators), {
149
+ key: 0,
150
+ current: unref(current),
151
+ total: unref(total)
152
+ }, null, 8, ["current", "total"])) : (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(unref(total), (item, index) => {
153
+ return openBlock(), createElementBlock("span", {
154
+ key: item,
155
+ class: normalizeClass([unref(ns).b("indicator"), unref(ns).is("active", index === unref(current))])
156
+ }, null, 2);
157
+ }), 128))
158
+ ], 2),
159
+ createElementVNode("div", {
160
+ class: normalizeClass(unref(ns).b("buttons"))
161
+ }, [
162
+ unref(current) > 0 ? (openBlock(), createBlock(unref(ElButton), mergeProps({
163
+ key: 0,
164
+ size: "small",
165
+ type: unref(mergedType)
166
+ }, filterButtonProps(_ctx.prevButtonProps), { onClick: onPrev }), {
167
+ default: withCtx(() => {
168
+ var _a, _b;
169
+ return [
170
+ createTextVNode(toDisplayString((_b = (_a = _ctx.prevButtonProps) == null ? void 0 : _a.children) != null ? _b : unref(t)("el.tour.previous")), 1)
171
+ ];
172
+ }),
173
+ _: 1
174
+ }, 16, ["type"])) : createCommentVNode("v-if", true),
175
+ unref(current) <= unref(total) - 1 ? (openBlock(), createBlock(unref(ElButton), mergeProps({
176
+ key: 1,
177
+ size: "small",
178
+ type: unref(mergedType) === "primary" ? "default" : "primary"
179
+ }, filterButtonProps(_ctx.nextButtonProps), { onClick: onNext }), {
180
+ default: withCtx(() => {
181
+ var _a, _b;
182
+ return [
183
+ createTextVNode(toDisplayString((_b = (_a = _ctx.nextButtonProps) == null ? void 0 : _a.children) != null ? _b : unref(current) === unref(total) - 1 ? unref(t)("el.tour.finish") : unref(t)("el.tour.next")), 1)
184
+ ];
185
+ }),
186
+ _: 1
187
+ }, 16, ["type"])) : createCommentVNode("v-if", true)
188
+ ], 2)
189
+ ], 2)
190
+ ], 64);
191
+ };
42
192
  }
43
193
  });
44
- const tourStepEmits = {
45
- close: () => true
46
- };
194
+ var TourStep = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "step.vue"]]);
47
195
 
48
- export { tourStepEmits, tourStepProps };
196
+ export { TourStep as default };
49
197
  //# sourceMappingURL=step.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"step.mjs","sources":["../../../../../../packages/components/tour/src/step.ts"],"sourcesContent":["import { buildProps, definePropType, iconPropType } from '@element-plus/utils'\nimport { tourContentProps } from './content'\n\nimport type {\n CSSProperties,\n ExtractPropTypes,\n __ExtractPublicPropTypes,\n} from 'vue'\nimport type { TourBtnProps, TourMask } from './types'\n\nexport const tourStepProps = buildProps({\n /**\n * @description get the element the guide card points to. empty makes it show in center of screen\n */\n target: {\n type: definePropType<\n string | HTMLElement | (() => HTMLElement | null) | null\n >([String, Object, Function]),\n },\n /**\n * @description the title of the tour content\n */\n title: String,\n /**\n * @description description\n */\n description: String,\n /**\n * @description whether to show a close button\n */\n showClose: {\n type: Boolean,\n default: undefined,\n },\n /**\n * @description custom close icon, default is Close\n */\n closeIcon: {\n type: iconPropType,\n },\n /**\n * @description whether to show the arrow\n */\n showArrow: {\n type: Boolean,\n default: undefined,\n },\n /**\n * @description position of the guide card relative to the target element\n */\n placement: tourContentProps.placement,\n /**\n * @description whether to enable masking, change mask style and fill color by pass custom props\n */\n mask: {\n type: definePropType<TourMask>([Boolean, Object]),\n default: undefined,\n },\n /**\n * @description custom style for content\n */\n contentStyle: {\n type: definePropType<CSSProperties>([Object]),\n },\n /**\n * @description properties of the previous button\n */\n prevButtonProps: {\n type: definePropType<TourBtnProps>(Object),\n },\n /**\n * @description properties of the Next button\n */\n nextButtonProps: {\n type: definePropType<TourBtnProps>(Object),\n },\n /**\n * @description support pass custom scrollIntoView options\n */\n scrollIntoViewOptions: {\n type: definePropType<boolean | ScrollIntoViewOptions>([Boolean, Object]),\n default: undefined,\n },\n /**\n * @description type, affects the background color and text color\n */\n type: {\n type: definePropType<'default' | 'primary'>(String),\n },\n})\n\nexport type TourStepProps = ExtractPropTypes<typeof tourStepProps>\nexport type TourStepPropsPublic = __ExtractPublicPropTypes<typeof tourStepProps>\n\nexport const tourStepEmits = {\n close: () => true,\n}\nexport type TourStepEmits = typeof tourStepEmits\n"],"names":[],"mappings":";;;;AAEY,MAAC,aAAa,GAAG,UAAU,CAAC;AACxC,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,cAAc,CAAC,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,CAAC,CAAC;AACpD,GAAG;AACH,EAAE,KAAK,EAAE,MAAM;AACf,EAAE,WAAW,EAAE,MAAM;AACrB,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,KAAK,CAAC;AACnB,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,YAAY;AACtB,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,KAAK,CAAC;AACnB,GAAG;AACH,EAAE,SAAS,EAAE,gBAAgB,CAAC,SAAS;AACvC,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,cAAc,CAAC,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;AAC3C,IAAI,OAAO,EAAE,KAAK,CAAC;AACnB,GAAG;AACH,EAAE,YAAY,EAAE;AAChB,IAAI,IAAI,EAAE,cAAc,CAAC,CAAC,MAAM,CAAC,CAAC;AAClC,GAAG;AACH,EAAE,eAAe,EAAE;AACnB,IAAI,IAAI,EAAE,cAAc,CAAC,MAAM,CAAC;AAChC,GAAG;AACH,EAAE,eAAe,EAAE;AACnB,IAAI,IAAI,EAAE,cAAc,CAAC,MAAM,CAAC;AAChC,GAAG;AACH,EAAE,qBAAqB,EAAE;AACzB,IAAI,IAAI,EAAE,cAAc,CAAC,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;AAC3C,IAAI,OAAO,EAAE,KAAK,CAAC;AACnB,GAAG;AACH,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,cAAc,CAAC,MAAM,CAAC;AAChC,GAAG;AACH,CAAC,EAAE;AACS,MAAC,aAAa,GAAG;AAC7B,EAAE,KAAK,EAAE,MAAM,IAAI;AACnB;;;;"}
1
+ {"version":3,"file":"step.mjs","sources":["../../../../../../packages/components/tour/src/step.vue"],"sourcesContent":["<template>\n <button\n v-if=\"mergedShowClose\"\n :aria-label=\"t('el.tour.close')\"\n :class=\"ns.e('closebtn')\"\n type=\"button\"\n @click=\"onClose\"\n >\n <el-icon :class=\"ns.e('close')\">\n <component :is=\"mergedCloseIcon\" />\n </el-icon>\n </button>\n <header :class=\"[ns.e('header'), { 'show-close': showClose }]\">\n <slot name=\"header\">\n <span role=\"heading\" :class=\"ns.e('title')\">\n {{ title }}\n </span>\n </slot>\n </header>\n <div :class=\"ns.e('body')\">\n <slot>\n <span>{{ description }}</span>\n </slot>\n </div>\n <footer :class=\"ns.e('footer')\">\n <div :class=\"ns.b('indicators')\">\n <component\n :is=\"tourSlots.indicators\"\n v-if=\"tourSlots.indicators\"\n :current=\"current\"\n :total=\"total\"\n />\n <template v-else>\n <span\n v-for=\"(item, index) in total\"\n :key=\"item\"\n :class=\"[ns.b('indicator'), ns.is('active', index === current)]\"\n />\n </template>\n </div>\n <div :class=\"ns.b('buttons')\">\n <el-button\n v-if=\"current > 0\"\n size=\"small\"\n :type=\"mergedType\"\n v-bind=\"filterButtonProps(prevButtonProps)\"\n @click=\"onPrev\"\n >\n {{ prevButtonProps?.children ?? t('el.tour.previous') }}\n </el-button>\n <el-button\n v-if=\"current <= total - 1\"\n size=\"small\"\n :type=\"mergedType === 'primary' ? 'default' : 'primary'\"\n v-bind=\"filterButtonProps(nextButtonProps)\"\n @click=\"onNext\"\n >\n {{\n nextButtonProps?.children ??\n (current === total - 1 ? t('el.tour.finish') : t('el.tour.next'))\n }}\n </el-button>\n </div>\n </footer>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, inject, onBeforeUnmount, onMounted, watch } from 'vue'\nimport { EVENT_CODE } from '@element-plus/constants'\nimport { omit } from 'lodash-unified'\nimport { ElButton } from '@element-plus/components/button'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { CloseComponents, getEventCode } from '@element-plus/utils'\nimport { useLocale } from '@element-plus/hooks'\nimport { tourStepEmits, tourStepProps } from './step'\nimport { tourKey } from './helper'\n\nimport type { TourBtnProps } from './types'\n\ndefineOptions({\n name: 'ElTourStep',\n})\n\nconst props = defineProps(tourStepProps)\nconst emit = defineEmits(tourStepEmits)\n\nconst { Close } = CloseComponents\n\nconst { t } = useLocale()\n\nconst {\n currentStep,\n current,\n total,\n showClose,\n closeIcon,\n mergedType,\n ns,\n slots: tourSlots,\n updateModelValue,\n onClose: tourOnClose,\n onFinish: tourOnFinish,\n onChange,\n} = inject(tourKey)!\n\nwatch(\n props,\n (val) => {\n currentStep.value = val\n },\n {\n immediate: true,\n }\n)\n\nconst mergedShowClose = computed(() => props.showClose ?? showClose.value)\nconst mergedCloseIcon = computed(\n () => props.closeIcon ?? closeIcon.value ?? Close\n)\n\nconst filterButtonProps = (btnProps?: TourBtnProps) => {\n if (!btnProps) return\n return omit(btnProps, ['children', 'onClick'])\n}\n\nconst onPrev = () => {\n current.value -= 1\n if (props.prevButtonProps?.onClick) {\n props.prevButtonProps?.onClick()\n }\n onChange()\n}\n\nconst onNext = () => {\n if (current.value >= total.value - 1) {\n onFinish()\n } else {\n current.value += 1\n }\n if (props.nextButtonProps?.onClick) {\n props.nextButtonProps.onClick()\n }\n onChange()\n}\n\nconst onFinish = () => {\n onClose()\n tourOnFinish()\n}\n\nconst onClose = () => {\n updateModelValue(false)\n tourOnClose()\n emit('close')\n}\n\nconst handleKeydown = (e: KeyboardEvent) => {\n const target = e.target as HTMLElement | null\n if (target?.isContentEditable) return\n const code = getEventCode(e)\n\n switch (code) {\n case EVENT_CODE.left:\n e.preventDefault()\n current.value > 0 && onPrev()\n break\n case EVENT_CODE.right:\n e.preventDefault()\n onNext()\n break\n }\n}\n\nonMounted(() => {\n window.addEventListener('keydown', handleKeydown)\n})\n\nonBeforeUnmount(() => {\n window.removeEventListener('keydown', handleKeydown)\n})\n</script>\n"],"names":[],"mappings":"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"}