beyond-webui 1.1.31 → 1.1.33

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 (500) hide show
  1. package/attributes.json +8 -8
  2. package/dist/index.css +1 -1
  3. package/dist/index.full.js +246 -184
  4. package/dist/index.full.min.js +12 -12
  5. package/dist/index.full.min.js.map +1 -1
  6. package/dist/index.full.min.mjs +13 -13
  7. package/dist/index.full.min.mjs.map +1 -1
  8. package/dist/index.full.mjs +246 -184
  9. package/es/components/badge/index.mjs +2 -2
  10. package/es/components/badge/src/badge.mjs +17 -55
  11. package/es/components/badge/src/badge.mjs.map +1 -1
  12. package/es/components/badge/src/badge2.mjs +55 -17
  13. package/es/components/badge/src/badge2.mjs.map +1 -1
  14. package/es/components/breadcrumb/index.mjs +4 -4
  15. package/es/components/breadcrumb/src/breadcrumb-item.mjs +56 -11
  16. package/es/components/breadcrumb/src/breadcrumb-item.mjs.map +1 -1
  17. package/es/components/breadcrumb/src/breadcrumb-item2.mjs +11 -56
  18. package/es/components/breadcrumb/src/breadcrumb-item2.mjs.map +1 -1
  19. package/es/components/breadcrumb/src/breadcrumb.mjs +36 -11
  20. package/es/components/breadcrumb/src/breadcrumb.mjs.map +1 -1
  21. package/es/components/breadcrumb/src/breadcrumb2.mjs +11 -36
  22. package/es/components/breadcrumb/src/breadcrumb2.mjs.map +1 -1
  23. package/es/components/button/index.mjs +3 -3
  24. package/es/components/button/src/button-group.mjs +30 -6
  25. package/es/components/button/src/button-group.mjs.map +1 -1
  26. package/es/components/button/src/button-group2.mjs +6 -30
  27. package/es/components/button/src/button-group2.mjs.map +1 -1
  28. package/es/components/button/src/button.mjs +76 -57
  29. package/es/components/button/src/button.mjs.map +1 -1
  30. package/es/components/button/src/button2.mjs +57 -76
  31. package/es/components/button/src/button2.mjs.map +1 -1
  32. package/es/components/calendar/index.mjs +2 -2
  33. package/es/components/calendar/src/calendar.mjs +131 -18
  34. package/es/components/calendar/src/calendar.mjs.map +1 -1
  35. package/es/components/calendar/src/calendar2.mjs +18 -131
  36. package/es/components/calendar/src/calendar2.mjs.map +1 -1
  37. package/es/components/card/index.mjs +2 -2
  38. package/es/components/card/src/card.mjs +16 -35
  39. package/es/components/card/src/card.mjs.map +1 -1
  40. package/es/components/card/src/card2.mjs +35 -16
  41. package/es/components/card/src/card2.mjs.map +1 -1
  42. package/es/components/carousel/index.mjs +2 -2
  43. package/es/components/carousel/src/carousel-item.mjs +63 -8
  44. package/es/components/carousel/src/carousel-item.mjs.map +1 -1
  45. package/es/components/carousel/src/carousel-item2.mjs +8 -63
  46. package/es/components/carousel/src/carousel-item2.mjs.map +1 -1
  47. package/es/components/cascader/index.mjs +2 -2
  48. package/es/components/cascader/src/cascader.mjs +61 -619
  49. package/es/components/cascader/src/cascader.mjs.map +1 -1
  50. package/es/components/cascader/src/cascader2.mjs +619 -61
  51. package/es/components/cascader/src/cascader2.mjs.map +1 -1
  52. package/es/components/check-tag/index.mjs +2 -2
  53. package/es/components/check-tag/src/check-tag.mjs +12 -30
  54. package/es/components/check-tag/src/check-tag.mjs.map +1 -1
  55. package/es/components/check-tag/src/check-tag2.mjs +30 -12
  56. package/es/components/check-tag/src/check-tag2.mjs.map +1 -1
  57. package/es/components/col/index.mjs +2 -2
  58. package/es/components/col/src/col.mjs +43 -66
  59. package/es/components/col/src/col.mjs.map +1 -1
  60. package/es/components/col/src/col2.mjs +66 -43
  61. package/es/components/col/src/col2.mjs.map +1 -1
  62. package/es/components/countdown/index.mjs +2 -2
  63. package/es/components/countdown/src/countdown.mjs +23 -74
  64. package/es/components/countdown/src/countdown.mjs.map +1 -1
  65. package/es/components/countdown/src/countdown2.mjs +74 -23
  66. package/es/components/countdown/src/countdown2.mjs.map +1 -1
  67. package/es/components/descriptions/src/description2.mjs +1 -1
  68. package/es/components/descriptions/src/descriptions-row.mjs +64 -7
  69. package/es/components/descriptions/src/descriptions-row.mjs.map +1 -1
  70. package/es/components/descriptions/src/descriptions-row2.mjs +7 -64
  71. package/es/components/descriptions/src/descriptions-row2.mjs.map +1 -1
  72. package/es/components/dialog/src/dialog-content.mjs +95 -37
  73. package/es/components/dialog/src/dialog-content.mjs.map +1 -1
  74. package/es/components/dialog/src/dialog-content2.mjs +37 -95
  75. package/es/components/dialog/src/dialog-content2.mjs.map +1 -1
  76. package/es/components/dialog/src/dialog.mjs +1 -1
  77. package/es/components/dialog/src/dialog2.mjs +1 -1
  78. package/es/components/divider/index.mjs +2 -2
  79. package/es/components/divider/src/divider.mjs +35 -17
  80. package/es/components/divider/src/divider.mjs.map +1 -1
  81. package/es/components/divider/src/divider2.mjs +17 -35
  82. package/es/components/divider/src/divider2.mjs.map +1 -1
  83. package/es/components/dropdown/index.mjs +2 -2
  84. package/es/components/dropdown/src/dropdown-item-impl.mjs +1 -1
  85. package/es/components/dropdown/src/dropdown-item.mjs +1 -1
  86. package/es/components/dropdown/src/dropdown-menu.mjs +1 -1
  87. package/es/components/dropdown/src/dropdown.mjs +307 -97
  88. package/es/components/dropdown/src/dropdown.mjs.map +1 -1
  89. package/es/components/dropdown/src/dropdown2.mjs +97 -307
  90. package/es/components/dropdown/src/dropdown2.mjs.map +1 -1
  91. package/es/components/empty/index.mjs +2 -2
  92. package/es/components/empty/src/empty.mjs +55 -11
  93. package/es/components/empty/src/empty.mjs.map +1 -1
  94. package/es/components/empty/src/empty2.mjs +11 -55
  95. package/es/components/empty/src/empty2.mjs.map +1 -1
  96. package/es/components/form/index.mjs +4 -4
  97. package/es/components/form/src/form-item.mjs +43 -317
  98. package/es/components/form/src/form-item.mjs.map +1 -1
  99. package/es/components/form/src/form-item2.mjs +317 -43
  100. package/es/components/form/src/form-item2.mjs.map +1 -1
  101. package/es/components/form/src/form.mjs +55 -152
  102. package/es/components/form/src/form.mjs.map +1 -1
  103. package/es/components/form/src/form2.mjs +152 -55
  104. package/es/components/form/src/form2.mjs.map +1 -1
  105. package/es/components/image/index.mjs +2 -2
  106. package/es/components/image/src/image.mjs +220 -62
  107. package/es/components/image/src/image.mjs.map +1 -1
  108. package/es/components/image/src/image2.mjs +62 -220
  109. package/es/components/image/src/image2.mjs.map +1 -1
  110. package/es/components/index.mjs +35 -35
  111. package/es/components/input-number/index.mjs +2 -2
  112. package/es/components/input-number/src/input-number.mjs +58 -311
  113. package/es/components/input-number/src/input-number.mjs.map +1 -1
  114. package/es/components/input-number/src/input-number2.mjs +311 -58
  115. package/es/components/input-number/src/input-number2.mjs.map +1 -1
  116. package/es/components/page-header/index.mjs +2 -2
  117. package/es/components/page-header/src/page-header.mjs +103 -17
  118. package/es/components/page-header/src/page-header.mjs.map +1 -1
  119. package/es/components/page-header/src/page-header2.mjs +17 -103
  120. package/es/components/page-header/src/page-header2.mjs.map +1 -1
  121. package/es/components/pagination/src/components/sizes.mjs +68 -22
  122. package/es/components/pagination/src/components/sizes.mjs.map +1 -1
  123. package/es/components/pagination/src/components/sizes.vue.d.ts +34 -4
  124. package/es/components/pagination/src/components/sizes2.mjs +22 -68
  125. package/es/components/pagination/src/components/sizes2.mjs.map +1 -1
  126. package/es/components/pagination/src/components/total.mjs +28 -7
  127. package/es/components/pagination/src/components/total.mjs.map +1 -1
  128. package/es/components/pagination/src/components/total2.mjs +7 -28
  129. package/es/components/pagination/src/components/total2.mjs.map +1 -1
  130. package/es/components/pagination/src/pagination.mjs +2 -2
  131. package/es/components/popconfirm/src/popconfirm2.mjs +1 -1
  132. package/es/components/popover/src/popover.mjs +2 -2
  133. package/es/components/popper/index.mjs +2 -2
  134. package/es/components/popper/src/trigger.mjs +119 -31
  135. package/es/components/popper/src/trigger.mjs.map +1 -1
  136. package/es/components/popper/src/trigger2.mjs +31 -119
  137. package/es/components/popper/src/trigger2.mjs.map +1 -1
  138. package/es/components/radio/index.mjs +2 -2
  139. package/es/components/radio/src/radio-group.mjs +68 -36
  140. package/es/components/radio/src/radio-group.mjs.map +1 -1
  141. package/es/components/radio/src/radio-group2.mjs +36 -68
  142. package/es/components/radio/src/radio-group2.mjs.map +1 -1
  143. package/es/components/row/index.mjs +2 -2
  144. package/es/components/row/src/row.mjs +45 -30
  145. package/es/components/row/src/row.mjs.map +1 -1
  146. package/es/components/row/src/row2.mjs +30 -45
  147. package/es/components/row/src/row2.mjs.map +1 -1
  148. package/es/components/scrollbar/index.mjs +1 -1
  149. package/es/components/scrollbar/src/bar.mjs +17 -42
  150. package/es/components/scrollbar/src/bar.mjs.map +1 -1
  151. package/es/components/scrollbar/src/bar2.mjs +42 -17
  152. package/es/components/scrollbar/src/bar2.mjs.map +1 -1
  153. package/es/components/scrollbar/src/scrollbar2.mjs +1 -1
  154. package/es/components/scrollbar/src/thumb.mjs +130 -11
  155. package/es/components/scrollbar/src/thumb.mjs.map +1 -1
  156. package/es/components/scrollbar/src/thumb2.mjs +11 -130
  157. package/es/components/scrollbar/src/thumb2.mjs.map +1 -1
  158. package/es/components/select/index.d.ts +34 -4
  159. package/es/components/select/src/option.mjs +53 -3
  160. package/es/components/select/src/option.mjs.map +1 -1
  161. package/es/components/select/src/option.vue.d.ts +14 -2
  162. package/es/components/select/src/options.mjs +2 -0
  163. package/es/components/select/src/options.mjs.map +1 -1
  164. package/es/components/select/src/select.mjs +16 -5
  165. package/es/components/select/src/select.mjs.map +1 -1
  166. package/es/components/select/src/select.vue.d.ts +6 -0
  167. package/es/components/skeleton/index.mjs +4 -4
  168. package/es/components/skeleton/src/skeleton-item.mjs +23 -18
  169. package/es/components/skeleton/src/skeleton-item.mjs.map +1 -1
  170. package/es/components/skeleton/src/skeleton-item2.mjs +18 -23
  171. package/es/components/skeleton/src/skeleton-item2.mjs.map +1 -1
  172. package/es/components/skeleton/src/skeleton.mjs +49 -22
  173. package/es/components/skeleton/src/skeleton.mjs.map +1 -1
  174. package/es/components/skeleton/src/skeleton2.mjs +22 -49
  175. package/es/components/skeleton/src/skeleton2.mjs.map +1 -1
  176. package/es/components/tabs/index.mjs +3 -3
  177. package/es/components/tabs/src/tab-bar.mjs +7 -75
  178. package/es/components/tabs/src/tab-bar.mjs.map +1 -1
  179. package/es/components/tabs/src/tab-bar2.mjs +75 -7
  180. package/es/components/tabs/src/tab-bar2.mjs.map +1 -1
  181. package/es/components/tabs/src/tab-nav.mjs +1 -1
  182. package/es/components/tabs/src/tab-pane.mjs +72 -13
  183. package/es/components/tabs/src/tab-pane.mjs.map +1 -1
  184. package/es/components/tabs/src/tab-pane2.mjs +13 -72
  185. package/es/components/tabs/src/tab-pane2.mjs.map +1 -1
  186. package/es/components/teleport/index.mjs +2 -2
  187. package/es/components/teleport/src/teleport.mjs +44 -18
  188. package/es/components/teleport/src/teleport.mjs.map +1 -1
  189. package/es/components/teleport/src/teleport2.mjs +18 -44
  190. package/es/components/teleport/src/teleport2.mjs.map +1 -1
  191. package/es/components/time-select/index.d.ts +108 -12
  192. package/es/components/time-select/index.mjs +1 -1
  193. package/es/components/time-select/src/time-select.mjs +118 -48
  194. package/es/components/time-select/src/time-select.mjs.map +1 -1
  195. package/es/components/time-select/src/time-select.vue.d.ts +54 -6
  196. package/es/components/time-select/src/time-select2.mjs +48 -118
  197. package/es/components/time-select/src/time-select2.mjs.map +1 -1
  198. package/es/components/timeline/index.mjs +2 -2
  199. package/es/components/timeline/src/timeline-item.mjs +70 -42
  200. package/es/components/timeline/src/timeline-item.mjs.map +1 -1
  201. package/es/components/timeline/src/timeline-item2.mjs +42 -70
  202. package/es/components/timeline/src/timeline-item2.mjs.map +1 -1
  203. package/es/components/tooltip/index.mjs +3 -3
  204. package/es/components/tooltip/src/tooltip.mjs +169 -31
  205. package/es/components/tooltip/src/tooltip.mjs.map +1 -1
  206. package/es/components/tooltip/src/tooltip2.mjs +31 -169
  207. package/es/components/tooltip/src/tooltip2.mjs.map +1 -1
  208. package/es/components/tooltip/src/trigger.mjs +16 -73
  209. package/es/components/tooltip/src/trigger.mjs.map +1 -1
  210. package/es/components/tooltip/src/trigger2.mjs +73 -16
  211. package/es/components/tooltip/src/trigger2.mjs.map +1 -1
  212. package/es/components/tooltip-v2/index.mjs +2 -2
  213. package/es/components/tooltip-v2/src/content.mjs +112 -50
  214. package/es/components/tooltip-v2/src/content.mjs.map +1 -1
  215. package/es/components/tooltip-v2/src/content2.mjs +50 -112
  216. package/es/components/tooltip-v2/src/content2.mjs.map +1 -1
  217. package/es/components/tooltip-v2/src/root.mjs +80 -17
  218. package/es/components/tooltip-v2/src/root.mjs.map +1 -1
  219. package/es/components/tooltip-v2/src/root2.mjs +17 -80
  220. package/es/components/tooltip-v2/src/root2.mjs.map +1 -1
  221. package/es/components/tooltip-v2/src/tooltip.mjs +2 -2
  222. package/es/components/tooltip-v2/src/tooltip2.mjs +4 -4
  223. package/es/components/transfer/index.mjs +2 -2
  224. package/es/components/transfer/src/composables/use-checked-change.mjs +1 -1
  225. package/es/components/transfer/src/transfer-panel.mjs +1 -1
  226. package/es/components/transfer/src/transfer.mjs +69 -160
  227. package/es/components/transfer/src/transfer.mjs.map +1 -1
  228. package/es/components/transfer/src/transfer2.mjs +160 -69
  229. package/es/components/transfer/src/transfer2.mjs.map +1 -1
  230. package/es/components/tree-select/src/tree-select-option.d.ts +74 -14
  231. package/es/components/upload/index.mjs +3 -3
  232. package/es/components/upload/src/upload-content.mjs +33 -173
  233. package/es/components/upload/src/upload-content.mjs.map +1 -1
  234. package/es/components/upload/src/upload-content2.mjs +173 -33
  235. package/es/components/upload/src/upload-content2.mjs.map +1 -1
  236. package/es/components/upload/src/upload-dragger.mjs +11 -72
  237. package/es/components/upload/src/upload-dragger.mjs.map +1 -1
  238. package/es/components/upload/src/upload-dragger2.mjs +72 -11
  239. package/es/components/upload/src/upload-dragger2.mjs.map +1 -1
  240. package/es/components/upload/src/upload-list.mjs +173 -26
  241. package/es/components/upload/src/upload-list.mjs.map +1 -1
  242. package/es/components/upload/src/upload-list2.mjs +26 -173
  243. package/es/components/upload/src/upload-list2.mjs.map +1 -1
  244. package/es/components/upload/src/upload2.mjs +2 -2
  245. package/es/components/visual-hidden/index.mjs +3 -3
  246. package/es/components/visual-hidden/src/visual-hidden.mjs +35 -7
  247. package/es/components/visual-hidden/src/visual-hidden.mjs.map +1 -1
  248. package/es/components/visual-hidden/src/visual-hidden2.mjs +7 -35
  249. package/es/components/visual-hidden/src/visual-hidden2.mjs.map +1 -1
  250. package/es/index.mjs +35 -35
  251. package/lib/components/badge/index.js +2 -2
  252. package/lib/components/badge/src/badge.js +17 -55
  253. package/lib/components/badge/src/badge.js.map +1 -1
  254. package/lib/components/badge/src/badge2.js +55 -17
  255. package/lib/components/badge/src/badge2.js.map +1 -1
  256. package/lib/components/breadcrumb/index.js +4 -4
  257. package/lib/components/breadcrumb/src/breadcrumb-item.js +56 -11
  258. package/lib/components/breadcrumb/src/breadcrumb-item.js.map +1 -1
  259. package/lib/components/breadcrumb/src/breadcrumb-item2.js +11 -56
  260. package/lib/components/breadcrumb/src/breadcrumb-item2.js.map +1 -1
  261. package/lib/components/breadcrumb/src/breadcrumb.js +36 -11
  262. package/lib/components/breadcrumb/src/breadcrumb.js.map +1 -1
  263. package/lib/components/breadcrumb/src/breadcrumb2.js +11 -36
  264. package/lib/components/breadcrumb/src/breadcrumb2.js.map +1 -1
  265. package/lib/components/button/index.js +3 -3
  266. package/lib/components/button/src/button-group.js +30 -6
  267. package/lib/components/button/src/button-group.js.map +1 -1
  268. package/lib/components/button/src/button-group2.js +6 -30
  269. package/lib/components/button/src/button-group2.js.map +1 -1
  270. package/lib/components/button/src/button.js +76 -60
  271. package/lib/components/button/src/button.js.map +1 -1
  272. package/lib/components/button/src/button2.js +60 -76
  273. package/lib/components/button/src/button2.js.map +1 -1
  274. package/lib/components/calendar/index.js +2 -2
  275. package/lib/components/calendar/src/calendar.js +131 -19
  276. package/lib/components/calendar/src/calendar.js.map +1 -1
  277. package/lib/components/calendar/src/calendar2.js +19 -131
  278. package/lib/components/calendar/src/calendar2.js.map +1 -1
  279. package/lib/components/card/index.js +2 -2
  280. package/lib/components/card/src/card.js +16 -35
  281. package/lib/components/card/src/card.js.map +1 -1
  282. package/lib/components/card/src/card2.js +35 -16
  283. package/lib/components/card/src/card2.js.map +1 -1
  284. package/lib/components/carousel/index.js +2 -2
  285. package/lib/components/carousel/src/carousel-item.js +63 -8
  286. package/lib/components/carousel/src/carousel-item.js.map +1 -1
  287. package/lib/components/carousel/src/carousel-item2.js +8 -63
  288. package/lib/components/carousel/src/carousel-item2.js.map +1 -1
  289. package/lib/components/cascader/index.js +2 -2
  290. package/lib/components/cascader/src/cascader.js +62 -619
  291. package/lib/components/cascader/src/cascader.js.map +1 -1
  292. package/lib/components/cascader/src/cascader2.js +619 -62
  293. package/lib/components/cascader/src/cascader2.js.map +1 -1
  294. package/lib/components/check-tag/index.js +2 -2
  295. package/lib/components/check-tag/src/check-tag.js +13 -30
  296. package/lib/components/check-tag/src/check-tag.js.map +1 -1
  297. package/lib/components/check-tag/src/check-tag2.js +30 -13
  298. package/lib/components/check-tag/src/check-tag2.js.map +1 -1
  299. package/lib/components/col/index.js +2 -2
  300. package/lib/components/col/src/col.js +43 -66
  301. package/lib/components/col/src/col.js.map +1 -1
  302. package/lib/components/col/src/col2.js +66 -43
  303. package/lib/components/col/src/col2.js.map +1 -1
  304. package/lib/components/countdown/index.js +2 -2
  305. package/lib/components/countdown/src/countdown.js +24 -74
  306. package/lib/components/countdown/src/countdown.js.map +1 -1
  307. package/lib/components/countdown/src/countdown2.js +74 -24
  308. package/lib/components/countdown/src/countdown2.js.map +1 -1
  309. package/lib/components/descriptions/src/description2.js +1 -1
  310. package/lib/components/descriptions/src/descriptions-row.js +64 -7
  311. package/lib/components/descriptions/src/descriptions-row.js.map +1 -1
  312. package/lib/components/descriptions/src/descriptions-row2.js +7 -64
  313. package/lib/components/descriptions/src/descriptions-row2.js.map +1 -1
  314. package/lib/components/dialog/src/dialog-content.js +94 -37
  315. package/lib/components/dialog/src/dialog-content.js.map +1 -1
  316. package/lib/components/dialog/src/dialog-content2.js +37 -94
  317. package/lib/components/dialog/src/dialog-content2.js.map +1 -1
  318. package/lib/components/dialog/src/dialog.js +1 -1
  319. package/lib/components/dialog/src/dialog2.js +1 -1
  320. package/lib/components/divider/index.js +2 -2
  321. package/lib/components/divider/src/divider.js +35 -17
  322. package/lib/components/divider/src/divider.js.map +1 -1
  323. package/lib/components/divider/src/divider2.js +17 -35
  324. package/lib/components/divider/src/divider2.js.map +1 -1
  325. package/lib/components/dropdown/index.js +2 -2
  326. package/lib/components/dropdown/src/dropdown-item-impl.js +1 -1
  327. package/lib/components/dropdown/src/dropdown-item.js +1 -1
  328. package/lib/components/dropdown/src/dropdown-menu.js +1 -1
  329. package/lib/components/dropdown/src/dropdown.js +307 -106
  330. package/lib/components/dropdown/src/dropdown.js.map +1 -1
  331. package/lib/components/dropdown/src/dropdown2.js +106 -307
  332. package/lib/components/dropdown/src/dropdown2.js.map +1 -1
  333. package/lib/components/empty/index.js +2 -2
  334. package/lib/components/empty/src/empty.js +55 -11
  335. package/lib/components/empty/src/empty.js.map +1 -1
  336. package/lib/components/empty/src/empty2.js +11 -55
  337. package/lib/components/empty/src/empty2.js.map +1 -1
  338. package/lib/components/form/index.js +4 -4
  339. package/lib/components/form/src/form-item.js +44 -321
  340. package/lib/components/form/src/form-item.js.map +1 -1
  341. package/lib/components/form/src/form-item2.js +321 -44
  342. package/lib/components/form/src/form-item2.js.map +1 -1
  343. package/lib/components/form/src/form.js +55 -151
  344. package/lib/components/form/src/form.js.map +1 -1
  345. package/lib/components/form/src/form2.js +151 -55
  346. package/lib/components/form/src/form2.js.map +1 -1
  347. package/lib/components/image/index.js +2 -2
  348. package/lib/components/image/src/image.js +219 -62
  349. package/lib/components/image/src/image.js.map +1 -1
  350. package/lib/components/image/src/image2.js +62 -219
  351. package/lib/components/image/src/image2.js.map +1 -1
  352. package/lib/components/index.js +35 -35
  353. package/lib/components/input-number/index.js +2 -2
  354. package/lib/components/input-number/src/input-number.js +57 -309
  355. package/lib/components/input-number/src/input-number.js.map +1 -1
  356. package/lib/components/input-number/src/input-number2.js +309 -57
  357. package/lib/components/input-number/src/input-number2.js.map +1 -1
  358. package/lib/components/page-header/index.js +2 -2
  359. package/lib/components/page-header/src/page-header.js +103 -18
  360. package/lib/components/page-header/src/page-header.js.map +1 -1
  361. package/lib/components/page-header/src/page-header2.js +18 -103
  362. package/lib/components/page-header/src/page-header2.js.map +1 -1
  363. package/lib/components/pagination/src/components/sizes.js +68 -22
  364. package/lib/components/pagination/src/components/sizes.js.map +1 -1
  365. package/lib/components/pagination/src/components/sizes.vue.d.ts +34 -4
  366. package/lib/components/pagination/src/components/sizes2.js +22 -68
  367. package/lib/components/pagination/src/components/sizes2.js.map +1 -1
  368. package/lib/components/pagination/src/components/total.js +28 -7
  369. package/lib/components/pagination/src/components/total.js.map +1 -1
  370. package/lib/components/pagination/src/components/total2.js +7 -28
  371. package/lib/components/pagination/src/components/total2.js.map +1 -1
  372. package/lib/components/pagination/src/pagination.js +2 -2
  373. package/lib/components/popconfirm/src/popconfirm2.js +1 -1
  374. package/lib/components/popover/src/popover.js +2 -2
  375. package/lib/components/popper/index.js +2 -2
  376. package/lib/components/popper/src/trigger.js +119 -32
  377. package/lib/components/popper/src/trigger.js.map +1 -1
  378. package/lib/components/popper/src/trigger2.js +32 -119
  379. package/lib/components/popper/src/trigger2.js.map +1 -1
  380. package/lib/components/radio/index.js +2 -2
  381. package/lib/components/radio/src/radio-group.js +68 -37
  382. package/lib/components/radio/src/radio-group.js.map +1 -1
  383. package/lib/components/radio/src/radio-group2.js +37 -68
  384. package/lib/components/radio/src/radio-group2.js.map +1 -1
  385. package/lib/components/row/index.js +2 -2
  386. package/lib/components/row/src/row.js +45 -32
  387. package/lib/components/row/src/row.js.map +1 -1
  388. package/lib/components/row/src/row2.js +32 -45
  389. package/lib/components/row/src/row2.js.map +1 -1
  390. package/lib/components/scrollbar/index.js +1 -1
  391. package/lib/components/scrollbar/src/bar.js +17 -42
  392. package/lib/components/scrollbar/src/bar.js.map +1 -1
  393. package/lib/components/scrollbar/src/bar2.js +42 -17
  394. package/lib/components/scrollbar/src/bar2.js.map +1 -1
  395. package/lib/components/scrollbar/src/scrollbar2.js +1 -1
  396. package/lib/components/scrollbar/src/thumb.js +130 -11
  397. package/lib/components/scrollbar/src/thumb.js.map +1 -1
  398. package/lib/components/scrollbar/src/thumb2.js +11 -130
  399. package/lib/components/scrollbar/src/thumb2.js.map +1 -1
  400. package/lib/components/select/index.d.ts +34 -4
  401. package/lib/components/select/src/option.js +54 -4
  402. package/lib/components/select/src/option.js.map +1 -1
  403. package/lib/components/select/src/option.vue.d.ts +14 -2
  404. package/lib/components/select/src/options.js +2 -0
  405. package/lib/components/select/src/options.js.map +1 -1
  406. package/lib/components/select/src/select.js +16 -5
  407. package/lib/components/select/src/select.js.map +1 -1
  408. package/lib/components/select/src/select.vue.d.ts +6 -0
  409. package/lib/components/skeleton/index.js +4 -4
  410. package/lib/components/skeleton/src/skeleton-item.js +23 -18
  411. package/lib/components/skeleton/src/skeleton-item.js.map +1 -1
  412. package/lib/components/skeleton/src/skeleton-item2.js +18 -23
  413. package/lib/components/skeleton/src/skeleton-item2.js.map +1 -1
  414. package/lib/components/skeleton/src/skeleton.js +49 -22
  415. package/lib/components/skeleton/src/skeleton.js.map +1 -1
  416. package/lib/components/skeleton/src/skeleton2.js +22 -49
  417. package/lib/components/skeleton/src/skeleton2.js.map +1 -1
  418. package/lib/components/tabs/index.js +3 -3
  419. package/lib/components/tabs/src/tab-bar.js +7 -75
  420. package/lib/components/tabs/src/tab-bar.js.map +1 -1
  421. package/lib/components/tabs/src/tab-bar2.js +75 -7
  422. package/lib/components/tabs/src/tab-bar2.js.map +1 -1
  423. package/lib/components/tabs/src/tab-nav.js +1 -1
  424. package/lib/components/tabs/src/tab-pane.js +72 -13
  425. package/lib/components/tabs/src/tab-pane.js.map +1 -1
  426. package/lib/components/tabs/src/tab-pane2.js +13 -72
  427. package/lib/components/tabs/src/tab-pane2.js.map +1 -1
  428. package/lib/components/teleport/index.js +2 -2
  429. package/lib/components/teleport/src/teleport.js +44 -18
  430. package/lib/components/teleport/src/teleport.js.map +1 -1
  431. package/lib/components/teleport/src/teleport2.js +18 -44
  432. package/lib/components/teleport/src/teleport2.js.map +1 -1
  433. package/lib/components/time-select/index.d.ts +108 -12
  434. package/lib/components/time-select/index.js +1 -1
  435. package/lib/components/time-select/src/time-select.js +123 -48
  436. package/lib/components/time-select/src/time-select.js.map +1 -1
  437. package/lib/components/time-select/src/time-select.vue.d.ts +54 -6
  438. package/lib/components/time-select/src/time-select2.js +48 -123
  439. package/lib/components/time-select/src/time-select2.js.map +1 -1
  440. package/lib/components/timeline/index.js +2 -2
  441. package/lib/components/timeline/src/timeline-item.js +70 -42
  442. package/lib/components/timeline/src/timeline-item.js.map +1 -1
  443. package/lib/components/timeline/src/timeline-item2.js +42 -70
  444. package/lib/components/timeline/src/timeline-item2.js.map +1 -1
  445. package/lib/components/tooltip/index.js +3 -3
  446. package/lib/components/tooltip/src/tooltip.js +168 -34
  447. package/lib/components/tooltip/src/tooltip.js.map +1 -1
  448. package/lib/components/tooltip/src/tooltip2.js +34 -168
  449. package/lib/components/tooltip/src/tooltip2.js.map +1 -1
  450. package/lib/components/tooltip/src/trigger.js +16 -73
  451. package/lib/components/tooltip/src/trigger.js.map +1 -1
  452. package/lib/components/tooltip/src/trigger2.js +73 -16
  453. package/lib/components/tooltip/src/trigger2.js.map +1 -1
  454. package/lib/components/tooltip-v2/index.js +2 -2
  455. package/lib/components/tooltip-v2/src/content.js +112 -50
  456. package/lib/components/tooltip-v2/src/content.js.map +1 -1
  457. package/lib/components/tooltip-v2/src/content2.js +50 -112
  458. package/lib/components/tooltip-v2/src/content2.js.map +1 -1
  459. package/lib/components/tooltip-v2/src/root.js +80 -17
  460. package/lib/components/tooltip-v2/src/root.js.map +1 -1
  461. package/lib/components/tooltip-v2/src/root2.js +17 -80
  462. package/lib/components/tooltip-v2/src/root2.js.map +1 -1
  463. package/lib/components/tooltip-v2/src/tooltip.js +2 -2
  464. package/lib/components/tooltip-v2/src/tooltip2.js +4 -4
  465. package/lib/components/transfer/index.js +2 -2
  466. package/lib/components/transfer/src/composables/use-checked-change.js +1 -1
  467. package/lib/components/transfer/src/transfer-panel.js +1 -1
  468. package/lib/components/transfer/src/transfer.js +73 -160
  469. package/lib/components/transfer/src/transfer.js.map +1 -1
  470. package/lib/components/transfer/src/transfer2.js +160 -73
  471. package/lib/components/transfer/src/transfer2.js.map +1 -1
  472. package/lib/components/tree-select/src/tree-select-option.d.ts +74 -14
  473. package/lib/components/upload/index.js +3 -3
  474. package/lib/components/upload/src/upload-content.js +32 -172
  475. package/lib/components/upload/src/upload-content.js.map +1 -1
  476. package/lib/components/upload/src/upload-content2.js +172 -32
  477. package/lib/components/upload/src/upload-content2.js.map +1 -1
  478. package/lib/components/upload/src/upload-dragger.js +12 -72
  479. package/lib/components/upload/src/upload-dragger.js.map +1 -1
  480. package/lib/components/upload/src/upload-dragger2.js +72 -12
  481. package/lib/components/upload/src/upload-dragger2.js.map +1 -1
  482. package/lib/components/upload/src/upload-list.js +173 -27
  483. package/lib/components/upload/src/upload-list.js.map +1 -1
  484. package/lib/components/upload/src/upload-list2.js +27 -173
  485. package/lib/components/upload/src/upload-list2.js.map +1 -1
  486. package/lib/components/upload/src/upload2.js +2 -2
  487. package/lib/components/visual-hidden/index.js +2 -2
  488. package/lib/components/visual-hidden/src/visual-hidden.js +35 -7
  489. package/lib/components/visual-hidden/src/visual-hidden.js.map +1 -1
  490. package/lib/components/visual-hidden/src/visual-hidden2.js +7 -35
  491. package/lib/components/visual-hidden/src/visual-hidden2.js.map +1 -1
  492. package/lib/index.js +35 -35
  493. package/package.json +1 -1
  494. package/tags.json +2 -2
  495. package/theme-chalk/el-option.css +1 -1
  496. package/theme-chalk/el-select.css +1 -1
  497. package/theme-chalk/index.css +1 -1
  498. package/theme-chalk/src/option.scss +17 -1
  499. package/theme-chalk/src/select.scss +13 -3
  500. package/web-types.json +15 -16
@@ -1,75 +1,47 @@
1
- import { defineComponent, openBlock, createElementBlock, normalizeClass, unref, createElementVNode, normalizeStyle, createBlock, withCtx, resolveDynamicComponent, createCommentVNode, renderSlot, toDisplayString } from 'vue';
2
- import { ElIcon } from '../../icon/index.mjs';
3
- import '../../../hooks/index.mjs';
4
- import { timelineItemProps } from './timeline-item.mjs';
5
- import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
6
- import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
1
+ import '../../../utils/index.mjs';
2
+ import { buildProps } from '../../../utils/vue/props/runtime.mjs';
3
+ import { iconPropType } from '../../../utils/vue/icon.mjs';
7
4
 
8
- const __default__ = defineComponent({
9
- name: "ElTimelineItem"
10
- });
11
- const _sfc_main = /* @__PURE__ */ defineComponent({
12
- ...__default__,
13
- props: timelineItemProps,
14
- setup(__props) {
15
- const ns = useNamespace("timeline-item");
16
- return (_ctx, _cache) => {
17
- return openBlock(), createElementBlock("li", {
18
- class: normalizeClass([unref(ns).b(), { [unref(ns).e("center")]: _ctx.center }])
19
- }, [
20
- createElementVNode("div", {
21
- class: normalizeClass(unref(ns).e("tail"))
22
- }, null, 2),
23
- !_ctx.$slots.dot ? (openBlock(), createElementBlock("div", {
24
- key: 0,
25
- class: normalizeClass([
26
- unref(ns).e("node"),
27
- unref(ns).em("node", _ctx.size || ""),
28
- unref(ns).em("node", _ctx.type || ""),
29
- unref(ns).is("hollow", _ctx.hollow)
30
- ]),
31
- style: normalizeStyle({
32
- backgroundColor: _ctx.color
33
- })
34
- }, [
35
- _ctx.icon ? (openBlock(), createBlock(unref(ElIcon), {
36
- key: 0,
37
- class: normalizeClass(unref(ns).e("icon"))
38
- }, {
39
- default: withCtx(() => [
40
- (openBlock(), createBlock(resolveDynamicComponent(_ctx.icon)))
41
- ]),
42
- _: 1
43
- }, 8, ["class"])) : createCommentVNode("v-if", true)
44
- ], 6)) : createCommentVNode("v-if", true),
45
- _ctx.$slots.dot ? (openBlock(), createElementBlock("div", {
46
- key: 1,
47
- class: normalizeClass(unref(ns).e("dot"))
48
- }, [
49
- renderSlot(_ctx.$slots, "dot")
50
- ], 2)) : createCommentVNode("v-if", true),
51
- createElementVNode("div", {
52
- class: normalizeClass(unref(ns).e("wrapper"))
53
- }, [
54
- !_ctx.hideTimestamp && _ctx.placement === "top" ? (openBlock(), createElementBlock("div", {
55
- key: 0,
56
- class: normalizeClass([unref(ns).e("timestamp"), unref(ns).is("top")])
57
- }, toDisplayString(_ctx.timestamp), 3)) : createCommentVNode("v-if", true),
58
- createElementVNode("div", {
59
- class: normalizeClass(unref(ns).e("content"))
60
- }, [
61
- renderSlot(_ctx.$slots, "default")
62
- ], 2),
63
- !_ctx.hideTimestamp && _ctx.placement === "bottom" ? (openBlock(), createElementBlock("div", {
64
- key: 1,
65
- class: normalizeClass([unref(ns).e("timestamp"), unref(ns).is("bottom")])
66
- }, toDisplayString(_ctx.timestamp), 3)) : createCommentVNode("v-if", true)
67
- ], 2)
68
- ], 2);
69
- };
5
+ const timelineItemProps = buildProps({
6
+ timestamp: {
7
+ type: String,
8
+ default: ""
9
+ },
10
+ hideTimestamp: {
11
+ type: Boolean,
12
+ default: false
13
+ },
14
+ center: {
15
+ type: Boolean,
16
+ default: false
17
+ },
18
+ placement: {
19
+ type: String,
20
+ values: ["top", "bottom"],
21
+ default: "bottom"
22
+ },
23
+ type: {
24
+ type: String,
25
+ values: ["primary", "success", "warning", "danger", "info"],
26
+ default: ""
27
+ },
28
+ color: {
29
+ type: String,
30
+ default: ""
31
+ },
32
+ size: {
33
+ type: String,
34
+ values: ["normal", "large"],
35
+ default: "normal"
36
+ },
37
+ icon: {
38
+ type: iconPropType
39
+ },
40
+ hollow: {
41
+ type: Boolean,
42
+ default: false
70
43
  }
71
44
  });
72
- var TimelineItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "D:\\beyondtrucks\\beyond-ui\\packages\\components\\timeline\\src\\timeline-item.vue"]]);
73
45
 
74
- export { TimelineItem as default };
46
+ export { timelineItemProps };
75
47
  //# sourceMappingURL=timeline-item2.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"timeline-item2.mjs","sources":["../../../../../../packages/components/timeline/src/timeline-item.vue"],"sourcesContent":["<template>\n <li :class=\"[ns.b(), { [ns.e('center')]: center }]\">\n <div :class=\"ns.e('tail')\" />\n <div\n v-if=\"!$slots.dot\"\n :class=\"[\n ns.e('node'),\n ns.em('node', size || ''),\n ns.em('node', type || ''),\n ns.is('hollow', hollow),\n ]\"\n :style=\"{\n backgroundColor: color,\n }\"\n >\n <el-icon v-if=\"icon\" :class=\"ns.e('icon')\">\n <component :is=\"icon\" />\n </el-icon>\n </div>\n <div v-if=\"$slots.dot\" :class=\"ns.e('dot')\">\n <slot name=\"dot\" />\n </div>\n\n <div :class=\"ns.e('wrapper')\">\n <div\n v-if=\"!hideTimestamp && placement === 'top'\"\n :class=\"[ns.e('timestamp'), ns.is('top')]\"\n >\n {{ timestamp }}\n </div>\n\n <div :class=\"ns.e('content')\">\n <slot />\n </div>\n\n <div\n v-if=\"!hideTimestamp && placement === 'bottom'\"\n :class=\"[ns.e('timestamp'), ns.is('bottom')]\"\n >\n {{ timestamp }}\n </div>\n </div>\n </li>\n</template>\n\n<script lang=\"ts\" setup>\nimport { ElIcon } from '@element-plus/components/icon'\nimport { useNamespace } from '@element-plus/hooks'\nimport { timelineItemProps } from './timeline-item'\n\ndefineOptions({\n name: 'ElTimelineItem',\n})\n\ndefineProps(timelineItemProps)\n\nconst ns = useNamespace('timeline-item')\n</script>\n"],"names":[],"mappings":";;;;;;;mCAkDc,CAAA;AAAA,EACZ,IAAM,EAAA,gBAAA;AACR,CAAA,CAAA,CAAA;;;;;AAIA,IAAM,MAAA,EAAA,GAAK,aAAa,eAAe,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"timeline-item2.mjs","sources":["../../../../../../packages/components/timeline/src/timeline-item.ts"],"sourcesContent":["import { buildProps, iconPropType } from '@element-plus/utils'\nimport type { ExtractPropTypes } from 'vue'\nimport type TimelineItem from './timeline-item.vue'\n\nexport const timelineItemProps = buildProps({\n timestamp: {\n type: String,\n default: '',\n },\n hideTimestamp: {\n type: Boolean,\n default: false,\n },\n center: {\n type: Boolean,\n default: false,\n },\n placement: {\n type: String,\n values: ['top', 'bottom'],\n default: 'bottom',\n },\n type: {\n type: String,\n values: ['primary', 'success', 'warning', 'danger', 'info'],\n default: '',\n },\n color: {\n type: String,\n default: '',\n },\n size: {\n type: String,\n values: ['normal', 'large'],\n default: 'normal',\n },\n icon: {\n type: iconPropType,\n },\n hollow: {\n type: Boolean,\n default: false,\n },\n} as const)\nexport type TimelineItemProps = ExtractPropTypes<typeof timelineItemProps>\n\nexport type TimelineItemInstance = InstanceType<typeof TimelineItem>\n"],"names":[],"mappings":";;;;AACY,MAAC,iBAAiB,GAAG,UAAU,CAAC;AAC5C,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,aAAa,EAAE;AACjB,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,CAAC,KAAK,EAAE,QAAQ,CAAC;AAC7B,IAAI,OAAO,EAAE,QAAQ;AACrB,GAAG;AACH,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,CAAC;AAC/D,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,CAAC,QAAQ,EAAE,OAAO,CAAC;AAC/B,IAAI,OAAO,EAAE,QAAQ;AACrB,GAAG;AACH,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,YAAY;AACtB,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,CAAC;;;;"}
@@ -1,7 +1,7 @@
1
1
  import '../../utils/index.mjs';
2
- import Tooltip from './src/tooltip2.mjs';
3
- export { tooltipEmits, useTooltipModelToggle, useTooltipModelToggleEmits, useTooltipModelToggleProps, useTooltipProps } from './src/tooltip.mjs';
4
- export { useTooltipTriggerProps } from './src/trigger2.mjs';
2
+ import Tooltip from './src/tooltip.mjs';
3
+ export { tooltipEmits, useTooltipModelToggle, useTooltipModelToggleEmits, useTooltipModelToggleProps, useTooltipProps } from './src/tooltip2.mjs';
4
+ export { useTooltipTriggerProps } from './src/trigger.mjs';
5
5
  export { useTooltipContentProps } from './src/content.mjs';
6
6
  export { TOOLTIP_INJECTION_KEY } from './src/constants.mjs';
7
7
  import { withInstall } from '../../utils/vue/install.mjs';
@@ -1,38 +1,176 @@
1
+ import { defineComponent, ref, unref, toRef, computed, provide, readonly, watch, onDeactivated, openBlock, createBlock, withCtx, createVNode, renderSlot, createCommentVNode, createElementBlock, toDisplayString } from 'vue';
2
+ import { ElPopper } from '../../popper/index.mjs';
1
3
  import '../../../utils/index.mjs';
2
4
  import '../../../hooks/index.mjs';
3
- import '../../popper/index.mjs';
4
- import { useTooltipContentProps } from './content.mjs';
5
- import { useTooltipTriggerProps } from './trigger2.mjs';
6
- import { createModelToggleComposable } from '../../../hooks/use-model-toggle/index.mjs';
7
- import { buildProps } from '../../../utils/vue/props/runtime.mjs';
8
- import { popperProps } from '../../popper/src/popper.mjs';
9
- import { popperArrowProps } from '../../popper/src/arrow.mjs';
5
+ import { TOOLTIP_INJECTION_KEY } from './constants.mjs';
6
+ import { useTooltipProps, tooltipEmits, useTooltipModelToggle } from './tooltip2.mjs';
7
+ import ElTooltipTrigger from './trigger2.mjs';
8
+ import ElTooltipContent from './content2.mjs';
9
+ import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
10
+ import { usePopperContainer } from '../../../hooks/use-popper-container/index.mjs';
11
+ import { useId } from '../../../hooks/use-id/index.mjs';
12
+ import { useDelayedToggle } from '../../../hooks/use-delayed-toggle/index.mjs';
13
+ import { isBoolean } from '../../../utils/types.mjs';
14
+ import ElPopperArrow from '../../popper/src/arrow2.mjs';
10
15
 
11
- const {
12
- useModelToggleProps: useTooltipModelToggleProps,
13
- useModelToggleEmits: useTooltipModelToggleEmits,
14
- useModelToggle: useTooltipModelToggle
15
- } = createModelToggleComposable("visible");
16
- const useTooltipProps = buildProps({
17
- ...popperProps,
18
- ...useTooltipModelToggleProps,
19
- ...useTooltipContentProps,
20
- ...useTooltipTriggerProps,
21
- ...popperArrowProps,
22
- showArrow: {
23
- type: Boolean,
24
- default: false
16
+ const _hoisted_1 = ["innerHTML"];
17
+ const _hoisted_2 = { key: 1 };
18
+ const __default__ = defineComponent({
19
+ name: "ElTooltip"
20
+ });
21
+ const _sfc_main = /* @__PURE__ */ defineComponent({
22
+ ...__default__,
23
+ props: useTooltipProps,
24
+ emits: tooltipEmits,
25
+ setup(__props, { expose, emit }) {
26
+ const props = __props;
27
+ usePopperContainer();
28
+ const id = useId();
29
+ const popperRef = ref();
30
+ const contentRef = ref();
31
+ const updatePopper = () => {
32
+ var _a;
33
+ const popperComponent = unref(popperRef);
34
+ if (popperComponent) {
35
+ (_a = popperComponent.popperInstanceRef) == null ? void 0 : _a.update();
36
+ }
37
+ };
38
+ const open = ref(false);
39
+ const toggleReason = ref();
40
+ const { show, hide, hasUpdateHandler } = useTooltipModelToggle({
41
+ indicator: open,
42
+ toggleReason
43
+ });
44
+ const { onOpen, onClose } = useDelayedToggle({
45
+ showAfter: toRef(props, "showAfter"),
46
+ hideAfter: toRef(props, "hideAfter"),
47
+ autoClose: toRef(props, "autoClose"),
48
+ open: show,
49
+ close: hide
50
+ });
51
+ const controlled = computed(() => isBoolean(props.visible) && !hasUpdateHandler.value);
52
+ provide(TOOLTIP_INJECTION_KEY, {
53
+ controlled,
54
+ id,
55
+ open: readonly(open),
56
+ trigger: toRef(props, "trigger"),
57
+ onOpen: (event) => {
58
+ onOpen(event);
59
+ },
60
+ onClose: (event) => {
61
+ onClose(event);
62
+ },
63
+ onToggle: (event) => {
64
+ if (unref(open)) {
65
+ onClose(event);
66
+ } else {
67
+ onOpen(event);
68
+ }
69
+ },
70
+ onShow: () => {
71
+ emit("show", toggleReason.value);
72
+ },
73
+ onHide: () => {
74
+ emit("hide", toggleReason.value);
75
+ },
76
+ onBeforeShow: () => {
77
+ emit("before-show", toggleReason.value);
78
+ },
79
+ onBeforeHide: () => {
80
+ emit("before-hide", toggleReason.value);
81
+ },
82
+ updatePopper
83
+ });
84
+ watch(() => props.disabled, (disabled) => {
85
+ if (disabled && open.value) {
86
+ open.value = false;
87
+ }
88
+ });
89
+ const isFocusInsideContent = () => {
90
+ var _a, _b;
91
+ const popperContent = (_b = (_a = contentRef.value) == null ? void 0 : _a.contentRef) == null ? void 0 : _b.popperContentRef;
92
+ return popperContent && popperContent.contains(document.activeElement);
93
+ };
94
+ onDeactivated(() => open.value && hide());
95
+ expose({
96
+ popperRef,
97
+ contentRef,
98
+ isFocusInsideContent,
99
+ updatePopper,
100
+ onOpen,
101
+ onClose,
102
+ hide
103
+ });
104
+ return (_ctx, _cache) => {
105
+ return openBlock(), createBlock(unref(ElPopper), {
106
+ ref_key: "popperRef",
107
+ ref: popperRef,
108
+ role: _ctx.role
109
+ }, {
110
+ default: withCtx(() => [
111
+ createVNode(ElTooltipTrigger, {
112
+ disabled: _ctx.disabled,
113
+ trigger: _ctx.trigger,
114
+ "trigger-keys": _ctx.triggerKeys,
115
+ "virtual-ref": _ctx.virtualRef,
116
+ "virtual-triggering": _ctx.virtualTriggering
117
+ }, {
118
+ default: withCtx(() => [
119
+ _ctx.$slots.default ? renderSlot(_ctx.$slots, "default", { key: 0 }) : createCommentVNode("v-if", true)
120
+ ]),
121
+ _: 3
122
+ }, 8, ["disabled", "trigger", "trigger-keys", "virtual-ref", "virtual-triggering"]),
123
+ createVNode(ElTooltipContent, {
124
+ ref_key: "contentRef",
125
+ ref: contentRef,
126
+ "aria-label": _ctx.ariaLabel,
127
+ "boundaries-padding": _ctx.boundariesPadding,
128
+ content: _ctx.content,
129
+ disabled: _ctx.disabled,
130
+ effect: _ctx.effect,
131
+ enterable: _ctx.enterable,
132
+ "fallback-placements": _ctx.fallbackPlacements,
133
+ "hide-after": _ctx.hideAfter,
134
+ "gpu-acceleration": _ctx.gpuAcceleration,
135
+ offset: _ctx.offset,
136
+ persistent: _ctx.persistent,
137
+ "popper-class": _ctx.popperClass,
138
+ "popper-style": _ctx.popperStyle,
139
+ placement: _ctx.placement,
140
+ "popper-options": _ctx.popperOptions,
141
+ pure: _ctx.pure,
142
+ "raw-content": _ctx.rawContent,
143
+ "reference-el": _ctx.referenceEl,
144
+ "trigger-target-el": _ctx.triggerTargetEl,
145
+ "show-after": _ctx.showAfter,
146
+ strategy: _ctx.strategy,
147
+ teleported: _ctx.teleported,
148
+ transition: _ctx.transition,
149
+ "virtual-triggering": _ctx.virtualTriggering,
150
+ "z-index": _ctx.zIndex,
151
+ "append-to": _ctx.appendTo
152
+ }, {
153
+ default: withCtx(() => [
154
+ renderSlot(_ctx.$slots, "content", {}, () => [
155
+ _ctx.rawContent ? (openBlock(), createElementBlock("span", {
156
+ key: 0,
157
+ innerHTML: _ctx.content
158
+ }, null, 8, _hoisted_1)) : (openBlock(), createElementBlock("span", _hoisted_2, toDisplayString(_ctx.content), 1))
159
+ ]),
160
+ _ctx.showArrow ? (openBlock(), createBlock(unref(ElPopperArrow), {
161
+ key: 0,
162
+ "arrow-offset": _ctx.arrowOffset
163
+ }, null, 8, ["arrow-offset"])) : createCommentVNode("v-if", true)
164
+ ]),
165
+ _: 3
166
+ }, 8, ["aria-label", "boundaries-padding", "content", "disabled", "effect", "enterable", "fallback-placements", "hide-after", "gpu-acceleration", "offset", "persistent", "popper-class", "popper-style", "placement", "popper-options", "pure", "raw-content", "reference-el", "trigger-target-el", "show-after", "strategy", "teleported", "transition", "virtual-triggering", "z-index", "append-to"])
167
+ ]),
168
+ _: 3
169
+ }, 8, ["role"]);
170
+ };
25
171
  }
26
172
  });
27
- const tooltipEmits = [
28
- ...useTooltipModelToggleEmits,
29
- "before-show",
30
- "before-hide",
31
- "show",
32
- "hide",
33
- "open",
34
- "close"
35
- ];
173
+ var Tooltip = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "D:\\beyondtrucks\\beyond-ui\\packages\\components\\tooltip\\src\\tooltip.vue"]]);
36
174
 
37
- export { tooltipEmits, useTooltipModelToggle, useTooltipModelToggleEmits, useTooltipModelToggleProps, useTooltipProps };
175
+ export { Tooltip as default };
38
176
  //# sourceMappingURL=tooltip.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"tooltip.mjs","sources":["../../../../../../packages/components/tooltip/src/tooltip.ts"],"sourcesContent":["import { buildProps } from '@element-plus/utils'\nimport { createModelToggleComposable } from '@element-plus/hooks'\nimport { popperArrowProps, popperProps } from '@element-plus/components/popper'\nimport { useTooltipContentProps } from './content'\nimport { useTooltipTriggerProps } from './trigger'\nimport type Tooltip from './tooltip.vue'\n\nimport type { ExtractPropTypes } from 'vue'\n\nexport const {\n useModelToggleProps: useTooltipModelToggleProps,\n useModelToggleEmits: useTooltipModelToggleEmits,\n useModelToggle: useTooltipModelToggle,\n} = createModelToggleComposable('visible' as const)\n\nexport const useTooltipProps = buildProps({\n ...popperProps,\n ...useTooltipModelToggleProps,\n ...useTooltipContentProps,\n ...useTooltipTriggerProps,\n ...popperArrowProps,\n /**\n * @description whether the tooltip content has an arrow\n */\n showArrow: {\n type: Boolean,\n default: false,\n },\n})\n\nexport const tooltipEmits = [\n ...useTooltipModelToggleEmits,\n 'before-show',\n 'before-hide',\n 'show',\n 'hide',\n 'open',\n 'close',\n]\n\nexport type ElTooltipProps = ExtractPropTypes<typeof useTooltipProps>\n\nexport type TooltipInstance = InstanceType<typeof Tooltip>\n"],"names":[],"mappings":";;;;;;;;;;AAKY,MAAC;AACb,EAAE,mBAAmB,EAAE,0BAA0B;AACjD,EAAE,mBAAmB,EAAE,0BAA0B;AACjD,EAAE,cAAc,EAAE,qBAAqB;AACvC,CAAC,GAAG,2BAA2B,CAAC,SAAS,EAAE;AAC/B,MAAC,eAAe,GAAG,UAAU,CAAC;AAC1C,EAAE,GAAG,WAAW;AAChB,EAAE,GAAG,0BAA0B;AAC/B,EAAE,GAAG,sBAAsB;AAC3B,EAAE,GAAG,sBAAsB;AAC3B,EAAE,GAAG,gBAAgB;AACrB,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,CAAC,EAAE;AACS,MAAC,YAAY,GAAG;AAC5B,EAAE,GAAG,0BAA0B;AAC/B,EAAE,aAAa;AACf,EAAE,aAAa;AACf,EAAE,MAAM;AACR,EAAE,MAAM;AACR,EAAE,MAAM;AACR,EAAE,OAAO;AACT;;;;"}
1
+ {"version":3,"file":"tooltip.mjs","sources":["../../../../../../packages/components/tooltip/src/tooltip.vue"],"sourcesContent":["<template>\n <el-popper ref=\"popperRef\" :role=\"role\">\n <el-tooltip-trigger\n :disabled=\"disabled\"\n :trigger=\"trigger\"\n :trigger-keys=\"triggerKeys\"\n :virtual-ref=\"virtualRef\"\n :virtual-triggering=\"virtualTriggering\"\n >\n <slot v-if=\"$slots.default\" />\n </el-tooltip-trigger>\n <el-tooltip-content\n ref=\"contentRef\"\n :aria-label=\"ariaLabel\"\n :boundaries-padding=\"boundariesPadding\"\n :content=\"content\"\n :disabled=\"disabled\"\n :effect=\"effect\"\n :enterable=\"enterable\"\n :fallback-placements=\"fallbackPlacements\"\n :hide-after=\"hideAfter\"\n :gpu-acceleration=\"gpuAcceleration\"\n :offset=\"offset\"\n :persistent=\"persistent\"\n :popper-class=\"popperClass\"\n :popper-style=\"popperStyle\"\n :placement=\"placement\"\n :popper-options=\"popperOptions\"\n :pure=\"pure\"\n :raw-content=\"rawContent\"\n :reference-el=\"referenceEl\"\n :trigger-target-el=\"triggerTargetEl\"\n :show-after=\"showAfter\"\n :strategy=\"strategy\"\n :teleported=\"teleported\"\n :transition=\"transition\"\n :virtual-triggering=\"virtualTriggering\"\n :z-index=\"zIndex\"\n :append-to=\"appendTo\"\n >\n <slot name=\"content\">\n <span v-if=\"rawContent\" v-html=\"content\" />\n <span v-else>{{ content }}</span>\n </slot>\n <el-popper-arrow v-if=\"showArrow\" :arrow-offset=\"arrowOffset\" />\n </el-tooltip-content>\n </el-popper>\n</template>\n\n<script lang=\"ts\" setup>\nimport {\n computed,\n onDeactivated,\n provide,\n readonly,\n ref,\n toRef,\n unref,\n watch,\n} from 'vue'\nimport { ElPopper, ElPopperArrow } from '@element-plus/components/popper'\n\nimport { isBoolean } from '@element-plus/utils'\nimport {\n useDelayedToggle,\n useId,\n usePopperContainer,\n} from '@element-plus/hooks'\nimport { TOOLTIP_INJECTION_KEY } from './constants'\nimport { tooltipEmits, useTooltipModelToggle, useTooltipProps } from './tooltip'\nimport ElTooltipTrigger from './trigger.vue'\nimport ElTooltipContent from './content.vue'\nimport type { PopperInstance } from '@element-plus/components/popper'\n\ndefineOptions({\n name: 'ElTooltip',\n})\n\nconst props = defineProps(useTooltipProps)\nconst emit = defineEmits(tooltipEmits)\n\nusePopperContainer()\n\nconst id = useId()\nconst popperRef = ref<PopperInstance>()\n// TODO any is temporary, replace with `TooltipContentInstance` later\nconst contentRef = ref<any>()\n\nconst updatePopper = () => {\n const popperComponent = unref(popperRef)\n if (popperComponent) {\n popperComponent.popperInstanceRef?.update()\n }\n}\nconst open = ref(false)\nconst toggleReason = ref<Event>()\n\nconst { show, hide, hasUpdateHandler } = useTooltipModelToggle({\n indicator: open,\n toggleReason,\n})\n\nconst { onOpen, onClose } = useDelayedToggle({\n showAfter: toRef(props, 'showAfter'),\n hideAfter: toRef(props, 'hideAfter'),\n autoClose: toRef(props, 'autoClose'),\n open: show,\n close: hide,\n})\n\nconst controlled = computed(\n () => isBoolean(props.visible) && !hasUpdateHandler.value\n)\n\nprovide(TOOLTIP_INJECTION_KEY, {\n controlled,\n id,\n open: readonly(open),\n trigger: toRef(props, 'trigger'),\n onOpen: (event?: Event) => {\n onOpen(event)\n },\n onClose: (event?: Event) => {\n onClose(event)\n },\n onToggle: (event?: Event) => {\n if (unref(open)) {\n onClose(event)\n } else {\n onOpen(event)\n }\n },\n onShow: () => {\n emit('show', toggleReason.value)\n },\n onHide: () => {\n emit('hide', toggleReason.value)\n },\n onBeforeShow: () => {\n emit('before-show', toggleReason.value)\n },\n onBeforeHide: () => {\n emit('before-hide', toggleReason.value)\n },\n updatePopper,\n})\n\nwatch(\n () => props.disabled,\n (disabled) => {\n if (disabled && open.value) {\n open.value = false\n }\n }\n)\n\nconst isFocusInsideContent = () => {\n const popperContent: HTMLElement | undefined =\n contentRef.value?.contentRef?.popperContentRef\n return popperContent && popperContent.contains(document.activeElement)\n}\n\nonDeactivated(() => open.value && hide())\n\ndefineExpose({\n /**\n * @description el-popper component instance\n */\n popperRef,\n /**\n * @description el-tooltip-content component instance\n */\n contentRef,\n /**\n * @description validate current focus event is trigger inside el-tooltip-content\n */\n isFocusInsideContent,\n /**\n * @description update el-popper component instance\n */\n updatePopper,\n /**\n * @description expose onOpen function to mange el-tooltip open state\n */\n onOpen,\n /**\n * @description expose onOpen function to mange el-tooltip open state\n */\n onClose,\n /**\n * @description expose hide function\n */\n hide,\n})\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;mCA0Ec,CAAA;AAAA,EACZ,IAAM,EAAA,WAAA;AACR,CAAA,CAAA,CAAA;;;;;;;AAKA,IAAmB,kBAAA,EAAA,CAAA;AAEnB,IAAA,MAAM,KAAK,KAAM,EAAA,CAAA;AACjB,IAAA,MAAM,YAAY,GAAoB,EAAA,CAAA;AAEtC,IAAA,MAAM,aAAa,GAAS,EAAA,CAAA;AAE5B,IAAA,MAAM,eAAe,MAAM;AACzB,MAAM,IAAA,EAAA,CAAA;AACN,MAAA,MAAqB,eAAA,GAAA,KAAA,CAAA,SAAA,CAAA,CAAA;AACnB,MAAA,IAAA;AAA0C,QAC5C,CAAA,EAAA,GAAA,eAAA,CAAA,iBAAA,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,MAAA,EAAA,CAAA;AAAA,OACF;AACA,KAAM,CAAA;AACN,IAAA,MAAM,gBAA0B,CAAA,CAAA;AAEhC,IAAA,MAAM,YAAc,GAAA,GAAA,EAAA,CAAA;AAA2C,IAAA,MAClD,EAAA,IAAA,EAAA,IAAA,EAAA,gBAAA,EAAA,GAAA,qBAAA,CAAA;AAAA,MACX,SAAA,EAAA,IAAA;AAAA,MACD,YAAA;AAED,KAAM,CAAA,CAAA;AAAuC,IAC3C,MAAA,EAAA,MAAiB,EAAA,OAAA,EAAA,GAAkB,gBAAA,CAAA;AAAA,MACnC,SAAA,EAAW,KAAM,CAAA,KAAA,EAAO,WAAW,CAAA;AAAA,MACnC,SAAA,EAAW,KAAM,CAAA,KAAA,EAAO,WAAW,CAAA;AAAA,MACnC,SAAM,EAAA,KAAA,CAAA,KAAA,EAAA,WAAA,CAAA;AAAA,MACN,IAAO,EAAA,IAAA;AAAA,MACR,KAAA,EAAA,IAAA;AAED,KAAM,CAAA,CAAA;AAIN,IAAA,MAAA,UAA+B,GAAA,QAAA,CAAA,MAAA,SAAA,CAAA,KAAA,CAAA,OAAA,CAAA,IAAA,CAAA,gBAAA,CAAA,KAAA,CAAA,CAAA;AAAA,IAC7B,OAAA,CAAA,qBAAA,EAAA;AAAA,MACA,UAAA;AAAA,MACA,EAAA;AAAmB,MACnB,IAAA,EAAA,QAAe,CAAA,IAAA,CAAA;AAAgB,MAC/B,OAAA,EAAS,KAAkB,CAAA,KAAA,EAAA,SAAA,CAAA;AACzB,MAAA,MAAA,EAAA,CAAO,KAAK,KAAA;AAAA,QACd,MAAA,CAAA,KAAA,CAAA,CAAA;AAAA,OACA;AACE,MAAA,OAAA,EAAA,CAAQ,KAAK,KAAA;AAAA,QACf,OAAA,CAAA,KAAA,CAAA,CAAA;AAAA,OACA;AACE,MAAI,QAAA,EAAA,CAAA,KAAU,KAAG;AACf,QAAA,IAAA,KAAA,CAAQ,IAAK,CAAA,EAAA;AAAA,UACR,OAAA,CAAA,KAAA,CAAA,CAAA;AACL,SAAA,MAAA;AAAY,UACd,MAAA,CAAA,KAAA,CAAA,CAAA;AAAA,SACF;AAAA;AAEE,MAAK,MAAA,EAAA,MAAA;AAA0B,QACjC,IAAA,CAAA,MAAA,EAAA,YAAA,CAAA,KAAA,CAAA,CAAA;AAAA;AAEE,MAAK,MAAA,EAAA,MAAA;AAA0B,QACjC,IAAA,CAAA,MAAA,EAAA,YAAA,CAAA,KAAA,CAAA,CAAA;AAAA;AAEE,MAAK,YAAA,EAAA,MAAA;AAAiC,QACxC,IAAA,CAAA,aAAA,EAAA,YAAA,CAAA,KAAA,CAAA,CAAA;AAAA;AAEE,MAAK,YAAA,EAAA,MAAA;AAAiC,QACxC,IAAA,CAAA,aAAA,EAAA,YAAA,CAAA,KAAA,CAAA,CAAA;AAAA,OACA;AAAA,MACD,YAAA;AAED,KAAA,CAAA,CAAA;AAGI,IAAI,KAAA,CAAA,MAAA,KAAA,CAAY,QAAY,EAAA,CAAA,QAAA,KAAA;AAC1B,MAAA,IAAA,QAAa,IAAA,IAAA,CAAA,KAAA,EAAA;AAAA,QACf,IAAA,CAAA,KAAA,GAAA,KAAA,CAAA;AAAA,OAEJ;AAEA,KAAA,CAAA,CAAA;AACE,IAAM,MAAA,oBACO,GAAA,MAAA;AACb,MAAA,IAAA,EAAA,EAAwB,EAAA,CAAA;AAA6C,MACvE,MAAA,aAAA,GAAA,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,UAAA,CAAA,KAAA,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,UAAA,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,gBAAA,CAAA;AAEA,MAAA,OAAA,aAAoB,IAAc,aAAK,CAAC,QAAA,CAAA,QAAA,CAAA,aAAA,CAAA,CAAA;AAExC,KAAa,CAAA;AAAA,IAIX,aAAA,CAAA,MAAA,IAAA,CAAA,KAAA,IAAA,IAAA,EAAA,CAAA,CAAA;AAAA,IAIA,MAAA,CAAA;AAAA,MAIA,SAAA;AAAA,MAIA,UAAA;AAAA,MAIA,oBAAA;AAAA,MAIA,YAAA;AAAA,MAIA,MAAA;AAAA,MACD,OAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -1,176 +1,38 @@
1
- import { defineComponent, ref, unref, toRef, computed, provide, readonly, watch, onDeactivated, openBlock, createBlock, withCtx, createVNode, renderSlot, createCommentVNode, createElementBlock, toDisplayString } from 'vue';
2
- import { ElPopper } from '../../popper/index.mjs';
3
1
  import '../../../utils/index.mjs';
4
2
  import '../../../hooks/index.mjs';
5
- import { TOOLTIP_INJECTION_KEY } from './constants.mjs';
6
- import { useTooltipProps, tooltipEmits, useTooltipModelToggle } from './tooltip.mjs';
7
- import ElTooltipTrigger from './trigger.mjs';
8
- import ElTooltipContent from './content2.mjs';
9
- import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
10
- import { usePopperContainer } from '../../../hooks/use-popper-container/index.mjs';
11
- import { useId } from '../../../hooks/use-id/index.mjs';
12
- import { useDelayedToggle } from '../../../hooks/use-delayed-toggle/index.mjs';
13
- import { isBoolean } from '../../../utils/types.mjs';
14
- import ElPopperArrow from '../../popper/src/arrow2.mjs';
3
+ import '../../popper/index.mjs';
4
+ import { useTooltipContentProps } from './content.mjs';
5
+ import { useTooltipTriggerProps } from './trigger.mjs';
6
+ import { createModelToggleComposable } from '../../../hooks/use-model-toggle/index.mjs';
7
+ import { buildProps } from '../../../utils/vue/props/runtime.mjs';
8
+ import { popperProps } from '../../popper/src/popper.mjs';
9
+ import { popperArrowProps } from '../../popper/src/arrow.mjs';
15
10
 
16
- const _hoisted_1 = ["innerHTML"];
17
- const _hoisted_2 = { key: 1 };
18
- const __default__ = defineComponent({
19
- name: "ElTooltip"
20
- });
21
- const _sfc_main = /* @__PURE__ */ defineComponent({
22
- ...__default__,
23
- props: useTooltipProps,
24
- emits: tooltipEmits,
25
- setup(__props, { expose, emit }) {
26
- const props = __props;
27
- usePopperContainer();
28
- const id = useId();
29
- const popperRef = ref();
30
- const contentRef = ref();
31
- const updatePopper = () => {
32
- var _a;
33
- const popperComponent = unref(popperRef);
34
- if (popperComponent) {
35
- (_a = popperComponent.popperInstanceRef) == null ? void 0 : _a.update();
36
- }
37
- };
38
- const open = ref(false);
39
- const toggleReason = ref();
40
- const { show, hide, hasUpdateHandler } = useTooltipModelToggle({
41
- indicator: open,
42
- toggleReason
43
- });
44
- const { onOpen, onClose } = useDelayedToggle({
45
- showAfter: toRef(props, "showAfter"),
46
- hideAfter: toRef(props, "hideAfter"),
47
- autoClose: toRef(props, "autoClose"),
48
- open: show,
49
- close: hide
50
- });
51
- const controlled = computed(() => isBoolean(props.visible) && !hasUpdateHandler.value);
52
- provide(TOOLTIP_INJECTION_KEY, {
53
- controlled,
54
- id,
55
- open: readonly(open),
56
- trigger: toRef(props, "trigger"),
57
- onOpen: (event) => {
58
- onOpen(event);
59
- },
60
- onClose: (event) => {
61
- onClose(event);
62
- },
63
- onToggle: (event) => {
64
- if (unref(open)) {
65
- onClose(event);
66
- } else {
67
- onOpen(event);
68
- }
69
- },
70
- onShow: () => {
71
- emit("show", toggleReason.value);
72
- },
73
- onHide: () => {
74
- emit("hide", toggleReason.value);
75
- },
76
- onBeforeShow: () => {
77
- emit("before-show", toggleReason.value);
78
- },
79
- onBeforeHide: () => {
80
- emit("before-hide", toggleReason.value);
81
- },
82
- updatePopper
83
- });
84
- watch(() => props.disabled, (disabled) => {
85
- if (disabled && open.value) {
86
- open.value = false;
87
- }
88
- });
89
- const isFocusInsideContent = () => {
90
- var _a, _b;
91
- const popperContent = (_b = (_a = contentRef.value) == null ? void 0 : _a.contentRef) == null ? void 0 : _b.popperContentRef;
92
- return popperContent && popperContent.contains(document.activeElement);
93
- };
94
- onDeactivated(() => open.value && hide());
95
- expose({
96
- popperRef,
97
- contentRef,
98
- isFocusInsideContent,
99
- updatePopper,
100
- onOpen,
101
- onClose,
102
- hide
103
- });
104
- return (_ctx, _cache) => {
105
- return openBlock(), createBlock(unref(ElPopper), {
106
- ref_key: "popperRef",
107
- ref: popperRef,
108
- role: _ctx.role
109
- }, {
110
- default: withCtx(() => [
111
- createVNode(ElTooltipTrigger, {
112
- disabled: _ctx.disabled,
113
- trigger: _ctx.trigger,
114
- "trigger-keys": _ctx.triggerKeys,
115
- "virtual-ref": _ctx.virtualRef,
116
- "virtual-triggering": _ctx.virtualTriggering
117
- }, {
118
- default: withCtx(() => [
119
- _ctx.$slots.default ? renderSlot(_ctx.$slots, "default", { key: 0 }) : createCommentVNode("v-if", true)
120
- ]),
121
- _: 3
122
- }, 8, ["disabled", "trigger", "trigger-keys", "virtual-ref", "virtual-triggering"]),
123
- createVNode(ElTooltipContent, {
124
- ref_key: "contentRef",
125
- ref: contentRef,
126
- "aria-label": _ctx.ariaLabel,
127
- "boundaries-padding": _ctx.boundariesPadding,
128
- content: _ctx.content,
129
- disabled: _ctx.disabled,
130
- effect: _ctx.effect,
131
- enterable: _ctx.enterable,
132
- "fallback-placements": _ctx.fallbackPlacements,
133
- "hide-after": _ctx.hideAfter,
134
- "gpu-acceleration": _ctx.gpuAcceleration,
135
- offset: _ctx.offset,
136
- persistent: _ctx.persistent,
137
- "popper-class": _ctx.popperClass,
138
- "popper-style": _ctx.popperStyle,
139
- placement: _ctx.placement,
140
- "popper-options": _ctx.popperOptions,
141
- pure: _ctx.pure,
142
- "raw-content": _ctx.rawContent,
143
- "reference-el": _ctx.referenceEl,
144
- "trigger-target-el": _ctx.triggerTargetEl,
145
- "show-after": _ctx.showAfter,
146
- strategy: _ctx.strategy,
147
- teleported: _ctx.teleported,
148
- transition: _ctx.transition,
149
- "virtual-triggering": _ctx.virtualTriggering,
150
- "z-index": _ctx.zIndex,
151
- "append-to": _ctx.appendTo
152
- }, {
153
- default: withCtx(() => [
154
- renderSlot(_ctx.$slots, "content", {}, () => [
155
- _ctx.rawContent ? (openBlock(), createElementBlock("span", {
156
- key: 0,
157
- innerHTML: _ctx.content
158
- }, null, 8, _hoisted_1)) : (openBlock(), createElementBlock("span", _hoisted_2, toDisplayString(_ctx.content), 1))
159
- ]),
160
- _ctx.showArrow ? (openBlock(), createBlock(unref(ElPopperArrow), {
161
- key: 0,
162
- "arrow-offset": _ctx.arrowOffset
163
- }, null, 8, ["arrow-offset"])) : createCommentVNode("v-if", true)
164
- ]),
165
- _: 3
166
- }, 8, ["aria-label", "boundaries-padding", "content", "disabled", "effect", "enterable", "fallback-placements", "hide-after", "gpu-acceleration", "offset", "persistent", "popper-class", "popper-style", "placement", "popper-options", "pure", "raw-content", "reference-el", "trigger-target-el", "show-after", "strategy", "teleported", "transition", "virtual-triggering", "z-index", "append-to"])
167
- ]),
168
- _: 3
169
- }, 8, ["role"]);
170
- };
11
+ const {
12
+ useModelToggleProps: useTooltipModelToggleProps,
13
+ useModelToggleEmits: useTooltipModelToggleEmits,
14
+ useModelToggle: useTooltipModelToggle
15
+ } = createModelToggleComposable("visible");
16
+ const useTooltipProps = buildProps({
17
+ ...popperProps,
18
+ ...useTooltipModelToggleProps,
19
+ ...useTooltipContentProps,
20
+ ...useTooltipTriggerProps,
21
+ ...popperArrowProps,
22
+ showArrow: {
23
+ type: Boolean,
24
+ default: false
171
25
  }
172
26
  });
173
- var Tooltip = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "D:\\beyondtrucks\\beyond-ui\\packages\\components\\tooltip\\src\\tooltip.vue"]]);
27
+ const tooltipEmits = [
28
+ ...useTooltipModelToggleEmits,
29
+ "before-show",
30
+ "before-hide",
31
+ "show",
32
+ "hide",
33
+ "open",
34
+ "close"
35
+ ];
174
36
 
175
- export { Tooltip as default };
37
+ export { tooltipEmits, useTooltipModelToggle, useTooltipModelToggleEmits, useTooltipModelToggleProps, useTooltipProps };
176
38
  //# sourceMappingURL=tooltip2.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"tooltip2.mjs","sources":["../../../../../../packages/components/tooltip/src/tooltip.vue"],"sourcesContent":["<template>\n <el-popper ref=\"popperRef\" :role=\"role\">\n <el-tooltip-trigger\n :disabled=\"disabled\"\n :trigger=\"trigger\"\n :trigger-keys=\"triggerKeys\"\n :virtual-ref=\"virtualRef\"\n :virtual-triggering=\"virtualTriggering\"\n >\n <slot v-if=\"$slots.default\" />\n </el-tooltip-trigger>\n <el-tooltip-content\n ref=\"contentRef\"\n :aria-label=\"ariaLabel\"\n :boundaries-padding=\"boundariesPadding\"\n :content=\"content\"\n :disabled=\"disabled\"\n :effect=\"effect\"\n :enterable=\"enterable\"\n :fallback-placements=\"fallbackPlacements\"\n :hide-after=\"hideAfter\"\n :gpu-acceleration=\"gpuAcceleration\"\n :offset=\"offset\"\n :persistent=\"persistent\"\n :popper-class=\"popperClass\"\n :popper-style=\"popperStyle\"\n :placement=\"placement\"\n :popper-options=\"popperOptions\"\n :pure=\"pure\"\n :raw-content=\"rawContent\"\n :reference-el=\"referenceEl\"\n :trigger-target-el=\"triggerTargetEl\"\n :show-after=\"showAfter\"\n :strategy=\"strategy\"\n :teleported=\"teleported\"\n :transition=\"transition\"\n :virtual-triggering=\"virtualTriggering\"\n :z-index=\"zIndex\"\n :append-to=\"appendTo\"\n >\n <slot name=\"content\">\n <span v-if=\"rawContent\" v-html=\"content\" />\n <span v-else>{{ content }}</span>\n </slot>\n <el-popper-arrow v-if=\"showArrow\" :arrow-offset=\"arrowOffset\" />\n </el-tooltip-content>\n </el-popper>\n</template>\n\n<script lang=\"ts\" setup>\nimport {\n computed,\n onDeactivated,\n provide,\n readonly,\n ref,\n toRef,\n unref,\n watch,\n} from 'vue'\nimport { ElPopper, ElPopperArrow } from '@element-plus/components/popper'\n\nimport { isBoolean } from '@element-plus/utils'\nimport {\n useDelayedToggle,\n useId,\n usePopperContainer,\n} from '@element-plus/hooks'\nimport { TOOLTIP_INJECTION_KEY } from './constants'\nimport { tooltipEmits, useTooltipModelToggle, useTooltipProps } from './tooltip'\nimport ElTooltipTrigger from './trigger.vue'\nimport ElTooltipContent from './content.vue'\nimport type { PopperInstance } from '@element-plus/components/popper'\n\ndefineOptions({\n name: 'ElTooltip',\n})\n\nconst props = defineProps(useTooltipProps)\nconst emit = defineEmits(tooltipEmits)\n\nusePopperContainer()\n\nconst id = useId()\nconst popperRef = ref<PopperInstance>()\n// TODO any is temporary, replace with `TooltipContentInstance` later\nconst contentRef = ref<any>()\n\nconst updatePopper = () => {\n const popperComponent = unref(popperRef)\n if (popperComponent) {\n popperComponent.popperInstanceRef?.update()\n }\n}\nconst open = ref(false)\nconst toggleReason = ref<Event>()\n\nconst { show, hide, hasUpdateHandler } = useTooltipModelToggle({\n indicator: open,\n toggleReason,\n})\n\nconst { onOpen, onClose } = useDelayedToggle({\n showAfter: toRef(props, 'showAfter'),\n hideAfter: toRef(props, 'hideAfter'),\n autoClose: toRef(props, 'autoClose'),\n open: show,\n close: hide,\n})\n\nconst controlled = computed(\n () => isBoolean(props.visible) && !hasUpdateHandler.value\n)\n\nprovide(TOOLTIP_INJECTION_KEY, {\n controlled,\n id,\n open: readonly(open),\n trigger: toRef(props, 'trigger'),\n onOpen: (event?: Event) => {\n onOpen(event)\n },\n onClose: (event?: Event) => {\n onClose(event)\n },\n onToggle: (event?: Event) => {\n if (unref(open)) {\n onClose(event)\n } else {\n onOpen(event)\n }\n },\n onShow: () => {\n emit('show', toggleReason.value)\n },\n onHide: () => {\n emit('hide', toggleReason.value)\n },\n onBeforeShow: () => {\n emit('before-show', toggleReason.value)\n },\n onBeforeHide: () => {\n emit('before-hide', toggleReason.value)\n },\n updatePopper,\n})\n\nwatch(\n () => props.disabled,\n (disabled) => {\n if (disabled && open.value) {\n open.value = false\n }\n }\n)\n\nconst isFocusInsideContent = () => {\n const popperContent: HTMLElement | undefined =\n contentRef.value?.contentRef?.popperContentRef\n return popperContent && popperContent.contains(document.activeElement)\n}\n\nonDeactivated(() => open.value && hide())\n\ndefineExpose({\n /**\n * @description el-popper component instance\n */\n popperRef,\n /**\n * @description el-tooltip-content component instance\n */\n contentRef,\n /**\n * @description validate current focus event is trigger inside el-tooltip-content\n */\n isFocusInsideContent,\n /**\n * @description update el-popper component instance\n */\n updatePopper,\n /**\n * @description expose onOpen function to mange el-tooltip open state\n */\n onOpen,\n /**\n * @description expose onOpen function to mange el-tooltip open state\n */\n onClose,\n /**\n * @description expose hide function\n */\n hide,\n})\n</script>\n"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"tooltip2.mjs","sources":["../../../../../../packages/components/tooltip/src/tooltip.ts"],"sourcesContent":["import { buildProps } from '@element-plus/utils'\nimport { createModelToggleComposable } from '@element-plus/hooks'\nimport { popperArrowProps, popperProps } from '@element-plus/components/popper'\nimport { useTooltipContentProps } from './content'\nimport { useTooltipTriggerProps } from './trigger'\nimport type Tooltip from './tooltip.vue'\n\nimport type { ExtractPropTypes } from 'vue'\n\nexport const {\n useModelToggleProps: useTooltipModelToggleProps,\n useModelToggleEmits: useTooltipModelToggleEmits,\n useModelToggle: useTooltipModelToggle,\n} = createModelToggleComposable('visible' as const)\n\nexport const useTooltipProps = buildProps({\n ...popperProps,\n ...useTooltipModelToggleProps,\n ...useTooltipContentProps,\n ...useTooltipTriggerProps,\n ...popperArrowProps,\n /**\n * @description whether the tooltip content has an arrow\n */\n showArrow: {\n type: Boolean,\n default: false,\n },\n})\n\nexport const tooltipEmits = [\n ...useTooltipModelToggleEmits,\n 'before-show',\n 'before-hide',\n 'show',\n 'hide',\n 'open',\n 'close',\n]\n\nexport type ElTooltipProps = ExtractPropTypes<typeof useTooltipProps>\n\nexport type TooltipInstance = InstanceType<typeof Tooltip>\n"],"names":[],"mappings":";;;;;;;;;;AAKY,MAAC;AACb,EAAE,mBAAmB,EAAE,0BAA0B;AACjD,EAAE,mBAAmB,EAAE,0BAA0B;AACjD,EAAE,cAAc,EAAE,qBAAqB;AACvC,CAAC,GAAG,2BAA2B,CAAC,SAAS,EAAE;AAC/B,MAAC,eAAe,GAAG,UAAU,CAAC;AAC1C,EAAE,GAAG,WAAW;AAChB,EAAE,GAAG,0BAA0B;AAC/B,EAAE,GAAG,sBAAsB;AAC3B,EAAE,GAAG,sBAAsB;AAC3B,EAAE,GAAG,gBAAgB;AACrB,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,CAAC,EAAE;AACS,MAAC,YAAY,GAAG;AAC5B,EAAE,GAAG,0BAA0B;AAC/B,EAAE,aAAa;AACf,EAAE,aAAa;AACf,EAAE,MAAM;AACR,EAAE,MAAM;AACR,EAAE,MAAM;AACR,EAAE,OAAO;AACT;;;;"}