element-plus-secondary 0.0.21 → 0.1.1

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 (533) hide show
  1. package/es/components/affix/index.mjs +2 -2
  2. package/es/components/affix/src/affix.mjs +117 -26
  3. package/es/components/affix/src/affix.mjs.map +1 -1
  4. package/es/components/affix/src/affix2.mjs +26 -117
  5. package/es/components/affix/src/affix2.mjs.map +1 -1
  6. package/es/components/alert/index.mjs +2 -2
  7. package/es/components/alert/src/alert.mjs +96 -36
  8. package/es/components/alert/src/alert.mjs.map +1 -1
  9. package/es/components/alert/src/alert2.mjs +36 -96
  10. package/es/components/alert/src/alert2.mjs.map +1 -1
  11. package/es/components/autocomplete/src/autocomplete.mjs +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 +2 -2
  18. package/es/components/breadcrumb/src/breadcrumb.mjs +11 -37
  19. package/es/components/breadcrumb/src/breadcrumb.mjs.map +1 -1
  20. package/es/components/breadcrumb/src/breadcrumb2.mjs +37 -11
  21. package/es/components/breadcrumb/src/breadcrumb2.mjs.map +1 -1
  22. package/es/components/calendar/src/calendar2.mjs +1 -1
  23. package/es/components/calendar/src/date-table.mjs +33 -87
  24. package/es/components/calendar/src/date-table.mjs.map +1 -1
  25. package/es/components/calendar/src/date-table2.mjs +87 -33
  26. package/es/components/calendar/src/date-table2.mjs.map +1 -1
  27. package/es/components/calendar/src/use-date-table.mjs +1 -1
  28. package/es/components/carousel/index.mjs +2 -2
  29. package/es/components/carousel/src/carousel-item.mjs +63 -8
  30. package/es/components/carousel/src/carousel-item.mjs.map +1 -1
  31. package/es/components/carousel/src/carousel-item2.mjs +8 -63
  32. package/es/components/carousel/src/carousel-item2.mjs.map +1 -1
  33. package/es/components/cascader/src/index.mjs +2 -2
  34. package/es/components/cascader-panel/src/index.mjs +1 -1
  35. package/es/components/cascader-panel/src/menu.mjs +1 -1
  36. package/es/components/cascader-panel/src/node.mjs +116 -209
  37. package/es/components/cascader-panel/src/node.mjs.map +1 -1
  38. package/es/components/cascader-panel/src/node2.mjs +209 -116
  39. package/es/components/cascader-panel/src/node2.mjs.map +1 -1
  40. package/es/components/cascader-panel/src/store.mjs +1 -1
  41. package/es/components/col/index.mjs +2 -2
  42. package/es/components/col/src/col.mjs +43 -66
  43. package/es/components/col/src/col.mjs.map +1 -1
  44. package/es/components/col/src/col2.mjs +66 -43
  45. package/es/components/col/src/col2.mjs.map +1 -1
  46. package/es/components/collapse/index.mjs +2 -2
  47. package/es/components/collapse/src/collapse-item.mjs +14 -96
  48. package/es/components/collapse/src/collapse-item.mjs.map +1 -1
  49. package/es/components/collapse/src/collapse-item2.mjs +96 -14
  50. package/es/components/collapse/src/collapse-item2.mjs.map +1 -1
  51. package/es/components/color-picker/index.mjs +2 -2
  52. package/es/components/color-picker/src/color-picker.mjs +38 -353
  53. package/es/components/color-picker/src/color-picker.mjs.map +1 -1
  54. package/es/components/color-picker/src/color-picker.vue.d.ts +141 -141
  55. package/es/components/color-picker/src/color-picker2.mjs +352 -38
  56. package/es/components/color-picker/src/color-picker2.mjs.map +1 -1
  57. package/es/components/color-picker/src/components/predefine.mjs +1 -1
  58. package/es/components/color-picker/style/css.d.ts +2 -0
  59. package/es/components/color-picker/style/css.mjs +2 -0
  60. package/es/components/color-picker/style/css.mjs.map +1 -1
  61. package/es/components/color-picker/style/index.d.ts +2 -0
  62. package/es/components/color-picker/style/index.mjs +2 -0
  63. package/es/components/color-picker/style/index.mjs.map +1 -1
  64. package/es/components/dialog/index.mjs +2 -2
  65. package/es/components/dialog/src/dialog.mjs +170 -70
  66. package/es/components/dialog/src/dialog.mjs.map +1 -1
  67. package/es/components/dialog/src/dialog2.mjs +70 -170
  68. package/es/components/dialog/src/dialog2.mjs.map +1 -1
  69. package/es/components/divider/index.mjs +2 -2
  70. package/es/components/divider/src/divider.mjs +17 -35
  71. package/es/components/divider/src/divider.mjs.map +1 -1
  72. package/es/components/divider/src/divider2.mjs +35 -17
  73. package/es/components/divider/src/divider2.mjs.map +1 -1
  74. package/es/components/drawer/src/drawer.mjs +1 -1
  75. package/es/components/dropdown/src/dropdown-item-impl.mjs +1 -1
  76. package/es/components/dropdown/src/dropdown-menu.mjs +1 -1
  77. package/es/components/dropdown/src/dropdown.mjs +1 -1
  78. package/es/components/dropdown/src/dropdown2.mjs +2 -2
  79. package/es/components/empty/index.mjs +2 -2
  80. package/es/components/empty/src/empty.mjs +56 -11
  81. package/es/components/empty/src/empty.mjs.map +1 -1
  82. package/es/components/empty/src/empty2.mjs +11 -56
  83. package/es/components/empty/src/empty2.mjs.map +1 -1
  84. package/es/components/form/index.mjs +2 -2
  85. package/es/components/form/src/form.mjs +150 -53
  86. package/es/components/form/src/form.mjs.map +1 -1
  87. package/es/components/form/src/form2.mjs +53 -150
  88. package/es/components/form/src/form2.mjs.map +1 -1
  89. package/es/components/image/index.mjs +2 -2
  90. package/es/components/image/src/image.mjs +58 -219
  91. package/es/components/image/src/image.mjs.map +1 -1
  92. package/es/components/image/src/image2.mjs +219 -58
  93. package/es/components/image/src/image2.mjs.map +1 -1
  94. package/es/components/index.mjs +41 -41
  95. package/es/components/input/index.mjs +2 -2
  96. package/es/components/input/src/input.mjs +441 -105
  97. package/es/components/input/src/input.mjs.map +1 -1
  98. package/es/components/input/src/input2.mjs +105 -441
  99. package/es/components/input/src/input2.mjs.map +1 -1
  100. package/es/components/link/index.mjs +2 -2
  101. package/es/components/link/src/link.mjs +49 -21
  102. package/es/components/link/src/link.mjs.map +1 -1
  103. package/es/components/link/src/link2.mjs +21 -49
  104. package/es/components/link/src/link2.mjs.map +1 -1
  105. package/es/components/menu/index.mjs +2 -2
  106. package/es/components/menu/src/menu-item-group.mjs +4 -35
  107. package/es/components/menu/src/menu-item-group.mjs.map +1 -1
  108. package/es/components/menu/src/menu-item-group2.mjs +35 -4
  109. package/es/components/menu/src/menu-item-group2.mjs.map +1 -1
  110. package/es/components/message/index.mjs +1 -1
  111. package/es/components/message/src/message.mjs +86 -146
  112. package/es/components/message/src/message.mjs.map +1 -1
  113. package/es/components/message/src/message2.mjs +146 -86
  114. package/es/components/message/src/message2.mjs.map +1 -1
  115. package/es/components/message/src/method.mjs +2 -2
  116. package/es/components/notification/index.mjs +1 -1
  117. package/es/components/notification/src/notification.mjs +145 -69
  118. package/es/components/notification/src/notification.mjs.map +1 -1
  119. package/es/components/notification/src/notification2.mjs +69 -145
  120. package/es/components/notification/src/notification2.mjs.map +1 -1
  121. package/es/components/notification/src/notify.mjs +2 -2
  122. package/es/components/pagination/src/components/sizes.mjs +68 -22
  123. package/es/components/pagination/src/components/sizes.mjs.map +1 -1
  124. package/es/components/pagination/src/components/sizes2.mjs +22 -68
  125. package/es/components/pagination/src/components/sizes2.mjs.map +1 -1
  126. package/es/components/pagination/src/pagination.mjs +1 -1
  127. package/es/components/popconfirm/index.mjs +2 -2
  128. package/es/components/popconfirm/src/popconfirm.mjs +49 -111
  129. package/es/components/popconfirm/src/popconfirm.mjs.map +1 -1
  130. package/es/components/popconfirm/src/popconfirm2.mjs +111 -49
  131. package/es/components/popconfirm/src/popconfirm2.mjs.map +1 -1
  132. package/es/components/popover/index.mjs +2 -2
  133. package/es/components/popover/src/popover.mjs +111 -66
  134. package/es/components/popover/src/popover.mjs.map +1 -1
  135. package/es/components/popover/src/popover2.mjs +66 -111
  136. package/es/components/popover/src/popover2.mjs.map +1 -1
  137. package/es/components/popper/index.mjs +4 -4
  138. package/es/components/popper/src/arrow.mjs +44 -8
  139. package/es/components/popper/src/arrow.mjs.map +1 -1
  140. package/es/components/popper/src/arrow2.mjs +8 -44
  141. package/es/components/popper/src/arrow2.mjs.map +1 -1
  142. package/es/components/popper/src/trigger.mjs +120 -31
  143. package/es/components/popper/src/trigger.mjs.map +1 -1
  144. package/es/components/popper/src/trigger2.mjs +31 -120
  145. package/es/components/popper/src/trigger2.mjs.map +1 -1
  146. package/es/components/radio/index.mjs +6 -6
  147. package/es/components/radio/src/radio-button.mjs +68 -9
  148. package/es/components/radio/src/radio-button.mjs.map +1 -1
  149. package/es/components/radio/src/radio-button2.mjs +9 -68
  150. package/es/components/radio/src/radio-button2.mjs.map +1 -1
  151. package/es/components/radio/src/radio-group.mjs +36 -68
  152. package/es/components/radio/src/radio-group.mjs.map +1 -1
  153. package/es/components/radio/src/radio-group2.mjs +68 -36
  154. package/es/components/radio/src/radio-group2.mjs.map +1 -1
  155. package/es/components/radio/src/radio.mjs +77 -29
  156. package/es/components/radio/src/radio.mjs.map +1 -1
  157. package/es/components/radio/src/radio2.mjs +29 -77
  158. package/es/components/radio/src/radio2.mjs.map +1 -1
  159. package/es/components/rate/index.mjs +2 -2
  160. package/es/components/rate/src/rate.mjs +98 -256
  161. package/es/components/rate/src/rate.mjs.map +1 -1
  162. package/es/components/rate/src/rate2.mjs +256 -98
  163. package/es/components/rate/src/rate2.mjs.map +1 -1
  164. package/es/components/result/index.mjs +2 -2
  165. package/es/components/result/src/result.mjs +63 -29
  166. package/es/components/result/src/result.mjs.map +1 -1
  167. package/es/components/result/src/result2.mjs +29 -63
  168. package/es/components/result/src/result2.mjs.map +1 -1
  169. package/es/components/roving-focus-group/index.mjs +3 -3
  170. package/es/components/roving-focus-group/src/roving-focus-group-impl.mjs +1 -1
  171. package/es/components/roving-focus-group/src/roving-focus-group.mjs +29 -27
  172. package/es/components/roving-focus-group/src/roving-focus-group.mjs.map +1 -1
  173. package/es/components/roving-focus-group/src/roving-focus-group2.mjs +27 -29
  174. package/es/components/roving-focus-group/src/roving-focus-group2.mjs.map +1 -1
  175. package/es/components/roving-focus-group/src/roving-focus-item.mjs +1 -1
  176. package/es/components/scrollbar/index.mjs +1 -1
  177. package/es/components/scrollbar/src/bar2.mjs +1 -1
  178. package/es/components/scrollbar/src/thumb.mjs +11 -131
  179. package/es/components/scrollbar/src/thumb.mjs.map +1 -1
  180. package/es/components/scrollbar/src/thumb2.mjs +131 -11
  181. package/es/components/scrollbar/src/thumb2.mjs.map +1 -1
  182. package/es/components/select/src/select.mjs +2 -2
  183. package/es/components/select-v2/src/defaults.mjs +1 -1
  184. package/es/components/skeleton/index.mjs +2 -2
  185. package/es/components/skeleton/src/skeleton.mjs +49 -22
  186. package/es/components/skeleton/src/skeleton.mjs.map +1 -1
  187. package/es/components/skeleton/src/skeleton2.mjs +22 -49
  188. package/es/components/skeleton/src/skeleton2.mjs.map +1 -1
  189. package/es/components/slider/index.mjs +2 -2
  190. package/es/components/slider/src/button.mjs +93 -21
  191. package/es/components/slider/src/button.mjs.map +1 -1
  192. package/es/components/slider/src/button2.mjs +21 -93
  193. package/es/components/slider/src/button2.mjs.map +1 -1
  194. package/es/components/slider/src/slider.mjs +91 -233
  195. package/es/components/slider/src/slider.mjs.map +1 -1
  196. package/es/components/slider/src/slider2.mjs +233 -91
  197. package/es/components/slider/src/slider2.mjs.map +1 -1
  198. package/es/components/steps/index.mjs +4 -4
  199. package/es/components/steps/src/item.mjs +194 -20
  200. package/es/components/steps/src/item.mjs.map +1 -1
  201. package/es/components/steps/src/item2.mjs +20 -194
  202. package/es/components/steps/src/item2.mjs.map +1 -1
  203. package/es/components/steps/src/steps.mjs +36 -34
  204. package/es/components/steps/src/steps.mjs.map +1 -1
  205. package/es/components/steps/src/steps2.mjs +34 -36
  206. package/es/components/steps/src/steps2.mjs.map +1 -1
  207. package/es/components/tabs/index.mjs +3 -3
  208. package/es/components/tabs/src/tab-bar.mjs +81 -7
  209. package/es/components/tabs/src/tab-bar.mjs.map +1 -1
  210. package/es/components/tabs/src/tab-bar2.mjs +7 -81
  211. package/es/components/tabs/src/tab-bar2.mjs.map +1 -1
  212. package/es/components/tabs/src/tab-nav.mjs +1 -1
  213. package/es/components/tabs/src/tab-pane.mjs +13 -73
  214. package/es/components/tabs/src/tab-pane.mjs.map +1 -1
  215. package/es/components/tabs/src/tab-pane2.mjs +73 -13
  216. package/es/components/tabs/src/tab-pane2.mjs.map +1 -1
  217. package/es/components/tag/index.mjs +2 -2
  218. package/es/components/tag/src/tag.mjs +32 -96
  219. package/es/components/tag/src/tag.mjs.map +1 -1
  220. package/es/components/tag/src/tag2.mjs +96 -32
  221. package/es/components/tag/src/tag2.mjs.map +1 -1
  222. package/es/components/timeline/index.mjs +2 -2
  223. package/es/components/timeline/src/timeline-item.mjs +42 -70
  224. package/es/components/timeline/src/timeline-item.mjs.map +1 -1
  225. package/es/components/timeline/src/timeline-item2.mjs +70 -42
  226. package/es/components/timeline/src/timeline-item2.mjs.map +1 -1
  227. package/es/components/tooltip/index.mjs +2 -2
  228. package/es/components/tooltip/src/content.mjs +167 -39
  229. package/es/components/tooltip/src/content.mjs.map +1 -1
  230. package/es/components/tooltip/src/content2.mjs +39 -167
  231. package/es/components/tooltip/src/content2.mjs.map +1 -1
  232. package/es/components/tooltip/src/tooltip.mjs +3 -3
  233. package/es/components/tooltip/src/tooltip2.mjs +3 -3
  234. package/es/components/tooltip/src/trigger.mjs +74 -16
  235. package/es/components/tooltip/src/trigger.mjs.map +1 -1
  236. package/es/components/tooltip/src/trigger2.mjs +16 -74
  237. package/es/components/tooltip/src/trigger2.mjs.map +1 -1
  238. package/es/components/tooltip-v2/index.mjs +1 -1
  239. package/es/components/tooltip-v2/src/content2.mjs +1 -1
  240. package/es/components/tooltip-v2/src/tooltip.mjs +1 -1
  241. package/es/components/tooltip-v2/src/tooltip2.mjs +2 -2
  242. package/es/components/tooltip-v2/src/trigger.mjs +12 -90
  243. package/es/components/tooltip-v2/src/trigger.mjs.map +1 -1
  244. package/es/components/tooltip-v2/src/trigger2.mjs +90 -12
  245. package/es/components/tooltip-v2/src/trigger2.mjs.map +1 -1
  246. package/es/components/transfer/src/composables/use-check.mjs +1 -1
  247. package/es/components/transfer/src/transfer-panel.mjs +19 -131
  248. package/es/components/transfer/src/transfer-panel.mjs.map +1 -1
  249. package/es/components/transfer/src/transfer-panel2.mjs +131 -19
  250. package/es/components/transfer/src/transfer-panel2.mjs.map +1 -1
  251. package/es/components/transfer/src/transfer2.mjs +1 -1
  252. package/es/components/upload/index.mjs +2 -2
  253. package/es/components/upload/src/upload-content.mjs +1 -1
  254. package/es/components/upload/src/upload-content2.mjs +1 -1
  255. package/es/components/upload/src/upload-list2.mjs +1 -1
  256. package/es/components/upload/src/upload.mjs +120 -105
  257. package/es/components/upload/src/upload.mjs.map +1 -1
  258. package/es/components/upload/src/upload2.mjs +105 -120
  259. package/es/components/upload/src/upload2.mjs.map +1 -1
  260. package/es/components/upload/src/use-handlers.mjs +1 -1
  261. package/es/components/visual-hidden/index.mjs +3 -3
  262. package/es/components/visual-hidden/src/visual-hidden.mjs +7 -35
  263. package/es/components/visual-hidden/src/visual-hidden.mjs.map +1 -1
  264. package/es/components/visual-hidden/src/visual-hidden2.mjs +35 -7
  265. package/es/components/visual-hidden/src/visual-hidden2.mjs.map +1 -1
  266. package/es/index.mjs +41 -41
  267. package/lib/components/affix/index.js +2 -2
  268. package/lib/components/affix/src/affix.js +117 -27
  269. package/lib/components/affix/src/affix.js.map +1 -1
  270. package/lib/components/affix/src/affix2.js +27 -117
  271. package/lib/components/affix/src/affix2.js.map +1 -1
  272. package/lib/components/alert/index.js +2 -2
  273. package/lib/components/alert/src/alert.js +95 -37
  274. package/lib/components/alert/src/alert.js.map +1 -1
  275. package/lib/components/alert/src/alert2.js +37 -95
  276. package/lib/components/alert/src/alert2.js.map +1 -1
  277. package/lib/components/autocomplete/src/autocomplete.js +1 -1
  278. package/lib/components/badge/index.js +2 -2
  279. package/lib/components/badge/src/badge.js +55 -17
  280. package/lib/components/badge/src/badge.js.map +1 -1
  281. package/lib/components/badge/src/badge2.js +17 -55
  282. package/lib/components/badge/src/badge2.js.map +1 -1
  283. package/lib/components/breadcrumb/index.js +2 -2
  284. package/lib/components/breadcrumb/src/breadcrumb.js +11 -37
  285. package/lib/components/breadcrumb/src/breadcrumb.js.map +1 -1
  286. package/lib/components/breadcrumb/src/breadcrumb2.js +37 -11
  287. package/lib/components/breadcrumb/src/breadcrumb2.js.map +1 -1
  288. package/lib/components/calendar/src/calendar2.js +1 -1
  289. package/lib/components/calendar/src/date-table.js +37 -87
  290. package/lib/components/calendar/src/date-table.js.map +1 -1
  291. package/lib/components/calendar/src/date-table2.js +87 -37
  292. package/lib/components/calendar/src/date-table2.js.map +1 -1
  293. package/lib/components/calendar/src/use-date-table.js +1 -1
  294. package/lib/components/carousel/index.js +2 -2
  295. package/lib/components/carousel/src/carousel-item.js +63 -8
  296. package/lib/components/carousel/src/carousel-item.js.map +1 -1
  297. package/lib/components/carousel/src/carousel-item2.js +8 -63
  298. package/lib/components/carousel/src/carousel-item2.js.map +1 -1
  299. package/lib/components/cascader/src/index.js +2 -2
  300. package/lib/components/cascader-panel/src/index.js +1 -1
  301. package/lib/components/cascader-panel/src/menu.js +1 -1
  302. package/lib/components/cascader-panel/src/node.js +116 -209
  303. package/lib/components/cascader-panel/src/node.js.map +1 -1
  304. package/lib/components/cascader-panel/src/node2.js +209 -116
  305. package/lib/components/cascader-panel/src/node2.js.map +1 -1
  306. package/lib/components/cascader-panel/src/store.js +1 -1
  307. package/lib/components/col/index.js +2 -2
  308. package/lib/components/col/src/col.js +43 -66
  309. package/lib/components/col/src/col.js.map +1 -1
  310. package/lib/components/col/src/col2.js +66 -43
  311. package/lib/components/col/src/col2.js.map +1 -1
  312. package/lib/components/collapse/index.js +2 -2
  313. package/lib/components/collapse/src/collapse-item.js +14 -96
  314. package/lib/components/collapse/src/collapse-item.js.map +1 -1
  315. package/lib/components/collapse/src/collapse-item2.js +96 -14
  316. package/lib/components/collapse/src/collapse-item2.js.map +1 -1
  317. package/lib/components/color-picker/index.js +2 -2
  318. package/lib/components/color-picker/src/color-picker.js +38 -351
  319. package/lib/components/color-picker/src/color-picker.js.map +1 -1
  320. package/lib/components/color-picker/src/color-picker.vue.d.ts +141 -141
  321. package/lib/components/color-picker/src/color-picker2.js +350 -38
  322. package/lib/components/color-picker/src/color-picker2.js.map +1 -1
  323. package/lib/components/color-picker/src/components/predefine.js +1 -1
  324. package/lib/components/color-picker/style/css.d.ts +2 -0
  325. package/lib/components/color-picker/style/css.js +2 -0
  326. package/lib/components/color-picker/style/css.js.map +1 -1
  327. package/lib/components/color-picker/style/index.d.ts +2 -0
  328. package/lib/components/color-picker/style/index.js +2 -0
  329. package/lib/components/color-picker/style/index.js.map +1 -1
  330. package/lib/components/dialog/index.js +2 -2
  331. package/lib/components/dialog/src/dialog.js +170 -71
  332. package/lib/components/dialog/src/dialog.js.map +1 -1
  333. package/lib/components/dialog/src/dialog2.js +71 -170
  334. package/lib/components/dialog/src/dialog2.js.map +1 -1
  335. package/lib/components/divider/index.js +2 -2
  336. package/lib/components/divider/src/divider.js +17 -35
  337. package/lib/components/divider/src/divider.js.map +1 -1
  338. package/lib/components/divider/src/divider2.js +35 -17
  339. package/lib/components/divider/src/divider2.js.map +1 -1
  340. package/lib/components/drawer/src/drawer.js +1 -1
  341. package/lib/components/dropdown/src/dropdown-item-impl.js +1 -1
  342. package/lib/components/dropdown/src/dropdown-menu.js +1 -1
  343. package/lib/components/dropdown/src/dropdown.js +1 -1
  344. package/lib/components/dropdown/src/dropdown2.js +2 -2
  345. package/lib/components/empty/index.js +2 -2
  346. package/lib/components/empty/src/empty.js +56 -11
  347. package/lib/components/empty/src/empty.js.map +1 -1
  348. package/lib/components/empty/src/empty2.js +11 -56
  349. package/lib/components/empty/src/empty2.js.map +1 -1
  350. package/lib/components/form/index.js +2 -2
  351. package/lib/components/form/src/form.js +149 -53
  352. package/lib/components/form/src/form.js.map +1 -1
  353. package/lib/components/form/src/form2.js +53 -149
  354. package/lib/components/form/src/form2.js.map +1 -1
  355. package/lib/components/image/index.js +2 -2
  356. package/lib/components/image/src/image.js +59 -219
  357. package/lib/components/image/src/image.js.map +1 -1
  358. package/lib/components/image/src/image2.js +219 -59
  359. package/lib/components/image/src/image2.js.map +1 -1
  360. package/lib/components/index.js +41 -41
  361. package/lib/components/input/index.js +2 -2
  362. package/lib/components/input/src/input.js +440 -105
  363. package/lib/components/input/src/input.js.map +1 -1
  364. package/lib/components/input/src/input2.js +105 -440
  365. package/lib/components/input/src/input2.js.map +1 -1
  366. package/lib/components/link/index.js +2 -2
  367. package/lib/components/link/src/link.js +49 -22
  368. package/lib/components/link/src/link.js.map +1 -1
  369. package/lib/components/link/src/link2.js +22 -49
  370. package/lib/components/link/src/link2.js.map +1 -1
  371. package/lib/components/menu/index.js +2 -2
  372. package/lib/components/menu/src/menu-item-group.js +4 -35
  373. package/lib/components/menu/src/menu-item-group.js.map +1 -1
  374. package/lib/components/menu/src/menu-item-group2.js +35 -4
  375. package/lib/components/menu/src/menu-item-group2.js.map +1 -1
  376. package/lib/components/message/index.js +1 -1
  377. package/lib/components/message/src/message.js +87 -144
  378. package/lib/components/message/src/message.js.map +1 -1
  379. package/lib/components/message/src/message2.js +144 -87
  380. package/lib/components/message/src/message2.js.map +1 -1
  381. package/lib/components/message/src/method.js +2 -2
  382. package/lib/components/notification/index.js +1 -1
  383. package/lib/components/notification/src/notification.js +144 -70
  384. package/lib/components/notification/src/notification.js.map +1 -1
  385. package/lib/components/notification/src/notification2.js +70 -144
  386. package/lib/components/notification/src/notification2.js.map +1 -1
  387. package/lib/components/notification/src/notify.js +2 -2
  388. package/lib/components/pagination/src/components/sizes.js +68 -22
  389. package/lib/components/pagination/src/components/sizes.js.map +1 -1
  390. package/lib/components/pagination/src/components/sizes2.js +22 -68
  391. package/lib/components/pagination/src/components/sizes2.js.map +1 -1
  392. package/lib/components/pagination/src/pagination.js +1 -1
  393. package/lib/components/popconfirm/index.js +2 -2
  394. package/lib/components/popconfirm/src/popconfirm.js +49 -111
  395. package/lib/components/popconfirm/src/popconfirm.js.map +1 -1
  396. package/lib/components/popconfirm/src/popconfirm2.js +111 -49
  397. package/lib/components/popconfirm/src/popconfirm2.js.map +1 -1
  398. package/lib/components/popover/index.js +2 -2
  399. package/lib/components/popover/src/popover.js +111 -67
  400. package/lib/components/popover/src/popover.js.map +1 -1
  401. package/lib/components/popover/src/popover2.js +67 -111
  402. package/lib/components/popover/src/popover2.js.map +1 -1
  403. package/lib/components/popper/index.js +4 -4
  404. package/lib/components/popper/src/arrow.js +44 -9
  405. package/lib/components/popper/src/arrow.js.map +1 -1
  406. package/lib/components/popper/src/arrow2.js +9 -44
  407. package/lib/components/popper/src/arrow2.js.map +1 -1
  408. package/lib/components/popper/src/trigger.js +120 -32
  409. package/lib/components/popper/src/trigger.js.map +1 -1
  410. package/lib/components/popper/src/trigger2.js +32 -120
  411. package/lib/components/popper/src/trigger2.js.map +1 -1
  412. package/lib/components/radio/index.js +6 -6
  413. package/lib/components/radio/src/radio-button.js +68 -9
  414. package/lib/components/radio/src/radio-button.js.map +1 -1
  415. package/lib/components/radio/src/radio-button2.js +9 -68
  416. package/lib/components/radio/src/radio-button2.js.map +1 -1
  417. package/lib/components/radio/src/radio-group.js +37 -68
  418. package/lib/components/radio/src/radio-group.js.map +1 -1
  419. package/lib/components/radio/src/radio-group2.js +68 -37
  420. package/lib/components/radio/src/radio-group2.js.map +1 -1
  421. package/lib/components/radio/src/radio.js +77 -31
  422. package/lib/components/radio/src/radio.js.map +1 -1
  423. package/lib/components/radio/src/radio2.js +31 -77
  424. package/lib/components/radio/src/radio2.js.map +1 -1
  425. package/lib/components/rate/index.js +2 -2
  426. package/lib/components/rate/src/rate.js +98 -255
  427. package/lib/components/rate/src/rate.js.map +1 -1
  428. package/lib/components/rate/src/rate2.js +255 -98
  429. package/lib/components/rate/src/rate2.js.map +1 -1
  430. package/lib/components/result/index.js +2 -2
  431. package/lib/components/result/src/result.js +63 -31
  432. package/lib/components/result/src/result.js.map +1 -1
  433. package/lib/components/result/src/result2.js +31 -63
  434. package/lib/components/result/src/result2.js.map +1 -1
  435. package/lib/components/roving-focus-group/index.js +2 -2
  436. package/lib/components/roving-focus-group/src/roving-focus-group-impl.js +1 -1
  437. package/lib/components/roving-focus-group/src/roving-focus-group.js +33 -27
  438. package/lib/components/roving-focus-group/src/roving-focus-group.js.map +1 -1
  439. package/lib/components/roving-focus-group/src/roving-focus-group2.js +27 -33
  440. package/lib/components/roving-focus-group/src/roving-focus-group2.js.map +1 -1
  441. package/lib/components/roving-focus-group/src/roving-focus-item.js +1 -1
  442. package/lib/components/scrollbar/index.js +1 -1
  443. package/lib/components/scrollbar/src/bar2.js +1 -1
  444. package/lib/components/scrollbar/src/thumb.js +11 -131
  445. package/lib/components/scrollbar/src/thumb.js.map +1 -1
  446. package/lib/components/scrollbar/src/thumb2.js +131 -11
  447. package/lib/components/scrollbar/src/thumb2.js.map +1 -1
  448. package/lib/components/select/src/select.js +2 -2
  449. package/lib/components/select-v2/src/defaults.js +1 -1
  450. package/lib/components/skeleton/index.js +2 -2
  451. package/lib/components/skeleton/src/skeleton.js +49 -22
  452. package/lib/components/skeleton/src/skeleton.js.map +1 -1
  453. package/lib/components/skeleton/src/skeleton2.js +22 -49
  454. package/lib/components/skeleton/src/skeleton2.js.map +1 -1
  455. package/lib/components/slider/index.js +2 -2
  456. package/lib/components/slider/src/button.js +93 -22
  457. package/lib/components/slider/src/button.js.map +1 -1
  458. package/lib/components/slider/src/button2.js +22 -93
  459. package/lib/components/slider/src/button2.js.map +1 -1
  460. package/lib/components/slider/src/slider.js +92 -233
  461. package/lib/components/slider/src/slider.js.map +1 -1
  462. package/lib/components/slider/src/slider2.js +233 -92
  463. package/lib/components/slider/src/slider2.js.map +1 -1
  464. package/lib/components/steps/index.js +4 -4
  465. package/lib/components/steps/src/item.js +194 -20
  466. package/lib/components/steps/src/item.js.map +1 -1
  467. package/lib/components/steps/src/item2.js +20 -194
  468. package/lib/components/steps/src/item2.js.map +1 -1
  469. package/lib/components/steps/src/steps.js +37 -34
  470. package/lib/components/steps/src/steps.js.map +1 -1
  471. package/lib/components/steps/src/steps2.js +34 -37
  472. package/lib/components/steps/src/steps2.js.map +1 -1
  473. package/lib/components/tabs/index.js +3 -3
  474. package/lib/components/tabs/src/tab-bar.js +81 -7
  475. package/lib/components/tabs/src/tab-bar.js.map +1 -1
  476. package/lib/components/tabs/src/tab-bar2.js +7 -81
  477. package/lib/components/tabs/src/tab-bar2.js.map +1 -1
  478. package/lib/components/tabs/src/tab-nav.js +1 -1
  479. package/lib/components/tabs/src/tab-pane.js +13 -73
  480. package/lib/components/tabs/src/tab-pane.js.map +1 -1
  481. package/lib/components/tabs/src/tab-pane2.js +73 -13
  482. package/lib/components/tabs/src/tab-pane2.js.map +1 -1
  483. package/lib/components/tag/index.js +2 -2
  484. package/lib/components/tag/src/tag.js +33 -96
  485. package/lib/components/tag/src/tag.js.map +1 -1
  486. package/lib/components/tag/src/tag2.js +96 -33
  487. package/lib/components/tag/src/tag2.js.map +1 -1
  488. package/lib/components/timeline/index.js +2 -2
  489. package/lib/components/timeline/src/timeline-item.js +42 -70
  490. package/lib/components/timeline/src/timeline-item.js.map +1 -1
  491. package/lib/components/timeline/src/timeline-item2.js +70 -42
  492. package/lib/components/timeline/src/timeline-item2.js.map +1 -1
  493. package/lib/components/tooltip/index.js +2 -2
  494. package/lib/components/tooltip/src/content.js +167 -39
  495. package/lib/components/tooltip/src/content.js.map +1 -1
  496. package/lib/components/tooltip/src/content2.js +39 -167
  497. package/lib/components/tooltip/src/content2.js.map +1 -1
  498. package/lib/components/tooltip/src/tooltip.js +3 -3
  499. package/lib/components/tooltip/src/tooltip2.js +3 -3
  500. package/lib/components/tooltip/src/trigger.js +74 -16
  501. package/lib/components/tooltip/src/trigger.js.map +1 -1
  502. package/lib/components/tooltip/src/trigger2.js +16 -74
  503. package/lib/components/tooltip/src/trigger2.js.map +1 -1
  504. package/lib/components/tooltip-v2/index.js +1 -1
  505. package/lib/components/tooltip-v2/src/content2.js +1 -1
  506. package/lib/components/tooltip-v2/src/tooltip.js +1 -1
  507. package/lib/components/tooltip-v2/src/tooltip2.js +2 -2
  508. package/lib/components/tooltip-v2/src/trigger.js +12 -90
  509. package/lib/components/tooltip-v2/src/trigger.js.map +1 -1
  510. package/lib/components/tooltip-v2/src/trigger2.js +90 -12
  511. package/lib/components/tooltip-v2/src/trigger2.js.map +1 -1
  512. package/lib/components/transfer/src/composables/use-check.js +1 -1
  513. package/lib/components/transfer/src/transfer-panel.js +21 -131
  514. package/lib/components/transfer/src/transfer-panel.js.map +1 -1
  515. package/lib/components/transfer/src/transfer-panel2.js +131 -21
  516. package/lib/components/transfer/src/transfer-panel2.js.map +1 -1
  517. package/lib/components/transfer/src/transfer2.js +1 -1
  518. package/lib/components/upload/index.js +2 -2
  519. package/lib/components/upload/src/upload-content.js +1 -1
  520. package/lib/components/upload/src/upload-content2.js +1 -1
  521. package/lib/components/upload/src/upload-list2.js +1 -1
  522. package/lib/components/upload/src/upload.js +120 -108
  523. package/lib/components/upload/src/upload.js.map +1 -1
  524. package/lib/components/upload/src/upload2.js +108 -120
  525. package/lib/components/upload/src/upload2.js.map +1 -1
  526. package/lib/components/upload/src/use-handlers.js +1 -1
  527. package/lib/components/visual-hidden/index.js +2 -2
  528. package/lib/components/visual-hidden/src/visual-hidden.js +7 -35
  529. package/lib/components/visual-hidden/src/visual-hidden.js.map +1 -1
  530. package/lib/components/visual-hidden/src/visual-hidden2.js +35 -7
  531. package/lib/components/visual-hidden/src/visual-hidden2.js.map +1 -1
  532. package/lib/index.js +41 -41
  533. package/package.json +1 -1
@@ -1 +1 @@
1
- {"version":3,"file":"result2.mjs","sources":["../../../../../../packages/components/result/src/result.vue"],"sourcesContent":["<template>\n <div :class=\"ns.b()\">\n <div :class=\"ns.e('icon')\">\n <slot name=\"icon\">\n <component\n :is=\"resultIcon.component\"\n v-if=\"resultIcon.component\"\n :class=\"resultIcon.class\"\n />\n </slot>\n </div>\n <div v-if=\"title || $slots.title\" :class=\"ns.e('title')\">\n <slot name=\"title\">\n <p>{{ title }}</p>\n </slot>\n </div>\n <div v-if=\"subTitle || $slots['sub-title']\" :class=\"ns.e('subtitle')\">\n <slot name=\"sub-title\">\n <p>{{ subTitle }}</p>\n </slot>\n </div>\n <div v-if=\"$slots.extra\" :class=\"ns.e('extra')\">\n <slot name=\"extra\" />\n </div>\n </div>\n</template>\n<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport { IconComponentMap, IconMap, resultProps } from './result'\n\ndefineOptions({\n name: 'ElResult',\n})\n\nconst props = defineProps(resultProps)\n\nconst ns = useNamespace('result')\n\nconst resultIcon = computed(() => {\n const icon = props.icon\n const iconClass = icon && IconMap[icon] ? IconMap[icon] : 'icon-info'\n const iconComponent =\n IconComponentMap[iconClass] || IconComponentMap['icon-info']\n\n return {\n class: iconClass,\n component: iconComponent,\n }\n})\n</script>\n"],"names":[],"mappings":";;;;;;mCA+Bc,CAAA;AAAA,EACZ,IAAM,EAAA,UAAA;AACR,CAAA,CAAA,CAAA;;;;;;AAIA,IAAM,MAAA,EAAA,GAAK,aAAa,QAAQ,CAAA,CAAA;AAEhC,IAAM,MAAA,UAAA,GAAa,SAAS,MAAM;AAChC,MAAA,MAAM,OAAO,KAAM,CAAA,IAAA,CAAA;AACnB,MAAA,MAAM,SAAY,GAAA,IAAA,IAAQ,OAAQ,CAAA,IAAA,CAAA,GAAQ,QAAQ,IAAQ,CAAA,GAAA,WAAA,CAAA;AAC1D,MAAM,MAAA,aAAA,GACJ,gBAAiB,CAAA,SAAA,CAAA,IAAc,gBAAiB,CAAA,WAAA,CAAA,CAAA;AAElD,MAAO,OAAA;AAAA,QACL,KAAO,EAAA,SAAA;AAAA,QACP,SAAW,EAAA,aAAA;AAAA,OACb,CAAA;AAAA,KACD,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"result2.mjs","sources":["../../../../../../packages/components/result/src/result.ts"],"sourcesContent":["import { buildProps } from '@element-plus/utils'\nimport {\n CircleCheckFilled,\n CircleCloseFilled,\n InfoFilled,\n WarningFilled,\n} from '@element-plus/icons-vue'\nimport type { Component, ExtractPropTypes } from 'vue'\nimport type Result from './result.vue'\n\nexport const IconMap = {\n success: 'icon-success',\n warning: 'icon-warning',\n error: 'icon-error',\n info: 'icon-info',\n} as const\n\nexport const IconComponentMap: Record<\n typeof IconMap[keyof typeof IconMap],\n Component\n> = {\n [IconMap.success]: CircleCheckFilled,\n [IconMap.warning]: WarningFilled,\n [IconMap.error]: CircleCloseFilled,\n [IconMap.info]: InfoFilled,\n}\n\nexport const resultProps = buildProps({\n title: {\n type: String,\n default: '',\n },\n subTitle: {\n type: String,\n default: '',\n },\n icon: {\n type: String,\n values: ['success', 'warning', 'info', 'error'],\n default: 'info',\n },\n} as const)\n\nexport type ResultProps = ExtractPropTypes<typeof resultProps>\n\nexport type ResultInstance = InstanceType<typeof Result>\n"],"names":[],"mappings":";;;;AAOY,MAAC,OAAO,GAAG;AACvB,EAAE,OAAO,EAAE,cAAc;AACzB,EAAE,OAAO,EAAE,cAAc;AACzB,EAAE,KAAK,EAAE,YAAY;AACrB,EAAE,IAAI,EAAE,WAAW;AACnB,EAAE;AACU,MAAC,gBAAgB,GAAG;AAChC,EAAE,CAAC,OAAO,CAAC,OAAO,GAAG,iBAAiB;AACtC,EAAE,CAAC,OAAO,CAAC,OAAO,GAAG,aAAa;AAClC,EAAE,CAAC,OAAO,CAAC,KAAK,GAAG,iBAAiB;AACpC,EAAE,CAAC,OAAO,CAAC,IAAI,GAAG,UAAU;AAC5B,EAAE;AACU,MAAC,WAAW,GAAG,UAAU,CAAC;AACtC,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,CAAC,SAAS,EAAE,SAAS,EAAE,MAAM,EAAE,OAAO,CAAC;AACnD,IAAI,OAAO,EAAE,MAAM;AACnB,GAAG;AACH,CAAC;;;;"}
@@ -1,7 +1,7 @@
1
- import ElRovingFocusGroup from './src/roving-focus-group.mjs';
2
- export { default as ElRovingFocusGroup, default } from './src/roving-focus-group.mjs';
1
+ import ElRovingFocusGroup from './src/roving-focus-group2.mjs';
2
+ export { default as ElRovingFocusGroup, default } from './src/roving-focus-group2.mjs';
3
3
  export { default as ElRovingFocusItem } from './src/roving-focus-item.mjs';
4
4
  export { ROVING_FOCUS_GROUP_INJECTION_KEY, ROVING_FOCUS_GROUP_ITEM_INJECTION_KEY } from './src/tokens.mjs';
5
5
  export { focusFirst, getFocusIntent, reorderArray } from './src/utils.mjs';
6
- export { ROVING_FOCUS_COLLECTION_INJECTION_KEY, ROVING_FOCUS_ITEM_COLLECTION_INJECTION_KEY } from './src/roving-focus-group2.mjs';
6
+ export { ROVING_FOCUS_COLLECTION_INJECTION_KEY, ROVING_FOCUS_ITEM_COLLECTION_INJECTION_KEY } from './src/roving-focus-group.mjs';
7
7
  //# sourceMappingURL=index.mjs.map
@@ -1,7 +1,7 @@
1
1
  import { defineComponent, ref, inject, computed, unref, provide, readonly, toRef, watch, renderSlot } from 'vue';
2
2
  import { useEventListener } from '@vueuse/core';
3
3
  import '../../../utils/index.mjs';
4
- import { rovingFocusGroupProps, ROVING_FOCUS_COLLECTION_INJECTION_KEY as COLLECTION_INJECTION_KEY } from './roving-focus-group2.mjs';
4
+ import { rovingFocusGroupProps, ROVING_FOCUS_COLLECTION_INJECTION_KEY as COLLECTION_INJECTION_KEY } from './roving-focus-group.mjs';
5
5
  import { ROVING_FOCUS_GROUP_INJECTION_KEY } from './tokens.mjs';
6
6
  import { focusFirst } from './utils.mjs';
7
7
  import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
@@ -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-group2.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/collection.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", "/Users/st/Desktop/vue/nxx-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-group.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"roving-focus-group.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-group.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;;;;"}
@@ -1,33 +1,31 @@
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/collection.mjs';
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';
5
5
 
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
6
+ const _sfc_main = defineComponent({
7
+ name: "ElRovingFocusGroup",
8
+ components: {
9
+ ElFocusGroupCollection: ElCollection,
10
+ ElRovingFocusGroupImpl
11
+ }
24
12
  });
25
- const {
26
- ElCollection,
27
- ElCollectionItem,
28
- COLLECTION_INJECTION_KEY,
29
- COLLECTION_ITEM_INJECTION_KEY
30
- } = createCollectionWithScope("RovingFocusGroup");
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", "/Users/st/Desktop/vue/nxx-ui/packages/components/roving-focus-group/src/roving-focus-group.vue"]]);
31
29
 
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 };
30
+ export { ElRovingFocusGroup as default };
33
31
  //# 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.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;;;;"}
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;;;;;;;;;;;"}
@@ -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-group2.mjs';
5
+ import { ElCollectionItem, ROVING_FOCUS_COLLECTION_INJECTION_KEY as COLLECTION_INJECTION_KEY } from './roving-focus-group.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';
@@ -2,7 +2,7 @@ import '../../utils/index.mjs';
2
2
  import Scrollbar from './src/scrollbar2.mjs';
3
3
  export { BAR_MAP, GAP, renderThumbStyle } from './src/util.mjs';
4
4
  export { scrollbarEmits, scrollbarProps } from './src/scrollbar.mjs';
5
- export { thumbProps } from './src/thumb2.mjs';
5
+ export { thumbProps } from './src/thumb.mjs';
6
6
  import { withInstall } from '../../utils/vue/install.mjs';
7
7
 
8
8
  const ElScrollbar = withInstall(Scrollbar);
@@ -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 './thumb.mjs';
3
+ import Thumb from './thumb2.mjs';
4
4
  import { barProps } from './bar.mjs';
5
5
  import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
6
6
 
@@ -1,136 +1,16 @@
1
- import { defineComponent, inject, ref, computed, onBeforeUnmount, toRef, openBlock, createBlock, Transition, unref, withCtx, withDirectives, createElementVNode, normalizeClass, normalizeStyle, vShow } from 'vue';
2
- import { isClient, useEventListener } from '@vueuse/core';
3
- import '../../../tokens/index.mjs';
4
1
  import '../../../utils/index.mjs';
5
- import '../../../hooks/index.mjs';
6
- import { BAR_MAP, renderThumbStyle } from './util.mjs';
7
- import { thumbProps } from './thumb2.mjs';
8
- import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
9
- import { scrollbarContextKey } from '../../../tokens/scrollbar.mjs';
10
- import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
11
- import { throwError } from '../../../utils/error.mjs';
2
+ import { buildProps } from '../../../utils/vue/props/runtime.mjs';
12
3
 
13
- const COMPONENT_NAME = "Thumb";
14
- const _sfc_main = /* @__PURE__ */ defineComponent({
15
- __name: "thumb",
16
- props: thumbProps,
17
- setup(__props) {
18
- const props = __props;
19
- const scrollbar = inject(scrollbarContextKey);
20
- const ns = useNamespace("scrollbar");
21
- if (!scrollbar)
22
- throwError(COMPONENT_NAME, "can not inject scrollbar context");
23
- const instance = ref();
24
- const thumb = ref();
25
- const thumbState = ref({});
26
- const visible = ref(false);
27
- let cursorDown = false;
28
- let cursorLeave = false;
29
- let originalOnSelectStart = isClient ? document.onselectstart : null;
30
- const bar = computed(() => BAR_MAP[props.vertical ? "vertical" : "horizontal"]);
31
- const thumbStyle = computed(() => renderThumbStyle({
32
- size: props.size,
33
- move: props.move,
34
- bar: bar.value
35
- }));
36
- const offsetRatio = computed(() => instance.value[bar.value.offset] ** 2 / scrollbar.wrapElement[bar.value.scrollSize] / props.ratio / thumb.value[bar.value.offset]);
37
- const clickThumbHandler = (e) => {
38
- var _a;
39
- e.stopPropagation();
40
- if (e.ctrlKey || [1, 2].includes(e.button))
41
- return;
42
- (_a = window.getSelection()) == null ? void 0 : _a.removeAllRanges();
43
- startDrag(e);
44
- const el = e.currentTarget;
45
- if (!el)
46
- return;
47
- thumbState.value[bar.value.axis] = el[bar.value.offset] - (e[bar.value.client] - el.getBoundingClientRect()[bar.value.direction]);
48
- };
49
- const clickTrackHandler = (e) => {
50
- if (!thumb.value || !instance.value || !scrollbar.wrapElement)
51
- return;
52
- const offset = Math.abs(e.target.getBoundingClientRect()[bar.value.direction] - e[bar.value.client]);
53
- const thumbHalf = thumb.value[bar.value.offset] / 2;
54
- const thumbPositionPercentage = (offset - thumbHalf) * 100 * offsetRatio.value / instance.value[bar.value.offset];
55
- scrollbar.wrapElement[bar.value.scroll] = thumbPositionPercentage * scrollbar.wrapElement[bar.value.scrollSize] / 100;
56
- };
57
- const startDrag = (e) => {
58
- e.stopImmediatePropagation();
59
- cursorDown = true;
60
- document.addEventListener("mousemove", mouseMoveDocumentHandler);
61
- document.addEventListener("mouseup", mouseUpDocumentHandler);
62
- originalOnSelectStart = document.onselectstart;
63
- document.onselectstart = () => false;
64
- };
65
- const mouseMoveDocumentHandler = (e) => {
66
- if (!instance.value || !thumb.value)
67
- return;
68
- if (cursorDown === false)
69
- return;
70
- const prevPage = thumbState.value[bar.value.axis];
71
- if (!prevPage)
72
- return;
73
- const offset = (instance.value.getBoundingClientRect()[bar.value.direction] - e[bar.value.client]) * -1;
74
- const thumbClickPosition = thumb.value[bar.value.offset] - prevPage;
75
- const thumbPositionPercentage = (offset - thumbClickPosition) * 100 * offsetRatio.value / instance.value[bar.value.offset];
76
- scrollbar.wrapElement[bar.value.scroll] = thumbPositionPercentage * scrollbar.wrapElement[bar.value.scrollSize] / 100;
77
- };
78
- const mouseUpDocumentHandler = () => {
79
- cursorDown = false;
80
- thumbState.value[bar.value.axis] = 0;
81
- document.removeEventListener("mousemove", mouseMoveDocumentHandler);
82
- document.removeEventListener("mouseup", mouseUpDocumentHandler);
83
- restoreOnselectstart();
84
- if (cursorLeave)
85
- visible.value = false;
86
- };
87
- const mouseMoveScrollbarHandler = () => {
88
- cursorLeave = false;
89
- visible.value = !!props.size;
90
- };
91
- const mouseLeaveScrollbarHandler = () => {
92
- cursorLeave = true;
93
- visible.value = cursorDown;
94
- };
95
- onBeforeUnmount(() => {
96
- restoreOnselectstart();
97
- document.removeEventListener("mouseup", mouseUpDocumentHandler);
98
- });
99
- const restoreOnselectstart = () => {
100
- if (document.onselectstart !== originalOnSelectStart)
101
- document.onselectstart = originalOnSelectStart;
102
- };
103
- useEventListener(toRef(scrollbar, "scrollbarElement"), "mousemove", mouseMoveScrollbarHandler);
104
- useEventListener(toRef(scrollbar, "scrollbarElement"), "mouseleave", mouseLeaveScrollbarHandler);
105
- return (_ctx, _cache) => {
106
- return openBlock(), createBlock(Transition, {
107
- name: unref(ns).b("fade"),
108
- persisted: ""
109
- }, {
110
- default: withCtx(() => [
111
- withDirectives(createElementVNode("div", {
112
- ref_key: "instance",
113
- ref: instance,
114
- class: normalizeClass([unref(ns).e("bar"), unref(ns).is(unref(bar).key)]),
115
- onMousedown: clickTrackHandler
116
- }, [
117
- createElementVNode("div", {
118
- ref_key: "thumb",
119
- ref: thumb,
120
- class: normalizeClass(unref(ns).e("thumb")),
121
- style: normalizeStyle(unref(thumbStyle)),
122
- onMousedown: clickThumbHandler
123
- }, null, 38)
124
- ], 34), [
125
- [vShow, _ctx.always || visible.value]
126
- ])
127
- ]),
128
- _: 1
129
- }, 8, ["name"]);
130
- };
131
- }
4
+ const thumbProps = buildProps({
5
+ vertical: Boolean,
6
+ size: String,
7
+ move: Number,
8
+ ratio: {
9
+ type: Number,
10
+ required: true
11
+ },
12
+ always: Boolean
132
13
  });
133
- var Thumb = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/Users/st/Desktop/vue/nxx-ui/packages/components/scrollbar/src/thumb.vue"]]);
134
14
 
135
- export { Thumb as default };
15
+ export { thumbProps };
136
16
  //# sourceMappingURL=thumb.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"thumb.mjs","sources":["../../../../../../packages/components/scrollbar/src/thumb.vue"],"sourcesContent":["<template>\n <transition :name=\"ns.b('fade')\">\n <div\n v-show=\"always || visible\"\n ref=\"instance\"\n :class=\"[ns.e('bar'), ns.is(bar.key)]\"\n @mousedown=\"clickTrackHandler\"\n >\n <div\n ref=\"thumb\"\n :class=\"ns.e('thumb')\"\n :style=\"thumbStyle\"\n @mousedown=\"clickThumbHandler\"\n />\n </div>\n </transition>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, inject, onBeforeUnmount, ref, toRef } from 'vue'\nimport { isClient, useEventListener } from '@vueuse/core'\nimport { scrollbarContextKey } from '@element-plus/tokens'\nimport { throwError } from '@element-plus/utils'\nimport { useNamespace } from '@element-plus/hooks'\nimport { BAR_MAP, renderThumbStyle } from './util'\nimport { thumbProps } from './thumb'\n\nconst COMPONENT_NAME = 'Thumb'\nconst props = defineProps(thumbProps)\n\nconst scrollbar = inject(scrollbarContextKey)\nconst ns = useNamespace('scrollbar')\n\nif (!scrollbar) throwError(COMPONENT_NAME, 'can not inject scrollbar context')\n\nconst instance = ref<HTMLDivElement>()\nconst thumb = ref<HTMLDivElement>()\n\nconst thumbState = ref<Partial<Record<'X' | 'Y', number>>>({})\nconst visible = ref(false)\n\nlet cursorDown = false\nlet cursorLeave = false\nlet originalOnSelectStart:\n | ((this: GlobalEventHandlers, ev: Event) => any)\n | null = isClient ? document.onselectstart : null\n\nconst bar = computed(() => BAR_MAP[props.vertical ? 'vertical' : 'horizontal'])\n\nconst thumbStyle = computed(() =>\n renderThumbStyle({\n size: props.size,\n move: props.move,\n bar: bar.value,\n })\n)\n\nconst offsetRatio = computed(\n () =>\n // offsetRatioX = original width of thumb / current width of thumb / ratioX\n // offsetRatioY = original height of thumb / current height of thumb / ratioY\n // instance height = wrap height - GAP\n instance.value![bar.value.offset] ** 2 /\n scrollbar.wrapElement![bar.value.scrollSize] /\n props.ratio /\n thumb.value![bar.value.offset]\n)\n\nconst clickThumbHandler = (e: MouseEvent) => {\n // prevent click event of middle and right button\n e.stopPropagation()\n if (e.ctrlKey || [1, 2].includes(e.button)) return\n\n window.getSelection()?.removeAllRanges()\n startDrag(e)\n\n const el = e.currentTarget as HTMLDivElement\n if (!el) return\n thumbState.value[bar.value.axis] =\n el[bar.value.offset] -\n (e[bar.value.client] - el.getBoundingClientRect()[bar.value.direction])\n}\n\nconst clickTrackHandler = (e: MouseEvent) => {\n if (!thumb.value || !instance.value || !scrollbar.wrapElement) return\n\n const offset = Math.abs(\n (e.target as HTMLElement).getBoundingClientRect()[bar.value.direction] -\n e[bar.value.client]\n )\n const thumbHalf = thumb.value[bar.value.offset] / 2\n const thumbPositionPercentage =\n ((offset - thumbHalf) * 100 * offsetRatio.value) /\n instance.value[bar.value.offset]\n\n scrollbar.wrapElement[bar.value.scroll] =\n (thumbPositionPercentage * scrollbar.wrapElement[bar.value.scrollSize]) /\n 100\n}\n\nconst startDrag = (e: MouseEvent) => {\n e.stopImmediatePropagation()\n cursorDown = true\n document.addEventListener('mousemove', mouseMoveDocumentHandler)\n document.addEventListener('mouseup', mouseUpDocumentHandler)\n originalOnSelectStart = document.onselectstart\n document.onselectstart = () => false\n}\n\nconst mouseMoveDocumentHandler = (e: MouseEvent) => {\n if (!instance.value || !thumb.value) return\n if (cursorDown === false) return\n\n const prevPage = thumbState.value[bar.value.axis]\n if (!prevPage) return\n\n const offset =\n (instance.value.getBoundingClientRect()[bar.value.direction] -\n e[bar.value.client]) *\n -1\n const thumbClickPosition = thumb.value[bar.value.offset] - prevPage\n const thumbPositionPercentage =\n ((offset - thumbClickPosition) * 100 * offsetRatio.value) /\n instance.value[bar.value.offset]\n scrollbar.wrapElement[bar.value.scroll] =\n (thumbPositionPercentage * scrollbar.wrapElement[bar.value.scrollSize]) /\n 100\n}\n\nconst mouseUpDocumentHandler = () => {\n cursorDown = false\n thumbState.value[bar.value.axis] = 0\n document.removeEventListener('mousemove', mouseMoveDocumentHandler)\n document.removeEventListener('mouseup', mouseUpDocumentHandler)\n restoreOnselectstart()\n if (cursorLeave) visible.value = false\n}\n\nconst mouseMoveScrollbarHandler = () => {\n cursorLeave = false\n visible.value = !!props.size\n}\n\nconst mouseLeaveScrollbarHandler = () => {\n cursorLeave = true\n visible.value = cursorDown\n}\n\nonBeforeUnmount(() => {\n restoreOnselectstart()\n document.removeEventListener('mouseup', mouseUpDocumentHandler)\n})\n\nconst restoreOnselectstart = () => {\n if (document.onselectstart !== originalOnSelectStart)\n document.onselectstart = originalOnSelectStart\n}\n\nuseEventListener(\n toRef(scrollbar, 'scrollbarElement'),\n 'mousemove',\n mouseMoveScrollbarHandler\n)\nuseEventListener(\n toRef(scrollbar, 'scrollbarElement'),\n 'mouseleave',\n mouseLeaveScrollbarHandler\n)\n</script>\n"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"thumb.mjs","sources":["../../../../../../packages/components/scrollbar/src/thumb.ts"],"sourcesContent":["import { buildProps } from '@element-plus/utils'\nimport type { ExtractPropTypes } from 'vue'\nimport type Thumb from './thumb.vue'\n\nexport const thumbProps = buildProps({\n vertical: Boolean,\n size: String,\n move: Number,\n ratio: {\n type: Number,\n required: true,\n },\n always: Boolean,\n} as const)\nexport type ThumbProps = ExtractPropTypes<typeof thumbProps>\n\nexport type ThumbInstance = InstanceType<typeof Thumb>\n"],"names":[],"mappings":";;;AACY,MAAC,UAAU,GAAG,UAAU,CAAC;AACrC,EAAE,QAAQ,EAAE,OAAO;AACnB,EAAE,IAAI,EAAE,MAAM;AACd,EAAE,IAAI,EAAE,MAAM;AACd,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,QAAQ,EAAE,IAAI;AAClB,GAAG;AACH,EAAE,MAAM,EAAE,OAAO;AACjB,CAAC;;;;"}
@@ -1,16 +1,136 @@
1
+ import { defineComponent, inject, ref, computed, onBeforeUnmount, toRef, openBlock, createBlock, Transition, unref, withCtx, withDirectives, createElementVNode, normalizeClass, normalizeStyle, vShow } from 'vue';
2
+ import { isClient, useEventListener } from '@vueuse/core';
3
+ import '../../../tokens/index.mjs';
1
4
  import '../../../utils/index.mjs';
2
- import { buildProps } from '../../../utils/vue/props/runtime.mjs';
5
+ import '../../../hooks/index.mjs';
6
+ import { BAR_MAP, renderThumbStyle } from './util.mjs';
7
+ import { thumbProps } from './thumb.mjs';
8
+ import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
9
+ import { scrollbarContextKey } from '../../../tokens/scrollbar.mjs';
10
+ import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
11
+ import { throwError } from '../../../utils/error.mjs';
3
12
 
4
- const thumbProps = buildProps({
5
- vertical: Boolean,
6
- size: String,
7
- move: Number,
8
- ratio: {
9
- type: Number,
10
- required: true
11
- },
12
- always: Boolean
13
+ const COMPONENT_NAME = "Thumb";
14
+ const _sfc_main = /* @__PURE__ */ defineComponent({
15
+ __name: "thumb",
16
+ props: thumbProps,
17
+ setup(__props) {
18
+ const props = __props;
19
+ const scrollbar = inject(scrollbarContextKey);
20
+ const ns = useNamespace("scrollbar");
21
+ if (!scrollbar)
22
+ throwError(COMPONENT_NAME, "can not inject scrollbar context");
23
+ const instance = ref();
24
+ const thumb = ref();
25
+ const thumbState = ref({});
26
+ const visible = ref(false);
27
+ let cursorDown = false;
28
+ let cursorLeave = false;
29
+ let originalOnSelectStart = isClient ? document.onselectstart : null;
30
+ const bar = computed(() => BAR_MAP[props.vertical ? "vertical" : "horizontal"]);
31
+ const thumbStyle = computed(() => renderThumbStyle({
32
+ size: props.size,
33
+ move: props.move,
34
+ bar: bar.value
35
+ }));
36
+ const offsetRatio = computed(() => instance.value[bar.value.offset] ** 2 / scrollbar.wrapElement[bar.value.scrollSize] / props.ratio / thumb.value[bar.value.offset]);
37
+ const clickThumbHandler = (e) => {
38
+ var _a;
39
+ e.stopPropagation();
40
+ if (e.ctrlKey || [1, 2].includes(e.button))
41
+ return;
42
+ (_a = window.getSelection()) == null ? void 0 : _a.removeAllRanges();
43
+ startDrag(e);
44
+ const el = e.currentTarget;
45
+ if (!el)
46
+ return;
47
+ thumbState.value[bar.value.axis] = el[bar.value.offset] - (e[bar.value.client] - el.getBoundingClientRect()[bar.value.direction]);
48
+ };
49
+ const clickTrackHandler = (e) => {
50
+ if (!thumb.value || !instance.value || !scrollbar.wrapElement)
51
+ return;
52
+ const offset = Math.abs(e.target.getBoundingClientRect()[bar.value.direction] - e[bar.value.client]);
53
+ const thumbHalf = thumb.value[bar.value.offset] / 2;
54
+ const thumbPositionPercentage = (offset - thumbHalf) * 100 * offsetRatio.value / instance.value[bar.value.offset];
55
+ scrollbar.wrapElement[bar.value.scroll] = thumbPositionPercentage * scrollbar.wrapElement[bar.value.scrollSize] / 100;
56
+ };
57
+ const startDrag = (e) => {
58
+ e.stopImmediatePropagation();
59
+ cursorDown = true;
60
+ document.addEventListener("mousemove", mouseMoveDocumentHandler);
61
+ document.addEventListener("mouseup", mouseUpDocumentHandler);
62
+ originalOnSelectStart = document.onselectstart;
63
+ document.onselectstart = () => false;
64
+ };
65
+ const mouseMoveDocumentHandler = (e) => {
66
+ if (!instance.value || !thumb.value)
67
+ return;
68
+ if (cursorDown === false)
69
+ return;
70
+ const prevPage = thumbState.value[bar.value.axis];
71
+ if (!prevPage)
72
+ return;
73
+ const offset = (instance.value.getBoundingClientRect()[bar.value.direction] - e[bar.value.client]) * -1;
74
+ const thumbClickPosition = thumb.value[bar.value.offset] - prevPage;
75
+ const thumbPositionPercentage = (offset - thumbClickPosition) * 100 * offsetRatio.value / instance.value[bar.value.offset];
76
+ scrollbar.wrapElement[bar.value.scroll] = thumbPositionPercentage * scrollbar.wrapElement[bar.value.scrollSize] / 100;
77
+ };
78
+ const mouseUpDocumentHandler = () => {
79
+ cursorDown = false;
80
+ thumbState.value[bar.value.axis] = 0;
81
+ document.removeEventListener("mousemove", mouseMoveDocumentHandler);
82
+ document.removeEventListener("mouseup", mouseUpDocumentHandler);
83
+ restoreOnselectstart();
84
+ if (cursorLeave)
85
+ visible.value = false;
86
+ };
87
+ const mouseMoveScrollbarHandler = () => {
88
+ cursorLeave = false;
89
+ visible.value = !!props.size;
90
+ };
91
+ const mouseLeaveScrollbarHandler = () => {
92
+ cursorLeave = true;
93
+ visible.value = cursorDown;
94
+ };
95
+ onBeforeUnmount(() => {
96
+ restoreOnselectstart();
97
+ document.removeEventListener("mouseup", mouseUpDocumentHandler);
98
+ });
99
+ const restoreOnselectstart = () => {
100
+ if (document.onselectstart !== originalOnSelectStart)
101
+ document.onselectstart = originalOnSelectStart;
102
+ };
103
+ useEventListener(toRef(scrollbar, "scrollbarElement"), "mousemove", mouseMoveScrollbarHandler);
104
+ useEventListener(toRef(scrollbar, "scrollbarElement"), "mouseleave", mouseLeaveScrollbarHandler);
105
+ return (_ctx, _cache) => {
106
+ return openBlock(), createBlock(Transition, {
107
+ name: unref(ns).b("fade"),
108
+ persisted: ""
109
+ }, {
110
+ default: withCtx(() => [
111
+ withDirectives(createElementVNode("div", {
112
+ ref_key: "instance",
113
+ ref: instance,
114
+ class: normalizeClass([unref(ns).e("bar"), unref(ns).is(unref(bar).key)]),
115
+ onMousedown: clickTrackHandler
116
+ }, [
117
+ createElementVNode("div", {
118
+ ref_key: "thumb",
119
+ ref: thumb,
120
+ class: normalizeClass(unref(ns).e("thumb")),
121
+ style: normalizeStyle(unref(thumbStyle)),
122
+ onMousedown: clickThumbHandler
123
+ }, null, 38)
124
+ ], 34), [
125
+ [vShow, _ctx.always || visible.value]
126
+ ])
127
+ ]),
128
+ _: 1
129
+ }, 8, ["name"]);
130
+ };
131
+ }
13
132
  });
133
+ var Thumb = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/Users/st/Desktop/vue/nxx-ui/packages/components/scrollbar/src/thumb.vue"]]);
14
134
 
15
- export { thumbProps };
135
+ export { Thumb as default };
16
136
  //# sourceMappingURL=thumb2.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"thumb2.mjs","sources":["../../../../../../packages/components/scrollbar/src/thumb.ts"],"sourcesContent":["import { buildProps } from '@element-plus/utils'\nimport type { ExtractPropTypes } from 'vue'\nimport type Thumb from './thumb.vue'\n\nexport const thumbProps = buildProps({\n vertical: Boolean,\n size: String,\n move: Number,\n ratio: {\n type: Number,\n required: true,\n },\n always: Boolean,\n} as const)\nexport type ThumbProps = ExtractPropTypes<typeof thumbProps>\n\nexport type ThumbInstance = InstanceType<typeof Thumb>\n"],"names":[],"mappings":";;;AACY,MAAC,UAAU,GAAG,UAAU,CAAC;AACrC,EAAE,QAAQ,EAAE,OAAO;AACnB,EAAE,IAAI,EAAE,MAAM;AACd,EAAE,IAAI,EAAE,MAAM;AACd,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,QAAQ,EAAE,IAAI;AAClB,GAAG;AACH,EAAE,MAAM,EAAE,OAAO;AACjB,CAAC;;;;"}
1
+ {"version":3,"file":"thumb2.mjs","sources":["../../../../../../packages/components/scrollbar/src/thumb.vue"],"sourcesContent":["<template>\n <transition :name=\"ns.b('fade')\">\n <div\n v-show=\"always || visible\"\n ref=\"instance\"\n :class=\"[ns.e('bar'), ns.is(bar.key)]\"\n @mousedown=\"clickTrackHandler\"\n >\n <div\n ref=\"thumb\"\n :class=\"ns.e('thumb')\"\n :style=\"thumbStyle\"\n @mousedown=\"clickThumbHandler\"\n />\n </div>\n </transition>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, inject, onBeforeUnmount, ref, toRef } from 'vue'\nimport { isClient, useEventListener } from '@vueuse/core'\nimport { scrollbarContextKey } from '@element-plus/tokens'\nimport { throwError } from '@element-plus/utils'\nimport { useNamespace } from '@element-plus/hooks'\nimport { BAR_MAP, renderThumbStyle } from './util'\nimport { thumbProps } from './thumb'\n\nconst COMPONENT_NAME = 'Thumb'\nconst props = defineProps(thumbProps)\n\nconst scrollbar = inject(scrollbarContextKey)\nconst ns = useNamespace('scrollbar')\n\nif (!scrollbar) throwError(COMPONENT_NAME, 'can not inject scrollbar context')\n\nconst instance = ref<HTMLDivElement>()\nconst thumb = ref<HTMLDivElement>()\n\nconst thumbState = ref<Partial<Record<'X' | 'Y', number>>>({})\nconst visible = ref(false)\n\nlet cursorDown = false\nlet cursorLeave = false\nlet originalOnSelectStart:\n | ((this: GlobalEventHandlers, ev: Event) => any)\n | null = isClient ? document.onselectstart : null\n\nconst bar = computed(() => BAR_MAP[props.vertical ? 'vertical' : 'horizontal'])\n\nconst thumbStyle = computed(() =>\n renderThumbStyle({\n size: props.size,\n move: props.move,\n bar: bar.value,\n })\n)\n\nconst offsetRatio = computed(\n () =>\n // offsetRatioX = original width of thumb / current width of thumb / ratioX\n // offsetRatioY = original height of thumb / current height of thumb / ratioY\n // instance height = wrap height - GAP\n instance.value![bar.value.offset] ** 2 /\n scrollbar.wrapElement![bar.value.scrollSize] /\n props.ratio /\n thumb.value![bar.value.offset]\n)\n\nconst clickThumbHandler = (e: MouseEvent) => {\n // prevent click event of middle and right button\n e.stopPropagation()\n if (e.ctrlKey || [1, 2].includes(e.button)) return\n\n window.getSelection()?.removeAllRanges()\n startDrag(e)\n\n const el = e.currentTarget as HTMLDivElement\n if (!el) return\n thumbState.value[bar.value.axis] =\n el[bar.value.offset] -\n (e[bar.value.client] - el.getBoundingClientRect()[bar.value.direction])\n}\n\nconst clickTrackHandler = (e: MouseEvent) => {\n if (!thumb.value || !instance.value || !scrollbar.wrapElement) return\n\n const offset = Math.abs(\n (e.target as HTMLElement).getBoundingClientRect()[bar.value.direction] -\n e[bar.value.client]\n )\n const thumbHalf = thumb.value[bar.value.offset] / 2\n const thumbPositionPercentage =\n ((offset - thumbHalf) * 100 * offsetRatio.value) /\n instance.value[bar.value.offset]\n\n scrollbar.wrapElement[bar.value.scroll] =\n (thumbPositionPercentage * scrollbar.wrapElement[bar.value.scrollSize]) /\n 100\n}\n\nconst startDrag = (e: MouseEvent) => {\n e.stopImmediatePropagation()\n cursorDown = true\n document.addEventListener('mousemove', mouseMoveDocumentHandler)\n document.addEventListener('mouseup', mouseUpDocumentHandler)\n originalOnSelectStart = document.onselectstart\n document.onselectstart = () => false\n}\n\nconst mouseMoveDocumentHandler = (e: MouseEvent) => {\n if (!instance.value || !thumb.value) return\n if (cursorDown === false) return\n\n const prevPage = thumbState.value[bar.value.axis]\n if (!prevPage) return\n\n const offset =\n (instance.value.getBoundingClientRect()[bar.value.direction] -\n e[bar.value.client]) *\n -1\n const thumbClickPosition = thumb.value[bar.value.offset] - prevPage\n const thumbPositionPercentage =\n ((offset - thumbClickPosition) * 100 * offsetRatio.value) /\n instance.value[bar.value.offset]\n scrollbar.wrapElement[bar.value.scroll] =\n (thumbPositionPercentage * scrollbar.wrapElement[bar.value.scrollSize]) /\n 100\n}\n\nconst mouseUpDocumentHandler = () => {\n cursorDown = false\n thumbState.value[bar.value.axis] = 0\n document.removeEventListener('mousemove', mouseMoveDocumentHandler)\n document.removeEventListener('mouseup', mouseUpDocumentHandler)\n restoreOnselectstart()\n if (cursorLeave) visible.value = false\n}\n\nconst mouseMoveScrollbarHandler = () => {\n cursorLeave = false\n visible.value = !!props.size\n}\n\nconst mouseLeaveScrollbarHandler = () => {\n cursorLeave = true\n visible.value = cursorDown\n}\n\nonBeforeUnmount(() => {\n restoreOnselectstart()\n document.removeEventListener('mouseup', mouseUpDocumentHandler)\n})\n\nconst restoreOnselectstart = () => {\n if (document.onselectstart !== originalOnSelectStart)\n document.onselectstart = originalOnSelectStart\n}\n\nuseEventListener(\n toRef(scrollbar, 'scrollbarElement'),\n 'mousemove',\n mouseMoveScrollbarHandler\n)\nuseEventListener(\n toRef(scrollbar, 'scrollbarElement'),\n 'mouseleave',\n mouseLeaveScrollbarHandler\n)\n</script>\n"],"names":[],"mappings":"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"}
@@ -18,9 +18,9 @@ import { selectKey } from './token.mjs';
18
18
  import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
19
19
  import ClickOutside from '../../../directives/click-outside/index.mjs';
20
20
  import { isValidComponentSize } from '../../../utils/vue/validator.mjs';
21
- import { useTooltipContentProps } from '../../tooltip/src/content.mjs';
21
+ import { useTooltipContentProps } from '../../tooltip/src/content2.mjs';
22
22
  import { iconPropType } from '../../../utils/vue/icon.mjs';
23
- import { tagProps } from '../../tag/src/tag2.mjs';
23
+ import { tagProps } from '../../tag/src/tag.mjs';
24
24
  import { UPDATE_MODEL_EVENT, CHANGE_EVENT } from '../../../constants/event.mjs';
25
25
  import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
26
26
  import { useLocale } from '../../../hooks/use-locale/index.mjs';
@@ -2,7 +2,7 @@ import { placements } from '@popperjs/core';
2
2
  import '../../../utils/index.mjs';
3
3
  import '../../tooltip/index.mjs';
4
4
  import { CircleClose } from '@element-plus/icons-vue';
5
- import { useTooltipContentProps } from '../../tooltip/src/content.mjs';
5
+ import { useTooltipContentProps } from '../../tooltip/src/content2.mjs';
6
6
  import { isValidComponentSize } from '../../../utils/vue/validator.mjs';
7
7
  import { definePropType } from '../../../utils/vue/props/runtime.mjs';
8
8
 
@@ -1,7 +1,7 @@
1
1
  import '../../utils/index.mjs';
2
- import Skeleton from './src/skeleton2.mjs';
2
+ import Skeleton from './src/skeleton.mjs';
3
3
  import SkeletonItem from './src/skeleton-item2.mjs';
4
- export { skeletonProps } from './src/skeleton.mjs';
4
+ export { skeletonProps } from './src/skeleton2.mjs';
5
5
  export { skeletonItemProps } from './src/skeleton-item.mjs';
6
6
  import { withInstall, withNoopInstall } from '../../utils/vue/install.mjs';
7
7