@element-plus/nightly 0.0.20251210 → 0.0.20251211

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 (548) hide show
  1. package/dist/index.css +1 -1
  2. package/dist/index.full.js +22 -8
  3. package/dist/index.full.min.js +7 -7
  4. package/dist/index.full.min.js.map +1 -1
  5. package/dist/index.full.min.mjs +10 -10
  6. package/dist/index.full.min.mjs.map +1 -1
  7. package/dist/index.full.mjs +22 -8
  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/anchor/index.mjs +2 -2
  277. package/es/components/anchor/src/anchor.mjs +40 -213
  278. package/es/components/anchor/src/anchor.mjs.map +1 -1
  279. package/es/components/anchor/src/anchor2.mjs +213 -40
  280. package/es/components/anchor/src/anchor2.mjs.map +1 -1
  281. package/es/components/autocomplete/src/autocomplete.mjs +2 -2
  282. package/es/components/autocomplete/src/autocomplete2.mjs +1 -1
  283. package/es/components/cascader/src/cascader.mjs +1 -1
  284. package/es/components/color-picker/index.mjs +2 -2
  285. package/es/components/color-picker/src/color-picker.mjs +347 -49
  286. package/es/components/color-picker/src/color-picker.mjs.map +1 -1
  287. package/es/components/color-picker/src/color-picker2.mjs +49 -347
  288. package/es/components/color-picker/src/color-picker2.mjs.map +1 -1
  289. package/es/components/dialog/src/dialog2.mjs +6 -2
  290. package/es/components/dialog/src/dialog2.mjs.map +1 -1
  291. package/es/components/dialog/src/use-dialog.d.ts +1 -0
  292. package/es/components/dialog/src/use-dialog.mjs +5 -1
  293. package/es/components/dialog/src/use-dialog.mjs.map +1 -1
  294. package/es/components/dropdown/src/dropdown.mjs +2 -2
  295. package/es/components/image/index.mjs +2 -2
  296. package/es/components/image/src/image.mjs +69 -234
  297. package/es/components/image/src/image.mjs.map +1 -1
  298. package/es/components/image/src/image2.mjs +234 -69
  299. package/es/components/image/src/image2.mjs.map +1 -1
  300. package/es/components/image-viewer/index.mjs +2 -2
  301. package/es/components/image-viewer/src/image-viewer.mjs +51 -484
  302. package/es/components/image-viewer/src/image-viewer.mjs.map +1 -1
  303. package/es/components/image-viewer/src/image-viewer2.mjs +484 -51
  304. package/es/components/image-viewer/src/image-viewer2.mjs.map +1 -1
  305. package/es/components/index.mjs +18 -18
  306. package/es/components/input/index.mjs +2 -2
  307. package/es/components/input/src/input.mjs +484 -125
  308. package/es/components/input/src/input.mjs.map +1 -1
  309. package/es/components/input/src/input2.mjs +125 -484
  310. package/es/components/input/src/input2.mjs.map +1 -1
  311. package/es/components/link/index.mjs +2 -2
  312. package/es/components/link/src/link.mjs +25 -71
  313. package/es/components/link/src/link.mjs.map +1 -1
  314. package/es/components/link/src/link2.mjs +71 -25
  315. package/es/components/link/src/link2.mjs.map +1 -1
  316. package/es/components/mention/src/mention.mjs +2 -2
  317. package/es/components/mention/src/mention2.mjs +1 -1
  318. package/es/components/menu/index.mjs +2 -2
  319. package/es/components/menu/src/menu-item.mjs +103 -15
  320. package/es/components/menu/src/menu-item.mjs.map +1 -1
  321. package/es/components/menu/src/menu-item2.mjs +15 -103
  322. package/es/components/menu/src/menu-item2.mjs.map +1 -1
  323. package/es/components/pagination/src/components/next.mjs +35 -18
  324. package/es/components/pagination/src/components/next.mjs.map +1 -1
  325. package/es/components/pagination/src/components/next2.mjs +18 -35
  326. package/es/components/pagination/src/components/next2.mjs.map +1 -1
  327. package/es/components/pagination/src/components/pager.mjs +16 -210
  328. package/es/components/pagination/src/components/pager.mjs.map +1 -1
  329. package/es/components/pagination/src/components/pager2.mjs +210 -16
  330. package/es/components/pagination/src/components/pager2.mjs.map +1 -1
  331. package/es/components/pagination/src/components/sizes.mjs +72 -26
  332. package/es/components/pagination/src/components/sizes.mjs.map +1 -1
  333. package/es/components/pagination/src/components/sizes2.mjs +26 -72
  334. package/es/components/pagination/src/components/sizes2.mjs.map +1 -1
  335. package/es/components/pagination/src/pagination.mjs +3 -3
  336. package/es/components/popconfirm/src/popconfirm.mjs +1 -1
  337. package/es/components/popover/index.mjs +2 -2
  338. package/es/components/popover/src/popover.mjs +66 -112
  339. package/es/components/popover/src/popover.mjs.map +1 -1
  340. package/es/components/popover/src/popover2.mjs +112 -66
  341. package/es/components/popover/src/popover2.mjs.map +1 -1
  342. package/es/components/popper/index.mjs +2 -2
  343. package/es/components/popper/src/popper.mjs +32 -22
  344. package/es/components/popper/src/popper.mjs.map +1 -1
  345. package/es/components/popper/src/popper2.mjs +22 -32
  346. package/es/components/popper/src/popper2.mjs.map +1 -1
  347. package/es/components/progress/index.mjs +2 -2
  348. package/es/components/progress/src/progress.mjs +207 -53
  349. package/es/components/progress/src/progress.mjs.map +1 -1
  350. package/es/components/progress/src/progress2.mjs +53 -207
  351. package/es/components/progress/src/progress2.mjs.map +1 -1
  352. package/es/components/radio/index.mjs +2 -2
  353. package/es/components/radio/src/radio-group.mjs +54 -86
  354. package/es/components/radio/src/radio-group.mjs.map +1 -1
  355. package/es/components/radio/src/radio-group2.mjs +86 -54
  356. package/es/components/radio/src/radio-group2.mjs.map +1 -1
  357. package/es/components/rate/index.mjs +2 -2
  358. package/es/components/rate/src/rate.mjs +86 -255
  359. package/es/components/rate/src/rate.mjs.map +1 -1
  360. package/es/components/rate/src/rate2.mjs +255 -86
  361. package/es/components/rate/src/rate2.mjs.map +1 -1
  362. package/es/components/scrollbar/src/bar.mjs +10 -64
  363. package/es/components/scrollbar/src/bar.mjs.map +1 -1
  364. package/es/components/scrollbar/src/bar2.mjs +64 -10
  365. package/es/components/scrollbar/src/bar2.mjs.map +1 -1
  366. package/es/components/scrollbar/src/scrollbar2.mjs +1 -1
  367. package/es/components/select/src/select.mjs +1 -1
  368. package/es/components/select-v2/src/defaults.mjs +1 -1
  369. package/es/components/switch/index.mjs +2 -2
  370. package/es/components/switch/src/switch.mjs +230 -75
  371. package/es/components/switch/src/switch.mjs.map +1 -1
  372. package/es/components/switch/src/switch2.mjs +75 -230
  373. package/es/components/switch/src/switch2.mjs.map +1 -1
  374. package/es/components/table/src/filter-panel.mjs +1 -1
  375. package/es/components/time-picker/src/common/props.mjs +1 -1
  376. package/es/components/timeline/index.mjs +2 -2
  377. package/es/components/timeline/src/timeline-item.mjs +33 -72
  378. package/es/components/timeline/src/timeline-item.mjs.map +1 -1
  379. package/es/components/timeline/src/timeline-item2.mjs +72 -33
  380. package/es/components/timeline/src/timeline-item2.mjs.map +1 -1
  381. package/es/components/tooltip/index.mjs +1 -1
  382. package/es/components/tooltip/src/content.mjs +29 -203
  383. package/es/components/tooltip/src/content.mjs.map +1 -1
  384. package/es/components/tooltip/src/content2.mjs +203 -29
  385. package/es/components/tooltip/src/content2.mjs.map +1 -1
  386. package/es/components/tooltip/src/tooltip.mjs +2 -2
  387. package/es/components/tooltip/src/tooltip2.mjs +1 -1
  388. package/es/components/tour/index.mjs +3 -3
  389. package/es/components/tour/src/content.mjs +43 -67
  390. package/es/components/tour/src/content.mjs.map +1 -1
  391. package/es/components/tour/src/content2.mjs +67 -43
  392. package/es/components/tour/src/content2.mjs.map +1 -1
  393. package/es/components/tour/src/step.mjs +192 -44
  394. package/es/components/tour/src/step.mjs.map +1 -1
  395. package/es/components/tour/src/step2.mjs +44 -192
  396. package/es/components/tour/src/step2.mjs.map +1 -1
  397. package/es/components/tour/src/tour.mjs +1 -1
  398. package/es/components/tour/src/tour2.mjs +1 -1
  399. package/es/components/tree/src/model/useNodeExpandEventBroadcast.mjs +10 -4
  400. package/es/components/tree/src/model/useNodeExpandEventBroadcast.mjs.map +1 -1
  401. package/es/components/watermark/index.mjs +2 -2
  402. package/es/components/watermark/src/watermark.mjs +27 -226
  403. package/es/components/watermark/src/watermark.mjs.map +1 -1
  404. package/es/components/watermark/src/watermark2.mjs +226 -27
  405. package/es/components/watermark/src/watermark2.mjs.map +1 -1
  406. package/es/index.mjs +18 -18
  407. package/es/version.d.ts +1 -1
  408. package/es/version.mjs +1 -1
  409. package/es/version.mjs.map +1 -1
  410. package/lib/components/anchor/index.js +2 -2
  411. package/lib/components/anchor/src/anchor.js +40 -212
  412. package/lib/components/anchor/src/anchor.js.map +1 -1
  413. package/lib/components/anchor/src/anchor2.js +212 -40
  414. package/lib/components/anchor/src/anchor2.js.map +1 -1
  415. package/lib/components/autocomplete/src/autocomplete.js +2 -2
  416. package/lib/components/autocomplete/src/autocomplete2.js +1 -1
  417. package/lib/components/cascader/src/cascader.js +1 -1
  418. package/lib/components/color-picker/index.js +2 -2
  419. package/lib/components/color-picker/src/color-picker.js +346 -49
  420. package/lib/components/color-picker/src/color-picker.js.map +1 -1
  421. package/lib/components/color-picker/src/color-picker2.js +49 -346
  422. package/lib/components/color-picker/src/color-picker2.js.map +1 -1
  423. package/lib/components/dialog/src/dialog2.js +6 -2
  424. package/lib/components/dialog/src/dialog2.js.map +1 -1
  425. package/lib/components/dialog/src/use-dialog.d.ts +1 -0
  426. package/lib/components/dialog/src/use-dialog.js +5 -1
  427. package/lib/components/dialog/src/use-dialog.js.map +1 -1
  428. package/lib/components/dropdown/src/dropdown.js +2 -2
  429. package/lib/components/image/index.js +2 -2
  430. package/lib/components/image/src/image.js +69 -233
  431. package/lib/components/image/src/image.js.map +1 -1
  432. package/lib/components/image/src/image2.js +233 -69
  433. package/lib/components/image/src/image2.js.map +1 -1
  434. package/lib/components/image-viewer/index.js +2 -2
  435. package/lib/components/image-viewer/src/image-viewer.js +52 -484
  436. package/lib/components/image-viewer/src/image-viewer.js.map +1 -1
  437. package/lib/components/image-viewer/src/image-viewer2.js +484 -52
  438. package/lib/components/image-viewer/src/image-viewer2.js.map +1 -1
  439. package/lib/components/index.js +18 -18
  440. package/lib/components/input/index.js +2 -2
  441. package/lib/components/input/src/input.js +480 -122
  442. package/lib/components/input/src/input.js.map +1 -1
  443. package/lib/components/input/src/input2.js +122 -480
  444. package/lib/components/input/src/input2.js.map +1 -1
  445. package/lib/components/link/index.js +2 -2
  446. package/lib/components/link/src/link.js +26 -71
  447. package/lib/components/link/src/link.js.map +1 -1
  448. package/lib/components/link/src/link2.js +71 -26
  449. package/lib/components/link/src/link2.js.map +1 -1
  450. package/lib/components/mention/src/mention.js +2 -2
  451. package/lib/components/mention/src/mention2.js +1 -1
  452. package/lib/components/menu/index.js +2 -2
  453. package/lib/components/menu/src/menu-item.js +103 -16
  454. package/lib/components/menu/src/menu-item.js.map +1 -1
  455. package/lib/components/menu/src/menu-item2.js +16 -103
  456. package/lib/components/menu/src/menu-item2.js.map +1 -1
  457. package/lib/components/pagination/src/components/next.js +35 -18
  458. package/lib/components/pagination/src/components/next.js.map +1 -1
  459. package/lib/components/pagination/src/components/next2.js +18 -35
  460. package/lib/components/pagination/src/components/next2.js.map +1 -1
  461. package/lib/components/pagination/src/components/pager.js +16 -210
  462. package/lib/components/pagination/src/components/pager.js.map +1 -1
  463. package/lib/components/pagination/src/components/pager2.js +210 -16
  464. package/lib/components/pagination/src/components/pager2.js.map +1 -1
  465. package/lib/components/pagination/src/components/sizes.js +72 -26
  466. package/lib/components/pagination/src/components/sizes.js.map +1 -1
  467. package/lib/components/pagination/src/components/sizes2.js +26 -72
  468. package/lib/components/pagination/src/components/sizes2.js.map +1 -1
  469. package/lib/components/pagination/src/pagination.js +3 -3
  470. package/lib/components/popconfirm/src/popconfirm.js +1 -1
  471. package/lib/components/popover/index.js +2 -2
  472. package/lib/components/popover/src/popover.js +67 -112
  473. package/lib/components/popover/src/popover.js.map +1 -1
  474. package/lib/components/popover/src/popover2.js +112 -67
  475. package/lib/components/popover/src/popover2.js.map +1 -1
  476. package/lib/components/popper/index.js +2 -2
  477. package/lib/components/popper/src/popper.js +32 -25
  478. package/lib/components/popper/src/popper.js.map +1 -1
  479. package/lib/components/popper/src/popper2.js +25 -32
  480. package/lib/components/popper/src/popper2.js.map +1 -1
  481. package/lib/components/progress/index.js +2 -2
  482. package/lib/components/progress/src/progress.js +207 -53
  483. package/lib/components/progress/src/progress.js.map +1 -1
  484. package/lib/components/progress/src/progress2.js +53 -207
  485. package/lib/components/progress/src/progress2.js.map +1 -1
  486. package/lib/components/radio/index.js +2 -2
  487. package/lib/components/radio/src/radio-group.js +56 -86
  488. package/lib/components/radio/src/radio-group.js.map +1 -1
  489. package/lib/components/radio/src/radio-group2.js +86 -56
  490. package/lib/components/radio/src/radio-group2.js.map +1 -1
  491. package/lib/components/rate/index.js +2 -2
  492. package/lib/components/rate/src/rate.js +86 -254
  493. package/lib/components/rate/src/rate.js.map +1 -1
  494. package/lib/components/rate/src/rate2.js +254 -86
  495. package/lib/components/rate/src/rate2.js.map +1 -1
  496. package/lib/components/scrollbar/src/bar.js +10 -64
  497. package/lib/components/scrollbar/src/bar.js.map +1 -1
  498. package/lib/components/scrollbar/src/bar2.js +64 -10
  499. package/lib/components/scrollbar/src/bar2.js.map +1 -1
  500. package/lib/components/scrollbar/src/scrollbar2.js +1 -1
  501. package/lib/components/select/src/select.js +1 -1
  502. package/lib/components/select-v2/src/defaults.js +1 -1
  503. package/lib/components/switch/index.js +2 -2
  504. package/lib/components/switch/src/switch.js +229 -75
  505. package/lib/components/switch/src/switch.js.map +1 -1
  506. package/lib/components/switch/src/switch2.js +75 -229
  507. package/lib/components/switch/src/switch2.js.map +1 -1
  508. package/lib/components/table/src/filter-panel.js +1 -1
  509. package/lib/components/time-picker/src/common/props.js +1 -1
  510. package/lib/components/timeline/index.js +2 -2
  511. package/lib/components/timeline/src/timeline-item.js +33 -72
  512. package/lib/components/timeline/src/timeline-item.js.map +1 -1
  513. package/lib/components/timeline/src/timeline-item2.js +72 -33
  514. package/lib/components/timeline/src/timeline-item2.js.map +1 -1
  515. package/lib/components/tooltip/index.js +1 -1
  516. package/lib/components/tooltip/src/content.js +29 -203
  517. package/lib/components/tooltip/src/content.js.map +1 -1
  518. package/lib/components/tooltip/src/content2.js +203 -29
  519. package/lib/components/tooltip/src/content2.js.map +1 -1
  520. package/lib/components/tooltip/src/tooltip.js +2 -2
  521. package/lib/components/tooltip/src/tooltip2.js +1 -1
  522. package/lib/components/tour/index.js +3 -3
  523. package/lib/components/tour/src/content.js +46 -67
  524. package/lib/components/tour/src/content.js.map +1 -1
  525. package/lib/components/tour/src/content2.js +67 -46
  526. package/lib/components/tour/src/content2.js.map +1 -1
  527. package/lib/components/tour/src/step.js +191 -44
  528. package/lib/components/tour/src/step.js.map +1 -1
  529. package/lib/components/tour/src/step2.js +44 -191
  530. package/lib/components/tour/src/step2.js.map +1 -1
  531. package/lib/components/tour/src/tour.js +1 -1
  532. package/lib/components/tour/src/tour2.js +1 -1
  533. package/lib/components/tree/src/model/useNodeExpandEventBroadcast.js +9 -3
  534. package/lib/components/tree/src/model/useNodeExpandEventBroadcast.js.map +1 -1
  535. package/lib/components/watermark/index.js +2 -2
  536. package/lib/components/watermark/src/watermark.js +27 -226
  537. package/lib/components/watermark/src/watermark.js.map +1 -1
  538. package/lib/components/watermark/src/watermark2.js +226 -27
  539. package/lib/components/watermark/src/watermark2.js.map +1 -1
  540. package/lib/index.js +18 -18
  541. package/lib/version.d.ts +1 -1
  542. package/lib/version.js +1 -1
  543. package/lib/version.js.map +1 -1
  544. package/package.json +3 -3
  545. package/theme-chalk/el-dialog.css +1 -1
  546. package/theme-chalk/index.css +1 -1
  547. package/theme-chalk/src/dialog.scss +6 -0
  548. package/web-types.json +1 -1
@@ -2,75 +2,54 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var vue = require('vue');
6
- var focusTrap = require('../../focus-trap/src/focus-trap.js');
7
- var content = require('./content2.js');
8
- var helper = require('./helper.js');
9
- var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
5
+ var runtime = require('../../../utils/vue/props/runtime.js');
10
6
 
11
- const __default__ = vue.defineComponent({
12
- name: "ElTourContent"
13
- });
14
- const _sfc_main = /* @__PURE__ */ vue.defineComponent({
15
- ...__default__,
16
- props: content.tourContentProps,
17
- emits: content.tourContentEmits,
18
- setup(__props, { emit }) {
19
- const props = __props;
20
- const placement = vue.ref(props.placement);
21
- const strategy = vue.ref(props.strategy);
22
- const contentRef = vue.ref(null);
23
- const arrowRef = vue.ref(null);
24
- vue.watch(() => props.placement, () => {
25
- placement.value = props.placement;
26
- });
27
- const { contentStyle, arrowStyle } = helper.useFloating(vue.toRef(props, "reference"), contentRef, arrowRef, placement, strategy, vue.toRef(props, "offset"), vue.toRef(props, "zIndex"), vue.toRef(props, "showArrow"));
28
- const side = vue.computed(() => {
29
- return placement.value.split("-")[0];
30
- });
31
- const { ns } = vue.inject(helper.tourKey);
32
- const onCloseRequested = () => {
33
- emit("close");
34
- };
35
- const onFocusoutPrevented = (event) => {
36
- if (event.detail.focusReason === "pointer") {
37
- event.preventDefault();
38
- }
39
- };
40
- return (_ctx, _cache) => {
41
- return vue.openBlock(), vue.createElementBlock("div", {
42
- ref_key: "contentRef",
43
- ref: contentRef,
44
- style: vue.normalizeStyle(vue.unref(contentStyle)),
45
- class: vue.normalizeClass(vue.unref(ns).e("content")),
46
- "data-side": vue.unref(side),
47
- tabindex: "-1"
48
- }, [
49
- vue.createVNode(vue.unref(focusTrap["default"]), {
50
- loop: "",
51
- trapped: "",
52
- "focus-start-el": "container",
53
- "focus-trap-el": contentRef.value || void 0,
54
- onReleaseRequested: onCloseRequested,
55
- onFocusoutPrevented
56
- }, {
57
- default: vue.withCtx(() => [
58
- vue.renderSlot(_ctx.$slots, "default")
59
- ]),
60
- _: 3
61
- }, 8, ["focus-trap-el"]),
62
- _ctx.showArrow ? (vue.openBlock(), vue.createElementBlock("span", {
63
- key: 0,
64
- ref_key: "arrowRef",
65
- ref: arrowRef,
66
- style: vue.normalizeStyle(vue.unref(arrowStyle)),
67
- class: vue.normalizeClass(vue.unref(ns).e("arrow"))
68
- }, null, 6)) : vue.createCommentVNode("v-if", true)
69
- ], 14, ["data-side"]);
70
- };
7
+ const tourStrategies = ["absolute", "fixed"];
8
+ const tourPlacements = [
9
+ "top-start",
10
+ "top-end",
11
+ "top",
12
+ "bottom-start",
13
+ "bottom-end",
14
+ "bottom",
15
+ "left-start",
16
+ "left-end",
17
+ "left",
18
+ "right-start",
19
+ "right-end",
20
+ "right"
21
+ ];
22
+ const tourContentProps = runtime.buildProps({
23
+ placement: {
24
+ type: runtime.definePropType(String),
25
+ values: tourPlacements,
26
+ default: "bottom"
27
+ },
28
+ reference: {
29
+ type: runtime.definePropType(Object),
30
+ default: null
31
+ },
32
+ strategy: {
33
+ type: runtime.definePropType(String),
34
+ values: tourStrategies,
35
+ default: "absolute"
36
+ },
37
+ offset: {
38
+ type: Number,
39
+ default: 10
40
+ },
41
+ showArrow: Boolean,
42
+ zIndex: {
43
+ type: Number,
44
+ default: 2001
71
45
  }
72
46
  });
73
- var ElTourContent = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "content.vue"]]);
47
+ const tourContentEmits = {
48
+ close: () => true
49
+ };
74
50
 
75
- exports["default"] = ElTourContent;
51
+ exports.tourContentEmits = tourContentEmits;
52
+ exports.tourContentProps = tourContentProps;
53
+ exports.tourPlacements = tourPlacements;
54
+ exports.tourStrategies = tourStrategies;
76
55
  //# sourceMappingURL=content.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"content.js","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":["ref","watch","useFloating","toRef","computed","inject","tourKey","_openBlock","_createElementBlock","_unref","_normalizeClass","_createVNode","ElFocusTrap"],"mappings":";;;;;;;;;;uCAiCc,CAAA;AAAA,EACZ,IAAM,EAAA,eAAA;AACR,CAAA,CAAA,CAAA;;;;;;;AAKA,IAAM,MAAA,SAAA,GAAYA,OAAI,CAAA,KAAA,CAAM,SAAS,CAAA,CAAA;AACrC,IAAM,MAAA,QAAA,GAAWA,OAAI,CAAA,KAAA,CAAM,QAAQ,CAAA,CAAA;AACnC,IAAM,MAAA,UAAA,GAAaA,QAAwB,IAAI,CAAA,CAAA;AAC/C,IAAM,MAAA,QAAA,GAAWA,QAAwB,IAAI,CAAA,CAAA;AAE7C,IAAAC,SAAA,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,GAAAC,kBAAA,CAAAC,SAAA,CAAA,KAAA,EAAA,WAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,SAAA,EAAA,QAAA,EAAAA,SAAA,CAAA,KAAA,EAAA,QAAA,CAAA,EAAAA,SAAA,CAAA,KAAA,EAAA,QAAA,CAAA,EAAAA,SAAA,CAAA,KAAA,EAAA,WAAA,CAAA,CAAA,CAAA;AAAA,IAC1B,MAAA,IAAA,GAAAC,YAAA,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,OAAOC,UAAW,CAAAC,cAAA,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,OAAOC,aAAU,EAAA,EAAAC,sBAAkB,CAAA,KAAA,EAAA;AAAA,QACpC,OAAA,EAAA,YAAA;AAED,QAAA,GAAQ,EAAA,UAAO;AAEf,QAAA,yBAA+B,CAAAC,SAAA,CAAA,YAAA,CAAA,CAAA;AAC7B,QAAA,KAAY,EAAAC,kBAAA,CAAAD,SAAA,CAAA,EAAA,CAAA,CAAA,CAAA,CAAA,SAAA,CAAA,CAAA;AAAA,QACd,WAAA,EAAAA,SAAA,CAAA,IAAA,CAAA;AAEA,QAAM,QAAA,EAAA,IAAA;AACJ,OAAI,EAAA;AACF,QAAAE,eAAqB,CAAAF,SAAA,CAAAG,oBAAA,CAAA,EAAA;AAAA,UACvB,IAAA,EAAA,EAAA;AAAA,UACF,OAAA,EAAA,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"content.js","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":["buildProps","definePropType"],"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,GAAGA,kBAAU,CAAC;AAC3C,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAEC,sBAAc,CAAC,MAAM,CAAC;AAChC,IAAI,MAAM,EAAE,cAAc;AAC1B,IAAI,OAAO,EAAE,QAAQ;AACrB,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAEA,sBAAc,CAAC,MAAM,CAAC;AAChC,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAEA,sBAAc,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;;;;;;;"}
@@ -2,54 +2,75 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var runtime = require('../../../utils/vue/props/runtime.js');
5
+ var vue = require('vue');
6
+ var focusTrap = require('../../focus-trap/src/focus-trap.js');
7
+ var content = require('./content.js');
8
+ var helper = require('./helper.js');
9
+ var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
6
10
 
7
- const tourStrategies = ["absolute", "fixed"];
8
- const tourPlacements = [
9
- "top-start",
10
- "top-end",
11
- "top",
12
- "bottom-start",
13
- "bottom-end",
14
- "bottom",
15
- "left-start",
16
- "left-end",
17
- "left",
18
- "right-start",
19
- "right-end",
20
- "right"
21
- ];
22
- const tourContentProps = runtime.buildProps({
23
- placement: {
24
- type: runtime.definePropType(String),
25
- values: tourPlacements,
26
- default: "bottom"
27
- },
28
- reference: {
29
- type: runtime.definePropType(Object),
30
- default: null
31
- },
32
- strategy: {
33
- type: runtime.definePropType(String),
34
- values: tourStrategies,
35
- default: "absolute"
36
- },
37
- offset: {
38
- type: Number,
39
- default: 10
40
- },
41
- showArrow: Boolean,
42
- zIndex: {
43
- type: Number,
44
- default: 2001
11
+ const __default__ = vue.defineComponent({
12
+ name: "ElTourContent"
13
+ });
14
+ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
15
+ ...__default__,
16
+ props: content.tourContentProps,
17
+ emits: content.tourContentEmits,
18
+ setup(__props, { emit }) {
19
+ const props = __props;
20
+ const placement = vue.ref(props.placement);
21
+ const strategy = vue.ref(props.strategy);
22
+ const contentRef = vue.ref(null);
23
+ const arrowRef = vue.ref(null);
24
+ vue.watch(() => props.placement, () => {
25
+ placement.value = props.placement;
26
+ });
27
+ const { contentStyle, arrowStyle } = helper.useFloating(vue.toRef(props, "reference"), contentRef, arrowRef, placement, strategy, vue.toRef(props, "offset"), vue.toRef(props, "zIndex"), vue.toRef(props, "showArrow"));
28
+ const side = vue.computed(() => {
29
+ return placement.value.split("-")[0];
30
+ });
31
+ const { ns } = vue.inject(helper.tourKey);
32
+ const onCloseRequested = () => {
33
+ emit("close");
34
+ };
35
+ const onFocusoutPrevented = (event) => {
36
+ if (event.detail.focusReason === "pointer") {
37
+ event.preventDefault();
38
+ }
39
+ };
40
+ return (_ctx, _cache) => {
41
+ return vue.openBlock(), vue.createElementBlock("div", {
42
+ ref_key: "contentRef",
43
+ ref: contentRef,
44
+ style: vue.normalizeStyle(vue.unref(contentStyle)),
45
+ class: vue.normalizeClass(vue.unref(ns).e("content")),
46
+ "data-side": vue.unref(side),
47
+ tabindex: "-1"
48
+ }, [
49
+ vue.createVNode(vue.unref(focusTrap["default"]), {
50
+ loop: "",
51
+ trapped: "",
52
+ "focus-start-el": "container",
53
+ "focus-trap-el": contentRef.value || void 0,
54
+ onReleaseRequested: onCloseRequested,
55
+ onFocusoutPrevented
56
+ }, {
57
+ default: vue.withCtx(() => [
58
+ vue.renderSlot(_ctx.$slots, "default")
59
+ ]),
60
+ _: 3
61
+ }, 8, ["focus-trap-el"]),
62
+ _ctx.showArrow ? (vue.openBlock(), vue.createElementBlock("span", {
63
+ key: 0,
64
+ ref_key: "arrowRef",
65
+ ref: arrowRef,
66
+ style: vue.normalizeStyle(vue.unref(arrowStyle)),
67
+ class: vue.normalizeClass(vue.unref(ns).e("arrow"))
68
+ }, null, 6)) : vue.createCommentVNode("v-if", true)
69
+ ], 14, ["data-side"]);
70
+ };
45
71
  }
46
72
  });
47
- const tourContentEmits = {
48
- close: () => true
49
- };
73
+ var ElTourContent = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "content.vue"]]);
50
74
 
51
- exports.tourContentEmits = tourContentEmits;
52
- exports.tourContentProps = tourContentProps;
53
- exports.tourPlacements = tourPlacements;
54
- exports.tourStrategies = tourStrategies;
75
+ exports["default"] = ElTourContent;
55
76
  //# sourceMappingURL=content2.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"content2.js","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":["buildProps","definePropType"],"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,GAAGA,kBAAU,CAAC;AAC3C,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAEC,sBAAc,CAAC,MAAM,CAAC;AAChC,IAAI,MAAM,EAAE,cAAc;AAC1B,IAAI,OAAO,EAAE,QAAQ;AACrB,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAEA,sBAAc,CAAC,MAAM,CAAC;AAChC,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAEA,sBAAc,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":"content2.js","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":["ref","watch","useFloating","toRef","computed","inject","tourKey","_openBlock","_createElementBlock","_unref","_normalizeClass","_createVNode","ElFocusTrap"],"mappings":";;;;;;;;;;uCAiCc,CAAA;AAAA,EACZ,IAAM,EAAA,eAAA;AACR,CAAA,CAAA,CAAA;;;;;;;AAKA,IAAM,MAAA,SAAA,GAAYA,OAAI,CAAA,KAAA,CAAM,SAAS,CAAA,CAAA;AACrC,IAAM,MAAA,QAAA,GAAWA,OAAI,CAAA,KAAA,CAAM,QAAQ,CAAA,CAAA;AACnC,IAAM,MAAA,UAAA,GAAaA,QAAwB,IAAI,CAAA,CAAA;AAC/C,IAAM,MAAA,QAAA,GAAWA,QAAwB,IAAI,CAAA,CAAA;AAE7C,IAAAC,SAAA,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,GAAAC,kBAAA,CAAAC,SAAA,CAAA,KAAA,EAAA,WAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,SAAA,EAAA,QAAA,EAAAA,SAAA,CAAA,KAAA,EAAA,QAAA,CAAA,EAAAA,SAAA,CAAA,KAAA,EAAA,QAAA,CAAA,EAAAA,SAAA,CAAA,KAAA,EAAA,WAAA,CAAA,CAAA,CAAA;AAAA,IAC1B,MAAA,IAAA,GAAAC,YAAA,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,OAAOC,UAAW,CAAAC,cAAA,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,OAAOC,aAAU,EAAA,EAAAC,sBAAkB,CAAA,KAAA,EAAA;AAAA,QACpC,OAAA,EAAA,YAAA;AAED,QAAA,GAAQ,EAAA,UAAO;AAEf,QAAA,yBAA+B,CAAAC,SAAA,CAAA,YAAA,CAAA,CAAA;AAC7B,QAAA,KAAY,EAAAC,kBAAA,CAAAD,SAAA,CAAA,EAAA,CAAA,CAAA,CAAA,CAAA,SAAA,CAAA,CAAA;AAAA,QACd,WAAA,EAAAA,SAAA,CAAA,IAAA,CAAA;AAEA,QAAM,QAAA,EAAA,IAAA;AACJ,OAAI,EAAA;AACF,QAAAE,eAAqB,CAAAF,SAAA,CAAAG,oBAAA,CAAA,EAAA;AAAA,UACvB,IAAA,EAAA,EAAA;AAAA,UACF,OAAA,EAAA,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -2,53 +2,200 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var content = require('./content2.js');
6
- var runtime = require('../../../utils/vue/props/runtime.js');
5
+ var vue = require('vue');
6
+ var lodashUnified = require('lodash-unified');
7
+ var index$2 = require('../../button/index.js');
8
+ var index$1 = require('../../icon/index.js');
9
+ var step = require('./step2.js');
10
+ var helper = require('./helper.js');
11
+ var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
12
+ var index = require('../../../hooks/use-locale/index.js');
7
13
  var icon = require('../../../utils/vue/icon.js');
14
+ var event = require('../../../utils/dom/event.js');
15
+ var aria = require('../../../constants/aria.js');
8
16
 
9
- const tourStepProps = runtime.buildProps({
10
- target: {
11
- type: runtime.definePropType([String, Object, Function])
12
- },
13
- title: String,
14
- description: String,
15
- showClose: {
16
- type: Boolean,
17
- default: void 0
18
- },
19
- closeIcon: {
20
- type: icon.iconPropType
21
- },
22
- showArrow: {
23
- type: Boolean,
24
- default: void 0
25
- },
26
- placement: content.tourContentProps.placement,
27
- mask: {
28
- type: runtime.definePropType([Boolean, Object]),
29
- default: void 0
30
- },
31
- contentStyle: {
32
- type: runtime.definePropType([Object])
33
- },
34
- prevButtonProps: {
35
- type: runtime.definePropType(Object)
36
- },
37
- nextButtonProps: {
38
- type: runtime.definePropType(Object)
39
- },
40
- scrollIntoViewOptions: {
41
- type: runtime.definePropType([Boolean, Object]),
42
- default: void 0
43
- },
44
- type: {
45
- type: runtime.definePropType(String)
17
+ const __default__ = vue.defineComponent({
18
+ name: "ElTourStep"
19
+ });
20
+ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
21
+ ...__default__,
22
+ props: step.tourStepProps,
23
+ emits: step.tourStepEmits,
24
+ setup(__props, { emit }) {
25
+ const props = __props;
26
+ const { Close } = icon.CloseComponents;
27
+ const { t } = index.useLocale();
28
+ const {
29
+ currentStep,
30
+ current,
31
+ total,
32
+ showClose,
33
+ closeIcon,
34
+ mergedType,
35
+ ns,
36
+ slots: tourSlots,
37
+ updateModelValue,
38
+ onClose: tourOnClose,
39
+ onFinish: tourOnFinish,
40
+ onChange
41
+ } = vue.inject(helper.tourKey);
42
+ vue.watch(props, (val) => {
43
+ currentStep.value = val;
44
+ }, {
45
+ immediate: true
46
+ });
47
+ const mergedShowClose = vue.computed(() => {
48
+ var _a;
49
+ return (_a = props.showClose) != null ? _a : showClose.value;
50
+ });
51
+ const mergedCloseIcon = vue.computed(() => {
52
+ var _a, _b;
53
+ return (_b = (_a = props.closeIcon) != null ? _a : closeIcon.value) != null ? _b : Close;
54
+ });
55
+ const filterButtonProps = (btnProps) => {
56
+ if (!btnProps)
57
+ return;
58
+ return lodashUnified.omit(btnProps, ["children", "onClick"]);
59
+ };
60
+ const onPrev = () => {
61
+ var _a, _b;
62
+ current.value -= 1;
63
+ if ((_a = props.prevButtonProps) == null ? void 0 : _a.onClick) {
64
+ (_b = props.prevButtonProps) == null ? void 0 : _b.onClick();
65
+ }
66
+ onChange();
67
+ };
68
+ const onNext = () => {
69
+ var _a;
70
+ if (current.value >= total.value - 1) {
71
+ onFinish();
72
+ } else {
73
+ current.value += 1;
74
+ }
75
+ if ((_a = props.nextButtonProps) == null ? void 0 : _a.onClick) {
76
+ props.nextButtonProps.onClick();
77
+ }
78
+ onChange();
79
+ };
80
+ const onFinish = () => {
81
+ onClose();
82
+ tourOnFinish();
83
+ };
84
+ const onClose = () => {
85
+ updateModelValue(false);
86
+ tourOnClose();
87
+ emit("close");
88
+ };
89
+ const handleKeydown = (e) => {
90
+ const target = e.target;
91
+ if (target == null ? void 0 : target.isContentEditable)
92
+ return;
93
+ const code = event.getEventCode(e);
94
+ switch (code) {
95
+ case aria.EVENT_CODE.left:
96
+ e.preventDefault();
97
+ current.value > 0 && onPrev();
98
+ break;
99
+ case aria.EVENT_CODE.right:
100
+ e.preventDefault();
101
+ onNext();
102
+ break;
103
+ }
104
+ };
105
+ vue.onMounted(() => {
106
+ window.addEventListener("keydown", handleKeydown);
107
+ });
108
+ vue.onBeforeUnmount(() => {
109
+ window.removeEventListener("keydown", handleKeydown);
110
+ });
111
+ return (_ctx, _cache) => {
112
+ return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
113
+ vue.unref(mergedShowClose) ? (vue.openBlock(), vue.createElementBlock("button", {
114
+ key: 0,
115
+ "aria-label": vue.unref(t)("el.tour.close"),
116
+ class: vue.normalizeClass(vue.unref(ns).e("closebtn")),
117
+ type: "button",
118
+ onClick: onClose
119
+ }, [
120
+ vue.createVNode(vue.unref(index$1.ElIcon), {
121
+ class: vue.normalizeClass(vue.unref(ns).e("close"))
122
+ }, {
123
+ default: vue.withCtx(() => [
124
+ (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.unref(mergedCloseIcon))))
125
+ ]),
126
+ _: 1
127
+ }, 8, ["class"])
128
+ ], 10, ["aria-label"])) : vue.createCommentVNode("v-if", true),
129
+ vue.createElementVNode("header", {
130
+ class: vue.normalizeClass([vue.unref(ns).e("header"), { "show-close": vue.unref(showClose) }])
131
+ }, [
132
+ vue.renderSlot(_ctx.$slots, "header", {}, () => [
133
+ vue.createElementVNode("span", {
134
+ role: "heading",
135
+ class: vue.normalizeClass(vue.unref(ns).e("title"))
136
+ }, vue.toDisplayString(_ctx.title), 3)
137
+ ])
138
+ ], 2),
139
+ vue.createElementVNode("div", {
140
+ class: vue.normalizeClass(vue.unref(ns).e("body"))
141
+ }, [
142
+ vue.renderSlot(_ctx.$slots, "default", {}, () => [
143
+ vue.createElementVNode("span", null, vue.toDisplayString(_ctx.description), 1)
144
+ ])
145
+ ], 2),
146
+ vue.createElementVNode("footer", {
147
+ class: vue.normalizeClass(vue.unref(ns).e("footer"))
148
+ }, [
149
+ vue.createElementVNode("div", {
150
+ class: vue.normalizeClass(vue.unref(ns).b("indicators"))
151
+ }, [
152
+ vue.unref(tourSlots).indicators ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.unref(tourSlots).indicators), {
153
+ key: 0,
154
+ current: vue.unref(current),
155
+ total: vue.unref(total)
156
+ }, null, 8, ["current", "total"])) : (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 1 }, vue.renderList(vue.unref(total), (item, index) => {
157
+ return vue.openBlock(), vue.createElementBlock("span", {
158
+ key: item,
159
+ class: vue.normalizeClass([vue.unref(ns).b("indicator"), vue.unref(ns).is("active", index === vue.unref(current))])
160
+ }, null, 2);
161
+ }), 128))
162
+ ], 2),
163
+ vue.createElementVNode("div", {
164
+ class: vue.normalizeClass(vue.unref(ns).b("buttons"))
165
+ }, [
166
+ vue.unref(current) > 0 ? (vue.openBlock(), vue.createBlock(vue.unref(index$2.ElButton), vue.mergeProps({
167
+ key: 0,
168
+ size: "small",
169
+ type: vue.unref(mergedType)
170
+ }, filterButtonProps(_ctx.prevButtonProps), { onClick: onPrev }), {
171
+ default: vue.withCtx(() => {
172
+ var _a, _b;
173
+ return [
174
+ vue.createTextVNode(vue.toDisplayString((_b = (_a = _ctx.prevButtonProps) == null ? void 0 : _a.children) != null ? _b : vue.unref(t)("el.tour.previous")), 1)
175
+ ];
176
+ }),
177
+ _: 1
178
+ }, 16, ["type"])) : vue.createCommentVNode("v-if", true),
179
+ vue.unref(current) <= vue.unref(total) - 1 ? (vue.openBlock(), vue.createBlock(vue.unref(index$2.ElButton), vue.mergeProps({
180
+ key: 1,
181
+ size: "small",
182
+ type: vue.unref(mergedType) === "primary" ? "default" : "primary"
183
+ }, filterButtonProps(_ctx.nextButtonProps), { onClick: onNext }), {
184
+ default: vue.withCtx(() => {
185
+ var _a, _b;
186
+ return [
187
+ vue.createTextVNode(vue.toDisplayString((_b = (_a = _ctx.nextButtonProps) == null ? void 0 : _a.children) != null ? _b : vue.unref(current) === vue.unref(total) - 1 ? vue.unref(t)("el.tour.finish") : vue.unref(t)("el.tour.next")), 1)
188
+ ];
189
+ }),
190
+ _: 1
191
+ }, 16, ["type"])) : vue.createCommentVNode("v-if", true)
192
+ ], 2)
193
+ ], 2)
194
+ ], 64);
195
+ };
46
196
  }
47
197
  });
48
- const tourStepEmits = {
49
- close: () => true
50
- };
198
+ var TourStep = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "step.vue"]]);
51
199
 
52
- exports.tourStepEmits = tourStepEmits;
53
- exports.tourStepProps = tourStepProps;
200
+ exports["default"] = TourStep;
54
201
  //# sourceMappingURL=step.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"step.js","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":["buildProps","definePropType","iconPropType","tourContentProps"],"mappings":";;;;;;;;AAEY,MAAC,aAAa,GAAGA,kBAAU,CAAC;AACxC,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAEC,sBAAc,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,EAAEC,iBAAY;AACtB,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,KAAK,CAAC;AACnB,GAAG;AACH,EAAE,SAAS,EAAEC,wBAAgB,CAAC,SAAS;AACvC,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAEF,sBAAc,CAAC,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;AAC3C,IAAI,OAAO,EAAE,KAAK,CAAC;AACnB,GAAG;AACH,EAAE,YAAY,EAAE;AAChB,IAAI,IAAI,EAAEA,sBAAc,CAAC,CAAC,MAAM,CAAC,CAAC;AAClC,GAAG;AACH,EAAE,eAAe,EAAE;AACnB,IAAI,IAAI,EAAEA,sBAAc,CAAC,MAAM,CAAC;AAChC,GAAG;AACH,EAAE,eAAe,EAAE;AACnB,IAAI,IAAI,EAAEA,sBAAc,CAAC,MAAM,CAAC;AAChC,GAAG;AACH,EAAE,qBAAqB,EAAE;AACzB,IAAI,IAAI,EAAEA,sBAAc,CAAC,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;AAC3C,IAAI,OAAO,EAAE,KAAK,CAAC;AACnB,GAAG;AACH,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAEA,sBAAc,CAAC,MAAM,CAAC;AAChC,GAAG;AACH,CAAC,EAAE;AACS,MAAC,aAAa,GAAG;AAC7B,EAAE,KAAK,EAAE,MAAM,IAAI;AACnB;;;;;"}
1
+ {"version":3,"file":"step.js","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":["CloseComponents","useLocale","inject","tourKey","watch","computed","omit","getEventCode","EVENT_CODE","onMounted"],"mappings":"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"}