@element-plus/nightly 0.0.20240428 → 0.0.20240429

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 (304) 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-eg.js +1 -1
  12. package/dist/locale/ar-eg.min.js +1 -1
  13. package/dist/locale/ar-eg.min.mjs +1 -1
  14. package/dist/locale/ar-eg.mjs +1 -1
  15. package/dist/locale/ar.js +1 -1
  16. package/dist/locale/ar.min.js +1 -1
  17. package/dist/locale/ar.min.mjs +1 -1
  18. package/dist/locale/ar.mjs +1 -1
  19. package/dist/locale/az.js +1 -1
  20. package/dist/locale/az.min.js +1 -1
  21. package/dist/locale/az.min.mjs +1 -1
  22. package/dist/locale/az.mjs +1 -1
  23. package/dist/locale/bg.js +1 -1
  24. package/dist/locale/bg.min.js +1 -1
  25. package/dist/locale/bg.min.mjs +1 -1
  26. package/dist/locale/bg.mjs +1 -1
  27. package/dist/locale/bn.js +1 -1
  28. package/dist/locale/bn.min.js +1 -1
  29. package/dist/locale/bn.min.mjs +1 -1
  30. package/dist/locale/bn.mjs +1 -1
  31. package/dist/locale/ca.js +1 -1
  32. package/dist/locale/ca.min.js +1 -1
  33. package/dist/locale/ca.min.mjs +1 -1
  34. package/dist/locale/ca.mjs +1 -1
  35. package/dist/locale/ckb.js +1 -1
  36. package/dist/locale/ckb.min.js +1 -1
  37. package/dist/locale/ckb.min.mjs +1 -1
  38. package/dist/locale/ckb.mjs +1 -1
  39. package/dist/locale/cs.js +1 -1
  40. package/dist/locale/cs.min.js +1 -1
  41. package/dist/locale/cs.min.mjs +1 -1
  42. package/dist/locale/cs.mjs +1 -1
  43. package/dist/locale/da.js +1 -1
  44. package/dist/locale/da.min.js +1 -1
  45. package/dist/locale/da.min.mjs +1 -1
  46. package/dist/locale/da.mjs +1 -1
  47. package/dist/locale/de.js +1 -1
  48. package/dist/locale/de.min.js +1 -1
  49. package/dist/locale/de.min.mjs +1 -1
  50. package/dist/locale/de.mjs +1 -1
  51. package/dist/locale/el.js +1 -1
  52. package/dist/locale/el.min.js +1 -1
  53. package/dist/locale/el.min.mjs +1 -1
  54. package/dist/locale/el.mjs +1 -1
  55. package/dist/locale/en.js +1 -1
  56. package/dist/locale/en.min.js +1 -1
  57. package/dist/locale/en.min.mjs +1 -1
  58. package/dist/locale/en.mjs +1 -1
  59. package/dist/locale/eo.js +1 -1
  60. package/dist/locale/eo.min.js +1 -1
  61. package/dist/locale/eo.min.mjs +1 -1
  62. package/dist/locale/eo.mjs +1 -1
  63. package/dist/locale/es.js +1 -1
  64. package/dist/locale/es.min.js +1 -1
  65. package/dist/locale/es.min.mjs +1 -1
  66. package/dist/locale/es.mjs +1 -1
  67. package/dist/locale/et.js +1 -1
  68. package/dist/locale/et.min.js +1 -1
  69. package/dist/locale/et.min.mjs +1 -1
  70. package/dist/locale/et.mjs +1 -1
  71. package/dist/locale/eu.js +1 -1
  72. package/dist/locale/eu.min.js +1 -1
  73. package/dist/locale/eu.min.mjs +1 -1
  74. package/dist/locale/eu.mjs +1 -1
  75. package/dist/locale/fa.js +1 -1
  76. package/dist/locale/fa.min.js +1 -1
  77. package/dist/locale/fa.min.mjs +1 -1
  78. package/dist/locale/fa.mjs +1 -1
  79. package/dist/locale/fi.js +1 -1
  80. package/dist/locale/fi.min.js +1 -1
  81. package/dist/locale/fi.min.mjs +1 -1
  82. package/dist/locale/fi.mjs +1 -1
  83. package/dist/locale/fr.js +1 -1
  84. package/dist/locale/fr.min.js +1 -1
  85. package/dist/locale/fr.min.mjs +1 -1
  86. package/dist/locale/fr.mjs +1 -1
  87. package/dist/locale/he.js +1 -1
  88. package/dist/locale/he.min.js +1 -1
  89. package/dist/locale/he.min.mjs +1 -1
  90. package/dist/locale/he.mjs +1 -1
  91. package/dist/locale/hr.js +1 -1
  92. package/dist/locale/hr.min.js +1 -1
  93. package/dist/locale/hr.min.mjs +1 -1
  94. package/dist/locale/hr.mjs +1 -1
  95. package/dist/locale/hu.js +1 -1
  96. package/dist/locale/hu.min.js +1 -1
  97. package/dist/locale/hu.min.mjs +1 -1
  98. package/dist/locale/hu.mjs +1 -1
  99. package/dist/locale/hy-am.js +1 -1
  100. package/dist/locale/hy-am.min.js +1 -1
  101. package/dist/locale/hy-am.min.mjs +1 -1
  102. package/dist/locale/hy-am.mjs +1 -1
  103. package/dist/locale/id.js +1 -1
  104. package/dist/locale/id.min.js +1 -1
  105. package/dist/locale/id.min.mjs +1 -1
  106. package/dist/locale/id.mjs +1 -1
  107. package/dist/locale/it.js +1 -1
  108. package/dist/locale/it.min.js +1 -1
  109. package/dist/locale/it.min.mjs +1 -1
  110. package/dist/locale/it.mjs +1 -1
  111. package/dist/locale/ja.js +1 -1
  112. package/dist/locale/ja.min.js +1 -1
  113. package/dist/locale/ja.min.mjs +1 -1
  114. package/dist/locale/ja.mjs +1 -1
  115. package/dist/locale/kk.js +1 -1
  116. package/dist/locale/kk.min.js +1 -1
  117. package/dist/locale/kk.min.mjs +1 -1
  118. package/dist/locale/kk.mjs +1 -1
  119. package/dist/locale/km.js +1 -1
  120. package/dist/locale/km.min.js +1 -1
  121. package/dist/locale/km.min.mjs +1 -1
  122. package/dist/locale/km.mjs +1 -1
  123. package/dist/locale/ko.js +1 -1
  124. package/dist/locale/ko.min.js +1 -1
  125. package/dist/locale/ko.min.mjs +1 -1
  126. package/dist/locale/ko.mjs +1 -1
  127. package/dist/locale/ku.js +1 -1
  128. package/dist/locale/ku.min.js +1 -1
  129. package/dist/locale/ku.min.mjs +1 -1
  130. package/dist/locale/ku.mjs +1 -1
  131. package/dist/locale/ky.js +1 -1
  132. package/dist/locale/ky.min.js +1 -1
  133. package/dist/locale/ky.min.mjs +1 -1
  134. package/dist/locale/ky.mjs +1 -1
  135. package/dist/locale/lt.js +1 -1
  136. package/dist/locale/lt.min.js +1 -1
  137. package/dist/locale/lt.min.mjs +1 -1
  138. package/dist/locale/lt.mjs +1 -1
  139. package/dist/locale/lv.js +1 -1
  140. package/dist/locale/lv.min.js +1 -1
  141. package/dist/locale/lv.min.mjs +1 -1
  142. package/dist/locale/lv.mjs +1 -1
  143. package/dist/locale/mg.js +1 -1
  144. package/dist/locale/mg.min.js +1 -1
  145. package/dist/locale/mg.min.mjs +1 -1
  146. package/dist/locale/mg.mjs +1 -1
  147. package/dist/locale/mn.js +1 -1
  148. package/dist/locale/mn.min.js +1 -1
  149. package/dist/locale/mn.min.mjs +1 -1
  150. package/dist/locale/mn.mjs +1 -1
  151. package/dist/locale/nb-no.js +1 -1
  152. package/dist/locale/nb-no.min.js +1 -1
  153. package/dist/locale/nb-no.min.mjs +1 -1
  154. package/dist/locale/nb-no.mjs +1 -1
  155. package/dist/locale/nl.js +1 -1
  156. package/dist/locale/nl.min.js +1 -1
  157. package/dist/locale/nl.min.mjs +1 -1
  158. package/dist/locale/nl.mjs +1 -1
  159. package/dist/locale/pa.js +1 -1
  160. package/dist/locale/pa.min.js +1 -1
  161. package/dist/locale/pa.min.mjs +1 -1
  162. package/dist/locale/pa.mjs +1 -1
  163. package/dist/locale/pl.js +1 -1
  164. package/dist/locale/pl.min.js +1 -1
  165. package/dist/locale/pl.min.mjs +1 -1
  166. package/dist/locale/pl.mjs +1 -1
  167. package/dist/locale/pt-br.js +1 -1
  168. package/dist/locale/pt-br.min.js +1 -1
  169. package/dist/locale/pt-br.min.mjs +1 -1
  170. package/dist/locale/pt-br.mjs +1 -1
  171. package/dist/locale/pt.js +1 -1
  172. package/dist/locale/pt.min.js +1 -1
  173. package/dist/locale/pt.min.mjs +1 -1
  174. package/dist/locale/pt.mjs +1 -1
  175. package/dist/locale/ro.js +1 -1
  176. package/dist/locale/ro.min.js +1 -1
  177. package/dist/locale/ro.min.mjs +1 -1
  178. package/dist/locale/ro.mjs +1 -1
  179. package/dist/locale/ru.js +1 -1
  180. package/dist/locale/ru.min.js +1 -1
  181. package/dist/locale/ru.min.mjs +1 -1
  182. package/dist/locale/ru.mjs +1 -1
  183. package/dist/locale/sk.js +1 -1
  184. package/dist/locale/sk.min.js +1 -1
  185. package/dist/locale/sk.min.mjs +1 -1
  186. package/dist/locale/sk.mjs +1 -1
  187. package/dist/locale/sl.js +1 -1
  188. package/dist/locale/sl.min.js +1 -1
  189. package/dist/locale/sl.min.mjs +1 -1
  190. package/dist/locale/sl.mjs +1 -1
  191. package/dist/locale/sr.js +1 -1
  192. package/dist/locale/sr.min.js +1 -1
  193. package/dist/locale/sr.min.mjs +1 -1
  194. package/dist/locale/sr.mjs +1 -1
  195. package/dist/locale/sv.js +1 -1
  196. package/dist/locale/sv.min.js +1 -1
  197. package/dist/locale/sv.min.mjs +1 -1
  198. package/dist/locale/sv.mjs +1 -1
  199. package/dist/locale/sw.js +1 -1
  200. package/dist/locale/sw.min.js +1 -1
  201. package/dist/locale/sw.min.mjs +1 -1
  202. package/dist/locale/sw.mjs +1 -1
  203. package/dist/locale/ta.js +1 -1
  204. package/dist/locale/ta.min.js +1 -1
  205. package/dist/locale/ta.min.mjs +1 -1
  206. package/dist/locale/ta.mjs +1 -1
  207. package/dist/locale/th.js +1 -1
  208. package/dist/locale/th.min.js +1 -1
  209. package/dist/locale/th.min.mjs +1 -1
  210. package/dist/locale/th.mjs +1 -1
  211. package/dist/locale/tk.js +1 -1
  212. package/dist/locale/tk.min.js +1 -1
  213. package/dist/locale/tk.min.mjs +1 -1
  214. package/dist/locale/tk.mjs +1 -1
  215. package/dist/locale/tr.js +1 -1
  216. package/dist/locale/tr.min.js +1 -1
  217. package/dist/locale/tr.min.mjs +1 -1
  218. package/dist/locale/tr.mjs +1 -1
  219. package/dist/locale/ug-cn.js +1 -1
  220. package/dist/locale/ug-cn.min.js +1 -1
  221. package/dist/locale/ug-cn.min.mjs +1 -1
  222. package/dist/locale/ug-cn.mjs +1 -1
  223. package/dist/locale/uk.js +1 -1
  224. package/dist/locale/uk.min.js +1 -1
  225. package/dist/locale/uk.min.mjs +1 -1
  226. package/dist/locale/uk.mjs +1 -1
  227. package/dist/locale/uz-uz.js +1 -1
  228. package/dist/locale/uz-uz.min.js +1 -1
  229. package/dist/locale/uz-uz.min.mjs +1 -1
  230. package/dist/locale/uz-uz.mjs +1 -1
  231. package/dist/locale/vi.js +1 -1
  232. package/dist/locale/vi.min.js +1 -1
  233. package/dist/locale/vi.min.mjs +1 -1
  234. package/dist/locale/vi.mjs +1 -1
  235. package/dist/locale/zh-cn.js +1 -1
  236. package/dist/locale/zh-cn.min.js +1 -1
  237. package/dist/locale/zh-cn.min.mjs +1 -1
  238. package/dist/locale/zh-cn.mjs +1 -1
  239. package/dist/locale/zh-tw.js +1 -1
  240. package/dist/locale/zh-tw.min.js +1 -1
  241. package/dist/locale/zh-tw.min.mjs +1 -1
  242. package/dist/locale/zh-tw.mjs +1 -1
  243. package/es/components/autocomplete/src/autocomplete.mjs +1 -1
  244. package/es/components/cascader/src/cascader.mjs +1 -1
  245. package/es/components/color-picker/src/color-picker.mjs +1 -1
  246. package/es/components/dropdown/src/dropdown.mjs +1 -1
  247. package/es/components/index.mjs +1 -1
  248. package/es/components/message-box/src/message-box.type.d.ts +1 -1
  249. package/es/components/pagination/src/components/jumper.mjs +9 -60
  250. package/es/components/pagination/src/components/jumper.mjs.map +1 -1
  251. package/es/components/pagination/src/components/jumper2.mjs +60 -9
  252. package/es/components/pagination/src/components/jumper2.mjs.map +1 -1
  253. package/es/components/pagination/src/components/sizes.mjs +23 -69
  254. package/es/components/pagination/src/components/sizes.mjs.map +1 -1
  255. package/es/components/pagination/src/components/sizes2.mjs +69 -23
  256. package/es/components/pagination/src/components/sizes2.mjs.map +1 -1
  257. package/es/components/pagination/src/pagination.mjs +2 -2
  258. package/es/components/popconfirm/src/popconfirm.mjs +1 -1
  259. package/es/components/popover/src/popover.mjs +1 -1
  260. package/es/components/select/src/select.mjs +1 -1
  261. package/es/components/select-v2/src/defaults.mjs +1 -1
  262. package/es/components/tooltip/index.mjs +1 -1
  263. package/es/components/tooltip/src/content.mjs +177 -32
  264. package/es/components/tooltip/src/content.mjs.map +1 -1
  265. package/es/components/tooltip/src/content2.mjs +32 -177
  266. package/es/components/tooltip/src/content2.mjs.map +1 -1
  267. package/es/components/tooltip/src/tooltip.mjs +1 -1
  268. package/es/components/tooltip/src/tooltip2.mjs +1 -1
  269. package/es/index.mjs +1 -1
  270. package/es/version.d.ts +1 -1
  271. package/es/version.mjs +1 -1
  272. package/es/version.mjs.map +1 -1
  273. package/lib/components/autocomplete/src/autocomplete.js +1 -1
  274. package/lib/components/cascader/src/cascader.js +1 -1
  275. package/lib/components/color-picker/src/color-picker.js +1 -1
  276. package/lib/components/dropdown/src/dropdown.js +1 -1
  277. package/lib/components/index.js +1 -1
  278. package/lib/components/message-box/src/message-box.type.d.ts +1 -1
  279. package/lib/components/pagination/src/components/jumper.js +9 -60
  280. package/lib/components/pagination/src/components/jumper.js.map +1 -1
  281. package/lib/components/pagination/src/components/jumper2.js +60 -9
  282. package/lib/components/pagination/src/components/jumper2.js.map +1 -1
  283. package/lib/components/pagination/src/components/sizes.js +23 -69
  284. package/lib/components/pagination/src/components/sizes.js.map +1 -1
  285. package/lib/components/pagination/src/components/sizes2.js +69 -23
  286. package/lib/components/pagination/src/components/sizes2.js.map +1 -1
  287. package/lib/components/pagination/src/pagination.js +2 -2
  288. package/lib/components/popconfirm/src/popconfirm.js +1 -1
  289. package/lib/components/popover/src/popover.js +1 -1
  290. package/lib/components/select/src/select.js +1 -1
  291. package/lib/components/select-v2/src/defaults.js +1 -1
  292. package/lib/components/tooltip/index.js +1 -1
  293. package/lib/components/tooltip/src/content.js +177 -32
  294. package/lib/components/tooltip/src/content.js.map +1 -1
  295. package/lib/components/tooltip/src/content2.js +32 -177
  296. package/lib/components/tooltip/src/content2.js.map +1 -1
  297. package/lib/components/tooltip/src/tooltip.js +1 -1
  298. package/lib/components/tooltip/src/tooltip2.js +1 -1
  299. package/lib/index.js +1 -1
  300. package/lib/version.d.ts +1 -1
  301. package/lib/version.js +1 -1
  302. package/lib/version.js.map +1 -1
  303. package/package.json +2 -2
  304. package/web-types.json +1 -1
@@ -2,41 +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');
11
- var index$1 = require('../../../hooks/use-aria/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');
12
17
 
13
- const useTooltipContentProps = runtime.buildProps({
14
- ...index.useDelayedToggleProps,
15
- ...content.popperContentProps,
16
- appendTo: {
17
- type: runtime.definePropType([String, Object])
18
- },
19
- content: {
20
- type: String,
21
- default: ""
22
- },
23
- rawContent: {
24
- type: Boolean,
25
- default: false
26
- },
27
- persistent: Boolean,
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,
38
- ...index$1.useAriaProps(["ariaLabel"])
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
+ }
39
183
  });
184
+ var ElTooltipContent = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "content.vue"]]);
40
185
 
41
- exports.useTooltipContentProps = useTooltipContentProps;
186
+ exports["default"] = ElTooltipContent;
42
187
  //# sourceMappingURL=content.js.map
@@ -1 +1 @@
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 { useAriaProps, 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 // 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 ...useAriaProps(['ariaLabel']),\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","useAriaProps"],"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,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,EAAE,GAAGC,oBAAY,CAAC,CAAC,WAAW,CAAC,CAAC;AAChC,CAAC;;;;"}
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":"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"}
@@ -2,186 +2,41 @@
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('./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');
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');
11
+ var index$1 = require('../../../hooks/use-aria/index.js');
17
12
 
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
- }
13
+ const useTooltipContentProps = runtime.buildProps({
14
+ ...index.useDelayedToggleProps,
15
+ ...content.popperContentProps,
16
+ appendTo: {
17
+ type: runtime.definePropType([String, Object])
18
+ },
19
+ content: {
20
+ type: String,
21
+ default: ""
22
+ },
23
+ rawContent: {
24
+ type: Boolean,
25
+ default: false
26
+ },
27
+ persistent: Boolean,
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,
38
+ ...index$1.useAriaProps(["ariaLabel"])
183
39
  });
184
- var ElTooltipContent = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "content.vue"]]);
185
40
 
186
- exports["default"] = ElTooltipContent;
41
+ exports.useTooltipContentProps = useTooltipContentProps;
187
42
  //# sourceMappingURL=content2.js.map
@@ -1 +1 @@
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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"}
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 { useAriaProps, 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 // 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 ...useAriaProps(['ariaLabel']),\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","useAriaProps"],"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,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,EAAE,GAAGC,oBAAY,CAAC,CAAC,WAAW,CAAC,CAAC;AAChC,CAAC;;;;"}
@@ -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('./content.js');
8
+ var content = require('./content2.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('./content2.js');
12
+ var content = require('./content.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');
package/lib/index.js CHANGED
@@ -193,7 +193,7 @@ var timelineItem = require('./components/timeline/src/timeline-item.js');
193
193
  var index$$ = require('./components/timeline/index.js');
194
194
  var tooltip = require('./components/tooltip/src/tooltip.js');
195
195
  var trigger$2 = require('./components/tooltip/src/trigger.js');
196
- var content$2 = require('./components/tooltip/src/content.js');
196
+ var content$2 = require('./components/tooltip/src/content2.js');
197
197
  var constants$i = require('./components/tooltip/src/constants.js');
198
198
  var index$10 = require('./components/tooltip/index.js');
199
199
  var transfer = require('./components/transfer/src/transfer.js');
package/lib/version.d.ts CHANGED
@@ -1 +1 @@
1
- export declare const version = "0.0.20240428";
1
+ export declare const version = "0.0.20240429";
package/lib/version.js CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- const version = "0.0.20240428";
5
+ const version = "0.0.20240429";
6
6
 
7
7
  exports.version = version;
8
8
  //# sourceMappingURL=version.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"version.js","sources":["../../../packages/element-plus/version.ts"],"sourcesContent":["export const version = '0.0.20240428'\n"],"names":[],"mappings":";;;;AAAY,MAAC,OAAO,GAAG;;;;"}
1
+ {"version":3,"file":"version.js","sources":["../../../packages/element-plus/version.ts"],"sourcesContent":["export const version = '0.0.20240429'\n"],"names":[],"mappings":";;;;AAAY,MAAC,OAAO,GAAG;;;;"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@element-plus/nightly",
3
- "version": "0.0.20240428",
3
+ "version": "0.0.20240429",
4
4
  "description": "A Component Library for Vue 3",
5
5
  "keywords": [
6
6
  "element-plus",
@@ -112,5 +112,5 @@
112
112
  "not ie 11",
113
113
  "not op_mini all"
114
114
  ],
115
- "gitHead": "29ae802fae7b7443004b588dfa84a923f64348a2"
115
+ "gitHead": "e75cee1ce4c252a3f27da806c22815d59c6a3c45"
116
116
  }