beyond-webui 1.1.35 → 1.1.36

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 (524) hide show
  1. package/dist/index.full.js +14 -1
  2. package/dist/index.full.min.js +15 -15
  3. package/dist/index.full.min.js.map +1 -1
  4. package/dist/index.full.min.mjs +15 -15
  5. package/dist/index.full.min.mjs.map +1 -1
  6. package/dist/index.full.mjs +14 -1
  7. package/es/components/alert/index.mjs +2 -2
  8. package/es/components/alert/src/alert.mjs +36 -96
  9. package/es/components/alert/src/alert.mjs.map +1 -1
  10. package/es/components/alert/src/alert2.mjs +96 -36
  11. package/es/components/alert/src/alert2.mjs.map +1 -1
  12. package/es/components/badge/index.mjs +2 -2
  13. package/es/components/badge/src/badge.mjs +55 -17
  14. package/es/components/badge/src/badge.mjs.map +1 -1
  15. package/es/components/badge/src/badge2.mjs +17 -55
  16. package/es/components/badge/src/badge2.mjs.map +1 -1
  17. package/es/components/breadcrumb/index.mjs +4 -4
  18. package/es/components/breadcrumb/src/breadcrumb-item.mjs +11 -56
  19. package/es/components/breadcrumb/src/breadcrumb-item.mjs.map +1 -1
  20. package/es/components/breadcrumb/src/breadcrumb-item2.mjs +56 -11
  21. package/es/components/breadcrumb/src/breadcrumb-item2.mjs.map +1 -1
  22. package/es/components/breadcrumb/src/breadcrumb.mjs +11 -36
  23. package/es/components/breadcrumb/src/breadcrumb.mjs.map +1 -1
  24. package/es/components/breadcrumb/src/breadcrumb2.mjs +36 -11
  25. package/es/components/breadcrumb/src/breadcrumb2.mjs.map +1 -1
  26. package/es/components/cascader/src/cascader2.mjs +1 -1
  27. package/es/components/check-tag/index.mjs +2 -2
  28. package/es/components/check-tag/src/check-tag.mjs +12 -30
  29. package/es/components/check-tag/src/check-tag.mjs.map +1 -1
  30. package/es/components/check-tag/src/check-tag2.mjs +30 -12
  31. package/es/components/check-tag/src/check-tag2.mjs.map +1 -1
  32. package/es/components/checkbox/index.mjs +2 -2
  33. package/es/components/checkbox/src/checkbox-group.mjs +28 -72
  34. package/es/components/checkbox/src/checkbox-group.mjs.map +1 -1
  35. package/es/components/checkbox/src/checkbox-group2.mjs +72 -28
  36. package/es/components/checkbox/src/checkbox-group2.mjs.map +1 -1
  37. package/es/components/collapse/index.mjs +2 -2
  38. package/es/components/collapse/src/collapse.mjs +17 -30
  39. package/es/components/collapse/src/collapse.mjs.map +1 -1
  40. package/es/components/collapse/src/collapse2.mjs +30 -17
  41. package/es/components/collapse/src/collapse2.mjs.map +1 -1
  42. package/es/components/color-picker/index.mjs +2 -2
  43. package/es/components/color-picker/src/color-picker.mjs +321 -38
  44. package/es/components/color-picker/src/color-picker.mjs.map +1 -1
  45. package/es/components/color-picker/src/color-picker2.mjs +38 -321
  46. package/es/components/color-picker/src/color-picker2.mjs.map +1 -1
  47. package/es/components/color-picker/src/components/predefine.mjs +1 -1
  48. package/es/components/countdown/index.mjs +2 -2
  49. package/es/components/countdown/src/countdown.mjs +23 -74
  50. package/es/components/countdown/src/countdown.mjs.map +1 -1
  51. package/es/components/countdown/src/countdown2.mjs +74 -23
  52. package/es/components/countdown/src/countdown2.mjs.map +1 -1
  53. package/es/components/descriptions/index.mjs +2 -2
  54. package/es/components/descriptions/src/description.mjs +25 -111
  55. package/es/components/descriptions/src/description.mjs.map +1 -1
  56. package/es/components/descriptions/src/description2.mjs +111 -25
  57. package/es/components/descriptions/src/description2.mjs.map +1 -1
  58. package/es/components/divider/index.mjs +2 -2
  59. package/es/components/divider/src/divider.mjs +17 -35
  60. package/es/components/divider/src/divider.mjs.map +1 -1
  61. package/es/components/divider/src/divider2.mjs +35 -17
  62. package/es/components/divider/src/divider2.mjs.map +1 -1
  63. package/es/components/drawer/index.mjs +2 -2
  64. package/es/components/drawer/src/drawer.mjs +26 -177
  65. package/es/components/drawer/src/drawer.mjs.map +1 -1
  66. package/es/components/drawer/src/drawer2.mjs +177 -26
  67. package/es/components/drawer/src/drawer2.mjs.map +1 -1
  68. package/es/components/dropdown/index.mjs +2 -2
  69. package/es/components/dropdown/src/dropdown-item-impl.mjs +2 -2
  70. package/es/components/dropdown/src/dropdown-item.mjs +1 -1
  71. package/es/components/dropdown/src/dropdown-menu.mjs +2 -2
  72. package/es/components/dropdown/src/dropdown.mjs +307 -97
  73. package/es/components/dropdown/src/dropdown.mjs.map +1 -1
  74. package/es/components/dropdown/src/dropdown2.mjs +97 -307
  75. package/es/components/dropdown/src/dropdown2.mjs.map +1 -1
  76. package/es/components/form/index.mjs +2 -2
  77. package/es/components/form/src/form.mjs +152 -55
  78. package/es/components/form/src/form.mjs.map +1 -1
  79. package/es/components/form/src/form2.mjs +55 -152
  80. package/es/components/form/src/form2.mjs.map +1 -1
  81. package/es/components/image/index.mjs +2 -2
  82. package/es/components/image/src/image.mjs +62 -220
  83. package/es/components/image/src/image.mjs.map +1 -1
  84. package/es/components/image/src/image2.mjs +220 -62
  85. package/es/components/image/src/image2.mjs.map +1 -1
  86. package/es/components/image-viewer/index.mjs +2 -2
  87. package/es/components/image-viewer/src/image-viewer.mjs +39 -396
  88. package/es/components/image-viewer/src/image-viewer.mjs.map +1 -1
  89. package/es/components/image-viewer/src/image-viewer2.mjs +396 -39
  90. package/es/components/image-viewer/src/image-viewer2.mjs.map +1 -1
  91. package/es/components/index.mjs +39 -39
  92. package/es/components/input-number/index.mjs +2 -2
  93. package/es/components/input-number/src/input-number.mjs +58 -311
  94. package/es/components/input-number/src/input-number.mjs.map +1 -1
  95. package/es/components/input-number/src/input-number2.mjs +311 -58
  96. package/es/components/input-number/src/input-number2.mjs.map +1 -1
  97. package/es/components/menu/index.mjs +4 -4
  98. package/es/components/menu/src/menu-item-group.mjs +35 -4
  99. package/es/components/menu/src/menu-item-group.mjs.map +1 -1
  100. package/es/components/menu/src/menu-item-group2.mjs +4 -35
  101. package/es/components/menu/src/menu-item-group2.mjs.map +1 -1
  102. package/es/components/menu/src/menu-item.mjs +14 -97
  103. package/es/components/menu/src/menu-item.mjs.map +1 -1
  104. package/es/components/menu/src/menu-item2.mjs +97 -14
  105. package/es/components/menu/src/menu-item2.mjs.map +1 -1
  106. package/es/components/message/index.mjs +1 -1
  107. package/es/components/message/src/message.mjs +91 -198
  108. package/es/components/message/src/message.mjs.map +1 -1
  109. package/es/components/message/src/message2.mjs +198 -91
  110. package/es/components/message/src/message2.mjs.map +1 -1
  111. package/es/components/message/src/method.mjs +2 -2
  112. package/es/components/notification/index.mjs +1 -1
  113. package/es/components/notification/src/notification.mjs +147 -69
  114. package/es/components/notification/src/notification.mjs.map +1 -1
  115. package/es/components/notification/src/notification2.mjs +69 -147
  116. package/es/components/notification/src/notification2.mjs.map +1 -1
  117. package/es/components/notification/src/notify.mjs +2 -2
  118. package/es/components/pagination/src/components/jumper.mjs +9 -60
  119. package/es/components/pagination/src/components/jumper.mjs.map +1 -1
  120. package/es/components/pagination/src/components/jumper2.mjs +60 -9
  121. package/es/components/pagination/src/components/jumper2.mjs.map +1 -1
  122. package/es/components/pagination/src/components/next.mjs +58 -19
  123. package/es/components/pagination/src/components/next.mjs.map +1 -1
  124. package/es/components/pagination/src/components/next2.mjs +19 -58
  125. package/es/components/pagination/src/components/next2.mjs.map +1 -1
  126. package/es/components/pagination/src/components/pager.mjs +214 -17
  127. package/es/components/pagination/src/components/pager.mjs.map +1 -1
  128. package/es/components/pagination/src/components/pager2.mjs +17 -214
  129. package/es/components/pagination/src/components/pager2.mjs.map +1 -1
  130. package/es/components/pagination/src/components/prev.mjs +18 -58
  131. package/es/components/pagination/src/components/prev.mjs.map +1 -1
  132. package/es/components/pagination/src/components/prev2.mjs +58 -18
  133. package/es/components/pagination/src/components/prev2.mjs.map +1 -1
  134. package/es/components/pagination/src/components/sizes.mjs +68 -22
  135. package/es/components/pagination/src/components/sizes.mjs.map +1 -1
  136. package/es/components/pagination/src/components/sizes2.mjs +22 -68
  137. package/es/components/pagination/src/components/sizes2.mjs.map +1 -1
  138. package/es/components/pagination/src/pagination.mjs +5 -5
  139. package/es/components/popover/src/popover.mjs +1 -1
  140. package/es/components/popper/index.mjs +4 -4
  141. package/es/components/popper/src/arrow.mjs +8 -37
  142. package/es/components/popper/src/arrow.mjs.map +1 -1
  143. package/es/components/popper/src/arrow2.mjs +37 -8
  144. package/es/components/popper/src/arrow2.mjs.map +1 -1
  145. package/es/components/popper/src/trigger.mjs +31 -119
  146. package/es/components/popper/src/trigger.mjs.map +1 -1
  147. package/es/components/popper/src/trigger2.mjs +119 -31
  148. package/es/components/popper/src/trigger2.mjs.map +1 -1
  149. package/es/components/progress/index.mjs +2 -2
  150. package/es/components/progress/src/progress.mjs +202 -57
  151. package/es/components/progress/src/progress.mjs.map +1 -1
  152. package/es/components/progress/src/progress2.mjs +57 -202
  153. package/es/components/progress/src/progress2.mjs.map +1 -1
  154. package/es/components/radio/index.mjs +2 -2
  155. package/es/components/radio/src/radio-button.mjs +9 -64
  156. package/es/components/radio/src/radio-button.mjs.map +1 -1
  157. package/es/components/radio/src/radio-button2.mjs +64 -9
  158. package/es/components/radio/src/radio-button2.mjs.map +1 -1
  159. package/es/components/result/index.mjs +2 -2
  160. package/es/components/result/src/result.mjs +63 -29
  161. package/es/components/result/src/result.mjs.map +1 -1
  162. package/es/components/result/src/result2.mjs +29 -63
  163. package/es/components/result/src/result2.mjs.map +1 -1
  164. package/es/components/roving-focus-group/index.mjs +3 -3
  165. package/es/components/roving-focus-group/src/roving-focus-group-impl.mjs +1 -1
  166. package/es/components/roving-focus-group/src/roving-focus-group.mjs +27 -29
  167. package/es/components/roving-focus-group/src/roving-focus-group.mjs.map +1 -1
  168. package/es/components/roving-focus-group/src/roving-focus-group2.mjs +29 -27
  169. package/es/components/roving-focus-group/src/roving-focus-group2.mjs.map +1 -1
  170. package/es/components/roving-focus-group/src/roving-focus-item.mjs +1 -1
  171. package/es/components/row/index.mjs +2 -2
  172. package/es/components/row/src/row.mjs +45 -30
  173. package/es/components/row/src/row.mjs.map +1 -1
  174. package/es/components/row/src/row2.mjs +30 -45
  175. package/es/components/row/src/row2.mjs.map +1 -1
  176. package/es/components/scrollbar/index.mjs +3 -3
  177. package/es/components/scrollbar/src/bar2.mjs +1 -1
  178. package/es/components/scrollbar/src/scrollbar.mjs +174 -46
  179. package/es/components/scrollbar/src/scrollbar.mjs.map +1 -1
  180. package/es/components/scrollbar/src/scrollbar2.mjs +46 -174
  181. package/es/components/scrollbar/src/scrollbar2.mjs.map +1 -1
  182. package/es/components/scrollbar/src/thumb.mjs +130 -11
  183. package/es/components/scrollbar/src/thumb.mjs.map +1 -1
  184. package/es/components/scrollbar/src/thumb2.mjs +11 -130
  185. package/es/components/scrollbar/src/thumb2.mjs.map +1 -1
  186. package/es/components/select/src/select.mjs +1 -1
  187. package/es/components/skeleton/index.mjs +2 -2
  188. package/es/components/skeleton/src/skeleton-item.mjs +23 -18
  189. package/es/components/skeleton/src/skeleton-item.mjs.map +1 -1
  190. package/es/components/skeleton/src/skeleton-item2.mjs +18 -23
  191. package/es/components/skeleton/src/skeleton-item2.mjs.map +1 -1
  192. package/es/components/skeleton/src/skeleton2.mjs +1 -1
  193. package/es/components/slider/src/button.mjs +93 -21
  194. package/es/components/slider/src/button.mjs.map +1 -1
  195. package/es/components/slider/src/button2.mjs +21 -93
  196. package/es/components/slider/src/button2.mjs.map +1 -1
  197. package/es/components/slider/src/slider2.mjs +1 -1
  198. package/es/components/statistic/index.mjs +2 -2
  199. package/es/components/statistic/src/statistic.mjs +70 -25
  200. package/es/components/statistic/src/statistic.mjs.map +1 -1
  201. package/es/components/statistic/src/statistic2.mjs +25 -70
  202. package/es/components/statistic/src/statistic2.mjs.map +1 -1
  203. package/es/components/steps/index.mjs +4 -4
  204. package/es/components/steps/src/item.mjs +19 -188
  205. package/es/components/steps/src/item.mjs.map +1 -1
  206. package/es/components/steps/src/item2.mjs +188 -19
  207. package/es/components/steps/src/item2.mjs.map +1 -1
  208. package/es/components/steps/src/steps.mjs +34 -36
  209. package/es/components/steps/src/steps.mjs.map +1 -1
  210. package/es/components/steps/src/steps2.mjs +36 -34
  211. package/es/components/steps/src/steps2.mjs.map +1 -1
  212. package/es/components/table/src/table-header/event-helper.mjs +2 -1
  213. package/es/components/table/src/table-header/event-helper.mjs.map +1 -1
  214. package/es/components/tag/index.mjs +2 -2
  215. package/es/components/tag/src/tag.mjs +33 -94
  216. package/es/components/tag/src/tag.mjs.map +1 -1
  217. package/es/components/tag/src/tag2.mjs +94 -33
  218. package/es/components/tag/src/tag2.mjs.map +1 -1
  219. package/es/components/teleport/index.mjs +2 -2
  220. package/es/components/teleport/src/teleport.mjs +44 -18
  221. package/es/components/teleport/src/teleport.mjs.map +1 -1
  222. package/es/components/teleport/src/teleport2.mjs +18 -44
  223. package/es/components/teleport/src/teleport2.mjs.map +1 -1
  224. package/es/components/tooltip/index.mjs +2 -2
  225. package/es/components/tooltip/src/tooltip.mjs +31 -169
  226. package/es/components/tooltip/src/tooltip.mjs.map +1 -1
  227. package/es/components/tooltip/src/tooltip2.mjs +169 -31
  228. package/es/components/tooltip/src/tooltip2.mjs.map +1 -1
  229. package/es/components/tooltip/src/trigger.mjs +1 -1
  230. package/es/components/tooltip/src/trigger2.mjs +1 -1
  231. package/es/components/tooltip-v2/index.mjs +2 -2
  232. package/es/components/tooltip-v2/src/content.mjs +50 -112
  233. package/es/components/tooltip-v2/src/content.mjs.map +1 -1
  234. package/es/components/tooltip-v2/src/content2.mjs +112 -50
  235. package/es/components/tooltip-v2/src/content2.mjs.map +1 -1
  236. package/es/components/tooltip-v2/src/root.mjs +80 -17
  237. package/es/components/tooltip-v2/src/root.mjs.map +1 -1
  238. package/es/components/tooltip-v2/src/root2.mjs +17 -80
  239. package/es/components/tooltip-v2/src/root2.mjs.map +1 -1
  240. package/es/components/tooltip-v2/src/tooltip.mjs +2 -2
  241. package/es/components/tooltip-v2/src/tooltip2.mjs +4 -4
  242. package/es/components/transfer/src/composables/use-check.mjs +1 -1
  243. package/es/components/transfer/src/transfer-panel.mjs +19 -128
  244. package/es/components/transfer/src/transfer-panel.mjs.map +1 -1
  245. package/es/components/transfer/src/transfer-panel2.mjs +128 -19
  246. package/es/components/transfer/src/transfer-panel2.mjs.map +1 -1
  247. package/es/components/transfer/src/transfer2.mjs +1 -1
  248. package/es/components/upload/index.mjs +2 -2
  249. package/es/components/upload/src/upload-content.mjs +33 -173
  250. package/es/components/upload/src/upload-content.mjs.map +1 -1
  251. package/es/components/upload/src/upload-content2.mjs +173 -33
  252. package/es/components/upload/src/upload-content2.mjs.map +1 -1
  253. package/es/components/upload/src/upload-dragger.mjs +11 -72
  254. package/es/components/upload/src/upload-dragger.mjs.map +1 -1
  255. package/es/components/upload/src/upload-dragger2.mjs +72 -11
  256. package/es/components/upload/src/upload-dragger2.mjs.map +1 -1
  257. package/es/components/upload/src/upload.mjs +1 -1
  258. package/es/index.mjs +39 -39
  259. package/es/utils/index.mjs +1 -1
  260. package/es/utils/vue/index.mjs +1 -1
  261. package/es/utils/vue/size.d.ts +1 -0
  262. package/es/utils/vue/size.mjs +14 -1
  263. package/es/utils/vue/size.mjs.map +1 -1
  264. package/lib/components/alert/index.js +2 -2
  265. package/lib/components/alert/src/alert.js +37 -95
  266. package/lib/components/alert/src/alert.js.map +1 -1
  267. package/lib/components/alert/src/alert2.js +95 -37
  268. package/lib/components/alert/src/alert2.js.map +1 -1
  269. package/lib/components/badge/index.js +2 -2
  270. package/lib/components/badge/src/badge.js +55 -17
  271. package/lib/components/badge/src/badge.js.map +1 -1
  272. package/lib/components/badge/src/badge2.js +17 -55
  273. package/lib/components/badge/src/badge2.js.map +1 -1
  274. package/lib/components/breadcrumb/index.js +4 -4
  275. package/lib/components/breadcrumb/src/breadcrumb-item.js +11 -56
  276. package/lib/components/breadcrumb/src/breadcrumb-item.js.map +1 -1
  277. package/lib/components/breadcrumb/src/breadcrumb-item2.js +56 -11
  278. package/lib/components/breadcrumb/src/breadcrumb-item2.js.map +1 -1
  279. package/lib/components/breadcrumb/src/breadcrumb.js +11 -36
  280. package/lib/components/breadcrumb/src/breadcrumb.js.map +1 -1
  281. package/lib/components/breadcrumb/src/breadcrumb2.js +36 -11
  282. package/lib/components/breadcrumb/src/breadcrumb2.js.map +1 -1
  283. package/lib/components/cascader/src/cascader2.js +1 -1
  284. package/lib/components/check-tag/index.js +2 -2
  285. package/lib/components/check-tag/src/check-tag.js +13 -30
  286. package/lib/components/check-tag/src/check-tag.js.map +1 -1
  287. package/lib/components/check-tag/src/check-tag2.js +30 -13
  288. package/lib/components/check-tag/src/check-tag2.js.map +1 -1
  289. package/lib/components/checkbox/index.js +2 -2
  290. package/lib/components/checkbox/src/checkbox-group.js +29 -72
  291. package/lib/components/checkbox/src/checkbox-group.js.map +1 -1
  292. package/lib/components/checkbox/src/checkbox-group2.js +72 -29
  293. package/lib/components/checkbox/src/checkbox-group2.js.map +1 -1
  294. package/lib/components/collapse/index.js +2 -2
  295. package/lib/components/collapse/src/collapse.js +19 -30
  296. package/lib/components/collapse/src/collapse.js.map +1 -1
  297. package/lib/components/collapse/src/collapse2.js +30 -19
  298. package/lib/components/collapse/src/collapse2.js.map +1 -1
  299. package/lib/components/color-picker/index.js +2 -2
  300. package/lib/components/color-picker/src/color-picker.js +319 -38
  301. package/lib/components/color-picker/src/color-picker.js.map +1 -1
  302. package/lib/components/color-picker/src/color-picker2.js +38 -319
  303. package/lib/components/color-picker/src/color-picker2.js.map +1 -1
  304. package/lib/components/color-picker/src/components/predefine.js +1 -1
  305. package/lib/components/countdown/index.js +2 -2
  306. package/lib/components/countdown/src/countdown.js +24 -74
  307. package/lib/components/countdown/src/countdown.js.map +1 -1
  308. package/lib/components/countdown/src/countdown2.js +74 -24
  309. package/lib/components/countdown/src/countdown2.js.map +1 -1
  310. package/lib/components/descriptions/index.js +2 -2
  311. package/lib/components/descriptions/src/description.js +25 -111
  312. package/lib/components/descriptions/src/description.js.map +1 -1
  313. package/lib/components/descriptions/src/description2.js +111 -25
  314. package/lib/components/descriptions/src/description2.js.map +1 -1
  315. package/lib/components/divider/index.js +2 -2
  316. package/lib/components/divider/src/divider.js +17 -35
  317. package/lib/components/divider/src/divider.js.map +1 -1
  318. package/lib/components/divider/src/divider2.js +35 -17
  319. package/lib/components/divider/src/divider2.js.map +1 -1
  320. package/lib/components/drawer/index.js +2 -2
  321. package/lib/components/drawer/src/drawer.js +27 -177
  322. package/lib/components/drawer/src/drawer.js.map +1 -1
  323. package/lib/components/drawer/src/drawer2.js +177 -27
  324. package/lib/components/drawer/src/drawer2.js.map +1 -1
  325. package/lib/components/dropdown/index.js +2 -2
  326. package/lib/components/dropdown/src/dropdown-item-impl.js +2 -2
  327. package/lib/components/dropdown/src/dropdown-item.js +1 -1
  328. package/lib/components/dropdown/src/dropdown-menu.js +2 -2
  329. package/lib/components/dropdown/src/dropdown.js +307 -106
  330. package/lib/components/dropdown/src/dropdown.js.map +1 -1
  331. package/lib/components/dropdown/src/dropdown2.js +106 -307
  332. package/lib/components/dropdown/src/dropdown2.js.map +1 -1
  333. package/lib/components/form/index.js +2 -2
  334. package/lib/components/form/src/form.js +151 -55
  335. package/lib/components/form/src/form.js.map +1 -1
  336. package/lib/components/form/src/form2.js +55 -151
  337. package/lib/components/form/src/form2.js.map +1 -1
  338. package/lib/components/image/index.js +2 -2
  339. package/lib/components/image/src/image.js +62 -219
  340. package/lib/components/image/src/image.js.map +1 -1
  341. package/lib/components/image/src/image2.js +219 -62
  342. package/lib/components/image/src/image2.js.map +1 -1
  343. package/lib/components/image-viewer/index.js +2 -2
  344. package/lib/components/image-viewer/src/image-viewer.js +40 -396
  345. package/lib/components/image-viewer/src/image-viewer.js.map +1 -1
  346. package/lib/components/image-viewer/src/image-viewer2.js +396 -40
  347. package/lib/components/image-viewer/src/image-viewer2.js.map +1 -1
  348. package/lib/components/index.js +39 -39
  349. package/lib/components/input-number/index.js +2 -2
  350. package/lib/components/input-number/src/input-number.js +57 -309
  351. package/lib/components/input-number/src/input-number.js.map +1 -1
  352. package/lib/components/input-number/src/input-number2.js +309 -57
  353. package/lib/components/input-number/src/input-number2.js.map +1 -1
  354. package/lib/components/menu/index.js +4 -4
  355. package/lib/components/menu/src/menu-item-group.js +35 -4
  356. package/lib/components/menu/src/menu-item-group.js.map +1 -1
  357. package/lib/components/menu/src/menu-item-group2.js +4 -35
  358. package/lib/components/menu/src/menu-item-group2.js.map +1 -1
  359. package/lib/components/menu/src/menu-item.js +15 -97
  360. package/lib/components/menu/src/menu-item.js.map +1 -1
  361. package/lib/components/menu/src/menu-item2.js +97 -15
  362. package/lib/components/menu/src/menu-item2.js.map +1 -1
  363. package/lib/components/message/index.js +1 -1
  364. package/lib/components/message/src/message.js +92 -196
  365. package/lib/components/message/src/message.js.map +1 -1
  366. package/lib/components/message/src/message2.js +196 -92
  367. package/lib/components/message/src/message2.js.map +1 -1
  368. package/lib/components/message/src/method.js +2 -2
  369. package/lib/components/notification/index.js +1 -1
  370. package/lib/components/notification/src/notification.js +146 -70
  371. package/lib/components/notification/src/notification.js.map +1 -1
  372. package/lib/components/notification/src/notification2.js +70 -146
  373. package/lib/components/notification/src/notification2.js.map +1 -1
  374. package/lib/components/notification/src/notify.js +2 -2
  375. package/lib/components/pagination/src/components/jumper.js +9 -60
  376. package/lib/components/pagination/src/components/jumper.js.map +1 -1
  377. package/lib/components/pagination/src/components/jumper2.js +60 -9
  378. package/lib/components/pagination/src/components/jumper2.js.map +1 -1
  379. package/lib/components/pagination/src/components/next.js +58 -19
  380. package/lib/components/pagination/src/components/next.js.map +1 -1
  381. package/lib/components/pagination/src/components/next2.js +19 -58
  382. package/lib/components/pagination/src/components/next2.js.map +1 -1
  383. package/lib/components/pagination/src/components/pager.js +214 -17
  384. package/lib/components/pagination/src/components/pager.js.map +1 -1
  385. package/lib/components/pagination/src/components/pager2.js +17 -214
  386. package/lib/components/pagination/src/components/pager2.js.map +1 -1
  387. package/lib/components/pagination/src/components/prev.js +19 -58
  388. package/lib/components/pagination/src/components/prev.js.map +1 -1
  389. package/lib/components/pagination/src/components/prev2.js +58 -19
  390. package/lib/components/pagination/src/components/prev2.js.map +1 -1
  391. package/lib/components/pagination/src/components/sizes.js +68 -22
  392. package/lib/components/pagination/src/components/sizes.js.map +1 -1
  393. package/lib/components/pagination/src/components/sizes2.js +22 -68
  394. package/lib/components/pagination/src/components/sizes2.js.map +1 -1
  395. package/lib/components/pagination/src/pagination.js +5 -5
  396. package/lib/components/popover/src/popover.js +1 -1
  397. package/lib/components/popper/index.js +4 -4
  398. package/lib/components/popper/src/arrow.js +9 -37
  399. package/lib/components/popper/src/arrow.js.map +1 -1
  400. package/lib/components/popper/src/arrow2.js +37 -9
  401. package/lib/components/popper/src/arrow2.js.map +1 -1
  402. package/lib/components/popper/src/trigger.js +32 -119
  403. package/lib/components/popper/src/trigger.js.map +1 -1
  404. package/lib/components/popper/src/trigger2.js +119 -32
  405. package/lib/components/popper/src/trigger2.js.map +1 -1
  406. package/lib/components/progress/index.js +2 -2
  407. package/lib/components/progress/src/progress.js +202 -57
  408. package/lib/components/progress/src/progress.js.map +1 -1
  409. package/lib/components/progress/src/progress2.js +57 -202
  410. package/lib/components/progress/src/progress2.js.map +1 -1
  411. package/lib/components/radio/index.js +2 -2
  412. package/lib/components/radio/src/radio-button.js +9 -64
  413. package/lib/components/radio/src/radio-button.js.map +1 -1
  414. package/lib/components/radio/src/radio-button2.js +64 -9
  415. package/lib/components/radio/src/radio-button2.js.map +1 -1
  416. package/lib/components/result/index.js +2 -2
  417. package/lib/components/result/src/result.js +63 -31
  418. package/lib/components/result/src/result.js.map +1 -1
  419. package/lib/components/result/src/result2.js +31 -63
  420. package/lib/components/result/src/result2.js.map +1 -1
  421. package/lib/components/roving-focus-group/index.js +2 -2
  422. package/lib/components/roving-focus-group/src/roving-focus-group-impl.js +1 -1
  423. package/lib/components/roving-focus-group/src/roving-focus-group.js +27 -33
  424. package/lib/components/roving-focus-group/src/roving-focus-group.js.map +1 -1
  425. package/lib/components/roving-focus-group/src/roving-focus-group2.js +33 -27
  426. package/lib/components/roving-focus-group/src/roving-focus-group2.js.map +1 -1
  427. package/lib/components/roving-focus-group/src/roving-focus-item.js +1 -1
  428. package/lib/components/row/index.js +2 -2
  429. package/lib/components/row/src/row.js +45 -32
  430. package/lib/components/row/src/row.js.map +1 -1
  431. package/lib/components/row/src/row2.js +32 -45
  432. package/lib/components/row/src/row2.js.map +1 -1
  433. package/lib/components/scrollbar/index.js +3 -3
  434. package/lib/components/scrollbar/src/bar2.js +1 -1
  435. package/lib/components/scrollbar/src/scrollbar.js +174 -47
  436. package/lib/components/scrollbar/src/scrollbar.js.map +1 -1
  437. package/lib/components/scrollbar/src/scrollbar2.js +47 -174
  438. package/lib/components/scrollbar/src/scrollbar2.js.map +1 -1
  439. package/lib/components/scrollbar/src/thumb.js +130 -11
  440. package/lib/components/scrollbar/src/thumb.js.map +1 -1
  441. package/lib/components/scrollbar/src/thumb2.js +11 -130
  442. package/lib/components/scrollbar/src/thumb2.js.map +1 -1
  443. package/lib/components/select/src/select.js +1 -1
  444. package/lib/components/skeleton/index.js +2 -2
  445. package/lib/components/skeleton/src/skeleton-item.js +23 -18
  446. package/lib/components/skeleton/src/skeleton-item.js.map +1 -1
  447. package/lib/components/skeleton/src/skeleton-item2.js +18 -23
  448. package/lib/components/skeleton/src/skeleton-item2.js.map +1 -1
  449. package/lib/components/skeleton/src/skeleton2.js +1 -1
  450. package/lib/components/slider/src/button.js +93 -22
  451. package/lib/components/slider/src/button.js.map +1 -1
  452. package/lib/components/slider/src/button2.js +22 -93
  453. package/lib/components/slider/src/button2.js.map +1 -1
  454. package/lib/components/slider/src/slider2.js +1 -1
  455. package/lib/components/statistic/index.js +2 -2
  456. package/lib/components/statistic/src/statistic.js +70 -25
  457. package/lib/components/statistic/src/statistic.js.map +1 -1
  458. package/lib/components/statistic/src/statistic2.js +25 -70
  459. package/lib/components/statistic/src/statistic2.js.map +1 -1
  460. package/lib/components/steps/index.js +4 -4
  461. package/lib/components/steps/src/item.js +19 -188
  462. package/lib/components/steps/src/item.js.map +1 -1
  463. package/lib/components/steps/src/item2.js +188 -19
  464. package/lib/components/steps/src/item2.js.map +1 -1
  465. package/lib/components/steps/src/steps.js +34 -37
  466. package/lib/components/steps/src/steps.js.map +1 -1
  467. package/lib/components/steps/src/steps2.js +37 -34
  468. package/lib/components/steps/src/steps2.js.map +1 -1
  469. package/lib/components/table/src/table-header/event-helper.js +2 -1
  470. package/lib/components/table/src/table-header/event-helper.js.map +1 -1
  471. package/lib/components/tag/index.js +2 -2
  472. package/lib/components/tag/src/tag.js +34 -94
  473. package/lib/components/tag/src/tag.js.map +1 -1
  474. package/lib/components/tag/src/tag2.js +94 -34
  475. package/lib/components/tag/src/tag2.js.map +1 -1
  476. package/lib/components/teleport/index.js +2 -2
  477. package/lib/components/teleport/src/teleport.js +44 -18
  478. package/lib/components/teleport/src/teleport.js.map +1 -1
  479. package/lib/components/teleport/src/teleport2.js +18 -44
  480. package/lib/components/teleport/src/teleport2.js.map +1 -1
  481. package/lib/components/tooltip/index.js +2 -2
  482. package/lib/components/tooltip/src/tooltip.js +34 -168
  483. package/lib/components/tooltip/src/tooltip.js.map +1 -1
  484. package/lib/components/tooltip/src/tooltip2.js +168 -34
  485. package/lib/components/tooltip/src/tooltip2.js.map +1 -1
  486. package/lib/components/tooltip/src/trigger.js +1 -1
  487. package/lib/components/tooltip/src/trigger2.js +1 -1
  488. package/lib/components/tooltip-v2/index.js +2 -2
  489. package/lib/components/tooltip-v2/src/content.js +50 -112
  490. package/lib/components/tooltip-v2/src/content.js.map +1 -1
  491. package/lib/components/tooltip-v2/src/content2.js +112 -50
  492. package/lib/components/tooltip-v2/src/content2.js.map +1 -1
  493. package/lib/components/tooltip-v2/src/root.js +80 -17
  494. package/lib/components/tooltip-v2/src/root.js.map +1 -1
  495. package/lib/components/tooltip-v2/src/root2.js +17 -80
  496. package/lib/components/tooltip-v2/src/root2.js.map +1 -1
  497. package/lib/components/tooltip-v2/src/tooltip.js +2 -2
  498. package/lib/components/tooltip-v2/src/tooltip2.js +4 -4
  499. package/lib/components/transfer/src/composables/use-check.js +1 -1
  500. package/lib/components/transfer/src/transfer-panel.js +21 -128
  501. package/lib/components/transfer/src/transfer-panel.js.map +1 -1
  502. package/lib/components/transfer/src/transfer-panel2.js +128 -21
  503. package/lib/components/transfer/src/transfer-panel2.js.map +1 -1
  504. package/lib/components/transfer/src/transfer2.js +1 -1
  505. package/lib/components/upload/index.js +2 -2
  506. package/lib/components/upload/src/upload-content.js +32 -172
  507. package/lib/components/upload/src/upload-content.js.map +1 -1
  508. package/lib/components/upload/src/upload-content2.js +172 -32
  509. package/lib/components/upload/src/upload-content2.js.map +1 -1
  510. package/lib/components/upload/src/upload-dragger.js +12 -72
  511. package/lib/components/upload/src/upload-dragger.js.map +1 -1
  512. package/lib/components/upload/src/upload-dragger2.js +72 -12
  513. package/lib/components/upload/src/upload-dragger2.js.map +1 -1
  514. package/lib/components/upload/src/upload.js +1 -1
  515. package/lib/index.js +39 -39
  516. package/lib/utils/index.js +1 -0
  517. package/lib/utils/index.js.map +1 -1
  518. package/lib/utils/vue/index.js +1 -0
  519. package/lib/utils/vue/index.js.map +1 -1
  520. package/lib/utils/vue/size.d.ts +1 -0
  521. package/lib/utils/vue/size.js +14 -0
  522. package/lib/utils/vue/size.js.map +1 -1
  523. package/package.json +1 -1
  524. package/web-types.json +1 -1
@@ -1,31 +1,33 @@
1
- import { defineComponent, resolveComponent, openBlock, createBlock, withCtx, createVNode, normalizeProps, guardReactiveProps, renderSlot } from 'vue';
2
- import ElRovingFocusGroupImpl from './roving-focus-group-impl.mjs';
3
- import { ElCollection } from './roving-focus-group.mjs';
4
- import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
1
+ import '../../../utils/index.mjs';
2
+ import '../../collection/index.mjs';
3
+ import { buildProps, definePropType } from '../../../utils/vue/props/runtime.mjs';
4
+ import { createCollectionWithScope } from '../../collection/src/collection2.mjs';
5
5
 
6
- const _sfc_main = defineComponent({
7
- name: "ElRovingFocusGroup",
8
- components: {
9
- ElFocusGroupCollection: ElCollection,
10
- ElRovingFocusGroupImpl
11
- }
6
+ const rovingFocusGroupProps = buildProps({
7
+ style: { type: definePropType([String, Array, Object]) },
8
+ currentTabId: {
9
+ type: definePropType(String)
10
+ },
11
+ defaultCurrentTabId: String,
12
+ loop: Boolean,
13
+ dir: {
14
+ type: String,
15
+ values: ["ltr", "rtl"],
16
+ default: "ltr"
17
+ },
18
+ orientation: {
19
+ type: definePropType(String)
20
+ },
21
+ onBlur: Function,
22
+ onFocus: Function,
23
+ onMousedown: Function
12
24
  });
13
- function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
14
- const _component_el_roving_focus_group_impl = resolveComponent("el-roving-focus-group-impl");
15
- const _component_el_focus_group_collection = resolveComponent("el-focus-group-collection");
16
- return openBlock(), createBlock(_component_el_focus_group_collection, null, {
17
- default: withCtx(() => [
18
- createVNode(_component_el_roving_focus_group_impl, normalizeProps(guardReactiveProps(_ctx.$attrs)), {
19
- default: withCtx(() => [
20
- renderSlot(_ctx.$slots, "default")
21
- ]),
22
- _: 3
23
- }, 16)
24
- ]),
25
- _: 3
26
- });
27
- }
28
- var ElRovingFocusGroup = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "D:\\beyondtrucks\\beyond-ui\\packages\\components\\roving-focus-group\\src\\roving-focus-group.vue"]]);
25
+ const {
26
+ ElCollection,
27
+ ElCollectionItem,
28
+ COLLECTION_INJECTION_KEY,
29
+ COLLECTION_ITEM_INJECTION_KEY
30
+ } = createCollectionWithScope("RovingFocusGroup");
29
31
 
30
- export { ElRovingFocusGroup as default };
32
+ export { ElCollection, ElCollectionItem, COLLECTION_INJECTION_KEY as ROVING_FOCUS_COLLECTION_INJECTION_KEY, COLLECTION_ITEM_INJECTION_KEY as ROVING_FOCUS_ITEM_COLLECTION_INJECTION_KEY, rovingFocusGroupProps };
31
33
  //# sourceMappingURL=roving-focus-group2.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"roving-focus-group2.mjs","sources":["../../../../../../packages/components/roving-focus-group/src/roving-focus-group.vue"],"sourcesContent":["<template>\n <el-focus-group-collection>\n <el-roving-focus-group-impl v-bind=\"$attrs\">\n <slot />\n </el-roving-focus-group-impl>\n </el-focus-group-collection>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent } from 'vue'\nimport ElRovingFocusGroupImpl from './roving-focus-group-impl.vue'\nimport { ElCollection as ElFocusGroupCollection } from './roving-focus-group'\n\nexport default defineComponent({\n name: 'ElRovingFocusGroup',\n components: {\n ElFocusGroupCollection,\n ElRovingFocusGroupImpl,\n },\n})\n</script>\n"],"names":["ElFocusGroupCollection","_createBlock","_withCtx","_createVNode","_renderSlot"],"mappings":";;;;;AAaA,MAAK,YAAa,eAAa,CAAA;AAAA,EAC7B,IAAM,EAAA,oBAAA;AAAA,EACN,UAAY,EAAA;AAAA,4BACVA,YAAA;AAAA,IACA,sBAAA;AAAA,GACF;AACF,CAAC,CAAA,CAAA;;;;sBAlBCC,WAI4B,CAAA,oCAAA,EAAA,IAAA,EAAA;AAAA,IAAA,OAAA,EAAAC,OAAA,CAH1B,MAE6B;AAAA,MAF7BC,WAAA,CAE6B,yEAFO,IAAM,CAAA,MAAA,CAAA,CAAA,EAAA;AAAA,QAAA,OAAA,EAAAD,OAAA,CACxC,MAAQ;AAAA,UAARE,UAAQ,CAAA,IAAA,CAAA,MAAA,EAAA,SAAA,CAAA;AAAA,SAAA,CAAA;;;;;;;;;;;"}
1
+ {"version":3,"file":"roving-focus-group2.mjs","sources":["../../../../../../packages/components/roving-focus-group/src/roving-focus-group.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-plus/utils'\nimport { createCollectionWithScope } from '@element-plus/components/collection'\nimport type { ExtractPropTypes, HTMLAttributes, StyleValue } from 'vue'\n\nexport const rovingFocusGroupProps = buildProps({\n style: { type: definePropType<StyleValue>([String, Array, Object]) },\n currentTabId: {\n type: definePropType<string | null>(String),\n },\n defaultCurrentTabId: String,\n loop: Boolean,\n dir: {\n type: String, // left for direction support\n values: ['ltr', 'rtl'],\n default: 'ltr',\n },\n orientation: {\n // left for orientation support\n type: definePropType<HTMLAttributes['aria-orientation']>(String),\n },\n\n onBlur: Function,\n onFocus: Function,\n onMousedown: Function,\n})\n\nexport type ElRovingFocusGroupProps = ExtractPropTypes<\n typeof rovingFocusGroupProps\n>\n\nconst {\n ElCollection,\n ElCollectionItem,\n COLLECTION_INJECTION_KEY,\n COLLECTION_ITEM_INJECTION_KEY,\n} = createCollectionWithScope('RovingFocusGroup')\n\nexport {\n ElCollection,\n ElCollectionItem,\n COLLECTION_INJECTION_KEY as ROVING_FOCUS_COLLECTION_INJECTION_KEY,\n COLLECTION_ITEM_INJECTION_KEY as ROVING_FOCUS_ITEM_COLLECTION_INJECTION_KEY,\n}\n"],"names":[],"mappings":";;;;;AAEY,MAAC,qBAAqB,GAAG,UAAU,CAAC;AAChD,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,cAAc,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC,EAAE;AAC1D,EAAE,YAAY,EAAE;AAChB,IAAI,IAAI,EAAE,cAAc,CAAC,MAAM,CAAC;AAChC,GAAG;AACH,EAAE,mBAAmB,EAAE,MAAM;AAC7B,EAAE,IAAI,EAAE,OAAO;AACf,EAAE,GAAG,EAAE;AACP,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC;AAC1B,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,EAAE,WAAW,EAAE;AACf,IAAI,IAAI,EAAE,cAAc,CAAC,MAAM,CAAC;AAChC,GAAG;AACH,EAAE,MAAM,EAAE,QAAQ;AAClB,EAAE,OAAO,EAAE,QAAQ;AACnB,EAAE,WAAW,EAAE,QAAQ;AACvB,CAAC,EAAE;AACE,MAAC;AACN,EAAE,YAAY;AACd,EAAE,gBAAgB;AAClB,EAAE,wBAAwB;AAC1B,EAAE,6BAA6B;AAC/B,CAAC,GAAG,yBAAyB,CAAC,kBAAkB;;;;"}
@@ -2,7 +2,7 @@ import { defineComponent, inject, ref, unref, nextTick, computed, provide, resol
2
2
  import '../../../hooks/index.mjs';
3
3
  import '../../../utils/index.mjs';
4
4
  import '../../../constants/index.mjs';
5
- import { ElCollectionItem, ROVING_FOCUS_COLLECTION_INJECTION_KEY as COLLECTION_INJECTION_KEY } from './roving-focus-group.mjs';
5
+ import { ElCollectionItem, ROVING_FOCUS_COLLECTION_INJECTION_KEY as COLLECTION_INJECTION_KEY } from './roving-focus-group2.mjs';
6
6
  import { ROVING_FOCUS_GROUP_INJECTION_KEY, ROVING_FOCUS_GROUP_ITEM_INJECTION_KEY } from './tokens.mjs';
7
7
  import { getFocusIntent, reorderArray, focusFirst } from './utils.mjs';
8
8
  import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
@@ -1,6 +1,6 @@
1
1
  import '../../utils/index.mjs';
2
- import Row from './src/row2.mjs';
3
- export { RowAlign, RowJustify, rowProps } from './src/row.mjs';
2
+ import Row from './src/row.mjs';
3
+ export { RowAlign, RowJustify, rowProps } from './src/row2.mjs';
4
4
  export { rowContextKey } from './src/constants.mjs';
5
5
  import { withInstall } from '../../utils/vue/install.mjs';
6
6
 
@@ -1,35 +1,50 @@
1
- import '../../../utils/index.mjs';
2
- import { buildProps } from '../../../utils/vue/props/runtime.mjs';
1
+ import { defineComponent, computed, provide, openBlock, createBlock, resolveDynamicComponent, normalizeClass, unref, normalizeStyle, withCtx, renderSlot } from 'vue';
2
+ import '../../../hooks/index.mjs';
3
+ import { rowContextKey } from './constants.mjs';
4
+ import { rowProps } from './row2.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 RowJustify = [
5
- "start",
6
- "center",
7
- "end",
8
- "space-around",
9
- "space-between",
10
- "space-evenly"
11
- ];
12
- const RowAlign = ["top", "middle", "bottom"];
13
- const rowProps = buildProps({
14
- tag: {
15
- type: String,
16
- default: "div"
17
- },
18
- gutter: {
19
- type: Number,
20
- default: 0
21
- },
22
- justify: {
23
- type: String,
24
- values: RowJustify,
25
- default: "start"
26
- },
27
- align: {
28
- type: String,
29
- values: RowAlign,
30
- default: "top"
8
+ const __default__ = defineComponent({
9
+ name: "ElRow"
10
+ });
11
+ const _sfc_main = /* @__PURE__ */ defineComponent({
12
+ ...__default__,
13
+ props: rowProps,
14
+ setup(__props) {
15
+ const props = __props;
16
+ const ns = useNamespace("row");
17
+ const gutter = computed(() => props.gutter);
18
+ provide(rowContextKey, {
19
+ gutter
20
+ });
21
+ const style = computed(() => {
22
+ const styles = {};
23
+ if (!props.gutter) {
24
+ return styles;
25
+ }
26
+ styles.marginRight = styles.marginLeft = `-${props.gutter / 2}px`;
27
+ return styles;
28
+ });
29
+ const rowKls = computed(() => [
30
+ ns.b(),
31
+ ns.is(`justify-${props.justify}`, props.justify !== "start"),
32
+ ns.is(`align-${props.align}`, props.align !== "top")
33
+ ]);
34
+ return (_ctx, _cache) => {
35
+ return openBlock(), createBlock(resolveDynamicComponent(_ctx.tag), {
36
+ class: normalizeClass(unref(rowKls)),
37
+ style: normalizeStyle(unref(style))
38
+ }, {
39
+ default: withCtx(() => [
40
+ renderSlot(_ctx.$slots, "default")
41
+ ]),
42
+ _: 3
43
+ }, 8, ["class", "style"]);
44
+ };
31
45
  }
32
46
  });
47
+ var Row = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "D:\\beyondtrucks\\beyond-ui\\packages\\components\\row\\src\\row.vue"]]);
33
48
 
34
- export { RowAlign, RowJustify, rowProps };
49
+ export { Row as default };
35
50
  //# sourceMappingURL=row.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"row.mjs","sources":["../../../../../../packages/components/row/src/row.ts"],"sourcesContent":["import { buildProps } from '@element-plus/utils'\nimport type { ExtractPropTypes } from 'vue'\nimport type Row from './row.vue'\n\nexport const RowJustify = [\n 'start',\n 'center',\n 'end',\n 'space-around',\n 'space-between',\n 'space-evenly',\n] as const\n\nexport const RowAlign = ['top', 'middle', 'bottom'] as const\n\nexport const rowProps = buildProps({\n /**\n * @description custom element tag\n */\n tag: {\n type: String,\n default: 'div',\n },\n /**\n * @description grid spacing\n */\n gutter: {\n type: Number,\n default: 0,\n },\n /**\n * @description horizontal alignment of flex layout\n */\n justify: {\n type: String,\n values: RowJustify,\n default: 'start',\n },\n /**\n * @description vertical alignment of flex layout\n */\n align: {\n type: String,\n values: RowAlign,\n default: 'top',\n },\n} as const)\n\nexport type RowProps = ExtractPropTypes<typeof rowProps>\nexport type RowInstance = InstanceType<typeof Row>\n"],"names":[],"mappings":";;;AACY,MAAC,UAAU,GAAG;AAC1B,EAAE,OAAO;AACT,EAAE,QAAQ;AACV,EAAE,KAAK;AACP,EAAE,cAAc;AAChB,EAAE,eAAe;AACjB,EAAE,cAAc;AAChB,EAAE;AACU,MAAC,QAAQ,GAAG,CAAC,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE;AACxC,MAAC,QAAQ,GAAG,UAAU,CAAC;AACnC,EAAE,GAAG,EAAE;AACP,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,EAAE,OAAO,EAAE;AACX,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,UAAU;AACtB,IAAI,OAAO,EAAE,OAAO;AACpB,GAAG;AACH,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,QAAQ;AACpB,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,CAAC;;;;"}
1
+ {"version":3,"file":"row.mjs","sources":["../../../../../../packages/components/row/src/row.vue"],"sourcesContent":["<template>\n <component :is=\"tag\" :class=\"rowKls\" :style=\"style\">\n <slot />\n </component>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, provide } from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport { rowContextKey } from './constants'\nimport { rowProps } from './row'\nimport type { CSSProperties } from 'vue'\n\ndefineOptions({\n name: 'ElRow',\n})\n\nconst props = defineProps(rowProps)\n\nconst ns = useNamespace('row')\nconst gutter = computed(() => props.gutter)\n\nprovide(rowContextKey, {\n gutter,\n})\n\nconst style = computed(() => {\n const styles: CSSProperties = {}\n if (!props.gutter) {\n return styles\n }\n\n styles.marginRight = styles.marginLeft = `-${props.gutter / 2}px`\n return styles\n})\n\nconst rowKls = computed(() => [\n ns.b(),\n ns.is(`justify-${props.justify}`, props.justify !== 'start'),\n ns.is(`align-${props.align}`, props.align !== 'top'),\n])\n</script>\n"],"names":[],"mappings":";;;;;;;mCAac,CAAA;AAAA,EACZ,IAAM,EAAA,OAAA;AACR,CAAA,CAAA,CAAA;;;;;;AAIA,IAAM,MAAA,EAAA,GAAK,aAAa,KAAK,CAAA,CAAA;AAC7B,IAAA,MAAM,MAAS,GAAA,QAAA,CAAS,MAAM,KAAA,CAAM,MAAM,CAAA,CAAA;AAE1C,IAAA,OAAA,CAAQ,aAAe,EAAA;AAAA,MACrB,MAAA;AAAA,KACD,CAAA,CAAA;AAED,IAAM,MAAA,KAAA,GAAQ,SAAS,MAAM;AAC3B,MAAA,MAAM,SAAwB,EAAC,CAAA;AAC/B,MAAI,IAAA,CAAC,MAAM,MAAQ,EAAA;AACjB,QAAO,OAAA,MAAA,CAAA;AAAA,OACT;AAEA,MAAA,MAAA,CAAO,WAAc,GAAA,MAAA,CAAO,UAAa,GAAA,CAAA,CAAA,EAAI,MAAM,MAAS,GAAA,CAAA,CAAA,EAAA,CAAA,CAAA;AAC5D,MAAO,OAAA,MAAA,CAAA;AAAA,KACR,CAAA,CAAA;AAED,IAAM,MAAA,MAAA,GAAS,SAAS,MAAM;AAAA,MAC5B,GAAG,CAAE,EAAA;AAAA,MACL,GAAG,EAAG,CAAA,CAAA,QAAA,EAAW,MAAM,OAAW,CAAA,CAAA,EAAA,KAAA,CAAM,YAAY,OAAO,CAAA;AAAA,MAC3D,GAAG,EAAG,CAAA,CAAA,MAAA,EAAS,MAAM,KAAS,CAAA,CAAA,EAAA,KAAA,CAAM,UAAU,KAAK,CAAA;AAAA,KACpD,CAAA,CAAA;;;;;;;;;;;;;;;;;;"}
@@ -1,50 +1,35 @@
1
- import { defineComponent, computed, provide, openBlock, createBlock, resolveDynamicComponent, normalizeClass, unref, normalizeStyle, withCtx, renderSlot } from 'vue';
2
- import '../../../hooks/index.mjs';
3
- import { rowContextKey } from './constants.mjs';
4
- import { rowProps } from './row.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 __default__ = defineComponent({
9
- name: "ElRow"
10
- });
11
- const _sfc_main = /* @__PURE__ */ defineComponent({
12
- ...__default__,
13
- props: rowProps,
14
- setup(__props) {
15
- const props = __props;
16
- const ns = useNamespace("row");
17
- const gutter = computed(() => props.gutter);
18
- provide(rowContextKey, {
19
- gutter
20
- });
21
- const style = computed(() => {
22
- const styles = {};
23
- if (!props.gutter) {
24
- return styles;
25
- }
26
- styles.marginRight = styles.marginLeft = `-${props.gutter / 2}px`;
27
- return styles;
28
- });
29
- const rowKls = computed(() => [
30
- ns.b(),
31
- ns.is(`justify-${props.justify}`, props.justify !== "start"),
32
- ns.is(`align-${props.align}`, props.align !== "top")
33
- ]);
34
- return (_ctx, _cache) => {
35
- return openBlock(), createBlock(resolveDynamicComponent(_ctx.tag), {
36
- class: normalizeClass(unref(rowKls)),
37
- style: normalizeStyle(unref(style))
38
- }, {
39
- default: withCtx(() => [
40
- renderSlot(_ctx.$slots, "default")
41
- ]),
42
- _: 3
43
- }, 8, ["class", "style"]);
44
- };
4
+ const RowJustify = [
5
+ "start",
6
+ "center",
7
+ "end",
8
+ "space-around",
9
+ "space-between",
10
+ "space-evenly"
11
+ ];
12
+ const RowAlign = ["top", "middle", "bottom"];
13
+ const rowProps = buildProps({
14
+ tag: {
15
+ type: String,
16
+ default: "div"
17
+ },
18
+ gutter: {
19
+ type: Number,
20
+ default: 0
21
+ },
22
+ justify: {
23
+ type: String,
24
+ values: RowJustify,
25
+ default: "start"
26
+ },
27
+ align: {
28
+ type: String,
29
+ values: RowAlign,
30
+ default: "top"
45
31
  }
46
32
  });
47
- var Row = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "D:\\beyondtrucks\\beyond-ui\\packages\\components\\row\\src\\row.vue"]]);
48
33
 
49
- export { Row as default };
34
+ export { RowAlign, RowJustify, rowProps };
50
35
  //# sourceMappingURL=row2.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"row2.mjs","sources":["../../../../../../packages/components/row/src/row.vue"],"sourcesContent":["<template>\n <component :is=\"tag\" :class=\"rowKls\" :style=\"style\">\n <slot />\n </component>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, provide } from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport { rowContextKey } from './constants'\nimport { rowProps } from './row'\nimport type { CSSProperties } from 'vue'\n\ndefineOptions({\n name: 'ElRow',\n})\n\nconst props = defineProps(rowProps)\n\nconst ns = useNamespace('row')\nconst gutter = computed(() => props.gutter)\n\nprovide(rowContextKey, {\n gutter,\n})\n\nconst style = computed(() => {\n const styles: CSSProperties = {}\n if (!props.gutter) {\n return styles\n }\n\n styles.marginRight = styles.marginLeft = `-${props.gutter / 2}px`\n return styles\n})\n\nconst rowKls = computed(() => [\n ns.b(),\n ns.is(`justify-${props.justify}`, props.justify !== 'start'),\n ns.is(`align-${props.align}`, props.align !== 'top'),\n])\n</script>\n"],"names":[],"mappings":";;;;;;;mCAac,CAAA;AAAA,EACZ,IAAM,EAAA,OAAA;AACR,CAAA,CAAA,CAAA;;;;;;AAIA,IAAM,MAAA,EAAA,GAAK,aAAa,KAAK,CAAA,CAAA;AAC7B,IAAA,MAAM,MAAS,GAAA,QAAA,CAAS,MAAM,KAAA,CAAM,MAAM,CAAA,CAAA;AAE1C,IAAA,OAAA,CAAQ,aAAe,EAAA;AAAA,MACrB,MAAA;AAAA,KACD,CAAA,CAAA;AAED,IAAM,MAAA,KAAA,GAAQ,SAAS,MAAM;AAC3B,MAAA,MAAM,SAAwB,EAAC,CAAA;AAC/B,MAAI,IAAA,CAAC,MAAM,MAAQ,EAAA;AACjB,QAAO,OAAA,MAAA,CAAA;AAAA,OACT;AAEA,MAAA,MAAA,CAAO,WAAc,GAAA,MAAA,CAAO,UAAa,GAAA,CAAA,CAAA,EAAI,MAAM,MAAS,GAAA,CAAA,CAAA,EAAA,CAAA,CAAA;AAC5D,MAAO,OAAA,MAAA,CAAA;AAAA,KACR,CAAA,CAAA;AAED,IAAM,MAAA,MAAA,GAAS,SAAS,MAAM;AAAA,MAC5B,GAAG,CAAE,EAAA;AAAA,MACL,GAAG,EAAG,CAAA,CAAA,QAAA,EAAW,MAAM,OAAW,CAAA,CAAA,EAAA,KAAA,CAAM,YAAY,OAAO,CAAA;AAAA,MAC3D,GAAG,EAAG,CAAA,CAAA,MAAA,EAAS,MAAM,KAAS,CAAA,CAAA,EAAA,KAAA,CAAM,UAAU,KAAK,CAAA;AAAA,KACpD,CAAA,CAAA;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"row2.mjs","sources":["../../../../../../packages/components/row/src/row.ts"],"sourcesContent":["import { buildProps } from '@element-plus/utils'\nimport type { ExtractPropTypes } from 'vue'\nimport type Row from './row.vue'\n\nexport const RowJustify = [\n 'start',\n 'center',\n 'end',\n 'space-around',\n 'space-between',\n 'space-evenly',\n] as const\n\nexport const RowAlign = ['top', 'middle', 'bottom'] as const\n\nexport const rowProps = buildProps({\n /**\n * @description custom element tag\n */\n tag: {\n type: String,\n default: 'div',\n },\n /**\n * @description grid spacing\n */\n gutter: {\n type: Number,\n default: 0,\n },\n /**\n * @description horizontal alignment of flex layout\n */\n justify: {\n type: String,\n values: RowJustify,\n default: 'start',\n },\n /**\n * @description vertical alignment of flex layout\n */\n align: {\n type: String,\n values: RowAlign,\n default: 'top',\n },\n} as const)\n\nexport type RowProps = ExtractPropTypes<typeof rowProps>\nexport type RowInstance = InstanceType<typeof Row>\n"],"names":[],"mappings":";;;AACY,MAAC,UAAU,GAAG;AAC1B,EAAE,OAAO;AACT,EAAE,QAAQ;AACV,EAAE,KAAK;AACP,EAAE,cAAc;AAChB,EAAE,eAAe;AACjB,EAAE,cAAc;AAChB,EAAE;AACU,MAAC,QAAQ,GAAG,CAAC,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE;AACxC,MAAC,QAAQ,GAAG,UAAU,CAAC;AACnC,EAAE,GAAG,EAAE;AACP,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,EAAE,OAAO,EAAE;AACX,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,UAAU;AACtB,IAAI,OAAO,EAAE,OAAO;AACpB,GAAG;AACH,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,QAAQ;AACpB,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,CAAC;;;;"}
@@ -1,8 +1,8 @@
1
1
  import '../../utils/index.mjs';
2
- import Scrollbar from './src/scrollbar2.mjs';
2
+ import Scrollbar from './src/scrollbar.mjs';
3
3
  export { BAR_MAP, GAP, renderThumbStyle } from './src/util.mjs';
4
- export { scrollbarEmits, scrollbarProps } from './src/scrollbar.mjs';
5
- export { thumbProps } from './src/thumb.mjs';
4
+ export { scrollbarEmits, scrollbarProps } from './src/scrollbar2.mjs';
5
+ export { thumbProps } from './src/thumb2.mjs';
6
6
  export { scrollbarContextKey } from './src/constants.mjs';
7
7
  import { withInstall } from '../../utils/vue/install.mjs';
8
8
 
@@ -1,6 +1,6 @@
1
1
  import { defineComponent, ref, openBlock, createElementBlock, Fragment, createVNode } from 'vue';
2
2
  import { GAP } from './util.mjs';
3
- import Thumb from './thumb2.mjs';
3
+ import Thumb from './thumb.mjs';
4
4
  import { barProps } from './bar.mjs';
5
5
  import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
6
6
 
@@ -1,53 +1,181 @@
1
+ import { defineComponent, ref, computed, watch, nextTick, provide, reactive, onMounted, onUpdated, openBlock, createElementBlock, normalizeClass, unref, createElementVNode, normalizeStyle, createBlock, resolveDynamicComponent, withCtx, renderSlot, createCommentVNode } from 'vue';
2
+ import { useResizeObserver, useEventListener } from '@vueuse/core';
1
3
  import '../../../utils/index.mjs';
2
- import { buildProps, definePropType } from '../../../utils/vue/props/runtime.mjs';
4
+ import '../../../hooks/index.mjs';
5
+ import { GAP } from './util.mjs';
6
+ import Bar from './bar2.mjs';
7
+ import { scrollbarContextKey } from './constants.mjs';
8
+ import { scrollbarProps, scrollbarEmits } from './scrollbar2.mjs';
9
+ import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
10
+ import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
11
+ import { addUnit } from '../../../utils/dom/style.mjs';
12
+ import { isObject } from '@vue/shared';
3
13
  import { isNumber } from '../../../utils/types.mjs';
14
+ import { debugWarn } from '../../../utils/error.mjs';
4
15
 
5
- const scrollbarProps = buildProps({
6
- height: {
7
- type: [String, Number],
8
- default: ""
9
- },
10
- maxHeight: {
11
- type: [String, Number],
12
- default: ""
13
- },
14
- native: {
15
- type: Boolean,
16
- default: false
17
- },
18
- wrapStyle: {
19
- type: definePropType([String, Object, Array]),
20
- default: ""
21
- },
22
- wrapClass: {
23
- type: [String, Array],
24
- default: ""
25
- },
26
- viewClass: {
27
- type: [String, Array],
28
- default: ""
29
- },
30
- viewStyle: {
31
- type: [String, Array, Object],
32
- default: ""
33
- },
34
- noresize: Boolean,
35
- tag: {
36
- type: String,
37
- default: "div"
38
- },
39
- always: Boolean,
40
- minSize: {
41
- type: Number,
42
- default: 20
16
+ const COMPONENT_NAME = "ElScrollbar";
17
+ const __default__ = defineComponent({
18
+ name: COMPONENT_NAME
19
+ });
20
+ const _sfc_main = /* @__PURE__ */ defineComponent({
21
+ ...__default__,
22
+ props: scrollbarProps,
23
+ emits: scrollbarEmits,
24
+ setup(__props, { expose, emit }) {
25
+ const props = __props;
26
+ const ns = useNamespace("scrollbar");
27
+ let stopResizeObserver = void 0;
28
+ let stopResizeListener = void 0;
29
+ const scrollbarRef = ref();
30
+ const wrapRef = ref();
31
+ const resizeRef = ref();
32
+ const sizeWidth = ref("0");
33
+ const sizeHeight = ref("0");
34
+ const barRef = ref();
35
+ const ratioY = ref(1);
36
+ const ratioX = ref(1);
37
+ const style = computed(() => {
38
+ const style2 = {};
39
+ if (props.height)
40
+ style2.height = addUnit(props.height);
41
+ if (props.maxHeight)
42
+ style2.maxHeight = addUnit(props.maxHeight);
43
+ return [props.wrapStyle, style2];
44
+ });
45
+ const wrapKls = computed(() => {
46
+ return [
47
+ props.wrapClass,
48
+ ns.e("wrap"),
49
+ { [ns.em("wrap", "hidden-default")]: !props.native }
50
+ ];
51
+ });
52
+ const resizeKls = computed(() => {
53
+ return [ns.e("view"), props.viewClass];
54
+ });
55
+ const handleScroll = () => {
56
+ var _a;
57
+ if (wrapRef.value) {
58
+ (_a = barRef.value) == null ? void 0 : _a.handleScroll(wrapRef.value);
59
+ emit("scroll", {
60
+ scrollTop: wrapRef.value.scrollTop,
61
+ scrollLeft: wrapRef.value.scrollLeft
62
+ });
63
+ }
64
+ };
65
+ function scrollTo(arg1, arg2) {
66
+ if (isObject(arg1)) {
67
+ wrapRef.value.scrollTo(arg1);
68
+ } else if (isNumber(arg1) && isNumber(arg2)) {
69
+ wrapRef.value.scrollTo(arg1, arg2);
70
+ }
71
+ }
72
+ const setScrollTop = (value) => {
73
+ if (!isNumber(value)) {
74
+ debugWarn(COMPONENT_NAME, "value must be a number");
75
+ return;
76
+ }
77
+ wrapRef.value.scrollTop = value;
78
+ };
79
+ const setScrollLeft = (value) => {
80
+ if (!isNumber(value)) {
81
+ debugWarn(COMPONENT_NAME, "value must be a number");
82
+ return;
83
+ }
84
+ wrapRef.value.scrollLeft = value;
85
+ };
86
+ const update = () => {
87
+ if (!wrapRef.value)
88
+ return;
89
+ const offsetHeight = wrapRef.value.offsetHeight - GAP;
90
+ const offsetWidth = wrapRef.value.offsetWidth - GAP;
91
+ const originalHeight = offsetHeight ** 2 / wrapRef.value.scrollHeight;
92
+ const originalWidth = offsetWidth ** 2 / wrapRef.value.scrollWidth;
93
+ const height = Math.max(originalHeight, props.minSize);
94
+ const width = Math.max(originalWidth, props.minSize);
95
+ ratioY.value = originalHeight / (offsetHeight - originalHeight) / (height / (offsetHeight - height));
96
+ ratioX.value = originalWidth / (offsetWidth - originalWidth) / (width / (offsetWidth - width));
97
+ sizeHeight.value = height + GAP < offsetHeight ? `${height}px` : "";
98
+ sizeWidth.value = width + GAP < offsetWidth ? `${width}px` : "";
99
+ };
100
+ watch(() => props.noresize, (noresize) => {
101
+ if (noresize) {
102
+ stopResizeObserver == null ? void 0 : stopResizeObserver();
103
+ stopResizeListener == null ? void 0 : stopResizeListener();
104
+ } else {
105
+ ;
106
+ ({ stop: stopResizeObserver } = useResizeObserver(resizeRef, update));
107
+ stopResizeListener = useEventListener("resize", update);
108
+ }
109
+ }, { immediate: true });
110
+ watch(() => [props.maxHeight, props.height], () => {
111
+ if (!props.native)
112
+ nextTick(() => {
113
+ var _a;
114
+ update();
115
+ if (wrapRef.value) {
116
+ (_a = barRef.value) == null ? void 0 : _a.handleScroll(wrapRef.value);
117
+ }
118
+ });
119
+ });
120
+ provide(scrollbarContextKey, reactive({
121
+ scrollbarElement: scrollbarRef,
122
+ wrapElement: wrapRef
123
+ }));
124
+ onMounted(() => {
125
+ if (!props.native)
126
+ nextTick(() => {
127
+ update();
128
+ });
129
+ });
130
+ onUpdated(() => update());
131
+ expose({
132
+ wrapRef,
133
+ update,
134
+ scrollTo,
135
+ setScrollTop,
136
+ setScrollLeft,
137
+ handleScroll
138
+ });
139
+ return (_ctx, _cache) => {
140
+ return openBlock(), createElementBlock("div", {
141
+ ref_key: "scrollbarRef",
142
+ ref: scrollbarRef,
143
+ class: normalizeClass(unref(ns).b())
144
+ }, [
145
+ createElementVNode("div", {
146
+ ref_key: "wrapRef",
147
+ ref: wrapRef,
148
+ class: normalizeClass(unref(wrapKls)),
149
+ style: normalizeStyle(unref(style)),
150
+ onScroll: handleScroll
151
+ }, [
152
+ (openBlock(), createBlock(resolveDynamicComponent(_ctx.tag), {
153
+ ref_key: "resizeRef",
154
+ ref: resizeRef,
155
+ class: normalizeClass(unref(resizeKls)),
156
+ style: normalizeStyle(_ctx.viewStyle)
157
+ }, {
158
+ default: withCtx(() => [
159
+ renderSlot(_ctx.$slots, "default")
160
+ ]),
161
+ _: 3
162
+ }, 8, ["class", "style"]))
163
+ ], 38),
164
+ !_ctx.native ? (openBlock(), createBlock(Bar, {
165
+ key: 0,
166
+ ref_key: "barRef",
167
+ ref: barRef,
168
+ height: sizeHeight.value,
169
+ width: sizeWidth.value,
170
+ always: _ctx.always,
171
+ "ratio-x": ratioX.value,
172
+ "ratio-y": ratioY.value
173
+ }, null, 8, ["height", "width", "always", "ratio-x", "ratio-y"])) : createCommentVNode("v-if", true)
174
+ ], 2);
175
+ };
43
176
  }
44
177
  });
45
- const scrollbarEmits = {
46
- scroll: ({
47
- scrollTop,
48
- scrollLeft
49
- }) => [scrollTop, scrollLeft].every(isNumber)
50
- };
178
+ var Scrollbar = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "D:\\beyondtrucks\\beyond-ui\\packages\\components\\scrollbar\\src\\scrollbar.vue"]]);
51
179
 
52
- export { scrollbarEmits, scrollbarProps };
180
+ export { Scrollbar as default };
53
181
  //# sourceMappingURL=scrollbar.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"scrollbar.mjs","sources":["../../../../../../packages/components/scrollbar/src/scrollbar.ts"],"sourcesContent":["import { buildProps, definePropType, isNumber } from '@element-plus/utils'\nimport type { ExtractPropTypes, StyleValue } from 'vue'\nimport type Scrollbar from './scrollbar.vue'\n\nexport const scrollbarProps = buildProps({\n /**\n * @description height of scrollbar\n */\n height: {\n type: [String, Number],\n default: '',\n },\n /**\n * @description max height of scrollbar\n */\n maxHeight: {\n type: [String, Number],\n default: '',\n },\n /**\n * @description whether to use the native scrollbar\n */\n native: {\n type: Boolean,\n default: false,\n },\n /**\n * @description style of wrap\n */\n wrapStyle: {\n type: definePropType<StyleValue>([String, Object, Array]),\n default: '',\n },\n /**\n * @description class of wrap\n */\n wrapClass: {\n type: [String, Array],\n default: '',\n },\n /**\n * @description class of view\n */\n viewClass: {\n type: [String, Array],\n default: '',\n },\n /**\n * @description style of view\n */\n viewStyle: {\n type: [String, Array, Object],\n default: '',\n },\n /**\n * @description do not respond to container size changes, if the container size does not change, it is better to set it to optimize performance\n */\n noresize: Boolean, // 如果 container 尺寸不会发生变化,最好设置它可以优化性能\n /**\n * @description element tag of the view\n */\n tag: {\n type: String,\n default: 'div',\n },\n /**\n * @description always show\n */\n always: Boolean,\n /**\n * @description minimum size of scrollbar\n */\n minSize: {\n type: Number,\n default: 20,\n },\n} as const)\nexport type ScrollbarProps = ExtractPropTypes<typeof scrollbarProps>\n\nexport const scrollbarEmits = {\n scroll: ({\n scrollTop,\n scrollLeft,\n }: {\n scrollTop: number\n scrollLeft: number\n }) => [scrollTop, scrollLeft].every(isNumber),\n}\nexport type ScrollbarEmits = typeof scrollbarEmits\n\nexport type ScrollbarInstance = InstanceType<typeof Scrollbar>\n"],"names":[],"mappings":";;;;AACY,MAAC,cAAc,GAAG,UAAU,CAAC;AACzC,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;AAC1B,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;AAC1B,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,cAAc,CAAC,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,CAAC,CAAC;AACjD,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,CAAC,MAAM,EAAE,KAAK,CAAC;AACzB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,CAAC,MAAM,EAAE,KAAK,CAAC;AACzB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,CAAC,MAAM,EAAE,KAAK,EAAE,MAAM,CAAC;AACjC,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,QAAQ,EAAE,OAAO;AACnB,EAAE,GAAG,EAAE;AACP,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,EAAE,MAAM,EAAE,OAAO;AACjB,EAAE,OAAO,EAAE;AACX,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,CAAC,EAAE;AACS,MAAC,cAAc,GAAG;AAC9B,EAAE,MAAM,EAAE,CAAC;AACX,IAAI,SAAS;AACb,IAAI,UAAU;AACd,GAAG,KAAK,CAAC,SAAS,EAAE,UAAU,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC;AAC/C;;;;"}
1
+ {"version":3,"file":"scrollbar.mjs","sources":["../../../../../../packages/components/scrollbar/src/scrollbar.vue"],"sourcesContent":["<template>\n <div ref=\"scrollbarRef\" :class=\"ns.b()\">\n <div ref=\"wrapRef\" :class=\"wrapKls\" :style=\"style\" @scroll=\"handleScroll\">\n <component\n :is=\"tag\"\n ref=\"resizeRef\"\n :class=\"resizeKls\"\n :style=\"viewStyle\"\n >\n <slot />\n </component>\n </div>\n <template v-if=\"!native\">\n <bar\n ref=\"barRef\"\n :height=\"sizeHeight\"\n :width=\"sizeWidth\"\n :always=\"always\"\n :ratio-x=\"ratioX\"\n :ratio-y=\"ratioY\"\n />\n </template>\n </div>\n</template>\n<script lang=\"ts\" setup>\nimport {\n computed,\n nextTick,\n onMounted,\n onUpdated,\n provide,\n reactive,\n ref,\n watch,\n} from 'vue'\nimport { useEventListener, useResizeObserver } from '@vueuse/core'\nimport { addUnit, debugWarn, isNumber, isObject } from '@element-plus/utils'\nimport { useNamespace } from '@element-plus/hooks'\nimport { GAP } from './util'\nimport Bar from './bar.vue'\nimport { scrollbarContextKey } from './constants'\nimport { scrollbarEmits, scrollbarProps } from './scrollbar'\nimport type { BarInstance } from './bar'\nimport type { CSSProperties, StyleValue } from 'vue'\n\nconst COMPONENT_NAME = 'ElScrollbar'\n\ndefineOptions({\n name: COMPONENT_NAME,\n})\n\nconst props = defineProps(scrollbarProps)\nconst emit = defineEmits(scrollbarEmits)\n\nconst ns = useNamespace('scrollbar')\n\nlet stopResizeObserver: (() => void) | undefined = undefined\nlet stopResizeListener: (() => void) | undefined = undefined\n\nconst scrollbarRef = ref<HTMLDivElement>()\nconst wrapRef = ref<HTMLDivElement>()\nconst resizeRef = ref<HTMLElement>()\n\nconst sizeWidth = ref('0')\nconst sizeHeight = ref('0')\nconst barRef = ref<BarInstance>()\nconst ratioY = ref(1)\nconst ratioX = ref(1)\n\nconst style = computed<StyleValue>(() => {\n const style: CSSProperties = {}\n if (props.height) style.height = addUnit(props.height)\n if (props.maxHeight) style.maxHeight = addUnit(props.maxHeight)\n return [props.wrapStyle, style]\n})\n\nconst wrapKls = computed(() => {\n return [\n props.wrapClass,\n ns.e('wrap'),\n { [ns.em('wrap', 'hidden-default')]: !props.native },\n ]\n})\n\nconst resizeKls = computed(() => {\n return [ns.e('view'), props.viewClass]\n})\n\nconst handleScroll = () => {\n if (wrapRef.value) {\n barRef.value?.handleScroll(wrapRef.value)\n\n emit('scroll', {\n scrollTop: wrapRef.value.scrollTop,\n scrollLeft: wrapRef.value.scrollLeft,\n })\n }\n}\n\n// TODO: refactor method overrides, due to script setup dts\n// @ts-nocheck\nfunction scrollTo(xCord: number, yCord?: number): void\nfunction scrollTo(options: ScrollToOptions): void\nfunction scrollTo(arg1: unknown, arg2?: number) {\n if (isObject(arg1)) {\n wrapRef.value!.scrollTo(arg1)\n } else if (isNumber(arg1) && isNumber(arg2)) {\n wrapRef.value!.scrollTo(arg1, arg2)\n }\n}\n\nconst setScrollTop = (value: number) => {\n if (!isNumber(value)) {\n debugWarn(COMPONENT_NAME, 'value must be a number')\n return\n }\n wrapRef.value!.scrollTop = value\n}\n\nconst setScrollLeft = (value: number) => {\n if (!isNumber(value)) {\n debugWarn(COMPONENT_NAME, 'value must be a number')\n return\n }\n wrapRef.value!.scrollLeft = value\n}\n\nconst update = () => {\n if (!wrapRef.value) return\n const offsetHeight = wrapRef.value.offsetHeight - GAP\n const offsetWidth = wrapRef.value.offsetWidth - GAP\n\n const originalHeight = offsetHeight ** 2 / wrapRef.value.scrollHeight\n const originalWidth = offsetWidth ** 2 / wrapRef.value.scrollWidth\n const height = Math.max(originalHeight, props.minSize)\n const width = Math.max(originalWidth, props.minSize)\n\n ratioY.value =\n originalHeight /\n (offsetHeight - originalHeight) /\n (height / (offsetHeight - height))\n ratioX.value =\n originalWidth /\n (offsetWidth - originalWidth) /\n (width / (offsetWidth - width))\n\n sizeHeight.value = height + GAP < offsetHeight ? `${height}px` : ''\n sizeWidth.value = width + GAP < offsetWidth ? `${width}px` : ''\n}\n\nwatch(\n () => props.noresize,\n (noresize) => {\n if (noresize) {\n stopResizeObserver?.()\n stopResizeListener?.()\n } else {\n ;({ stop: stopResizeObserver } = useResizeObserver(resizeRef, update))\n stopResizeListener = useEventListener('resize', update)\n }\n },\n { immediate: true }\n)\n\nwatch(\n () => [props.maxHeight, props.height],\n () => {\n if (!props.native)\n nextTick(() => {\n update()\n if (wrapRef.value) {\n barRef.value?.handleScroll(wrapRef.value)\n }\n })\n }\n)\n\nprovide(\n scrollbarContextKey,\n reactive({\n scrollbarElement: scrollbarRef,\n wrapElement: wrapRef,\n })\n)\n\nonMounted(() => {\n if (!props.native)\n nextTick(() => {\n update()\n })\n})\nonUpdated(() => update())\n\ndefineExpose({\n /** @description scrollbar wrap ref */\n wrapRef,\n /** @description update scrollbar state manually */\n update,\n /** @description scrolls to a particular set of coordinates */\n scrollTo,\n /** @description set distance to scroll top */\n setScrollTop,\n /** @description set distance to scroll left */\n setScrollLeft,\n /** @description handle scroll event */\n handleScroll,\n})\n</script>\n"],"names":[],"mappings":"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"}