@element-plus/nightly 0.0.20231125 → 0.0.20231126

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 (316) hide show
  1. package/dist/index.full.js +2 -2
  2. package/dist/index.full.min.js +2 -2
  3. package/dist/index.full.min.js.map +1 -1
  4. package/dist/index.full.min.mjs +2 -2
  5. package/dist/index.full.min.mjs.map +1 -1
  6. package/dist/index.full.mjs +2 -2
  7. package/dist/locale/af.js +1 -1
  8. package/dist/locale/af.min.js +1 -1
  9. package/dist/locale/af.min.mjs +1 -1
  10. package/dist/locale/af.mjs +1 -1
  11. package/dist/locale/ar.js +1 -1
  12. package/dist/locale/ar.min.js +1 -1
  13. package/dist/locale/ar.min.mjs +1 -1
  14. package/dist/locale/ar.mjs +1 -1
  15. package/dist/locale/az.js +1 -1
  16. package/dist/locale/az.min.js +1 -1
  17. package/dist/locale/az.min.mjs +1 -1
  18. package/dist/locale/az.mjs +1 -1
  19. package/dist/locale/bg.js +1 -1
  20. package/dist/locale/bg.min.js +1 -1
  21. package/dist/locale/bg.min.mjs +1 -1
  22. package/dist/locale/bg.mjs +1 -1
  23. package/dist/locale/bn.js +1 -1
  24. package/dist/locale/bn.min.js +1 -1
  25. package/dist/locale/bn.min.mjs +1 -1
  26. package/dist/locale/bn.mjs +1 -1
  27. package/dist/locale/ca.js +1 -1
  28. package/dist/locale/ca.min.js +1 -1
  29. package/dist/locale/ca.min.mjs +1 -1
  30. package/dist/locale/ca.mjs +1 -1
  31. package/dist/locale/ckb.js +1 -1
  32. package/dist/locale/ckb.min.js +1 -1
  33. package/dist/locale/ckb.min.mjs +1 -1
  34. package/dist/locale/ckb.mjs +1 -1
  35. package/dist/locale/cs.js +1 -1
  36. package/dist/locale/cs.min.js +1 -1
  37. package/dist/locale/cs.min.mjs +1 -1
  38. package/dist/locale/cs.mjs +1 -1
  39. package/dist/locale/da.js +1 -1
  40. package/dist/locale/da.min.js +1 -1
  41. package/dist/locale/da.min.mjs +1 -1
  42. package/dist/locale/da.mjs +1 -1
  43. package/dist/locale/de.js +1 -1
  44. package/dist/locale/de.min.js +1 -1
  45. package/dist/locale/de.min.mjs +1 -1
  46. package/dist/locale/de.mjs +1 -1
  47. package/dist/locale/el.js +1 -1
  48. package/dist/locale/el.min.js +1 -1
  49. package/dist/locale/el.min.mjs +1 -1
  50. package/dist/locale/el.mjs +1 -1
  51. package/dist/locale/en.js +1 -1
  52. package/dist/locale/en.min.js +1 -1
  53. package/dist/locale/en.min.mjs +1 -1
  54. package/dist/locale/en.mjs +1 -1
  55. package/dist/locale/eo.js +1 -1
  56. package/dist/locale/eo.min.js +1 -1
  57. package/dist/locale/eo.min.mjs +1 -1
  58. package/dist/locale/eo.mjs +1 -1
  59. package/dist/locale/es.js +1 -1
  60. package/dist/locale/es.min.js +1 -1
  61. package/dist/locale/es.min.mjs +1 -1
  62. package/dist/locale/es.mjs +1 -1
  63. package/dist/locale/et.js +1 -1
  64. package/dist/locale/et.min.js +1 -1
  65. package/dist/locale/et.min.mjs +1 -1
  66. package/dist/locale/et.mjs +1 -1
  67. package/dist/locale/eu.js +1 -1
  68. package/dist/locale/eu.min.js +1 -1
  69. package/dist/locale/eu.min.mjs +1 -1
  70. package/dist/locale/eu.mjs +1 -1
  71. package/dist/locale/fa.js +1 -1
  72. package/dist/locale/fa.min.js +1 -1
  73. package/dist/locale/fa.min.mjs +1 -1
  74. package/dist/locale/fa.mjs +1 -1
  75. package/dist/locale/fi.js +1 -1
  76. package/dist/locale/fi.min.js +1 -1
  77. package/dist/locale/fi.min.mjs +1 -1
  78. package/dist/locale/fi.mjs +1 -1
  79. package/dist/locale/fr.js +1 -1
  80. package/dist/locale/fr.min.js +1 -1
  81. package/dist/locale/fr.min.mjs +1 -1
  82. package/dist/locale/fr.mjs +1 -1
  83. package/dist/locale/he.js +1 -1
  84. package/dist/locale/he.min.js +1 -1
  85. package/dist/locale/he.min.mjs +1 -1
  86. package/dist/locale/he.mjs +1 -1
  87. package/dist/locale/hr.js +1 -1
  88. package/dist/locale/hr.min.js +1 -1
  89. package/dist/locale/hr.min.mjs +1 -1
  90. package/dist/locale/hr.mjs +1 -1
  91. package/dist/locale/hu.js +1 -1
  92. package/dist/locale/hu.min.js +1 -1
  93. package/dist/locale/hu.min.mjs +1 -1
  94. package/dist/locale/hu.mjs +1 -1
  95. package/dist/locale/hy-am.js +1 -1
  96. package/dist/locale/hy-am.min.js +1 -1
  97. package/dist/locale/hy-am.min.mjs +1 -1
  98. package/dist/locale/hy-am.mjs +1 -1
  99. package/dist/locale/id.js +1 -1
  100. package/dist/locale/id.min.js +1 -1
  101. package/dist/locale/id.min.mjs +1 -1
  102. package/dist/locale/id.mjs +1 -1
  103. package/dist/locale/it.js +1 -1
  104. package/dist/locale/it.min.js +1 -1
  105. package/dist/locale/it.min.mjs +1 -1
  106. package/dist/locale/it.mjs +1 -1
  107. package/dist/locale/ja.js +1 -1
  108. package/dist/locale/ja.min.js +1 -1
  109. package/dist/locale/ja.min.mjs +1 -1
  110. package/dist/locale/ja.mjs +1 -1
  111. package/dist/locale/kk.js +1 -1
  112. package/dist/locale/kk.min.js +1 -1
  113. package/dist/locale/kk.min.mjs +1 -1
  114. package/dist/locale/kk.mjs +1 -1
  115. package/dist/locale/km.js +1 -1
  116. package/dist/locale/km.min.js +1 -1
  117. package/dist/locale/km.min.mjs +1 -1
  118. package/dist/locale/km.mjs +1 -1
  119. package/dist/locale/ko.js +1 -1
  120. package/dist/locale/ko.min.js +1 -1
  121. package/dist/locale/ko.min.mjs +1 -1
  122. package/dist/locale/ko.mjs +1 -1
  123. package/dist/locale/ku.js +1 -1
  124. package/dist/locale/ku.min.js +1 -1
  125. package/dist/locale/ku.min.mjs +1 -1
  126. package/dist/locale/ku.mjs +1 -1
  127. package/dist/locale/ky.js +1 -1
  128. package/dist/locale/ky.min.js +1 -1
  129. package/dist/locale/ky.min.mjs +1 -1
  130. package/dist/locale/ky.mjs +1 -1
  131. package/dist/locale/lt.js +1 -1
  132. package/dist/locale/lt.min.js +1 -1
  133. package/dist/locale/lt.min.mjs +1 -1
  134. package/dist/locale/lt.mjs +1 -1
  135. package/dist/locale/lv.js +1 -1
  136. package/dist/locale/lv.min.js +1 -1
  137. package/dist/locale/lv.min.mjs +1 -1
  138. package/dist/locale/lv.mjs +1 -1
  139. package/dist/locale/mg.js +1 -1
  140. package/dist/locale/mg.min.js +1 -1
  141. package/dist/locale/mg.min.mjs +1 -1
  142. package/dist/locale/mg.mjs +1 -1
  143. package/dist/locale/mn.js +1 -1
  144. package/dist/locale/mn.min.js +1 -1
  145. package/dist/locale/mn.min.mjs +1 -1
  146. package/dist/locale/mn.mjs +1 -1
  147. package/dist/locale/nb-no.js +1 -1
  148. package/dist/locale/nb-no.min.js +1 -1
  149. package/dist/locale/nb-no.min.mjs +1 -1
  150. package/dist/locale/nb-no.mjs +1 -1
  151. package/dist/locale/nl.js +1 -1
  152. package/dist/locale/nl.min.js +1 -1
  153. package/dist/locale/nl.min.mjs +1 -1
  154. package/dist/locale/nl.mjs +1 -1
  155. package/dist/locale/pa.js +1 -1
  156. package/dist/locale/pa.min.js +1 -1
  157. package/dist/locale/pa.min.mjs +1 -1
  158. package/dist/locale/pa.mjs +1 -1
  159. package/dist/locale/pl.js +1 -1
  160. package/dist/locale/pl.min.js +1 -1
  161. package/dist/locale/pl.min.mjs +1 -1
  162. package/dist/locale/pl.mjs +1 -1
  163. package/dist/locale/pt-br.js +1 -1
  164. package/dist/locale/pt-br.min.js +1 -1
  165. package/dist/locale/pt-br.min.mjs +1 -1
  166. package/dist/locale/pt-br.mjs +1 -1
  167. package/dist/locale/pt.js +1 -1
  168. package/dist/locale/pt.min.js +1 -1
  169. package/dist/locale/pt.min.mjs +1 -1
  170. package/dist/locale/pt.mjs +1 -1
  171. package/dist/locale/ro.js +1 -1
  172. package/dist/locale/ro.min.js +1 -1
  173. package/dist/locale/ro.min.mjs +1 -1
  174. package/dist/locale/ro.mjs +1 -1
  175. package/dist/locale/ru.js +1 -1
  176. package/dist/locale/ru.min.js +1 -1
  177. package/dist/locale/ru.min.mjs +1 -1
  178. package/dist/locale/ru.mjs +1 -1
  179. package/dist/locale/sk.js +1 -1
  180. package/dist/locale/sk.min.js +1 -1
  181. package/dist/locale/sk.min.mjs +1 -1
  182. package/dist/locale/sk.mjs +1 -1
  183. package/dist/locale/sl.js +1 -1
  184. package/dist/locale/sl.min.js +1 -1
  185. package/dist/locale/sl.min.mjs +1 -1
  186. package/dist/locale/sl.mjs +1 -1
  187. package/dist/locale/sr.js +1 -1
  188. package/dist/locale/sr.min.js +1 -1
  189. package/dist/locale/sr.min.mjs +1 -1
  190. package/dist/locale/sr.mjs +1 -1
  191. package/dist/locale/sv.js +1 -1
  192. package/dist/locale/sv.min.js +1 -1
  193. package/dist/locale/sv.min.mjs +1 -1
  194. package/dist/locale/sv.mjs +1 -1
  195. package/dist/locale/sw.js +1 -1
  196. package/dist/locale/sw.min.js +1 -1
  197. package/dist/locale/sw.min.mjs +1 -1
  198. package/dist/locale/sw.mjs +1 -1
  199. package/dist/locale/ta.js +1 -1
  200. package/dist/locale/ta.min.js +1 -1
  201. package/dist/locale/ta.min.mjs +1 -1
  202. package/dist/locale/ta.mjs +1 -1
  203. package/dist/locale/th.js +1 -1
  204. package/dist/locale/th.min.js +1 -1
  205. package/dist/locale/th.min.mjs +1 -1
  206. package/dist/locale/th.mjs +1 -1
  207. package/dist/locale/tk.js +1 -1
  208. package/dist/locale/tk.min.js +1 -1
  209. package/dist/locale/tk.min.mjs +1 -1
  210. package/dist/locale/tk.mjs +1 -1
  211. package/dist/locale/tr.js +1 -1
  212. package/dist/locale/tr.min.js +1 -1
  213. package/dist/locale/tr.min.mjs +1 -1
  214. package/dist/locale/tr.mjs +1 -1
  215. package/dist/locale/ug-cn.js +1 -1
  216. package/dist/locale/ug-cn.min.js +1 -1
  217. package/dist/locale/ug-cn.min.mjs +1 -1
  218. package/dist/locale/ug-cn.mjs +1 -1
  219. package/dist/locale/uk.js +1 -1
  220. package/dist/locale/uk.min.js +1 -1
  221. package/dist/locale/uk.min.mjs +1 -1
  222. package/dist/locale/uk.mjs +1 -1
  223. package/dist/locale/uz-uz.js +1 -1
  224. package/dist/locale/uz-uz.min.js +1 -1
  225. package/dist/locale/uz-uz.min.mjs +1 -1
  226. package/dist/locale/uz-uz.mjs +1 -1
  227. package/dist/locale/vi.js +1 -1
  228. package/dist/locale/vi.min.js +1 -1
  229. package/dist/locale/vi.min.mjs +1 -1
  230. package/dist/locale/vi.mjs +1 -1
  231. package/dist/locale/zh-cn.js +1 -1
  232. package/dist/locale/zh-cn.min.js +1 -1
  233. package/dist/locale/zh-cn.min.mjs +1 -1
  234. package/dist/locale/zh-cn.mjs +1 -1
  235. package/dist/locale/zh-tw.js +1 -1
  236. package/dist/locale/zh-tw.min.js +1 -1
  237. package/dist/locale/zh-tw.min.mjs +1 -1
  238. package/dist/locale/zh-tw.mjs +1 -1
  239. package/es/components/autocomplete/src/autocomplete.mjs +1 -1
  240. package/es/components/calendar/index.mjs +2 -2
  241. package/es/components/calendar/src/calendar.mjs +18 -131
  242. package/es/components/calendar/src/calendar.mjs.map +1 -1
  243. package/es/components/calendar/src/calendar2.mjs +131 -18
  244. package/es/components/calendar/src/calendar2.mjs.map +1 -1
  245. package/es/components/cascader/src/cascader.mjs +1 -1
  246. package/es/components/dropdown/index.mjs +2 -2
  247. package/es/components/dropdown/src/dropdown-item-impl.mjs +1 -1
  248. package/es/components/dropdown/src/dropdown-item.mjs +1 -1
  249. package/es/components/dropdown/src/dropdown-menu.mjs +1 -1
  250. package/es/components/dropdown/src/dropdown.mjs +306 -97
  251. package/es/components/dropdown/src/dropdown.mjs.map +1 -1
  252. package/es/components/dropdown/src/dropdown2.mjs +97 -306
  253. package/es/components/dropdown/src/dropdown2.mjs.map +1 -1
  254. package/es/components/index.mjs +3 -3
  255. package/es/components/popconfirm/src/popconfirm.mjs +1 -1
  256. package/es/components/popover/src/popover.mjs +2 -2
  257. package/es/components/select/src/select.mjs +1 -1
  258. package/es/components/select-v2/src/defaults.mjs +1 -1
  259. package/es/components/tooltip/index.mjs +1 -1
  260. package/es/components/tooltip/src/content.mjs +31 -177
  261. package/es/components/tooltip/src/content.mjs.map +1 -1
  262. package/es/components/tooltip/src/content2.mjs +177 -31
  263. package/es/components/tooltip/src/content2.mjs.map +1 -1
  264. package/es/components/tooltip/src/tooltip.mjs +1 -1
  265. package/es/components/tooltip/src/tooltip2.mjs +1 -1
  266. package/es/components/tooltip-v2/index.mjs +1 -1
  267. package/es/components/tooltip-v2/src/tooltip.mjs +1 -1
  268. package/es/components/tooltip-v2/src/tooltip2.mjs +2 -2
  269. package/es/components/tooltip-v2/src/trigger.mjs +12 -89
  270. package/es/components/tooltip-v2/src/trigger.mjs.map +1 -1
  271. package/es/components/tooltip-v2/src/trigger2.mjs +89 -12
  272. package/es/components/tooltip-v2/src/trigger2.mjs.map +1 -1
  273. package/es/index.mjs +3 -3
  274. package/es/version.d.ts +1 -1
  275. package/es/version.mjs +1 -1
  276. package/es/version.mjs.map +1 -1
  277. package/lib/components/autocomplete/src/autocomplete.js +1 -1
  278. package/lib/components/calendar/index.js +2 -2
  279. package/lib/components/calendar/src/calendar.js +19 -131
  280. package/lib/components/calendar/src/calendar.js.map +1 -1
  281. package/lib/components/calendar/src/calendar2.js +131 -19
  282. package/lib/components/calendar/src/calendar2.js.map +1 -1
  283. package/lib/components/cascader/src/cascader.js +1 -1
  284. package/lib/components/dropdown/index.js +2 -2
  285. package/lib/components/dropdown/src/dropdown-item-impl.js +1 -1
  286. package/lib/components/dropdown/src/dropdown-item.js +1 -1
  287. package/lib/components/dropdown/src/dropdown-menu.js +1 -1
  288. package/lib/components/dropdown/src/dropdown.js +306 -106
  289. package/lib/components/dropdown/src/dropdown.js.map +1 -1
  290. package/lib/components/dropdown/src/dropdown2.js +106 -306
  291. package/lib/components/dropdown/src/dropdown2.js.map +1 -1
  292. package/lib/components/index.js +3 -3
  293. package/lib/components/popconfirm/src/popconfirm.js +1 -1
  294. package/lib/components/popover/src/popover.js +2 -2
  295. package/lib/components/select/src/select.js +1 -1
  296. package/lib/components/select-v2/src/defaults.js +1 -1
  297. package/lib/components/tooltip/index.js +1 -1
  298. package/lib/components/tooltip/src/content.js +31 -177
  299. package/lib/components/tooltip/src/content.js.map +1 -1
  300. package/lib/components/tooltip/src/content2.js +177 -31
  301. package/lib/components/tooltip/src/content2.js.map +1 -1
  302. package/lib/components/tooltip/src/tooltip.js +1 -1
  303. package/lib/components/tooltip/src/tooltip2.js +1 -1
  304. package/lib/components/tooltip-v2/index.js +1 -1
  305. package/lib/components/tooltip-v2/src/tooltip.js +1 -1
  306. package/lib/components/tooltip-v2/src/tooltip2.js +2 -2
  307. package/lib/components/tooltip-v2/src/trigger.js +12 -89
  308. package/lib/components/tooltip-v2/src/trigger.js.map +1 -1
  309. package/lib/components/tooltip-v2/src/trigger2.js +89 -12
  310. package/lib/components/tooltip-v2/src/trigger2.js.map +1 -1
  311. package/lib/index.js +3 -3
  312. package/lib/version.d.ts +1 -1
  313. package/lib/version.js +1 -1
  314. package/lib/version.js.map +1 -1
  315. package/package.json +1 -1
  316. package/web-types.json +1 -1
@@ -2,186 +2,40 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var vue = require('vue');
6
- var core = require('@vueuse/core');
7
- require('../../../hooks/index.js');
8
5
  require('../../../utils/index.js');
9
6
  require('../../popper/index.js');
10
- var constants = require('./constants.js');
11
- var content = require('./content2.js');
12
- var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
13
- var index = require('../../../hooks/use-popper-container/index.js');
14
- var index$1 = require('../../../hooks/use-namespace/index.js');
15
- var event = require('../../../utils/dom/event.js');
16
- var content$1 = require('../../popper/src/content2.js');
7
+ require('../../../hooks/index.js');
8
+ var runtime = require('../../../utils/vue/props/runtime.js');
9
+ var index = require('../../../hooks/use-delayed-toggle/index.js');
10
+ var content = require('../../popper/src/content.js');
17
11
 
18
- const __default__ = vue.defineComponent({
19
- name: "ElTooltipContent",
20
- inheritAttrs: false
21
- });
22
- const _sfc_main = /* @__PURE__ */ vue.defineComponent({
23
- ...__default__,
24
- props: content.useTooltipContentProps,
25
- setup(__props, { expose }) {
26
- const props = __props;
27
- const { selector } = index.usePopperContainerId();
28
- const ns = index$1.useNamespace("tooltip");
29
- const contentRef = vue.ref(null);
30
- const destroyed = vue.ref(false);
31
- const {
32
- controlled,
33
- id,
34
- open,
35
- trigger,
36
- onClose,
37
- onOpen,
38
- onShow,
39
- onHide,
40
- onBeforeShow,
41
- onBeforeHide
42
- } = vue.inject(constants.TOOLTIP_INJECTION_KEY, void 0);
43
- const transitionClass = vue.computed(() => {
44
- return props.transition || `${ns.namespace.value}-fade-in-linear`;
45
- });
46
- const persistentRef = vue.computed(() => {
47
- if (process.env.NODE_ENV === "test") {
48
- return true;
49
- }
50
- return props.persistent;
51
- });
52
- vue.onBeforeUnmount(() => {
53
- destroyed.value = true;
54
- });
55
- const shouldRender = vue.computed(() => {
56
- return vue.unref(persistentRef) ? true : vue.unref(open);
57
- });
58
- const shouldShow = vue.computed(() => {
59
- return props.disabled ? false : vue.unref(open);
60
- });
61
- const appendTo = vue.computed(() => {
62
- return props.appendTo || selector.value;
63
- });
64
- const contentStyle = vue.computed(() => {
65
- var _a;
66
- return (_a = props.style) != null ? _a : {};
67
- });
68
- const ariaHidden = vue.computed(() => !vue.unref(open));
69
- const onTransitionLeave = () => {
70
- onHide();
71
- };
72
- const stopWhenControlled = () => {
73
- if (vue.unref(controlled))
74
- return true;
75
- };
76
- const onContentEnter = event.composeEventHandlers(stopWhenControlled, () => {
77
- if (props.enterable && vue.unref(trigger) === "hover") {
78
- onOpen();
79
- }
80
- });
81
- const onContentLeave = event.composeEventHandlers(stopWhenControlled, () => {
82
- if (vue.unref(trigger) === "hover") {
83
- onClose();
84
- }
85
- });
86
- const onBeforeEnter = () => {
87
- var _a, _b;
88
- (_b = (_a = contentRef.value) == null ? void 0 : _a.updatePopper) == null ? void 0 : _b.call(_a);
89
- onBeforeShow == null ? void 0 : onBeforeShow();
90
- };
91
- const onBeforeLeave = () => {
92
- onBeforeHide == null ? void 0 : onBeforeHide();
93
- };
94
- const onAfterShow = () => {
95
- onShow();
96
- stopHandle = core.onClickOutside(vue.computed(() => {
97
- var _a;
98
- return (_a = contentRef.value) == null ? void 0 : _a.popperContentRef;
99
- }), () => {
100
- if (vue.unref(controlled))
101
- return;
102
- const $trigger = vue.unref(trigger);
103
- if ($trigger !== "hover") {
104
- onClose();
105
- }
106
- });
107
- };
108
- const onBlur = () => {
109
- if (!props.virtualTriggering) {
110
- onClose();
111
- }
112
- };
113
- let stopHandle;
114
- vue.watch(() => vue.unref(open), (val) => {
115
- if (!val) {
116
- stopHandle == null ? void 0 : stopHandle();
117
- }
118
- }, {
119
- flush: "post"
120
- });
121
- vue.watch(() => props.content, () => {
122
- var _a, _b;
123
- (_b = (_a = contentRef.value) == null ? void 0 : _a.updatePopper) == null ? void 0 : _b.call(_a);
124
- });
125
- expose({
126
- contentRef
127
- });
128
- return (_ctx, _cache) => {
129
- return vue.openBlock(), vue.createBlock(vue.Teleport, {
130
- disabled: !_ctx.teleported,
131
- to: vue.unref(appendTo)
132
- }, [
133
- vue.createVNode(vue.Transition, {
134
- name: vue.unref(transitionClass),
135
- onAfterLeave: onTransitionLeave,
136
- onBeforeEnter,
137
- onAfterEnter: onAfterShow,
138
- onBeforeLeave
139
- }, {
140
- default: vue.withCtx(() => [
141
- vue.unref(shouldRender) ? vue.withDirectives((vue.openBlock(), vue.createBlock(vue.unref(content$1["default"]), vue.mergeProps({
142
- key: 0,
143
- id: vue.unref(id),
144
- ref_key: "contentRef",
145
- ref: contentRef
146
- }, _ctx.$attrs, {
147
- "aria-label": _ctx.ariaLabel,
148
- "aria-hidden": vue.unref(ariaHidden),
149
- "boundaries-padding": _ctx.boundariesPadding,
150
- "fallback-placements": _ctx.fallbackPlacements,
151
- "gpu-acceleration": _ctx.gpuAcceleration,
152
- offset: _ctx.offset,
153
- placement: _ctx.placement,
154
- "popper-options": _ctx.popperOptions,
155
- strategy: _ctx.strategy,
156
- effect: _ctx.effect,
157
- enterable: _ctx.enterable,
158
- pure: _ctx.pure,
159
- "popper-class": _ctx.popperClass,
160
- "popper-style": [_ctx.popperStyle, vue.unref(contentStyle)],
161
- "reference-el": _ctx.referenceEl,
162
- "trigger-target-el": _ctx.triggerTargetEl,
163
- visible: vue.unref(shouldShow),
164
- "z-index": _ctx.zIndex,
165
- onMouseenter: vue.unref(onContentEnter),
166
- onMouseleave: vue.unref(onContentLeave),
167
- onBlur,
168
- onClose: vue.unref(onClose)
169
- }), {
170
- default: vue.withCtx(() => [
171
- !destroyed.value ? vue.renderSlot(_ctx.$slots, "default", { key: 0 }) : vue.createCommentVNode("v-if", true)
172
- ]),
173
- _: 3
174
- }, 16, ["id", "aria-label", "aria-hidden", "boundaries-padding", "fallback-placements", "gpu-acceleration", "offset", "placement", "popper-options", "strategy", "effect", "enterable", "pure", "popper-class", "popper-style", "reference-el", "trigger-target-el", "visible", "z-index", "onMouseenter", "onMouseleave", "onClose"])), [
175
- [vue.vShow, vue.unref(shouldShow)]
176
- ]) : vue.createCommentVNode("v-if", true)
177
- ]),
178
- _: 3
179
- }, 8, ["name"])
180
- ], 8, ["disabled", "to"]);
181
- };
182
- }
12
+ const useTooltipContentProps = runtime.buildProps({
13
+ ...index.useDelayedToggleProps,
14
+ ...content.popperContentProps,
15
+ appendTo: {
16
+ type: runtime.definePropType([String, Object])
17
+ },
18
+ content: {
19
+ type: String,
20
+ default: ""
21
+ },
22
+ rawContent: {
23
+ type: Boolean,
24
+ default: false
25
+ },
26
+ persistent: Boolean,
27
+ ariaLabel: String,
28
+ visible: {
29
+ type: runtime.definePropType(Boolean),
30
+ default: null
31
+ },
32
+ transition: String,
33
+ teleported: {
34
+ type: Boolean,
35
+ default: true
36
+ },
37
+ disabled: Boolean
183
38
  });
184
- var ElTooltipContent = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/tooltip/src/content.vue"]]);
185
39
 
186
- exports["default"] = ElTooltipContent;
40
+ exports.useTooltipContentProps = useTooltipContentProps;
187
41
  //# sourceMappingURL=content.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"content.js","sources":["../../../../../../packages/components/tooltip/src/content.vue"],"sourcesContent":["<template>\n <teleport :disabled=\"!teleported\" :to=\"appendTo\">\n <transition\n :name=\"transitionClass\"\n @after-leave=\"onTransitionLeave\"\n @before-enter=\"onBeforeEnter\"\n @after-enter=\"onAfterShow\"\n @before-leave=\"onBeforeLeave\"\n >\n <el-popper-content\n v-if=\"shouldRender\"\n v-show=\"shouldShow\"\n :id=\"id\"\n ref=\"contentRef\"\n v-bind=\"$attrs\"\n :aria-label=\"ariaLabel\"\n :aria-hidden=\"ariaHidden\"\n :boundaries-padding=\"boundariesPadding\"\n :fallback-placements=\"fallbackPlacements\"\n :gpu-acceleration=\"gpuAcceleration\"\n :offset=\"offset\"\n :placement=\"placement\"\n :popper-options=\"popperOptions\"\n :strategy=\"strategy\"\n :effect=\"effect\"\n :enterable=\"enterable\"\n :pure=\"pure\"\n :popper-class=\"popperClass\"\n :popper-style=\"[popperStyle, contentStyle]\"\n :reference-el=\"referenceEl\"\n :trigger-target-el=\"triggerTargetEl\"\n :visible=\"shouldShow\"\n :z-index=\"zIndex\"\n @mouseenter=\"onContentEnter\"\n @mouseleave=\"onContentLeave\"\n @blur=\"onBlur\"\n @close=\"onClose\"\n >\n <template v-if=\"!destroyed\">\n <slot />\n </template>\n </el-popper-content>\n </transition>\n </teleport>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, inject, onBeforeUnmount, ref, unref, watch } from 'vue'\nimport { onClickOutside } from '@vueuse/core'\nimport { useNamespace, usePopperContainerId } from '@element-plus/hooks'\nimport { composeEventHandlers } from '@element-plus/utils'\nimport { ElPopperContent } from '@element-plus/components/popper'\nimport { TOOLTIP_INJECTION_KEY } from './constants'\nimport { useTooltipContentProps } from './content'\n\ndefineOptions({\n name: 'ElTooltipContent',\n inheritAttrs: false,\n})\n\nconst props = defineProps(useTooltipContentProps)\n\nconst { selector } = usePopperContainerId()\nconst ns = useNamespace('tooltip')\n// TODO any is temporary, replace with `InstanceType<typeof ElPopperContent> | null` later\nconst contentRef = ref<any>(null)\nconst destroyed = ref(false)\nconst {\n controlled,\n id,\n open,\n trigger,\n onClose,\n onOpen,\n onShow,\n onHide,\n onBeforeShow,\n onBeforeHide,\n} = inject(TOOLTIP_INJECTION_KEY, undefined)!\nconst transitionClass = computed(() => {\n return props.transition || `${ns.namespace.value}-fade-in-linear`\n})\nconst persistentRef = computed(() => {\n // For testing, we would always want the content to be rendered\n // to the DOM, so we need to return true here.\n if (process.env.NODE_ENV === 'test') {\n return true\n }\n return props.persistent\n})\n\nonBeforeUnmount(() => {\n destroyed.value = true\n})\n\nconst shouldRender = computed(() => {\n return unref(persistentRef) ? true : unref(open)\n})\n\nconst shouldShow = computed(() => {\n return props.disabled ? false : unref(open)\n})\n\nconst appendTo = computed(() => {\n return props.appendTo || selector.value\n})\n\nconst contentStyle = computed(() => (props.style ?? {}) as any)\n\nconst ariaHidden = computed(() => !unref(open))\n\nconst onTransitionLeave = () => {\n onHide()\n}\n\nconst stopWhenControlled = () => {\n if (unref(controlled)) return true\n}\n\nconst onContentEnter = composeEventHandlers(stopWhenControlled, () => {\n if (props.enterable && unref(trigger) === 'hover') {\n onOpen()\n }\n})\n\nconst onContentLeave = composeEventHandlers(stopWhenControlled, () => {\n if (unref(trigger) === 'hover') {\n onClose()\n }\n})\n\nconst onBeforeEnter = () => {\n contentRef.value?.updatePopper?.()\n onBeforeShow?.()\n}\n\nconst onBeforeLeave = () => {\n onBeforeHide?.()\n}\n\nconst onAfterShow = () => {\n onShow()\n stopHandle = onClickOutside(\n computed(() => {\n return contentRef.value?.popperContentRef\n }),\n () => {\n if (unref(controlled)) return\n const $trigger = unref(trigger)\n if ($trigger !== 'hover') {\n onClose()\n }\n }\n )\n}\n\nconst onBlur = () => {\n if (!props.virtualTriggering) {\n onClose()\n }\n}\n\nlet stopHandle: ReturnType<typeof onClickOutside>\n\nwatch(\n () => unref(open),\n (val) => {\n if (!val) {\n stopHandle?.()\n }\n },\n {\n flush: 'post',\n }\n)\n\nwatch(\n () => props.content,\n () => {\n contentRef.value?.updatePopper?.()\n }\n)\n\ndefineExpose({\n /**\n * @description el-popper-content component instance\n */\n contentRef,\n})\n</script>\n"],"names":["usePopperContainerId","useNamespace","ref","inject","TOOLTIP_INJECTION_KEY","computed","onBeforeUnmount","unref","composeEventHandlers","onClickOutside","watch"],"mappings":";;;;;;;;;;;;;;;;;uCAuDc,CAAA;AAAA,EACZ,IAAM,EAAA,kBAAA;AAAA,EACN,YAAc,EAAA,KAAA;AAChB,CAAA,CAAA,CAAA;;;;;;AAIA,IAAM,MAAA,EAAE,aAAaA,0BAAqB,EAAA,CAAA;AAC1C,IAAM,MAAA,EAAA,GAAKC,qBAAa,SAAS,CAAA,CAAA;AAEjC,IAAM,MAAA,UAAA,GAAaC,QAAS,IAAI,CAAA,CAAA;AAChC,IAAM,MAAA,SAAA,GAAYA,QAAI,KAAK,CAAA,CAAA;AAC3B,IAAM,MAAA;AAAA,MACJ,UAAA;AAAA,MACA,EAAA;AAAA,MACA,IAAA;AAAA,MACA,OAAA;AAAA,MACA,OAAA;AAAA,MACA,MAAA;AAAA,MACA,MAAA;AAAA,MACA,MAAA;AAAA,MACA,YAAA;AAAA,MACA,YAAA;AAAA,KACE,GAAAC,UAAA,CAAOC,iCAAuB,KAAS,CAAA,CAAA,CAAA;AAC3C,IAAM,MAAA,eAAA,GAAkBC,aAAS,MAAM;AACrC,MAAA,OAAO,KAAM,CAAA,UAAA,IAAc,CAAG,EAAA,EAAA,CAAG,SAAU,CAAA,KAAA,CAAA,eAAA,CAAA,CAAA;AAAA,KAC5C,CAAA,CAAA;AACD,IAAM,MAAA,aAAA,GAAgBA,aAAS,MAAM;AAGnC,MAAI,IAAA,OAAA,CAAQ,GAAI,CAAA,QAAA,KAAa,MAAQ,EAAA;AACnC,QAAO,OAAA,IAAA,CAAA;AAAA,OACT;AACA,MAAA,OAAO,KAAM,CAAA,UAAA,CAAA;AAAA,KACd,CAAA,CAAA;AAED,IAAAC,mBAAA,CAAgB,MAAM;AACpB,MAAA,SAAA,CAAU,KAAQ,GAAA,IAAA,CAAA;AAAA,KACnB,CAAA,CAAA;AAED,IAAM,MAAA,YAAA,GAAeD,aAAS,MAAM;AAClC,MAAA,OAAOE,SAAM,CAAA,aAAa,CAAI,GAAA,IAAA,GAAOA,UAAM,IAAI,CAAA,CAAA;AAAA,KAChD,CAAA,CAAA;AAED,IAAM,MAAA,UAAA,GAAaF,aAAS,MAAM;AAChC,MAAA,OAAO,KAAM,CAAA,QAAA,GAAW,KAAQ,GAAAE,SAAA,CAAM,IAAI,CAAA,CAAA;AAAA,KAC3C,CAAA,CAAA;AAED,IAAM,MAAA,QAAA,GAAWF,aAAS,MAAM;AAC9B,MAAO,OAAA,KAAA,CAAM,YAAY,QAAS,CAAA,KAAA,CAAA;AAAA,KACnC,CAAA,CAAA;AAED,IAAA,MAAM,eAAeA,YAAS,CAAA,MAAO;AAErC,MAAA,IAAM;AAEN,MAAA,wBAA0B,KAAM,IAAA,GAAA,EAAA,GAAA,EAAA,CAAA;AAC9B,KAAO,CAAA,CAAA;AAAA,IACT,MAAA,UAAA,GAAAA,YAAA,CAAA,MAAA,CAAAE,SAAA,CAAA,IAAA,CAAA,CAAA,CAAA;AAEA,IAAA,MAAM,0BAA2B;AAC/B,MAAA;AAAuB,KAAO,CAAA;AAAA,IAChC,MAAA,kBAAA,GAAA,MAAA;AAEA,MAAM,IAAAA,SAAA,CAAA,UAAA,CAAiB;AACrB,QAAA,OAAU,IAAA,CAAA;AACR,KAAO,CAAA;AAAA,IACT,MAAA,cAAA,GAAAC,0BAAA,CAAA,kBAAA,EAAA,MAAA;AAAA,MACD,IAAA,KAAA,CAAA,SAAA,IAAAD,SAAA,CAAA,OAAA,CAAA,KAAA,OAAA,EAAA;AAED,QAAM,MAAA,EAAA,CAAA;AACJ,OAAI;AACF,KAAQ,CAAA,CAAA;AAAA,IACV,MAAA,cAAA,GAAAC,0BAAA,CAAA,kBAAA,EAAA,MAAA;AAAA,MACD,IAAAD,SAAA,CAAA,OAAA,CAAA,KAAA,OAAA,EAAA;AAED,QAAA;AACE,OAAA;AACA,KAAe,CAAA,CAAA;AAAA,IACjB,MAAA,aAAA,GAAA,MAAA;AAEA,MAAA,IAAM;AACJ,MAAe,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,UAAA,CAAA,KAAA,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,YAAA,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,IAAA,CAAA,EAAA,CAAA,CAAA;AAAA,MACjB,YAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,YAAA,EAAA,CAAA;AAEA,KAAA,CAAA;AACE,IAAO,MAAA,aAAA,GAAA,MAAA;AACP,MAAa,YAAA,IAAA,IAAA,GAAA,KACX,gBAAe,EAAA,CAAA;AACb,KAAA,CAAA;AAAyB,IAC3B,MACA,WAAM,GAAA,MAAA;AACJ,MAAA,MAAI;AAAmB,MAAA,UAAA,GAAAE,mBAAA,CAAAJ,YAAA,CAAA,MAAA;AACvB,QAAM,IAAA,EAAA,CAAA;AACN,QAAA,uBAA0B,CAAA,KAAA,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,gBAAA,CAAA;AACxB,OAAQ,CAAA,EAAA,MAAA;AAAA,QACV,IAAAE,SAAA,CAAA,UAAA,CAAA;AAAA,UAEJ,OAAA;AAAA,QACF,MAAA,QAAA,GAAAA,SAAA,CAAA,OAAA,CAAA,CAAA;AAEA,QAAA,YAAqB,KAAA,OAAA,EAAA;AACnB,UAAI,OAAO,EAAmB,CAAA;AAC5B,SAAQ;AAAA,OACV,CAAA,CAAA;AAAA,KACF,CAAA;AAEA,IAAI,MAAA,MAAA,GAAA,MAAA;AAEJ,MAAA,IACE,CAAM,KAAA,CAAA,iBACG,EAAA;AACP,QAAA,OAAU,EAAA,CAAA;AACR,OAAa;AAAA,KACf,CAAA;AAAA,IACF,IACA,UAAA,CAAA;AAAA,IAAAG,SACS,CAAA,MAAAH,SAAA,CAAA,IAAA,CAAA,EAAA,CAAA,GAAA,KAAA;AAAA,MAEX,IAAA,CAAA,GAAA,EAAA;AAEA,QACE,UAAY,IAAA,IAAA,GAAA,KACN,CAAA,GAAA,UAAA,EAAA,CAAA;AACJ,OAAA;AAAiC,KAErC,EAAA;AAEA,MAAa,KAAA,EAAA,MAAA;AAAA,KAIX,CAAA,CAAA;AAAA,IACFG,SAAC,CAAA,MAAA,KAAA,CAAA,OAAA,EAAA,MAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"content.js","sources":["../../../../../../packages/components/tooltip/src/content.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-plus/utils'\nimport { popperContentProps } from '@element-plus/components/popper'\nimport { useDelayedToggleProps } from '@element-plus/hooks'\n\nimport type TooltipContent from './content.vue'\nimport type { ExtractPropTypes } from 'vue'\n\nexport const useTooltipContentProps = buildProps({\n ...useDelayedToggleProps,\n ...popperContentProps,\n /**\n * @description which element the tooltip CONTENT appends to\n */\n appendTo: {\n type: definePropType<string | HTMLElement>([String, Object]),\n },\n /**\n * @description display content, can be overridden by `slot#content`\n */\n content: {\n type: String,\n default: '',\n },\n /**\n * @description whether `content` is treated as HTML string\n */\n rawContent: {\n type: Boolean,\n default: false,\n },\n /**\n * @description when tooltip inactive and `persistent` is `false` , popconfirm will be destroyed\n */\n persistent: Boolean,\n /**\n * @description same as `aria-label`\n */\n ariaLabel: String,\n // because model toggle prop is generated dynamically\n // so the typing cannot be evaluated by typescript as type:\n // [name]: { type: Boolean, default: null }\n // so we need to declare that again for type checking.\n /**\n * @description visibility of Tooltip\n */\n visible: {\n type: definePropType<boolean | null>(Boolean),\n default: null,\n },\n /**\n * @description animation name\n */\n transition: String,\n /**\n * @description whether tooltip content is teleported, if `true` it will be teleported to where `append-to` sets\n */\n teleported: {\n type: Boolean,\n default: true,\n },\n /**\n * @description whether Tooltip is disabled\n */\n disabled: Boolean,\n} as const)\n\nexport type ElTooltipContentProps = ExtractPropTypes<\n typeof useTooltipContentProps\n>\n\nexport type TooltipContentInstance = InstanceType<typeof TooltipContent>\n"],"names":["buildProps","useDelayedToggleProps","popperContentProps","definePropType"],"mappings":";;;;;;;;;;;AAGY,MAAC,sBAAsB,GAAGA,kBAAU,CAAC;AACjD,EAAE,GAAGC,2BAAqB;AAC1B,EAAE,GAAGC,0BAAkB;AACvB,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAEC,sBAAc,CAAC,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAC1C,GAAG;AACH,EAAE,OAAO,EAAE;AACX,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,UAAU,EAAE;AACd,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,EAAE,UAAU,EAAE,OAAO;AACrB,EAAE,SAAS,EAAE,MAAM;AACnB,EAAE,OAAO,EAAE;AACX,IAAI,IAAI,EAAEA,sBAAc,CAAC,OAAO,CAAC;AACjC,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,UAAU,EAAE,MAAM;AACpB,EAAE,UAAU,EAAE;AACd,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,QAAQ,EAAE,OAAO;AACnB,CAAC;;;;"}
@@ -2,40 +2,186 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
+ var vue = require('vue');
6
+ var core = require('@vueuse/core');
7
+ require('../../../hooks/index.js');
5
8
  require('../../../utils/index.js');
6
9
  require('../../popper/index.js');
7
- require('../../../hooks/index.js');
8
- var runtime = require('../../../utils/vue/props/runtime.js');
9
- var index = require('../../../hooks/use-delayed-toggle/index.js');
10
- var content = require('../../popper/src/content.js');
10
+ var constants = require('./constants.js');
11
+ var content = require('./content.js');
12
+ var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
13
+ var index = require('../../../hooks/use-popper-container/index.js');
14
+ var index$1 = require('../../../hooks/use-namespace/index.js');
15
+ var event = require('../../../utils/dom/event.js');
16
+ var content$1 = require('../../popper/src/content2.js');
11
17
 
12
- const useTooltipContentProps = runtime.buildProps({
13
- ...index.useDelayedToggleProps,
14
- ...content.popperContentProps,
15
- appendTo: {
16
- type: runtime.definePropType([String, Object])
17
- },
18
- content: {
19
- type: String,
20
- default: ""
21
- },
22
- rawContent: {
23
- type: Boolean,
24
- default: false
25
- },
26
- persistent: Boolean,
27
- ariaLabel: String,
28
- visible: {
29
- type: runtime.definePropType(Boolean),
30
- default: null
31
- },
32
- transition: String,
33
- teleported: {
34
- type: Boolean,
35
- default: true
36
- },
37
- disabled: Boolean
18
+ const __default__ = vue.defineComponent({
19
+ name: "ElTooltipContent",
20
+ inheritAttrs: false
21
+ });
22
+ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
23
+ ...__default__,
24
+ props: content.useTooltipContentProps,
25
+ setup(__props, { expose }) {
26
+ const props = __props;
27
+ const { selector } = index.usePopperContainerId();
28
+ const ns = index$1.useNamespace("tooltip");
29
+ const contentRef = vue.ref(null);
30
+ const destroyed = vue.ref(false);
31
+ const {
32
+ controlled,
33
+ id,
34
+ open,
35
+ trigger,
36
+ onClose,
37
+ onOpen,
38
+ onShow,
39
+ onHide,
40
+ onBeforeShow,
41
+ onBeforeHide
42
+ } = vue.inject(constants.TOOLTIP_INJECTION_KEY, void 0);
43
+ const transitionClass = vue.computed(() => {
44
+ return props.transition || `${ns.namespace.value}-fade-in-linear`;
45
+ });
46
+ const persistentRef = vue.computed(() => {
47
+ if (process.env.NODE_ENV === "test") {
48
+ return true;
49
+ }
50
+ return props.persistent;
51
+ });
52
+ vue.onBeforeUnmount(() => {
53
+ destroyed.value = true;
54
+ });
55
+ const shouldRender = vue.computed(() => {
56
+ return vue.unref(persistentRef) ? true : vue.unref(open);
57
+ });
58
+ const shouldShow = vue.computed(() => {
59
+ return props.disabled ? false : vue.unref(open);
60
+ });
61
+ const appendTo = vue.computed(() => {
62
+ return props.appendTo || selector.value;
63
+ });
64
+ const contentStyle = vue.computed(() => {
65
+ var _a;
66
+ return (_a = props.style) != null ? _a : {};
67
+ });
68
+ const ariaHidden = vue.computed(() => !vue.unref(open));
69
+ const onTransitionLeave = () => {
70
+ onHide();
71
+ };
72
+ const stopWhenControlled = () => {
73
+ if (vue.unref(controlled))
74
+ return true;
75
+ };
76
+ const onContentEnter = event.composeEventHandlers(stopWhenControlled, () => {
77
+ if (props.enterable && vue.unref(trigger) === "hover") {
78
+ onOpen();
79
+ }
80
+ });
81
+ const onContentLeave = event.composeEventHandlers(stopWhenControlled, () => {
82
+ if (vue.unref(trigger) === "hover") {
83
+ onClose();
84
+ }
85
+ });
86
+ const onBeforeEnter = () => {
87
+ var _a, _b;
88
+ (_b = (_a = contentRef.value) == null ? void 0 : _a.updatePopper) == null ? void 0 : _b.call(_a);
89
+ onBeforeShow == null ? void 0 : onBeforeShow();
90
+ };
91
+ const onBeforeLeave = () => {
92
+ onBeforeHide == null ? void 0 : onBeforeHide();
93
+ };
94
+ const onAfterShow = () => {
95
+ onShow();
96
+ stopHandle = core.onClickOutside(vue.computed(() => {
97
+ var _a;
98
+ return (_a = contentRef.value) == null ? void 0 : _a.popperContentRef;
99
+ }), () => {
100
+ if (vue.unref(controlled))
101
+ return;
102
+ const $trigger = vue.unref(trigger);
103
+ if ($trigger !== "hover") {
104
+ onClose();
105
+ }
106
+ });
107
+ };
108
+ const onBlur = () => {
109
+ if (!props.virtualTriggering) {
110
+ onClose();
111
+ }
112
+ };
113
+ let stopHandle;
114
+ vue.watch(() => vue.unref(open), (val) => {
115
+ if (!val) {
116
+ stopHandle == null ? void 0 : stopHandle();
117
+ }
118
+ }, {
119
+ flush: "post"
120
+ });
121
+ vue.watch(() => props.content, () => {
122
+ var _a, _b;
123
+ (_b = (_a = contentRef.value) == null ? void 0 : _a.updatePopper) == null ? void 0 : _b.call(_a);
124
+ });
125
+ expose({
126
+ contentRef
127
+ });
128
+ return (_ctx, _cache) => {
129
+ return vue.openBlock(), vue.createBlock(vue.Teleport, {
130
+ disabled: !_ctx.teleported,
131
+ to: vue.unref(appendTo)
132
+ }, [
133
+ vue.createVNode(vue.Transition, {
134
+ name: vue.unref(transitionClass),
135
+ onAfterLeave: onTransitionLeave,
136
+ onBeforeEnter,
137
+ onAfterEnter: onAfterShow,
138
+ onBeforeLeave
139
+ }, {
140
+ default: vue.withCtx(() => [
141
+ vue.unref(shouldRender) ? vue.withDirectives((vue.openBlock(), vue.createBlock(vue.unref(content$1["default"]), vue.mergeProps({
142
+ key: 0,
143
+ id: vue.unref(id),
144
+ ref_key: "contentRef",
145
+ ref: contentRef
146
+ }, _ctx.$attrs, {
147
+ "aria-label": _ctx.ariaLabel,
148
+ "aria-hidden": vue.unref(ariaHidden),
149
+ "boundaries-padding": _ctx.boundariesPadding,
150
+ "fallback-placements": _ctx.fallbackPlacements,
151
+ "gpu-acceleration": _ctx.gpuAcceleration,
152
+ offset: _ctx.offset,
153
+ placement: _ctx.placement,
154
+ "popper-options": _ctx.popperOptions,
155
+ strategy: _ctx.strategy,
156
+ effect: _ctx.effect,
157
+ enterable: _ctx.enterable,
158
+ pure: _ctx.pure,
159
+ "popper-class": _ctx.popperClass,
160
+ "popper-style": [_ctx.popperStyle, vue.unref(contentStyle)],
161
+ "reference-el": _ctx.referenceEl,
162
+ "trigger-target-el": _ctx.triggerTargetEl,
163
+ visible: vue.unref(shouldShow),
164
+ "z-index": _ctx.zIndex,
165
+ onMouseenter: vue.unref(onContentEnter),
166
+ onMouseleave: vue.unref(onContentLeave),
167
+ onBlur,
168
+ onClose: vue.unref(onClose)
169
+ }), {
170
+ default: vue.withCtx(() => [
171
+ !destroyed.value ? vue.renderSlot(_ctx.$slots, "default", { key: 0 }) : vue.createCommentVNode("v-if", true)
172
+ ]),
173
+ _: 3
174
+ }, 16, ["id", "aria-label", "aria-hidden", "boundaries-padding", "fallback-placements", "gpu-acceleration", "offset", "placement", "popper-options", "strategy", "effect", "enterable", "pure", "popper-class", "popper-style", "reference-el", "trigger-target-el", "visible", "z-index", "onMouseenter", "onMouseleave", "onClose"])), [
175
+ [vue.vShow, vue.unref(shouldShow)]
176
+ ]) : vue.createCommentVNode("v-if", true)
177
+ ]),
178
+ _: 3
179
+ }, 8, ["name"])
180
+ ], 8, ["disabled", "to"]);
181
+ };
182
+ }
38
183
  });
184
+ var ElTooltipContent = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/tooltip/src/content.vue"]]);
39
185
 
40
- exports.useTooltipContentProps = useTooltipContentProps;
186
+ exports["default"] = ElTooltipContent;
41
187
  //# sourceMappingURL=content2.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"content2.js","sources":["../../../../../../packages/components/tooltip/src/content.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-plus/utils'\nimport { popperContentProps } from '@element-plus/components/popper'\nimport { useDelayedToggleProps } from '@element-plus/hooks'\n\nimport type TooltipContent from './content.vue'\nimport type { ExtractPropTypes } from 'vue'\n\nexport const useTooltipContentProps = buildProps({\n ...useDelayedToggleProps,\n ...popperContentProps,\n /**\n * @description which element the tooltip CONTENT appends to\n */\n appendTo: {\n type: definePropType<string | HTMLElement>([String, Object]),\n },\n /**\n * @description display content, can be overridden by `slot#content`\n */\n content: {\n type: String,\n default: '',\n },\n /**\n * @description whether `content` is treated as HTML string\n */\n rawContent: {\n type: Boolean,\n default: false,\n },\n /**\n * @description when tooltip inactive and `persistent` is `false` , popconfirm will be destroyed\n */\n persistent: Boolean,\n /**\n * @description same as `aria-label`\n */\n ariaLabel: String,\n // because model toggle prop is generated dynamically\n // so the typing cannot be evaluated by typescript as type:\n // [name]: { type: Boolean, default: null }\n // so we need to declare that again for type checking.\n /**\n * @description visibility of Tooltip\n */\n visible: {\n type: definePropType<boolean | null>(Boolean),\n default: null,\n },\n /**\n * @description animation name\n */\n transition: String,\n /**\n * @description whether tooltip content is teleported, if `true` it will be teleported to where `append-to` sets\n */\n teleported: {\n type: Boolean,\n default: true,\n },\n /**\n * @description whether Tooltip is disabled\n */\n disabled: Boolean,\n} as const)\n\nexport type ElTooltipContentProps = ExtractPropTypes<\n typeof useTooltipContentProps\n>\n\nexport type TooltipContentInstance = InstanceType<typeof TooltipContent>\n"],"names":["buildProps","useDelayedToggleProps","popperContentProps","definePropType"],"mappings":";;;;;;;;;;;AAGY,MAAC,sBAAsB,GAAGA,kBAAU,CAAC;AACjD,EAAE,GAAGC,2BAAqB;AAC1B,EAAE,GAAGC,0BAAkB;AACvB,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAEC,sBAAc,CAAC,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAC1C,GAAG;AACH,EAAE,OAAO,EAAE;AACX,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,UAAU,EAAE;AACd,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,EAAE,UAAU,EAAE,OAAO;AACrB,EAAE,SAAS,EAAE,MAAM;AACnB,EAAE,OAAO,EAAE;AACX,IAAI,IAAI,EAAEA,sBAAc,CAAC,OAAO,CAAC;AACjC,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,UAAU,EAAE,MAAM;AACpB,EAAE,UAAU,EAAE;AACd,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,QAAQ,EAAE,OAAO;AACnB,CAAC;;;;"}
1
+ {"version":3,"file":"content2.js","sources":["../../../../../../packages/components/tooltip/src/content.vue"],"sourcesContent":["<template>\n <teleport :disabled=\"!teleported\" :to=\"appendTo\">\n <transition\n :name=\"transitionClass\"\n @after-leave=\"onTransitionLeave\"\n @before-enter=\"onBeforeEnter\"\n @after-enter=\"onAfterShow\"\n @before-leave=\"onBeforeLeave\"\n >\n <el-popper-content\n v-if=\"shouldRender\"\n v-show=\"shouldShow\"\n :id=\"id\"\n ref=\"contentRef\"\n v-bind=\"$attrs\"\n :aria-label=\"ariaLabel\"\n :aria-hidden=\"ariaHidden\"\n :boundaries-padding=\"boundariesPadding\"\n :fallback-placements=\"fallbackPlacements\"\n :gpu-acceleration=\"gpuAcceleration\"\n :offset=\"offset\"\n :placement=\"placement\"\n :popper-options=\"popperOptions\"\n :strategy=\"strategy\"\n :effect=\"effect\"\n :enterable=\"enterable\"\n :pure=\"pure\"\n :popper-class=\"popperClass\"\n :popper-style=\"[popperStyle, contentStyle]\"\n :reference-el=\"referenceEl\"\n :trigger-target-el=\"triggerTargetEl\"\n :visible=\"shouldShow\"\n :z-index=\"zIndex\"\n @mouseenter=\"onContentEnter\"\n @mouseleave=\"onContentLeave\"\n @blur=\"onBlur\"\n @close=\"onClose\"\n >\n <template v-if=\"!destroyed\">\n <slot />\n </template>\n </el-popper-content>\n </transition>\n </teleport>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, inject, onBeforeUnmount, ref, unref, watch } from 'vue'\nimport { onClickOutside } from '@vueuse/core'\nimport { useNamespace, usePopperContainerId } from '@element-plus/hooks'\nimport { composeEventHandlers } from '@element-plus/utils'\nimport { ElPopperContent } from '@element-plus/components/popper'\nimport { TOOLTIP_INJECTION_KEY } from './constants'\nimport { useTooltipContentProps } from './content'\n\ndefineOptions({\n name: 'ElTooltipContent',\n inheritAttrs: false,\n})\n\nconst props = defineProps(useTooltipContentProps)\n\nconst { selector } = usePopperContainerId()\nconst ns = useNamespace('tooltip')\n// TODO any is temporary, replace with `InstanceType<typeof ElPopperContent> | null` later\nconst contentRef = ref<any>(null)\nconst destroyed = ref(false)\nconst {\n controlled,\n id,\n open,\n trigger,\n onClose,\n onOpen,\n onShow,\n onHide,\n onBeforeShow,\n onBeforeHide,\n} = inject(TOOLTIP_INJECTION_KEY, undefined)!\nconst transitionClass = computed(() => {\n return props.transition || `${ns.namespace.value}-fade-in-linear`\n})\nconst persistentRef = computed(() => {\n // For testing, we would always want the content to be rendered\n // to the DOM, so we need to return true here.\n if (process.env.NODE_ENV === 'test') {\n return true\n }\n return props.persistent\n})\n\nonBeforeUnmount(() => {\n destroyed.value = true\n})\n\nconst shouldRender = computed(() => {\n return unref(persistentRef) ? true : unref(open)\n})\n\nconst shouldShow = computed(() => {\n return props.disabled ? false : unref(open)\n})\n\nconst appendTo = computed(() => {\n return props.appendTo || selector.value\n})\n\nconst contentStyle = computed(() => (props.style ?? {}) as any)\n\nconst ariaHidden = computed(() => !unref(open))\n\nconst onTransitionLeave = () => {\n onHide()\n}\n\nconst stopWhenControlled = () => {\n if (unref(controlled)) return true\n}\n\nconst onContentEnter = composeEventHandlers(stopWhenControlled, () => {\n if (props.enterable && unref(trigger) === 'hover') {\n onOpen()\n }\n})\n\nconst onContentLeave = composeEventHandlers(stopWhenControlled, () => {\n if (unref(trigger) === 'hover') {\n onClose()\n }\n})\n\nconst onBeforeEnter = () => {\n contentRef.value?.updatePopper?.()\n onBeforeShow?.()\n}\n\nconst onBeforeLeave = () => {\n onBeforeHide?.()\n}\n\nconst onAfterShow = () => {\n onShow()\n stopHandle = onClickOutside(\n computed(() => {\n return contentRef.value?.popperContentRef\n }),\n () => {\n if (unref(controlled)) return\n const $trigger = unref(trigger)\n if ($trigger !== 'hover') {\n onClose()\n }\n }\n )\n}\n\nconst onBlur = () => {\n if (!props.virtualTriggering) {\n onClose()\n }\n}\n\nlet stopHandle: ReturnType<typeof onClickOutside>\n\nwatch(\n () => unref(open),\n (val) => {\n if (!val) {\n stopHandle?.()\n }\n },\n {\n flush: 'post',\n }\n)\n\nwatch(\n () => props.content,\n () => {\n contentRef.value?.updatePopper?.()\n }\n)\n\ndefineExpose({\n /**\n * @description el-popper-content component instance\n */\n contentRef,\n})\n</script>\n"],"names":["usePopperContainerId","useNamespace","ref","inject","TOOLTIP_INJECTION_KEY","computed","onBeforeUnmount","unref","composeEventHandlers","onClickOutside","watch"],"mappings":"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"}
@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  require('../../../utils/index.js');
6
6
  require('../../../hooks/index.js');
7
7
  require('../../popper/index.js');
8
- var content = require('./content2.js');
8
+ var content = require('./content.js');
9
9
  var trigger = require('./trigger.js');
10
10
  var index = require('../../../hooks/use-model-toggle/index.js');
11
11
  var runtime = require('../../../utils/vue/props/runtime.js');
@@ -9,7 +9,7 @@ require('../../../hooks/index.js');
9
9
  var constants = require('./constants.js');
10
10
  var tooltip = require('./tooltip.js');
11
11
  var trigger = require('./trigger2.js');
12
- var content = require('./content.js');
12
+ var content = require('./content2.js');
13
13
  var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
14
14
  var index = require('../../../hooks/use-popper-container/index.js');
15
15
  var index$1 = require('../../../hooks/use-id/index.js');
@@ -8,7 +8,7 @@ var arrow = require('./src/arrow.js');
8
8
  var content = require('./src/content.js');
9
9
  var root = require('./src/root.js');
10
10
  var tooltip = require('./src/tooltip.js');
11
- var trigger = require('./src/trigger2.js');
11
+ var trigger = require('./src/trigger.js');
12
12
  var constants = require('./src/constants.js');
13
13
  var install = require('../../utils/vue/install.js');
14
14
 
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  require('../../../utils/index.js');
6
6
  var root = require('./root.js');
7
- var trigger = require('./trigger2.js');
7
+ var trigger = require('./trigger.js');
8
8
  var arrow = require('./arrow.js');
9
9
  var content = require('./content.js');
10
10
  var runtime = require('../../../utils/vue/props/runtime.js');
@@ -8,11 +8,11 @@ var arrow = require('./arrow.js');
8
8
  var content = require('./content.js');
9
9
  var root = require('./root.js');
10
10
  var tooltip = require('./tooltip.js');
11
- var trigger = require('./trigger2.js');
11
+ var trigger = require('./trigger.js');
12
12
  var root$1 = require('./root2.js');
13
13
  var arrow$1 = require('./arrow2.js');
14
14
  var content$1 = require('./content2.js');
15
- var trigger$1 = require('./trigger.js');
15
+ var trigger$1 = require('./trigger2.js');
16
16
  var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
17
17
 
18
18
  const __default__ = vue.defineComponent({