element-pe 2.2.55 → 2.2.56

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 (528) hide show
  1. package/dist/index.full.js +1 -1
  2. package/dist/index.full.min.js +1 -1
  3. package/dist/index.full.min.js.map +1 -1
  4. package/dist/index.full.min.mjs +1 -1
  5. package/dist/index.full.min.mjs.map +1 -1
  6. package/dist/index.full.mjs +1 -1
  7. package/es/components/alert/index.mjs +2 -2
  8. package/es/components/alert/src/alert.mjs +38 -103
  9. package/es/components/alert/src/alert.mjs.map +1 -1
  10. package/es/components/alert/src/alert2.mjs +103 -38
  11. package/es/components/alert/src/alert2.mjs.map +1 -1
  12. package/es/components/autocomplete/src/autocomplete.mjs +1 -1
  13. package/es/components/avatar/index.mjs +2 -2
  14. package/es/components/avatar/src/avatar.mjs +76 -35
  15. package/es/components/avatar/src/avatar.mjs.map +1 -1
  16. package/es/components/avatar/src/avatar2.mjs +35 -76
  17. package/es/components/avatar/src/avatar2.mjs.map +1 -1
  18. package/es/components/carousel/index.mjs +4 -4
  19. package/es/components/carousel/src/carousel-item.mjs +8 -63
  20. package/es/components/carousel/src/carousel-item.mjs.map +1 -1
  21. package/es/components/carousel/src/carousel-item2.mjs +63 -8
  22. package/es/components/carousel/src/carousel-item2.mjs.map +1 -1
  23. package/es/components/carousel/src/carousel.mjs +56 -164
  24. package/es/components/carousel/src/carousel.mjs.map +1 -1
  25. package/es/components/carousel/src/carousel2.mjs +164 -56
  26. package/es/components/carousel/src/carousel2.mjs.map +1 -1
  27. package/es/components/cascader/src/cascader.mjs +2 -2
  28. package/es/components/cascader-panel/src/index.mjs +1 -1
  29. package/es/components/cascader-panel/src/menu.mjs +1 -1
  30. package/es/components/cascader-panel/src/node.mjs +209 -116
  31. package/es/components/cascader-panel/src/node.mjs.map +1 -1
  32. package/es/components/cascader-panel/src/node2.mjs +116 -209
  33. package/es/components/cascader-panel/src/node2.mjs.map +1 -1
  34. package/es/components/cascader-panel/src/store.mjs +1 -1
  35. package/es/components/check-tag/index.mjs +2 -2
  36. package/es/components/check-tag/src/check-tag.mjs +12 -30
  37. package/es/components/check-tag/src/check-tag.mjs.map +1 -1
  38. package/es/components/check-tag/src/check-tag2.mjs +30 -12
  39. package/es/components/check-tag/src/check-tag2.mjs.map +1 -1
  40. package/es/components/checkbox/index.mjs +2 -2
  41. package/es/components/checkbox/src/checkbox-button.mjs +1 -1
  42. package/es/components/checkbox/src/checkbox.mjs +49 -117
  43. package/es/components/checkbox/src/checkbox.mjs.map +1 -1
  44. package/es/components/checkbox/src/checkbox2.mjs +117 -49
  45. package/es/components/checkbox/src/checkbox2.mjs.map +1 -1
  46. package/es/components/collection/index.mjs +1 -1
  47. package/es/components/collection/src/collection.mjs +62 -10
  48. package/es/components/collection/src/collection.mjs.map +1 -1
  49. package/es/components/collection/src/collection2.mjs +10 -62
  50. package/es/components/collection/src/collection2.mjs.map +1 -1
  51. package/es/components/color-picker/index.mjs +2 -2
  52. package/es/components/color-picker/src/color-picker.mjs +46 -333
  53. package/es/components/color-picker/src/color-picker.mjs.map +1 -1
  54. package/es/components/color-picker/src/color-picker2.mjs +333 -46
  55. package/es/components/color-picker/src/color-picker2.mjs.map +1 -1
  56. package/es/components/color-picker/src/components/predefine.mjs +1 -1
  57. package/es/components/countdown/index.mjs +2 -2
  58. package/es/components/countdown/src/countdown.mjs +23 -76
  59. package/es/components/countdown/src/countdown.mjs.map +1 -1
  60. package/es/components/countdown/src/countdown2.mjs +76 -23
  61. package/es/components/countdown/src/countdown2.mjs.map +1 -1
  62. package/es/components/descriptions/src/description2.mjs +1 -1
  63. package/es/components/descriptions/src/descriptions-row.mjs +64 -7
  64. package/es/components/descriptions/src/descriptions-row.mjs.map +1 -1
  65. package/es/components/descriptions/src/descriptions-row2.mjs +7 -64
  66. package/es/components/descriptions/src/descriptions-row2.mjs.map +1 -1
  67. package/es/components/dialog/index.mjs +2 -2
  68. package/es/components/dialog/src/dialog.mjs +73 -174
  69. package/es/components/dialog/src/dialog.mjs.map +1 -1
  70. package/es/components/dialog/src/dialog2.mjs +174 -73
  71. package/es/components/dialog/src/dialog2.mjs.map +1 -1
  72. package/es/components/drawer/index.mjs +2 -2
  73. package/es/components/drawer/src/drawer.mjs +186 -25
  74. package/es/components/drawer/src/drawer.mjs.map +1 -1
  75. package/es/components/drawer/src/drawer2.mjs +25 -186
  76. package/es/components/drawer/src/drawer2.mjs.map +1 -1
  77. package/es/components/dropdown/index.mjs +2 -2
  78. package/es/components/dropdown/src/dropdown-item-impl.mjs +3 -3
  79. package/es/components/dropdown/src/dropdown-item.mjs +1 -1
  80. package/es/components/dropdown/src/dropdown-menu.mjs +2 -2
  81. package/es/components/dropdown/src/dropdown.mjs +310 -105
  82. package/es/components/dropdown/src/dropdown.mjs.map +1 -1
  83. package/es/components/dropdown/src/dropdown2.mjs +105 -310
  84. package/es/components/dropdown/src/dropdown2.mjs.map +1 -1
  85. package/es/components/form/index.mjs +2 -2
  86. package/es/components/form/src/form.mjs +150 -57
  87. package/es/components/form/src/form.mjs.map +1 -1
  88. package/es/components/form/src/form2.mjs +57 -150
  89. package/es/components/form/src/form2.mjs.map +1 -1
  90. package/es/components/icon/index.mjs +2 -2
  91. package/es/components/icon/src/icon.mjs +36 -8
  92. package/es/components/icon/src/icon.mjs.map +1 -1
  93. package/es/components/icon/src/icon2.mjs +8 -36
  94. package/es/components/icon/src/icon2.mjs.map +1 -1
  95. package/es/components/index.mjs +36 -36
  96. package/es/components/input/index.mjs +2 -2
  97. package/es/components/input/src/input.mjs +108 -458
  98. package/es/components/input/src/input.mjs.map +1 -1
  99. package/es/components/input/src/input2.mjs +458 -108
  100. package/es/components/input/src/input2.mjs.map +1 -1
  101. package/es/components/link/index.mjs +2 -2
  102. package/es/components/link/src/link.mjs +50 -21
  103. package/es/components/link/src/link.mjs.map +1 -1
  104. package/es/components/link/src/link2.mjs +21 -50
  105. package/es/components/link/src/link2.mjs.map +1 -1
  106. package/es/components/menu/index.mjs +2 -2
  107. package/es/components/menu/src/menu-item.mjs +97 -14
  108. package/es/components/menu/src/menu-item.mjs.map +1 -1
  109. package/es/components/menu/src/menu-item2.mjs +14 -97
  110. package/es/components/menu/src/menu-item2.mjs.map +1 -1
  111. package/es/components/pagination/src/components/jumper.mjs +9 -60
  112. package/es/components/pagination/src/components/jumper.mjs.map +1 -1
  113. package/es/components/pagination/src/components/jumper2.mjs +60 -9
  114. package/es/components/pagination/src/components/jumper2.mjs.map +1 -1
  115. package/es/components/pagination/src/components/pager.mjs +216 -17
  116. package/es/components/pagination/src/components/pager.mjs.map +1 -1
  117. package/es/components/pagination/src/components/pager2.mjs +17 -216
  118. package/es/components/pagination/src/components/pager2.mjs.map +1 -1
  119. package/es/components/pagination/src/components/prev.mjs +38 -18
  120. package/es/components/pagination/src/components/prev.mjs.map +1 -1
  121. package/es/components/pagination/src/components/prev2.mjs +18 -38
  122. package/es/components/pagination/src/components/prev2.mjs.map +1 -1
  123. package/es/components/pagination/src/components/total.mjs +28 -7
  124. package/es/components/pagination/src/components/total.mjs.map +1 -1
  125. package/es/components/pagination/src/components/total2.mjs +7 -28
  126. package/es/components/pagination/src/components/total2.mjs.map +1 -1
  127. package/es/components/pagination/src/pagination.mjs +4 -4
  128. package/es/components/popconfirm/src/popconfirm.mjs +1 -1
  129. package/es/components/popover/index.mjs +2 -2
  130. package/es/components/popover/src/popover.mjs +66 -111
  131. package/es/components/popover/src/popover.mjs.map +1 -1
  132. package/es/components/popover/src/popover2.mjs +111 -66
  133. package/es/components/popover/src/popover2.mjs.map +1 -1
  134. package/es/components/popper/index.mjs +2 -2
  135. package/es/components/popper/src/content.mjs +94 -139
  136. package/es/components/popper/src/content.mjs.map +1 -1
  137. package/es/components/popper/src/content2.mjs +139 -94
  138. package/es/components/popper/src/content2.mjs.map +1 -1
  139. package/es/components/radio/index.mjs +2 -2
  140. package/es/components/radio/src/radio-button.mjs +9 -64
  141. package/es/components/radio/src/radio-button.mjs.map +1 -1
  142. package/es/components/radio/src/radio-button2.mjs +64 -9
  143. package/es/components/radio/src/radio-button2.mjs.map +1 -1
  144. package/es/components/rate/index.mjs +2 -2
  145. package/es/components/rate/src/rate.mjs +257 -87
  146. package/es/components/rate/src/rate.mjs.map +1 -1
  147. package/es/components/rate/src/rate2.mjs +87 -257
  148. package/es/components/rate/src/rate2.mjs.map +1 -1
  149. package/es/components/result/index.mjs +2 -2
  150. package/es/components/result/src/result.mjs +63 -29
  151. package/es/components/result/src/result.mjs.map +1 -1
  152. package/es/components/result/src/result2.mjs +29 -63
  153. package/es/components/result/src/result2.mjs.map +1 -1
  154. package/es/components/roving-focus-group/index.mjs +3 -3
  155. package/es/components/roving-focus-group/src/roving-focus-group-impl.mjs +1 -1
  156. package/es/components/roving-focus-group/src/roving-focus-group.mjs +27 -29
  157. package/es/components/roving-focus-group/src/roving-focus-group.mjs.map +1 -1
  158. package/es/components/roving-focus-group/src/roving-focus-group2.mjs +29 -27
  159. package/es/components/roving-focus-group/src/roving-focus-group2.mjs.map +1 -1
  160. package/es/components/roving-focus-group/src/roving-focus-item.mjs +1 -1
  161. package/es/components/scrollbar/index.mjs +3 -3
  162. package/es/components/scrollbar/src/bar.mjs +17 -42
  163. package/es/components/scrollbar/src/bar.mjs.map +1 -1
  164. package/es/components/scrollbar/src/bar2.mjs +42 -17
  165. package/es/components/scrollbar/src/bar2.mjs.map +1 -1
  166. package/es/components/scrollbar/src/scrollbar.mjs +176 -46
  167. package/es/components/scrollbar/src/scrollbar.mjs.map +1 -1
  168. package/es/components/scrollbar/src/scrollbar2.mjs +46 -176
  169. package/es/components/scrollbar/src/scrollbar2.mjs.map +1 -1
  170. package/es/components/scrollbar/src/thumb.mjs +134 -11
  171. package/es/components/scrollbar/src/thumb.mjs.map +1 -1
  172. package/es/components/scrollbar/src/thumb2.mjs +11 -134
  173. package/es/components/scrollbar/src/thumb2.mjs.map +1 -1
  174. package/es/components/select/src/select.mjs +2 -2
  175. package/es/components/select-v2/src/defaults.mjs +1 -1
  176. package/es/components/skeleton/index.mjs +2 -2
  177. package/es/components/skeleton/src/skeleton.mjs +22 -49
  178. package/es/components/skeleton/src/skeleton.mjs.map +1 -1
  179. package/es/components/skeleton/src/skeleton2.mjs +49 -22
  180. package/es/components/skeleton/src/skeleton2.mjs.map +1 -1
  181. package/es/components/slider/index.mjs +2 -2
  182. package/es/components/slider/src/button.mjs +93 -21
  183. package/es/components/slider/src/button.mjs.map +1 -1
  184. package/es/components/slider/src/button2.mjs +21 -93
  185. package/es/components/slider/src/button2.mjs.map +1 -1
  186. package/es/components/slider/src/slider.mjs +233 -91
  187. package/es/components/slider/src/slider.mjs.map +1 -1
  188. package/es/components/slider/src/slider2.mjs +91 -233
  189. package/es/components/slider/src/slider2.mjs.map +1 -1
  190. package/es/components/steps/index.mjs +4 -4
  191. package/es/components/steps/src/item.mjs +19 -190
  192. package/es/components/steps/src/item.mjs.map +1 -1
  193. package/es/components/steps/src/item2.mjs +190 -19
  194. package/es/components/steps/src/item2.mjs.map +1 -1
  195. package/es/components/steps/src/steps.mjs +36 -34
  196. package/es/components/steps/src/steps.mjs.map +1 -1
  197. package/es/components/steps/src/steps2.mjs +34 -36
  198. package/es/components/steps/src/steps2.mjs.map +1 -1
  199. package/es/components/tabs/index.mjs +2 -2
  200. package/es/components/tabs/src/tab-pane.mjs +14 -73
  201. package/es/components/tabs/src/tab-pane.mjs.map +1 -1
  202. package/es/components/tabs/src/tab-pane2.mjs +73 -14
  203. package/es/components/tabs/src/tab-pane2.mjs.map +1 -1
  204. package/es/components/tag/index.mjs +2 -2
  205. package/es/components/tag/src/tag.mjs +33 -98
  206. package/es/components/tag/src/tag.mjs.map +1 -1
  207. package/es/components/tag/src/tag2.mjs +98 -33
  208. package/es/components/tag/src/tag2.mjs.map +1 -1
  209. package/es/components/teleport/index.mjs +2 -2
  210. package/es/components/teleport/src/teleport.mjs +44 -18
  211. package/es/components/teleport/src/teleport.mjs.map +1 -1
  212. package/es/components/teleport/src/teleport2.mjs +18 -44
  213. package/es/components/teleport/src/teleport2.mjs.map +1 -1
  214. package/es/components/time-select/index.mjs +1 -1
  215. package/es/components/time-select/src/time-select.mjs +48 -118
  216. package/es/components/time-select/src/time-select.mjs.map +1 -1
  217. package/es/components/time-select/src/time-select2.mjs +118 -48
  218. package/es/components/time-select/src/time-select2.mjs.map +1 -1
  219. package/es/components/tooltip/index.mjs +2 -2
  220. package/es/components/tooltip/src/content.mjs +31 -179
  221. package/es/components/tooltip/src/content.mjs.map +1 -1
  222. package/es/components/tooltip/src/content2.mjs +179 -31
  223. package/es/components/tooltip/src/content2.mjs.map +1 -1
  224. package/es/components/tooltip/src/tooltip.mjs +2 -2
  225. package/es/components/tooltip/src/tooltip2.mjs +2 -2
  226. package/es/components/tooltip/src/trigger.mjs +16 -73
  227. package/es/components/tooltip/src/trigger.mjs.map +1 -1
  228. package/es/components/tooltip/src/trigger2.mjs +73 -16
  229. package/es/components/tooltip/src/trigger2.mjs.map +1 -1
  230. package/es/components/tooltip-v2/index.mjs +3 -3
  231. package/es/components/tooltip-v2/src/tooltip.mjs +20 -77
  232. package/es/components/tooltip-v2/src/tooltip.mjs.map +1 -1
  233. package/es/components/tooltip-v2/src/tooltip2.mjs +77 -20
  234. package/es/components/tooltip-v2/src/tooltip2.mjs.map +1 -1
  235. package/es/components/tooltip-v2/src/trigger.mjs +12 -91
  236. package/es/components/tooltip-v2/src/trigger.mjs.map +1 -1
  237. package/es/components/tooltip-v2/src/trigger2.mjs +91 -12
  238. package/es/components/tooltip-v2/src/trigger2.mjs.map +1 -1
  239. package/es/components/transfer/index.mjs +2 -2
  240. package/es/components/transfer/src/composables/use-check.mjs +1 -1
  241. package/es/components/transfer/src/composables/use-checked-change.mjs +1 -1
  242. package/es/components/transfer/src/transfer-panel.mjs +19 -128
  243. package/es/components/transfer/src/transfer-panel.mjs.map +1 -1
  244. package/es/components/transfer/src/transfer-panel2.mjs +128 -19
  245. package/es/components/transfer/src/transfer-panel2.mjs.map +1 -1
  246. package/es/components/transfer/src/transfer.mjs +162 -69
  247. package/es/components/transfer/src/transfer.mjs.map +1 -1
  248. package/es/components/transfer/src/transfer2.mjs +69 -162
  249. package/es/components/transfer/src/transfer2.mjs.map +1 -1
  250. package/es/components/upload/index.mjs +3 -3
  251. package/es/components/upload/src/upload-content.mjs +33 -178
  252. package/es/components/upload/src/upload-content.mjs.map +1 -1
  253. package/es/components/upload/src/upload-content2.mjs +178 -33
  254. package/es/components/upload/src/upload-content2.mjs.map +1 -1
  255. package/es/components/upload/src/upload-dragger.mjs +11 -72
  256. package/es/components/upload/src/upload-dragger.mjs.map +1 -1
  257. package/es/components/upload/src/upload-dragger2.mjs +72 -11
  258. package/es/components/upload/src/upload-dragger2.mjs.map +1 -1
  259. package/es/components/upload/src/upload-list.mjs +177 -26
  260. package/es/components/upload/src/upload-list.mjs.map +1 -1
  261. package/es/components/upload/src/upload-list2.mjs +26 -177
  262. package/es/components/upload/src/upload-list2.mjs.map +1 -1
  263. package/es/components/upload/src/upload2.mjs +2 -2
  264. package/es/index.mjs +36 -36
  265. package/es/utils/types.mjs +1 -1
  266. package/es/utils/types.mjs.map +1 -1
  267. package/lib/components/alert/index.js +2 -2
  268. package/lib/components/alert/src/alert.js +39 -102
  269. package/lib/components/alert/src/alert.js.map +1 -1
  270. package/lib/components/alert/src/alert2.js +102 -39
  271. package/lib/components/alert/src/alert2.js.map +1 -1
  272. package/lib/components/autocomplete/src/autocomplete.js +1 -1
  273. package/lib/components/avatar/index.js +2 -2
  274. package/lib/components/avatar/src/avatar.js +75 -35
  275. package/lib/components/avatar/src/avatar.js.map +1 -1
  276. package/lib/components/avatar/src/avatar2.js +35 -75
  277. package/lib/components/avatar/src/avatar2.js.map +1 -1
  278. package/lib/components/carousel/index.js +4 -4
  279. package/lib/components/carousel/src/carousel-item.js +8 -63
  280. package/lib/components/carousel/src/carousel-item.js.map +1 -1
  281. package/lib/components/carousel/src/carousel-item2.js +63 -8
  282. package/lib/components/carousel/src/carousel-item2.js.map +1 -1
  283. package/lib/components/carousel/src/carousel.js +57 -164
  284. package/lib/components/carousel/src/carousel.js.map +1 -1
  285. package/lib/components/carousel/src/carousel2.js +164 -57
  286. package/lib/components/carousel/src/carousel2.js.map +1 -1
  287. package/lib/components/cascader/src/cascader.js +2 -2
  288. package/lib/components/cascader-panel/src/index.js +1 -1
  289. package/lib/components/cascader-panel/src/menu.js +1 -1
  290. package/lib/components/cascader-panel/src/node.js +209 -116
  291. package/lib/components/cascader-panel/src/node.js.map +1 -1
  292. package/lib/components/cascader-panel/src/node2.js +116 -209
  293. package/lib/components/cascader-panel/src/node2.js.map +1 -1
  294. package/lib/components/cascader-panel/src/store.js +1 -1
  295. package/lib/components/check-tag/index.js +2 -2
  296. package/lib/components/check-tag/src/check-tag.js +13 -30
  297. package/lib/components/check-tag/src/check-tag.js.map +1 -1
  298. package/lib/components/check-tag/src/check-tag2.js +30 -13
  299. package/lib/components/check-tag/src/check-tag2.js.map +1 -1
  300. package/lib/components/checkbox/index.js +2 -2
  301. package/lib/components/checkbox/src/checkbox-button.js +1 -1
  302. package/lib/components/checkbox/src/checkbox.js +50 -117
  303. package/lib/components/checkbox/src/checkbox.js.map +1 -1
  304. package/lib/components/checkbox/src/checkbox2.js +117 -50
  305. package/lib/components/checkbox/src/checkbox2.js.map +1 -1
  306. package/lib/components/collection/index.js +1 -1
  307. package/lib/components/collection/src/collection.js +62 -9
  308. package/lib/components/collection/src/collection.js.map +1 -1
  309. package/lib/components/collection/src/collection2.js +9 -62
  310. package/lib/components/collection/src/collection2.js.map +1 -1
  311. package/lib/components/color-picker/index.js +2 -2
  312. package/lib/components/color-picker/src/color-picker.js +46 -331
  313. package/lib/components/color-picker/src/color-picker.js.map +1 -1
  314. package/lib/components/color-picker/src/color-picker2.js +331 -46
  315. package/lib/components/color-picker/src/color-picker2.js.map +1 -1
  316. package/lib/components/color-picker/src/components/predefine.js +1 -1
  317. package/lib/components/countdown/index.js +2 -2
  318. package/lib/components/countdown/src/countdown.js +24 -76
  319. package/lib/components/countdown/src/countdown.js.map +1 -1
  320. package/lib/components/countdown/src/countdown2.js +76 -24
  321. package/lib/components/countdown/src/countdown2.js.map +1 -1
  322. package/lib/components/descriptions/src/description2.js +1 -1
  323. package/lib/components/descriptions/src/descriptions-row.js +64 -7
  324. package/lib/components/descriptions/src/descriptions-row.js.map +1 -1
  325. package/lib/components/descriptions/src/descriptions-row2.js +7 -64
  326. package/lib/components/descriptions/src/descriptions-row2.js.map +1 -1
  327. package/lib/components/dialog/index.js +2 -2
  328. package/lib/components/dialog/src/dialog.js +74 -174
  329. package/lib/components/dialog/src/dialog.js.map +1 -1
  330. package/lib/components/dialog/src/dialog2.js +174 -74
  331. package/lib/components/dialog/src/dialog2.js.map +1 -1
  332. package/lib/components/drawer/index.js +2 -2
  333. package/lib/components/drawer/src/drawer.js +186 -26
  334. package/lib/components/drawer/src/drawer.js.map +1 -1
  335. package/lib/components/drawer/src/drawer2.js +26 -186
  336. package/lib/components/drawer/src/drawer2.js.map +1 -1
  337. package/lib/components/dropdown/index.js +2 -2
  338. package/lib/components/dropdown/src/dropdown-item-impl.js +3 -3
  339. package/lib/components/dropdown/src/dropdown-item.js +1 -1
  340. package/lib/components/dropdown/src/dropdown-menu.js +2 -2
  341. package/lib/components/dropdown/src/dropdown.js +310 -114
  342. package/lib/components/dropdown/src/dropdown.js.map +1 -1
  343. package/lib/components/dropdown/src/dropdown2.js +114 -310
  344. package/lib/components/dropdown/src/dropdown2.js.map +1 -1
  345. package/lib/components/form/index.js +2 -2
  346. package/lib/components/form/src/form.js +149 -57
  347. package/lib/components/form/src/form.js.map +1 -1
  348. package/lib/components/form/src/form2.js +57 -149
  349. package/lib/components/form/src/form2.js.map +1 -1
  350. package/lib/components/icon/index.js +2 -2
  351. package/lib/components/icon/src/icon.js +36 -8
  352. package/lib/components/icon/src/icon.js.map +1 -1
  353. package/lib/components/icon/src/icon2.js +8 -36
  354. package/lib/components/icon/src/icon2.js.map +1 -1
  355. package/lib/components/index.js +36 -36
  356. package/lib/components/input/index.js +2 -2
  357. package/lib/components/input/src/input.js +108 -457
  358. package/lib/components/input/src/input.js.map +1 -1
  359. package/lib/components/input/src/input2.js +457 -108
  360. package/lib/components/input/src/input2.js.map +1 -1
  361. package/lib/components/link/index.js +2 -2
  362. package/lib/components/link/src/link.js +50 -22
  363. package/lib/components/link/src/link.js.map +1 -1
  364. package/lib/components/link/src/link2.js +22 -50
  365. package/lib/components/link/src/link2.js.map +1 -1
  366. package/lib/components/menu/index.js +2 -2
  367. package/lib/components/menu/src/menu-item.js +97 -15
  368. package/lib/components/menu/src/menu-item.js.map +1 -1
  369. package/lib/components/menu/src/menu-item2.js +15 -97
  370. package/lib/components/menu/src/menu-item2.js.map +1 -1
  371. package/lib/components/pagination/src/components/jumper.js +9 -60
  372. package/lib/components/pagination/src/components/jumper.js.map +1 -1
  373. package/lib/components/pagination/src/components/jumper2.js +60 -9
  374. package/lib/components/pagination/src/components/jumper2.js.map +1 -1
  375. package/lib/components/pagination/src/components/pager.js +216 -17
  376. package/lib/components/pagination/src/components/pager.js.map +1 -1
  377. package/lib/components/pagination/src/components/pager2.js +17 -216
  378. package/lib/components/pagination/src/components/pager2.js.map +1 -1
  379. package/lib/components/pagination/src/components/prev.js +38 -19
  380. package/lib/components/pagination/src/components/prev.js.map +1 -1
  381. package/lib/components/pagination/src/components/prev2.js +19 -38
  382. package/lib/components/pagination/src/components/prev2.js.map +1 -1
  383. package/lib/components/pagination/src/components/total.js +28 -7
  384. package/lib/components/pagination/src/components/total.js.map +1 -1
  385. package/lib/components/pagination/src/components/total2.js +7 -28
  386. package/lib/components/pagination/src/components/total2.js.map +1 -1
  387. package/lib/components/pagination/src/pagination.js +4 -4
  388. package/lib/components/popconfirm/src/popconfirm.js +1 -1
  389. package/lib/components/popover/index.js +2 -2
  390. package/lib/components/popover/src/popover.js +67 -111
  391. package/lib/components/popover/src/popover.js.map +1 -1
  392. package/lib/components/popover/src/popover2.js +111 -67
  393. package/lib/components/popover/src/popover2.js.map +1 -1
  394. package/lib/components/popper/index.js +2 -2
  395. package/lib/components/popper/src/content.js +99 -139
  396. package/lib/components/popper/src/content.js.map +1 -1
  397. package/lib/components/popper/src/content2.js +139 -99
  398. package/lib/components/popper/src/content2.js.map +1 -1
  399. package/lib/components/radio/index.js +2 -2
  400. package/lib/components/radio/src/radio-button.js +9 -64
  401. package/lib/components/radio/src/radio-button.js.map +1 -1
  402. package/lib/components/radio/src/radio-button2.js +64 -9
  403. package/lib/components/radio/src/radio-button2.js.map +1 -1
  404. package/lib/components/rate/index.js +2 -2
  405. package/lib/components/rate/src/rate.js +256 -87
  406. package/lib/components/rate/src/rate.js.map +1 -1
  407. package/lib/components/rate/src/rate2.js +87 -256
  408. package/lib/components/rate/src/rate2.js.map +1 -1
  409. package/lib/components/result/index.js +2 -2
  410. package/lib/components/result/src/result.js +63 -31
  411. package/lib/components/result/src/result.js.map +1 -1
  412. package/lib/components/result/src/result2.js +31 -63
  413. package/lib/components/result/src/result2.js.map +1 -1
  414. package/lib/components/roving-focus-group/index.js +2 -2
  415. package/lib/components/roving-focus-group/src/roving-focus-group-impl.js +1 -1
  416. package/lib/components/roving-focus-group/src/roving-focus-group.js +27 -33
  417. package/lib/components/roving-focus-group/src/roving-focus-group.js.map +1 -1
  418. package/lib/components/roving-focus-group/src/roving-focus-group2.js +33 -27
  419. package/lib/components/roving-focus-group/src/roving-focus-group2.js.map +1 -1
  420. package/lib/components/roving-focus-group/src/roving-focus-item.js +1 -1
  421. package/lib/components/scrollbar/index.js +3 -3
  422. package/lib/components/scrollbar/src/bar.js +17 -42
  423. package/lib/components/scrollbar/src/bar.js.map +1 -1
  424. package/lib/components/scrollbar/src/bar2.js +42 -17
  425. package/lib/components/scrollbar/src/bar2.js.map +1 -1
  426. package/lib/components/scrollbar/src/scrollbar.js +176 -47
  427. package/lib/components/scrollbar/src/scrollbar.js.map +1 -1
  428. package/lib/components/scrollbar/src/scrollbar2.js +47 -176
  429. package/lib/components/scrollbar/src/scrollbar2.js.map +1 -1
  430. package/lib/components/scrollbar/src/thumb.js +134 -11
  431. package/lib/components/scrollbar/src/thumb.js.map +1 -1
  432. package/lib/components/scrollbar/src/thumb2.js +11 -134
  433. package/lib/components/scrollbar/src/thumb2.js.map +1 -1
  434. package/lib/components/select/src/select.js +2 -2
  435. package/lib/components/select-v2/src/defaults.js +1 -1
  436. package/lib/components/skeleton/index.js +2 -2
  437. package/lib/components/skeleton/src/skeleton.js +22 -49
  438. package/lib/components/skeleton/src/skeleton.js.map +1 -1
  439. package/lib/components/skeleton/src/skeleton2.js +49 -22
  440. package/lib/components/skeleton/src/skeleton2.js.map +1 -1
  441. package/lib/components/slider/index.js +2 -2
  442. package/lib/components/slider/src/button.js +93 -22
  443. package/lib/components/slider/src/button.js.map +1 -1
  444. package/lib/components/slider/src/button2.js +22 -93
  445. package/lib/components/slider/src/button2.js.map +1 -1
  446. package/lib/components/slider/src/slider.js +233 -92
  447. package/lib/components/slider/src/slider.js.map +1 -1
  448. package/lib/components/slider/src/slider2.js +92 -233
  449. package/lib/components/slider/src/slider2.js.map +1 -1
  450. package/lib/components/steps/index.js +4 -4
  451. package/lib/components/steps/src/item.js +19 -190
  452. package/lib/components/steps/src/item.js.map +1 -1
  453. package/lib/components/steps/src/item2.js +190 -19
  454. package/lib/components/steps/src/item2.js.map +1 -1
  455. package/lib/components/steps/src/steps.js +37 -34
  456. package/lib/components/steps/src/steps.js.map +1 -1
  457. package/lib/components/steps/src/steps2.js +34 -37
  458. package/lib/components/steps/src/steps2.js.map +1 -1
  459. package/lib/components/tabs/index.js +2 -2
  460. package/lib/components/tabs/src/tab-pane.js +14 -73
  461. package/lib/components/tabs/src/tab-pane.js.map +1 -1
  462. package/lib/components/tabs/src/tab-pane2.js +73 -14
  463. package/lib/components/tabs/src/tab-pane2.js.map +1 -1
  464. package/lib/components/tag/index.js +2 -2
  465. package/lib/components/tag/src/tag.js +34 -98
  466. package/lib/components/tag/src/tag.js.map +1 -1
  467. package/lib/components/tag/src/tag2.js +98 -34
  468. package/lib/components/tag/src/tag2.js.map +1 -1
  469. package/lib/components/teleport/index.js +2 -2
  470. package/lib/components/teleport/src/teleport.js +44 -18
  471. package/lib/components/teleport/src/teleport.js.map +1 -1
  472. package/lib/components/teleport/src/teleport2.js +18 -44
  473. package/lib/components/teleport/src/teleport2.js.map +1 -1
  474. package/lib/components/time-select/index.js +1 -1
  475. package/lib/components/time-select/src/time-select.js +48 -123
  476. package/lib/components/time-select/src/time-select.js.map +1 -1
  477. package/lib/components/time-select/src/time-select2.js +123 -48
  478. package/lib/components/time-select/src/time-select2.js.map +1 -1
  479. package/lib/components/tooltip/index.js +2 -2
  480. package/lib/components/tooltip/src/content.js +31 -179
  481. package/lib/components/tooltip/src/content.js.map +1 -1
  482. package/lib/components/tooltip/src/content2.js +179 -31
  483. package/lib/components/tooltip/src/content2.js.map +1 -1
  484. package/lib/components/tooltip/src/tooltip.js +2 -2
  485. package/lib/components/tooltip/src/tooltip2.js +2 -2
  486. package/lib/components/tooltip/src/trigger.js +16 -73
  487. package/lib/components/tooltip/src/trigger.js.map +1 -1
  488. package/lib/components/tooltip/src/trigger2.js +73 -16
  489. package/lib/components/tooltip/src/trigger2.js.map +1 -1
  490. package/lib/components/tooltip-v2/index.js +3 -3
  491. package/lib/components/tooltip-v2/src/tooltip.js +20 -77
  492. package/lib/components/tooltip-v2/src/tooltip.js.map +1 -1
  493. package/lib/components/tooltip-v2/src/tooltip2.js +77 -20
  494. package/lib/components/tooltip-v2/src/tooltip2.js.map +1 -1
  495. package/lib/components/tooltip-v2/src/trigger.js +12 -91
  496. package/lib/components/tooltip-v2/src/trigger.js.map +1 -1
  497. package/lib/components/tooltip-v2/src/trigger2.js +91 -12
  498. package/lib/components/tooltip-v2/src/trigger2.js.map +1 -1
  499. package/lib/components/transfer/index.js +2 -2
  500. package/lib/components/transfer/src/composables/use-check.js +1 -1
  501. package/lib/components/transfer/src/composables/use-checked-change.js +1 -1
  502. package/lib/components/transfer/src/transfer-panel.js +21 -128
  503. package/lib/components/transfer/src/transfer-panel.js.map +1 -1
  504. package/lib/components/transfer/src/transfer-panel2.js +128 -21
  505. package/lib/components/transfer/src/transfer-panel2.js.map +1 -1
  506. package/lib/components/transfer/src/transfer.js +162 -73
  507. package/lib/components/transfer/src/transfer.js.map +1 -1
  508. package/lib/components/transfer/src/transfer2.js +73 -162
  509. package/lib/components/transfer/src/transfer2.js.map +1 -1
  510. package/lib/components/upload/index.js +3 -3
  511. package/lib/components/upload/src/upload-content.js +31 -176
  512. package/lib/components/upload/src/upload-content.js.map +1 -1
  513. package/lib/components/upload/src/upload-content2.js +176 -31
  514. package/lib/components/upload/src/upload-content2.js.map +1 -1
  515. package/lib/components/upload/src/upload-dragger.js +12 -72
  516. package/lib/components/upload/src/upload-dragger.js.map +1 -1
  517. package/lib/components/upload/src/upload-dragger2.js +72 -12
  518. package/lib/components/upload/src/upload-dragger2.js.map +1 -1
  519. package/lib/components/upload/src/upload-list.js +177 -27
  520. package/lib/components/upload/src/upload-list.js.map +1 -1
  521. package/lib/components/upload/src/upload-list2.js +27 -177
  522. package/lib/components/upload/src/upload-list2.js.map +1 -1
  523. package/lib/components/upload/src/upload2.js +2 -2
  524. package/lib/index.js +36 -36
  525. package/lib/utils/types.js +1 -1
  526. package/lib/utils/types.js.map +1 -1
  527. package/package.json +1 -1
  528. package/web-types.json +1 -1
@@ -1,81 +1,40 @@
1
- import { defineComponent, ref, computed, openBlock, createElementBlock, normalizeClass, unref, normalizeStyle, createBlock, withCtx, resolveDynamicComponent, renderSlot } from 'vue';
2
- import '../../config-provider/index.mjs';
3
- import { ElIcon } from '../../icon/index.mjs';
4
- import '../../../hooks/index.mjs';
5
1
  import '../../../utils/index.mjs';
6
- import { avatarProps, avatarEmits } from './avatar.mjs';
7
- import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
8
- import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
9
- import { isString } from '@vue/shared';
10
- import { isNumber, isColor } from '../../../utils/types.mjs';
11
- import { addUnit } from '../../../utils/dom/style.mjs';
12
- import { watch } from '../../config-provider/src/for-editor.mjs';
2
+ import '../../../constants/index.mjs';
3
+ import { buildProps, definePropType } from '../../../utils/vue/props/runtime.mjs';
4
+ import { componentSizes } from '../../../constants/size.mjs';
5
+ import { isNumber } from '../../../utils/types.mjs';
6
+ import { iconPropType } from '../../../utils/vue/icon.mjs';
13
7
 
14
- const _hoisted_1 = ["src", "alt", "srcset"];
15
- const __default__ = defineComponent({
16
- name: "ElAvatar"
8
+ const avatarProps = buildProps({
9
+ size: {
10
+ type: [Number, String],
11
+ values: componentSizes,
12
+ default: "",
13
+ validator: (val) => isNumber(val)
14
+ },
15
+ shape: {
16
+ type: String,
17
+ values: ["circle", "square"],
18
+ default: "circle"
19
+ },
20
+ icon: {
21
+ type: iconPropType
22
+ },
23
+ src: {
24
+ type: String,
25
+ default: ""
26
+ },
27
+ alt: String,
28
+ srcSet: String,
29
+ fit: {
30
+ type: definePropType(String),
31
+ default: "cover"
32
+ },
33
+ bgColor: String
17
34
  });
18
- const _sfc_main = /* @__PURE__ */ defineComponent({
19
- ...__default__,
20
- props: avatarProps,
21
- emits: avatarEmits,
22
- setup(__props, { emit }) {
23
- const props = __props;
24
- const ns = useNamespace("avatar");
25
- const hasLoadError = ref(false);
26
- const avatarClass = computed(() => {
27
- const { size, icon, shape } = props;
28
- const classList = [ns.b()];
29
- if (isString(size))
30
- classList.push(ns.m(size));
31
- if (icon)
32
- classList.push(ns.m("icon"));
33
- if (shape)
34
- classList.push(ns.m(shape));
35
- return classList;
36
- });
37
- const sizeStyle = computed(() => {
38
- const { size, bgColor } = props;
39
- const styleObj = {};
40
- if (isNumber(size)) {
41
- styleObj["size"] = addUnit(size) || "";
42
- }
43
- if (isColor(bgColor)) {
44
- styleObj["bg-color"] = bgColor || "";
45
- }
46
- return Object.keys(styleObj).length > 0 ? ns.cssVarBlock(styleObj) : void 0;
47
- });
48
- const fitStyle = computed(() => ({
49
- objectFit: props.fit
50
- }));
51
- watch(() => props.src, () => hasLoadError.value = false);
52
- function handleError(e) {
53
- hasLoadError.value = true;
54
- emit("error", e);
55
- }
56
- return (_ctx, _cache) => {
57
- return openBlock(), createElementBlock("span", {
58
- class: normalizeClass(unref(avatarClass)),
59
- style: normalizeStyle(unref(sizeStyle))
60
- }, [
61
- (_ctx.src || _ctx.srcSet) && !hasLoadError.value ? (openBlock(), createElementBlock("img", {
62
- key: 0,
63
- src: _ctx.src,
64
- alt: _ctx.alt,
65
- srcset: _ctx.srcSet,
66
- style: normalizeStyle(unref(fitStyle)),
67
- onError: handleError
68
- }, null, 44, _hoisted_1)) : _ctx.icon ? (openBlock(), createBlock(unref(ElIcon), { key: 1 }, {
69
- default: withCtx(() => [
70
- (openBlock(), createBlock(resolveDynamicComponent(_ctx.icon)))
71
- ]),
72
- _: 1
73
- })) : renderSlot(_ctx.$slots, "default", { key: 2 })
74
- ], 6);
75
- };
76
- }
77
- });
78
- var Avatar = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "D:\\workspace\\element-pe\\packages\\components\\avatar\\src\\avatar.vue"]]);
35
+ const avatarEmits = {
36
+ error: (evt) => evt instanceof Event
37
+ };
79
38
 
80
- export { Avatar as default };
39
+ export { avatarEmits, avatarProps };
81
40
  //# sourceMappingURL=avatar2.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"avatar2.mjs","sources":["../../../../../../packages/components/avatar/src/avatar.vue"],"sourcesContent":["<template>\n <span :class=\"avatarClass\" :style=\"sizeStyle\">\n <img\n v-if=\"(src || srcSet) && !hasLoadError\"\n :src=\"src\"\n :alt=\"alt\"\n :srcset=\"srcSet\"\n :style=\"fitStyle\"\n @error=\"handleError\"\n />\n <el-icon v-else-if=\"icon\">\n <component :is=\"icon\" />\n </el-icon>\n <slot v-else />\n </span>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, ref } from 'vue'\nimport { watch } from '../../config-provider'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { useNamespace } from '@element-plus/hooks'\nimport { addUnit, isColor, isNumber, isString } from '@element-plus/utils'\nimport { avatarEmits, avatarProps } from './avatar'\n\nimport type { CSSProperties } from 'vue'\n\ndefineOptions({\n name: 'ElAvatar',\n})\n\nconst props = defineProps(avatarProps)\nconst emit = defineEmits(avatarEmits)\n\nconst ns = useNamespace('avatar')\n\nconst hasLoadError = ref(false)\n\nconst avatarClass = computed(() => {\n const { size, icon, shape } = props\n const classList = [ns.b()]\n if (isString(size)) classList.push(ns.m(size))\n if (icon) classList.push(ns.m('icon'))\n if (shape) classList.push(ns.m(shape))\n return classList\n})\n\nconst sizeStyle = computed(() => {\n const { size, bgColor } = props\n\n const styleObj: any = {}\n if (isNumber(size)) {\n styleObj['size'] = addUnit(size) || ''\n }\n if (isColor(bgColor)) {\n styleObj['bg-color'] = bgColor || ''\n }\n\n return Object.keys(styleObj).length > 0\n ? (ns.cssVarBlock(styleObj) as CSSProperties)\n : undefined\n})\n\nconst fitStyle = computed<CSSProperties>(() => ({\n objectFit: props.fit,\n}))\n\n// need reset hasLoadError to false if src changed\nwatch(\n () => props.src,\n () => (hasLoadError.value = false)\n)\n\nfunction handleError(e: Event) {\n hasLoadError.value = true\n emit('error', e)\n}\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;mCA2Bc,CAAA;AAAA,EACZ,IAAM,EAAA,UAAA;AACR,CAAA,CAAA,CAAA;;;;;;;AAKA,IAAM,MAAA,EAAA,GAAK,aAAa,QAAQ,CAAA,CAAA;AAEhC,IAAM,MAAA,YAAA,GAAe,IAAI,KAAK,CAAA,CAAA;AAE9B,IAAM,MAAA,WAAA,GAAc,SAAS,MAAM;AACjC,MAAM,MAAA,EAAE,IAAM,EAAA,IAAA,EAAM,KAAU,EAAA,GAAA,KAAA,CAAA;AAC9B,MAAA,MAAM,SAAY,GAAA,CAAC,EAAG,CAAA,CAAA,EAAG,CAAA,CAAA;AACzB,MAAA,IAAI,SAAS,IAAI,CAAA;AAAG,QAAA,SAAA,CAAU,IAAK,CAAA,EAAA,CAAG,CAAE,CAAA,IAAI,CAAC,CAAA,CAAA;AAC7C,MAAI,IAAA,IAAA;AAAM,QAAA,SAAA,CAAU,IAAK,CAAA,EAAA,CAAG,CAAE,CAAA,MAAM,CAAC,CAAA,CAAA;AACrC,MAAI,IAAA,KAAA;AAAO,QAAA,SAAA,CAAU,IAAK,CAAA,EAAA,CAAG,CAAE,CAAA,KAAK,CAAC,CAAA,CAAA;AACrC,MAAO,OAAA,SAAA,CAAA;AAAA,KACR,CAAA,CAAA;AAED,IAAM,MAAA,SAAA,GAAY,SAAS,MAAM;AAC/B,MAAM,MAAA,EAAE,MAAM,OAAY,EAAA,GAAA,KAAA,CAAA;AAE1B,MAAA,MAAM,WAAgB,EAAC,CAAA;AACvB,MAAI,IAAA,QAAA,CAAS,IAAI,CAAG,EAAA;AAClB,QAAS,QAAA,CAAA,MAAA,CAAA,GAAU,OAAQ,CAAA,IAAI,CAAK,IAAA,EAAA,CAAA;AAAA,OACtC;AACA,MAAI,IAAA,OAAA,CAAQ,OAAO,CAAG,EAAA;AACpB,QAAA,QAAA,CAAS,cAAc,OAAW,IAAA,EAAA,CAAA;AAAA,OACpC;AAEA,MAAO,OAAA,MAAA,CAAO,KAAK,QAAQ,CAAA,CAAE,SAAS,CACjC,GAAA,EAAA,CAAG,WAAY,CAAA,QAAQ,CACxB,GAAA,KAAA,CAAA,CAAA;AAAA,KACL,CAAA,CAAA;AAED,IAAM,MAAA,QAAA,GAAW,SAAwB,OAAO;AAAA,MAC9C,WAAW,KAAM,CAAA,GAAA;AAAA,KACjB,CAAA,CAAA,CAAA;AAGF,IAAA,KAAA,CACE,MAAM,KAAM,CAAA,GAAA,EACZ,MAAO,YAAA,CAAa,QAAQ,KAC9B,CAAA,CAAA;AAEA,IAAA,SAAA,WAAA,CAAqB,CAAU,EAAA;AAC7B,MAAA,YAAA,CAAa,KAAQ,GAAA,IAAA,CAAA;AACrB,MAAA,IAAA,CAAK,SAAS,CAAC,CAAA,CAAA;AAAA,KACjB;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"avatar2.mjs","sources":["../../../../../../packages/components/avatar/src/avatar.ts"],"sourcesContent":["import {\n buildProps,\n definePropType,\n iconPropType,\n isNumber,\n} from '@element-plus/utils'\nimport { componentSizes } from '@element-plus/constants'\nimport type { ExtractPropTypes } from 'vue'\nimport type { ObjectFitProperty } from 'csstype'\n\nexport const avatarProps = buildProps({\n /**\n * @description avatar size.\n */\n size: {\n type: [Number, String],\n values: componentSizes,\n default: '',\n validator: (val: unknown): val is number => isNumber(val),\n },\n /**\n * @description avatar shape.\n */\n shape: {\n type: String,\n values: ['circle', 'square'],\n default: 'circle',\n },\n /**\n * @description representation type to icon, more info on icon component.\n */\n icon: {\n type: iconPropType,\n },\n /**\n * @description the source of the image for an image avatar.\n */\n src: {\n type: String,\n default: '',\n },\n /**\n * @description native attribute `alt` of image avatar.\n */\n alt: String,\n /**\n * @description native attribute srcset of image avatar.\n */\n srcSet: String,\n /**\n * @description set how the image fit its container for an image avatar.\n */\n fit: {\n type: definePropType<ObjectFitProperty>(String),\n default: 'cover',\n },\n /**\n * @description background color\n */\n bgColor: String,\n} as const)\nexport type AvatarProps = ExtractPropTypes<typeof avatarProps>\n\nexport const avatarEmits = {\n error: (evt: Event) => evt instanceof Event,\n}\nexport type AvatarEmits = typeof avatarEmits\n"],"names":[],"mappings":";;;;;;;AAOY,MAAC,WAAW,GAAG,UAAU,CAAC;AACtC,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;AAC1B,IAAI,MAAM,EAAE,cAAc;AAC1B,IAAI,OAAO,EAAE,EAAE;AACf,IAAI,SAAS,EAAE,CAAC,GAAG,KAAK,QAAQ,CAAC,GAAG,CAAC;AACrC,GAAG;AACH,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC;AAChC,IAAI,OAAO,EAAE,QAAQ;AACrB,GAAG;AACH,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,YAAY;AACtB,GAAG;AACH,EAAE,GAAG,EAAE;AACP,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,GAAG,EAAE,MAAM;AACb,EAAE,MAAM,EAAE,MAAM;AAChB,EAAE,GAAG,EAAE;AACP,IAAI,IAAI,EAAE,cAAc,CAAC,MAAM,CAAC;AAChC,IAAI,OAAO,EAAE,OAAO;AACpB,GAAG;AACH,EAAE,OAAO,EAAE,MAAM;AACjB,CAAC,EAAE;AACS,MAAC,WAAW,GAAG;AAC3B,EAAE,KAAK,EAAE,CAAC,GAAG,KAAK,GAAG,YAAY,KAAK;AACtC;;;;"}
@@ -1,8 +1,8 @@
1
1
  import '../../utils/index.mjs';
2
- import Carousel from './src/carousel.mjs';
3
- import CarouselItem from './src/carousel-item.mjs';
4
- export { carouselEmits, carouselProps } from './src/carousel2.mjs';
5
- export { carouselItemProps } from './src/carousel-item2.mjs';
2
+ import Carousel from './src/carousel2.mjs';
3
+ import CarouselItem from './src/carousel-item2.mjs';
4
+ export { carouselEmits, carouselProps } from './src/carousel.mjs';
5
+ export { carouselItemProps } from './src/carousel-item.mjs';
6
6
  export { carouselContextKey } from './src/constants.mjs';
7
7
  import { withInstall, withNoopInstall } from '../../utils/vue/install.mjs';
8
8
 
@@ -1,68 +1,13 @@
1
- import { defineComponent, computed, unref, withDirectives, openBlock, createElementBlock, normalizeClass, normalizeStyle, vShow, createCommentVNode, renderSlot } from 'vue';
2
- import '../../../hooks/index.mjs';
3
- import { carouselItemProps } from './carousel-item2.mjs';
4
- import { useCarouselItem } from './use-carousel-item.mjs';
5
- import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
6
- import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
1
+ import '../../../utils/index.mjs';
2
+ import { buildProps } from '../../../utils/vue/props/runtime.mjs';
7
3
 
8
- const COMPONENT_NAME = "ElCarouselItem";
9
- const __default__ = defineComponent({
10
- name: "ElCarouselItem"
11
- });
12
- const _sfc_main = /* @__PURE__ */ defineComponent({
13
- ...__default__,
14
- props: carouselItemProps,
15
- setup(__props) {
16
- const props = __props;
17
- const ns = useNamespace("carousel");
18
- const {
19
- active,
20
- animating,
21
- hover,
22
- inStage,
23
- isVertical,
24
- translate,
25
- isCardType,
26
- scale,
27
- ready,
28
- handleItemClick
29
- } = useCarouselItem(props, COMPONENT_NAME);
30
- const itemStyle = computed(() => {
31
- const translateType = `translate${unref(isVertical) ? "Y" : "X"}`;
32
- const _translate = `${translateType}(${unref(translate)}px)`;
33
- const _scale = `scale(${unref(scale)})`;
34
- const transform = [_translate, _scale].join(" ");
35
- return {
36
- transform
37
- };
38
- });
39
- return (_ctx, _cache) => {
40
- return withDirectives((openBlock(), createElementBlock("div", {
41
- class: normalizeClass([
42
- unref(ns).e("item"),
43
- unref(ns).is("active", unref(active)),
44
- unref(ns).is("in-stage", unref(inStage)),
45
- unref(ns).is("hover", unref(hover)),
46
- unref(ns).is("animating", unref(animating)),
47
- { [unref(ns).em("item", "card")]: unref(isCardType) }
48
- ]),
49
- style: normalizeStyle(unref(itemStyle)),
50
- onClick: _cache[0] || (_cache[0] = (...args) => unref(handleItemClick) && unref(handleItemClick)(...args))
51
- }, [
52
- unref(isCardType) ? withDirectives((openBlock(), createElementBlock("div", {
53
- key: 0,
54
- class: normalizeClass(unref(ns).e("mask"))
55
- }, null, 2)), [
56
- [vShow, !unref(active)]
57
- ]) : createCommentVNode("v-if", true),
58
- renderSlot(_ctx.$slots, "default")
59
- ], 6)), [
60
- [vShow, unref(ready)]
61
- ]);
62
- };
4
+ const carouselItemProps = buildProps({
5
+ name: { type: String, default: "" },
6
+ label: {
7
+ type: [String, Number],
8
+ default: ""
63
9
  }
64
10
  });
65
- var CarouselItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "D:\\workspace\\element-pe\\packages\\components\\carousel\\src\\carousel-item.vue"]]);
66
11
 
67
- export { CarouselItem as default };
12
+ export { carouselItemProps };
68
13
  //# sourceMappingURL=carousel-item.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"carousel-item.mjs","sources":["../../../../../../packages/components/carousel/src/carousel-item.vue"],"sourcesContent":["<template>\n <div\n v-show=\"ready\"\n :class=\"[\n ns.e('item'),\n ns.is('active', active),\n ns.is('in-stage', inStage),\n ns.is('hover', hover),\n ns.is('animating', animating),\n { [ns.em('item', 'card')]: isCardType },\n ]\"\n :style=\"itemStyle\"\n @click=\"handleItemClick\"\n >\n <div v-if=\"isCardType\" v-show=\"!active\" :class=\"ns.e('mask')\" />\n <slot />\n </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, unref } from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport { carouselItemProps } from './carousel-item'\nimport { useCarouselItem } from './use-carousel-item'\n\nimport type { CSSProperties } from 'vue'\n\ndefineOptions({\n name: 'ElCarouselItem',\n})\n\nconst props = defineProps(carouselItemProps)\nconst ns = useNamespace('carousel')\nconst COMPONENT_NAME = 'ElCarouselItem'\n// inject\nconst {\n active,\n animating,\n hover,\n inStage,\n isVertical,\n translate,\n isCardType,\n scale,\n ready,\n handleItemClick,\n} = useCarouselItem(props, COMPONENT_NAME)\n\nconst itemStyle = computed<CSSProperties>(() => {\n const translateType = `translate${unref(isVertical) ? 'Y' : 'X'}`\n const _translate = `${translateType}(${unref(translate)}px)`\n const _scale = `scale(${unref(scale)})`\n const transform = [_translate, _scale].join(' ')\n\n return {\n transform,\n }\n})\n</script>\n"],"names":[],"mappings":";;;;;;;;mCA2Bc,CAAA;AAAA,EACZ,IAAM,EAAA,gBAAA;AACR;;;;;;AAGA,IAAM,MAAA,EAAA,GAAK,aAAa,UAAU,CAAA,CAAA;AAGlC,IAAM,MAAA;AAAA,MACJ,MAAA;AAAA,MACA,SAAA;AAAA,MACA,KAAA;AAAA,MACA,OAAA;AAAA,MACA,UAAA;AAAA,MACA,SAAA;AAAA,MACA,UAAA;AAAA,MACA,KAAA;AAAA,MACA,KAAA;AAAA,MACA,eAAA;AAAA,KACE,GAAA,eAAA,CAAgB,OAAO,cAAc,CAAA,CAAA;AAEzC,IAAM,MAAA,SAAA,GAAY,SAAwB,MAAM;AAC9C,MAAA,MAAM,aAAgB,GAAA,CAAA,SAAA,EAAY,KAAM,CAAA,UAAU,IAAI,GAAM,GAAA,GAAA,CAAA,CAAA,CAAA;AAC5D,MAAA,MAAM,UAAa,GAAA,CAAA,EAAG,aAAiB,CAAA,CAAA,EAAA,KAAA,CAAM,SAAS,CAAA,CAAA,GAAA,CAAA,CAAA;AACtD,MAAM,MAAA,MAAA,GAAS,CAAS,MAAA,EAAA,KAAA,CAAM,KAAK,CAAA,CAAA,CAAA,CAAA,CAAA;AACnC,MAAA,MAAM,YAAY,CAAC,UAAA,EAAY,MAAM,CAAA,CAAE,KAAK,GAAG,CAAA,CAAA;AAE/C,MAAO,OAAA;AAAA,QACL,SAAA;AAAA,OACF,CAAA;AAAA,KACD,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"carousel-item.mjs","sources":["../../../../../../packages/components/carousel/src/carousel-item.ts"],"sourcesContent":["import { buildProps } from '@element-plus/utils'\nimport type { ExtractPropTypes } from 'vue'\n\nexport const carouselItemProps = buildProps({\n name: { type: String, default: '' },\n label: {\n type: [String, Number],\n default: '',\n },\n} as const)\n\nexport type CarouselItemProps = ExtractPropTypes<typeof carouselItemProps>\n"],"names":[],"mappings":";;;AACY,MAAC,iBAAiB,GAAG,UAAU,CAAC;AAC5C,EAAE,IAAI,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,EAAE;AACrC,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;AAC1B,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,CAAC;;;;"}
@@ -1,13 +1,68 @@
1
- import '../../../utils/index.mjs';
2
- import { buildProps } from '../../../utils/vue/props/runtime.mjs';
1
+ import { defineComponent, computed, unref, withDirectives, openBlock, createElementBlock, normalizeClass, normalizeStyle, vShow, createCommentVNode, renderSlot } from 'vue';
2
+ import '../../../hooks/index.mjs';
3
+ import { carouselItemProps } from './carousel-item.mjs';
4
+ import { useCarouselItem } from './use-carousel-item.mjs';
5
+ import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
6
+ import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
3
7
 
4
- const carouselItemProps = buildProps({
5
- name: { type: String, default: "" },
6
- label: {
7
- type: [String, Number],
8
- default: ""
8
+ const COMPONENT_NAME = "ElCarouselItem";
9
+ const __default__ = defineComponent({
10
+ name: "ElCarouselItem"
11
+ });
12
+ const _sfc_main = /* @__PURE__ */ defineComponent({
13
+ ...__default__,
14
+ props: carouselItemProps,
15
+ setup(__props) {
16
+ const props = __props;
17
+ const ns = useNamespace("carousel");
18
+ const {
19
+ active,
20
+ animating,
21
+ hover,
22
+ inStage,
23
+ isVertical,
24
+ translate,
25
+ isCardType,
26
+ scale,
27
+ ready,
28
+ handleItemClick
29
+ } = useCarouselItem(props, COMPONENT_NAME);
30
+ const itemStyle = computed(() => {
31
+ const translateType = `translate${unref(isVertical) ? "Y" : "X"}`;
32
+ const _translate = `${translateType}(${unref(translate)}px)`;
33
+ const _scale = `scale(${unref(scale)})`;
34
+ const transform = [_translate, _scale].join(" ");
35
+ return {
36
+ transform
37
+ };
38
+ });
39
+ return (_ctx, _cache) => {
40
+ return withDirectives((openBlock(), createElementBlock("div", {
41
+ class: normalizeClass([
42
+ unref(ns).e("item"),
43
+ unref(ns).is("active", unref(active)),
44
+ unref(ns).is("in-stage", unref(inStage)),
45
+ unref(ns).is("hover", unref(hover)),
46
+ unref(ns).is("animating", unref(animating)),
47
+ { [unref(ns).em("item", "card")]: unref(isCardType) }
48
+ ]),
49
+ style: normalizeStyle(unref(itemStyle)),
50
+ onClick: _cache[0] || (_cache[0] = (...args) => unref(handleItemClick) && unref(handleItemClick)(...args))
51
+ }, [
52
+ unref(isCardType) ? withDirectives((openBlock(), createElementBlock("div", {
53
+ key: 0,
54
+ class: normalizeClass(unref(ns).e("mask"))
55
+ }, null, 2)), [
56
+ [vShow, !unref(active)]
57
+ ]) : createCommentVNode("v-if", true),
58
+ renderSlot(_ctx.$slots, "default")
59
+ ], 6)), [
60
+ [vShow, unref(ready)]
61
+ ]);
62
+ };
9
63
  }
10
64
  });
65
+ var CarouselItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "D:\\workspace\\element-pe\\packages\\components\\carousel\\src\\carousel-item.vue"]]);
11
66
 
12
- export { carouselItemProps };
67
+ export { CarouselItem as default };
13
68
  //# sourceMappingURL=carousel-item2.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"carousel-item2.mjs","sources":["../../../../../../packages/components/carousel/src/carousel-item.ts"],"sourcesContent":["import { buildProps } from '@element-plus/utils'\nimport type { ExtractPropTypes } from 'vue'\n\nexport const carouselItemProps = buildProps({\n name: { type: String, default: '' },\n label: {\n type: [String, Number],\n default: '',\n },\n} as const)\n\nexport type CarouselItemProps = ExtractPropTypes<typeof carouselItemProps>\n"],"names":[],"mappings":";;;AACY,MAAC,iBAAiB,GAAG,UAAU,CAAC;AAC5C,EAAE,IAAI,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,EAAE;AACrC,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;AAC1B,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,CAAC;;;;"}
1
+ {"version":3,"file":"carousel-item2.mjs","sources":["../../../../../../packages/components/carousel/src/carousel-item.vue"],"sourcesContent":["<template>\n <div\n v-show=\"ready\"\n :class=\"[\n ns.e('item'),\n ns.is('active', active),\n ns.is('in-stage', inStage),\n ns.is('hover', hover),\n ns.is('animating', animating),\n { [ns.em('item', 'card')]: isCardType },\n ]\"\n :style=\"itemStyle\"\n @click=\"handleItemClick\"\n >\n <div v-if=\"isCardType\" v-show=\"!active\" :class=\"ns.e('mask')\" />\n <slot />\n </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, unref } from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport { carouselItemProps } from './carousel-item'\nimport { useCarouselItem } from './use-carousel-item'\n\nimport type { CSSProperties } from 'vue'\n\ndefineOptions({\n name: 'ElCarouselItem',\n})\n\nconst props = defineProps(carouselItemProps)\nconst ns = useNamespace('carousel')\nconst COMPONENT_NAME = 'ElCarouselItem'\n// inject\nconst {\n active,\n animating,\n hover,\n inStage,\n isVertical,\n translate,\n isCardType,\n scale,\n ready,\n handleItemClick,\n} = useCarouselItem(props, COMPONENT_NAME)\n\nconst itemStyle = computed<CSSProperties>(() => {\n const translateType = `translate${unref(isVertical) ? 'Y' : 'X'}`\n const _translate = `${translateType}(${unref(translate)}px)`\n const _scale = `scale(${unref(scale)})`\n const transform = [_translate, _scale].join(' ')\n\n return {\n transform,\n }\n})\n</script>\n"],"names":[],"mappings":";;;;;;;;mCA2Bc,CAAA;AAAA,EACZ,IAAM,EAAA,gBAAA;AACR;;;;;;AAGA,IAAM,MAAA,EAAA,GAAK,aAAa,UAAU,CAAA,CAAA;AAGlC,IAAM,MAAA;AAAA,MACJ,MAAA;AAAA,MACA,SAAA;AAAA,MACA,KAAA;AAAA,MACA,OAAA;AAAA,MACA,UAAA;AAAA,MACA,SAAA;AAAA,MACA,UAAA;AAAA,MACA,KAAA;AAAA,MACA,KAAA;AAAA,MACA,eAAA;AAAA,KACE,GAAA,eAAA,CAAgB,OAAO,cAAc,CAAA,CAAA;AAEzC,IAAM,MAAA,SAAA,GAAY,SAAwB,MAAM;AAC9C,MAAA,MAAM,aAAgB,GAAA,CAAA,SAAA,EAAY,KAAM,CAAA,UAAU,IAAI,GAAM,GAAA,GAAA,CAAA,CAAA,CAAA;AAC5D,MAAA,MAAM,UAAa,GAAA,CAAA,EAAG,aAAiB,CAAA,CAAA,EAAA,KAAA,CAAM,SAAS,CAAA,CAAA,GAAA,CAAA,CAAA;AACtD,MAAM,MAAA,MAAA,GAAS,CAAS,MAAA,EAAA,KAAA,CAAM,KAAK,CAAA,CAAA,CAAA,CAAA,CAAA;AACnC,MAAA,MAAM,YAAY,CAAC,UAAA,EAAY,MAAM,CAAA,CAAE,KAAK,GAAG,CAAA,CAAA;AAE/C,MAAO,OAAA;AAAA,QACL,SAAA;AAAA,OACF,CAAA;AAAA,KACD,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -1,169 +1,61 @@
1
- import { defineComponent, computed, unref, openBlock, createElementBlock, normalizeClass, withModifiers, createElementVNode, normalizeStyle, createBlock, Transition, withCtx, withDirectives, createVNode, vShow, createCommentVNode, renderSlot, Fragment, renderList, toDisplayString } from 'vue';
2
- import { ElIcon } from '../../icon/index.mjs';
3
- import { ArrowLeft, ArrowRight } from '@element-plus/icons-vue';
4
- import '../../../hooks/index.mjs';
5
- import { carouselProps, carouselEmits } from './carousel2.mjs';
6
- import { useCarousel } from './use-carousel.mjs';
7
- import '../../config-provider/index.mjs';
8
- import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
9
- import { useGlobalConfig } from '../../config-provider/src/hooks/use-global-config.mjs';
10
- import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
1
+ import '../../../utils/index.mjs';
2
+ import { buildProps } from '../../../utils/vue/props/runtime.mjs';
3
+ import { isNumber } from '../../../utils/types.mjs';
11
4
 
12
- const _hoisted_1 = ["onMouseenter", "onClick"];
13
- const _hoisted_2 = { key: 0 };
14
- const COMPONENT_NAME = "ElCarousel";
15
- const __default__ = defineComponent({
16
- name: COMPONENT_NAME
17
- });
18
- const _sfc_main = /* @__PURE__ */ defineComponent({
19
- ...__default__,
20
- props: carouselProps,
21
- emits: carouselEmits,
22
- setup(__props, { expose, emit }) {
23
- const props = __props;
24
- const forEditor = useGlobalConfig("forEditor");
25
- const {
26
- root,
27
- activeIndex,
28
- arrowDisplay,
29
- hasLabel,
30
- hover,
31
- isCardType,
32
- items,
33
- handleButtonEnter,
34
- handleButtonLeave,
35
- handleIndicatorClick,
36
- handleMouseEnter,
37
- handleMouseLeave,
38
- setActiveItem,
39
- prev,
40
- next,
41
- throttledArrowClick,
42
- throttledIndicatorHover
43
- } = useCarousel(props, emit, COMPONENT_NAME);
44
- const ns = useNamespace("carousel");
45
- const carouselClasses = computed(() => {
46
- const classes = [ns.b(), ns.m(props.direction)];
47
- if (unref(isCardType)) {
48
- classes.push(ns.m("card"));
49
- }
50
- return classes;
51
- });
52
- const indicatorsClasses = computed(() => {
53
- const classes = [ns.e("indicators"), ns.em("indicators", props.direction)];
54
- if (unref(hasLabel)) {
55
- classes.push(ns.em("indicators", "labels"));
56
- }
57
- if (props.indicatorPosition === "outside" || unref(isCardType)) {
58
- classes.push(ns.em("indicators", "outside"));
59
- }
60
- return classes;
61
- });
62
- expose({
63
- setActiveItem,
64
- prev,
65
- next
66
- });
67
- return (_ctx, _cache) => {
68
- return openBlock(), createElementBlock("div", {
69
- ref_key: "root",
70
- ref: root,
71
- class: normalizeClass(unref(carouselClasses)),
72
- onMouseenter: _cache[6] || (_cache[6] = withModifiers((...args) => unref(handleMouseEnter) && unref(handleMouseEnter)(...args), ["stop"])),
73
- onMouseleave: _cache[7] || (_cache[7] = withModifiers((...args) => unref(handleMouseLeave) && unref(handleMouseLeave)(...args), ["stop"]))
74
- }, [
75
- createElementVNode("div", {
76
- class: normalizeClass(unref(ns).e("container")),
77
- style: normalizeStyle({ height: _ctx.height })
78
- }, [
79
- unref(arrowDisplay) ? (openBlock(), createBlock(Transition, {
80
- key: 0,
81
- duration: unref(forEditor) ? -1 : 0,
82
- name: "carousel-arrow-left",
83
- persisted: ""
84
- }, {
85
- default: withCtx(() => [
86
- withDirectives(createElementVNode("button", {
87
- type: "button",
88
- class: normalizeClass([unref(ns).e("arrow"), unref(ns).em("arrow", "left")]),
89
- onMouseenter: _cache[0] || (_cache[0] = ($event) => unref(handleButtonEnter)("left")),
90
- onMouseleave: _cache[1] || (_cache[1] = (...args) => unref(handleButtonLeave) && unref(handleButtonLeave)(...args)),
91
- onClick: _cache[2] || (_cache[2] = withModifiers(($event) => unref(throttledArrowClick)(unref(activeIndex) - 1), ["stop"]))
92
- }, [
93
- createVNode(unref(ElIcon), null, {
94
- default: withCtx(() => [
95
- createVNode(unref(ArrowLeft))
96
- ]),
97
- _: 1
98
- })
99
- ], 34), [
100
- [
101
- vShow,
102
- (_ctx.arrow === "always" || unref(hover)) && (props.loop || unref(activeIndex) > 0)
103
- ]
104
- ])
105
- ]),
106
- _: 1
107
- }, 8, ["duration"])) : createCommentVNode("v-if", true),
108
- unref(arrowDisplay) ? (openBlock(), createBlock(Transition, {
109
- key: 1,
110
- duration: unref(forEditor) ? -1 : 0,
111
- name: "carousel-arrow-right",
112
- persisted: ""
113
- }, {
114
- default: withCtx(() => [
115
- withDirectives(createElementVNode("button", {
116
- type: "button",
117
- class: normalizeClass([unref(ns).e("arrow"), unref(ns).em("arrow", "right")]),
118
- onMouseenter: _cache[3] || (_cache[3] = ($event) => unref(handleButtonEnter)("right")),
119
- onMouseleave: _cache[4] || (_cache[4] = (...args) => unref(handleButtonLeave) && unref(handleButtonLeave)(...args)),
120
- onClick: _cache[5] || (_cache[5] = withModifiers(($event) => unref(throttledArrowClick)(unref(activeIndex) + 1), ["stop"]))
121
- }, [
122
- createVNode(unref(ElIcon), null, {
123
- default: withCtx(() => [
124
- createVNode(unref(ArrowRight))
125
- ]),
126
- _: 1
127
- })
128
- ], 34), [
129
- [
130
- vShow,
131
- (_ctx.arrow === "always" || unref(hover)) && (props.loop || unref(activeIndex) < unref(items).length - 1)
132
- ]
133
- ])
134
- ]),
135
- _: 1
136
- }, 8, ["duration"])) : createCommentVNode("v-if", true),
137
- renderSlot(_ctx.$slots, "default")
138
- ], 6),
139
- _ctx.indicatorPosition !== "none" ? (openBlock(), createElementBlock("ul", {
140
- key: 0,
141
- class: normalizeClass(unref(indicatorsClasses))
142
- }, [
143
- (openBlock(true), createElementBlock(Fragment, null, renderList(unref(items), (item, index) => {
144
- return openBlock(), createElementBlock("li", {
145
- key: index,
146
- class: normalizeClass([
147
- unref(ns).e("indicator"),
148
- unref(ns).em("indicator", _ctx.direction),
149
- unref(ns).is("active", index === unref(activeIndex))
150
- ]),
151
- onMouseenter: ($event) => unref(throttledIndicatorHover)(index),
152
- onClick: withModifiers(($event) => unref(handleIndicatorClick)(index), ["stop"])
153
- }, [
154
- createElementVNode("button", {
155
- class: normalizeClass(unref(ns).e("button"))
156
- }, [
157
- unref(hasLabel) ? (openBlock(), createElementBlock("span", _hoisted_2, toDisplayString(item.props.label), 1)) : createCommentVNode("v-if", true)
158
- ], 2)
159
- ], 42, _hoisted_1);
160
- }), 128))
161
- ], 2)) : createCommentVNode("v-if", true)
162
- ], 34);
163
- };
5
+ const carouselProps = buildProps({
6
+ initialIndex: {
7
+ type: Number,
8
+ default: 0
9
+ },
10
+ height: {
11
+ type: String,
12
+ default: ""
13
+ },
14
+ trigger: {
15
+ type: String,
16
+ values: ["hover", "click"],
17
+ default: "hover"
18
+ },
19
+ autoplay: {
20
+ type: Boolean,
21
+ default: true
22
+ },
23
+ interval: {
24
+ type: Number,
25
+ default: 3e3
26
+ },
27
+ indicatorPosition: {
28
+ type: String,
29
+ values: ["", "none", "outside"],
30
+ default: ""
31
+ },
32
+ arrow: {
33
+ type: String,
34
+ values: ["always", "hover", "never"],
35
+ default: "hover"
36
+ },
37
+ type: {
38
+ type: String,
39
+ values: ["", "card"],
40
+ default: ""
41
+ },
42
+ loop: {
43
+ type: Boolean,
44
+ default: true
45
+ },
46
+ direction: {
47
+ type: String,
48
+ values: ["horizontal", "vertical"],
49
+ default: "horizontal"
50
+ },
51
+ pauseOnHover: {
52
+ type: Boolean,
53
+ default: true
164
54
  }
165
55
  });
166
- var Carousel = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "D:\\workspace\\element-pe\\packages\\components\\carousel\\src\\carousel.vue"]]);
56
+ const carouselEmits = {
57
+ change: (current, prev) => [current, prev].every(isNumber)
58
+ };
167
59
 
168
- export { Carousel as default };
60
+ export { carouselEmits, carouselProps };
169
61
  //# sourceMappingURL=carousel.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"carousel.mjs","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 <div :class=\"ns.e('container')\" :style=\"{ height: height }\">\n <transition :duration=\"forEditor ? -1 : 0\" v-if=\"arrowDisplay\" name=\"carousel-arrow-left\">\n <button\n v-show=\"\n (arrow === 'always' || hover) && (props.loop || activeIndex > 0)\n \"\n type=\"button\"\n :class=\"[ns.e('arrow'), ns.em('arrow', 'left')]\"\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 :duration=\"forEditor ? -1 : 0\" v-if=\"arrowDisplay\" name=\"carousel-arrow-right\">\n <button\n v-show=\"\n (arrow === 'always' || hover) &&\n (props.loop || activeIndex < items.length - 1)\n \"\n type=\"button\"\n :class=\"[ns.e('arrow'), ns.em('arrow', 'right')]\"\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 <slot />\n </div>\n <ul v-if=\"indicatorPosition !== 'none'\" :class=\"indicatorsClasses\">\n <li\n v-for=\"(item, index) in items\"\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 :class=\"ns.e('button')\">\n <span v-if=\"hasLabel\">{{ item.props.label }}</span>\n </button>\n </li>\n </ul>\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 { useNamespace } from '@element-plus/hooks'\nimport { carouselEmits, carouselProps } from './carousel'\nimport { useCarousel } from './use-carousel'\nimport { useGlobalConfig } from '../../config-provider'\n\nconst forEditor = useGlobalConfig('forEditor')\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 arrowDisplay,\n hasLabel,\n hover,\n isCardType,\n items,\n handleButtonEnter,\n handleButtonLeave,\n handleIndicatorClick,\n handleMouseEnter,\n handleMouseLeave,\n setActiveItem,\n prev,\n next,\n throttledArrowClick,\n throttledIndicatorHover,\n} = useCarousel(props, emit, COMPONENT_NAME)\nconst ns = useNamespace('carousel')\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' || unref(isCardType)) {\n classes.push(ns.em('indicators', 'outside'))\n }\n return classes\n})\n\ndefineExpose({\n /** @description manually switch slide */\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":[],"mappings":";;;;;;;;;;;;;;mCA2Ec,CAAA;AAAA,EACZ,IAAM,EAAA,cAAA;AACR;;;;;;;AALA,IAAM,MAAA,SAAA,GAAY,gBAAgB,WAAW,CAAA,CAAA;AAS7C,IAAM,MAAA;AAAA,MACJ,IAAA;AAAA,MACA,WAAA;AAAA,MACA,YAAA;AAAA,MACA,QAAA;AAAA,MACA,KAAA;AAAA,MACA,UAAA;AAAA,MACA,KAAA;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,mBAAA;AAAA,MACA,uBAAA;AAAA,KACE,GAAA,WAAA,CAAY,KAAO,EAAA,IAAA,EAAM,cAAc,CAAA,CAAA;AAC3C,IAAM,MAAA,EAAA,GAAK,aAAa,UAAU,CAAA,CAAA;AAElC,IAAM,MAAA,eAAA,GAAkB,SAAS,MAAM;AACrC,MAAM,MAAA,OAAA,GAAU,CAAC,EAAG,CAAA,CAAA,IAAK,EAAG,CAAA,CAAA,CAAE,KAAM,CAAA,SAAS,CAAC,CAAA,CAAA;AAC9C,MAAI,IAAA,KAAA,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,GAAoB,SAAS,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,IAAA,KAAA,CAAM,QAAQ,CAAG,EAAA;AACnB,QAAA,OAAA,CAAQ,IAAK,CAAA,EAAA,CAAG,EAAG,CAAA,YAAA,EAAc,QAAQ,CAAC,CAAA,CAAA;AAAA,OAC5C;AACA,MAAA,IAAI,KAAM,CAAA,iBAAA,KAAsB,SAAa,IAAA,KAAA,CAAM,UAAU,CAAG,EAAA;AAC9D,QAAA,OAAA,CAAQ,IAAK,CAAA,EAAA,CAAG,EAAG,CAAA,YAAA,EAAc,SAAS,CAAC,CAAA,CAAA;AAAA,OAC7C;AACA,MAAO,OAAA,OAAA,CAAA;AAAA,KACR,CAAA,CAAA;AAED,IAAa,MAAA,CAAA;AAAA,MAEX,aAAA;AAAA,MAEA,IAAA;AAAA,MAEA,IAAA;AAAA,KACD,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"carousel.mjs","sources":["../../../../../../packages/components/carousel/src/carousel.ts"],"sourcesContent":["import { buildProps, isNumber } from '@element-plus/utils'\nimport type { ExtractPropTypes } from 'vue'\n\nexport const carouselProps = buildProps({\n initialIndex: {\n type: Number,\n default: 0,\n },\n height: {\n type: String,\n default: '',\n },\n trigger: {\n type: String,\n values: ['hover', 'click'],\n default: 'hover',\n },\n autoplay: {\n type: Boolean,\n default: true,\n },\n interval: {\n type: Number,\n default: 3000,\n },\n indicatorPosition: {\n type: String,\n values: ['', 'none', 'outside'],\n default: '',\n },\n arrow: {\n type: String,\n values: ['always', 'hover', 'never'],\n default: 'hover',\n },\n type: {\n type: String,\n values: ['', 'card'],\n default: '',\n },\n loop: {\n type: Boolean,\n default: true,\n },\n direction: {\n type: String,\n values: ['horizontal', 'vertical'],\n default: 'horizontal',\n },\n pauseOnHover: {\n type: Boolean,\n default: true,\n },\n} as const)\n\nexport const carouselEmits = {\n change: (current: number, prev: number) => [current, prev].every(isNumber),\n}\n\nexport type CarouselProps = ExtractPropTypes<typeof carouselProps>\nexport type CarouselEmits = typeof carouselEmits\n"],"names":[],"mappings":";;;;AACY,MAAC,aAAa,GAAG,UAAU,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,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,CAAC,EAAE;AACS,MAAC,aAAa,GAAG;AAC7B,EAAE,MAAM,EAAE,CAAC,OAAO,EAAE,IAAI,KAAK,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC;AAC5D;;;;"}