element-ps 2.0.34 → 2.0.35

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 (326) hide show
  1. package/dist/index.full.js +65 -373
  2. package/dist/index.full.min.js +5 -5
  3. package/dist/index.full.min.js.map +1 -1
  4. package/dist/index.full.min.mjs +5 -5
  5. package/dist/index.full.min.mjs.map +1 -1
  6. package/dist/index.full.mjs +65 -373
  7. package/es/components/alert/index.mjs +2 -2
  8. package/es/components/alert/src/alert.mjs +33 -83
  9. package/es/components/alert/src/alert.mjs.map +1 -1
  10. package/es/components/alert/src/alert2.mjs +83 -33
  11. package/es/components/alert/src/alert2.mjs.map +1 -1
  12. package/es/components/autocomplete/index.mjs +2 -2
  13. package/es/components/autocomplete/src/autocomplete.mjs +94 -58
  14. package/es/components/autocomplete/src/autocomplete.mjs.map +1 -1
  15. package/es/components/autocomplete/src/autocomplete2.mjs +58 -94
  16. package/es/components/autocomplete/src/autocomplete2.mjs.map +1 -1
  17. package/es/components/avatar/index.mjs +2 -2
  18. package/es/components/avatar/src/avatar.mjs +61 -29
  19. package/es/components/avatar/src/avatar.mjs.map +1 -1
  20. package/es/components/avatar/src/avatar2.mjs +29 -61
  21. package/es/components/avatar/src/avatar2.mjs.map +1 -1
  22. package/es/components/backtop/index.mjs +2 -2
  23. package/es/components/backtop/src/backtop.mjs +59 -18
  24. package/es/components/backtop/src/backtop.mjs.map +1 -1
  25. package/es/components/backtop/src/backtop2.mjs +18 -59
  26. package/es/components/backtop/src/backtop2.mjs.map +1 -1
  27. package/es/components/badge/index.mjs +2 -2
  28. package/es/components/badge/src/badge.mjs +54 -17
  29. package/es/components/badge/src/badge.mjs.map +1 -1
  30. package/es/components/badge/src/badge2.mjs +17 -54
  31. package/es/components/badge/src/badge2.mjs.map +1 -1
  32. package/es/components/button/index.mjs +2 -2
  33. package/es/components/button/src/button-group2.mjs +1 -1
  34. package/es/components/button/src/button.mjs +96 -48
  35. package/es/components/button/src/button.mjs.map +1 -1
  36. package/es/components/button/src/button2.mjs +48 -96
  37. package/es/components/button/src/button2.mjs.map +1 -1
  38. package/es/components/calendar/src/calendar2.mjs +1 -1
  39. package/es/components/calendar/src/date-table.mjs +146 -27
  40. package/es/components/calendar/src/date-table.mjs.map +1 -1
  41. package/es/components/calendar/src/date-table2.mjs +27 -146
  42. package/es/components/calendar/src/date-table2.mjs.map +1 -1
  43. package/es/components/card/index.mjs +2 -2
  44. package/es/components/card/src/card.mjs +15 -35
  45. package/es/components/card/src/card.mjs.map +1 -1
  46. package/es/components/card/src/card2.mjs +35 -15
  47. package/es/components/card/src/card2.mjs.map +1 -1
  48. package/es/components/collection/index.mjs +1 -1
  49. package/es/components/collection/src/collection.mjs +30 -10
  50. package/es/components/collection/src/collection.mjs.map +1 -1
  51. package/es/components/collection/src/collection2.mjs +10 -30
  52. package/es/components/collection/src/collection2.mjs.map +1 -1
  53. package/es/components/drawer/index.mjs +2 -2
  54. package/es/components/drawer/src/drawer.mjs +117 -23
  55. package/es/components/drawer/src/drawer.mjs.map +1 -1
  56. package/es/components/drawer/src/drawer2.mjs +23 -117
  57. package/es/components/drawer/src/drawer2.mjs.map +1 -1
  58. package/es/components/dropdown/src/dropdown2.mjs +1 -1
  59. package/es/components/form/index.mjs +2 -2
  60. package/es/components/form/src/form-item2.mjs +2 -8
  61. package/es/components/form/src/form-item2.mjs.map +1 -1
  62. package/es/components/form/src/form.mjs +45 -40
  63. package/es/components/form/src/form.mjs.map +1 -1
  64. package/es/components/form/src/form2.mjs +40 -45
  65. package/es/components/form/src/form2.mjs.map +1 -1
  66. package/es/components/icon/index.mjs +2 -2
  67. package/es/components/icon/src/icon.mjs +35 -8
  68. package/es/components/icon/src/icon.mjs.map +1 -1
  69. package/es/components/icon/src/icon2.mjs +8 -35
  70. package/es/components/icon/src/icon2.mjs.map +1 -1
  71. package/es/components/image/index.mjs +2 -2
  72. package/es/components/image/src/image.mjs +50 -127
  73. package/es/components/image/src/image.mjs.map +1 -1
  74. package/es/components/image/src/image2.mjs +127 -50
  75. package/es/components/image/src/image2.mjs.map +1 -1
  76. package/es/components/image-viewer/index.mjs +2 -2
  77. package/es/components/image-viewer/src/image-viewer.mjs +210 -31
  78. package/es/components/image-viewer/src/image-viewer.mjs.map +1 -1
  79. package/es/components/image-viewer/src/image-viewer2.mjs +31 -210
  80. package/es/components/image-viewer/src/image-viewer2.mjs.map +1 -1
  81. package/es/components/index.mjs +26 -26
  82. package/es/components/input/index.mjs +2 -2
  83. package/es/components/input/src/input.mjs +295 -85
  84. package/es/components/input/src/input.mjs.map +1 -1
  85. package/es/components/input/src/input2.mjs +85 -295
  86. package/es/components/input/src/input2.mjs.map +1 -1
  87. package/es/components/menu/index.mjs +2 -2
  88. package/es/components/menu/src/menu-item-group.mjs +4 -35
  89. package/es/components/menu/src/menu-item-group.mjs.map +1 -1
  90. package/es/components/menu/src/menu-item-group2.mjs +35 -4
  91. package/es/components/menu/src/menu-item-group2.mjs.map +1 -1
  92. package/es/components/popconfirm/src/popconfirm2.mjs +1 -1
  93. package/es/components/popper/index.mjs +2 -2
  94. package/es/components/popper/src/trigger.mjs +17 -28
  95. package/es/components/popper/src/trigger.mjs.map +1 -1
  96. package/es/components/popper/src/trigger2.mjs +28 -17
  97. package/es/components/popper/src/trigger2.mjs.map +1 -1
  98. package/es/components/radio/index.mjs +4 -4
  99. package/es/components/radio/src/radio-button.mjs +1 -1
  100. package/es/components/radio/src/radio-button2.mjs +1 -1
  101. package/es/components/radio/src/radio-group.mjs +37 -18
  102. package/es/components/radio/src/radio-group.mjs.map +1 -1
  103. package/es/components/radio/src/radio-group2.mjs +18 -37
  104. package/es/components/radio/src/radio-group2.mjs.map +1 -1
  105. package/es/components/radio/src/radio.mjs +74 -62
  106. package/es/components/radio/src/radio.mjs.map +1 -1
  107. package/es/components/radio/src/radio2.mjs +62 -74
  108. package/es/components/radio/src/radio2.mjs.map +1 -1
  109. package/es/components/result/index.mjs +2 -2
  110. package/es/components/result/src/result.mjs +73 -28
  111. package/es/components/result/src/result.mjs.map +1 -1
  112. package/es/components/result/src/result2.mjs +28 -73
  113. package/es/components/result/src/result2.mjs.map +1 -1
  114. package/es/components/roving-focus-group/src/roving-focus-group2.mjs +1 -1
  115. package/es/components/scrollbar/index.mjs +2 -2
  116. package/es/components/scrollbar/src/scrollbar.mjs +112 -42
  117. package/es/components/scrollbar/src/scrollbar.mjs.map +1 -1
  118. package/es/components/scrollbar/src/scrollbar2.mjs +42 -112
  119. package/es/components/scrollbar/src/scrollbar2.mjs.map +1 -1
  120. package/es/components/skeleton/index.mjs +2 -2
  121. package/es/components/skeleton/src/skeleton.mjs +49 -22
  122. package/es/components/skeleton/src/skeleton.mjs.map +1 -1
  123. package/es/components/skeleton/src/skeleton2.mjs +22 -49
  124. package/es/components/skeleton/src/skeleton2.mjs.map +1 -1
  125. package/es/components/switch/index.mjs +2 -2
  126. package/es/components/switch/src/switch.mjs +81 -176
  127. package/es/components/switch/src/switch.mjs.map +1 -1
  128. package/es/components/switch/src/switch2.mjs +176 -81
  129. package/es/components/switch/src/switch2.mjs.map +1 -1
  130. package/es/components/tabs/index.mjs +1 -1
  131. package/es/components/tabs/src/tab-bar.mjs +76 -7
  132. package/es/components/tabs/src/tab-bar.mjs.map +1 -1
  133. package/es/components/tabs/src/tab-bar2.mjs +7 -76
  134. package/es/components/tabs/src/tab-bar2.mjs.map +1 -1
  135. package/es/components/tabs/src/tab-nav.mjs +1 -1
  136. package/es/components/timeline/index.mjs +2 -2
  137. package/es/components/timeline/src/timeline-item.mjs +39 -73
  138. package/es/components/timeline/src/timeline-item.mjs.map +1 -1
  139. package/es/components/timeline/src/timeline-item2.mjs +73 -39
  140. package/es/components/timeline/src/timeline-item2.mjs.map +1 -1
  141. package/es/components/tooltip/src/tooltip.mjs +1 -1
  142. package/es/components/tooltip/src/trigger.mjs +1 -1
  143. package/es/components/tooltip-v2/index.mjs +2 -2
  144. package/es/components/tooltip-v2/src/root.mjs +17 -81
  145. package/es/components/tooltip-v2/src/root.mjs.map +1 -1
  146. package/es/components/tooltip-v2/src/root2.mjs +81 -17
  147. package/es/components/tooltip-v2/src/root2.mjs.map +1 -1
  148. package/es/components/tooltip-v2/src/tooltip.mjs +2 -2
  149. package/es/components/tooltip-v2/src/tooltip2.mjs +4 -4
  150. package/es/components/tooltip-v2/src/trigger.mjs +11 -89
  151. package/es/components/tooltip-v2/src/trigger.mjs.map +1 -1
  152. package/es/components/tooltip-v2/src/trigger2.mjs +89 -11
  153. package/es/components/tooltip-v2/src/trigger2.mjs.map +1 -1
  154. package/es/components/upload/index.mjs +2 -2
  155. package/es/components/upload/src/upload-content2.mjs +1 -1
  156. package/es/components/upload/src/upload-dragger.mjs +11 -32
  157. package/es/components/upload/src/upload-dragger.mjs.map +1 -1
  158. package/es/components/upload/src/upload-dragger2.mjs +32 -11
  159. package/es/components/upload/src/upload-dragger2.mjs.map +1 -1
  160. package/es/components/upload/src/upload-list.mjs +155 -26
  161. package/es/components/upload/src/upload-list.mjs.map +1 -1
  162. package/es/components/upload/src/upload-list2.mjs +26 -155
  163. package/es/components/upload/src/upload-list2.mjs.map +1 -1
  164. package/es/components/upload/src/upload2.mjs +1 -1
  165. package/es/index.mjs +26 -26
  166. package/lib/components/alert/index.js +2 -2
  167. package/lib/components/alert/src/alert.js +33 -82
  168. package/lib/components/alert/src/alert.js.map +1 -1
  169. package/lib/components/alert/src/alert2.js +82 -33
  170. package/lib/components/alert/src/alert2.js.map +1 -1
  171. package/lib/components/autocomplete/index.js +2 -2
  172. package/lib/components/autocomplete/src/autocomplete.js +94 -58
  173. package/lib/components/autocomplete/src/autocomplete.js.map +1 -1
  174. package/lib/components/autocomplete/src/autocomplete2.js +58 -94
  175. package/lib/components/autocomplete/src/autocomplete2.js.map +1 -1
  176. package/lib/components/avatar/index.js +2 -2
  177. package/lib/components/avatar/src/avatar.js +61 -29
  178. package/lib/components/avatar/src/avatar.js.map +1 -1
  179. package/lib/components/avatar/src/avatar2.js +29 -61
  180. package/lib/components/avatar/src/avatar2.js.map +1 -1
  181. package/lib/components/backtop/index.js +2 -2
  182. package/lib/components/backtop/src/backtop.js +59 -18
  183. package/lib/components/backtop/src/backtop.js.map +1 -1
  184. package/lib/components/backtop/src/backtop2.js +18 -59
  185. package/lib/components/backtop/src/backtop2.js.map +1 -1
  186. package/lib/components/badge/index.js +2 -2
  187. package/lib/components/badge/src/badge.js +54 -17
  188. package/lib/components/badge/src/badge.js.map +1 -1
  189. package/lib/components/badge/src/badge2.js +17 -54
  190. package/lib/components/badge/src/badge2.js.map +1 -1
  191. package/lib/components/button/index.js +2 -2
  192. package/lib/components/button/src/button-group2.js +1 -1
  193. package/lib/components/button/src/button.js +96 -50
  194. package/lib/components/button/src/button.js.map +1 -1
  195. package/lib/components/button/src/button2.js +50 -96
  196. package/lib/components/button/src/button2.js.map +1 -1
  197. package/lib/components/calendar/src/calendar2.js +1 -1
  198. package/lib/components/calendar/src/date-table.js +151 -30
  199. package/lib/components/calendar/src/date-table.js.map +1 -1
  200. package/lib/components/calendar/src/date-table2.js +30 -151
  201. package/lib/components/calendar/src/date-table2.js.map +1 -1
  202. package/lib/components/card/index.js +2 -2
  203. package/lib/components/card/src/card.js +15 -35
  204. package/lib/components/card/src/card.js.map +1 -1
  205. package/lib/components/card/src/card2.js +35 -15
  206. package/lib/components/card/src/card2.js.map +1 -1
  207. package/lib/components/collection/index.js +1 -1
  208. package/lib/components/collection/src/collection.js +30 -9
  209. package/lib/components/collection/src/collection.js.map +1 -1
  210. package/lib/components/collection/src/collection2.js +9 -30
  211. package/lib/components/collection/src/collection2.js.map +1 -1
  212. package/lib/components/drawer/index.js +2 -2
  213. package/lib/components/drawer/src/drawer.js +117 -23
  214. package/lib/components/drawer/src/drawer.js.map +1 -1
  215. package/lib/components/drawer/src/drawer2.js +23 -117
  216. package/lib/components/drawer/src/drawer2.js.map +1 -1
  217. package/lib/components/dropdown/src/dropdown2.js +1 -1
  218. package/lib/components/form/index.js +2 -2
  219. package/lib/components/form/src/form-item2.js +1 -7
  220. package/lib/components/form/src/form-item2.js.map +1 -1
  221. package/lib/components/form/src/form.js +45 -40
  222. package/lib/components/form/src/form.js.map +1 -1
  223. package/lib/components/form/src/form2.js +40 -45
  224. package/lib/components/form/src/form2.js.map +1 -1
  225. package/lib/components/icon/index.js +2 -2
  226. package/lib/components/icon/src/icon.js +35 -8
  227. package/lib/components/icon/src/icon.js.map +1 -1
  228. package/lib/components/icon/src/icon2.js +8 -35
  229. package/lib/components/icon/src/icon2.js.map +1 -1
  230. package/lib/components/image/index.js +2 -2
  231. package/lib/components/image/src/image.js +50 -127
  232. package/lib/components/image/src/image.js.map +1 -1
  233. package/lib/components/image/src/image2.js +127 -50
  234. package/lib/components/image/src/image2.js.map +1 -1
  235. package/lib/components/image-viewer/index.js +2 -2
  236. package/lib/components/image-viewer/src/image-viewer.js +210 -31
  237. package/lib/components/image-viewer/src/image-viewer.js.map +1 -1
  238. package/lib/components/image-viewer/src/image-viewer2.js +31 -210
  239. package/lib/components/image-viewer/src/image-viewer2.js.map +1 -1
  240. package/lib/components/index.js +26 -26
  241. package/lib/components/input/index.js +2 -2
  242. package/lib/components/input/src/input.js +294 -84
  243. package/lib/components/input/src/input.js.map +1 -1
  244. package/lib/components/input/src/input2.js +84 -294
  245. package/lib/components/input/src/input2.js.map +1 -1
  246. package/lib/components/menu/index.js +2 -2
  247. package/lib/components/menu/src/menu-item-group.js +4 -35
  248. package/lib/components/menu/src/menu-item-group.js.map +1 -1
  249. package/lib/components/menu/src/menu-item-group2.js +35 -4
  250. package/lib/components/menu/src/menu-item-group2.js.map +1 -1
  251. package/lib/components/popconfirm/src/popconfirm2.js +1 -1
  252. package/lib/components/popper/index.js +2 -2
  253. package/lib/components/popper/src/trigger.js +17 -28
  254. package/lib/components/popper/src/trigger.js.map +1 -1
  255. package/lib/components/popper/src/trigger2.js +28 -17
  256. package/lib/components/popper/src/trigger2.js.map +1 -1
  257. package/lib/components/radio/index.js +4 -4
  258. package/lib/components/radio/src/radio-button.js +1 -1
  259. package/lib/components/radio/src/radio-button2.js +1 -1
  260. package/lib/components/radio/src/radio-group.js +37 -18
  261. package/lib/components/radio/src/radio-group.js.map +1 -1
  262. package/lib/components/radio/src/radio-group2.js +18 -37
  263. package/lib/components/radio/src/radio-group2.js.map +1 -1
  264. package/lib/components/radio/src/radio.js +73 -64
  265. package/lib/components/radio/src/radio.js.map +1 -1
  266. package/lib/components/radio/src/radio2.js +64 -73
  267. package/lib/components/radio/src/radio2.js.map +1 -1
  268. package/lib/components/result/index.js +2 -2
  269. package/lib/components/result/src/result.js +73 -30
  270. package/lib/components/result/src/result.js.map +1 -1
  271. package/lib/components/result/src/result2.js +30 -73
  272. package/lib/components/result/src/result2.js.map +1 -1
  273. package/lib/components/roving-focus-group/src/roving-focus-group2.js +1 -1
  274. package/lib/components/scrollbar/index.js +2 -2
  275. package/lib/components/scrollbar/src/scrollbar.js +112 -42
  276. package/lib/components/scrollbar/src/scrollbar.js.map +1 -1
  277. package/lib/components/scrollbar/src/scrollbar2.js +42 -112
  278. package/lib/components/scrollbar/src/scrollbar2.js.map +1 -1
  279. package/lib/components/skeleton/index.js +2 -2
  280. package/lib/components/skeleton/src/skeleton.js +49 -22
  281. package/lib/components/skeleton/src/skeleton.js.map +1 -1
  282. package/lib/components/skeleton/src/skeleton2.js +22 -49
  283. package/lib/components/skeleton/src/skeleton2.js.map +1 -1
  284. package/lib/components/switch/index.js +2 -2
  285. package/lib/components/switch/src/switch.js +81 -176
  286. package/lib/components/switch/src/switch.js.map +1 -1
  287. package/lib/components/switch/src/switch2.js +176 -81
  288. package/lib/components/switch/src/switch2.js.map +1 -1
  289. package/lib/components/tabs/index.js +1 -1
  290. package/lib/components/tabs/src/tab-bar.js +76 -7
  291. package/lib/components/tabs/src/tab-bar.js.map +1 -1
  292. package/lib/components/tabs/src/tab-bar2.js +7 -76
  293. package/lib/components/tabs/src/tab-bar2.js.map +1 -1
  294. package/lib/components/tabs/src/tab-nav.js +1 -1
  295. package/lib/components/timeline/index.js +2 -2
  296. package/lib/components/timeline/src/timeline-item.js +39 -73
  297. package/lib/components/timeline/src/timeline-item.js.map +1 -1
  298. package/lib/components/timeline/src/timeline-item2.js +73 -39
  299. package/lib/components/timeline/src/timeline-item2.js.map +1 -1
  300. package/lib/components/tooltip/src/tooltip.js +1 -1
  301. package/lib/components/tooltip/src/trigger.js +1 -1
  302. package/lib/components/tooltip-v2/index.js +2 -2
  303. package/lib/components/tooltip-v2/src/root.js +17 -81
  304. package/lib/components/tooltip-v2/src/root.js.map +1 -1
  305. package/lib/components/tooltip-v2/src/root2.js +81 -17
  306. package/lib/components/tooltip-v2/src/root2.js.map +1 -1
  307. package/lib/components/tooltip-v2/src/tooltip.js +2 -2
  308. package/lib/components/tooltip-v2/src/tooltip2.js +4 -4
  309. package/lib/components/tooltip-v2/src/trigger.js +11 -89
  310. package/lib/components/tooltip-v2/src/trigger.js.map +1 -1
  311. package/lib/components/tooltip-v2/src/trigger2.js +89 -11
  312. package/lib/components/tooltip-v2/src/trigger2.js.map +1 -1
  313. package/lib/components/upload/index.js +2 -2
  314. package/lib/components/upload/src/upload-content2.js +1 -1
  315. package/lib/components/upload/src/upload-dragger.js +12 -32
  316. package/lib/components/upload/src/upload-dragger.js.map +1 -1
  317. package/lib/components/upload/src/upload-dragger2.js +32 -12
  318. package/lib/components/upload/src/upload-dragger2.js.map +1 -1
  319. package/lib/components/upload/src/upload-list.js +155 -27
  320. package/lib/components/upload/src/upload-list.js.map +1 -1
  321. package/lib/components/upload/src/upload-list2.js +27 -155
  322. package/lib/components/upload/src/upload-list2.js.map +1 -1
  323. package/lib/components/upload/src/upload2.js +1 -1
  324. package/lib/index.js +26 -26
  325. package/package.json +1 -1
  326. package/web-types.json +1 -1
@@ -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.mjs';
12
3
 
13
- const __default__ = {
14
- name: "PsTooltipV2Root"
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/meng/workspace/element-ps/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-ps/hooks'\nimport { isNumber, isPropAbsent } from '@element-ps/utils'\nimport { TOOLTIP_V2_OPEN, tooltipV2RootKey } from '@element-ps/tokens'\nimport { tooltipV2RootProps } from './root'\n\ndefineOptions({\n name: 'PsTooltipV2Root',\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":";;;;;;;;;;;;;;;;;;;;AA6BA,IAAA,MAAA,KAAA,GAAA,GAAA,CAAA,KAAA,CAAA,WAAA,CAAA,CAAA;AACA,IAAA,MAAA,UAAA,GAAA,IAAA,IAAA,CAAA,CAAA;AAEA,IAAA,MAAA,OAAA,QAAA,CAAA;AAAA,MACA,GAAA,EAAA,MAAA,YAAA,CAAA,KAAA,CAAA,IAAA,CAAA,GAAA,KAAA,CAAA,QAAA,KAAA,CAAA,IAAA;AAAA,MACA,GAAA,EAAA,CAAA,KAAA,KAAA;AACA,QAAA,IAAA,EAAA,CAAA;AACA,QAAA,KAAA,CAAA;AAAA,QACA,CAAA,EAAA,GAAA,KAAA,CAAA,eAAA,CAAA,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,IAAA,CAAA,KAAA,EAAA,KAAA,CAAA,CAAA;AAAA,OACA;AAEA,KAAA,CAAA,CAAA;AAIA,IAAA,MAAA,aAAA,GAAA,QAAA,CAAA,MAAA,QAAA,CAAA,KAAA,cACA,CAAA,IAAA,KAAA,CAAA,aAAA,GAAA,CAAA,CAAA,CAAA;AACA,IAAA,MAAA,EAAA,KAAA,EAAA,aAAA,EAAA,IAAA,EAAA,UAAA,EAAA,GAAA,YAAA,CAAA,MAAA;AAAA,MAEA,IAAA,CAAA,KAAA,GAAA,IAAA,CAAA;AACA,KAAA,EACA,QAAA,CAAA,MAAA,KAAA,CAAA,aAAA,CAAA,EAAA;AAAA,MAEA,SAAA,EAAA,KAAA;AAEA,KAAA,CAAA,CAAA;AAEA,IAAA,MAAA,iBAAA,CAAA,YAAA,CAAA,CAAA;AAEA,IAAA,MAAA,iBAAA,EAAA,CAAA;AACA,IAAA,MAAA,YAAA,GAAA,MAAA;AACA,MAAA,UAAA,EAAA,CAAA;AAAA,MACA,IAAA,CAAA,KAAA,GAAA,IAAA,CAAA;AAEA,KAAA,CAAA;AACA,IAAA,MAAA,WAAA,GAAA,MAAA;AAAA,MACA,KAAA,CAAA,aAAA,CAAA,GAAA,aAAA,EAAA,GAAA,YAAA,EAAA,CAAA;AAEA,KAAA,CAAA;AAEA,IAAA,MAAA,qBAAA,CAAA;AACA,IAAA,MAAA,OAAA,GAAA,MAAA;AACA,MAAA,UAAA,EAAA,CAAA;AAAA,MACA,IAAA,CAAA,KAAA,GAAA,KAAA,CAAA;AAEA,KAAA,CAAA;AACA,IAAA,MAAA,QAAA,GAAA,CAAA,KAAA,KAAA;AACA,MAAA,IAAA,EAAA,CAAA;AACA,MAAA,IAAA,KAAA,EAAA;AAAA,QACA,QAAA,CAAA,aAAA,CAAA,IAAA,WAAA,CAAA,eAAA,CAAA,CAAA,CAAA;AAEA,QAAA;AAAA,OACA;AAEA,MAAA,CAAA,EAAA,QAAA,CAAA,YAAA,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,IAAA,CAAA,KAAA,EAAA,KAAA,CAAA,CAAA;AAEA,KAAA,CAAA;AAEA,IAAA,KAAA,CAAA,IAAA,EAAA,QAAA,CAAA,CAAA;AAAA,IACA,SAAA,CAAA,MAAA;AAEA,MAAA,QAAA,CAAA,gBAAA,CAAA,eAAA,EAAA,OAAA,CAAA,CAAA;AACA,KAAA,CAAA,CAAA;AACA,IAAA,eAAA,CAAA,MAAA;AAAA,MACA,UAAA,EAAA,CAAA;AAEA,MAAA,QAAA,CAAA,mBAAA,CAAA,eAAA,EAAA,OAAA,CAAA,CAAA;AAAA,KACA,CAAA,CAAA;AAAA,IACA,OAAA,CAAA,gBAAA,EAAA;AAAA,MACA,SAAA;AAAA,MAEA,UAAA;AAAA,MACA,EAAA;AAAA,MACA,OAAA;AAAA,MACA,WAAA;AAEA,MAAA,MAAA;AAAA,KAIA,CAAA,CAAA;AAAA,IAKA,MAAA,CAAA;AAAA,MACA,MAAA;;;;;;;;;;;;"}
1
+ {"version":3,"file":"root.mjs","sources":["../../../../../../packages/components/tooltip-v2/src/root.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-ps/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.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__ = {
14
+ name: "PsTooltipV2Root"
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/meng/workspace/element-ps/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-ps/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-ps/hooks'\nimport { isNumber, isPropAbsent } from '@element-ps/utils'\nimport { TOOLTIP_V2_OPEN, tooltipV2RootKey } from '@element-ps/tokens'\nimport { tooltipV2RootProps } from './root'\n\ndefineOptions({\n name: 'PsTooltipV2Root',\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":";;;;;;;;;;;;;;;;;;;;AA6BA,IAAA,MAAA,KAAA,GAAA,GAAA,CAAA,KAAA,CAAA,WAAA,CAAA,CAAA;AACA,IAAA,MAAA,UAAA,GAAA,IAAA,IAAA,CAAA,CAAA;AAEA,IAAA,MAAA,OAAA,QAAA,CAAA;AAAA,MACA,GAAA,EAAA,MAAA,YAAA,CAAA,KAAA,CAAA,IAAA,CAAA,GAAA,KAAA,CAAA,QAAA,KAAA,CAAA,IAAA;AAAA,MACA,GAAA,EAAA,CAAA,KAAA,KAAA;AACA,QAAA,IAAA,EAAA,CAAA;AACA,QAAA,KAAA,CAAA;AAAA,QACA,CAAA,EAAA,GAAA,KAAA,CAAA,eAAA,CAAA,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,IAAA,CAAA,KAAA,EAAA,KAAA,CAAA,CAAA;AAAA,OACA;AAEA,KAAA,CAAA,CAAA;AAIA,IAAA,MAAA,aAAA,GAAA,QAAA,CAAA,MAAA,QAAA,CAAA,KAAA,cACA,CAAA,IAAA,KAAA,CAAA,aAAA,GAAA,CAAA,CAAA,CAAA;AACA,IAAA,MAAA,EAAA,KAAA,EAAA,aAAA,EAAA,IAAA,EAAA,UAAA,EAAA,GAAA,YAAA,CAAA,MAAA;AAAA,MAEA,IAAA,CAAA,KAAA,GAAA,IAAA,CAAA;AACA,KAAA,EACA,QAAA,CAAA,MAAA,KAAA,CAAA,aAAA,CAAA,EAAA;AAAA,MAEA,SAAA,EAAA,KAAA;AAEA,KAAA,CAAA,CAAA;AAEA,IAAA,MAAA,iBAAA,CAAA,YAAA,CAAA,CAAA;AAEA,IAAA,MAAA,iBAAA,EAAA,CAAA;AACA,IAAA,MAAA,YAAA,GAAA,MAAA;AACA,MAAA,UAAA,EAAA,CAAA;AAAA,MACA,IAAA,CAAA,KAAA,GAAA,IAAA,CAAA;AAEA,KAAA,CAAA;AACA,IAAA,MAAA,WAAA,GAAA,MAAA;AAAA,MACA,KAAA,CAAA,aAAA,CAAA,GAAA,aAAA,EAAA,GAAA,YAAA,EAAA,CAAA;AAEA,KAAA,CAAA;AAEA,IAAA,MAAA,qBAAA,CAAA;AACA,IAAA,MAAA,OAAA,GAAA,MAAA;AACA,MAAA,UAAA,EAAA,CAAA;AAAA,MACA,IAAA,CAAA,KAAA,GAAA,KAAA,CAAA;AAEA,KAAA,CAAA;AACA,IAAA,MAAA,QAAA,GAAA,CAAA,KAAA,KAAA;AACA,MAAA,IAAA,EAAA,CAAA;AACA,MAAA,IAAA,KAAA,EAAA;AAAA,QACA,QAAA,CAAA,aAAA,CAAA,IAAA,WAAA,CAAA,eAAA,CAAA,CAAA,CAAA;AAEA,QAAA;AAAA,OACA;AAEA,MAAA,CAAA,EAAA,QAAA,CAAA,YAAA,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,IAAA,CAAA,KAAA,EAAA,KAAA,CAAA,CAAA;AAEA,KAAA,CAAA;AAEA,IAAA,KAAA,CAAA,IAAA,EAAA,QAAA,CAAA,CAAA;AAAA,IACA,SAAA,CAAA,MAAA;AAEA,MAAA,QAAA,CAAA,gBAAA,CAAA,eAAA,EAAA,OAAA,CAAA,CAAA;AACA,KAAA,CAAA,CAAA;AACA,IAAA,eAAA,CAAA,MAAA;AAAA,MACA,UAAA,EAAA,CAAA;AAEA,MAAA,QAAA,CAAA,mBAAA,CAAA,eAAA,EAAA,OAAA,CAAA,CAAA;AAAA,KACA,CAAA,CAAA;AAAA,IACA,OAAA,CAAA,gBAAA,EAAA;AAAA,MACA,SAAA;AAAA,MAEA,UAAA;AAAA,MACA,EAAA;AAAA,MACA,OAAA;AAAA,MACA,WAAA;AAEA,MAAA,MAAA;AAAA,KAIA,CAAA,CAAA;AAAA,IAKA,MAAA,CAAA;AAAA,MACA,MAAA;;;;;;;;;;;;"}
@@ -1,6 +1,6 @@
1
1
  import '../../../utils/index.mjs';
2
- import { tooltipV2RootProps } from './root2.mjs';
3
- import { tooltipV2TriggerProps } from './trigger2.mjs';
2
+ import { tooltipV2RootProps } from './root.mjs';
3
+ import { tooltipV2TriggerProps } from './trigger.mjs';
4
4
  import { tooltipV2ArrowProps } from './arrow.mjs';
5
5
  import { tooltipV2ContentProps } from './content2.mjs';
6
6
  import { buildProps, definePropType } from '../../../utils/vue/props.mjs';
@@ -2,13 +2,13 @@ import { defineComponent, toRefs, reactive, openBlock, createBlock, normalizePro
2
2
  import { pick } from 'lodash-unified';
3
3
  import { tooltipV2ArrowProps } from './arrow.mjs';
4
4
  import { tooltipV2ContentProps } from './content2.mjs';
5
- import { tooltipV2RootProps } from './root2.mjs';
5
+ import { tooltipV2RootProps } from './root.mjs';
6
6
  import { tooltipV2Props } from './tooltip.mjs';
7
- import { tooltipV2TriggerProps } from './trigger2.mjs';
8
- import TooltipV2Root from './root.mjs';
7
+ import { tooltipV2TriggerProps } from './trigger.mjs';
8
+ import TooltipV2Root from './root2.mjs';
9
9
  import TooltipV2Arrow from './arrow2.mjs';
10
10
  import TooltipV2Content from './content.mjs';
11
- import TooltipV2Trigger from './trigger.mjs';
11
+ import TooltipV2Trigger from './trigger2.mjs';
12
12
  import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
13
13
 
14
14
  const __default__ = {
@@ -1,95 +1,17 @@
1
- import { defineComponent, inject, watch, onBeforeUnmount, openBlock, createBlock, unref, withCtx, renderSlot, createElementBlock, mergeProps } from 'vue';
2
1
  import '../../../utils/index.mjs';
3
- import '../../../tokens/index.mjs';
4
- import ForwardRef from './forward-ref.mjs';
5
- import { tooltipV2TriggerProps } from './trigger2.mjs';
6
- import { tooltipV2CommonProps } from './common.mjs';
7
- import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
8
- import { tooltipV2RootKey } from '../../../tokens/tooltip-v2.mjs';
9
- import { composeEventHandlers } from '../../../utils/dom/event.mjs';
2
+ import { definePropType, buildProps } from '../../../utils/vue/props.mjs';
10
3
 
11
- const __default__ = {
12
- name: "PsTooltipV2Trigger"
4
+ const EventHandler = {
5
+ type: definePropType(Function)
13
6
  };
14
- const _sfc_main = /* @__PURE__ */ defineComponent({
15
- ...__default__,
16
- props: {
17
- ...tooltipV2CommonProps,
18
- ...tooltipV2TriggerProps
19
- },
20
- setup(__props) {
21
- const props = __props;
22
- const { onClose, onOpen, onDelayOpen, triggerRef, contentId } = inject(tooltipV2RootKey);
23
- let isMousedown = false;
24
- const setTriggerRef = (el) => {
25
- triggerRef.value = el;
26
- };
27
- const onMouseup = () => {
28
- isMousedown = false;
29
- };
30
- const onMouseenter = composeEventHandlers(props.onMouseEnter, onDelayOpen);
31
- const onMouseleave = composeEventHandlers(props.onMouseLeave, onClose);
32
- const onMousedown = composeEventHandlers(props.onMouseDown, () => {
33
- onClose();
34
- isMousedown = true;
35
- document.addEventListener("mouseup", onMouseup, { once: true });
36
- });
37
- const onFocus = composeEventHandlers(props.onFocus, () => {
38
- if (!isMousedown)
39
- onOpen();
40
- });
41
- const onBlur = composeEventHandlers(props.onBlur, onClose);
42
- const onClick = composeEventHandlers(props.onClick, (e) => {
43
- if (e.detail === 0)
44
- onClose();
45
- });
46
- const events = {
47
- blur: onBlur,
48
- click: onClick,
49
- focus: onFocus,
50
- mousedown: onMousedown,
51
- mouseenter: onMouseenter,
52
- mouseleave: onMouseleave
53
- };
54
- const setEvents = (el, events2, type) => {
55
- if (el) {
56
- Object.entries(events2).forEach(([name, handler]) => {
57
- el[type](name, handler);
58
- });
59
- }
60
- };
61
- watch(triggerRef, (triggerEl, previousTriggerEl) => {
62
- setEvents(triggerEl, events, "addEventListener");
63
- setEvents(previousTriggerEl, events, "removeEventListener");
64
- if (triggerEl) {
65
- triggerEl.setAttribute("aria-describedby", contentId.value);
66
- }
67
- });
68
- onBeforeUnmount(() => {
69
- setEvents(triggerRef.value, events, "removeEventListener");
70
- document.removeEventListener("mouseup", onMouseup);
71
- });
72
- return (_ctx, _cache) => {
73
- return _ctx.nowrap ? (openBlock(), createBlock(unref(ForwardRef), {
74
- key: 0,
75
- "set-ref": setTriggerRef,
76
- "only-child": ""
77
- }, {
78
- default: withCtx(() => [
79
- renderSlot(_ctx.$slots, "default")
80
- ]),
81
- _: 3
82
- })) : (openBlock(), createElementBlock("button", mergeProps({
83
- key: 1,
84
- ref_key: "triggerRef",
85
- ref: triggerRef
86
- }, _ctx.$attrs), [
87
- renderSlot(_ctx.$slots, "default")
88
- ], 16));
89
- };
90
- }
7
+ const tooltipV2TriggerProps = buildProps({
8
+ onBlur: EventHandler,
9
+ onClick: EventHandler,
10
+ onFocus: EventHandler,
11
+ onMouseDown: EventHandler,
12
+ onMouseEnter: EventHandler,
13
+ onMouseLeave: EventHandler
91
14
  });
92
- var TooltipV2Trigger = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/Users/meng/workspace/element-ps/packages/components/tooltip-v2/src/trigger.vue"]]);
93
15
 
94
- export { TooltipV2Trigger as default };
16
+ export { tooltipV2TriggerProps };
95
17
  //# sourceMappingURL=trigger.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"trigger.mjs","sources":["../../../../../../packages/components/tooltip-v2/src/trigger.vue"],"sourcesContent":["<template>\n <forward-ref v-if=\"nowrap\" :set-ref=\"setTriggerRef\" only-child>\n <slot />\n </forward-ref>\n <button v-else ref=\"triggerRef\" v-bind=\"$attrs\">\n <slot />\n </button>\n</template>\n\n<script setup lang=\"ts\">\nimport { inject, onBeforeUnmount, watch } from 'vue'\nimport { composeEventHandlers } from '@element-ps/utils'\nimport { tooltipV2RootKey } from '@element-ps/tokens'\nimport ForwardRef from './forward-ref'\nimport { tooltipV2TriggerProps } from './trigger'\nimport { tooltipV2CommonProps } from './common'\n\ndefineOptions({\n name: 'PsTooltipV2Trigger',\n})\n\nconst props = defineProps({\n ...tooltipV2CommonProps,\n ...tooltipV2TriggerProps,\n})\n\n/**\n * onOpen opens the tooltip instantly, onTrigger acts a lil bit differently,\n * it will check if delayDuration is set to greater than 0 and based on that result,\n * if true, it opens the tooltip after delayDuration, otherwise it opens it instantly.\n */\nconst { onClose, onOpen, onDelayOpen, triggerRef, contentId } =\n inject(tooltipV2RootKey)!\n\nlet isMousedown = false\n\nconst setTriggerRef = (el: HTMLElement | null) => {\n triggerRef.value = el\n}\n\nconst onMouseup = () => {\n isMousedown = false\n}\n\nconst onMouseenter = composeEventHandlers(props.onMouseEnter, onDelayOpen)\n\nconst onMouseleave = composeEventHandlers(props.onMouseLeave, onClose)\n\nconst onMousedown = composeEventHandlers(props.onMouseDown, () => {\n onClose()\n isMousedown = true\n document.addEventListener('mouseup', onMouseup, { once: true })\n})\n\nconst onFocus = composeEventHandlers(props.onFocus, () => {\n if (!isMousedown) onOpen()\n})\n\nconst onBlur = composeEventHandlers(props.onBlur, onClose)\n\nconst onClick = composeEventHandlers(props.onClick, (e) => {\n if ((e as MouseEvent).detail === 0) onClose()\n})\n\nconst events = {\n blur: onBlur,\n click: onClick,\n focus: onFocus,\n mousedown: onMousedown,\n mouseenter: onMouseenter,\n mouseleave: onMouseleave,\n}\n\nconst setEvents = <T extends (e: Event) => void>(\n el: HTMLElement | null | undefined,\n events: Record<string, T>,\n type: 'addEventListener' | 'removeEventListener'\n) => {\n if (el) {\n Object.entries(events).forEach(([name, handler]) => {\n el[type](name, handler)\n })\n }\n}\n\nwatch(triggerRef, (triggerEl, previousTriggerEl) => {\n setEvents(triggerEl, events, 'addEventListener')\n setEvents(previousTriggerEl, events, 'removeEventListener')\n\n if (triggerEl) {\n triggerEl.setAttribute('aria-describedby', contentId.value)\n }\n})\n\nonBeforeUnmount(() => {\n setEvents(triggerRef.value, events, 'removeEventListener')\n document.removeEventListener('mouseup', onMouseup)\n})\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AA+BA,IAAA,MAAA,EAAA,OAAA,EAAA,MAAA,EAAA,aAAA,UAAA,EAAA,SAAA,EAAA,GACA,OAAA,gBAAA,CAAA,CAAA;AAEA,IAAA,IAAA,WAAA,GAAA,KAAA,CAAA;AAEA,IAAA,MAAA,aAAA,GAAA,CAAA,EAAA,KAAA;AACA,MAAA,UAAA,CAAA,KAAA,GAAA,EAAA,CAAA;AAAA,KACA,CAAA;AAEA,IAAA,MAAA,YAAA,MAAA;AACA,MAAA,WAAA,GAAA,KAAA,CAAA;AAAA,KACA,CAAA;AAEA,IAAA,MAAA,YAAA,GAAA,oBAAA,CAAA,KAAA,CAAA,YAAA,EAAA,WAAA,CAAA,CAAA;AAEA,IAAA,MAAA,YAAA,GAAA,oBAAA,CAAA,KAAA,CAAA,YAAA,EAAA,OAAA,CAAA,CAAA;AAEA,IAAA,MAAA,WAAA,GAAA,oBAAA,CAAA,KAAA,CAAA,WAAA,EAAA,MAAA;AACA,MAAA,OAAA,EAAA,CAAA;AACA,MAAA,WAAA,GAAA,IAAA,CAAA;AACA,MAAA,QAAA,CAAA,iBAAA,SAAA,EAAA,SAAA,EAAA,EAAA,IAAA,EAAA,MAAA,CAAA,CAAA;AAAA,KACA,CAAA,CAAA;AAEA,IAAA,MAAA,OAAA,GAAA,oBAAA,CAAA,KAAA,CAAA,OAAA,EAAA,MAAA;AACA,MAAA,IAAA,CAAA,WAAA;AAAA,QAAA,MAAA,EAAA,CAAA;AAAA,KACA,CAAA,CAAA;AAEA,IAAA,MAAA,MAAA,GAAA,oBAAA,CAAA,KAAA,CAAA,MAAA,EAAA,OAAA,CAAA,CAAA;AAEA,IAAA,MAAA,OAAA,GAAA,oBAAA,CAAA,KAAA,CAAA,OAAA,EAAA,CAAA,CAAA,KAAA;AACA,MAAA,IAAA,EAAA,MAAA,KAAA,CAAA;AAAA,QAAA,OAAA,EAAA,CAAA;AAAA,KACA,CAAA,CAAA;AAEA,IAAA,MAAA,MAAA,GAAA;AAAA,MACA,IAAA,EAAA,MAAA;AAAA,MACA,KAAA,EAAA,OAAA;AAAA,MACA,KAAA,EAAA,OAAA;AAAA,MACA,SAAA,EAAA,WAAA;AAAA,MACA,UAAA,EAAA,YAAA;AAAA,MACA,UAAA,EAAA,YAAA;AAAA,KACA,CAAA;AAEA,IAAA,MAAA,SAAA,GAAA,CACA,EACA,EAAA,OAAA,EACA,IACA,KAAA;AACA,MAAA,IAAA,EAAA,EAAA;AACA,QAAA,MAAA,CAAA,QAAA,OAAA,CAAA,CAAA,QAAA,CAAA,CAAA,MAAA,OAAA,CAAA,KAAA;AACA,UAAA,EAAA,CAAA,IAAA,CAAA,CAAA,MAAA,OAAA,CAAA,CAAA;AAAA,SACA,CAAA,CAAA;AAAA,OACA;AAAA,KACA,CAAA;AAEA,IAAA,KAAA,CAAA,UAAA,EAAA,CAAA,SAAA,EAAA,iBAAA,KAAA;AACA,MAAA,SAAA,CAAA,SAAA,EAAA,QAAA,kBAAA,CAAA,CAAA;AACA,MAAA,SAAA,CAAA,iBAAA,EAAA,QAAA,qBAAA,CAAA,CAAA;AAEA,MAAA,IAAA,SAAA,EAAA;AACA,QAAA,SAAA,CAAA,YAAA,CAAA,kBAAA,EAAA,SAAA,CAAA,KAAA,CAAA,CAAA;AAAA,OACA;AAAA,KACA,CAAA,CAAA;AAEA,IAAA,eAAA,CAAA,MAAA;AACA,MAAA,SAAA,CAAA,UAAA,CAAA,KAAA,EAAA,MAAA,EAAA,qBAAA,CAAA,CAAA;AACA,MAAA,QAAA,CAAA,mBAAA,CAAA,WAAA,SAAA,CAAA,CAAA;AAAA,KACA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"trigger.mjs","sources":["../../../../../../packages/components/tooltip-v2/src/trigger.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-ps/utils'\n\nimport type { ExtractPropTypes } from 'vue'\n\nconst EventHandler = {\n type: definePropType<(e: Event) => boolean | void>(Function),\n} as const\n\nexport const tooltipV2TriggerProps = buildProps({\n onBlur: EventHandler,\n onClick: EventHandler,\n onFocus: EventHandler,\n onMouseDown: EventHandler,\n onMouseEnter: EventHandler,\n onMouseLeave: EventHandler,\n} as const)\n\nexport type TooltipV2TriggerProps = ExtractPropTypes<\n typeof tooltipV2TriggerProps\n>\n"],"names":[],"mappings":";;;AACA,MAAM,YAAY,GAAG;AACrB,EAAE,IAAI,EAAE,cAAc,CAAC,QAAQ,CAAC;AAChC,CAAC,CAAC;AACU,MAAC,qBAAqB,GAAG,UAAU,CAAC;AAChD,EAAE,MAAM,EAAE,YAAY;AACtB,EAAE,OAAO,EAAE,YAAY;AACvB,EAAE,OAAO,EAAE,YAAY;AACvB,EAAE,WAAW,EAAE,YAAY;AAC3B,EAAE,YAAY,EAAE,YAAY;AAC5B,EAAE,YAAY,EAAE,YAAY;AAC5B,CAAC;;;;"}
@@ -1,17 +1,95 @@
1
+ import { defineComponent, inject, watch, onBeforeUnmount, openBlock, createBlock, unref, withCtx, renderSlot, createElementBlock, mergeProps } from 'vue';
1
2
  import '../../../utils/index.mjs';
2
- import { definePropType, buildProps } from '../../../utils/vue/props.mjs';
3
+ import '../../../tokens/index.mjs';
4
+ import ForwardRef from './forward-ref.mjs';
5
+ import { tooltipV2TriggerProps } from './trigger.mjs';
6
+ import { tooltipV2CommonProps } from './common.mjs';
7
+ import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
8
+ import { tooltipV2RootKey } from '../../../tokens/tooltip-v2.mjs';
9
+ import { composeEventHandlers } from '../../../utils/dom/event.mjs';
3
10
 
4
- const EventHandler = {
5
- type: definePropType(Function)
11
+ const __default__ = {
12
+ name: "PsTooltipV2Trigger"
6
13
  };
7
- const tooltipV2TriggerProps = buildProps({
8
- onBlur: EventHandler,
9
- onClick: EventHandler,
10
- onFocus: EventHandler,
11
- onMouseDown: EventHandler,
12
- onMouseEnter: EventHandler,
13
- onMouseLeave: EventHandler
14
+ const _sfc_main = /* @__PURE__ */ defineComponent({
15
+ ...__default__,
16
+ props: {
17
+ ...tooltipV2CommonProps,
18
+ ...tooltipV2TriggerProps
19
+ },
20
+ setup(__props) {
21
+ const props = __props;
22
+ const { onClose, onOpen, onDelayOpen, triggerRef, contentId } = inject(tooltipV2RootKey);
23
+ let isMousedown = false;
24
+ const setTriggerRef = (el) => {
25
+ triggerRef.value = el;
26
+ };
27
+ const onMouseup = () => {
28
+ isMousedown = false;
29
+ };
30
+ const onMouseenter = composeEventHandlers(props.onMouseEnter, onDelayOpen);
31
+ const onMouseleave = composeEventHandlers(props.onMouseLeave, onClose);
32
+ const onMousedown = composeEventHandlers(props.onMouseDown, () => {
33
+ onClose();
34
+ isMousedown = true;
35
+ document.addEventListener("mouseup", onMouseup, { once: true });
36
+ });
37
+ const onFocus = composeEventHandlers(props.onFocus, () => {
38
+ if (!isMousedown)
39
+ onOpen();
40
+ });
41
+ const onBlur = composeEventHandlers(props.onBlur, onClose);
42
+ const onClick = composeEventHandlers(props.onClick, (e) => {
43
+ if (e.detail === 0)
44
+ onClose();
45
+ });
46
+ const events = {
47
+ blur: onBlur,
48
+ click: onClick,
49
+ focus: onFocus,
50
+ mousedown: onMousedown,
51
+ mouseenter: onMouseenter,
52
+ mouseleave: onMouseleave
53
+ };
54
+ const setEvents = (el, events2, type) => {
55
+ if (el) {
56
+ Object.entries(events2).forEach(([name, handler]) => {
57
+ el[type](name, handler);
58
+ });
59
+ }
60
+ };
61
+ watch(triggerRef, (triggerEl, previousTriggerEl) => {
62
+ setEvents(triggerEl, events, "addEventListener");
63
+ setEvents(previousTriggerEl, events, "removeEventListener");
64
+ if (triggerEl) {
65
+ triggerEl.setAttribute("aria-describedby", contentId.value);
66
+ }
67
+ });
68
+ onBeforeUnmount(() => {
69
+ setEvents(triggerRef.value, events, "removeEventListener");
70
+ document.removeEventListener("mouseup", onMouseup);
71
+ });
72
+ return (_ctx, _cache) => {
73
+ return _ctx.nowrap ? (openBlock(), createBlock(unref(ForwardRef), {
74
+ key: 0,
75
+ "set-ref": setTriggerRef,
76
+ "only-child": ""
77
+ }, {
78
+ default: withCtx(() => [
79
+ renderSlot(_ctx.$slots, "default")
80
+ ]),
81
+ _: 3
82
+ })) : (openBlock(), createElementBlock("button", mergeProps({
83
+ key: 1,
84
+ ref_key: "triggerRef",
85
+ ref: triggerRef
86
+ }, _ctx.$attrs), [
87
+ renderSlot(_ctx.$slots, "default")
88
+ ], 16));
89
+ };
90
+ }
14
91
  });
92
+ var TooltipV2Trigger = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/Users/meng/workspace/element-ps/packages/components/tooltip-v2/src/trigger.vue"]]);
15
93
 
16
- export { tooltipV2TriggerProps };
94
+ export { TooltipV2Trigger as default };
17
95
  //# sourceMappingURL=trigger2.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"trigger2.mjs","sources":["../../../../../../packages/components/tooltip-v2/src/trigger.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-ps/utils'\n\nimport type { ExtractPropTypes } from 'vue'\n\nconst EventHandler = {\n type: definePropType<(e: Event) => boolean | void>(Function),\n} as const\n\nexport const tooltipV2TriggerProps = buildProps({\n onBlur: EventHandler,\n onClick: EventHandler,\n onFocus: EventHandler,\n onMouseDown: EventHandler,\n onMouseEnter: EventHandler,\n onMouseLeave: EventHandler,\n} as const)\n\nexport type TooltipV2TriggerProps = ExtractPropTypes<\n typeof tooltipV2TriggerProps\n>\n"],"names":[],"mappings":";;;AACA,MAAM,YAAY,GAAG;AACrB,EAAE,IAAI,EAAE,cAAc,CAAC,QAAQ,CAAC;AAChC,CAAC,CAAC;AACU,MAAC,qBAAqB,GAAG,UAAU,CAAC;AAChD,EAAE,MAAM,EAAE,YAAY;AACtB,EAAE,OAAO,EAAE,YAAY;AACvB,EAAE,OAAO,EAAE,YAAY;AACvB,EAAE,WAAW,EAAE,YAAY;AAC3B,EAAE,YAAY,EAAE,YAAY;AAC5B,EAAE,YAAY,EAAE,YAAY;AAC5B,CAAC;;;;"}
1
+ {"version":3,"file":"trigger2.mjs","sources":["../../../../../../packages/components/tooltip-v2/src/trigger.vue"],"sourcesContent":["<template>\n <forward-ref v-if=\"nowrap\" :set-ref=\"setTriggerRef\" only-child>\n <slot />\n </forward-ref>\n <button v-else ref=\"triggerRef\" v-bind=\"$attrs\">\n <slot />\n </button>\n</template>\n\n<script setup lang=\"ts\">\nimport { inject, onBeforeUnmount, watch } from 'vue'\nimport { composeEventHandlers } from '@element-ps/utils'\nimport { tooltipV2RootKey } from '@element-ps/tokens'\nimport ForwardRef from './forward-ref'\nimport { tooltipV2TriggerProps } from './trigger'\nimport { tooltipV2CommonProps } from './common'\n\ndefineOptions({\n name: 'PsTooltipV2Trigger',\n})\n\nconst props = defineProps({\n ...tooltipV2CommonProps,\n ...tooltipV2TriggerProps,\n})\n\n/**\n * onOpen opens the tooltip instantly, onTrigger acts a lil bit differently,\n * it will check if delayDuration is set to greater than 0 and based on that result,\n * if true, it opens the tooltip after delayDuration, otherwise it opens it instantly.\n */\nconst { onClose, onOpen, onDelayOpen, triggerRef, contentId } =\n inject(tooltipV2RootKey)!\n\nlet isMousedown = false\n\nconst setTriggerRef = (el: HTMLElement | null) => {\n triggerRef.value = el\n}\n\nconst onMouseup = () => {\n isMousedown = false\n}\n\nconst onMouseenter = composeEventHandlers(props.onMouseEnter, onDelayOpen)\n\nconst onMouseleave = composeEventHandlers(props.onMouseLeave, onClose)\n\nconst onMousedown = composeEventHandlers(props.onMouseDown, () => {\n onClose()\n isMousedown = true\n document.addEventListener('mouseup', onMouseup, { once: true })\n})\n\nconst onFocus = composeEventHandlers(props.onFocus, () => {\n if (!isMousedown) onOpen()\n})\n\nconst onBlur = composeEventHandlers(props.onBlur, onClose)\n\nconst onClick = composeEventHandlers(props.onClick, (e) => {\n if ((e as MouseEvent).detail === 0) onClose()\n})\n\nconst events = {\n blur: onBlur,\n click: onClick,\n focus: onFocus,\n mousedown: onMousedown,\n mouseenter: onMouseenter,\n mouseleave: onMouseleave,\n}\n\nconst setEvents = <T extends (e: Event) => void>(\n el: HTMLElement | null | undefined,\n events: Record<string, T>,\n type: 'addEventListener' | 'removeEventListener'\n) => {\n if (el) {\n Object.entries(events).forEach(([name, handler]) => {\n el[type](name, handler)\n })\n }\n}\n\nwatch(triggerRef, (triggerEl, previousTriggerEl) => {\n setEvents(triggerEl, events, 'addEventListener')\n setEvents(previousTriggerEl, events, 'removeEventListener')\n\n if (triggerEl) {\n triggerEl.setAttribute('aria-describedby', contentId.value)\n }\n})\n\nonBeforeUnmount(() => {\n setEvents(triggerRef.value, events, 'removeEventListener')\n document.removeEventListener('mouseup', onMouseup)\n})\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AA+BA,IAAA,MAAA,EAAA,OAAA,EAAA,MAAA,EAAA,aAAA,UAAA,EAAA,SAAA,EAAA,GACA,OAAA,gBAAA,CAAA,CAAA;AAEA,IAAA,IAAA,WAAA,GAAA,KAAA,CAAA;AAEA,IAAA,MAAA,aAAA,GAAA,CAAA,EAAA,KAAA;AACA,MAAA,UAAA,CAAA,KAAA,GAAA,EAAA,CAAA;AAAA,KACA,CAAA;AAEA,IAAA,MAAA,YAAA,MAAA;AACA,MAAA,WAAA,GAAA,KAAA,CAAA;AAAA,KACA,CAAA;AAEA,IAAA,MAAA,YAAA,GAAA,oBAAA,CAAA,KAAA,CAAA,YAAA,EAAA,WAAA,CAAA,CAAA;AAEA,IAAA,MAAA,YAAA,GAAA,oBAAA,CAAA,KAAA,CAAA,YAAA,EAAA,OAAA,CAAA,CAAA;AAEA,IAAA,MAAA,WAAA,GAAA,oBAAA,CAAA,KAAA,CAAA,WAAA,EAAA,MAAA;AACA,MAAA,OAAA,EAAA,CAAA;AACA,MAAA,WAAA,GAAA,IAAA,CAAA;AACA,MAAA,QAAA,CAAA,iBAAA,SAAA,EAAA,SAAA,EAAA,EAAA,IAAA,EAAA,MAAA,CAAA,CAAA;AAAA,KACA,CAAA,CAAA;AAEA,IAAA,MAAA,OAAA,GAAA,oBAAA,CAAA,KAAA,CAAA,OAAA,EAAA,MAAA;AACA,MAAA,IAAA,CAAA,WAAA;AAAA,QAAA,MAAA,EAAA,CAAA;AAAA,KACA,CAAA,CAAA;AAEA,IAAA,MAAA,MAAA,GAAA,oBAAA,CAAA,KAAA,CAAA,MAAA,EAAA,OAAA,CAAA,CAAA;AAEA,IAAA,MAAA,OAAA,GAAA,oBAAA,CAAA,KAAA,CAAA,OAAA,EAAA,CAAA,CAAA,KAAA;AACA,MAAA,IAAA,EAAA,MAAA,KAAA,CAAA;AAAA,QAAA,OAAA,EAAA,CAAA;AAAA,KACA,CAAA,CAAA;AAEA,IAAA,MAAA,MAAA,GAAA;AAAA,MACA,IAAA,EAAA,MAAA;AAAA,MACA,KAAA,EAAA,OAAA;AAAA,MACA,KAAA,EAAA,OAAA;AAAA,MACA,SAAA,EAAA,WAAA;AAAA,MACA,UAAA,EAAA,YAAA;AAAA,MACA,UAAA,EAAA,YAAA;AAAA,KACA,CAAA;AAEA,IAAA,MAAA,SAAA,GAAA,CACA,EACA,EAAA,OAAA,EACA,IACA,KAAA;AACA,MAAA,IAAA,EAAA,EAAA;AACA,QAAA,MAAA,CAAA,QAAA,OAAA,CAAA,CAAA,QAAA,CAAA,CAAA,MAAA,OAAA,CAAA,KAAA;AACA,UAAA,EAAA,CAAA,IAAA,CAAA,CAAA,MAAA,OAAA,CAAA,CAAA;AAAA,SACA,CAAA,CAAA;AAAA,OACA;AAAA,KACA,CAAA;AAEA,IAAA,KAAA,CAAA,UAAA,EAAA,CAAA,SAAA,EAAA,iBAAA,KAAA;AACA,MAAA,SAAA,CAAA,SAAA,EAAA,QAAA,kBAAA,CAAA,CAAA;AACA,MAAA,SAAA,CAAA,iBAAA,EAAA,QAAA,qBAAA,CAAA,CAAA;AAEA,MAAA,IAAA,SAAA,EAAA;AACA,QAAA,SAAA,CAAA,YAAA,CAAA,kBAAA,EAAA,SAAA,CAAA,KAAA,CAAA,CAAA;AAAA,OACA;AAAA,KACA,CAAA,CAAA;AAEA,IAAA,eAAA,CAAA,MAAA;AACA,MAAA,SAAA,CAAA,UAAA,CAAA,KAAA,EAAA,MAAA,EAAA,qBAAA,CAAA,CAAA;AACA,MAAA,QAAA,CAAA,mBAAA,CAAA,WAAA,SAAA,CAAA,CAAA;AAAA,KACA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -2,8 +2,8 @@ import '../../utils/index.mjs';
2
2
  import Upload from './src/upload2.mjs';
3
3
  export { genFileId, uploadBaseProps, uploadListTypes, uploadProps } from './src/upload.mjs';
4
4
  export { uploadContentProps } from './src/upload-content.mjs';
5
- export { uploadListEmits, uploadListProps } from './src/upload-list.mjs';
6
- export { uploadDraggerEmits, uploadDraggerProps } from './src/upload-dragger2.mjs';
5
+ export { uploadListEmits, uploadListProps } from './src/upload-list2.mjs';
6
+ export { uploadDraggerEmits, uploadDraggerProps } from './src/upload-dragger.mjs';
7
7
  import { withInstall } from '../../utils/vue/install.mjs';
8
8
 
9
9
  const PsUpload = withInstall(Upload);
@@ -1,6 +1,6 @@
1
1
  import { defineComponent, shallowRef, openBlock, createElementBlock, normalizeClass, unref, createBlock, withCtx, renderSlot, createElementVNode } from 'vue';
2
2
  import '../../../hooks/index.mjs';
3
- import UploadDragger from './upload-dragger.mjs';
3
+ import UploadDragger from './upload-dragger2.mjs';
4
4
  import { uploadContentProps } from './upload-content.mjs';
5
5
  import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
6
6
  import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
@@ -1,37 +1,16 @@
1
- import { defineComponent, inject, ref, openBlock, createElementBlock, normalizeClass, unref, renderSlot } from 'vue';
2
- import '../../../hooks/index.mjs';
3
- import '../../../tokens/index.mjs';
4
- import { throwError } from '../../../utils/error.mjs';
5
- import { uploadDraggerProps } from './upload-dragger2.mjs';
6
- import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
7
- import { uploadContextKey } from '../../../tokens/upload.mjs';
8
- import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
1
+ import '../../../utils/index.mjs';
2
+ import { buildProps } from '../../../utils/vue/props.mjs';
3
+ import { isArray } from '@vue/shared';
9
4
 
10
- const __default__ = {
11
- name: "PsUploadDrag"
12
- };
13
- const _sfc_main = /* @__PURE__ */ defineComponent({
14
- ...__default__,
15
- props: uploadDraggerProps,
16
- setup(__props) {
17
- const props = __props;
18
- const COMPONENT_NAME = "PsUploadDrag";
19
- const uploaderContext = inject(uploadContextKey);
20
- if (!uploaderContext) {
21
- throwError(COMPONENT_NAME, "usage: <ps-upload><ps-upload-dragger /></ps-upload>");
22
- }
23
- const ns = useNamespace("upload");
24
- const dragover = ref(false);
25
- return (_ctx, _cache) => {
26
- return openBlock(), createElementBlock("div", {
27
- class: normalizeClass([unref(ns).b("dragger"), unref(ns).is("dragover", dragover.value)])
28
- }, [
29
- renderSlot(_ctx.$slots, "default")
30
- ], 2);
31
- };
5
+ const uploadDraggerProps = buildProps({
6
+ disabled: {
7
+ type: Boolean,
8
+ default: false
32
9
  }
33
10
  });
34
- var UploadDragger = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/Users/meng/workspace/element-ps/packages/components/upload/src/upload-dragger.vue"]]);
11
+ const uploadDraggerEmits = {
12
+ file: (file) => isArray(file)
13
+ };
35
14
 
36
- export { UploadDragger as default };
15
+ export { uploadDraggerEmits, uploadDraggerProps };
37
16
  //# sourceMappingURL=upload-dragger.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"upload-dragger.mjs","sources":["../../../../../../packages/components/upload/src/upload-dragger.vue"],"sourcesContent":["<template>\n <div\n :class=\"[ns.b('dragger'), ns.is('dragover', dragover)]\"\n >\n <slot />\n </div>\n</template>\n<script lang=\"ts\" setup>\nimport { inject, ref } from 'vue'\nimport { useNamespace } from '@element-ps/hooks'\n\nimport { uploadContextKey } from '@element-ps/tokens'\nimport { throwError } from '@element-ps/utils/error'\nimport { uploadDraggerProps } from './upload-dragger'\n\nconst COMPONENT_NAME = 'PsUploadDrag'\n\ndefineOptions({\n name: 'PsUploadDrag',\n})\n\nconst props = defineProps(uploadDraggerProps)\n\nconst uploaderContext = inject(uploadContextKey)\nif (!uploaderContext) {\n throwError(\n COMPONENT_NAME,\n 'usage: <ps-upload><ps-upload-dragger /></ps-upload>'\n )\n}\n\nconst ns = useNamespace('upload')\nconst dragover = ref(false)\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAeA,IAAA,MAAA,cAAA,GAAA,cAAA,CAAA;AAQA,IAAA,MAAA,eAAA,GAAA,OAAA,gBAAA,CAAA,CAAA;AACA,IAAA,IAAA,CAAA,eAAA,EAAA;AACA,MAAA,UAAA,CACA,gBACA,qDACA,CAAA,CAAA;AAAA,KACA;AAEA,IAAA,MAAA,EAAA,GAAA,aAAA,QAAA,CAAA,CAAA;AACA,IAAA,MAAA,QAAA,GAAA,IAAA,KAAA,CAAA,CAAA;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"upload-dragger.mjs","sources":["../../../../../../packages/components/upload/src/upload-dragger.ts"],"sourcesContent":["import { buildProps, isArray } from '@element-ps/utils'\n\nimport type { ExtractPropTypes } from 'vue'\nimport type UploadDragger from './upload-dragger.vue'\n\nexport const uploadDraggerProps = buildProps({\n disabled: {\n type: Boolean,\n default: false,\n },\n} as const)\nexport type UploadDraggerProps = ExtractPropTypes<typeof uploadDraggerProps>\n\nexport const uploadDraggerEmits = {\n file: (file: File[]) => isArray(file),\n}\nexport type UploadDraggerEmits = typeof uploadDraggerEmits\n\nexport type UploadDraggerInstance = InstanceType<typeof UploadDragger>\n"],"names":[],"mappings":";;;;AACY,MAAC,kBAAkB,GAAG,UAAU,CAAC;AAC7C,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,CAAC,EAAE;AACS,MAAC,kBAAkB,GAAG;AAClC,EAAE,IAAI,EAAE,CAAC,IAAI,KAAK,OAAO,CAAC,IAAI,CAAC;AAC/B;;;;"}