@element-plus/nightly 0.0.20250409 → 0.0.20250410

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 (626) hide show
  1. package/dist/index.css +1 -1
  2. package/dist/index.full.js +10 -11
  3. package/dist/index.full.min.js +8 -8
  4. package/dist/index.full.min.js.map +1 -1
  5. package/dist/index.full.min.mjs +9 -9
  6. package/dist/index.full.min.mjs.map +1 -1
  7. package/dist/index.full.mjs +10 -11
  8. package/dist/locale/af.js +1 -1
  9. package/dist/locale/af.min.js +1 -1
  10. package/dist/locale/af.min.mjs +1 -1
  11. package/dist/locale/af.mjs +1 -1
  12. package/dist/locale/ar-eg.js +1 -1
  13. package/dist/locale/ar-eg.min.js +1 -1
  14. package/dist/locale/ar-eg.min.mjs +1 -1
  15. package/dist/locale/ar-eg.mjs +1 -1
  16. package/dist/locale/ar.js +1 -1
  17. package/dist/locale/ar.min.js +1 -1
  18. package/dist/locale/ar.min.mjs +1 -1
  19. package/dist/locale/ar.mjs +1 -1
  20. package/dist/locale/az.js +1 -1
  21. package/dist/locale/az.min.js +1 -1
  22. package/dist/locale/az.min.mjs +1 -1
  23. package/dist/locale/az.mjs +1 -1
  24. package/dist/locale/bg.js +1 -1
  25. package/dist/locale/bg.min.js +1 -1
  26. package/dist/locale/bg.min.mjs +1 -1
  27. package/dist/locale/bg.mjs +1 -1
  28. package/dist/locale/bn.js +1 -1
  29. package/dist/locale/bn.min.js +1 -1
  30. package/dist/locale/bn.min.mjs +1 -1
  31. package/dist/locale/bn.mjs +1 -1
  32. package/dist/locale/ca.js +1 -1
  33. package/dist/locale/ca.min.js +1 -1
  34. package/dist/locale/ca.min.mjs +1 -1
  35. package/dist/locale/ca.mjs +1 -1
  36. package/dist/locale/ckb.js +1 -1
  37. package/dist/locale/ckb.min.js +1 -1
  38. package/dist/locale/ckb.min.mjs +1 -1
  39. package/dist/locale/ckb.mjs +1 -1
  40. package/dist/locale/cs.js +1 -1
  41. package/dist/locale/cs.min.js +1 -1
  42. package/dist/locale/cs.min.mjs +1 -1
  43. package/dist/locale/cs.mjs +1 -1
  44. package/dist/locale/da.js +1 -1
  45. package/dist/locale/da.min.js +1 -1
  46. package/dist/locale/da.min.mjs +1 -1
  47. package/dist/locale/da.mjs +1 -1
  48. package/dist/locale/de.js +1 -1
  49. package/dist/locale/de.min.js +1 -1
  50. package/dist/locale/de.min.mjs +1 -1
  51. package/dist/locale/de.mjs +1 -1
  52. package/dist/locale/el.js +1 -1
  53. package/dist/locale/el.min.js +1 -1
  54. package/dist/locale/el.min.mjs +1 -1
  55. package/dist/locale/el.mjs +1 -1
  56. package/dist/locale/en.js +1 -1
  57. package/dist/locale/en.min.js +1 -1
  58. package/dist/locale/en.min.mjs +1 -1
  59. package/dist/locale/en.mjs +1 -1
  60. package/dist/locale/eo.js +1 -1
  61. package/dist/locale/eo.min.js +1 -1
  62. package/dist/locale/eo.min.mjs +1 -1
  63. package/dist/locale/eo.mjs +1 -1
  64. package/dist/locale/es.js +1 -1
  65. package/dist/locale/es.min.js +1 -1
  66. package/dist/locale/es.min.mjs +1 -1
  67. package/dist/locale/es.mjs +1 -1
  68. package/dist/locale/et.js +1 -1
  69. package/dist/locale/et.min.js +1 -1
  70. package/dist/locale/et.min.mjs +1 -1
  71. package/dist/locale/et.mjs +1 -1
  72. package/dist/locale/eu.js +1 -1
  73. package/dist/locale/eu.min.js +1 -1
  74. package/dist/locale/eu.min.mjs +1 -1
  75. package/dist/locale/eu.mjs +1 -1
  76. package/dist/locale/fa.js +1 -1
  77. package/dist/locale/fa.min.js +1 -1
  78. package/dist/locale/fa.min.mjs +1 -1
  79. package/dist/locale/fa.mjs +1 -1
  80. package/dist/locale/fi.js +1 -1
  81. package/dist/locale/fi.min.js +1 -1
  82. package/dist/locale/fi.min.mjs +1 -1
  83. package/dist/locale/fi.mjs +1 -1
  84. package/dist/locale/fr.js +1 -1
  85. package/dist/locale/fr.min.js +1 -1
  86. package/dist/locale/fr.min.mjs +1 -1
  87. package/dist/locale/fr.mjs +1 -1
  88. package/dist/locale/he.js +1 -1
  89. package/dist/locale/he.min.js +1 -1
  90. package/dist/locale/he.min.mjs +1 -1
  91. package/dist/locale/he.mjs +1 -1
  92. package/dist/locale/hi.js +1 -1
  93. package/dist/locale/hi.min.js +1 -1
  94. package/dist/locale/hi.min.mjs +1 -1
  95. package/dist/locale/hi.mjs +1 -1
  96. package/dist/locale/hr.js +1 -1
  97. package/dist/locale/hr.min.js +1 -1
  98. package/dist/locale/hr.min.mjs +1 -1
  99. package/dist/locale/hr.mjs +1 -1
  100. package/dist/locale/hu.js +1 -1
  101. package/dist/locale/hu.min.js +1 -1
  102. package/dist/locale/hu.min.mjs +1 -1
  103. package/dist/locale/hu.mjs +1 -1
  104. package/dist/locale/hy-am.js +1 -1
  105. package/dist/locale/hy-am.min.js +1 -1
  106. package/dist/locale/hy-am.min.mjs +1 -1
  107. package/dist/locale/hy-am.mjs +1 -1
  108. package/dist/locale/id.js +1 -1
  109. package/dist/locale/id.min.js +1 -1
  110. package/dist/locale/id.min.mjs +1 -1
  111. package/dist/locale/id.mjs +1 -1
  112. package/dist/locale/it.js +1 -1
  113. package/dist/locale/it.min.js +1 -1
  114. package/dist/locale/it.min.mjs +1 -1
  115. package/dist/locale/it.mjs +1 -1
  116. package/dist/locale/ja.js +1 -1
  117. package/dist/locale/ja.min.js +1 -1
  118. package/dist/locale/ja.min.mjs +1 -1
  119. package/dist/locale/ja.mjs +1 -1
  120. package/dist/locale/kk.js +1 -1
  121. package/dist/locale/kk.min.js +1 -1
  122. package/dist/locale/kk.min.mjs +1 -1
  123. package/dist/locale/kk.mjs +1 -1
  124. package/dist/locale/km.js +1 -1
  125. package/dist/locale/km.min.js +1 -1
  126. package/dist/locale/km.min.mjs +1 -1
  127. package/dist/locale/km.mjs +1 -1
  128. package/dist/locale/ko.js +1 -1
  129. package/dist/locale/ko.min.js +1 -1
  130. package/dist/locale/ko.min.mjs +1 -1
  131. package/dist/locale/ko.mjs +1 -1
  132. package/dist/locale/ku.js +1 -1
  133. package/dist/locale/ku.min.js +1 -1
  134. package/dist/locale/ku.min.mjs +1 -1
  135. package/dist/locale/ku.mjs +1 -1
  136. package/dist/locale/ky.js +1 -1
  137. package/dist/locale/ky.min.js +1 -1
  138. package/dist/locale/ky.min.mjs +1 -1
  139. package/dist/locale/ky.mjs +1 -1
  140. package/dist/locale/lo.js +1 -1
  141. package/dist/locale/lo.min.js +1 -1
  142. package/dist/locale/lo.min.mjs +1 -1
  143. package/dist/locale/lo.mjs +1 -1
  144. package/dist/locale/lt.js +1 -1
  145. package/dist/locale/lt.min.js +1 -1
  146. package/dist/locale/lt.min.mjs +1 -1
  147. package/dist/locale/lt.mjs +1 -1
  148. package/dist/locale/lv.js +1 -1
  149. package/dist/locale/lv.min.js +1 -1
  150. package/dist/locale/lv.min.mjs +1 -1
  151. package/dist/locale/lv.mjs +1 -1
  152. package/dist/locale/mg.js +1 -1
  153. package/dist/locale/mg.min.js +1 -1
  154. package/dist/locale/mg.min.mjs +1 -1
  155. package/dist/locale/mg.mjs +1 -1
  156. package/dist/locale/mn.js +1 -1
  157. package/dist/locale/mn.min.js +1 -1
  158. package/dist/locale/mn.min.mjs +1 -1
  159. package/dist/locale/mn.mjs +1 -1
  160. package/dist/locale/ms.js +1 -1
  161. package/dist/locale/ms.min.js +1 -1
  162. package/dist/locale/ms.min.mjs +1 -1
  163. package/dist/locale/ms.mjs +1 -1
  164. package/dist/locale/my.js +1 -1
  165. package/dist/locale/my.min.js +1 -1
  166. package/dist/locale/my.min.mjs +1 -1
  167. package/dist/locale/my.mjs +1 -1
  168. package/dist/locale/nb-no.js +1 -1
  169. package/dist/locale/nb-no.min.js +1 -1
  170. package/dist/locale/nb-no.min.mjs +1 -1
  171. package/dist/locale/nb-no.mjs +1 -1
  172. package/dist/locale/nl.js +1 -1
  173. package/dist/locale/nl.min.js +1 -1
  174. package/dist/locale/nl.min.mjs +1 -1
  175. package/dist/locale/nl.mjs +1 -1
  176. package/dist/locale/no.js +1 -1
  177. package/dist/locale/no.min.js +1 -1
  178. package/dist/locale/no.min.mjs +1 -1
  179. package/dist/locale/no.mjs +1 -1
  180. package/dist/locale/pa.js +1 -1
  181. package/dist/locale/pa.min.js +1 -1
  182. package/dist/locale/pa.min.mjs +1 -1
  183. package/dist/locale/pa.mjs +1 -1
  184. package/dist/locale/pl.js +1 -1
  185. package/dist/locale/pl.min.js +1 -1
  186. package/dist/locale/pl.min.mjs +1 -1
  187. package/dist/locale/pl.mjs +1 -1
  188. package/dist/locale/pt-br.js +1 -1
  189. package/dist/locale/pt-br.min.js +1 -1
  190. package/dist/locale/pt-br.min.mjs +1 -1
  191. package/dist/locale/pt-br.mjs +1 -1
  192. package/dist/locale/pt.js +1 -1
  193. package/dist/locale/pt.min.js +1 -1
  194. package/dist/locale/pt.min.mjs +1 -1
  195. package/dist/locale/pt.mjs +1 -1
  196. package/dist/locale/ro.js +1 -1
  197. package/dist/locale/ro.min.js +1 -1
  198. package/dist/locale/ro.min.mjs +1 -1
  199. package/dist/locale/ro.mjs +1 -1
  200. package/dist/locale/ru.js +1 -1
  201. package/dist/locale/ru.min.js +1 -1
  202. package/dist/locale/ru.min.mjs +1 -1
  203. package/dist/locale/ru.mjs +1 -1
  204. package/dist/locale/sk.js +1 -1
  205. package/dist/locale/sk.min.js +1 -1
  206. package/dist/locale/sk.min.mjs +1 -1
  207. package/dist/locale/sk.mjs +1 -1
  208. package/dist/locale/sl.js +1 -1
  209. package/dist/locale/sl.min.js +1 -1
  210. package/dist/locale/sl.min.mjs +1 -1
  211. package/dist/locale/sl.mjs +1 -1
  212. package/dist/locale/sr.js +1 -1
  213. package/dist/locale/sr.min.js +1 -1
  214. package/dist/locale/sr.min.mjs +1 -1
  215. package/dist/locale/sr.mjs +1 -1
  216. package/dist/locale/sv.js +1 -1
  217. package/dist/locale/sv.min.js +1 -1
  218. package/dist/locale/sv.min.mjs +1 -1
  219. package/dist/locale/sv.mjs +1 -1
  220. package/dist/locale/sw.js +1 -1
  221. package/dist/locale/sw.min.js +1 -1
  222. package/dist/locale/sw.min.mjs +1 -1
  223. package/dist/locale/sw.mjs +1 -1
  224. package/dist/locale/ta.js +1 -1
  225. package/dist/locale/ta.min.js +1 -1
  226. package/dist/locale/ta.min.mjs +1 -1
  227. package/dist/locale/ta.mjs +1 -1
  228. package/dist/locale/te.js +1 -1
  229. package/dist/locale/te.min.js +1 -1
  230. package/dist/locale/te.min.mjs +1 -1
  231. package/dist/locale/te.mjs +1 -1
  232. package/dist/locale/th.js +1 -1
  233. package/dist/locale/th.min.js +1 -1
  234. package/dist/locale/th.min.mjs +1 -1
  235. package/dist/locale/th.mjs +1 -1
  236. package/dist/locale/tk.js +1 -1
  237. package/dist/locale/tk.min.js +1 -1
  238. package/dist/locale/tk.min.mjs +1 -1
  239. package/dist/locale/tk.mjs +1 -1
  240. package/dist/locale/tr.js +1 -1
  241. package/dist/locale/tr.min.js +1 -1
  242. package/dist/locale/tr.min.mjs +1 -1
  243. package/dist/locale/tr.mjs +1 -1
  244. package/dist/locale/ug-cn.js +1 -1
  245. package/dist/locale/ug-cn.min.js +1 -1
  246. package/dist/locale/ug-cn.min.mjs +1 -1
  247. package/dist/locale/ug-cn.mjs +1 -1
  248. package/dist/locale/uk.js +1 -1
  249. package/dist/locale/uk.min.js +1 -1
  250. package/dist/locale/uk.min.mjs +1 -1
  251. package/dist/locale/uk.mjs +1 -1
  252. package/dist/locale/uz-uz.js +1 -1
  253. package/dist/locale/uz-uz.min.js +1 -1
  254. package/dist/locale/uz-uz.min.mjs +1 -1
  255. package/dist/locale/uz-uz.mjs +1 -1
  256. package/dist/locale/vi.js +1 -1
  257. package/dist/locale/vi.min.js +1 -1
  258. package/dist/locale/vi.min.mjs +1 -1
  259. package/dist/locale/vi.mjs +1 -1
  260. package/dist/locale/zh-cn.js +1 -1
  261. package/dist/locale/zh-cn.min.js +1 -1
  262. package/dist/locale/zh-cn.min.mjs +1 -1
  263. package/dist/locale/zh-cn.mjs +1 -1
  264. package/dist/locale/zh-hk.js +1 -1
  265. package/dist/locale/zh-hk.min.js +1 -1
  266. package/dist/locale/zh-hk.min.mjs +1 -1
  267. package/dist/locale/zh-hk.mjs +1 -1
  268. package/dist/locale/zh-mo.js +1 -1
  269. package/dist/locale/zh-mo.min.js +1 -1
  270. package/dist/locale/zh-mo.min.mjs +1 -1
  271. package/dist/locale/zh-mo.mjs +1 -1
  272. package/dist/locale/zh-tw.js +1 -1
  273. package/dist/locale/zh-tw.min.js +1 -1
  274. package/dist/locale/zh-tw.min.mjs +1 -1
  275. package/dist/locale/zh-tw.mjs +1 -1
  276. package/es/components/message/src/message.d.ts +0 -2
  277. package/es/components/message/src/message.vue.d.ts +0 -3
  278. package/es/index.mjs +23 -23
  279. package/es/packages/components/autocomplete/index.mjs +2 -2
  280. package/es/packages/components/autocomplete/src/autocomplete.mjs +369 -79
  281. package/es/packages/components/autocomplete/src/autocomplete.mjs.map +1 -1
  282. package/es/packages/components/autocomplete/src/autocomplete2.mjs +79 -369
  283. package/es/packages/components/autocomplete/src/autocomplete2.mjs.map +1 -1
  284. package/es/packages/components/calendar/index.mjs +2 -2
  285. package/es/packages/components/calendar/src/calendar.mjs +134 -16
  286. package/es/packages/components/calendar/src/calendar.mjs.map +1 -1
  287. package/es/packages/components/calendar/src/calendar2.mjs +16 -134
  288. package/es/packages/components/calendar/src/calendar2.mjs.map +1 -1
  289. package/es/packages/components/cascader/src/cascader.mjs +1 -1
  290. package/es/packages/components/cascader-panel/src/index.mjs +1 -1
  291. package/es/packages/components/cascader-panel/src/menu.mjs +1 -1
  292. package/es/packages/components/cascader-panel/src/node.mjs +206 -115
  293. package/es/packages/components/cascader-panel/src/node.mjs.map +1 -1
  294. package/es/packages/components/cascader-panel/src/node2.mjs +115 -206
  295. package/es/packages/components/cascader-panel/src/node2.mjs.map +1 -1
  296. package/es/packages/components/cascader-panel/src/store.mjs +1 -1
  297. package/es/packages/components/check-tag/index.mjs +2 -2
  298. package/es/packages/components/check-tag/src/check-tag.mjs +38 -14
  299. package/es/packages/components/check-tag/src/check-tag.mjs.map +1 -1
  300. package/es/packages/components/check-tag/src/check-tag2.mjs +14 -38
  301. package/es/packages/components/check-tag/src/check-tag2.mjs.map +1 -1
  302. package/es/packages/components/checkbox/index.mjs +2 -2
  303. package/es/packages/components/checkbox/src/checkbox-group.mjs +30 -72
  304. package/es/packages/components/checkbox/src/checkbox-group.mjs.map +1 -1
  305. package/es/packages/components/checkbox/src/checkbox-group2.mjs +72 -30
  306. package/es/packages/components/checkbox/src/checkbox-group2.mjs.map +1 -1
  307. package/es/packages/components/collapse/index.mjs +2 -2
  308. package/es/packages/components/collapse/src/collapse-item.mjs +90 -18
  309. package/es/packages/components/collapse/src/collapse-item.mjs.map +1 -1
  310. package/es/packages/components/collapse/src/collapse-item2.mjs +18 -90
  311. package/es/packages/components/collapse/src/collapse-item2.mjs.map +1 -1
  312. package/es/packages/components/divider/index.mjs +2 -2
  313. package/es/packages/components/divider/src/divider.mjs +16 -34
  314. package/es/packages/components/divider/src/divider.mjs.map +1 -1
  315. package/es/packages/components/divider/src/divider2.mjs +34 -16
  316. package/es/packages/components/divider/src/divider2.mjs.map +1 -1
  317. package/es/packages/components/dropdown/index.mjs +2 -2
  318. package/es/packages/components/dropdown/src/dropdown-item-impl.mjs +1 -1
  319. package/es/packages/components/dropdown/src/dropdown-item.mjs +1 -1
  320. package/es/packages/components/dropdown/src/dropdown-menu.mjs +1 -1
  321. package/es/packages/components/dropdown/src/dropdown.mjs +299 -108
  322. package/es/packages/components/dropdown/src/dropdown.mjs.map +1 -1
  323. package/es/packages/components/dropdown/src/dropdown2.mjs +108 -299
  324. package/es/packages/components/dropdown/src/dropdown2.mjs.map +1 -1
  325. package/es/packages/components/form/index.mjs +4 -4
  326. package/es/packages/components/form/src/form-item.mjs +319 -47
  327. package/es/packages/components/form/src/form-item.mjs.map +1 -1
  328. package/es/packages/components/form/src/form-item2.mjs +47 -319
  329. package/es/packages/components/form/src/form-item2.mjs.map +1 -1
  330. package/es/packages/components/form/src/form.mjs +153 -53
  331. package/es/packages/components/form/src/form.mjs.map +1 -1
  332. package/es/packages/components/form/src/form2.mjs +53 -153
  333. package/es/packages/components/form/src/form2.mjs.map +1 -1
  334. package/es/packages/components/image/index.mjs +2 -2
  335. package/es/packages/components/image/src/image.mjs +222 -68
  336. package/es/packages/components/image/src/image.mjs.map +1 -1
  337. package/es/packages/components/image/src/image2.mjs +68 -222
  338. package/es/packages/components/image/src/image2.mjs.map +1 -1
  339. package/es/packages/components/image-viewer/index.mjs +2 -2
  340. package/es/packages/components/image-viewer/src/image-viewer.mjs +447 -49
  341. package/es/packages/components/image-viewer/src/image-viewer.mjs.map +1 -1
  342. package/es/packages/components/image-viewer/src/image-viewer2.mjs +49 -447
  343. package/es/packages/components/image-viewer/src/image-viewer2.mjs.map +1 -1
  344. package/es/packages/components/index.mjs +23 -23
  345. package/es/packages/components/input-tag/src/input-tag.mjs +1 -1
  346. package/es/packages/components/mention/src/mention-dropdown.mjs +15 -166
  347. package/es/packages/components/mention/src/mention-dropdown.mjs.map +1 -1
  348. package/es/packages/components/mention/src/mention-dropdown2.mjs +166 -15
  349. package/es/packages/components/mention/src/mention-dropdown2.mjs.map +1 -1
  350. package/es/packages/components/mention/src/mention2.mjs +1 -1
  351. package/es/packages/components/message/src/message.mjs +0 -5
  352. package/es/packages/components/message/src/message.mjs.map +1 -1
  353. package/es/packages/components/message/src/message2.mjs +0 -1
  354. package/es/packages/components/message/src/message2.mjs.map +1 -1
  355. package/es/packages/components/notification/index.mjs +1 -1
  356. package/es/packages/components/notification/src/notification.mjs +142 -68
  357. package/es/packages/components/notification/src/notification.mjs.map +1 -1
  358. package/es/packages/components/notification/src/notification2.mjs +68 -142
  359. package/es/packages/components/notification/src/notification2.mjs.map +1 -1
  360. package/es/packages/components/notification/src/notify.mjs +2 -2
  361. package/es/packages/components/pagination/src/components/total.mjs +26 -6
  362. package/es/packages/components/pagination/src/components/total.mjs.map +1 -1
  363. package/es/packages/components/pagination/src/components/total2.mjs +6 -26
  364. package/es/packages/components/pagination/src/components/total2.mjs.map +1 -1
  365. package/es/packages/components/pagination/src/pagination.mjs +1 -1
  366. package/es/packages/components/popover/src/popover.mjs +1 -1
  367. package/es/packages/components/popper/index.mjs +2 -2
  368. package/es/packages/components/popper/src/arrow.mjs +36 -7
  369. package/es/packages/components/popper/src/arrow.mjs.map +1 -1
  370. package/es/packages/components/popper/src/arrow2.mjs +7 -36
  371. package/es/packages/components/popper/src/arrow2.mjs.map +1 -1
  372. package/es/packages/components/radio/index.mjs +4 -4
  373. package/es/packages/components/radio/src/radio-button.mjs +65 -5
  374. package/es/packages/components/radio/src/radio-button.mjs.map +1 -1
  375. package/es/packages/components/radio/src/radio-button2.mjs +5 -65
  376. package/es/packages/components/radio/src/radio-button2.mjs.map +1 -1
  377. package/es/packages/components/radio/src/radio-group.mjs +1 -1
  378. package/es/packages/components/radio/src/radio.mjs +74 -32
  379. package/es/packages/components/radio/src/radio.mjs.map +1 -1
  380. package/es/packages/components/radio/src/radio2.mjs +32 -74
  381. package/es/packages/components/radio/src/radio2.mjs.map +1 -1
  382. package/es/packages/components/scrollbar/src/thumb2.mjs +5 -3
  383. package/es/packages/components/scrollbar/src/thumb2.mjs.map +1 -1
  384. package/es/packages/components/segmented/index.mjs +2 -2
  385. package/es/packages/components/segmented/src/segmented.mjs +168 -42
  386. package/es/packages/components/segmented/src/segmented.mjs.map +1 -1
  387. package/es/packages/components/segmented/src/segmented2.mjs +42 -168
  388. package/es/packages/components/segmented/src/segmented2.mjs.map +1 -1
  389. package/es/packages/components/select/src/select.mjs +1 -1
  390. package/es/packages/components/select-v2/src/defaults.mjs +1 -1
  391. package/es/packages/components/slider/src/composables/use-slide.mjs +4 -1
  392. package/es/packages/components/slider/src/composables/use-slide.mjs.map +1 -1
  393. package/es/packages/components/steps/index.mjs +2 -2
  394. package/es/packages/components/steps/src/item.mjs +19 -190
  395. package/es/packages/components/steps/src/item.mjs.map +1 -1
  396. package/es/packages/components/steps/src/item2.mjs +190 -19
  397. package/es/packages/components/steps/src/item2.mjs.map +1 -1
  398. package/es/packages/components/tag/index.mjs +2 -2
  399. package/es/packages/components/tag/src/tag.mjs +99 -27
  400. package/es/packages/components/tag/src/tag.mjs.map +1 -1
  401. package/es/packages/components/tag/src/tag2.mjs +27 -99
  402. package/es/packages/components/tag/src/tag2.mjs.map +1 -1
  403. package/es/packages/components/teleport/index.mjs +2 -2
  404. package/es/packages/components/teleport/src/teleport.mjs +18 -8
  405. package/es/packages/components/teleport/src/teleport.mjs.map +1 -1
  406. package/es/packages/components/teleport/src/teleport2.mjs +8 -18
  407. package/es/packages/components/teleport/src/teleport2.mjs.map +1 -1
  408. package/es/packages/components/text/index.mjs +2 -2
  409. package/es/packages/components/text/src/text.mjs +67 -21
  410. package/es/packages/components/text/src/text.mjs.map +1 -1
  411. package/es/packages/components/text/src/text2.mjs +21 -67
  412. package/es/packages/components/text/src/text2.mjs.map +1 -1
  413. package/es/packages/components/tooltip/index.mjs +2 -2
  414. package/es/packages/components/tooltip/src/tooltip.mjs +30 -166
  415. package/es/packages/components/tooltip/src/tooltip.mjs.map +1 -1
  416. package/es/packages/components/tooltip/src/tooltip2.mjs +166 -30
  417. package/es/packages/components/tooltip/src/tooltip2.mjs.map +1 -1
  418. package/es/packages/components/tooltip-v2/index.mjs +2 -2
  419. package/es/packages/components/tooltip-v2/src/arrow.mjs +37 -21
  420. package/es/packages/components/tooltip-v2/src/arrow.mjs.map +1 -1
  421. package/es/packages/components/tooltip-v2/src/arrow2.mjs +21 -37
  422. package/es/packages/components/tooltip-v2/src/arrow2.mjs.map +1 -1
  423. package/es/packages/components/tooltip-v2/src/content.mjs +48 -110
  424. package/es/packages/components/tooltip-v2/src/content.mjs.map +1 -1
  425. package/es/packages/components/tooltip-v2/src/content2.mjs +110 -48
  426. package/es/packages/components/tooltip-v2/src/content2.mjs.map +1 -1
  427. package/es/packages/components/tooltip-v2/src/tooltip.mjs +2 -2
  428. package/es/packages/components/tooltip-v2/src/tooltip2.mjs +4 -4
  429. package/es/packages/components/tour/index.mjs +1 -1
  430. package/es/packages/components/tour/src/content.mjs +67 -43
  431. package/es/packages/components/tour/src/content.mjs.map +1 -1
  432. package/es/packages/components/tour/src/content2.mjs +43 -67
  433. package/es/packages/components/tour/src/content2.mjs.map +1 -1
  434. package/es/packages/components/tour/src/step.mjs +1 -1
  435. package/es/packages/components/tour/src/tour.mjs +1 -1
  436. package/es/packages/components/tour/src/tour2.mjs +1 -1
  437. package/es/packages/components/upload/index.mjs +1 -1
  438. package/es/packages/components/upload/src/upload-list.mjs +173 -28
  439. package/es/packages/components/upload/src/upload-list.mjs.map +1 -1
  440. package/es/packages/components/upload/src/upload-list2.mjs +28 -173
  441. package/es/packages/components/upload/src/upload-list2.mjs.map +1 -1
  442. package/es/packages/components/upload/src/upload2.mjs +1 -1
  443. package/es/packages/directives/click-outside/index.mjs +1 -1
  444. package/es/packages/hooks/use-focus-controller/index.mjs +1 -1
  445. package/es/packages/hooks/use-lockscreen/index.mjs +1 -1
  446. package/es/version.d.ts +1 -1
  447. package/es/version.mjs +1 -1
  448. package/es/version.mjs.map +1 -1
  449. package/lib/components/message/src/message.d.ts +0 -2
  450. package/lib/components/message/src/message.vue.d.ts +0 -3
  451. package/lib/index.js +23 -23
  452. package/lib/packages/components/autocomplete/index.js +2 -2
  453. package/lib/packages/components/autocomplete/src/autocomplete.js +367 -78
  454. package/lib/packages/components/autocomplete/src/autocomplete.js.map +1 -1
  455. package/lib/packages/components/autocomplete/src/autocomplete2.js +78 -367
  456. package/lib/packages/components/autocomplete/src/autocomplete2.js.map +1 -1
  457. package/lib/packages/components/calendar/index.js +2 -2
  458. package/lib/packages/components/calendar/src/calendar.js +134 -17
  459. package/lib/packages/components/calendar/src/calendar.js.map +1 -1
  460. package/lib/packages/components/calendar/src/calendar2.js +17 -134
  461. package/lib/packages/components/calendar/src/calendar2.js.map +1 -1
  462. package/lib/packages/components/cascader/src/cascader.js +1 -1
  463. package/lib/packages/components/cascader-panel/src/index.js +1 -1
  464. package/lib/packages/components/cascader-panel/src/menu.js +1 -1
  465. package/lib/packages/components/cascader-panel/src/node.js +206 -115
  466. package/lib/packages/components/cascader-panel/src/node.js.map +1 -1
  467. package/lib/packages/components/cascader-panel/src/node2.js +115 -206
  468. package/lib/packages/components/cascader-panel/src/node2.js.map +1 -1
  469. package/lib/packages/components/cascader-panel/src/store.js +1 -1
  470. package/lib/packages/components/check-tag/index.js +2 -2
  471. package/lib/packages/components/check-tag/src/check-tag.js +38 -15
  472. package/lib/packages/components/check-tag/src/check-tag.js.map +1 -1
  473. package/lib/packages/components/check-tag/src/check-tag2.js +15 -38
  474. package/lib/packages/components/check-tag/src/check-tag2.js.map +1 -1
  475. package/lib/packages/components/checkbox/index.js +2 -2
  476. package/lib/packages/components/checkbox/src/checkbox-group.js +30 -71
  477. package/lib/packages/components/checkbox/src/checkbox-group.js.map +1 -1
  478. package/lib/packages/components/checkbox/src/checkbox-group2.js +71 -30
  479. package/lib/packages/components/checkbox/src/checkbox-group2.js.map +1 -1
  480. package/lib/packages/components/collapse/index.js +2 -2
  481. package/lib/packages/components/collapse/src/collapse-item.js +90 -18
  482. package/lib/packages/components/collapse/src/collapse-item.js.map +1 -1
  483. package/lib/packages/components/collapse/src/collapse-item2.js +18 -90
  484. package/lib/packages/components/collapse/src/collapse-item2.js.map +1 -1
  485. package/lib/packages/components/divider/index.js +2 -2
  486. package/lib/packages/components/divider/src/divider.js +16 -34
  487. package/lib/packages/components/divider/src/divider.js.map +1 -1
  488. package/lib/packages/components/divider/src/divider2.js +34 -16
  489. package/lib/packages/components/divider/src/divider2.js.map +1 -1
  490. package/lib/packages/components/dropdown/index.js +2 -2
  491. package/lib/packages/components/dropdown/src/dropdown-item-impl.js +1 -1
  492. package/lib/packages/components/dropdown/src/dropdown-item.js +1 -1
  493. package/lib/packages/components/dropdown/src/dropdown-menu.js +1 -1
  494. package/lib/packages/components/dropdown/src/dropdown.js +299 -117
  495. package/lib/packages/components/dropdown/src/dropdown.js.map +1 -1
  496. package/lib/packages/components/dropdown/src/dropdown2.js +117 -299
  497. package/lib/packages/components/dropdown/src/dropdown2.js.map +1 -1
  498. package/lib/packages/components/form/index.js +4 -4
  499. package/lib/packages/components/form/src/form-item.js +323 -48
  500. package/lib/packages/components/form/src/form-item.js.map +1 -1
  501. package/lib/packages/components/form/src/form-item2.js +48 -323
  502. package/lib/packages/components/form/src/form-item2.js.map +1 -1
  503. package/lib/packages/components/form/src/form.js +152 -54
  504. package/lib/packages/components/form/src/form.js.map +1 -1
  505. package/lib/packages/components/form/src/form2.js +54 -152
  506. package/lib/packages/components/form/src/form2.js.map +1 -1
  507. package/lib/packages/components/image/index.js +2 -2
  508. package/lib/packages/components/image/src/image.js +221 -68
  509. package/lib/packages/components/image/src/image.js.map +1 -1
  510. package/lib/packages/components/image/src/image2.js +68 -221
  511. package/lib/packages/components/image/src/image2.js.map +1 -1
  512. package/lib/packages/components/image-viewer/index.js +2 -2
  513. package/lib/packages/components/image-viewer/src/image-viewer.js +447 -50
  514. package/lib/packages/components/image-viewer/src/image-viewer.js.map +1 -1
  515. package/lib/packages/components/image-viewer/src/image-viewer2.js +50 -447
  516. package/lib/packages/components/image-viewer/src/image-viewer2.js.map +1 -1
  517. package/lib/packages/components/index.js +23 -23
  518. package/lib/packages/components/input-tag/src/input-tag.js +1 -1
  519. package/lib/packages/components/mention/src/mention-dropdown.js +16 -166
  520. package/lib/packages/components/mention/src/mention-dropdown.js.map +1 -1
  521. package/lib/packages/components/mention/src/mention-dropdown2.js +166 -16
  522. package/lib/packages/components/mention/src/mention-dropdown2.js.map +1 -1
  523. package/lib/packages/components/mention/src/mention2.js +1 -1
  524. package/lib/packages/components/message/src/message.js +0 -5
  525. package/lib/packages/components/message/src/message.js.map +1 -1
  526. package/lib/packages/components/message/src/message2.js +0 -1
  527. package/lib/packages/components/message/src/message2.js.map +1 -1
  528. package/lib/packages/components/notification/index.js +1 -1
  529. package/lib/packages/components/notification/src/notification.js +141 -69
  530. package/lib/packages/components/notification/src/notification.js.map +1 -1
  531. package/lib/packages/components/notification/src/notification2.js +69 -141
  532. package/lib/packages/components/notification/src/notification2.js.map +1 -1
  533. package/lib/packages/components/notification/src/notify.js +2 -2
  534. package/lib/packages/components/pagination/src/components/total.js +26 -6
  535. package/lib/packages/components/pagination/src/components/total.js.map +1 -1
  536. package/lib/packages/components/pagination/src/components/total2.js +6 -26
  537. package/lib/packages/components/pagination/src/components/total2.js.map +1 -1
  538. package/lib/packages/components/pagination/src/pagination.js +1 -1
  539. package/lib/packages/components/popover/src/popover.js +1 -1
  540. package/lib/packages/components/popper/index.js +2 -2
  541. package/lib/packages/components/popper/src/arrow.js +36 -8
  542. package/lib/packages/components/popper/src/arrow.js.map +1 -1
  543. package/lib/packages/components/popper/src/arrow2.js +8 -36
  544. package/lib/packages/components/popper/src/arrow2.js.map +1 -1
  545. package/lib/packages/components/radio/index.js +4 -4
  546. package/lib/packages/components/radio/src/radio-button.js +65 -5
  547. package/lib/packages/components/radio/src/radio-button.js.map +1 -1
  548. package/lib/packages/components/radio/src/radio-button2.js +5 -65
  549. package/lib/packages/components/radio/src/radio-button2.js.map +1 -1
  550. package/lib/packages/components/radio/src/radio-group.js +1 -1
  551. package/lib/packages/components/radio/src/radio.js +73 -33
  552. package/lib/packages/components/radio/src/radio.js.map +1 -1
  553. package/lib/packages/components/radio/src/radio2.js +33 -73
  554. package/lib/packages/components/radio/src/radio2.js.map +1 -1
  555. package/lib/packages/components/scrollbar/src/thumb2.js +4 -2
  556. package/lib/packages/components/scrollbar/src/thumb2.js.map +1 -1
  557. package/lib/packages/components/segmented/index.js +2 -2
  558. package/lib/packages/components/segmented/src/segmented.js +168 -44
  559. package/lib/packages/components/segmented/src/segmented.js.map +1 -1
  560. package/lib/packages/components/segmented/src/segmented2.js +44 -168
  561. package/lib/packages/components/segmented/src/segmented2.js.map +1 -1
  562. package/lib/packages/components/select/src/select.js +1 -1
  563. package/lib/packages/components/select-v2/src/defaults.js +1 -1
  564. package/lib/packages/components/slider/src/composables/use-slide.js +4 -1
  565. package/lib/packages/components/slider/src/composables/use-slide.js.map +1 -1
  566. package/lib/packages/components/steps/index.js +2 -2
  567. package/lib/packages/components/steps/src/item.js +19 -190
  568. package/lib/packages/components/steps/src/item.js.map +1 -1
  569. package/lib/packages/components/steps/src/item2.js +190 -19
  570. package/lib/packages/components/steps/src/item2.js.map +1 -1
  571. package/lib/packages/components/tag/index.js +2 -2
  572. package/lib/packages/components/tag/src/tag.js +99 -28
  573. package/lib/packages/components/tag/src/tag.js.map +1 -1
  574. package/lib/packages/components/tag/src/tag2.js +28 -99
  575. package/lib/packages/components/tag/src/tag2.js.map +1 -1
  576. package/lib/packages/components/teleport/index.js +2 -2
  577. package/lib/packages/components/teleport/src/teleport.js +18 -8
  578. package/lib/packages/components/teleport/src/teleport.js.map +1 -1
  579. package/lib/packages/components/teleport/src/teleport2.js +8 -18
  580. package/lib/packages/components/teleport/src/teleport2.js.map +1 -1
  581. package/lib/packages/components/text/index.js +2 -2
  582. package/lib/packages/components/text/src/text.js +67 -21
  583. package/lib/packages/components/text/src/text.js.map +1 -1
  584. package/lib/packages/components/text/src/text2.js +21 -67
  585. package/lib/packages/components/text/src/text2.js.map +1 -1
  586. package/lib/packages/components/tooltip/index.js +2 -2
  587. package/lib/packages/components/tooltip/src/tooltip.js +33 -165
  588. package/lib/packages/components/tooltip/src/tooltip.js.map +1 -1
  589. package/lib/packages/components/tooltip/src/tooltip2.js +165 -33
  590. package/lib/packages/components/tooltip/src/tooltip2.js.map +1 -1
  591. package/lib/packages/components/tooltip-v2/index.js +2 -2
  592. package/lib/packages/components/tooltip-v2/src/arrow.js +37 -22
  593. package/lib/packages/components/tooltip-v2/src/arrow.js.map +1 -1
  594. package/lib/packages/components/tooltip-v2/src/arrow2.js +22 -37
  595. package/lib/packages/components/tooltip-v2/src/arrow2.js.map +1 -1
  596. package/lib/packages/components/tooltip-v2/src/content.js +48 -110
  597. package/lib/packages/components/tooltip-v2/src/content.js.map +1 -1
  598. package/lib/packages/components/tooltip-v2/src/content2.js +110 -48
  599. package/lib/packages/components/tooltip-v2/src/content2.js.map +1 -1
  600. package/lib/packages/components/tooltip-v2/src/tooltip.js +2 -2
  601. package/lib/packages/components/tooltip-v2/src/tooltip2.js +4 -4
  602. package/lib/packages/components/tour/index.js +1 -1
  603. package/lib/packages/components/tour/src/content.js +67 -46
  604. package/lib/packages/components/tour/src/content.js.map +1 -1
  605. package/lib/packages/components/tour/src/content2.js +46 -67
  606. package/lib/packages/components/tour/src/content2.js.map +1 -1
  607. package/lib/packages/components/tour/src/step.js +1 -1
  608. package/lib/packages/components/tour/src/tour.js +1 -1
  609. package/lib/packages/components/tour/src/tour2.js +1 -1
  610. package/lib/packages/components/upload/index.js +1 -1
  611. package/lib/packages/components/upload/src/upload-list.js +173 -29
  612. package/lib/packages/components/upload/src/upload-list.js.map +1 -1
  613. package/lib/packages/components/upload/src/upload-list2.js +29 -173
  614. package/lib/packages/components/upload/src/upload-list2.js.map +1 -1
  615. package/lib/packages/components/upload/src/upload2.js +1 -1
  616. package/lib/packages/directives/click-outside/index.js +1 -1
  617. package/lib/packages/hooks/use-focus-controller/index.js +1 -1
  618. package/lib/packages/hooks/use-lockscreen/index.js +1 -1
  619. package/lib/version.d.ts +1 -1
  620. package/lib/version.js +1 -1
  621. package/lib/version.js.map +1 -1
  622. package/package.json +2 -2
  623. package/theme-chalk/el-message.css +1 -1
  624. package/theme-chalk/index.css +1 -1
  625. package/theme-chalk/src/message.scss +0 -4
  626. package/web-types.json +1 -1
@@ -2,55 +2,117 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var runtime = require('../../../utils/vue/props/runtime.js');
6
- var index = require('../../../hooks/use-aria/index.js');
5
+ var vue = require('vue');
6
+ var dom = require('@floating-ui/dom');
7
+ var visualHidden = require('../../visual-hidden/src/visual-hidden2.js');
8
+ var constants = require('./constants.js');
9
+ var content = require('./content.js');
10
+ var common = require('./common.js');
11
+ var pluginVue_exportHelper = require('../../../../_virtual/plugin-vue_export-helper.js');
12
+ var index = require('../../../hooks/use-floating/index.js');
13
+ var index$1 = require('../../../hooks/use-z-index/index.js');
14
+ var index$2 = require('../../../hooks/use-namespace/index.js');
7
15
 
8
- const tooltipV2Strategies = ["absolute", "fixed"];
9
- const tooltipV2Placements = [
10
- "top-start",
11
- "top-end",
12
- "top",
13
- "bottom-start",
14
- "bottom-end",
15
- "bottom",
16
- "left-start",
17
- "left-end",
18
- "left",
19
- "right-start",
20
- "right-end",
21
- "right"
22
- ];
23
- const tooltipV2ContentProps = runtime.buildProps({
24
- arrowPadding: {
25
- type: runtime.definePropType(Number),
26
- default: 5
27
- },
28
- effect: {
29
- type: runtime.definePropType(String),
30
- default: "light"
31
- },
32
- contentClass: String,
33
- placement: {
34
- type: runtime.definePropType(String),
35
- values: tooltipV2Placements,
36
- default: "bottom"
37
- },
38
- reference: {
39
- type: runtime.definePropType(Object),
40
- default: null
41
- },
42
- offset: {
43
- type: Number,
44
- default: 8
45
- },
46
- strategy: {
47
- type: runtime.definePropType(String),
48
- values: tooltipV2Strategies,
49
- default: "absolute"
50
- },
51
- showArrow: Boolean,
52
- ...index.useAriaProps(["ariaLabel"])
16
+ const __default__ = vue.defineComponent({
17
+ name: "ElTooltipV2Content"
53
18
  });
19
+ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
20
+ ...__default__,
21
+ props: { ...content.tooltipV2ContentProps, ...common.tooltipV2CommonProps },
22
+ setup(__props) {
23
+ const props = __props;
24
+ const { triggerRef, contentId } = vue.inject(constants.tooltipV2RootKey);
25
+ const placement = vue.ref(props.placement);
26
+ const strategy = vue.ref(props.strategy);
27
+ const arrowRef = vue.ref(null);
28
+ const { referenceRef, contentRef, middlewareData, x, y, update } = index.useFloating({
29
+ placement,
30
+ strategy,
31
+ middleware: vue.computed(() => {
32
+ const middleware = [dom.offset(props.offset)];
33
+ if (props.showArrow) {
34
+ middleware.push(index.arrowMiddleware({
35
+ arrowRef
36
+ }));
37
+ }
38
+ return middleware;
39
+ })
40
+ });
41
+ const zIndex = index$1.useZIndex().nextZIndex();
42
+ const ns = index$2.useNamespace("tooltip-v2");
43
+ const side = vue.computed(() => {
44
+ return placement.value.split("-")[0];
45
+ });
46
+ const contentStyle = vue.computed(() => {
47
+ return {
48
+ position: vue.unref(strategy),
49
+ top: `${vue.unref(y) || 0}px`,
50
+ left: `${vue.unref(x) || 0}px`,
51
+ zIndex
52
+ };
53
+ });
54
+ const arrowStyle = vue.computed(() => {
55
+ if (!props.showArrow)
56
+ return {};
57
+ const { arrow } = vue.unref(middlewareData);
58
+ return {
59
+ [`--${ns.namespace.value}-tooltip-v2-arrow-x`]: `${arrow == null ? void 0 : arrow.x}px` || "",
60
+ [`--${ns.namespace.value}-tooltip-v2-arrow-y`]: `${arrow == null ? void 0 : arrow.y}px` || ""
61
+ };
62
+ });
63
+ const contentClass = vue.computed(() => [
64
+ ns.e("content"),
65
+ ns.is("dark", props.effect === "dark"),
66
+ ns.is(vue.unref(strategy)),
67
+ props.contentClass
68
+ ]);
69
+ vue.watch(arrowRef, () => update());
70
+ vue.watch(() => props.placement, (val) => placement.value = val);
71
+ vue.onMounted(() => {
72
+ vue.watch(() => props.reference || triggerRef.value, (el) => {
73
+ referenceRef.value = el || void 0;
74
+ }, {
75
+ immediate: true
76
+ });
77
+ });
78
+ vue.provide(constants.tooltipV2ContentKey, { arrowRef });
79
+ return (_ctx, _cache) => {
80
+ return vue.openBlock(), vue.createElementBlock("div", {
81
+ ref_key: "contentRef",
82
+ ref: contentRef,
83
+ style: vue.normalizeStyle(vue.unref(contentStyle)),
84
+ "data-tooltip-v2-root": ""
85
+ }, [
86
+ !_ctx.nowrap ? (vue.openBlock(), vue.createElementBlock("div", {
87
+ key: 0,
88
+ "data-side": vue.unref(side),
89
+ class: vue.normalizeClass(vue.unref(contentClass))
90
+ }, [
91
+ vue.renderSlot(_ctx.$slots, "default", {
92
+ contentStyle: vue.unref(contentStyle),
93
+ contentClass: vue.unref(contentClass)
94
+ }),
95
+ vue.createVNode(vue.unref(visualHidden["default"]), {
96
+ id: vue.unref(contentId),
97
+ role: "tooltip"
98
+ }, {
99
+ default: vue.withCtx(() => [
100
+ _ctx.ariaLabel ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
101
+ vue.createTextVNode(vue.toDisplayString(_ctx.ariaLabel), 1)
102
+ ], 64)) : vue.renderSlot(_ctx.$slots, "default", { key: 1 })
103
+ ]),
104
+ _: 3
105
+ }, 8, ["id"]),
106
+ vue.renderSlot(_ctx.$slots, "arrow", {
107
+ style: vue.normalizeStyle(vue.unref(arrowStyle)),
108
+ side: vue.unref(side)
109
+ })
110
+ ], 10, ["data-side"])) : vue.createCommentVNode("v-if", true)
111
+ ], 4);
112
+ };
113
+ }
114
+ });
115
+ var TooltipV2Content = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "content.vue"]]);
54
116
 
55
- exports.tooltipV2ContentProps = tooltipV2ContentProps;
117
+ exports["default"] = TooltipV2Content;
56
118
  //# sourceMappingURL=content2.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"content2.js","sources":["../../../../../../../packages/components/tooltip-v2/src/content.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-plus/utils'\nimport { useAriaProps } from '@element-plus/hooks'\n\nimport type { PopperEffect } from '@element-plus/components/popper'\nimport type { ExtractPropTypes } from 'vue'\nimport type { Placement, Strategy, VirtualElement } from '@floating-ui/dom'\n\nconst tooltipV2Strategies = ['absolute', 'fixed'] as const\n\nconst tooltipV2Placements = [\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 tooltipV2ContentProps = buildProps({\n arrowPadding: {\n type: definePropType<number>(Number),\n default: 5,\n },\n effect: {\n type: definePropType<PopperEffect>(String),\n default: 'light',\n },\n contentClass: String,\n /**\n * Placement of tooltip content relative to reference element (when absent it refers to trigger)\n */\n placement: {\n type: definePropType<Placement>(String),\n values: tooltipV2Placements,\n default: 'bottom',\n },\n /**\n * Reference element for tooltip content to set its position\n */\n reference: {\n type: definePropType<HTMLElement | VirtualElement | null>(Object),\n default: null,\n },\n offset: {\n type: Number,\n default: 8,\n },\n strategy: {\n type: definePropType<Strategy>(String),\n values: tooltipV2Strategies,\n default: 'absolute',\n },\n showArrow: Boolean,\n ...useAriaProps(['ariaLabel']),\n} as const)\n\nexport type TooltipV2ContentProps = ExtractPropTypes<\n typeof tooltipV2ContentProps\n>\n"],"names":["buildProps","definePropType","useAriaProps"],"mappings":";;;;;;;AAEA,MAAM,mBAAmB,GAAG,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;AAClD,MAAM,mBAAmB,GAAG;AAC5B,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,CAAC,CAAC;AACU,MAAC,qBAAqB,GAAGA,kBAAU,CAAC;AAChD,EAAE,YAAY,EAAE;AAChB,IAAI,IAAI,EAAEC,sBAAc,CAAC,MAAM,CAAC;AAChC,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAEA,sBAAc,CAAC,MAAM,CAAC;AAChC,IAAI,OAAO,EAAE,OAAO;AACpB,GAAG;AACH,EAAE,YAAY,EAAE,MAAM;AACtB,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAEA,sBAAc,CAAC,MAAM,CAAC;AAChC,IAAI,MAAM,EAAE,mBAAmB;AAC/B,IAAI,OAAO,EAAE,QAAQ;AACrB,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAEA,sBAAc,CAAC,MAAM,CAAC;AAChC,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAEA,sBAAc,CAAC,MAAM,CAAC;AAChC,IAAI,MAAM,EAAE,mBAAmB;AAC/B,IAAI,OAAO,EAAE,UAAU;AACvB,GAAG;AACH,EAAE,SAAS,EAAE,OAAO;AACpB,EAAE,GAAGC,kBAAY,CAAC,CAAC,WAAW,CAAC,CAAC;AAChC,CAAC;;;;"}
1
+ {"version":3,"file":"content2.js","sources":["../../../../../../../packages/components/tooltip-v2/src/content.vue"],"sourcesContent":["<template>\n <div ref=\"contentRef\" :style=\"contentStyle\" data-tooltip-v2-root>\n <div v-if=\"!nowrap\" :data-side=\"side\" :class=\"contentClass\">\n <slot :content-style=\"contentStyle\" :content-class=\"contentClass\" />\n <el-visually-hidden :id=\"contentId\" role=\"tooltip\">\n <template v-if=\"ariaLabel\">\n {{ ariaLabel }}\n </template>\n <slot v-else />\n </el-visually-hidden>\n <slot name=\"arrow\" :style=\"arrowStyle\" :side=\"side\" />\n </div>\n </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, inject, onMounted, provide, ref, unref, watch } from 'vue'\nimport { offset } from '@floating-ui/dom'\nimport {\n arrowMiddleware,\n useFloating,\n useNamespace,\n useZIndex,\n} from '@element-plus/hooks'\nimport ElVisuallyHidden from '@element-plus/components/visual-hidden'\nimport { tooltipV2ContentKey, tooltipV2RootKey } from './constants'\nimport { tooltipV2ContentProps } from './content'\nimport { tooltipV2CommonProps } from './common'\n\nimport type { CSSProperties } from 'vue'\nimport type { Middleware } from '@floating-ui/dom'\n\ndefineOptions({\n name: 'ElTooltipV2Content',\n})\n\nconst props = defineProps({ ...tooltipV2ContentProps, ...tooltipV2CommonProps })\n\nconst { triggerRef, contentId } = inject(tooltipV2RootKey)!\n\nconst placement = ref(props.placement)\nconst strategy = ref(props.strategy)\nconst arrowRef = ref<HTMLElement | null>(null)\n\nconst { referenceRef, contentRef, middlewareData, x, y, update } = useFloating({\n placement,\n strategy,\n middleware: computed(() => {\n const middleware: Middleware[] = [offset(props.offset)]\n\n if (props.showArrow) {\n middleware.push(\n arrowMiddleware({\n arrowRef,\n })\n )\n }\n\n return middleware\n }),\n})\n\nconst zIndex = useZIndex().nextZIndex()\n\nconst ns = useNamespace('tooltip-v2')\n\nconst side = computed(() => {\n return placement.value.split('-')[0]\n})\n\nconst contentStyle = computed<CSSProperties>(() => {\n return {\n position: unref(strategy),\n top: `${unref(y) || 0}px`,\n left: `${unref(x) || 0}px`,\n zIndex,\n }\n})\n\nconst arrowStyle = computed<CSSProperties>(() => {\n if (!props.showArrow) return {}\n\n const { arrow } = unref(middlewareData)\n\n return {\n [`--${ns.namespace.value}-tooltip-v2-arrow-x`]: `${arrow?.x}px` || '',\n [`--${ns.namespace.value}-tooltip-v2-arrow-y`]: `${arrow?.y}px` || '',\n }\n})\n\nconst contentClass = computed(() => [\n ns.e('content'),\n ns.is('dark', props.effect === 'dark'),\n ns.is(unref(strategy)),\n props.contentClass,\n])\n\nwatch(arrowRef, () => update())\n\nwatch(\n () => props.placement,\n (val) => (placement.value = val)\n)\n\nonMounted(() => {\n watch(\n () => props.reference || triggerRef.value,\n (el) => {\n referenceRef.value = el || undefined\n },\n {\n immediate: true,\n }\n )\n})\n\nprovide(tooltipV2ContentKey, { arrowRef })\n</script>\n"],"names":["inject","tooltipV2RootKey","ref","useFloating","computed","offset","arrowMiddleware","useZIndex","useNamespace","unref","watch","onMounted","provide","tooltipV2ContentKey","_openBlock","_createElementBlock","_normalizeStyle","_unref"],"mappings":";;;;;;;;;;;;;;;uCAgCc,CAAA;AAAA,EACZ,IAAM,EAAA,oBAAA;AACR,CAAA,CAAA,CAAA;;;;;;AAIA,IAAA,MAAM,EAAE,UAAA,EAAY,SAAU,EAAA,GAAIA,WAAOC,0BAAgB,CAAA,CAAA;AAEzD,IAAM,MAAA,SAAA,GAAYC,OAAI,CAAA,KAAA,CAAM,SAAS,CAAA,CAAA;AACrC,IAAM,MAAA,QAAA,GAAWA,OAAI,CAAA,KAAA,CAAM,QAAQ,CAAA,CAAA;AACnC,IAAM,MAAA,QAAA,GAAWA,QAAwB,IAAI,CAAA,CAAA;AAE7C,IAAM,MAAA,EAAE,cAAc,UAAY,EAAA,cAAA,EAAgB,GAAG,CAAG,EAAA,MAAA,KAAWC,iBAAY,CAAA;AAAA,MAC7E,SAAA;AAAA,MACA,QAAA;AAAA,MACA,UAAA,EAAYC,aAAS,MAAM;AACzB,QAAA,MAAM,UAA2B,GAAA,CAACC,UAAO,CAAA,KAAA,CAAM,MAAM,CAAC,CAAA,CAAA;AAEtD,QAAA,IAAI,MAAM,SAAW,EAAA;AACnB,UAAW,UAAA,CAAA,IAAA,CAAAC,qBAAA,CAAA;AAAA,YACT,QAAgB;AAAA,WACd,CAAA,CAAA,CAAA;AAAA,SAAA;AACD,QACH,OAAA,UAAA,CAAA;AAAA,OACF,CAAA;AAEA,KAAO,CAAA,CAAA;AAAA,IAAA,MACR,MAAA,GAAAC,iBAAA,EAAA,CAAA,UAAA,EAAA,CAAA;AAAA,IACH,MAAC,EAAA,GAAAC,oBAAA,CAAA,YAAA,CAAA,CAAA;AAED,IAAM,MAAA,IAAA,GAAAJ,YAAmB,CAAA,MAAa;AAEtC,MAAM,OAAA,eAAkB,CAAY,KAAA,CAAA,GAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAEpC,KAAM,CAAA,CAAA;AACJ,IAAA,MAAA,YAAiB,GAAAA,YAAY,CAAA,MAAK;AAAC,MACpC,OAAA;AAED,QAAM,QAAA,EAAAK,SAAA,CAAA;AACJ,QAAO,GAAA,EAAA,CAAA,EAAAA,SAAA,CAAA,CAAA,CAAA,IAAA,CAAA,CAAA,EAAA,CAAA;AAAA,QACL,IAAA,EAAA,CAAA,EAAAA,WAAgB,CAAQ,IAAA,CAAA,CAAA,EAAA,CAAA;AAAA,QACxB,MAAK;AAAgB,OAAA,CACrB;AAAsB,KACtB,CAAA,CAAA;AAAA,IACF,MAAA,UAAA,GAAAL,YAAA,CAAA,MAAA;AAAA,MACD,IAAA,CAAA,KAAA,CAAA,SAAA;AAED,QAAM,OAAA,EAAA,CAAA;AACJ,MAAA,MAAK,EAAA,KAAiB,EAAA,GAAAK,SAAA,CAAA,cAAQ,CAAA,CAAA;AAE9B,MAAA,OAAQ;AAER,QAAO,CAAA,CAAA,EAAA,EAAA,EAAA,CAAA,SAAA,CAAA,KAAA,CAAA,mBAAA,CAAA,GAAA,CAAA,EAAA,KAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,KAAA,CAAA,CAAA,CAAA,EAAA,CAAA,IAAA,EAAA;AAAA,QACL,CAAC,CAAK,EAAA,EAAA,EAAA,CAAG,SAAU,CAAA,KAAK,qBAAqB,GAAG,CAAA,EAAG,KAAO,IAAS,IAAA,GAAA,KAAA,CAAA,GAAA,KAAA,CAAA,CAAA,CAAA,EAAA,CAAA,IAAA,EAAA;AAAA,OACnE,CAAA;AAAmE,KACrE,CAAA,CAAA;AAAA,IACF,MAAC,YAAA,GAAAL,YAAA,CAAA,MAAA;AAED,MAAM,EAAA,CAAA,CAAA,CAAA,SAAA,CAAA;AAA8B,MAClC,EAAA,CAAG,EAAE,CAAS,MAAA,EAAA,KAAA,CAAA,MAAA,KAAA,MAAA,CAAA;AAAA,MACd,EAAG,CAAA,EAAA,CAAGK,SAAQ,CAAA,QAAM;AAAiB,MACrC,KAAG,CAAG,YAAM;AAAS,KAAA,CACrB,CAAM;AAAA,IACRC,SAAC,CAAA,QAAA,EAAA,MAAA,MAAA,EAAA,CAAA,CAAA;AAED,IAAMA,SAAA,CAAA,MAAA,KAAgB,CAAA,SAAA,EAAO,CAAC,GAAA,KAAA,SAAA,CAAA,KAAA,GAAA,GAAA,CAAA,CAAA;AAE9B,IAAAC,aAAA,CAAA,MAAA;AAAA,MACED,UAAM,MAAM,KAAA,CAAA,SAAA,IAAA,UAAA,CAAA,KAAA,EAAA,CAAA,EAAA,KAAA;AAAA,QACF,YAAA,CAAA,KAAkB,GAAA,EAAA,IAAA,KAAA,CAAA,CAAA;AAAA,OAC9B,EAAA;AAEA,QAAA,SAAgB,EAAA,IAAA;AACd,OAAA,CAAA,CAAA;AAAA,KACE,CAAA,CAAA;AAAoC,IAAAE,WAC5B,CAAAC,6BAAA,EAAA,EAAA,QAAA,EAAA,CAAA,CAAA;AACN,IAAA,OAAA,CAAA,IAAA,EAAA;AAA2B,MAC7B,OAAAC,aAAA,EAAA,EAAAC,sBAAA,CAAA,KAAA,EAAA;AAAA,QACA,OAAA,EAAA,YAAA;AAAA,QAAA,GACa,EAAA,UAAA;AAAA,QACb,KAAA,EAAAC,kBAAA,CAAAC,SAAA,CAAA,YAAA,CAAA,CAAA;AAAA,QACF,sBAAA,EAAA,EAAA;AAAA,OACD,EAAA;AAED,QAAQ,CAAA,IAAA,CAAA,MAAA,IAAAH,aAAuB,EAAA,EAAAC,sBAAU,CAAA,KAAA,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -4,8 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var root = require('./root.js');
6
6
  var trigger = require('./trigger.js');
7
- var arrow = require('./arrow.js');
8
- var content = require('./content2.js');
7
+ var arrow = require('./arrow2.js');
8
+ var content = require('./content.js');
9
9
  var runtime = require('../../../utils/vue/props/runtime.js');
10
10
 
11
11
  const tooltipV2Props = runtime.buildProps({
@@ -5,14 +5,14 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  var vue = require('vue');
6
6
  var lodashUnified = require('lodash-unified');
7
7
  var index = require('../../teleport/index.js');
8
- var arrow = require('./arrow.js');
9
- var content = require('./content2.js');
8
+ var arrow = require('./arrow2.js');
9
+ var content = require('./content.js');
10
10
  var root = require('./root.js');
11
11
  var tooltip = require('./tooltip.js');
12
12
  var trigger = require('./trigger.js');
13
13
  var root$1 = require('./root2.js');
14
- var arrow$1 = require('./arrow2.js');
15
- var content$1 = require('./content.js');
14
+ var arrow$1 = require('./arrow.js');
15
+ var content$1 = require('./content2.js');
16
16
  var trigger$1 = require('./trigger2.js');
17
17
  var pluginVue_exportHelper = require('../../../../_virtual/plugin-vue_export-helper.js');
18
18
 
@@ -6,7 +6,7 @@ var tour$1 = require('./src/tour2.js');
6
6
  var step$1 = require('./src/step2.js');
7
7
  var tour = require('./src/tour.js');
8
8
  var step = require('./src/step.js');
9
- var content = require('./src/content.js');
9
+ var content = require('./src/content2.js');
10
10
  var install = require('../../utils/vue/install.js');
11
11
 
12
12
  const ElTour = install.withInstall(tour$1["default"], {
@@ -2,54 +2,75 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var runtime = require('../../../utils/vue/props/runtime.js');
5
+ var vue = require('vue');
6
+ var focusTrap = require('../../focus-trap/src/focus-trap.js');
7
+ var content = require('./content2.js');
8
+ var helper = require('./helper.js');
9
+ var pluginVue_exportHelper = require('../../../../_virtual/plugin-vue_export-helper.js');
6
10
 
7
- const tourStrategies = ["absolute", "fixed"];
8
- const tourPlacements = [
9
- "top-start",
10
- "top-end",
11
- "top",
12
- "bottom-start",
13
- "bottom-end",
14
- "bottom",
15
- "left-start",
16
- "left-end",
17
- "left",
18
- "right-start",
19
- "right-end",
20
- "right"
21
- ];
22
- const tourContentProps = runtime.buildProps({
23
- placement: {
24
- type: runtime.definePropType(String),
25
- values: tourPlacements,
26
- default: "bottom"
27
- },
28
- reference: {
29
- type: runtime.definePropType(Object),
30
- default: null
31
- },
32
- strategy: {
33
- type: runtime.definePropType(String),
34
- values: tourStrategies,
35
- default: "absolute"
36
- },
37
- offset: {
38
- type: Number,
39
- default: 10
40
- },
41
- showArrow: Boolean,
42
- zIndex: {
43
- type: Number,
44
- default: 2001
11
+ const __default__ = vue.defineComponent({
12
+ name: "ElTourContent"
13
+ });
14
+ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
15
+ ...__default__,
16
+ props: content.tourContentProps,
17
+ emits: content.tourContentEmits,
18
+ setup(__props, { emit }) {
19
+ const props = __props;
20
+ const placement = vue.ref(props.placement);
21
+ const strategy = vue.ref(props.strategy);
22
+ const contentRef = vue.ref(null);
23
+ const arrowRef = vue.ref(null);
24
+ vue.watch(() => props.placement, () => {
25
+ placement.value = props.placement;
26
+ });
27
+ const { contentStyle, arrowStyle } = helper.useFloating(vue.toRef(props, "reference"), contentRef, arrowRef, placement, strategy, vue.toRef(props, "offset"), vue.toRef(props, "zIndex"), vue.toRef(props, "showArrow"));
28
+ const side = vue.computed(() => {
29
+ return placement.value.split("-")[0];
30
+ });
31
+ const { ns } = vue.inject(helper.tourKey);
32
+ const onCloseRequested = () => {
33
+ emit("close");
34
+ };
35
+ const onFocusoutPrevented = (event) => {
36
+ if (event.detail.focusReason === "pointer") {
37
+ event.preventDefault();
38
+ }
39
+ };
40
+ return (_ctx, _cache) => {
41
+ return vue.openBlock(), vue.createElementBlock("div", {
42
+ ref_key: "contentRef",
43
+ ref: contentRef,
44
+ style: vue.normalizeStyle(vue.unref(contentStyle)),
45
+ class: vue.normalizeClass(vue.unref(ns).e("content")),
46
+ "data-side": vue.unref(side),
47
+ tabindex: "-1"
48
+ }, [
49
+ vue.createVNode(vue.unref(focusTrap["default"]), {
50
+ loop: "",
51
+ trapped: "",
52
+ "focus-start-el": "container",
53
+ "focus-trap-el": contentRef.value || void 0,
54
+ onReleaseRequested: onCloseRequested,
55
+ onFocusoutPrevented
56
+ }, {
57
+ default: vue.withCtx(() => [
58
+ vue.renderSlot(_ctx.$slots, "default")
59
+ ]),
60
+ _: 3
61
+ }, 8, ["focus-trap-el"]),
62
+ _ctx.showArrow ? (vue.openBlock(), vue.createElementBlock("span", {
63
+ key: 0,
64
+ ref_key: "arrowRef",
65
+ ref: arrowRef,
66
+ style: vue.normalizeStyle(vue.unref(arrowStyle)),
67
+ class: vue.normalizeClass(vue.unref(ns).e("arrow"))
68
+ }, null, 6)) : vue.createCommentVNode("v-if", true)
69
+ ], 14, ["data-side"]);
70
+ };
45
71
  }
46
72
  });
47
- const tourContentEmits = {
48
- close: () => true
49
- };
73
+ var ElTourContent = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "content.vue"]]);
50
74
 
51
- exports.tourContentEmits = tourContentEmits;
52
- exports.tourContentProps = tourContentProps;
53
- exports.tourPlacements = tourPlacements;
54
- exports.tourStrategies = tourStrategies;
75
+ exports["default"] = ElTourContent;
55
76
  //# sourceMappingURL=content.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"content.js","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":["buildProps","definePropType"],"mappings":";;;;;;AACY,MAAC,cAAc,GAAG,CAAC,UAAU,EAAE,OAAO,EAAE;AACxC,MAAC,cAAc,GAAG;AAC9B,EAAE,WAAW;AACb,EAAE,SAAS;AACX,EAAE,KAAK;AACP,EAAE,cAAc;AAChB,EAAE,YAAY;AACd,EAAE,QAAQ;AACV,EAAE,YAAY;AACd,EAAE,UAAU;AACZ,EAAE,MAAM;AACR,EAAE,aAAa;AACf,EAAE,WAAW;AACb,EAAE,OAAO;AACT,EAAE;AACU,MAAC,gBAAgB,GAAGA,kBAAU,CAAC;AAC3C,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAEC,sBAAc,CAAC,MAAM,CAAC;AAChC,IAAI,MAAM,EAAE,cAAc;AAC1B,IAAI,OAAO,EAAE,QAAQ;AACrB,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAEA,sBAAc,CAAC,MAAM,CAAC;AAChC,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAEA,sBAAc,CAAC,MAAM,CAAC;AAChC,IAAI,MAAM,EAAE,cAAc;AAC1B,IAAI,OAAO,EAAE,UAAU;AACvB,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,SAAS,EAAE,OAAO;AACpB,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,CAAC,EAAE;AACS,MAAC,gBAAgB,GAAG;AAChC,EAAE,KAAK,EAAE,MAAM,IAAI;AACnB;;;;;;;"}
1
+ {"version":3,"file":"content.js","sources":["../../../../../../../packages/components/tour/src/content.vue"],"sourcesContent":["<template>\n <div\n ref=\"contentRef\"\n :style=\"contentStyle\"\n :class=\"ns.e('content')\"\n :data-side=\"side\"\n tabindex=\"-1\"\n >\n <el-focus-trap\n loop\n trapped\n focus-start-el=\"container\"\n :focus-trap-el=\"contentRef || undefined\"\n @release-requested=\"onCloseRequested\"\n @focusout-prevented=\"onFocusoutPrevented\"\n >\n <slot />\n </el-focus-trap>\n <span\n v-if=\"showArrow\"\n ref=\"arrowRef\"\n :style=\"arrowStyle\"\n :class=\"ns.e('arrow')\"\n />\n </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, inject, ref, toRef, watch } from 'vue'\nimport ElFocusTrap from '@element-plus/components/focus-trap'\nimport { tourContentEmits, tourContentProps } from './content'\nimport { tourKey, useFloating } from './helper'\n\ndefineOptions({\n name: 'ElTourContent',\n})\n\nconst props = defineProps(tourContentProps)\nconst emit = defineEmits(tourContentEmits)\n\nconst placement = ref(props.placement)\nconst strategy = ref(props.strategy)\nconst contentRef = ref<HTMLElement | null>(null)\nconst arrowRef = ref<HTMLElement | null>(null)\n\nwatch(\n () => props.placement,\n () => {\n placement.value = props.placement\n }\n)\n\nconst { contentStyle, arrowStyle } = useFloating(\n toRef(props, 'reference'),\n contentRef,\n arrowRef,\n placement,\n strategy,\n toRef(props, 'offset'),\n toRef(props, 'zIndex'),\n toRef(props, 'showArrow')\n)\n\nconst side = computed(() => {\n return placement.value.split('-')[0]\n})\n\nconst { ns } = inject(tourKey)!\n\nconst onCloseRequested = () => {\n emit('close')\n}\n\nconst onFocusoutPrevented = (event: CustomEvent) => {\n if (event.detail.focusReason === 'pointer') {\n event.preventDefault()\n }\n}\n</script>\n"],"names":["ref","watch","useFloating","toRef","computed","inject","tourKey","_openBlock","_createElementBlock","_unref","_normalizeClass","_createVNode","ElFocusTrap"],"mappings":";;;;;;;;;;uCAiCc,CAAA;AAAA,EACZ,IAAM,EAAA,eAAA;AACR,CAAA,CAAA,CAAA;;;;;;;AAKA,IAAM,MAAA,SAAA,GAAYA,OAAI,CAAA,KAAA,CAAM,SAAS,CAAA,CAAA;AACrC,IAAM,MAAA,QAAA,GAAWA,OAAI,CAAA,KAAA,CAAM,QAAQ,CAAA,CAAA;AACnC,IAAM,MAAA,UAAA,GAAaA,QAAwB,IAAI,CAAA,CAAA;AAC/C,IAAM,MAAA,QAAA,GAAWA,QAAwB,IAAI,CAAA,CAAA;AAE7C,IAAAC,SAAA,CAAA,MAAA,KAAA,CAAA,SAAA,EAAA,MAAA;AAAA,MACE,SAAY,CAAA,KAAA,GAAA,KAAA,CAAA,SAAA,CAAA;AAAA,KAAA,CACZ,CAAM;AACJ,IAAA,MAAA,EAAA,cAAkB,UAAM,EAAA,GAAAC,kBAAA,CAAAC,SAAA,CAAA,KAAA,EAAA,WAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,SAAA,EAAA,QAAA,EAAAA,SAAA,CAAA,KAAA,EAAA,QAAA,CAAA,EAAAA,SAAA,CAAA,KAAA,EAAA,QAAA,CAAA,EAAAA,SAAA,CAAA,KAAA,EAAA,WAAA,CAAA,CAAA,CAAA;AAAA,IAC1B,MAAA,IAAA,GAAAC,YAAA,CAAA,MAAA;AAAA,MACF,OAAA,SAAA,CAAA,KAAA,CAAA,KAAA,CAAA,GAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAEA,KAAM,CAAA,CAAA;AAA+B,IACnC,MAAA,EAAM,OAAOC,UAAW,CAAAC,cAAA,CAAA,CAAA;AAAA,IACxB,MAAA,gBAAA,GAAA,MAAA;AAAA,MACA,IAAA,CAAA,OAAA,CAAA,CAAA;AAAA,KACA,CAAA;AAAA,IACA,MAAA,mBAAA,GAAA,CAAA,KAAA,KAAA;AAAA,MACA,IAAA,YAAqB,CAAA,WAAA,KAAA,SAAA,EAAA;AAAA,QACrB,oBAAqB,EAAA,CAAA;AAAA,OACrB;AAAwB,KAC1B,CAAA;AAEA,IAAM,OAAA,CAAA,IAAA,aAAsB;AAC1B,MAAA,OAAOC,aAAU,EAAA,EAAAC,sBAAkB,CAAA,KAAA,EAAA;AAAA,QACpC,OAAA,EAAA,YAAA;AAED,QAAA,GAAQ,EAAA,UAAO;AAEf,QAAA,yBAA+B,CAAAC,SAAA,CAAA,YAAA,CAAA,CAAA;AAC7B,QAAA,KAAY,EAAAC,kBAAA,CAAAD,SAAA,CAAA,EAAA,CAAA,CAAA,CAAA,CAAA,SAAA,CAAA,CAAA;AAAA,QACd,WAAA,EAAAA,SAAA,CAAA,IAAA,CAAA;AAEA,QAAM,QAAA,EAAA,IAAA;AACJ,OAAI,EAAA;AACF,QAAAE,eAAqB,CAAAF,SAAA,CAAAG,oBAAA,CAAA,EAAA;AAAA,UACvB,IAAA,EAAA,EAAA;AAAA,UACF,OAAA,EAAA,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -2,75 +2,54 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var vue = require('vue');
6
- var focusTrap = require('../../focus-trap/src/focus-trap.js');
7
- var content = require('./content.js');
8
- var helper = require('./helper.js');
9
- var pluginVue_exportHelper = require('../../../../_virtual/plugin-vue_export-helper.js');
5
+ var runtime = require('../../../utils/vue/props/runtime.js');
10
6
 
11
- const __default__ = vue.defineComponent({
12
- name: "ElTourContent"
13
- });
14
- const _sfc_main = /* @__PURE__ */ vue.defineComponent({
15
- ...__default__,
16
- props: content.tourContentProps,
17
- emits: content.tourContentEmits,
18
- setup(__props, { emit }) {
19
- const props = __props;
20
- const placement = vue.ref(props.placement);
21
- const strategy = vue.ref(props.strategy);
22
- const contentRef = vue.ref(null);
23
- const arrowRef = vue.ref(null);
24
- vue.watch(() => props.placement, () => {
25
- placement.value = props.placement;
26
- });
27
- const { contentStyle, arrowStyle } = helper.useFloating(vue.toRef(props, "reference"), contentRef, arrowRef, placement, strategy, vue.toRef(props, "offset"), vue.toRef(props, "zIndex"), vue.toRef(props, "showArrow"));
28
- const side = vue.computed(() => {
29
- return placement.value.split("-")[0];
30
- });
31
- const { ns } = vue.inject(helper.tourKey);
32
- const onCloseRequested = () => {
33
- emit("close");
34
- };
35
- const onFocusoutPrevented = (event) => {
36
- if (event.detail.focusReason === "pointer") {
37
- event.preventDefault();
38
- }
39
- };
40
- return (_ctx, _cache) => {
41
- return vue.openBlock(), vue.createElementBlock("div", {
42
- ref_key: "contentRef",
43
- ref: contentRef,
44
- style: vue.normalizeStyle(vue.unref(contentStyle)),
45
- class: vue.normalizeClass(vue.unref(ns).e("content")),
46
- "data-side": vue.unref(side),
47
- tabindex: "-1"
48
- }, [
49
- vue.createVNode(vue.unref(focusTrap["default"]), {
50
- loop: "",
51
- trapped: "",
52
- "focus-start-el": "container",
53
- "focus-trap-el": contentRef.value || void 0,
54
- onReleaseRequested: onCloseRequested,
55
- onFocusoutPrevented
56
- }, {
57
- default: vue.withCtx(() => [
58
- vue.renderSlot(_ctx.$slots, "default")
59
- ]),
60
- _: 3
61
- }, 8, ["focus-trap-el"]),
62
- _ctx.showArrow ? (vue.openBlock(), vue.createElementBlock("span", {
63
- key: 0,
64
- ref_key: "arrowRef",
65
- ref: arrowRef,
66
- style: vue.normalizeStyle(vue.unref(arrowStyle)),
67
- class: vue.normalizeClass(vue.unref(ns).e("arrow"))
68
- }, null, 6)) : vue.createCommentVNode("v-if", true)
69
- ], 14, ["data-side"]);
70
- };
7
+ const tourStrategies = ["absolute", "fixed"];
8
+ const tourPlacements = [
9
+ "top-start",
10
+ "top-end",
11
+ "top",
12
+ "bottom-start",
13
+ "bottom-end",
14
+ "bottom",
15
+ "left-start",
16
+ "left-end",
17
+ "left",
18
+ "right-start",
19
+ "right-end",
20
+ "right"
21
+ ];
22
+ const tourContentProps = runtime.buildProps({
23
+ placement: {
24
+ type: runtime.definePropType(String),
25
+ values: tourPlacements,
26
+ default: "bottom"
27
+ },
28
+ reference: {
29
+ type: runtime.definePropType(Object),
30
+ default: null
31
+ },
32
+ strategy: {
33
+ type: runtime.definePropType(String),
34
+ values: tourStrategies,
35
+ default: "absolute"
36
+ },
37
+ offset: {
38
+ type: Number,
39
+ default: 10
40
+ },
41
+ showArrow: Boolean,
42
+ zIndex: {
43
+ type: Number,
44
+ default: 2001
71
45
  }
72
46
  });
73
- var ElTourContent = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "content.vue"]]);
47
+ const tourContentEmits = {
48
+ close: () => true
49
+ };
74
50
 
75
- exports["default"] = ElTourContent;
51
+ exports.tourContentEmits = tourContentEmits;
52
+ exports.tourContentProps = tourContentProps;
53
+ exports.tourPlacements = tourPlacements;
54
+ exports.tourStrategies = tourStrategies;
76
55
  //# sourceMappingURL=content2.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"content2.js","sources":["../../../../../../../packages/components/tour/src/content.vue"],"sourcesContent":["<template>\n <div\n ref=\"contentRef\"\n :style=\"contentStyle\"\n :class=\"ns.e('content')\"\n :data-side=\"side\"\n tabindex=\"-1\"\n >\n <el-focus-trap\n loop\n trapped\n focus-start-el=\"container\"\n :focus-trap-el=\"contentRef || undefined\"\n @release-requested=\"onCloseRequested\"\n @focusout-prevented=\"onFocusoutPrevented\"\n >\n <slot />\n </el-focus-trap>\n <span\n v-if=\"showArrow\"\n ref=\"arrowRef\"\n :style=\"arrowStyle\"\n :class=\"ns.e('arrow')\"\n />\n </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, inject, ref, toRef, watch } from 'vue'\nimport ElFocusTrap from '@element-plus/components/focus-trap'\nimport { tourContentEmits, tourContentProps } from './content'\nimport { tourKey, useFloating } from './helper'\n\ndefineOptions({\n name: 'ElTourContent',\n})\n\nconst props = defineProps(tourContentProps)\nconst emit = defineEmits(tourContentEmits)\n\nconst placement = ref(props.placement)\nconst strategy = ref(props.strategy)\nconst contentRef = ref<HTMLElement | null>(null)\nconst arrowRef = ref<HTMLElement | null>(null)\n\nwatch(\n () => props.placement,\n () => {\n placement.value = props.placement\n }\n)\n\nconst { contentStyle, arrowStyle } = useFloating(\n toRef(props, 'reference'),\n contentRef,\n arrowRef,\n placement,\n strategy,\n toRef(props, 'offset'),\n toRef(props, 'zIndex'),\n toRef(props, 'showArrow')\n)\n\nconst side = computed(() => {\n return placement.value.split('-')[0]\n})\n\nconst { ns } = inject(tourKey)!\n\nconst onCloseRequested = () => {\n emit('close')\n}\n\nconst onFocusoutPrevented = (event: CustomEvent) => {\n if (event.detail.focusReason === 'pointer') {\n event.preventDefault()\n }\n}\n</script>\n"],"names":["ref","watch","useFloating","toRef","computed","inject","tourKey","_openBlock","_createElementBlock","_unref","_normalizeClass","_createVNode","ElFocusTrap"],"mappings":";;;;;;;;;;uCAiCc,CAAA;AAAA,EACZ,IAAM,EAAA,eAAA;AACR,CAAA,CAAA,CAAA;;;;;;;AAKA,IAAM,MAAA,SAAA,GAAYA,OAAI,CAAA,KAAA,CAAM,SAAS,CAAA,CAAA;AACrC,IAAM,MAAA,QAAA,GAAWA,OAAI,CAAA,KAAA,CAAM,QAAQ,CAAA,CAAA;AACnC,IAAM,MAAA,UAAA,GAAaA,QAAwB,IAAI,CAAA,CAAA;AAC/C,IAAM,MAAA,QAAA,GAAWA,QAAwB,IAAI,CAAA,CAAA;AAE7C,IAAAC,SAAA,CAAA,MAAA,KAAA,CAAA,SAAA,EAAA,MAAA;AAAA,MACE,SAAY,CAAA,KAAA,GAAA,KAAA,CAAA,SAAA,CAAA;AAAA,KAAA,CACZ,CAAM;AACJ,IAAA,MAAA,EAAA,cAAkB,UAAM,EAAA,GAAAC,kBAAA,CAAAC,SAAA,CAAA,KAAA,EAAA,WAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,SAAA,EAAA,QAAA,EAAAA,SAAA,CAAA,KAAA,EAAA,QAAA,CAAA,EAAAA,SAAA,CAAA,KAAA,EAAA,QAAA,CAAA,EAAAA,SAAA,CAAA,KAAA,EAAA,WAAA,CAAA,CAAA,CAAA;AAAA,IAC1B,MAAA,IAAA,GAAAC,YAAA,CAAA,MAAA;AAAA,MACF,OAAA,SAAA,CAAA,KAAA,CAAA,KAAA,CAAA,GAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAEA,KAAM,CAAA,CAAA;AAA+B,IACnC,MAAA,EAAM,OAAOC,UAAW,CAAAC,cAAA,CAAA,CAAA;AAAA,IACxB,MAAA,gBAAA,GAAA,MAAA;AAAA,MACA,IAAA,CAAA,OAAA,CAAA,CAAA;AAAA,KACA,CAAA;AAAA,IACA,MAAA,mBAAA,GAAA,CAAA,KAAA,KAAA;AAAA,MACA,IAAA,YAAqB,CAAA,WAAA,KAAA,SAAA,EAAA;AAAA,QACrB,oBAAqB,EAAA,CAAA;AAAA,OACrB;AAAwB,KAC1B,CAAA;AAEA,IAAM,OAAA,CAAA,IAAA,aAAsB;AAC1B,MAAA,OAAOC,aAAU,EAAA,EAAAC,sBAAkB,CAAA,KAAA,EAAA;AAAA,QACpC,OAAA,EAAA,YAAA;AAED,QAAA,GAAQ,EAAA,UAAO;AAEf,QAAA,yBAA+B,CAAAC,SAAA,CAAA,YAAA,CAAA,CAAA;AAC7B,QAAA,KAAY,EAAAC,kBAAA,CAAAD,SAAA,CAAA,EAAA,CAAA,CAAA,CAAA,CAAA,SAAA,CAAA,CAAA;AAAA,QACd,WAAA,EAAAA,SAAA,CAAA,IAAA,CAAA;AAEA,QAAM,QAAA,EAAA,IAAA;AACJ,OAAI,EAAA;AACF,QAAAE,eAAqB,CAAAF,SAAA,CAAAG,oBAAA,CAAA,EAAA;AAAA,UACvB,IAAA,EAAA,EAAA;AAAA,UACF,OAAA,EAAA,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"content2.js","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":["buildProps","definePropType"],"mappings":";;;;;;AACY,MAAC,cAAc,GAAG,CAAC,UAAU,EAAE,OAAO,EAAE;AACxC,MAAC,cAAc,GAAG;AAC9B,EAAE,WAAW;AACb,EAAE,SAAS;AACX,EAAE,KAAK;AACP,EAAE,cAAc;AAChB,EAAE,YAAY;AACd,EAAE,QAAQ;AACV,EAAE,YAAY;AACd,EAAE,UAAU;AACZ,EAAE,MAAM;AACR,EAAE,aAAa;AACf,EAAE,WAAW;AACb,EAAE,OAAO;AACT,EAAE;AACU,MAAC,gBAAgB,GAAGA,kBAAU,CAAC;AAC3C,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAEC,sBAAc,CAAC,MAAM,CAAC;AAChC,IAAI,MAAM,EAAE,cAAc;AAC1B,IAAI,OAAO,EAAE,QAAQ;AACrB,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAEA,sBAAc,CAAC,MAAM,CAAC;AAChC,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAEA,sBAAc,CAAC,MAAM,CAAC;AAChC,IAAI,MAAM,EAAE,cAAc;AAC1B,IAAI,OAAO,EAAE,UAAU;AACvB,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,SAAS,EAAE,OAAO;AACpB,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,CAAC,EAAE;AACS,MAAC,gBAAgB,GAAG;AAChC,EAAE,KAAK,EAAE,MAAM,IAAI;AACnB;;;;;;;"}
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var content = require('./content.js');
5
+ var content = require('./content2.js');
6
6
  var runtime = require('../../../utils/vue/props/runtime.js');
7
7
  var icon = require('../../../utils/vue/icon.js');
8
8
 
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var content = require('./content.js');
5
+ var content = require('./content2.js');
6
6
  var runtime = require('../../../utils/vue/props/runtime.js');
7
7
  var icon = require('../../../utils/vue/icon.js');
8
8
  var event = require('../../../constants/event.js');
@@ -6,7 +6,7 @@ var vue = require('vue');
6
6
  var core = require('@vueuse/core');
7
7
  var index$2 = require('../../teleport/index.js');
8
8
  var mask = require('./mask2.js');
9
- var content = require('./content2.js');
9
+ var content = require('./content.js');
10
10
  var steps = require('./steps.js');
11
11
  var tour = require('./tour.js');
12
12
  var helper = require('./helper.js');
@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  var upload$1 = require('./src/upload2.js');
6
6
  var upload = require('./src/upload.js');
7
7
  var uploadContent = require('./src/upload-content.js');
8
- var uploadList = require('./src/upload-list.js');
8
+ var uploadList = require('./src/upload-list2.js');
9
9
  var uploadDragger = require('./src/upload-dragger.js');
10
10
  var constants = require('./src/constants.js');
11
11
  var install = require('../../utils/vue/install.js');