@element-plus/nightly 0.0.20250721 → 0.0.20250723

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 (681) hide show
  1. package/attributes.json +1 -1
  2. package/dist/index.css +1 -1
  3. package/dist/index.full.js +172 -46
  4. package/dist/index.full.min.js +11 -11
  5. package/dist/index.full.min.js.map +1 -1
  6. package/dist/index.full.min.mjs +12 -12
  7. package/dist/index.full.min.mjs.map +1 -1
  8. package/dist/index.full.mjs +172 -46
  9. package/dist/locale/af.js +1 -1
  10. package/dist/locale/af.min.js +1 -1
  11. package/dist/locale/af.min.mjs +1 -1
  12. package/dist/locale/af.mjs +1 -1
  13. package/dist/locale/ar-eg.js +1 -1
  14. package/dist/locale/ar-eg.min.js +1 -1
  15. package/dist/locale/ar-eg.min.mjs +1 -1
  16. package/dist/locale/ar-eg.mjs +1 -1
  17. package/dist/locale/ar.js +1 -1
  18. package/dist/locale/ar.min.js +1 -1
  19. package/dist/locale/ar.min.mjs +1 -1
  20. package/dist/locale/ar.mjs +1 -1
  21. package/dist/locale/az.js +1 -1
  22. package/dist/locale/az.min.js +1 -1
  23. package/dist/locale/az.min.mjs +1 -1
  24. package/dist/locale/az.mjs +1 -1
  25. package/dist/locale/bg.js +1 -1
  26. package/dist/locale/bg.min.js +1 -1
  27. package/dist/locale/bg.min.mjs +1 -1
  28. package/dist/locale/bg.mjs +1 -1
  29. package/dist/locale/bn.js +1 -1
  30. package/dist/locale/bn.min.js +1 -1
  31. package/dist/locale/bn.min.mjs +1 -1
  32. package/dist/locale/bn.mjs +1 -1
  33. package/dist/locale/ca.js +1 -1
  34. package/dist/locale/ca.min.js +1 -1
  35. package/dist/locale/ca.min.mjs +1 -1
  36. package/dist/locale/ca.mjs +1 -1
  37. package/dist/locale/ckb.js +1 -1
  38. package/dist/locale/ckb.min.js +1 -1
  39. package/dist/locale/ckb.min.mjs +1 -1
  40. package/dist/locale/ckb.mjs +1 -1
  41. package/dist/locale/cs.js +1 -1
  42. package/dist/locale/cs.min.js +1 -1
  43. package/dist/locale/cs.min.mjs +1 -1
  44. package/dist/locale/cs.mjs +1 -1
  45. package/dist/locale/da.js +1 -1
  46. package/dist/locale/da.min.js +1 -1
  47. package/dist/locale/da.min.mjs +1 -1
  48. package/dist/locale/da.mjs +1 -1
  49. package/dist/locale/de.js +1 -1
  50. package/dist/locale/de.min.js +1 -1
  51. package/dist/locale/de.min.mjs +1 -1
  52. package/dist/locale/de.mjs +1 -1
  53. package/dist/locale/el.js +1 -1
  54. package/dist/locale/el.min.js +1 -1
  55. package/dist/locale/el.min.mjs +1 -1
  56. package/dist/locale/el.mjs +1 -1
  57. package/dist/locale/en.js +1 -1
  58. package/dist/locale/en.min.js +1 -1
  59. package/dist/locale/en.min.mjs +1 -1
  60. package/dist/locale/en.mjs +1 -1
  61. package/dist/locale/eo.js +1 -1
  62. package/dist/locale/eo.min.js +1 -1
  63. package/dist/locale/eo.min.mjs +1 -1
  64. package/dist/locale/eo.mjs +1 -1
  65. package/dist/locale/es.js +1 -1
  66. package/dist/locale/es.min.js +1 -1
  67. package/dist/locale/es.min.mjs +1 -1
  68. package/dist/locale/es.mjs +1 -1
  69. package/dist/locale/et.js +1 -1
  70. package/dist/locale/et.min.js +1 -1
  71. package/dist/locale/et.min.mjs +1 -1
  72. package/dist/locale/et.mjs +1 -1
  73. package/dist/locale/eu.js +1 -1
  74. package/dist/locale/eu.min.js +1 -1
  75. package/dist/locale/eu.min.mjs +1 -1
  76. package/dist/locale/eu.mjs +1 -1
  77. package/dist/locale/fa.js +1 -1
  78. package/dist/locale/fa.min.js +1 -1
  79. package/dist/locale/fa.min.mjs +1 -1
  80. package/dist/locale/fa.mjs +1 -1
  81. package/dist/locale/fi.js +1 -1
  82. package/dist/locale/fi.min.js +1 -1
  83. package/dist/locale/fi.min.mjs +1 -1
  84. package/dist/locale/fi.mjs +1 -1
  85. package/dist/locale/fr.js +1 -1
  86. package/dist/locale/fr.min.js +1 -1
  87. package/dist/locale/fr.min.mjs +1 -1
  88. package/dist/locale/fr.mjs +1 -1
  89. package/dist/locale/he.js +1 -1
  90. package/dist/locale/he.min.js +1 -1
  91. package/dist/locale/he.min.mjs +1 -1
  92. package/dist/locale/he.mjs +1 -1
  93. package/dist/locale/hi.js +1 -1
  94. package/dist/locale/hi.min.js +1 -1
  95. package/dist/locale/hi.min.mjs +1 -1
  96. package/dist/locale/hi.mjs +1 -1
  97. package/dist/locale/hr.js +1 -1
  98. package/dist/locale/hr.min.js +1 -1
  99. package/dist/locale/hr.min.mjs +1 -1
  100. package/dist/locale/hr.mjs +1 -1
  101. package/dist/locale/hu.js +1 -1
  102. package/dist/locale/hu.min.js +1 -1
  103. package/dist/locale/hu.min.mjs +1 -1
  104. package/dist/locale/hu.mjs +1 -1
  105. package/dist/locale/hy-am.js +1 -1
  106. package/dist/locale/hy-am.min.js +1 -1
  107. package/dist/locale/hy-am.min.mjs +1 -1
  108. package/dist/locale/hy-am.mjs +1 -1
  109. package/dist/locale/id.js +1 -1
  110. package/dist/locale/id.min.js +1 -1
  111. package/dist/locale/id.min.mjs +1 -1
  112. package/dist/locale/id.mjs +1 -1
  113. package/dist/locale/it.js +1 -1
  114. package/dist/locale/it.min.js +1 -1
  115. package/dist/locale/it.min.mjs +1 -1
  116. package/dist/locale/it.mjs +1 -1
  117. package/dist/locale/ja.js +1 -1
  118. package/dist/locale/ja.min.js +1 -1
  119. package/dist/locale/ja.min.mjs +1 -1
  120. package/dist/locale/ja.mjs +1 -1
  121. package/dist/locale/kk.js +1 -1
  122. package/dist/locale/kk.min.js +1 -1
  123. package/dist/locale/kk.min.mjs +1 -1
  124. package/dist/locale/kk.mjs +1 -1
  125. package/dist/locale/km.js +1 -1
  126. package/dist/locale/km.min.js +1 -1
  127. package/dist/locale/km.min.mjs +1 -1
  128. package/dist/locale/km.mjs +1 -1
  129. package/dist/locale/ko.js +1 -1
  130. package/dist/locale/ko.min.js +1 -1
  131. package/dist/locale/ko.min.mjs +1 -1
  132. package/dist/locale/ko.mjs +1 -1
  133. package/dist/locale/ku.js +1 -1
  134. package/dist/locale/ku.min.js +1 -1
  135. package/dist/locale/ku.min.mjs +1 -1
  136. package/dist/locale/ku.mjs +1 -1
  137. package/dist/locale/ky.js +1 -1
  138. package/dist/locale/ky.min.js +1 -1
  139. package/dist/locale/ky.min.mjs +1 -1
  140. package/dist/locale/ky.mjs +1 -1
  141. package/dist/locale/lo.js +1 -1
  142. package/dist/locale/lo.min.js +1 -1
  143. package/dist/locale/lo.min.mjs +1 -1
  144. package/dist/locale/lo.mjs +1 -1
  145. package/dist/locale/lt.js +1 -1
  146. package/dist/locale/lt.min.js +1 -1
  147. package/dist/locale/lt.min.mjs +1 -1
  148. package/dist/locale/lt.mjs +1 -1
  149. package/dist/locale/lv.js +1 -1
  150. package/dist/locale/lv.min.js +1 -1
  151. package/dist/locale/lv.min.mjs +1 -1
  152. package/dist/locale/lv.mjs +1 -1
  153. package/dist/locale/mg.js +1 -1
  154. package/dist/locale/mg.min.js +1 -1
  155. package/dist/locale/mg.min.mjs +1 -1
  156. package/dist/locale/mg.mjs +1 -1
  157. package/dist/locale/mn.js +1 -1
  158. package/dist/locale/mn.min.js +1 -1
  159. package/dist/locale/mn.min.mjs +1 -1
  160. package/dist/locale/mn.mjs +1 -1
  161. package/dist/locale/ms.js +1 -1
  162. package/dist/locale/ms.min.js +1 -1
  163. package/dist/locale/ms.min.mjs +1 -1
  164. package/dist/locale/ms.mjs +1 -1
  165. package/dist/locale/my.js +1 -1
  166. package/dist/locale/my.min.js +1 -1
  167. package/dist/locale/my.min.mjs +1 -1
  168. package/dist/locale/my.mjs +1 -1
  169. package/dist/locale/nb-no.js +1 -1
  170. package/dist/locale/nb-no.min.js +1 -1
  171. package/dist/locale/nb-no.min.mjs +1 -1
  172. package/dist/locale/nb-no.mjs +1 -1
  173. package/dist/locale/nl.js +1 -1
  174. package/dist/locale/nl.min.js +1 -1
  175. package/dist/locale/nl.min.mjs +1 -1
  176. package/dist/locale/nl.mjs +1 -1
  177. package/dist/locale/no.js +1 -1
  178. package/dist/locale/no.min.js +1 -1
  179. package/dist/locale/no.min.mjs +1 -1
  180. package/dist/locale/no.mjs +1 -1
  181. package/dist/locale/pa.js +1 -1
  182. package/dist/locale/pa.min.js +1 -1
  183. package/dist/locale/pa.min.mjs +1 -1
  184. package/dist/locale/pa.mjs +1 -1
  185. package/dist/locale/pl.js +1 -1
  186. package/dist/locale/pl.min.js +1 -1
  187. package/dist/locale/pl.min.mjs +1 -1
  188. package/dist/locale/pl.mjs +1 -1
  189. package/dist/locale/pt-br.js +1 -1
  190. package/dist/locale/pt-br.min.js +1 -1
  191. package/dist/locale/pt-br.min.mjs +1 -1
  192. package/dist/locale/pt-br.mjs +1 -1
  193. package/dist/locale/pt.js +1 -1
  194. package/dist/locale/pt.min.js +1 -1
  195. package/dist/locale/pt.min.mjs +1 -1
  196. package/dist/locale/pt.mjs +1 -1
  197. package/dist/locale/ro.js +1 -1
  198. package/dist/locale/ro.min.js +1 -1
  199. package/dist/locale/ro.min.mjs +1 -1
  200. package/dist/locale/ro.mjs +1 -1
  201. package/dist/locale/ru.js +1 -1
  202. package/dist/locale/ru.min.js +1 -1
  203. package/dist/locale/ru.min.mjs +1 -1
  204. package/dist/locale/ru.mjs +1 -1
  205. package/dist/locale/sk.js +1 -1
  206. package/dist/locale/sk.min.js +1 -1
  207. package/dist/locale/sk.min.mjs +1 -1
  208. package/dist/locale/sk.mjs +1 -1
  209. package/dist/locale/sl.js +1 -1
  210. package/dist/locale/sl.min.js +1 -1
  211. package/dist/locale/sl.min.mjs +1 -1
  212. package/dist/locale/sl.mjs +1 -1
  213. package/dist/locale/sr.js +1 -1
  214. package/dist/locale/sr.min.js +1 -1
  215. package/dist/locale/sr.min.mjs +1 -1
  216. package/dist/locale/sr.mjs +1 -1
  217. package/dist/locale/sv.js +1 -1
  218. package/dist/locale/sv.min.js +1 -1
  219. package/dist/locale/sv.min.mjs +1 -1
  220. package/dist/locale/sv.mjs +1 -1
  221. package/dist/locale/sw.js +1 -1
  222. package/dist/locale/sw.min.js +1 -1
  223. package/dist/locale/sw.min.mjs +1 -1
  224. package/dist/locale/sw.mjs +1 -1
  225. package/dist/locale/ta.js +1 -1
  226. package/dist/locale/ta.min.js +1 -1
  227. package/dist/locale/ta.min.mjs +1 -1
  228. package/dist/locale/ta.mjs +1 -1
  229. package/dist/locale/te.js +1 -1
  230. package/dist/locale/te.min.js +1 -1
  231. package/dist/locale/te.min.mjs +1 -1
  232. package/dist/locale/te.mjs +1 -1
  233. package/dist/locale/th.js +1 -1
  234. package/dist/locale/th.min.js +1 -1
  235. package/dist/locale/th.min.mjs +1 -1
  236. package/dist/locale/th.mjs +1 -1
  237. package/dist/locale/tk.js +1 -1
  238. package/dist/locale/tk.min.js +1 -1
  239. package/dist/locale/tk.min.mjs +1 -1
  240. package/dist/locale/tk.mjs +1 -1
  241. package/dist/locale/tr.js +1 -1
  242. package/dist/locale/tr.min.js +1 -1
  243. package/dist/locale/tr.min.mjs +1 -1
  244. package/dist/locale/tr.mjs +1 -1
  245. package/dist/locale/ug-cn.js +1 -1
  246. package/dist/locale/ug-cn.min.js +1 -1
  247. package/dist/locale/ug-cn.min.mjs +1 -1
  248. package/dist/locale/ug-cn.mjs +1 -1
  249. package/dist/locale/uk.js +1 -1
  250. package/dist/locale/uk.min.js +1 -1
  251. package/dist/locale/uk.min.mjs +1 -1
  252. package/dist/locale/uk.mjs +1 -1
  253. package/dist/locale/uz-uz.js +1 -1
  254. package/dist/locale/uz-uz.min.js +1 -1
  255. package/dist/locale/uz-uz.min.mjs +1 -1
  256. package/dist/locale/uz-uz.mjs +1 -1
  257. package/dist/locale/vi.js +1 -1
  258. package/dist/locale/vi.min.js +1 -1
  259. package/dist/locale/vi.min.mjs +1 -1
  260. package/dist/locale/vi.mjs +1 -1
  261. package/dist/locale/zh-cn.js +1 -1
  262. package/dist/locale/zh-cn.min.js +1 -1
  263. package/dist/locale/zh-cn.min.mjs +1 -1
  264. package/dist/locale/zh-cn.mjs +1 -1
  265. package/dist/locale/zh-hk.js +1 -1
  266. package/dist/locale/zh-hk.min.js +1 -1
  267. package/dist/locale/zh-hk.min.mjs +1 -1
  268. package/dist/locale/zh-hk.mjs +1 -1
  269. package/dist/locale/zh-mo.js +1 -1
  270. package/dist/locale/zh-mo.min.js +1 -1
  271. package/dist/locale/zh-mo.min.mjs +1 -1
  272. package/dist/locale/zh-mo.mjs +1 -1
  273. package/dist/locale/zh-tw.js +1 -1
  274. package/dist/locale/zh-tw.min.js +1 -1
  275. package/dist/locale/zh-tw.min.mjs +1 -1
  276. package/dist/locale/zh-tw.mjs +1 -1
  277. package/es/components/affix/index.mjs +2 -2
  278. package/es/components/affix/src/affix.mjs +24 -129
  279. package/es/components/affix/src/affix.mjs.map +1 -1
  280. package/es/components/affix/src/affix2.mjs +129 -24
  281. package/es/components/affix/src/affix2.mjs.map +1 -1
  282. package/es/components/alert/index.mjs +2 -2
  283. package/es/components/alert/src/alert.mjs +41 -108
  284. package/es/components/alert/src/alert.mjs.map +1 -1
  285. package/es/components/alert/src/alert2.mjs +108 -41
  286. package/es/components/alert/src/alert2.mjs.map +1 -1
  287. package/es/components/anchor/index.mjs +1 -1
  288. package/es/components/anchor/src/anchor-link.mjs +81 -5
  289. package/es/components/anchor/src/anchor-link.mjs.map +1 -1
  290. package/es/components/anchor/src/anchor-link2.mjs +5 -81
  291. package/es/components/anchor/src/anchor-link2.mjs.map +1 -1
  292. package/es/components/autocomplete/src/autocomplete.mjs +1 -1
  293. package/es/components/breadcrumb/index.mjs +2 -2
  294. package/es/components/breadcrumb/src/breadcrumb.mjs +10 -37
  295. package/es/components/breadcrumb/src/breadcrumb.mjs.map +1 -1
  296. package/es/components/breadcrumb/src/breadcrumb2.mjs +37 -10
  297. package/es/components/breadcrumb/src/breadcrumb2.mjs.map +1 -1
  298. package/es/components/calendar/index.mjs +2 -2
  299. package/es/components/calendar/src/calendar.mjs +134 -16
  300. package/es/components/calendar/src/calendar.mjs.map +1 -1
  301. package/es/components/calendar/src/calendar2.mjs +16 -134
  302. package/es/components/calendar/src/calendar2.mjs.map +1 -1
  303. package/es/components/calendar/src/date-table.mjs +31 -89
  304. package/es/components/calendar/src/date-table.mjs.map +1 -1
  305. package/es/components/calendar/src/date-table2.mjs +89 -31
  306. package/es/components/calendar/src/date-table2.mjs.map +1 -1
  307. package/es/components/calendar/src/use-date-table.mjs +1 -1
  308. package/es/components/carousel/index.mjs +2 -2
  309. package/es/components/carousel/src/carousel.mjs +61 -214
  310. package/es/components/carousel/src/carousel.mjs.map +1 -1
  311. package/es/components/carousel/src/carousel2.mjs +214 -61
  312. package/es/components/carousel/src/carousel2.mjs.map +1 -1
  313. package/es/components/cascader/index.mjs +2 -2
  314. package/es/components/cascader/src/cascader.d.ts +2 -0
  315. package/es/components/cascader/src/cascader.mjs +86 -652
  316. package/es/components/cascader/src/cascader.mjs.map +1 -1
  317. package/es/components/cascader/src/cascader.vue.d.ts +6 -0
  318. package/es/components/cascader/src/cascader2.mjs +652 -81
  319. package/es/components/cascader/src/cascader2.mjs.map +1 -1
  320. package/es/components/cascader-panel/src/config.d.ts +2 -0
  321. package/es/components/cascader-panel/src/config.mjs +3 -1
  322. package/es/components/cascader-panel/src/config.mjs.map +1 -1
  323. package/es/components/cascader-panel/src/index.mjs +1 -1
  324. package/es/components/cascader-panel/src/index.vue.d.ts +4 -0
  325. package/es/components/cascader-panel/src/menu.mjs +1 -1
  326. package/es/components/cascader-panel/src/node-content.d.ts +8 -1
  327. package/es/components/cascader-panel/src/node-content.mjs +16 -4
  328. package/es/components/cascader-panel/src/node-content.mjs.map +1 -1
  329. package/es/components/cascader-panel/src/node.d.ts +2 -0
  330. package/es/components/cascader-panel/src/node.mjs +115 -178
  331. package/es/components/cascader-panel/src/node.mjs.map +1 -1
  332. package/es/components/cascader-panel/src/node2.mjs +184 -115
  333. package/es/components/cascader-panel/src/node2.mjs.map +1 -1
  334. package/es/components/cascader-panel/src/store.mjs +1 -1
  335. package/es/components/col/index.mjs +2 -2
  336. package/es/components/col/src/col.mjs +43 -64
  337. package/es/components/col/src/col.mjs.map +1 -1
  338. package/es/components/col/src/col2.mjs +64 -43
  339. package/es/components/col/src/col2.mjs.map +1 -1
  340. package/es/components/color-picker/src/color-picker.mjs +1 -1
  341. package/es/components/countdown/index.mjs +2 -2
  342. package/es/components/countdown/src/countdown.mjs +21 -79
  343. package/es/components/countdown/src/countdown.mjs.map +1 -1
  344. package/es/components/countdown/src/countdown2.mjs +79 -21
  345. package/es/components/countdown/src/countdown2.mjs.map +1 -1
  346. package/es/components/date-picker/src/composables/use-basic-date-table.d.ts +60 -1
  347. package/es/components/dialog/src/dialog.mjs +1 -1
  348. package/es/components/dialog/src/use-dialog.mjs.map +1 -1
  349. package/es/components/dropdown/src/dropdown-item.mjs +3 -1
  350. package/es/components/dropdown/src/dropdown-item.mjs.map +1 -1
  351. package/es/components/dropdown/src/dropdown.mjs +1 -1
  352. package/es/components/dropdown/src/dropdown2.mjs +6 -2
  353. package/es/components/dropdown/src/dropdown2.mjs.map +1 -1
  354. package/es/components/form/src/form.vue.d.ts +570 -1
  355. package/es/components/form/src/hooks/use-form-item.mjs +16 -2
  356. package/es/components/form/src/hooks/use-form-item.mjs.map +1 -1
  357. package/es/components/icon/index.mjs +2 -2
  358. package/es/components/icon/src/icon.mjs +8 -35
  359. package/es/components/icon/src/icon.mjs.map +1 -1
  360. package/es/components/icon/src/icon2.mjs +35 -8
  361. package/es/components/icon/src/icon2.mjs.map +1 -1
  362. package/es/components/image/index.mjs +2 -2
  363. package/es/components/image/src/image.mjs +65 -226
  364. package/es/components/image/src/image.mjs.map +1 -1
  365. package/es/components/image/src/image2.mjs +226 -65
  366. package/es/components/image/src/image2.mjs.map +1 -1
  367. package/es/components/index.mjs +18 -18
  368. package/es/components/menu/src/menu.mjs +12 -7
  369. package/es/components/menu/src/menu.mjs.map +1 -1
  370. package/es/components/message-box/src/index.mjs.map +1 -1
  371. package/es/components/message-box/src/index.vue.d.ts +21 -1
  372. package/es/components/pagination/src/components/next.mjs +18 -35
  373. package/es/components/pagination/src/components/next.mjs.map +1 -1
  374. package/es/components/pagination/src/components/next2.mjs +35 -18
  375. package/es/components/pagination/src/components/next2.mjs.map +1 -1
  376. package/es/components/pagination/src/pagination.mjs +1 -1
  377. package/es/components/popconfirm/src/popconfirm.mjs +1 -1
  378. package/es/components/popover/src/popover.mjs +1 -1
  379. package/es/components/scrollbar/src/scrollbar.d.ts +1 -0
  380. package/es/components/scrollbar/src/scrollbar.mjs +4 -0
  381. package/es/components/scrollbar/src/scrollbar.mjs.map +1 -1
  382. package/es/components/scrollbar/src/scrollbar.vue.d.ts +3 -0
  383. package/es/components/scrollbar/src/scrollbar2.mjs +49 -8
  384. package/es/components/scrollbar/src/scrollbar2.mjs.map +1 -1
  385. package/es/components/select/index.mjs +1 -1
  386. package/es/components/select/src/option.mjs +89 -13
  387. package/es/components/select/src/option.mjs.map +1 -1
  388. package/es/components/select/src/option2.mjs +13 -89
  389. package/es/components/select/src/option2.mjs.map +1 -1
  390. package/es/components/select/src/select.mjs +1 -1
  391. package/es/components/select/src/select.vue.d.ts +2 -2
  392. package/es/components/select/src/select2.mjs +1 -1
  393. package/es/components/select/src/useOption.mjs +1 -1
  394. package/es/components/select/src/useSelect.d.ts +2 -2
  395. package/es/components/select-v2/src/defaults.mjs +1 -1
  396. package/es/components/slider/src/button.mjs +91 -19
  397. package/es/components/slider/src/button.mjs.map +1 -1
  398. package/es/components/slider/src/button2.mjs +19 -91
  399. package/es/components/slider/src/button2.mjs.map +1 -1
  400. package/es/components/slider/src/slider2.mjs +1 -1
  401. package/es/components/splitter/index.mjs +2 -2
  402. package/es/components/splitter/src/splitter.mjs +80 -7
  403. package/es/components/splitter/src/splitter.mjs.map +1 -1
  404. package/es/components/splitter/src/splitter2.mjs +7 -80
  405. package/es/components/splitter/src/splitter2.mjs.map +1 -1
  406. package/es/components/statistic/index.mjs +2 -2
  407. package/es/components/statistic/src/statistic.mjs +69 -25
  408. package/es/components/statistic/src/statistic.mjs.map +1 -1
  409. package/es/components/statistic/src/statistic2.mjs +25 -69
  410. package/es/components/statistic/src/statistic2.mjs.map +1 -1
  411. package/es/components/table/src/filter-panel.mjs +1 -1
  412. package/es/components/table/src/table-header/index.d.ts +1 -1
  413. package/es/components/table/src/table-header/index.mjs +9 -2
  414. package/es/components/table/src/table-header/index.mjs.map +1 -1
  415. package/es/components/table-v2/src/renderers/row.mjs +2 -2
  416. package/es/components/table-v2/src/renderers/row.mjs.map +1 -1
  417. package/es/components/teleport/index.mjs +2 -2
  418. package/es/components/teleport/src/teleport.mjs +8 -18
  419. package/es/components/teleport/src/teleport.mjs.map +1 -1
  420. package/es/components/teleport/src/teleport2.mjs +18 -8
  421. package/es/components/teleport/src/teleport2.mjs.map +1 -1
  422. package/es/components/text/index.mjs +2 -2
  423. package/es/components/text/src/text.mjs +21 -67
  424. package/es/components/text/src/text.mjs.map +1 -1
  425. package/es/components/text/src/text2.mjs +67 -21
  426. package/es/components/text/src/text2.mjs.map +1 -1
  427. package/es/components/time-picker/src/time-picker-com/basic-time-spinner.mjs +20 -12
  428. package/es/components/time-picker/src/time-picker-com/basic-time-spinner.mjs.map +1 -1
  429. package/es/components/time-picker/src/time-picker-com/panel-time-pick.mjs +18 -2
  430. package/es/components/time-picker/src/time-picker-com/panel-time-pick.mjs.map +1 -1
  431. package/es/components/time-select/index.mjs +2 -2
  432. package/es/components/time-select/src/time-select.mjs +51 -132
  433. package/es/components/time-select/src/time-select.mjs.map +1 -1
  434. package/es/components/time-select/src/time-select.vue.d.ts +2 -2
  435. package/es/components/time-select/src/time-select2.mjs +132 -51
  436. package/es/components/time-select/src/time-select2.mjs.map +1 -1
  437. package/es/components/timeline/index.mjs +2 -2
  438. package/es/components/timeline/src/timeline-item.mjs +33 -72
  439. package/es/components/timeline/src/timeline-item.mjs.map +1 -1
  440. package/es/components/timeline/src/timeline-item2.mjs +72 -33
  441. package/es/components/timeline/src/timeline-item2.mjs.map +1 -1
  442. package/es/components/tooltip/index.mjs +1 -1
  443. package/es/components/tooltip/src/content.mjs +29 -198
  444. package/es/components/tooltip/src/content.mjs.map +1 -1
  445. package/es/components/tooltip/src/content2.mjs +198 -29
  446. package/es/components/tooltip/src/content2.mjs.map +1 -1
  447. package/es/components/tooltip/src/tooltip.mjs +1 -1
  448. package/es/components/tooltip/src/tooltip2.mjs +1 -1
  449. package/es/components/tour/index.mjs +2 -2
  450. package/es/components/tour/src/tour.mjs +69 -154
  451. package/es/components/tour/src/tour.mjs.map +1 -1
  452. package/es/components/tour/src/tour2.mjs +154 -69
  453. package/es/components/tour/src/tour2.mjs.map +1 -1
  454. package/es/components/tree/src/tree.vue.d.ts +1 -1
  455. package/es/components/tree-v2/src/composables/useFilter.d.ts +2 -2
  456. package/es/components/tree-v2/src/tree.vue.d.ts +1 -1
  457. package/es/components/upload/index.mjs +1 -1
  458. package/es/components/upload/src/upload-content2.mjs +1 -1
  459. package/es/components/upload/src/upload-dragger.mjs +61 -8
  460. package/es/components/upload/src/upload-dragger.mjs.map +1 -1
  461. package/es/components/upload/src/upload-dragger2.mjs +8 -61
  462. package/es/components/upload/src/upload-dragger2.mjs.map +1 -1
  463. package/es/components/watermark/src/utils.d.ts +1 -1
  464. package/es/components/watermark/src/utils.mjs.map +1 -1
  465. package/es/directives/click-outside/index.mjs +1 -1
  466. package/es/hooks/use-focus-controller/index.mjs +1 -1
  467. package/es/hooks/use-lockscreen/index.mjs +1 -1
  468. package/es/hooks/use-ordered-children/index.mjs.map +1 -1
  469. package/es/index.d.ts +610 -9
  470. package/es/index.mjs +18 -18
  471. package/es/version.d.ts +1 -1
  472. package/es/version.mjs +1 -1
  473. package/es/version.mjs.map +1 -1
  474. package/lib/components/affix/index.js +2 -2
  475. package/lib/components/affix/src/affix.js +25 -129
  476. package/lib/components/affix/src/affix.js.map +1 -1
  477. package/lib/components/affix/src/affix2.js +129 -25
  478. package/lib/components/affix/src/affix2.js.map +1 -1
  479. package/lib/components/alert/index.js +2 -2
  480. package/lib/components/alert/src/alert.js +42 -107
  481. package/lib/components/alert/src/alert.js.map +1 -1
  482. package/lib/components/alert/src/alert2.js +107 -42
  483. package/lib/components/alert/src/alert2.js.map +1 -1
  484. package/lib/components/anchor/index.js +1 -1
  485. package/lib/components/anchor/src/anchor-link.js +81 -5
  486. package/lib/components/anchor/src/anchor-link.js.map +1 -1
  487. package/lib/components/anchor/src/anchor-link2.js +5 -81
  488. package/lib/components/anchor/src/anchor-link2.js.map +1 -1
  489. package/lib/components/autocomplete/src/autocomplete.js +1 -1
  490. package/lib/components/breadcrumb/index.js +2 -2
  491. package/lib/components/breadcrumb/src/breadcrumb.js +10 -37
  492. package/lib/components/breadcrumb/src/breadcrumb.js.map +1 -1
  493. package/lib/components/breadcrumb/src/breadcrumb2.js +37 -10
  494. package/lib/components/breadcrumb/src/breadcrumb2.js.map +1 -1
  495. package/lib/components/calendar/index.js +2 -2
  496. package/lib/components/calendar/src/calendar.js +134 -17
  497. package/lib/components/calendar/src/calendar.js.map +1 -1
  498. package/lib/components/calendar/src/calendar2.js +17 -134
  499. package/lib/components/calendar/src/calendar2.js.map +1 -1
  500. package/lib/components/calendar/src/date-table.js +35 -89
  501. package/lib/components/calendar/src/date-table.js.map +1 -1
  502. package/lib/components/calendar/src/date-table2.js +89 -35
  503. package/lib/components/calendar/src/date-table2.js.map +1 -1
  504. package/lib/components/calendar/src/use-date-table.js +1 -1
  505. package/lib/components/carousel/index.js +2 -2
  506. package/lib/components/carousel/src/carousel.js +62 -214
  507. package/lib/components/carousel/src/carousel.js.map +1 -1
  508. package/lib/components/carousel/src/carousel2.js +214 -62
  509. package/lib/components/carousel/src/carousel2.js.map +1 -1
  510. package/lib/components/cascader/index.js +2 -2
  511. package/lib/components/cascader/src/cascader.d.ts +2 -0
  512. package/lib/components/cascader/src/cascader.js +87 -652
  513. package/lib/components/cascader/src/cascader.js.map +1 -1
  514. package/lib/components/cascader/src/cascader.vue.d.ts +6 -0
  515. package/lib/components/cascader/src/cascader2.js +652 -82
  516. package/lib/components/cascader/src/cascader2.js.map +1 -1
  517. package/lib/components/cascader-panel/src/config.d.ts +2 -0
  518. package/lib/components/cascader-panel/src/config.js +3 -1
  519. package/lib/components/cascader-panel/src/config.js.map +1 -1
  520. package/lib/components/cascader-panel/src/index.js +1 -1
  521. package/lib/components/cascader-panel/src/index.vue.d.ts +4 -0
  522. package/lib/components/cascader-panel/src/menu.js +1 -1
  523. package/lib/components/cascader-panel/src/node-content.d.ts +8 -1
  524. package/lib/components/cascader-panel/src/node-content.js +16 -4
  525. package/lib/components/cascader-panel/src/node-content.js.map +1 -1
  526. package/lib/components/cascader-panel/src/node.d.ts +2 -0
  527. package/lib/components/cascader-panel/src/node.js +115 -178
  528. package/lib/components/cascader-panel/src/node.js.map +1 -1
  529. package/lib/components/cascader-panel/src/node2.js +184 -115
  530. package/lib/components/cascader-panel/src/node2.js.map +1 -1
  531. package/lib/components/cascader-panel/src/store.js +1 -1
  532. package/lib/components/col/index.js +2 -2
  533. package/lib/components/col/src/col.js +43 -64
  534. package/lib/components/col/src/col.js.map +1 -1
  535. package/lib/components/col/src/col2.js +64 -43
  536. package/lib/components/col/src/col2.js.map +1 -1
  537. package/lib/components/color-picker/src/color-picker.js +1 -1
  538. package/lib/components/countdown/index.js +2 -2
  539. package/lib/components/countdown/src/countdown.js +22 -79
  540. package/lib/components/countdown/src/countdown.js.map +1 -1
  541. package/lib/components/countdown/src/countdown2.js +79 -22
  542. package/lib/components/countdown/src/countdown2.js.map +1 -1
  543. package/lib/components/date-picker/src/composables/use-basic-date-table.d.ts +60 -1
  544. package/lib/components/dialog/src/dialog.js +1 -1
  545. package/lib/components/dialog/src/use-dialog.js.map +1 -1
  546. package/lib/components/dropdown/src/dropdown-item.js +3 -1
  547. package/lib/components/dropdown/src/dropdown-item.js.map +1 -1
  548. package/lib/components/dropdown/src/dropdown.js +1 -1
  549. package/lib/components/dropdown/src/dropdown2.js +6 -2
  550. package/lib/components/dropdown/src/dropdown2.js.map +1 -1
  551. package/lib/components/form/src/form.vue.d.ts +570 -1
  552. package/lib/components/form/src/hooks/use-form-item.js +15 -1
  553. package/lib/components/form/src/hooks/use-form-item.js.map +1 -1
  554. package/lib/components/icon/index.js +2 -2
  555. package/lib/components/icon/src/icon.js +8 -35
  556. package/lib/components/icon/src/icon.js.map +1 -1
  557. package/lib/components/icon/src/icon2.js +35 -8
  558. package/lib/components/icon/src/icon2.js.map +1 -1
  559. package/lib/components/image/index.js +2 -2
  560. package/lib/components/image/src/image.js +65 -225
  561. package/lib/components/image/src/image.js.map +1 -1
  562. package/lib/components/image/src/image2.js +225 -65
  563. package/lib/components/image/src/image2.js.map +1 -1
  564. package/lib/components/index.js +18 -18
  565. package/lib/components/menu/src/menu.js +11 -6
  566. package/lib/components/menu/src/menu.js.map +1 -1
  567. package/lib/components/message-box/src/index.js.map +1 -1
  568. package/lib/components/message-box/src/index.vue.d.ts +21 -1
  569. package/lib/components/pagination/src/components/next.js +18 -35
  570. package/lib/components/pagination/src/components/next.js.map +1 -1
  571. package/lib/components/pagination/src/components/next2.js +35 -18
  572. package/lib/components/pagination/src/components/next2.js.map +1 -1
  573. package/lib/components/pagination/src/pagination.js +1 -1
  574. package/lib/components/popconfirm/src/popconfirm.js +1 -1
  575. package/lib/components/popover/src/popover.js +1 -1
  576. package/lib/components/scrollbar/src/scrollbar.d.ts +1 -0
  577. package/lib/components/scrollbar/src/scrollbar.js +4 -0
  578. package/lib/components/scrollbar/src/scrollbar.js.map +1 -1
  579. package/lib/components/scrollbar/src/scrollbar.vue.d.ts +3 -0
  580. package/lib/components/scrollbar/src/scrollbar2.js +49 -8
  581. package/lib/components/scrollbar/src/scrollbar2.js.map +1 -1
  582. package/lib/components/select/index.js +1 -1
  583. package/lib/components/select/src/option.js +89 -14
  584. package/lib/components/select/src/option.js.map +1 -1
  585. package/lib/components/select/src/option2.js +14 -89
  586. package/lib/components/select/src/option2.js.map +1 -1
  587. package/lib/components/select/src/select.js +1 -1
  588. package/lib/components/select/src/select.vue.d.ts +2 -2
  589. package/lib/components/select/src/select2.js +1 -1
  590. package/lib/components/select/src/useOption.js +1 -1
  591. package/lib/components/select/src/useSelect.d.ts +2 -2
  592. package/lib/components/select-v2/src/defaults.js +1 -1
  593. package/lib/components/slider/src/button.js +91 -20
  594. package/lib/components/slider/src/button.js.map +1 -1
  595. package/lib/components/slider/src/button2.js +20 -91
  596. package/lib/components/slider/src/button2.js.map +1 -1
  597. package/lib/components/slider/src/slider2.js +1 -1
  598. package/lib/components/splitter/index.js +2 -2
  599. package/lib/components/splitter/src/splitter.js +80 -7
  600. package/lib/components/splitter/src/splitter.js.map +1 -1
  601. package/lib/components/splitter/src/splitter2.js +7 -80
  602. package/lib/components/splitter/src/splitter2.js.map +1 -1
  603. package/lib/components/statistic/index.js +2 -2
  604. package/lib/components/statistic/src/statistic.js +69 -25
  605. package/lib/components/statistic/src/statistic.js.map +1 -1
  606. package/lib/components/statistic/src/statistic2.js +25 -69
  607. package/lib/components/statistic/src/statistic2.js.map +1 -1
  608. package/lib/components/table/src/filter-panel.js +1 -1
  609. package/lib/components/table/src/table-header/index.d.ts +1 -1
  610. package/lib/components/table/src/table-header/index.js +8 -1
  611. package/lib/components/table/src/table-header/index.js.map +1 -1
  612. package/lib/components/table-v2/src/renderers/row.js +2 -2
  613. package/lib/components/table-v2/src/renderers/row.js.map +1 -1
  614. package/lib/components/teleport/index.js +2 -2
  615. package/lib/components/teleport/src/teleport.js +8 -18
  616. package/lib/components/teleport/src/teleport.js.map +1 -1
  617. package/lib/components/teleport/src/teleport2.js +18 -8
  618. package/lib/components/teleport/src/teleport2.js.map +1 -1
  619. package/lib/components/text/index.js +2 -2
  620. package/lib/components/text/src/text.js +21 -67
  621. package/lib/components/text/src/text.js.map +1 -1
  622. package/lib/components/text/src/text2.js +67 -21
  623. package/lib/components/text/src/text2.js.map +1 -1
  624. package/lib/components/time-picker/src/time-picker-com/basic-time-spinner.js +20 -12
  625. package/lib/components/time-picker/src/time-picker-com/basic-time-spinner.js.map +1 -1
  626. package/lib/components/time-picker/src/time-picker-com/panel-time-pick.js +18 -2
  627. package/lib/components/time-picker/src/time-picker-com/panel-time-pick.js.map +1 -1
  628. package/lib/components/time-select/index.js +2 -2
  629. package/lib/components/time-select/src/time-select.js +51 -137
  630. package/lib/components/time-select/src/time-select.js.map +1 -1
  631. package/lib/components/time-select/src/time-select.vue.d.ts +2 -2
  632. package/lib/components/time-select/src/time-select2.js +137 -51
  633. package/lib/components/time-select/src/time-select2.js.map +1 -1
  634. package/lib/components/timeline/index.js +2 -2
  635. package/lib/components/timeline/src/timeline-item.js +33 -72
  636. package/lib/components/timeline/src/timeline-item.js.map +1 -1
  637. package/lib/components/timeline/src/timeline-item2.js +72 -33
  638. package/lib/components/timeline/src/timeline-item2.js.map +1 -1
  639. package/lib/components/tooltip/index.js +1 -1
  640. package/lib/components/tooltip/src/content.js +29 -198
  641. package/lib/components/tooltip/src/content.js.map +1 -1
  642. package/lib/components/tooltip/src/content2.js +198 -29
  643. package/lib/components/tooltip/src/content2.js.map +1 -1
  644. package/lib/components/tooltip/src/tooltip.js +1 -1
  645. package/lib/components/tooltip/src/tooltip2.js +1 -1
  646. package/lib/components/tour/index.js +2 -2
  647. package/lib/components/tour/src/tour.js +69 -153
  648. package/lib/components/tour/src/tour.js.map +1 -1
  649. package/lib/components/tour/src/tour2.js +153 -69
  650. package/lib/components/tour/src/tour2.js.map +1 -1
  651. package/lib/components/tree/src/tree.vue.d.ts +1 -1
  652. package/lib/components/tree-v2/src/composables/useFilter.d.ts +2 -2
  653. package/lib/components/tree-v2/src/tree.vue.d.ts +1 -1
  654. package/lib/components/upload/index.js +1 -1
  655. package/lib/components/upload/src/upload-content2.js +1 -1
  656. package/lib/components/upload/src/upload-dragger.js +61 -9
  657. package/lib/components/upload/src/upload-dragger.js.map +1 -1
  658. package/lib/components/upload/src/upload-dragger2.js +9 -61
  659. package/lib/components/upload/src/upload-dragger2.js.map +1 -1
  660. package/lib/components/watermark/src/utils.d.ts +1 -1
  661. package/lib/components/watermark/src/utils.js.map +1 -1
  662. package/lib/directives/click-outside/index.js +1 -1
  663. package/lib/hooks/use-focus-controller/index.js +1 -1
  664. package/lib/hooks/use-lockscreen/index.js +1 -1
  665. package/lib/hooks/use-ordered-children/index.js.map +1 -1
  666. package/lib/index.d.ts +610 -9
  667. package/lib/index.js +18 -18
  668. package/lib/version.d.ts +1 -1
  669. package/lib/version.js +1 -1
  670. package/lib/version.js.map +1 -1
  671. package/package.json +2 -2
  672. package/tags.json +1 -1
  673. package/theme-chalk/el-input.css +1 -1
  674. package/theme-chalk/el-menu.css +1 -1
  675. package/theme-chalk/el-select-v2.css +1 -1
  676. package/theme-chalk/el-select.css +1 -1
  677. package/theme-chalk/index.css +1 -1
  678. package/theme-chalk/src/input.scss +5 -0
  679. package/theme-chalk/src/menu.scss +4 -0
  680. package/theme-chalk/src/select.scss +5 -0
  681. package/web-types.json +1 -1
@@ -30,6 +30,12 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
30
30
  let wrapScrollTop = 0;
31
31
  let wrapScrollLeft = 0;
32
32
  let direction = "";
33
+ const distanceScrollState = {
34
+ bottom: false,
35
+ top: false,
36
+ right: false,
37
+ left: false
38
+ };
33
39
  const scrollbarRef = vue.ref();
34
40
  const wrapRef = vue.ref();
35
41
  const resizeRef = vue.ref();
@@ -52,6 +58,35 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
52
58
  const resizeKls = vue.computed(() => {
53
59
  return [ns.e("view"), props.viewClass];
54
60
  });
61
+ const shouldSkipDirection = (direction2) => {
62
+ return direction2 === "top" && distanceScrollState.top || direction2 === "bottom" && distanceScrollState.bottom || direction2 === "left" && distanceScrollState.left || direction2 === "right" && distanceScrollState.right;
63
+ };
64
+ const updateTriggerStatus = (arrivedStates) => {
65
+ const _updateTriggerState = (to, from) => {
66
+ const arrived = arrivedStates[to];
67
+ const oppositeArrived = arrivedStates[from];
68
+ const triggerKey = to;
69
+ const oppositeTriggerKey = from;
70
+ if (arrived && !distanceScrollState[triggerKey]) {
71
+ distanceScrollState[triggerKey] = true;
72
+ }
73
+ if (!oppositeArrived && distanceScrollState[oppositeTriggerKey]) {
74
+ distanceScrollState[oppositeTriggerKey] = false;
75
+ }
76
+ };
77
+ if (direction === "top") {
78
+ _updateTriggerState("top", "bottom");
79
+ }
80
+ if (direction === "bottom") {
81
+ _updateTriggerState("bottom", "top");
82
+ }
83
+ if (direction === "left") {
84
+ _updateTriggerState("left", "right");
85
+ }
86
+ if (direction === "right") {
87
+ _updateTriggerState("right", "left");
88
+ }
89
+ };
55
90
  const handleScroll = () => {
56
91
  var _a;
57
92
  if (wrapRef.value) {
@@ -61,21 +96,27 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
61
96
  wrapScrollTop = wrapRef.value.scrollTop;
62
97
  wrapScrollLeft = wrapRef.value.scrollLeft;
63
98
  const arrivedStates = {
64
- bottom: wrapScrollTop + wrapRef.value.clientHeight >= wrapRef.value.scrollHeight,
65
- top: wrapScrollTop <= 0 && prevTop !== 0,
66
- right: wrapScrollLeft + wrapRef.value.clientWidth >= wrapRef.value.scrollWidth && prevLeft !== wrapScrollLeft,
67
- left: wrapScrollLeft <= 0 && prevLeft !== 0
99
+ bottom: wrapScrollTop + wrapRef.value.clientHeight >= wrapRef.value.scrollHeight - props.distance,
100
+ top: wrapScrollTop <= props.distance && prevTop !== 0,
101
+ right: wrapScrollLeft + wrapRef.value.clientWidth >= wrapRef.value.scrollWidth - props.distance && prevLeft !== wrapScrollLeft,
102
+ left: wrapScrollLeft <= props.distance && prevLeft !== 0
68
103
  };
104
+ emit("scroll", {
105
+ scrollTop: wrapScrollTop,
106
+ scrollLeft: wrapScrollLeft
107
+ });
69
108
  if (prevTop !== wrapScrollTop) {
70
109
  direction = wrapScrollTop > prevTop ? "bottom" : "top";
71
110
  }
72
111
  if (prevLeft !== wrapScrollLeft) {
73
112
  direction = wrapScrollLeft > prevLeft ? "right" : "left";
74
113
  }
75
- emit("scroll", {
76
- scrollTop: wrapScrollTop,
77
- scrollLeft: wrapScrollLeft
78
- });
114
+ if (props.distance > 0) {
115
+ if (shouldSkipDirection(direction)) {
116
+ return;
117
+ }
118
+ updateTriggerStatus(arrivedStates);
119
+ }
79
120
  if (arrivedStates[direction])
80
121
  emit("end-reached", direction);
81
122
  }
@@ -1 +1 @@
1
- {"version":3,"file":"scrollbar2.js","sources":["../../../../../../packages/components/scrollbar/src/scrollbar.vue"],"sourcesContent":["<template>\n <div ref=\"scrollbarRef\" :class=\"ns.b()\">\n <div\n ref=\"wrapRef\"\n :class=\"wrapKls\"\n :style=\"wrapStyle\"\n :tabindex=\"tabindex\"\n @scroll=\"handleScroll\"\n >\n <component\n :is=\"tag\"\n :id=\"id\"\n ref=\"resizeRef\"\n :class=\"resizeKls\"\n :style=\"viewStyle\"\n :role=\"role\"\n :aria-label=\"ariaLabel\"\n :aria-orientation=\"ariaOrientation\"\n >\n <slot />\n </component>\n </div>\n <template v-if=\"!native\">\n <bar ref=\"barRef\" :always=\"always\" :min-size=\"minSize\" />\n </template>\n </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport {\n computed,\n nextTick,\n onActivated,\n onMounted,\n onUpdated,\n provide,\n reactive,\n ref,\n watch,\n} from 'vue'\nimport { useEventListener, useResizeObserver } from '@vueuse/core'\nimport { addUnit, debugWarn, isNumber, isObject } from '@element-plus/utils'\nimport { useNamespace } from '@element-plus/hooks'\nimport Bar from './bar.vue'\nimport { scrollbarContextKey } from './constants'\nimport { scrollbarEmits, scrollbarProps } from './scrollbar'\n\nimport type { ScrollbarDirection } from './scrollbar'\nimport type { BarInstance } from './bar'\nimport type { CSSProperties, StyleValue } from 'vue'\n\nconst COMPONENT_NAME = 'ElScrollbar'\n\ndefineOptions({\n name: COMPONENT_NAME,\n})\n\nconst props = defineProps(scrollbarProps)\nconst emit = defineEmits(scrollbarEmits)\n\nconst ns = useNamespace('scrollbar')\n\nlet stopResizeObserver: (() => void) | undefined = undefined\nlet stopResizeListener: (() => void) | undefined = undefined\nlet wrapScrollTop = 0\nlet wrapScrollLeft = 0\nlet direction = '' as ScrollbarDirection\n\nconst scrollbarRef = ref<HTMLDivElement>()\nconst wrapRef = ref<HTMLDivElement>()\nconst resizeRef = ref<HTMLElement>()\nconst barRef = ref<BarInstance>()\n\nconst wrapStyle = computed<StyleValue>(() => {\n const style: CSSProperties = {}\n if (props.height) style.height = addUnit(props.height)\n if (props.maxHeight) style.maxHeight = addUnit(props.maxHeight)\n return [props.wrapStyle, style]\n})\n\nconst wrapKls = computed(() => {\n return [\n props.wrapClass,\n ns.e('wrap'),\n { [ns.em('wrap', 'hidden-default')]: !props.native },\n ]\n})\n\nconst resizeKls = computed(() => {\n return [ns.e('view'), props.viewClass]\n})\n\nconst handleScroll = () => {\n if (wrapRef.value) {\n barRef.value?.handleScroll(wrapRef.value)\n const prevTop = wrapScrollTop\n const prevLeft = wrapScrollLeft\n wrapScrollTop = wrapRef.value.scrollTop\n wrapScrollLeft = wrapRef.value.scrollLeft\n\n const arrivedStates = {\n bottom:\n wrapScrollTop + wrapRef.value.clientHeight >=\n wrapRef.value.scrollHeight,\n top: wrapScrollTop <= 0 && prevTop !== 0,\n right:\n wrapScrollLeft + wrapRef.value.clientWidth >=\n wrapRef.value.scrollWidth && prevLeft !== wrapScrollLeft,\n left: wrapScrollLeft <= 0 && prevLeft !== 0,\n }\n\n if (prevTop !== wrapScrollTop) {\n direction = wrapScrollTop > prevTop ? 'bottom' : 'top'\n }\n if (prevLeft !== wrapScrollLeft) {\n direction = wrapScrollLeft > prevLeft ? 'right' : 'left'\n }\n\n emit('scroll', {\n scrollTop: wrapScrollTop,\n scrollLeft: wrapScrollLeft,\n })\n if (arrivedStates[direction]) emit('end-reached', direction)\n }\n}\n\nfunction scrollTo(xCord: number, yCord?: number): void\nfunction scrollTo(options: ScrollToOptions): void\nfunction scrollTo(arg1: unknown, arg2?: number) {\n if (isObject(arg1)) {\n wrapRef.value!.scrollTo(arg1)\n } else if (isNumber(arg1) && isNumber(arg2)) {\n wrapRef.value!.scrollTo(arg1, arg2)\n }\n}\n\nconst setScrollTop = (value: number) => {\n if (!isNumber(value)) {\n debugWarn(COMPONENT_NAME, 'value must be a number')\n return\n }\n wrapRef.value!.scrollTop = value\n}\n\nconst setScrollLeft = (value: number) => {\n if (!isNumber(value)) {\n debugWarn(COMPONENT_NAME, 'value must be a number')\n return\n }\n wrapRef.value!.scrollLeft = value\n}\n\nconst update = () => {\n barRef.value?.update()\n}\n\nwatch(\n () => props.noresize,\n (noresize) => {\n if (noresize) {\n stopResizeObserver?.()\n stopResizeListener?.()\n } else {\n ;({ stop: stopResizeObserver } = useResizeObserver(resizeRef, update))\n stopResizeListener = useEventListener('resize', update)\n }\n },\n { immediate: true }\n)\n\nwatch(\n () => [props.maxHeight, props.height],\n () => {\n if (!props.native)\n nextTick(() => {\n update()\n if (wrapRef.value) {\n barRef.value?.handleScroll(wrapRef.value)\n }\n })\n }\n)\n\nprovide(\n scrollbarContextKey,\n reactive({\n scrollbarElement: scrollbarRef,\n wrapElement: wrapRef,\n })\n)\n\nonActivated(() => {\n if (wrapRef.value) {\n wrapRef.value.scrollTop = wrapScrollTop\n wrapRef.value.scrollLeft = wrapScrollLeft\n }\n})\n\nonMounted(() => {\n if (!props.native)\n nextTick(() => {\n update()\n })\n})\nonUpdated(() => update())\n\ndefineExpose({\n /** @description scrollbar wrap ref */\n wrapRef,\n /** @description update scrollbar state manually */\n update,\n /** @description scrolls to a particular set of coordinates */\n scrollTo,\n /** @description set distance to scroll top */\n setScrollTop,\n /** @description set distance to scroll left */\n setScrollLeft,\n /** @description handle scroll event */\n handleScroll,\n})\n</script>\n"],"names":["useNamespace","ref","computed","style","addUnit","isObject","isNumber","debugWarn","watch","useResizeObserver","useEventListener","nextTick","provide","scrollbarContextKey","reactive","onActivated","onMounted","onUpdated","_openBlock","_createElementBlock","_normalizeClass","_unref","_createElementVNode"],"mappings":"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"}
1
+ {"version":3,"file":"scrollbar2.js","sources":["../../../../../../packages/components/scrollbar/src/scrollbar.vue"],"sourcesContent":["<template>\n <div ref=\"scrollbarRef\" :class=\"ns.b()\">\n <div\n ref=\"wrapRef\"\n :class=\"wrapKls\"\n :style=\"wrapStyle\"\n :tabindex=\"tabindex\"\n @scroll=\"handleScroll\"\n >\n <component\n :is=\"tag\"\n :id=\"id\"\n ref=\"resizeRef\"\n :class=\"resizeKls\"\n :style=\"viewStyle\"\n :role=\"role\"\n :aria-label=\"ariaLabel\"\n :aria-orientation=\"ariaOrientation\"\n >\n <slot />\n </component>\n </div>\n <template v-if=\"!native\">\n <bar ref=\"barRef\" :always=\"always\" :min-size=\"minSize\" />\n </template>\n </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport {\n computed,\n nextTick,\n onActivated,\n onMounted,\n onUpdated,\n provide,\n reactive,\n ref,\n watch,\n} from 'vue'\nimport { useEventListener, useResizeObserver } from '@vueuse/core'\nimport { addUnit, debugWarn, isNumber, isObject } from '@element-plus/utils'\nimport { useNamespace } from '@element-plus/hooks'\nimport Bar from './bar.vue'\nimport { scrollbarContextKey } from './constants'\nimport { scrollbarEmits, scrollbarProps } from './scrollbar'\n\nimport type { ScrollbarDirection } from './scrollbar'\nimport type { BarInstance } from './bar'\nimport type { CSSProperties, StyleValue } from 'vue'\n\nconst COMPONENT_NAME = 'ElScrollbar'\n\ndefineOptions({\n name: COMPONENT_NAME,\n})\n\nconst props = defineProps(scrollbarProps)\nconst emit = defineEmits(scrollbarEmits)\n\nconst ns = useNamespace('scrollbar')\n\nlet stopResizeObserver: (() => void) | undefined = undefined\nlet stopResizeListener: (() => void) | undefined = undefined\nlet wrapScrollTop = 0\nlet wrapScrollLeft = 0\nlet direction = '' as ScrollbarDirection\nconst distanceScrollState = {\n bottom: false,\n top: false,\n right: false,\n left: false,\n}\ntype distanceScrollStateKey = keyof typeof distanceScrollState\n\nconst scrollbarRef = ref<HTMLDivElement>()\nconst wrapRef = ref<HTMLDivElement>()\nconst resizeRef = ref<HTMLElement>()\nconst barRef = ref<BarInstance>()\n\nconst wrapStyle = computed<StyleValue>(() => {\n const style: CSSProperties = {}\n if (props.height) style.height = addUnit(props.height)\n if (props.maxHeight) style.maxHeight = addUnit(props.maxHeight)\n return [props.wrapStyle, style]\n})\n\nconst wrapKls = computed(() => {\n return [\n props.wrapClass,\n ns.e('wrap'),\n { [ns.em('wrap', 'hidden-default')]: !props.native },\n ]\n})\n\nconst resizeKls = computed(() => {\n return [ns.e('view'), props.viewClass]\n})\n\nconst shouldSkipDirection = (direction: ScrollbarDirection) => {\n return (\n (direction === 'top' && distanceScrollState.top) ||\n (direction === 'bottom' && distanceScrollState.bottom) ||\n (direction === 'left' && distanceScrollState.left) ||\n (direction === 'right' && distanceScrollState.right)\n )\n}\n\nconst updateTriggerStatus = (arrivedStates: Record<string, boolean>) => {\n const _updateTriggerState = (to: string, from: string) => {\n const arrived = arrivedStates[to]\n const oppositeArrived = arrivedStates[from]\n const triggerKey = to as distanceScrollStateKey\n const oppositeTriggerKey = from as distanceScrollStateKey\n if (arrived && !distanceScrollState[triggerKey]) {\n distanceScrollState[triggerKey] = true\n }\n if (!oppositeArrived && distanceScrollState[oppositeTriggerKey]) {\n distanceScrollState[oppositeTriggerKey] = false\n }\n }\n // scroll bottom to top\n if (direction === 'top') {\n _updateTriggerState('top', 'bottom')\n }\n if (direction === 'bottom') {\n _updateTriggerState('bottom', 'top')\n }\n if (direction === 'left') {\n _updateTriggerState('left', 'right')\n }\n if (direction === 'right') {\n _updateTriggerState('right', 'left')\n }\n}\n\nconst handleScroll = () => {\n if (wrapRef.value) {\n barRef.value?.handleScroll(wrapRef.value)\n const prevTop = wrapScrollTop\n const prevLeft = wrapScrollLeft\n wrapScrollTop = wrapRef.value.scrollTop\n wrapScrollLeft = wrapRef.value.scrollLeft\n\n const arrivedStates = {\n bottom:\n wrapScrollTop + wrapRef.value.clientHeight >=\n wrapRef.value.scrollHeight - props.distance,\n top: wrapScrollTop <= props.distance && prevTop !== 0,\n right:\n wrapScrollLeft + wrapRef.value.clientWidth >=\n wrapRef.value.scrollWidth - props.distance &&\n prevLeft !== wrapScrollLeft,\n left: wrapScrollLeft <= props.distance && prevLeft !== 0,\n }\n\n emit('scroll', {\n scrollTop: wrapScrollTop,\n scrollLeft: wrapScrollLeft,\n })\n\n if (prevTop !== wrapScrollTop) {\n direction = wrapScrollTop > prevTop ? 'bottom' : 'top'\n }\n if (prevLeft !== wrapScrollLeft) {\n direction = wrapScrollLeft > prevLeft ? 'right' : 'left'\n }\n if (props.distance > 0) {\n if (shouldSkipDirection(direction)) {\n return\n }\n updateTriggerStatus(arrivedStates)\n }\n if (arrivedStates[direction]) emit('end-reached', direction)\n }\n}\n\nfunction scrollTo(xCord: number, yCord?: number): void\nfunction scrollTo(options: ScrollToOptions): void\nfunction scrollTo(arg1: unknown, arg2?: number) {\n if (isObject(arg1)) {\n wrapRef.value!.scrollTo(arg1)\n } else if (isNumber(arg1) && isNumber(arg2)) {\n wrapRef.value!.scrollTo(arg1, arg2)\n }\n}\n\nconst setScrollTop = (value: number) => {\n if (!isNumber(value)) {\n debugWarn(COMPONENT_NAME, 'value must be a number')\n return\n }\n wrapRef.value!.scrollTop = value\n}\n\nconst setScrollLeft = (value: number) => {\n if (!isNumber(value)) {\n debugWarn(COMPONENT_NAME, 'value must be a number')\n return\n }\n wrapRef.value!.scrollLeft = value\n}\n\nconst update = () => {\n barRef.value?.update()\n}\n\nwatch(\n () => props.noresize,\n (noresize) => {\n if (noresize) {\n stopResizeObserver?.()\n stopResizeListener?.()\n } else {\n ;({ stop: stopResizeObserver } = useResizeObserver(resizeRef, update))\n stopResizeListener = useEventListener('resize', update)\n }\n },\n { immediate: true }\n)\n\nwatch(\n () => [props.maxHeight, props.height],\n () => {\n if (!props.native)\n nextTick(() => {\n update()\n if (wrapRef.value) {\n barRef.value?.handleScroll(wrapRef.value)\n }\n })\n }\n)\n\nprovide(\n scrollbarContextKey,\n reactive({\n scrollbarElement: scrollbarRef,\n wrapElement: wrapRef,\n })\n)\n\nonActivated(() => {\n if (wrapRef.value) {\n wrapRef.value.scrollTop = wrapScrollTop\n wrapRef.value.scrollLeft = wrapScrollLeft\n }\n})\n\nonMounted(() => {\n if (!props.native)\n nextTick(() => {\n update()\n })\n})\nonUpdated(() => update())\n\ndefineExpose({\n /** @description scrollbar wrap ref */\n wrapRef,\n /** @description update scrollbar state manually */\n update,\n /** @description scrolls to a particular set of coordinates */\n scrollTo,\n /** @description set distance to scroll top */\n setScrollTop,\n /** @description set distance to scroll left */\n setScrollLeft,\n /** @description handle scroll event */\n handleScroll,\n})\n</script>\n"],"names":["useNamespace","ref","computed","style","addUnit","direction","isObject","isNumber","debugWarn","watch","useResizeObserver","useEventListener","nextTick","provide","scrollbarContextKey","reactive","onActivated","onMounted","onUpdated","_openBlock","_createElementBlock","_normalizeClass","_unref","_createElementVNode"],"mappings":";;;;;;;;;;;;;;;;;uCAqDc,CAAA;AAAA,EACZ,IAAM,EAAA,cAAA;AACR;;;;;;;AAKA,IAAM,MAAA,EAAA,GAAKA,mBAAa,WAAW,CAAA,CAAA;AAEnC,IAAA,IAAI,kBAA+C,GAAA,KAAA,CAAA,CAAA;AACnD,IAAA,IAAI,kBAA+C,GAAA,KAAA,CAAA,CAAA;AACnD,IAAA,IAAI,aAAgB,GAAA,CAAA,CAAA;AACpB,IAAA,IAAI,cAAiB,GAAA,CAAA,CAAA;AACrB,IAAA,IAAI,SAAY,GAAA,EAAA,CAAA;AAChB,IAAA,MAAM,mBAAsB,GAAA;AAAA,MAC1B,MAAQ,EAAA,KAAA;AAAA,MACR,GAAK,EAAA,KAAA;AAAA,MACL,KAAO,EAAA,KAAA;AAAA,MACP,IAAM,EAAA,KAAA;AAAA,KACR,CAAA;AAGA,IAAA,MAAM,eAAeC,OAAoB,EAAA,CAAA;AACzC,IAAA,MAAM,UAAUA,OAAoB,EAAA,CAAA;AACpC,IAAA,MAAM,YAAYA,OAAiB,EAAA,CAAA;AACnC,IAAA,MAAM,SAASA,OAAiB,EAAA,CAAA;AAEhC,IAAM,MAAA,SAAA,GAAYC,aAAqB,MAAM;AAC3C,MAAA,MAAMC,UAAuB,EAAC,CAAA;AAC9B,MAAA,IAAI,MAAM,MAAQ;AAClB,QAAAA,cAAqB,GAAAC,aAAA,CAAA,KAAkB,CAAA,MAAA,CAAA,CAAA;AACvC,MAAO,IAAA,KAAO,CAAA,SAAA;AAAgB,QAC/BD,OAAA,CAAA,SAAA,GAAAC,aAAA,CAAA,KAAA,CAAA,SAAA,CAAA,CAAA;AAED,MAAM,OAAA,CAAA,KAAA,CAAU,SAAS,EAAMD,OAAA,CAAA,CAAA;AAC7B,KAAO,CAAA,CAAA;AAAA,IAAA,MACC,OAAA,GAAAD,YAAA,CAAA,MAAA;AAAA,MACN,OAAK;AAAM,QACX,KAAG,CAAG,SAAG;AAA0C,QACrD,EAAA,CAAA,CAAA,CAAA,MAAA,CAAA;AAAA,QACD,EAAA,CAAA,EAAA,CAAA,EAAA,CAAA,MAAA,EAAA,gBAAA,CAAA,GAAA,CAAA,KAAA,CAAA,MAAA,EAAA;AAED,OAAM,CAAA;AACJ,KAAA,CAAA,CAAA;AAAqC,IACvC,MAAC,SAAA,GAAAA,YAAA,CAAA,MAAA;AAED,MAAM,OAAA,CAAA,EAAA,CAAA,CAAA,CAAA,MAAA,CAAA,EAAA,KAAuBG,CAAkC,SAAA,CAAA,CAAA;AAC7D,KAAA,CAAA,CAAA;AAIgD,IAElD,MAAA,mBAAA,GAAA,CAAA,UAAA,KAAA;AAEA,MAAM,OAAA,UAAA,KAAA,KAAuB,IAA2C,mBAAA,CAAA,GAAA,IAAA,UAAA,KAAA,QAAA,IAAA,mBAAA,CAAA,MAAA,IAAA,UAAA,KAAA,MAAA,IAAA,mBAAA,CAAA,IAAA,IAAA,UAAA,KAAA,OAAA,IAAA,mBAAA,CAAA,KAAA,CAAA;AACtE,KAAM,CAAA;AACJ,IAAM,MAAA,oCAA0B,KAAA;AAChC,MAAM,MAAA,mBAAA,iBAAoC;AAC1C,QAAA,MAAM,OAAa,GAAA,aAAA,CAAA,EAAA,CAAA,CAAA;AACnB,QAAA,MAAM,eAAqB,GAAA,aAAA,CAAA,IAAA,CAAA,CAAA;AAC3B,QAAA,MAAe,UAAC,GAAoB,EAAA,CAAA;AAClC,QAAA,MAAA,0BAA8B;AAAI,QACpC,IAAA,OAAA,IAAA,CAAA,mBAAA,CAAA,UAAA,CAAA,EAAA;AACA,UAAA,mBAAK,CAAA,UAAuC,CAAA,GAAA,IAAA,CAAA;AAC1C,SAAA;AAA0C,QAC5C,IAAA,CAAA,eAAA,IAAA,mBAAA,CAAA,kBAAA,CAAA,EAAA;AAAA,UACF,mBAAA,CAAA,kBAAA,CAAA,GAAA,KAAA,CAAA;AAEA,SAAA;AACE,OAAA,CAAA;AAAmC,MACrC,IAAA,SAAA,KAAA,KAAA,EAAA;AACA,QAAA,mBAA4B,CAAA,KAAA,EAAA,QAAA,CAAA,CAAA;AAC1B,OAAA;AAAmC,MACrC,IAAA,SAAA,KAAA,QAAA,EAAA;AACA,QAAA,mBAA0B,CAAA,QAAA,EAAA,KAAA,CAAA,CAAA;AACxB,OAAA;AAAmC,MACrC,IAAA,SAAA,KAAA,MAAA,EAAA;AACA,QAAA,mBAA2B,CAAA,MAAA,EAAA,OAAA,CAAA,CAAA;AACzB,OAAA;AAAmC,MACrC,IAAA,SAAA,KAAA,OAAA,EAAA;AAAA,QACF,mBAAA,CAAA,OAAA,EAAA,MAAA,CAAA,CAAA;AAEA,OAAA;AACE,KAAA,CAAA;AACE,IAAO,MAAA,YAAO,GAAa,MAAA;AAC3B,MAAA,IAAA,EAAA,CAAA;AACA,MAAA,IAAA,OAAiB,CAAA,KAAA,EAAA;AACjB,QAAA,CAAA,EAAA,GAAA,MAAA,CAAA,cAA8B,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,YAAA,CAAA,OAAA,CAAA,KAAA,CAAA,CAAA;AAC9B,QAAA,MAAA,OAAA,GAAA,aAA+B,CAAA;AAE/B,QAAA,MAAM,QAAgB,GAAA,cAAA,CAAA;AAAA,QACpB,6BAC0B,CAAA,SAAA,CAAM;AACK,QAAA,cAChC,GAAA,OAAiB,CAAM,KAAA,CAAA,UAAA,CAAY;AAAY,QACpD,MAAA,aACmB,GAAA;AAEJ,UACf,MAAM,EAAA,aAAA,GAAkB,OAAM,CAAA,KAAA,CAAA,YAAyB,IAAA,OAAA,CAAA,KAAA,CAAA,YAAA,GAAA,KAAA,CAAA,QAAA;AAAA,UACzD,GAAA,EAAA,aAAA,IAAA,KAAA,CAAA,QAAA,IAAA,OAAA,KAAA,CAAA;AAEA,UAAA,KAAe,EAAA,cAAA,GAAA,OAAA,CAAA,KAAA,CAAA,WAAA,IAAA,OAAA,CAAA,KAAA,CAAA,WAAA,GAAA,KAAA,CAAA,QAAA,IAAA,QAAA,KAAA,cAAA;AAAA,UACb,IAAW,EAAA,cAAA,IAAA,KAAA,CAAA,QAAA,IAAA,QAAA,KAAA,CAAA;AAAA,SAAA,CACX;AAAY,QACd,IAAC,CAAA,QAAA,EAAA;AAED,UAAA,wBAA+B;AAC7B,UAAY,UAAA,EAAA,cAAA;AAAqC,SACnD,CAAA,CAAA;AACA,QAAA,IAAI,yBAA6B,EAAA;AAC/B,UAAY,SAAA,GAAA,aAAA,GAAA,kBAAsC,GAAA,KAAA,CAAA;AAAA,SACpD;AACA,QAAI,IAAA,2BAAoB,EAAA;AACtB,UAAI,SAAA,GAAA,yBAAgC,GAAA,OAAA,GAAA,MAAA,CAAA;AAClC,SAAA;AAAA,QACF,IAAA,KAAA,CAAA,QAAA,GAAA,CAAA,EAAA;AACA,UAAA,IAAA,mBAAiC,CAAA,SAAA,CAAA,EAAA;AAAA,YACnC,OAAA;AACA,WAAA;AAA2D,UAC7D,mBAAA,CAAA,aAAA,CAAA,CAAA;AAAA,SACF;AAIA,QAAS,IAAA,uBAAuC,CAAA;AAC9C,UAAI,IAAA,CAAA,aAAgB,EAAA,SAAA,CAAA,CAAA;AAClB,OAAQ;AAAoB,KAAA,CAC9B;AACE,IAAQ,SAAA,QAAA,CAAO,IAAS,EAAA,IAAA,EAAA;AAAU,MACpC,IAAAC,eAAA,CAAA,IAAA,CAAA,EAAA;AAAA,QACF,OAAA,CAAA,KAAA,CAAA,QAAA,CAAA,IAAA,CAAA,CAAA;AAEA,OAAM,MAAA,IAAAC,cAAe,CAAC,IAAkB,CAAA,IAAAA,cAAA,CAAA,IAAA,CAAA,EAAA;AACtC,QAAI,OAAU,CAAA,KAAA,CAAA,QAAQ,CAAA,IAAA,EAAA,IAAA,CAAA,CAAA;AACpB,OAAA;AACA,KAAA;AAAA,IACF,MAAA,YAAA,GAAA,CAAA,KAAA,KAAA;AACA,MAAA,IAAA,CAAAA,eAAe,KAAY,CAAA,EAAA;AAAA,QAC7BC,eAAA,CAAA,cAAA,EAAA,wBAAA,CAAA,CAAA;AAEA,QAAM,OAAA;AACJ,OAAI;AACF,MAAA,OAAA,CAAA,uBAAkD,CAAA;AAClD,KAAA,CAAA;AAAA,IACF,MAAA,aAAA,GAAA,CAAA,KAAA,KAAA;AACA,MAAA,IAAA,CAAAD,eAAe,KAAa,CAAA,EAAA;AAAA,QAC9BC,eAAA,CAAA,cAAA,EAAA,wBAAA,CAAA,CAAA;AAEA,QAAA;AACE,OAAA;AAAqB,MACvB,OAAA,CAAA,KAAA,CAAA,UAAA,GAAA,KAAA,CAAA;AAEA,KAAA,CAAA;AAAA,IAAA,YACc,GAAA,MAAA;AAAA,MACZ,IAAc,EAAA,CAAA;AACZ,MAAA,CAAA,EAAA,GAAI,MAAU,CAAA,KAAA,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,MAAA,EAAA,CAAA;AACZ,KAAqB,CAAA;AACrB,IAAqBC,SAAA,CAAA,MAAA,KAAA,CAAA,QAAA,EAAA,CAAA,QAAA,KAAA;AAAA,MAAA,IAChB,QAAA,EAAA;AACL,QAAA,kBAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,kBAAA,EAAA,CAAA;AAAC,QAAA,kBAAS,IAAA,IAAA,GAAA,KAAuB,CAAA,GAAA;AACjC,OAAqB,MAAA;AACvB,QACF,CAAA,EAAA,IAAA,EAAA,kBAAA,EAAA,GAAAC,sBAAA,CAAA,SAAA,EAAA,MAAA,CAAA,EAAA;AAAA,QACE,kBAAgB,GAAAC,qBAAA,CAAA,QAAA,EAAA,MAAA,CAAA,CAAA;AAAA,OACpB;AAEA,KAAA,EAAA,EAAA,SAAA,EAAA,IAAA,EAAA,CAAA,CAAA;AAAA,IAAAF,SACQ,CAAA,MAAO,CAAA,KAAA,CAAA,gBAAuB,CAAA,MAAA,CAAA,EAAA,MAAA;AAAA,MACpC,IAAM,CAAA,KAAA,CAAA,MAAA;AACJ,QAAAG,YAAW,CAAA,MAAA;AACT,UAAA,IAAA,EAAA,CAAA;AACE,UAAO,MAAA,EAAA,CAAA;AACP,UAAA,IAAA,aAAmB,EAAA;AACjB,YAAO,CAAA,EAAA,GAAA,MAAA,CAAA,KAAoB,KAAA,IAAA,GAAA,KAAA,CAAA,GAAa,EAAA,CAAA,YAAA,CAAA,OAAA,CAAA,KAAA,CAAA,CAAA;AAAA,WAC1C;AAAA,SAAA,CACF,CAAC;AAAA,KACL,CAAA,CAAA;AAAA,IACFC,WAAA,CAAAC,6BAAA,EAAAC,YAAA,CAAA;AAEA,MAAA,gBAAA,EAAA,YAAA;AAAA,MACE,WAAA,EAAA,OAAA;AAAA,KAAA,CACA,CAAS,CAAA;AAAA,IAAAC,eACW,CAAA,MAAA;AAAA,MAAA,IACL,OAAA,CAAA,KAAA,EAAA;AAAA,QACd,OAAA,CAAA,KAAA,CAAA,SAAA,GAAA,aAAA,CAAA;AAAA,QACH,OAAA,CAAA,KAAA,CAAA,UAAA,GAAA,cAAA,CAAA;AAEA,OAAA;AACE,KAAA,CAAA,CAAA;AACE,IAAAC,aAAA,CAAA;AACA,MAAA,IAAA,CAAA,KAAQ,OAAmB;AAAA,QAC7BL,YAAA,CAAA,MAAA;AAAA,UACD,MAAA,EAAA,CAAA;AAED,SAAA,CAAA,CAAA;AACE,KAAA,CAAA,CAAA;AACE,IAAAM,aAAA,CAAA,MAAe,MAAA,EAAA,CAAA,CAAA;AACb,IAAO,MAAA,CAAA;AAAA,MAAA,OACR;AAAA,MACJ,MAAA;AACD,MAAU,QAAA;AAEV,MAAa,YAAA;AAAA,MAAA,aAAA;AAAA,MAEX,YAAA;AAAA,KAAA,CAAA,CAAA;AAAA,IAEA,OAAA,CAAA,IAAA,EAAA,MAAA,KAAA;AAAA,MAAA,OAAAC,aAAA,EAAA,EAAAC,sBAAA,CAAA,KAAA,EAAA;AAAA,QAEA,OAAA,EAAA,cAAA;AAAA,QAAA,GAAA,EAAA,YAAA;AAAA,QAEA,KAAA,EAAAC,kBAAA,CAAAC,SAAA,CAAA,EAAA,CAAA,CAAA,CAAA,EAAA,CAAA;AAAA,OAAA,EAAA;AAAA,QAEAC,sBAAA,CAAA,KAAA,EAAA;AAAA,UAAA,OAAA,EAAA,SAAA;AAAA,UAEA,GAAA,EAAA,OAAA;AAAA,UACD,KAAA,EAAAF,kBAAA,CAAAC,SAAA,CAAA,OAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -3,7 +3,7 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var select$1 = require('./src/select2.js');
6
- var option = require('./src/option2.js');
6
+ var option = require('./src/option.js');
7
7
  var optionGroup = require('./src/option-group.js');
8
8
  var token = require('./src/token.js');
9
9
  var select = require('./src/select.js');
@@ -2,21 +2,96 @@
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 useOption = require('./useOption.js');
7
+ var option = require('./option2.js');
8
+ var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
9
+ var index = require('../../../hooks/use-namespace/index.js');
10
+ var index$1 = require('../../../hooks/use-id/index.js');
6
11
 
7
- const COMPONENT_NAME = "ElOption";
8
- const optionProps = runtime.buildProps({
9
- value: {
10
- type: [String, Number, Boolean, Object],
11
- required: true
12
- },
13
- label: {
14
- type: [String, Number]
15
- },
16
- created: Boolean,
17
- disabled: Boolean
12
+ const _sfc_main = vue.defineComponent({
13
+ name: option.COMPONENT_NAME,
14
+ componentName: option.COMPONENT_NAME,
15
+ props: option.optionProps,
16
+ setup(props) {
17
+ const ns = index.useNamespace("select");
18
+ const id = index$1.useId();
19
+ const containerKls = vue.computed(() => [
20
+ ns.be("dropdown", "item"),
21
+ ns.is("disabled", vue.unref(isDisabled)),
22
+ ns.is("selected", vue.unref(itemSelected)),
23
+ ns.is("hovering", vue.unref(hover))
24
+ ]);
25
+ const states = vue.reactive({
26
+ index: -1,
27
+ groupDisabled: false,
28
+ visible: true,
29
+ hover: false
30
+ });
31
+ const {
32
+ currentLabel,
33
+ itemSelected,
34
+ isDisabled,
35
+ select,
36
+ hoverItem,
37
+ updateOption
38
+ } = useOption.useOption(props, states);
39
+ const { visible, hover } = vue.toRefs(states);
40
+ const vm = vue.getCurrentInstance().proxy;
41
+ select.onOptionCreate(vm);
42
+ vue.onBeforeUnmount(() => {
43
+ const key = vm.value;
44
+ vue.nextTick(() => {
45
+ const { selected: selectedOptions } = select.states;
46
+ const doesSelected = selectedOptions.some((item) => {
47
+ return item.value === vm.value;
48
+ });
49
+ if (select.states.cachedOptions.get(key) === vm && !doesSelected) {
50
+ select.states.cachedOptions.delete(key);
51
+ }
52
+ });
53
+ select.onOptionDestroy(key, vm);
54
+ });
55
+ function selectOptionClick() {
56
+ if (!isDisabled.value) {
57
+ select.handleOptionSelect(vm);
58
+ }
59
+ }
60
+ return {
61
+ ns,
62
+ id,
63
+ containerKls,
64
+ currentLabel,
65
+ itemSelected,
66
+ isDisabled,
67
+ select,
68
+ visible,
69
+ hover,
70
+ states,
71
+ hoverItem,
72
+ updateOption,
73
+ selectOptionClick
74
+ };
75
+ }
18
76
  });
77
+ function _sfc_render(_ctx, _cache) {
78
+ return vue.withDirectives((vue.openBlock(), vue.createElementBlock("li", {
79
+ id: _ctx.id,
80
+ class: vue.normalizeClass(_ctx.containerKls),
81
+ role: "option",
82
+ "aria-disabled": _ctx.isDisabled || void 0,
83
+ "aria-selected": _ctx.itemSelected,
84
+ onMousemove: _ctx.hoverItem,
85
+ onClick: vue.withModifiers(_ctx.selectOptionClick, ["stop"])
86
+ }, [
87
+ vue.renderSlot(_ctx.$slots, "default", {}, () => [
88
+ vue.createElementVNode("span", null, vue.toDisplayString(_ctx.currentLabel), 1)
89
+ ])
90
+ ], 42, ["id", "aria-disabled", "aria-selected", "onMousemove", "onClick"])), [
91
+ [vue.vShow, _ctx.visible]
92
+ ]);
93
+ }
94
+ var Option = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render], ["__file", "option.vue"]]);
19
95
 
20
- exports.COMPONENT_NAME = COMPONENT_NAME;
21
- exports.optionProps = optionProps;
96
+ exports["default"] = Option;
22
97
  //# sourceMappingURL=option.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"option.js","sources":["../../../../../../packages/components/select/src/option.ts"],"sourcesContent":["import { buildProps } from '@element-plus/utils'\n\nexport const COMPONENT_NAME = 'ElOption'\nexport const optionProps = buildProps({\n /**\n * @description value of option\n */\n value: {\n type: [String, Number, Boolean, Object],\n required: true as const,\n },\n /**\n * @description label of option, same as `value` if omitted\n */\n label: {\n type: [String, Number],\n },\n created: Boolean,\n /**\n * @description whether option is disabled\n */\n disabled: Boolean,\n})\n"],"names":["buildProps"],"mappings":";;;;;;AACY,MAAC,cAAc,GAAG,WAAW;AAC7B,MAAC,WAAW,GAAGA,kBAAU,CAAC;AACtC,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,CAAC;AAC3C,IAAI,QAAQ,EAAE,IAAI;AAClB,GAAG;AACH,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;AAC1B,GAAG;AACH,EAAE,OAAO,EAAE,OAAO;AAClB,EAAE,QAAQ,EAAE,OAAO;AACnB,CAAC;;;;;"}
1
+ {"version":3,"file":"option.js","sources":["../../../../../../packages/components/select/src/option.vue"],"sourcesContent":["<template>\n <li\n v-show=\"visible\"\n :id=\"id\"\n :class=\"containerKls\"\n role=\"option\"\n :aria-disabled=\"isDisabled || undefined\"\n :aria-selected=\"itemSelected\"\n @mousemove=\"hoverItem\"\n @click.stop=\"selectOptionClick\"\n >\n <slot>\n <span>{{ currentLabel }}</span>\n </slot>\n </li>\n</template>\n\n<script lang=\"ts\">\nimport {\n computed,\n defineComponent,\n getCurrentInstance,\n nextTick,\n onBeforeUnmount,\n reactive,\n toRefs,\n unref,\n} from 'vue'\nimport { useId, useNamespace } from '@element-plus/hooks'\nimport { useOption } from './useOption'\nimport { COMPONENT_NAME, optionProps } from './option'\n\nimport type {\n OptionExposed,\n OptionInternalInstance,\n OptionStates,\n} from './type'\n\nexport default defineComponent({\n name: COMPONENT_NAME,\n componentName: COMPONENT_NAME,\n\n props: optionProps,\n\n setup(props) {\n const ns = useNamespace('select')\n const id = useId()\n\n const containerKls = computed(() => [\n ns.be('dropdown', 'item'),\n ns.is('disabled', unref(isDisabled)),\n ns.is('selected', unref(itemSelected)),\n ns.is('hovering', unref(hover)),\n ])\n\n const states = reactive<OptionStates>({\n index: -1,\n groupDisabled: false,\n visible: true,\n hover: false,\n })\n\n const {\n currentLabel,\n itemSelected,\n isDisabled,\n select,\n hoverItem,\n updateOption,\n } = useOption(props, states)\n\n const { visible, hover } = toRefs(states)\n\n const vm = (getCurrentInstance()! as OptionInternalInstance).proxy\n\n select.onOptionCreate(vm)\n\n onBeforeUnmount(() => {\n const key = vm.value\n\n // if option is not selected, remove it from cache\n nextTick(() => {\n const { selected: selectedOptions } = select.states\n const doesSelected = selectedOptions.some((item) => {\n return item.value === vm.value\n })\n if (select.states.cachedOptions.get(key) === vm && !doesSelected) {\n select.states.cachedOptions.delete(key)\n }\n })\n select.onOptionDestroy(key, vm)\n })\n\n function selectOptionClick() {\n if (!isDisabled.value) {\n select.handleOptionSelect(vm)\n }\n }\n\n return {\n ns,\n id,\n containerKls,\n currentLabel,\n itemSelected,\n isDisabled,\n select,\n visible,\n hover,\n states,\n\n hoverItem,\n updateOption,\n selectOptionClick,\n } satisfies OptionExposed\n },\n})\n</script>\n"],"names":["defineComponent","COMPONENT_NAME","optionProps","useNamespace","useId","computed","unref","reactive","useOption","toRefs","getCurrentInstance","onBeforeUnmount","nextTick","_createElementBlock","_normalizeClass","_withModifiers","_renderSlot","_createElementVNode","_toDisplayString","_vShow","_export_sfc"],"mappings":"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"}
@@ -2,96 +2,21 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var vue = require('vue');
6
- var useOption = require('./useOption.js');
7
- var option = require('./option.js');
8
- var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
9
- var index = require('../../../hooks/use-namespace/index.js');
10
- var index$1 = require('../../../hooks/use-id/index.js');
5
+ var runtime = require('../../../utils/vue/props/runtime.js');
11
6
 
12
- const _sfc_main = vue.defineComponent({
13
- name: option.COMPONENT_NAME,
14
- componentName: option.COMPONENT_NAME,
15
- props: option.optionProps,
16
- setup(props) {
17
- const ns = index.useNamespace("select");
18
- const id = index$1.useId();
19
- const containerKls = vue.computed(() => [
20
- ns.be("dropdown", "item"),
21
- ns.is("disabled", vue.unref(isDisabled)),
22
- ns.is("selected", vue.unref(itemSelected)),
23
- ns.is("hovering", vue.unref(hover))
24
- ]);
25
- const states = vue.reactive({
26
- index: -1,
27
- groupDisabled: false,
28
- visible: true,
29
- hover: false
30
- });
31
- const {
32
- currentLabel,
33
- itemSelected,
34
- isDisabled,
35
- select,
36
- hoverItem,
37
- updateOption
38
- } = useOption.useOption(props, states);
39
- const { visible, hover } = vue.toRefs(states);
40
- const vm = vue.getCurrentInstance().proxy;
41
- select.onOptionCreate(vm);
42
- vue.onBeforeUnmount(() => {
43
- const key = vm.value;
44
- vue.nextTick(() => {
45
- const { selected: selectedOptions } = select.states;
46
- const doesSelected = selectedOptions.some((item) => {
47
- return item.value === vm.value;
48
- });
49
- if (select.states.cachedOptions.get(key) === vm && !doesSelected) {
50
- select.states.cachedOptions.delete(key);
51
- }
52
- });
53
- select.onOptionDestroy(key, vm);
54
- });
55
- function selectOptionClick() {
56
- if (!isDisabled.value) {
57
- select.handleOptionSelect(vm);
58
- }
59
- }
60
- return {
61
- ns,
62
- id,
63
- containerKls,
64
- currentLabel,
65
- itemSelected,
66
- isDisabled,
67
- select,
68
- visible,
69
- hover,
70
- states,
71
- hoverItem,
72
- updateOption,
73
- selectOptionClick
74
- };
75
- }
7
+ const COMPONENT_NAME = "ElOption";
8
+ const optionProps = runtime.buildProps({
9
+ value: {
10
+ type: [String, Number, Boolean, Object],
11
+ required: true
12
+ },
13
+ label: {
14
+ type: [String, Number]
15
+ },
16
+ created: Boolean,
17
+ disabled: Boolean
76
18
  });
77
- function _sfc_render(_ctx, _cache) {
78
- return vue.withDirectives((vue.openBlock(), vue.createElementBlock("li", {
79
- id: _ctx.id,
80
- class: vue.normalizeClass(_ctx.containerKls),
81
- role: "option",
82
- "aria-disabled": _ctx.isDisabled || void 0,
83
- "aria-selected": _ctx.itemSelected,
84
- onMousemove: _ctx.hoverItem,
85
- onClick: vue.withModifiers(_ctx.selectOptionClick, ["stop"])
86
- }, [
87
- vue.renderSlot(_ctx.$slots, "default", {}, () => [
88
- vue.createElementVNode("span", null, vue.toDisplayString(_ctx.currentLabel), 1)
89
- ])
90
- ], 42, ["id", "aria-disabled", "aria-selected", "onMousemove", "onClick"])), [
91
- [vue.vShow, _ctx.visible]
92
- ]);
93
- }
94
- var Option = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render], ["__file", "option.vue"]]);
95
19
 
96
- exports["default"] = Option;
20
+ exports.COMPONENT_NAME = COMPONENT_NAME;
21
+ exports.optionProps = optionProps;
97
22
  //# sourceMappingURL=option2.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"option2.js","sources":["../../../../../../packages/components/select/src/option.vue"],"sourcesContent":["<template>\n <li\n v-show=\"visible\"\n :id=\"id\"\n :class=\"containerKls\"\n role=\"option\"\n :aria-disabled=\"isDisabled || undefined\"\n :aria-selected=\"itemSelected\"\n @mousemove=\"hoverItem\"\n @click.stop=\"selectOptionClick\"\n >\n <slot>\n <span>{{ currentLabel }}</span>\n </slot>\n </li>\n</template>\n\n<script lang=\"ts\">\nimport {\n computed,\n defineComponent,\n getCurrentInstance,\n nextTick,\n onBeforeUnmount,\n reactive,\n toRefs,\n unref,\n} from 'vue'\nimport { useId, useNamespace } from '@element-plus/hooks'\nimport { useOption } from './useOption'\nimport { COMPONENT_NAME, optionProps } from './option'\n\nimport type { OptionExposed, OptionInternalInstance, OptionStates } from './type'\n\nexport default defineComponent({\n name: COMPONENT_NAME,\n componentName: COMPONENT_NAME,\n\n props: optionProps,\n\n setup(props) {\n const ns = useNamespace('select')\n const id = useId()\n\n const containerKls = computed(() => [\n ns.be('dropdown', 'item'),\n ns.is('disabled', unref(isDisabled)),\n ns.is('selected', unref(itemSelected)),\n ns.is('hovering', unref(hover)),\n ])\n\n const states = reactive<OptionStates>({\n index: -1,\n groupDisabled: false,\n visible: true,\n hover: false,\n })\n\n const {\n currentLabel,\n itemSelected,\n isDisabled,\n select,\n hoverItem,\n updateOption,\n } = useOption(props, states)\n\n const { visible, hover } = toRefs(states)\n\n const vm = (getCurrentInstance()! as OptionInternalInstance).proxy\n\n select.onOptionCreate(vm)\n\n onBeforeUnmount(() => {\n const key = vm.value\n\n // if option is not selected, remove it from cache\n nextTick(() => {\n const { selected: selectedOptions } = select.states\n const doesSelected = selectedOptions.some((item) => {\n return item.value === vm.value\n })\n if (select.states.cachedOptions.get(key) === vm && !doesSelected) {\n select.states.cachedOptions.delete(key)\n }\n })\n select.onOptionDestroy(key, vm)\n })\n\n function selectOptionClick() {\n if (!isDisabled.value) {\n select.handleOptionSelect(vm)\n }\n }\n\n return {\n ns,\n id,\n containerKls,\n currentLabel,\n itemSelected,\n isDisabled,\n select,\n visible,\n hover,\n states,\n\n hoverItem,\n updateOption,\n selectOptionClick,\n } satisfies OptionExposed\n },\n})\n</script>\n"],"names":["defineComponent","COMPONENT_NAME","optionProps","useNamespace","useId","computed","unref","reactive","useOption","toRefs","getCurrentInstance","onBeforeUnmount","nextTick","_createElementBlock","_normalizeClass","_withModifiers","_renderSlot","_createElementVNode","_toDisplayString","_vShow","_export_sfc"],"mappings":"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"}
1
+ {"version":3,"file":"option2.js","sources":["../../../../../../packages/components/select/src/option.ts"],"sourcesContent":["import { buildProps } from '@element-plus/utils'\n\nexport const COMPONENT_NAME = 'ElOption'\nexport const optionProps = buildProps({\n /**\n * @description value of option\n */\n value: {\n type: [String, Number, Boolean, Object],\n required: true as const,\n },\n /**\n * @description label of option, same as `value` if omitted\n */\n label: {\n type: [String, Number],\n },\n created: Boolean,\n /**\n * @description whether option is disabled\n */\n disabled: Boolean,\n})\n"],"names":["buildProps"],"mappings":";;;;;;AACY,MAAC,cAAc,GAAG,WAAW;AAC7B,MAAC,WAAW,GAAGA,kBAAU,CAAC;AACtC,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,CAAC;AAC3C,IAAI,QAAQ,EAAE,IAAI;AAClB,GAAG;AACH,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;AAC1B,GAAG;AACH,EAAE,OAAO,EAAE,OAAO;AAClB,EAAE,QAAQ,EAAE,OAAO;AACnB,CAAC;;;;;"}
@@ -7,7 +7,7 @@ var iconsVue = require('@element-plus/icons-vue');
7
7
  var scrollbar = require('../../scrollbar/src/scrollbar.js');
8
8
  var runtime = require('../../../utils/vue/props/runtime.js');
9
9
  var index = require('../../../hooks/use-size/index.js');
10
- var content = require('../../tooltip/src/content2.js');
10
+ var content = require('../../tooltip/src/content.js');
11
11
  var icon = require('../../../utils/vue/icon.js');
12
12
  var tag = require('../../tag/src/tag.js');
13
13
  var index$1 = require('../../../hooks/use-empty-values/index.js');
@@ -140,8 +140,8 @@ declare const _default: import("vue").DefineComponent<{
140
140
  };
141
141
  states: {
142
142
  inputValue: string;
143
- options: Map<import("@element-plus/nightly/es/utils").EpPropMergeType<(ObjectConstructor | BooleanConstructor | NumberConstructor | StringConstructor)[], unknown, unknown>, import("./type").OptionPublicInstance> & Omit<Map<import("@element-plus/nightly/es/utils").EpPropMergeType<(ObjectConstructor | BooleanConstructor | NumberConstructor | StringConstructor)[], unknown, unknown>, import("./type").OptionPublicInstance>, keyof Map<any, any>>;
144
- cachedOptions: Map<import("@element-plus/nightly/es/utils").EpPropMergeType<(ObjectConstructor | BooleanConstructor | NumberConstructor | StringConstructor)[], unknown, unknown>, import("./type").OptionPublicInstance> & Omit<Map<import("@element-plus/nightly/es/utils").EpPropMergeType<(ObjectConstructor | BooleanConstructor | NumberConstructor | StringConstructor)[], unknown, unknown>, import("./type").OptionPublicInstance>, keyof Map<any, any>>;
143
+ options: Map<import("./type").OptionValue, import("./type").OptionPublicInstance>;
144
+ cachedOptions: Map<import("./type").OptionValue, import("./type").OptionPublicInstance>;
145
145
  optionValues: import("./type").OptionValue[];
146
146
  selected: {
147
147
  value: import("./type").OptionValue;
@@ -7,7 +7,7 @@ var index$2 = require('../../tooltip/index.js');
7
7
  var index$1 = require('../../scrollbar/index.js');
8
8
  var index = require('../../tag/index.js');
9
9
  var index$3 = require('../../icon/index.js');
10
- var option = require('./option2.js');
10
+ var option = require('./option.js');
11
11
  var selectDropdown = require('./select-dropdown.js');
12
12
  var useSelect = require('./useSelect.js');
13
13
  var token = require('./token.js');
@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  var vue = require('vue');
6
6
  var lodashUnified = require('lodash-unified');
7
7
  var token = require('./token.js');
8
- var option = require('./option.js');
8
+ var option = require('./option2.js');
9
9
  var strings = require('../../../utils/strings.js');
10
10
  var error = require('../../../utils/error.js');
11
11
  var shared = require('@vue/shared');
@@ -44,8 +44,8 @@ export declare const useSelect: (props: SelectProps, emit: SelectEmits) => {
44
44
  };
45
45
  states: {
46
46
  inputValue: string;
47
- options: Map<import("@element-plus/nightly/es/utils").EpPropMergeType<(ObjectConstructor | BooleanConstructor | NumberConstructor | StringConstructor)[], unknown, unknown>, OptionPublicInstance> & Omit<Map<import("@element-plus/nightly/es/utils").EpPropMergeType<(ObjectConstructor | BooleanConstructor | NumberConstructor | StringConstructor)[], unknown, unknown>, OptionPublicInstance>, keyof Map<any, any>>;
48
- cachedOptions: Map<import("@element-plus/nightly/es/utils").EpPropMergeType<(ObjectConstructor | BooleanConstructor | NumberConstructor | StringConstructor)[], unknown, unknown>, OptionPublicInstance> & Omit<Map<import("@element-plus/nightly/es/utils").EpPropMergeType<(ObjectConstructor | BooleanConstructor | NumberConstructor | StringConstructor)[], unknown, unknown>, OptionPublicInstance>, keyof Map<any, any>>;
47
+ options: Map<OptionValue, OptionPublicInstance>;
48
+ cachedOptions: Map<OptionValue, OptionPublicInstance>;
49
49
  optionValues: OptionValue[];
50
50
  selected: {
51
51
  value: OptionValue;
@@ -7,7 +7,7 @@ var iconsVue = require('@element-plus/icons-vue');
7
7
  var useProps = require('./useProps.js');
8
8
  var runtime = require('../../../utils/vue/props/runtime.js');
9
9
  var icon = require('../../../utils/vue/icon.js');
10
- var content = require('../../tooltip/src/content2.js');
10
+ var content = require('../../tooltip/src/content.js');
11
11
  var index = require('../../../hooks/use-size/index.js');
12
12
  var tag = require('../../tag/src/tag.js');
13
13
  var types = require('../../../utils/types.js');
@@ -2,28 +2,99 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var core = require('@popperjs/core');
6
- var runtime = require('../../../utils/vue/props/runtime.js');
7
- var event = require('../../../constants/event.js');
8
- var types = require('../../../utils/types.js');
5
+ var vue = require('vue');
6
+ var index$1 = require('../../tooltip/index.js');
7
+ var button = require('./button2.js');
8
+ var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
9
+ var useSliderButton = require('./composables/use-slider-button.js');
10
+ var index = require('../../../hooks/use-namespace/index.js');
9
11
 
10
- const sliderButtonProps = runtime.buildProps({
11
- modelValue: {
12
- type: Number,
13
- default: 0
14
- },
15
- vertical: Boolean,
16
- tooltipClass: String,
17
- placement: {
18
- type: String,
19
- values: core.placements,
20
- default: "top"
12
+ const __default__ = vue.defineComponent({
13
+ name: "ElSliderButton"
14
+ });
15
+ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
16
+ ...__default__,
17
+ props: button.sliderButtonProps,
18
+ emits: button.sliderButtonEmits,
19
+ setup(__props, { expose, emit }) {
20
+ const props = __props;
21
+ const ns = index.useNamespace("slider");
22
+ const initData = vue.reactive({
23
+ hovering: false,
24
+ dragging: false,
25
+ isClick: false,
26
+ startX: 0,
27
+ currentX: 0,
28
+ startY: 0,
29
+ currentY: 0,
30
+ startPosition: 0,
31
+ newPosition: 0,
32
+ oldValue: props.modelValue
33
+ });
34
+ const tooltipPersistent = vue.computed(() => !showTooltip.value ? false : persistent.value);
35
+ const {
36
+ disabled,
37
+ button,
38
+ tooltip,
39
+ showTooltip,
40
+ persistent,
41
+ tooltipVisible,
42
+ wrapperStyle,
43
+ formatValue,
44
+ handleMouseEnter,
45
+ handleMouseLeave,
46
+ onButtonDown,
47
+ onKeyDown,
48
+ setPosition
49
+ } = useSliderButton.useSliderButton(props, initData, emit);
50
+ const { hovering, dragging } = vue.toRefs(initData);
51
+ expose({
52
+ onButtonDown,
53
+ onKeyDown,
54
+ setPosition,
55
+ hovering,
56
+ dragging
57
+ });
58
+ return (_ctx, _cache) => {
59
+ return vue.openBlock(), vue.createElementBlock("div", {
60
+ ref_key: "button",
61
+ ref: button,
62
+ class: vue.normalizeClass([vue.unref(ns).e("button-wrapper"), { hover: vue.unref(hovering), dragging: vue.unref(dragging) }]),
63
+ style: vue.normalizeStyle(vue.unref(wrapperStyle)),
64
+ tabindex: vue.unref(disabled) ? -1 : 0,
65
+ onMouseenter: vue.unref(handleMouseEnter),
66
+ onMouseleave: vue.unref(handleMouseLeave),
67
+ onMousedown: vue.unref(onButtonDown),
68
+ onFocus: vue.unref(handleMouseEnter),
69
+ onBlur: vue.unref(handleMouseLeave),
70
+ onKeydown: vue.unref(onKeyDown)
71
+ }, [
72
+ vue.createVNode(vue.unref(index$1.ElTooltip), {
73
+ ref_key: "tooltip",
74
+ ref: tooltip,
75
+ visible: vue.unref(tooltipVisible),
76
+ placement: _ctx.placement,
77
+ "fallback-placements": ["top", "bottom", "right", "left"],
78
+ "stop-popper-mouse-event": false,
79
+ "popper-class": _ctx.tooltipClass,
80
+ disabled: !vue.unref(showTooltip),
81
+ persistent: vue.unref(tooltipPersistent)
82
+ }, {
83
+ content: vue.withCtx(() => [
84
+ vue.createElementVNode("span", null, vue.toDisplayString(vue.unref(formatValue)), 1)
85
+ ]),
86
+ default: vue.withCtx(() => [
87
+ vue.createElementVNode("div", {
88
+ class: vue.normalizeClass([vue.unref(ns).e("button"), { hover: vue.unref(hovering), dragging: vue.unref(dragging) }])
89
+ }, null, 2)
90
+ ]),
91
+ _: 1
92
+ }, 8, ["visible", "placement", "popper-class", "disabled", "persistent"])
93
+ ], 46, ["tabindex", "onMouseenter", "onMouseleave", "onMousedown", "onFocus", "onBlur", "onKeydown"]);
94
+ };
21
95
  }
22
96
  });
23
- const sliderButtonEmits = {
24
- [event.UPDATE_MODEL_EVENT]: (value) => types.isNumber(value)
25
- };
97
+ var SliderButton = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "button.vue"]]);
26
98
 
27
- exports.sliderButtonEmits = sliderButtonEmits;
28
- exports.sliderButtonProps = sliderButtonProps;
99
+ exports["default"] = SliderButton;
29
100
  //# sourceMappingURL=button.js.map