element-plus 2.9.8 → 2.9.9

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 (682) hide show
  1. package/attributes.json +1 -1
  2. package/dist/index.css +1 -1
  3. package/dist/index.full.js +166 -116
  4. package/dist/index.full.min.js +24 -24
  5. package/dist/index.full.min.js.map +1 -1
  6. package/dist/index.full.min.mjs +24 -24
  7. package/dist/index.full.min.mjs.map +1 -1
  8. package/dist/index.full.mjs +166 -116
  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 +3 -3
  86. package/dist/locale/fr.min.js +1 -1
  87. package/dist/locale/fr.min.js.map +1 -1
  88. package/dist/locale/fr.min.mjs +1 -1
  89. package/dist/locale/fr.min.mjs.map +1 -1
  90. package/dist/locale/fr.mjs +3 -3
  91. package/dist/locale/he.js +1 -1
  92. package/dist/locale/he.min.js +1 -1
  93. package/dist/locale/he.min.mjs +1 -1
  94. package/dist/locale/he.mjs +1 -1
  95. package/dist/locale/hi.js +1 -1
  96. package/dist/locale/hi.min.js +1 -1
  97. package/dist/locale/hi.min.mjs +1 -1
  98. package/dist/locale/hi.mjs +1 -1
  99. package/dist/locale/hr.js +1 -1
  100. package/dist/locale/hr.min.js +1 -1
  101. package/dist/locale/hr.min.mjs +1 -1
  102. package/dist/locale/hr.mjs +1 -1
  103. package/dist/locale/hu.js +1 -1
  104. package/dist/locale/hu.min.js +1 -1
  105. package/dist/locale/hu.min.mjs +1 -1
  106. package/dist/locale/hu.mjs +1 -1
  107. package/dist/locale/hy-am.js +1 -1
  108. package/dist/locale/hy-am.min.js +1 -1
  109. package/dist/locale/hy-am.min.mjs +1 -1
  110. package/dist/locale/hy-am.mjs +1 -1
  111. package/dist/locale/id.js +1 -1
  112. package/dist/locale/id.min.js +1 -1
  113. package/dist/locale/id.min.mjs +1 -1
  114. package/dist/locale/id.mjs +1 -1
  115. package/dist/locale/it.js +1 -1
  116. package/dist/locale/it.min.js +1 -1
  117. package/dist/locale/it.min.mjs +1 -1
  118. package/dist/locale/it.mjs +1 -1
  119. package/dist/locale/ja.js +1 -1
  120. package/dist/locale/ja.min.js +1 -1
  121. package/dist/locale/ja.min.mjs +1 -1
  122. package/dist/locale/ja.mjs +1 -1
  123. package/dist/locale/kk.js +1 -1
  124. package/dist/locale/kk.min.js +1 -1
  125. package/dist/locale/kk.min.mjs +1 -1
  126. package/dist/locale/kk.mjs +1 -1
  127. package/dist/locale/km.js +1 -1
  128. package/dist/locale/km.min.js +1 -1
  129. package/dist/locale/km.min.mjs +1 -1
  130. package/dist/locale/km.mjs +1 -1
  131. package/dist/locale/ko.js +1 -1
  132. package/dist/locale/ko.min.js +1 -1
  133. package/dist/locale/ko.min.mjs +1 -1
  134. package/dist/locale/ko.mjs +1 -1
  135. package/dist/locale/ku.js +1 -1
  136. package/dist/locale/ku.min.js +1 -1
  137. package/dist/locale/ku.min.mjs +1 -1
  138. package/dist/locale/ku.mjs +1 -1
  139. package/dist/locale/ky.js +1 -1
  140. package/dist/locale/ky.min.js +1 -1
  141. package/dist/locale/ky.min.mjs +1 -1
  142. package/dist/locale/ky.mjs +1 -1
  143. package/dist/locale/lo.js +1 -1
  144. package/dist/locale/lo.min.js +1 -1
  145. package/dist/locale/lo.min.mjs +1 -1
  146. package/dist/locale/lo.mjs +1 -1
  147. package/dist/locale/lt.js +1 -1
  148. package/dist/locale/lt.min.js +1 -1
  149. package/dist/locale/lt.min.mjs +1 -1
  150. package/dist/locale/lt.mjs +1 -1
  151. package/dist/locale/lv.js +1 -1
  152. package/dist/locale/lv.min.js +1 -1
  153. package/dist/locale/lv.min.mjs +1 -1
  154. package/dist/locale/lv.mjs +1 -1
  155. package/dist/locale/mg.js +1 -1
  156. package/dist/locale/mg.min.js +1 -1
  157. package/dist/locale/mg.min.mjs +1 -1
  158. package/dist/locale/mg.mjs +1 -1
  159. package/dist/locale/mn.js +1 -1
  160. package/dist/locale/mn.min.js +1 -1
  161. package/dist/locale/mn.min.mjs +1 -1
  162. package/dist/locale/mn.mjs +1 -1
  163. package/dist/locale/ms.js +1 -1
  164. package/dist/locale/ms.min.js +1 -1
  165. package/dist/locale/ms.min.mjs +1 -1
  166. package/dist/locale/ms.mjs +1 -1
  167. package/dist/locale/my.js +1 -1
  168. package/dist/locale/my.min.js +1 -1
  169. package/dist/locale/my.min.mjs +1 -1
  170. package/dist/locale/my.mjs +1 -1
  171. package/dist/locale/nb-no.js +1 -1
  172. package/dist/locale/nb-no.min.js +1 -1
  173. package/dist/locale/nb-no.min.mjs +1 -1
  174. package/dist/locale/nb-no.mjs +1 -1
  175. package/dist/locale/nl.js +1 -1
  176. package/dist/locale/nl.min.js +1 -1
  177. package/dist/locale/nl.min.mjs +1 -1
  178. package/dist/locale/nl.mjs +1 -1
  179. package/dist/locale/no.js +1 -1
  180. package/dist/locale/no.min.js +1 -1
  181. package/dist/locale/no.min.mjs +1 -1
  182. package/dist/locale/no.mjs +1 -1
  183. package/dist/locale/pa.js +1 -1
  184. package/dist/locale/pa.min.js +1 -1
  185. package/dist/locale/pa.min.mjs +1 -1
  186. package/dist/locale/pa.mjs +1 -1
  187. package/dist/locale/pl.js +1 -1
  188. package/dist/locale/pl.min.js +1 -1
  189. package/dist/locale/pl.min.mjs +1 -1
  190. package/dist/locale/pl.mjs +1 -1
  191. package/dist/locale/pt-br.js +1 -1
  192. package/dist/locale/pt-br.min.js +1 -1
  193. package/dist/locale/pt-br.min.mjs +1 -1
  194. package/dist/locale/pt-br.mjs +1 -1
  195. package/dist/locale/pt.js +1 -1
  196. package/dist/locale/pt.min.js +1 -1
  197. package/dist/locale/pt.min.mjs +1 -1
  198. package/dist/locale/pt.mjs +1 -1
  199. package/dist/locale/ro.js +1 -1
  200. package/dist/locale/ro.min.js +1 -1
  201. package/dist/locale/ro.min.mjs +1 -1
  202. package/dist/locale/ro.mjs +1 -1
  203. package/dist/locale/ru.js +1 -1
  204. package/dist/locale/ru.min.js +1 -1
  205. package/dist/locale/ru.min.mjs +1 -1
  206. package/dist/locale/ru.mjs +1 -1
  207. package/dist/locale/sk.js +1 -1
  208. package/dist/locale/sk.min.js +1 -1
  209. package/dist/locale/sk.min.mjs +1 -1
  210. package/dist/locale/sk.mjs +1 -1
  211. package/dist/locale/sl.js +1 -1
  212. package/dist/locale/sl.min.js +1 -1
  213. package/dist/locale/sl.min.mjs +1 -1
  214. package/dist/locale/sl.mjs +1 -1
  215. package/dist/locale/sr.js +1 -1
  216. package/dist/locale/sr.min.js +1 -1
  217. package/dist/locale/sr.min.mjs +1 -1
  218. package/dist/locale/sr.mjs +1 -1
  219. package/dist/locale/sv.js +1 -1
  220. package/dist/locale/sv.min.js +1 -1
  221. package/dist/locale/sv.min.mjs +1 -1
  222. package/dist/locale/sv.mjs +1 -1
  223. package/dist/locale/sw.js +1 -1
  224. package/dist/locale/sw.min.js +1 -1
  225. package/dist/locale/sw.min.mjs +1 -1
  226. package/dist/locale/sw.mjs +1 -1
  227. package/dist/locale/ta.js +1 -1
  228. package/dist/locale/ta.min.js +1 -1
  229. package/dist/locale/ta.min.mjs +1 -1
  230. package/dist/locale/ta.mjs +1 -1
  231. package/dist/locale/te.js +1 -1
  232. package/dist/locale/te.min.js +1 -1
  233. package/dist/locale/te.min.mjs +1 -1
  234. package/dist/locale/te.mjs +1 -1
  235. package/dist/locale/th.js +1 -1
  236. package/dist/locale/th.min.js +1 -1
  237. package/dist/locale/th.min.mjs +1 -1
  238. package/dist/locale/th.mjs +1 -1
  239. package/dist/locale/tk.js +1 -1
  240. package/dist/locale/tk.min.js +1 -1
  241. package/dist/locale/tk.min.mjs +1 -1
  242. package/dist/locale/tk.mjs +1 -1
  243. package/dist/locale/tr.js +1 -1
  244. package/dist/locale/tr.min.js +1 -1
  245. package/dist/locale/tr.min.mjs +1 -1
  246. package/dist/locale/tr.mjs +1 -1
  247. package/dist/locale/ug-cn.js +1 -1
  248. package/dist/locale/ug-cn.min.js +1 -1
  249. package/dist/locale/ug-cn.min.mjs +1 -1
  250. package/dist/locale/ug-cn.mjs +1 -1
  251. package/dist/locale/uk.js +1 -1
  252. package/dist/locale/uk.min.js +1 -1
  253. package/dist/locale/uk.min.mjs +1 -1
  254. package/dist/locale/uk.mjs +1 -1
  255. package/dist/locale/uz-uz.js +1 -1
  256. package/dist/locale/uz-uz.min.js +1 -1
  257. package/dist/locale/uz-uz.min.mjs +1 -1
  258. package/dist/locale/uz-uz.mjs +1 -1
  259. package/dist/locale/vi.js +1 -1
  260. package/dist/locale/vi.min.js +1 -1
  261. package/dist/locale/vi.min.mjs +1 -1
  262. package/dist/locale/vi.mjs +1 -1
  263. package/dist/locale/zh-cn.js +1 -1
  264. package/dist/locale/zh-cn.min.js +1 -1
  265. package/dist/locale/zh-cn.min.mjs +1 -1
  266. package/dist/locale/zh-cn.mjs +1 -1
  267. package/dist/locale/zh-hk.js +1 -1
  268. package/dist/locale/zh-hk.min.js +1 -1
  269. package/dist/locale/zh-hk.min.mjs +1 -1
  270. package/dist/locale/zh-hk.mjs +1 -1
  271. package/dist/locale/zh-mo.js +1 -1
  272. package/dist/locale/zh-mo.min.js +1 -1
  273. package/dist/locale/zh-mo.min.mjs +1 -1
  274. package/dist/locale/zh-mo.mjs +1 -1
  275. package/dist/locale/zh-tw.js +1 -1
  276. package/dist/locale/zh-tw.min.js +1 -1
  277. package/dist/locale/zh-tw.min.mjs +1 -1
  278. package/dist/locale/zh-tw.mjs +1 -1
  279. package/es/components/autocomplete/src/autocomplete.d.ts +6 -0
  280. package/es/components/autocomplete/src/autocomplete.mjs +1 -0
  281. package/es/components/autocomplete/src/autocomplete.mjs.map +1 -1
  282. package/es/components/autocomplete/src/autocomplete.vue.d.ts +12 -0
  283. package/es/components/autocomplete/src/autocomplete2.mjs +2 -1
  284. package/es/components/autocomplete/src/autocomplete2.mjs.map +1 -1
  285. package/es/components/avatar/index.mjs +2 -2
  286. package/es/components/avatar/src/avatar.mjs +65 -31
  287. package/es/components/avatar/src/avatar.mjs.map +1 -1
  288. package/es/components/avatar/src/avatar2.mjs +31 -65
  289. package/es/components/avatar/src/avatar2.mjs.map +1 -1
  290. package/es/components/backtop/index.mjs +2 -2
  291. package/es/components/backtop/src/backtop.mjs +53 -21
  292. package/es/components/backtop/src/backtop.mjs.map +1 -1
  293. package/es/components/backtop/src/backtop2.mjs +21 -53
  294. package/es/components/backtop/src/backtop2.mjs.map +1 -1
  295. package/es/components/button/src/button.vue.d.ts +2 -2
  296. package/es/components/cascader/src/cascader.d.ts +1 -1
  297. package/es/components/cascader/src/cascader.vue.d.ts +4 -4
  298. package/es/components/collapse/index.mjs +2 -2
  299. package/es/components/collapse/src/collapse.mjs +28 -16
  300. package/es/components/collapse/src/collapse.mjs.map +1 -1
  301. package/es/components/collapse/src/collapse2.mjs +16 -28
  302. package/es/components/collapse/src/collapse2.mjs.map +1 -1
  303. package/es/components/collection/index.mjs +1 -1
  304. package/es/components/collection/src/collection.mjs +10 -62
  305. package/es/components/collection/src/collection.mjs.map +1 -1
  306. package/es/components/collection/src/collection2.mjs +62 -10
  307. package/es/components/collection/src/collection2.mjs.map +1 -1
  308. package/es/components/color-picker/index.mjs +2 -2
  309. package/es/components/color-picker/src/color-picker.mjs +39 -401
  310. package/es/components/color-picker/src/color-picker.mjs.map +1 -1
  311. package/es/components/color-picker/src/color-picker2.mjs +401 -39
  312. package/es/components/color-picker/src/color-picker2.mjs.map +1 -1
  313. package/es/components/color-picker/src/components/predefine.mjs +1 -1
  314. package/es/components/config-provider/src/config-provider.d.ts +2 -2
  315. package/es/components/dialog/src/dialog-content.vue.d.ts +1 -0
  316. package/es/components/dialog/src/dialog-content2.mjs +3 -2
  317. package/es/components/dialog/src/dialog-content2.mjs.map +1 -1
  318. package/es/components/dialog/src/dialog.d.ts +1 -1
  319. package/es/components/dialog/src/dialog.mjs +2 -1
  320. package/es/components/dialog/src/dialog.mjs.map +1 -1
  321. package/es/components/dialog/src/dialog.vue.d.ts +3 -3
  322. package/es/components/drawer/index.mjs +2 -2
  323. package/es/components/drawer/src/drawer.d.ts +1 -1
  324. package/es/components/drawer/src/drawer.mjs +178 -26
  325. package/es/components/drawer/src/drawer.mjs.map +1 -1
  326. package/es/components/drawer/src/drawer.vue.d.ts +3 -3
  327. package/es/components/drawer/src/drawer2.mjs +26 -178
  328. package/es/components/drawer/src/drawer2.mjs.map +1 -1
  329. package/es/components/dropdown/src/dropdown-item-impl.mjs +1 -1
  330. package/es/components/dropdown/src/dropdown.mjs +1 -1
  331. package/es/components/dropdown/src/dropdown.vue.d.ts +3 -3
  332. package/es/components/index.mjs +13 -13
  333. package/es/components/input/index.mjs +2 -2
  334. package/es/components/input/src/input.mjs +437 -103
  335. package/es/components/input/src/input.mjs.map +1 -1
  336. package/es/components/input/src/input2.mjs +103 -437
  337. package/es/components/input/src/input2.mjs.map +1 -1
  338. package/es/components/input-number/index.mjs +2 -2
  339. package/es/components/input-number/src/input-number.mjs +349 -60
  340. package/es/components/input-number/src/input-number.mjs.map +1 -1
  341. package/es/components/input-number/src/input-number2.mjs +60 -349
  342. package/es/components/input-number/src/input-number2.mjs.map +1 -1
  343. package/es/components/input-tag/src/composables/use-input-tag.mjs +8 -0
  344. package/es/components/input-tag/src/composables/use-input-tag.mjs.map +1 -1
  345. package/es/components/input-tag/src/input-tag.d.ts +1 -0
  346. package/es/components/input-tag/src/input-tag.mjs +4 -0
  347. package/es/components/input-tag/src/input-tag.mjs.map +1 -1
  348. package/es/components/input-tag/src/input-tag.vue.d.ts +3 -0
  349. package/es/components/link/src/link.d.ts +1 -1
  350. package/es/components/link/src/link.mjs +3 -2
  351. package/es/components/link/src/link.mjs.map +1 -1
  352. package/es/components/link/src/link.vue.d.ts +3 -3
  353. package/es/components/link/src/link2.mjs +17 -1
  354. package/es/components/link/src/link2.mjs.map +1 -1
  355. package/es/components/mention/src/mention.d.ts +1 -0
  356. package/es/components/mention/src/mention.mjs +2 -1
  357. package/es/components/mention/src/mention.mjs.map +1 -1
  358. package/es/components/mention/src/mention.vue.d.ts +2 -0
  359. package/es/components/mention/src/mention2.mjs +4 -2
  360. package/es/components/mention/src/mention2.mjs.map +1 -1
  361. package/es/components/menu/src/menu.mjs +2 -1
  362. package/es/components/menu/src/menu.mjs.map +1 -1
  363. package/es/components/menu/src/sub-menu.mjs +2 -1
  364. package/es/components/menu/src/sub-menu.mjs.map +1 -1
  365. package/es/components/message/src/message.vue.d.ts +1 -1
  366. package/es/components/message/src/message2.mjs.map +1 -1
  367. package/es/components/popconfirm/index.mjs +2 -2
  368. package/es/components/popconfirm/src/popconfirm.mjs +114 -45
  369. package/es/components/popconfirm/src/popconfirm.mjs.map +1 -1
  370. package/es/components/popconfirm/src/popconfirm2.mjs +45 -114
  371. package/es/components/popconfirm/src/popconfirm2.mjs.map +1 -1
  372. package/es/components/popover/src/popover.d.ts +1 -1
  373. package/es/components/popover/src/popover.vue.d.ts +4 -4
  374. package/es/components/popper/src/composables/use-content.mjs +3 -1
  375. package/es/components/popper/src/composables/use-content.mjs.map +1 -1
  376. package/es/components/progress/index.mjs +2 -2
  377. package/es/components/progress/src/progress.mjs +207 -53
  378. package/es/components/progress/src/progress.mjs.map +1 -1
  379. package/es/components/progress/src/progress2.mjs +53 -207
  380. package/es/components/progress/src/progress2.mjs.map +1 -1
  381. package/es/components/roving-focus-group/src/roving-focus-group.mjs +1 -1
  382. package/es/components/select/src/select.d.ts +6 -1
  383. package/es/components/select/src/select.mjs +1 -1
  384. package/es/components/select/src/select.mjs.map +1 -1
  385. package/es/components/select/src/select.vue.d.ts +15 -5
  386. package/es/components/select-v2/src/defaults.d.ts +6 -1
  387. package/es/components/select-v2/src/defaults.mjs +1 -1
  388. package/es/components/select-v2/src/defaults.mjs.map +1 -1
  389. package/es/components/select-v2/src/select.vue.d.ts +15 -5
  390. package/es/components/select-v2/src/useSelect.mjs +3 -3
  391. package/es/components/select-v2/src/useSelect.mjs.map +1 -1
  392. package/es/components/skeleton/index.mjs +4 -4
  393. package/es/components/skeleton/src/skeleton-item.mjs +17 -22
  394. package/es/components/skeleton/src/skeleton-item.mjs.map +1 -1
  395. package/es/components/skeleton/src/skeleton-item2.mjs +22 -17
  396. package/es/components/skeleton/src/skeleton-item2.mjs.map +1 -1
  397. package/es/components/skeleton/src/skeleton.mjs +48 -21
  398. package/es/components/skeleton/src/skeleton.mjs.map +1 -1
  399. package/es/components/skeleton/src/skeleton2.mjs +21 -48
  400. package/es/components/skeleton/src/skeleton2.mjs.map +1 -1
  401. package/es/components/table/src/filter-panel.mjs +2 -3
  402. package/es/components/table/src/filter-panel.mjs.map +1 -1
  403. package/es/components/table/src/filter-panel.vue.d.ts +8 -2
  404. package/es/components/table/src/table-column/index.d.ts +1 -1
  405. package/es/components/table-v2/src/table-v2.d.ts +2 -2
  406. package/es/components/table-v2/src/table.d.ts +1 -1
  407. package/es/components/table-v2/src/table.mjs.map +1 -1
  408. package/es/components/table-v2/src/use-table.d.ts +1 -1
  409. package/es/components/table-v2/src/use-table.mjs +8 -3
  410. package/es/components/table-v2/src/use-table.mjs.map +1 -1
  411. package/es/components/time-select/src/time-select.vue.d.ts +3 -3
  412. package/es/components/tooltip/src/content.d.ts +1 -1
  413. package/es/components/tooltip/src/content.mjs +2 -1
  414. package/es/components/tooltip/src/content.mjs.map +1 -1
  415. package/es/components/tooltip/src/content.vue.d.ts +2 -2
  416. package/es/components/tooltip/src/content2.mjs +6 -5
  417. package/es/components/tooltip/src/content2.mjs.map +1 -1
  418. package/es/components/tooltip/src/tooltip.d.ts +1 -1
  419. package/es/components/tooltip/src/tooltip.vue.d.ts +2 -2
  420. package/es/components/tooltip/src/tooltip2.mjs +6 -1
  421. package/es/components/tooltip/src/tooltip2.mjs.map +1 -1
  422. package/es/components/tooltip-v2/src/content.vue.d.ts +3 -3
  423. package/es/components/tooltip-v2/src/tooltip.d.ts +1 -1
  424. package/es/components/tooltip-v2/src/tooltip.vue.d.ts +3 -3
  425. package/es/components/tour/index.mjs +1 -1
  426. package/es/components/tour/src/content.mjs +67 -43
  427. package/es/components/tour/src/content.mjs.map +1 -1
  428. package/es/components/tour/src/content2.mjs +43 -67
  429. package/es/components/tour/src/content2.mjs.map +1 -1
  430. package/es/components/tour/src/step.mjs +1 -1
  431. package/es/components/tour/src/tour.d.ts +1 -1
  432. package/es/components/tour/src/tour.mjs +3 -2
  433. package/es/components/tour/src/tour.mjs.map +1 -1
  434. package/es/components/tour/src/tour.vue.d.ts +3 -3
  435. package/es/components/tour/src/tour2.mjs +1 -1
  436. package/es/components/tree/src/model/node.mjs +2 -2
  437. package/es/components/tree/src/model/node.mjs.map +1 -1
  438. package/es/components/tree/src/model/tree-store.mjs +2 -2
  439. package/es/components/tree/src/model/tree-store.mjs.map +1 -1
  440. package/es/components/tree/src/model/useKeydown.mjs +18 -20
  441. package/es/components/tree/src/model/useKeydown.mjs.map +1 -1
  442. package/es/components/tree/src/tree-node-content.mjs +2 -1
  443. package/es/components/tree/src/tree-node-content.mjs.map +1 -1
  444. package/es/components/tree/src/tree-node.mjs +4 -2
  445. package/es/components/tree/src/tree-node.mjs.map +1 -1
  446. package/es/components/tree/style/css.d.ts +1 -0
  447. package/es/components/tree/style/css.mjs +1 -0
  448. package/es/components/tree/style/css.mjs.map +1 -1
  449. package/es/components/tree/style/index.d.ts +1 -0
  450. package/es/components/tree/style/index.mjs +1 -0
  451. package/es/components/tree/style/index.mjs.map +1 -1
  452. package/es/components/tree-v2/src/tree-node-content.mjs +2 -1
  453. package/es/components/tree-v2/src/tree-node-content.mjs.map +1 -1
  454. package/es/components/tree-v2/src/tree.vue.d.ts +17 -17
  455. package/es/components/tree-v2/style/css.d.ts +1 -0
  456. package/es/components/tree-v2/style/css.mjs +1 -0
  457. package/es/components/tree-v2/style/css.mjs.map +1 -1
  458. package/es/components/tree-v2/style/index.d.ts +1 -0
  459. package/es/components/tree-v2/style/index.mjs +1 -0
  460. package/es/components/tree-v2/style/index.mjs.map +1 -1
  461. package/es/components/upload/index.mjs +1 -1
  462. package/es/components/upload/src/upload-content2.mjs +1 -1
  463. package/es/components/upload/src/upload-dragger.mjs +10 -56
  464. package/es/components/upload/src/upload-dragger.mjs.map +1 -1
  465. package/es/components/upload/src/upload-dragger2.mjs +56 -10
  466. package/es/components/upload/src/upload-dragger2.mjs.map +1 -1
  467. package/es/defaults.d.ts +1 -1
  468. package/es/hooks/use-draggable/index.d.ts +1 -0
  469. package/es/hooks/use-draggable/index.mjs +38 -31
  470. package/es/hooks/use-draggable/index.mjs.map +1 -1
  471. package/es/index.d.ts +1 -1
  472. package/es/index.mjs +13 -13
  473. package/es/locale/lang/fr.mjs +2 -2
  474. package/es/locale/lang/fr.mjs.map +1 -1
  475. package/es/version.d.ts +1 -1
  476. package/es/version.mjs +1 -1
  477. package/es/version.mjs.map +1 -1
  478. package/lib/components/autocomplete/src/autocomplete.d.ts +6 -0
  479. package/lib/components/autocomplete/src/autocomplete.js +1 -0
  480. package/lib/components/autocomplete/src/autocomplete.js.map +1 -1
  481. package/lib/components/autocomplete/src/autocomplete.vue.d.ts +12 -0
  482. package/lib/components/autocomplete/src/autocomplete2.js +2 -1
  483. package/lib/components/autocomplete/src/autocomplete2.js.map +1 -1
  484. package/lib/components/avatar/index.js +2 -2
  485. package/lib/components/avatar/src/avatar.js +65 -32
  486. package/lib/components/avatar/src/avatar.js.map +1 -1
  487. package/lib/components/avatar/src/avatar2.js +32 -65
  488. package/lib/components/avatar/src/avatar2.js.map +1 -1
  489. package/lib/components/backtop/index.js +2 -2
  490. package/lib/components/backtop/src/backtop.js +53 -22
  491. package/lib/components/backtop/src/backtop.js.map +1 -1
  492. package/lib/components/backtop/src/backtop2.js +22 -53
  493. package/lib/components/backtop/src/backtop2.js.map +1 -1
  494. package/lib/components/button/src/button.vue.d.ts +2 -2
  495. package/lib/components/cascader/src/cascader.d.ts +1 -1
  496. package/lib/components/cascader/src/cascader.vue.d.ts +4 -4
  497. package/lib/components/collapse/index.js +2 -2
  498. package/lib/components/collapse/src/collapse.js +28 -18
  499. package/lib/components/collapse/src/collapse.js.map +1 -1
  500. package/lib/components/collapse/src/collapse2.js +18 -28
  501. package/lib/components/collapse/src/collapse2.js.map +1 -1
  502. package/lib/components/collection/index.js +1 -1
  503. package/lib/components/collection/src/collection.js +9 -62
  504. package/lib/components/collection/src/collection.js.map +1 -1
  505. package/lib/components/collection/src/collection2.js +62 -9
  506. package/lib/components/collection/src/collection2.js.map +1 -1
  507. package/lib/components/color-picker/index.js +2 -2
  508. package/lib/components/color-picker/src/color-picker.js +40 -400
  509. package/lib/components/color-picker/src/color-picker.js.map +1 -1
  510. package/lib/components/color-picker/src/color-picker2.js +400 -40
  511. package/lib/components/color-picker/src/color-picker2.js.map +1 -1
  512. package/lib/components/color-picker/src/components/predefine.js +1 -1
  513. package/lib/components/config-provider/src/config-provider.d.ts +2 -2
  514. package/lib/components/dialog/src/dialog-content.vue.d.ts +1 -0
  515. package/lib/components/dialog/src/dialog-content2.js +3 -2
  516. package/lib/components/dialog/src/dialog-content2.js.map +1 -1
  517. package/lib/components/dialog/src/dialog.d.ts +1 -1
  518. package/lib/components/dialog/src/dialog.js +2 -1
  519. package/lib/components/dialog/src/dialog.js.map +1 -1
  520. package/lib/components/dialog/src/dialog.vue.d.ts +3 -3
  521. package/lib/components/drawer/index.js +2 -2
  522. package/lib/components/drawer/src/drawer.d.ts +1 -1
  523. package/lib/components/drawer/src/drawer.js +178 -27
  524. package/lib/components/drawer/src/drawer.js.map +1 -1
  525. package/lib/components/drawer/src/drawer.vue.d.ts +3 -3
  526. package/lib/components/drawer/src/drawer2.js +27 -178
  527. package/lib/components/drawer/src/drawer2.js.map +1 -1
  528. package/lib/components/dropdown/src/dropdown-item-impl.js +1 -1
  529. package/lib/components/dropdown/src/dropdown.js +1 -1
  530. package/lib/components/dropdown/src/dropdown.vue.d.ts +3 -3
  531. package/lib/components/index.js +13 -13
  532. package/lib/components/input/index.js +2 -2
  533. package/lib/components/input/src/input.js +434 -101
  534. package/lib/components/input/src/input.js.map +1 -1
  535. package/lib/components/input/src/input2.js +101 -434
  536. package/lib/components/input/src/input2.js.map +1 -1
  537. package/lib/components/input-number/index.js +2 -2
  538. package/lib/components/input-number/src/input-number.js +347 -59
  539. package/lib/components/input-number/src/input-number.js.map +1 -1
  540. package/lib/components/input-number/src/input-number2.js +59 -347
  541. package/lib/components/input-number/src/input-number2.js.map +1 -1
  542. package/lib/components/input-tag/src/composables/use-input-tag.js +8 -0
  543. package/lib/components/input-tag/src/composables/use-input-tag.js.map +1 -1
  544. package/lib/components/input-tag/src/input-tag.d.ts +1 -0
  545. package/lib/components/input-tag/src/input-tag.js +4 -0
  546. package/lib/components/input-tag/src/input-tag.js.map +1 -1
  547. package/lib/components/input-tag/src/input-tag.vue.d.ts +3 -0
  548. package/lib/components/link/src/link.d.ts +1 -1
  549. package/lib/components/link/src/link.js +3 -2
  550. package/lib/components/link/src/link.js.map +1 -1
  551. package/lib/components/link/src/link.vue.d.ts +3 -3
  552. package/lib/components/link/src/link2.js +21 -5
  553. package/lib/components/link/src/link2.js.map +1 -1
  554. package/lib/components/mention/src/mention.d.ts +1 -0
  555. package/lib/components/mention/src/mention.js +2 -1
  556. package/lib/components/mention/src/mention.js.map +1 -1
  557. package/lib/components/mention/src/mention.vue.d.ts +2 -0
  558. package/lib/components/mention/src/mention2.js +3 -1
  559. package/lib/components/mention/src/mention2.js.map +1 -1
  560. package/lib/components/menu/src/menu.js +2 -1
  561. package/lib/components/menu/src/menu.js.map +1 -1
  562. package/lib/components/menu/src/sub-menu.js +2 -1
  563. package/lib/components/menu/src/sub-menu.js.map +1 -1
  564. package/lib/components/message/src/message.vue.d.ts +1 -1
  565. package/lib/components/message/src/message2.js.map +1 -1
  566. package/lib/components/popconfirm/index.js +2 -2
  567. package/lib/components/popconfirm/src/popconfirm.js +114 -46
  568. package/lib/components/popconfirm/src/popconfirm.js.map +1 -1
  569. package/lib/components/popconfirm/src/popconfirm2.js +46 -114
  570. package/lib/components/popconfirm/src/popconfirm2.js.map +1 -1
  571. package/lib/components/popover/src/popover.d.ts +1 -1
  572. package/lib/components/popover/src/popover.vue.d.ts +4 -4
  573. package/lib/components/popper/src/composables/use-content.js +3 -1
  574. package/lib/components/popper/src/composables/use-content.js.map +1 -1
  575. package/lib/components/progress/index.js +2 -2
  576. package/lib/components/progress/src/progress.js +207 -53
  577. package/lib/components/progress/src/progress.js.map +1 -1
  578. package/lib/components/progress/src/progress2.js +53 -207
  579. package/lib/components/progress/src/progress2.js.map +1 -1
  580. package/lib/components/roving-focus-group/src/roving-focus-group.js +1 -1
  581. package/lib/components/select/src/select.d.ts +6 -1
  582. package/lib/components/select/src/select.js +1 -1
  583. package/lib/components/select/src/select.js.map +1 -1
  584. package/lib/components/select/src/select.vue.d.ts +15 -5
  585. package/lib/components/select-v2/src/defaults.d.ts +6 -1
  586. package/lib/components/select-v2/src/defaults.js +1 -1
  587. package/lib/components/select-v2/src/defaults.js.map +1 -1
  588. package/lib/components/select-v2/src/select.vue.d.ts +15 -5
  589. package/lib/components/select-v2/src/useSelect.js +2 -2
  590. package/lib/components/select-v2/src/useSelect.js.map +1 -1
  591. package/lib/components/skeleton/index.js +4 -4
  592. package/lib/components/skeleton/src/skeleton-item.js +17 -22
  593. package/lib/components/skeleton/src/skeleton-item.js.map +1 -1
  594. package/lib/components/skeleton/src/skeleton-item2.js +22 -17
  595. package/lib/components/skeleton/src/skeleton-item2.js.map +1 -1
  596. package/lib/components/skeleton/src/skeleton.js +48 -21
  597. package/lib/components/skeleton/src/skeleton.js.map +1 -1
  598. package/lib/components/skeleton/src/skeleton2.js +21 -48
  599. package/lib/components/skeleton/src/skeleton2.js.map +1 -1
  600. package/lib/components/table/src/filter-panel.js +2 -3
  601. package/lib/components/table/src/filter-panel.js.map +1 -1
  602. package/lib/components/table/src/filter-panel.vue.d.ts +8 -2
  603. package/lib/components/table/src/table-column/index.d.ts +1 -1
  604. package/lib/components/table-v2/src/table-v2.d.ts +2 -2
  605. package/lib/components/table-v2/src/table.d.ts +1 -1
  606. package/lib/components/table-v2/src/table.js.map +1 -1
  607. package/lib/components/table-v2/src/use-table.d.ts +1 -1
  608. package/lib/components/table-v2/src/use-table.js +8 -3
  609. package/lib/components/table-v2/src/use-table.js.map +1 -1
  610. package/lib/components/time-select/src/time-select.vue.d.ts +3 -3
  611. package/lib/components/tooltip/src/content.d.ts +1 -1
  612. package/lib/components/tooltip/src/content.js +2 -1
  613. package/lib/components/tooltip/src/content.js.map +1 -1
  614. package/lib/components/tooltip/src/content.vue.d.ts +2 -2
  615. package/lib/components/tooltip/src/content2.js +5 -4
  616. package/lib/components/tooltip/src/content2.js.map +1 -1
  617. package/lib/components/tooltip/src/tooltip.d.ts +1 -1
  618. package/lib/components/tooltip/src/tooltip.vue.d.ts +2 -2
  619. package/lib/components/tooltip/src/tooltip2.js +12 -7
  620. package/lib/components/tooltip/src/tooltip2.js.map +1 -1
  621. package/lib/components/tooltip-v2/src/content.vue.d.ts +3 -3
  622. package/lib/components/tooltip-v2/src/tooltip.d.ts +1 -1
  623. package/lib/components/tooltip-v2/src/tooltip.vue.d.ts +3 -3
  624. package/lib/components/tour/index.js +1 -1
  625. package/lib/components/tour/src/content.js +67 -46
  626. package/lib/components/tour/src/content.js.map +1 -1
  627. package/lib/components/tour/src/content2.js +46 -67
  628. package/lib/components/tour/src/content2.js.map +1 -1
  629. package/lib/components/tour/src/step.js +1 -1
  630. package/lib/components/tour/src/tour.d.ts +1 -1
  631. package/lib/components/tour/src/tour.js +3 -2
  632. package/lib/components/tour/src/tour.js.map +1 -1
  633. package/lib/components/tour/src/tour.vue.d.ts +3 -3
  634. package/lib/components/tour/src/tour2.js +1 -1
  635. package/lib/components/tree/src/model/node.js +2 -2
  636. package/lib/components/tree/src/model/node.js.map +1 -1
  637. package/lib/components/tree/src/model/tree-store.js +2 -2
  638. package/lib/components/tree/src/model/tree-store.js.map +1 -1
  639. package/lib/components/tree/src/model/useKeydown.js +17 -19
  640. package/lib/components/tree/src/model/useKeydown.js.map +1 -1
  641. package/lib/components/tree/src/tree-node-content.js +2 -1
  642. package/lib/components/tree/src/tree-node-content.js.map +1 -1
  643. package/lib/components/tree/src/tree-node.js +4 -2
  644. package/lib/components/tree/src/tree-node.js.map +1 -1
  645. package/lib/components/tree/style/css.d.ts +1 -0
  646. package/lib/components/tree/style/css.js +1 -0
  647. package/lib/components/tree/style/css.js.map +1 -1
  648. package/lib/components/tree/style/index.d.ts +1 -0
  649. package/lib/components/tree/style/index.js +1 -0
  650. package/lib/components/tree/style/index.js.map +1 -1
  651. package/lib/components/tree-v2/src/tree-node-content.js +2 -1
  652. package/lib/components/tree-v2/src/tree-node-content.js.map +1 -1
  653. package/lib/components/tree-v2/src/tree.vue.d.ts +17 -17
  654. package/lib/components/tree-v2/style/css.d.ts +1 -0
  655. package/lib/components/tree-v2/style/css.js +1 -0
  656. package/lib/components/tree-v2/style/css.js.map +1 -1
  657. package/lib/components/tree-v2/style/index.d.ts +1 -0
  658. package/lib/components/tree-v2/style/index.js +1 -0
  659. package/lib/components/tree-v2/style/index.js.map +1 -1
  660. package/lib/components/upload/index.js +1 -1
  661. package/lib/components/upload/src/upload-content2.js +1 -1
  662. package/lib/components/upload/src/upload-dragger.js +11 -56
  663. package/lib/components/upload/src/upload-dragger.js.map +1 -1
  664. package/lib/components/upload/src/upload-dragger2.js +56 -11
  665. package/lib/components/upload/src/upload-dragger2.js.map +1 -1
  666. package/lib/defaults.d.ts +1 -1
  667. package/lib/hooks/use-draggable/index.d.ts +1 -0
  668. package/lib/hooks/use-draggable/index.js +38 -31
  669. package/lib/hooks/use-draggable/index.js.map +1 -1
  670. package/lib/index.d.ts +1 -1
  671. package/lib/index.js +13 -13
  672. package/lib/locale/lang/fr.js +2 -2
  673. package/lib/locale/lang/fr.js.map +1 -1
  674. package/lib/version.d.ts +1 -1
  675. package/lib/version.js +1 -1
  676. package/lib/version.js.map +1 -1
  677. package/package.json +2 -2
  678. package/tags.json +1 -1
  679. package/theme-chalk/el-link.css +1 -1
  680. package/theme-chalk/index.css +1 -1
  681. package/theme-chalk/src/link.scss +25 -22
  682. package/web-types.json +1 -1
@@ -63,7 +63,7 @@ declare const __VLS_component: import("vue").DefineComponent<{
63
63
  open: BooleanConstructor;
64
64
  ariaLabel: StringConstructor;
65
65
  appendTo: {
66
- readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement) | ((new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement))[], unknown, unknown>>;
66
+ readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => string | HTMLElement) | (() => import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement) | ((new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement))[], unknown, unknown>) | ((new (...args: any[]) => string | HTMLElement) | (() => import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement) | ((new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement))[], unknown, unknown>))[], unknown, unknown>>;
67
67
  readonly required: false;
68
68
  readonly validator: ((val: unknown) => boolean) | undefined;
69
69
  __epPropKey: true;
@@ -416,7 +416,7 @@ declare const __VLS_component: import("vue").DefineComponent<{
416
416
  open: BooleanConstructor;
417
417
  ariaLabel: StringConstructor;
418
418
  appendTo: {
419
- readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement) | ((new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement))[], unknown, unknown>>;
419
+ readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => string | HTMLElement) | (() => import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement) | ((new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement))[], unknown, unknown>) | ((new (...args: any[]) => string | HTMLElement) | (() => import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement) | ((new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement))[], unknown, unknown>))[], unknown, unknown>>;
420
420
  readonly required: false;
421
421
  readonly validator: ((val: unknown) => boolean) | undefined;
422
422
  __epPropKey: true;
@@ -8,6 +8,7 @@ import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
8
8
  import { usePopperContainer } from '../../../hooks/use-popper-container/index.mjs';
9
9
  import { useDelayedToggle } from '../../../hooks/use-delayed-toggle/index.mjs';
10
10
  import ElPopperArrow from '../../popper/src/arrow2.mjs';
11
+ import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
11
12
  import { useId } from '../../../hooks/use-id/index.mjs';
12
13
  import { isBoolean } from '../../../utils/types.mjs';
13
14
 
@@ -21,6 +22,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
21
22
  setup(__props, { expose, emit }) {
22
23
  const props = __props;
23
24
  usePopperContainer();
25
+ const ns = useNamespace("tooltip");
24
26
  const id = useId();
25
27
  const popperRef = ref();
26
28
  const contentRef = ref();
@@ -45,6 +47,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
45
47
  close: hide
46
48
  });
47
49
  const controlled = computed(() => isBoolean(props.visible) && !hasUpdateHandler.value);
50
+ const kls = computed(() => {
51
+ return [ns.b(), props.popperClass];
52
+ });
48
53
  provide(TOOLTIP_INJECTION_KEY, {
49
54
  controlled,
50
55
  id,
@@ -129,7 +134,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
129
134
  "gpu-acceleration": _ctx.gpuAcceleration,
130
135
  offset: _ctx.offset,
131
136
  persistent: _ctx.persistent,
132
- "popper-class": _ctx.popperClass,
137
+ "popper-class": unref(kls),
133
138
  "popper-style": _ctx.popperStyle,
134
139
  placement: _ctx.placement,
135
140
  "popper-options": _ctx.popperOptions,
@@ -1 +1 @@
1
- {"version":3,"file":"tooltip2.mjs","sources":["../../../../../../packages/components/tooltip/src/tooltip.vue"],"sourcesContent":["<template>\n <el-popper ref=\"popperRef\" :role=\"role\">\n <el-tooltip-trigger\n :disabled=\"disabled\"\n :trigger=\"trigger\"\n :trigger-keys=\"triggerKeys\"\n :virtual-ref=\"virtualRef\"\n :virtual-triggering=\"virtualTriggering\"\n >\n <slot v-if=\"$slots.default\" />\n </el-tooltip-trigger>\n <el-tooltip-content\n ref=\"contentRef\"\n :aria-label=\"ariaLabel\"\n :boundaries-padding=\"boundariesPadding\"\n :content=\"content\"\n :disabled=\"disabled\"\n :effect=\"effect\"\n :enterable=\"enterable\"\n :fallback-placements=\"fallbackPlacements\"\n :hide-after=\"hideAfter\"\n :gpu-acceleration=\"gpuAcceleration\"\n :offset=\"offset\"\n :persistent=\"persistent\"\n :popper-class=\"popperClass\"\n :popper-style=\"popperStyle\"\n :placement=\"placement\"\n :popper-options=\"popperOptions\"\n :pure=\"pure\"\n :raw-content=\"rawContent\"\n :reference-el=\"referenceEl\"\n :trigger-target-el=\"triggerTargetEl\"\n :show-after=\"showAfter\"\n :strategy=\"strategy\"\n :teleported=\"teleported\"\n :transition=\"transition\"\n :virtual-triggering=\"virtualTriggering\"\n :z-index=\"zIndex\"\n :append-to=\"appendTo\"\n >\n <slot name=\"content\">\n <span v-if=\"rawContent\" v-html=\"content\" />\n <span v-else>{{ content }}</span>\n </slot>\n <el-popper-arrow v-if=\"showArrow\" :arrow-offset=\"arrowOffset\" />\n </el-tooltip-content>\n </el-popper>\n</template>\n\n<script lang=\"ts\" setup>\nimport {\n computed,\n onDeactivated,\n provide,\n readonly,\n ref,\n toRef,\n unref,\n watch,\n} from 'vue'\nimport { ElPopper, ElPopperArrow } from '@element-plus/components/popper'\n\nimport { isBoolean } from '@element-plus/utils'\nimport {\n useDelayedToggle,\n useId,\n usePopperContainer,\n} from '@element-plus/hooks'\nimport { TOOLTIP_INJECTION_KEY } from './constants'\nimport { tooltipEmits, useTooltipModelToggle, useTooltipProps } from './tooltip'\nimport ElTooltipTrigger from './trigger.vue'\nimport ElTooltipContent from './content.vue'\nimport type { TooltipContentInstance } from './content'\nimport type { PopperInstance } from '@element-plus/components/popper'\n\ndefineOptions({\n name: 'ElTooltip',\n})\n\nconst props = defineProps(useTooltipProps)\nconst emit = defineEmits(tooltipEmits)\n\nusePopperContainer()\n\nconst id = useId()\nconst popperRef = ref<PopperInstance>()\nconst contentRef = ref<TooltipContentInstance>()\n\nconst updatePopper = () => {\n const popperComponent = unref(popperRef)\n if (popperComponent) {\n popperComponent.popperInstanceRef?.update()\n }\n}\nconst open = ref(false)\nconst toggleReason = ref<Event>()\n\nconst { show, hide, hasUpdateHandler } = useTooltipModelToggle({\n indicator: open,\n toggleReason,\n})\n\nconst { onOpen, onClose } = useDelayedToggle({\n showAfter: toRef(props, 'showAfter'),\n hideAfter: toRef(props, 'hideAfter'),\n autoClose: toRef(props, 'autoClose'),\n open: show,\n close: hide,\n})\n\nconst controlled = computed(\n () => isBoolean(props.visible) && !hasUpdateHandler.value\n)\n\nprovide(TOOLTIP_INJECTION_KEY, {\n controlled,\n id,\n open: readonly(open),\n trigger: toRef(props, 'trigger'),\n onOpen: (event?: Event) => {\n onOpen(event)\n },\n onClose: (event?: Event) => {\n onClose(event)\n },\n onToggle: (event?: Event) => {\n if (unref(open)) {\n onClose(event)\n } else {\n onOpen(event)\n }\n },\n onShow: () => {\n emit('show', toggleReason.value)\n },\n onHide: () => {\n emit('hide', toggleReason.value)\n },\n onBeforeShow: () => {\n emit('before-show', toggleReason.value)\n },\n onBeforeHide: () => {\n emit('before-hide', toggleReason.value)\n },\n updatePopper,\n})\n\nwatch(\n () => props.disabled,\n (disabled) => {\n if (disabled && open.value) {\n open.value = false\n }\n }\n)\n\nconst isFocusInsideContent = (event?: FocusEvent) => {\n return contentRef.value?.isFocusInsideContent(event)\n}\n\nonDeactivated(() => open.value && hide())\n\ndefineExpose({\n /**\n * @description el-popper component instance\n */\n popperRef,\n /**\n * @description el-tooltip-content component instance\n */\n contentRef,\n /**\n * @description validate current focus event is trigger inside el-tooltip-content\n */\n isFocusInsideContent,\n /**\n * @description update el-popper component instance\n */\n updatePopper,\n /**\n * @description expose onOpen function to mange el-tooltip open state\n */\n onOpen,\n /**\n * @description expose onOpen function to mange el-tooltip open state\n */\n onClose,\n /**\n * @description expose hide function\n */\n hide,\n})\n</script>\n"],"names":["_openBlock","_createBlock","_unref","_withCtx","_createVNode","_renderSlot","_createCommentVNode"],"mappings":"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"}
1
+ {"version":3,"file":"tooltip2.mjs","sources":["../../../../../../packages/components/tooltip/src/tooltip.vue"],"sourcesContent":["<template>\n <el-popper ref=\"popperRef\" :role=\"role\">\n <el-tooltip-trigger\n :disabled=\"disabled\"\n :trigger=\"trigger\"\n :trigger-keys=\"triggerKeys\"\n :virtual-ref=\"virtualRef\"\n :virtual-triggering=\"virtualTriggering\"\n >\n <slot v-if=\"$slots.default\" />\n </el-tooltip-trigger>\n <el-tooltip-content\n ref=\"contentRef\"\n :aria-label=\"ariaLabel\"\n :boundaries-padding=\"boundariesPadding\"\n :content=\"content\"\n :disabled=\"disabled\"\n :effect=\"effect\"\n :enterable=\"enterable\"\n :fallback-placements=\"fallbackPlacements\"\n :hide-after=\"hideAfter\"\n :gpu-acceleration=\"gpuAcceleration\"\n :offset=\"offset\"\n :persistent=\"persistent\"\n :popper-class=\"kls\"\n :popper-style=\"popperStyle\"\n :placement=\"placement\"\n :popper-options=\"popperOptions\"\n :pure=\"pure\"\n :raw-content=\"rawContent\"\n :reference-el=\"referenceEl\"\n :trigger-target-el=\"triggerTargetEl\"\n :show-after=\"showAfter\"\n :strategy=\"strategy\"\n :teleported=\"teleported\"\n :transition=\"transition\"\n :virtual-triggering=\"virtualTriggering\"\n :z-index=\"zIndex\"\n :append-to=\"appendTo\"\n >\n <slot name=\"content\">\n <span v-if=\"rawContent\" v-html=\"content\" />\n <span v-else>{{ content }}</span>\n </slot>\n <el-popper-arrow v-if=\"showArrow\" :arrow-offset=\"arrowOffset\" />\n </el-tooltip-content>\n </el-popper>\n</template>\n\n<script lang=\"ts\" setup>\nimport {\n computed,\n onDeactivated,\n provide,\n readonly,\n ref,\n toRef,\n unref,\n watch,\n} from 'vue'\nimport { ElPopper, ElPopperArrow } from '@element-plus/components/popper'\n\nimport { isBoolean } from '@element-plus/utils'\nimport {\n useDelayedToggle,\n useId,\n useNamespace,\n usePopperContainer,\n} from '@element-plus/hooks'\nimport { TOOLTIP_INJECTION_KEY } from './constants'\nimport { tooltipEmits, useTooltipModelToggle, useTooltipProps } from './tooltip'\nimport ElTooltipTrigger from './trigger.vue'\nimport ElTooltipContent from './content.vue'\nimport type { TooltipContentInstance } from './content'\nimport type { PopperInstance } from '@element-plus/components/popper'\n\ndefineOptions({\n name: 'ElTooltip',\n})\n\nconst props = defineProps(useTooltipProps)\nconst emit = defineEmits(tooltipEmits)\n\nusePopperContainer()\n\nconst ns = useNamespace('tooltip')\nconst id = useId()\nconst popperRef = ref<PopperInstance>()\nconst contentRef = ref<TooltipContentInstance>()\n\nconst updatePopper = () => {\n const popperComponent = unref(popperRef)\n if (popperComponent) {\n popperComponent.popperInstanceRef?.update()\n }\n}\nconst open = ref(false)\nconst toggleReason = ref<Event>()\n\nconst { show, hide, hasUpdateHandler } = useTooltipModelToggle({\n indicator: open,\n toggleReason,\n})\n\nconst { onOpen, onClose } = useDelayedToggle({\n showAfter: toRef(props, 'showAfter'),\n hideAfter: toRef(props, 'hideAfter'),\n autoClose: toRef(props, 'autoClose'),\n open: show,\n close: hide,\n})\n\nconst controlled = computed(\n () => isBoolean(props.visible) && !hasUpdateHandler.value\n)\n\nconst kls = computed(() => {\n return [ns.b(), props.popperClass!]\n})\n\nprovide(TOOLTIP_INJECTION_KEY, {\n controlled,\n id,\n open: readonly(open),\n trigger: toRef(props, 'trigger'),\n onOpen: (event?: Event) => {\n onOpen(event)\n },\n onClose: (event?: Event) => {\n onClose(event)\n },\n onToggle: (event?: Event) => {\n if (unref(open)) {\n onClose(event)\n } else {\n onOpen(event)\n }\n },\n onShow: () => {\n emit('show', toggleReason.value)\n },\n onHide: () => {\n emit('hide', toggleReason.value)\n },\n onBeforeShow: () => {\n emit('before-show', toggleReason.value)\n },\n onBeforeHide: () => {\n emit('before-hide', toggleReason.value)\n },\n updatePopper,\n})\n\nwatch(\n () => props.disabled,\n (disabled) => {\n if (disabled && open.value) {\n open.value = false\n }\n }\n)\n\nconst isFocusInsideContent = (event?: FocusEvent) => {\n return contentRef.value?.isFocusInsideContent(event)\n}\n\nonDeactivated(() => open.value && hide())\n\ndefineExpose({\n /**\n * @description el-popper component instance\n */\n popperRef,\n /**\n * @description el-tooltip-content component instance\n */\n contentRef,\n /**\n * @description validate current focus event is trigger inside el-tooltip-content\n */\n isFocusInsideContent,\n /**\n * @description update el-popper component instance\n */\n updatePopper,\n /**\n * @description expose onOpen function to mange el-tooltip open state\n */\n onOpen,\n /**\n * @description expose onOpen function to mange el-tooltip open state\n */\n onClose,\n /**\n * @description expose hide function\n */\n hide,\n})\n</script>\n"],"names":["_openBlock","_createBlock","_unref","_withCtx","_createVNode","_renderSlot","_createCommentVNode"],"mappings":"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"}
@@ -14,7 +14,7 @@ declare const __VLS_component: import("vue").DefineComponent<{
14
14
  nowrap: BooleanConstructor;
15
15
  ariaLabel: StringConstructor;
16
16
  arrowPadding: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => number) | (() => number) | ((new (...args: any[]) => number) | (() => number))[], unknown, unknown, 5, boolean>;
17
- effect: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => string) | (() => import("element-plus/es/components/popper").PopperEffect) | ((new (...args: any[]) => string) | (() => import("element-plus/es/components/popper").PopperEffect))[], unknown, unknown, "light", boolean>;
17
+ effect: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => string) | (() => import("element-plus").PopperEffect) | ((new (...args: any[]) => string) | (() => import("element-plus").PopperEffect))[], unknown, unknown, "light", boolean>;
18
18
  contentClass: StringConstructor;
19
19
  placement: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => "top" | "bottom" | "left" | "right" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => import("@floating-ui/dom").Placement) | ((new (...args: any[]) => "top" | "bottom" | "left" | "right" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => import("@floating-ui/dom").Placement))[], "top" | "bottom" | "left" | "right" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end", unknown, "bottom", boolean>;
20
20
  reference: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => HTMLElement | import("@floating-ui/dom").VirtualElement) | (() => HTMLElement | import("@floating-ui/dom").VirtualElement | null) | ((new (...args: any[]) => HTMLElement | import("@floating-ui/dom").VirtualElement) | (() => HTMLElement | import("@floating-ui/dom").VirtualElement | null))[], unknown, unknown, null, boolean>;
@@ -25,7 +25,7 @@ declare const __VLS_component: import("vue").DefineComponent<{
25
25
  nowrap: BooleanConstructor;
26
26
  ariaLabel: StringConstructor;
27
27
  arrowPadding: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => number) | (() => number) | ((new (...args: any[]) => number) | (() => number))[], unknown, unknown, 5, boolean>;
28
- effect: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => string) | (() => import("element-plus/es/components/popper").PopperEffect) | ((new (...args: any[]) => string) | (() => import("element-plus/es/components/popper").PopperEffect))[], unknown, unknown, "light", boolean>;
28
+ effect: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => string) | (() => import("element-plus").PopperEffect) | ((new (...args: any[]) => string) | (() => import("element-plus").PopperEffect))[], unknown, unknown, "light", boolean>;
29
29
  contentClass: StringConstructor;
30
30
  placement: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => "top" | "bottom" | "left" | "right" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => import("@floating-ui/dom").Placement) | ((new (...args: any[]) => "top" | "bottom" | "left" | "right" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => import("@floating-ui/dom").Placement))[], "top" | "bottom" | "left" | "right" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end", unknown, "bottom", boolean>;
31
31
  reference: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => HTMLElement | import("@floating-ui/dom").VirtualElement) | (() => HTMLElement | import("@floating-ui/dom").VirtualElement | null) | ((new (...args: any[]) => HTMLElement | import("@floating-ui/dom").VirtualElement) | (() => HTMLElement | import("@floating-ui/dom").VirtualElement | null))[], unknown, unknown, null, boolean>;
@@ -38,7 +38,7 @@ declare const __VLS_component: import("vue").DefineComponent<{
38
38
  placement: import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => "top" | "bottom" | "left" | "right" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => import("@floating-ui/dom").Placement) | ((new (...args: any[]) => "top" | "bottom" | "left" | "right" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => import("@floating-ui/dom").Placement))[], "top" | "bottom" | "left" | "right" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end", unknown>;
39
39
  strategy: import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => "fixed" | "absolute") | (() => import("@floating-ui/dom").Strategy) | ((new (...args: any[]) => "fixed" | "absolute") | (() => import("@floating-ui/dom").Strategy))[], "fixed" | "absolute", unknown>;
40
40
  reference: import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => HTMLElement | import("@floating-ui/dom").VirtualElement) | (() => HTMLElement | import("@floating-ui/dom").VirtualElement | null) | ((new (...args: any[]) => HTMLElement | import("@floating-ui/dom").VirtualElement) | (() => HTMLElement | import("@floating-ui/dom").VirtualElement | null))[], unknown, unknown>;
41
- effect: import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => string) | (() => import("element-plus/es/components/popper").PopperEffect) | ((new (...args: any[]) => string) | (() => import("element-plus/es/components/popper").PopperEffect))[], unknown, unknown>;
41
+ effect: import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => string) | (() => import("element-plus").PopperEffect) | ((new (...args: any[]) => string) | (() => import("element-plus").PopperEffect))[], unknown, unknown>;
42
42
  showArrow: boolean;
43
43
  arrowPadding: number;
44
44
  }>;
@@ -7,7 +7,7 @@ export declare const tooltipV2Props: {
7
7
  readonly to: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => string | import("vue").RendererElement) | (() => string | import("vue").RendererElement | null | undefined) | ((new (...args: any[]) => string | import("vue").RendererElement) | (() => string | import("vue").RendererElement | null | undefined))[], unknown, unknown, "body", boolean>;
8
8
  readonly ariaLabel: StringConstructor;
9
9
  readonly arrowPadding: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => number) | (() => number) | ((new (...args: any[]) => number) | (() => number))[], unknown, unknown, 5, boolean>;
10
- readonly effect: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => string) | (() => import("element-plus/es/components/popper").PopperEffect) | ((new (...args: any[]) => string) | (() => import("element-plus/es/components/popper").PopperEffect))[], unknown, unknown, "light", boolean>;
10
+ readonly effect: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => string) | (() => import("element-plus").PopperEffect) | ((new (...args: any[]) => string) | (() => import("element-plus").PopperEffect))[], unknown, unknown, "light", boolean>;
11
11
  readonly contentClass: StringConstructor;
12
12
  readonly placement: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => "top" | "bottom" | "left" | "right" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => import("@floating-ui/core").Placement) | ((new (...args: any[]) => "top" | "bottom" | "left" | "right" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => import("@floating-ui/core").Placement))[], "top" | "bottom" | "left" | "right" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end", unknown, "bottom", boolean>;
13
13
  readonly reference: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => HTMLElement | import("@floating-ui/dom").VirtualElement) | (() => HTMLElement | import("@floating-ui/dom").VirtualElement | null) | ((new (...args: any[]) => HTMLElement | import("@floating-ui/dom").VirtualElement) | (() => HTMLElement | import("@floating-ui/dom").VirtualElement | null))[], unknown, unknown, null, boolean>;
@@ -11,7 +11,7 @@ declare const __VLS_component: import("vue").DefineComponent<{
11
11
  readonly to: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => string | import("vue").RendererElement) | (() => string | import("vue").RendererElement | null | undefined) | ((new (...args: any[]) => string | import("vue").RendererElement) | (() => string | import("vue").RendererElement | null | undefined))[], unknown, unknown, "body", boolean>;
12
12
  readonly ariaLabel: StringConstructor;
13
13
  readonly arrowPadding: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => number) | (() => number) | ((new (...args: any[]) => number) | (() => number))[], unknown, unknown, 5, boolean>;
14
- readonly effect: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => string) | (() => import("element-plus/es/components/popper").PopperEffect) | ((new (...args: any[]) => string) | (() => import("element-plus/es/components/popper").PopperEffect))[], unknown, unknown, "light", boolean>;
14
+ readonly effect: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => string) | (() => import("element-plus").PopperEffect) | ((new (...args: any[]) => string) | (() => import("element-plus").PopperEffect))[], unknown, unknown, "light", boolean>;
15
15
  readonly contentClass: StringConstructor;
16
16
  readonly placement: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => "top" | "bottom" | "left" | "right" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => import("@floating-ui/core").Placement) | ((new (...args: any[]) => "top" | "bottom" | "left" | "right" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => import("@floating-ui/core").Placement))[], "top" | "bottom" | "left" | "right" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end", unknown, "bottom", boolean>;
17
17
  readonly reference: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => HTMLElement | import("@floating-ui/dom").VirtualElement) | (() => HTMLElement | import("@floating-ui/dom").VirtualElement | null) | ((new (...args: any[]) => HTMLElement | import("@floating-ui/dom").VirtualElement) | (() => HTMLElement | import("@floating-ui/dom").VirtualElement | null))[], unknown, unknown, null, boolean>;
@@ -80,7 +80,7 @@ declare const __VLS_component: import("vue").DefineComponent<{
80
80
  readonly to: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => string | import("vue").RendererElement) | (() => string | import("vue").RendererElement | null | undefined) | ((new (...args: any[]) => string | import("vue").RendererElement) | (() => string | import("vue").RendererElement | null | undefined))[], unknown, unknown, "body", boolean>;
81
81
  readonly ariaLabel: StringConstructor;
82
82
  readonly arrowPadding: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => number) | (() => number) | ((new (...args: any[]) => number) | (() => number))[], unknown, unknown, 5, boolean>;
83
- readonly effect: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => string) | (() => import("element-plus/es/components/popper").PopperEffect) | ((new (...args: any[]) => string) | (() => import("element-plus/es/components/popper").PopperEffect))[], unknown, unknown, "light", boolean>;
83
+ readonly effect: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => string) | (() => import("element-plus").PopperEffect) | ((new (...args: any[]) => string) | (() => import("element-plus").PopperEffect))[], unknown, unknown, "light", boolean>;
84
84
  readonly contentClass: StringConstructor;
85
85
  readonly placement: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => "top" | "bottom" | "left" | "right" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => import("@floating-ui/core").Placement) | ((new (...args: any[]) => "top" | "bottom" | "left" | "right" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => import("@floating-ui/core").Placement))[], "top" | "bottom" | "left" | "right" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end", unknown, "bottom", boolean>;
86
86
  readonly reference: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => HTMLElement | import("@floating-ui/dom").VirtualElement) | (() => HTMLElement | import("@floating-ui/dom").VirtualElement | null) | ((new (...args: any[]) => HTMLElement | import("@floating-ui/dom").VirtualElement) | (() => HTMLElement | import("@floating-ui/dom").VirtualElement | null))[], unknown, unknown, null, boolean>;
@@ -151,7 +151,7 @@ declare const __VLS_component: import("vue").DefineComponent<{
151
151
  readonly placement: import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => "top" | "bottom" | "left" | "right" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => import("@floating-ui/core").Placement) | ((new (...args: any[]) => "top" | "bottom" | "left" | "right" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => import("@floating-ui/core").Placement))[], "top" | "bottom" | "left" | "right" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end", unknown>;
152
152
  readonly strategy: import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => "fixed" | "absolute") | (() => import("@floating-ui/core").Strategy) | ((new (...args: any[]) => "fixed" | "absolute") | (() => import("@floating-ui/core").Strategy))[], "fixed" | "absolute", unknown>;
153
153
  readonly reference: import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => HTMLElement | import("@floating-ui/dom").VirtualElement) | (() => HTMLElement | import("@floating-ui/dom").VirtualElement | null) | ((new (...args: any[]) => HTMLElement | import("@floating-ui/dom").VirtualElement) | (() => HTMLElement | import("@floating-ui/dom").VirtualElement | null))[], unknown, unknown>;
154
- readonly effect: import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => string) | (() => import("element-plus/es/components/popper").PopperEffect) | ((new (...args: any[]) => string) | (() => import("element-plus/es/components/popper").PopperEffect))[], unknown, unknown>;
154
+ readonly effect: import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => string) | (() => import("element-plus").PopperEffect) | ((new (...args: any[]) => string) | (() => import("element-plus").PopperEffect))[], unknown, unknown>;
155
155
  readonly teleported: boolean;
156
156
  readonly showArrow: boolean;
157
157
  readonly alwaysOn: boolean;
@@ -2,7 +2,7 @@ import Tour from './src/tour2.mjs';
2
2
  import TourStep from './src/step2.mjs';
3
3
  export { tourEmits, tourProps } from './src/tour.mjs';
4
4
  export { tourStepEmits, tourStepProps } from './src/step.mjs';
5
- export { tourContentEmits, tourContentProps, tourPlacements, tourStrategies } from './src/content.mjs';
5
+ export { tourContentEmits, tourContentProps, tourPlacements, tourStrategies } from './src/content2.mjs';
6
6
  import { withInstall, withNoopInstall } from '../../utils/vue/install.mjs';
7
7
 
8
8
  const ElTour = withInstall(Tour, {
@@ -1,48 +1,72 @@
1
- import { buildProps, definePropType } from '../../../utils/vue/props/runtime.mjs';
1
+ import { defineComponent, ref, watch, toRef, computed, inject, openBlock, createElementBlock, normalizeStyle, unref, normalizeClass, createVNode, withCtx, renderSlot, createCommentVNode } from 'vue';
2
+ import ElFocusTrap from '../../focus-trap/src/focus-trap.mjs';
3
+ import { tourContentProps, tourContentEmits } from './content2.mjs';
4
+ import { useFloating, tourKey } from './helper.mjs';
5
+ import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
2
6
 
3
- const tourStrategies = ["absolute", "fixed"];
4
- const tourPlacements = [
5
- "top-start",
6
- "top-end",
7
- "top",
8
- "bottom-start",
9
- "bottom-end",
10
- "bottom",
11
- "left-start",
12
- "left-end",
13
- "left",
14
- "right-start",
15
- "right-end",
16
- "right"
17
- ];
18
- const tourContentProps = buildProps({
19
- placement: {
20
- type: definePropType(String),
21
- values: tourPlacements,
22
- default: "bottom"
23
- },
24
- reference: {
25
- type: definePropType(Object),
26
- default: null
27
- },
28
- strategy: {
29
- type: definePropType(String),
30
- values: tourStrategies,
31
- default: "absolute"
32
- },
33
- offset: {
34
- type: Number,
35
- default: 10
36
- },
37
- showArrow: Boolean,
38
- zIndex: {
39
- type: Number,
40
- default: 2001
7
+ const __default__ = defineComponent({
8
+ name: "ElTourContent"
9
+ });
10
+ const _sfc_main = /* @__PURE__ */ defineComponent({
11
+ ...__default__,
12
+ props: tourContentProps,
13
+ emits: tourContentEmits,
14
+ setup(__props, { emit }) {
15
+ const props = __props;
16
+ const placement = ref(props.placement);
17
+ const strategy = ref(props.strategy);
18
+ const contentRef = ref(null);
19
+ const arrowRef = ref(null);
20
+ watch(() => props.placement, () => {
21
+ placement.value = props.placement;
22
+ });
23
+ const { contentStyle, arrowStyle } = useFloating(toRef(props, "reference"), contentRef, arrowRef, placement, strategy, toRef(props, "offset"), toRef(props, "zIndex"), toRef(props, "showArrow"));
24
+ const side = computed(() => {
25
+ return placement.value.split("-")[0];
26
+ });
27
+ const { ns } = inject(tourKey);
28
+ const onCloseRequested = () => {
29
+ emit("close");
30
+ };
31
+ const onFocusoutPrevented = (event) => {
32
+ if (event.detail.focusReason === "pointer") {
33
+ event.preventDefault();
34
+ }
35
+ };
36
+ return (_ctx, _cache) => {
37
+ return openBlock(), createElementBlock("div", {
38
+ ref_key: "contentRef",
39
+ ref: contentRef,
40
+ style: normalizeStyle(unref(contentStyle)),
41
+ class: normalizeClass(unref(ns).e("content")),
42
+ "data-side": unref(side),
43
+ tabindex: "-1"
44
+ }, [
45
+ createVNode(unref(ElFocusTrap), {
46
+ loop: "",
47
+ trapped: "",
48
+ "focus-start-el": "container",
49
+ "focus-trap-el": contentRef.value || void 0,
50
+ onReleaseRequested: onCloseRequested,
51
+ onFocusoutPrevented
52
+ }, {
53
+ default: withCtx(() => [
54
+ renderSlot(_ctx.$slots, "default")
55
+ ]),
56
+ _: 3
57
+ }, 8, ["focus-trap-el"]),
58
+ _ctx.showArrow ? (openBlock(), createElementBlock("span", {
59
+ key: 0,
60
+ ref_key: "arrowRef",
61
+ ref: arrowRef,
62
+ style: normalizeStyle(unref(arrowStyle)),
63
+ class: normalizeClass(unref(ns).e("arrow"))
64
+ }, null, 6)) : createCommentVNode("v-if", true)
65
+ ], 14, ["data-side"]);
66
+ };
41
67
  }
42
68
  });
43
- const tourContentEmits = {
44
- close: () => true
45
- };
69
+ var ElTourContent = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "content.vue"]]);
46
70
 
47
- export { tourContentEmits, tourContentProps, tourPlacements, tourStrategies };
71
+ export { ElTourContent as default };
48
72
  //# sourceMappingURL=content.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"content.mjs","sources":["../../../../../../packages/components/tour/src/content.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-plus/utils'\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\n<script setup lang=\"ts\">\nimport { computed, inject, ref, toRef, watch } from 'vue'\nimport ElFocusTrap from '@element-plus/components/focus-trap'\nimport { tourContentEmits, tourContentProps } from './content'\nimport { tourKey, useFloating } from './helper'\n\ndefineOptions({\n name: 'ElTourContent',\n})\n\nconst props = defineProps(tourContentProps)\nconst emit = defineEmits(tourContentEmits)\n\nconst placement = ref(props.placement)\nconst strategy = ref(props.strategy)\nconst contentRef = ref<HTMLElement | null>(null)\nconst arrowRef = ref<HTMLElement | null>(null)\n\nwatch(\n () => props.placement,\n () => {\n placement.value = props.placement\n }\n)\n\nconst { contentStyle, arrowStyle } = useFloating(\n toRef(props, 'reference'),\n contentRef,\n arrowRef,\n placement,\n strategy,\n toRef(props, 'offset'),\n toRef(props, 'zIndex'),\n toRef(props, 'showArrow')\n)\n\nconst side = computed(() => {\n return placement.value.split('-')[0]\n})\n\nconst { ns } = inject(tourKey)!\n\nconst onCloseRequested = () => {\n emit('close')\n}\n\nconst onFocusoutPrevented = (event: CustomEvent) => {\n if (event.detail.focusReason === 'pointer') {\n event.preventDefault()\n }\n}\n</script>\n"],"names":["_openBlock","_createElementBlock","_unref","_normalizeClass","_createVNode"],"mappings":";;;;;;mCAiCc,CAAA;AAAA,EACZ,IAAM,EAAA,eAAA;AACR,CAAA,CAAA,CAAA;;;;;;;AAKA,IAAM,MAAA,SAAA,GAAY,GAAI,CAAA,KAAA,CAAM,SAAS,CAAA,CAAA;AACrC,IAAM,MAAA,QAAA,GAAW,GAAI,CAAA,KAAA,CAAM,QAAQ,CAAA,CAAA;AACnC,IAAM,MAAA,UAAA,GAAa,IAAwB,IAAI,CAAA,CAAA;AAC/C,IAAM,MAAA,QAAA,GAAW,IAAwB,IAAI,CAAA,CAAA;AAE7C,IAAA,KAAA,CAAA,MAAA,KAAA,CAAA,SAAA,EAAA,MAAA;AAAA,MACE,SAAY,CAAA,KAAA,GAAA,KAAA,CAAA,SAAA,CAAA;AAAA,KAAA,CACZ,CAAM;AACJ,IAAA,MAAA,EAAA,cAAkB,UAAM,EAAA,GAAA,WAAA,CAAA,KAAA,CAAA,KAAA,EAAA,WAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,SAAA,EAAA,QAAA,EAAA,KAAA,CAAA,KAAA,EAAA,QAAA,CAAA,EAAA,KAAA,CAAA,KAAA,EAAA,QAAA,CAAA,EAAA,KAAA,CAAA,KAAA,EAAA,WAAA,CAAA,CAAA,CAAA;AAAA,IAC1B,MAAA,IAAA,GAAA,QAAA,CAAA,MAAA;AAAA,MACF,OAAA,SAAA,CAAA,KAAA,CAAA,KAAA,CAAA,GAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAEA,KAAM,CAAA,CAAA;AAA+B,IACnC,MAAA,EAAM,OAAO,MAAW,CAAA,OAAA,CAAA,CAAA;AAAA,IACxB,MAAA,gBAAA,GAAA,MAAA;AAAA,MACA,IAAA,CAAA,OAAA,CAAA,CAAA;AAAA,KACA,CAAA;AAAA,IACA,MAAA,mBAAA,GAAA,CAAA,KAAA,KAAA;AAAA,MACA,IAAA,YAAqB,CAAA,WAAA,KAAA,SAAA,EAAA;AAAA,QACrB,oBAAqB,EAAA,CAAA;AAAA,OACrB;AAAwB,KAC1B,CAAA;AAEA,IAAM,OAAA,CAAA,IAAA,aAAsB;AAC1B,MAAA,OAAOA,SAAU,EAAA,EAAAC,kBAAkB,CAAA,KAAA,EAAA;AAAA,QACpC,OAAA,EAAA,YAAA;AAED,QAAA,GAAQ,EAAA,UAAO;AAEf,QAAA,qBAA+B,CAAAC,KAAA,CAAA,YAAA,CAAA,CAAA;AAC7B,QAAA,KAAY,EAAAC,cAAA,CAAAD,KAAA,CAAA,EAAA,CAAA,CAAA,CAAA,CAAA,SAAA,CAAA,CAAA;AAAA,QACd,WAAA,EAAAA,KAAA,CAAA,IAAA,CAAA;AAEA,QAAM,QAAA,EAAA,IAAA;AACJ,OAAI,EAAA;AACF,QAAAE,WAAqB,CAAAF,KAAA,CAAA,WAAA,CAAA,EAAA;AAAA,UACvB,IAAA,EAAA,EAAA;AAAA,UACF,OAAA,EAAA,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -1,72 +1,48 @@
1
- import { defineComponent, ref, watch, toRef, computed, inject, openBlock, createElementBlock, normalizeStyle, unref, normalizeClass, createVNode, withCtx, renderSlot, createCommentVNode } from 'vue';
2
- import ElFocusTrap from '../../focus-trap/src/focus-trap.mjs';
3
- import { tourContentProps, tourContentEmits } from './content.mjs';
4
- import { useFloating, tourKey } from './helper.mjs';
5
- import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
1
+ import { buildProps, definePropType } from '../../../utils/vue/props/runtime.mjs';
6
2
 
7
- const __default__ = defineComponent({
8
- name: "ElTourContent"
9
- });
10
- const _sfc_main = /* @__PURE__ */ defineComponent({
11
- ...__default__,
12
- props: tourContentProps,
13
- emits: tourContentEmits,
14
- setup(__props, { emit }) {
15
- const props = __props;
16
- const placement = ref(props.placement);
17
- const strategy = ref(props.strategy);
18
- const contentRef = ref(null);
19
- const arrowRef = ref(null);
20
- watch(() => props.placement, () => {
21
- placement.value = props.placement;
22
- });
23
- const { contentStyle, arrowStyle } = useFloating(toRef(props, "reference"), contentRef, arrowRef, placement, strategy, toRef(props, "offset"), toRef(props, "zIndex"), toRef(props, "showArrow"));
24
- const side = computed(() => {
25
- return placement.value.split("-")[0];
26
- });
27
- const { ns } = inject(tourKey);
28
- const onCloseRequested = () => {
29
- emit("close");
30
- };
31
- const onFocusoutPrevented = (event) => {
32
- if (event.detail.focusReason === "pointer") {
33
- event.preventDefault();
34
- }
35
- };
36
- return (_ctx, _cache) => {
37
- return openBlock(), createElementBlock("div", {
38
- ref_key: "contentRef",
39
- ref: contentRef,
40
- style: normalizeStyle(unref(contentStyle)),
41
- class: normalizeClass(unref(ns).e("content")),
42
- "data-side": unref(side),
43
- tabindex: "-1"
44
- }, [
45
- createVNode(unref(ElFocusTrap), {
46
- loop: "",
47
- trapped: "",
48
- "focus-start-el": "container",
49
- "focus-trap-el": contentRef.value || void 0,
50
- onReleaseRequested: onCloseRequested,
51
- onFocusoutPrevented
52
- }, {
53
- default: withCtx(() => [
54
- renderSlot(_ctx.$slots, "default")
55
- ]),
56
- _: 3
57
- }, 8, ["focus-trap-el"]),
58
- _ctx.showArrow ? (openBlock(), createElementBlock("span", {
59
- key: 0,
60
- ref_key: "arrowRef",
61
- ref: arrowRef,
62
- style: normalizeStyle(unref(arrowStyle)),
63
- class: normalizeClass(unref(ns).e("arrow"))
64
- }, null, 6)) : createCommentVNode("v-if", true)
65
- ], 14, ["data-side"]);
66
- };
3
+ const tourStrategies = ["absolute", "fixed"];
4
+ const tourPlacements = [
5
+ "top-start",
6
+ "top-end",
7
+ "top",
8
+ "bottom-start",
9
+ "bottom-end",
10
+ "bottom",
11
+ "left-start",
12
+ "left-end",
13
+ "left",
14
+ "right-start",
15
+ "right-end",
16
+ "right"
17
+ ];
18
+ const tourContentProps = buildProps({
19
+ placement: {
20
+ type: definePropType(String),
21
+ values: tourPlacements,
22
+ default: "bottom"
23
+ },
24
+ reference: {
25
+ type: definePropType(Object),
26
+ default: null
27
+ },
28
+ strategy: {
29
+ type: definePropType(String),
30
+ values: tourStrategies,
31
+ default: "absolute"
32
+ },
33
+ offset: {
34
+ type: Number,
35
+ default: 10
36
+ },
37
+ showArrow: Boolean,
38
+ zIndex: {
39
+ type: Number,
40
+ default: 2001
67
41
  }
68
42
  });
69
- var ElTourContent = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "content.vue"]]);
43
+ const tourContentEmits = {
44
+ close: () => true
45
+ };
70
46
 
71
- export { ElTourContent as default };
47
+ export { tourContentEmits, tourContentProps, tourPlacements, tourStrategies };
72
48
  //# sourceMappingURL=content2.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"content2.mjs","sources":["../../../../../../packages/components/tour/src/content.vue"],"sourcesContent":["<template>\n <div\n ref=\"contentRef\"\n :style=\"contentStyle\"\n :class=\"ns.e('content')\"\n :data-side=\"side\"\n tabindex=\"-1\"\n >\n <el-focus-trap\n loop\n trapped\n focus-start-el=\"container\"\n :focus-trap-el=\"contentRef || undefined\"\n @release-requested=\"onCloseRequested\"\n @focusout-prevented=\"onFocusoutPrevented\"\n >\n <slot />\n </el-focus-trap>\n <span\n v-if=\"showArrow\"\n ref=\"arrowRef\"\n :style=\"arrowStyle\"\n :class=\"ns.e('arrow')\"\n />\n </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, inject, ref, toRef, watch } from 'vue'\nimport ElFocusTrap from '@element-plus/components/focus-trap'\nimport { tourContentEmits, tourContentProps } from './content'\nimport { tourKey, useFloating } from './helper'\n\ndefineOptions({\n name: 'ElTourContent',\n})\n\nconst props = defineProps(tourContentProps)\nconst emit = defineEmits(tourContentEmits)\n\nconst placement = ref(props.placement)\nconst strategy = ref(props.strategy)\nconst contentRef = ref<HTMLElement | null>(null)\nconst arrowRef = ref<HTMLElement | null>(null)\n\nwatch(\n () => props.placement,\n () => {\n placement.value = props.placement\n }\n)\n\nconst { contentStyle, arrowStyle } = useFloating(\n toRef(props, 'reference'),\n contentRef,\n arrowRef,\n placement,\n strategy,\n toRef(props, 'offset'),\n toRef(props, 'zIndex'),\n toRef(props, 'showArrow')\n)\n\nconst side = computed(() => {\n return placement.value.split('-')[0]\n})\n\nconst { ns } = inject(tourKey)!\n\nconst onCloseRequested = () => {\n emit('close')\n}\n\nconst onFocusoutPrevented = (event: CustomEvent) => {\n if (event.detail.focusReason === 'pointer') {\n event.preventDefault()\n }\n}\n</script>\n"],"names":["_openBlock","_createElementBlock","_unref","_normalizeClass","_createVNode"],"mappings":";;;;;;mCAiCc,CAAA;AAAA,EACZ,IAAM,EAAA,eAAA;AACR,CAAA,CAAA,CAAA;;;;;;;AAKA,IAAM,MAAA,SAAA,GAAY,GAAI,CAAA,KAAA,CAAM,SAAS,CAAA,CAAA;AACrC,IAAM,MAAA,QAAA,GAAW,GAAI,CAAA,KAAA,CAAM,QAAQ,CAAA,CAAA;AACnC,IAAM,MAAA,UAAA,GAAa,IAAwB,IAAI,CAAA,CAAA;AAC/C,IAAM,MAAA,QAAA,GAAW,IAAwB,IAAI,CAAA,CAAA;AAE7C,IAAA,KAAA,CAAA,MAAA,KAAA,CAAA,SAAA,EAAA,MAAA;AAAA,MACE,SAAY,CAAA,KAAA,GAAA,KAAA,CAAA,SAAA,CAAA;AAAA,KAAA,CACZ,CAAM;AACJ,IAAA,MAAA,EAAA,cAAkB,UAAM,EAAA,GAAA,WAAA,CAAA,KAAA,CAAA,KAAA,EAAA,WAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,SAAA,EAAA,QAAA,EAAA,KAAA,CAAA,KAAA,EAAA,QAAA,CAAA,EAAA,KAAA,CAAA,KAAA,EAAA,QAAA,CAAA,EAAA,KAAA,CAAA,KAAA,EAAA,WAAA,CAAA,CAAA,CAAA;AAAA,IAC1B,MAAA,IAAA,GAAA,QAAA,CAAA,MAAA;AAAA,MACF,OAAA,SAAA,CAAA,KAAA,CAAA,KAAA,CAAA,GAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAEA,KAAM,CAAA,CAAA;AAA+B,IACnC,MAAA,EAAM,OAAO,MAAW,CAAA,OAAA,CAAA,CAAA;AAAA,IACxB,MAAA,gBAAA,GAAA,MAAA;AAAA,MACA,IAAA,CAAA,OAAA,CAAA,CAAA;AAAA,KACA,CAAA;AAAA,IACA,MAAA,mBAAA,GAAA,CAAA,KAAA,KAAA;AAAA,MACA,IAAA,YAAqB,CAAA,WAAA,KAAA,SAAA,EAAA;AAAA,QACrB,oBAAqB,EAAA,CAAA;AAAA,OACrB;AAAwB,KAC1B,CAAA;AAEA,IAAM,OAAA,CAAA,IAAA,aAAsB;AAC1B,MAAA,OAAOA,SAAU,EAAA,EAAAC,kBAAkB,CAAA,KAAA,EAAA;AAAA,QACpC,OAAA,EAAA,YAAA;AAED,QAAA,GAAQ,EAAA,UAAO;AAEf,QAAA,qBAA+B,CAAAC,KAAA,CAAA,YAAA,CAAA,CAAA;AAC7B,QAAA,KAAY,EAAAC,cAAA,CAAAD,KAAA,CAAA,EAAA,CAAA,CAAA,CAAA,CAAA,SAAA,CAAA,CAAA;AAAA,QACd,WAAA,EAAAA,KAAA,CAAA,IAAA,CAAA;AAEA,QAAM,QAAA,EAAA,IAAA;AACJ,OAAI,EAAA;AACF,QAAAE,WAAqB,CAAAF,KAAA,CAAA,WAAA,CAAA,EAAA;AAAA,UACvB,IAAA,EAAA,EAAA;AAAA,UACF,OAAA,EAAA,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"content2.mjs","sources":["../../../../../../packages/components/tour/src/content.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-plus/utils'\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,4 +1,4 @@
1
- import { tourContentProps } from './content.mjs';
1
+ import { tourContentProps } from './content2.mjs';
2
2
  import { buildProps, definePropType } from '../../../utils/vue/props/runtime.mjs';
3
3
  import { iconPropType } from '../../../utils/vue/icon.mjs';
4
4
 
@@ -45,7 +45,7 @@ export declare const tourProps: {
45
45
  readonly validator: ((val: unknown) => boolean) | undefined;
46
46
  __epPropKey: true;
47
47
  };
48
- appendTo: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement) | ((new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement))[], unknown, unknown, string, boolean>;
48
+ appendTo: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => string | HTMLElement) | (() => import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement) | ((new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement))[], unknown, unknown>) | ((new (...args: any[]) => string | HTMLElement) | (() => import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement) | ((new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement))[], unknown, unknown>))[], unknown, unknown, string, boolean>;
49
49
  closeOnPressEscape: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>;
50
50
  targetAreaClickable: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>;
51
51
  };
@@ -1,6 +1,7 @@
1
- import { tourContentProps } from './content.mjs';
1
+ import { tourContentProps } from './content2.mjs';
2
2
  import { buildProps, definePropType } from '../../../utils/vue/props/runtime.mjs';
3
3
  import { iconPropType } from '../../../utils/vue/icon.mjs';
4
+ import { teleportProps } from '../../teleport/src/teleport.mjs';
4
5
  import { UPDATE_MODEL_EVENT } from '../../../constants/event.mjs';
5
6
  import { isBoolean, isNumber } from '../../../utils/types.mjs';
6
7
 
@@ -49,7 +50,7 @@ const tourProps = buildProps({
49
50
  type: definePropType(String)
50
51
  },
51
52
  appendTo: {
52
- type: definePropType([String, Object]),
53
+ type: teleportProps.to.type,
53
54
  default: "body"
54
55
  },
55
56
  closeOnPressEscape: {
@@ -1 +1 @@
1
- {"version":3,"file":"tour.mjs","sources":["../../../../../../packages/components/tour/src/tour.ts"],"sourcesContent":["import {\n buildProps,\n definePropType,\n iconPropType,\n isBoolean,\n isNumber,\n} from '@element-plus/utils'\nimport { UPDATE_MODEL_EVENT } from '@element-plus/constants'\nimport { tourContentProps } from './content'\nimport type { CSSProperties, ExtractPropTypes } from 'vue'\nimport type Tour from './tour.vue'\nimport type { TourGap, TourMask } from './types'\n\nexport const tourProps = buildProps({\n /**\n * @description open tour\n */\n modelValue: Boolean,\n /**\n * @description what is the current step\n */\n current: {\n type: Number,\n default: 0,\n },\n /**\n * @description whether to show the arrow\n */\n showArrow: {\n type: Boolean,\n default: true,\n },\n /**\n * @description whether to show a close button\n */\n showClose: {\n type: Boolean,\n default: true,\n },\n /**\n * @description custom close icon\n */\n closeIcon: {\n type: iconPropType,\n },\n /**\n * @description position of the guide card relative to the target element\n */\n placement: tourContentProps.placement,\n /**\n * @description custom style for content\n */\n contentStyle: {\n type: definePropType<CSSProperties>([Object]),\n },\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: true,\n },\n /**\n * @description transparent gap between mask and target\n */\n gap: {\n type: definePropType<TourGap>(Object),\n default: () => ({\n offset: 6,\n radius: 2,\n }),\n },\n /**\n * @description tour's zIndex\n */\n zIndex: {\n type: Number,\n },\n /**\n * @description support pass custom scrollIntoView options\n */\n scrollIntoViewOptions: {\n type: definePropType<boolean | ScrollIntoViewOptions>([Boolean, Object]),\n default: () => ({\n block: 'center',\n }),\n },\n /**\n * @description type, affects the background color and text color\n */\n type: {\n type: definePropType<'default' | 'primary'>(String),\n },\n /**\n * @description which element the TourContent appends to\n */\n appendTo: {\n type: definePropType<string | HTMLElement>([String, Object]),\n default: 'body',\n },\n /**\n * @description whether the Tour can be closed by pressing ESC\n */\n closeOnPressEscape: {\n type: Boolean,\n default: true,\n },\n /**\n * @description whether the target element can be clickable, when using mask\n */\n targetAreaClickable: {\n type: Boolean,\n default: true,\n },\n})\n\nexport type TourProps = ExtractPropTypes<typeof tourProps>\nexport type TourInstance = InstanceType<typeof Tour> & unknown\n\nexport const tourEmits = {\n [UPDATE_MODEL_EVENT]: (value: boolean) => isBoolean(value),\n ['update:current']: (current: number) => isNumber(current),\n close: (current: number) => isNumber(current),\n finish: () => true,\n change: (current: number) => isNumber(current),\n}\nexport type TourEmits = typeof tourEmits\n"],"names":[],"mappings":";;;;;;AASY,MAAC,SAAS,GAAG,UAAU,CAAC;AACpC,EAAE,UAAU,EAAE,OAAO;AACrB,EAAE,OAAO,EAAE;AACX,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,YAAY;AACtB,GAAG;AACH,EAAE,SAAS,EAAE,gBAAgB,CAAC,SAAS;AACvC,EAAE,YAAY,EAAE;AAChB,IAAI,IAAI,EAAE,cAAc,CAAC,CAAC,MAAM,CAAC,CAAC;AAClC,GAAG;AACH,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,cAAc,CAAC,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;AAC3C,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,GAAG,EAAE;AACP,IAAI,IAAI,EAAE,cAAc,CAAC,MAAM,CAAC;AAChC,IAAI,OAAO,EAAE,OAAO;AACpB,MAAM,MAAM,EAAE,CAAC;AACf,MAAM,MAAM,EAAE,CAAC;AACf,KAAK,CAAC;AACN,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,MAAM;AAChB,GAAG;AACH,EAAE,qBAAqB,EAAE;AACzB,IAAI,IAAI,EAAE,cAAc,CAAC,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;AAC3C,IAAI,OAAO,EAAE,OAAO;AACpB,MAAM,KAAK,EAAE,QAAQ;AACrB,KAAK,CAAC;AACN,GAAG;AACH,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,cAAc,CAAC,MAAM,CAAC;AAChC,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,cAAc,CAAC,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAC1C,IAAI,OAAO,EAAE,MAAM;AACnB,GAAG;AACH,EAAE,kBAAkB,EAAE;AACtB,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,mBAAmB,EAAE;AACvB,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,CAAC,EAAE;AACS,MAAC,SAAS,GAAG;AACzB,EAAE,CAAC,kBAAkB,GAAG,CAAC,KAAK,KAAK,SAAS,CAAC,KAAK,CAAC;AACnD,EAAE,CAAC,gBAAgB,GAAG,CAAC,OAAO,KAAK,QAAQ,CAAC,OAAO,CAAC;AACpD,EAAE,KAAK,EAAE,CAAC,OAAO,KAAK,QAAQ,CAAC,OAAO,CAAC;AACvC,EAAE,MAAM,EAAE,MAAM,IAAI;AACpB,EAAE,MAAM,EAAE,CAAC,OAAO,KAAK,QAAQ,CAAC,OAAO,CAAC;AACxC;;;;"}
1
+ {"version":3,"file":"tour.mjs","sources":["../../../../../../packages/components/tour/src/tour.ts"],"sourcesContent":["import {\n buildProps,\n definePropType,\n iconPropType,\n isBoolean,\n isNumber,\n} from '@element-plus/utils'\nimport { UPDATE_MODEL_EVENT } from '@element-plus/constants'\nimport { teleportProps } from '@element-plus/components/teleport'\nimport { tourContentProps } from './content'\nimport type { CSSProperties, ExtractPropTypes } from 'vue'\nimport type Tour from './tour.vue'\nimport type { TourGap, TourMask } from './types'\n\nexport const tourProps = buildProps({\n /**\n * @description open tour\n */\n modelValue: Boolean,\n /**\n * @description what is the current step\n */\n current: {\n type: Number,\n default: 0,\n },\n /**\n * @description whether to show the arrow\n */\n showArrow: {\n type: Boolean,\n default: true,\n },\n /**\n * @description whether to show a close button\n */\n showClose: {\n type: Boolean,\n default: true,\n },\n /**\n * @description custom close icon\n */\n closeIcon: {\n type: iconPropType,\n },\n /**\n * @description position of the guide card relative to the target element\n */\n placement: tourContentProps.placement,\n /**\n * @description custom style for content\n */\n contentStyle: {\n type: definePropType<CSSProperties>([Object]),\n },\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: true,\n },\n /**\n * @description transparent gap between mask and target\n */\n gap: {\n type: definePropType<TourGap>(Object),\n default: () => ({\n offset: 6,\n radius: 2,\n }),\n },\n /**\n * @description tour's zIndex\n */\n zIndex: {\n type: Number,\n },\n /**\n * @description support pass custom scrollIntoView options\n */\n scrollIntoViewOptions: {\n type: definePropType<boolean | ScrollIntoViewOptions>([Boolean, Object]),\n default: () => ({\n block: 'center',\n }),\n },\n /**\n * @description type, affects the background color and text color\n */\n type: {\n type: definePropType<'default' | 'primary'>(String),\n },\n /**\n * @description which element the TourContent appends to\n */\n appendTo: {\n type: teleportProps.to.type,\n default: 'body',\n },\n /**\n * @description whether the Tour can be closed by pressing ESC\n */\n closeOnPressEscape: {\n type: Boolean,\n default: true,\n },\n /**\n * @description whether the target element can be clickable, when using mask\n */\n targetAreaClickable: {\n type: Boolean,\n default: true,\n },\n})\n\nexport type TourProps = ExtractPropTypes<typeof tourProps>\nexport type TourInstance = InstanceType<typeof Tour> & unknown\n\nexport const tourEmits = {\n [UPDATE_MODEL_EVENT]: (value: boolean) => isBoolean(value),\n ['update:current']: (current: number) => isNumber(current),\n close: (current: number) => isNumber(current),\n finish: () => true,\n change: (current: number) => isNumber(current),\n}\nexport type TourEmits = typeof tourEmits\n"],"names":[],"mappings":";;;;;;;AAUY,MAAC,SAAS,GAAG,UAAU,CAAC;AACpC,EAAE,UAAU,EAAE,OAAO;AACrB,EAAE,OAAO,EAAE;AACX,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,YAAY;AACtB,GAAG;AACH,EAAE,SAAS,EAAE,gBAAgB,CAAC,SAAS;AACvC,EAAE,YAAY,EAAE;AAChB,IAAI,IAAI,EAAE,cAAc,CAAC,CAAC,MAAM,CAAC,CAAC;AAClC,GAAG;AACH,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,cAAc,CAAC,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;AAC3C,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,GAAG,EAAE;AACP,IAAI,IAAI,EAAE,cAAc,CAAC,MAAM,CAAC;AAChC,IAAI,OAAO,EAAE,OAAO;AACpB,MAAM,MAAM,EAAE,CAAC;AACf,MAAM,MAAM,EAAE,CAAC;AACf,KAAK,CAAC;AACN,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,MAAM;AAChB,GAAG;AACH,EAAE,qBAAqB,EAAE;AACzB,IAAI,IAAI,EAAE,cAAc,CAAC,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;AAC3C,IAAI,OAAO,EAAE,OAAO;AACpB,MAAM,KAAK,EAAE,QAAQ;AACrB,KAAK,CAAC;AACN,GAAG;AACH,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,cAAc,CAAC,MAAM,CAAC;AAChC,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,aAAa,CAAC,EAAE,CAAC,IAAI;AAC/B,IAAI,OAAO,EAAE,MAAM;AACnB,GAAG;AACH,EAAE,kBAAkB,EAAE;AACtB,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,mBAAmB,EAAE;AACvB,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,CAAC,EAAE;AACS,MAAC,SAAS,GAAG;AACzB,EAAE,CAAC,kBAAkB,GAAG,CAAC,KAAK,KAAK,SAAS,CAAC,KAAK,CAAC;AACnD,EAAE,CAAC,gBAAgB,GAAG,CAAC,OAAO,KAAK,QAAQ,CAAC,OAAO,CAAC;AACpD,EAAE,KAAK,EAAE,CAAC,OAAO,KAAK,QAAQ,CAAC,OAAO,CAAC;AACvC,EAAE,MAAM,EAAE,MAAM,IAAI;AACpB,EAAE,MAAM,EAAE,CAAC,OAAO,KAAK,QAAQ,CAAC,OAAO,CAAC;AACxC;;;;"}
@@ -49,7 +49,7 @@ declare const __VLS_component: import("vue").DefineComponent<{
49
49
  readonly validator: ((val: unknown) => boolean) | undefined;
50
50
  __epPropKey: true;
51
51
  };
52
- appendTo: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement) | ((new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement))[], unknown, unknown, string, boolean>;
52
+ appendTo: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => string | HTMLElement) | (() => import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement) | ((new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement))[], unknown, unknown>) | ((new (...args: any[]) => string | HTMLElement) | (() => import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement) | ((new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement))[], unknown, unknown>))[], unknown, unknown, string, boolean>;
53
53
  closeOnPressEscape: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>;
54
54
  targetAreaClickable: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>;
55
55
  }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -102,7 +102,7 @@ declare const __VLS_component: import("vue").DefineComponent<{
102
102
  readonly validator: ((val: unknown) => boolean) | undefined;
103
103
  __epPropKey: true;
104
104
  };
105
- appendTo: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement) | ((new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement))[], unknown, unknown, string, boolean>;
105
+ appendTo: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => string | HTMLElement) | (() => import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement) | ((new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement))[], unknown, unknown>) | ((new (...args: any[]) => string | HTMLElement) | (() => import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement) | ((new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement))[], unknown, unknown>))[], unknown, unknown, string, boolean>;
106
106
  closeOnPressEscape: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>;
107
107
  targetAreaClickable: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>;
108
108
  }>> & {
@@ -117,7 +117,7 @@ declare const __VLS_component: import("vue").DefineComponent<{
117
117
  modelValue: boolean;
118
118
  placement: import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => "top" | "bottom" | "left" | "right" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => import("@floating-ui/core").Placement) | ((new (...args: any[]) => "top" | "bottom" | "left" | "right" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => import("@floating-ui/core").Placement))[], "top" | "bottom" | "left" | "right" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end", unknown>;
119
119
  scrollIntoViewOptions: import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => boolean | ScrollIntoViewOptions) | (() => boolean | ScrollIntoViewOptions) | ((new (...args: any[]) => boolean | ScrollIntoViewOptions) | (() => boolean | ScrollIntoViewOptions))[], unknown, unknown>;
120
- appendTo: import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement) | ((new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement))[], unknown, unknown>;
120
+ appendTo: import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => string | HTMLElement) | (() => import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement) | ((new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement))[], unknown, unknown>) | ((new (...args: any[]) => string | HTMLElement) | (() => import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement) | ((new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement))[], unknown, unknown>))[], unknown, unknown>;
121
121
  showArrow: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
122
122
  showClose: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
123
123
  current: number;