element-plus-secondary 0.1.11 → 0.2.2

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 (601) hide show
  1. package/dist/index.css +1 -1
  2. package/es/components/alert/index.mjs +2 -2
  3. package/es/components/alert/src/alert.mjs +96 -36
  4. package/es/components/alert/src/alert.mjs.map +1 -1
  5. package/es/components/alert/src/alert2.mjs +36 -96
  6. package/es/components/alert/src/alert2.mjs.map +1 -1
  7. package/es/components/autocomplete/index.d.ts +53 -53
  8. package/es/components/autocomplete/src/autocomplete.vue.d.ts +53 -53
  9. package/es/components/autocomplete/src/autocomplete2.mjs +1 -1
  10. package/es/components/backtop/index.mjs +2 -2
  11. package/es/components/backtop/src/backtop.mjs +21 -54
  12. package/es/components/backtop/src/backtop.mjs.map +1 -1
  13. package/es/components/backtop/src/backtop2.mjs +54 -21
  14. package/es/components/backtop/src/backtop2.mjs.map +1 -1
  15. package/es/components/badge/index.mjs +2 -2
  16. package/es/components/badge/src/badge.mjs +55 -17
  17. package/es/components/badge/src/badge.mjs.map +1 -1
  18. package/es/components/badge/src/badge2.mjs +17 -55
  19. package/es/components/badge/src/badge2.mjs.map +1 -1
  20. package/es/components/breadcrumb/index.mjs +2 -2
  21. package/es/components/breadcrumb/src/breadcrumb.mjs +37 -11
  22. package/es/components/breadcrumb/src/breadcrumb.mjs.map +1 -1
  23. package/es/components/breadcrumb/src/breadcrumb2.mjs +11 -37
  24. package/es/components/breadcrumb/src/breadcrumb2.mjs.map +1 -1
  25. package/es/components/button/index.mjs +1 -1
  26. package/es/components/button/src/button-group.mjs +31 -6
  27. package/es/components/button/src/button-group.mjs.map +1 -1
  28. package/es/components/button/src/button-group2.mjs +6 -31
  29. package/es/components/button/src/button-group2.mjs.map +1 -1
  30. package/es/components/card/index.mjs +2 -2
  31. package/es/components/card/src/card.mjs +16 -35
  32. package/es/components/card/src/card.mjs.map +1 -1
  33. package/es/components/card/src/card2.mjs +35 -16
  34. package/es/components/card/src/card2.mjs.map +1 -1
  35. package/es/components/carousel/index.d.ts +1 -1
  36. package/es/components/carousel/index.mjs +4 -4
  37. package/es/components/carousel/src/carousel-item.mjs +63 -8
  38. package/es/components/carousel/src/carousel-item.mjs.map +1 -1
  39. package/es/components/carousel/src/carousel-item2.mjs +8 -63
  40. package/es/components/carousel/src/carousel-item2.mjs.map +1 -1
  41. package/es/components/carousel/src/carousel.mjs +159 -60
  42. package/es/components/carousel/src/carousel.mjs.map +1 -1
  43. package/es/components/carousel/src/carousel.vue.d.ts +1 -1
  44. package/es/components/carousel/src/carousel2.mjs +60 -159
  45. package/es/components/carousel/src/carousel2.mjs.map +1 -1
  46. package/es/components/cascader/index.d.ts +72 -72
  47. package/es/components/cascader/src/index.mjs +1 -1
  48. package/es/components/cascader/src/index.vue.d.ts +36 -36
  49. package/es/components/check-tag/index.mjs +2 -2
  50. package/es/components/check-tag/src/check-tag.mjs +12 -30
  51. package/es/components/check-tag/src/check-tag.mjs.map +1 -1
  52. package/es/components/check-tag/src/check-tag2.mjs +30 -12
  53. package/es/components/check-tag/src/check-tag2.mjs.map +1 -1
  54. package/es/components/checkbox/index.mjs +4 -4
  55. package/es/components/checkbox/src/checkbox-button.mjs +1 -1
  56. package/es/components/checkbox/src/checkbox-group.mjs +28 -72
  57. package/es/components/checkbox/src/checkbox-group.mjs.map +1 -1
  58. package/es/components/checkbox/src/checkbox-group2.mjs +72 -28
  59. package/es/components/checkbox/src/checkbox-group2.mjs.map +1 -1
  60. package/es/components/checkbox/src/checkbox.mjs +117 -54
  61. package/es/components/checkbox/src/checkbox.mjs.map +1 -1
  62. package/es/components/checkbox/src/checkbox2.mjs +54 -117
  63. package/es/components/checkbox/src/checkbox2.mjs.map +1 -1
  64. package/es/components/col/index.mjs +2 -2
  65. package/es/components/col/src/col.mjs +43 -66
  66. package/es/components/col/src/col.mjs.map +1 -1
  67. package/es/components/col/src/col2.mjs +66 -43
  68. package/es/components/col/src/col2.mjs.map +1 -1
  69. package/es/components/color-picker/index.d.ts +123 -123
  70. package/es/components/color-picker/index.mjs +2 -2
  71. package/es/components/color-picker/src/color-picker.mjs +371 -42
  72. package/es/components/color-picker/src/color-picker.mjs.map +1 -1
  73. package/es/components/color-picker/src/color-picker.vue.d.ts +123 -123
  74. package/es/components/color-picker/src/color-picker2.mjs +42 -371
  75. package/es/components/color-picker/src/color-picker2.mjs.map +1 -1
  76. package/es/components/color-picker/src/components/alpha-slider.vue.d.ts +32 -32
  77. package/es/components/color-picker/src/components/predefine.mjs +1 -1
  78. package/es/components/date-picker/src/date-picker-com/panel-date-pick.vue.d.ts +9 -9
  79. package/es/components/date-picker/src/date-picker-com/panel-date-range.vue.d.ts +9 -9
  80. package/es/components/date-picker/src/panel-utils.d.ts +18 -18
  81. package/es/components/descriptions/index.mjs +2 -2
  82. package/es/components/descriptions/src/description.mjs +110 -25
  83. package/es/components/descriptions/src/description.mjs.map +1 -1
  84. package/es/components/descriptions/src/description2.mjs +25 -110
  85. package/es/components/descriptions/src/description2.mjs.map +1 -1
  86. package/es/components/descriptions/src/descriptions-row.mjs +64 -7
  87. package/es/components/descriptions/src/descriptions-row.mjs.map +1 -1
  88. package/es/components/descriptions/src/descriptions-row2.mjs +7 -64
  89. package/es/components/descriptions/src/descriptions-row2.mjs.map +1 -1
  90. package/es/components/dialog/index.d.ts +3 -3
  91. package/es/components/dialog/src/dialog-content.mjs +37 -87
  92. package/es/components/dialog/src/dialog-content.mjs.map +1 -1
  93. package/es/components/dialog/src/dialog-content2.mjs +87 -37
  94. package/es/components/dialog/src/dialog-content2.mjs.map +1 -1
  95. package/es/components/dialog/src/dialog.mjs +1 -1
  96. package/es/components/dialog/src/dialog.vue.d.ts +3 -3
  97. package/es/components/dialog/src/dialog2.mjs +1 -1
  98. package/es/components/dropdown/index.d.ts +14 -14
  99. package/es/components/dropdown/index.mjs +2 -2
  100. package/es/components/dropdown/src/dropdown-item-impl.mjs +1 -1
  101. package/es/components/dropdown/src/dropdown-item-impl.vue.d.ts +1 -1
  102. package/es/components/dropdown/src/dropdown-item.mjs +1 -1
  103. package/es/components/dropdown/src/dropdown-item.vue.d.ts +1 -1
  104. package/es/components/dropdown/src/dropdown-menu.mjs +1 -1
  105. package/es/components/dropdown/src/dropdown.mjs +280 -101
  106. package/es/components/dropdown/src/dropdown.mjs.map +1 -1
  107. package/es/components/dropdown/src/dropdown.vue.d.ts +12 -12
  108. package/es/components/dropdown/src/dropdown2.mjs +101 -280
  109. package/es/components/dropdown/src/dropdown2.mjs.map +1 -1
  110. package/es/components/empty/index.mjs +2 -2
  111. package/es/components/empty/src/empty.mjs +11 -56
  112. package/es/components/empty/src/empty.mjs.map +1 -1
  113. package/es/components/empty/src/empty2.mjs +56 -11
  114. package/es/components/empty/src/empty2.mjs.map +1 -1
  115. package/es/components/focus-trap/src/focus-trap.vue.d.ts +3 -3
  116. package/es/components/icon/index.mjs +2 -2
  117. package/es/components/icon/src/icon.mjs +8 -36
  118. package/es/components/icon/src/icon.mjs.map +1 -1
  119. package/es/components/icon/src/icon2.mjs +36 -8
  120. package/es/components/icon/src/icon2.mjs.map +1 -1
  121. package/es/components/image/index.d.ts +2 -2
  122. package/es/components/image/index.mjs +2 -2
  123. package/es/components/image/src/image.mjs +58 -219
  124. package/es/components/image/src/image.mjs.map +1 -1
  125. package/es/components/image/src/image.vue.d.ts +2 -2
  126. package/es/components/image/src/image2.mjs +219 -58
  127. package/es/components/image/src/image2.mjs.map +1 -1
  128. package/es/components/image-viewer/index.d.ts +1 -1
  129. package/es/components/image-viewer/index.mjs +2 -2
  130. package/es/components/image-viewer/src/image-viewer.mjs +405 -35
  131. package/es/components/image-viewer/src/image-viewer.mjs.map +1 -1
  132. package/es/components/image-viewer/src/image-viewer.vue.d.ts +1 -1
  133. package/es/components/image-viewer/src/image-viewer2.mjs +35 -405
  134. package/es/components/image-viewer/src/image-viewer2.mjs.map +1 -1
  135. package/es/components/index.mjs +37 -37
  136. package/es/components/input/index.d.ts +9 -9
  137. package/es/components/input/src/input.vue.d.ts +9 -9
  138. package/es/components/input-number/index.d.ts +32 -32
  139. package/es/components/input-number/src/input-number.vue.d.ts +32 -32
  140. package/es/components/menu/src/menu-item.mjs +1 -1
  141. package/es/components/notification/index.mjs +1 -1
  142. package/es/components/notification/src/notification.mjs +145 -69
  143. package/es/components/notification/src/notification.mjs.map +1 -1
  144. package/es/components/notification/src/notification2.mjs +69 -145
  145. package/es/components/notification/src/notification2.mjs.map +1 -1
  146. package/es/components/notification/src/notify.mjs +2 -2
  147. package/es/components/page-header/index.mjs +2 -2
  148. package/es/components/page-header/src/page-header.mjs +102 -17
  149. package/es/components/page-header/src/page-header.mjs.map +1 -1
  150. package/es/components/page-header/src/page-header2.mjs +17 -102
  151. package/es/components/page-header/src/page-header2.mjs.map +1 -1
  152. package/es/components/pagination/src/components/jumper.vue.d.ts +9 -9
  153. package/es/components/pagination/src/components/pager.mjs +17 -207
  154. package/es/components/pagination/src/components/pager.mjs.map +1 -1
  155. package/es/components/pagination/src/components/pager2.mjs +207 -17
  156. package/es/components/pagination/src/components/pager2.mjs.map +1 -1
  157. package/es/components/pagination/src/components/prev.mjs +18 -34
  158. package/es/components/pagination/src/components/prev.mjs.map +1 -1
  159. package/es/components/pagination/src/components/prev2.mjs +34 -18
  160. package/es/components/pagination/src/components/prev2.mjs.map +1 -1
  161. package/es/components/pagination/src/components/sizes.mjs +68 -22
  162. package/es/components/pagination/src/components/sizes.mjs.map +1 -1
  163. package/es/components/pagination/src/components/sizes.vue.d.ts +13 -13
  164. package/es/components/pagination/src/components/sizes2.mjs +22 -68
  165. package/es/components/pagination/src/components/sizes2.mjs.map +1 -1
  166. package/es/components/pagination/src/pagination.mjs +3 -3
  167. package/es/components/popconfirm/index.d.ts +18 -18
  168. package/es/components/popconfirm/src/popconfirm.mjs +1 -1
  169. package/es/components/popconfirm/src/popconfirm.vue.d.ts +18 -18
  170. package/es/components/popover/index.d.ts +18 -18
  171. package/es/components/popover/index.mjs +2 -2
  172. package/es/components/popover/src/popover.mjs +66 -111
  173. package/es/components/popover/src/popover.mjs.map +1 -1
  174. package/es/components/popover/src/popover.vue.d.ts +18 -18
  175. package/es/components/popover/src/popover2.mjs +111 -66
  176. package/es/components/popover/src/popover2.mjs.map +1 -1
  177. package/es/components/popper/index.mjs +6 -6
  178. package/es/components/popper/src/arrow.mjs +44 -8
  179. package/es/components/popper/src/arrow.mjs.map +1 -1
  180. package/es/components/popper/src/arrow2.mjs +8 -44
  181. package/es/components/popper/src/arrow2.mjs.map +1 -1
  182. package/es/components/popper/src/content.vue.d.ts +6 -6
  183. package/es/components/popper/src/popper.mjs +25 -33
  184. package/es/components/popper/src/popper.mjs.map +1 -1
  185. package/es/components/popper/src/popper2.mjs +33 -25
  186. package/es/components/popper/src/popper2.mjs.map +1 -1
  187. package/es/components/popper/src/trigger.mjs +120 -31
  188. package/es/components/popper/src/trigger.mjs.map +1 -1
  189. package/es/components/popper/src/trigger2.mjs +31 -120
  190. package/es/components/popper/src/trigger2.mjs.map +1 -1
  191. package/es/components/progress/index.mjs +2 -2
  192. package/es/components/progress/src/progress.mjs +57 -202
  193. package/es/components/progress/src/progress.mjs.map +1 -1
  194. package/es/components/progress/src/progress2.mjs +202 -57
  195. package/es/components/progress/src/progress2.mjs.map +1 -1
  196. package/es/components/radio/index.mjs +2 -2
  197. package/es/components/radio/src/radio-button.mjs +9 -68
  198. package/es/components/radio/src/radio-button.mjs.map +1 -1
  199. package/es/components/radio/src/radio-button2.mjs +68 -9
  200. package/es/components/radio/src/radio-button2.mjs.map +1 -1
  201. package/es/components/rate/index.mjs +2 -2
  202. package/es/components/rate/src/rate.mjs +256 -98
  203. package/es/components/rate/src/rate.mjs.map +1 -1
  204. package/es/components/rate/src/rate2.mjs +98 -256
  205. package/es/components/rate/src/rate2.mjs.map +1 -1
  206. package/es/components/roving-focus-group/src/roving-focus-item.vue.d.ts +1 -1
  207. package/es/components/scrollbar/index.mjs +3 -3
  208. package/es/components/scrollbar/src/bar.mjs +17 -42
  209. package/es/components/scrollbar/src/bar.mjs.map +1 -1
  210. package/es/components/scrollbar/src/bar2.mjs +42 -17
  211. package/es/components/scrollbar/src/bar2.mjs.map +1 -1
  212. package/es/components/scrollbar/src/scrollbar.mjs +47 -175
  213. package/es/components/scrollbar/src/scrollbar.mjs.map +1 -1
  214. package/es/components/scrollbar/src/scrollbar2.mjs +175 -47
  215. package/es/components/scrollbar/src/scrollbar2.mjs.map +1 -1
  216. package/es/components/scrollbar/src/thumb.mjs +131 -11
  217. package/es/components/scrollbar/src/thumb.mjs.map +1 -1
  218. package/es/components/scrollbar/src/thumb2.mjs +11 -131
  219. package/es/components/scrollbar/src/thumb2.mjs.map +1 -1
  220. package/es/components/select/index.d.ts +13 -13
  221. package/es/components/select/src/select.mjs +1 -1
  222. package/es/components/select/src/select.vue.d.ts +13 -13
  223. package/es/components/select/src/useSelect.d.ts +12 -12
  224. package/es/components/select-v2/index.d.ts +26 -26
  225. package/es/components/select-v2/src/defaults.mjs +1 -1
  226. package/es/components/select-v2/src/select-dropdown.mjs +1 -1
  227. package/es/components/select-v2/src/select-dropdown.mjs.map +1 -1
  228. package/es/components/select-v2/src/select.vue.d.ts +13 -13
  229. package/es/components/select-v2/src/useSelect.d.ts +12 -12
  230. package/es/components/slider/index.d.ts +62 -62
  231. package/es/components/slider/src/button.vue.d.ts +6 -6
  232. package/es/components/slider/src/composables/use-slide.d.ts +24 -24
  233. package/es/components/slider/src/slider.vue.d.ts +62 -62
  234. package/es/components/table/index.d.ts +1 -1
  235. package/es/components/table/src/filter-panel.vue.d.ts +12 -12
  236. package/es/components/table/src/table.vue.d.ts +1 -1
  237. package/es/components/tabs/index.mjs +2 -2
  238. package/es/components/tabs/src/tab-pane.mjs +73 -13
  239. package/es/components/tabs/src/tab-pane.mjs.map +1 -1
  240. package/es/components/tabs/src/tab-pane2.mjs +13 -73
  241. package/es/components/tabs/src/tab-pane2.mjs.map +1 -1
  242. package/es/components/time-picker/src/common/picker.vue.d.ts +29 -29
  243. package/es/components/time-select/index.d.ts +52 -52
  244. package/es/components/time-select/src/time-select.vue.d.ts +26 -26
  245. package/es/components/tooltip/index.d.ts +6 -6
  246. package/es/components/tooltip/index.mjs +3 -3
  247. package/es/components/tooltip/src/content.mjs +167 -39
  248. package/es/components/tooltip/src/content.mjs.map +1 -1
  249. package/es/components/tooltip/src/content.vue.d.ts +6 -6
  250. package/es/components/tooltip/src/content2.mjs +39 -167
  251. package/es/components/tooltip/src/content2.mjs.map +1 -1
  252. package/es/components/tooltip/src/tooltip.mjs +170 -31
  253. package/es/components/tooltip/src/tooltip.mjs.map +1 -1
  254. package/es/components/tooltip/src/tooltip.vue.d.ts +6 -6
  255. package/es/components/tooltip/src/tooltip2.mjs +31 -170
  256. package/es/components/tooltip/src/tooltip2.mjs.map +1 -1
  257. package/es/components/tooltip/src/trigger.mjs +1 -1
  258. package/es/components/tooltip/src/trigger2.mjs +1 -1
  259. package/es/components/tooltip-v2/index.mjs +2 -2
  260. package/es/components/tooltip-v2/src/content.mjs +50 -113
  261. package/es/components/tooltip-v2/src/content.mjs.map +1 -1
  262. package/es/components/tooltip-v2/src/content2.mjs +113 -50
  263. package/es/components/tooltip-v2/src/content2.mjs.map +1 -1
  264. package/es/components/tooltip-v2/src/root.mjs +17 -81
  265. package/es/components/tooltip-v2/src/root.mjs.map +1 -1
  266. package/es/components/tooltip-v2/src/root2.mjs +81 -17
  267. package/es/components/tooltip-v2/src/root2.mjs.map +1 -1
  268. package/es/components/tooltip-v2/src/tooltip.mjs +4 -4
  269. package/es/components/tooltip-v2/src/tooltip2.mjs +2 -2
  270. package/es/components/transfer/index.d.ts +45 -45
  271. package/es/components/transfer/src/composables/use-check.mjs +1 -1
  272. package/es/components/transfer/src/transfer-panel.mjs +19 -131
  273. package/es/components/transfer/src/transfer-panel.mjs.map +1 -1
  274. package/es/components/transfer/src/transfer-panel.vue.d.ts +9 -9
  275. package/es/components/transfer/src/transfer-panel2.mjs +131 -19
  276. package/es/components/transfer/src/transfer-panel2.mjs.map +1 -1
  277. package/es/components/transfer/src/transfer.vue.d.ts +45 -45
  278. package/es/components/transfer/src/transfer2.mjs +1 -1
  279. package/es/components/tree-v2/index.d.ts +1 -1
  280. package/es/components/tree-v2/src/tree-node.vue.d.ts +1 -1
  281. package/es/components/tree-v2/src/tree.vue.d.ts +1 -1
  282. package/es/components/upload/index.d.ts +1 -1
  283. package/es/components/upload/index.mjs +4 -4
  284. package/es/components/upload/src/upload-content.mjs +170 -33
  285. package/es/components/upload/src/upload-content.mjs.map +1 -1
  286. package/es/components/upload/src/upload-content2.mjs +33 -170
  287. package/es/components/upload/src/upload-content2.mjs.map +1 -1
  288. package/es/components/upload/src/upload-list.mjs +170 -26
  289. package/es/components/upload/src/upload-list.mjs.map +1 -1
  290. package/es/components/upload/src/upload-list2.mjs +26 -170
  291. package/es/components/upload/src/upload-list2.mjs.map +1 -1
  292. package/es/components/upload/src/upload.mjs +120 -105
  293. package/es/components/upload/src/upload.mjs.map +1 -1
  294. package/es/components/upload/src/upload.vue.d.ts +1 -1
  295. package/es/components/upload/src/upload2.mjs +105 -120
  296. package/es/components/upload/src/upload2.mjs.map +1 -1
  297. package/es/components/upload/src/use-handlers.mjs +1 -1
  298. package/es/index.mjs +37 -37
  299. package/lib/components/alert/index.js +2 -2
  300. package/lib/components/alert/src/alert.js +95 -37
  301. package/lib/components/alert/src/alert.js.map +1 -1
  302. package/lib/components/alert/src/alert2.js +37 -95
  303. package/lib/components/alert/src/alert2.js.map +1 -1
  304. package/lib/components/autocomplete/index.d.ts +53 -53
  305. package/lib/components/autocomplete/src/autocomplete.vue.d.ts +53 -53
  306. package/lib/components/autocomplete/src/autocomplete2.js +1 -1
  307. package/lib/components/backtop/index.js +2 -2
  308. package/lib/components/backtop/src/backtop.js +22 -54
  309. package/lib/components/backtop/src/backtop.js.map +1 -1
  310. package/lib/components/backtop/src/backtop2.js +54 -22
  311. package/lib/components/backtop/src/backtop2.js.map +1 -1
  312. package/lib/components/badge/index.js +2 -2
  313. package/lib/components/badge/src/badge.js +55 -17
  314. package/lib/components/badge/src/badge.js.map +1 -1
  315. package/lib/components/badge/src/badge2.js +17 -55
  316. package/lib/components/badge/src/badge2.js.map +1 -1
  317. package/lib/components/breadcrumb/index.js +2 -2
  318. package/lib/components/breadcrumb/src/breadcrumb.js +37 -11
  319. package/lib/components/breadcrumb/src/breadcrumb.js.map +1 -1
  320. package/lib/components/breadcrumb/src/breadcrumb2.js +11 -37
  321. package/lib/components/breadcrumb/src/breadcrumb2.js.map +1 -1
  322. package/lib/components/button/index.js +1 -1
  323. package/lib/components/button/src/button-group.js +31 -6
  324. package/lib/components/button/src/button-group.js.map +1 -1
  325. package/lib/components/button/src/button-group2.js +6 -31
  326. package/lib/components/button/src/button-group2.js.map +1 -1
  327. package/lib/components/card/index.js +2 -2
  328. package/lib/components/card/src/card.js +16 -35
  329. package/lib/components/card/src/card.js.map +1 -1
  330. package/lib/components/card/src/card2.js +35 -16
  331. package/lib/components/card/src/card2.js.map +1 -1
  332. package/lib/components/carousel/index.d.ts +1 -1
  333. package/lib/components/carousel/index.js +4 -4
  334. package/lib/components/carousel/src/carousel-item.js +63 -8
  335. package/lib/components/carousel/src/carousel-item.js.map +1 -1
  336. package/lib/components/carousel/src/carousel-item2.js +8 -63
  337. package/lib/components/carousel/src/carousel-item2.js.map +1 -1
  338. package/lib/components/carousel/src/carousel.js +159 -61
  339. package/lib/components/carousel/src/carousel.js.map +1 -1
  340. package/lib/components/carousel/src/carousel.vue.d.ts +1 -1
  341. package/lib/components/carousel/src/carousel2.js +61 -159
  342. package/lib/components/carousel/src/carousel2.js.map +1 -1
  343. package/lib/components/cascader/index.d.ts +72 -72
  344. package/lib/components/cascader/src/index.js +1 -1
  345. package/lib/components/cascader/src/index.vue.d.ts +36 -36
  346. package/lib/components/check-tag/index.js +2 -2
  347. package/lib/components/check-tag/src/check-tag.js +13 -30
  348. package/lib/components/check-tag/src/check-tag.js.map +1 -1
  349. package/lib/components/check-tag/src/check-tag2.js +30 -13
  350. package/lib/components/check-tag/src/check-tag2.js.map +1 -1
  351. package/lib/components/checkbox/index.js +4 -4
  352. package/lib/components/checkbox/src/checkbox-button.js +1 -1
  353. package/lib/components/checkbox/src/checkbox-group.js +29 -72
  354. package/lib/components/checkbox/src/checkbox-group.js.map +1 -1
  355. package/lib/components/checkbox/src/checkbox-group2.js +72 -29
  356. package/lib/components/checkbox/src/checkbox-group2.js.map +1 -1
  357. package/lib/components/checkbox/src/checkbox.js +117 -55
  358. package/lib/components/checkbox/src/checkbox.js.map +1 -1
  359. package/lib/components/checkbox/src/checkbox2.js +55 -117
  360. package/lib/components/checkbox/src/checkbox2.js.map +1 -1
  361. package/lib/components/col/index.js +2 -2
  362. package/lib/components/col/src/col.js +43 -66
  363. package/lib/components/col/src/col.js.map +1 -1
  364. package/lib/components/col/src/col2.js +66 -43
  365. package/lib/components/col/src/col2.js.map +1 -1
  366. package/lib/components/color-picker/index.d.ts +123 -123
  367. package/lib/components/color-picker/index.js +2 -2
  368. package/lib/components/color-picker/src/color-picker.js +369 -42
  369. package/lib/components/color-picker/src/color-picker.js.map +1 -1
  370. package/lib/components/color-picker/src/color-picker.vue.d.ts +123 -123
  371. package/lib/components/color-picker/src/color-picker2.js +42 -369
  372. package/lib/components/color-picker/src/color-picker2.js.map +1 -1
  373. package/lib/components/color-picker/src/components/alpha-slider.vue.d.ts +32 -32
  374. package/lib/components/color-picker/src/components/predefine.js +1 -1
  375. package/lib/components/date-picker/src/date-picker-com/panel-date-pick.vue.d.ts +9 -9
  376. package/lib/components/date-picker/src/date-picker-com/panel-date-range.vue.d.ts +9 -9
  377. package/lib/components/date-picker/src/panel-utils.d.ts +18 -18
  378. package/lib/components/descriptions/index.js +2 -2
  379. package/lib/components/descriptions/src/description.js +110 -25
  380. package/lib/components/descriptions/src/description.js.map +1 -1
  381. package/lib/components/descriptions/src/description2.js +25 -110
  382. package/lib/components/descriptions/src/description2.js.map +1 -1
  383. package/lib/components/descriptions/src/descriptions-row.js +64 -7
  384. package/lib/components/descriptions/src/descriptions-row.js.map +1 -1
  385. package/lib/components/descriptions/src/descriptions-row2.js +7 -64
  386. package/lib/components/descriptions/src/descriptions-row2.js.map +1 -1
  387. package/lib/components/dialog/index.d.ts +3 -3
  388. package/lib/components/dialog/src/dialog-content.js +37 -86
  389. package/lib/components/dialog/src/dialog-content.js.map +1 -1
  390. package/lib/components/dialog/src/dialog-content2.js +86 -37
  391. package/lib/components/dialog/src/dialog-content2.js.map +1 -1
  392. package/lib/components/dialog/src/dialog.js +1 -1
  393. package/lib/components/dialog/src/dialog.vue.d.ts +3 -3
  394. package/lib/components/dialog/src/dialog2.js +1 -1
  395. package/lib/components/dropdown/index.d.ts +14 -14
  396. package/lib/components/dropdown/index.js +2 -2
  397. package/lib/components/dropdown/src/dropdown-item-impl.js +1 -1
  398. package/lib/components/dropdown/src/dropdown-item-impl.vue.d.ts +1 -1
  399. package/lib/components/dropdown/src/dropdown-item.js +1 -1
  400. package/lib/components/dropdown/src/dropdown-item.vue.d.ts +1 -1
  401. package/lib/components/dropdown/src/dropdown-menu.js +1 -1
  402. package/lib/components/dropdown/src/dropdown.js +280 -110
  403. package/lib/components/dropdown/src/dropdown.js.map +1 -1
  404. package/lib/components/dropdown/src/dropdown.vue.d.ts +12 -12
  405. package/lib/components/dropdown/src/dropdown2.js +110 -280
  406. package/lib/components/dropdown/src/dropdown2.js.map +1 -1
  407. package/lib/components/empty/index.js +2 -2
  408. package/lib/components/empty/src/empty.js +11 -56
  409. package/lib/components/empty/src/empty.js.map +1 -1
  410. package/lib/components/empty/src/empty2.js +56 -11
  411. package/lib/components/empty/src/empty2.js.map +1 -1
  412. package/lib/components/focus-trap/src/focus-trap.vue.d.ts +3 -3
  413. package/lib/components/icon/index.js +2 -2
  414. package/lib/components/icon/src/icon.js +8 -36
  415. package/lib/components/icon/src/icon.js.map +1 -1
  416. package/lib/components/icon/src/icon2.js +36 -8
  417. package/lib/components/icon/src/icon2.js.map +1 -1
  418. package/lib/components/image/index.d.ts +2 -2
  419. package/lib/components/image/index.js +2 -2
  420. package/lib/components/image/src/image.js +59 -219
  421. package/lib/components/image/src/image.js.map +1 -1
  422. package/lib/components/image/src/image.vue.d.ts +2 -2
  423. package/lib/components/image/src/image2.js +219 -59
  424. package/lib/components/image/src/image2.js.map +1 -1
  425. package/lib/components/image-viewer/index.d.ts +1 -1
  426. package/lib/components/image-viewer/index.js +2 -2
  427. package/lib/components/image-viewer/src/image-viewer.js +405 -36
  428. package/lib/components/image-viewer/src/image-viewer.js.map +1 -1
  429. package/lib/components/image-viewer/src/image-viewer.vue.d.ts +1 -1
  430. package/lib/components/image-viewer/src/image-viewer2.js +36 -405
  431. package/lib/components/image-viewer/src/image-viewer2.js.map +1 -1
  432. package/lib/components/index.js +37 -37
  433. package/lib/components/input/index.d.ts +9 -9
  434. package/lib/components/input/src/input.vue.d.ts +9 -9
  435. package/lib/components/input-number/index.d.ts +32 -32
  436. package/lib/components/input-number/src/input-number.vue.d.ts +32 -32
  437. package/lib/components/menu/src/menu-item.js +1 -1
  438. package/lib/components/notification/index.js +1 -1
  439. package/lib/components/notification/src/notification.js +144 -70
  440. package/lib/components/notification/src/notification.js.map +1 -1
  441. package/lib/components/notification/src/notification2.js +70 -144
  442. package/lib/components/notification/src/notification2.js.map +1 -1
  443. package/lib/components/notification/src/notify.js +2 -2
  444. package/lib/components/page-header/index.js +2 -2
  445. package/lib/components/page-header/src/page-header.js +102 -18
  446. package/lib/components/page-header/src/page-header.js.map +1 -1
  447. package/lib/components/page-header/src/page-header2.js +18 -102
  448. package/lib/components/page-header/src/page-header2.js.map +1 -1
  449. package/lib/components/pagination/src/components/jumper.vue.d.ts +9 -9
  450. package/lib/components/pagination/src/components/pager.js +17 -207
  451. package/lib/components/pagination/src/components/pager.js.map +1 -1
  452. package/lib/components/pagination/src/components/pager2.js +207 -17
  453. package/lib/components/pagination/src/components/pager2.js.map +1 -1
  454. package/lib/components/pagination/src/components/prev.js +19 -34
  455. package/lib/components/pagination/src/components/prev.js.map +1 -1
  456. package/lib/components/pagination/src/components/prev2.js +34 -19
  457. package/lib/components/pagination/src/components/prev2.js.map +1 -1
  458. package/lib/components/pagination/src/components/sizes.js +68 -22
  459. package/lib/components/pagination/src/components/sizes.js.map +1 -1
  460. package/lib/components/pagination/src/components/sizes.vue.d.ts +13 -13
  461. package/lib/components/pagination/src/components/sizes2.js +22 -68
  462. package/lib/components/pagination/src/components/sizes2.js.map +1 -1
  463. package/lib/components/pagination/src/pagination.js +3 -3
  464. package/lib/components/popconfirm/index.d.ts +18 -18
  465. package/lib/components/popconfirm/src/popconfirm.js +1 -1
  466. package/lib/components/popconfirm/src/popconfirm.vue.d.ts +18 -18
  467. package/lib/components/popover/index.d.ts +18 -18
  468. package/lib/components/popover/index.js +2 -2
  469. package/lib/components/popover/src/popover.js +67 -111
  470. package/lib/components/popover/src/popover.js.map +1 -1
  471. package/lib/components/popover/src/popover.vue.d.ts +18 -18
  472. package/lib/components/popover/src/popover2.js +111 -67
  473. package/lib/components/popover/src/popover2.js.map +1 -1
  474. package/lib/components/popper/index.js +6 -6
  475. package/lib/components/popper/src/arrow.js +44 -9
  476. package/lib/components/popper/src/arrow.js.map +1 -1
  477. package/lib/components/popper/src/arrow2.js +9 -44
  478. package/lib/components/popper/src/arrow2.js.map +1 -1
  479. package/lib/components/popper/src/content.vue.d.ts +6 -6
  480. package/lib/components/popper/src/popper.js +28 -33
  481. package/lib/components/popper/src/popper.js.map +1 -1
  482. package/lib/components/popper/src/popper2.js +33 -28
  483. package/lib/components/popper/src/popper2.js.map +1 -1
  484. package/lib/components/popper/src/trigger.js +120 -32
  485. package/lib/components/popper/src/trigger.js.map +1 -1
  486. package/lib/components/popper/src/trigger2.js +32 -120
  487. package/lib/components/popper/src/trigger2.js.map +1 -1
  488. package/lib/components/progress/index.js +2 -2
  489. package/lib/components/progress/src/progress.js +57 -202
  490. package/lib/components/progress/src/progress.js.map +1 -1
  491. package/lib/components/progress/src/progress2.js +202 -57
  492. package/lib/components/progress/src/progress2.js.map +1 -1
  493. package/lib/components/radio/index.js +2 -2
  494. package/lib/components/radio/src/radio-button.js +9 -68
  495. package/lib/components/radio/src/radio-button.js.map +1 -1
  496. package/lib/components/radio/src/radio-button2.js +68 -9
  497. package/lib/components/radio/src/radio-button2.js.map +1 -1
  498. package/lib/components/rate/index.js +2 -2
  499. package/lib/components/rate/src/rate.js +255 -98
  500. package/lib/components/rate/src/rate.js.map +1 -1
  501. package/lib/components/rate/src/rate2.js +98 -255
  502. package/lib/components/rate/src/rate2.js.map +1 -1
  503. package/lib/components/roving-focus-group/src/roving-focus-item.vue.d.ts +1 -1
  504. package/lib/components/scrollbar/index.js +3 -3
  505. package/lib/components/scrollbar/src/bar.js +17 -42
  506. package/lib/components/scrollbar/src/bar.js.map +1 -1
  507. package/lib/components/scrollbar/src/bar2.js +42 -17
  508. package/lib/components/scrollbar/src/bar2.js.map +1 -1
  509. package/lib/components/scrollbar/src/scrollbar.js +48 -175
  510. package/lib/components/scrollbar/src/scrollbar.js.map +1 -1
  511. package/lib/components/scrollbar/src/scrollbar2.js +175 -48
  512. package/lib/components/scrollbar/src/scrollbar2.js.map +1 -1
  513. package/lib/components/scrollbar/src/thumb.js +131 -11
  514. package/lib/components/scrollbar/src/thumb.js.map +1 -1
  515. package/lib/components/scrollbar/src/thumb2.js +11 -131
  516. package/lib/components/scrollbar/src/thumb2.js.map +1 -1
  517. package/lib/components/select/index.d.ts +13 -13
  518. package/lib/components/select/src/select.js +1 -1
  519. package/lib/components/select/src/select.vue.d.ts +13 -13
  520. package/lib/components/select/src/useSelect.d.ts +12 -12
  521. package/lib/components/select-v2/index.d.ts +26 -26
  522. package/lib/components/select-v2/src/defaults.js +1 -1
  523. package/lib/components/select-v2/src/select-dropdown.js +1 -1
  524. package/lib/components/select-v2/src/select-dropdown.js.map +1 -1
  525. package/lib/components/select-v2/src/select.vue.d.ts +13 -13
  526. package/lib/components/select-v2/src/useSelect.d.ts +12 -12
  527. package/lib/components/slider/index.d.ts +62 -62
  528. package/lib/components/slider/src/button.vue.d.ts +6 -6
  529. package/lib/components/slider/src/composables/use-slide.d.ts +24 -24
  530. package/lib/components/slider/src/slider.vue.d.ts +62 -62
  531. package/lib/components/table/index.d.ts +1 -1
  532. package/lib/components/table/src/filter-panel.vue.d.ts +12 -12
  533. package/lib/components/table/src/table.vue.d.ts +1 -1
  534. package/lib/components/tabs/index.js +2 -2
  535. package/lib/components/tabs/src/tab-pane.js +73 -13
  536. package/lib/components/tabs/src/tab-pane.js.map +1 -1
  537. package/lib/components/tabs/src/tab-pane2.js +13 -73
  538. package/lib/components/tabs/src/tab-pane2.js.map +1 -1
  539. package/lib/components/time-picker/src/common/picker.vue.d.ts +29 -29
  540. package/lib/components/time-select/index.d.ts +52 -52
  541. package/lib/components/time-select/src/time-select.vue.d.ts +26 -26
  542. package/lib/components/tooltip/index.d.ts +6 -6
  543. package/lib/components/tooltip/index.js +3 -3
  544. package/lib/components/tooltip/src/content.js +167 -39
  545. package/lib/components/tooltip/src/content.js.map +1 -1
  546. package/lib/components/tooltip/src/content.vue.d.ts +6 -6
  547. package/lib/components/tooltip/src/content2.js +39 -167
  548. package/lib/components/tooltip/src/content2.js.map +1 -1
  549. package/lib/components/tooltip/src/tooltip.js +168 -33
  550. package/lib/components/tooltip/src/tooltip.js.map +1 -1
  551. package/lib/components/tooltip/src/tooltip.vue.d.ts +6 -6
  552. package/lib/components/tooltip/src/tooltip2.js +33 -168
  553. package/lib/components/tooltip/src/tooltip2.js.map +1 -1
  554. package/lib/components/tooltip/src/trigger.js +1 -1
  555. package/lib/components/tooltip/src/trigger2.js +1 -1
  556. package/lib/components/tooltip-v2/index.js +2 -2
  557. package/lib/components/tooltip-v2/src/content.js +50 -113
  558. package/lib/components/tooltip-v2/src/content.js.map +1 -1
  559. package/lib/components/tooltip-v2/src/content2.js +113 -50
  560. package/lib/components/tooltip-v2/src/content2.js.map +1 -1
  561. package/lib/components/tooltip-v2/src/root.js +17 -81
  562. package/lib/components/tooltip-v2/src/root.js.map +1 -1
  563. package/lib/components/tooltip-v2/src/root2.js +81 -17
  564. package/lib/components/tooltip-v2/src/root2.js.map +1 -1
  565. package/lib/components/tooltip-v2/src/tooltip.js +4 -4
  566. package/lib/components/tooltip-v2/src/tooltip2.js +2 -2
  567. package/lib/components/transfer/index.d.ts +45 -45
  568. package/lib/components/transfer/src/composables/use-check.js +1 -1
  569. package/lib/components/transfer/src/transfer-panel.js +21 -131
  570. package/lib/components/transfer/src/transfer-panel.js.map +1 -1
  571. package/lib/components/transfer/src/transfer-panel.vue.d.ts +9 -9
  572. package/lib/components/transfer/src/transfer-panel2.js +131 -21
  573. package/lib/components/transfer/src/transfer-panel2.js.map +1 -1
  574. package/lib/components/transfer/src/transfer.vue.d.ts +45 -45
  575. package/lib/components/transfer/src/transfer2.js +1 -1
  576. package/lib/components/tree-v2/index.d.ts +1 -1
  577. package/lib/components/tree-v2/src/tree-node.vue.d.ts +1 -1
  578. package/lib/components/tree-v2/src/tree.vue.d.ts +1 -1
  579. package/lib/components/upload/index.d.ts +1 -1
  580. package/lib/components/upload/index.js +4 -4
  581. package/lib/components/upload/src/upload-content.js +170 -33
  582. package/lib/components/upload/src/upload-content.js.map +1 -1
  583. package/lib/components/upload/src/upload-content2.js +33 -170
  584. package/lib/components/upload/src/upload-content2.js.map +1 -1
  585. package/lib/components/upload/src/upload-list.js +170 -27
  586. package/lib/components/upload/src/upload-list.js.map +1 -1
  587. package/lib/components/upload/src/upload-list2.js +27 -170
  588. package/lib/components/upload/src/upload-list2.js.map +1 -1
  589. package/lib/components/upload/src/upload.js +120 -108
  590. package/lib/components/upload/src/upload.js.map +1 -1
  591. package/lib/components/upload/src/upload.vue.d.ts +1 -1
  592. package/lib/components/upload/src/upload2.js +108 -120
  593. package/lib/components/upload/src/upload2.js.map +1 -1
  594. package/lib/components/upload/src/use-handlers.js +1 -1
  595. package/lib/index.js +37 -37
  596. package/package.json +1 -1
  597. package/theme-chalk/el-color-picker.css +1 -1
  598. package/theme-chalk/el-tree.css +1 -1
  599. package/theme-chalk/index.css +1 -1
  600. package/theme-chalk/src/color-picker.scss +7 -0
  601. package/theme-chalk/src/tree.scss +8 -0
@@ -1,55 +1,118 @@
1
- import '../../../utils/index.mjs';
2
- import { buildProps, definePropType } from '../../../utils/vue/props/runtime.mjs';
1
+ import { defineComponent, inject, ref, computed, unref, watch, onMounted, provide, openBlock, createElementBlock, normalizeStyle, normalizeClass, renderSlot, createVNode, withCtx, Fragment, createTextVNode, toDisplayString, createCommentVNode } from 'vue';
2
+ import { offset } from '@floating-ui/dom';
3
+ import '../../../tokens/index.mjs';
4
+ import '../../../hooks/index.mjs';
5
+ import '../../visual-hidden/index.mjs';
6
+ import { tooltipV2ContentProps } from './content.mjs';
7
+ import { tooltipV2CommonProps } from './common.mjs';
8
+ import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
9
+ import { tooltipV2RootKey, tooltipV2ContentKey } from '../../../tokens/tooltip-v2.mjs';
10
+ import { useFloating, arrowMiddleware } from '../../../hooks/use-floating/index.mjs';
11
+ import { useZIndex } from '../../../hooks/use-z-index/index.mjs';
12
+ import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
13
+ import ElVisuallyHidden from '../../visual-hidden/src/visual-hidden.mjs';
3
14
 
4
- const tooltipV2Strategies = ["absolute", "fixed"];
5
- const tooltipV2Placements = [
6
- "top-start",
7
- "top-end",
8
- "top",
9
- "bottom-start",
10
- "bottom-end",
11
- "bottom",
12
- "left-start",
13
- "left-end",
14
- "left",
15
- "right-start",
16
- "right-end",
17
- "right"
18
- ];
19
- const tooltipV2ContentProps = buildProps({
20
- ariaLabel: String,
21
- arrowPadding: {
22
- type: definePropType(Number),
23
- default: 5
24
- },
25
- effect: {
26
- type: String,
27
- default: ""
28
- },
29
- contentClass: String,
30
- placement: {
31
- type: definePropType(String),
32
- values: tooltipV2Placements,
33
- default: "bottom"
34
- },
35
- reference: {
36
- type: definePropType(Object),
37
- default: null
38
- },
39
- offset: {
40
- type: Number,
41
- default: 8
42
- },
43
- strategy: {
44
- type: definePropType(String),
45
- values: tooltipV2Strategies,
46
- default: "absolute"
47
- },
48
- showArrow: {
49
- type: Boolean,
50
- default: false
15
+ const _hoisted_1 = ["data-side"];
16
+ const __default__ = defineComponent({
17
+ name: "ElTooltipV2Content"
18
+ });
19
+ const _sfc_main = /* @__PURE__ */ defineComponent({
20
+ ...__default__,
21
+ props: { ...tooltipV2ContentProps, ...tooltipV2CommonProps },
22
+ setup(__props) {
23
+ const props = __props;
24
+ const { triggerRef, contentId } = inject(tooltipV2RootKey);
25
+ const placement = ref(props.placement);
26
+ const strategy = ref(props.strategy);
27
+ const arrowRef = ref(null);
28
+ const { referenceRef, contentRef, middlewareData, x, y, update } = useFloating({
29
+ placement,
30
+ strategy,
31
+ middleware: computed(() => {
32
+ const middleware = [offset(props.offset)];
33
+ if (props.showArrow) {
34
+ middleware.push(arrowMiddleware({
35
+ arrowRef
36
+ }));
37
+ }
38
+ return middleware;
39
+ })
40
+ });
41
+ const zIndex = useZIndex().nextZIndex();
42
+ const ns = useNamespace("tooltip-v2");
43
+ const side = computed(() => {
44
+ return placement.value.split("-")[0];
45
+ });
46
+ const contentStyle = computed(() => {
47
+ return {
48
+ position: unref(strategy),
49
+ top: `${unref(y) || 0}px`,
50
+ left: `${unref(x) || 0}px`,
51
+ zIndex
52
+ };
53
+ });
54
+ const arrowStyle = computed(() => {
55
+ if (!props.showArrow)
56
+ return {};
57
+ const { arrow } = unref(middlewareData);
58
+ return {
59
+ [`--${ns.namespace.value}-tooltip-v2-arrow-x`]: `${arrow == null ? void 0 : arrow.x}px` || "",
60
+ [`--${ns.namespace.value}-tooltip-v2-arrow-y`]: `${arrow == null ? void 0 : arrow.y}px` || ""
61
+ };
62
+ });
63
+ const contentClass = computed(() => [
64
+ ns.e("content"),
65
+ ns.is("dark", props.effect === "dark"),
66
+ ns.is(unref(strategy)),
67
+ props.contentClass
68
+ ]);
69
+ watch(arrowRef, () => update());
70
+ watch(() => props.placement, (val) => placement.value = val);
71
+ onMounted(() => {
72
+ watch(() => props.reference || triggerRef.value, (el) => {
73
+ referenceRef.value = el || void 0;
74
+ }, {
75
+ immediate: true
76
+ });
77
+ });
78
+ provide(tooltipV2ContentKey, { arrowRef });
79
+ return (_ctx, _cache) => {
80
+ return openBlock(), createElementBlock("div", {
81
+ ref_key: "contentRef",
82
+ ref: contentRef,
83
+ style: normalizeStyle(unref(contentStyle)),
84
+ "data-tooltip-v2-root": ""
85
+ }, [
86
+ !_ctx.nowrap ? (openBlock(), createElementBlock("div", {
87
+ key: 0,
88
+ "data-side": unref(side),
89
+ class: normalizeClass(unref(contentClass))
90
+ }, [
91
+ renderSlot(_ctx.$slots, "default", {
92
+ contentStyle: unref(contentStyle),
93
+ contentClass: unref(contentClass)
94
+ }),
95
+ createVNode(unref(ElVisuallyHidden), {
96
+ id: unref(contentId),
97
+ role: "tooltip"
98
+ }, {
99
+ default: withCtx(() => [
100
+ _ctx.ariaLabel ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
101
+ createTextVNode(toDisplayString(_ctx.ariaLabel), 1)
102
+ ], 64)) : renderSlot(_ctx.$slots, "default", { key: 1 })
103
+ ]),
104
+ _: 3
105
+ }, 8, ["id"]),
106
+ renderSlot(_ctx.$slots, "arrow", {
107
+ style: normalizeStyle(unref(arrowStyle)),
108
+ side: unref(side)
109
+ })
110
+ ], 10, _hoisted_1)) : createCommentVNode("v-if", true)
111
+ ], 4);
112
+ };
51
113
  }
52
114
  });
115
+ var TooltipV2Content = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/Users/st/Desktop/vue/nxx-ui/packages/components/tooltip-v2/src/content.vue"]]);
53
116
 
54
- export { tooltipV2ContentProps };
117
+ export { TooltipV2Content as default };
55
118
  //# sourceMappingURL=content2.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"content2.mjs","sources":["../../../../../../packages/components/tooltip-v2/src/content.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-plus/utils'\n\nimport type { ExtractPropTypes } from 'vue'\nimport type { Placement, Strategy, VirtualElement } from '@floating-ui/dom'\n\nconst tooltipV2Strategies = ['absolute', 'fixed'] as const\n\nconst tooltipV2Placements = [\n 'top-start',\n 'top-end',\n 'top',\n 'bottom-start',\n 'bottom-end',\n 'bottom',\n 'left-start',\n 'left-end',\n 'left',\n 'right-start',\n 'right-end',\n 'right',\n] as const\n\nexport const tooltipV2ContentProps = buildProps({\n ariaLabel: String,\n arrowPadding: {\n type: definePropType<number>(Number),\n default: 5,\n },\n effect: {\n type: String,\n default: '',\n },\n contentClass: String,\n /**\n * Placement of tooltip content relative to reference element (when absent it refers to trigger)\n */\n placement: {\n type: definePropType<Placement>(String),\n values: tooltipV2Placements,\n default: 'bottom',\n },\n /**\n * Reference element for tooltip content to set its position\n */\n reference: {\n type: definePropType<HTMLElement | VirtualElement | null>(Object),\n default: null,\n },\n offset: {\n type: Number,\n default: 8,\n },\n strategy: {\n type: definePropType<Strategy>(String),\n values: tooltipV2Strategies,\n default: 'absolute',\n },\n showArrow: {\n type: Boolean,\n default: false,\n },\n} as const)\n\nexport type TooltipV2ContentProps = ExtractPropTypes<\n typeof tooltipV2ContentProps\n>\n"],"names":[],"mappings":";;;AACA,MAAM,mBAAmB,GAAG,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;AAClD,MAAM,mBAAmB,GAAG;AAC5B,EAAE,WAAW;AACb,EAAE,SAAS;AACX,EAAE,KAAK;AACP,EAAE,cAAc;AAChB,EAAE,YAAY;AACd,EAAE,QAAQ;AACV,EAAE,YAAY;AACd,EAAE,UAAU;AACZ,EAAE,MAAM;AACR,EAAE,aAAa;AACf,EAAE,WAAW;AACb,EAAE,OAAO;AACT,CAAC,CAAC;AACU,MAAC,qBAAqB,GAAG,UAAU,CAAC;AAChD,EAAE,SAAS,EAAE,MAAM;AACnB,EAAE,YAAY,EAAE;AAChB,IAAI,IAAI,EAAE,cAAc,CAAC,MAAM,CAAC;AAChC,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,YAAY,EAAE,MAAM;AACtB,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,cAAc,CAAC,MAAM,CAAC;AAChC,IAAI,MAAM,EAAE,mBAAmB;AAC/B,IAAI,OAAO,EAAE,QAAQ;AACrB,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,cAAc,CAAC,MAAM,CAAC;AAChC,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,cAAc,CAAC,MAAM,CAAC;AAChC,IAAI,MAAM,EAAE,mBAAmB;AAC/B,IAAI,OAAO,EAAE,UAAU;AACvB,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,CAAC;;;;"}
1
+ {"version":3,"file":"content2.mjs","sources":["../../../../../../packages/components/tooltip-v2/src/content.vue"],"sourcesContent":["<template>\n <div ref=\"contentRef\" :style=\"contentStyle\" data-tooltip-v2-root>\n <div v-if=\"!nowrap\" :data-side=\"side\" :class=\"contentClass\">\n <slot :content-style=\"contentStyle\" :content-class=\"contentClass\" />\n <el-visually-hidden :id=\"contentId\" role=\"tooltip\">\n <template v-if=\"ariaLabel\">\n {{ ariaLabel }}\n </template>\n <slot v-else />\n </el-visually-hidden>\n <slot name=\"arrow\" :style=\"arrowStyle\" :side=\"side\" />\n </div>\n </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, inject, onMounted, provide, ref, unref, watch } from 'vue'\nimport { offset } from '@floating-ui/dom'\nimport { tooltipV2ContentKey, tooltipV2RootKey } from '@element-plus/tokens'\nimport {\n arrowMiddleware,\n useFloating,\n useNamespace,\n useZIndex,\n} from '@element-plus/hooks'\nimport ElVisuallyHidden from '@element-plus/components/visual-hidden'\nimport { tooltipV2ContentProps } from './content'\nimport { tooltipV2CommonProps } from './common'\n\nimport type { CSSProperties } from 'vue'\nimport type { Middleware } from '@floating-ui/dom'\n\ndefineOptions({\n name: 'ElTooltipV2Content',\n})\n\nconst props = defineProps({ ...tooltipV2ContentProps, ...tooltipV2CommonProps })\n\nconst { triggerRef, contentId } = inject(tooltipV2RootKey)!\n\nconst placement = ref(props.placement)\nconst strategy = ref(props.strategy)\nconst arrowRef = ref<HTMLElement | null>(null)\n\nconst { referenceRef, contentRef, middlewareData, x, y, update } = useFloating({\n placement,\n strategy,\n middleware: computed(() => {\n const middleware: Middleware[] = [offset(props.offset)]\n\n if (props.showArrow) {\n middleware.push(\n arrowMiddleware({\n arrowRef,\n })\n )\n }\n\n return middleware\n }),\n})\n\nconst zIndex = useZIndex().nextZIndex()\n\nconst ns = useNamespace('tooltip-v2')\n\nconst side = computed(() => {\n return placement.value.split('-')[0]\n})\n\nconst contentStyle = computed<CSSProperties>(() => {\n return {\n position: unref(strategy),\n top: `${unref(y) || 0}px`,\n left: `${unref(x) || 0}px`,\n zIndex,\n }\n})\n\nconst arrowStyle = computed<CSSProperties>(() => {\n if (!props.showArrow) return {}\n\n const { arrow } = unref(middlewareData)\n\n return {\n [`--${ns.namespace.value}-tooltip-v2-arrow-x`]: `${arrow?.x}px` || '',\n [`--${ns.namespace.value}-tooltip-v2-arrow-y`]: `${arrow?.y}px` || '',\n }\n})\n\nconst contentClass = computed(() => [\n ns.e('content'),\n ns.is('dark', props.effect === 'dark'),\n ns.is(unref(strategy)),\n props.contentClass,\n])\n\nwatch(arrowRef, () => update())\n\nwatch(\n () => props.placement,\n (val) => (placement.value = val)\n)\n\nonMounted(() => {\n watch(\n () => props.reference || triggerRef.value,\n (el) => {\n referenceRef.value = el || undefined\n },\n {\n immediate: true,\n }\n )\n})\n\nprovide(tooltipV2ContentKey, { arrowRef })\n</script>\n"],"names":[],"mappings":"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"}
@@ -1,87 +1,23 @@
1
- import { defineComponent, ref, computed, unref, watch, onMounted, onBeforeUnmount, provide, renderSlot } from 'vue';
2
- import { isNumber, useTimeoutFn } from '@vueuse/core';
3
- import '../../../hooks/index.mjs';
4
1
  import '../../../utils/index.mjs';
5
- import '../../../tokens/index.mjs';
6
- import { tooltipV2RootProps } from './root2.mjs';
7
- import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
8
- import { isPropAbsent } from '../../../utils/types.mjs';
9
- import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
10
- import { useId } from '../../../hooks/use-id/index.mjs';
11
- import { TOOLTIP_V2_OPEN, tooltipV2RootKey } from '../../../tokens/tooltip-v2.mjs';
2
+ import { buildProps, definePropType } from '../../../utils/vue/props/runtime.mjs';
12
3
 
13
- const __default__ = defineComponent({
14
- name: "ElTooltipV2Root"
15
- });
16
- const _sfc_main = /* @__PURE__ */ defineComponent({
17
- ...__default__,
18
- props: tooltipV2RootProps,
19
- setup(__props, { expose }) {
20
- const props = __props;
21
- const _open = ref(props.defaultOpen);
22
- const triggerRef = ref(null);
23
- const open = computed({
24
- get: () => isPropAbsent(props.open) ? _open.value : props.open,
25
- set: (open2) => {
26
- var _a;
27
- _open.value = open2;
28
- (_a = props["onUpdate:open"]) == null ? void 0 : _a.call(props, open2);
29
- }
30
- });
31
- const isOpenDelayed = computed(() => isNumber(props.delayDuration) && props.delayDuration > 0);
32
- const { start: onDelayedOpen, stop: clearTimer } = useTimeoutFn(() => {
33
- open.value = true;
34
- }, computed(() => props.delayDuration), {
35
- immediate: false
36
- });
37
- const ns = useNamespace("tooltip-v2");
38
- const contentId = useId();
39
- const onNormalOpen = () => {
40
- clearTimer();
41
- open.value = true;
42
- };
43
- const onDelayOpen = () => {
44
- unref(isOpenDelayed) ? onDelayedOpen() : onNormalOpen();
45
- };
46
- const onOpen = onNormalOpen;
47
- const onClose = () => {
48
- clearTimer();
49
- open.value = false;
50
- };
51
- const onChange = (open2) => {
52
- var _a;
53
- if (open2) {
54
- document.dispatchEvent(new CustomEvent(TOOLTIP_V2_OPEN));
55
- onOpen();
56
- }
57
- (_a = props.onOpenChange) == null ? void 0 : _a.call(props, open2);
58
- };
59
- watch(open, onChange);
60
- onMounted(() => {
61
- document.addEventListener(TOOLTIP_V2_OPEN, onClose);
62
- });
63
- onBeforeUnmount(() => {
64
- clearTimer();
65
- document.removeEventListener(TOOLTIP_V2_OPEN, onClose);
66
- });
67
- provide(tooltipV2RootKey, {
68
- contentId,
69
- triggerRef,
70
- ns,
71
- onClose,
72
- onDelayOpen,
73
- onOpen
74
- });
75
- expose({
76
- onOpen,
77
- onClose
78
- });
79
- return (_ctx, _cache) => {
80
- return renderSlot(_ctx.$slots, "default", { open: unref(open) });
81
- };
4
+ const tooltipV2RootProps = buildProps({
5
+ delayDuration: {
6
+ type: Number,
7
+ default: 300
8
+ },
9
+ defaultOpen: Boolean,
10
+ open: {
11
+ type: Boolean,
12
+ default: void 0
13
+ },
14
+ onOpenChange: {
15
+ type: definePropType(Function)
16
+ },
17
+ "onUpdate:open": {
18
+ type: definePropType(Function)
82
19
  }
83
20
  });
84
- var TooltipV2Root = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/Users/st/Desktop/vue/nxx-ui/packages/components/tooltip-v2/src/root.vue"]]);
85
21
 
86
- export { TooltipV2Root as default };
22
+ export { tooltipV2RootProps };
87
23
  //# sourceMappingURL=root.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"root.mjs","sources":["../../../../../../packages/components/tooltip-v2/src/root.vue"],"sourcesContent":["<template>\n <slot :open=\"open\" />\n</template>\n\n<script setup lang=\"ts\">\nimport {\n computed,\n onBeforeUnmount,\n onMounted,\n provide,\n ref,\n unref,\n watch,\n} from 'vue'\nimport { useTimeoutFn } from '@vueuse/core'\nimport { useId, useNamespace } from '@element-plus/hooks'\nimport { isNumber, isPropAbsent } from '@element-plus/utils'\nimport { TOOLTIP_V2_OPEN, tooltipV2RootKey } from '@element-plus/tokens'\nimport { tooltipV2RootProps } from './root'\n\ndefineOptions({\n name: 'ElTooltipV2Root',\n})\n\nconst props = defineProps(tooltipV2RootProps)\n\n/**\n * internal open state, when no model value was provided, use this as indicator instead\n */\nconst _open = ref(props.defaultOpen)\nconst triggerRef = ref<HTMLElement | null>(null)\n\nconst open = computed<boolean>({\n get: () => (isPropAbsent(props.open) ? _open.value : props.open),\n set: (open) => {\n _open.value = open\n props['onUpdate:open']?.(open)\n },\n})\n\nconst isOpenDelayed = computed(\n () => isNumber(props.delayDuration) && props.delayDuration > 0\n)\n\nconst { start: onDelayedOpen, stop: clearTimer } = useTimeoutFn(\n () => {\n open.value = true\n },\n computed(() => props.delayDuration),\n {\n immediate: false,\n }\n)\n\nconst ns = useNamespace('tooltip-v2')\n\nconst contentId = useId()\n\nconst onNormalOpen = () => {\n clearTimer()\n open.value = true\n}\n\nconst onDelayOpen = () => {\n unref(isOpenDelayed) ? onDelayedOpen() : onNormalOpen()\n}\n\nconst onOpen = onNormalOpen\n\nconst onClose = () => {\n clearTimer()\n open.value = false\n}\n\nconst onChange = (open: boolean) => {\n if (open) {\n document.dispatchEvent(new CustomEvent(TOOLTIP_V2_OPEN))\n onOpen()\n }\n\n props.onOpenChange?.(open)\n}\n\nwatch(open, onChange)\n\nonMounted(() => {\n // Keeps only 1 tooltip open at a time\n document.addEventListener(TOOLTIP_V2_OPEN, onClose)\n})\n\nonBeforeUnmount(() => {\n clearTimer()\n document.removeEventListener(TOOLTIP_V2_OPEN, onClose)\n})\n\nprovide(tooltipV2RootKey, {\n contentId,\n triggerRef,\n ns,\n\n onClose,\n onDelayOpen,\n onOpen,\n})\n\ndefineExpose({\n /**\n * @description open tooltip programmatically\n */\n onOpen,\n\n /**\n * @description close tooltip programmatically\n */\n onClose,\n})\n</script>\n"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"root.mjs","sources":["../../../../../../packages/components/tooltip-v2/src/root.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-plus/utils'\n\nimport type { ExtractPropTypes } from 'vue'\n\ntype StateUpdater = (state: boolean) => void\n\nexport const tooltipV2RootProps = buildProps({\n delayDuration: {\n type: Number,\n default: 300,\n },\n defaultOpen: Boolean,\n open: {\n type: Boolean,\n default: undefined,\n },\n onOpenChange: {\n type: definePropType<StateUpdater>(Function),\n },\n 'onUpdate:open': {\n type: definePropType<StateUpdater>(Function),\n },\n} as const)\n\nexport type TooltipV2RootProps = ExtractPropTypes<typeof tooltipV2RootProps>\n"],"names":[],"mappings":";;;AACY,MAAC,kBAAkB,GAAG,UAAU,CAAC;AAC7C,EAAE,aAAa,EAAE;AACjB,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,GAAG;AAChB,GAAG;AACH,EAAE,WAAW,EAAE,OAAO;AACtB,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,KAAK,CAAC;AACnB,GAAG;AACH,EAAE,YAAY,EAAE;AAChB,IAAI,IAAI,EAAE,cAAc,CAAC,QAAQ,CAAC;AAClC,GAAG;AACH,EAAE,eAAe,EAAE;AACnB,IAAI,IAAI,EAAE,cAAc,CAAC,QAAQ,CAAC;AAClC,GAAG;AACH,CAAC;;;;"}
@@ -1,23 +1,87 @@
1
+ import { defineComponent, ref, computed, unref, watch, onMounted, onBeforeUnmount, provide, renderSlot } from 'vue';
2
+ import { isNumber, useTimeoutFn } from '@vueuse/core';
3
+ import '../../../hooks/index.mjs';
1
4
  import '../../../utils/index.mjs';
2
- import { buildProps, definePropType } from '../../../utils/vue/props/runtime.mjs';
5
+ import '../../../tokens/index.mjs';
6
+ import { tooltipV2RootProps } from './root.mjs';
7
+ import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
8
+ import { isPropAbsent } from '../../../utils/types.mjs';
9
+ import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
10
+ import { useId } from '../../../hooks/use-id/index.mjs';
11
+ import { TOOLTIP_V2_OPEN, tooltipV2RootKey } from '../../../tokens/tooltip-v2.mjs';
3
12
 
4
- const tooltipV2RootProps = buildProps({
5
- delayDuration: {
6
- type: Number,
7
- default: 300
8
- },
9
- defaultOpen: Boolean,
10
- open: {
11
- type: Boolean,
12
- default: void 0
13
- },
14
- onOpenChange: {
15
- type: definePropType(Function)
16
- },
17
- "onUpdate:open": {
18
- type: definePropType(Function)
13
+ const __default__ = defineComponent({
14
+ name: "ElTooltipV2Root"
15
+ });
16
+ const _sfc_main = /* @__PURE__ */ defineComponent({
17
+ ...__default__,
18
+ props: tooltipV2RootProps,
19
+ setup(__props, { expose }) {
20
+ const props = __props;
21
+ const _open = ref(props.defaultOpen);
22
+ const triggerRef = ref(null);
23
+ const open = computed({
24
+ get: () => isPropAbsent(props.open) ? _open.value : props.open,
25
+ set: (open2) => {
26
+ var _a;
27
+ _open.value = open2;
28
+ (_a = props["onUpdate:open"]) == null ? void 0 : _a.call(props, open2);
29
+ }
30
+ });
31
+ const isOpenDelayed = computed(() => isNumber(props.delayDuration) && props.delayDuration > 0);
32
+ const { start: onDelayedOpen, stop: clearTimer } = useTimeoutFn(() => {
33
+ open.value = true;
34
+ }, computed(() => props.delayDuration), {
35
+ immediate: false
36
+ });
37
+ const ns = useNamespace("tooltip-v2");
38
+ const contentId = useId();
39
+ const onNormalOpen = () => {
40
+ clearTimer();
41
+ open.value = true;
42
+ };
43
+ const onDelayOpen = () => {
44
+ unref(isOpenDelayed) ? onDelayedOpen() : onNormalOpen();
45
+ };
46
+ const onOpen = onNormalOpen;
47
+ const onClose = () => {
48
+ clearTimer();
49
+ open.value = false;
50
+ };
51
+ const onChange = (open2) => {
52
+ var _a;
53
+ if (open2) {
54
+ document.dispatchEvent(new CustomEvent(TOOLTIP_V2_OPEN));
55
+ onOpen();
56
+ }
57
+ (_a = props.onOpenChange) == null ? void 0 : _a.call(props, open2);
58
+ };
59
+ watch(open, onChange);
60
+ onMounted(() => {
61
+ document.addEventListener(TOOLTIP_V2_OPEN, onClose);
62
+ });
63
+ onBeforeUnmount(() => {
64
+ clearTimer();
65
+ document.removeEventListener(TOOLTIP_V2_OPEN, onClose);
66
+ });
67
+ provide(tooltipV2RootKey, {
68
+ contentId,
69
+ triggerRef,
70
+ ns,
71
+ onClose,
72
+ onDelayOpen,
73
+ onOpen
74
+ });
75
+ expose({
76
+ onOpen,
77
+ onClose
78
+ });
79
+ return (_ctx, _cache) => {
80
+ return renderSlot(_ctx.$slots, "default", { open: unref(open) });
81
+ };
19
82
  }
20
83
  });
84
+ var TooltipV2Root = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/Users/st/Desktop/vue/nxx-ui/packages/components/tooltip-v2/src/root.vue"]]);
21
85
 
22
- export { tooltipV2RootProps };
86
+ export { TooltipV2Root as default };
23
87
  //# sourceMappingURL=root2.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"root2.mjs","sources":["../../../../../../packages/components/tooltip-v2/src/root.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-plus/utils'\n\nimport type { ExtractPropTypes } from 'vue'\n\ntype StateUpdater = (state: boolean) => void\n\nexport const tooltipV2RootProps = buildProps({\n delayDuration: {\n type: Number,\n default: 300,\n },\n defaultOpen: Boolean,\n open: {\n type: Boolean,\n default: undefined,\n },\n onOpenChange: {\n type: definePropType<StateUpdater>(Function),\n },\n 'onUpdate:open': {\n type: definePropType<StateUpdater>(Function),\n },\n} as const)\n\nexport type TooltipV2RootProps = ExtractPropTypes<typeof tooltipV2RootProps>\n"],"names":[],"mappings":";;;AACY,MAAC,kBAAkB,GAAG,UAAU,CAAC;AAC7C,EAAE,aAAa,EAAE;AACjB,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,GAAG;AAChB,GAAG;AACH,EAAE,WAAW,EAAE,OAAO;AACtB,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,KAAK,CAAC;AACnB,GAAG;AACH,EAAE,YAAY,EAAE;AAChB,IAAI,IAAI,EAAE,cAAc,CAAC,QAAQ,CAAC;AAClC,GAAG;AACH,EAAE,eAAe,EAAE;AACnB,IAAI,IAAI,EAAE,cAAc,CAAC,QAAQ,CAAC;AAClC,GAAG;AACH,CAAC;;;;"}
1
+ {"version":3,"file":"root2.mjs","sources":["../../../../../../packages/components/tooltip-v2/src/root.vue"],"sourcesContent":["<template>\n <slot :open=\"open\" />\n</template>\n\n<script setup lang=\"ts\">\nimport {\n computed,\n onBeforeUnmount,\n onMounted,\n provide,\n ref,\n unref,\n watch,\n} from 'vue'\nimport { useTimeoutFn } from '@vueuse/core'\nimport { useId, useNamespace } from '@element-plus/hooks'\nimport { isNumber, isPropAbsent } from '@element-plus/utils'\nimport { TOOLTIP_V2_OPEN, tooltipV2RootKey } from '@element-plus/tokens'\nimport { tooltipV2RootProps } from './root'\n\ndefineOptions({\n name: 'ElTooltipV2Root',\n})\n\nconst props = defineProps(tooltipV2RootProps)\n\n/**\n * internal open state, when no model value was provided, use this as indicator instead\n */\nconst _open = ref(props.defaultOpen)\nconst triggerRef = ref<HTMLElement | null>(null)\n\nconst open = computed<boolean>({\n get: () => (isPropAbsent(props.open) ? _open.value : props.open),\n set: (open) => {\n _open.value = open\n props['onUpdate:open']?.(open)\n },\n})\n\nconst isOpenDelayed = computed(\n () => isNumber(props.delayDuration) && props.delayDuration > 0\n)\n\nconst { start: onDelayedOpen, stop: clearTimer } = useTimeoutFn(\n () => {\n open.value = true\n },\n computed(() => props.delayDuration),\n {\n immediate: false,\n }\n)\n\nconst ns = useNamespace('tooltip-v2')\n\nconst contentId = useId()\n\nconst onNormalOpen = () => {\n clearTimer()\n open.value = true\n}\n\nconst onDelayOpen = () => {\n unref(isOpenDelayed) ? onDelayedOpen() : onNormalOpen()\n}\n\nconst onOpen = onNormalOpen\n\nconst onClose = () => {\n clearTimer()\n open.value = false\n}\n\nconst onChange = (open: boolean) => {\n if (open) {\n document.dispatchEvent(new CustomEvent(TOOLTIP_V2_OPEN))\n onOpen()\n }\n\n props.onOpenChange?.(open)\n}\n\nwatch(open, onChange)\n\nonMounted(() => {\n // Keeps only 1 tooltip open at a time\n document.addEventListener(TOOLTIP_V2_OPEN, onClose)\n})\n\nonBeforeUnmount(() => {\n clearTimer()\n document.removeEventListener(TOOLTIP_V2_OPEN, onClose)\n})\n\nprovide(tooltipV2RootKey, {\n contentId,\n triggerRef,\n ns,\n\n onClose,\n onDelayOpen,\n onOpen,\n})\n\ndefineExpose({\n /**\n * @description open tooltip programmatically\n */\n onOpen,\n\n /**\n * @description close tooltip programmatically\n */\n onClose,\n})\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;mCAoBc,CAAA;AAAA,EACZ,IAAM,EAAA,iBAAA;AACR,CAAA,CAAA,CAAA;;;;;;AAOA,IAAM,MAAA,KAAA,GAAQ,GAAI,CAAA,KAAA,CAAM,WAAW,CAAA,CAAA;AACnC,IAAM,MAAA,UAAA,GAAa,IAAwB,IAAI,CAAA,CAAA;AAE/C,IAAA,MAAM,OAAO,QAAkB,CAAA;AAAA,MAC7B,GAAA,EAAK,MAAO,YAAa,CAAA,KAAA,CAAM,IAAI,CAAI,GAAA,KAAA,CAAM,QAAQ,KAAM,CAAA,IAAA;AAAA,MAC3D,GAAA,EAAK,CAAC,KAAS,KAAA;AACb,QAAA,IAAA,EAAM,CAAQ;AACd,QAAA,KAAA,CAAM;AAAuB,QAC/B,CAAA,EAAA,GAAA,KAAA,CAAA,eAAA,CAAA,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,IAAA,CAAA,KAAA,EAAA,KAAA,CAAA,CAAA;AAAA,OACD;AAED,KAAM,CAAA,CAAA;AAIN,IAAA,MAAM,aAAS,GAAA,QAAe,CAAM,MAAA,QAAA,CAAA,KAAe,cAC3C,CAAA,IAAA,KAAA,CAAA,aAAA,GAAA,CAAA,CAAA,CAAA;AACJ,IAAA,MAAA,EAAa,KAAA,EAAA,aAAA,EAAA,IAAA,EAAA,UAAA,EAAA,GAAA,YAAA,CAAA,MAAA;AAAA,MAEf,IAAA,CAAA,KAAS,GAAM,IAAA,CAAA;AACf,KAAA,EACa,QAAA,CAAA,MAAA,KAAA,CAAA,aAAA,CAAA,EAAA;AAAA,MAEf,SAAA,EAAA,KAAA;AAEA,KAAM,CAAA,CAAA;AAEN,IAAA,MAAM,iBAAkB,CAAA,YAAA,CAAA,CAAA;AAExB,IAAA,MAAM,iBAAqB,EAAA,CAAA;AACzB,IAAW,MAAA,YAAA,GAAA,MAAA;AACX,MAAA,UAAa,EAAA,CAAA;AAAA,MACf,IAAA,CAAA,KAAA,GAAA,IAAA,CAAA;AAEA,KAAA,CAAA;AACE,IAAA,MAAA,WAAmB,GAAA,MAAkB;AAAiB,MACxD,KAAA,CAAA,aAAA,CAAA,GAAA,aAAA,EAAA,GAAA,YAAA,EAAA,CAAA;AAEA,KAAA,CAAA;AAEA,IAAA,MAAM,qBAAgB,CAAA;AACpB,IAAW,MAAA,OAAA,GAAA,MAAA;AACX,MAAA,UAAa,EAAA,CAAA;AAAA,MACf,IAAA,CAAA,KAAA,GAAA,KAAA,CAAA;AAEA,KAAM,CAAA;AACJ,IAAA,MAAI,QAAM,GAAA,CAAA,KAAA,KAAA;AACR,MAAA,IAAA,EAAA,CAAA;AACA,MAAO,IAAA,KAAA,EAAA;AAAA,QACT,QAAA,CAAA,aAAA,CAAA,IAAA,WAAA,CAAA,eAAA,CAAA,CAAA,CAAA;AAEA,QAAA;AAAyB,OAC3B;AAEA,MAAA,CAAA,EAAA,QAAoB,CAAA,YAAA,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,IAAA,CAAA,KAAA,EAAA,KAAA,CAAA,CAAA;AAEpB,KAAA,CAAA;AAEE,IAAS,KAAA,CAAA,IAAA,EAAA,QAAA,CAAA,CAAA;AAAyC,IACpD,SAAC,CAAA,MAAA;AAED,MAAA,QAAA,CAAA,gBAAsB,CAAA,eAAA,EAAA,OAAA,CAAA,CAAA;AACpB,KAAW,CAAA,CAAA;AACX,IAAS,eAAA,CAAA,MAAA;AAA4C,MACtD,UAAA,EAAA,CAAA;AAED,MAAA,QAA0B,CAAA,mBAAA,CAAA,eAAA,EAAA,OAAA,CAAA,CAAA;AAAA,KACxB,CAAA,CAAA;AAAA,IACA,OAAA,CAAA,gBAAA,EAAA;AAAA,MACA,SAAA;AAAA,MAEA,UAAA;AAAA,MACA,EAAA;AAAA,MACA,OAAA;AAAA,MACD,WAAA;AAED,MAAa,MAAA;AAAA,KAIX,CAAA,CAAA;AAAA,IAKA,MAAA,CAAA;AAAA,MACD,MAAA;;;;;;;;;;;;"}
@@ -1,13 +1,13 @@
1
1
  import { defineComponent, toRefs, reactive, openBlock, createBlock, normalizeProps, guardReactiveProps, withCtx, createVNode, mergeProps, renderSlot, Teleport, Transition, createCommentVNode, createElementBlock, Fragment } from 'vue';
2
2
  import { pick } from 'lodash-unified';
3
3
  import { tooltipV2ArrowProps } from './arrow2.mjs';
4
- import { tooltipV2ContentProps } from './content2.mjs';
5
- import { tooltipV2RootProps } from './root2.mjs';
4
+ import { tooltipV2ContentProps } from './content.mjs';
5
+ import { tooltipV2RootProps } from './root.mjs';
6
6
  import { tooltipV2Props } from './tooltip2.mjs';
7
7
  import { tooltipV2TriggerProps } from './trigger.mjs';
8
- import TooltipV2Root from './root.mjs';
8
+ import TooltipV2Root from './root2.mjs';
9
9
  import TooltipV2Arrow from './arrow.mjs';
10
- import TooltipV2Content from './content.mjs';
10
+ import TooltipV2Content from './content2.mjs';
11
11
  import TooltipV2Trigger from './trigger2.mjs';
12
12
  import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
13
13
 
@@ -1,8 +1,8 @@
1
1
  import '../../../utils/index.mjs';
2
- import { tooltipV2RootProps } from './root2.mjs';
2
+ import { tooltipV2RootProps } from './root.mjs';
3
3
  import { tooltipV2TriggerProps } from './trigger.mjs';
4
4
  import { tooltipV2ArrowProps } from './arrow2.mjs';
5
- import { tooltipV2ContentProps } from './content2.mjs';
5
+ import { tooltipV2ContentProps } from './content.mjs';
6
6
  import { buildProps, definePropType } from '../../../utils/vue/props/runtime.mjs';
7
7
 
8
8
  const tooltipV2Props = buildProps({