@element-plus/nightly 0.0.20250307 → 0.0.20250308

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 (556) hide show
  1. package/dist/index.css +1 -1
  2. package/dist/index.full.js +2 -2
  3. package/dist/index.full.min.js +2 -2
  4. package/dist/index.full.min.js.map +1 -1
  5. package/dist/index.full.min.mjs +2 -2
  6. package/dist/index.full.min.mjs.map +1 -1
  7. package/dist/index.full.mjs +2 -2
  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/lt.js +1 -1
  141. package/dist/locale/lt.min.js +1 -1
  142. package/dist/locale/lt.min.mjs +1 -1
  143. package/dist/locale/lt.mjs +1 -1
  144. package/dist/locale/lv.js +1 -1
  145. package/dist/locale/lv.min.js +1 -1
  146. package/dist/locale/lv.min.mjs +1 -1
  147. package/dist/locale/lv.mjs +1 -1
  148. package/dist/locale/mg.js +1 -1
  149. package/dist/locale/mg.min.js +1 -1
  150. package/dist/locale/mg.min.mjs +1 -1
  151. package/dist/locale/mg.mjs +1 -1
  152. package/dist/locale/mn.js +1 -1
  153. package/dist/locale/mn.min.js +1 -1
  154. package/dist/locale/mn.min.mjs +1 -1
  155. package/dist/locale/mn.mjs +1 -1
  156. package/dist/locale/ms.js +1 -1
  157. package/dist/locale/ms.min.js +1 -1
  158. package/dist/locale/ms.min.mjs +1 -1
  159. package/dist/locale/ms.mjs +1 -1
  160. package/dist/locale/my.js +1 -1
  161. package/dist/locale/my.min.js +1 -1
  162. package/dist/locale/my.min.mjs +1 -1
  163. package/dist/locale/my.mjs +1 -1
  164. package/dist/locale/nb-no.js +1 -1
  165. package/dist/locale/nb-no.min.js +1 -1
  166. package/dist/locale/nb-no.min.mjs +1 -1
  167. package/dist/locale/nb-no.mjs +1 -1
  168. package/dist/locale/nl.js +1 -1
  169. package/dist/locale/nl.min.js +1 -1
  170. package/dist/locale/nl.min.mjs +1 -1
  171. package/dist/locale/nl.mjs +1 -1
  172. package/dist/locale/no.js +1 -1
  173. package/dist/locale/no.min.js +1 -1
  174. package/dist/locale/no.min.mjs +1 -1
  175. package/dist/locale/no.mjs +1 -1
  176. package/dist/locale/pa.js +1 -1
  177. package/dist/locale/pa.min.js +1 -1
  178. package/dist/locale/pa.min.mjs +1 -1
  179. package/dist/locale/pa.mjs +1 -1
  180. package/dist/locale/pl.js +1 -1
  181. package/dist/locale/pl.min.js +1 -1
  182. package/dist/locale/pl.min.mjs +1 -1
  183. package/dist/locale/pl.mjs +1 -1
  184. package/dist/locale/pt-br.js +1 -1
  185. package/dist/locale/pt-br.min.js +1 -1
  186. package/dist/locale/pt-br.min.mjs +1 -1
  187. package/dist/locale/pt-br.mjs +1 -1
  188. package/dist/locale/pt.js +1 -1
  189. package/dist/locale/pt.min.js +1 -1
  190. package/dist/locale/pt.min.mjs +1 -1
  191. package/dist/locale/pt.mjs +1 -1
  192. package/dist/locale/ro.js +1 -1
  193. package/dist/locale/ro.min.js +1 -1
  194. package/dist/locale/ro.min.mjs +1 -1
  195. package/dist/locale/ro.mjs +1 -1
  196. package/dist/locale/ru.js +1 -1
  197. package/dist/locale/ru.min.js +1 -1
  198. package/dist/locale/ru.min.mjs +1 -1
  199. package/dist/locale/ru.mjs +1 -1
  200. package/dist/locale/sk.js +1 -1
  201. package/dist/locale/sk.min.js +1 -1
  202. package/dist/locale/sk.min.mjs +1 -1
  203. package/dist/locale/sk.mjs +1 -1
  204. package/dist/locale/sl.js +1 -1
  205. package/dist/locale/sl.min.js +1 -1
  206. package/dist/locale/sl.min.mjs +1 -1
  207. package/dist/locale/sl.mjs +1 -1
  208. package/dist/locale/sr.js +1 -1
  209. package/dist/locale/sr.min.js +1 -1
  210. package/dist/locale/sr.min.mjs +1 -1
  211. package/dist/locale/sr.mjs +1 -1
  212. package/dist/locale/sv.js +1 -1
  213. package/dist/locale/sv.min.js +1 -1
  214. package/dist/locale/sv.min.mjs +1 -1
  215. package/dist/locale/sv.mjs +1 -1
  216. package/dist/locale/sw.js +1 -1
  217. package/dist/locale/sw.min.js +1 -1
  218. package/dist/locale/sw.min.mjs +1 -1
  219. package/dist/locale/sw.mjs +1 -1
  220. package/dist/locale/ta.js +1 -1
  221. package/dist/locale/ta.min.js +1 -1
  222. package/dist/locale/ta.min.mjs +1 -1
  223. package/dist/locale/ta.mjs +1 -1
  224. package/dist/locale/te.js +1 -1
  225. package/dist/locale/te.min.js +1 -1
  226. package/dist/locale/te.min.mjs +1 -1
  227. package/dist/locale/te.mjs +1 -1
  228. package/dist/locale/th.js +1 -1
  229. package/dist/locale/th.min.js +1 -1
  230. package/dist/locale/th.min.mjs +1 -1
  231. package/dist/locale/th.mjs +1 -1
  232. package/dist/locale/tk.js +1 -1
  233. package/dist/locale/tk.min.js +1 -1
  234. package/dist/locale/tk.min.mjs +1 -1
  235. package/dist/locale/tk.mjs +1 -1
  236. package/dist/locale/tr.js +1 -1
  237. package/dist/locale/tr.min.js +1 -1
  238. package/dist/locale/tr.min.mjs +1 -1
  239. package/dist/locale/tr.mjs +1 -1
  240. package/dist/locale/ug-cn.js +1 -1
  241. package/dist/locale/ug-cn.min.js +1 -1
  242. package/dist/locale/ug-cn.min.mjs +1 -1
  243. package/dist/locale/ug-cn.mjs +1 -1
  244. package/dist/locale/uk.js +1 -1
  245. package/dist/locale/uk.min.js +1 -1
  246. package/dist/locale/uk.min.mjs +1 -1
  247. package/dist/locale/uk.mjs +1 -1
  248. package/dist/locale/uz-uz.js +1 -1
  249. package/dist/locale/uz-uz.min.js +1 -1
  250. package/dist/locale/uz-uz.min.mjs +1 -1
  251. package/dist/locale/uz-uz.mjs +1 -1
  252. package/dist/locale/vi.js +1 -1
  253. package/dist/locale/vi.min.js +1 -1
  254. package/dist/locale/vi.min.mjs +1 -1
  255. package/dist/locale/vi.mjs +1 -1
  256. package/dist/locale/zh-cn.js +1 -1
  257. package/dist/locale/zh-cn.min.js +1 -1
  258. package/dist/locale/zh-cn.min.mjs +1 -1
  259. package/dist/locale/zh-cn.mjs +1 -1
  260. package/dist/locale/zh-hk.js +1 -1
  261. package/dist/locale/zh-hk.min.js +1 -1
  262. package/dist/locale/zh-hk.min.mjs +1 -1
  263. package/dist/locale/zh-hk.mjs +1 -1
  264. package/dist/locale/zh-mo.js +1 -1
  265. package/dist/locale/zh-mo.min.js +1 -1
  266. package/dist/locale/zh-mo.min.mjs +1 -1
  267. package/dist/locale/zh-mo.mjs +1 -1
  268. package/dist/locale/zh-tw.js +1 -1
  269. package/dist/locale/zh-tw.min.js +1 -1
  270. package/dist/locale/zh-tw.min.mjs +1 -1
  271. package/dist/locale/zh-tw.mjs +1 -1
  272. package/es/components/affix/index.mjs +2 -2
  273. package/es/components/affix/src/affix.mjs +25 -118
  274. package/es/components/affix/src/affix.mjs.map +1 -1
  275. package/es/components/affix/src/affix2.mjs +118 -25
  276. package/es/components/affix/src/affix2.mjs.map +1 -1
  277. package/es/components/alert/src/alert2.mjs.map +1 -1
  278. package/es/components/badge/index.mjs +2 -2
  279. package/es/components/badge/src/badge.mjs +32 -71
  280. package/es/components/badge/src/badge.mjs.map +1 -1
  281. package/es/components/badge/src/badge2.mjs +71 -32
  282. package/es/components/badge/src/badge2.mjs.map +1 -1
  283. package/es/components/button/src/button-group2.mjs.map +1 -1
  284. package/es/components/card/src/card2.mjs.map +1 -1
  285. package/es/components/cascader/index.mjs +2 -2
  286. package/es/components/cascader/src/cascader.mjs +80 -637
  287. package/es/components/cascader/src/cascader.mjs.map +1 -1
  288. package/es/components/cascader/src/cascader2.mjs +637 -80
  289. package/es/components/cascader/src/cascader2.mjs.map +1 -1
  290. package/es/components/collapse-transition/src/collapse-transition.mjs.map +1 -1
  291. package/es/components/container/src/aside.mjs.map +1 -1
  292. package/es/components/container/src/container.mjs.map +1 -1
  293. package/es/components/container/src/footer.mjs.map +1 -1
  294. package/es/components/container/src/header.mjs.map +1 -1
  295. package/es/components/container/src/main.mjs.map +1 -1
  296. package/es/components/countdown/src/countdown2.mjs.map +1 -1
  297. package/es/components/date-picker/src/date-picker-com/panel-year-range.mjs.map +1 -1
  298. package/es/components/descriptions/src/description.mjs +1 -1
  299. package/es/components/descriptions/src/descriptions-row.mjs +6 -63
  300. package/es/components/descriptions/src/descriptions-row.mjs.map +1 -1
  301. package/es/components/descriptions/src/descriptions-row2.mjs +63 -6
  302. package/es/components/descriptions/src/descriptions-row2.mjs.map +1 -1
  303. package/es/components/dropdown/src/dropdown-item-impl.mjs +1 -1
  304. package/es/components/dropdown/src/dropdown-item.mjs.map +1 -1
  305. package/es/components/dropdown/src/dropdown-menu.mjs +1 -1
  306. package/es/components/dropdown/src/dropdown-menu.mjs.map +1 -1
  307. package/es/components/dropdown/src/dropdown2.mjs +1 -1
  308. package/es/components/dropdown/src/dropdown2.mjs.map +1 -1
  309. package/es/components/empty/index.mjs +2 -2
  310. package/es/components/empty/src/empty.mjs +52 -11
  311. package/es/components/empty/src/empty.mjs.map +1 -1
  312. package/es/components/empty/src/empty2.mjs +11 -52
  313. package/es/components/empty/src/empty2.mjs.map +1 -1
  314. package/es/components/focus-trap/src/focus-trap.mjs.map +1 -1
  315. package/es/components/icon/index.mjs +2 -2
  316. package/es/components/icon/src/icon.mjs +35 -8
  317. package/es/components/icon/src/icon.mjs.map +1 -1
  318. package/es/components/icon/src/icon2.mjs +8 -35
  319. package/es/components/icon/src/icon2.mjs.map +1 -1
  320. package/es/components/index.mjs +12 -12
  321. package/es/components/input-number/src/input-number2.mjs.map +1 -1
  322. package/es/components/input-tag/src/input-tag.mjs +1 -1
  323. package/es/components/mention/src/mention-dropdown2.mjs.map +1 -1
  324. package/es/components/menu/src/menu-collapse-transition.mjs.map +1 -1
  325. package/es/components/message/index.mjs +1 -1
  326. package/es/components/message/src/message.mjs +145 -91
  327. package/es/components/message/src/message.mjs.map +1 -1
  328. package/es/components/message/src/message2.mjs +91 -145
  329. package/es/components/message/src/message2.mjs.map +1 -1
  330. package/es/components/message/src/method.mjs +2 -2
  331. package/es/components/message-box/src/index.mjs.map +1 -1
  332. package/es/components/notification/index.mjs +1 -1
  333. package/es/components/notification/src/notification.mjs +142 -68
  334. package/es/components/notification/src/notification.mjs.map +1 -1
  335. package/es/components/notification/src/notification2.mjs +68 -142
  336. package/es/components/notification/src/notification2.mjs.map +1 -1
  337. package/es/components/notification/src/notify.mjs +2 -2
  338. package/es/components/page-header/src/page-header2.mjs.map +1 -1
  339. package/es/components/pagination/src/components/pager2.mjs.map +1 -1
  340. package/es/components/pagination/src/components/sizes.mjs +71 -23
  341. package/es/components/pagination/src/components/sizes.mjs.map +1 -1
  342. package/es/components/pagination/src/components/sizes2.mjs +23 -71
  343. package/es/components/pagination/src/components/sizes2.mjs.map +1 -1
  344. package/es/components/pagination/src/pagination.mjs +1 -1
  345. package/es/components/popover/src/popover2.mjs.map +1 -1
  346. package/es/components/rate/index.mjs +2 -2
  347. package/es/components/rate/src/rate.mjs +258 -83
  348. package/es/components/rate/src/rate.mjs.map +1 -1
  349. package/es/components/rate/src/rate2.mjs +83 -258
  350. package/es/components/rate/src/rate2.mjs.map +1 -1
  351. package/es/components/result/src/result2.mjs.map +1 -1
  352. package/es/components/roving-focus-group/index.mjs +3 -3
  353. package/es/components/roving-focus-group/src/roving-focus-group-impl.mjs +1 -1
  354. package/es/components/roving-focus-group/src/roving-focus-group.mjs +27 -27
  355. package/es/components/roving-focus-group/src/roving-focus-group.mjs.map +1 -1
  356. package/es/components/roving-focus-group/src/roving-focus-group2.mjs +27 -27
  357. package/es/components/roving-focus-group/src/roving-focus-group2.mjs.map +1 -1
  358. package/es/components/roving-focus-group/src/roving-focus-item.mjs +1 -1
  359. package/es/components/scrollbar/src/bar.mjs +10 -64
  360. package/es/components/scrollbar/src/bar.mjs.map +1 -1
  361. package/es/components/scrollbar/src/bar2.mjs +64 -10
  362. package/es/components/scrollbar/src/bar2.mjs.map +1 -1
  363. package/es/components/scrollbar/src/scrollbar2.mjs +1 -1
  364. package/es/components/scrollbar/src/scrollbar2.mjs.map +1 -1
  365. package/es/components/select/src/select.mjs +1 -1
  366. package/es/components/select-v2/src/defaults.mjs +1 -1
  367. package/es/components/slider/index.mjs +2 -2
  368. package/es/components/slider/src/slider.mjs +92 -238
  369. package/es/components/slider/src/slider.mjs.map +1 -1
  370. package/es/components/slider/src/slider2.mjs +238 -92
  371. package/es/components/slider/src/slider2.mjs.map +1 -1
  372. package/es/components/statistic/src/statistic2.mjs.map +1 -1
  373. package/es/components/steps/index.mjs +2 -2
  374. package/es/components/steps/src/steps.mjs +35 -38
  375. package/es/components/steps/src/steps.mjs.map +1 -1
  376. package/es/components/steps/src/steps2.mjs +38 -35
  377. package/es/components/steps/src/steps2.mjs.map +1 -1
  378. package/es/components/tag/index.mjs +2 -2
  379. package/es/components/tag/src/tag.mjs +27 -99
  380. package/es/components/tag/src/tag.mjs.map +1 -1
  381. package/es/components/tag/src/tag2.mjs +99 -27
  382. package/es/components/tag/src/tag2.mjs.map +1 -1
  383. package/es/components/teleport/index.mjs +2 -2
  384. package/es/components/teleport/src/teleport.mjs +8 -18
  385. package/es/components/teleport/src/teleport.mjs.map +1 -1
  386. package/es/components/teleport/src/teleport2.mjs +18 -8
  387. package/es/components/teleport/src/teleport2.mjs.map +1 -1
  388. package/es/components/time-picker/src/common/picker.mjs.map +1 -1
  389. package/es/components/time-picker/src/time-picker-com/basic-time-spinner.mjs.map +1 -1
  390. package/es/components/tooltip/src/trigger2.mjs.map +1 -1
  391. package/es/components/tooltip-v2/index.mjs +1 -1
  392. package/es/components/tooltip-v2/src/arrow.mjs +21 -37
  393. package/es/components/tooltip-v2/src/arrow.mjs.map +1 -1
  394. package/es/components/tooltip-v2/src/arrow2.mjs +37 -21
  395. package/es/components/tooltip-v2/src/arrow2.mjs.map +1 -1
  396. package/es/components/tooltip-v2/src/tooltip.mjs +1 -1
  397. package/es/components/tooltip-v2/src/tooltip2.mjs +2 -2
  398. package/es/components/tour/src/content2.mjs.map +1 -1
  399. package/es/components/tree/src/tree-node.mjs.map +1 -1
  400. package/es/components/tree/src/tree.mjs.map +1 -1
  401. package/es/components/upload/index.mjs +1 -1
  402. package/es/components/upload/src/upload-content2.mjs +1 -1
  403. package/es/components/upload/src/upload-dragger.mjs +10 -47
  404. package/es/components/upload/src/upload-dragger.mjs.map +1 -1
  405. package/es/components/upload/src/upload-dragger2.mjs +47 -10
  406. package/es/components/upload/src/upload-dragger2.mjs.map +1 -1
  407. package/es/components/upload/src/upload-list2.mjs.map +1 -1
  408. package/es/index.mjs +12 -12
  409. package/es/version.d.ts +1 -1
  410. package/es/version.mjs +1 -1
  411. package/es/version.mjs.map +1 -1
  412. package/lib/components/affix/index.js +2 -2
  413. package/lib/components/affix/src/affix.js +26 -118
  414. package/lib/components/affix/src/affix.js.map +1 -1
  415. package/lib/components/affix/src/affix2.js +118 -26
  416. package/lib/components/affix/src/affix2.js.map +1 -1
  417. package/lib/components/alert/src/alert2.js.map +1 -1
  418. package/lib/components/badge/index.js +2 -2
  419. package/lib/components/badge/src/badge.js +32 -71
  420. package/lib/components/badge/src/badge.js.map +1 -1
  421. package/lib/components/badge/src/badge2.js +71 -32
  422. package/lib/components/badge/src/badge2.js.map +1 -1
  423. package/lib/components/button/src/button-group2.js.map +1 -1
  424. package/lib/components/card/src/card2.js.map +1 -1
  425. package/lib/components/cascader/index.js +2 -2
  426. package/lib/components/cascader/src/cascader.js +81 -637
  427. package/lib/components/cascader/src/cascader.js.map +1 -1
  428. package/lib/components/cascader/src/cascader2.js +637 -81
  429. package/lib/components/cascader/src/cascader2.js.map +1 -1
  430. package/lib/components/collapse-transition/src/collapse-transition.js.map +1 -1
  431. package/lib/components/container/src/aside.js.map +1 -1
  432. package/lib/components/container/src/container.js.map +1 -1
  433. package/lib/components/container/src/footer.js.map +1 -1
  434. package/lib/components/container/src/header.js.map +1 -1
  435. package/lib/components/container/src/main.js.map +1 -1
  436. package/lib/components/countdown/src/countdown2.js.map +1 -1
  437. package/lib/components/date-picker/src/date-picker-com/panel-year-range.js.map +1 -1
  438. package/lib/components/descriptions/src/description.js +1 -1
  439. package/lib/components/descriptions/src/descriptions-row.js +6 -63
  440. package/lib/components/descriptions/src/descriptions-row.js.map +1 -1
  441. package/lib/components/descriptions/src/descriptions-row2.js +63 -6
  442. package/lib/components/descriptions/src/descriptions-row2.js.map +1 -1
  443. package/lib/components/dropdown/src/dropdown-item-impl.js +1 -1
  444. package/lib/components/dropdown/src/dropdown-item.js.map +1 -1
  445. package/lib/components/dropdown/src/dropdown-menu.js +1 -1
  446. package/lib/components/dropdown/src/dropdown-menu.js.map +1 -1
  447. package/lib/components/dropdown/src/dropdown2.js +1 -1
  448. package/lib/components/dropdown/src/dropdown2.js.map +1 -1
  449. package/lib/components/empty/index.js +2 -2
  450. package/lib/components/empty/src/empty.js +52 -11
  451. package/lib/components/empty/src/empty.js.map +1 -1
  452. package/lib/components/empty/src/empty2.js +11 -52
  453. package/lib/components/empty/src/empty2.js.map +1 -1
  454. package/lib/components/focus-trap/src/focus-trap.js.map +1 -1
  455. package/lib/components/icon/index.js +2 -2
  456. package/lib/components/icon/src/icon.js +35 -8
  457. package/lib/components/icon/src/icon.js.map +1 -1
  458. package/lib/components/icon/src/icon2.js +8 -35
  459. package/lib/components/icon/src/icon2.js.map +1 -1
  460. package/lib/components/index.js +12 -12
  461. package/lib/components/input-number/src/input-number2.js.map +1 -1
  462. package/lib/components/input-tag/src/input-tag.js +1 -1
  463. package/lib/components/mention/src/mention-dropdown2.js.map +1 -1
  464. package/lib/components/menu/src/menu-collapse-transition.js.map +1 -1
  465. package/lib/components/message/index.js +1 -1
  466. package/lib/components/message/src/message.js +144 -93
  467. package/lib/components/message/src/message.js.map +1 -1
  468. package/lib/components/message/src/message2.js +93 -144
  469. package/lib/components/message/src/message2.js.map +1 -1
  470. package/lib/components/message/src/method.js +2 -2
  471. package/lib/components/message-box/src/index.js.map +1 -1
  472. package/lib/components/notification/index.js +1 -1
  473. package/lib/components/notification/src/notification.js +141 -69
  474. package/lib/components/notification/src/notification.js.map +1 -1
  475. package/lib/components/notification/src/notification2.js +69 -141
  476. package/lib/components/notification/src/notification2.js.map +1 -1
  477. package/lib/components/notification/src/notify.js +2 -2
  478. package/lib/components/page-header/src/page-header2.js.map +1 -1
  479. package/lib/components/pagination/src/components/pager2.js.map +1 -1
  480. package/lib/components/pagination/src/components/sizes.js +71 -23
  481. package/lib/components/pagination/src/components/sizes.js.map +1 -1
  482. package/lib/components/pagination/src/components/sizes2.js +23 -71
  483. package/lib/components/pagination/src/components/sizes2.js.map +1 -1
  484. package/lib/components/pagination/src/pagination.js +1 -1
  485. package/lib/components/popover/src/popover2.js.map +1 -1
  486. package/lib/components/rate/index.js +2 -2
  487. package/lib/components/rate/src/rate.js +257 -83
  488. package/lib/components/rate/src/rate.js.map +1 -1
  489. package/lib/components/rate/src/rate2.js +83 -257
  490. package/lib/components/rate/src/rate2.js.map +1 -1
  491. package/lib/components/result/src/result2.js.map +1 -1
  492. package/lib/components/roving-focus-group/index.js +2 -2
  493. package/lib/components/roving-focus-group/src/roving-focus-group-impl.js +1 -1
  494. package/lib/components/roving-focus-group/src/roving-focus-group.js +31 -27
  495. package/lib/components/roving-focus-group/src/roving-focus-group.js.map +1 -1
  496. package/lib/components/roving-focus-group/src/roving-focus-group2.js +27 -31
  497. package/lib/components/roving-focus-group/src/roving-focus-group2.js.map +1 -1
  498. package/lib/components/roving-focus-group/src/roving-focus-item.js +1 -1
  499. package/lib/components/scrollbar/src/bar.js +10 -64
  500. package/lib/components/scrollbar/src/bar.js.map +1 -1
  501. package/lib/components/scrollbar/src/bar2.js +64 -10
  502. package/lib/components/scrollbar/src/bar2.js.map +1 -1
  503. package/lib/components/scrollbar/src/scrollbar2.js +1 -1
  504. package/lib/components/scrollbar/src/scrollbar2.js.map +1 -1
  505. package/lib/components/select/src/select.js +1 -1
  506. package/lib/components/select-v2/src/defaults.js +1 -1
  507. package/lib/components/slider/index.js +2 -2
  508. package/lib/components/slider/src/slider.js +93 -238
  509. package/lib/components/slider/src/slider.js.map +1 -1
  510. package/lib/components/slider/src/slider2.js +238 -93
  511. package/lib/components/slider/src/slider2.js.map +1 -1
  512. package/lib/components/statistic/src/statistic2.js.map +1 -1
  513. package/lib/components/steps/index.js +2 -2
  514. package/lib/components/steps/src/steps.js +36 -38
  515. package/lib/components/steps/src/steps.js.map +1 -1
  516. package/lib/components/steps/src/steps2.js +38 -36
  517. package/lib/components/steps/src/steps2.js.map +1 -1
  518. package/lib/components/tag/index.js +2 -2
  519. package/lib/components/tag/src/tag.js +28 -99
  520. package/lib/components/tag/src/tag.js.map +1 -1
  521. package/lib/components/tag/src/tag2.js +99 -28
  522. package/lib/components/tag/src/tag2.js.map +1 -1
  523. package/lib/components/teleport/index.js +2 -2
  524. package/lib/components/teleport/src/teleport.js +8 -18
  525. package/lib/components/teleport/src/teleport.js.map +1 -1
  526. package/lib/components/teleport/src/teleport2.js +18 -8
  527. package/lib/components/teleport/src/teleport2.js.map +1 -1
  528. package/lib/components/time-picker/src/common/picker.js.map +1 -1
  529. package/lib/components/time-picker/src/time-picker-com/basic-time-spinner.js.map +1 -1
  530. package/lib/components/tooltip/src/trigger2.js.map +1 -1
  531. package/lib/components/tooltip-v2/index.js +1 -1
  532. package/lib/components/tooltip-v2/src/arrow.js +22 -37
  533. package/lib/components/tooltip-v2/src/arrow.js.map +1 -1
  534. package/lib/components/tooltip-v2/src/arrow2.js +37 -22
  535. package/lib/components/tooltip-v2/src/arrow2.js.map +1 -1
  536. package/lib/components/tooltip-v2/src/tooltip.js +1 -1
  537. package/lib/components/tooltip-v2/src/tooltip2.js +2 -2
  538. package/lib/components/tour/src/content2.js.map +1 -1
  539. package/lib/components/tree/src/tree-node.js.map +1 -1
  540. package/lib/components/tree/src/tree.js.map +1 -1
  541. package/lib/components/upload/index.js +1 -1
  542. package/lib/components/upload/src/upload-content2.js +1 -1
  543. package/lib/components/upload/src/upload-dragger.js +11 -47
  544. package/lib/components/upload/src/upload-dragger.js.map +1 -1
  545. package/lib/components/upload/src/upload-dragger2.js +47 -11
  546. package/lib/components/upload/src/upload-dragger2.js.map +1 -1
  547. package/lib/components/upload/src/upload-list2.js.map +1 -1
  548. package/lib/index.js +12 -12
  549. package/lib/version.d.ts +1 -1
  550. package/lib/version.js +1 -1
  551. package/lib/version.js.map +1 -1
  552. package/package.json +2 -2
  553. package/theme-chalk/el-cascader.css +1 -1
  554. package/theme-chalk/index.css +1 -1
  555. package/theme-chalk/src/cascader.scss +4 -0
  556. package/web-types.json +1 -1
@@ -1 +1 @@
1
- {"version":3,"file":"roving-focus-group2.mjs","sources":["../../../../../../packages/components/roving-focus-group/src/roving-focus-group.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-plus/utils'\nimport { createCollectionWithScope } from '@element-plus/components/collection'\nimport type { ExtractPropTypes, HTMLAttributes, StyleValue } from 'vue'\n\nexport const rovingFocusGroupProps = buildProps({\n style: { type: definePropType<StyleValue>([String, Array, Object]) },\n currentTabId: {\n type: definePropType<string | null>(String),\n },\n defaultCurrentTabId: String,\n loop: Boolean,\n dir: {\n type: String, // left for direction support\n values: ['ltr', 'rtl'],\n default: 'ltr',\n },\n orientation: {\n // left for orientation support\n type: definePropType<HTMLAttributes['aria-orientation']>(String),\n },\n\n onBlur: Function,\n onFocus: Function,\n onMousedown: Function,\n})\n\nexport type ElRovingFocusGroupProps = ExtractPropTypes<\n typeof rovingFocusGroupProps\n>\n\nconst {\n ElCollection,\n ElCollectionItem,\n COLLECTION_INJECTION_KEY,\n COLLECTION_ITEM_INJECTION_KEY,\n} = createCollectionWithScope('RovingFocusGroup')\n\nexport {\n ElCollection,\n ElCollectionItem,\n COLLECTION_INJECTION_KEY as ROVING_FOCUS_COLLECTION_INJECTION_KEY,\n COLLECTION_ITEM_INJECTION_KEY as ROVING_FOCUS_ITEM_COLLECTION_INJECTION_KEY,\n}\n"],"names":[],"mappings":";;;AAEY,MAAC,qBAAqB,GAAG,UAAU,CAAC;AAChD,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,cAAc,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC,EAAE;AAC1D,EAAE,YAAY,EAAE;AAChB,IAAI,IAAI,EAAE,cAAc,CAAC,MAAM,CAAC;AAChC,GAAG;AACH,EAAE,mBAAmB,EAAE,MAAM;AAC7B,EAAE,IAAI,EAAE,OAAO;AACf,EAAE,GAAG,EAAE;AACP,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC;AAC1B,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,EAAE,WAAW,EAAE;AACf,IAAI,IAAI,EAAE,cAAc,CAAC,MAAM,CAAC;AAChC,GAAG;AACH,EAAE,MAAM,EAAE,QAAQ;AAClB,EAAE,OAAO,EAAE,QAAQ;AACnB,EAAE,WAAW,EAAE,QAAQ;AACvB,CAAC,EAAE;AACE,MAAC;AACN,EAAE,YAAY;AACd,EAAE,gBAAgB;AAClB,EAAE,wBAAwB;AAC1B,EAAE,6BAA6B;AAC/B,CAAC,GAAG,yBAAyB,CAAC,kBAAkB;;;;"}
1
+ {"version":3,"file":"roving-focus-group2.mjs","sources":["../../../../../../packages/components/roving-focus-group/src/roving-focus-group.vue"],"sourcesContent":["<template>\n <el-focus-group-collection>\n <el-roving-focus-group-impl v-bind=\"$attrs\">\n <slot />\n </el-roving-focus-group-impl>\n </el-focus-group-collection>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent } from 'vue'\nimport ElRovingFocusGroupImpl from './roving-focus-group-impl.vue'\nimport { ElCollection as ElFocusGroupCollection } from './roving-focus-group'\n\nexport default defineComponent({\n name: 'ElRovingFocusGroup',\n components: {\n ElFocusGroupCollection,\n ElRovingFocusGroupImpl,\n },\n})\n</script>\n"],"names":["ElFocusGroupCollection","_createBlock","_withCtx","_createVNode","_normalizeProps","_guardReactiveProps","_renderSlot"],"mappings":";;;;;AAaA,MAAK,YAAa,eAAa,CAAA;AAAA,EAC7B,IAAM,EAAA,oBAAA;AAAA,EACN,UAAY,EAAA;AAAA,4BACVA,YAAA;AAAA,IACA,sBAAA;AAAA,GACF;AACF,CAAC,CAAA,CAAA;;;;sBAlBCC,WAI4B,CAAA,oCAAA,EAAA,IAAA,EAAA;AAAA,IAAA,OAAA,EAAAC,OAAA,CAH1B,MAE6B;AAAA,MAF7BC,WAAA,CAAA,qCAAA,EAAAC,cAAA,CAAAC,kBAAA,CAAA,IAAA,CAAA,MAAA,CAAA,CAAA,EAAA;AAAA,QAE6B,OAAA,EAAAH,OAAA,CAAA,MAAA;AAAA,UAAAI,UAAA,CAAA,IAAA,CAAA,MAAA,EAAA,SAFO,CAAM;AAAA,SAAA,CAAA;AAAA,QAAA,CAAA,EAAA,CAAA;AAChC,OAAA,EAAA,EAAA,CAAR;AAAQ,KAAA,CAAA;;;;;;;;"}
@@ -1,5 +1,5 @@
1
1
  import { defineComponent, inject, ref, computed, unref, provide, nextTick, resolveComponent, openBlock, createBlock, withCtx, renderSlot } from 'vue';
2
- import { ElCollectionItem, ROVING_FOCUS_COLLECTION_INJECTION_KEY as COLLECTION_INJECTION_KEY } from './roving-focus-group2.mjs';
2
+ import { ElCollectionItem, ROVING_FOCUS_COLLECTION_INJECTION_KEY as COLLECTION_INJECTION_KEY } from './roving-focus-group.mjs';
3
3
  import { ROVING_FOCUS_GROUP_INJECTION_KEY, ROVING_FOCUS_GROUP_ITEM_INJECTION_KEY } from './tokens.mjs';
4
4
  import { getFocusIntent, reorderArray, focusFirst } from './utils.mjs';
5
5
  import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
@@ -1,69 +1,15 @@
1
- import { defineComponent, inject, ref, openBlock, createElementBlock, Fragment, createVNode } from 'vue';
2
- import { GAP } from './util.mjs';
3
- import Thumb from './thumb2.mjs';
4
- import { barProps } from './bar2.mjs';
5
- import { scrollbarContextKey } from './constants.mjs';
6
- import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
1
+ import { buildProps } from '../../../utils/vue/props/runtime.mjs';
7
2
 
8
- const _sfc_main = /* @__PURE__ */ defineComponent({
9
- __name: "bar",
10
- props: barProps,
11
- setup(__props, { expose }) {
12
- const props = __props;
13
- const scrollbar = inject(scrollbarContextKey);
14
- const moveX = ref(0);
15
- const moveY = ref(0);
16
- const sizeWidth = ref("");
17
- const sizeHeight = ref("");
18
- const ratioY = ref(1);
19
- const ratioX = ref(1);
20
- const handleScroll = (wrap) => {
21
- if (wrap) {
22
- const offsetHeight = wrap.offsetHeight - GAP;
23
- const offsetWidth = wrap.offsetWidth - GAP;
24
- moveY.value = wrap.scrollTop * 100 / offsetHeight * ratioY.value;
25
- moveX.value = wrap.scrollLeft * 100 / offsetWidth * ratioX.value;
26
- }
27
- };
28
- const update = () => {
29
- const wrap = scrollbar == null ? void 0 : scrollbar.wrapElement;
30
- if (!wrap)
31
- return;
32
- const offsetHeight = wrap.offsetHeight - GAP;
33
- const offsetWidth = wrap.offsetWidth - GAP;
34
- const originalHeight = offsetHeight ** 2 / wrap.scrollHeight;
35
- const originalWidth = offsetWidth ** 2 / wrap.scrollWidth;
36
- const height = Math.max(originalHeight, props.minSize);
37
- const width = Math.max(originalWidth, props.minSize);
38
- ratioY.value = originalHeight / (offsetHeight - originalHeight) / (height / (offsetHeight - height));
39
- ratioX.value = originalWidth / (offsetWidth - originalWidth) / (width / (offsetWidth - width));
40
- sizeHeight.value = height + GAP < offsetHeight ? `${height}px` : "";
41
- sizeWidth.value = width + GAP < offsetWidth ? `${width}px` : "";
42
- };
43
- expose({
44
- handleScroll,
45
- update
46
- });
47
- return (_ctx, _cache) => {
48
- return openBlock(), createElementBlock(Fragment, null, [
49
- createVNode(Thumb, {
50
- move: moveX.value,
51
- ratio: ratioX.value,
52
- size: sizeWidth.value,
53
- always: _ctx.always
54
- }, null, 8, ["move", "ratio", "size", "always"]),
55
- createVNode(Thumb, {
56
- move: moveY.value,
57
- ratio: ratioY.value,
58
- size: sizeHeight.value,
59
- vertical: "",
60
- always: _ctx.always
61
- }, null, 8, ["move", "ratio", "size", "always"])
62
- ], 64);
63
- };
3
+ const barProps = buildProps({
4
+ always: {
5
+ type: Boolean,
6
+ default: true
7
+ },
8
+ minSize: {
9
+ type: Number,
10
+ required: true
64
11
  }
65
12
  });
66
- var Bar = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "bar.vue"]]);
67
13
 
68
- export { Bar as default };
14
+ export { barProps };
69
15
  //# sourceMappingURL=bar.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"bar.mjs","sources":["../../../../../../packages/components/scrollbar/src/bar.vue"],"sourcesContent":["<template>\n <thumb :move=\"moveX\" :ratio=\"ratioX\" :size=\"sizeWidth\" :always=\"always\" />\n <thumb\n :move=\"moveY\"\n :ratio=\"ratioY\"\n :size=\"sizeHeight\"\n vertical\n :always=\"always\"\n />\n</template>\n<script lang=\"ts\" setup>\nimport { inject, ref } from 'vue'\nimport { GAP } from './util'\nimport Thumb from './thumb.vue'\nimport { barProps } from './bar'\nimport { scrollbarContextKey } from './constants'\n\nconst props = defineProps(barProps)\n\nconst scrollbar = inject(scrollbarContextKey)\n\nconst moveX = ref(0)\nconst moveY = ref(0)\nconst sizeWidth = ref('')\nconst sizeHeight = ref('')\nconst ratioY = ref(1)\nconst ratioX = ref(1)\n\nconst handleScroll = (wrap: HTMLDivElement) => {\n if (wrap) {\n const offsetHeight = wrap.offsetHeight - GAP\n const offsetWidth = wrap.offsetWidth - GAP\n\n moveY.value = ((wrap.scrollTop * 100) / offsetHeight) * ratioY.value\n moveX.value = ((wrap.scrollLeft * 100) / offsetWidth) * ratioX.value\n }\n}\n\nconst update = () => {\n const wrap = scrollbar?.wrapElement\n if (!wrap) return\n const offsetHeight = wrap.offsetHeight - GAP\n const offsetWidth = wrap.offsetWidth - GAP\n\n const originalHeight = offsetHeight ** 2 / wrap.scrollHeight\n const originalWidth = offsetWidth ** 2 / wrap.scrollWidth\n const height = Math.max(originalHeight, props.minSize)\n const width = Math.max(originalWidth, props.minSize)\n\n ratioY.value =\n originalHeight /\n (offsetHeight - originalHeight) /\n (height / (offsetHeight - height))\n ratioX.value =\n originalWidth /\n (offsetWidth - originalWidth) /\n (width / (offsetWidth - width))\n\n sizeHeight.value = height + GAP < offsetHeight ? `${height}px` : ''\n sizeWidth.value = width + GAP < offsetWidth ? `${width}px` : ''\n}\n\ndefineExpose({\n handleScroll,\n update,\n})\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;AAmBA,IAAM,MAAA,SAAA,GAAY,OAAO,mBAAmB,CAAA,CAAA;AAE5C,IAAM,MAAA,KAAA,GAAQ,IAAI,CAAC,CAAA,CAAA;AACnB,IAAM,MAAA,KAAA,GAAQ,IAAI,CAAC,CAAA,CAAA;AACnB,IAAM,MAAA,SAAA,GAAY,IAAI,EAAE,CAAA,CAAA;AACxB,IAAM,MAAA,UAAA,GAAa,IAAI,EAAE,CAAA,CAAA;AACzB,IAAM,MAAA,MAAA,GAAS,IAAI,CAAC,CAAA,CAAA;AACpB,IAAM,MAAA,MAAA,GAAS,IAAI,CAAC,CAAA,CAAA;AAEpB,IAAM,MAAA,YAAA,GAAe,CAAC,IAAyB,KAAA;AAC7C,MAAA,IAAI,IAAM,EAAA;AACR,QAAM,MAAA,YAAA,GAAe,KAAK,YAAe,GAAA,GAAA,CAAA;AACzC,QAAM,MAAA,WAAA,GAAc,KAAK,WAAc,GAAA,GAAA,CAAA;AAEvC,QAAA,KAAA,CAAM,KAAU,GAAA,IAAA,CAAK,SAAY,GAAA,GAAA,GAAO,eAAgB,MAAO,CAAA,KAAA,CAAA;AAC/D,QAAA,KAAA,CAAM,KAAU,GAAA,IAAA,CAAK,UAAa,GAAA,GAAA,GAAO,cAAe,MAAO,CAAA,KAAA,CAAA;AAAA,OACjE;AAAA,KACF,CAAA;AAEA,IAAA,MAAM,SAAS,MAAM;AACnB,MAAA,MAAM,OAAO,SAAW,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,SAAA,CAAA,WAAA,CAAA;AACxB,MAAA,IAAI,CAAC,IAAM;AACX,QAAM,OAAA;AACN,MAAM,MAAA,YAAA,OAAmB,CAAc,YAAA,GAAA,GAAA,CAAA;AAEvC,MAAM,MAAA,WAAA,GAAA,IAAiC,CAAA,WAAA,GAAA,GAAA,CAAI;AAC3C,MAAM,MAAA,cAAA,GAA+B,YAAA,IAAA,CAAA,GAAS,IAAA,CAAA,YAAA,CAAA;AAC9C,MAAA,MAAM,aAAS,GAAS,WAAA,IAAA,CAAA,QAAsB,WAAO,CAAA;AACrD,MAAA,MAAM,MAAQ,GAAA,IAAK,CAAI,GAAA,CAAA,cAAe,OAAa,CAAA,OAAA,CAAA,CAAA;AAEnD,MAAA,MAAA,KACE,GAAA,IAAA,CAAA,GAAA,CAAA,aACgB,EAAA,KAAA,CAAA,OAAA,CAAA,CAAA;AAElB,MAAA,MAAA,CAAO,KACL,GAAA,cAAA,IACe,YAAA,GAAA,cAAA,CAAA,UACL,IAAc,YAAA,GAAA,MAAA,CAAA,CAAA,CAAA;AAE1B,MAAA,MAAA,CAAA,qBAA4B,IAAA,WAAqB,GAAA,aAAgB,CAAA,IAAA,KAAA,IAAA,WAAA,GAAA,KAAA,CAAA,CAAA,CAAA;AACjE,MAAA,UAAU,SAAgB,MAAA,GAAA,GAAA,GAAoB,YAAA,GAAG,SAAY,CAAA,EAAA,CAAA,GAAA,EAAA,CAAA;AAAA,MAC/D,SAAA,CAAA,KAAA,GAAA,KAAA,GAAA,GAAA,GAAA,WAAA,GAAA,CAAA,EAAA,KAAA,CAAA,EAAA,CAAA,GAAA,EAAA,CAAA;AAEA,KAAa,CAAA;AAAA,IACX,MAAA,CAAA;AAAA,MACA,YAAA;AAAA,MACD,MAAA;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"bar.mjs","sources":["../../../../../../packages/components/scrollbar/src/bar.ts"],"sourcesContent":["import { buildProps } from '@element-plus/utils'\nimport type { ExtractPropTypes } from 'vue'\nimport type Bar from './bar.vue'\n\nexport const barProps = buildProps({\n always: {\n type: Boolean,\n default: true,\n },\n minSize: {\n type: Number,\n required: true,\n },\n} as const)\nexport type BarProps = ExtractPropTypes<typeof barProps>\n\nexport type BarInstance = InstanceType<typeof Bar>\n"],"names":[],"mappings":";;AACY,MAAC,QAAQ,GAAG,UAAU,CAAC;AACnC,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,OAAO,EAAE;AACX,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,QAAQ,EAAE,IAAI;AAClB,GAAG;AACH,CAAC;;;;"}
@@ -1,15 +1,69 @@
1
- import { buildProps } from '../../../utils/vue/props/runtime.mjs';
1
+ import { defineComponent, inject, ref, openBlock, createElementBlock, Fragment, createVNode } from 'vue';
2
+ import { GAP } from './util.mjs';
3
+ import Thumb from './thumb2.mjs';
4
+ import { barProps } from './bar.mjs';
5
+ import { scrollbarContextKey } from './constants.mjs';
6
+ import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
2
7
 
3
- const barProps = buildProps({
4
- always: {
5
- type: Boolean,
6
- default: true
7
- },
8
- minSize: {
9
- type: Number,
10
- required: true
8
+ const _sfc_main = /* @__PURE__ */ defineComponent({
9
+ __name: "bar",
10
+ props: barProps,
11
+ setup(__props, { expose }) {
12
+ const props = __props;
13
+ const scrollbar = inject(scrollbarContextKey);
14
+ const moveX = ref(0);
15
+ const moveY = ref(0);
16
+ const sizeWidth = ref("");
17
+ const sizeHeight = ref("");
18
+ const ratioY = ref(1);
19
+ const ratioX = ref(1);
20
+ const handleScroll = (wrap) => {
21
+ if (wrap) {
22
+ const offsetHeight = wrap.offsetHeight - GAP;
23
+ const offsetWidth = wrap.offsetWidth - GAP;
24
+ moveY.value = wrap.scrollTop * 100 / offsetHeight * ratioY.value;
25
+ moveX.value = wrap.scrollLeft * 100 / offsetWidth * ratioX.value;
26
+ }
27
+ };
28
+ const update = () => {
29
+ const wrap = scrollbar == null ? void 0 : scrollbar.wrapElement;
30
+ if (!wrap)
31
+ return;
32
+ const offsetHeight = wrap.offsetHeight - GAP;
33
+ const offsetWidth = wrap.offsetWidth - GAP;
34
+ const originalHeight = offsetHeight ** 2 / wrap.scrollHeight;
35
+ const originalWidth = offsetWidth ** 2 / wrap.scrollWidth;
36
+ const height = Math.max(originalHeight, props.minSize);
37
+ const width = Math.max(originalWidth, props.minSize);
38
+ ratioY.value = originalHeight / (offsetHeight - originalHeight) / (height / (offsetHeight - height));
39
+ ratioX.value = originalWidth / (offsetWidth - originalWidth) / (width / (offsetWidth - width));
40
+ sizeHeight.value = height + GAP < offsetHeight ? `${height}px` : "";
41
+ sizeWidth.value = width + GAP < offsetWidth ? `${width}px` : "";
42
+ };
43
+ expose({
44
+ handleScroll,
45
+ update
46
+ });
47
+ return (_ctx, _cache) => {
48
+ return openBlock(), createElementBlock(Fragment, null, [
49
+ createVNode(Thumb, {
50
+ move: moveX.value,
51
+ ratio: ratioX.value,
52
+ size: sizeWidth.value,
53
+ always: _ctx.always
54
+ }, null, 8, ["move", "ratio", "size", "always"]),
55
+ createVNode(Thumb, {
56
+ move: moveY.value,
57
+ ratio: ratioY.value,
58
+ size: sizeHeight.value,
59
+ vertical: "",
60
+ always: _ctx.always
61
+ }, null, 8, ["move", "ratio", "size", "always"])
62
+ ], 64);
63
+ };
11
64
  }
12
65
  });
66
+ var Bar = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "bar.vue"]]);
13
67
 
14
- export { barProps };
68
+ export { Bar as default };
15
69
  //# sourceMappingURL=bar2.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"bar2.mjs","sources":["../../../../../../packages/components/scrollbar/src/bar.ts"],"sourcesContent":["import { buildProps } from '@element-plus/utils'\nimport type { ExtractPropTypes } from 'vue'\nimport type Bar from './bar.vue'\n\nexport const barProps = buildProps({\n always: {\n type: Boolean,\n default: true,\n },\n minSize: {\n type: Number,\n required: true,\n },\n} as const)\nexport type BarProps = ExtractPropTypes<typeof barProps>\n\nexport type BarInstance = InstanceType<typeof Bar>\n"],"names":[],"mappings":";;AACY,MAAC,QAAQ,GAAG,UAAU,CAAC;AACnC,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,OAAO,EAAE;AACX,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,QAAQ,EAAE,IAAI;AAClB,GAAG;AACH,CAAC;;;;"}
1
+ {"version":3,"file":"bar2.mjs","sources":["../../../../../../packages/components/scrollbar/src/bar.vue"],"sourcesContent":["<template>\n <thumb :move=\"moveX\" :ratio=\"ratioX\" :size=\"sizeWidth\" :always=\"always\" />\n <thumb\n :move=\"moveY\"\n :ratio=\"ratioY\"\n :size=\"sizeHeight\"\n vertical\n :always=\"always\"\n />\n</template>\n\n<script lang=\"ts\" setup>\nimport { inject, ref } from 'vue'\nimport { GAP } from './util'\nimport Thumb from './thumb.vue'\nimport { barProps } from './bar'\nimport { scrollbarContextKey } from './constants'\n\nconst props = defineProps(barProps)\n\nconst scrollbar = inject(scrollbarContextKey)\n\nconst moveX = ref(0)\nconst moveY = ref(0)\nconst sizeWidth = ref('')\nconst sizeHeight = ref('')\nconst ratioY = ref(1)\nconst ratioX = ref(1)\n\nconst handleScroll = (wrap: HTMLDivElement) => {\n if (wrap) {\n const offsetHeight = wrap.offsetHeight - GAP\n const offsetWidth = wrap.offsetWidth - GAP\n\n moveY.value = ((wrap.scrollTop * 100) / offsetHeight) * ratioY.value\n moveX.value = ((wrap.scrollLeft * 100) / offsetWidth) * ratioX.value\n }\n}\n\nconst update = () => {\n const wrap = scrollbar?.wrapElement\n if (!wrap) return\n const offsetHeight = wrap.offsetHeight - GAP\n const offsetWidth = wrap.offsetWidth - GAP\n\n const originalHeight = offsetHeight ** 2 / wrap.scrollHeight\n const originalWidth = offsetWidth ** 2 / wrap.scrollWidth\n const height = Math.max(originalHeight, props.minSize)\n const width = Math.max(originalWidth, props.minSize)\n\n ratioY.value =\n originalHeight /\n (offsetHeight - originalHeight) /\n (height / (offsetHeight - height))\n ratioX.value =\n originalWidth /\n (offsetWidth - originalWidth) /\n (width / (offsetWidth - width))\n\n sizeHeight.value = height + GAP < offsetHeight ? `${height}px` : ''\n sizeWidth.value = width + GAP < offsetWidth ? `${width}px` : ''\n}\n\ndefineExpose({\n handleScroll,\n update,\n})\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;AAoBA,IAAM,MAAA,SAAA,GAAY,OAAO,mBAAmB,CAAA,CAAA;AAE5C,IAAM,MAAA,KAAA,GAAQ,IAAI,CAAC,CAAA,CAAA;AACnB,IAAM,MAAA,KAAA,GAAQ,IAAI,CAAC,CAAA,CAAA;AACnB,IAAM,MAAA,SAAA,GAAY,IAAI,EAAE,CAAA,CAAA;AACxB,IAAM,MAAA,UAAA,GAAa,IAAI,EAAE,CAAA,CAAA;AACzB,IAAM,MAAA,MAAA,GAAS,IAAI,CAAC,CAAA,CAAA;AACpB,IAAM,MAAA,MAAA,GAAS,IAAI,CAAC,CAAA,CAAA;AAEpB,IAAM,MAAA,YAAA,GAAe,CAAC,IAAyB,KAAA;AAC7C,MAAA,IAAI,IAAM,EAAA;AACR,QAAM,MAAA,YAAA,GAAe,KAAK,YAAe,GAAA,GAAA,CAAA;AACzC,QAAM,MAAA,WAAA,GAAc,KAAK,WAAc,GAAA,GAAA,CAAA;AAEvC,QAAA,KAAA,CAAM,KAAU,GAAA,IAAA,CAAK,SAAY,GAAA,GAAA,GAAO,eAAgB,MAAO,CAAA,KAAA,CAAA;AAC/D,QAAA,KAAA,CAAM,KAAU,GAAA,IAAA,CAAK,UAAa,GAAA,GAAA,GAAO,cAAe,MAAO,CAAA,KAAA,CAAA;AAAA,OACjE;AAAA,KACF,CAAA;AAEA,IAAA,MAAM,SAAS,MAAM;AACnB,MAAA,MAAM,OAAO,SAAW,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,SAAA,CAAA,WAAA,CAAA;AACxB,MAAA,IAAI,CAAC,IAAM;AACX,QAAM,OAAA;AACN,MAAM,MAAA,YAAA,OAAmB,CAAc,YAAA,GAAA,GAAA,CAAA;AAEvC,MAAM,MAAA,WAAA,GAAA,IAAiC,CAAA,WAAA,GAAA,GAAA,CAAI;AAC3C,MAAM,MAAA,cAAA,GAA+B,YAAA,IAAA,CAAA,GAAS,IAAA,CAAA,YAAA,CAAA;AAC9C,MAAA,MAAM,aAAS,GAAS,WAAA,IAAA,CAAA,QAAsB,WAAO,CAAA;AACrD,MAAA,MAAM,MAAQ,GAAA,IAAK,CAAI,GAAA,CAAA,cAAe,OAAa,CAAA,OAAA,CAAA,CAAA;AAEnD,MAAA,MAAA,KACE,GAAA,IAAA,CAAA,GAAA,CAAA,aACgB,EAAA,KAAA,CAAA,OAAA,CAAA,CAAA;AAElB,MAAA,MAAA,CAAO,KACL,GAAA,cAAA,IACe,YAAA,GAAA,cAAA,CAAA,UACL,IAAc,YAAA,GAAA,MAAA,CAAA,CAAA,CAAA;AAE1B,MAAA,MAAA,CAAA,qBAA4B,IAAA,WAAqB,GAAA,aAAgB,CAAA,IAAA,KAAA,IAAA,WAAA,GAAA,KAAA,CAAA,CAAA,CAAA;AACjE,MAAA,UAAU,SAAgB,MAAA,GAAA,GAAA,GAAoB,YAAA,GAAG,SAAY,CAAA,EAAA,CAAA,GAAA,EAAA,CAAA;AAAA,MAC/D,SAAA,CAAA,KAAA,GAAA,KAAA,GAAA,GAAA,GAAA,WAAA,GAAA,CAAA,EAAA,KAAA,CAAA,EAAA,CAAA,GAAA,EAAA,CAAA;AAEA,KAAa,CAAA;AAAA,IACX,MAAA,CAAA;AAAA,MACA,YAAA;AAAA,MACD,MAAA;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -1,6 +1,6 @@
1
1
  import { defineComponent, ref, computed, watch, nextTick, provide, reactive, onActivated, onMounted, onUpdated, openBlock, createElementBlock, normalizeClass, unref, createElementVNode, normalizeStyle, createBlock, resolveDynamicComponent, withCtx, renderSlot, createCommentVNode } from 'vue';
2
2
  import { useResizeObserver, useEventListener } from '@vueuse/core';
3
- import Bar from './bar.mjs';
3
+ import Bar from './bar2.mjs';
4
4
  import { scrollbarContextKey } from './constants.mjs';
5
5
  import { scrollbarProps, scrollbarEmits } from './scrollbar.mjs';
6
6
  import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
@@ -1 +1 @@
1
- {"version":3,"file":"scrollbar2.mjs","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<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'\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\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 wrapScrollTop = wrapRef.value.scrollTop\n wrapScrollLeft = wrapRef.value.scrollLeft\n\n emit('scroll', {\n scrollTop: wrapRef.value.scrollTop,\n scrollLeft: wrapRef.value.scrollLeft,\n })\n }\n}\n\n// TODO: refactor method overrides, due to script setup dts\n// @ts-nocheck\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":["_openBlock","_createElementBlock","_normalizeClass","_unref","_createElementVNode","_normalizeStyle"],"mappings":"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"}
1
+ {"version":3,"file":"scrollbar2.mjs","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'\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\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 wrapScrollTop = wrapRef.value.scrollTop\n wrapScrollLeft = wrapRef.value.scrollLeft\n\n emit('scroll', {\n scrollTop: wrapRef.value.scrollTop,\n scrollLeft: wrapRef.value.scrollLeft,\n })\n }\n}\n\n// TODO: refactor method overrides, due to script setup dts\n// @ts-nocheck\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":["_openBlock","_createElementBlock","_normalizeClass","_unref","_createElementVNode","_normalizeStyle"],"mappings":"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"}
@@ -4,7 +4,7 @@ import { buildProps, definePropType } from '../../../utils/vue/props/runtime.mjs
4
4
  import { useSizeProp } from '../../../hooks/use-size/index.mjs';
5
5
  import { useTooltipContentProps } from '../../tooltip/src/content.mjs';
6
6
  import { iconPropType } from '../../../utils/vue/icon.mjs';
7
- import { tagProps } from '../../tag/src/tag2.mjs';
7
+ import { tagProps } from '../../tag/src/tag.mjs';
8
8
  import { useEmptyValuesProps } from '../../../hooks/use-empty-values/index.mjs';
9
9
  import { useAriaProps } from '../../../hooks/use-aria/index.mjs';
10
10
 
@@ -5,7 +5,7 @@ import { buildProps, definePropType } from '../../../utils/vue/props/runtime.mjs
5
5
  import { iconPropType } from '../../../utils/vue/icon.mjs';
6
6
  import { useTooltipContentProps } from '../../tooltip/src/content.mjs';
7
7
  import { useSizeProp } from '../../../hooks/use-size/index.mjs';
8
- import { tagProps } from '../../tag/src/tag2.mjs';
8
+ import { tagProps } from '../../tag/src/tag.mjs';
9
9
  import { isBoolean, isNumber } from '../../../utils/types.mjs';
10
10
  import { useEmptyValuesProps } from '../../../hooks/use-empty-values/index.mjs';
11
11
  import { useAriaProps } from '../../../hooks/use-aria/index.mjs';
@@ -1,5 +1,5 @@
1
- import Slider from './src/slider.mjs';
2
- export { sliderEmits, sliderProps } from './src/slider2.mjs';
1
+ import Slider from './src/slider2.mjs';
2
+ export { sliderEmits, sliderProps } from './src/slider.mjs';
3
3
  export { sliderContextKey } from './src/constants.mjs';
4
4
  import { withInstall } from '../../utils/vue/install.mjs';
5
5
 
@@ -1,242 +1,96 @@
1
- import { defineComponent, reactive, computed, toRefs, provide, openBlock, createElementBlock, unref, normalizeClass, createElementVNode, normalizeStyle, createVNode, createBlock, createCommentVNode, Fragment, renderList, withModifiers } from 'vue';
2
- import { useEventListener } from '@vueuse/core';
3
- import { ElInputNumber } from '../../input-number/index.mjs';
4
- import { sliderContextKey } from './constants.mjs';
5
- import { sliderProps, sliderEmits } from './slider2.mjs';
6
- import SliderButton from './button2.mjs';
7
- import SliderMarker from './marker.mjs';
8
- import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
9
- import { useSlide } from './composables/use-slide.mjs';
10
- import { useStops } from './composables/use-stops.mjs';
11
- import { useMarks } from './composables/use-marks.mjs';
12
- import { useWatch } from './composables/use-watch.mjs';
13
- import { useLifecycle } from './composables/use-lifecycle.mjs';
14
- import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
15
- import { useLocale } from '../../../hooks/use-locale/index.mjs';
16
- import { useFormItemInputId } from '../../form/src/hooks/use-form-item.mjs';
17
- import { useFormSize } from '../../form/src/hooks/use-form-common-props.mjs';
1
+ import { placements } from '@popperjs/core';
2
+ import { buildProps, definePropType } from '../../../utils/vue/props/runtime.mjs';
3
+ import { useSizeProp } from '../../../hooks/use-size/index.mjs';
4
+ import { useAriaProps } from '../../../hooks/use-aria/index.mjs';
5
+ import { UPDATE_MODEL_EVENT, INPUT_EVENT, CHANGE_EVENT } from '../../../constants/event.mjs';
6
+ import { isNumber } from '../../../utils/types.mjs';
7
+ import { isArray } from '@vue/shared';
18
8
 
19
- const __default__ = defineComponent({
20
- name: "ElSlider"
9
+ const sliderProps = buildProps({
10
+ modelValue: {
11
+ type: definePropType([Number, Array]),
12
+ default: 0
13
+ },
14
+ id: {
15
+ type: String,
16
+ default: void 0
17
+ },
18
+ min: {
19
+ type: Number,
20
+ default: 0
21
+ },
22
+ max: {
23
+ type: Number,
24
+ default: 100
25
+ },
26
+ step: {
27
+ type: Number,
28
+ default: 1
29
+ },
30
+ showInput: Boolean,
31
+ showInputControls: {
32
+ type: Boolean,
33
+ default: true
34
+ },
35
+ size: useSizeProp,
36
+ inputSize: useSizeProp,
37
+ showStops: Boolean,
38
+ showTooltip: {
39
+ type: Boolean,
40
+ default: true
41
+ },
42
+ formatTooltip: {
43
+ type: definePropType(Function),
44
+ default: void 0
45
+ },
46
+ disabled: Boolean,
47
+ range: Boolean,
48
+ vertical: Boolean,
49
+ height: String,
50
+ debounce: {
51
+ type: Number,
52
+ default: 300
53
+ },
54
+ rangeStartLabel: {
55
+ type: String,
56
+ default: void 0
57
+ },
58
+ rangeEndLabel: {
59
+ type: String,
60
+ default: void 0
61
+ },
62
+ formatValueText: {
63
+ type: definePropType(Function),
64
+ default: void 0
65
+ },
66
+ tooltipClass: {
67
+ type: String,
68
+ default: void 0
69
+ },
70
+ placement: {
71
+ type: String,
72
+ values: placements,
73
+ default: "top"
74
+ },
75
+ marks: {
76
+ type: definePropType(Object)
77
+ },
78
+ validateEvent: {
79
+ type: Boolean,
80
+ default: true
81
+ },
82
+ persistent: {
83
+ type: Boolean,
84
+ default: true
85
+ },
86
+ ...useAriaProps(["ariaLabel"])
21
87
  });
22
- const _sfc_main = /* @__PURE__ */ defineComponent({
23
- ...__default__,
24
- props: sliderProps,
25
- emits: sliderEmits,
26
- setup(__props, { expose, emit }) {
27
- const props = __props;
28
- const ns = useNamespace("slider");
29
- const { t } = useLocale();
30
- const initData = reactive({
31
- firstValue: 0,
32
- secondValue: 0,
33
- oldValue: 0,
34
- dragging: false,
35
- sliderSize: 1
36
- });
37
- const {
38
- elFormItem,
39
- slider,
40
- firstButton,
41
- secondButton,
42
- sliderDisabled,
43
- minValue,
44
- maxValue,
45
- runwayStyle,
46
- barStyle,
47
- resetSize,
48
- emitChange,
49
- onSliderWrapperPrevent,
50
- onSliderClick,
51
- onSliderDown,
52
- onSliderMarkerDown,
53
- setFirstValue,
54
- setSecondValue
55
- } = useSlide(props, initData, emit);
56
- const { stops, getStopStyle } = useStops(props, initData, minValue, maxValue);
57
- const { inputId, isLabeledByFormItem } = useFormItemInputId(props, {
58
- formItemContext: elFormItem
59
- });
60
- const sliderWrapperSize = useFormSize();
61
- const sliderInputSize = computed(() => props.inputSize || sliderWrapperSize.value);
62
- const groupLabel = computed(() => {
63
- return props.ariaLabel || t("el.slider.defaultLabel", {
64
- min: props.min,
65
- max: props.max
66
- });
67
- });
68
- const firstButtonLabel = computed(() => {
69
- if (props.range) {
70
- return props.rangeStartLabel || t("el.slider.defaultRangeStartLabel");
71
- } else {
72
- return groupLabel.value;
73
- }
74
- });
75
- const firstValueText = computed(() => {
76
- return props.formatValueText ? props.formatValueText(firstValue.value) : `${firstValue.value}`;
77
- });
78
- const secondButtonLabel = computed(() => {
79
- return props.rangeEndLabel || t("el.slider.defaultRangeEndLabel");
80
- });
81
- const secondValueText = computed(() => {
82
- return props.formatValueText ? props.formatValueText(secondValue.value) : `${secondValue.value}`;
83
- });
84
- const sliderKls = computed(() => [
85
- ns.b(),
86
- ns.m(sliderWrapperSize.value),
87
- ns.is("vertical", props.vertical),
88
- { [ns.m("with-input")]: props.showInput }
89
- ]);
90
- const markList = useMarks(props);
91
- useWatch(props, initData, minValue, maxValue, emit, elFormItem);
92
- const precision = computed(() => {
93
- const precisions = [props.min, props.max, props.step].map((item) => {
94
- const decimal = `${item}`.split(".")[1];
95
- return decimal ? decimal.length : 0;
96
- });
97
- return Math.max.apply(null, precisions);
98
- });
99
- const { sliderWrapper } = useLifecycle(props, initData, resetSize);
100
- const { firstValue, secondValue, sliderSize } = toRefs(initData);
101
- const updateDragging = (val) => {
102
- initData.dragging = val;
103
- };
104
- useEventListener(sliderWrapper, "touchstart", onSliderWrapperPrevent, {
105
- passive: false
106
- });
107
- useEventListener(sliderWrapper, "touchmove", onSliderWrapperPrevent, {
108
- passive: false
109
- });
110
- provide(sliderContextKey, {
111
- ...toRefs(props),
112
- sliderSize,
113
- disabled: sliderDisabled,
114
- precision,
115
- emitChange,
116
- resetSize,
117
- updateDragging
118
- });
119
- expose({
120
- onSliderClick
121
- });
122
- return (_ctx, _cache) => {
123
- var _a, _b;
124
- return openBlock(), createElementBlock("div", {
125
- id: _ctx.range ? unref(inputId) : void 0,
126
- ref_key: "sliderWrapper",
127
- ref: sliderWrapper,
128
- class: normalizeClass(unref(sliderKls)),
129
- role: _ctx.range ? "group" : void 0,
130
- "aria-label": _ctx.range && !unref(isLabeledByFormItem) ? unref(groupLabel) : void 0,
131
- "aria-labelledby": _ctx.range && unref(isLabeledByFormItem) ? (_a = unref(elFormItem)) == null ? void 0 : _a.labelId : void 0
132
- }, [
133
- createElementVNode("div", {
134
- ref_key: "slider",
135
- ref: slider,
136
- class: normalizeClass([
137
- unref(ns).e("runway"),
138
- { "show-input": _ctx.showInput && !_ctx.range },
139
- unref(ns).is("disabled", unref(sliderDisabled))
140
- ]),
141
- style: normalizeStyle(unref(runwayStyle)),
142
- onMousedown: unref(onSliderDown),
143
- onTouchstartPassive: unref(onSliderDown)
144
- }, [
145
- createElementVNode("div", {
146
- class: normalizeClass(unref(ns).e("bar")),
147
- style: normalizeStyle(unref(barStyle))
148
- }, null, 6),
149
- createVNode(SliderButton, {
150
- id: !_ctx.range ? unref(inputId) : void 0,
151
- ref_key: "firstButton",
152
- ref: firstButton,
153
- "model-value": unref(firstValue),
154
- vertical: _ctx.vertical,
155
- "tooltip-class": _ctx.tooltipClass,
156
- placement: _ctx.placement,
157
- role: "slider",
158
- "aria-label": _ctx.range || !unref(isLabeledByFormItem) ? unref(firstButtonLabel) : void 0,
159
- "aria-labelledby": !_ctx.range && unref(isLabeledByFormItem) ? (_b = unref(elFormItem)) == null ? void 0 : _b.labelId : void 0,
160
- "aria-valuemin": _ctx.min,
161
- "aria-valuemax": _ctx.range ? unref(secondValue) : _ctx.max,
162
- "aria-valuenow": unref(firstValue),
163
- "aria-valuetext": unref(firstValueText),
164
- "aria-orientation": _ctx.vertical ? "vertical" : "horizontal",
165
- "aria-disabled": unref(sliderDisabled),
166
- "onUpdate:modelValue": unref(setFirstValue)
167
- }, null, 8, ["id", "model-value", "vertical", "tooltip-class", "placement", "aria-label", "aria-labelledby", "aria-valuemin", "aria-valuemax", "aria-valuenow", "aria-valuetext", "aria-orientation", "aria-disabled", "onUpdate:modelValue"]),
168
- _ctx.range ? (openBlock(), createBlock(SliderButton, {
169
- key: 0,
170
- ref_key: "secondButton",
171
- ref: secondButton,
172
- "model-value": unref(secondValue),
173
- vertical: _ctx.vertical,
174
- "tooltip-class": _ctx.tooltipClass,
175
- placement: _ctx.placement,
176
- role: "slider",
177
- "aria-label": unref(secondButtonLabel),
178
- "aria-valuemin": unref(firstValue),
179
- "aria-valuemax": _ctx.max,
180
- "aria-valuenow": unref(secondValue),
181
- "aria-valuetext": unref(secondValueText),
182
- "aria-orientation": _ctx.vertical ? "vertical" : "horizontal",
183
- "aria-disabled": unref(sliderDisabled),
184
- "onUpdate:modelValue": unref(setSecondValue)
185
- }, null, 8, ["model-value", "vertical", "tooltip-class", "placement", "aria-label", "aria-valuemin", "aria-valuemax", "aria-valuenow", "aria-valuetext", "aria-orientation", "aria-disabled", "onUpdate:modelValue"])) : createCommentVNode("v-if", true),
186
- _ctx.showStops ? (openBlock(), createElementBlock("div", { key: 1 }, [
187
- (openBlock(true), createElementBlock(Fragment, null, renderList(unref(stops), (item, key) => {
188
- return openBlock(), createElementBlock("div", {
189
- key,
190
- class: normalizeClass(unref(ns).e("stop")),
191
- style: normalizeStyle(unref(getStopStyle)(item))
192
- }, null, 6);
193
- }), 128))
194
- ])) : createCommentVNode("v-if", true),
195
- unref(markList).length > 0 ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
196
- createElementVNode("div", null, [
197
- (openBlock(true), createElementBlock(Fragment, null, renderList(unref(markList), (item, key) => {
198
- return openBlock(), createElementBlock("div", {
199
- key,
200
- style: normalizeStyle(unref(getStopStyle)(item.position)),
201
- class: normalizeClass([unref(ns).e("stop"), unref(ns).e("marks-stop")])
202
- }, null, 6);
203
- }), 128))
204
- ]),
205
- createElementVNode("div", {
206
- class: normalizeClass(unref(ns).e("marks"))
207
- }, [
208
- (openBlock(true), createElementBlock(Fragment, null, renderList(unref(markList), (item, key) => {
209
- return openBlock(), createBlock(unref(SliderMarker), {
210
- key,
211
- mark: item.mark,
212
- style: normalizeStyle(unref(getStopStyle)(item.position)),
213
- onMousedown: withModifiers(($event) => unref(onSliderMarkerDown)(item.position), ["stop"])
214
- }, null, 8, ["mark", "style", "onMousedown"]);
215
- }), 128))
216
- ], 2)
217
- ], 64)) : createCommentVNode("v-if", true)
218
- ], 46, ["onMousedown", "onTouchstartPassive"]),
219
- _ctx.showInput && !_ctx.range ? (openBlock(), createBlock(unref(ElInputNumber), {
220
- key: 0,
221
- ref: "input",
222
- "model-value": unref(firstValue),
223
- class: normalizeClass(unref(ns).e("input")),
224
- step: _ctx.step,
225
- disabled: unref(sliderDisabled),
226
- controls: _ctx.showInputControls,
227
- min: _ctx.min,
228
- max: _ctx.max,
229
- precision: unref(precision),
230
- debounce: _ctx.debounce,
231
- size: unref(sliderInputSize),
232
- "onUpdate:modelValue": unref(setFirstValue),
233
- onChange: unref(emitChange)
234
- }, null, 8, ["model-value", "class", "step", "disabled", "controls", "min", "max", "precision", "debounce", "size", "onUpdate:modelValue", "onChange"])) : createCommentVNode("v-if", true)
235
- ], 10, ["id", "role", "aria-label", "aria-labelledby"]);
236
- };
237
- }
238
- });
239
- var Slider = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "slider.vue"]]);
88
+ const isValidValue = (value) => isNumber(value) || isArray(value) && value.every(isNumber);
89
+ const sliderEmits = {
90
+ [UPDATE_MODEL_EVENT]: isValidValue,
91
+ [INPUT_EVENT]: isValidValue,
92
+ [CHANGE_EVENT]: isValidValue
93
+ };
240
94
 
241
- export { Slider as default };
95
+ export { sliderEmits, sliderProps };
242
96
  //# sourceMappingURL=slider.mjs.map