@element-plus/nightly 0.0.20251103 → 0.0.20251104

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 (552) hide show
  1. package/dist/index.full.js +20 -28
  2. package/dist/index.full.min.js +8 -8
  3. package/dist/index.full.min.js.map +1 -1
  4. package/dist/index.full.min.mjs +10 -10
  5. package/dist/index.full.min.mjs.map +1 -1
  6. package/dist/index.full.mjs +20 -28
  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 +129 -24
  277. package/es/components/affix/src/affix.mjs.map +1 -1
  278. package/es/components/affix/src/affix2.mjs +24 -129
  279. package/es/components/affix/src/affix2.mjs.map +1 -1
  280. package/es/components/avatar/index.mjs +2 -2
  281. package/es/components/avatar/src/avatar.mjs +65 -31
  282. package/es/components/avatar/src/avatar.mjs.map +1 -1
  283. package/es/components/avatar/src/avatar2.mjs +31 -65
  284. package/es/components/avatar/src/avatar2.mjs.map +1 -1
  285. package/es/components/badge/index.mjs +2 -2
  286. package/es/components/badge/src/badge.mjs +71 -32
  287. package/es/components/badge/src/badge.mjs.map +1 -1
  288. package/es/components/badge/src/badge2.mjs +32 -71
  289. package/es/components/badge/src/badge2.mjs.map +1 -1
  290. package/es/components/calendar/index.mjs +2 -2
  291. package/es/components/calendar/src/calendar.mjs +16 -134
  292. package/es/components/calendar/src/calendar.mjs.map +1 -1
  293. package/es/components/calendar/src/calendar2.mjs +134 -16
  294. package/es/components/calendar/src/calendar2.mjs.map +1 -1
  295. package/es/components/card/index.mjs +2 -2
  296. package/es/components/card/src/card.mjs +23 -48
  297. package/es/components/card/src/card.mjs.map +1 -1
  298. package/es/components/card/src/card2.mjs +48 -23
  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.mjs +212 -61
  302. package/es/components/carousel/src/carousel.mjs.map +1 -1
  303. package/es/components/carousel/src/carousel2.mjs +61 -212
  304. package/es/components/carousel/src/carousel2.mjs.map +1 -1
  305. package/es/components/checkbox/index.mjs +2 -2
  306. package/es/components/checkbox/src/checkbox-group.mjs +92 -47
  307. package/es/components/checkbox/src/checkbox-group.mjs.map +1 -1
  308. package/es/components/checkbox/src/checkbox-group2.mjs +47 -92
  309. package/es/components/checkbox/src/checkbox-group2.mjs.map +1 -1
  310. package/es/components/collection/index.mjs +1 -1
  311. package/es/components/collection/src/collection.mjs +62 -10
  312. package/es/components/collection/src/collection.mjs.map +1 -1
  313. package/es/components/collection/src/collection2.mjs +10 -62
  314. package/es/components/collection/src/collection2.mjs.map +1 -1
  315. package/es/components/color-picker/index.mjs +2 -2
  316. package/es/components/color-picker/src/color-picker.mjs +347 -46
  317. package/es/components/color-picker/src/color-picker.mjs.map +1 -1
  318. package/es/components/color-picker/src/color-picker2.mjs +46 -347
  319. package/es/components/color-picker/src/color-picker2.mjs.map +1 -1
  320. package/es/components/dropdown/src/dropdown-item-impl.mjs +2 -2
  321. package/es/components/dropdown/src/dropdown-menu.mjs +1 -1
  322. package/es/components/dropdown/src/dropdown2.mjs +1 -1
  323. package/es/components/image-viewer/index.mjs +2 -2
  324. package/es/components/image-viewer/src/image-viewer.mjs +51 -460
  325. package/es/components/image-viewer/src/image-viewer.mjs.map +1 -1
  326. package/es/components/image-viewer/src/image-viewer2.mjs +460 -51
  327. package/es/components/image-viewer/src/image-viewer2.mjs.map +1 -1
  328. package/es/components/index.mjs +19 -19
  329. package/es/components/input-tag/index.mjs +2 -2
  330. package/es/components/input-tag/src/input-tag.mjs +83 -272
  331. package/es/components/input-tag/src/input-tag.mjs.map +1 -1
  332. package/es/components/input-tag/src/input-tag2.mjs +272 -83
  333. package/es/components/input-tag/src/input-tag2.mjs.map +1 -1
  334. package/es/components/pagination/src/components/jumper.mjs +58 -7
  335. package/es/components/pagination/src/components/jumper.mjs.map +1 -1
  336. package/es/components/pagination/src/components/jumper2.mjs +7 -58
  337. package/es/components/pagination/src/components/jumper2.mjs.map +1 -1
  338. package/es/components/pagination/src/components/next.mjs +35 -18
  339. package/es/components/pagination/src/components/next.mjs.map +1 -1
  340. package/es/components/pagination/src/components/next2.mjs +18 -35
  341. package/es/components/pagination/src/components/next2.mjs.map +1 -1
  342. package/es/components/pagination/src/components/sizes.mjs +26 -72
  343. package/es/components/pagination/src/components/sizes.mjs.map +1 -1
  344. package/es/components/pagination/src/components/sizes2.mjs +72 -26
  345. package/es/components/pagination/src/components/sizes2.mjs.map +1 -1
  346. package/es/components/pagination/src/pagination.mjs +3 -3
  347. package/es/components/popper/index.mjs +2 -2
  348. package/es/components/popper/src/content.mjs +89 -131
  349. package/es/components/popper/src/content.mjs.map +1 -1
  350. package/es/components/popper/src/content2.mjs +131 -89
  351. package/es/components/popper/src/content2.mjs.map +1 -1
  352. package/es/components/popper/src/trigger2.mjs +1 -1
  353. package/es/components/radio/index.mjs +2 -2
  354. package/es/components/radio/src/radio-button.mjs +1 -1
  355. package/es/components/radio/src/radio-group.mjs +1 -1
  356. package/es/components/radio/src/radio-group2.mjs +1 -1
  357. package/es/components/radio/src/radio.mjs +32 -74
  358. package/es/components/radio/src/radio.mjs.map +1 -1
  359. package/es/components/radio/src/radio2.mjs +74 -32
  360. package/es/components/radio/src/radio2.mjs.map +1 -1
  361. package/es/components/rate/index.mjs +2 -2
  362. package/es/components/rate/src/rate.mjs +256 -83
  363. package/es/components/rate/src/rate.mjs.map +1 -1
  364. package/es/components/rate/src/rate2.mjs +83 -256
  365. package/es/components/rate/src/rate2.mjs.map +1 -1
  366. package/es/components/roving-focus-group/index.mjs +3 -3
  367. package/es/components/roving-focus-group/src/roving-focus-group-impl.mjs +1 -1
  368. package/es/components/roving-focus-group/src/roving-focus-group.mjs +27 -27
  369. package/es/components/roving-focus-group/src/roving-focus-group.mjs.map +1 -1
  370. package/es/components/roving-focus-group/src/roving-focus-group2.mjs +27 -27
  371. package/es/components/roving-focus-group/src/roving-focus-group2.mjs.map +1 -1
  372. package/es/components/roving-focus-group/src/roving-focus-item.mjs +1 -1
  373. package/es/components/row/index.mjs +2 -2
  374. package/es/components/row/src/row.mjs +44 -28
  375. package/es/components/row/src/row.mjs.map +1 -1
  376. package/es/components/row/src/row2.mjs +28 -44
  377. package/es/components/row/src/row2.mjs.map +1 -1
  378. package/es/components/skeleton/index.mjs +2 -2
  379. package/es/components/skeleton/src/skeleton-item.mjs +17 -22
  380. package/es/components/skeleton/src/skeleton-item.mjs.map +1 -1
  381. package/es/components/skeleton/src/skeleton-item2.mjs +22 -17
  382. package/es/components/skeleton/src/skeleton-item2.mjs.map +1 -1
  383. package/es/components/skeleton/src/skeleton2.mjs +1 -1
  384. package/es/components/steps/index.mjs +2 -2
  385. package/es/components/steps/src/steps.mjs +35 -41
  386. package/es/components/steps/src/steps.mjs.map +1 -1
  387. package/es/components/steps/src/steps2.mjs +41 -35
  388. package/es/components/steps/src/steps2.mjs.map +1 -1
  389. package/es/components/table/src/table-body/events-helper.mjs +5 -5
  390. package/es/components/table/src/table-body/events-helper.mjs.map +1 -1
  391. package/es/components/tabs/index.mjs +2 -2
  392. package/es/components/tabs/src/tab-pane.mjs +85 -16
  393. package/es/components/tabs/src/tab-pane.mjs.map +1 -1
  394. package/es/components/tabs/src/tab-pane2.mjs +16 -85
  395. package/es/components/tabs/src/tab-pane2.mjs.map +1 -1
  396. package/es/components/timeline/index.mjs +2 -2
  397. package/es/components/timeline/src/timeline-item.mjs +72 -33
  398. package/es/components/timeline/src/timeline-item.mjs.map +1 -1
  399. package/es/components/timeline/src/timeline-item2.mjs +33 -72
  400. package/es/components/timeline/src/timeline-item2.mjs.map +1 -1
  401. package/es/components/tooltip/src/content.mjs +1 -1
  402. package/es/components/tooltip/src/content2.mjs +1 -1
  403. package/es/components/tree/src/model/node.mjs +1 -7
  404. package/es/components/tree/src/model/node.mjs.map +1 -1
  405. package/es/components/tree/src/tree2.mjs +12 -14
  406. package/es/components/tree/src/tree2.mjs.map +1 -1
  407. package/es/directives/click-outside/index.mjs +1 -1
  408. package/es/hooks/use-model-toggle/index.mjs +1 -1
  409. package/es/index.mjs +19 -19
  410. package/es/version.d.ts +1 -1
  411. package/es/version.mjs +1 -1
  412. package/es/version.mjs.map +1 -1
  413. package/lib/components/affix/index.js +2 -2
  414. package/lib/components/affix/src/affix.js +129 -25
  415. package/lib/components/affix/src/affix.js.map +1 -1
  416. package/lib/components/affix/src/affix2.js +25 -129
  417. package/lib/components/affix/src/affix2.js.map +1 -1
  418. package/lib/components/avatar/index.js +2 -2
  419. package/lib/components/avatar/src/avatar.js +65 -32
  420. package/lib/components/avatar/src/avatar.js.map +1 -1
  421. package/lib/components/avatar/src/avatar2.js +32 -65
  422. package/lib/components/avatar/src/avatar2.js.map +1 -1
  423. package/lib/components/badge/index.js +2 -2
  424. package/lib/components/badge/src/badge.js +71 -32
  425. package/lib/components/badge/src/badge.js.map +1 -1
  426. package/lib/components/badge/src/badge2.js +32 -71
  427. package/lib/components/badge/src/badge2.js.map +1 -1
  428. package/lib/components/calendar/index.js +2 -2
  429. package/lib/components/calendar/src/calendar.js +17 -134
  430. package/lib/components/calendar/src/calendar.js.map +1 -1
  431. package/lib/components/calendar/src/calendar2.js +134 -17
  432. package/lib/components/calendar/src/calendar2.js.map +1 -1
  433. package/lib/components/card/index.js +2 -2
  434. package/lib/components/card/src/card.js +24 -48
  435. package/lib/components/card/src/card.js.map +1 -1
  436. package/lib/components/card/src/card2.js +48 -24
  437. package/lib/components/card/src/card2.js.map +1 -1
  438. package/lib/components/carousel/index.js +2 -2
  439. package/lib/components/carousel/src/carousel.js +212 -62
  440. package/lib/components/carousel/src/carousel.js.map +1 -1
  441. package/lib/components/carousel/src/carousel2.js +62 -212
  442. package/lib/components/carousel/src/carousel2.js.map +1 -1
  443. package/lib/components/checkbox/index.js +2 -2
  444. package/lib/components/checkbox/src/checkbox-group.js +91 -48
  445. package/lib/components/checkbox/src/checkbox-group.js.map +1 -1
  446. package/lib/components/checkbox/src/checkbox-group2.js +48 -91
  447. package/lib/components/checkbox/src/checkbox-group2.js.map +1 -1
  448. package/lib/components/collection/index.js +1 -1
  449. package/lib/components/collection/src/collection.js +62 -9
  450. package/lib/components/collection/src/collection.js.map +1 -1
  451. package/lib/components/collection/src/collection2.js +9 -62
  452. package/lib/components/collection/src/collection2.js.map +1 -1
  453. package/lib/components/color-picker/index.js +2 -2
  454. package/lib/components/color-picker/src/color-picker.js +346 -46
  455. package/lib/components/color-picker/src/color-picker.js.map +1 -1
  456. package/lib/components/color-picker/src/color-picker2.js +46 -346
  457. package/lib/components/color-picker/src/color-picker2.js.map +1 -1
  458. package/lib/components/dropdown/src/dropdown-item-impl.js +2 -2
  459. package/lib/components/dropdown/src/dropdown-menu.js +1 -1
  460. package/lib/components/dropdown/src/dropdown2.js +1 -1
  461. package/lib/components/image-viewer/index.js +2 -2
  462. package/lib/components/image-viewer/src/image-viewer.js +52 -460
  463. package/lib/components/image-viewer/src/image-viewer.js.map +1 -1
  464. package/lib/components/image-viewer/src/image-viewer2.js +460 -52
  465. package/lib/components/image-viewer/src/image-viewer2.js.map +1 -1
  466. package/lib/components/index.js +19 -19
  467. package/lib/components/input-tag/index.js +2 -2
  468. package/lib/components/input-tag/src/input-tag.js +82 -270
  469. package/lib/components/input-tag/src/input-tag.js.map +1 -1
  470. package/lib/components/input-tag/src/input-tag2.js +270 -82
  471. package/lib/components/input-tag/src/input-tag2.js.map +1 -1
  472. package/lib/components/pagination/src/components/jumper.js +58 -7
  473. package/lib/components/pagination/src/components/jumper.js.map +1 -1
  474. package/lib/components/pagination/src/components/jumper2.js +7 -58
  475. package/lib/components/pagination/src/components/jumper2.js.map +1 -1
  476. package/lib/components/pagination/src/components/next.js +35 -18
  477. package/lib/components/pagination/src/components/next.js.map +1 -1
  478. package/lib/components/pagination/src/components/next2.js +18 -35
  479. package/lib/components/pagination/src/components/next2.js.map +1 -1
  480. package/lib/components/pagination/src/components/sizes.js +26 -72
  481. package/lib/components/pagination/src/components/sizes.js.map +1 -1
  482. package/lib/components/pagination/src/components/sizes2.js +72 -26
  483. package/lib/components/pagination/src/components/sizes2.js.map +1 -1
  484. package/lib/components/pagination/src/pagination.js +3 -3
  485. package/lib/components/popper/index.js +2 -2
  486. package/lib/components/popper/src/content.js +94 -131
  487. package/lib/components/popper/src/content.js.map +1 -1
  488. package/lib/components/popper/src/content2.js +131 -94
  489. package/lib/components/popper/src/content2.js.map +1 -1
  490. package/lib/components/popper/src/trigger2.js +1 -1
  491. package/lib/components/radio/index.js +2 -2
  492. package/lib/components/radio/src/radio-button.js +1 -1
  493. package/lib/components/radio/src/radio-group.js +1 -1
  494. package/lib/components/radio/src/radio-group2.js +1 -1
  495. package/lib/components/radio/src/radio.js +33 -73
  496. package/lib/components/radio/src/radio.js.map +1 -1
  497. package/lib/components/radio/src/radio2.js +73 -33
  498. package/lib/components/radio/src/radio2.js.map +1 -1
  499. package/lib/components/rate/index.js +2 -2
  500. package/lib/components/rate/src/rate.js +255 -83
  501. package/lib/components/rate/src/rate.js.map +1 -1
  502. package/lib/components/rate/src/rate2.js +83 -255
  503. package/lib/components/rate/src/rate2.js.map +1 -1
  504. package/lib/components/roving-focus-group/index.js +2 -2
  505. package/lib/components/roving-focus-group/src/roving-focus-group-impl.js +1 -1
  506. package/lib/components/roving-focus-group/src/roving-focus-group.js +27 -31
  507. package/lib/components/roving-focus-group/src/roving-focus-group.js.map +1 -1
  508. package/lib/components/roving-focus-group/src/roving-focus-group2.js +31 -27
  509. package/lib/components/roving-focus-group/src/roving-focus-group2.js.map +1 -1
  510. package/lib/components/roving-focus-group/src/roving-focus-item.js +1 -1
  511. package/lib/components/row/index.js +2 -2
  512. package/lib/components/row/src/row.js +44 -30
  513. package/lib/components/row/src/row.js.map +1 -1
  514. package/lib/components/row/src/row2.js +30 -44
  515. package/lib/components/row/src/row2.js.map +1 -1
  516. package/lib/components/skeleton/index.js +2 -2
  517. package/lib/components/skeleton/src/skeleton-item.js +17 -22
  518. package/lib/components/skeleton/src/skeleton-item.js.map +1 -1
  519. package/lib/components/skeleton/src/skeleton-item2.js +22 -17
  520. package/lib/components/skeleton/src/skeleton-item2.js.map +1 -1
  521. package/lib/components/skeleton/src/skeleton2.js +1 -1
  522. package/lib/components/steps/index.js +2 -2
  523. package/lib/components/steps/src/steps.js +36 -41
  524. package/lib/components/steps/src/steps.js.map +1 -1
  525. package/lib/components/steps/src/steps2.js +41 -36
  526. package/lib/components/steps/src/steps2.js.map +1 -1
  527. package/lib/components/table/src/table-body/events-helper.js +5 -5
  528. package/lib/components/table/src/table-body/events-helper.js.map +1 -1
  529. package/lib/components/tabs/index.js +2 -2
  530. package/lib/components/tabs/src/tab-pane.js +85 -16
  531. package/lib/components/tabs/src/tab-pane.js.map +1 -1
  532. package/lib/components/tabs/src/tab-pane2.js +16 -85
  533. package/lib/components/tabs/src/tab-pane2.js.map +1 -1
  534. package/lib/components/timeline/index.js +2 -2
  535. package/lib/components/timeline/src/timeline-item.js +72 -33
  536. package/lib/components/timeline/src/timeline-item.js.map +1 -1
  537. package/lib/components/timeline/src/timeline-item2.js +33 -72
  538. package/lib/components/timeline/src/timeline-item2.js.map +1 -1
  539. package/lib/components/tooltip/src/content.js +1 -1
  540. package/lib/components/tooltip/src/content2.js +1 -1
  541. package/lib/components/tree/src/model/node.js +1 -7
  542. package/lib/components/tree/src/model/node.js.map +1 -1
  543. package/lib/components/tree/src/tree2.js +12 -14
  544. package/lib/components/tree/src/tree2.js.map +1 -1
  545. package/lib/directives/click-outside/index.js +1 -1
  546. package/lib/hooks/use-model-toggle/index.js +1 -1
  547. package/lib/index.js +19 -19
  548. package/lib/version.d.ts +1 -1
  549. package/lib/version.js +1 -1
  550. package/lib/version.js.map +1 -1
  551. package/package.json +2 -2
  552. package/web-types.json +1 -1
@@ -1 +1 @@
1
- {"version":3,"file":"carousel2.js","sources":["../../../../../../packages/components/carousel/src/carousel.vue"],"sourcesContent":["<template>\n <div\n ref=\"root\"\n :class=\"carouselClasses\"\n @mouseenter.stop=\"handleMouseEnter\"\n @mouseleave.stop=\"handleMouseLeave\"\n >\n <transition v-if=\"arrowDisplay\" name=\"carousel-arrow-left\">\n <button\n v-show=\"(arrow === 'always' || hover) && (loop || activeIndex > 0)\"\n type=\"button\"\n :class=\"[ns.e('arrow'), ns.em('arrow', 'left')]\"\n :aria-label=\"t('el.carousel.leftArrow')\"\n @mouseenter=\"handleButtonEnter('left')\"\n @mouseleave=\"handleButtonLeave\"\n @click.stop=\"throttledArrowClick(activeIndex - 1)\"\n >\n <ElIcon>\n <ArrowLeft />\n </ElIcon>\n </button>\n </transition>\n <transition v-if=\"arrowDisplay\" name=\"carousel-arrow-right\">\n <button\n v-show=\"\n (arrow === 'always' || hover) &&\n (loop || activeIndex < items.length - 1)\n \"\n type=\"button\"\n :class=\"[ns.e('arrow'), ns.em('arrow', 'right')]\"\n :aria-label=\"t('el.carousel.rightArrow')\"\n @mouseenter=\"handleButtonEnter('right')\"\n @mouseleave=\"handleButtonLeave\"\n @click.stop=\"throttledArrowClick(activeIndex + 1)\"\n >\n <ElIcon>\n <ArrowRight />\n </ElIcon>\n </button>\n </transition>\n <div\n :class=\"ns.e('container')\"\n :style=\"containerStyle\"\n @transitionstart=\"handleTransitionStart\"\n @transitionend=\"handleTransitionEnd\"\n >\n <PlaceholderItem />\n <slot />\n </div>\n <items-sorter>\n <ul v-if=\"indicatorPosition !== 'none'\" :class=\"indicatorsClasses\">\n <li\n v-for=\"(item, index) in items\"\n v-show=\"isTwoLengthShow(index)\"\n :key=\"index\"\n :class=\"[\n ns.e('indicator'),\n ns.em('indicator', direction),\n ns.is('active', index === activeIndex),\n ]\"\n @mouseenter=\"throttledIndicatorHover(index)\"\n @click.stop=\"handleIndicatorClick(index)\"\n >\n <button\n :class=\"ns.e('button')\"\n :aria-label=\"t('el.carousel.indicator', { index: index + 1 })\"\n >\n <span v-if=\"hasLabel\">{{ item.props.label }}</span>\n </button>\n </li>\n </ul>\n </items-sorter>\n <svg\n v-if=\"motionBlur\"\n xmlns=\"http://www.w3.org/2000/svg\"\n version=\"1.1\"\n style=\"display: none\"\n >\n <defs>\n <filter id=\"elCarouselHorizontal\">\n <feGaussianBlur in=\"SourceGraphic\" stdDeviation=\"12,0\" />\n </filter>\n <filter id=\"elCarouselVertical\">\n <feGaussianBlur in=\"SourceGraphic\" stdDeviation=\"0,10\" />\n </filter>\n </defs>\n </svg>\n </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, unref } from 'vue'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { ArrowLeft, ArrowRight } from '@element-plus/icons-vue'\nimport { useLocale, useNamespace } from '@element-plus/hooks'\nimport { carouselEmits, carouselProps } from './carousel'\nimport { useCarousel } from './use-carousel'\n\nconst COMPONENT_NAME = 'ElCarousel'\ndefineOptions({\n name: COMPONENT_NAME,\n})\n\nconst props = defineProps(carouselProps)\nconst emit = defineEmits(carouselEmits)\nconst {\n root,\n activeIndex,\n exposeActiveIndex,\n arrowDisplay,\n hasLabel,\n hover,\n isCardType,\n items,\n isVertical,\n containerStyle,\n handleButtonEnter,\n handleButtonLeave,\n handleIndicatorClick,\n handleMouseEnter,\n handleMouseLeave,\n setActiveItem,\n prev,\n next,\n PlaceholderItem,\n isTwoLengthShow,\n ItemsSorter,\n throttledArrowClick,\n throttledIndicatorHover,\n} = useCarousel(props, emit, COMPONENT_NAME)\nconst ns = useNamespace('carousel')\n\nconst { t } = useLocale()\n\nconst carouselClasses = computed(() => {\n const classes = [ns.b(), ns.m(props.direction)]\n if (unref(isCardType)) {\n classes.push(ns.m('card'))\n }\n return classes\n})\n\nconst indicatorsClasses = computed(() => {\n const classes = [ns.e('indicators'), ns.em('indicators', props.direction)]\n if (unref(hasLabel)) {\n classes.push(ns.em('indicators', 'labels'))\n }\n if (props.indicatorPosition === 'outside') {\n classes.push(ns.em('indicators', 'outside'))\n }\n if (unref(isVertical)) {\n classes.push(ns.em('indicators', 'right'))\n }\n return classes\n})\n\nfunction handleTransitionStart(e: TransitionEvent) {\n if (!props.motionBlur) return\n\n const kls = unref(isVertical)\n ? `${ns.namespace.value}-transitioning-vertical`\n : `${ns.namespace.value}-transitioning`\n ;(e.currentTarget as HTMLDivElement).classList.add(kls)\n}\n\nfunction handleTransitionEnd(e: TransitionEvent) {\n if (!props.motionBlur) return\n\n const kls = unref(isVertical)\n ? `${ns.namespace.value}-transitioning-vertical`\n : `${ns.namespace.value}-transitioning`\n ;(e.currentTarget as HTMLDivElement).classList.remove(kls)\n}\n\ndefineExpose({\n /** @description active slide index */\n activeIndex: exposeActiveIndex,\n /** @description manually switch slide, index of the slide to be switched to, starting from 0; or the `name` of corresponding `el-carousel-item` */\n setActiveItem,\n /** @description switch to the previous slide */\n prev,\n /** @description switch to the next slide */\n next,\n})\n</script>\n"],"names":["useCarousel","useNamespace","useLocale","computed","unref","_openBlock","_createElementBlock"],"mappings":";;;;;;;;;;;;;;uCAmGc,CAAA;AAAA,EACZ,IAAM,EAAA,cAAA;AACR;;;;;;;AAIA,IAAM,MAAA;AAAA,MACJ,IAAA;AAAA,MACA,WAAA;AAAA,MACA,iBAAA;AAAA,MACA,YAAA;AAAA,MACA,QAAA;AAAA,MACA,KAAA;AAAA,MACA,UAAA;AAAA,MACA,KAAA;AAAA,MACA,UAAA;AAAA,MACA,cAAA;AAAA,MACA,iBAAA;AAAA,MACA,iBAAA;AAAA,MACA,oBAAA;AAAA,MACA,gBAAA;AAAA,MACA,gBAAA;AAAA,MACA,aAAA;AAAA,MACA,IAAA;AAAA,MACA,IAAA;AAAA,MACA,eAAA;AAAA,MACA,eAAA;AAAA,MACA,WAAA;AAAA,MACA,mBAAA;AAAA,MACA,uBAAA;AAAA,KACE,GAAAA,uBAAA,CAAY,KAAO,EAAA,IAAA,EAAM,cAAc,CAAA,CAAA;AAC3C,IAAM,MAAA,EAAA,GAAKC,mBAAa,UAAU,CAAA,CAAA;AAElC,IAAM,MAAA,EAAE,CAAE,EAAA,GAAIC,iBAAU,EAAA,CAAA;AAExB,IAAM,MAAA,eAAA,GAAkBC,aAAS,MAAM;AACrC,MAAM,MAAA,OAAA,GAAU,CAAC,EAAG,CAAA,CAAA,IAAK,EAAG,CAAA,CAAA,CAAE,KAAM,CAAA,SAAS,CAAC,CAAA,CAAA;AAC9C,MAAI,IAAAC,SAAA,CAAM,UAAU,CAAG,EAAA;AACrB,QAAA,OAAA,CAAQ,IAAK,CAAA,EAAA,CAAG,CAAE,CAAA,MAAM,CAAC,CAAA,CAAA;AAAA,OAC3B;AACA,MAAO,OAAA,OAAA,CAAA;AAAA,KACR,CAAA,CAAA;AAED,IAAM,MAAA,iBAAA,GAAoBD,aAAS,MAAM;AACvC,MAAM,MAAA,OAAA,GAAU,CAAC,EAAA,CAAG,CAAE,CAAA,YAAY,CAAG,EAAA,EAAA,CAAG,EAAG,CAAA,YAAA,EAAc,KAAM,CAAA,SAAS,CAAC,CAAA,CAAA;AACzE,MAAI,IAAAC,SAAA,CAAM,QAAQ,CAAG,EAAA;AACnB,QAAA,OAAA,CAAQ,IAAK,CAAA,EAAA,CAAG,EAAG,CAAA,YAAA,EAAc,QAAQ,CAAC,CAAA,CAAA;AAAA,OAC5C;AACA,MAAI,IAAA,KAAA,CAAM,sBAAsB,SAAW,EAAA;AACzC,QAAA,OAAA,CAAQ,IAAK,CAAA,EAAA,CAAG,EAAG,CAAA,YAAA,EAAc,SAAS,CAAC,CAAA,CAAA;AAAA,OAC7C;AACA,MAAI,IAAAA,SAAA,CAAM,UAAU,CAAG,EAAA;AACrB,QAAA,OAAA,CAAQ,IAAK,CAAA,EAAA,CAAG,EAAG,CAAA,YAAA,EAAc,OAAO,CAAC,CAAA,CAAA;AAAA,OAC3C;AACA,MAAO,OAAA,OAAA,CAAA;AAAA,KACR,CAAA,CAAA;AAED,IAAA,SAAS,sBAAsB,CAAoB,EAAA;AACjD,MAAI,IAAA,CAAC,MAAM,UAAY;AAEvB,QAAA,OAAY;AAGX,MAAC,MAAE,GAAA,GAAAA,SAA2C,CAAA,UAAA,CAAA,GAAO,CAAA,EAAA,EAAA,CAAA,SAAA,CAAA,KAAA,CAAA,uBAAA,CAAA,GAAA,CAAA,EAAA,EAAA,CAAA,SAAA,CAAA,KAAA,CAAA,cAAA,CAAA,CAAA;AAAA,MACxD,CAAA,CAAA,aAAA,CAAA,SAAA,CAAA,GAAA,CAAA,GAAA,CAAA,CAAA;AAEA,KAAA;AACE,IAAI,4BAAmB,CAAA,CAAA,EAAA;AAEvB,MAAA,IAAA,CAAA,KAAY,CAAA,UAAgB;AAG3B,QAAG,OAAA;AAAqD,MAC3D,MAAA,GAAA,GAAAA,SAAA,CAAA,UAAA,CAAA,GAAA,CAAA,EAAA,EAAA,CAAA,SAAA,CAAA,KAAA,CAAA,uBAAA,CAAA,GAAA,CAAA,EAAA,EAAA,CAAA,SAAA,CAAA,KAAA,CAAA,cAAA,CAAA,CAAA;AAEA,MAAa,CAAA,CAAA,aAAA,CAAA,SAAA,CAAA,MAAA,CAAA,GAAA,CAAA,CAAA;AAAA,KAAA;AAAA,IAAA,MAEE,CAAA;AAAA,MAAA,WAAA,EAAA,iBAAA;AAAA,MAEb,aAAA;AAAA,MAAA,IAAA;AAAA,MAEA,IAAA;AAAA,KAAA,CAAA,CAAA;AAAA,IAEA,OAAA,CAAA,IAAA,EAAA,MAAA,KAAA;AAAA,MACD,OAAAC,aAAA,EAAA,EAAAC,sBAAA,CAAA,KAAA,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"carousel2.js","sources":["../../../../../../packages/components/carousel/src/carousel.ts"],"sourcesContent":["import { buildProps, isNumber } from '@element-plus/utils'\n\nimport type { ExtractPropTypes, __ExtractPublicPropTypes } from 'vue'\n\nexport const carouselProps = buildProps({\n /**\n * @description index of the initially active slide (starting from 0)\n */\n initialIndex: {\n type: Number,\n default: 0,\n },\n /**\n * @description height of the carousel\n */\n height: {\n type: String,\n default: '',\n },\n /**\n * @description how indicators are triggered\n */\n trigger: {\n type: String,\n values: ['hover', 'click'],\n default: 'hover',\n },\n /**\n * @description whether automatically loop the slides\n */\n autoplay: {\n type: Boolean,\n default: true,\n },\n /**\n * @description interval of the auto loop, in milliseconds\n */\n interval: {\n type: Number,\n default: 3000,\n },\n /**\n * @description position of the indicators\n */\n indicatorPosition: {\n type: String,\n values: ['', 'none', 'outside'],\n default: '',\n },\n /**\n * @description when arrows are shown\n */\n arrow: {\n type: String,\n values: ['always', 'hover', 'never'],\n default: 'hover',\n },\n /**\n * @description type of the Carousel\n */\n type: {\n type: String,\n values: ['', 'card'],\n default: '',\n },\n /**\n * @description when type is card, scaled size of secondary cards\n */\n cardScale: {\n type: Number,\n default: 0.83,\n },\n /**\n * @description display the items in loop\n */\n loop: {\n type: Boolean,\n default: true,\n },\n /**\n * @description display direction\n */\n direction: {\n type: String,\n values: ['horizontal', 'vertical'],\n default: 'horizontal',\n },\n /**\n * @description pause autoplay when hover\n */\n pauseOnHover: {\n type: Boolean,\n default: true,\n },\n /**\n * @description infuse dynamism and smoothness into the carousel\n */\n motionBlur: Boolean,\n} as const)\n\nexport const carouselEmits = {\n /**\n * @description triggers when the active slide switches\n * @param current index of the new active slide\n * @param prev index of the old active slide\n */\n change: (current: number, prev: number) => [current, prev].every(isNumber),\n}\n\nexport type CarouselProps = ExtractPropTypes<typeof carouselProps>\nexport type CarouselPropsPublic = __ExtractPublicPropTypes<typeof carouselProps>\nexport type CarouselEmits = typeof carouselEmits\n"],"names":["buildProps","isNumber"],"mappings":";;;;;;;AACY,MAAC,aAAa,GAAGA,kBAAU,CAAC;AACxC,EAAE,YAAY,EAAE;AAChB,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,OAAO,EAAE;AACX,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC;AAC9B,IAAI,OAAO,EAAE,OAAO;AACpB,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,GAAG;AAChB,GAAG;AACH,EAAE,iBAAiB,EAAE;AACrB,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,SAAS,CAAC;AACnC,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,CAAC,QAAQ,EAAE,OAAO,EAAE,OAAO,CAAC;AACxC,IAAI,OAAO,EAAE,OAAO;AACpB,GAAG;AACH,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,CAAC,EAAE,EAAE,MAAM,CAAC;AACxB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,CAAC,YAAY,EAAE,UAAU,CAAC;AACtC,IAAI,OAAO,EAAE,YAAY;AACzB,GAAG;AACH,EAAE,YAAY,EAAE;AAChB,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,UAAU,EAAE,OAAO;AACrB,CAAC,EAAE;AACS,MAAC,aAAa,GAAG;AAC7B,EAAE,MAAM,EAAE,CAAC,OAAO,EAAE,IAAI,KAAK,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC,KAAK,CAACC,cAAQ,CAAC;AAC5D;;;;;"}
@@ -4,8 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var checkbox$1 = require('./src/checkbox2.js');
6
6
  var checkboxButton = require('./src/checkbox-button.js');
7
- var checkboxGroup$1 = require('./src/checkbox-group2.js');
8
- var checkboxGroup = require('./src/checkbox-group.js');
7
+ var checkboxGroup$1 = require('./src/checkbox-group.js');
8
+ var checkboxGroup = require('./src/checkbox-group2.js');
9
9
  var checkbox = require('./src/checkbox.js');
10
10
  var constants = require('./src/constants.js');
11
11
  var install = require('../../utils/vue/install.js');
@@ -2,56 +2,99 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var runtime = require('../../../utils/vue/props/runtime.js');
6
- var index = require('../../../hooks/use-size/index.js');
7
- var index$1 = require('../../../hooks/use-aria/index.js');
5
+ var vue = require('vue');
6
+ var lodashUnified = require('lodash-unified');
7
+ var checkboxGroup = require('./checkbox-group2.js');
8
+ var constants = require('./constants.js');
9
+ var checkbox = require('./checkbox2.js');
10
+ var checkboxButton = require('./checkbox-button.js');
11
+ var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
12
+ var index = require('../../../hooks/use-namespace/index.js');
13
+ var useFormItem = require('../../form/src/hooks/use-form-item.js');
14
+ var error = require('../../../utils/error.js');
8
15
  var event = require('../../../constants/event.js');
9
- var shared = require('@vue/shared');
10
16
 
11
- const checkboxGroupProps = runtime.buildProps({
12
- modelValue: {
13
- type: runtime.definePropType(Array),
14
- default: () => []
15
- },
16
- disabled: Boolean,
17
- min: Number,
18
- max: Number,
19
- size: index.useSizeProp,
20
- fill: String,
21
- textColor: String,
22
- tag: {
23
- type: String,
24
- default: "div"
25
- },
26
- validateEvent: {
27
- type: Boolean,
28
- default: true
29
- },
30
- options: {
31
- type: runtime.definePropType(Array)
32
- },
33
- props: {
34
- type: runtime.definePropType(Object),
35
- default: () => checkboxDefaultProps
36
- },
37
- type: {
38
- type: String,
39
- values: ["checkbox", "button"],
40
- default: "checkbox"
41
- },
42
- ...index$1.useAriaProps(["ariaLabel"])
17
+ const __default__ = vue.defineComponent({
18
+ name: "ElCheckboxGroup"
43
19
  });
44
- const checkboxGroupEmits = {
45
- [event.UPDATE_MODEL_EVENT]: (val) => shared.isArray(val),
46
- change: (val) => shared.isArray(val)
47
- };
48
- const checkboxDefaultProps = {
49
- label: "label",
50
- value: "value",
51
- disabled: "disabled"
52
- };
20
+ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
21
+ ...__default__,
22
+ props: checkboxGroup.checkboxGroupProps,
23
+ emits: checkboxGroup.checkboxGroupEmits,
24
+ setup(__props, { emit }) {
25
+ const props = __props;
26
+ const ns = index.useNamespace("checkbox");
27
+ const { formItem } = useFormItem.useFormItem();
28
+ const { inputId: groupId, isLabeledByFormItem } = useFormItem.useFormItemInputId(props, {
29
+ formItemContext: formItem
30
+ });
31
+ const changeEvent = async (value) => {
32
+ emit(event.UPDATE_MODEL_EVENT, value);
33
+ await vue.nextTick();
34
+ emit(event.CHANGE_EVENT, value);
35
+ };
36
+ const modelValue = vue.computed({
37
+ get() {
38
+ return props.modelValue;
39
+ },
40
+ set(val) {
41
+ changeEvent(val);
42
+ }
43
+ });
44
+ const aliasProps = vue.computed(() => ({
45
+ ...checkboxGroup.checkboxDefaultProps,
46
+ ...props.props
47
+ }));
48
+ const getOptionProps = (option) => {
49
+ const { label, value, disabled } = aliasProps.value;
50
+ const base = {
51
+ label: option[label],
52
+ value: option[value],
53
+ disabled: option[disabled]
54
+ };
55
+ return { ...lodashUnified.omit(option, [label, value, disabled]), ...base };
56
+ };
57
+ const optionComponent = vue.computed(() => props.type === "button" ? checkboxButton["default"] : checkbox["default"]);
58
+ vue.provide(constants.checkboxGroupContextKey, {
59
+ ...lodashUnified.pick(vue.toRefs(props), [
60
+ "size",
61
+ "min",
62
+ "max",
63
+ "disabled",
64
+ "validateEvent",
65
+ "fill",
66
+ "textColor"
67
+ ]),
68
+ modelValue,
69
+ changeEvent
70
+ });
71
+ vue.watch(() => props.modelValue, (newVal, oldValue) => {
72
+ if (props.validateEvent && !lodashUnified.isEqual(newVal, oldValue)) {
73
+ formItem == null ? void 0 : formItem.validate("change").catch((err) => error.debugWarn(err));
74
+ }
75
+ });
76
+ return (_ctx, _cache) => {
77
+ var _a;
78
+ return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.tag), {
79
+ id: vue.unref(groupId),
80
+ class: vue.normalizeClass(vue.unref(ns).b("group")),
81
+ role: "group",
82
+ "aria-label": !vue.unref(isLabeledByFormItem) ? _ctx.ariaLabel || "checkbox-group" : void 0,
83
+ "aria-labelledby": vue.unref(isLabeledByFormItem) ? (_a = vue.unref(formItem)) == null ? void 0 : _a.labelId : void 0
84
+ }, {
85
+ default: vue.withCtx(() => [
86
+ vue.renderSlot(_ctx.$slots, "default", {}, () => [
87
+ (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.options, (item, index) => {
88
+ return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.unref(optionComponent)), vue.mergeProps({ key: index }, getOptionProps(item)), null, 16);
89
+ }), 128))
90
+ ])
91
+ ]),
92
+ _: 3
93
+ }, 8, ["id", "class", "aria-label", "aria-labelledby"]);
94
+ };
95
+ }
96
+ });
97
+ var CheckboxGroup = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "checkbox-group.vue"]]);
53
98
 
54
- exports.checkboxDefaultProps = checkboxDefaultProps;
55
- exports.checkboxGroupEmits = checkboxGroupEmits;
56
- exports.checkboxGroupProps = checkboxGroupProps;
99
+ exports["default"] = CheckboxGroup;
57
100
  //# sourceMappingURL=checkbox-group.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"checkbox-group.js","sources":["../../../../../../packages/components/checkbox/src/checkbox-group.ts"],"sourcesContent":["import { UPDATE_MODEL_EVENT } from '@element-plus/constants'\nimport { useAriaProps, useSizeProp } from '@element-plus/hooks'\nimport { buildProps, definePropType, isArray } from '@element-plus/utils'\n\nimport type { ExtractPropTypes, __ExtractPublicPropTypes } from 'vue'\nimport type checkboxGroup from './checkbox-group.vue'\nimport type { CheckboxPropsPublic, CheckboxValueType } from './checkbox'\n\nexport type CheckboxGroupValueType = Exclude<CheckboxValueType, boolean>[]\n\nexport const checkboxGroupProps = buildProps({\n /**\n * @description binding value\n */\n modelValue: {\n type: definePropType<CheckboxGroupValueType>(Array),\n default: () => [],\n },\n /**\n * @description whether the nesting checkboxes are disabled\n */\n disabled: Boolean,\n /**\n * @description minimum number of checkbox checked\n */\n min: Number,\n /**\n * @description maximum number of checkbox checked\n */\n max: Number,\n /**\n * @description size of checkbox\n */\n size: useSizeProp,\n /**\n * @description border and background color when button is active\n */\n fill: String,\n /**\n * @description font color when button is active\n */\n textColor: String,\n /**\n * @description element tag of the checkbox group\n */\n tag: {\n type: String,\n default: 'div',\n },\n /**\n * @description whether to trigger form validation\n */\n validateEvent: {\n type: Boolean,\n default: true,\n },\n options: {\n type: definePropType<CheckboxOption[]>(Array),\n },\n props: {\n type: definePropType<CheckboxOptionProps>(Object),\n default: () => checkboxDefaultProps,\n },\n type: {\n type: String,\n values: ['checkbox', 'button'] as const,\n default: 'checkbox',\n },\n ...useAriaProps(['ariaLabel']),\n} as const)\n\nexport const checkboxGroupEmits = {\n [UPDATE_MODEL_EVENT]: (val: CheckboxGroupValueType) => isArray(val),\n change: (val: CheckboxValueType[]) => isArray(val),\n}\n\nexport type CheckboxGroupProps = ExtractPropTypes<typeof checkboxGroupProps>\nexport type CheckboxGroupPropsPublic = __ExtractPublicPropTypes<\n typeof checkboxGroupProps\n>\nexport type CheckboxGroupEmits = typeof checkboxGroupEmits\nexport type CheckboxGroupInstance = InstanceType<typeof checkboxGroup> & unknown\n\nexport type CheckboxOption = CheckboxPropsPublic & Record<string, any>\n\ntype CheckboxOptionProps = {\n value?: string\n label?: string\n disabled?: string\n}\nexport const checkboxDefaultProps: Required<CheckboxOptionProps> = {\n label: 'label',\n value: 'value',\n disabled: 'disabled',\n}\n"],"names":["buildProps","definePropType","useSizeProp","useAriaProps","UPDATE_MODEL_EVENT","isArray"],"mappings":";;;;;;;;;;AAGY,MAAC,kBAAkB,GAAGA,kBAAU,CAAC;AAC7C,EAAE,UAAU,EAAE;AACd,IAAI,IAAI,EAAEC,sBAAc,CAAC,KAAK,CAAC;AAC/B,IAAI,OAAO,EAAE,MAAM,EAAE;AACrB,GAAG;AACH,EAAE,QAAQ,EAAE,OAAO;AACnB,EAAE,GAAG,EAAE,MAAM;AACb,EAAE,GAAG,EAAE,MAAM;AACb,EAAE,IAAI,EAAEC,iBAAW;AACnB,EAAE,IAAI,EAAE,MAAM;AACd,EAAE,SAAS,EAAE,MAAM;AACnB,EAAE,GAAG,EAAE;AACP,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,EAAE,aAAa,EAAE;AACjB,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,OAAO,EAAE;AACX,IAAI,IAAI,EAAED,sBAAc,CAAC,KAAK,CAAC;AAC/B,GAAG;AACH,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAEA,sBAAc,CAAC,MAAM,CAAC;AAChC,IAAI,OAAO,EAAE,MAAM,oBAAoB;AACvC,GAAG;AACH,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,CAAC,UAAU,EAAE,QAAQ,CAAC;AAClC,IAAI,OAAO,EAAE,UAAU;AACvB,GAAG;AACH,EAAE,GAAGE,oBAAY,CAAC,CAAC,WAAW,CAAC,CAAC;AAChC,CAAC,EAAE;AACS,MAAC,kBAAkB,GAAG;AAClC,EAAE,CAACC,wBAAkB,GAAG,CAAC,GAAG,KAAKC,cAAO,CAAC,GAAG,CAAC;AAC7C,EAAE,MAAM,EAAE,CAAC,GAAG,KAAKA,cAAO,CAAC,GAAG,CAAC;AAC/B,EAAE;AACU,MAAC,oBAAoB,GAAG;AACpC,EAAE,KAAK,EAAE,OAAO;AAChB,EAAE,KAAK,EAAE,OAAO;AAChB,EAAE,QAAQ,EAAE,UAAU;AACtB;;;;;;"}
1
+ {"version":3,"file":"checkbox-group.js","sources":["../../../../../../packages/components/checkbox/src/checkbox-group.vue"],"sourcesContent":["<template>\n <component\n :is=\"tag\"\n :id=\"groupId\"\n :class=\"ns.b('group')\"\n role=\"group\"\n :aria-label=\"\n !isLabeledByFormItem ? ariaLabel || 'checkbox-group' : undefined\n \"\n :aria-labelledby=\"isLabeledByFormItem ? formItem?.labelId : undefined\"\n >\n <slot>\n <component\n :is=\"optionComponent\"\n v-for=\"(item, index) in options\"\n :key=\"index\"\n v-bind=\"getOptionProps(item)\"\n />\n </slot>\n </component>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, nextTick, provide, toRefs, watch } from 'vue'\nimport { isEqual, omit, pick } from 'lodash-unified'\nimport { CHANGE_EVENT, UPDATE_MODEL_EVENT } from '@element-plus/constants'\nimport { debugWarn } from '@element-plus/utils'\nimport { useNamespace } from '@element-plus/hooks'\nimport { useFormItem, useFormItemInputId } from '@element-plus/components/form'\nimport {\n checkboxDefaultProps,\n checkboxGroupEmits,\n checkboxGroupProps,\n} from './checkbox-group'\nimport { checkboxGroupContextKey } from './constants'\nimport ElCheckbox from './checkbox.vue'\nimport ElCheckboxButton from './checkbox-button.vue'\n\nimport type { CheckboxGroupValueType } from './checkbox-group'\n\ndefineOptions({\n name: 'ElCheckboxGroup',\n})\n\nconst props = defineProps(checkboxGroupProps)\nconst emit = defineEmits(checkboxGroupEmits)\nconst ns = useNamespace('checkbox')\n\nconst { formItem } = useFormItem()\nconst { inputId: groupId, isLabeledByFormItem } = useFormItemInputId(props, {\n formItemContext: formItem,\n})\n\nconst changeEvent = async (value: CheckboxGroupValueType) => {\n emit(UPDATE_MODEL_EVENT, value)\n await nextTick()\n emit(CHANGE_EVENT, value)\n}\n\nconst modelValue = computed({\n get() {\n return props.modelValue\n },\n set(val: CheckboxGroupValueType) {\n changeEvent(val)\n },\n})\n\nconst aliasProps = computed(() => ({\n ...checkboxDefaultProps,\n ...props.props,\n}))\nconst getOptionProps = (option: Record<string, any>) => {\n const { label, value, disabled } = aliasProps.value\n const base = {\n label: option[label],\n value: option[value],\n disabled: option[disabled],\n }\n return { ...omit(option, [label, value, disabled]), ...base }\n}\n\nconst optionComponent = computed(() =>\n props.type === 'button' ? ElCheckboxButton : ElCheckbox\n)\n\nprovide(checkboxGroupContextKey, {\n ...pick(toRefs(props), [\n 'size',\n 'min',\n 'max',\n 'disabled',\n 'validateEvent',\n 'fill',\n 'textColor',\n ]),\n modelValue,\n changeEvent,\n})\n\nwatch(\n () => props.modelValue,\n (newVal, oldValue) => {\n if (props.validateEvent && !isEqual(newVal, oldValue)) {\n formItem?.validate('change').catch((err) => debugWarn(err))\n }\n }\n)\n</script>\n"],"names":["useNamespace","useFormItem","useFormItemInputId","UPDATE_MODEL_EVENT","nextTick","CHANGE_EVENT","computed","checkboxDefaultProps","omit","ElCheckboxButton","ElCheckbox","provide","checkboxGroupContextKey","pick","toRefs","watch","isEqual","debugWarn","_openBlock","_createBlock","_resolveDynamicComponent","_unref","_normalizeClass"],"mappings":"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"}
@@ -2,99 +2,56 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var vue = require('vue');
6
- var lodashUnified = require('lodash-unified');
7
- var checkboxGroup = require('./checkbox-group.js');
8
- var constants = require('./constants.js');
9
- var checkbox = require('./checkbox2.js');
10
- var checkboxButton = require('./checkbox-button.js');
11
- var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
12
- var index = require('../../../hooks/use-namespace/index.js');
13
- var useFormItem = require('../../form/src/hooks/use-form-item.js');
14
- var error = require('../../../utils/error.js');
5
+ var runtime = require('../../../utils/vue/props/runtime.js');
6
+ var index = require('../../../hooks/use-size/index.js');
7
+ var index$1 = require('../../../hooks/use-aria/index.js');
15
8
  var event = require('../../../constants/event.js');
9
+ var shared = require('@vue/shared');
16
10
 
17
- const __default__ = vue.defineComponent({
18
- name: "ElCheckboxGroup"
11
+ const checkboxGroupProps = runtime.buildProps({
12
+ modelValue: {
13
+ type: runtime.definePropType(Array),
14
+ default: () => []
15
+ },
16
+ disabled: Boolean,
17
+ min: Number,
18
+ max: Number,
19
+ size: index.useSizeProp,
20
+ fill: String,
21
+ textColor: String,
22
+ tag: {
23
+ type: String,
24
+ default: "div"
25
+ },
26
+ validateEvent: {
27
+ type: Boolean,
28
+ default: true
29
+ },
30
+ options: {
31
+ type: runtime.definePropType(Array)
32
+ },
33
+ props: {
34
+ type: runtime.definePropType(Object),
35
+ default: () => checkboxDefaultProps
36
+ },
37
+ type: {
38
+ type: String,
39
+ values: ["checkbox", "button"],
40
+ default: "checkbox"
41
+ },
42
+ ...index$1.useAriaProps(["ariaLabel"])
19
43
  });
20
- const _sfc_main = /* @__PURE__ */ vue.defineComponent({
21
- ...__default__,
22
- props: checkboxGroup.checkboxGroupProps,
23
- emits: checkboxGroup.checkboxGroupEmits,
24
- setup(__props, { emit }) {
25
- const props = __props;
26
- const ns = index.useNamespace("checkbox");
27
- const { formItem } = useFormItem.useFormItem();
28
- const { inputId: groupId, isLabeledByFormItem } = useFormItem.useFormItemInputId(props, {
29
- formItemContext: formItem
30
- });
31
- const changeEvent = async (value) => {
32
- emit(event.UPDATE_MODEL_EVENT, value);
33
- await vue.nextTick();
34
- emit(event.CHANGE_EVENT, value);
35
- };
36
- const modelValue = vue.computed({
37
- get() {
38
- return props.modelValue;
39
- },
40
- set(val) {
41
- changeEvent(val);
42
- }
43
- });
44
- const aliasProps = vue.computed(() => ({
45
- ...checkboxGroup.checkboxDefaultProps,
46
- ...props.props
47
- }));
48
- const getOptionProps = (option) => {
49
- const { label, value, disabled } = aliasProps.value;
50
- const base = {
51
- label: option[label],
52
- value: option[value],
53
- disabled: option[disabled]
54
- };
55
- return { ...lodashUnified.omit(option, [label, value, disabled]), ...base };
56
- };
57
- const optionComponent = vue.computed(() => props.type === "button" ? checkboxButton["default"] : checkbox["default"]);
58
- vue.provide(constants.checkboxGroupContextKey, {
59
- ...lodashUnified.pick(vue.toRefs(props), [
60
- "size",
61
- "min",
62
- "max",
63
- "disabled",
64
- "validateEvent",
65
- "fill",
66
- "textColor"
67
- ]),
68
- modelValue,
69
- changeEvent
70
- });
71
- vue.watch(() => props.modelValue, (newVal, oldValue) => {
72
- if (props.validateEvent && !lodashUnified.isEqual(newVal, oldValue)) {
73
- formItem == null ? void 0 : formItem.validate("change").catch((err) => error.debugWarn(err));
74
- }
75
- });
76
- return (_ctx, _cache) => {
77
- var _a;
78
- return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.tag), {
79
- id: vue.unref(groupId),
80
- class: vue.normalizeClass(vue.unref(ns).b("group")),
81
- role: "group",
82
- "aria-label": !vue.unref(isLabeledByFormItem) ? _ctx.ariaLabel || "checkbox-group" : void 0,
83
- "aria-labelledby": vue.unref(isLabeledByFormItem) ? (_a = vue.unref(formItem)) == null ? void 0 : _a.labelId : void 0
84
- }, {
85
- default: vue.withCtx(() => [
86
- vue.renderSlot(_ctx.$slots, "default", {}, () => [
87
- (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.options, (item, index) => {
88
- return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.unref(optionComponent)), vue.mergeProps({ key: index }, getOptionProps(item)), null, 16);
89
- }), 128))
90
- ])
91
- ]),
92
- _: 3
93
- }, 8, ["id", "class", "aria-label", "aria-labelledby"]);
94
- };
95
- }
96
- });
97
- var CheckboxGroup = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "checkbox-group.vue"]]);
44
+ const checkboxGroupEmits = {
45
+ [event.UPDATE_MODEL_EVENT]: (val) => shared.isArray(val),
46
+ change: (val) => shared.isArray(val)
47
+ };
48
+ const checkboxDefaultProps = {
49
+ label: "label",
50
+ value: "value",
51
+ disabled: "disabled"
52
+ };
98
53
 
99
- exports["default"] = CheckboxGroup;
54
+ exports.checkboxDefaultProps = checkboxDefaultProps;
55
+ exports.checkboxGroupEmits = checkboxGroupEmits;
56
+ exports.checkboxGroupProps = checkboxGroupProps;
100
57
  //# sourceMappingURL=checkbox-group2.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"checkbox-group2.js","sources":["../../../../../../packages/components/checkbox/src/checkbox-group.vue"],"sourcesContent":["<template>\n <component\n :is=\"tag\"\n :id=\"groupId\"\n :class=\"ns.b('group')\"\n role=\"group\"\n :aria-label=\"\n !isLabeledByFormItem ? ariaLabel || 'checkbox-group' : undefined\n \"\n :aria-labelledby=\"isLabeledByFormItem ? formItem?.labelId : undefined\"\n >\n <slot>\n <component\n :is=\"optionComponent\"\n v-for=\"(item, index) in options\"\n :key=\"index\"\n v-bind=\"getOptionProps(item)\"\n />\n </slot>\n </component>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, nextTick, provide, toRefs, watch } from 'vue'\nimport { isEqual, omit, pick } from 'lodash-unified'\nimport { CHANGE_EVENT, UPDATE_MODEL_EVENT } from '@element-plus/constants'\nimport { debugWarn } from '@element-plus/utils'\nimport { useNamespace } from '@element-plus/hooks'\nimport { useFormItem, useFormItemInputId } from '@element-plus/components/form'\nimport {\n checkboxDefaultProps,\n checkboxGroupEmits,\n checkboxGroupProps,\n} from './checkbox-group'\nimport { checkboxGroupContextKey } from './constants'\nimport ElCheckbox from './checkbox.vue'\nimport ElCheckboxButton from './checkbox-button.vue'\n\nimport type { CheckboxGroupValueType } from './checkbox-group'\n\ndefineOptions({\n name: 'ElCheckboxGroup',\n})\n\nconst props = defineProps(checkboxGroupProps)\nconst emit = defineEmits(checkboxGroupEmits)\nconst ns = useNamespace('checkbox')\n\nconst { formItem } = useFormItem()\nconst { inputId: groupId, isLabeledByFormItem } = useFormItemInputId(props, {\n formItemContext: formItem,\n})\n\nconst changeEvent = async (value: CheckboxGroupValueType) => {\n emit(UPDATE_MODEL_EVENT, value)\n await nextTick()\n emit(CHANGE_EVENT, value)\n}\n\nconst modelValue = computed({\n get() {\n return props.modelValue\n },\n set(val: CheckboxGroupValueType) {\n changeEvent(val)\n },\n})\n\nconst aliasProps = computed(() => ({\n ...checkboxDefaultProps,\n ...props.props,\n}))\nconst getOptionProps = (option: Record<string, any>) => {\n const { label, value, disabled } = aliasProps.value\n const base = {\n label: option[label],\n value: option[value],\n disabled: option[disabled],\n }\n return { ...omit(option, [label, value, disabled]), ...base }\n}\n\nconst optionComponent = computed(() =>\n props.type === 'button' ? ElCheckboxButton : ElCheckbox\n)\n\nprovide(checkboxGroupContextKey, {\n ...pick(toRefs(props), [\n 'size',\n 'min',\n 'max',\n 'disabled',\n 'validateEvent',\n 'fill',\n 'textColor',\n ]),\n modelValue,\n changeEvent,\n})\n\nwatch(\n () => props.modelValue,\n (newVal, oldValue) => {\n if (props.validateEvent && !isEqual(newVal, oldValue)) {\n formItem?.validate('change').catch((err) => debugWarn(err))\n }\n }\n)\n</script>\n"],"names":["useNamespace","useFormItem","useFormItemInputId","UPDATE_MODEL_EVENT","nextTick","CHANGE_EVENT","computed","checkboxDefaultProps","omit","ElCheckboxButton","ElCheckbox","provide","checkboxGroupContextKey","pick","toRefs","watch","isEqual","debugWarn","_openBlock","_createBlock","_resolveDynamicComponent","_unref","_normalizeClass"],"mappings":"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"}
1
+ {"version":3,"file":"checkbox-group2.js","sources":["../../../../../../packages/components/checkbox/src/checkbox-group.ts"],"sourcesContent":["import { UPDATE_MODEL_EVENT } from '@element-plus/constants'\nimport { useAriaProps, useSizeProp } from '@element-plus/hooks'\nimport { buildProps, definePropType, isArray } from '@element-plus/utils'\n\nimport type { ExtractPropTypes, __ExtractPublicPropTypes } from 'vue'\nimport type checkboxGroup from './checkbox-group.vue'\nimport type { CheckboxPropsPublic, CheckboxValueType } from './checkbox'\n\nexport type CheckboxGroupValueType = Exclude<CheckboxValueType, boolean>[]\n\nexport const checkboxGroupProps = buildProps({\n /**\n * @description binding value\n */\n modelValue: {\n type: definePropType<CheckboxGroupValueType>(Array),\n default: () => [],\n },\n /**\n * @description whether the nesting checkboxes are disabled\n */\n disabled: Boolean,\n /**\n * @description minimum number of checkbox checked\n */\n min: Number,\n /**\n * @description maximum number of checkbox checked\n */\n max: Number,\n /**\n * @description size of checkbox\n */\n size: useSizeProp,\n /**\n * @description border and background color when button is active\n */\n fill: String,\n /**\n * @description font color when button is active\n */\n textColor: String,\n /**\n * @description element tag of the checkbox group\n */\n tag: {\n type: String,\n default: 'div',\n },\n /**\n * @description whether to trigger form validation\n */\n validateEvent: {\n type: Boolean,\n default: true,\n },\n options: {\n type: definePropType<CheckboxOption[]>(Array),\n },\n props: {\n type: definePropType<CheckboxOptionProps>(Object),\n default: () => checkboxDefaultProps,\n },\n type: {\n type: String,\n values: ['checkbox', 'button'] as const,\n default: 'checkbox',\n },\n ...useAriaProps(['ariaLabel']),\n} as const)\n\nexport const checkboxGroupEmits = {\n [UPDATE_MODEL_EVENT]: (val: CheckboxGroupValueType) => isArray(val),\n change: (val: CheckboxValueType[]) => isArray(val),\n}\n\nexport type CheckboxGroupProps = ExtractPropTypes<typeof checkboxGroupProps>\nexport type CheckboxGroupPropsPublic = __ExtractPublicPropTypes<\n typeof checkboxGroupProps\n>\nexport type CheckboxGroupEmits = typeof checkboxGroupEmits\nexport type CheckboxGroupInstance = InstanceType<typeof checkboxGroup> & unknown\n\nexport type CheckboxOption = CheckboxPropsPublic & Record<string, any>\n\ntype CheckboxOptionProps = {\n value?: string\n label?: string\n disabled?: string\n}\nexport const checkboxDefaultProps: Required<CheckboxOptionProps> = {\n label: 'label',\n value: 'value',\n disabled: 'disabled',\n}\n"],"names":["buildProps","definePropType","useSizeProp","useAriaProps","UPDATE_MODEL_EVENT","isArray"],"mappings":";;;;;;;;;;AAGY,MAAC,kBAAkB,GAAGA,kBAAU,CAAC;AAC7C,EAAE,UAAU,EAAE;AACd,IAAI,IAAI,EAAEC,sBAAc,CAAC,KAAK,CAAC;AAC/B,IAAI,OAAO,EAAE,MAAM,EAAE;AACrB,GAAG;AACH,EAAE,QAAQ,EAAE,OAAO;AACnB,EAAE,GAAG,EAAE,MAAM;AACb,EAAE,GAAG,EAAE,MAAM;AACb,EAAE,IAAI,EAAEC,iBAAW;AACnB,EAAE,IAAI,EAAE,MAAM;AACd,EAAE,SAAS,EAAE,MAAM;AACnB,EAAE,GAAG,EAAE;AACP,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,EAAE,aAAa,EAAE;AACjB,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,OAAO,EAAE;AACX,IAAI,IAAI,EAAED,sBAAc,CAAC,KAAK,CAAC;AAC/B,GAAG;AACH,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAEA,sBAAc,CAAC,MAAM,CAAC;AAChC,IAAI,OAAO,EAAE,MAAM,oBAAoB;AACvC,GAAG;AACH,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,CAAC,UAAU,EAAE,QAAQ,CAAC;AAClC,IAAI,OAAO,EAAE,UAAU;AACvB,GAAG;AACH,EAAE,GAAGE,oBAAY,CAAC,CAAC,WAAW,CAAC,CAAC;AAChC,CAAC,EAAE;AACS,MAAC,kBAAkB,GAAG;AAClC,EAAE,CAACC,wBAAkB,GAAG,CAAC,GAAG,KAAKC,cAAO,CAAC,GAAG,CAAC;AAC7C,EAAE,MAAM,EAAE,CAAC,GAAG,KAAKA,cAAO,CAAC,GAAG,CAAC;AAC/B,EAAE;AACU,MAAC,oBAAoB,GAAG;AACpC,EAAE,KAAK,EAAE,OAAO;AAChB,EAAE,KAAK,EAAE,OAAO;AAChB,EAAE,QAAQ,EAAE,UAAU;AACtB;;;;;;"}
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var collection = require('./src/collection2.js');
5
+ var collection = require('./src/collection.js');
6
6
 
7
7
 
8
8
 
@@ -3,15 +3,68 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var vue = require('vue');
6
- var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
6
+ var collection = require('./collection2.js');
7
+ var collectionItem = require('./collection-item.js');
7
8
 
8
- const _sfc_main = vue.defineComponent({
9
- inheritAttrs: false
10
- });
11
- function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
12
- return vue.renderSlot(_ctx.$slots, "default");
13
- }
14
- var Collection = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render], ["__file", "collection.vue"]]);
9
+ const COLLECTION_ITEM_SIGN = `data-el-collection-item`;
10
+ const createCollectionWithScope = (name) => {
11
+ const COLLECTION_NAME = `El${name}Collection`;
12
+ const COLLECTION_ITEM_NAME = `${COLLECTION_NAME}Item`;
13
+ const COLLECTION_INJECTION_KEY = Symbol(COLLECTION_NAME);
14
+ const COLLECTION_ITEM_INJECTION_KEY = Symbol(COLLECTION_ITEM_NAME);
15
+ const ElCollection = {
16
+ ...collection["default"],
17
+ name: COLLECTION_NAME,
18
+ setup() {
19
+ const collectionRef = vue.ref();
20
+ const itemMap = /* @__PURE__ */ new Map();
21
+ const getItems = () => {
22
+ const collectionEl = vue.unref(collectionRef);
23
+ if (!collectionEl)
24
+ return [];
25
+ const orderedNodes = Array.from(collectionEl.querySelectorAll(`[${COLLECTION_ITEM_SIGN}]`));
26
+ const items = [...itemMap.values()];
27
+ return items.sort((a, b) => orderedNodes.indexOf(a.ref) - orderedNodes.indexOf(b.ref));
28
+ };
29
+ vue.provide(COLLECTION_INJECTION_KEY, {
30
+ itemMap,
31
+ getItems,
32
+ collectionRef
33
+ });
34
+ }
35
+ };
36
+ const ElCollectionItem = {
37
+ ...collectionItem["default"],
38
+ name: COLLECTION_ITEM_NAME,
39
+ setup(_, { attrs }) {
40
+ const collectionItemRef = vue.ref();
41
+ const collectionInjection = vue.inject(COLLECTION_INJECTION_KEY, void 0);
42
+ vue.provide(COLLECTION_ITEM_INJECTION_KEY, {
43
+ collectionItemRef
44
+ });
45
+ vue.onMounted(() => {
46
+ const collectionItemEl = vue.unref(collectionItemRef);
47
+ if (collectionItemEl) {
48
+ collectionInjection.itemMap.set(collectionItemEl, {
49
+ ref: collectionItemEl,
50
+ ...attrs
51
+ });
52
+ }
53
+ });
54
+ vue.onBeforeUnmount(() => {
55
+ const collectionItemEl = vue.unref(collectionItemRef);
56
+ collectionInjection.itemMap.delete(collectionItemEl);
57
+ });
58
+ }
59
+ };
60
+ return {
61
+ COLLECTION_INJECTION_KEY,
62
+ COLLECTION_ITEM_INJECTION_KEY,
63
+ ElCollection,
64
+ ElCollectionItem
65
+ };
66
+ };
15
67
 
16
- exports["default"] = Collection;
68
+ exports.COLLECTION_ITEM_SIGN = COLLECTION_ITEM_SIGN;
69
+ exports.createCollectionWithScope = createCollectionWithScope;
17
70
  //# sourceMappingURL=collection.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"collection.js","sources":["../../../../../../packages/components/collection/src/collection.vue"],"sourcesContent":["<template>\n <slot />\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent } from 'vue'\n\nexport default defineComponent({\n inheritAttrs: false,\n})\n</script>\n"],"names":["defineComponent","_renderSlot"],"mappings":";;;;;;;AAOA,MAAK,YAAaA,mBAAa,CAAA;AAAA,EAC7B,YAAc,EAAA,KAAA;AAChB,CAAC,CAAA,CAAA;;SARCC,cAAQ,CAAA,IAAA,CAAA,MAAA,EAAA,SAAA,CAAA,CAAA;;;;;;"}
1
+ {"version":3,"file":"collection.js","sources":["../../../../../../packages/components/collection/src/collection.ts"],"sourcesContent":["import { inject, onBeforeUnmount, onMounted, provide, ref, unref } from 'vue'\nimport Collection from './collection.vue'\nimport CollectionItem from './collection-item.vue'\n\nimport type { InjectionKey, SetupContext } from 'vue'\nimport type {\n ElCollectionInjectionContext,\n ElCollectionItemInjectionContext,\n} from './tokens'\n\nexport const COLLECTION_ITEM_SIGN = `data-el-collection-item`\n\n// Make sure the first letter of name is capitalized\nexport const createCollectionWithScope = (name: string) => {\n const COLLECTION_NAME = `El${name}Collection`\n const COLLECTION_ITEM_NAME = `${COLLECTION_NAME}Item`\n const COLLECTION_INJECTION_KEY: InjectionKey<ElCollectionInjectionContext> =\n Symbol(COLLECTION_NAME)\n const COLLECTION_ITEM_INJECTION_KEY: InjectionKey<ElCollectionItemInjectionContext> =\n Symbol(COLLECTION_ITEM_NAME)\n\n const ElCollection = {\n ...Collection,\n name: COLLECTION_NAME,\n setup() {\n const collectionRef = ref<HTMLElement>()\n const itemMap: ElCollectionInjectionContext['itemMap'] = new Map()\n const getItems = () => {\n const collectionEl = unref(collectionRef)\n\n if (!collectionEl) return []\n const orderedNodes = Array.from(\n collectionEl.querySelectorAll(`[${COLLECTION_ITEM_SIGN}]`)\n )\n\n const items = [...itemMap.values()]\n\n return items.sort(\n (a, b) => orderedNodes.indexOf(a.ref!) - orderedNodes.indexOf(b.ref!)\n )\n }\n\n provide(COLLECTION_INJECTION_KEY, {\n itemMap,\n getItems,\n collectionRef,\n })\n },\n }\n\n const ElCollectionItem = {\n ...CollectionItem,\n name: COLLECTION_ITEM_NAME,\n setup(_: unknown, { attrs }: SetupContext) {\n const collectionItemRef = ref<HTMLElement>()\n const collectionInjection = inject(COLLECTION_INJECTION_KEY, undefined)!\n\n provide(COLLECTION_ITEM_INJECTION_KEY, {\n collectionItemRef,\n })\n\n onMounted(() => {\n const collectionItemEl = unref(collectionItemRef)\n if (collectionItemEl) {\n collectionInjection.itemMap.set(collectionItemEl, {\n ref: collectionItemEl,\n ...attrs,\n })\n }\n })\n\n onBeforeUnmount(() => {\n const collectionItemEl = unref(collectionItemRef)!\n collectionInjection.itemMap.delete(collectionItemEl)\n })\n },\n }\n\n return {\n COLLECTION_INJECTION_KEY,\n COLLECTION_ITEM_INJECTION_KEY,\n ElCollection,\n ElCollectionItem,\n }\n}\n"],"names":["Collection","ref","unref","provide","CollectionItem","inject","onMounted","onBeforeUnmount"],"mappings":"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"}
@@ -3,68 +3,15 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var vue = require('vue');
6
- var collection = require('./collection.js');
7
- var collectionItem = require('./collection-item.js');
6
+ var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
8
7
 
9
- const COLLECTION_ITEM_SIGN = `data-el-collection-item`;
10
- const createCollectionWithScope = (name) => {
11
- const COLLECTION_NAME = `El${name}Collection`;
12
- const COLLECTION_ITEM_NAME = `${COLLECTION_NAME}Item`;
13
- const COLLECTION_INJECTION_KEY = Symbol(COLLECTION_NAME);
14
- const COLLECTION_ITEM_INJECTION_KEY = Symbol(COLLECTION_ITEM_NAME);
15
- const ElCollection = {
16
- ...collection["default"],
17
- name: COLLECTION_NAME,
18
- setup() {
19
- const collectionRef = vue.ref();
20
- const itemMap = /* @__PURE__ */ new Map();
21
- const getItems = () => {
22
- const collectionEl = vue.unref(collectionRef);
23
- if (!collectionEl)
24
- return [];
25
- const orderedNodes = Array.from(collectionEl.querySelectorAll(`[${COLLECTION_ITEM_SIGN}]`));
26
- const items = [...itemMap.values()];
27
- return items.sort((a, b) => orderedNodes.indexOf(a.ref) - orderedNodes.indexOf(b.ref));
28
- };
29
- vue.provide(COLLECTION_INJECTION_KEY, {
30
- itemMap,
31
- getItems,
32
- collectionRef
33
- });
34
- }
35
- };
36
- const ElCollectionItem = {
37
- ...collectionItem["default"],
38
- name: COLLECTION_ITEM_NAME,
39
- setup(_, { attrs }) {
40
- const collectionItemRef = vue.ref();
41
- const collectionInjection = vue.inject(COLLECTION_INJECTION_KEY, void 0);
42
- vue.provide(COLLECTION_ITEM_INJECTION_KEY, {
43
- collectionItemRef
44
- });
45
- vue.onMounted(() => {
46
- const collectionItemEl = vue.unref(collectionItemRef);
47
- if (collectionItemEl) {
48
- collectionInjection.itemMap.set(collectionItemEl, {
49
- ref: collectionItemEl,
50
- ...attrs
51
- });
52
- }
53
- });
54
- vue.onBeforeUnmount(() => {
55
- const collectionItemEl = vue.unref(collectionItemRef);
56
- collectionInjection.itemMap.delete(collectionItemEl);
57
- });
58
- }
59
- };
60
- return {
61
- COLLECTION_INJECTION_KEY,
62
- COLLECTION_ITEM_INJECTION_KEY,
63
- ElCollection,
64
- ElCollectionItem
65
- };
66
- };
8
+ const _sfc_main = vue.defineComponent({
9
+ inheritAttrs: false
10
+ });
11
+ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
12
+ return vue.renderSlot(_ctx.$slots, "default");
13
+ }
14
+ var Collection = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render], ["__file", "collection.vue"]]);
67
15
 
68
- exports.COLLECTION_ITEM_SIGN = COLLECTION_ITEM_SIGN;
69
- exports.createCollectionWithScope = createCollectionWithScope;
16
+ exports["default"] = Collection;
70
17
  //# sourceMappingURL=collection2.js.map