beyond-webui 1.1.30 → 1.1.32

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 (571) hide show
  1. package/dist/index.css +1 -1
  2. package/dist/index.full.js +53 -32
  3. package/dist/index.full.min.js +5 -5
  4. package/dist/index.full.min.js.map +1 -1
  5. package/dist/index.full.min.mjs +5 -5
  6. package/dist/index.full.min.mjs.map +1 -1
  7. package/dist/index.full.mjs +53 -32
  8. package/es/components/alert/index.mjs +2 -2
  9. package/es/components/alert/src/alert.mjs +36 -96
  10. package/es/components/alert/src/alert.mjs.map +1 -1
  11. package/es/components/alert/src/alert2.mjs +96 -36
  12. package/es/components/alert/src/alert2.mjs.map +1 -1
  13. package/es/components/autocomplete/index.d.ts +12 -1
  14. package/es/components/autocomplete/index.mjs +2 -2
  15. package/es/components/autocomplete/src/autocomplete.mjs +96 -396
  16. package/es/components/autocomplete/src/autocomplete.mjs.map +1 -1
  17. package/es/components/autocomplete/src/autocomplete.vue.d.ts +12 -1
  18. package/es/components/autocomplete/src/autocomplete2.mjs +396 -96
  19. package/es/components/autocomplete/src/autocomplete2.mjs.map +1 -1
  20. package/es/components/backtop/index.mjs +2 -2
  21. package/es/components/backtop/src/backtop.mjs +21 -54
  22. package/es/components/backtop/src/backtop.mjs.map +1 -1
  23. package/es/components/backtop/src/backtop2.mjs +54 -21
  24. package/es/components/backtop/src/backtop2.mjs.map +1 -1
  25. package/es/components/breadcrumb/index.mjs +4 -4
  26. package/es/components/breadcrumb/src/breadcrumb-item.mjs +56 -11
  27. package/es/components/breadcrumb/src/breadcrumb-item.mjs.map +1 -1
  28. package/es/components/breadcrumb/src/breadcrumb-item2.mjs +11 -56
  29. package/es/components/breadcrumb/src/breadcrumb-item2.mjs.map +1 -1
  30. package/es/components/breadcrumb/src/breadcrumb.mjs +11 -36
  31. package/es/components/breadcrumb/src/breadcrumb.mjs.map +1 -1
  32. package/es/components/breadcrumb/src/breadcrumb2.mjs +36 -11
  33. package/es/components/breadcrumb/src/breadcrumb2.mjs.map +1 -1
  34. package/es/components/button/index.mjs +3 -3
  35. package/es/components/button/src/button-group.mjs +6 -30
  36. package/es/components/button/src/button-group.mjs.map +1 -1
  37. package/es/components/button/src/button-group2.mjs +30 -6
  38. package/es/components/button/src/button-group2.mjs.map +1 -1
  39. package/es/components/button/src/button.mjs +76 -57
  40. package/es/components/button/src/button.mjs.map +1 -1
  41. package/es/components/button/src/button2.mjs +57 -76
  42. package/es/components/button/src/button2.mjs.map +1 -1
  43. package/es/components/calendar/index.mjs +2 -2
  44. package/es/components/calendar/src/calendar.mjs +131 -18
  45. package/es/components/calendar/src/calendar.mjs.map +1 -1
  46. package/es/components/calendar/src/calendar2.mjs +18 -131
  47. package/es/components/calendar/src/calendar2.mjs.map +1 -1
  48. package/es/components/calendar/src/date-table.mjs +87 -33
  49. package/es/components/calendar/src/date-table.mjs.map +1 -1
  50. package/es/components/calendar/src/date-table2.mjs +33 -87
  51. package/es/components/calendar/src/date-table2.mjs.map +1 -1
  52. package/es/components/calendar/src/use-date-table.mjs +1 -1
  53. package/es/components/carousel/index.mjs +4 -4
  54. package/es/components/carousel/src/carousel-item.mjs +8 -63
  55. package/es/components/carousel/src/carousel-item.mjs.map +1 -1
  56. package/es/components/carousel/src/carousel-item2.mjs +63 -8
  57. package/es/components/carousel/src/carousel-item2.mjs.map +1 -1
  58. package/es/components/carousel/src/carousel.mjs +159 -56
  59. package/es/components/carousel/src/carousel.mjs.map +1 -1
  60. package/es/components/carousel/src/carousel2.mjs +56 -159
  61. package/es/components/carousel/src/carousel2.mjs.map +1 -1
  62. package/es/components/cascader/index.d.ts +24 -2
  63. package/es/components/cascader/index.mjs +2 -2
  64. package/es/components/cascader/src/cascader.mjs +61 -619
  65. package/es/components/cascader/src/cascader.mjs.map +1 -1
  66. package/es/components/cascader/src/cascader.vue.d.ts +12 -1
  67. package/es/components/cascader/src/cascader2.mjs +619 -61
  68. package/es/components/cascader/src/cascader2.mjs.map +1 -1
  69. package/es/components/checkbox/index.mjs +4 -4
  70. package/es/components/checkbox/src/checkbox-button.mjs +1 -1
  71. package/es/components/checkbox/src/checkbox-group.mjs +28 -72
  72. package/es/components/checkbox/src/checkbox-group.mjs.map +1 -1
  73. package/es/components/checkbox/src/checkbox-group2.mjs +72 -28
  74. package/es/components/checkbox/src/checkbox-group2.mjs.map +1 -1
  75. package/es/components/checkbox/src/checkbox.mjs +49 -117
  76. package/es/components/checkbox/src/checkbox.mjs.map +1 -1
  77. package/es/components/checkbox/src/checkbox2.mjs +117 -49
  78. package/es/components/checkbox/src/checkbox2.mjs.map +1 -1
  79. package/es/components/col/index.mjs +2 -2
  80. package/es/components/col/src/col.mjs +43 -66
  81. package/es/components/col/src/col.mjs.map +1 -1
  82. package/es/components/col/src/col2.mjs +66 -43
  83. package/es/components/col/src/col2.mjs.map +1 -1
  84. package/es/components/collection/index.mjs +1 -1
  85. package/es/components/collection/src/collection.mjs +10 -62
  86. package/es/components/collection/src/collection.mjs.map +1 -1
  87. package/es/components/collection/src/collection2.mjs +62 -10
  88. package/es/components/collection/src/collection2.mjs.map +1 -1
  89. package/es/components/color-picker/index.d.ts +4 -0
  90. package/es/components/color-picker/src/color-picker.vue.d.ts +4 -0
  91. package/es/components/date-picker/src/date-picker-com/panel-date-pick.vue.d.ts +4 -0
  92. package/es/components/date-picker/src/date-picker-com/panel-date-range.vue.d.ts +4 -0
  93. package/es/components/date-picker/src/panel-utils.d.ts +8 -0
  94. package/es/components/descriptions/index.mjs +2 -2
  95. package/es/components/descriptions/src/description.mjs +25 -111
  96. package/es/components/descriptions/src/description.mjs.map +1 -1
  97. package/es/components/descriptions/src/description2.mjs +111 -25
  98. package/es/components/descriptions/src/description2.mjs.map +1 -1
  99. package/es/components/divider/index.mjs +2 -2
  100. package/es/components/divider/src/divider.mjs +35 -17
  101. package/es/components/divider/src/divider.mjs.map +1 -1
  102. package/es/components/divider/src/divider2.mjs +17 -35
  103. package/es/components/divider/src/divider2.mjs.map +1 -1
  104. package/es/components/dropdown/index.mjs +2 -2
  105. package/es/components/dropdown/src/dropdown-item-impl.mjs +3 -3
  106. package/es/components/dropdown/src/dropdown-item.mjs +1 -1
  107. package/es/components/dropdown/src/dropdown-menu.mjs +2 -2
  108. package/es/components/dropdown/src/dropdown.mjs +97 -307
  109. package/es/components/dropdown/src/dropdown.mjs.map +1 -1
  110. package/es/components/dropdown/src/dropdown2.mjs +307 -97
  111. package/es/components/dropdown/src/dropdown2.mjs.map +1 -1
  112. package/es/components/form/index.mjs +2 -2
  113. package/es/components/form/src/form.mjs +55 -152
  114. package/es/components/form/src/form.mjs.map +1 -1
  115. package/es/components/form/src/form2.mjs +152 -55
  116. package/es/components/form/src/form2.mjs.map +1 -1
  117. package/es/components/image/index.mjs +2 -2
  118. package/es/components/image/src/image.mjs +62 -220
  119. package/es/components/image/src/image.mjs.map +1 -1
  120. package/es/components/image/src/image2.mjs +220 -62
  121. package/es/components/image/src/image2.mjs.map +1 -1
  122. package/es/components/image-viewer/index.mjs +2 -2
  123. package/es/components/image-viewer/src/image-viewer.mjs +39 -396
  124. package/es/components/image-viewer/src/image-viewer.mjs.map +1 -1
  125. package/es/components/image-viewer/src/image-viewer2.mjs +396 -39
  126. package/es/components/image-viewer/src/image-viewer2.mjs.map +1 -1
  127. package/es/components/index.mjs +39 -39
  128. package/es/components/input/index.d.ts +4 -0
  129. package/es/components/input/src/input.d.ts +1 -0
  130. package/es/components/input/src/input.mjs +2 -2
  131. package/es/components/input/src/input.mjs.map +1 -1
  132. package/es/components/input/src/input.vue.d.ts +4 -0
  133. package/es/components/input/src/input2.mjs +4 -0
  134. package/es/components/input/src/input2.mjs.map +1 -1
  135. package/es/components/input-number/index.d.ts +12 -1
  136. package/es/components/input-number/index.mjs +2 -2
  137. package/es/components/input-number/src/input-number.mjs +58 -311
  138. package/es/components/input-number/src/input-number.mjs.map +1 -1
  139. package/es/components/input-number/src/input-number.vue.d.ts +12 -1
  140. package/es/components/input-number/src/input-number2.mjs +311 -58
  141. package/es/components/input-number/src/input-number2.mjs.map +1 -1
  142. package/es/components/link/index.mjs +2 -2
  143. package/es/components/link/src/link.mjs +21 -50
  144. package/es/components/link/src/link.mjs.map +1 -1
  145. package/es/components/link/src/link2.mjs +50 -21
  146. package/es/components/link/src/link2.mjs.map +1 -1
  147. package/es/components/menu/index.mjs +4 -4
  148. package/es/components/menu/src/menu-item-group.mjs +35 -4
  149. package/es/components/menu/src/menu-item-group.mjs.map +1 -1
  150. package/es/components/menu/src/menu-item-group2.mjs +4 -35
  151. package/es/components/menu/src/menu-item-group2.mjs.map +1 -1
  152. package/es/components/menu/src/menu-item.mjs +97 -14
  153. package/es/components/menu/src/menu-item.mjs.map +1 -1
  154. package/es/components/menu/src/menu-item2.mjs +14 -97
  155. package/es/components/menu/src/menu-item2.mjs.map +1 -1
  156. package/es/components/page-header/index.mjs +2 -2
  157. package/es/components/page-header/src/page-header.mjs +103 -17
  158. package/es/components/page-header/src/page-header.mjs.map +1 -1
  159. package/es/components/page-header/src/page-header2.mjs +17 -103
  160. package/es/components/page-header/src/page-header2.mjs.map +1 -1
  161. package/es/components/pagination/src/components/jumper.mjs +60 -9
  162. package/es/components/pagination/src/components/jumper.mjs.map +1 -1
  163. package/es/components/pagination/src/components/jumper.vue.d.ts +4 -0
  164. package/es/components/pagination/src/components/jumper2.mjs +9 -60
  165. package/es/components/pagination/src/components/jumper2.mjs.map +1 -1
  166. package/es/components/pagination/src/components/next.mjs +19 -58
  167. package/es/components/pagination/src/components/next.mjs.map +1 -1
  168. package/es/components/pagination/src/components/next2.mjs +58 -19
  169. package/es/components/pagination/src/components/next2.mjs.map +1 -1
  170. package/es/components/pagination/src/components/prev.mjs +58 -18
  171. package/es/components/pagination/src/components/prev.mjs.map +1 -1
  172. package/es/components/pagination/src/components/prev2.mjs +18 -58
  173. package/es/components/pagination/src/components/prev2.mjs.map +1 -1
  174. package/es/components/pagination/src/components/sizes.vue.d.ts +6 -0
  175. package/es/components/pagination/src/pagination.mjs +3 -3
  176. package/es/components/popconfirm/src/popconfirm.mjs +1 -1
  177. package/es/components/popover/index.mjs +2 -2
  178. package/es/components/popover/src/popover.mjs +111 -66
  179. package/es/components/popover/src/popover.mjs.map +1 -1
  180. package/es/components/popover/src/popover2.mjs +66 -111
  181. package/es/components/popover/src/popover2.mjs.map +1 -1
  182. package/es/components/popper/index.mjs +2 -2
  183. package/es/components/popper/src/content.mjs +137 -94
  184. package/es/components/popper/src/content.mjs.map +1 -1
  185. package/es/components/popper/src/content2.mjs +94 -137
  186. package/es/components/popper/src/content2.mjs.map +1 -1
  187. package/es/components/progress/index.mjs +2 -2
  188. package/es/components/progress/src/progress.mjs +202 -57
  189. package/es/components/progress/src/progress.mjs.map +1 -1
  190. package/es/components/progress/src/progress2.mjs +57 -202
  191. package/es/components/progress/src/progress2.mjs.map +1 -1
  192. package/es/components/radio/index.mjs +2 -2
  193. package/es/components/radio/src/radio-button.mjs +1 -1
  194. package/es/components/radio/src/radio-group.mjs +1 -1
  195. package/es/components/radio/src/radio.mjs +30 -71
  196. package/es/components/radio/src/radio.mjs.map +1 -1
  197. package/es/components/radio/src/radio2.mjs +71 -30
  198. package/es/components/radio/src/radio2.mjs.map +1 -1
  199. package/es/components/roving-focus-group/index.mjs +3 -3
  200. package/es/components/roving-focus-group/src/roving-focus-group-impl.mjs +1 -1
  201. package/es/components/roving-focus-group/src/roving-focus-group.mjs +27 -29
  202. package/es/components/roving-focus-group/src/roving-focus-group.mjs.map +1 -1
  203. package/es/components/roving-focus-group/src/roving-focus-group2.mjs +29 -27
  204. package/es/components/roving-focus-group/src/roving-focus-group2.mjs.map +1 -1
  205. package/es/components/roving-focus-group/src/roving-focus-item.mjs +1 -1
  206. package/es/components/scrollbar/index.mjs +1 -1
  207. package/es/components/scrollbar/src/bar2.mjs +1 -1
  208. package/es/components/scrollbar/src/thumb.mjs +130 -11
  209. package/es/components/scrollbar/src/thumb.mjs.map +1 -1
  210. package/es/components/scrollbar/src/thumb2.mjs +11 -130
  211. package/es/components/scrollbar/src/thumb2.mjs.map +1 -1
  212. package/es/components/select/index.d.ts +6 -0
  213. package/es/components/select/src/select.mjs +33 -16
  214. package/es/components/select/src/select.mjs.map +1 -1
  215. package/es/components/select/src/select.vue.d.ts +6 -0
  216. package/es/components/skeleton/index.mjs +4 -4
  217. package/es/components/skeleton/src/skeleton-item.mjs +23 -18
  218. package/es/components/skeleton/src/skeleton-item.mjs.map +1 -1
  219. package/es/components/skeleton/src/skeleton-item2.mjs +18 -23
  220. package/es/components/skeleton/src/skeleton-item2.mjs.map +1 -1
  221. package/es/components/skeleton/src/skeleton.mjs +22 -49
  222. package/es/components/skeleton/src/skeleton.mjs.map +1 -1
  223. package/es/components/skeleton/src/skeleton2.mjs +49 -22
  224. package/es/components/skeleton/src/skeleton2.mjs.map +1 -1
  225. package/es/components/slider/index.d.ts +12 -1
  226. package/es/components/slider/src/slider.vue.d.ts +12 -1
  227. package/es/components/steps/index.mjs +2 -2
  228. package/es/components/steps/src/item.mjs +19 -188
  229. package/es/components/steps/src/item.mjs.map +1 -1
  230. package/es/components/steps/src/item2.mjs +188 -19
  231. package/es/components/steps/src/item2.mjs.map +1 -1
  232. package/es/components/tag/index.mjs +2 -2
  233. package/es/components/tag/src/tag.mjs +33 -94
  234. package/es/components/tag/src/tag.mjs.map +1 -1
  235. package/es/components/tag/src/tag2.mjs +94 -33
  236. package/es/components/tag/src/tag2.mjs.map +1 -1
  237. package/es/components/teleport/index.mjs +2 -2
  238. package/es/components/teleport/src/teleport.mjs +18 -44
  239. package/es/components/teleport/src/teleport.mjs.map +1 -1
  240. package/es/components/teleport/src/teleport2.mjs +44 -18
  241. package/es/components/teleport/src/teleport2.mjs.map +1 -1
  242. package/es/components/text/index.mjs +2 -2
  243. package/es/components/text/src/text.mjs +22 -35
  244. package/es/components/text/src/text.mjs.map +1 -1
  245. package/es/components/text/src/text2.mjs +35 -22
  246. package/es/components/text/src/text2.mjs.map +1 -1
  247. package/es/components/time-picker/src/common/picker.vue.d.ts +4 -0
  248. package/es/components/time-select/index.d.ts +24 -0
  249. package/es/components/time-select/index.mjs +1 -1
  250. package/es/components/time-select/src/time-select.mjs +118 -48
  251. package/es/components/time-select/src/time-select.mjs.map +1 -1
  252. package/es/components/time-select/src/time-select.vue.d.ts +12 -0
  253. package/es/components/time-select/src/time-select2.mjs +48 -118
  254. package/es/components/time-select/src/time-select2.mjs.map +1 -1
  255. package/es/components/timeline/index.mjs +2 -2
  256. package/es/components/timeline/src/timeline-item.mjs +70 -42
  257. package/es/components/timeline/src/timeline-item.mjs.map +1 -1
  258. package/es/components/timeline/src/timeline-item2.mjs +42 -70
  259. package/es/components/timeline/src/timeline-item2.mjs.map +1 -1
  260. package/es/components/tooltip/index.mjs +3 -3
  261. package/es/components/tooltip/src/content.mjs +1 -1
  262. package/es/components/tooltip/src/content2.mjs +1 -1
  263. package/es/components/tooltip/src/tooltip.mjs +169 -31
  264. package/es/components/tooltip/src/tooltip.mjs.map +1 -1
  265. package/es/components/tooltip/src/tooltip2.mjs +31 -169
  266. package/es/components/tooltip/src/tooltip2.mjs.map +1 -1
  267. package/es/components/tooltip/src/trigger.mjs +73 -16
  268. package/es/components/tooltip/src/trigger.mjs.map +1 -1
  269. package/es/components/tooltip/src/trigger2.mjs +16 -73
  270. package/es/components/tooltip/src/trigger2.mjs.map +1 -1
  271. package/es/components/tooltip-v2/index.mjs +1 -1
  272. package/es/components/tooltip-v2/src/arrow.mjs +37 -22
  273. package/es/components/tooltip-v2/src/arrow.mjs.map +1 -1
  274. package/es/components/tooltip-v2/src/arrow2.mjs +22 -37
  275. package/es/components/tooltip-v2/src/arrow2.mjs.map +1 -1
  276. package/es/components/tooltip-v2/src/tooltip.mjs +1 -1
  277. package/es/components/tooltip-v2/src/tooltip2.mjs +2 -2
  278. package/es/components/transfer/index.d.ts +20 -0
  279. package/es/components/transfer/src/transfer-panel.vue.d.ts +4 -0
  280. package/es/components/transfer/src/transfer.vue.d.ts +20 -0
  281. package/es/components/upload/index.mjs +1 -1
  282. package/es/components/upload/src/upload-list.mjs +26 -173
  283. package/es/components/upload/src/upload-list.mjs.map +1 -1
  284. package/es/components/upload/src/upload-list2.mjs +173 -26
  285. package/es/components/upload/src/upload-list2.mjs.map +1 -1
  286. package/es/components/upload/src/upload2.mjs +1 -1
  287. package/es/index.mjs +39 -39
  288. package/lib/components/alert/index.js +2 -2
  289. package/lib/components/alert/src/alert.js +37 -95
  290. package/lib/components/alert/src/alert.js.map +1 -1
  291. package/lib/components/alert/src/alert2.js +95 -37
  292. package/lib/components/alert/src/alert2.js.map +1 -1
  293. package/lib/components/autocomplete/index.d.ts +12 -1
  294. package/lib/components/autocomplete/index.js +2 -2
  295. package/lib/components/autocomplete/src/autocomplete.js +96 -395
  296. package/lib/components/autocomplete/src/autocomplete.js.map +1 -1
  297. package/lib/components/autocomplete/src/autocomplete.vue.d.ts +12 -1
  298. package/lib/components/autocomplete/src/autocomplete2.js +395 -96
  299. package/lib/components/autocomplete/src/autocomplete2.js.map +1 -1
  300. package/lib/components/backtop/index.js +2 -2
  301. package/lib/components/backtop/src/backtop.js +22 -54
  302. package/lib/components/backtop/src/backtop.js.map +1 -1
  303. package/lib/components/backtop/src/backtop2.js +54 -22
  304. package/lib/components/backtop/src/backtop2.js.map +1 -1
  305. package/lib/components/breadcrumb/index.js +4 -4
  306. package/lib/components/breadcrumb/src/breadcrumb-item.js +56 -11
  307. package/lib/components/breadcrumb/src/breadcrumb-item.js.map +1 -1
  308. package/lib/components/breadcrumb/src/breadcrumb-item2.js +11 -56
  309. package/lib/components/breadcrumb/src/breadcrumb-item2.js.map +1 -1
  310. package/lib/components/breadcrumb/src/breadcrumb.js +11 -36
  311. package/lib/components/breadcrumb/src/breadcrumb.js.map +1 -1
  312. package/lib/components/breadcrumb/src/breadcrumb2.js +36 -11
  313. package/lib/components/breadcrumb/src/breadcrumb2.js.map +1 -1
  314. package/lib/components/button/index.js +3 -3
  315. package/lib/components/button/src/button-group.js +6 -30
  316. package/lib/components/button/src/button-group.js.map +1 -1
  317. package/lib/components/button/src/button-group2.js +30 -6
  318. package/lib/components/button/src/button-group2.js.map +1 -1
  319. package/lib/components/button/src/button.js +76 -60
  320. package/lib/components/button/src/button.js.map +1 -1
  321. package/lib/components/button/src/button2.js +60 -76
  322. package/lib/components/button/src/button2.js.map +1 -1
  323. package/lib/components/calendar/index.js +2 -2
  324. package/lib/components/calendar/src/calendar.js +131 -19
  325. package/lib/components/calendar/src/calendar.js.map +1 -1
  326. package/lib/components/calendar/src/calendar2.js +19 -131
  327. package/lib/components/calendar/src/calendar2.js.map +1 -1
  328. package/lib/components/calendar/src/date-table.js +87 -37
  329. package/lib/components/calendar/src/date-table.js.map +1 -1
  330. package/lib/components/calendar/src/date-table2.js +37 -87
  331. package/lib/components/calendar/src/date-table2.js.map +1 -1
  332. package/lib/components/calendar/src/use-date-table.js +1 -1
  333. package/lib/components/carousel/index.js +4 -4
  334. package/lib/components/carousel/src/carousel-item.js +8 -63
  335. package/lib/components/carousel/src/carousel-item.js.map +1 -1
  336. package/lib/components/carousel/src/carousel-item2.js +63 -8
  337. package/lib/components/carousel/src/carousel-item2.js.map +1 -1
  338. package/lib/components/carousel/src/carousel.js +159 -57
  339. package/lib/components/carousel/src/carousel.js.map +1 -1
  340. package/lib/components/carousel/src/carousel2.js +57 -159
  341. package/lib/components/carousel/src/carousel2.js.map +1 -1
  342. package/lib/components/cascader/index.d.ts +24 -2
  343. package/lib/components/cascader/index.js +2 -2
  344. package/lib/components/cascader/src/cascader.js +62 -619
  345. package/lib/components/cascader/src/cascader.js.map +1 -1
  346. package/lib/components/cascader/src/cascader.vue.d.ts +12 -1
  347. package/lib/components/cascader/src/cascader2.js +619 -62
  348. package/lib/components/cascader/src/cascader2.js.map +1 -1
  349. package/lib/components/checkbox/index.js +4 -4
  350. package/lib/components/checkbox/src/checkbox-button.js +1 -1
  351. package/lib/components/checkbox/src/checkbox-group.js +29 -72
  352. package/lib/components/checkbox/src/checkbox-group.js.map +1 -1
  353. package/lib/components/checkbox/src/checkbox-group2.js +72 -29
  354. package/lib/components/checkbox/src/checkbox-group2.js.map +1 -1
  355. package/lib/components/checkbox/src/checkbox.js +50 -117
  356. package/lib/components/checkbox/src/checkbox.js.map +1 -1
  357. package/lib/components/checkbox/src/checkbox2.js +117 -50
  358. package/lib/components/checkbox/src/checkbox2.js.map +1 -1
  359. package/lib/components/col/index.js +2 -2
  360. package/lib/components/col/src/col.js +43 -66
  361. package/lib/components/col/src/col.js.map +1 -1
  362. package/lib/components/col/src/col2.js +66 -43
  363. package/lib/components/col/src/col2.js.map +1 -1
  364. package/lib/components/collection/index.js +1 -1
  365. package/lib/components/collection/src/collection.js +9 -62
  366. package/lib/components/collection/src/collection.js.map +1 -1
  367. package/lib/components/collection/src/collection2.js +62 -9
  368. package/lib/components/collection/src/collection2.js.map +1 -1
  369. package/lib/components/color-picker/index.d.ts +4 -0
  370. package/lib/components/color-picker/src/color-picker.vue.d.ts +4 -0
  371. package/lib/components/date-picker/src/date-picker-com/panel-date-pick.vue.d.ts +4 -0
  372. package/lib/components/date-picker/src/date-picker-com/panel-date-range.vue.d.ts +4 -0
  373. package/lib/components/date-picker/src/panel-utils.d.ts +8 -0
  374. package/lib/components/descriptions/index.js +2 -2
  375. package/lib/components/descriptions/src/description.js +25 -111
  376. package/lib/components/descriptions/src/description.js.map +1 -1
  377. package/lib/components/descriptions/src/description2.js +111 -25
  378. package/lib/components/descriptions/src/description2.js.map +1 -1
  379. package/lib/components/divider/index.js +2 -2
  380. package/lib/components/divider/src/divider.js +35 -17
  381. package/lib/components/divider/src/divider.js.map +1 -1
  382. package/lib/components/divider/src/divider2.js +17 -35
  383. package/lib/components/divider/src/divider2.js.map +1 -1
  384. package/lib/components/dropdown/index.js +2 -2
  385. package/lib/components/dropdown/src/dropdown-item-impl.js +3 -3
  386. package/lib/components/dropdown/src/dropdown-item.js +1 -1
  387. package/lib/components/dropdown/src/dropdown-menu.js +2 -2
  388. package/lib/components/dropdown/src/dropdown.js +106 -307
  389. package/lib/components/dropdown/src/dropdown.js.map +1 -1
  390. package/lib/components/dropdown/src/dropdown2.js +307 -106
  391. package/lib/components/dropdown/src/dropdown2.js.map +1 -1
  392. package/lib/components/form/index.js +2 -2
  393. package/lib/components/form/src/form.js +55 -151
  394. package/lib/components/form/src/form.js.map +1 -1
  395. package/lib/components/form/src/form2.js +151 -55
  396. package/lib/components/form/src/form2.js.map +1 -1
  397. package/lib/components/image/index.js +2 -2
  398. package/lib/components/image/src/image.js +62 -219
  399. package/lib/components/image/src/image.js.map +1 -1
  400. package/lib/components/image/src/image2.js +219 -62
  401. package/lib/components/image/src/image2.js.map +1 -1
  402. package/lib/components/image-viewer/index.js +2 -2
  403. package/lib/components/image-viewer/src/image-viewer.js +40 -396
  404. package/lib/components/image-viewer/src/image-viewer.js.map +1 -1
  405. package/lib/components/image-viewer/src/image-viewer2.js +396 -40
  406. package/lib/components/image-viewer/src/image-viewer2.js.map +1 -1
  407. package/lib/components/index.js +39 -39
  408. package/lib/components/input/index.d.ts +4 -0
  409. package/lib/components/input/src/input.d.ts +1 -0
  410. package/lib/components/input/src/input.js +2 -2
  411. package/lib/components/input/src/input.js.map +1 -1
  412. package/lib/components/input/src/input.vue.d.ts +4 -0
  413. package/lib/components/input/src/input2.js +4 -0
  414. package/lib/components/input/src/input2.js.map +1 -1
  415. package/lib/components/input-number/index.d.ts +12 -1
  416. package/lib/components/input-number/index.js +2 -2
  417. package/lib/components/input-number/src/input-number.js +57 -309
  418. package/lib/components/input-number/src/input-number.js.map +1 -1
  419. package/lib/components/input-number/src/input-number.vue.d.ts +12 -1
  420. package/lib/components/input-number/src/input-number2.js +309 -57
  421. package/lib/components/input-number/src/input-number2.js.map +1 -1
  422. package/lib/components/link/index.js +2 -2
  423. package/lib/components/link/src/link.js +22 -50
  424. package/lib/components/link/src/link.js.map +1 -1
  425. package/lib/components/link/src/link2.js +50 -22
  426. package/lib/components/link/src/link2.js.map +1 -1
  427. package/lib/components/menu/index.js +4 -4
  428. package/lib/components/menu/src/menu-item-group.js +35 -4
  429. package/lib/components/menu/src/menu-item-group.js.map +1 -1
  430. package/lib/components/menu/src/menu-item-group2.js +4 -35
  431. package/lib/components/menu/src/menu-item-group2.js.map +1 -1
  432. package/lib/components/menu/src/menu-item.js +97 -15
  433. package/lib/components/menu/src/menu-item.js.map +1 -1
  434. package/lib/components/menu/src/menu-item2.js +15 -97
  435. package/lib/components/menu/src/menu-item2.js.map +1 -1
  436. package/lib/components/page-header/index.js +2 -2
  437. package/lib/components/page-header/src/page-header.js +103 -18
  438. package/lib/components/page-header/src/page-header.js.map +1 -1
  439. package/lib/components/page-header/src/page-header2.js +18 -103
  440. package/lib/components/page-header/src/page-header2.js.map +1 -1
  441. package/lib/components/pagination/src/components/jumper.js +60 -9
  442. package/lib/components/pagination/src/components/jumper.js.map +1 -1
  443. package/lib/components/pagination/src/components/jumper.vue.d.ts +4 -0
  444. package/lib/components/pagination/src/components/jumper2.js +9 -60
  445. package/lib/components/pagination/src/components/jumper2.js.map +1 -1
  446. package/lib/components/pagination/src/components/next.js +19 -58
  447. package/lib/components/pagination/src/components/next.js.map +1 -1
  448. package/lib/components/pagination/src/components/next2.js +58 -19
  449. package/lib/components/pagination/src/components/next2.js.map +1 -1
  450. package/lib/components/pagination/src/components/prev.js +58 -19
  451. package/lib/components/pagination/src/components/prev.js.map +1 -1
  452. package/lib/components/pagination/src/components/prev2.js +19 -58
  453. package/lib/components/pagination/src/components/prev2.js.map +1 -1
  454. package/lib/components/pagination/src/components/sizes.vue.d.ts +6 -0
  455. package/lib/components/pagination/src/pagination.js +3 -3
  456. package/lib/components/popconfirm/src/popconfirm.js +1 -1
  457. package/lib/components/popover/index.js +2 -2
  458. package/lib/components/popover/src/popover.js +111 -67
  459. package/lib/components/popover/src/popover.js.map +1 -1
  460. package/lib/components/popover/src/popover2.js +67 -111
  461. package/lib/components/popover/src/popover2.js.map +1 -1
  462. package/lib/components/popper/index.js +2 -2
  463. package/lib/components/popper/src/content.js +137 -99
  464. package/lib/components/popper/src/content.js.map +1 -1
  465. package/lib/components/popper/src/content2.js +99 -137
  466. package/lib/components/popper/src/content2.js.map +1 -1
  467. package/lib/components/progress/index.js +2 -2
  468. package/lib/components/progress/src/progress.js +202 -57
  469. package/lib/components/progress/src/progress.js.map +1 -1
  470. package/lib/components/progress/src/progress2.js +57 -202
  471. package/lib/components/progress/src/progress2.js.map +1 -1
  472. package/lib/components/radio/index.js +2 -2
  473. package/lib/components/radio/src/radio-button.js +1 -1
  474. package/lib/components/radio/src/radio-group.js +1 -1
  475. package/lib/components/radio/src/radio.js +32 -71
  476. package/lib/components/radio/src/radio.js.map +1 -1
  477. package/lib/components/radio/src/radio2.js +71 -32
  478. package/lib/components/radio/src/radio2.js.map +1 -1
  479. package/lib/components/roving-focus-group/index.js +2 -2
  480. package/lib/components/roving-focus-group/src/roving-focus-group-impl.js +1 -1
  481. package/lib/components/roving-focus-group/src/roving-focus-group.js +27 -33
  482. package/lib/components/roving-focus-group/src/roving-focus-group.js.map +1 -1
  483. package/lib/components/roving-focus-group/src/roving-focus-group2.js +33 -27
  484. package/lib/components/roving-focus-group/src/roving-focus-group2.js.map +1 -1
  485. package/lib/components/roving-focus-group/src/roving-focus-item.js +1 -1
  486. package/lib/components/scrollbar/index.js +1 -1
  487. package/lib/components/scrollbar/src/bar2.js +1 -1
  488. package/lib/components/scrollbar/src/thumb.js +130 -11
  489. package/lib/components/scrollbar/src/thumb.js.map +1 -1
  490. package/lib/components/scrollbar/src/thumb2.js +11 -130
  491. package/lib/components/scrollbar/src/thumb2.js.map +1 -1
  492. package/lib/components/select/index.d.ts +6 -0
  493. package/lib/components/select/src/select.js +32 -15
  494. package/lib/components/select/src/select.js.map +1 -1
  495. package/lib/components/select/src/select.vue.d.ts +6 -0
  496. package/lib/components/skeleton/index.js +4 -4
  497. package/lib/components/skeleton/src/skeleton-item.js +23 -18
  498. package/lib/components/skeleton/src/skeleton-item.js.map +1 -1
  499. package/lib/components/skeleton/src/skeleton-item2.js +18 -23
  500. package/lib/components/skeleton/src/skeleton-item2.js.map +1 -1
  501. package/lib/components/skeleton/src/skeleton.js +22 -49
  502. package/lib/components/skeleton/src/skeleton.js.map +1 -1
  503. package/lib/components/skeleton/src/skeleton2.js +49 -22
  504. package/lib/components/skeleton/src/skeleton2.js.map +1 -1
  505. package/lib/components/slider/index.d.ts +12 -1
  506. package/lib/components/slider/src/slider.vue.d.ts +12 -1
  507. package/lib/components/steps/index.js +2 -2
  508. package/lib/components/steps/src/item.js +19 -188
  509. package/lib/components/steps/src/item.js.map +1 -1
  510. package/lib/components/steps/src/item2.js +188 -19
  511. package/lib/components/steps/src/item2.js.map +1 -1
  512. package/lib/components/tag/index.js +2 -2
  513. package/lib/components/tag/src/tag.js +34 -94
  514. package/lib/components/tag/src/tag.js.map +1 -1
  515. package/lib/components/tag/src/tag2.js +94 -34
  516. package/lib/components/tag/src/tag2.js.map +1 -1
  517. package/lib/components/teleport/index.js +2 -2
  518. package/lib/components/teleport/src/teleport.js +18 -44
  519. package/lib/components/teleport/src/teleport.js.map +1 -1
  520. package/lib/components/teleport/src/teleport2.js +44 -18
  521. package/lib/components/teleport/src/teleport2.js.map +1 -1
  522. package/lib/components/text/index.js +2 -2
  523. package/lib/components/text/src/text.js +22 -35
  524. package/lib/components/text/src/text.js.map +1 -1
  525. package/lib/components/text/src/text2.js +35 -22
  526. package/lib/components/text/src/text2.js.map +1 -1
  527. package/lib/components/time-picker/src/common/picker.vue.d.ts +4 -0
  528. package/lib/components/time-select/index.d.ts +24 -0
  529. package/lib/components/time-select/index.js +1 -1
  530. package/lib/components/time-select/src/time-select.js +123 -48
  531. package/lib/components/time-select/src/time-select.js.map +1 -1
  532. package/lib/components/time-select/src/time-select.vue.d.ts +12 -0
  533. package/lib/components/time-select/src/time-select2.js +48 -123
  534. package/lib/components/time-select/src/time-select2.js.map +1 -1
  535. package/lib/components/timeline/index.js +2 -2
  536. package/lib/components/timeline/src/timeline-item.js +70 -42
  537. package/lib/components/timeline/src/timeline-item.js.map +1 -1
  538. package/lib/components/timeline/src/timeline-item2.js +42 -70
  539. package/lib/components/timeline/src/timeline-item2.js.map +1 -1
  540. package/lib/components/tooltip/index.js +3 -3
  541. package/lib/components/tooltip/src/content.js +1 -1
  542. package/lib/components/tooltip/src/content2.js +1 -1
  543. package/lib/components/tooltip/src/tooltip.js +168 -34
  544. package/lib/components/tooltip/src/tooltip.js.map +1 -1
  545. package/lib/components/tooltip/src/tooltip2.js +34 -168
  546. package/lib/components/tooltip/src/tooltip2.js.map +1 -1
  547. package/lib/components/tooltip/src/trigger.js +73 -16
  548. package/lib/components/tooltip/src/trigger.js.map +1 -1
  549. package/lib/components/tooltip/src/trigger2.js +16 -73
  550. package/lib/components/tooltip/src/trigger2.js.map +1 -1
  551. package/lib/components/tooltip-v2/index.js +1 -1
  552. package/lib/components/tooltip-v2/src/arrow.js +37 -23
  553. package/lib/components/tooltip-v2/src/arrow.js.map +1 -1
  554. package/lib/components/tooltip-v2/src/arrow2.js +23 -37
  555. package/lib/components/tooltip-v2/src/arrow2.js.map +1 -1
  556. package/lib/components/tooltip-v2/src/tooltip.js +1 -1
  557. package/lib/components/tooltip-v2/src/tooltip2.js +2 -2
  558. package/lib/components/transfer/index.d.ts +20 -0
  559. package/lib/components/transfer/src/transfer-panel.vue.d.ts +4 -0
  560. package/lib/components/transfer/src/transfer.vue.d.ts +20 -0
  561. package/lib/components/upload/index.js +1 -1
  562. package/lib/components/upload/src/upload-list.js +27 -173
  563. package/lib/components/upload/src/upload-list.js.map +1 -1
  564. package/lib/components/upload/src/upload-list2.js +173 -27
  565. package/lib/components/upload/src/upload-list2.js.map +1 -1
  566. package/lib/components/upload/src/upload2.js +1 -1
  567. package/lib/index.js +39 -39
  568. package/package.json +1 -1
  569. package/theme-chalk/el-select.css +1 -1
  570. package/theme-chalk/index.css +1 -1
  571. package/theme-chalk/src/select.scss +30 -5
@@ -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:\\beyondtrucks\\beyond-ui\\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,61 +1,164 @@
1
- import '../../../utils/index.mjs';
2
- import { buildProps } from '../../../utils/vue/props/runtime.mjs';
3
- import { isNumber } from '../../../utils/types.mjs';
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 _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
8
+ import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
4
9
 
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
10
+ const _hoisted_1 = ["onMouseenter", "onClick"];
11
+ const _hoisted_2 = { key: 0 };
12
+ const COMPONENT_NAME = "ElCarousel";
13
+ const __default__ = defineComponent({
14
+ name: COMPONENT_NAME
15
+ });
16
+ const _sfc_main = /* @__PURE__ */ defineComponent({
17
+ ...__default__,
18
+ props: carouselProps,
19
+ emits: carouselEmits,
20
+ setup(__props, { expose, emit }) {
21
+ const props = __props;
22
+ const {
23
+ root,
24
+ activeIndex,
25
+ arrowDisplay,
26
+ hasLabel,
27
+ hover,
28
+ isCardType,
29
+ items,
30
+ handleButtonEnter,
31
+ handleButtonLeave,
32
+ handleIndicatorClick,
33
+ handleMouseEnter,
34
+ handleMouseLeave,
35
+ setActiveItem,
36
+ prev,
37
+ next,
38
+ throttledArrowClick,
39
+ throttledIndicatorHover
40
+ } = useCarousel(props, emit, COMPONENT_NAME);
41
+ const ns = useNamespace("carousel");
42
+ const carouselClasses = computed(() => {
43
+ const classes = [ns.b(), ns.m(props.direction)];
44
+ if (unref(isCardType)) {
45
+ classes.push(ns.m("card"));
46
+ }
47
+ return classes;
48
+ });
49
+ const indicatorsClasses = computed(() => {
50
+ const classes = [ns.e("indicators"), ns.em("indicators", props.direction)];
51
+ if (unref(hasLabel)) {
52
+ classes.push(ns.em("indicators", "labels"));
53
+ }
54
+ if (props.indicatorPosition === "outside" || unref(isCardType)) {
55
+ classes.push(ns.em("indicators", "outside"));
56
+ }
57
+ return classes;
58
+ });
59
+ expose({
60
+ setActiveItem,
61
+ prev,
62
+ next
63
+ });
64
+ return (_ctx, _cache) => {
65
+ return openBlock(), createElementBlock("div", {
66
+ ref_key: "root",
67
+ ref: root,
68
+ class: normalizeClass(unref(carouselClasses)),
69
+ onMouseenter: _cache[6] || (_cache[6] = withModifiers((...args) => unref(handleMouseEnter) && unref(handleMouseEnter)(...args), ["stop"])),
70
+ onMouseleave: _cache[7] || (_cache[7] = withModifiers((...args) => unref(handleMouseLeave) && unref(handleMouseLeave)(...args), ["stop"]))
71
+ }, [
72
+ createElementVNode("div", {
73
+ class: normalizeClass(unref(ns).e("container")),
74
+ style: normalizeStyle({ height: _ctx.height })
75
+ }, [
76
+ unref(arrowDisplay) ? (openBlock(), createBlock(Transition, {
77
+ key: 0,
78
+ name: "carousel-arrow-left",
79
+ persisted: ""
80
+ }, {
81
+ default: withCtx(() => [
82
+ withDirectives(createElementVNode("button", {
83
+ type: "button",
84
+ class: normalizeClass([unref(ns).e("arrow"), unref(ns).em("arrow", "left")]),
85
+ onMouseenter: _cache[0] || (_cache[0] = ($event) => unref(handleButtonEnter)("left")),
86
+ onMouseleave: _cache[1] || (_cache[1] = (...args) => unref(handleButtonLeave) && unref(handleButtonLeave)(...args)),
87
+ onClick: _cache[2] || (_cache[2] = withModifiers(($event) => unref(throttledArrowClick)(unref(activeIndex) - 1), ["stop"]))
88
+ }, [
89
+ createVNode(unref(ElIcon), null, {
90
+ default: withCtx(() => [
91
+ createVNode(unref(ArrowLeft))
92
+ ]),
93
+ _: 1
94
+ })
95
+ ], 34), [
96
+ [
97
+ vShow,
98
+ (_ctx.arrow === "always" || unref(hover)) && (props.loop || unref(activeIndex) > 0)
99
+ ]
100
+ ])
101
+ ]),
102
+ _: 1
103
+ })) : createCommentVNode("v-if", true),
104
+ unref(arrowDisplay) ? (openBlock(), createBlock(Transition, {
105
+ key: 1,
106
+ name: "carousel-arrow-right",
107
+ persisted: ""
108
+ }, {
109
+ default: withCtx(() => [
110
+ withDirectives(createElementVNode("button", {
111
+ type: "button",
112
+ class: normalizeClass([unref(ns).e("arrow"), unref(ns).em("arrow", "right")]),
113
+ onMouseenter: _cache[3] || (_cache[3] = ($event) => unref(handleButtonEnter)("right")),
114
+ onMouseleave: _cache[4] || (_cache[4] = (...args) => unref(handleButtonLeave) && unref(handleButtonLeave)(...args)),
115
+ onClick: _cache[5] || (_cache[5] = withModifiers(($event) => unref(throttledArrowClick)(unref(activeIndex) + 1), ["stop"]))
116
+ }, [
117
+ createVNode(unref(ElIcon), null, {
118
+ default: withCtx(() => [
119
+ createVNode(unref(ArrowRight))
120
+ ]),
121
+ _: 1
122
+ })
123
+ ], 34), [
124
+ [
125
+ vShow,
126
+ (_ctx.arrow === "always" || unref(hover)) && (props.loop || unref(activeIndex) < unref(items).length - 1)
127
+ ]
128
+ ])
129
+ ]),
130
+ _: 1
131
+ })) : createCommentVNode("v-if", true),
132
+ renderSlot(_ctx.$slots, "default")
133
+ ], 6),
134
+ _ctx.indicatorPosition !== "none" ? (openBlock(), createElementBlock("ul", {
135
+ key: 0,
136
+ class: normalizeClass(unref(indicatorsClasses))
137
+ }, [
138
+ (openBlock(true), createElementBlock(Fragment, null, renderList(unref(items), (item, index) => {
139
+ return openBlock(), createElementBlock("li", {
140
+ key: index,
141
+ class: normalizeClass([
142
+ unref(ns).e("indicator"),
143
+ unref(ns).em("indicator", _ctx.direction),
144
+ unref(ns).is("active", index === unref(activeIndex))
145
+ ]),
146
+ onMouseenter: ($event) => unref(throttledIndicatorHover)(index),
147
+ onClick: withModifiers(($event) => unref(handleIndicatorClick)(index), ["stop"])
148
+ }, [
149
+ createElementVNode("button", {
150
+ class: normalizeClass(unref(ns).e("button"))
151
+ }, [
152
+ unref(hasLabel) ? (openBlock(), createElementBlock("span", _hoisted_2, toDisplayString(item.props.label), 1)) : createCommentVNode("v-if", true)
153
+ ], 2)
154
+ ], 42, _hoisted_1);
155
+ }), 128))
156
+ ], 2)) : createCommentVNode("v-if", true)
157
+ ], 34);
158
+ };
54
159
  }
55
160
  });
56
- const carouselEmits = {
57
- change: (current, prev) => [current, prev].every(isNumber)
58
- };
161
+ var Carousel = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "D:\\beyondtrucks\\beyond-ui\\packages\\components\\carousel\\src\\carousel.vue"]]);
59
162
 
60
- export { carouselEmits, carouselProps };
163
+ export { Carousel as default };
61
164
  //# sourceMappingURL=carousel.mjs.map
@@ -1 +1 @@
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;;;;"}
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 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 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'\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":";;;;;;;;;;;;mCAwEc,CAAA;AAAA,EACZ,IAAM,EAAA,cAAA;AACR;;;;;;;AAIA,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,164 +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 './carousel.mjs';
6
- import { useCarousel } from './use-carousel.mjs';
7
- import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
8
- 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';
9
4
 
10
- const _hoisted_1 = ["onMouseenter", "onClick"];
11
- const _hoisted_2 = { key: 0 };
12
- const COMPONENT_NAME = "ElCarousel";
13
- const __default__ = defineComponent({
14
- name: COMPONENT_NAME
15
- });
16
- const _sfc_main = /* @__PURE__ */ defineComponent({
17
- ...__default__,
18
- props: carouselProps,
19
- emits: carouselEmits,
20
- setup(__props, { expose, emit }) {
21
- const props = __props;
22
- const {
23
- root,
24
- activeIndex,
25
- arrowDisplay,
26
- hasLabel,
27
- hover,
28
- isCardType,
29
- items,
30
- handleButtonEnter,
31
- handleButtonLeave,
32
- handleIndicatorClick,
33
- handleMouseEnter,
34
- handleMouseLeave,
35
- setActiveItem,
36
- prev,
37
- next,
38
- throttledArrowClick,
39
- throttledIndicatorHover
40
- } = useCarousel(props, emit, COMPONENT_NAME);
41
- const ns = useNamespace("carousel");
42
- const carouselClasses = computed(() => {
43
- const classes = [ns.b(), ns.m(props.direction)];
44
- if (unref(isCardType)) {
45
- classes.push(ns.m("card"));
46
- }
47
- return classes;
48
- });
49
- const indicatorsClasses = computed(() => {
50
- const classes = [ns.e("indicators"), ns.em("indicators", props.direction)];
51
- if (unref(hasLabel)) {
52
- classes.push(ns.em("indicators", "labels"));
53
- }
54
- if (props.indicatorPosition === "outside" || unref(isCardType)) {
55
- classes.push(ns.em("indicators", "outside"));
56
- }
57
- return classes;
58
- });
59
- expose({
60
- setActiveItem,
61
- prev,
62
- next
63
- });
64
- return (_ctx, _cache) => {
65
- return openBlock(), createElementBlock("div", {
66
- ref_key: "root",
67
- ref: root,
68
- class: normalizeClass(unref(carouselClasses)),
69
- onMouseenter: _cache[6] || (_cache[6] = withModifiers((...args) => unref(handleMouseEnter) && unref(handleMouseEnter)(...args), ["stop"])),
70
- onMouseleave: _cache[7] || (_cache[7] = withModifiers((...args) => unref(handleMouseLeave) && unref(handleMouseLeave)(...args), ["stop"]))
71
- }, [
72
- createElementVNode("div", {
73
- class: normalizeClass(unref(ns).e("container")),
74
- style: normalizeStyle({ height: _ctx.height })
75
- }, [
76
- unref(arrowDisplay) ? (openBlock(), createBlock(Transition, {
77
- key: 0,
78
- name: "carousel-arrow-left",
79
- persisted: ""
80
- }, {
81
- default: withCtx(() => [
82
- withDirectives(createElementVNode("button", {
83
- type: "button",
84
- class: normalizeClass([unref(ns).e("arrow"), unref(ns).em("arrow", "left")]),
85
- onMouseenter: _cache[0] || (_cache[0] = ($event) => unref(handleButtonEnter)("left")),
86
- onMouseleave: _cache[1] || (_cache[1] = (...args) => unref(handleButtonLeave) && unref(handleButtonLeave)(...args)),
87
- onClick: _cache[2] || (_cache[2] = withModifiers(($event) => unref(throttledArrowClick)(unref(activeIndex) - 1), ["stop"]))
88
- }, [
89
- createVNode(unref(ElIcon), null, {
90
- default: withCtx(() => [
91
- createVNode(unref(ArrowLeft))
92
- ]),
93
- _: 1
94
- })
95
- ], 34), [
96
- [
97
- vShow,
98
- (_ctx.arrow === "always" || unref(hover)) && (props.loop || unref(activeIndex) > 0)
99
- ]
100
- ])
101
- ]),
102
- _: 1
103
- })) : createCommentVNode("v-if", true),
104
- unref(arrowDisplay) ? (openBlock(), createBlock(Transition, {
105
- key: 1,
106
- name: "carousel-arrow-right",
107
- persisted: ""
108
- }, {
109
- default: withCtx(() => [
110
- withDirectives(createElementVNode("button", {
111
- type: "button",
112
- class: normalizeClass([unref(ns).e("arrow"), unref(ns).em("arrow", "right")]),
113
- onMouseenter: _cache[3] || (_cache[3] = ($event) => unref(handleButtonEnter)("right")),
114
- onMouseleave: _cache[4] || (_cache[4] = (...args) => unref(handleButtonLeave) && unref(handleButtonLeave)(...args)),
115
- onClick: _cache[5] || (_cache[5] = withModifiers(($event) => unref(throttledArrowClick)(unref(activeIndex) + 1), ["stop"]))
116
- }, [
117
- createVNode(unref(ElIcon), null, {
118
- default: withCtx(() => [
119
- createVNode(unref(ArrowRight))
120
- ]),
121
- _: 1
122
- })
123
- ], 34), [
124
- [
125
- vShow,
126
- (_ctx.arrow === "always" || unref(hover)) && (props.loop || unref(activeIndex) < unref(items).length - 1)
127
- ]
128
- ])
129
- ]),
130
- _: 1
131
- })) : createCommentVNode("v-if", true),
132
- renderSlot(_ctx.$slots, "default")
133
- ], 6),
134
- _ctx.indicatorPosition !== "none" ? (openBlock(), createElementBlock("ul", {
135
- key: 0,
136
- class: normalizeClass(unref(indicatorsClasses))
137
- }, [
138
- (openBlock(true), createElementBlock(Fragment, null, renderList(unref(items), (item, index) => {
139
- return openBlock(), createElementBlock("li", {
140
- key: index,
141
- class: normalizeClass([
142
- unref(ns).e("indicator"),
143
- unref(ns).em("indicator", _ctx.direction),
144
- unref(ns).is("active", index === unref(activeIndex))
145
- ]),
146
- onMouseenter: ($event) => unref(throttledIndicatorHover)(index),
147
- onClick: withModifiers(($event) => unref(handleIndicatorClick)(index), ["stop"])
148
- }, [
149
- createElementVNode("button", {
150
- class: normalizeClass(unref(ns).e("button"))
151
- }, [
152
- unref(hasLabel) ? (openBlock(), createElementBlock("span", _hoisted_2, toDisplayString(item.props.label), 1)) : createCommentVNode("v-if", true)
153
- ], 2)
154
- ], 42, _hoisted_1);
155
- }), 128))
156
- ], 2)) : createCommentVNode("v-if", true)
157
- ], 34);
158
- };
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
159
54
  }
160
55
  });
161
- var Carousel = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "D:\\beyondtrucks\\beyond-ui\\packages\\components\\carousel\\src\\carousel.vue"]]);
56
+ const carouselEmits = {
57
+ change: (current, prev) => [current, prev].every(isNumber)
58
+ };
162
59
 
163
- export { Carousel as default };
60
+ export { carouselEmits, carouselProps };
164
61
  //# sourceMappingURL=carousel2.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"carousel2.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 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 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'\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":";;;;;;;;;;;;mCAwEc,CAAA;AAAA,EACZ,IAAM,EAAA,cAAA;AACR;;;;;;;AAIA,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":"carousel2.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;;;;"}