@element-plus/nightly 0.0.20250730 → 0.0.20250731

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 (583) hide show
  1. package/attributes.json +1 -1
  2. package/dist/index.full.js +22 -5
  3. package/dist/index.full.min.js +11 -11
  4. package/dist/index.full.min.js.map +1 -1
  5. package/dist/index.full.min.mjs +10 -10
  6. package/dist/index.full.min.mjs.map +1 -1
  7. package/dist/index.full.mjs +22 -5
  8. package/dist/locale/af.js +1 -1
  9. package/dist/locale/af.min.js +1 -1
  10. package/dist/locale/af.min.mjs +1 -1
  11. package/dist/locale/af.mjs +1 -1
  12. package/dist/locale/ar-eg.js +1 -1
  13. package/dist/locale/ar-eg.min.js +1 -1
  14. package/dist/locale/ar-eg.min.mjs +1 -1
  15. package/dist/locale/ar-eg.mjs +1 -1
  16. package/dist/locale/ar.js +1 -1
  17. package/dist/locale/ar.min.js +1 -1
  18. package/dist/locale/ar.min.mjs +1 -1
  19. package/dist/locale/ar.mjs +1 -1
  20. package/dist/locale/az.js +1 -1
  21. package/dist/locale/az.min.js +1 -1
  22. package/dist/locale/az.min.mjs +1 -1
  23. package/dist/locale/az.mjs +1 -1
  24. package/dist/locale/bg.js +1 -1
  25. package/dist/locale/bg.min.js +1 -1
  26. package/dist/locale/bg.min.mjs +1 -1
  27. package/dist/locale/bg.mjs +1 -1
  28. package/dist/locale/bn.js +1 -1
  29. package/dist/locale/bn.min.js +1 -1
  30. package/dist/locale/bn.min.mjs +1 -1
  31. package/dist/locale/bn.mjs +1 -1
  32. package/dist/locale/ca.js +1 -1
  33. package/dist/locale/ca.min.js +1 -1
  34. package/dist/locale/ca.min.mjs +1 -1
  35. package/dist/locale/ca.mjs +1 -1
  36. package/dist/locale/ckb.js +1 -1
  37. package/dist/locale/ckb.min.js +1 -1
  38. package/dist/locale/ckb.min.mjs +1 -1
  39. package/dist/locale/ckb.mjs +1 -1
  40. package/dist/locale/cs.js +1 -1
  41. package/dist/locale/cs.min.js +1 -1
  42. package/dist/locale/cs.min.mjs +1 -1
  43. package/dist/locale/cs.mjs +1 -1
  44. package/dist/locale/da.js +1 -1
  45. package/dist/locale/da.min.js +1 -1
  46. package/dist/locale/da.min.mjs +1 -1
  47. package/dist/locale/da.mjs +1 -1
  48. package/dist/locale/de.js +1 -1
  49. package/dist/locale/de.min.js +1 -1
  50. package/dist/locale/de.min.mjs +1 -1
  51. package/dist/locale/de.mjs +1 -1
  52. package/dist/locale/el.js +1 -1
  53. package/dist/locale/el.min.js +1 -1
  54. package/dist/locale/el.min.mjs +1 -1
  55. package/dist/locale/el.mjs +1 -1
  56. package/dist/locale/en.js +1 -1
  57. package/dist/locale/en.min.js +1 -1
  58. package/dist/locale/en.min.mjs +1 -1
  59. package/dist/locale/en.mjs +1 -1
  60. package/dist/locale/eo.js +1 -1
  61. package/dist/locale/eo.min.js +1 -1
  62. package/dist/locale/eo.min.mjs +1 -1
  63. package/dist/locale/eo.mjs +1 -1
  64. package/dist/locale/es.js +1 -1
  65. package/dist/locale/es.min.js +1 -1
  66. package/dist/locale/es.min.mjs +1 -1
  67. package/dist/locale/es.mjs +1 -1
  68. package/dist/locale/et.js +1 -1
  69. package/dist/locale/et.min.js +1 -1
  70. package/dist/locale/et.min.mjs +1 -1
  71. package/dist/locale/et.mjs +1 -1
  72. package/dist/locale/eu.js +1 -1
  73. package/dist/locale/eu.min.js +1 -1
  74. package/dist/locale/eu.min.mjs +1 -1
  75. package/dist/locale/eu.mjs +1 -1
  76. package/dist/locale/fa.js +1 -1
  77. package/dist/locale/fa.min.js +1 -1
  78. package/dist/locale/fa.min.mjs +1 -1
  79. package/dist/locale/fa.mjs +1 -1
  80. package/dist/locale/fi.js +1 -1
  81. package/dist/locale/fi.min.js +1 -1
  82. package/dist/locale/fi.min.mjs +1 -1
  83. package/dist/locale/fi.mjs +1 -1
  84. package/dist/locale/fr.js +1 -1
  85. package/dist/locale/fr.min.js +1 -1
  86. package/dist/locale/fr.min.mjs +1 -1
  87. package/dist/locale/fr.mjs +1 -1
  88. package/dist/locale/he.js +1 -1
  89. package/dist/locale/he.min.js +1 -1
  90. package/dist/locale/he.min.mjs +1 -1
  91. package/dist/locale/he.mjs +1 -1
  92. package/dist/locale/hi.js +1 -1
  93. package/dist/locale/hi.min.js +1 -1
  94. package/dist/locale/hi.min.mjs +1 -1
  95. package/dist/locale/hi.mjs +1 -1
  96. package/dist/locale/hr.js +1 -1
  97. package/dist/locale/hr.min.js +1 -1
  98. package/dist/locale/hr.min.mjs +1 -1
  99. package/dist/locale/hr.mjs +1 -1
  100. package/dist/locale/hu.js +1 -1
  101. package/dist/locale/hu.min.js +1 -1
  102. package/dist/locale/hu.min.mjs +1 -1
  103. package/dist/locale/hu.mjs +1 -1
  104. package/dist/locale/hy-am.js +1 -1
  105. package/dist/locale/hy-am.min.js +1 -1
  106. package/dist/locale/hy-am.min.mjs +1 -1
  107. package/dist/locale/hy-am.mjs +1 -1
  108. package/dist/locale/id.js +1 -1
  109. package/dist/locale/id.min.js +1 -1
  110. package/dist/locale/id.min.mjs +1 -1
  111. package/dist/locale/id.mjs +1 -1
  112. package/dist/locale/it.js +1 -1
  113. package/dist/locale/it.min.js +1 -1
  114. package/dist/locale/it.min.mjs +1 -1
  115. package/dist/locale/it.mjs +1 -1
  116. package/dist/locale/ja.js +1 -1
  117. package/dist/locale/ja.min.js +1 -1
  118. package/dist/locale/ja.min.mjs +1 -1
  119. package/dist/locale/ja.mjs +1 -1
  120. package/dist/locale/kk.js +1 -1
  121. package/dist/locale/kk.min.js +1 -1
  122. package/dist/locale/kk.min.mjs +1 -1
  123. package/dist/locale/kk.mjs +1 -1
  124. package/dist/locale/km.js +1 -1
  125. package/dist/locale/km.min.js +1 -1
  126. package/dist/locale/km.min.mjs +1 -1
  127. package/dist/locale/km.mjs +1 -1
  128. package/dist/locale/ko.js +1 -1
  129. package/dist/locale/ko.min.js +1 -1
  130. package/dist/locale/ko.min.mjs +1 -1
  131. package/dist/locale/ko.mjs +1 -1
  132. package/dist/locale/ku.js +1 -1
  133. package/dist/locale/ku.min.js +1 -1
  134. package/dist/locale/ku.min.mjs +1 -1
  135. package/dist/locale/ku.mjs +1 -1
  136. package/dist/locale/ky.js +1 -1
  137. package/dist/locale/ky.min.js +1 -1
  138. package/dist/locale/ky.min.mjs +1 -1
  139. package/dist/locale/ky.mjs +1 -1
  140. package/dist/locale/lo.js +1 -1
  141. package/dist/locale/lo.min.js +1 -1
  142. package/dist/locale/lo.min.mjs +1 -1
  143. package/dist/locale/lo.mjs +1 -1
  144. package/dist/locale/lt.js +1 -1
  145. package/dist/locale/lt.min.js +1 -1
  146. package/dist/locale/lt.min.mjs +1 -1
  147. package/dist/locale/lt.mjs +1 -1
  148. package/dist/locale/lv.js +1 -1
  149. package/dist/locale/lv.min.js +1 -1
  150. package/dist/locale/lv.min.mjs +1 -1
  151. package/dist/locale/lv.mjs +1 -1
  152. package/dist/locale/mg.js +1 -1
  153. package/dist/locale/mg.min.js +1 -1
  154. package/dist/locale/mg.min.mjs +1 -1
  155. package/dist/locale/mg.mjs +1 -1
  156. package/dist/locale/mn.js +1 -1
  157. package/dist/locale/mn.min.js +1 -1
  158. package/dist/locale/mn.min.mjs +1 -1
  159. package/dist/locale/mn.mjs +1 -1
  160. package/dist/locale/ms.js +1 -1
  161. package/dist/locale/ms.min.js +1 -1
  162. package/dist/locale/ms.min.mjs +1 -1
  163. package/dist/locale/ms.mjs +1 -1
  164. package/dist/locale/my.js +1 -1
  165. package/dist/locale/my.min.js +1 -1
  166. package/dist/locale/my.min.mjs +1 -1
  167. package/dist/locale/my.mjs +1 -1
  168. package/dist/locale/nb-no.js +1 -1
  169. package/dist/locale/nb-no.min.js +1 -1
  170. package/dist/locale/nb-no.min.mjs +1 -1
  171. package/dist/locale/nb-no.mjs +1 -1
  172. package/dist/locale/nl.js +1 -1
  173. package/dist/locale/nl.min.js +1 -1
  174. package/dist/locale/nl.min.mjs +1 -1
  175. package/dist/locale/nl.mjs +1 -1
  176. package/dist/locale/no.js +1 -1
  177. package/dist/locale/no.min.js +1 -1
  178. package/dist/locale/no.min.mjs +1 -1
  179. package/dist/locale/no.mjs +1 -1
  180. package/dist/locale/pa.js +1 -1
  181. package/dist/locale/pa.min.js +1 -1
  182. package/dist/locale/pa.min.mjs +1 -1
  183. package/dist/locale/pa.mjs +1 -1
  184. package/dist/locale/pl.js +1 -1
  185. package/dist/locale/pl.min.js +1 -1
  186. package/dist/locale/pl.min.mjs +1 -1
  187. package/dist/locale/pl.mjs +1 -1
  188. package/dist/locale/pt-br.js +1 -1
  189. package/dist/locale/pt-br.min.js +1 -1
  190. package/dist/locale/pt-br.min.mjs +1 -1
  191. package/dist/locale/pt-br.mjs +1 -1
  192. package/dist/locale/pt.js +1 -1
  193. package/dist/locale/pt.min.js +1 -1
  194. package/dist/locale/pt.min.mjs +1 -1
  195. package/dist/locale/pt.mjs +1 -1
  196. package/dist/locale/ro.js +1 -1
  197. package/dist/locale/ro.min.js +1 -1
  198. package/dist/locale/ro.min.mjs +1 -1
  199. package/dist/locale/ro.mjs +1 -1
  200. package/dist/locale/ru.js +1 -1
  201. package/dist/locale/ru.min.js +1 -1
  202. package/dist/locale/ru.min.mjs +1 -1
  203. package/dist/locale/ru.mjs +1 -1
  204. package/dist/locale/sk.js +1 -1
  205. package/dist/locale/sk.min.js +1 -1
  206. package/dist/locale/sk.min.mjs +1 -1
  207. package/dist/locale/sk.mjs +1 -1
  208. package/dist/locale/sl.js +1 -1
  209. package/dist/locale/sl.min.js +1 -1
  210. package/dist/locale/sl.min.mjs +1 -1
  211. package/dist/locale/sl.mjs +1 -1
  212. package/dist/locale/sr.js +1 -1
  213. package/dist/locale/sr.min.js +1 -1
  214. package/dist/locale/sr.min.mjs +1 -1
  215. package/dist/locale/sr.mjs +1 -1
  216. package/dist/locale/sv.js +1 -1
  217. package/dist/locale/sv.min.js +1 -1
  218. package/dist/locale/sv.min.mjs +1 -1
  219. package/dist/locale/sv.mjs +1 -1
  220. package/dist/locale/sw.js +1 -1
  221. package/dist/locale/sw.min.js +1 -1
  222. package/dist/locale/sw.min.mjs +1 -1
  223. package/dist/locale/sw.mjs +1 -1
  224. package/dist/locale/ta.js +1 -1
  225. package/dist/locale/ta.min.js +1 -1
  226. package/dist/locale/ta.min.mjs +1 -1
  227. package/dist/locale/ta.mjs +1 -1
  228. package/dist/locale/te.js +1 -1
  229. package/dist/locale/te.min.js +1 -1
  230. package/dist/locale/te.min.mjs +1 -1
  231. package/dist/locale/te.mjs +1 -1
  232. package/dist/locale/th.js +1 -1
  233. package/dist/locale/th.min.js +1 -1
  234. package/dist/locale/th.min.mjs +1 -1
  235. package/dist/locale/th.mjs +1 -1
  236. package/dist/locale/tk.js +1 -1
  237. package/dist/locale/tk.min.js +1 -1
  238. package/dist/locale/tk.min.mjs +1 -1
  239. package/dist/locale/tk.mjs +1 -1
  240. package/dist/locale/tr.js +1 -1
  241. package/dist/locale/tr.min.js +1 -1
  242. package/dist/locale/tr.min.mjs +1 -1
  243. package/dist/locale/tr.mjs +1 -1
  244. package/dist/locale/ug-cn.js +1 -1
  245. package/dist/locale/ug-cn.min.js +1 -1
  246. package/dist/locale/ug-cn.min.mjs +1 -1
  247. package/dist/locale/ug-cn.mjs +1 -1
  248. package/dist/locale/uk.js +1 -1
  249. package/dist/locale/uk.min.js +1 -1
  250. package/dist/locale/uk.min.mjs +1 -1
  251. package/dist/locale/uk.mjs +1 -1
  252. package/dist/locale/uz-uz.js +1 -1
  253. package/dist/locale/uz-uz.min.js +1 -1
  254. package/dist/locale/uz-uz.min.mjs +1 -1
  255. package/dist/locale/uz-uz.mjs +1 -1
  256. package/dist/locale/vi.js +1 -1
  257. package/dist/locale/vi.min.js +1 -1
  258. package/dist/locale/vi.min.mjs +1 -1
  259. package/dist/locale/vi.mjs +1 -1
  260. package/dist/locale/zh-cn.js +1 -1
  261. package/dist/locale/zh-cn.min.js +1 -1
  262. package/dist/locale/zh-cn.min.mjs +1 -1
  263. package/dist/locale/zh-cn.mjs +1 -1
  264. package/dist/locale/zh-hk.js +1 -1
  265. package/dist/locale/zh-hk.min.js +1 -1
  266. package/dist/locale/zh-hk.min.mjs +1 -1
  267. package/dist/locale/zh-hk.mjs +1 -1
  268. package/dist/locale/zh-mo.js +1 -1
  269. package/dist/locale/zh-mo.min.js +1 -1
  270. package/dist/locale/zh-mo.min.mjs +1 -1
  271. package/dist/locale/zh-mo.mjs +1 -1
  272. package/dist/locale/zh-tw.js +1 -1
  273. package/dist/locale/zh-tw.min.js +1 -1
  274. package/dist/locale/zh-tw.min.mjs +1 -1
  275. package/dist/locale/zh-tw.mjs +1 -1
  276. package/es/components/affix/index.mjs +2 -2
  277. package/es/components/affix/src/affix.mjs +24 -129
  278. package/es/components/affix/src/affix.mjs.map +1 -1
  279. package/es/components/affix/src/affix2.mjs +129 -24
  280. package/es/components/affix/src/affix2.mjs.map +1 -1
  281. package/es/components/anchor/index.mjs +2 -2
  282. package/es/components/anchor/src/anchor.mjs +207 -40
  283. package/es/components/anchor/src/anchor.mjs.map +1 -1
  284. package/es/components/anchor/src/anchor2.mjs +40 -207
  285. package/es/components/anchor/src/anchor2.mjs.map +1 -1
  286. package/es/components/backtop/index.mjs +2 -2
  287. package/es/components/backtop/src/backtop.mjs +21 -53
  288. package/es/components/backtop/src/backtop.mjs.map +1 -1
  289. package/es/components/backtop/src/backtop2.mjs +53 -21
  290. package/es/components/backtop/src/backtop2.mjs.map +1 -1
  291. package/es/components/badge/index.mjs +2 -2
  292. package/es/components/badge/src/badge.mjs +32 -71
  293. package/es/components/badge/src/badge.mjs.map +1 -1
  294. package/es/components/badge/src/badge2.mjs +71 -32
  295. package/es/components/badge/src/badge2.mjs.map +1 -1
  296. package/es/components/cascader/index.mjs +2 -2
  297. package/es/components/cascader/src/cascader.mjs +95 -682
  298. package/es/components/cascader/src/cascader.mjs.map +1 -1
  299. package/es/components/cascader/src/cascader2.mjs +682 -95
  300. package/es/components/cascader/src/cascader2.mjs.map +1 -1
  301. package/es/components/col/index.mjs +2 -2
  302. package/es/components/col/src/col.mjs +43 -64
  303. package/es/components/col/src/col.mjs.map +1 -1
  304. package/es/components/col/src/col2.mjs +64 -43
  305. package/es/components/col/src/col2.mjs.map +1 -1
  306. package/es/components/collapse/index.mjs +2 -2
  307. package/es/components/collapse/src/collapse-item.mjs +18 -95
  308. package/es/components/collapse/src/collapse-item.mjs.map +1 -1
  309. package/es/components/collapse/src/collapse-item2.mjs +95 -18
  310. package/es/components/collapse/src/collapse-item2.mjs.map +1 -1
  311. package/es/components/dropdown/index.mjs +2 -2
  312. package/es/components/dropdown/src/dropdown-item-impl.mjs +1 -1
  313. package/es/components/dropdown/src/dropdown-item.mjs +1 -1
  314. package/es/components/dropdown/src/dropdown-menu.mjs +1 -1
  315. package/es/components/dropdown/src/dropdown.mjs +108 -303
  316. package/es/components/dropdown/src/dropdown.mjs.map +1 -1
  317. package/es/components/dropdown/src/dropdown2.mjs +303 -108
  318. package/es/components/dropdown/src/dropdown2.mjs.map +1 -1
  319. package/es/components/form/index.mjs +2 -2
  320. package/es/components/form/src/form-item.mjs +322 -47
  321. package/es/components/form/src/form-item.mjs.map +1 -1
  322. package/es/components/form/src/form-item2.mjs +47 -322
  323. package/es/components/form/src/form-item2.mjs.map +1 -1
  324. package/es/components/form/src/form.d.ts +1 -1
  325. package/es/components/form/src/form.mjs +1 -1
  326. package/es/components/form/src/form.mjs.map +1 -1
  327. package/es/components/form/src/form.vue.d.ts +3 -3
  328. package/es/components/icon/index.mjs +2 -2
  329. package/es/components/icon/src/icon.mjs +8 -35
  330. package/es/components/icon/src/icon.mjs.map +1 -1
  331. package/es/components/icon/src/icon2.mjs +35 -8
  332. package/es/components/icon/src/icon2.mjs.map +1 -1
  333. package/es/components/index.mjs +22 -22
  334. package/es/components/input-number/index.mjs +2 -2
  335. package/es/components/input-number/src/input-number.mjs +71 -374
  336. package/es/components/input-number/src/input-number.mjs.map +1 -1
  337. package/es/components/input-number/src/input-number2.mjs +377 -71
  338. package/es/components/input-number/src/input-number2.mjs.map +1 -1
  339. package/es/components/link/index.mjs +2 -2
  340. package/es/components/link/src/link.mjs +25 -71
  341. package/es/components/link/src/link.mjs.map +1 -1
  342. package/es/components/link/src/link2.mjs +71 -25
  343. package/es/components/link/src/link2.mjs.map +1 -1
  344. package/es/components/pagination/src/components/prev.mjs +17 -35
  345. package/es/components/pagination/src/components/prev.mjs.map +1 -1
  346. package/es/components/pagination/src/components/prev2.mjs +35 -17
  347. package/es/components/pagination/src/components/prev2.mjs.map +1 -1
  348. package/es/components/pagination/src/pagination.mjs +1 -1
  349. package/es/components/popover/index.mjs +2 -2
  350. package/es/components/popover/src/popover.mjs +66 -112
  351. package/es/components/popover/src/popover.mjs.map +1 -1
  352. package/es/components/popover/src/popover2.mjs +112 -66
  353. package/es/components/popover/src/popover2.mjs.map +1 -1
  354. package/es/components/popper/index.mjs +2 -2
  355. package/es/components/popper/src/trigger.mjs +127 -31
  356. package/es/components/popper/src/trigger.mjs.map +1 -1
  357. package/es/components/popper/src/trigger2.mjs +31 -127
  358. package/es/components/popper/src/trigger2.mjs.map +1 -1
  359. package/es/components/radio/index.mjs +2 -2
  360. package/es/components/radio/src/radio-group.mjs +65 -34
  361. package/es/components/radio/src/radio-group.mjs.map +1 -1
  362. package/es/components/radio/src/radio-group2.mjs +34 -65
  363. package/es/components/radio/src/radio-group2.mjs.map +1 -1
  364. package/es/components/result/index.mjs +2 -2
  365. package/es/components/result/src/result.mjs +62 -30
  366. package/es/components/result/src/result.mjs.map +1 -1
  367. package/es/components/result/src/result2.mjs +30 -62
  368. package/es/components/result/src/result2.mjs.map +1 -1
  369. package/es/components/select/src/useSelect.mjs +9 -1
  370. package/es/components/select/src/useSelect.mjs.map +1 -1
  371. package/es/components/select-v2/src/defaults.d.ts +9 -6
  372. package/es/components/select-v2/src/defaults.mjs +2 -1
  373. package/es/components/select-v2/src/defaults.mjs.map +1 -1
  374. package/es/components/select-v2/src/select.vue.d.ts +19 -12
  375. package/es/components/select-v2/src/useAllowCreate.mjs +6 -1
  376. package/es/components/select-v2/src/useAllowCreate.mjs.map +1 -1
  377. package/es/components/skeleton/index.mjs +2 -2
  378. package/es/components/skeleton/src/skeleton-item.mjs +22 -17
  379. package/es/components/skeleton/src/skeleton-item.mjs.map +1 -1
  380. package/es/components/skeleton/src/skeleton-item2.mjs +17 -22
  381. package/es/components/skeleton/src/skeleton-item2.mjs.map +1 -1
  382. package/es/components/skeleton/src/skeleton2.mjs +1 -1
  383. package/es/components/slider/src/button.mjs +19 -91
  384. package/es/components/slider/src/button.mjs.map +1 -1
  385. package/es/components/slider/src/button2.mjs +91 -19
  386. package/es/components/slider/src/button2.mjs.map +1 -1
  387. package/es/components/slider/src/slider.mjs +1 -1
  388. package/es/components/steps/index.mjs +2 -2
  389. package/es/components/steps/src/steps.mjs +41 -35
  390. package/es/components/steps/src/steps.mjs.map +1 -1
  391. package/es/components/steps/src/steps2.mjs +35 -41
  392. package/es/components/steps/src/steps2.mjs.map +1 -1
  393. package/es/components/switch/index.mjs +2 -2
  394. package/es/components/switch/src/switch.mjs +228 -72
  395. package/es/components/switch/src/switch.mjs.map +1 -1
  396. package/es/components/switch/src/switch2.mjs +72 -228
  397. package/es/components/switch/src/switch2.mjs.map +1 -1
  398. package/es/components/tabs/index.mjs +1 -1
  399. package/es/components/tabs/src/tab-bar.mjs +11 -87
  400. package/es/components/tabs/src/tab-bar.mjs.map +1 -1
  401. package/es/components/tabs/src/tab-bar2.mjs +87 -11
  402. package/es/components/tabs/src/tab-bar2.mjs.map +1 -1
  403. package/es/components/tabs/src/tab-nav.mjs +1 -1
  404. package/es/components/tooltip/src/trigger.mjs +1 -1
  405. package/es/components/tooltip/src/trigger2.mjs +1 -1
  406. package/es/components/tooltip-v2/index.mjs +1 -1
  407. package/es/components/tooltip-v2/src/tooltip.mjs +1 -1
  408. package/es/components/tooltip-v2/src/tooltip2.mjs +2 -2
  409. package/es/components/tooltip-v2/src/trigger.mjs +12 -89
  410. package/es/components/tooltip-v2/src/trigger.mjs.map +1 -1
  411. package/es/components/tooltip-v2/src/trigger2.mjs +89 -12
  412. package/es/components/tooltip-v2/src/trigger2.mjs.map +1 -1
  413. package/es/components/tour/index.mjs +2 -2
  414. package/es/components/tour/src/step.mjs +168 -44
  415. package/es/components/tour/src/step.mjs.map +1 -1
  416. package/es/components/tour/src/step2.mjs +44 -168
  417. package/es/components/tour/src/step2.mjs.map +1 -1
  418. package/es/components/transfer/src/composables/use-check.mjs +1 -1
  419. package/es/components/transfer/src/transfer-panel.mjs +130 -19
  420. package/es/components/transfer/src/transfer-panel.mjs.map +1 -1
  421. package/es/components/transfer/src/transfer-panel2.mjs +19 -130
  422. package/es/components/transfer/src/transfer-panel2.mjs.map +1 -1
  423. package/es/components/transfer/src/transfer2.mjs +1 -1
  424. package/es/index.d.ts +32 -34
  425. package/es/index.mjs +22 -22
  426. package/es/version.d.ts +1 -1
  427. package/es/version.mjs +1 -1
  428. package/es/version.mjs.map +1 -1
  429. package/lib/components/affix/index.js +2 -2
  430. package/lib/components/affix/src/affix.js +25 -129
  431. package/lib/components/affix/src/affix.js.map +1 -1
  432. package/lib/components/affix/src/affix2.js +129 -25
  433. package/lib/components/affix/src/affix2.js.map +1 -1
  434. package/lib/components/anchor/index.js +2 -2
  435. package/lib/components/anchor/src/anchor.js +206 -40
  436. package/lib/components/anchor/src/anchor.js.map +1 -1
  437. package/lib/components/anchor/src/anchor2.js +40 -206
  438. package/lib/components/anchor/src/anchor2.js.map +1 -1
  439. package/lib/components/backtop/index.js +2 -2
  440. package/lib/components/backtop/src/backtop.js +22 -53
  441. package/lib/components/backtop/src/backtop.js.map +1 -1
  442. package/lib/components/backtop/src/backtop2.js +53 -22
  443. package/lib/components/backtop/src/backtop2.js.map +1 -1
  444. package/lib/components/badge/index.js +2 -2
  445. package/lib/components/badge/src/badge.js +32 -71
  446. package/lib/components/badge/src/badge.js.map +1 -1
  447. package/lib/components/badge/src/badge2.js +71 -32
  448. package/lib/components/badge/src/badge2.js.map +1 -1
  449. package/lib/components/cascader/index.js +2 -2
  450. package/lib/components/cascader/src/cascader.js +96 -682
  451. package/lib/components/cascader/src/cascader.js.map +1 -1
  452. package/lib/components/cascader/src/cascader2.js +682 -96
  453. package/lib/components/cascader/src/cascader2.js.map +1 -1
  454. package/lib/components/col/index.js +2 -2
  455. package/lib/components/col/src/col.js +43 -64
  456. package/lib/components/col/src/col.js.map +1 -1
  457. package/lib/components/col/src/col2.js +64 -43
  458. package/lib/components/col/src/col2.js.map +1 -1
  459. package/lib/components/collapse/index.js +2 -2
  460. package/lib/components/collapse/src/collapse-item.js +18 -95
  461. package/lib/components/collapse/src/collapse-item.js.map +1 -1
  462. package/lib/components/collapse/src/collapse-item2.js +95 -18
  463. package/lib/components/collapse/src/collapse-item2.js.map +1 -1
  464. package/lib/components/dropdown/index.js +2 -2
  465. package/lib/components/dropdown/src/dropdown-item-impl.js +1 -1
  466. package/lib/components/dropdown/src/dropdown-item.js +1 -1
  467. package/lib/components/dropdown/src/dropdown-menu.js +1 -1
  468. package/lib/components/dropdown/src/dropdown.js +117 -303
  469. package/lib/components/dropdown/src/dropdown.js.map +1 -1
  470. package/lib/components/dropdown/src/dropdown2.js +303 -117
  471. package/lib/components/dropdown/src/dropdown2.js.map +1 -1
  472. package/lib/components/form/index.js +2 -2
  473. package/lib/components/form/src/form-item.js +326 -48
  474. package/lib/components/form/src/form-item.js.map +1 -1
  475. package/lib/components/form/src/form-item2.js +48 -326
  476. package/lib/components/form/src/form-item2.js.map +1 -1
  477. package/lib/components/form/src/form.d.ts +1 -1
  478. package/lib/components/form/src/form.js +1 -1
  479. package/lib/components/form/src/form.js.map +1 -1
  480. package/lib/components/form/src/form.vue.d.ts +3 -3
  481. package/lib/components/icon/index.js +2 -2
  482. package/lib/components/icon/src/icon.js +8 -35
  483. package/lib/components/icon/src/icon.js.map +1 -1
  484. package/lib/components/icon/src/icon2.js +35 -8
  485. package/lib/components/icon/src/icon2.js.map +1 -1
  486. package/lib/components/index.js +22 -22
  487. package/lib/components/input-number/index.js +2 -2
  488. package/lib/components/input-number/src/input-number.js +70 -372
  489. package/lib/components/input-number/src/input-number.js.map +1 -1
  490. package/lib/components/input-number/src/input-number2.js +375 -70
  491. package/lib/components/input-number/src/input-number2.js.map +1 -1
  492. package/lib/components/link/index.js +2 -2
  493. package/lib/components/link/src/link.js +26 -71
  494. package/lib/components/link/src/link.js.map +1 -1
  495. package/lib/components/link/src/link2.js +71 -26
  496. package/lib/components/link/src/link2.js.map +1 -1
  497. package/lib/components/pagination/src/components/prev.js +18 -35
  498. package/lib/components/pagination/src/components/prev.js.map +1 -1
  499. package/lib/components/pagination/src/components/prev2.js +35 -18
  500. package/lib/components/pagination/src/components/prev2.js.map +1 -1
  501. package/lib/components/pagination/src/pagination.js +1 -1
  502. package/lib/components/popover/index.js +2 -2
  503. package/lib/components/popover/src/popover.js +67 -112
  504. package/lib/components/popover/src/popover.js.map +1 -1
  505. package/lib/components/popover/src/popover2.js +112 -67
  506. package/lib/components/popover/src/popover2.js.map +1 -1
  507. package/lib/components/popper/index.js +2 -2
  508. package/lib/components/popper/src/trigger.js +127 -32
  509. package/lib/components/popper/src/trigger.js.map +1 -1
  510. package/lib/components/popper/src/trigger2.js +32 -127
  511. package/lib/components/popper/src/trigger2.js.map +1 -1
  512. package/lib/components/radio/index.js +2 -2
  513. package/lib/components/radio/src/radio-group.js +65 -35
  514. package/lib/components/radio/src/radio-group.js.map +1 -1
  515. package/lib/components/radio/src/radio-group2.js +35 -65
  516. package/lib/components/radio/src/radio-group2.js.map +1 -1
  517. package/lib/components/result/index.js +2 -2
  518. package/lib/components/result/src/result.js +62 -32
  519. package/lib/components/result/src/result.js.map +1 -1
  520. package/lib/components/result/src/result2.js +32 -62
  521. package/lib/components/result/src/result2.js.map +1 -1
  522. package/lib/components/select/src/useSelect.js +9 -1
  523. package/lib/components/select/src/useSelect.js.map +1 -1
  524. package/lib/components/select-v2/src/defaults.d.ts +9 -6
  525. package/lib/components/select-v2/src/defaults.js +2 -1
  526. package/lib/components/select-v2/src/defaults.js.map +1 -1
  527. package/lib/components/select-v2/src/select.vue.d.ts +19 -12
  528. package/lib/components/select-v2/src/useAllowCreate.js +5 -0
  529. package/lib/components/select-v2/src/useAllowCreate.js.map +1 -1
  530. package/lib/components/skeleton/index.js +2 -2
  531. package/lib/components/skeleton/src/skeleton-item.js +22 -17
  532. package/lib/components/skeleton/src/skeleton-item.js.map +1 -1
  533. package/lib/components/skeleton/src/skeleton-item2.js +17 -22
  534. package/lib/components/skeleton/src/skeleton-item2.js.map +1 -1
  535. package/lib/components/skeleton/src/skeleton2.js +1 -1
  536. package/lib/components/slider/src/button.js +20 -91
  537. package/lib/components/slider/src/button.js.map +1 -1
  538. package/lib/components/slider/src/button2.js +91 -20
  539. package/lib/components/slider/src/button2.js.map +1 -1
  540. package/lib/components/slider/src/slider.js +1 -1
  541. package/lib/components/steps/index.js +2 -2
  542. package/lib/components/steps/src/steps.js +41 -36
  543. package/lib/components/steps/src/steps.js.map +1 -1
  544. package/lib/components/steps/src/steps2.js +36 -41
  545. package/lib/components/steps/src/steps2.js.map +1 -1
  546. package/lib/components/switch/index.js +2 -2
  547. package/lib/components/switch/src/switch.js +227 -72
  548. package/lib/components/switch/src/switch.js.map +1 -1
  549. package/lib/components/switch/src/switch2.js +72 -227
  550. package/lib/components/switch/src/switch2.js.map +1 -1
  551. package/lib/components/tabs/index.js +1 -1
  552. package/lib/components/tabs/src/tab-bar.js +11 -87
  553. package/lib/components/tabs/src/tab-bar.js.map +1 -1
  554. package/lib/components/tabs/src/tab-bar2.js +87 -11
  555. package/lib/components/tabs/src/tab-bar2.js.map +1 -1
  556. package/lib/components/tabs/src/tab-nav.js +1 -1
  557. package/lib/components/tooltip/src/trigger.js +1 -1
  558. package/lib/components/tooltip/src/trigger2.js +1 -1
  559. package/lib/components/tooltip-v2/index.js +1 -1
  560. package/lib/components/tooltip-v2/src/tooltip.js +1 -1
  561. package/lib/components/tooltip-v2/src/tooltip2.js +2 -2
  562. package/lib/components/tooltip-v2/src/trigger.js +12 -89
  563. package/lib/components/tooltip-v2/src/trigger.js.map +1 -1
  564. package/lib/components/tooltip-v2/src/trigger2.js +89 -12
  565. package/lib/components/tooltip-v2/src/trigger2.js.map +1 -1
  566. package/lib/components/tour/index.js +2 -2
  567. package/lib/components/tour/src/step.js +167 -44
  568. package/lib/components/tour/src/step.js.map +1 -1
  569. package/lib/components/tour/src/step2.js +44 -167
  570. package/lib/components/tour/src/step2.js.map +1 -1
  571. package/lib/components/transfer/src/composables/use-check.js +1 -1
  572. package/lib/components/transfer/src/transfer-panel.js +130 -21
  573. package/lib/components/transfer/src/transfer-panel.js.map +1 -1
  574. package/lib/components/transfer/src/transfer-panel2.js +21 -130
  575. package/lib/components/transfer/src/transfer-panel2.js.map +1 -1
  576. package/lib/components/transfer/src/transfer2.js +1 -1
  577. package/lib/index.d.ts +32 -34
  578. package/lib/index.js +22 -22
  579. package/lib/version.d.ts +1 -1
  580. package/lib/version.js +1 -1
  581. package/lib/version.js.map +1 -1
  582. package/package.json +2 -2
  583. package/web-types.json +1 -1
@@ -1,30 +1,135 @@
1
+ import { defineComponent, shallowRef, ref, computed, watch, onMounted, watchEffect, openBlock, createElementBlock, normalizeClass, unref, normalizeStyle, createElementVNode, renderSlot, nextTick } from 'vue';
2
+ import { useWindowSize, useElementBounding, useEventListener } from '@vueuse/core';
3
+ import { affixProps, affixEmits } from './affix.mjs';
4
+ import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
5
+ import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
6
+ import { getScrollContainer } from '../../../utils/dom/scroll.mjs';
7
+ import { addUnit } from '../../../utils/dom/style.mjs';
1
8
  import { CHANGE_EVENT } from '../../../constants/event.mjs';
2
- import { buildProps, definePropType } from '../../../utils/vue/props/runtime.mjs';
3
- import { isNumber, isBoolean } from '../../../utils/types.mjs';
9
+ import { throwError } from '../../../utils/error.mjs';
4
10
 
5
- const affixProps = buildProps({
6
- zIndex: {
7
- type: definePropType([Number, String]),
8
- default: 100
9
- },
10
- target: {
11
- type: String,
12
- default: ""
13
- },
14
- offset: {
15
- type: Number,
16
- default: 0
17
- },
18
- position: {
19
- type: String,
20
- values: ["top", "bottom"],
21
- default: "top"
11
+ const COMPONENT_NAME = "ElAffix";
12
+ const __default__ = defineComponent({
13
+ name: COMPONENT_NAME
14
+ });
15
+ const _sfc_main = /* @__PURE__ */ defineComponent({
16
+ ...__default__,
17
+ props: affixProps,
18
+ emits: affixEmits,
19
+ setup(__props, { expose, emit }) {
20
+ const props = __props;
21
+ const ns = useNamespace("affix");
22
+ const target = shallowRef();
23
+ const root = shallowRef();
24
+ const scrollContainer = shallowRef();
25
+ const { height: windowHeight } = useWindowSize();
26
+ const {
27
+ height: rootHeight,
28
+ width: rootWidth,
29
+ top: rootTop,
30
+ bottom: rootBottom,
31
+ update: updateRoot
32
+ } = useElementBounding(root, { windowScroll: false });
33
+ const targetRect = useElementBounding(target);
34
+ const fixed = ref(false);
35
+ const scrollTop = ref(0);
36
+ const transform = ref(0);
37
+ const rootStyle = computed(() => {
38
+ return {
39
+ height: fixed.value ? `${rootHeight.value}px` : "",
40
+ width: fixed.value ? `${rootWidth.value}px` : ""
41
+ };
42
+ });
43
+ const affixStyle = computed(() => {
44
+ if (!fixed.value)
45
+ return {};
46
+ const offset = props.offset ? addUnit(props.offset) : 0;
47
+ return {
48
+ height: `${rootHeight.value}px`,
49
+ width: `${rootWidth.value}px`,
50
+ top: props.position === "top" ? offset : "",
51
+ bottom: props.position === "bottom" ? offset : "",
52
+ transform: transform.value ? `translateY(${transform.value}px)` : "",
53
+ zIndex: props.zIndex
54
+ };
55
+ });
56
+ const update = () => {
57
+ if (!scrollContainer.value)
58
+ return;
59
+ scrollTop.value = scrollContainer.value instanceof Window ? document.documentElement.scrollTop : scrollContainer.value.scrollTop || 0;
60
+ const { position, target: target2, offset } = props;
61
+ const rootHeightOffset = offset + rootHeight.value;
62
+ if (position === "top") {
63
+ if (target2) {
64
+ const difference = targetRect.bottom.value - rootHeightOffset;
65
+ fixed.value = offset > rootTop.value && targetRect.bottom.value > 0;
66
+ transform.value = difference < 0 ? difference : 0;
67
+ } else {
68
+ fixed.value = offset > rootTop.value;
69
+ }
70
+ } else if (target2) {
71
+ const difference = windowHeight.value - targetRect.top.value - rootHeightOffset;
72
+ fixed.value = windowHeight.value - offset < rootBottom.value && windowHeight.value > targetRect.top.value;
73
+ transform.value = difference < 0 ? -difference : 0;
74
+ } else {
75
+ fixed.value = windowHeight.value - offset < rootBottom.value;
76
+ }
77
+ };
78
+ const updateRootRect = async () => {
79
+ if (!fixed.value) {
80
+ updateRoot();
81
+ return;
82
+ }
83
+ fixed.value = false;
84
+ await nextTick();
85
+ updateRoot();
86
+ fixed.value = true;
87
+ };
88
+ const handleScroll = async () => {
89
+ updateRoot();
90
+ await nextTick();
91
+ emit("scroll", {
92
+ scrollTop: scrollTop.value,
93
+ fixed: fixed.value
94
+ });
95
+ };
96
+ watch(fixed, (val) => emit(CHANGE_EVENT, val));
97
+ onMounted(() => {
98
+ var _a;
99
+ if (props.target) {
100
+ target.value = (_a = document.querySelector(props.target)) != null ? _a : void 0;
101
+ if (!target.value)
102
+ throwError(COMPONENT_NAME, `Target does not exist: ${props.target}`);
103
+ } else {
104
+ target.value = document.documentElement;
105
+ }
106
+ scrollContainer.value = getScrollContainer(root.value, true);
107
+ updateRoot();
108
+ });
109
+ useEventListener(scrollContainer, "scroll", handleScroll);
110
+ watchEffect(update);
111
+ expose({
112
+ update,
113
+ updateRoot: updateRootRect
114
+ });
115
+ return (_ctx, _cache) => {
116
+ return openBlock(), createElementBlock("div", {
117
+ ref_key: "root",
118
+ ref: root,
119
+ class: normalizeClass(unref(ns).b()),
120
+ style: normalizeStyle(unref(rootStyle))
121
+ }, [
122
+ createElementVNode("div", {
123
+ class: normalizeClass({ [unref(ns).m("fixed")]: fixed.value }),
124
+ style: normalizeStyle(unref(affixStyle))
125
+ }, [
126
+ renderSlot(_ctx.$slots, "default")
127
+ ], 6)
128
+ ], 6);
129
+ };
22
130
  }
23
131
  });
24
- const affixEmits = {
25
- scroll: ({ scrollTop, fixed }) => isNumber(scrollTop) && isBoolean(fixed),
26
- [CHANGE_EVENT]: (fixed) => isBoolean(fixed)
27
- };
132
+ var Affix = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "affix.vue"]]);
28
133
 
29
- export { affixEmits, affixProps };
134
+ export { Affix as default };
30
135
  //# sourceMappingURL=affix2.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"affix2.mjs","sources":["../../../../../../packages/components/affix/src/affix.ts"],"sourcesContent":["import {\n buildProps,\n definePropType,\n isBoolean,\n isNumber,\n} from '@element-plus/utils'\nimport { CHANGE_EVENT } from '@element-plus/constants'\n\nimport type { ExtractPropTypes, __ExtractPublicPropTypes } from 'vue'\nimport type { ZIndexProperty } from 'csstype'\nimport type Affix from './affix.vue'\n\nexport const affixProps = buildProps({\n /**\n * @description affix element zIndex value\n * */\n zIndex: {\n type: definePropType<ZIndexProperty>([Number, String]),\n default: 100,\n },\n /**\n * @description target container. (CSS selector)\n */\n target: {\n type: String,\n default: '',\n },\n /**\n * @description offset distance\n * */\n offset: {\n type: Number,\n default: 0,\n },\n /**\n * @description position of affix\n * */\n position: {\n type: String,\n values: ['top', 'bottom'],\n default: 'top',\n },\n} as const)\nexport type AffixProps = ExtractPropTypes<typeof affixProps>\nexport type AffixPropsPublic = __ExtractPublicPropTypes<typeof affixProps>\n\nexport const affixEmits = {\n scroll: ({ scrollTop, fixed }: { scrollTop: number; fixed: boolean }) =>\n isNumber(scrollTop) && isBoolean(fixed),\n [CHANGE_EVENT]: (fixed: boolean) => isBoolean(fixed),\n}\nexport type AffixEmits = typeof affixEmits\n\nexport type AffixInstance = InstanceType<typeof Affix> & unknown\n"],"names":[],"mappings":";;;;AAOY,MAAC,UAAU,GAAG,UAAU,CAAC;AACrC,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,cAAc,CAAC,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAC1C,IAAI,OAAO,EAAE,GAAG;AAChB,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,CAAC,KAAK,EAAE,QAAQ,CAAC;AAC7B,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,CAAC,EAAE;AACS,MAAC,UAAU,GAAG;AAC1B,EAAE,MAAM,EAAE,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,QAAQ,CAAC,SAAS,CAAC,IAAI,SAAS,CAAC,KAAK,CAAC;AAC3E,EAAE,CAAC,YAAY,GAAG,CAAC,KAAK,KAAK,SAAS,CAAC,KAAK,CAAC;AAC7C;;;;"}
1
+ {"version":3,"file":"affix2.mjs","sources":["../../../../../../packages/components/affix/src/affix.vue"],"sourcesContent":["<template>\n <div ref=\"root\" :class=\"ns.b()\" :style=\"rootStyle\">\n <div :class=\"{ [ns.m('fixed')]: fixed }\" :style=\"affixStyle\">\n <slot />\n </div>\n </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport {\n computed,\n nextTick,\n onMounted,\n ref,\n shallowRef,\n watch,\n watchEffect,\n} from 'vue'\nimport {\n useElementBounding,\n useEventListener,\n useWindowSize,\n} from '@vueuse/core'\nimport { addUnit, getScrollContainer, throwError } from '@element-plus/utils'\nimport { useNamespace } from '@element-plus/hooks'\nimport { CHANGE_EVENT } from '@element-plus/constants'\nimport { affixEmits, affixProps } from './affix'\n\nimport type { CSSProperties } from 'vue'\n\nconst COMPONENT_NAME = 'ElAffix'\ndefineOptions({\n name: COMPONENT_NAME,\n})\nconst props = defineProps(affixProps)\nconst emit = defineEmits(affixEmits)\n\nconst ns = useNamespace('affix')\n\nconst target = shallowRef<HTMLElement>()\nconst root = shallowRef<HTMLDivElement>()\nconst scrollContainer = shallowRef<HTMLElement | Window>()\nconst { height: windowHeight } = useWindowSize()\nconst {\n height: rootHeight,\n width: rootWidth,\n top: rootTop,\n bottom: rootBottom,\n update: updateRoot,\n} = useElementBounding(root, { windowScroll: false })\nconst targetRect = useElementBounding(target)\n\nconst fixed = ref(false)\nconst scrollTop = ref(0)\nconst transform = ref(0)\n\nconst rootStyle = computed<CSSProperties>(() => {\n return {\n height: fixed.value ? `${rootHeight.value}px` : '',\n width: fixed.value ? `${rootWidth.value}px` : '',\n }\n})\n\nconst affixStyle = computed<CSSProperties>(() => {\n if (!fixed.value) return {}\n\n const offset = props.offset ? addUnit(props.offset) : 0\n return {\n height: `${rootHeight.value}px`,\n width: `${rootWidth.value}px`,\n top: props.position === 'top' ? offset : '',\n bottom: props.position === 'bottom' ? offset : '',\n transform: transform.value ? `translateY(${transform.value}px)` : '',\n zIndex: props.zIndex,\n }\n})\n\nconst update = () => {\n if (!scrollContainer.value) return\n\n scrollTop.value =\n scrollContainer.value instanceof Window\n ? document.documentElement.scrollTop\n : scrollContainer.value.scrollTop || 0\n\n const { position, target, offset } = props\n const rootHeightOffset = offset + rootHeight.value\n\n if (position === 'top') {\n if (target) {\n const difference = targetRect.bottom.value - rootHeightOffset\n fixed.value = offset > rootTop.value && targetRect.bottom.value > 0\n transform.value = difference < 0 ? difference : 0\n } else {\n fixed.value = offset > rootTop.value\n }\n } else if (target) {\n const difference =\n windowHeight.value - targetRect.top.value - rootHeightOffset\n fixed.value =\n windowHeight.value - offset < rootBottom.value &&\n windowHeight.value > targetRect.top.value\n transform.value = difference < 0 ? -difference : 0\n } else {\n fixed.value = windowHeight.value - offset < rootBottom.value\n }\n}\n\nconst updateRootRect = async () => {\n if (!fixed.value) {\n updateRoot()\n return\n }\n\n fixed.value = false\n await nextTick()\n updateRoot()\n fixed.value = true\n}\n\nconst handleScroll = async () => {\n updateRoot()\n await nextTick()\n emit('scroll', {\n scrollTop: scrollTop.value,\n fixed: fixed.value,\n })\n}\n\nwatch(fixed, (val) => emit(CHANGE_EVENT, val))\n\nonMounted(() => {\n if (props.target) {\n target.value =\n document.querySelector<HTMLElement>(props.target) ?? undefined\n if (!target.value)\n throwError(COMPONENT_NAME, `Target does not exist: ${props.target}`)\n } else {\n target.value = document.documentElement\n }\n scrollContainer.value = getScrollContainer(root.value!, true)\n updateRoot()\n})\n\nuseEventListener(scrollContainer, 'scroll', handleScroll)\nwatchEffect(update)\n\ndefineExpose({\n /** @description update affix status */\n update,\n /** @description update rootRect info */\n updateRoot: updateRootRect,\n})\n</script>\n"],"names":["target"],"mappings":";;;;;;;;;;;mCA+Bc,CAAA;AAAA,EACZ,IAAM,EAAA,cAAA;AACR;;;;;;;AAIA,IAAM,MAAA,EAAA,GAAK,aAAa,OAAO,CAAA,CAAA;AAE/B,IAAA,MAAM,SAAS,UAAwB,EAAA,CAAA;AACvC,IAAA,MAAM,OAAO,UAA2B,EAAA,CAAA;AACxC,IAAA,MAAM,kBAAkB,UAAiC,EAAA,CAAA;AACzD,IAAA,MAAM,EAAE,MAAA,EAAQ,YAAa,EAAA,GAAI,aAAc,EAAA,CAAA;AAC/C,IAAM,MAAA;AAAA,MACJ,MAAQ,EAAA,UAAA;AAAA,MACR,KAAO,EAAA,SAAA;AAAA,MACP,GAAK,EAAA,OAAA;AAAA,MACL,MAAQ,EAAA,UAAA;AAAA,MACR,MAAQ,EAAA,UAAA;AAAA,QACN,kBAAmB,CAAA,IAAA,EAAM,EAAE,YAAA,EAAc,OAAO,CAAA,CAAA;AACpD,IAAM,MAAA,UAAA,GAAa,mBAAmB,MAAM,CAAA,CAAA;AAE5C,IAAM,MAAA,KAAA,GAAQ,IAAI,KAAK,CAAA,CAAA;AACvB,IAAM,MAAA,SAAA,GAAY,IAAI,CAAC,CAAA,CAAA;AACvB,IAAM,MAAA,SAAA,GAAY,IAAI,CAAC,CAAA,CAAA;AAEvB,IAAM,MAAA,SAAA,GAAY,SAAwB,MAAM;AAC9C,MAAO,OAAA;AAAA,QACL,QAAQ,KAAM,CAAA,KAAA,GAAQ,CAAG,EAAA,UAAA,CAAW,KAAK,CAAO,EAAA,CAAA,GAAA,EAAA;AAAA,QAChD,OAAO,KAAM,CAAA,KAAA,GAAQ,CAAG,EAAA,SAAA,CAAU,KAAK,CAAO,EAAA,CAAA,GAAA,EAAA;AAAA,OAChD,CAAA;AAAA,KACD,CAAA,CAAA;AAED,IAAM,MAAA,UAAA,GAAa,SAAwB,MAAM;AAC/C,MAAA,IAAI,CAAC,KAAA,CAAM,KAAO;AAElB,QAAA;AACA,MAAO,MAAA,MAAA,GAAA,KAAA,CAAA,MAAA,GAAA,OAAA,CAAA,KAAA,CAAA,MAAA,CAAA,GAAA,CAAA,CAAA;AAAA,MACL,OAAA;AAA2B,QAC3B,MAAA,EAAU,CAAA,EAAA,UAAe,CAAA,KAAA,CAAA,EAAA,CAAA;AAAA,QACzB,KAAK,EAAA,CAAA,EAAA,SAAmB,CAAA,KAAA,CAAA,EAAA,CAAA;AAAiB,QACzC,GAAQ,EAAA,KAAA,CAAA,QAAmB,KAAA,KAAA,GAAA,MAAW,GAAS,EAAA;AAAA,QAC/C,aAAqB,CAAA,QAAA,KAAA,QAAsB,GAAA,MAAA,GAAA,EAAA;AAAuB,QAClE,SAAc,EAAA,SAAA,CAAA,KAAA,GAAA,CAAA,WAAA,EAAA,SAAA,CAAA,KAAA,CAAA,GAAA,CAAA,GAAA,EAAA;AAAA,QAChB,MAAA,EAAA,KAAA,CAAA,MAAA;AAAA,OACD,CAAA;AAED,KAAA,CAAA,CAAA;AACE,IAAI,MAAA;AAEJ,MAAU,IAAA,CAAA;AAKV,QAAA,OAAQ;AACR,MAAM,SAAA,CAAA,KAAA,GAAA,gBAA4B,KAAW,YAAA,MAAA,GAAA,QAAA,CAAA,eAAA,CAAA,SAAA,GAAA,eAAA,CAAA,KAAA,CAAA,SAAA,IAAA,CAAA,CAAA;AAE7C,MAAA,kBAAwB,MAAA,EAAA,OAAA,EAAA,MAAA,EAAA,GAAA,KAAA,CAAA;AACtB,MAAA,MAAIA,gBAAQ,GAAA,MAAA,GAAA,UAAA,CAAA,KAAA,CAAA;AACV,MAAM,IAAA,QAAA,KAAA,KAAA,EAAwB;AAC9B,QAAA,IAAA;AACA,UAAU,MAAA,UAAA,GAAqB,UAAA,CAAA,MAAiB,CAAA,KAAA,GAAA,gBAAA,CAAA;AAAA,UAC3C,KAAA,CAAA,KAAA,GAAA,MAAA,GAAA,OAAA,CAAA,KAAA,IAAA,UAAA,CAAA,MAAA,CAAA,KAAA,GAAA,CAAA,CAAA;AACL,UAAM,SAAA,CAAA,kBAAyB,GAAA,CAAA,GAAA,UAAA,GAAA,CAAA,CAAA;AAAA,SACjC,MAAA;AAAA,qBACiB,GAAA,MAAA,GAAA,OAAA,CAAA,KAAA,CAAA;AACjB,SAAA;AAEA,OAAM,MAAA,IAAA;AAGN,QAAA,MAAA,UAAkB,GAAA,YAAa,CAAI,KAAc,GAAA,UAAA,CAAA,GAAA,CAAA,KAAA,GAAA,gBAAA,CAAA;AAAA,QAC5C,KAAA,CAAA,KAAA,GAAA,YAAA,CAAA,KAAA,GAAA,MAAA,GAAA,UAAA,CAAA,KAAA,IAAA,YAAA,CAAA,KAAA,GAAA,UAAA,CAAA,GAAA,CAAA,KAAA,CAAA;AACL,QAAA,SAAc,CAAA,KAAA,GAAA,UAAqB,GAAA,CAAA,GAAA,CAAA,UAAoB,GAAA,CAAA,CAAA;AAAA,OACzD,MAAA;AAAA,QACF,KAAA,CAAA,KAAA,GAAA,YAAA,CAAA,KAAA,GAAA,MAAA,GAAA,UAAA,CAAA,KAAA,CAAA;AAEA,OAAA;AACE,KAAI,CAAA;AACF,IAAW,MAAA,cAAA,GAAA,YAAA;AACX,MAAA,IAAA,CAAA,KAAA,CAAA,KAAA,EAAA;AAAA,QACF,UAAA,EAAA,CAAA;AAEA,QAAA,OAAc;AACd,OAAA;AACA,MAAW,KAAA,CAAA,KAAA,GAAA,KAAA,CAAA;AACX,MAAA,MAAM,QAAQ,EAAA,CAAA;AAAA,MAChB,UAAA,EAAA,CAAA;AAEA,MAAA,mBAAqB;AACnB,KAAW,CAAA;AACX,IAAA,MAAA,YAAe,GAAA,YAAA;AACf,MAAA,UAAe,EAAA,CAAA;AAAA,MAAA,cACQ,EAAA,CAAA;AAAA,MAAA,aACR,EAAA;AAAA,QACd,SAAA,EAAA,SAAA,CAAA,KAAA;AAAA,QACH,KAAA,EAAA,KAAA,CAAA,KAAA;AAEA,OAAA,CAAA,CAAA;AAEA,KAAA,CAAA;AACE,IAAA,KAAA,CAAI,OAAc,CAAA,GAAA,KAAA,IAAA,CAAA,YAAA,EAAA,GAAA,CAAA,CAAA,CAAA;AAChB,IAAA,SAAA,CAAA,MACE;AACF,MAAA,IAAA,EAAI,CAAC;AACH,MAAA,IAAA,KAAA,CAAA,MAA2B,EAAA;AAAwC,QAChE,MAAA,CAAA,KAAA,GAAA,CAAA,EAAA,GAAA,QAAA,CAAA,aAAA,CAAA,KAAA,CAAA,MAAA,CAAA,KAAA,IAAA,GAAA,EAAA,GAAA,KAAA,CAAA,CAAA;AACL,QAAA,IAAA,CAAA,YAAwB;AAAA,UAC1B,UAAA,CAAA,cAAA,EAAA,CAAA,uBAAA,EAAA,KAAA,CAAA,MAAA,CAAA,CAAA,CAAA,CAAA;AACA,OAAA,MAAA;AACA,QAAW,MAAA,CAAA,KAAA,GAAA,QAAA,CAAA,eAAA,CAAA;AAAA,OACZ;AAED,MAAiB,eAAA,CAAA,KAAA,GAAA,kBAA2B,CAAY,IAAA,CAAA,KAAA,EAAA,IAAA,CAAA,CAAA;AACxD,MAAA,UAAY,EAAM,CAAA;AAElB,KAAa,CAAA,CAAA;AAAA,IAAA,gBAAA,CAAA,eAAA,EAAA,QAAA,EAAA,YAAA,CAAA,CAAA;AAAA,IAEX,WAAA,CAAA,MAAA,CAAA,CAAA;AAAA,IAAA,MAAA,CAAA;AAAA,MAEA,MAAY;AAAA,MACb,UAAA,EAAA,cAAA;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -1,6 +1,6 @@
1
- import Anchor from './src/anchor2.mjs';
1
+ import Anchor from './src/anchor.mjs';
2
2
  import AnchorLink from './src/anchor-link2.mjs';
3
- export { anchorEmits, anchorProps } from './src/anchor.mjs';
3
+ export { anchorEmits, anchorProps } from './src/anchor2.mjs';
4
4
  import { withInstall, withNoopInstall } from '../../utils/vue/install.mjs';
5
5
 
6
6
  const ElAnchor = withInstall(Anchor, {
@@ -1,44 +1,211 @@
1
- import { buildProps, definePropType } from '../../../utils/vue/props/runtime.mjs';
2
- import { isString } from '@vue/shared';
3
- import { isUndefined } from '../../../utils/types.mjs';
1
+ import { defineComponent, useSlots, ref, computed, watch, onMounted, provide, openBlock, createElementBlock, normalizeClass, unref, normalizeStyle, createCommentVNode, createElementVNode, renderSlot, nextTick } from 'vue';
2
+ import { useEventListener } from '@vueuse/core';
3
+ import { anchorProps, anchorEmits } from './anchor2.mjs';
4
+ import { anchorKey } from './constants.mjs';
5
+ import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
6
+ import { getElement } from '../../../utils/dom/element.mjs';
7
+ import { throttleByRaf } from '../../../utils/throttleByRaf.mjs';
8
+ import { isWindow, isUndefined } from '../../../utils/types.mjs';
9
+ import { getScrollElement, animateScrollTo, getScrollTop } from '../../../utils/dom/scroll.mjs';
10
+ import { getOffsetTopDistance } from '../../../utils/dom/position.mjs';
11
+ import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
12
+ import { CHANGE_EVENT } from '../../../constants/event.mjs';
4
13
 
5
- const anchorProps = buildProps({
6
- container: {
7
- type: definePropType([
8
- String,
9
- Object
10
- ])
11
- },
12
- offset: {
13
- type: Number,
14
- default: 0
15
- },
16
- bound: {
17
- type: Number,
18
- default: 15
19
- },
20
- duration: {
21
- type: Number,
22
- default: 300
23
- },
24
- marker: {
25
- type: Boolean,
26
- default: true
27
- },
28
- type: {
29
- type: definePropType(String),
30
- default: "default"
31
- },
32
- direction: {
33
- type: definePropType(String),
34
- default: "vertical"
35
- },
36
- selectScrollTop: Boolean
14
+ const __default__ = defineComponent({
15
+ name: "ElAnchor"
37
16
  });
38
- const anchorEmits = {
39
- change: (href) => isString(href),
40
- click: (e, href) => e instanceof MouseEvent && (isString(href) || isUndefined(href))
41
- };
17
+ const _sfc_main = /* @__PURE__ */ defineComponent({
18
+ ...__default__,
19
+ props: anchorProps,
20
+ emits: anchorEmits,
21
+ setup(__props, { expose, emit }) {
22
+ const props = __props;
23
+ const slots = useSlots();
24
+ const currentAnchor = ref("");
25
+ const markerStyle = ref({});
26
+ const anchorRef = ref(null);
27
+ const markerRef = ref(null);
28
+ const containerEl = ref();
29
+ const links = {};
30
+ let isScrolling = false;
31
+ let currentScrollTop = 0;
32
+ const ns = useNamespace("anchor");
33
+ const cls = computed(() => [
34
+ ns.b(),
35
+ props.type === "underline" ? ns.m("underline") : "",
36
+ ns.m(props.direction)
37
+ ]);
38
+ const addLink = (state) => {
39
+ links[state.href] = state.el;
40
+ };
41
+ const removeLink = (href) => {
42
+ delete links[href];
43
+ };
44
+ const setCurrentAnchor = (href) => {
45
+ const activeHref = currentAnchor.value;
46
+ if (activeHref !== href) {
47
+ currentAnchor.value = href;
48
+ emit(CHANGE_EVENT, href);
49
+ }
50
+ };
51
+ let clearAnimate = null;
52
+ const scrollToAnchor = (href) => {
53
+ if (!containerEl.value)
54
+ return;
55
+ const target = getElement(href);
56
+ if (!target)
57
+ return;
58
+ if (clearAnimate)
59
+ clearAnimate();
60
+ isScrolling = true;
61
+ const scrollEle = getScrollElement(target, containerEl.value);
62
+ const distance = getOffsetTopDistance(target, scrollEle);
63
+ const max = scrollEle.scrollHeight - scrollEle.clientHeight;
64
+ const to = Math.min(distance - props.offset, max);
65
+ clearAnimate = animateScrollTo(containerEl.value, currentScrollTop, to, props.duration, () => {
66
+ setTimeout(() => {
67
+ isScrolling = false;
68
+ }, 20);
69
+ });
70
+ };
71
+ const scrollTo = (href) => {
72
+ if (href) {
73
+ setCurrentAnchor(href);
74
+ scrollToAnchor(href);
75
+ }
76
+ };
77
+ const handleClick = (e, href) => {
78
+ emit("click", e, href);
79
+ scrollTo(href);
80
+ };
81
+ const handleScroll = throttleByRaf(() => {
82
+ if (containerEl.value) {
83
+ currentScrollTop = getScrollTop(containerEl.value);
84
+ }
85
+ const currentHref = getCurrentHref();
86
+ if (isScrolling || isUndefined(currentHref))
87
+ return;
88
+ setCurrentAnchor(currentHref);
89
+ });
90
+ const getCurrentHref = () => {
91
+ if (!containerEl.value)
92
+ return;
93
+ const scrollTop = getScrollTop(containerEl.value);
94
+ const anchorTopList = [];
95
+ for (const href of Object.keys(links)) {
96
+ const target = getElement(href);
97
+ if (!target)
98
+ continue;
99
+ const scrollEle = getScrollElement(target, containerEl.value);
100
+ const distance = getOffsetTopDistance(target, scrollEle);
101
+ anchorTopList.push({
102
+ top: distance - props.offset - props.bound,
103
+ href
104
+ });
105
+ }
106
+ anchorTopList.sort((prev, next) => prev.top - next.top);
107
+ for (let i = 0; i < anchorTopList.length; i++) {
108
+ const item = anchorTopList[i];
109
+ const next = anchorTopList[i + 1];
110
+ if (i === 0 && scrollTop === 0) {
111
+ return props.selectScrollTop ? item.href : "";
112
+ }
113
+ if (item.top <= scrollTop && (!next || next.top > scrollTop)) {
114
+ return item.href;
115
+ }
116
+ }
117
+ };
118
+ const getContainer = () => {
119
+ const el = getElement(props.container);
120
+ if (!el || isWindow(el)) {
121
+ containerEl.value = window;
122
+ } else {
123
+ containerEl.value = el;
124
+ }
125
+ };
126
+ useEventListener(containerEl, "scroll", handleScroll);
127
+ const updateMarkerStyle = () => {
128
+ nextTick(() => {
129
+ if (!anchorRef.value || !markerRef.value || !currentAnchor.value) {
130
+ markerStyle.value = {};
131
+ return;
132
+ }
133
+ const currentLinkEl = links[currentAnchor.value];
134
+ if (!currentLinkEl) {
135
+ markerStyle.value = {};
136
+ return;
137
+ }
138
+ const anchorRect = anchorRef.value.getBoundingClientRect();
139
+ const markerRect = markerRef.value.getBoundingClientRect();
140
+ const linkRect = currentLinkEl.getBoundingClientRect();
141
+ if (props.direction === "horizontal") {
142
+ const left = linkRect.left - anchorRect.left;
143
+ markerStyle.value = {
144
+ left: `${left}px`,
145
+ width: `${linkRect.width}px`,
146
+ opacity: 1
147
+ };
148
+ } else {
149
+ const top = linkRect.top - anchorRect.top + (linkRect.height - markerRect.height) / 2;
150
+ markerStyle.value = {
151
+ top: `${top}px`,
152
+ opacity: 1
153
+ };
154
+ }
155
+ });
156
+ };
157
+ watch(currentAnchor, updateMarkerStyle);
158
+ watch(() => {
159
+ var _a;
160
+ return (_a = slots.default) == null ? void 0 : _a.call(slots);
161
+ }, updateMarkerStyle);
162
+ onMounted(() => {
163
+ getContainer();
164
+ const hash = decodeURIComponent(window.location.hash);
165
+ const target = getElement(hash);
166
+ if (target) {
167
+ scrollTo(hash);
168
+ } else {
169
+ handleScroll();
170
+ }
171
+ });
172
+ watch(() => props.container, () => {
173
+ getContainer();
174
+ });
175
+ provide(anchorKey, {
176
+ ns,
177
+ direction: props.direction,
178
+ currentAnchor,
179
+ addLink,
180
+ removeLink,
181
+ handleClick
182
+ });
183
+ expose({
184
+ scrollTo
185
+ });
186
+ return (_ctx, _cache) => {
187
+ return openBlock(), createElementBlock("div", {
188
+ ref_key: "anchorRef",
189
+ ref: anchorRef,
190
+ class: normalizeClass(unref(cls))
191
+ }, [
192
+ _ctx.marker ? (openBlock(), createElementBlock("div", {
193
+ key: 0,
194
+ ref_key: "markerRef",
195
+ ref: markerRef,
196
+ class: normalizeClass(unref(ns).e("marker")),
197
+ style: normalizeStyle(markerStyle.value)
198
+ }, null, 6)) : createCommentVNode("v-if", true),
199
+ createElementVNode("div", {
200
+ class: normalizeClass(unref(ns).e("list"))
201
+ }, [
202
+ renderSlot(_ctx.$slots, "default")
203
+ ], 2)
204
+ ], 2);
205
+ };
206
+ }
207
+ });
208
+ var Anchor = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "anchor.vue"]]);
42
209
 
43
- export { anchorEmits, anchorProps };
210
+ export { Anchor as default };
44
211
  //# sourceMappingURL=anchor.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"anchor.mjs","sources":["../../../../../../packages/components/anchor/src/anchor.ts"],"sourcesContent":["import {\n buildProps,\n definePropType,\n isString,\n isUndefined,\n} from '@element-plus/utils'\n\nimport type { ExtractPropTypes, __ExtractPublicPropTypes } from 'vue'\nimport type Anchor from './anchor.vue'\n\nexport const anchorProps = buildProps({\n /**\n * @description scroll container\n */\n container: {\n type: definePropType<string | HTMLElement | Window | null>([\n String,\n Object,\n ]),\n },\n /**\n * @description Set the offset of the anchor scroll\n */\n offset: {\n type: Number,\n default: 0,\n },\n /**\n * @description The offset of the element starting to trigger the anchor\n */\n bound: {\n type: Number,\n default: 15,\n },\n /**\n * @description Set the scroll duration of the container when the anchor is clicked, in milliseconds\n */\n duration: {\n type: Number,\n default: 300,\n },\n /**\n * @description Whether to show the marker\n */\n marker: {\n type: Boolean,\n default: true,\n },\n /**\n * @description Set Anchor type\n */\n type: {\n type: definePropType<'default' | 'underline'>(String),\n default: 'default',\n },\n /**\n * @description Set Anchor direction\n */\n direction: {\n type: definePropType<'vertical' | 'horizontal'>(String),\n default: 'vertical',\n },\n /**\n * @description Scroll whether link is selected at the top\n */\n selectScrollTop: Boolean,\n})\n\nexport type AnchorProps = ExtractPropTypes<typeof anchorProps>\nexport type AnchorPropsPublic = __ExtractPublicPropTypes<typeof anchorProps>\nexport type AnchorInstance = InstanceType<typeof Anchor> & unknown\n\nexport const anchorEmits = {\n change: (href: string) => isString(href),\n click: (e: MouseEvent, href?: string) =>\n e instanceof MouseEvent && (isString(href) || isUndefined(href)),\n}\nexport type AnchorEmits = typeof anchorEmits\n"],"names":[],"mappings":";;;;AAMY,MAAC,WAAW,GAAG,UAAU,CAAC;AACtC,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,cAAc,CAAC;AACzB,MAAM,MAAM;AACZ,MAAM,MAAM;AACZ,KAAK,CAAC;AACN,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,GAAG;AAChB,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,cAAc,CAAC,MAAM,CAAC;AAChC,IAAI,OAAO,EAAE,SAAS;AACtB,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,cAAc,CAAC,MAAM,CAAC;AAChC,IAAI,OAAO,EAAE,UAAU;AACvB,GAAG;AACH,EAAE,eAAe,EAAE,OAAO;AAC1B,CAAC,EAAE;AACS,MAAC,WAAW,GAAG;AAC3B,EAAE,MAAM,EAAE,CAAC,IAAI,KAAK,QAAQ,CAAC,IAAI,CAAC;AAClC,EAAE,KAAK,EAAE,CAAC,CAAC,EAAE,IAAI,KAAK,CAAC,YAAY,UAAU,KAAK,QAAQ,CAAC,IAAI,CAAC,IAAI,WAAW,CAAC,IAAI,CAAC,CAAC;AACtF;;;;"}
1
+ {"version":3,"file":"anchor.mjs","sources":["../../../../../../packages/components/anchor/src/anchor.vue"],"sourcesContent":["<template>\n <div ref=\"anchorRef\" :class=\"cls\">\n <div\n v-if=\"marker\"\n ref=\"markerRef\"\n :class=\"ns.e('marker')\"\n :style=\"markerStyle\"\n />\n <div :class=\"ns.e('list')\">\n <slot />\n </div>\n </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport {\n computed,\n nextTick,\n onMounted,\n provide,\n ref,\n useSlots,\n watch,\n} from 'vue'\nimport { useEventListener } from '@vueuse/core'\nimport { useNamespace } from '@element-plus/hooks'\nimport {\n animateScrollTo,\n getElement,\n getOffsetTopDistance,\n getScrollElement,\n getScrollTop,\n isUndefined,\n isWindow,\n throttleByRaf,\n} from '@element-plus/utils'\nimport { CHANGE_EVENT } from '@element-plus/constants'\nimport { anchorEmits, anchorProps } from './anchor'\nimport { anchorKey } from './constants'\n\nimport type { CSSProperties } from 'vue'\nimport type { AnchorLinkState } from './constants'\n\ndefineOptions({\n name: 'ElAnchor',\n})\n\nconst props = defineProps(anchorProps)\nconst emit = defineEmits(anchorEmits)\nconst slots = useSlots()\n\nconst currentAnchor = ref('')\nconst markerStyle = ref<CSSProperties>({})\nconst anchorRef = ref<HTMLElement | null>(null)\nconst markerRef = ref<HTMLElement | null>(null)\nconst containerEl = ref<HTMLElement | Window>()\n\nconst links: Record<string, HTMLElement> = {}\nlet isScrolling = false\nlet currentScrollTop = 0\n\nconst ns = useNamespace('anchor')\n\nconst cls = computed(() => [\n ns.b(),\n props.type === 'underline' ? ns.m('underline') : '',\n ns.m(props.direction),\n])\n\nconst addLink = (state: AnchorLinkState) => {\n links[state.href] = state.el\n}\n\nconst removeLink = (href: string) => {\n delete links[href]\n}\n\nconst setCurrentAnchor = (href: string) => {\n const activeHref = currentAnchor.value\n if (activeHref !== href) {\n currentAnchor.value = href\n emit(CHANGE_EVENT, href)\n }\n}\n\nlet clearAnimate: (() => void) | null = null\n\nconst scrollToAnchor = (href: string) => {\n if (!containerEl.value) return\n const target = getElement(href)\n if (!target) return\n if (clearAnimate) clearAnimate()\n isScrolling = true\n const scrollEle = getScrollElement(target, containerEl.value)\n const distance = getOffsetTopDistance(target, scrollEle)\n const max = scrollEle.scrollHeight - scrollEle.clientHeight\n const to = Math.min(distance - props.offset, max)\n clearAnimate = animateScrollTo(\n containerEl.value,\n currentScrollTop,\n to,\n props.duration,\n () => {\n // make sure it is executed after throttleByRaf's handleScroll\n setTimeout(() => {\n isScrolling = false\n }, 20)\n }\n )\n}\n\nconst scrollTo = (href?: string) => {\n if (href) {\n setCurrentAnchor(href)\n scrollToAnchor(href)\n }\n}\n\nconst handleClick = (e: MouseEvent, href?: string) => {\n emit('click', e, href)\n scrollTo(href)\n}\n\nconst handleScroll = throttleByRaf(() => {\n if (containerEl.value) {\n currentScrollTop = getScrollTop(containerEl.value)\n }\n const currentHref = getCurrentHref()\n if (isScrolling || isUndefined(currentHref)) return\n setCurrentAnchor(currentHref)\n})\n\nconst getCurrentHref = () => {\n if (!containerEl.value) return\n const scrollTop = getScrollTop(containerEl.value)\n const anchorTopList: { top: number; href: string }[] = []\n\n for (const href of Object.keys(links)) {\n const target = getElement(href)\n if (!target) continue\n const scrollEle = getScrollElement(target, containerEl.value)\n const distance = getOffsetTopDistance(target, scrollEle)\n anchorTopList.push({\n top: distance - props.offset - props.bound,\n href,\n })\n }\n anchorTopList.sort((prev, next) => prev.top - next.top)\n for (let i = 0; i < anchorTopList.length; i++) {\n const item = anchorTopList[i]\n const next = anchorTopList[i + 1]\n\n if (i === 0 && scrollTop === 0) {\n return props.selectScrollTop ? item.href : ''\n }\n if (item.top <= scrollTop && (!next || next.top > scrollTop)) {\n return item.href\n }\n }\n}\n\nconst getContainer = () => {\n const el = getElement(props.container)\n if (!el || isWindow(el)) {\n containerEl.value = window\n } else {\n containerEl.value = el\n }\n}\n\nuseEventListener(containerEl, 'scroll', handleScroll)\n\nconst updateMarkerStyle = () => {\n nextTick(() => {\n if (!anchorRef.value || !markerRef.value || !currentAnchor.value) {\n markerStyle.value = {}\n return\n }\n const currentLinkEl = links[currentAnchor.value]\n if (!currentLinkEl) {\n markerStyle.value = {}\n return\n }\n const anchorRect = anchorRef.value.getBoundingClientRect()\n const markerRect = markerRef.value.getBoundingClientRect()\n const linkRect = currentLinkEl.getBoundingClientRect()\n\n if (props.direction === 'horizontal') {\n const left = linkRect.left - anchorRect.left\n markerStyle.value = {\n left: `${left}px`,\n width: `${linkRect.width}px`,\n opacity: 1,\n }\n } else {\n const top =\n linkRect.top -\n anchorRect.top +\n (linkRect.height - markerRect.height) / 2\n markerStyle.value = {\n top: `${top}px`,\n opacity: 1,\n }\n }\n })\n}\n\nwatch(currentAnchor, updateMarkerStyle)\nwatch(() => slots.default?.(), updateMarkerStyle)\n\nonMounted(() => {\n getContainer()\n const hash = decodeURIComponent(window.location.hash)\n const target = getElement(hash)\n if (target) {\n scrollTo(hash)\n } else {\n handleScroll()\n }\n})\n\nwatch(\n () => props.container,\n () => {\n getContainer()\n }\n)\n\nprovide(anchorKey, {\n ns,\n direction: props.direction,\n currentAnchor,\n addLink,\n removeLink,\n handleClick,\n})\n\ndefineExpose({\n scrollTo,\n})\n</script>\n"],"names":[],"mappings":"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"}