element-ps 2.0.18 → 2.0.21

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 (442) hide show
  1. package/dist/index.full.js +6 -64
  2. package/dist/index.full.min.js +5 -5
  3. package/dist/index.full.min.js.map +1 -1
  4. package/dist/index.full.min.mjs +5 -5
  5. package/dist/index.full.min.mjs.map +1 -1
  6. package/dist/index.full.mjs +6 -64
  7. package/dist/locale/en.js +1 -1
  8. package/dist/locale/en.min.js +1 -1
  9. package/dist/locale/en.min.mjs +1 -1
  10. package/dist/locale/en.mjs +1 -1
  11. package/dist/locale/zh-cn.js +1 -1
  12. package/dist/locale/zh-cn.min.js +1 -1
  13. package/dist/locale/zh-cn.min.mjs +1 -1
  14. package/dist/locale/zh-cn.mjs +1 -1
  15. package/es/components/alert/index.mjs +2 -2
  16. package/es/components/alert/src/alert.mjs +33 -83
  17. package/es/components/alert/src/alert.mjs.map +1 -1
  18. package/es/components/alert/src/alert2.mjs +83 -33
  19. package/es/components/alert/src/alert2.mjs.map +1 -1
  20. package/es/components/autocomplete/index.d.ts +5 -5
  21. package/es/components/autocomplete/src/autocomplete.vue.d.ts +5 -5
  22. package/es/components/autocomplete/src/autocomplete2.mjs +1 -1
  23. package/es/components/backtop/index.mjs +2 -2
  24. package/es/components/backtop/src/backtop.mjs +18 -59
  25. package/es/components/backtop/src/backtop.mjs.map +1 -1
  26. package/es/components/backtop/src/backtop2.mjs +59 -18
  27. package/es/components/backtop/src/backtop2.mjs.map +1 -1
  28. package/es/components/badge/index.mjs +2 -2
  29. package/es/components/badge/src/badge.mjs +54 -17
  30. package/es/components/badge/src/badge.mjs.map +1 -1
  31. package/es/components/badge/src/badge2.mjs +17 -54
  32. package/es/components/badge/src/badge2.mjs.map +1 -1
  33. package/es/components/breadcrumb/index.mjs +2 -2
  34. package/es/components/breadcrumb/src/breadcrumb-item.mjs +46 -11
  35. package/es/components/breadcrumb/src/breadcrumb-item.mjs.map +1 -1
  36. package/es/components/breadcrumb/src/breadcrumb-item2.mjs +11 -46
  37. package/es/components/breadcrumb/src/breadcrumb-item2.mjs.map +1 -1
  38. package/es/components/button/index.mjs +2 -2
  39. package/es/components/button/src/button-group.mjs +1 -1
  40. package/es/components/button/src/button.mjs +48 -96
  41. package/es/components/button/src/button.mjs.map +1 -1
  42. package/es/components/button/src/button2.mjs +96 -48
  43. package/es/components/button/src/button2.mjs.map +1 -1
  44. package/es/components/calendar/index.mjs +2 -2
  45. package/es/components/calendar/src/calendar.mjs +9 -188
  46. package/es/components/calendar/src/calendar.mjs.map +1 -1
  47. package/es/components/calendar/src/calendar2.mjs +188 -9
  48. package/es/components/calendar/src/calendar2.mjs.map +1 -1
  49. package/es/components/carousel/index.mjs +2 -2
  50. package/es/components/carousel/src/carousel.mjs +43 -201
  51. package/es/components/carousel/src/carousel.mjs.map +1 -1
  52. package/es/components/carousel/src/carousel2.mjs +201 -43
  53. package/es/components/carousel/src/carousel2.mjs.map +1 -1
  54. package/es/components/cascader/src/index.mjs +2 -2
  55. package/es/components/cascader-panel/src/config.mjs +1 -1
  56. package/es/components/cascader-panel/src/index.mjs +1 -1
  57. package/es/components/cascader-panel/src/menu.mjs +1 -1
  58. package/es/components/cascader-panel/src/node.mjs +200 -120
  59. package/es/components/cascader-panel/src/node.mjs.map +1 -1
  60. package/es/components/cascader-panel/src/node2.mjs +120 -200
  61. package/es/components/cascader-panel/src/node2.mjs.map +1 -1
  62. package/es/components/cascader-panel/src/store.mjs +1 -1
  63. package/es/components/collapse/index.mjs +2 -2
  64. package/es/components/collapse/src/collapse.mjs +14 -61
  65. package/es/components/collapse/src/collapse.mjs.map +1 -1
  66. package/es/components/collapse/src/collapse2.mjs +61 -14
  67. package/es/components/collapse/src/collapse2.mjs.map +1 -1
  68. package/es/components/collection/src/collection.mjs +1 -34
  69. package/es/components/collection/src/collection.mjs.map +1 -1
  70. package/es/components/dialog/index.mjs +2 -2
  71. package/es/components/dialog/src/dialog.mjs +61 -87
  72. package/es/components/dialog/src/dialog.mjs.map +1 -1
  73. package/es/components/dialog/src/dialog2.mjs +87 -61
  74. package/es/components/dialog/src/dialog2.mjs.map +1 -1
  75. package/es/components/drawer/index.mjs +2 -2
  76. package/es/components/drawer/src/drawer.mjs +117 -23
  77. package/es/components/drawer/src/drawer.mjs.map +1 -1
  78. package/es/components/drawer/src/drawer2.mjs +23 -117
  79. package/es/components/drawer/src/drawer2.mjs.map +1 -1
  80. package/es/components/dropdown/index.d.ts +3 -9
  81. package/es/components/dropdown/src/dropdown-item-impl.mjs +3 -12
  82. package/es/components/dropdown/src/dropdown-item-impl.mjs.map +1 -1
  83. package/es/components/dropdown/src/dropdown-item-impl.vue.d.ts +0 -3
  84. package/es/components/dropdown/src/dropdown-menu.mjs +4 -27
  85. package/es/components/dropdown/src/dropdown-menu.mjs.map +1 -1
  86. package/es/components/dropdown/src/dropdown-menu.vue.d.ts +0 -3
  87. package/es/components/dropdown/src/dropdown.d.ts +1 -1
  88. package/es/components/dropdown/src/dropdown.mjs +1 -1
  89. package/es/components/dropdown/src/dropdown.vue.d.ts +3 -3
  90. package/es/components/empty/index.mjs +2 -2
  91. package/es/components/empty/src/empty.mjs +11 -56
  92. package/es/components/empty/src/empty.mjs.map +1 -1
  93. package/es/components/empty/src/empty2.mjs +56 -11
  94. package/es/components/empty/src/empty2.mjs.map +1 -1
  95. package/es/components/form/index.mjs +4 -4
  96. package/es/components/form/src/form-item.mjs +177 -46
  97. package/es/components/form/src/form-item.mjs.map +1 -1
  98. package/es/components/form/src/form-item2.mjs +46 -177
  99. package/es/components/form/src/form-item2.mjs.map +1 -1
  100. package/es/components/form/src/form.mjs +40 -45
  101. package/es/components/form/src/form.mjs.map +1 -1
  102. package/es/components/form/src/form2.mjs +45 -40
  103. package/es/components/form/src/form2.mjs.map +1 -1
  104. package/es/components/image-viewer/index.mjs +2 -2
  105. package/es/components/image-viewer/src/image-viewer.mjs +31 -210
  106. package/es/components/image-viewer/src/image-viewer.mjs.map +1 -1
  107. package/es/components/image-viewer/src/image-viewer2.mjs +210 -31
  108. package/es/components/image-viewer/src/image-viewer2.mjs.map +1 -1
  109. package/es/components/index.mjs +30 -30
  110. package/es/components/input/index.mjs +2 -2
  111. package/es/components/input/src/input.mjs +296 -85
  112. package/es/components/input/src/input.mjs.map +1 -1
  113. package/es/components/input/src/input2.mjs +85 -296
  114. package/es/components/input/src/input2.mjs.map +1 -1
  115. package/es/components/input-number/index.mjs +2 -2
  116. package/es/components/input-number/src/input-number.mjs +46 -171
  117. package/es/components/input-number/src/input-number.mjs.map +1 -1
  118. package/es/components/input-number/src/input-number2.mjs +171 -46
  119. package/es/components/input-number/src/input-number2.mjs.map +1 -1
  120. package/es/components/link/index.mjs +2 -2
  121. package/es/components/link/src/link.mjs +43 -19
  122. package/es/components/link/src/link.mjs.map +1 -1
  123. package/es/components/link/src/link2.mjs +19 -43
  124. package/es/components/link/src/link2.mjs.map +1 -1
  125. package/es/components/menu/index.d.ts +3 -3
  126. package/es/components/menu/src/menu.d.ts +4 -4
  127. package/es/components/page-header/index.mjs +2 -2
  128. package/es/components/page-header/src/page-header.mjs +55 -14
  129. package/es/components/page-header/src/page-header.mjs.map +1 -1
  130. package/es/components/page-header/src/page-header2.mjs +14 -55
  131. package/es/components/page-header/src/page-header2.mjs.map +1 -1
  132. package/es/components/popconfirm/src/popconfirm2.mjs +2 -2
  133. package/es/components/popover/index.d.ts +6 -6
  134. package/es/components/popover/src/index.vue.d.ts +3 -3
  135. package/es/components/popover/src/popover.d.ts +1 -1
  136. package/es/components/popover/src/popover.mjs +1 -1
  137. package/es/components/popper/index.mjs +2 -2
  138. package/es/components/popper/src/trigger.mjs +28 -17
  139. package/es/components/popper/src/trigger.mjs.map +1 -1
  140. package/es/components/popper/src/trigger2.mjs +17 -28
  141. package/es/components/popper/src/trigger2.mjs.map +1 -1
  142. package/es/components/radio/index.mjs +2 -2
  143. package/es/components/radio/src/radio-group.mjs +18 -37
  144. package/es/components/radio/src/radio-group.mjs.map +1 -1
  145. package/es/components/radio/src/radio-group2.mjs +37 -18
  146. package/es/components/radio/src/radio-group2.mjs.map +1 -1
  147. package/es/components/scrollbar/index.mjs +3 -3
  148. package/es/components/scrollbar/src/bar.mjs +35 -22
  149. package/es/components/scrollbar/src/bar.mjs.map +1 -1
  150. package/es/components/scrollbar/src/bar2.mjs +22 -35
  151. package/es/components/scrollbar/src/bar2.mjs.map +1 -1
  152. package/es/components/scrollbar/src/scrollbar.mjs +112 -42
  153. package/es/components/scrollbar/src/scrollbar.mjs.map +1 -1
  154. package/es/components/scrollbar/src/scrollbar2.mjs +42 -112
  155. package/es/components/scrollbar/src/scrollbar2.mjs.map +1 -1
  156. package/es/components/scrollbar/src/thumb.mjs +59 -11
  157. package/es/components/scrollbar/src/thumb.mjs.map +1 -1
  158. package/es/components/scrollbar/src/thumb2.mjs +11 -59
  159. package/es/components/scrollbar/src/thumb2.mjs.map +1 -1
  160. package/es/components/select/index.d.ts +9 -9
  161. package/es/components/select/src/select.mjs +2 -2
  162. package/es/components/select/src/select.vue.d.ts +9 -9
  163. package/es/components/select/src/useSelect.d.ts +5 -5
  164. package/es/components/select-v2/index.d.ts +20 -20
  165. package/es/components/select-v2/src/defaults.mjs +1 -1
  166. package/es/components/select-v2/src/option-item.vue.d.ts +1 -1
  167. package/es/components/select-v2/src/select.vue.d.ts +10 -10
  168. package/es/components/select-v2/src/useSelect.d.ts +5 -5
  169. package/es/components/skeleton/index.mjs +4 -4
  170. package/es/components/skeleton/src/skeleton-item.mjs +18 -23
  171. package/es/components/skeleton/src/skeleton-item.mjs.map +1 -1
  172. package/es/components/skeleton/src/skeleton-item2.mjs +23 -18
  173. package/es/components/skeleton/src/skeleton-item2.mjs.map +1 -1
  174. package/es/components/skeleton/src/skeleton.mjs +22 -49
  175. package/es/components/skeleton/src/skeleton.mjs.map +1 -1
  176. package/es/components/skeleton/src/skeleton2.mjs +49 -22
  177. package/es/components/skeleton/src/skeleton2.mjs.map +1 -1
  178. package/es/components/table/index.d.ts +1 -1
  179. package/es/components/table/src/filter-panel.vue.d.ts +5 -5
  180. package/es/components/table/src/table.vue.d.ts +1 -1
  181. package/es/components/tabs/index.mjs +2 -2
  182. package/es/components/tabs/src/tab-pane.mjs +14 -60
  183. package/es/components/tabs/src/tab-pane.mjs.map +1 -1
  184. package/es/components/tabs/src/tab-pane2.mjs +60 -14
  185. package/es/components/tabs/src/tab-pane2.mjs.map +1 -1
  186. package/es/components/tag/index.mjs +2 -2
  187. package/es/components/tag/src/tag.mjs +33 -81
  188. package/es/components/tag/src/tag.mjs.map +1 -1
  189. package/es/components/tag/src/tag2.mjs +81 -33
  190. package/es/components/tag/src/tag2.mjs.map +1 -1
  191. package/es/components/time-picker/src/common/picker.vue.d.ts +5 -5
  192. package/es/components/timeline/index.mjs +2 -2
  193. package/es/components/timeline/src/timeline-item.mjs +39 -73
  194. package/es/components/timeline/src/timeline-item.mjs.map +1 -1
  195. package/es/components/timeline/src/timeline-item2.mjs +73 -39
  196. package/es/components/timeline/src/timeline-item2.mjs.map +1 -1
  197. package/es/components/tooltip/index.d.ts +3 -3
  198. package/es/components/tooltip/index.mjs +2 -2
  199. package/es/components/tooltip/src/tooltip.d.ts +1 -1
  200. package/es/components/tooltip/src/tooltip.mjs +51 -64
  201. package/es/components/tooltip/src/tooltip.mjs.map +1 -1
  202. package/es/components/tooltip/src/tooltip.vue.d.ts +3 -3
  203. package/es/components/tooltip/src/tooltip2.mjs +64 -51
  204. package/es/components/tooltip/src/tooltip2.mjs.map +1 -1
  205. package/es/components/tooltip/src/trigger.mjs +2 -2
  206. package/es/components/tooltip/src/trigger.vue.d.ts +3 -3
  207. package/es/components/tooltip-v2/index.mjs +2 -2
  208. package/es/components/tooltip-v2/src/root.mjs +81 -17
  209. package/es/components/tooltip-v2/src/root.mjs.map +1 -1
  210. package/es/components/tooltip-v2/src/root2.mjs +17 -81
  211. package/es/components/tooltip-v2/src/root2.mjs.map +1 -1
  212. package/es/components/tooltip-v2/src/tooltip.mjs +2 -2
  213. package/es/components/tooltip-v2/src/tooltip2.mjs +4 -4
  214. package/es/components/tooltip-v2/src/trigger.mjs +89 -11
  215. package/es/components/tooltip-v2/src/trigger.mjs.map +1 -1
  216. package/es/components/tooltip-v2/src/trigger2.mjs +11 -89
  217. package/es/components/tooltip-v2/src/trigger2.mjs.map +1 -1
  218. package/es/components/upload/index.mjs +1 -1
  219. package/es/components/upload/src/upload-content.mjs +1 -1
  220. package/es/components/upload/src/upload-dragger.mjs +32 -11
  221. package/es/components/upload/src/upload-dragger.mjs.map +1 -1
  222. package/es/components/upload/src/upload-dragger2.mjs +11 -32
  223. package/es/components/upload/src/upload-dragger2.mjs.map +1 -1
  224. package/es/index.mjs +30 -30
  225. package/es/version.d.ts +1 -1
  226. package/es/version.mjs +1 -1
  227. package/es/version.mjs.map +1 -1
  228. package/lib/components/alert/index.js +2 -2
  229. package/lib/components/alert/src/alert.js +33 -82
  230. package/lib/components/alert/src/alert.js.map +1 -1
  231. package/lib/components/alert/src/alert2.js +82 -33
  232. package/lib/components/alert/src/alert2.js.map +1 -1
  233. package/lib/components/autocomplete/index.d.ts +5 -5
  234. package/lib/components/autocomplete/src/autocomplete.vue.d.ts +5 -5
  235. package/lib/components/autocomplete/src/autocomplete2.js +1 -1
  236. package/lib/components/backtop/index.js +2 -2
  237. package/lib/components/backtop/src/backtop.js +18 -59
  238. package/lib/components/backtop/src/backtop.js.map +1 -1
  239. package/lib/components/backtop/src/backtop2.js +59 -18
  240. package/lib/components/backtop/src/backtop2.js.map +1 -1
  241. package/lib/components/badge/index.js +2 -2
  242. package/lib/components/badge/src/badge.js +54 -17
  243. package/lib/components/badge/src/badge.js.map +1 -1
  244. package/lib/components/badge/src/badge2.js +17 -54
  245. package/lib/components/badge/src/badge2.js.map +1 -1
  246. package/lib/components/breadcrumb/index.js +2 -2
  247. package/lib/components/breadcrumb/src/breadcrumb-item.js +46 -11
  248. package/lib/components/breadcrumb/src/breadcrumb-item.js.map +1 -1
  249. package/lib/components/breadcrumb/src/breadcrumb-item2.js +11 -46
  250. package/lib/components/breadcrumb/src/breadcrumb-item2.js.map +1 -1
  251. package/lib/components/button/index.js +2 -2
  252. package/lib/components/button/src/button-group.js +1 -1
  253. package/lib/components/button/src/button.js +50 -96
  254. package/lib/components/button/src/button.js.map +1 -1
  255. package/lib/components/button/src/button2.js +96 -50
  256. package/lib/components/button/src/button2.js.map +1 -1
  257. package/lib/components/calendar/index.js +2 -2
  258. package/lib/components/calendar/src/calendar.js +9 -192
  259. package/lib/components/calendar/src/calendar.js.map +1 -1
  260. package/lib/components/calendar/src/calendar2.js +192 -9
  261. package/lib/components/calendar/src/calendar2.js.map +1 -1
  262. package/lib/components/carousel/index.js +2 -2
  263. package/lib/components/carousel/src/carousel.js +43 -201
  264. package/lib/components/carousel/src/carousel.js.map +1 -1
  265. package/lib/components/carousel/src/carousel2.js +201 -43
  266. package/lib/components/carousel/src/carousel2.js.map +1 -1
  267. package/lib/components/cascader/src/index.js +2 -2
  268. package/lib/components/cascader-panel/src/config.js +1 -1
  269. package/lib/components/cascader-panel/src/index.js +1 -1
  270. package/lib/components/cascader-panel/src/menu.js +1 -1
  271. package/lib/components/cascader-panel/src/node.js +200 -121
  272. package/lib/components/cascader-panel/src/node.js.map +1 -1
  273. package/lib/components/cascader-panel/src/node2.js +121 -200
  274. package/lib/components/cascader-panel/src/node2.js.map +1 -1
  275. package/lib/components/cascader-panel/src/store.js +1 -1
  276. package/lib/components/collapse/index.js +2 -2
  277. package/lib/components/collapse/src/collapse.js +16 -61
  278. package/lib/components/collapse/src/collapse.js.map +1 -1
  279. package/lib/components/collapse/src/collapse2.js +61 -16
  280. package/lib/components/collapse/src/collapse2.js.map +1 -1
  281. package/lib/components/collection/src/collection.js +0 -33
  282. package/lib/components/collection/src/collection.js.map +1 -1
  283. package/lib/components/dialog/index.js +2 -2
  284. package/lib/components/dialog/src/dialog.js +61 -87
  285. package/lib/components/dialog/src/dialog.js.map +1 -1
  286. package/lib/components/dialog/src/dialog2.js +87 -61
  287. package/lib/components/dialog/src/dialog2.js.map +1 -1
  288. package/lib/components/drawer/index.js +2 -2
  289. package/lib/components/drawer/src/drawer.js +117 -23
  290. package/lib/components/drawer/src/drawer.js.map +1 -1
  291. package/lib/components/drawer/src/drawer2.js +23 -117
  292. package/lib/components/drawer/src/drawer2.js.map +1 -1
  293. package/lib/components/dropdown/index.d.ts +3 -9
  294. package/lib/components/dropdown/src/dropdown-item-impl.js +1 -10
  295. package/lib/components/dropdown/src/dropdown-item-impl.js.map +1 -1
  296. package/lib/components/dropdown/src/dropdown-item-impl.vue.d.ts +0 -3
  297. package/lib/components/dropdown/src/dropdown-menu.js +2 -25
  298. package/lib/components/dropdown/src/dropdown-menu.js.map +1 -1
  299. package/lib/components/dropdown/src/dropdown-menu.vue.d.ts +0 -3
  300. package/lib/components/dropdown/src/dropdown.d.ts +1 -1
  301. package/lib/components/dropdown/src/dropdown.js +1 -1
  302. package/lib/components/dropdown/src/dropdown.vue.d.ts +3 -3
  303. package/lib/components/empty/index.js +2 -2
  304. package/lib/components/empty/src/empty.js +11 -56
  305. package/lib/components/empty/src/empty.js.map +1 -1
  306. package/lib/components/empty/src/empty2.js +56 -11
  307. package/lib/components/empty/src/empty2.js.map +1 -1
  308. package/lib/components/form/index.js +4 -4
  309. package/lib/components/form/src/form-item.js +177 -47
  310. package/lib/components/form/src/form-item.js.map +1 -1
  311. package/lib/components/form/src/form-item2.js +47 -177
  312. package/lib/components/form/src/form-item2.js.map +1 -1
  313. package/lib/components/form/src/form.js +40 -45
  314. package/lib/components/form/src/form.js.map +1 -1
  315. package/lib/components/form/src/form2.js +45 -40
  316. package/lib/components/form/src/form2.js.map +1 -1
  317. package/lib/components/image-viewer/index.js +2 -2
  318. package/lib/components/image-viewer/src/image-viewer.js +31 -210
  319. package/lib/components/image-viewer/src/image-viewer.js.map +1 -1
  320. package/lib/components/image-viewer/src/image-viewer2.js +210 -31
  321. package/lib/components/image-viewer/src/image-viewer2.js.map +1 -1
  322. package/lib/components/index.js +30 -30
  323. package/lib/components/input/index.js +2 -2
  324. package/lib/components/input/src/input.js +295 -84
  325. package/lib/components/input/src/input.js.map +1 -1
  326. package/lib/components/input/src/input2.js +84 -295
  327. package/lib/components/input/src/input2.js.map +1 -1
  328. package/lib/components/input-number/index.js +2 -2
  329. package/lib/components/input-number/src/input-number.js +46 -171
  330. package/lib/components/input-number/src/input-number.js.map +1 -1
  331. package/lib/components/input-number/src/input-number2.js +171 -46
  332. package/lib/components/input-number/src/input-number2.js.map +1 -1
  333. package/lib/components/link/index.js +2 -2
  334. package/lib/components/link/src/link.js +43 -19
  335. package/lib/components/link/src/link.js.map +1 -1
  336. package/lib/components/link/src/link2.js +19 -43
  337. package/lib/components/link/src/link2.js.map +1 -1
  338. package/lib/components/menu/index.d.ts +3 -3
  339. package/lib/components/menu/src/menu.d.ts +4 -4
  340. package/lib/components/page-header/index.js +2 -2
  341. package/lib/components/page-header/src/page-header.js +55 -14
  342. package/lib/components/page-header/src/page-header.js.map +1 -1
  343. package/lib/components/page-header/src/page-header2.js +14 -55
  344. package/lib/components/page-header/src/page-header2.js.map +1 -1
  345. package/lib/components/popconfirm/src/popconfirm2.js +2 -2
  346. package/lib/components/popover/index.d.ts +6 -6
  347. package/lib/components/popover/src/index.vue.d.ts +3 -3
  348. package/lib/components/popover/src/popover.d.ts +1 -1
  349. package/lib/components/popover/src/popover.js +1 -1
  350. package/lib/components/popper/index.js +2 -2
  351. package/lib/components/popper/src/trigger.js +28 -17
  352. package/lib/components/popper/src/trigger.js.map +1 -1
  353. package/lib/components/popper/src/trigger2.js +17 -28
  354. package/lib/components/popper/src/trigger2.js.map +1 -1
  355. package/lib/components/radio/index.js +2 -2
  356. package/lib/components/radio/src/radio-group.js +18 -37
  357. package/lib/components/radio/src/radio-group.js.map +1 -1
  358. package/lib/components/radio/src/radio-group2.js +37 -18
  359. package/lib/components/radio/src/radio-group2.js.map +1 -1
  360. package/lib/components/scrollbar/index.js +3 -3
  361. package/lib/components/scrollbar/src/bar.js +35 -22
  362. package/lib/components/scrollbar/src/bar.js.map +1 -1
  363. package/lib/components/scrollbar/src/bar2.js +22 -35
  364. package/lib/components/scrollbar/src/bar2.js.map +1 -1
  365. package/lib/components/scrollbar/src/scrollbar.js +112 -42
  366. package/lib/components/scrollbar/src/scrollbar.js.map +1 -1
  367. package/lib/components/scrollbar/src/scrollbar2.js +42 -112
  368. package/lib/components/scrollbar/src/scrollbar2.js.map +1 -1
  369. package/lib/components/scrollbar/src/thumb.js +59 -11
  370. package/lib/components/scrollbar/src/thumb.js.map +1 -1
  371. package/lib/components/scrollbar/src/thumb2.js +11 -59
  372. package/lib/components/scrollbar/src/thumb2.js.map +1 -1
  373. package/lib/components/select/index.d.ts +9 -9
  374. package/lib/components/select/src/select.js +2 -2
  375. package/lib/components/select/src/select.vue.d.ts +9 -9
  376. package/lib/components/select/src/useSelect.d.ts +5 -5
  377. package/lib/components/select-v2/index.d.ts +20 -20
  378. package/lib/components/select-v2/src/defaults.js +1 -1
  379. package/lib/components/select-v2/src/option-item.vue.d.ts +1 -1
  380. package/lib/components/select-v2/src/select.vue.d.ts +10 -10
  381. package/lib/components/select-v2/src/useSelect.d.ts +5 -5
  382. package/lib/components/skeleton/index.js +4 -4
  383. package/lib/components/skeleton/src/skeleton-item.js +18 -23
  384. package/lib/components/skeleton/src/skeleton-item.js.map +1 -1
  385. package/lib/components/skeleton/src/skeleton-item2.js +23 -18
  386. package/lib/components/skeleton/src/skeleton-item2.js.map +1 -1
  387. package/lib/components/skeleton/src/skeleton.js +22 -49
  388. package/lib/components/skeleton/src/skeleton.js.map +1 -1
  389. package/lib/components/skeleton/src/skeleton2.js +49 -22
  390. package/lib/components/skeleton/src/skeleton2.js.map +1 -1
  391. package/lib/components/table/index.d.ts +1 -1
  392. package/lib/components/table/src/filter-panel.vue.d.ts +5 -5
  393. package/lib/components/table/src/table.vue.d.ts +1 -1
  394. package/lib/components/tabs/index.js +2 -2
  395. package/lib/components/tabs/src/tab-pane.js +14 -60
  396. package/lib/components/tabs/src/tab-pane.js.map +1 -1
  397. package/lib/components/tabs/src/tab-pane2.js +60 -14
  398. package/lib/components/tabs/src/tab-pane2.js.map +1 -1
  399. package/lib/components/tag/index.js +2 -2
  400. package/lib/components/tag/src/tag.js +34 -81
  401. package/lib/components/tag/src/tag.js.map +1 -1
  402. package/lib/components/tag/src/tag2.js +81 -34
  403. package/lib/components/tag/src/tag2.js.map +1 -1
  404. package/lib/components/time-picker/src/common/picker.vue.d.ts +5 -5
  405. package/lib/components/timeline/index.js +2 -2
  406. package/lib/components/timeline/src/timeline-item.js +39 -73
  407. package/lib/components/timeline/src/timeline-item.js.map +1 -1
  408. package/lib/components/timeline/src/timeline-item2.js +73 -39
  409. package/lib/components/timeline/src/timeline-item2.js.map +1 -1
  410. package/lib/components/tooltip/index.d.ts +3 -3
  411. package/lib/components/tooltip/index.js +2 -2
  412. package/lib/components/tooltip/src/tooltip.d.ts +1 -1
  413. package/lib/components/tooltip/src/tooltip.js +50 -65
  414. package/lib/components/tooltip/src/tooltip.js.map +1 -1
  415. package/lib/components/tooltip/src/tooltip.vue.d.ts +3 -3
  416. package/lib/components/tooltip/src/tooltip2.js +65 -50
  417. package/lib/components/tooltip/src/tooltip2.js.map +1 -1
  418. package/lib/components/tooltip/src/trigger.js +2 -2
  419. package/lib/components/tooltip/src/trigger.vue.d.ts +3 -3
  420. package/lib/components/tooltip-v2/index.js +2 -2
  421. package/lib/components/tooltip-v2/src/root.js +81 -17
  422. package/lib/components/tooltip-v2/src/root.js.map +1 -1
  423. package/lib/components/tooltip-v2/src/root2.js +17 -81
  424. package/lib/components/tooltip-v2/src/root2.js.map +1 -1
  425. package/lib/components/tooltip-v2/src/tooltip.js +2 -2
  426. package/lib/components/tooltip-v2/src/tooltip2.js +4 -4
  427. package/lib/components/tooltip-v2/src/trigger.js +89 -11
  428. package/lib/components/tooltip-v2/src/trigger.js.map +1 -1
  429. package/lib/components/tooltip-v2/src/trigger2.js +11 -89
  430. package/lib/components/tooltip-v2/src/trigger2.js.map +1 -1
  431. package/lib/components/upload/index.js +1 -1
  432. package/lib/components/upload/src/upload-content.js +1 -1
  433. package/lib/components/upload/src/upload-dragger.js +32 -12
  434. package/lib/components/upload/src/upload-dragger.js.map +1 -1
  435. package/lib/components/upload/src/upload-dragger2.js +12 -32
  436. package/lib/components/upload/src/upload-dragger2.js.map +1 -1
  437. package/lib/index.js +30 -30
  438. package/lib/version.d.ts +1 -1
  439. package/lib/version.js +1 -1
  440. package/lib/version.js.map +1 -1
  441. package/package.json +1 -1
  442. package/web-types.json +1 -1
@@ -5,9 +5,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  require('../../utils/index.js');
6
6
  var radio$1 = require('./src/radio2.js');
7
7
  var radioButton$1 = require('./src/radio-button2.js');
8
- var radioGroup$1 = require('./src/radio-group.js');
8
+ var radioGroup$1 = require('./src/radio-group2.js');
9
9
  var radio = require('./src/radio.js');
10
- var radioGroup = require('./src/radio-group2.js');
10
+ var radioGroup = require('./src/radio-group.js');
11
11
  var radioButton = require('./src/radio-button.js');
12
12
  var install = require('../../utils/vue/install.js');
13
13
 
@@ -2,46 +2,27 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var vue = require('vue');
6
- require('../../../tokens/index.js');
5
+ require('../../../utils/index.js');
7
6
  require('../../../hooks/index.js');
8
- var radioGroup = require('./radio-group2.js');
9
- var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
10
- var index = require('../../../hooks/use-namespace/index.js');
11
- var radio = require('../../../tokens/radio.js');
7
+ var props = require('../../../utils/vue/props.js');
8
+ var index = require('../../../hooks/use-common-props/index.js');
12
9
 
13
- const _sfc_main = vue.defineComponent({
14
- name: "PsRadioGroup",
15
- props: radioGroup.radioGroupProps,
16
- setup(props) {
17
- const ns = index.useNamespace("radio");
18
- const radioGroupRef = vue.ref();
19
- vue.onMounted(() => {
20
- const radios = radioGroupRef.value.querySelectorAll("[type=radio]");
21
- const firstLabel = radios[0];
22
- if (!Array.from(radios).some((radio) => radio.checked) && firstLabel) {
23
- firstLabel.tabIndex = 0;
24
- }
25
- });
26
- vue.provide(radio.radioGroupKey, vue.reactive({
27
- ...vue.toRefs(props)
28
- }));
29
- return {
30
- ns,
31
- radioGroupRef
32
- };
10
+ const radioGroupProps = props.buildProps({
11
+ size: index.useSizeProp,
12
+ disabled: Boolean,
13
+ modelValue: {
14
+ type: [String, Number, Boolean],
15
+ default: ""
16
+ },
17
+ fill: {
18
+ type: String,
19
+ default: ""
20
+ },
21
+ textColor: {
22
+ type: String,
23
+ default: ""
33
24
  }
34
25
  });
35
- function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
36
- return vue.openBlock(), vue.createElementBlock("div", {
37
- ref: "radioGroupRef",
38
- class: vue.normalizeClass(_ctx.ns.b("group")),
39
- role: "radiogroup"
40
- }, [
41
- vue.renderSlot(_ctx.$slots, "default")
42
- ], 2);
43
- }
44
- var RadioGroup = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render], ["__file", "/Users/meng/workspace/element-ps/packages/components/radio/src/radio-group.vue"]]);
45
26
 
46
- exports["default"] = RadioGroup;
27
+ exports.radioGroupProps = radioGroupProps;
47
28
  //# sourceMappingURL=radio-group.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"radio-group.js","sources":["../../../../../../packages/components/radio/src/radio-group.vue"],"sourcesContent":["<template>\n <div\n ref=\"radioGroupRef\"\n :class=\"ns.b('group')\"\n role=\"radiogroup\"\n >\n <slot />\n </div>\n</template>\n\n<script lang=\"ts\">\nimport {\n defineComponent,\n onMounted,\n provide,\n reactive,\n ref,\n toRefs,\n} from 'vue'\nimport { radioGroupKey } from '@element-ps/tokens'\nimport { useNamespace } from '@element-ps/hooks'\nimport { radioGroupProps } from './radio-group'\n\nexport default defineComponent({\n name: 'PsRadioGroup',\n props: radioGroupProps,\n\n setup(props) {\n const ns = useNamespace('radio')\n const radioGroupRef = ref<HTMLDivElement>()\n\n onMounted(() => {\n const radios =\n radioGroupRef.value!.querySelectorAll<HTMLInputElement>('[type=radio]')\n const firstLabel = radios[0]\n if (!Array.from(radios).some((radio) => radio.checked) && firstLabel) {\n firstLabel.tabIndex = 0\n }\n })\n\n provide(\n radioGroupKey,\n reactive({\n ...toRefs(props),\n })\n )\n\n return {\n ns,\n radioGroupRef,\n }\n },\n})\n</script>\n"],"names":["defineComponent","radioGroupProps","useNamespace","ref","onMounted","provide","radioGroupKey","reactive","toRefs","_createElementBlock","_normalizeClass","_renderSlot"],"mappings":";;;;;;;;;;;;AAuBA,MAAK,YAAaA,mBAAa,CAAA;AAAA,EAC7B,IAAM,EAAA,cAAA;AAAA,EACN,KAAO,EAAAC,0BAAA;AAAA,EAEP,MAAM,KAAO,EAAA;AACX,IAAM,MAAA,EAAA,GAAKC,mBAAa,OAAO,CAAA,CAAA;AAC/B,IAAA,MAAM,gBAAgBC,OAAoB,EAAA,CAAA;AAE1C,IAAAC,aAAA,CAAU,MAAM;AACd,MAAA,MAAM,MACJ,GAAA,aAAA,CAAc,KAAO,CAAA,gBAAA,CAAmC,cAAc,CAAA,CAAA;AACxE,MAAA,MAAM,aAAa,MAAO,CAAA,CAAA,CAAA,CAAA;AAC1B,MAAI,IAAA,CAAC,KAAM,CAAA,IAAA,CAAK,MAAM,CAAA,CAAE,IAAK,CAAA,CAAC,KAAU,KAAA,KAAA,CAAM,OAAO,CAAA,IAAK,UAAY,EAAA;AACpE,QAAA,UAAA,CAAW,QAAW,GAAA,CAAA,CAAA;AAAA,OACxB;AAAA,KACD,CAAA,CAAA;AAED,IAAAC,WAAA,CACEC,qBACAC,YAAS,CAAA;AAAA,MAAA,GACJC,WAAO,KAAK,CAAA;AAAA,KAChB,CACH,CAAA,CAAA;AAEA,IAAO,OAAA;AAAA,MACL,EAAA;AAAA,MACA,aAAA;AAAA,KACF,CAAA;AAAA,GACF;AACF,CAAC,CAAA,CAAA;;0BAnDCC,sBAMM,CAAA,KAAA,EAAA;AAAA,IALJ,GAAI,EAAA,eAAA;AAAA,IACH,KAAA,EAAKC,kBAAE,CAAA,IAAA,CAAA,EAAA,CAAG,CAAC,CAAA,OAAA,CAAA,CAAA;AAAA,IACZ,IAAK,EAAA,YAAA;AAAA,GAAA,EAAA;IAELC,cAAQ,CAAA,IAAA,CAAA,MAAA,EAAA,SAAA,CAAA;AAAA,GAAA,EAAA,CAAA,CAAA,CAAA;;;;;;"}
1
+ {"version":3,"file":"radio-group.js","sources":["../../../../../../packages/components/radio/src/radio-group.ts"],"sourcesContent":["import { buildProps } from '@element-ps/utils'\nimport { useSizeProp } from '@element-ps/hooks'\nimport { radioEmits } from './radio'\nimport type { ExtractPropTypes } from '@vue/runtime-core'\n\nexport const radioGroupProps = buildProps({\n size: useSizeProp,\n disabled: Boolean,\n modelValue: {\n type: [String, Number, Boolean],\n default: '',\n },\n fill: {\n type: String,\n default: '',\n },\n textColor: {\n type: String,\n default: '',\n },\n} as const)\nexport type RadioGroupProps = ExtractPropTypes<typeof radioGroupProps>\n"],"names":["buildProps","useSizeProp"],"mappings":";;;;;;;;;AAEY,MAAC,eAAe,GAAGA,gBAAU,CAAC;AAC1C,EAAE,IAAI,EAAEC,iBAAW;AACnB,EAAE,QAAQ,EAAE,OAAO;AACnB,EAAE,UAAU,EAAE;AACd,IAAI,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,OAAO,CAAC;AACnC,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,CAAC;;;;"}
@@ -2,27 +2,46 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- require('../../../utils/index.js');
5
+ var vue = require('vue');
6
+ require('../../../tokens/index.js');
6
7
  require('../../../hooks/index.js');
7
- var props = require('../../../utils/vue/props.js');
8
- var index = require('../../../hooks/use-common-props/index.js');
8
+ var radioGroup = require('./radio-group.js');
9
+ var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
10
+ var index = require('../../../hooks/use-namespace/index.js');
11
+ var radio = require('../../../tokens/radio.js');
9
12
 
10
- const radioGroupProps = props.buildProps({
11
- size: index.useSizeProp,
12
- disabled: Boolean,
13
- modelValue: {
14
- type: [String, Number, Boolean],
15
- default: ""
16
- },
17
- fill: {
18
- type: String,
19
- default: ""
20
- },
21
- textColor: {
22
- type: String,
23
- default: ""
13
+ const _sfc_main = vue.defineComponent({
14
+ name: "PsRadioGroup",
15
+ props: radioGroup.radioGroupProps,
16
+ setup(props) {
17
+ const ns = index.useNamespace("radio");
18
+ const radioGroupRef = vue.ref();
19
+ vue.onMounted(() => {
20
+ const radios = radioGroupRef.value.querySelectorAll("[type=radio]");
21
+ const firstLabel = radios[0];
22
+ if (!Array.from(radios).some((radio) => radio.checked) && firstLabel) {
23
+ firstLabel.tabIndex = 0;
24
+ }
25
+ });
26
+ vue.provide(radio.radioGroupKey, vue.reactive({
27
+ ...vue.toRefs(props)
28
+ }));
29
+ return {
30
+ ns,
31
+ radioGroupRef
32
+ };
24
33
  }
25
34
  });
35
+ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
36
+ return vue.openBlock(), vue.createElementBlock("div", {
37
+ ref: "radioGroupRef",
38
+ class: vue.normalizeClass(_ctx.ns.b("group")),
39
+ role: "radiogroup"
40
+ }, [
41
+ vue.renderSlot(_ctx.$slots, "default")
42
+ ], 2);
43
+ }
44
+ var RadioGroup = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render], ["__file", "/Users/meng/workspace/element-ps/packages/components/radio/src/radio-group.vue"]]);
26
45
 
27
- exports.radioGroupProps = radioGroupProps;
46
+ exports["default"] = RadioGroup;
28
47
  //# sourceMappingURL=radio-group2.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"radio-group2.js","sources":["../../../../../../packages/components/radio/src/radio-group.ts"],"sourcesContent":["import { buildProps } from '@element-ps/utils'\nimport { useSizeProp } from '@element-ps/hooks'\nimport { radioEmits } from './radio'\nimport type { ExtractPropTypes } from '@vue/runtime-core'\n\nexport const radioGroupProps = buildProps({\n size: useSizeProp,\n disabled: Boolean,\n modelValue: {\n type: [String, Number, Boolean],\n default: '',\n },\n fill: {\n type: String,\n default: '',\n },\n textColor: {\n type: String,\n default: '',\n },\n} as const)\nexport type RadioGroupProps = ExtractPropTypes<typeof radioGroupProps>\n"],"names":["buildProps","useSizeProp"],"mappings":";;;;;;;;;AAEY,MAAC,eAAe,GAAGA,gBAAU,CAAC;AAC1C,EAAE,IAAI,EAAEC,iBAAW;AACnB,EAAE,QAAQ,EAAE,OAAO;AACnB,EAAE,UAAU,EAAE;AACd,IAAI,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,OAAO,CAAC;AACnC,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,CAAC;;;;"}
1
+ {"version":3,"file":"radio-group2.js","sources":["../../../../../../packages/components/radio/src/radio-group.vue"],"sourcesContent":["<template>\n <div\n ref=\"radioGroupRef\"\n :class=\"ns.b('group')\"\n role=\"radiogroup\"\n >\n <slot />\n </div>\n</template>\n\n<script lang=\"ts\">\nimport {\n defineComponent,\n onMounted,\n provide,\n reactive,\n ref,\n toRefs,\n} from 'vue'\nimport { radioGroupKey } from '@element-ps/tokens'\nimport { useNamespace } from '@element-ps/hooks'\nimport { radioGroupProps } from './radio-group'\n\nexport default defineComponent({\n name: 'PsRadioGroup',\n props: radioGroupProps,\n\n setup(props) {\n const ns = useNamespace('radio')\n const radioGroupRef = ref<HTMLDivElement>()\n\n onMounted(() => {\n const radios =\n radioGroupRef.value!.querySelectorAll<HTMLInputElement>('[type=radio]')\n const firstLabel = radios[0]\n if (!Array.from(radios).some((radio) => radio.checked) && firstLabel) {\n firstLabel.tabIndex = 0\n }\n })\n\n provide(\n radioGroupKey,\n reactive({\n ...toRefs(props),\n })\n )\n\n return {\n ns,\n radioGroupRef,\n }\n },\n})\n</script>\n"],"names":["defineComponent","radioGroupProps","useNamespace","ref","onMounted","provide","radioGroupKey","reactive","toRefs","_createElementBlock","_normalizeClass","_renderSlot"],"mappings":";;;;;;;;;;;;AAuBA,MAAK,YAAaA,mBAAa,CAAA;AAAA,EAC7B,IAAM,EAAA,cAAA;AAAA,EACN,KAAO,EAAAC,0BAAA;AAAA,EAEP,MAAM,KAAO,EAAA;AACX,IAAM,MAAA,EAAA,GAAKC,mBAAa,OAAO,CAAA,CAAA;AAC/B,IAAA,MAAM,gBAAgBC,OAAoB,EAAA,CAAA;AAE1C,IAAAC,aAAA,CAAU,MAAM;AACd,MAAA,MAAM,MACJ,GAAA,aAAA,CAAc,KAAO,CAAA,gBAAA,CAAmC,cAAc,CAAA,CAAA;AACxE,MAAA,MAAM,aAAa,MAAO,CAAA,CAAA,CAAA,CAAA;AAC1B,MAAI,IAAA,CAAC,KAAM,CAAA,IAAA,CAAK,MAAM,CAAA,CAAE,IAAK,CAAA,CAAC,KAAU,KAAA,KAAA,CAAM,OAAO,CAAA,IAAK,UAAY,EAAA;AACpE,QAAA,UAAA,CAAW,QAAW,GAAA,CAAA,CAAA;AAAA,OACxB;AAAA,KACD,CAAA,CAAA;AAED,IAAAC,WAAA,CACEC,qBACAC,YAAS,CAAA;AAAA,MAAA,GACJC,WAAO,KAAK,CAAA;AAAA,KAChB,CACH,CAAA,CAAA;AAEA,IAAO,OAAA;AAAA,MACL,EAAA;AAAA,MACA,aAAA;AAAA,KACF,CAAA;AAAA,GACF;AACF,CAAC,CAAA,CAAA;;0BAnDCC,sBAMM,CAAA,KAAA,EAAA;AAAA,IALJ,GAAI,EAAA,eAAA;AAAA,IACH,KAAA,EAAKC,kBAAE,CAAA,IAAA,CAAA,EAAA,CAAG,CAAC,CAAA,OAAA,CAAA,CAAA;AAAA,IACZ,IAAK,EAAA,YAAA;AAAA,GAAA,EAAA;IAELC,cAAQ,CAAA,IAAA,CAAA,MAAA,EAAA,SAAA,CAAA;AAAA,GAAA,EAAA,CAAA,CAAA,CAAA;;;;;;"}
@@ -3,10 +3,10 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  require('../../utils/index.js');
6
- var scrollbar$1 = require('./src/scrollbar2.js');
6
+ var scrollbar$1 = require('./src/scrollbar.js');
7
7
  var util = require('./src/util.js');
8
- var scrollbar = require('./src/scrollbar.js');
9
- var thumb = require('./src/thumb.js');
8
+ var scrollbar = require('./src/scrollbar2.js');
9
+ var thumb = require('./src/thumb2.js');
10
10
  var install = require('../../utils/vue/install.js');
11
11
 
12
12
  const PsScrollbar = install.withInstall(scrollbar$1["default"]);
@@ -2,31 +2,44 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- require('../../../utils/index.js');
6
- var props = require('../../../utils/vue/props.js');
5
+ var vue = require('vue');
6
+ var thumb = require('./thumb.js');
7
+ var bar = require('./bar2.js');
8
+ var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
7
9
 
8
- const barProps = props.buildProps({
9
- always: {
10
- type: Boolean,
11
- default: true
10
+ const _sfc_main = vue.defineComponent({
11
+ components: {
12
+ Thumb: thumb["default"]
12
13
  },
13
- width: {
14
- type: String,
15
- default: ""
16
- },
17
- height: {
18
- type: String,
19
- default: ""
20
- },
21
- ratioX: {
22
- type: Number,
23
- default: 1
24
- },
25
- ratioY: {
26
- type: Number,
27
- default: 1
14
+ props: bar.barProps,
15
+ setup() {
16
+ const moveX = vue.ref(0);
17
+ const moveY = vue.ref(0);
18
+ return {
19
+ moveX,
20
+ moveY
21
+ };
28
22
  }
29
23
  });
24
+ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
25
+ const _component_thumb = vue.resolveComponent("thumb");
26
+ return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
27
+ vue.createVNode(_component_thumb, {
28
+ move: _ctx.moveX,
29
+ ratio: _ctx.ratioX,
30
+ size: _ctx.width,
31
+ always: _ctx.always
32
+ }, null, 8, ["move", "ratio", "size", "always"]),
33
+ vue.createVNode(_component_thumb, {
34
+ move: _ctx.moveY,
35
+ ratio: _ctx.ratioY,
36
+ size: _ctx.height,
37
+ vertical: "",
38
+ always: _ctx.always
39
+ }, null, 8, ["move", "ratio", "size", "always"])
40
+ ], 64);
41
+ }
42
+ var Bar = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render], ["__file", "/Users/meng/workspace/element-ps/packages/components/scrollbar/src/bar.vue"]]);
30
43
 
31
- exports.barProps = barProps;
44
+ exports["default"] = Bar;
32
45
  //# sourceMappingURL=bar.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"bar.js","sources":["../../../../../../packages/components/scrollbar/src/bar.ts"],"sourcesContent":["import { buildProps } from '@element-ps/utils'\nimport type { ExtractPropTypes } from 'vue'\n\nexport const barProps = buildProps({\n always: {\n type: Boolean,\n default: true,\n },\n width: {\n type: String,\n default: '',\n },\n height: {\n type: String,\n default: '',\n },\n ratioX: {\n type: Number,\n default: 1,\n },\n ratioY: {\n type: Number,\n default: 1,\n },\n} as const)\nexport type BarProps = ExtractPropTypes<typeof barProps>\n"],"names":["buildProps"],"mappings":";;;;;;;AACY,MAAC,QAAQ,GAAGA,gBAAU,CAAC;AACnC,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,CAAC;;;;"}
1
+ {"version":3,"file":"bar.js","sources":["../../../../../../packages/components/scrollbar/src/bar.vue"],"sourcesContent":["<template>\n <thumb :move=\"moveX\" :ratio=\"ratioX\" :size=\"width\" :always=\"always\" />\n <thumb\n :move=\"moveY\"\n :ratio=\"ratioY\"\n :size=\"height\"\n vertical\n :always=\"always\"\n />\n</template>\n<script lang=\"ts\">\nimport { defineComponent, ref } from 'vue'\nimport Thumb from './thumb.vue'\nimport { barProps } from './bar'\n\nexport default defineComponent({\n components: {\n Thumb,\n },\n props: barProps,\n setup() {\n const moveX = ref(0)\n const moveY = ref(0)\n\n return {\n moveX,\n moveY,\n }\n },\n})\n</script>\n"],"names":["defineComponent","Thumb","barProps","ref","_createVNode"],"mappings":";;;;;;;;;AAeA,MAAK,YAAaA,mBAAa,CAAA;AAAA,EAC7B,UAAY,EAAA;AAAA,WACVC,gBAAA;AAAA,GACF;AAAA,EACA,KAAO,EAAAC,YAAA;AAAA,EACP,KAAQ,GAAA;AACN,IAAM,MAAA,KAAA,GAAQC,QAAI,CAAC,CAAA,CAAA;AACnB,IAAM,MAAA,KAAA,GAAQA,QAAI,CAAC,CAAA,CAAA;AAEnB,IAAO,OAAA;AAAA,MACL,KAAA;AAAA,MACA,KAAA;AAAA,KACF,CAAA;AAAA,GACF;AACF,CAAC,CAAA,CAAA;;;;IA5BCC,eAAsE,CAAA,gBAAA,EAAA;AAAA,MAA9D,IAAM,EAAA,IAAA,CAAA,KAAA;AAAA,MAAQ,KAAO,EAAA,IAAA,CAAA,MAAA;AAAA,MAAS,IAAM,EAAA,IAAA,CAAA,KAAA;AAAA,MAAQ,MAAQ,EAAA,IAAA,CAAA,MAAA;AAAA,KAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,MAAA,EAAA,OAAA,EAAA,MAAA,EAAA,QAAA,CAAA,CAAA;IAC5DA,eAME,CAAA,gBAAA,EAAA;AAAA,MALC,IAAM,EAAA,IAAA,CAAA,KAAA;AAAA,MACN,KAAO,EAAA,IAAA,CAAA,MAAA;AAAA,MACP,IAAM,EAAA,IAAA,CAAA,MAAA;AAAA,MACP,QAAA,EAAA,EAAA;AAAA,MACC,MAAQ,EAAA,IAAA,CAAA,MAAA;AAAA,KAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,MAAA,EAAA,OAAA,EAAA,MAAA,EAAA,QAAA,CAAA,CAAA;;;;;;;"}
@@ -2,44 +2,31 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var vue = require('vue');
6
- var thumb = require('./thumb2.js');
7
- var bar = require('./bar.js');
8
- var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
5
+ require('../../../utils/index.js');
6
+ var props = require('../../../utils/vue/props.js');
9
7
 
10
- const _sfc_main = vue.defineComponent({
11
- components: {
12
- Thumb: thumb["default"]
8
+ const barProps = props.buildProps({
9
+ always: {
10
+ type: Boolean,
11
+ default: true
13
12
  },
14
- props: bar.barProps,
15
- setup() {
16
- const moveX = vue.ref(0);
17
- const moveY = vue.ref(0);
18
- return {
19
- moveX,
20
- moveY
21
- };
13
+ width: {
14
+ type: String,
15
+ default: ""
16
+ },
17
+ height: {
18
+ type: String,
19
+ default: ""
20
+ },
21
+ ratioX: {
22
+ type: Number,
23
+ default: 1
24
+ },
25
+ ratioY: {
26
+ type: Number,
27
+ default: 1
22
28
  }
23
29
  });
24
- function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
25
- const _component_thumb = vue.resolveComponent("thumb");
26
- return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
27
- vue.createVNode(_component_thumb, {
28
- move: _ctx.moveX,
29
- ratio: _ctx.ratioX,
30
- size: _ctx.width,
31
- always: _ctx.always
32
- }, null, 8, ["move", "ratio", "size", "always"]),
33
- vue.createVNode(_component_thumb, {
34
- move: _ctx.moveY,
35
- ratio: _ctx.ratioY,
36
- size: _ctx.height,
37
- vertical: "",
38
- always: _ctx.always
39
- }, null, 8, ["move", "ratio", "size", "always"])
40
- ], 64);
41
- }
42
- var Bar = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render], ["__file", "/Users/meng/workspace/element-ps/packages/components/scrollbar/src/bar.vue"]]);
43
30
 
44
- exports["default"] = Bar;
31
+ exports.barProps = barProps;
45
32
  //# sourceMappingURL=bar2.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"bar2.js","sources":["../../../../../../packages/components/scrollbar/src/bar.vue"],"sourcesContent":["<template>\n <thumb :move=\"moveX\" :ratio=\"ratioX\" :size=\"width\" :always=\"always\" />\n <thumb\n :move=\"moveY\"\n :ratio=\"ratioY\"\n :size=\"height\"\n vertical\n :always=\"always\"\n />\n</template>\n<script lang=\"ts\">\nimport { defineComponent, ref } from 'vue'\nimport Thumb from './thumb.vue'\nimport { barProps } from './bar'\n\nexport default defineComponent({\n components: {\n Thumb,\n },\n props: barProps,\n setup() {\n const moveX = ref(0)\n const moveY = ref(0)\n\n return {\n moveX,\n moveY,\n }\n },\n})\n</script>\n"],"names":["defineComponent","Thumb","barProps","ref","_createVNode"],"mappings":";;;;;;;;;AAeA,MAAK,YAAaA,mBAAa,CAAA;AAAA,EAC7B,UAAY,EAAA;AAAA,WACVC,gBAAA;AAAA,GACF;AAAA,EACA,KAAO,EAAAC,YAAA;AAAA,EACP,KAAQ,GAAA;AACN,IAAM,MAAA,KAAA,GAAQC,QAAI,CAAC,CAAA,CAAA;AACnB,IAAM,MAAA,KAAA,GAAQA,QAAI,CAAC,CAAA,CAAA;AAEnB,IAAO,OAAA;AAAA,MACL,KAAA;AAAA,MACA,KAAA;AAAA,KACF,CAAA;AAAA,GACF;AACF,CAAC,CAAA,CAAA;;;;IA5BCC,eAAsE,CAAA,gBAAA,EAAA;AAAA,MAA9D,IAAM,EAAA,IAAA,CAAA,KAAA;AAAA,MAAQ,KAAO,EAAA,IAAA,CAAA,MAAA;AAAA,MAAS,IAAM,EAAA,IAAA,CAAA,KAAA;AAAA,MAAQ,MAAQ,EAAA,IAAA,CAAA,MAAA;AAAA,KAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,MAAA,EAAA,OAAA,EAAA,MAAA,EAAA,QAAA,CAAA,CAAA;IAC5DA,eAME,CAAA,gBAAA,EAAA;AAAA,MALC,IAAM,EAAA,IAAA,CAAA,KAAA;AAAA,MACN,KAAO,EAAA,IAAA,CAAA,MAAA;AAAA,MACP,IAAM,EAAA,IAAA,CAAA,MAAA;AAAA,MACP,QAAA,EAAA,EAAA;AAAA,MACC,MAAQ,EAAA,IAAA,CAAA,MAAA;AAAA,KAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,MAAA,EAAA,OAAA,EAAA,MAAA,EAAA,QAAA,CAAA,CAAA;;;;;;;"}
1
+ {"version":3,"file":"bar2.js","sources":["../../../../../../packages/components/scrollbar/src/bar.ts"],"sourcesContent":["import { buildProps } from '@element-ps/utils'\nimport type { ExtractPropTypes } from 'vue'\n\nexport const barProps = buildProps({\n always: {\n type: Boolean,\n default: true,\n },\n width: {\n type: String,\n default: '',\n },\n height: {\n type: String,\n default: '',\n },\n ratioX: {\n type: Number,\n default: 1,\n },\n ratioY: {\n type: Number,\n default: 1,\n },\n} as const)\nexport type BarProps = ExtractPropTypes<typeof barProps>\n"],"names":["buildProps"],"mappings":";;;;;;;AACY,MAAC,QAAQ,GAAGA,gBAAU,CAAC;AACnC,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,CAAC;;;;"}
@@ -2,52 +2,122 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
+ var vue = require('vue');
5
6
  require('../../../utils/index.js');
6
- var props = require('../../../utils/vue/props.js');
7
+ require('../../../tokens/index.js');
8
+ require('../../../hooks/index.js');
9
+ var bar = require('./bar.js');
10
+ var scrollbar = require('./scrollbar2.js');
11
+ var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
12
+ var index = require('../../../hooks/use-namespace/index.js');
13
+ var style = require('../../../utils/dom/style.js');
14
+ var scrollbar$1 = require('../../../tokens/scrollbar.js');
7
15
 
8
- const scrollbarProps = props.buildProps({
9
- height: {
10
- type: [String, Number],
11
- default: ""
16
+ const _sfc_main = vue.defineComponent({
17
+ name: "PsScrollbar",
18
+ components: {
19
+ Bar: bar["default"]
12
20
  },
13
- maxHeight: {
14
- type: [String, Number],
15
- default: ""
16
- },
17
- native: {
18
- type: Boolean,
19
- default: false
20
- },
21
- wrapStyle: {
22
- type: props.definePropType([String, Object, Array]),
23
- default: ""
24
- },
25
- wrapClass: {
26
- type: [String, Array],
27
- default: ""
28
- },
29
- viewClass: {
30
- type: [String, Array],
31
- default: ""
32
- },
33
- viewStyle: {
34
- type: [String, Array, Object],
35
- default: ""
36
- },
37
- noresize: Boolean,
38
- tag: {
39
- type: String,
40
- default: "div"
41
- },
42
- always: {
43
- type: Boolean,
44
- default: false
45
- },
46
- minSize: {
47
- type: Number,
48
- default: 20
21
+ props: scrollbar.scrollbarProps,
22
+ setup(props) {
23
+ const ns = index.useNamespace("scrollbar");
24
+ const scrollbar$ = vue.ref();
25
+ const wrap$ = vue.ref();
26
+ const resize$ = vue.ref();
27
+ const sizeWidth = vue.ref("0");
28
+ const sizeHeight = vue.ref("0");
29
+ const barRef = vue.ref();
30
+ const moveX = vue.ref(0);
31
+ const moveY = vue.ref(0);
32
+ const ratioY = vue.ref(1);
33
+ const ratioX = vue.ref(1);
34
+ const GAP = 4;
35
+ const style$1 = vue.computed(() => {
36
+ const style2 = {};
37
+ if (props.height)
38
+ style2.height = style.addUnit(props.height);
39
+ if (props.maxHeight)
40
+ style2.maxHeight = style.addUnit(props.maxHeight);
41
+ return [props.wrapStyle, style2];
42
+ });
43
+ const update = () => {
44
+ if (!wrap$.value)
45
+ return;
46
+ const offsetHeight = wrap$.value.offsetHeight - GAP;
47
+ const offsetWidth = wrap$.value.offsetWidth - GAP;
48
+ const originalHeight = offsetHeight ** 2 / wrap$.value.scrollHeight;
49
+ const originalWidth = offsetWidth ** 2 / wrap$.value.scrollWidth;
50
+ const height = Math.max(originalHeight, props.minSize);
51
+ const width = Math.max(originalWidth, props.minSize);
52
+ ratioY.value = originalHeight / (offsetHeight - originalHeight) / (height / (offsetHeight - height));
53
+ ratioX.value = originalWidth / (offsetWidth - originalWidth) / (width / (offsetWidth - width));
54
+ sizeHeight.value = height + GAP < offsetHeight ? `${height}px` : "";
55
+ sizeWidth.value = width + GAP < offsetWidth ? `${width}px` : "";
56
+ };
57
+ vue.provide(scrollbar$1.scrollbarContextKey, vue.reactive({
58
+ scrollbarElement: scrollbar$,
59
+ wrapElement: wrap$
60
+ }));
61
+ vue.onMounted(() => {
62
+ if (!props.native)
63
+ vue.nextTick(() => update());
64
+ });
65
+ vue.onUpdated(() => update());
66
+ return {
67
+ ns,
68
+ scrollbar$,
69
+ wrap$,
70
+ resize$,
71
+ barRef,
72
+ moveX,
73
+ moveY,
74
+ ratioX,
75
+ ratioY,
76
+ sizeWidth,
77
+ sizeHeight,
78
+ style: style$1,
79
+ update
80
+ };
49
81
  }
50
82
  });
83
+ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
84
+ const _component_bar = vue.resolveComponent("bar");
85
+ return vue.openBlock(), vue.createElementBlock("div", {
86
+ ref: "scrollbar$",
87
+ class: vue.normalizeClass(_ctx.ns.b())
88
+ }, [
89
+ vue.createElementVNode("div", {
90
+ ref: "wrap$",
91
+ class: vue.normalizeClass([
92
+ _ctx.wrapClass,
93
+ _ctx.ns.e("wrap"),
94
+ { [_ctx.ns.em("wrap", "hidden-default")]: !_ctx.native }
95
+ ]),
96
+ style: vue.normalizeStyle(_ctx.style)
97
+ }, [
98
+ (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.tag), {
99
+ ref: "resize$",
100
+ class: vue.normalizeClass([_ctx.ns.e("view"), _ctx.viewClass]),
101
+ style: vue.normalizeStyle(_ctx.viewStyle)
102
+ }, {
103
+ default: vue.withCtx(() => [
104
+ vue.renderSlot(_ctx.$slots, "default")
105
+ ]),
106
+ _: 3
107
+ }, 8, ["class", "style"]))
108
+ ], 6),
109
+ !_ctx.native ? (vue.openBlock(), vue.createBlock(_component_bar, {
110
+ key: 0,
111
+ ref: "barRef",
112
+ height: _ctx.sizeHeight,
113
+ width: _ctx.sizeWidth,
114
+ always: _ctx.always,
115
+ "ratio-x": _ctx.ratioX,
116
+ "ratio-y": _ctx.ratioY
117
+ }, null, 8, ["height", "width", "always", "ratio-x", "ratio-y"])) : vue.createCommentVNode("v-if", true)
118
+ ], 2);
119
+ }
120
+ var Scrollbar = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render], ["__file", "/Users/meng/workspace/element-ps/packages/components/scrollbar/src/scrollbar.vue"]]);
51
121
 
52
- exports.scrollbarProps = scrollbarProps;
122
+ exports["default"] = Scrollbar;
53
123
  //# sourceMappingURL=scrollbar.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"scrollbar.js","sources":["../../../../../../packages/components/scrollbar/src/scrollbar.ts"],"sourcesContent":["import { buildProps, definePropType, isNumber } from '@element-ps/utils'\nimport type { ExtractPropTypes, StyleValue } from 'vue'\n\nexport const scrollbarProps = buildProps({\n height: {\n type: [String, Number],\n default: '',\n },\n maxHeight: {\n type: [String, Number],\n default: '',\n },\n native: {\n type: Boolean,\n default: false,\n },\n wrapStyle: {\n type: definePropType<StyleValue>([String, Object, Array]),\n default: '',\n },\n wrapClass: {\n type: [String, Array],\n default: '',\n },\n viewClass: {\n type: [String, Array],\n default: '',\n },\n viewStyle: {\n type: [String, Array, Object],\n default: '',\n },\n noresize: Boolean, // 如果 container 尺寸不会发生变化,最好设置它可以优化性能\n tag: {\n type: String,\n default: 'div',\n },\n always: {\n type: Boolean,\n default: false,\n },\n minSize: {\n type: Number,\n default: 20,\n },\n} as const)\n\nexport type ScrollbarProps = ExtractPropTypes<typeof scrollbarProps>\n"],"names":["buildProps","definePropType"],"mappings":";;;;;;;AACY,MAAC,cAAc,GAAGA,gBAAU,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,EAAEC,oBAAc,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;AACV,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,EAAE,OAAO,EAAE;AACX,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,CAAC;;;;"}
1
+ {"version":3,"file":"scrollbar.js","sources":["../../../../../../packages/components/scrollbar/src/scrollbar.vue"],"sourcesContent":["<template>\n <div ref=\"scrollbar$\" :class=\"ns.b()\">\n <div\n ref=\"wrap$\"\n :class=\"[\n wrapClass,\n ns.e('wrap'),\n { [ns.em('wrap', 'hidden-default')]: !native },\n ]\"\n :style=\"style\"\n >\n <component\n :is=\"tag\"\n ref=\"resize$\"\n :class=\"[ns.e('view'), viewClass]\"\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\">\nimport {\n computed,\n defineComponent,\n nextTick,\n onMounted,\n onUpdated,\n provide,\n reactive,\n ref,\n} from 'vue'\nimport { addUnit } from '@element-ps/utils'\nimport { scrollbarContextKey } from '@element-ps/tokens'\nimport { useNamespace } from '@element-ps/hooks'\nimport Bar from './bar.vue'\n\nimport { scrollbarProps } from './scrollbar'\nimport type { CSSProperties, StyleValue } from 'vue'\n\nexport default defineComponent({\n name: 'PsScrollbar',\n components: {\n Bar,\n },\n props: scrollbarProps,\n\n setup(props) {\n const ns = useNamespace('scrollbar')\n\n const scrollbar$ = ref<HTMLDivElement>()\n const wrap$ = ref<HTMLDivElement>()\n const resize$ = ref<HTMLElement>()\n\n const sizeWidth = ref('0')\n const sizeHeight = ref('0')\n const barRef = ref()\n const moveX = ref(0)\n const moveY = ref(0)\n const ratioY = ref(1)\n const ratioX = ref(1)\n const GAP = 4 // top 2 + bottom 2 of bar instance\n\n const 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\n const update = () => {\n if (!wrap$.value) return\n const offsetHeight = wrap$.value.offsetHeight - GAP\n const offsetWidth = wrap$.value.offsetWidth - GAP\n\n const originalHeight = offsetHeight ** 2 / wrap$.value.scrollHeight\n const originalWidth = offsetWidth ** 2 / wrap$.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\n provide(\n scrollbarContextKey,\n reactive({\n scrollbarElement: scrollbar$,\n wrapElement: wrap$,\n })\n )\n\n onMounted(() => {\n if (!props.native) nextTick(() => update())\n })\n onUpdated(() => update())\n\n return {\n ns,\n scrollbar$,\n wrap$,\n resize$,\n barRef,\n moveX,\n moveY,\n ratioX,\n ratioY,\n sizeWidth,\n sizeHeight,\n style,\n update,\n }\n },\n})\n</script>\n"],"names":["defineComponent","Bar","scrollbarProps","useNamespace","ref","style","computed","addUnit","provide","scrollbarContextKey","reactive","onMounted","nextTick","onUpdated","_createElementBlock","_normalizeClass","_createElementVNode","_normalizeStyle","_openBlock","_createBlock","_resolveDynamicComponent","_renderSlot","_createCommentVNode"],"mappings":";;;;;;;;;;;;;;;AAmDA,MAAK,YAAaA,mBAAa,CAAA;AAAA,EAC7B,IAAM,EAAA,aAAA;AAAA,EACN,UAAY,EAAA;AAAA,SACVC,cAAA;AAAA,GACF;AAAA,EACA,KAAO,EAAAC,wBAAA;AAAA,EAEP,MAAM,KAAO,EAAA;AACX,IAAM,MAAA,EAAA,GAAKC,mBAAa,WAAW,CAAA,CAAA;AAEnC,IAAA,MAAM,aAAaC,OAAoB,EAAA,CAAA;AACvC,IAAA,MAAM,QAAQA,OAAoB,EAAA,CAAA;AAClC,IAAA,MAAM,UAAUA,OAAiB,EAAA,CAAA;AAEjC,IAAM,MAAA,SAAA,GAAYA,QAAI,GAAG,CAAA,CAAA;AACzB,IAAM,MAAA,UAAA,GAAaA,QAAI,GAAG,CAAA,CAAA;AAC1B,IAAA,MAAM,SAASA,OAAI,EAAA,CAAA;AACnB,IAAM,MAAA,KAAA,GAAQA,QAAI,CAAC,CAAA,CAAA;AACnB,IAAM,MAAA,KAAA,GAAQA,QAAI,CAAC,CAAA,CAAA;AACnB,IAAM,MAAA,MAAA,GAASA,QAAI,CAAC,CAAA,CAAA;AACpB,IAAM,MAAA,MAAA,GAASA,QAAI,CAAC,CAAA,CAAA;AACpB,IAAA,MAAM,GAAM,GAAA,CAAA,CAAA;AAEZ,IAAM,MAAAC,OAAA,GAAQC,aAAqB,MAAM;AACvC,MAAA,MAAM,SAAuB,EAAC,CAAA;AAC9B,MAAA,IAAI,KAAM,CAAA,MAAA;AAAQ,QAAM,MAAA,CAAA,MAAA,GAASC,aAAQ,CAAA,KAAA,CAAM,MAAM,CAAA,CAAA;AACrD,MAAA,IAAI,KAAM,CAAA,SAAA;AAAW,QAAM,MAAA,CAAA,SAAA,GAAYA,aAAQ,CAAA,KAAA,CAAM,SAAS,CAAA,CAAA;AAC9D,MAAO,OAAA,CAAC,KAAM,CAAA,SAAA,EAAW,MAAK,CAAA,CAAA;AAAA,KAC/B,CAAA,CAAA;AAED,IAAA,MAAM,SAAS,MAAM;AACnB,MAAA,IAAI,CAAC,KAAM,CAAA,KAAA;AAAO,QAAA,OAAA;AAClB,MAAM,MAAA,YAAA,GAAe,KAAM,CAAA,KAAA,CAAM,YAAe,GAAA,GAAA,CAAA;AAChD,MAAM,MAAA,WAAA,GAAc,KAAM,CAAA,KAAA,CAAM,WAAc,GAAA,GAAA,CAAA;AAE9C,MAAA,MAAM,cAAiB,GAAA,YAAA,IAAgB,CAAI,GAAA,KAAA,CAAM,KAAM,CAAA,YAAA,CAAA;AACvD,MAAA,MAAM,aAAgB,GAAA,WAAA,IAAe,CAAI,GAAA,KAAA,CAAM,KAAM,CAAA,WAAA,CAAA;AACrD,MAAA,MAAM,MAAS,GAAA,IAAA,CAAK,GAAI,CAAA,cAAA,EAAgB,MAAM,OAAO,CAAA,CAAA;AACrD,MAAA,MAAM,KAAQ,GAAA,IAAA,CAAK,GAAI,CAAA,aAAA,EAAe,MAAM,OAAO,CAAA,CAAA;AAEnD,MAAA,MAAA,CAAO,KACL,GAAA,cAAA,IACgB,YAAA,GAAA,cAAA,CAAA,cACU,YAAA,GAAA,MAAA,CAAA,CAAA,CAAA;AAC5B,MAAA,MAAA,CAAO,KACL,GAAA,aAAA,IACe,WAAA,GAAA,aAAA,CAAA,aACS,WAAA,GAAA,KAAA,CAAA,CAAA,CAAA;AAE1B,MAAA,UAAA,CAAW,KAAQ,GAAA,MAAA,GAAS,GAAM,GAAA,YAAA,GAAe,GAAG,MAAa,CAAA,EAAA,CAAA,GAAA,EAAA,CAAA;AACjE,MAAA,SAAA,CAAU,KAAQ,GAAA,KAAA,GAAQ,GAAM,GAAA,WAAA,GAAc,GAAG,KAAY,CAAA,EAAA,CAAA,GAAA,EAAA,CAAA;AAAA,KAC/D,CAAA;AAEA,IAAAC,WAAA,CACEC,iCACAC,YAAS,CAAA;AAAA,MACP,gBAAkB,EAAA,UAAA;AAAA,MAClB,WAAa,EAAA,KAAA;AAAA,KACd,CACH,CAAA,CAAA;AAEA,IAAAC,aAAA,CAAU,MAAM;AACd,MAAA,IAAI,CAAC,KAAM,CAAA,MAAA;AAAQ,QAASC,YAAA,CAAA,MAAM,QAAQ,CAAA,CAAA;AAAA,KAC3C,CAAA,CAAA;AACD,IAAUC,aAAA,CAAA,MAAM,QAAQ,CAAA,CAAA;AAExB,IAAO,OAAA;AAAA,MACL,EAAA;AAAA,MACA,UAAA;AAAA,MACA,KAAA;AAAA,MACA,OAAA;AAAA,MACA,MAAA;AAAA,MACA,KAAA;AAAA,MACA,KAAA;AAAA,MACA,MAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,MACA,UAAA;AAAA,aACAR,OAAA;AAAA,MACA,MAAA;AAAA,KACF,CAAA;AAAA,GACF;AACF,CAAC,CAAA,CAAA;;;0BApICS,sBA6BM,CAAA,KAAA,EAAA;AAAA,IA7BD,GAAI,EAAA,YAAA;AAAA,IAAc,KAAA,EAAKC,kBAAE,CAAA,IAAA,CAAA,EAAA,CAAG,CAAC,EAAA,CAAA;AAAA,GAAA,EAAA;IAChCC,sBAiBM,CAAA,KAAA,EAAA;AAAA,MAhBJ,GAAI,EAAA,OAAA;AAAA,MACH,KAAK,EAAAD,kBAAA,CAAA;AAAA,QAAY,IAAA,CAAA,SAAA;AAAA,QAAmB,QAAG,CAAC,CAAA,MAAA,CAAA;AAAA,QAAqB,EAAA,CAAA,IAAA,CAAA,EAAA,CAAG,EAAE,CAAA,MAAA,EAAA,gBAAA,CAAA,GAAA,CAA8B,IAAM,CAAA,MAAA,EAAA;AAAA,OAAA,CAAA;AAKtG,MAAA,KAAA,EAAKE,mBAAE,IAAK,CAAA,KAAA,CAAA;AAAA,KAAA,EAAA;AAEb,OAAAC,aAAA,EAAA,EAAAC,eAAA,CAOYC,4BANL,IAAG,CAAA,GAAA,CAAA,EAAA;AAAA,QACR,GAAI,EAAA,SAAA;AAAA,QACH,KAAK,EAAAL,kBAAA,CAAA,CAAG,IAAG,CAAA,EAAA,CAAA,CAAA,CAAC,SAAU,IAAS,CAAA,SAAA,CAAA,CAAA;AAAA,QAC/B,KAAA,EAAKE,mBAAE,IAAS,CAAA,SAAA,CAAA;AAAA,OAAA,EAAA;6BAEjB,MAAQ;AAAA,UAARI,cAAQ,CAAA,IAAA,CAAA,MAAA,EAAA,SAAA,CAAA;AAAA,SAAA,CAAA;;;;AAGK,IAAA,CAAA,IAAA,CAAA,MAAA,IAAAH,aAAA,EAAA,EACfC,eAOE,CAAA,cAAA,EAAA;AAAA,MAAA,GAAA,EAAA,CAAA;MANA,GAAI,EAAA,QAAA;AAAA,MACH,MAAQ,EAAA,IAAA,CAAA,UAAA;AAAA,MACR,KAAO,EAAA,IAAA,CAAA,SAAA;AAAA,MACP,MAAQ,EAAA,IAAA,CAAA,MAAA;AAAA,MACR,SAAS,EAAA,IAAA,CAAA,MAAA;AAAA,MACT,SAAS,EAAA,IAAA,CAAA,MAAA;AAAA,KAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,SAAA,EAAA,SAAA,CAAA,CAAA,IAAAG,sBAAA,CAAA,MAAA,EAAA,IAAA,CAAA;;;;;;;"}