@element-plus/nightly 0.0.20250612 → 0.0.20250613

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 (688) hide show
  1. package/dist/index.full.js +10 -3
  2. package/dist/index.full.min.js +3 -3
  3. package/dist/index.full.min.js.map +1 -1
  4. package/dist/index.full.min.mjs +3 -3
  5. package/dist/index.full.min.mjs.map +1 -1
  6. package/dist/index.full.mjs +10 -3
  7. package/dist/locale/af.js +1 -1
  8. package/dist/locale/af.min.js +1 -1
  9. package/dist/locale/af.min.mjs +1 -1
  10. package/dist/locale/af.mjs +1 -1
  11. package/dist/locale/ar-eg.js +1 -1
  12. package/dist/locale/ar-eg.min.js +1 -1
  13. package/dist/locale/ar-eg.min.mjs +1 -1
  14. package/dist/locale/ar-eg.mjs +1 -1
  15. package/dist/locale/ar.js +1 -1
  16. package/dist/locale/ar.min.js +1 -1
  17. package/dist/locale/ar.min.mjs +1 -1
  18. package/dist/locale/ar.mjs +1 -1
  19. package/dist/locale/az.js +1 -1
  20. package/dist/locale/az.min.js +1 -1
  21. package/dist/locale/az.min.mjs +1 -1
  22. package/dist/locale/az.mjs +1 -1
  23. package/dist/locale/bg.js +1 -1
  24. package/dist/locale/bg.min.js +1 -1
  25. package/dist/locale/bg.min.mjs +1 -1
  26. package/dist/locale/bg.mjs +1 -1
  27. package/dist/locale/bn.js +1 -1
  28. package/dist/locale/bn.min.js +1 -1
  29. package/dist/locale/bn.min.mjs +1 -1
  30. package/dist/locale/bn.mjs +1 -1
  31. package/dist/locale/ca.js +1 -1
  32. package/dist/locale/ca.min.js +1 -1
  33. package/dist/locale/ca.min.mjs +1 -1
  34. package/dist/locale/ca.mjs +1 -1
  35. package/dist/locale/ckb.js +1 -1
  36. package/dist/locale/ckb.min.js +1 -1
  37. package/dist/locale/ckb.min.mjs +1 -1
  38. package/dist/locale/ckb.mjs +1 -1
  39. package/dist/locale/cs.js +1 -1
  40. package/dist/locale/cs.min.js +1 -1
  41. package/dist/locale/cs.min.mjs +1 -1
  42. package/dist/locale/cs.mjs +1 -1
  43. package/dist/locale/da.js +1 -1
  44. package/dist/locale/da.min.js +1 -1
  45. package/dist/locale/da.min.mjs +1 -1
  46. package/dist/locale/da.mjs +1 -1
  47. package/dist/locale/de.js +1 -1
  48. package/dist/locale/de.min.js +1 -1
  49. package/dist/locale/de.min.mjs +1 -1
  50. package/dist/locale/de.mjs +1 -1
  51. package/dist/locale/el.js +1 -1
  52. package/dist/locale/el.min.js +1 -1
  53. package/dist/locale/el.min.mjs +1 -1
  54. package/dist/locale/el.mjs +1 -1
  55. package/dist/locale/en.js +1 -1
  56. package/dist/locale/en.min.js +1 -1
  57. package/dist/locale/en.min.mjs +1 -1
  58. package/dist/locale/en.mjs +1 -1
  59. package/dist/locale/eo.js +1 -1
  60. package/dist/locale/eo.min.js +1 -1
  61. package/dist/locale/eo.min.mjs +1 -1
  62. package/dist/locale/eo.mjs +1 -1
  63. package/dist/locale/es.js +1 -1
  64. package/dist/locale/es.min.js +1 -1
  65. package/dist/locale/es.min.mjs +1 -1
  66. package/dist/locale/es.mjs +1 -1
  67. package/dist/locale/et.js +1 -1
  68. package/dist/locale/et.min.js +1 -1
  69. package/dist/locale/et.min.mjs +1 -1
  70. package/dist/locale/et.mjs +1 -1
  71. package/dist/locale/eu.js +1 -1
  72. package/dist/locale/eu.min.js +1 -1
  73. package/dist/locale/eu.min.mjs +1 -1
  74. package/dist/locale/eu.mjs +1 -1
  75. package/dist/locale/fa.js +1 -1
  76. package/dist/locale/fa.min.js +1 -1
  77. package/dist/locale/fa.min.mjs +1 -1
  78. package/dist/locale/fa.mjs +1 -1
  79. package/dist/locale/fi.js +1 -1
  80. package/dist/locale/fi.min.js +1 -1
  81. package/dist/locale/fi.min.mjs +1 -1
  82. package/dist/locale/fi.mjs +1 -1
  83. package/dist/locale/fr.js +1 -1
  84. package/dist/locale/fr.min.js +1 -1
  85. package/dist/locale/fr.min.mjs +1 -1
  86. package/dist/locale/fr.mjs +1 -1
  87. package/dist/locale/he.js +1 -1
  88. package/dist/locale/he.min.js +1 -1
  89. package/dist/locale/he.min.mjs +1 -1
  90. package/dist/locale/he.mjs +1 -1
  91. package/dist/locale/hi.js +1 -1
  92. package/dist/locale/hi.min.js +1 -1
  93. package/dist/locale/hi.min.mjs +1 -1
  94. package/dist/locale/hi.mjs +1 -1
  95. package/dist/locale/hr.js +1 -1
  96. package/dist/locale/hr.min.js +1 -1
  97. package/dist/locale/hr.min.mjs +1 -1
  98. package/dist/locale/hr.mjs +1 -1
  99. package/dist/locale/hu.js +1 -1
  100. package/dist/locale/hu.min.js +1 -1
  101. package/dist/locale/hu.min.mjs +1 -1
  102. package/dist/locale/hu.mjs +1 -1
  103. package/dist/locale/hy-am.js +1 -1
  104. package/dist/locale/hy-am.min.js +1 -1
  105. package/dist/locale/hy-am.min.mjs +1 -1
  106. package/dist/locale/hy-am.mjs +1 -1
  107. package/dist/locale/id.js +1 -1
  108. package/dist/locale/id.min.js +1 -1
  109. package/dist/locale/id.min.mjs +1 -1
  110. package/dist/locale/id.mjs +1 -1
  111. package/dist/locale/it.js +1 -1
  112. package/dist/locale/it.min.js +1 -1
  113. package/dist/locale/it.min.mjs +1 -1
  114. package/dist/locale/it.mjs +1 -1
  115. package/dist/locale/ja.js +1 -1
  116. package/dist/locale/ja.min.js +1 -1
  117. package/dist/locale/ja.min.mjs +1 -1
  118. package/dist/locale/ja.mjs +1 -1
  119. package/dist/locale/kk.js +1 -1
  120. package/dist/locale/kk.min.js +1 -1
  121. package/dist/locale/kk.min.mjs +1 -1
  122. package/dist/locale/kk.mjs +1 -1
  123. package/dist/locale/km.js +1 -1
  124. package/dist/locale/km.min.js +1 -1
  125. package/dist/locale/km.min.mjs +1 -1
  126. package/dist/locale/km.mjs +1 -1
  127. package/dist/locale/ko.js +1 -1
  128. package/dist/locale/ko.min.js +1 -1
  129. package/dist/locale/ko.min.mjs +1 -1
  130. package/dist/locale/ko.mjs +1 -1
  131. package/dist/locale/ku.js +1 -1
  132. package/dist/locale/ku.min.js +1 -1
  133. package/dist/locale/ku.min.mjs +1 -1
  134. package/dist/locale/ku.mjs +1 -1
  135. package/dist/locale/ky.js +1 -1
  136. package/dist/locale/ky.min.js +1 -1
  137. package/dist/locale/ky.min.mjs +1 -1
  138. package/dist/locale/ky.mjs +1 -1
  139. package/dist/locale/lo.js +1 -1
  140. package/dist/locale/lo.min.js +1 -1
  141. package/dist/locale/lo.min.mjs +1 -1
  142. package/dist/locale/lo.mjs +1 -1
  143. package/dist/locale/lt.js +1 -1
  144. package/dist/locale/lt.min.js +1 -1
  145. package/dist/locale/lt.min.mjs +1 -1
  146. package/dist/locale/lt.mjs +1 -1
  147. package/dist/locale/lv.js +1 -1
  148. package/dist/locale/lv.min.js +1 -1
  149. package/dist/locale/lv.min.mjs +1 -1
  150. package/dist/locale/lv.mjs +1 -1
  151. package/dist/locale/mg.js +1 -1
  152. package/dist/locale/mg.min.js +1 -1
  153. package/dist/locale/mg.min.mjs +1 -1
  154. package/dist/locale/mg.mjs +1 -1
  155. package/dist/locale/mn.js +1 -1
  156. package/dist/locale/mn.min.js +1 -1
  157. package/dist/locale/mn.min.mjs +1 -1
  158. package/dist/locale/mn.mjs +1 -1
  159. package/dist/locale/ms.js +1 -1
  160. package/dist/locale/ms.min.js +1 -1
  161. package/dist/locale/ms.min.mjs +1 -1
  162. package/dist/locale/ms.mjs +1 -1
  163. package/dist/locale/my.js +1 -1
  164. package/dist/locale/my.min.js +1 -1
  165. package/dist/locale/my.min.mjs +1 -1
  166. package/dist/locale/my.mjs +1 -1
  167. package/dist/locale/nb-no.js +1 -1
  168. package/dist/locale/nb-no.min.js +1 -1
  169. package/dist/locale/nb-no.min.mjs +1 -1
  170. package/dist/locale/nb-no.mjs +1 -1
  171. package/dist/locale/nl.js +1 -1
  172. package/dist/locale/nl.min.js +1 -1
  173. package/dist/locale/nl.min.mjs +1 -1
  174. package/dist/locale/nl.mjs +1 -1
  175. package/dist/locale/no.js +1 -1
  176. package/dist/locale/no.min.js +1 -1
  177. package/dist/locale/no.min.mjs +1 -1
  178. package/dist/locale/no.mjs +1 -1
  179. package/dist/locale/pa.js +1 -1
  180. package/dist/locale/pa.min.js +1 -1
  181. package/dist/locale/pa.min.mjs +1 -1
  182. package/dist/locale/pa.mjs +1 -1
  183. package/dist/locale/pl.js +1 -1
  184. package/dist/locale/pl.min.js +1 -1
  185. package/dist/locale/pl.min.mjs +1 -1
  186. package/dist/locale/pl.mjs +1 -1
  187. package/dist/locale/pt-br.js +1 -1
  188. package/dist/locale/pt-br.min.js +1 -1
  189. package/dist/locale/pt-br.min.mjs +1 -1
  190. package/dist/locale/pt-br.mjs +1 -1
  191. package/dist/locale/pt.js +1 -1
  192. package/dist/locale/pt.min.js +1 -1
  193. package/dist/locale/pt.min.mjs +1 -1
  194. package/dist/locale/pt.mjs +1 -1
  195. package/dist/locale/ro.js +1 -1
  196. package/dist/locale/ro.min.js +1 -1
  197. package/dist/locale/ro.min.mjs +1 -1
  198. package/dist/locale/ro.mjs +1 -1
  199. package/dist/locale/ru.js +1 -1
  200. package/dist/locale/ru.min.js +1 -1
  201. package/dist/locale/ru.min.mjs +1 -1
  202. package/dist/locale/ru.mjs +1 -1
  203. package/dist/locale/sk.js +1 -1
  204. package/dist/locale/sk.min.js +1 -1
  205. package/dist/locale/sk.min.mjs +1 -1
  206. package/dist/locale/sk.mjs +1 -1
  207. package/dist/locale/sl.js +1 -1
  208. package/dist/locale/sl.min.js +1 -1
  209. package/dist/locale/sl.min.mjs +1 -1
  210. package/dist/locale/sl.mjs +1 -1
  211. package/dist/locale/sr.js +1 -1
  212. package/dist/locale/sr.min.js +1 -1
  213. package/dist/locale/sr.min.mjs +1 -1
  214. package/dist/locale/sr.mjs +1 -1
  215. package/dist/locale/sv.js +1 -1
  216. package/dist/locale/sv.min.js +1 -1
  217. package/dist/locale/sv.min.mjs +1 -1
  218. package/dist/locale/sv.mjs +1 -1
  219. package/dist/locale/sw.js +1 -1
  220. package/dist/locale/sw.min.js +1 -1
  221. package/dist/locale/sw.min.mjs +1 -1
  222. package/dist/locale/sw.mjs +1 -1
  223. package/dist/locale/ta.js +1 -1
  224. package/dist/locale/ta.min.js +1 -1
  225. package/dist/locale/ta.min.mjs +1 -1
  226. package/dist/locale/ta.mjs +1 -1
  227. package/dist/locale/te.js +1 -1
  228. package/dist/locale/te.min.js +1 -1
  229. package/dist/locale/te.min.mjs +1 -1
  230. package/dist/locale/te.mjs +1 -1
  231. package/dist/locale/th.js +1 -1
  232. package/dist/locale/th.min.js +1 -1
  233. package/dist/locale/th.min.mjs +1 -1
  234. package/dist/locale/th.mjs +1 -1
  235. package/dist/locale/tk.js +1 -1
  236. package/dist/locale/tk.min.js +1 -1
  237. package/dist/locale/tk.min.mjs +1 -1
  238. package/dist/locale/tk.mjs +1 -1
  239. package/dist/locale/tr.js +1 -1
  240. package/dist/locale/tr.min.js +1 -1
  241. package/dist/locale/tr.min.mjs +1 -1
  242. package/dist/locale/tr.mjs +1 -1
  243. package/dist/locale/ug-cn.js +1 -1
  244. package/dist/locale/ug-cn.min.js +1 -1
  245. package/dist/locale/ug-cn.min.mjs +1 -1
  246. package/dist/locale/ug-cn.mjs +1 -1
  247. package/dist/locale/uk.js +1 -1
  248. package/dist/locale/uk.min.js +1 -1
  249. package/dist/locale/uk.min.mjs +1 -1
  250. package/dist/locale/uk.mjs +1 -1
  251. package/dist/locale/uz-uz.js +1 -1
  252. package/dist/locale/uz-uz.min.js +1 -1
  253. package/dist/locale/uz-uz.min.mjs +1 -1
  254. package/dist/locale/uz-uz.mjs +1 -1
  255. package/dist/locale/vi.js +1 -1
  256. package/dist/locale/vi.min.js +1 -1
  257. package/dist/locale/vi.min.mjs +1 -1
  258. package/dist/locale/vi.mjs +1 -1
  259. package/dist/locale/zh-cn.js +1 -1
  260. package/dist/locale/zh-cn.min.js +1 -1
  261. package/dist/locale/zh-cn.min.mjs +1 -1
  262. package/dist/locale/zh-cn.mjs +1 -1
  263. package/dist/locale/zh-hk.js +1 -1
  264. package/dist/locale/zh-hk.min.js +1 -1
  265. package/dist/locale/zh-hk.min.mjs +1 -1
  266. package/dist/locale/zh-hk.mjs +1 -1
  267. package/dist/locale/zh-mo.js +1 -1
  268. package/dist/locale/zh-mo.min.js +1 -1
  269. package/dist/locale/zh-mo.min.mjs +1 -1
  270. package/dist/locale/zh-mo.mjs +1 -1
  271. package/dist/locale/zh-tw.js +1 -1
  272. package/dist/locale/zh-tw.min.js +1 -1
  273. package/dist/locale/zh-tw.min.mjs +1 -1
  274. package/dist/locale/zh-tw.mjs +1 -1
  275. package/es/components/affix/index.mjs +2 -2
  276. package/es/components/affix/src/affix.mjs +119 -24
  277. package/es/components/affix/src/affix.mjs.map +1 -1
  278. package/es/components/affix/src/affix2.mjs +24 -119
  279. package/es/components/affix/src/affix2.mjs.map +1 -1
  280. package/es/components/alert/index.mjs +2 -2
  281. package/es/components/alert/src/alert.mjs +108 -41
  282. package/es/components/alert/src/alert.mjs.map +1 -1
  283. package/es/components/alert/src/alert2.mjs +41 -108
  284. package/es/components/alert/src/alert2.mjs.map +1 -1
  285. package/es/components/breadcrumb/index.mjs +2 -2
  286. package/es/components/breadcrumb/src/breadcrumb.mjs +37 -10
  287. package/es/components/breadcrumb/src/breadcrumb.mjs.map +1 -1
  288. package/es/components/breadcrumb/src/breadcrumb2.mjs +10 -37
  289. package/es/components/breadcrumb/src/breadcrumb2.mjs.map +1 -1
  290. package/es/components/button/index.mjs +1 -1
  291. package/es/components/button/src/button-group.mjs +29 -6
  292. package/es/components/button/src/button-group.mjs.map +1 -1
  293. package/es/components/button/src/button-group2.mjs +6 -29
  294. package/es/components/button/src/button-group2.mjs.map +1 -1
  295. package/es/components/card/index.mjs +2 -2
  296. package/es/components/card/src/card.mjs +42 -22
  297. package/es/components/card/src/card.mjs.map +1 -1
  298. package/es/components/card/src/card2.mjs +22 -42
  299. package/es/components/card/src/card2.mjs.map +1 -1
  300. package/es/components/carousel/index.mjs +2 -2
  301. package/es/components/carousel/src/carousel-item.mjs +69 -7
  302. package/es/components/carousel/src/carousel-item.mjs.map +1 -1
  303. package/es/components/carousel/src/carousel-item2.mjs +7 -69
  304. package/es/components/carousel/src/carousel-item2.mjs.map +1 -1
  305. package/es/components/checkbox/index.mjs +2 -2
  306. package/es/components/checkbox/src/checkbox-button.mjs +1 -1
  307. package/es/components/checkbox/src/checkbox.mjs +119 -59
  308. package/es/components/checkbox/src/checkbox.mjs.map +1 -1
  309. package/es/components/checkbox/src/checkbox2.mjs +59 -119
  310. package/es/components/checkbox/src/checkbox2.mjs.map +1 -1
  311. package/es/components/color-picker/index.mjs +2 -2
  312. package/es/components/color-picker/src/color-picker.mjs +39 -399
  313. package/es/components/color-picker/src/color-picker.mjs.map +1 -1
  314. package/es/components/color-picker/src/color-picker2.mjs +399 -39
  315. package/es/components/color-picker/src/color-picker2.mjs.map +1 -1
  316. package/es/components/color-picker/src/components/predefine.mjs +1 -1
  317. package/es/components/countdown/index.mjs +2 -2
  318. package/es/components/countdown/src/countdown.mjs +21 -79
  319. package/es/components/countdown/src/countdown.mjs.map +1 -1
  320. package/es/components/countdown/src/countdown2.mjs +79 -21
  321. package/es/components/countdown/src/countdown2.mjs.map +1 -1
  322. package/es/components/descriptions/src/description2.mjs +1 -1
  323. package/es/components/descriptions/src/descriptions-row.mjs +63 -6
  324. package/es/components/descriptions/src/descriptions-row.mjs.map +1 -1
  325. package/es/components/descriptions/src/descriptions-row2.mjs +6 -63
  326. package/es/components/descriptions/src/descriptions-row2.mjs.map +1 -1
  327. package/es/components/dialog/src/dialog.mjs +1 -1
  328. package/es/components/dropdown/index.mjs +2 -2
  329. package/es/components/dropdown/src/dropdown-item-impl.mjs +1 -1
  330. package/es/components/dropdown/src/dropdown-item.mjs +1 -1
  331. package/es/components/dropdown/src/dropdown-menu.mjs +1 -1
  332. package/es/components/dropdown/src/dropdown.mjs +299 -108
  333. package/es/components/dropdown/src/dropdown.mjs.map +1 -1
  334. package/es/components/dropdown/src/dropdown2.mjs +108 -299
  335. package/es/components/dropdown/src/dropdown2.mjs.map +1 -1
  336. package/es/components/form/index.mjs +2 -2
  337. package/es/components/form/src/form-item.mjs +322 -47
  338. package/es/components/form/src/form-item.mjs.map +1 -1
  339. package/es/components/form/src/form-item2.mjs +47 -322
  340. package/es/components/form/src/form-item2.mjs.map +1 -1
  341. package/es/components/image-viewer/index.mjs +2 -2
  342. package/es/components/image-viewer/src/image-viewer.mjs +447 -49
  343. package/es/components/image-viewer/src/image-viewer.mjs.map +1 -1
  344. package/es/components/image-viewer/src/image-viewer2.mjs +49 -447
  345. package/es/components/image-viewer/src/image-viewer2.mjs.map +1 -1
  346. package/es/components/index.mjs +28 -28
  347. package/es/components/input/index.mjs +2 -2
  348. package/es/components/input/src/input.mjs +103 -437
  349. package/es/components/input/src/input.mjs.map +1 -1
  350. package/es/components/input/src/input2.mjs +437 -103
  351. package/es/components/input/src/input2.mjs.map +1 -1
  352. package/es/components/input-number/index.mjs +2 -2
  353. package/es/components/input-number/src/input-number.mjs +348 -62
  354. package/es/components/input-number/src/input-number.mjs.map +1 -1
  355. package/es/components/input-number/src/input-number2.mjs +62 -348
  356. package/es/components/input-number/src/input-number2.mjs.map +1 -1
  357. package/es/components/mention/src/mention.mjs +1 -1
  358. package/es/components/mention/src/mention2.mjs +1 -1
  359. package/es/components/menu/index.mjs +2 -2
  360. package/es/components/menu/src/menu-item.mjs +100 -15
  361. package/es/components/menu/src/menu-item.mjs.map +1 -1
  362. package/es/components/menu/src/menu-item2.mjs +15 -100
  363. package/es/components/menu/src/menu-item2.mjs.map +1 -1
  364. package/es/components/notification/index.mjs +1 -1
  365. package/es/components/notification/src/notification.mjs +140 -73
  366. package/es/components/notification/src/notification.mjs.map +1 -1
  367. package/es/components/notification/src/notification2.mjs +73 -140
  368. package/es/components/notification/src/notification2.mjs.map +1 -1
  369. package/es/components/notification/src/notify.mjs +2 -2
  370. package/es/components/page-header/index.mjs +2 -2
  371. package/es/components/page-header/src/page-header.mjs +97 -16
  372. package/es/components/page-header/src/page-header.mjs.map +1 -1
  373. package/es/components/page-header/src/page-header2.mjs +16 -97
  374. package/es/components/page-header/src/page-header2.mjs.map +1 -1
  375. package/es/components/pagination/src/components/total.mjs +26 -6
  376. package/es/components/pagination/src/components/total.mjs.map +1 -1
  377. package/es/components/pagination/src/components/total2.mjs +6 -26
  378. package/es/components/pagination/src/components/total2.mjs.map +1 -1
  379. package/es/components/pagination/src/pagination.mjs +1 -1
  380. package/es/components/popconfirm/index.mjs +2 -2
  381. package/es/components/popconfirm/src/popconfirm.mjs +45 -114
  382. package/es/components/popconfirm/src/popconfirm.mjs.map +1 -1
  383. package/es/components/popconfirm/src/popconfirm2.mjs +114 -45
  384. package/es/components/popconfirm/src/popconfirm2.mjs.map +1 -1
  385. package/es/components/popover/src/popover.mjs +1 -1
  386. package/es/components/popper/index.mjs +2 -2
  387. package/es/components/popper/src/popper.mjs +32 -22
  388. package/es/components/popper/src/popper.mjs.map +1 -1
  389. package/es/components/popper/src/popper2.mjs +22 -32
  390. package/es/components/popper/src/popper2.mjs.map +1 -1
  391. package/es/components/radio/index.mjs +2 -2
  392. package/es/components/radio/src/radio-group.mjs +34 -65
  393. package/es/components/radio/src/radio-group.mjs.map +1 -1
  394. package/es/components/radio/src/radio-group2.mjs +65 -34
  395. package/es/components/radio/src/radio-group2.mjs.map +1 -1
  396. package/es/components/result/index.mjs +2 -2
  397. package/es/components/result/src/result.mjs +30 -62
  398. package/es/components/result/src/result.mjs.map +1 -1
  399. package/es/components/result/src/result2.mjs +62 -30
  400. package/es/components/result/src/result2.mjs.map +1 -1
  401. package/es/components/scrollbar/src/bar.mjs +64 -10
  402. package/es/components/scrollbar/src/bar.mjs.map +1 -1
  403. package/es/components/scrollbar/src/bar2.mjs +10 -64
  404. package/es/components/scrollbar/src/bar2.mjs.map +1 -1
  405. package/es/components/scrollbar/src/scrollbar2.mjs +1 -1
  406. package/es/components/segmented/index.mjs +2 -2
  407. package/es/components/segmented/src/segmented.mjs +168 -42
  408. package/es/components/segmented/src/segmented.mjs.map +1 -1
  409. package/es/components/segmented/src/segmented2.mjs +42 -168
  410. package/es/components/segmented/src/segmented2.mjs.map +1 -1
  411. package/es/components/slider/src/button.mjs +19 -91
  412. package/es/components/slider/src/button.mjs.map +1 -1
  413. package/es/components/slider/src/button2.mjs +91 -19
  414. package/es/components/slider/src/button2.mjs.map +1 -1
  415. package/es/components/slider/src/slider2.mjs +1 -1
  416. package/es/components/statistic/index.mjs +2 -2
  417. package/es/components/statistic/src/statistic.mjs +69 -25
  418. package/es/components/statistic/src/statistic.mjs.map +1 -1
  419. package/es/components/statistic/src/statistic2.mjs +25 -69
  420. package/es/components/statistic/src/statistic2.mjs.map +1 -1
  421. package/es/components/steps/index.mjs +4 -4
  422. package/es/components/steps/src/item.mjs +191 -19
  423. package/es/components/steps/src/item.mjs.map +1 -1
  424. package/es/components/steps/src/item2.mjs +19 -191
  425. package/es/components/steps/src/item2.mjs.map +1 -1
  426. package/es/components/steps/src/steps.mjs +35 -39
  427. package/es/components/steps/src/steps.mjs.map +1 -1
  428. package/es/components/steps/src/steps2.mjs +39 -35
  429. package/es/components/steps/src/steps2.mjs.map +1 -1
  430. package/es/components/table/src/table-body/events-helper.mjs +3 -0
  431. package/es/components/table/src/table-body/events-helper.mjs.map +1 -1
  432. package/es/components/teleport/index.mjs +2 -2
  433. package/es/components/teleport/src/teleport.mjs +8 -18
  434. package/es/components/teleport/src/teleport.mjs.map +1 -1
  435. package/es/components/teleport/src/teleport2.mjs +18 -8
  436. package/es/components/teleport/src/teleport2.mjs.map +1 -1
  437. package/es/components/text/index.mjs +2 -2
  438. package/es/components/text/src/text.mjs +67 -21
  439. package/es/components/text/src/text.mjs.map +1 -1
  440. package/es/components/text/src/text2.mjs +21 -67
  441. package/es/components/text/src/text2.mjs.map +1 -1
  442. package/es/components/time-select/index.mjs +2 -2
  443. package/es/components/time-select/src/time-select.mjs +132 -54
  444. package/es/components/time-select/src/time-select.mjs.map +1 -1
  445. package/es/components/time-select/src/time-select2.mjs +54 -132
  446. package/es/components/time-select/src/time-select2.mjs.map +1 -1
  447. package/es/components/timeline/index.mjs +2 -2
  448. package/es/components/timeline/src/timeline-item.mjs +33 -72
  449. package/es/components/timeline/src/timeline-item.mjs.map +1 -1
  450. package/es/components/timeline/src/timeline-item2.mjs +72 -33
  451. package/es/components/timeline/src/timeline-item2.mjs.map +1 -1
  452. package/es/components/tooltip/src/content.mjs +1 -1
  453. package/es/components/tooltip/src/tooltip.mjs +1 -1
  454. package/es/components/tooltip-v2/index.mjs +3 -3
  455. package/es/components/tooltip-v2/src/arrow.mjs +37 -21
  456. package/es/components/tooltip-v2/src/arrow.mjs.map +1 -1
  457. package/es/components/tooltip-v2/src/arrow2.mjs +21 -37
  458. package/es/components/tooltip-v2/src/arrow2.mjs.map +1 -1
  459. package/es/components/tooltip-v2/src/content.mjs +48 -110
  460. package/es/components/tooltip-v2/src/content.mjs.map +1 -1
  461. package/es/components/tooltip-v2/src/content2.mjs +110 -48
  462. package/es/components/tooltip-v2/src/content2.mjs.map +1 -1
  463. package/es/components/tooltip-v2/src/root.mjs +17 -79
  464. package/es/components/tooltip-v2/src/root.mjs.map +1 -1
  465. package/es/components/tooltip-v2/src/root2.mjs +79 -17
  466. package/es/components/tooltip-v2/src/root2.mjs.map +1 -1
  467. package/es/components/tooltip-v2/src/tooltip.mjs +3 -3
  468. package/es/components/tooltip-v2/src/tooltip2.mjs +6 -6
  469. package/es/components/tour/src/tour.mjs +1 -1
  470. package/es/components/upload/index.mjs +1 -1
  471. package/es/components/upload/src/upload-content2.mjs +1 -1
  472. package/es/components/upload/src/upload-dragger.mjs +10 -56
  473. package/es/components/upload/src/upload-dragger.mjs.map +1 -1
  474. package/es/components/upload/src/upload-dragger2.mjs +60 -10
  475. package/es/components/upload/src/upload-dragger2.mjs.map +1 -1
  476. package/es/hooks/use-focus-controller/index.mjs.map +1 -1
  477. package/es/index.mjs +28 -28
  478. package/es/version.d.ts +1 -1
  479. package/es/version.mjs +1 -1
  480. package/es/version.mjs.map +1 -1
  481. package/lib/components/affix/index.js +2 -2
  482. package/lib/components/affix/src/affix.js +119 -25
  483. package/lib/components/affix/src/affix.js.map +1 -1
  484. package/lib/components/affix/src/affix2.js +25 -119
  485. package/lib/components/affix/src/affix2.js.map +1 -1
  486. package/lib/components/alert/index.js +2 -2
  487. package/lib/components/alert/src/alert.js +107 -42
  488. package/lib/components/alert/src/alert.js.map +1 -1
  489. package/lib/components/alert/src/alert2.js +42 -107
  490. package/lib/components/alert/src/alert2.js.map +1 -1
  491. package/lib/components/breadcrumb/index.js +2 -2
  492. package/lib/components/breadcrumb/src/breadcrumb.js +37 -10
  493. package/lib/components/breadcrumb/src/breadcrumb.js.map +1 -1
  494. package/lib/components/breadcrumb/src/breadcrumb2.js +10 -37
  495. package/lib/components/breadcrumb/src/breadcrumb2.js.map +1 -1
  496. package/lib/components/button/index.js +1 -1
  497. package/lib/components/button/src/button-group.js +29 -6
  498. package/lib/components/button/src/button-group.js.map +1 -1
  499. package/lib/components/button/src/button-group2.js +6 -29
  500. package/lib/components/button/src/button-group2.js.map +1 -1
  501. package/lib/components/card/index.js +2 -2
  502. package/lib/components/card/src/card.js +42 -22
  503. package/lib/components/card/src/card.js.map +1 -1
  504. package/lib/components/card/src/card2.js +22 -42
  505. package/lib/components/card/src/card2.js.map +1 -1
  506. package/lib/components/carousel/index.js +2 -2
  507. package/lib/components/carousel/src/carousel-item.js +69 -7
  508. package/lib/components/carousel/src/carousel-item.js.map +1 -1
  509. package/lib/components/carousel/src/carousel-item2.js +7 -69
  510. package/lib/components/carousel/src/carousel-item2.js.map +1 -1
  511. package/lib/components/checkbox/index.js +2 -2
  512. package/lib/components/checkbox/src/checkbox-button.js +1 -1
  513. package/lib/components/checkbox/src/checkbox.js +119 -60
  514. package/lib/components/checkbox/src/checkbox.js.map +1 -1
  515. package/lib/components/checkbox/src/checkbox2.js +60 -119
  516. package/lib/components/checkbox/src/checkbox2.js.map +1 -1
  517. package/lib/components/color-picker/index.js +2 -2
  518. package/lib/components/color-picker/src/color-picker.js +40 -398
  519. package/lib/components/color-picker/src/color-picker.js.map +1 -1
  520. package/lib/components/color-picker/src/color-picker2.js +398 -40
  521. package/lib/components/color-picker/src/color-picker2.js.map +1 -1
  522. package/lib/components/color-picker/src/components/predefine.js +1 -1
  523. package/lib/components/countdown/index.js +2 -2
  524. package/lib/components/countdown/src/countdown.js +22 -79
  525. package/lib/components/countdown/src/countdown.js.map +1 -1
  526. package/lib/components/countdown/src/countdown2.js +79 -22
  527. package/lib/components/countdown/src/countdown2.js.map +1 -1
  528. package/lib/components/descriptions/src/description2.js +1 -1
  529. package/lib/components/descriptions/src/descriptions-row.js +63 -6
  530. package/lib/components/descriptions/src/descriptions-row.js.map +1 -1
  531. package/lib/components/descriptions/src/descriptions-row2.js +6 -63
  532. package/lib/components/descriptions/src/descriptions-row2.js.map +1 -1
  533. package/lib/components/dialog/src/dialog.js +1 -1
  534. package/lib/components/dropdown/index.js +2 -2
  535. package/lib/components/dropdown/src/dropdown-item-impl.js +1 -1
  536. package/lib/components/dropdown/src/dropdown-item.js +1 -1
  537. package/lib/components/dropdown/src/dropdown-menu.js +1 -1
  538. package/lib/components/dropdown/src/dropdown.js +299 -117
  539. package/lib/components/dropdown/src/dropdown.js.map +1 -1
  540. package/lib/components/dropdown/src/dropdown2.js +117 -299
  541. package/lib/components/dropdown/src/dropdown2.js.map +1 -1
  542. package/lib/components/form/index.js +2 -2
  543. package/lib/components/form/src/form-item.js +326 -48
  544. package/lib/components/form/src/form-item.js.map +1 -1
  545. package/lib/components/form/src/form-item2.js +48 -326
  546. package/lib/components/form/src/form-item2.js.map +1 -1
  547. package/lib/components/image-viewer/index.js +2 -2
  548. package/lib/components/image-viewer/src/image-viewer.js +447 -50
  549. package/lib/components/image-viewer/src/image-viewer.js.map +1 -1
  550. package/lib/components/image-viewer/src/image-viewer2.js +50 -447
  551. package/lib/components/image-viewer/src/image-viewer2.js.map +1 -1
  552. package/lib/components/index.js +28 -28
  553. package/lib/components/input/index.js +2 -2
  554. package/lib/components/input/src/input.js +101 -434
  555. package/lib/components/input/src/input.js.map +1 -1
  556. package/lib/components/input/src/input2.js +434 -101
  557. package/lib/components/input/src/input2.js.map +1 -1
  558. package/lib/components/input-number/index.js +2 -2
  559. package/lib/components/input-number/src/input-number.js +346 -61
  560. package/lib/components/input-number/src/input-number.js.map +1 -1
  561. package/lib/components/input-number/src/input-number2.js +61 -346
  562. package/lib/components/input-number/src/input-number2.js.map +1 -1
  563. package/lib/components/mention/src/mention.js +1 -1
  564. package/lib/components/mention/src/mention2.js +1 -1
  565. package/lib/components/menu/index.js +2 -2
  566. package/lib/components/menu/src/menu-item.js +100 -16
  567. package/lib/components/menu/src/menu-item.js.map +1 -1
  568. package/lib/components/menu/src/menu-item2.js +16 -100
  569. package/lib/components/menu/src/menu-item2.js.map +1 -1
  570. package/lib/components/notification/index.js +1 -1
  571. package/lib/components/notification/src/notification.js +139 -74
  572. package/lib/components/notification/src/notification.js.map +1 -1
  573. package/lib/components/notification/src/notification2.js +74 -139
  574. package/lib/components/notification/src/notification2.js.map +1 -1
  575. package/lib/components/notification/src/notify.js +2 -2
  576. package/lib/components/page-header/index.js +2 -2
  577. package/lib/components/page-header/src/page-header.js +97 -17
  578. package/lib/components/page-header/src/page-header.js.map +1 -1
  579. package/lib/components/page-header/src/page-header2.js +17 -97
  580. package/lib/components/page-header/src/page-header2.js.map +1 -1
  581. package/lib/components/pagination/src/components/total.js +26 -6
  582. package/lib/components/pagination/src/components/total.js.map +1 -1
  583. package/lib/components/pagination/src/components/total2.js +6 -26
  584. package/lib/components/pagination/src/components/total2.js.map +1 -1
  585. package/lib/components/pagination/src/pagination.js +1 -1
  586. package/lib/components/popconfirm/index.js +2 -2
  587. package/lib/components/popconfirm/src/popconfirm.js +46 -114
  588. package/lib/components/popconfirm/src/popconfirm.js.map +1 -1
  589. package/lib/components/popconfirm/src/popconfirm2.js +114 -46
  590. package/lib/components/popconfirm/src/popconfirm2.js.map +1 -1
  591. package/lib/components/popover/src/popover.js +1 -1
  592. package/lib/components/popper/index.js +2 -2
  593. package/lib/components/popper/src/popper.js +32 -25
  594. package/lib/components/popper/src/popper.js.map +1 -1
  595. package/lib/components/popper/src/popper2.js +25 -32
  596. package/lib/components/popper/src/popper2.js.map +1 -1
  597. package/lib/components/radio/index.js +2 -2
  598. package/lib/components/radio/src/radio-group.js +35 -65
  599. package/lib/components/radio/src/radio-group.js.map +1 -1
  600. package/lib/components/radio/src/radio-group2.js +65 -35
  601. package/lib/components/radio/src/radio-group2.js.map +1 -1
  602. package/lib/components/result/index.js +2 -2
  603. package/lib/components/result/src/result.js +32 -62
  604. package/lib/components/result/src/result.js.map +1 -1
  605. package/lib/components/result/src/result2.js +62 -32
  606. package/lib/components/result/src/result2.js.map +1 -1
  607. package/lib/components/scrollbar/src/bar.js +64 -10
  608. package/lib/components/scrollbar/src/bar.js.map +1 -1
  609. package/lib/components/scrollbar/src/bar2.js +10 -64
  610. package/lib/components/scrollbar/src/bar2.js.map +1 -1
  611. package/lib/components/scrollbar/src/scrollbar2.js +1 -1
  612. package/lib/components/segmented/index.js +2 -2
  613. package/lib/components/segmented/src/segmented.js +168 -44
  614. package/lib/components/segmented/src/segmented.js.map +1 -1
  615. package/lib/components/segmented/src/segmented2.js +44 -168
  616. package/lib/components/segmented/src/segmented2.js.map +1 -1
  617. package/lib/components/slider/src/button.js +20 -91
  618. package/lib/components/slider/src/button.js.map +1 -1
  619. package/lib/components/slider/src/button2.js +91 -20
  620. package/lib/components/slider/src/button2.js.map +1 -1
  621. package/lib/components/slider/src/slider2.js +1 -1
  622. package/lib/components/statistic/index.js +2 -2
  623. package/lib/components/statistic/src/statistic.js +69 -25
  624. package/lib/components/statistic/src/statistic.js.map +1 -1
  625. package/lib/components/statistic/src/statistic2.js +25 -69
  626. package/lib/components/statistic/src/statistic2.js.map +1 -1
  627. package/lib/components/steps/index.js +4 -4
  628. package/lib/components/steps/src/item.js +191 -19
  629. package/lib/components/steps/src/item.js.map +1 -1
  630. package/lib/components/steps/src/item2.js +19 -191
  631. package/lib/components/steps/src/item2.js.map +1 -1
  632. package/lib/components/steps/src/steps.js +36 -39
  633. package/lib/components/steps/src/steps.js.map +1 -1
  634. package/lib/components/steps/src/steps2.js +39 -36
  635. package/lib/components/steps/src/steps2.js.map +1 -1
  636. package/lib/components/table/src/table-body/events-helper.js +3 -0
  637. package/lib/components/table/src/table-body/events-helper.js.map +1 -1
  638. package/lib/components/teleport/index.js +2 -2
  639. package/lib/components/teleport/src/teleport.js +8 -18
  640. package/lib/components/teleport/src/teleport.js.map +1 -1
  641. package/lib/components/teleport/src/teleport2.js +18 -8
  642. package/lib/components/teleport/src/teleport2.js.map +1 -1
  643. package/lib/components/text/index.js +2 -2
  644. package/lib/components/text/src/text.js +67 -21
  645. package/lib/components/text/src/text.js.map +1 -1
  646. package/lib/components/text/src/text2.js +21 -67
  647. package/lib/components/text/src/text2.js.map +1 -1
  648. package/lib/components/time-select/index.js +2 -2
  649. package/lib/components/time-select/src/time-select.js +137 -54
  650. package/lib/components/time-select/src/time-select.js.map +1 -1
  651. package/lib/components/time-select/src/time-select2.js +54 -137
  652. package/lib/components/time-select/src/time-select2.js.map +1 -1
  653. package/lib/components/timeline/index.js +2 -2
  654. package/lib/components/timeline/src/timeline-item.js +33 -72
  655. package/lib/components/timeline/src/timeline-item.js.map +1 -1
  656. package/lib/components/timeline/src/timeline-item2.js +72 -33
  657. package/lib/components/timeline/src/timeline-item2.js.map +1 -1
  658. package/lib/components/tooltip/src/content.js +1 -1
  659. package/lib/components/tooltip/src/tooltip.js +1 -1
  660. package/lib/components/tooltip-v2/index.js +3 -3
  661. package/lib/components/tooltip-v2/src/arrow.js +37 -22
  662. package/lib/components/tooltip-v2/src/arrow.js.map +1 -1
  663. package/lib/components/tooltip-v2/src/arrow2.js +22 -37
  664. package/lib/components/tooltip-v2/src/arrow2.js.map +1 -1
  665. package/lib/components/tooltip-v2/src/content.js +48 -110
  666. package/lib/components/tooltip-v2/src/content.js.map +1 -1
  667. package/lib/components/tooltip-v2/src/content2.js +110 -48
  668. package/lib/components/tooltip-v2/src/content2.js.map +1 -1
  669. package/lib/components/tooltip-v2/src/root.js +17 -79
  670. package/lib/components/tooltip-v2/src/root.js.map +1 -1
  671. package/lib/components/tooltip-v2/src/root2.js +79 -17
  672. package/lib/components/tooltip-v2/src/root2.js.map +1 -1
  673. package/lib/components/tooltip-v2/src/tooltip.js +3 -3
  674. package/lib/components/tooltip-v2/src/tooltip2.js +6 -6
  675. package/lib/components/tour/src/tour.js +1 -1
  676. package/lib/components/upload/index.js +1 -1
  677. package/lib/components/upload/src/upload-content2.js +1 -1
  678. package/lib/components/upload/src/upload-dragger.js +11 -56
  679. package/lib/components/upload/src/upload-dragger.js.map +1 -1
  680. package/lib/components/upload/src/upload-dragger2.js +60 -11
  681. package/lib/components/upload/src/upload-dragger2.js.map +1 -1
  682. package/lib/hooks/use-focus-controller/index.js.map +1 -1
  683. package/lib/index.js +28 -28
  684. package/lib/version.d.ts +1 -1
  685. package/lib/version.js +1 -1
  686. package/lib/version.js.map +1 -1
  687. package/package.json +2 -2
  688. package/web-types.json +1 -1
@@ -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 './bar2.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=bar.mjs.map
@@ -1 +1 @@
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> & unknown\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":"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\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,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 './bar.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=bar2.mjs.map
@@ -1 +1 @@
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
+ {"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> & unknown\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,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 './bar2.mjs';
3
+ import Bar from './bar.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,5 +1,5 @@
1
- import Segmented from './src/segmented2.mjs';
2
- export { defaultProps, segmentedEmits, segmentedProps } from './src/segmented.mjs';
1
+ import Segmented from './src/segmented.mjs';
2
+ export { defaultProps, segmentedEmits, segmentedProps } from './src/segmented2.mjs';
3
3
  import { withInstall } from '../../utils/vue/install.mjs';
4
4
 
5
5
  const ElSegmented = withInstall(Segmented);
@@ -1,47 +1,173 @@
1
- import { buildProps, definePropType } from '../../../utils/vue/props/runtime.mjs';
2
- import { useSizeProp } from '../../../hooks/use-size/index.mjs';
3
- import { useAriaProps } from '../../../hooks/use-aria/index.mjs';
1
+ import { defineComponent, ref, reactive, computed, watch, openBlock, createElementBlock, unref, normalizeClass, createElementVNode, normalizeStyle, Fragment, renderList, renderSlot, createTextVNode, toDisplayString, createCommentVNode } from 'vue';
2
+ import { useActiveElement, useResizeObserver } from '@vueuse/core';
3
+ import { segmentedProps, segmentedEmits, defaultProps } from './segmented2.mjs';
4
+ import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
5
+ import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
6
+ import { useId } from '../../../hooks/use-id/index.mjs';
7
+ import { useFormSize, useFormDisabled } from '../../form/src/hooks/use-form-common-props.mjs';
8
+ import { useFormItem, useFormItemInputId } from '../../form/src/hooks/use-form-item.mjs';
9
+ import { isObject } from '@vue/shared';
10
+ import { debugWarn } from '../../../utils/error.mjs';
4
11
  import { UPDATE_MODEL_EVENT, CHANGE_EVENT } from '../../../constants/event.mjs';
5
- import { isString } from '@vue/shared';
6
- import { isNumber, isBoolean } from '../../../utils/types.mjs';
7
12
 
8
- const defaultProps = {
9
- label: "label",
10
- value: "value",
11
- disabled: "disabled"
12
- };
13
- const segmentedProps = buildProps({
14
- direction: {
15
- type: definePropType(String),
16
- default: "horizontal"
17
- },
18
- options: {
19
- type: definePropType(Array),
20
- default: () => []
21
- },
22
- modelValue: {
23
- type: [String, Number, Boolean],
24
- default: void 0
25
- },
26
- props: {
27
- type: definePropType(Object),
28
- default: () => defaultProps
29
- },
30
- block: Boolean,
31
- size: useSizeProp,
32
- disabled: Boolean,
33
- validateEvent: {
34
- type: Boolean,
35
- default: true
36
- },
37
- id: String,
38
- name: String,
39
- ...useAriaProps(["ariaLabel"])
13
+ const __default__ = defineComponent({
14
+ name: "ElSegmented"
40
15
  });
41
- const segmentedEmits = {
42
- [UPDATE_MODEL_EVENT]: (val) => isString(val) || isNumber(val) || isBoolean(val),
43
- [CHANGE_EVENT]: (val) => isString(val) || isNumber(val) || isBoolean(val)
44
- };
16
+ const _sfc_main = /* @__PURE__ */ defineComponent({
17
+ ...__default__,
18
+ props: segmentedProps,
19
+ emits: segmentedEmits,
20
+ setup(__props, { emit }) {
21
+ const props = __props;
22
+ const ns = useNamespace("segmented");
23
+ const segmentedId = useId();
24
+ const segmentedSize = useFormSize();
25
+ const _disabled = useFormDisabled();
26
+ const { formItem } = useFormItem();
27
+ const { inputId, isLabeledByFormItem } = useFormItemInputId(props, {
28
+ formItemContext: formItem
29
+ });
30
+ const segmentedRef = ref(null);
31
+ const activeElement = useActiveElement();
32
+ const state = reactive({
33
+ isInit: false,
34
+ width: 0,
35
+ height: 0,
36
+ translateX: 0,
37
+ translateY: 0,
38
+ focusVisible: false
39
+ });
40
+ const handleChange = (item) => {
41
+ const value = getValue(item);
42
+ emit(UPDATE_MODEL_EVENT, value);
43
+ emit(CHANGE_EVENT, value);
44
+ };
45
+ const aliasProps = computed(() => ({ ...defaultProps, ...props.props }));
46
+ const getValue = (item) => {
47
+ return isObject(item) ? item[aliasProps.value.value] : item;
48
+ };
49
+ const getLabel = (item) => {
50
+ return isObject(item) ? item[aliasProps.value.label] : item;
51
+ };
52
+ const getDisabled = (item) => {
53
+ return !!(_disabled.value || (isObject(item) ? item[aliasProps.value.disabled] : false));
54
+ };
55
+ const getSelected = (item) => {
56
+ return props.modelValue === getValue(item);
57
+ };
58
+ const getOption = (value) => {
59
+ return props.options.find((item) => getValue(item) === value);
60
+ };
61
+ const getItemCls = (item) => {
62
+ return [
63
+ ns.e("item"),
64
+ ns.is("selected", getSelected(item)),
65
+ ns.is("disabled", getDisabled(item))
66
+ ];
67
+ };
68
+ const updateSelect = () => {
69
+ if (!segmentedRef.value)
70
+ return;
71
+ const selectedItem = segmentedRef.value.querySelector(".is-selected");
72
+ const selectedItemInput = segmentedRef.value.querySelector(".is-selected input");
73
+ if (!selectedItem || !selectedItemInput) {
74
+ state.width = 0;
75
+ state.height = 0;
76
+ state.translateX = 0;
77
+ state.translateY = 0;
78
+ state.focusVisible = false;
79
+ return;
80
+ }
81
+ const rect = selectedItem.getBoundingClientRect();
82
+ state.isInit = true;
83
+ if (props.direction === "vertical") {
84
+ state.height = rect.height;
85
+ state.translateY = selectedItem.offsetTop;
86
+ } else {
87
+ state.width = rect.width;
88
+ state.translateX = selectedItem.offsetLeft;
89
+ }
90
+ try {
91
+ state.focusVisible = selectedItemInput.matches(":focus-visible");
92
+ } catch (e) {
93
+ }
94
+ };
95
+ const segmentedCls = computed(() => [
96
+ ns.b(),
97
+ ns.m(segmentedSize.value),
98
+ ns.is("block", props.block)
99
+ ]);
100
+ const selectedStyle = computed(() => ({
101
+ width: props.direction === "vertical" ? "100%" : `${state.width}px`,
102
+ height: props.direction === "vertical" ? `${state.height}px` : "100%",
103
+ transform: props.direction === "vertical" ? `translateY(${state.translateY}px)` : `translateX(${state.translateX}px)`,
104
+ display: state.isInit ? "block" : "none"
105
+ }));
106
+ const selectedCls = computed(() => [
107
+ ns.e("item-selected"),
108
+ ns.is("disabled", getDisabled(getOption(props.modelValue))),
109
+ ns.is("focus-visible", state.focusVisible)
110
+ ]);
111
+ const name = computed(() => {
112
+ return props.name || segmentedId.value;
113
+ });
114
+ useResizeObserver(segmentedRef, updateSelect);
115
+ watch(activeElement, updateSelect);
116
+ watch(() => props.modelValue, () => {
117
+ var _a;
118
+ updateSelect();
119
+ if (props.validateEvent) {
120
+ (_a = formItem == null ? void 0 : formItem.validate) == null ? void 0 : _a.call(formItem, "change").catch((err) => debugWarn(err));
121
+ }
122
+ }, {
123
+ flush: "post"
124
+ });
125
+ return (_ctx, _cache) => {
126
+ return _ctx.options.length ? (openBlock(), createElementBlock("div", {
127
+ key: 0,
128
+ id: unref(inputId),
129
+ ref_key: "segmentedRef",
130
+ ref: segmentedRef,
131
+ class: normalizeClass(unref(segmentedCls)),
132
+ role: "radiogroup",
133
+ "aria-label": !unref(isLabeledByFormItem) ? _ctx.ariaLabel || "segmented" : void 0,
134
+ "aria-labelledby": unref(isLabeledByFormItem) ? unref(formItem).labelId : void 0
135
+ }, [
136
+ createElementVNode("div", {
137
+ class: normalizeClass([unref(ns).e("group"), unref(ns).m(props.direction)])
138
+ }, [
139
+ createElementVNode("div", {
140
+ style: normalizeStyle(unref(selectedStyle)),
141
+ class: normalizeClass(unref(selectedCls))
142
+ }, null, 6),
143
+ (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.options, (item, index) => {
144
+ return openBlock(), createElementBlock("label", {
145
+ key: index,
146
+ class: normalizeClass(getItemCls(item))
147
+ }, [
148
+ createElementVNode("input", {
149
+ class: normalizeClass(unref(ns).e("item-input")),
150
+ type: "radio",
151
+ name: unref(name),
152
+ disabled: getDisabled(item),
153
+ checked: getSelected(item),
154
+ onChange: ($event) => handleChange(item)
155
+ }, null, 42, ["name", "disabled", "checked", "onChange"]),
156
+ createElementVNode("div", {
157
+ class: normalizeClass(unref(ns).e("item-label"))
158
+ }, [
159
+ renderSlot(_ctx.$slots, "default", { item }, () => [
160
+ createTextVNode(toDisplayString(getLabel(item)), 1)
161
+ ])
162
+ ], 2)
163
+ ], 2);
164
+ }), 128))
165
+ ], 2)
166
+ ], 10, ["id", "aria-label", "aria-labelledby"])) : createCommentVNode("v-if", true);
167
+ };
168
+ }
169
+ });
170
+ var Segmented = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "segmented.vue"]]);
45
171
 
46
- export { defaultProps, segmentedEmits, segmentedProps };
172
+ export { Segmented as default };
47
173
  //# sourceMappingURL=segmented.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"segmented.mjs","sources":["../../../../../../packages/components/segmented/src/segmented.ts"],"sourcesContent":["import {\n buildProps,\n definePropType,\n isBoolean,\n isNumber,\n isString,\n} from '@element-plus/utils'\nimport { useAriaProps, useSizeProp } from '@element-plus/hooks'\nimport { CHANGE_EVENT, UPDATE_MODEL_EVENT } from '@element-plus/constants'\n\nimport type { Option } from './types'\nimport type { ExtractPropTypes } from 'vue'\nimport type Segmented from './segmented.vue'\n\nexport interface Props {\n label?: string\n value?: string\n disabled?: string\n}\n\nexport const defaultProps: Required<Props> = {\n label: 'label',\n value: 'value',\n disabled: 'disabled',\n}\n\nexport const segmentedProps = buildProps({\n direction: {\n type: definePropType<'vertical' | 'horizontal'>(String),\n default: 'horizontal',\n },\n /**\n * @description options of segmented\n */\n options: {\n type: definePropType<Option[]>(Array),\n default: () => [],\n },\n /**\n * @description binding value\n */\n modelValue: {\n type: [String, Number, Boolean],\n default: undefined,\n },\n /**\n * @description configuration options, see the following table\n */\n props: {\n type: definePropType<Props>(Object),\n default: () => defaultProps,\n },\n /**\n * @description fit width of parent content\n */\n block: Boolean,\n /**\n * @description size of component\n */\n size: useSizeProp,\n /**\n * @description whether segmented is disabled\n */\n disabled: Boolean,\n /**\n * @description whether to trigger form validation\n */\n validateEvent: {\n type: Boolean,\n default: true,\n },\n /**\n * @description native input id\n */\n id: String,\n /**\n * @description native `name` attribute\n */\n name: String,\n ...useAriaProps(['ariaLabel']),\n})\n\nexport type SegmentedProps = ExtractPropTypes<typeof segmentedProps>\n\nexport const segmentedEmits = {\n [UPDATE_MODEL_EVENT]: (val: any) =>\n isString(val) || isNumber(val) || isBoolean(val),\n [CHANGE_EVENT]: (val: any) =>\n isString(val) || isNumber(val) || isBoolean(val),\n}\nexport type SegmentedEmits = typeof segmentedEmits\n\nexport type SegmentedInstance = InstanceType<typeof Segmented> & unknown\n"],"names":[],"mappings":";;;;;;;AASY,MAAC,YAAY,GAAG;AAC5B,EAAE,KAAK,EAAE,OAAO;AAChB,EAAE,KAAK,EAAE,OAAO;AAChB,EAAE,QAAQ,EAAE,UAAU;AACtB,EAAE;AACU,MAAC,cAAc,GAAG,UAAU,CAAC;AACzC,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,cAAc,CAAC,MAAM,CAAC;AAChC,IAAI,OAAO,EAAE,YAAY;AACzB,GAAG;AACH,EAAE,OAAO,EAAE;AACX,IAAI,IAAI,EAAE,cAAc,CAAC,KAAK,CAAC;AAC/B,IAAI,OAAO,EAAE,MAAM,EAAE;AACrB,GAAG;AACH,EAAE,UAAU,EAAE;AACd,IAAI,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,OAAO,CAAC;AACnC,IAAI,OAAO,EAAE,KAAK,CAAC;AACnB,GAAG;AACH,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,cAAc,CAAC,MAAM,CAAC;AAChC,IAAI,OAAO,EAAE,MAAM,YAAY;AAC/B,GAAG;AACH,EAAE,KAAK,EAAE,OAAO;AAChB,EAAE,IAAI,EAAE,WAAW;AACnB,EAAE,QAAQ,EAAE,OAAO;AACnB,EAAE,aAAa,EAAE;AACjB,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,EAAE,EAAE,MAAM;AACZ,EAAE,IAAI,EAAE,MAAM;AACd,EAAE,GAAG,YAAY,CAAC,CAAC,WAAW,CAAC,CAAC;AAChC,CAAC,EAAE;AACS,MAAC,cAAc,GAAG;AAC9B,EAAE,CAAC,kBAAkB,GAAG,CAAC,GAAG,KAAK,QAAQ,CAAC,GAAG,CAAC,IAAI,QAAQ,CAAC,GAAG,CAAC,IAAI,SAAS,CAAC,GAAG,CAAC;AACjF,EAAE,CAAC,YAAY,GAAG,CAAC,GAAG,KAAK,QAAQ,CAAC,GAAG,CAAC,IAAI,QAAQ,CAAC,GAAG,CAAC,IAAI,SAAS,CAAC,GAAG,CAAC;AAC3E;;;;"}
1
+ {"version":3,"file":"segmented.mjs","sources":["../../../../../../packages/components/segmented/src/segmented.vue"],"sourcesContent":["<template>\n <div\n v-if=\"options.length\"\n :id=\"inputId\"\n ref=\"segmentedRef\"\n :class=\"segmentedCls\"\n role=\"radiogroup\"\n :aria-label=\"!isLabeledByFormItem ? ariaLabel || 'segmented' : undefined\"\n :aria-labelledby=\"isLabeledByFormItem ? formItem!.labelId : undefined\"\n >\n <div :class=\"[ns.e('group'), ns.m(props.direction)]\">\n <div :style=\"selectedStyle\" :class=\"selectedCls\" />\n <label\n v-for=\"(item, index) in options\"\n :key=\"index\"\n :class=\"getItemCls(item)\"\n >\n <input\n :class=\"ns.e('item-input')\"\n type=\"radio\"\n :name=\"name\"\n :disabled=\"getDisabled(item)\"\n :checked=\"getSelected(item)\"\n @change=\"handleChange(item)\"\n />\n <div :class=\"ns.e('item-label')\">\n <slot :item=\"item\">{{ getLabel(item) }}</slot>\n </div>\n </label>\n </div>\n </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, reactive, ref, watch } from 'vue'\nimport { useActiveElement, useResizeObserver } from '@vueuse/core'\nimport { useId, useNamespace } from '@element-plus/hooks'\nimport {\n useFormDisabled,\n useFormItem,\n useFormItemInputId,\n useFormSize,\n} from '@element-plus/components/form'\nimport { debugWarn, isObject } from '@element-plus/utils'\nimport { CHANGE_EVENT, UPDATE_MODEL_EVENT } from '@element-plus/constants'\nimport { defaultProps, segmentedEmits, segmentedProps } from './segmented'\nimport type { Option } from './types'\n\ndefineOptions({\n name: 'ElSegmented',\n})\n\nconst props = defineProps(segmentedProps)\nconst emit = defineEmits(segmentedEmits)\n\nconst ns = useNamespace('segmented')\nconst segmentedId = useId()\nconst segmentedSize = useFormSize()\nconst _disabled = useFormDisabled()\nconst { formItem } = useFormItem()\nconst { inputId, isLabeledByFormItem } = useFormItemInputId(props, {\n formItemContext: formItem,\n})\n\nconst segmentedRef = ref<HTMLElement | null>(null)\nconst activeElement = useActiveElement()\n\nconst state = reactive({\n isInit: false,\n width: 0,\n height: 0,\n translateX: 0,\n translateY: 0,\n focusVisible: false,\n})\n\nconst handleChange = (item: Option) => {\n const value = getValue(item)\n emit(UPDATE_MODEL_EVENT, value)\n emit(CHANGE_EVENT, value)\n}\n\nconst aliasProps = computed(() => ({ ...defaultProps, ...props.props }))\n\nconst getValue = (item: Option) => {\n return isObject(item) ? item[aliasProps.value.value] : item\n}\n\nconst getLabel = (item: Option) => {\n return isObject(item) ? item[aliasProps.value.label] : item\n}\n\nconst getDisabled = (item: Option | undefined) => {\n return !!(\n _disabled.value ||\n (isObject(item) ? item[aliasProps.value.disabled] : false)\n )\n}\n\nconst getSelected = (item: Option) => {\n return props.modelValue === getValue(item)\n}\n\nconst getOption = (value: any) => {\n return props.options.find((item) => getValue(item) === value)\n}\n\nconst getItemCls = (item: Option) => {\n return [\n ns.e('item'),\n ns.is('selected', getSelected(item)),\n ns.is('disabled', getDisabled(item)),\n ]\n}\n\nconst updateSelect = () => {\n if (!segmentedRef.value) return\n const selectedItem = segmentedRef.value.querySelector(\n '.is-selected'\n ) as HTMLElement\n const selectedItemInput = segmentedRef.value.querySelector(\n '.is-selected input'\n ) as HTMLElement\n if (!selectedItem || !selectedItemInput) {\n state.width = 0\n state.height = 0\n state.translateX = 0\n state.translateY = 0\n state.focusVisible = false\n return\n }\n const rect = selectedItem.getBoundingClientRect()\n state.isInit = true\n if (props.direction === 'vertical') {\n state.height = rect.height\n state.translateY = selectedItem.offsetTop\n } else {\n state.width = rect.width\n state.translateX = selectedItem.offsetLeft\n }\n try {\n // This will failed in test\n state.focusVisible = selectedItemInput.matches(':focus-visible')\n } catch {}\n}\n\nconst segmentedCls = computed(() => [\n ns.b(),\n ns.m(segmentedSize.value),\n ns.is('block', props.block),\n])\n\nconst selectedStyle = computed(() => ({\n width: props.direction === 'vertical' ? '100%' : `${state.width}px`,\n height: props.direction === 'vertical' ? `${state.height}px` : '100%',\n transform:\n props.direction === 'vertical'\n ? `translateY(${state.translateY}px)`\n : `translateX(${state.translateX}px)`,\n display: state.isInit ? 'block' : 'none',\n}))\n\nconst selectedCls = computed(() => [\n ns.e('item-selected'),\n ns.is('disabled', getDisabled(getOption(props.modelValue))),\n ns.is('focus-visible', state.focusVisible),\n])\n\nconst name = computed(() => {\n return props.name || segmentedId.value\n})\n\nuseResizeObserver(segmentedRef, updateSelect)\n\nwatch(activeElement, updateSelect)\n\nwatch(\n () => props.modelValue,\n () => {\n updateSelect()\n if (props.validateEvent) {\n formItem?.validate?.('change').catch((err) => debugWarn(err))\n }\n },\n {\n flush: 'post',\n }\n)\n</script>\n"],"names":["_openBlock","_createElementBlock","_unref"],"mappings":";;;;;;;;;;;;mCAgDc,CAAA;AAAA,EACZ,IAAM,EAAA,aAAA;AACR,CAAA,CAAA,CAAA;;;;;;;AAKA,IAAM,MAAA,EAAA,GAAK,aAAa,WAAW,CAAA,CAAA;AACnC,IAAA,MAAM,cAAc,KAAM,EAAA,CAAA;AAC1B,IAAA,MAAM,gBAAgB,WAAY,EAAA,CAAA;AAClC,IAAA,MAAM,YAAY,eAAgB,EAAA,CAAA;AAClC,IAAM,MAAA,EAAE,QAAS,EAAA,GAAI,WAAY,EAAA,CAAA;AACjC,IAAA,MAAM,EAAE,OAAA,EAAS,mBAAoB,EAAA,GAAI,mBAAmB,KAAO,EAAA;AAAA,MACjE,eAAiB,EAAA,QAAA;AAAA,KAClB,CAAA,CAAA;AAED,IAAM,MAAA,YAAA,GAAe,IAAwB,IAAI,CAAA,CAAA;AACjD,IAAA,MAAM,gBAAgB,gBAAiB,EAAA,CAAA;AAEvC,IAAA,MAAM,QAAQ,QAAS,CAAA;AAAA,MACrB,MAAQ,EAAA,KAAA;AAAA,MACR,KAAO,EAAA,CAAA;AAAA,MACP,MAAQ,EAAA,CAAA;AAAA,MACR,UAAY,EAAA,CAAA;AAAA,MACZ,UAAY,EAAA,CAAA;AAAA,MACZ,YAAc,EAAA,KAAA;AAAA,KACf,CAAA,CAAA;AAED,IAAM,MAAA,YAAA,GAAe,CAAC,IAAiB,KAAA;AACrC,MAAM,MAAA,KAAA,GAAQ,SAAS,IAAI,CAAA,CAAA;AAC3B,MAAA,IAAA,CAAK,oBAAoB,KAAK,CAAA,CAAA;AAC9B,MAAA,IAAA,CAAK,cAAc,KAAK,CAAA,CAAA;AAAA,KAC1B,CAAA;AAEA,IAAM,MAAA,UAAA,GAAa,SAAS,OAAO,EAAE,GAAG,YAAc,EAAA,GAAG,KAAM,CAAA,KAAA,EAAQ,CAAA,CAAA,CAAA;AAEvE,IAAM,MAAA,QAAA,GAAW,CAAC,IAAiB,KAAA;AACjC,MAAA,OAAO,SAAS,IAAI,CAAA,GAAI,KAAK,UAAW,CAAA,KAAA,CAAM,KAAK,CAAI,GAAA,IAAA,CAAA;AAAA,KACzD,CAAA;AAEA,IAAM,MAAA,QAAA,GAAW,CAAC,IAAiB,KAAA;AACjC,MAAA,OAAO,SAAS,IAAI,CAAA,GAAI,KAAK,UAAW,CAAA,KAAA,CAAM,KAAK,CAAI,GAAA,IAAA,CAAA;AAAA,KACzD,CAAA;AAEA,IAAM,MAAA,WAAA,GAAc,CAAC,IAA6B,KAAA;AAChD,MAAO,OAAA,CAAC,EACN,SAAA,CAAU,KACT,KAAA,QAAA,CAAS,IAAI,CAAA,GAAI,IAAK,CAAA,UAAA,CAAW,KAAM,CAAA,QAAQ,CAAI,GAAA,KAAA,CAAA,CAAA,CAAA;AAAA,KAExD,CAAA;AAEA,IAAM,MAAA,WAAA,GAAc,CAAC,IAAiB,KAAA;AACpC,MAAO,OAAA,KAAA,CAAM,UAAe,KAAA,QAAA,CAAS,IAAI,CAAA,CAAA;AAAA,KAC3C,CAAA;AAEA,IAAM,MAAA,SAAA,GAAY,CAAC,KAAe,KAAA;AAChC,MAAO,OAAA,KAAA,CAAM,QAAQ,IAAK,CAAA,CAAC,SAAS,QAAS,CAAA,IAAI,MAAM,KAAK,CAAA,CAAA;AAAA,KAC9D,CAAA;AAEA,IAAM,MAAA,UAAA,GAAa,CAAC,IAAiB,KAAA;AACnC,MAAO,OAAA;AAAA,QACL,EAAA,CAAG,EAAE,MAAM,CAAA;AAAA,QACX,EAAG,CAAA,EAAA,CAAG,UAAY,EAAA,WAAA,CAAY,IAAI,CAAC,CAAA;AAAA,QACnC,EAAG,CAAA,EAAA,CAAG,UAAY,EAAA,WAAA,CAAY,IAAI,CAAC,CAAA;AAAA,OACrC,CAAA;AAAA,KACF,CAAA;AAEA,IAAA,MAAM,eAAe,MAAM;AACzB,MAAI,IAAA,CAAC,aAAa,KAAO;AACzB,QAAM,OAAA;AAAkC,MACtC,MAAA,YAAA,GAAA,YAAA,CAAA,KAAA,CAAA,aAAA,CAAA,cAAA,CAAA,CAAA;AAAA,MACF,MAAA,iBAAA,GAAA,YAAA,CAAA,KAAA,CAAA,aAAA,CAAA,oBAAA,CAAA,CAAA;AACA,MAAM,IAAA,CAAA,YAAA,IAAA,CAAA,iBAAiC,EAAM;AAAA,QAC3C,KAAA,CAAA,KAAA,GAAA,CAAA,CAAA;AAAA,QACF,KAAA,CAAA,MAAA,GAAA,CAAA,CAAA;AACA,QAAI,KAAiB,CAAA,UAAA,GAAA,CAAC,CAAmB;AACvC,QAAA,KAAA,CAAM,UAAQ,GAAA,CAAA,CAAA;AACd,QAAA,KAAA,CAAM,YAAS,GAAA,KAAA,CAAA;AACf,QAAA,OAAmB;AACnB,OAAA;AACA,MAAA,MAAA,IAAqB,GAAA,YAAA,CAAA,qBAAA,EAAA,CAAA;AACrB,MAAA,KAAA,CAAA,MAAA,GAAA,IAAA,CAAA;AAAA,MACF,IAAA,KAAA,CAAA,SAAA,KAAA,UAAA,EAAA;AACA,QAAM,KAAA,CAAA,oBAA0C,CAAA;AAChD,QAAA,KAAe,CAAA,UAAA,GAAA,YAAA,CAAA,SAAA,CAAA;AACf,OAAI,MAAA;AACF,QAAA,KAAA,CAAM,YAAc,CAAA,KAAA,CAAA;AACpB,QAAA,KAAA,CAAM,aAAa,YAAa,CAAA,UAAA,CAAA;AAAA,OAC3B;AACL,MAAA,IAAA;AACA,QAAA,KAAA,CAAM,eAA0B,iBAAA,CAAA,OAAA,CAAA,gBAAA,CAAA,CAAA;AAAA,OAClC,CAAA,OAAA,CAAA,EAAA;AACA,OAAI;AAEF,KAAM,CAAA;AAAyD,IAAA,MACzD,YAAA,GAAA,QAAA,CAAA,MAAA;AAAA,MAAC,EAAA,CAAA,CAAA,EAAA;AAAA,MACX,EAAA,CAAA,CAAA,CAAA,aAAA,CAAA,KAAA,CAAA;AAEA,MAAM,EAAA,CAAA,EAAA,CAAA,OAAA,EAAA;AAA8B,KAAA,CAClC;AAAK,IACL,MAAK,aAAA,GAAmB,QAAA,CAAA,OAAA;AAAA,MACxB,KAAG,EAAY,KAAA,CAAA,SAAW,KAAA,UAAA,GAAA,MAAA,GAAA,CAAA,EAAA,KAAA,CAAA,KAAA,CAAA,EAAA,CAAA;AAAA,MAC3B,MAAA,EAAA,KAAA,CAAA,SAAA,KAAA,UAAA,GAAA,CAAA,EAAA,KAAA,CAAA,MAAA,CAAA,EAAA,CAAA,GAAA,MAAA;AAED,MAAM,SAAA,EAAA,KAAA,CAAA,cAAgC,UAAA,GAAA,CAAA,WAAA,EAAA,KAAA,CAAA,UAAA,CAAA,GAAA,CAAA,GAAA,CAAA,WAAA,EAAA,KAAA,CAAA,UAAA,CAAA,GAAA,CAAA;AAAA,MACpC,OAAO,EAAM,KAAA,CAAA,MAAA,GAAA,gBAA2B;AAAuB,KAAA,CAC/D;AAA+D,IAC/D,MAAA,WACQ,GAAA,QAAA,CAAA,MACF;AAC8B,MACpC,EAAA,CAAA,CAAA,CAAA,eAAe,CAAA;AAAmB,MAClC,EAAA,CAAA,EAAA,CAAA,UAAA,EAAA,WAAA,CAAA,SAAA,CAAA,KAAA,CAAA,UAAA,CAAA,CAAA,CAAA;AAEF,MAAM,EAAA,CAAA,EAAA,CAAA,sBAA6B,CAAA,YAAA,CAAA;AAAA,KACjC,CAAA,CAAA;AAAoB,IACpB,UAAkB,GAAA,QAAA,CAAA,MAAA;AAAwC,MAC1D,OAAuB,KAAA,CAAA,IAAA,IAAA,WAAkB,CAAA,KAAA,CAAA;AAAA,KAC1C,CAAA,CAAA;AAED,IAAM,8BAAsB,EAAA,YAAA,CAAA,CAAA;AAC1B,IAAO,KAAA,CAAA,2BAA0B,CAAA,CAAA;AAAA,IACnC,KAAC,CAAA,MAAA,KAAA,CAAA,UAAA,EAAA,MAAA;AAED,MAAA,IAAA,EAAA,CAAA;AAEA,MAAA;AAEA,MAAA,IAAA,KAAA,CAAA,aAAA,EAAA;AAAA,cACc,QAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,QAAA,CAAA,QAAA,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,IAAA,CAAA,QAAA,EAAA,QAAA,CAAA,CAAA,KAAA,CAAA,CAAA,GAAA,KAAA,SAAA,CAAA,GAAA,CAAA,CAAA,CAAA;AAAA,OACN;AACJ,KAAa,EAAA;AACb,MAAA,KAAA,QAAyB;AACvB,KAAU,CAAA,CAAA;AAAkD,IAC9D,OAAA,CAAA,IAAA,EAAA,MAAA,KAAA;AAAA,MACF,OAAA,IAAA,CAAA,OAAA,CAAA,MAAA,IAAAA,SAAA,EAAA,EAAAC,kBAAA,CAAA,KAAA,EAAA;AAAA,QACA,GAAA,EAAA,CAAA;AAAA,QACE,EAAO,EAAAC,KAAA,CAAA,OAAA,CAAA;AAAA,QACT,OAAA,EAAA,cAAA;AAAA,QACF,GAAA,EAAA,YAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}