@element-plus/nightly 0.0.20240923 → 0.0.20240926

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 (662) hide show
  1. package/attributes.json +1 -1
  2. package/dist/index.css +1 -1
  3. package/dist/index.full.js +30 -12
  4. package/dist/index.full.min.js +10 -10
  5. package/dist/index.full.min.js.map +1 -1
  6. package/dist/index.full.min.mjs +4 -4
  7. package/dist/index.full.min.mjs.map +1 -1
  8. package/dist/index.full.mjs +30 -12
  9. package/dist/locale/af.js +1 -1
  10. package/dist/locale/af.min.js +1 -1
  11. package/dist/locale/af.min.mjs +1 -1
  12. package/dist/locale/af.mjs +1 -1
  13. package/dist/locale/ar-eg.js +1 -1
  14. package/dist/locale/ar-eg.min.js +1 -1
  15. package/dist/locale/ar-eg.min.mjs +1 -1
  16. package/dist/locale/ar-eg.mjs +1 -1
  17. package/dist/locale/ar.js +1 -1
  18. package/dist/locale/ar.min.js +1 -1
  19. package/dist/locale/ar.min.mjs +1 -1
  20. package/dist/locale/ar.mjs +1 -1
  21. package/dist/locale/az.js +1 -1
  22. package/dist/locale/az.min.js +1 -1
  23. package/dist/locale/az.min.mjs +1 -1
  24. package/dist/locale/az.mjs +1 -1
  25. package/dist/locale/bg.js +1 -1
  26. package/dist/locale/bg.min.js +1 -1
  27. package/dist/locale/bg.min.mjs +1 -1
  28. package/dist/locale/bg.mjs +1 -1
  29. package/dist/locale/bn.js +1 -1
  30. package/dist/locale/bn.min.js +1 -1
  31. package/dist/locale/bn.min.mjs +1 -1
  32. package/dist/locale/bn.mjs +1 -1
  33. package/dist/locale/ca.js +1 -1
  34. package/dist/locale/ca.min.js +1 -1
  35. package/dist/locale/ca.min.mjs +1 -1
  36. package/dist/locale/ca.mjs +1 -1
  37. package/dist/locale/ckb.js +1 -1
  38. package/dist/locale/ckb.min.js +1 -1
  39. package/dist/locale/ckb.min.mjs +1 -1
  40. package/dist/locale/ckb.mjs +1 -1
  41. package/dist/locale/cs.js +1 -1
  42. package/dist/locale/cs.min.js +1 -1
  43. package/dist/locale/cs.min.mjs +1 -1
  44. package/dist/locale/cs.mjs +1 -1
  45. package/dist/locale/da.js +1 -1
  46. package/dist/locale/da.min.js +1 -1
  47. package/dist/locale/da.min.mjs +1 -1
  48. package/dist/locale/da.mjs +1 -1
  49. package/dist/locale/de.js +1 -1
  50. package/dist/locale/de.min.js +1 -1
  51. package/dist/locale/de.min.mjs +1 -1
  52. package/dist/locale/de.mjs +1 -1
  53. package/dist/locale/el.js +1 -1
  54. package/dist/locale/el.min.js +1 -1
  55. package/dist/locale/el.min.mjs +1 -1
  56. package/dist/locale/el.mjs +1 -1
  57. package/dist/locale/en.js +1 -1
  58. package/dist/locale/en.min.js +1 -1
  59. package/dist/locale/en.min.mjs +1 -1
  60. package/dist/locale/en.mjs +1 -1
  61. package/dist/locale/eo.js +1 -1
  62. package/dist/locale/eo.min.js +1 -1
  63. package/dist/locale/eo.min.mjs +1 -1
  64. package/dist/locale/eo.mjs +1 -1
  65. package/dist/locale/es.js +1 -1
  66. package/dist/locale/es.min.js +1 -1
  67. package/dist/locale/es.min.mjs +1 -1
  68. package/dist/locale/es.mjs +1 -1
  69. package/dist/locale/et.js +1 -1
  70. package/dist/locale/et.min.js +1 -1
  71. package/dist/locale/et.min.mjs +1 -1
  72. package/dist/locale/et.mjs +1 -1
  73. package/dist/locale/eu.js +1 -1
  74. package/dist/locale/eu.min.js +1 -1
  75. package/dist/locale/eu.min.mjs +1 -1
  76. package/dist/locale/eu.mjs +1 -1
  77. package/dist/locale/fa.js +1 -1
  78. package/dist/locale/fa.min.js +1 -1
  79. package/dist/locale/fa.min.mjs +1 -1
  80. package/dist/locale/fa.mjs +1 -1
  81. package/dist/locale/fi.js +1 -1
  82. package/dist/locale/fi.min.js +1 -1
  83. package/dist/locale/fi.min.mjs +1 -1
  84. package/dist/locale/fi.mjs +1 -1
  85. package/dist/locale/fr.js +1 -1
  86. package/dist/locale/fr.min.js +1 -1
  87. package/dist/locale/fr.min.mjs +1 -1
  88. package/dist/locale/fr.mjs +1 -1
  89. package/dist/locale/he.js +1 -1
  90. package/dist/locale/he.min.js +1 -1
  91. package/dist/locale/he.min.mjs +1 -1
  92. package/dist/locale/he.mjs +1 -1
  93. package/dist/locale/hr.js +1 -1
  94. package/dist/locale/hr.min.js +1 -1
  95. package/dist/locale/hr.min.mjs +1 -1
  96. package/dist/locale/hr.mjs +1 -1
  97. package/dist/locale/hu.js +1 -1
  98. package/dist/locale/hu.min.js +1 -1
  99. package/dist/locale/hu.min.mjs +1 -1
  100. package/dist/locale/hu.mjs +1 -1
  101. package/dist/locale/hy-am.js +1 -1
  102. package/dist/locale/hy-am.min.js +1 -1
  103. package/dist/locale/hy-am.min.mjs +1 -1
  104. package/dist/locale/hy-am.mjs +1 -1
  105. package/dist/locale/id.js +1 -1
  106. package/dist/locale/id.min.js +1 -1
  107. package/dist/locale/id.min.mjs +1 -1
  108. package/dist/locale/id.mjs +1 -1
  109. package/dist/locale/it.js +1 -1
  110. package/dist/locale/it.min.js +1 -1
  111. package/dist/locale/it.min.mjs +1 -1
  112. package/dist/locale/it.mjs +1 -1
  113. package/dist/locale/ja.js +1 -1
  114. package/dist/locale/ja.min.js +1 -1
  115. package/dist/locale/ja.min.mjs +1 -1
  116. package/dist/locale/ja.mjs +1 -1
  117. package/dist/locale/kk.js +1 -1
  118. package/dist/locale/kk.min.js +1 -1
  119. package/dist/locale/kk.min.mjs +1 -1
  120. package/dist/locale/kk.mjs +1 -1
  121. package/dist/locale/km.js +1 -1
  122. package/dist/locale/km.min.js +1 -1
  123. package/dist/locale/km.min.mjs +1 -1
  124. package/dist/locale/km.mjs +1 -1
  125. package/dist/locale/ko.js +1 -1
  126. package/dist/locale/ko.min.js +1 -1
  127. package/dist/locale/ko.min.mjs +1 -1
  128. package/dist/locale/ko.mjs +1 -1
  129. package/dist/locale/ku.js +1 -1
  130. package/dist/locale/ku.min.js +1 -1
  131. package/dist/locale/ku.min.mjs +1 -1
  132. package/dist/locale/ku.mjs +1 -1
  133. package/dist/locale/ky.js +1 -1
  134. package/dist/locale/ky.min.js +1 -1
  135. package/dist/locale/ky.min.mjs +1 -1
  136. package/dist/locale/ky.mjs +1 -1
  137. package/dist/locale/lt.js +1 -1
  138. package/dist/locale/lt.min.js +1 -1
  139. package/dist/locale/lt.min.mjs +1 -1
  140. package/dist/locale/lt.mjs +1 -1
  141. package/dist/locale/lv.js +1 -1
  142. package/dist/locale/lv.min.js +1 -1
  143. package/dist/locale/lv.min.mjs +1 -1
  144. package/dist/locale/lv.mjs +1 -1
  145. package/dist/locale/mg.js +1 -1
  146. package/dist/locale/mg.min.js +1 -1
  147. package/dist/locale/mg.min.mjs +1 -1
  148. package/dist/locale/mg.mjs +1 -1
  149. package/dist/locale/mn.js +1 -1
  150. package/dist/locale/mn.min.js +1 -1
  151. package/dist/locale/mn.min.mjs +1 -1
  152. package/dist/locale/mn.mjs +1 -1
  153. package/dist/locale/my.js +1 -1
  154. package/dist/locale/my.min.js +1 -1
  155. package/dist/locale/my.min.mjs +1 -1
  156. package/dist/locale/my.mjs +1 -1
  157. package/dist/locale/nb-no.js +1 -1
  158. package/dist/locale/nb-no.min.js +1 -1
  159. package/dist/locale/nb-no.min.mjs +1 -1
  160. package/dist/locale/nb-no.mjs +1 -1
  161. package/dist/locale/nl.js +1 -1
  162. package/dist/locale/nl.min.js +1 -1
  163. package/dist/locale/nl.min.mjs +1 -1
  164. package/dist/locale/nl.mjs +1 -1
  165. package/dist/locale/pa.js +1 -1
  166. package/dist/locale/pa.min.js +1 -1
  167. package/dist/locale/pa.min.mjs +1 -1
  168. package/dist/locale/pa.mjs +1 -1
  169. package/dist/locale/pl.js +1 -1
  170. package/dist/locale/pl.min.js +1 -1
  171. package/dist/locale/pl.min.mjs +1 -1
  172. package/dist/locale/pl.mjs +1 -1
  173. package/dist/locale/pt-br.js +1 -1
  174. package/dist/locale/pt-br.min.js +1 -1
  175. package/dist/locale/pt-br.min.mjs +1 -1
  176. package/dist/locale/pt-br.mjs +1 -1
  177. package/dist/locale/pt.js +1 -1
  178. package/dist/locale/pt.min.js +1 -1
  179. package/dist/locale/pt.min.mjs +1 -1
  180. package/dist/locale/pt.mjs +1 -1
  181. package/dist/locale/ro.js +1 -1
  182. package/dist/locale/ro.min.js +1 -1
  183. package/dist/locale/ro.min.mjs +1 -1
  184. package/dist/locale/ro.mjs +1 -1
  185. package/dist/locale/ru.js +1 -1
  186. package/dist/locale/ru.min.js +1 -1
  187. package/dist/locale/ru.min.mjs +1 -1
  188. package/dist/locale/ru.mjs +1 -1
  189. package/dist/locale/sk.js +1 -1
  190. package/dist/locale/sk.min.js +1 -1
  191. package/dist/locale/sk.min.mjs +1 -1
  192. package/dist/locale/sk.mjs +1 -1
  193. package/dist/locale/sl.js +1 -1
  194. package/dist/locale/sl.min.js +1 -1
  195. package/dist/locale/sl.min.mjs +1 -1
  196. package/dist/locale/sl.mjs +1 -1
  197. package/dist/locale/sr.js +1 -1
  198. package/dist/locale/sr.min.js +1 -1
  199. package/dist/locale/sr.min.mjs +1 -1
  200. package/dist/locale/sr.mjs +1 -1
  201. package/dist/locale/sv.js +1 -1
  202. package/dist/locale/sv.min.js +1 -1
  203. package/dist/locale/sv.min.mjs +1 -1
  204. package/dist/locale/sv.mjs +1 -1
  205. package/dist/locale/sw.js +1 -1
  206. package/dist/locale/sw.min.js +1 -1
  207. package/dist/locale/sw.min.mjs +1 -1
  208. package/dist/locale/sw.mjs +1 -1
  209. package/dist/locale/ta.js +1 -1
  210. package/dist/locale/ta.min.js +1 -1
  211. package/dist/locale/ta.min.mjs +1 -1
  212. package/dist/locale/ta.mjs +1 -1
  213. package/dist/locale/th.js +1 -1
  214. package/dist/locale/th.min.js +1 -1
  215. package/dist/locale/th.min.mjs +1 -1
  216. package/dist/locale/th.mjs +1 -1
  217. package/dist/locale/tk.js +1 -1
  218. package/dist/locale/tk.min.js +1 -1
  219. package/dist/locale/tk.min.mjs +1 -1
  220. package/dist/locale/tk.mjs +1 -1
  221. package/dist/locale/tr.js +1 -1
  222. package/dist/locale/tr.min.js +1 -1
  223. package/dist/locale/tr.min.mjs +1 -1
  224. package/dist/locale/tr.mjs +1 -1
  225. package/dist/locale/ug-cn.js +1 -1
  226. package/dist/locale/ug-cn.min.js +1 -1
  227. package/dist/locale/ug-cn.min.mjs +1 -1
  228. package/dist/locale/ug-cn.mjs +1 -1
  229. package/dist/locale/uk.js +1 -1
  230. package/dist/locale/uk.min.js +1 -1
  231. package/dist/locale/uk.min.mjs +1 -1
  232. package/dist/locale/uk.mjs +1 -1
  233. package/dist/locale/uz-uz.js +1 -1
  234. package/dist/locale/uz-uz.min.js +1 -1
  235. package/dist/locale/uz-uz.min.mjs +1 -1
  236. package/dist/locale/uz-uz.mjs +1 -1
  237. package/dist/locale/vi.js +1 -1
  238. package/dist/locale/vi.min.js +1 -1
  239. package/dist/locale/vi.min.mjs +1 -1
  240. package/dist/locale/vi.mjs +1 -1
  241. package/dist/locale/zh-cn.js +1 -1
  242. package/dist/locale/zh-cn.min.js +1 -1
  243. package/dist/locale/zh-cn.min.mjs +1 -1
  244. package/dist/locale/zh-cn.mjs +1 -1
  245. package/dist/locale/zh-tw.js +1 -1
  246. package/dist/locale/zh-tw.min.js +1 -1
  247. package/dist/locale/zh-tw.min.mjs +1 -1
  248. package/dist/locale/zh-tw.mjs +1 -1
  249. package/es/components/affix/index.mjs +2 -2
  250. package/es/components/affix/src/affix.mjs +26 -119
  251. package/es/components/affix/src/affix.mjs.map +1 -1
  252. package/es/components/affix/src/affix2.mjs +119 -26
  253. package/es/components/affix/src/affix2.mjs.map +1 -1
  254. package/es/components/avatar/index.mjs +2 -2
  255. package/es/components/avatar/src/avatar.mjs +32 -66
  256. package/es/components/avatar/src/avatar.mjs.map +1 -1
  257. package/es/components/avatar/src/avatar2.mjs +66 -32
  258. package/es/components/avatar/src/avatar2.mjs.map +1 -1
  259. package/es/components/calendar/src/calendar2.mjs +1 -1
  260. package/es/components/calendar/src/date-table.mjs +85 -33
  261. package/es/components/calendar/src/date-table.mjs.map +1 -1
  262. package/es/components/calendar/src/date-table2.mjs +33 -85
  263. package/es/components/calendar/src/date-table2.mjs.map +1 -1
  264. package/es/components/calendar/src/use-date-table.mjs +1 -1
  265. package/es/components/card/index.mjs +2 -2
  266. package/es/components/card/src/card.mjs +21 -43
  267. package/es/components/card/src/card.mjs.map +1 -1
  268. package/es/components/card/src/card2.mjs +43 -21
  269. package/es/components/card/src/card2.mjs.map +1 -1
  270. package/es/components/cascader/src/cascader.vue.d.ts +4 -0
  271. package/es/components/cascader/src/cascader2.mjs +2 -1
  272. package/es/components/cascader/src/cascader2.mjs.map +1 -1
  273. package/es/components/cascader-panel/src/index.mjs +1 -1
  274. package/es/components/cascader-panel/src/menu.mjs +1 -1
  275. package/es/components/cascader-panel/src/node.mjs +116 -207
  276. package/es/components/cascader-panel/src/node.mjs.map +1 -1
  277. package/es/components/cascader-panel/src/node2.mjs +207 -116
  278. package/es/components/cascader-panel/src/node2.mjs.map +1 -1
  279. package/es/components/cascader-panel/src/store.mjs +1 -1
  280. package/es/components/check-tag/index.mjs +2 -2
  281. package/es/components/check-tag/src/check-tag.mjs +15 -39
  282. package/es/components/check-tag/src/check-tag.mjs.map +1 -1
  283. package/es/components/check-tag/src/check-tag2.mjs +39 -15
  284. package/es/components/check-tag/src/check-tag2.mjs.map +1 -1
  285. package/es/components/dialog/src/dialog-content.mjs +89 -26
  286. package/es/components/dialog/src/dialog-content.mjs.map +1 -1
  287. package/es/components/dialog/src/dialog-content2.mjs +26 -89
  288. package/es/components/dialog/src/dialog-content2.mjs.map +1 -1
  289. package/es/components/dialog/src/dialog.mjs +1 -1
  290. package/es/components/dialog/src/dialog2.mjs +1 -1
  291. package/es/components/dropdown/src/dropdown-item-impl.mjs +1 -1
  292. package/es/components/dropdown/src/dropdown-menu.mjs +1 -1
  293. package/es/components/dropdown/src/dropdown2.mjs +1 -1
  294. package/es/components/empty/index.mjs +2 -2
  295. package/es/components/empty/src/empty.mjs +11 -53
  296. package/es/components/empty/src/empty.mjs.map +1 -1
  297. package/es/components/empty/src/empty2.mjs +53 -11
  298. package/es/components/empty/src/empty2.mjs.map +1 -1
  299. package/es/components/icon/index.mjs +2 -2
  300. package/es/components/icon/src/icon.mjs +8 -36
  301. package/es/components/icon/src/icon.mjs.map +1 -1
  302. package/es/components/icon/src/icon2.mjs +36 -8
  303. package/es/components/icon/src/icon2.mjs.map +1 -1
  304. package/es/components/image/index.mjs +2 -2
  305. package/es/components/image/src/image.mjs +64 -233
  306. package/es/components/image/src/image.mjs.map +1 -1
  307. package/es/components/image/src/image2.mjs +233 -64
  308. package/es/components/image/src/image2.mjs.map +1 -1
  309. package/es/components/index.mjs +24 -24
  310. package/es/components/mention/src/mention-dropdown.mjs +15 -167
  311. package/es/components/mention/src/mention-dropdown.mjs.map +1 -1
  312. package/es/components/mention/src/mention-dropdown2.mjs +167 -15
  313. package/es/components/mention/src/mention-dropdown2.mjs.map +1 -1
  314. package/es/components/mention/src/mention2.mjs +1 -1
  315. package/es/components/menu/index.mjs +4 -4
  316. package/es/components/menu/src/menu-item-group.mjs +35 -4
  317. package/es/components/menu/src/menu-item-group.mjs.map +1 -1
  318. package/es/components/menu/src/menu-item-group2.mjs +4 -35
  319. package/es/components/menu/src/menu-item-group2.mjs.map +1 -1
  320. package/es/components/menu/src/menu-item.mjs +14 -97
  321. package/es/components/menu/src/menu-item.mjs.map +1 -1
  322. package/es/components/menu/src/menu-item2.mjs +97 -14
  323. package/es/components/menu/src/menu-item2.mjs.map +1 -1
  324. package/es/components/message/index.mjs +1 -1
  325. package/es/components/message/src/message.mjs +91 -147
  326. package/es/components/message/src/message.mjs.map +1 -1
  327. package/es/components/message/src/message2.mjs +147 -91
  328. package/es/components/message/src/message2.mjs.map +1 -1
  329. package/es/components/message/src/method.mjs +2 -2
  330. package/es/components/notification/index.mjs +1 -1
  331. package/es/components/notification/src/notification.mjs +145 -64
  332. package/es/components/notification/src/notification.mjs.map +1 -1
  333. package/es/components/notification/src/notification2.mjs +64 -145
  334. package/es/components/notification/src/notification2.mjs.map +1 -1
  335. package/es/components/notification/src/notify.mjs +2 -2
  336. package/es/components/page-header/index.mjs +2 -2
  337. package/es/components/page-header/src/page-header.mjs +102 -17
  338. package/es/components/page-header/src/page-header.mjs.map +1 -1
  339. package/es/components/page-header/src/page-header2.mjs +17 -102
  340. package/es/components/page-header/src/page-header2.mjs.map +1 -1
  341. package/es/components/pagination/src/components/sizes.d.ts +1 -0
  342. package/es/components/pagination/src/components/sizes.mjs +25 -70
  343. package/es/components/pagination/src/components/sizes.mjs.map +1 -1
  344. package/es/components/pagination/src/components/sizes.vue.d.ts +2 -0
  345. package/es/components/pagination/src/components/sizes2.mjs +70 -23
  346. package/es/components/pagination/src/components/sizes2.mjs.map +1 -1
  347. package/es/components/pagination/src/pagination.d.ts +3 -0
  348. package/es/components/pagination/src/pagination.mjs +5 -3
  349. package/es/components/pagination/src/pagination.mjs.map +1 -1
  350. package/es/components/popper/index.mjs +4 -4
  351. package/es/components/popper/src/content.mjs +137 -93
  352. package/es/components/popper/src/content.mjs.map +1 -1
  353. package/es/components/popper/src/content2.mjs +93 -137
  354. package/es/components/popper/src/content2.mjs.map +1 -1
  355. package/es/components/popper/src/popper.mjs +32 -25
  356. package/es/components/popper/src/popper.mjs.map +1 -1
  357. package/es/components/popper/src/popper2.mjs +25 -32
  358. package/es/components/popper/src/popper2.mjs.map +1 -1
  359. package/es/components/radio/index.mjs +2 -2
  360. package/es/components/radio/src/radio-button.mjs +1 -1
  361. package/es/components/radio/src/radio-group.mjs +1 -1
  362. package/es/components/radio/src/radio.mjs +73 -34
  363. package/es/components/radio/src/radio.mjs.map +1 -1
  364. package/es/components/radio/src/radio2.mjs +34 -73
  365. package/es/components/radio/src/radio2.mjs.map +1 -1
  366. package/es/components/result/index.mjs +2 -2
  367. package/es/components/result/src/result.mjs +29 -63
  368. package/es/components/result/src/result.mjs.map +1 -1
  369. package/es/components/result/src/result2.mjs +63 -29
  370. package/es/components/result/src/result2.mjs.map +1 -1
  371. package/es/components/roving-focus-group/index.mjs +3 -3
  372. package/es/components/roving-focus-group/src/roving-focus-group-impl.mjs +1 -1
  373. package/es/components/roving-focus-group/src/roving-focus-group.mjs +29 -27
  374. package/es/components/roving-focus-group/src/roving-focus-group.mjs.map +1 -1
  375. package/es/components/roving-focus-group/src/roving-focus-group2.mjs +27 -29
  376. package/es/components/roving-focus-group/src/roving-focus-group2.mjs.map +1 -1
  377. package/es/components/roving-focus-group/src/roving-focus-item.mjs +1 -1
  378. package/es/components/scrollbar/index.mjs +1 -1
  379. package/es/components/scrollbar/src/bar2.mjs +1 -1
  380. package/es/components/scrollbar/src/thumb.mjs +130 -11
  381. package/es/components/scrollbar/src/thumb.mjs.map +1 -1
  382. package/es/components/scrollbar/src/thumb2.mjs +11 -130
  383. package/es/components/scrollbar/src/thumb2.mjs.map +1 -1
  384. package/es/components/select/src/select.d.ts +1 -0
  385. package/es/components/select/src/select.mjs +1 -0
  386. package/es/components/select/src/select.mjs.map +1 -1
  387. package/es/components/select/src/select.vue.d.ts +2 -0
  388. package/es/components/select/src/select2.mjs +2 -1
  389. package/es/components/select/src/select2.mjs.map +1 -1
  390. package/es/components/skeleton/index.mjs +2 -2
  391. package/es/components/skeleton/src/skeleton-item.mjs +23 -18
  392. package/es/components/skeleton/src/skeleton-item.mjs.map +1 -1
  393. package/es/components/skeleton/src/skeleton-item2.mjs +18 -23
  394. package/es/components/skeleton/src/skeleton-item2.mjs.map +1 -1
  395. package/es/components/skeleton/src/skeleton2.mjs +1 -1
  396. package/es/components/steps/index.mjs +4 -4
  397. package/es/components/steps/src/item.mjs +191 -19
  398. package/es/components/steps/src/item.mjs.map +1 -1
  399. package/es/components/steps/src/item2.mjs +19 -191
  400. package/es/components/steps/src/item2.mjs.map +1 -1
  401. package/es/components/steps/src/steps.mjs +39 -36
  402. package/es/components/steps/src/steps.mjs.map +1 -1
  403. package/es/components/steps/src/steps2.mjs +36 -39
  404. package/es/components/steps/src/steps2.mjs.map +1 -1
  405. package/es/components/table/src/filter-panel.mjs +6 -2
  406. package/es/components/table/src/filter-panel.mjs.map +1 -1
  407. package/es/components/table/src/filter-panel.vue.d.ts +6 -0
  408. package/es/components/table/src/table/defaults.d.ts +2 -0
  409. package/es/components/table/src/table/defaults.mjs +1 -0
  410. package/es/components/table/src/table/defaults.mjs.map +1 -1
  411. package/es/components/table/src/table-header/index.d.ts +6 -0
  412. package/es/components/table/src/table-header/index.mjs +4 -0
  413. package/es/components/table/src/table-header/index.mjs.map +1 -1
  414. package/es/components/table/src/table.mjs +4 -2
  415. package/es/components/table/src/table.mjs.map +1 -1
  416. package/es/components/table/src/table.vue.d.ts +2 -0
  417. package/es/components/tooltip/src/content.mjs +1 -1
  418. package/es/components/tooltip/src/content2.mjs +1 -1
  419. package/es/components/tooltip/src/tooltip.mjs +1 -1
  420. package/es/components/tooltip-v2/src/content2.mjs +1 -1
  421. package/es/components/tour/index.mjs +3 -3
  422. package/es/components/tour/src/content.mjs +68 -44
  423. package/es/components/tour/src/content.mjs.map +1 -1
  424. package/es/components/tour/src/content2.mjs +44 -68
  425. package/es/components/tour/src/content2.mjs.map +1 -1
  426. package/es/components/tour/src/step.mjs +169 -44
  427. package/es/components/tour/src/step.mjs.map +1 -1
  428. package/es/components/tour/src/step2.mjs +44 -169
  429. package/es/components/tour/src/step2.mjs.map +1 -1
  430. package/es/components/tour/src/tour.mjs +1 -1
  431. package/es/components/tour/src/tour2.mjs +1 -1
  432. package/es/components/transfer/src/composables/use-check.mjs +1 -1
  433. package/es/components/transfer/src/transfer-panel.mjs +128 -19
  434. package/es/components/transfer/src/transfer-panel.mjs.map +1 -1
  435. package/es/components/transfer/src/transfer-panel2.mjs +19 -128
  436. package/es/components/transfer/src/transfer-panel2.mjs.map +1 -1
  437. package/es/components/transfer/src/transfer2.mjs +1 -1
  438. package/es/components/upload/index.mjs +1 -1
  439. package/es/components/upload/src/upload-list.mjs +175 -29
  440. package/es/components/upload/src/upload-list.mjs.map +1 -1
  441. package/es/components/upload/src/upload-list2.mjs +29 -175
  442. package/es/components/upload/src/upload-list2.mjs.map +1 -1
  443. package/es/components/upload/src/upload2.mjs +1 -1
  444. package/es/components/visual-hidden/index.mjs +3 -3
  445. package/es/components/visual-hidden/src/visual-hidden.mjs +7 -35
  446. package/es/components/visual-hidden/src/visual-hidden.mjs.map +1 -1
  447. package/es/components/visual-hidden/src/visual-hidden2.mjs +35 -7
  448. package/es/components/visual-hidden/src/visual-hidden2.mjs.map +1 -1
  449. package/es/index.mjs +24 -24
  450. package/es/version.d.ts +1 -1
  451. package/es/version.mjs +1 -1
  452. package/es/version.mjs.map +1 -1
  453. package/lib/components/affix/index.js +2 -2
  454. package/lib/components/affix/src/affix.js +27 -119
  455. package/lib/components/affix/src/affix.js.map +1 -1
  456. package/lib/components/affix/src/affix2.js +119 -27
  457. package/lib/components/affix/src/affix2.js.map +1 -1
  458. package/lib/components/avatar/index.js +2 -2
  459. package/lib/components/avatar/src/avatar.js +33 -66
  460. package/lib/components/avatar/src/avatar.js.map +1 -1
  461. package/lib/components/avatar/src/avatar2.js +66 -33
  462. package/lib/components/avatar/src/avatar2.js.map +1 -1
  463. package/lib/components/calendar/src/calendar2.js +1 -1
  464. package/lib/components/calendar/src/date-table.js +85 -37
  465. package/lib/components/calendar/src/date-table.js.map +1 -1
  466. package/lib/components/calendar/src/date-table2.js +37 -85
  467. package/lib/components/calendar/src/date-table2.js.map +1 -1
  468. package/lib/components/calendar/src/use-date-table.js +1 -1
  469. package/lib/components/card/index.js +2 -2
  470. package/lib/components/card/src/card.js +21 -43
  471. package/lib/components/card/src/card.js.map +1 -1
  472. package/lib/components/card/src/card2.js +43 -21
  473. package/lib/components/card/src/card2.js.map +1 -1
  474. package/lib/components/cascader/src/cascader.vue.d.ts +4 -0
  475. package/lib/components/cascader/src/cascader2.js +2 -1
  476. package/lib/components/cascader/src/cascader2.js.map +1 -1
  477. package/lib/components/cascader-panel/src/index.js +1 -1
  478. package/lib/components/cascader-panel/src/menu.js +1 -1
  479. package/lib/components/cascader-panel/src/node.js +116 -207
  480. package/lib/components/cascader-panel/src/node.js.map +1 -1
  481. package/lib/components/cascader-panel/src/node2.js +207 -116
  482. package/lib/components/cascader-panel/src/node2.js.map +1 -1
  483. package/lib/components/cascader-panel/src/store.js +1 -1
  484. package/lib/components/check-tag/index.js +2 -2
  485. package/lib/components/check-tag/src/check-tag.js +16 -39
  486. package/lib/components/check-tag/src/check-tag.js.map +1 -1
  487. package/lib/components/check-tag/src/check-tag2.js +39 -16
  488. package/lib/components/check-tag/src/check-tag2.js.map +1 -1
  489. package/lib/components/dialog/src/dialog-content.js +88 -26
  490. package/lib/components/dialog/src/dialog-content.js.map +1 -1
  491. package/lib/components/dialog/src/dialog-content2.js +26 -88
  492. package/lib/components/dialog/src/dialog-content2.js.map +1 -1
  493. package/lib/components/dialog/src/dialog.js +1 -1
  494. package/lib/components/dialog/src/dialog2.js +1 -1
  495. package/lib/components/dropdown/src/dropdown-item-impl.js +1 -1
  496. package/lib/components/dropdown/src/dropdown-menu.js +1 -1
  497. package/lib/components/dropdown/src/dropdown2.js +1 -1
  498. package/lib/components/empty/index.js +2 -2
  499. package/lib/components/empty/src/empty.js +11 -53
  500. package/lib/components/empty/src/empty.js.map +1 -1
  501. package/lib/components/empty/src/empty2.js +53 -11
  502. package/lib/components/empty/src/empty2.js.map +1 -1
  503. package/lib/components/icon/index.js +2 -2
  504. package/lib/components/icon/src/icon.js +8 -36
  505. package/lib/components/icon/src/icon.js.map +1 -1
  506. package/lib/components/icon/src/icon2.js +36 -8
  507. package/lib/components/icon/src/icon2.js.map +1 -1
  508. package/lib/components/image/index.js +2 -2
  509. package/lib/components/image/src/image.js +64 -232
  510. package/lib/components/image/src/image.js.map +1 -1
  511. package/lib/components/image/src/image2.js +232 -64
  512. package/lib/components/image/src/image2.js.map +1 -1
  513. package/lib/components/index.js +24 -24
  514. package/lib/components/mention/src/mention-dropdown.js +16 -167
  515. package/lib/components/mention/src/mention-dropdown.js.map +1 -1
  516. package/lib/components/mention/src/mention-dropdown2.js +167 -16
  517. package/lib/components/mention/src/mention-dropdown2.js.map +1 -1
  518. package/lib/components/mention/src/mention2.js +1 -1
  519. package/lib/components/menu/index.js +4 -4
  520. package/lib/components/menu/src/menu-item-group.js +35 -4
  521. package/lib/components/menu/src/menu-item-group.js.map +1 -1
  522. package/lib/components/menu/src/menu-item-group2.js +4 -35
  523. package/lib/components/menu/src/menu-item-group2.js.map +1 -1
  524. package/lib/components/menu/src/menu-item.js +15 -97
  525. package/lib/components/menu/src/menu-item.js.map +1 -1
  526. package/lib/components/menu/src/menu-item2.js +97 -15
  527. package/lib/components/menu/src/menu-item2.js.map +1 -1
  528. package/lib/components/message/index.js +1 -1
  529. package/lib/components/message/src/message.js +93 -146
  530. package/lib/components/message/src/message.js.map +1 -1
  531. package/lib/components/message/src/message2.js +146 -93
  532. package/lib/components/message/src/message2.js.map +1 -1
  533. package/lib/components/message/src/method.js +2 -2
  534. package/lib/components/notification/index.js +1 -1
  535. package/lib/components/notification/src/notification.js +144 -65
  536. package/lib/components/notification/src/notification.js.map +1 -1
  537. package/lib/components/notification/src/notification2.js +65 -144
  538. package/lib/components/notification/src/notification2.js.map +1 -1
  539. package/lib/components/notification/src/notify.js +2 -2
  540. package/lib/components/page-header/index.js +2 -2
  541. package/lib/components/page-header/src/page-header.js +102 -18
  542. package/lib/components/page-header/src/page-header.js.map +1 -1
  543. package/lib/components/page-header/src/page-header2.js +18 -102
  544. package/lib/components/page-header/src/page-header2.js.map +1 -1
  545. package/lib/components/pagination/src/components/sizes.d.ts +1 -0
  546. package/lib/components/pagination/src/components/sizes.js +25 -70
  547. package/lib/components/pagination/src/components/sizes.js.map +1 -1
  548. package/lib/components/pagination/src/components/sizes.vue.d.ts +2 -0
  549. package/lib/components/pagination/src/components/sizes2.js +70 -23
  550. package/lib/components/pagination/src/components/sizes2.js.map +1 -1
  551. package/lib/components/pagination/src/pagination.d.ts +3 -0
  552. package/lib/components/pagination/src/pagination.js +5 -3
  553. package/lib/components/pagination/src/pagination.js.map +1 -1
  554. package/lib/components/popper/index.js +4 -4
  555. package/lib/components/popper/src/content.js +137 -98
  556. package/lib/components/popper/src/content.js.map +1 -1
  557. package/lib/components/popper/src/content2.js +98 -137
  558. package/lib/components/popper/src/content2.js.map +1 -1
  559. package/lib/components/popper/src/popper.js +32 -28
  560. package/lib/components/popper/src/popper.js.map +1 -1
  561. package/lib/components/popper/src/popper2.js +28 -32
  562. package/lib/components/popper/src/popper2.js.map +1 -1
  563. package/lib/components/radio/index.js +2 -2
  564. package/lib/components/radio/src/radio-button.js +1 -1
  565. package/lib/components/radio/src/radio-group.js +1 -1
  566. package/lib/components/radio/src/radio.js +73 -36
  567. package/lib/components/radio/src/radio.js.map +1 -1
  568. package/lib/components/radio/src/radio2.js +36 -73
  569. package/lib/components/radio/src/radio2.js.map +1 -1
  570. package/lib/components/result/index.js +2 -2
  571. package/lib/components/result/src/result.js +31 -63
  572. package/lib/components/result/src/result.js.map +1 -1
  573. package/lib/components/result/src/result2.js +63 -31
  574. package/lib/components/result/src/result2.js.map +1 -1
  575. package/lib/components/roving-focus-group/index.js +2 -2
  576. package/lib/components/roving-focus-group/src/roving-focus-group-impl.js +1 -1
  577. package/lib/components/roving-focus-group/src/roving-focus-group.js +33 -27
  578. package/lib/components/roving-focus-group/src/roving-focus-group.js.map +1 -1
  579. package/lib/components/roving-focus-group/src/roving-focus-group2.js +27 -33
  580. package/lib/components/roving-focus-group/src/roving-focus-group2.js.map +1 -1
  581. package/lib/components/roving-focus-group/src/roving-focus-item.js +1 -1
  582. package/lib/components/scrollbar/index.js +1 -1
  583. package/lib/components/scrollbar/src/bar2.js +1 -1
  584. package/lib/components/scrollbar/src/thumb.js +130 -11
  585. package/lib/components/scrollbar/src/thumb.js.map +1 -1
  586. package/lib/components/scrollbar/src/thumb2.js +11 -130
  587. package/lib/components/scrollbar/src/thumb2.js.map +1 -1
  588. package/lib/components/select/src/select.d.ts +1 -0
  589. package/lib/components/select/src/select.js +1 -0
  590. package/lib/components/select/src/select.js.map +1 -1
  591. package/lib/components/select/src/select.vue.d.ts +2 -0
  592. package/lib/components/select/src/select2.js +2 -1
  593. package/lib/components/select/src/select2.js.map +1 -1
  594. package/lib/components/skeleton/index.js +2 -2
  595. package/lib/components/skeleton/src/skeleton-item.js +23 -18
  596. package/lib/components/skeleton/src/skeleton-item.js.map +1 -1
  597. package/lib/components/skeleton/src/skeleton-item2.js +18 -23
  598. package/lib/components/skeleton/src/skeleton-item2.js.map +1 -1
  599. package/lib/components/skeleton/src/skeleton2.js +1 -1
  600. package/lib/components/steps/index.js +4 -4
  601. package/lib/components/steps/src/item.js +191 -19
  602. package/lib/components/steps/src/item.js.map +1 -1
  603. package/lib/components/steps/src/item2.js +19 -191
  604. package/lib/components/steps/src/item2.js.map +1 -1
  605. package/lib/components/steps/src/steps.js +39 -37
  606. package/lib/components/steps/src/steps.js.map +1 -1
  607. package/lib/components/steps/src/steps2.js +37 -39
  608. package/lib/components/steps/src/steps2.js.map +1 -1
  609. package/lib/components/table/src/filter-panel.js +6 -2
  610. package/lib/components/table/src/filter-panel.js.map +1 -1
  611. package/lib/components/table/src/filter-panel.vue.d.ts +6 -0
  612. package/lib/components/table/src/table/defaults.d.ts +2 -0
  613. package/lib/components/table/src/table/defaults.js +1 -0
  614. package/lib/components/table/src/table/defaults.js.map +1 -1
  615. package/lib/components/table/src/table-header/index.d.ts +6 -0
  616. package/lib/components/table/src/table-header/index.js +4 -0
  617. package/lib/components/table/src/table-header/index.js.map +1 -1
  618. package/lib/components/table/src/table.js +4 -2
  619. package/lib/components/table/src/table.js.map +1 -1
  620. package/lib/components/table/src/table.vue.d.ts +2 -0
  621. package/lib/components/tooltip/src/content.js +1 -1
  622. package/lib/components/tooltip/src/content2.js +1 -1
  623. package/lib/components/tooltip/src/tooltip.js +1 -1
  624. package/lib/components/tooltip-v2/src/content2.js +1 -1
  625. package/lib/components/tour/index.js +3 -3
  626. package/lib/components/tour/src/content.js +68 -47
  627. package/lib/components/tour/src/content.js.map +1 -1
  628. package/lib/components/tour/src/content2.js +47 -68
  629. package/lib/components/tour/src/content2.js.map +1 -1
  630. package/lib/components/tour/src/step.js +168 -44
  631. package/lib/components/tour/src/step.js.map +1 -1
  632. package/lib/components/tour/src/step2.js +44 -168
  633. package/lib/components/tour/src/step2.js.map +1 -1
  634. package/lib/components/tour/src/tour.js +1 -1
  635. package/lib/components/tour/src/tour2.js +1 -1
  636. package/lib/components/transfer/src/composables/use-check.js +1 -1
  637. package/lib/components/transfer/src/transfer-panel.js +128 -21
  638. package/lib/components/transfer/src/transfer-panel.js.map +1 -1
  639. package/lib/components/transfer/src/transfer-panel2.js +21 -128
  640. package/lib/components/transfer/src/transfer-panel2.js.map +1 -1
  641. package/lib/components/transfer/src/transfer2.js +1 -1
  642. package/lib/components/upload/index.js +1 -1
  643. package/lib/components/upload/src/upload-list.js +175 -30
  644. package/lib/components/upload/src/upload-list.js.map +1 -1
  645. package/lib/components/upload/src/upload-list2.js +30 -175
  646. package/lib/components/upload/src/upload-list2.js.map +1 -1
  647. package/lib/components/upload/src/upload2.js +1 -1
  648. package/lib/components/visual-hidden/index.js +2 -2
  649. package/lib/components/visual-hidden/src/visual-hidden.js +7 -35
  650. package/lib/components/visual-hidden/src/visual-hidden.js.map +1 -1
  651. package/lib/components/visual-hidden/src/visual-hidden2.js +35 -7
  652. package/lib/components/visual-hidden/src/visual-hidden2.js.map +1 -1
  653. package/lib/index.js +24 -24
  654. package/lib/version.d.ts +1 -1
  655. package/lib/version.js +1 -1
  656. package/lib/version.js.map +1 -1
  657. package/package.json +2 -2
  658. package/tags.json +1 -1
  659. package/theme-chalk/el-transfer.css +1 -1
  660. package/theme-chalk/index.css +1 -1
  661. package/theme-chalk/src/transfer.scss +0 -1
  662. package/web-types.json +1 -1
@@ -3,7 +3,7 @@ import '../../popper/index.mjs';
3
3
  import '../../../hooks/index.mjs';
4
4
  import { buildProps, definePropType } from '../../../utils/vue/props/runtime.mjs';
5
5
  import { useDelayedToggleProps } from '../../../hooks/use-delayed-toggle/index.mjs';
6
- import { popperContentProps } from '../../popper/src/content.mjs';
6
+ import { popperContentProps } from '../../popper/src/content2.mjs';
7
7
  import { useAriaProps } from '../../../hooks/use-aria/index.mjs';
8
8
 
9
9
  const useTooltipContentProps = buildProps({
@@ -10,7 +10,7 @@ import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
10
10
  import { usePopperContainerId } from '../../../hooks/use-popper-container/index.mjs';
11
11
  import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
12
12
  import { composeEventHandlers } from '../../../utils/dom/event.mjs';
13
- import ElPopperContent from '../../popper/src/content2.mjs';
13
+ import ElPopperContent from '../../popper/src/content.mjs';
14
14
 
15
15
  const __default__ = defineComponent({
16
16
  name: "ElTooltipContent",
@@ -5,7 +5,7 @@ import { useTooltipContentProps } from './content.mjs';
5
5
  import { useTooltipTriggerProps } from './trigger.mjs';
6
6
  import { createModelToggleComposable } from '../../../hooks/use-model-toggle/index.mjs';
7
7
  import { buildProps } from '../../../utils/vue/props/runtime.mjs';
8
- import { popperProps } from '../../popper/src/popper.mjs';
8
+ import { popperProps } from '../../popper/src/popper2.mjs';
9
9
  import { popperArrowProps } from '../../popper/src/arrow.mjs';
10
10
 
11
11
  const {
@@ -9,7 +9,7 @@ import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
9
9
  import { useFloating, arrowMiddleware } from '../../../hooks/use-floating/index.mjs';
10
10
  import { useZIndex } from '../../../hooks/use-z-index/index.mjs';
11
11
  import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
12
- import ElVisuallyHidden from '../../visual-hidden/src/visual-hidden.mjs';
12
+ import ElVisuallyHidden from '../../visual-hidden/src/visual-hidden2.mjs';
13
13
 
14
14
  const __default__ = defineComponent({
15
15
  name: "ElTooltipV2Content"
@@ -1,9 +1,9 @@
1
1
  import '../../utils/index.mjs';
2
2
  import Tour from './src/tour2.mjs';
3
- import TourStep from './src/step2.mjs';
3
+ import TourStep from './src/step.mjs';
4
4
  export { tourEmits, tourProps } from './src/tour.mjs';
5
- export { tourStepEmits, tourStepProps } from './src/step.mjs';
6
- export { tourContentEmits, tourContentProps, tourPlacements, tourStrategies } from './src/content.mjs';
5
+ export { tourStepEmits, tourStepProps } from './src/step2.mjs';
6
+ export { tourContentEmits, tourContentProps, tourPlacements, tourStrategies } from './src/content2.mjs';
7
7
  import { withInstall, withNoopInstall } from '../../utils/vue/install.mjs';
8
8
 
9
9
  const ElTour = withInstall(Tour, {
@@ -1,49 +1,73 @@
1
- import '../../../utils/index.mjs';
2
- 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 '../../focus-trap/index.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';
6
+ import ElFocusTrap from '../../focus-trap/src/focus-trap.mjs';
3
7
 
4
- const tourStrategies = ["absolute", "fixed"];
5
- const tourPlacements = [
6
- "top-start",
7
- "top-end",
8
- "top",
9
- "bottom-start",
10
- "bottom-end",
11
- "bottom",
12
- "left-start",
13
- "left-end",
14
- "left",
15
- "right-start",
16
- "right-end",
17
- "right"
18
- ];
19
- const tourContentProps = buildProps({
20
- placement: {
21
- type: definePropType(String),
22
- values: tourPlacements,
23
- default: "bottom"
24
- },
25
- reference: {
26
- type: definePropType(Object),
27
- default: null
28
- },
29
- strategy: {
30
- type: definePropType(String),
31
- values: tourStrategies,
32
- default: "absolute"
33
- },
34
- offset: {
35
- type: Number,
36
- default: 10
37
- },
38
- showArrow: Boolean,
39
- zIndex: {
40
- type: Number,
41
- default: 2001
8
+ const __default__ = defineComponent({
9
+ name: "ElTourContent"
10
+ });
11
+ const _sfc_main = /* @__PURE__ */ defineComponent({
12
+ ...__default__,
13
+ props: tourContentProps,
14
+ emits: tourContentEmits,
15
+ setup(__props, { emit }) {
16
+ const props = __props;
17
+ const placement = ref(props.placement);
18
+ const strategy = ref(props.strategy);
19
+ const contentRef = ref(null);
20
+ const arrowRef = ref(null);
21
+ watch(() => props.placement, () => {
22
+ placement.value = props.placement;
23
+ });
24
+ const { contentStyle, arrowStyle } = useFloating(toRef(props, "reference"), contentRef, arrowRef, placement, strategy, toRef(props, "offset"), toRef(props, "zIndex"), toRef(props, "showArrow"));
25
+ const side = computed(() => {
26
+ return placement.value.split("-")[0];
27
+ });
28
+ const { ns } = inject(tourKey);
29
+ const onCloseRequested = () => {
30
+ emit("close");
31
+ };
32
+ const onFocusoutPrevented = (event) => {
33
+ if (event.detail.focusReason === "pointer") {
34
+ event.preventDefault();
35
+ }
36
+ };
37
+ return (_ctx, _cache) => {
38
+ return openBlock(), createElementBlock("div", {
39
+ ref_key: "contentRef",
40
+ ref: contentRef,
41
+ style: normalizeStyle(unref(contentStyle)),
42
+ class: normalizeClass(unref(ns).e("content")),
43
+ "data-side": unref(side),
44
+ tabindex: "-1"
45
+ }, [
46
+ createVNode(unref(ElFocusTrap), {
47
+ loop: "",
48
+ trapped: "",
49
+ "focus-start-el": "container",
50
+ "focus-trap-el": contentRef.value || void 0,
51
+ onReleaseRequested: onCloseRequested,
52
+ onFocusoutPrevented
53
+ }, {
54
+ default: withCtx(() => [
55
+ renderSlot(_ctx.$slots, "default")
56
+ ]),
57
+ _: 3
58
+ }, 8, ["focus-trap-el"]),
59
+ _ctx.showArrow ? (openBlock(), createElementBlock("span", {
60
+ key: 0,
61
+ ref_key: "arrowRef",
62
+ ref: arrowRef,
63
+ style: normalizeStyle(unref(arrowStyle)),
64
+ class: normalizeClass(unref(ns).e("arrow"))
65
+ }, null, 6)) : createCommentVNode("v-if", true)
66
+ ], 14, ["data-side"]);
67
+ };
42
68
  }
43
69
  });
44
- const tourContentEmits = {
45
- close: () => true
46
- };
70
+ var ElTourContent = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "content.vue"]]);
47
71
 
48
- export { tourContentEmits, tourContentProps, tourPlacements, tourStrategies };
72
+ export { ElTourContent as default };
49
73
  //# 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'\nimport type { ExtractPropTypes } 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 @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>\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<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":[],"mappings":";;;;;;;mCAgCc,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,IACE,KAAA,CAAA,MAAM,KAAM,CAAA,SAAA,EACZ,MAAM;AACJ,MAAA,SAAA,CAAU,QAAQ,KAAM,CAAA,SAAA,CAAA;AAAA,KAE5B,CAAA,CAAA;AAEA,IAAM,MAAA,EAAE,cAAc,UAAe,EAAA,GAAA,WAAA,CACnC,MAAM,KAAO,EAAA,WAAW,CACxB,EAAA,UAAA,EACA,QACA,EAAA,SAAA,EACA,UACA,KAAM,CAAA,KAAA,EAAO,QAAQ,CAAA,EACrB,KAAM,CAAA,KAAA,EAAO,QAAQ,CACrB,EAAA,KAAA,CAAM,KAAO,EAAA,WAAW,CAC1B,CAAA,CAAA;AAEA,IAAM,MAAA,IAAA,GAAO,SAAS,MAAM;AAC1B,MAAA,OAAO,SAAU,CAAA,KAAA,CAAM,KAAM,CAAA,GAAG,CAAE,CAAA,CAAA,CAAA,CAAA;AAAA,KACnC,CAAA,CAAA;AAED,IAAM,MAAA,EAAE,EAAO,EAAA,GAAA,MAAA,CAAO,OAAO,CAAA,CAAA;AAE7B,IAAA,MAAM,mBAAmB,MAAM;AAC7B,MAAA,IAAA,CAAK,OAAO,CAAA,CAAA;AAAA,KACd,CAAA;AAEA,IAAM,MAAA,mBAAA,GAAsB,CAAC,KAAuB,KAAA;AAClD,MAAI,IAAA,KAAA,CAAM,MAAO,CAAA,WAAA,KAAgB,SAAW,EAAA;AAC1C,QAAA,KAAA,CAAM,cAAe,EAAA,CAAA;AAAA,OACvB;AAAA,KACF,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -1,73 +1,49 @@
1
- import { defineComponent, ref, watch, toRef, computed, inject, openBlock, createElementBlock, normalizeStyle, unref, normalizeClass, createVNode, withCtx, renderSlot, createCommentVNode } from 'vue';
2
- import '../../focus-trap/index.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';
6
- import ElFocusTrap from '../../focus-trap/src/focus-trap.mjs';
1
+ import '../../../utils/index.mjs';
2
+ import { buildProps, definePropType } from '../../../utils/vue/props/runtime.mjs';
7
3
 
8
- const __default__ = defineComponent({
9
- name: "ElTourContent"
10
- });
11
- const _sfc_main = /* @__PURE__ */ defineComponent({
12
- ...__default__,
13
- props: tourContentProps,
14
- emits: tourContentEmits,
15
- setup(__props, { emit }) {
16
- const props = __props;
17
- const placement = ref(props.placement);
18
- const strategy = ref(props.strategy);
19
- const contentRef = ref(null);
20
- const arrowRef = ref(null);
21
- watch(() => props.placement, () => {
22
- placement.value = props.placement;
23
- });
24
- const { contentStyle, arrowStyle } = useFloating(toRef(props, "reference"), contentRef, arrowRef, placement, strategy, toRef(props, "offset"), toRef(props, "zIndex"), toRef(props, "showArrow"));
25
- const side = computed(() => {
26
- return placement.value.split("-")[0];
27
- });
28
- const { ns } = inject(tourKey);
29
- const onCloseRequested = () => {
30
- emit("close");
31
- };
32
- const onFocusoutPrevented = (event) => {
33
- if (event.detail.focusReason === "pointer") {
34
- event.preventDefault();
35
- }
36
- };
37
- return (_ctx, _cache) => {
38
- return openBlock(), createElementBlock("div", {
39
- ref_key: "contentRef",
40
- ref: contentRef,
41
- style: normalizeStyle(unref(contentStyle)),
42
- class: normalizeClass(unref(ns).e("content")),
43
- "data-side": unref(side),
44
- tabindex: "-1"
45
- }, [
46
- createVNode(unref(ElFocusTrap), {
47
- loop: "",
48
- trapped: "",
49
- "focus-start-el": "container",
50
- "focus-trap-el": contentRef.value || void 0,
51
- onReleaseRequested: onCloseRequested,
52
- onFocusoutPrevented
53
- }, {
54
- default: withCtx(() => [
55
- renderSlot(_ctx.$slots, "default")
56
- ]),
57
- _: 3
58
- }, 8, ["focus-trap-el"]),
59
- _ctx.showArrow ? (openBlock(), createElementBlock("span", {
60
- key: 0,
61
- ref_key: "arrowRef",
62
- ref: arrowRef,
63
- style: normalizeStyle(unref(arrowStyle)),
64
- class: normalizeClass(unref(ns).e("arrow"))
65
- }, null, 6)) : createCommentVNode("v-if", true)
66
- ], 14, ["data-side"]);
67
- };
4
+ const tourStrategies = ["absolute", "fixed"];
5
+ const tourPlacements = [
6
+ "top-start",
7
+ "top-end",
8
+ "top",
9
+ "bottom-start",
10
+ "bottom-end",
11
+ "bottom",
12
+ "left-start",
13
+ "left-end",
14
+ "left",
15
+ "right-start",
16
+ "right-end",
17
+ "right"
18
+ ];
19
+ const tourContentProps = buildProps({
20
+ placement: {
21
+ type: definePropType(String),
22
+ values: tourPlacements,
23
+ default: "bottom"
24
+ },
25
+ reference: {
26
+ type: definePropType(Object),
27
+ default: null
28
+ },
29
+ strategy: {
30
+ type: definePropType(String),
31
+ values: tourStrategies,
32
+ default: "absolute"
33
+ },
34
+ offset: {
35
+ type: Number,
36
+ default: 10
37
+ },
38
+ showArrow: Boolean,
39
+ zIndex: {
40
+ type: Number,
41
+ default: 2001
68
42
  }
69
43
  });
70
- var ElTourContent = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "content.vue"]]);
44
+ const tourContentEmits = {
45
+ close: () => true
46
+ };
71
47
 
72
- export { ElTourContent as default };
48
+ export { tourContentEmits, tourContentProps, tourPlacements, tourStrategies };
73
49
  //# 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<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":[],"mappings":";;;;;;;mCAgCc,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,IACE,KAAA,CAAA,MAAM,KAAM,CAAA,SAAA,EACZ,MAAM;AACJ,MAAA,SAAA,CAAU,QAAQ,KAAM,CAAA,SAAA,CAAA;AAAA,KAE5B,CAAA,CAAA;AAEA,IAAM,MAAA,EAAE,cAAc,UAAe,EAAA,GAAA,WAAA,CACnC,MAAM,KAAO,EAAA,WAAW,CACxB,EAAA,UAAA,EACA,QACA,EAAA,SAAA,EACA,UACA,KAAM,CAAA,KAAA,EAAO,QAAQ,CAAA,EACrB,KAAM,CAAA,KAAA,EAAO,QAAQ,CACrB,EAAA,KAAA,CAAM,KAAO,EAAA,WAAW,CAC1B,CAAA,CAAA;AAEA,IAAM,MAAA,IAAA,GAAO,SAAS,MAAM;AAC1B,MAAA,OAAO,SAAU,CAAA,KAAA,CAAM,KAAM,CAAA,GAAG,CAAE,CAAA,CAAA,CAAA,CAAA;AAAA,KACnC,CAAA,CAAA;AAED,IAAM,MAAA,EAAE,EAAO,EAAA,GAAA,MAAA,CAAO,OAAO,CAAA,CAAA;AAE7B,IAAA,MAAM,mBAAmB,MAAM;AAC7B,MAAA,IAAA,CAAK,OAAO,CAAA,CAAA;AAAA,KACd,CAAA;AAEA,IAAM,MAAA,mBAAA,GAAsB,CAAC,KAAuB,KAAA;AAClD,MAAI,IAAA,KAAA,CAAM,MAAO,CAAA,WAAA,KAAgB,SAAW,EAAA;AAC1C,QAAA,KAAA,CAAM,cAAe,EAAA,CAAA;AAAA,OACvB;AAAA,KACF,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"content2.mjs","sources":["../../../../../../packages/components/tour/src/content.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-plus/utils'\nimport type { ExtractPropTypes } 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 @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>\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,50 +1,175 @@
1
+ import { defineComponent, inject, watch, computed, 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';
1
5
  import '../../../utils/index.mjs';
2
- import { tourContentProps } from './content.mjs';
3
- import { buildProps, definePropType } from '../../../utils/vue/props/runtime.mjs';
4
- import { iconPropType } from '../../../utils/vue/icon.mjs';
6
+ import '../../../hooks/index.mjs';
7
+ import { tourStepProps, tourStepEmits } from './step2.mjs';
8
+ import { tourKey } from './helper.mjs';
9
+ import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
10
+ import { CloseComponents } from '../../../utils/vue/icon.mjs';
11
+ import { useLocale } from '../../../hooks/use-locale/index.mjs';
5
12
 
6
- const tourStepProps = buildProps({
7
- target: {
8
- type: definePropType([String, Object, Function])
9
- },
10
- title: String,
11
- description: String,
12
- showClose: {
13
- type: Boolean,
14
- default: void 0
15
- },
16
- closeIcon: {
17
- type: iconPropType
18
- },
19
- showArrow: {
20
- type: Boolean,
21
- default: void 0
22
- },
23
- placement: tourContentProps.placement,
24
- mask: {
25
- type: definePropType([Boolean, Object]),
26
- default: void 0
27
- },
28
- contentStyle: {
29
- type: definePropType([Object])
30
- },
31
- prevButtonProps: {
32
- type: definePropType(Object)
33
- },
34
- nextButtonProps: {
35
- type: definePropType(Object)
36
- },
37
- scrollIntoViewOptions: {
38
- type: definePropType([Boolean, Object]),
39
- default: void 0
40
- },
41
- type: {
42
- 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
+ return (_ctx, _cache) => {
86
+ return openBlock(), createElementBlock(Fragment, null, [
87
+ unref(mergedShowClose) ? (openBlock(), createElementBlock("button", {
88
+ key: 0,
89
+ "aria-label": "Close",
90
+ class: normalizeClass(unref(ns).e("closebtn")),
91
+ type: "button",
92
+ onClick: onClose
93
+ }, [
94
+ createVNode(unref(ElIcon), {
95
+ class: normalizeClass(unref(ns).e("close"))
96
+ }, {
97
+ default: withCtx(() => [
98
+ (openBlock(), createBlock(resolveDynamicComponent(unref(mergedCloseIcon))))
99
+ ]),
100
+ _: 1
101
+ }, 8, ["class"])
102
+ ], 2)) : createCommentVNode("v-if", true),
103
+ createElementVNode("header", {
104
+ class: normalizeClass([unref(ns).e("header"), { "show-close": unref(showClose) }])
105
+ }, [
106
+ renderSlot(_ctx.$slots, "header", {}, () => [
107
+ createElementVNode("span", {
108
+ role: "heading",
109
+ class: normalizeClass(unref(ns).e("title"))
110
+ }, toDisplayString(_ctx.title), 3)
111
+ ])
112
+ ], 2),
113
+ createElementVNode("div", {
114
+ class: normalizeClass(unref(ns).e("body"))
115
+ }, [
116
+ renderSlot(_ctx.$slots, "default", {}, () => [
117
+ createElementVNode("span", null, toDisplayString(_ctx.description), 1)
118
+ ])
119
+ ], 2),
120
+ createElementVNode("footer", {
121
+ class: normalizeClass(unref(ns).e("footer"))
122
+ }, [
123
+ createElementVNode("div", {
124
+ class: normalizeClass(unref(ns).b("indicators"))
125
+ }, [
126
+ unref(tourSlots).indicators ? (openBlock(), createBlock(resolveDynamicComponent(unref(tourSlots).indicators), {
127
+ key: 0,
128
+ current: unref(current),
129
+ total: unref(total)
130
+ }, null, 8, ["current", "total"])) : (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(unref(total), (item, index) => {
131
+ return openBlock(), createElementBlock("span", {
132
+ key: item,
133
+ class: normalizeClass([unref(ns).b("indicator"), index === unref(current) ? "is-active" : ""])
134
+ }, null, 2);
135
+ }), 128))
136
+ ], 2),
137
+ createElementVNode("div", {
138
+ class: normalizeClass(unref(ns).b("buttons"))
139
+ }, [
140
+ unref(current) > 0 ? (openBlock(), createBlock(unref(ElButton), mergeProps({
141
+ key: 0,
142
+ size: "small",
143
+ type: unref(mergedType)
144
+ }, filterButtonProps(_ctx.prevButtonProps), { onClick: onPrev }), {
145
+ default: withCtx(() => {
146
+ var _a, _b;
147
+ return [
148
+ createTextVNode(toDisplayString((_b = (_a = _ctx.prevButtonProps) == null ? void 0 : _a.children) != null ? _b : unref(t)("el.tour.previous")), 1)
149
+ ];
150
+ }),
151
+ _: 1
152
+ }, 16, ["type"])) : createCommentVNode("v-if", true),
153
+ unref(current) <= unref(total) - 1 ? (openBlock(), createBlock(unref(ElButton), mergeProps({
154
+ key: 1,
155
+ size: "small",
156
+ type: unref(mergedType) === "primary" ? "default" : "primary"
157
+ }, filterButtonProps(_ctx.nextButtonProps), { onClick: onNext }), {
158
+ default: withCtx(() => {
159
+ var _a, _b;
160
+ return [
161
+ 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)
162
+ ];
163
+ }),
164
+ _: 1
165
+ }, 16, ["type"])) : createCommentVNode("v-if", true)
166
+ ], 2)
167
+ ], 2)
168
+ ], 64);
169
+ };
43
170
  }
44
171
  });
45
- const tourStepEmits = {
46
- close: () => true
47
- };
172
+ var TourStep = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "step.vue"]]);
48
173
 
49
- export { tourStepEmits, tourStepProps };
174
+ export { TourStep as default };
50
175
  //# 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'\nimport type { CSSProperties, ExtractPropTypes } 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>\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=\"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'), index === current ? 'is-active' : '']\"\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, watch } from 'vue'\nimport { omit } from 'lodash-unified'\nimport { ElButton } from '@element-plus/components/button'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { CloseComponents } 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</script>\n"],"names":[],"mappings":";;;;;;;;;;;;mCA8Ec,CAAA;AAAA,EACZ,IAAM,EAAA,YAAA;AACR,CAAA,CAAA,CAAA;;;;;;;AAKA,IAAA,MAAM,EAAE,KAAU,EAAA,GAAA,eAAA,CAAA;AAElB,IAAM,MAAA,EAAE,MAAM,SAAU,EAAA,CAAA;AAExB,IAAM,MAAA;AAAA,MACJ,WAAA;AAAA,MACA,OAAA;AAAA,MACA,KAAA;AAAA,MACA,SAAA;AAAA,MACA,SAAA;AAAA,MACA,UAAA;AAAA,MACA,EAAA;AAAA,MACA,KAAO,EAAA,SAAA;AAAA,MACP,gBAAA;AAAA,MACA,OAAS,EAAA,WAAA;AAAA,MACT,QAAU,EAAA,YAAA;AAAA,MACV,QAAA;AAAA,KAAA,GACE,OAAO,OAAO,CAAA,CAAA;AAElB,IACE,KAAA,CAAA,KAAA,EACA,CAAC,GAAQ,KAAA;AACP,MAAA,WAAA,CAAY,KAAQ,GAAA,GAAA,CAAA;AAAA,KAEtB,EAAA;AAAA,MACE,SAAW,EAAA,IAAA;AAAA,KAEf,CAAA,CAAA;AAEA,IAAA,MAAM,kBAAkB,QAAS,CAAA,MAAM;AACvC,MAAA,IAAM;AAIN,MAAM,OAAA,CAAA,EAAA,GAAA,KAAA,CAAA,SAAiD,KAAA,IAAA,GAAA,EAAA,GAAA,SAAA,CAAA,KAAA,CAAA;AACrD,KAAA,CAAA,CAAA;AAAe,IAAA,MAAA,eAAA,GAAA,QAAA,CAAA,MAAA;AACf,MAAA,IAAA,EAAA,EAAY,EAAA,CAAA;AAAiC,MAC/C,OAAA,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,KAAA,CAAA,SAAA,KAAA,IAAA,GAAA,EAAA,GAAA,SAAA,CAAA,KAAA,KAAA,IAAA,GAAA,EAAA,GAAA,KAAA,CAAA;AAEA,KAAA,CAAA,CAAA;AACE,IAAA,MAAA,iBAAiB,GAAA,CAAA,QAAA,KAAA;AACjB,MAAI,IAAA,CAAA;AACF,QAAA;AAA+B,MACjC,OAAA,IAAA,CAAA,QAAA,EAAA,CAAA,UAAA,EAAA,SAAA,CAAA,CAAA,CAAA;AACA,KAAS,CAAA;AAAA,IACX,MAAA,MAAA,GAAA,MAAA;AAEA,MAAA,IAAM;AACJ,MAAA,OAAY,CAAA,KAAA,IAAA,CAAA,CAAA;AACV,MAAS,IAAA,CAAA,EAAA,GAAA,KAAA,CAAA,eAAA,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,OAAA,EAAA;AAAA,QACJ,CAAA,EAAA,GAAA,KAAA,CAAA,eAAA,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,OAAA,EAAA,CAAA;AACL,OAAA;AAAiB,MACnB,QAAA,EAAA,CAAA;AACA,KAAI,CAAA;AACF,IAAA,MAAA;AAA8B,MAChC,IAAA,EAAA,CAAA;AACA,MAAS,IAAA,OAAA,CAAA,KAAA,IAAA,KAAA,CAAA,KAAA,GAAA,CAAA,EAAA;AAAA,QACX,QAAA,EAAA,CAAA;AAEA,OAAA;AACE,QAAQ,OAAA,CAAA,KAAA,IAAA,CAAA,CAAA;AACR,OAAa;AAAA,MACf,IAAA,CAAA,EAAA,GAAA,KAAA,CAAA,eAAA,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,OAAA,EAAA;AAEA,QAAA,qBAAsB,CAAA,OAAA,EAAA,CAAA;AACpB,OAAA;AACA,MAAY,QAAA,EAAA,CAAA;AACZ,KAAA,CAAA;AAAY,IACd,MAAA,QAAA,GAAA,MAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}