element-plus 2.0.2 → 2.0.5

package/lib/components/tooltip/index.d.ts

@@ -82,6 +82,7 @@ export declare const ElTooltip: import("element-plus/es/utils").SFCWithInstall<i
     popperOptions: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<Partial<import("@popperjs/core").Options>>, () => {}, unknown, unknown, unknown>;
     strategy: import("element-plus/es/utils").BuildPropReturn<StringConstructor, "absolute", unknown, "fixed" | "absolute", unknown>;
     showAfter: import("element-plus/es/utils").BuildPropReturn<NumberConstructor, 0, unknown, unknown, unknown>;
+    "onUpdate:visible": import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<(val: boolean) => void>, never, false, never, never>;
 }, {
     compatShowAfter: import("vue").ComputedRef<number>;
     compatShowArrow: import("vue").ComputedRef<import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>>;
@@ -212,22 +213,15 @@ export declare const ElTooltip: import("element-plus/es/utils").SFCWithInstall<i
     popperOptions: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<Partial<import("@popperjs/core").Options>>, () => {}, unknown, unknown, unknown>;
     strategy: import("element-plus/es/utils").BuildPropReturn<StringConstructor, "absolute", unknown, "fixed" | "absolute", unknown>;
     showAfter: import("element-plus/es/utils").BuildPropReturn<NumberConstructor, 0, unknown, unknown, unknown>;
+    "onUpdate:visible": import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<(val: boolean) => void>, never, false, never, never>;
 }>> & {
     [x: string & `on${string}`]: ((...args: any[]) => any) | undefined;
 }, {
     disabled: boolean;
     offset: number;
     effect: string;
-    style: import("vue").StyleValue;
-    visible: import("element-plus/es/utils").BuildPropType<import("element-plus/es/utils").PropWrapper<boolean | null>, unknown, unknown>;
-    arrowOffset: number;
-    boundariesPadding: number;
-    fallbackPlacements: import("@popperjs/core").Placement[];
-    gpuAcceleration: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
     placement: import("element-plus/es/utils").BuildPropType<StringConstructor, import("@popperjs/core").Placement, unknown>;
-    popperOptions: Partial<import("@popperjs/core").Options>;
-    strategy: import("element-plus/es/utils").BuildPropType<StringConstructor, "fixed" | "absolute", unknown>;
-    className: string | {
+    popperClass: string | {
         [x: string]: any;
     } | (string | {
         [x: string]: any;
@@ -252,9 +246,15 @@ export declare const ElTooltip: import("element-plus/es/utils").SFCWithInstall<i
     } | (string | {
         [x: string]: any;
     } | any)[])[])[])[])[])[])[])[])[])[])[];
-    enterable: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
-    pure: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
-    popperClass: string | {
+    showAfter: number;
+    hideAfter: number;
+    boundariesPadding: number;
+    fallbackPlacements: import("@popperjs/core").Placement[];
+    gpuAcceleration: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
+    popperOptions: Partial<import("@popperjs/core").Options>;
+    strategy: import("element-plus/es/utils").BuildPropType<StringConstructor, "fixed" | "absolute", unknown>;
+    style: import("vue").StyleValue;
+    className: string | {
         [x: string]: any;
     } | (string | {
         [x: string]: any;
@@ -279,20 +279,23 @@ export declare const ElTooltip: import("element-plus/es/utils").SFCWithInstall<i
     } | (string | {
         [x: string]: any;
     } | any)[])[])[])[])[])[])[])[])[])[])[];
+    visible: import("element-plus/es/utils").BuildPropType<import("element-plus/es/utils").PropWrapper<boolean | null>, unknown, unknown>;
+    enterable: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
+    pure: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
     popperStyle: import("vue").StyleValue;
     referenceEl: HTMLElement;
     stopPopperMouseEvent: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
-    content: string;
-    showAfter: number;
-    hideAfter: number;
     appendTo: import("element-plus/es/utils").BuildPropType<import("element-plus/es/utils").PropWrapper<string | HTMLElement>, unknown, unknown>;
+    content: string;
     rawContent: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
     transition: string;
     teleported: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
     persistent: boolean;
+    arrowOffset: number;
     trigger: import("element-plus/es/utils").BuildPropType<import("element-plus/es/utils").PropWrapper<"click" | "focus" | "hover" | "contextmenu" | ("click" | "focus" | "hover" | "contextmenu")[]>, unknown, unknown>;
     virtualRef: import("..").Measurable;
     virtualTriggering: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
+    "onUpdate:visible": (val: boolean) => void;
     openDelay: number;
     visibleArrow: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
     showArrow: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;

package/lib/components/tooltip/src/content.js

@@ -29,13 +29,28 @@ const _sfc_main = vue.defineComponent({
     const intermediateOpen = vue.ref(false);
     const entering = vue.ref(false);
     const leaving = vue.ref(false);
-    const { controlled, id, open, trigger, onClose, onOpen, onShow, onHide } = vue.inject(tokens.TOOLTIP_INJECTION_KEY, void 0);
+    const destroyed = vue.ref(false);
+    const {
+      controlled,
+      id,
+      open,
+      trigger,
+      onClose,
+      onOpen,
+      onShow,
+      onHide,
+      onBeforeShow,
+      onBeforeHide
+    } = vue.inject(tokens.TOOLTIP_INJECTION_KEY, void 0);
     const persistentRef = vue.computed(() => {
       if (process.env.NODE_ENV === "test") {
         return true;
       }
       return props.persistent;
     });
+    vue.onBeforeUnmount(() => {
+      destroyed.value = true;
+    });
     const shouldRender = vue.computed(() => {
       return vue.unref(persistentRef) ? true : vue.unref(open);
     });
@@ -68,6 +83,10 @@ const _sfc_main = vue.defineComponent({
     const onBeforeEnter = () => {
       var _a, _b;
       (_b = (_a = contentRef.value) == null ? void 0 : _a.updatePopper) == null ? void 0 : _b.call(_a);
+      onBeforeShow == null ? void 0 : onBeforeShow();
+    };
+    const onBeforeLeave = () => {
+      onBeforeHide == null ? void 0 : onBeforeHide();
     };
     const onAfterShow = () => {
       onShow();
@@ -100,11 +119,13 @@ const _sfc_main = vue.defineComponent({
       intermediateOpen,
       contentStyle,
       contentRef,
+      destroyed,
       shouldRender,
       shouldShow,
       open,
       onAfterShow,
       onBeforeEnter,
+      onBeforeLeave,
       onContentEnter,
       onContentLeave,
       onTransitionLeave
@@ -122,7 +143,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       name: _ctx.transition,
       onAfterLeave: _ctx.onTransitionLeave,
       onBeforeEnter: _ctx.onBeforeEnter,
-      onAfterEnter: _ctx.onAfterShow
+      onAfterEnter: _ctx.onAfterShow,
+      onBeforeLeave: _ctx.onBeforeLeave
     }, {
       default: vue.withCtx(() => [
         _ctx.shouldRender ? vue.withDirectives((vue.openBlock(), vue.createBlock(_component_el_popper_content, vue.mergeProps({
@@ -143,29 +165,33 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           "popper-class": _ctx.popperClass,
           "popper-style": [_ctx.popperStyle, _ctx.contentStyle],
           "reference-el": _ctx.referenceEl,
+          visible: _ctx.shouldShow,
           "z-index": _ctx.zIndex,
           onMouseenter: _ctx.onContentEnter,
           onMouseleave: _ctx.onContentLeave
         }), {
           default: vue.withCtx(() => [
-            vue.renderSlot(_ctx.$slots, "default"),
-            vue.createVNode(_component_el_visually_hidden, {
-              id: _ctx.id,
-              role: "tooltip"
-            }, {
-              default: vue.withCtx(() => [
-                vue.createTextVNode(vue.toDisplayString(_ctx.ariaLabel), 1)
-              ]),
-              _: 1
-            }, 8, ["id"])
+            vue.createCommentVNode(" Workaround bug #6378 "),
+            !_ctx.destroyed ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
+              vue.renderSlot(_ctx.$slots, "default"),
+              vue.createVNode(_component_el_visually_hidden, {
+                id: _ctx.id,
+                role: "tooltip"
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createTextVNode(vue.toDisplayString(_ctx.ariaLabel), 1)
+                ]),
+                _: 1
+              }, 8, ["id"])
+            ], 64)) : vue.createCommentVNode("v-if", true)
           ]),
           _: 3
-        }, 16, ["aria-hidden", "boundaries-padding", "fallback-placements", "gpu-acceleration", "offset", "placement", "popper-options", "strategy", "effect", "enterable", "pure", "popper-class", "popper-style", "reference-el", "z-index", "onMouseenter", "onMouseleave"])), [
+        }, 16, ["aria-hidden", "boundaries-padding", "fallback-placements", "gpu-acceleration", "offset", "placement", "popper-options", "strategy", "effect", "enterable", "pure", "popper-class", "popper-style", "reference-el", "visible", "z-index", "onMouseenter", "onMouseleave"])), [
           [vue.vShow, _ctx.shouldShow]
         ]) : vue.createCommentVNode("v-if", true)
       ]),
       _: 3
-    }, 8, ["name", "onAfterLeave", "onBeforeEnter", "onAfterEnter"])
+    }, 8, ["name", "onAfterLeave", "onBeforeEnter", "onAfterEnter", "onBeforeLeave"])
   ], 8, ["disabled", "to"]);
 }
 var ElTooltipContent = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render]]);

package/lib/components/tooltip/src/content.js.map

@@ -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=\"transition\"\n      @after-leave=\"onTransitionLeave\"\n      @before-enter=\"onBeforeEnter\"\n      @after-enter=\"onAfterShow\"\n    >\n      <el-popper-content\n        v-if=\"shouldRender\"\n        v-show=\"shouldShow\"\n        ref=\"contentRef\"\n        v-bind=\"$attrs\"\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        :z-index=\"zIndex\"\n        @mouseenter=\"onContentEnter\"\n        @mouseleave=\"onContentLeave\"\n      >\n        <slot />\n        <el-visually-hidden :id=\"id\" role=\"tooltip\">\n          {{ ariaLabel }}\n        </el-visually-hidden>\n      </el-popper-content>\n    </transition>\n  </teleport>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, inject, ref, unref, watch } from 'vue'\nimport { onClickOutside } from '@vueuse/core'\nimport { ElPopperContent } from '@element-plus/components/popper'\nimport { ElVisuallyHidden } from '@element-plus/components/visual-hidden'\nimport { composeEventHandlers } from '@element-plus/utils'\nimport { useEscapeKeydown } from '@element-plus/hooks'\n\nimport { useTooltipContentProps } from './tooltip'\nimport { TOOLTIP_INJECTION_KEY } from './tokens'\n\nexport default defineComponent({\n  name: 'ElTooltipContent',\n  components: {\n    ElPopperContent,\n    ElVisuallyHidden,\n  },\n  inheritAttrs: false,\n  props: useTooltipContentProps,\n  setup(props) {\n    const contentRef = ref<InstanceType<typeof ElPopperContent> | null>(null)\n    const intermediateOpen = ref(false)\n    const entering = ref(false)\n    const leaving = ref(false)\n    const { controlled, id, open, trigger, onClose, onOpen, onShow, onHide } =\n      inject(TOOLTIP_INJECTION_KEY, undefined)!\n    const 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\n    const shouldRender = computed(() => {\n      return unref(persistentRef) ? true : unref(open)\n    })\n\n    const shouldShow = computed(() => {\n      return props.disabled ? false : unref(open)\n    })\n\n    const contentStyle = computed(() => (props.style ?? {}) as any)\n\n    const ariaHidden = computed(() => !unref(open))\n\n    useEscapeKeydown(onClose)\n\n    const onTransitionLeave = () => {\n      onHide()\n    }\n\n    const stopWhenControlled = () => {\n      if (unref(controlled)) return true\n    }\n\n    const onContentEnter = composeEventHandlers(stopWhenControlled, () => {\n      if (props.enterable && unref(trigger) === 'hover') {\n        onOpen()\n      }\n    })\n\n    const onContentLeave = composeEventHandlers(stopWhenControlled, () => {\n      if (unref(trigger) === 'hover') {\n        onClose()\n      }\n    })\n\n    const onBeforeEnter = () => {\n      contentRef.value?.updatePopper?.()\n    }\n\n    const onAfterShow = () => {\n      onShow()\n    }\n\n    let stopHandle: ReturnType<typeof onClickOutside>\n\n    watch(\n      () => unref(open),\n      (val) => {\n        if (val) {\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        } else {\n          stopHandle?.()\n        }\n      },\n      {\n        flush: 'post',\n      }\n    )\n\n    return {\n      ariaHidden,\n      entering,\n      leaving,\n      id,\n      intermediateOpen,\n      contentStyle,\n      contentRef,\n      shouldRender,\n      shouldShow,\n      open,\n      onAfterShow,\n      onBeforeEnter,\n      onContentEnter,\n      onContentLeave,\n      onTransitionLeave,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","ElPopperContent","ElVisuallyHidden","useTooltipContentProps","ref","inject","TOOLTIP_INJECTION_KEY","computed","unref"],"mappings":";;;;;;;;;;;;;;;;;;AAmDA,MAAK,YAAaA,oBAAa;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,qBACVC;AAAA,sBACAC;AAAA;AAAA,EAEF,cAAc;AAAA,EACd,OAAOC;AAAA,EACP,MAAM,OAAO;AACX,UAAM,aAAaC,QAAiD;AACpE,UAAM,mBAAmBA,QAAI;AAC7B,UAAM,WAAWA,QAAI;AACrB,UAAM,UAAUA,QAAI;AACpB,UAAM,EAAE,YAAY,IAAI,MAAM,SAAS,SAAS,QAAQ,QAAQ,WAC9DC,WAAOC,8BAAuB;AAChC,UAAM,gBAAgBC,aAAS,MAAM;AAGnC,UAAI,QAAQ,IAAI,aAAa,QAAQ;AACnC,eAAO;AAAA;AAET,aAAO,MAAM;AAAA;AAGf,UAAM,eAAeA,aAAS,MAAM;AAClC,aAAOC,UAAM,iBAAiB,OAAOA,UAAM;AAAA;AAG7C,UAAM,aAAaD,aAAS,MAAM;AAChC,aAAO,MAAM,WAAW,QAAQC,UAAM;AAAA;AAGxC,UAAM,eAAeD,aAAS,MAAO;AAErC,UAAM;AAEN;AAEA;AACE;AAAA;AAGF,UAAM;AACJ;AAAuB;AAAO;AAGhC,UAAMC,qBAAiB;AACrB;AACE;AAAA;AAAA;AAIJ;AACE;AACE;AAAA;AAAA;AAIJ;AACE;AAAkB;AAGpB,UAAM;AACJ;AAAA;AAGF;AAEA,UACE,oBACC;AACC,eAAS;AACP;AAEI;AAAyB;AAGzB;AAAuB;AACvB,gBAAM;AACN;AACE;AAAA;AAAA;AAAA;AAKN;AAAA;AAAA;AAGJ;AACS;AAIX;AAAO;AACL;AACA,MACA;AAAA,MACA;AAAA;AACA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA;AAAA;;;;;;AA9JmC;;AACrC;AACmB;AAChB,oBACY;AAAE,MACd,eAAa;AAAA;;;AAGM;;AAEd;AACI;AACI,iCACO;AAAA;AACG,UACrB;AAAkB,UAClB;AAAc;AACH,UACX;AAAc,UACd;AAAkB,UAClB;AAAQ,UACR;AAAW,UACX;AAAU,UACV;AAAA,UACA,gBAAY;AAAG,UACf;AAAyB,UACzB;AAAS,UACT,gBAAY;AAAA,UACZ;AAAY;;;AAEL;AAGa;AAFM;AAAO;;;;;;;;;eAtB1B;AAAU;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"content.js","sources":["../../../../../../packages/components/tooltip/src/content.vue"],"sourcesContent":["<template>\n  <teleport :disabled=\"!teleported\" :to=\"appendTo\">\n    <transition\n      :name=\"transition\"\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        ref=\"contentRef\"\n        v-bind=\"$attrs\"\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        :visible=\"shouldShow\"\n        :z-index=\"zIndex\"\n        @mouseenter=\"onContentEnter\"\n        @mouseleave=\"onContentLeave\"\n      >\n        <!-- Workaround bug #6378 -->\n        <template v-if=\"!destroyed\">\n          <slot />\n          <el-visually-hidden :id=\"id\" role=\"tooltip\">\n            {{ ariaLabel }}\n          </el-visually-hidden>\n        </template>\n      </el-popper-content>\n    </transition>\n  </teleport>\n</template>\n\n<script lang=\"ts\">\nimport {\n  computed,\n  defineComponent,\n  inject,\n  onBeforeUnmount,\n  ref,\n  unref,\n  watch,\n} from 'vue'\nimport { onClickOutside } from '@vueuse/core'\nimport { ElPopperContent } from '@element-plus/components/popper'\nimport { ElVisuallyHidden } from '@element-plus/components/visual-hidden'\nimport { composeEventHandlers } from '@element-plus/utils'\nimport { useEscapeKeydown } from '@element-plus/hooks'\n\nimport { useTooltipContentProps } from './tooltip'\nimport { TOOLTIP_INJECTION_KEY } from './tokens'\n\nexport default defineComponent({\n  name: 'ElTooltipContent',\n  components: {\n    ElPopperContent,\n    ElVisuallyHidden,\n  },\n  inheritAttrs: false,\n  props: useTooltipContentProps,\n  setup(props) {\n    const contentRef = ref<InstanceType<typeof ElPopperContent> | null>(null)\n    const intermediateOpen = ref(false)\n    const entering = ref(false)\n    const leaving = ref(false)\n    const destroyed = ref(false)\n    const {\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)!\n    const 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\n    onBeforeUnmount(() => {\n      destroyed.value = true\n    })\n\n    const shouldRender = computed(() => {\n      return unref(persistentRef) ? true : unref(open)\n    })\n\n    const shouldShow = computed(() => {\n      return props.disabled ? false : unref(open)\n    })\n\n    const contentStyle = computed(() => (props.style ?? {}) as any)\n\n    const ariaHidden = computed(() => !unref(open))\n\n    useEscapeKeydown(onClose)\n\n    const onTransitionLeave = () => {\n      onHide()\n    }\n\n    const stopWhenControlled = () => {\n      if (unref(controlled)) return true\n    }\n\n    const onContentEnter = composeEventHandlers(stopWhenControlled, () => {\n      if (props.enterable && unref(trigger) === 'hover') {\n        onOpen()\n      }\n    })\n\n    const onContentLeave = composeEventHandlers(stopWhenControlled, () => {\n      if (unref(trigger) === 'hover') {\n        onClose()\n      }\n    })\n\n    const onBeforeEnter = () => {\n      contentRef.value?.updatePopper?.()\n      onBeforeShow?.()\n    }\n\n    const onBeforeLeave = () => {\n      onBeforeHide?.()\n    }\n\n    const onAfterShow = () => {\n      onShow()\n    }\n\n    let stopHandle: ReturnType<typeof onClickOutside>\n\n    watch(\n      () => unref(open),\n      (val) => {\n        if (val) {\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        } else {\n          stopHandle?.()\n        }\n      },\n      {\n        flush: 'post',\n      }\n    )\n\n    return {\n      ariaHidden,\n      entering,\n      leaving,\n      id,\n      intermediateOpen,\n      contentStyle,\n      contentRef,\n      destroyed,\n      shouldRender,\n      shouldShow,\n      open,\n      onAfterShow,\n      onBeforeEnter,\n      onBeforeLeave,\n      onContentEnter,\n      onContentLeave,\n      onTransitionLeave,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","ElPopperContent","ElVisuallyHidden","useTooltipContentProps","ref","inject","TOOLTIP_INJECTION_KEY","computed","unref"],"mappings":";;;;;;;;;;;;;;;;;;AAgEA,MAAK,YAAaA,oBAAa;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,qBACVC;AAAA,sBACAC;AAAA;AAAA,EAEF,cAAc;AAAA,EACd,OAAOC;AAAA,EACP,MAAM,OAAO;AACX,UAAM,aAAaC,QAAiD;AACpE,UAAM,mBAAmBA,QAAI;AAC7B,UAAM,WAAWA,QAAI;AACrB,UAAM,UAAUA,QAAI;AACpB,UAAM,YAAYA,QAAI;AACtB,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,QACEC,WAAOC,8BAAuB;AAClC,UAAM,gBAAgBC,aAAS,MAAM;AAGnC,UAAI,QAAQ,IAAI,aAAa,QAAQ;AACnC,eAAO;AAAA;AAET,aAAO,MAAM;AAAA;AAGf,wBAAgB,MAAM;AACpB,gBAAU,QAAQ;AAAA;AAGpB,UAAM,eAAeA,aAAS,MAAM;AAClC,aAAOC,UAAM,iBAAiB,OAAOA,UAAM;AAAA;AAG7C,UAAM,aAAaD,aAAS,MAAM;AAChC,aAAO,MAAM,WAAW,QAAQC,UAAM;AAAA;AAGxC,UAAM,eAAeD,aAAS,MAAO;AAErC,UAAM;AAEN;AAEA;AACE;AAAA;AAGF,UAAM;AACJ;AAAuB;AAAO;AAGhC,UAAMC,qBAAiB;AACrB;AACE;AAAA;AAAA;AAIJ;AACE;AACE;AAAA;AAAA;AAIJ;AACE;AACA;AAAA;AAGF,UAAM;AACJ;AAAA;AAGF;AACE;AAAA;AAGF;AAEA,UACE,oBACC;AACC,eAAS;AACP;AAEI;AAAyB;AAGzB;AAAuB;AACvB,gBAAM;AACN;AACE;AAAA;AAAA;AAAA;AAKN;AAAA;AAAA;AAGJ;AACS;AAIX;AAAO;AACL;AACA,MACA;AAAA,MACA;AAAA;AACA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA;AAAA;;;;;;AAjMkB;AAAiB;;AAwCxB;AAtCJ,oBACO;AAAA,MACb,eAAc;AAAA;AACD;AACC;wBAEf;AA+BoB;AAAA;;AA5Bd;AACU;AACA;AACO,UACpB;AAAqB,UACrB;AAAkB;AACV,UACR;AAAW,UACX;AAAgB,UAChB;AAAU,UACV;AAAQ,UACR;AAAW,UACX;AAAM,UACN,gBAAc;AAAA,UACd;AAA4B,UAC5B;AAAc,UACd,SAAS;AAAA,UACT,WAAS;AAAA,UACT,cAAY;AAAA,UACZ,cAAY;AAAA;kCAEgB;AAAA;AAA7B;AAMW;AAJD;AAGa;AAFI;AAAS;;AACjB;AAAH;AAAA;;;;;;;AA1BR;;;;;;;;;;;;;;;"}

package/lib/components/tooltip/src/content.vue.d.ts

@@ -88,14 +88,8 @@ declare const _default: import("vue").DefineComponent<{
         $props: Partial<{
             offset: number;
             effect: string;
-            style: import("vue").StyleValue;
-            boundariesPadding: number;
-            fallbackPlacements: import("element-plus/es/components/popper").Placement[];
-            gpuAcceleration: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
             placement: import("element-plus/es/utils").BuildPropType<StringConstructor, import("element-plus/es/components/popper").Placement, unknown>;
-            popperOptions: Partial<import("element-plus/es/components/popper").Options>;
-            strategy: import("element-plus/es/utils").BuildPropType<StringConstructor, "fixed" | "absolute", unknown>;
-            className: string | {
+            popperClass: string | {
                 [x: string]: any;
             } | (string | {
                 [x: string]: any;
@@ -120,9 +114,13 @@ declare const _default: import("vue").DefineComponent<{
             } | (string | {
                 [x: string]: any;
             } | any)[])[])[])[])[])[])[])[])[])[])[];
-            enterable: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
-            pure: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
-            popperClass: string | {
+            boundariesPadding: number;
+            fallbackPlacements: import("element-plus/es/components/popper").Placement[];
+            gpuAcceleration: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
+            popperOptions: Partial<import("element-plus/es/components/popper").Options>;
+            strategy: import("element-plus/es/utils").BuildPropType<StringConstructor, "fixed" | "absolute", unknown>;
+            style: import("vue").StyleValue;
+            className: string | {
                 [x: string]: any;
             } | (string | {
                 [x: string]: any;
@@ -147,6 +145,9 @@ declare const _default: import("vue").DefineComponent<{
             } | (string | {
                 [x: string]: any;
             } | any)[])[])[])[])[])[])[])[])[])[])[];
+            visible: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
+            enterable: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
+            pure: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
             popperStyle: import("vue").StyleValue;
             referenceEl: HTMLElement;
             stopPopperMouseEvent: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
@@ -178,6 +179,7 @@ declare const _default: import("vue").DefineComponent<{
                 [x: string]: any;
             } | any)[])[])[])[])[])[])[])[])[])[])[]>, unknown, unknown, unknown, unknown>;
             readonly effect: import("element-plus/es/utils").BuildPropReturn<StringConstructor, "dark", unknown, unknown, unknown>;
+            readonly visible: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, unknown, unknown, unknown, unknown>;
             readonly enterable: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
             readonly pure: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, unknown, unknown, unknown, unknown>;
             readonly popperClass: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<string | {
@@ -219,7 +221,7 @@ declare const _default: import("vue").DefineComponent<{
         }>> & {
             onMouseenter?: ((...args: any[]) => any) | undefined;
             onMouseleave?: ((...args: any[]) => any) | undefined;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "offset" | "effect" | "style" | "boundariesPadding" | "fallbackPlacements" | "gpuAcceleration" | "placement" | "popperOptions" | "strategy" | "className" | "enterable" | "pure" | "popperClass" | "popperStyle" | "referenceEl" | "stopPopperMouseEvent">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "offset" | "effect" | "placement" | "popperClass" | "boundariesPadding" | "fallbackPlacements" | "gpuAcceleration" | "popperOptions" | "strategy" | "style" | "className" | "visible" | "enterable" | "pure" | "popperStyle" | "referenceEl" | "stopPopperMouseEvent">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -261,6 +263,7 @@ declare const _default: import("vue").DefineComponent<{
                 [x: string]: any;
             } | any)[])[])[])[])[])[])[])[])[])[])[]>, unknown, unknown, unknown, unknown>;
             readonly effect: import("element-plus/es/utils").BuildPropReturn<StringConstructor, "dark", unknown, unknown, unknown>;
+            readonly visible: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, unknown, unknown, unknown, unknown>;
             readonly enterable: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
             readonly pure: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, unknown, unknown, unknown, unknown>;
             readonly popperClass: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<string | {
@@ -327,14 +330,8 @@ declare const _default: import("vue").DefineComponent<{
         }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("mouseenter" | "mouseleave")[], string, {
             offset: number;
             effect: string;
-            style: import("vue").StyleValue;
-            boundariesPadding: number;
-            fallbackPlacements: import("element-plus/es/components/popper").Placement[];
-            gpuAcceleration: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
             placement: import("element-plus/es/utils").BuildPropType<StringConstructor, import("element-plus/es/components/popper").Placement, unknown>;
-            popperOptions: Partial<import("element-plus/es/components/popper").Options>;
-            strategy: import("element-plus/es/utils").BuildPropType<StringConstructor, "fixed" | "absolute", unknown>;
-            className: string | {
+            popperClass: string | {
                 [x: string]: any;
             } | (string | {
                 [x: string]: any;
@@ -359,9 +356,13 @@ declare const _default: import("vue").DefineComponent<{
             } | (string | {
                 [x: string]: any;
             } | any)[])[])[])[])[])[])[])[])[])[])[];
-            enterable: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
-            pure: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
-            popperClass: string | {
+            boundariesPadding: number;
+            fallbackPlacements: import("element-plus/es/components/popper").Placement[];
+            gpuAcceleration: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
+            popperOptions: Partial<import("element-plus/es/components/popper").Options>;
+            strategy: import("element-plus/es/utils").BuildPropType<StringConstructor, "fixed" | "absolute", unknown>;
+            style: import("vue").StyleValue;
+            className: string | {
                 [x: string]: any;
             } | (string | {
                 [x: string]: any;
@@ -386,6 +387,9 @@ declare const _default: import("vue").DefineComponent<{
             } | (string | {
                 [x: string]: any;
             } | any)[])[])[])[])[])[])[])[])[])[])[];
+            visible: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
+            enterable: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
+            pure: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
             popperStyle: import("vue").StyleValue;
             referenceEl: HTMLElement;
             stopPopperMouseEvent: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
@@ -437,6 +441,7 @@ declare const _default: import("vue").DefineComponent<{
             [x: string]: any;
         } | any)[])[])[])[])[])[])[])[])[])[])[]>, unknown, unknown, unknown, unknown>;
         readonly effect: import("element-plus/es/utils").BuildPropReturn<StringConstructor, "dark", unknown, unknown, unknown>;
+        readonly visible: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, unknown, unknown, unknown, unknown>;
         readonly enterable: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
         readonly pure: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, unknown, unknown, unknown, unknown>;
         readonly popperClass: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<string | {
@@ -501,11 +506,13 @@ declare const _default: import("vue").DefineComponent<{
         } | undefined)[]>;
         updatePopper: () => void;
     }> & {} & {} & import("vue").ComponentCustomProperties) | null>;
+    destroyed: import("vue").Ref<boolean>;
     shouldRender: import("vue").ComputedRef<boolean>;
     shouldShow: import("vue").ComputedRef<boolean>;
     open: import("vue").Ref<boolean>;
     onAfterShow: () => void;
     onBeforeEnter: () => void;
+    onBeforeLeave: () => void;
     onContentEnter: (event: unknown) => void;
     onContentLeave: (event: unknown) => void;
     onTransitionLeave: () => void;
@@ -590,15 +597,8 @@ declare const _default: import("vue").DefineComponent<{
     disabled: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
     offset: number;
     effect: string;
-    style: import("vue").StyleValue;
-    visible: import("element-plus/es/utils").BuildPropType<import("element-plus/es/utils").PropWrapper<boolean | null>, unknown, unknown>;
-    boundariesPadding: number;
-    fallbackPlacements: import("element-plus/es/components/popper").Placement[];
-    gpuAcceleration: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
     placement: import("element-plus/es/utils").BuildPropType<StringConstructor, import("element-plus/es/components/popper").Placement, unknown>;
-    popperOptions: Partial<import("element-plus/es/components/popper").Options>;
-    strategy: import("element-plus/es/utils").BuildPropType<StringConstructor, "fixed" | "absolute", unknown>;
-    className: string | {
+    popperClass: string | {
         [x: string]: any;
     } | (string | {
         [x: string]: any;
@@ -623,9 +623,15 @@ declare const _default: import("vue").DefineComponent<{
     } | (string | {
         [x: string]: any;
     } | any)[])[])[])[])[])[])[])[])[])[])[];
-    enterable: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
-    pure: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
-    popperClass: string | {
+    showAfter: number;
+    hideAfter: number;
+    boundariesPadding: number;
+    fallbackPlacements: import("element-plus/es/components/popper").Placement[];
+    gpuAcceleration: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
+    popperOptions: Partial<import("element-plus/es/components/popper").Options>;
+    strategy: import("element-plus/es/utils").BuildPropType<StringConstructor, "fixed" | "absolute", unknown>;
+    style: import("vue").StyleValue;
+    className: string | {
         [x: string]: any;
     } | (string | {
         [x: string]: any;
@@ -650,13 +656,14 @@ declare const _default: import("vue").DefineComponent<{
     } | (string | {
         [x: string]: any;
     } | any)[])[])[])[])[])[])[])[])[])[])[];
+    visible: import("element-plus/es/utils").BuildPropType<import("element-plus/es/utils").PropWrapper<boolean | null>, unknown, unknown>;
+    enterable: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
+    pure: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
     popperStyle: import("vue").StyleValue;
     referenceEl: HTMLElement;
     stopPopperMouseEvent: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
-    content: string;
-    showAfter: number;
-    hideAfter: number;
     appendTo: import("element-plus/es/utils").BuildPropType<import("element-plus/es/utils").PropWrapper<string | HTMLElement>, unknown, unknown>;
+    content: string;
     rawContent: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
     transition: string;
     teleported: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;

package/lib/components/tooltip/src/tokens.d.ts

@@ -10,6 +10,8 @@ export declare type ElTooltipInjectionContext = {
     onToggle: (e: Event) => void;
     onShow: () => void;
     onHide: () => void;
+    onBeforeShow: () => void;
+    onBeforeHide: () => void;
     updatePopper: () => void;
 };
 export declare const TOOLTIP_INJECTION_KEY: InjectionKey<ElTooltipInjectionContext>;

package/lib/components/tooltip/src/tokens.js.map

@@ -1 +1 @@
-{"version":3,"file":"tokens.js","sources":["../../../../../../packages/components/tooltip/src/tokens.ts"],"sourcesContent":["import type { InjectionKey, Ref } from 'vue'\nimport type { Trigger } from './tooltip'\n\nexport type ElTooltipInjectionContext = {\n  controlled: Ref<boolean>\n  id: Ref<string>\n  open: Ref<boolean>\n  trigger: Ref<Trigger | Trigger[]>\n  onOpen: (e?: Event) => void\n  onClose: (e?: Event) => void\n  onToggle: (e: Event) => void\n  onShow: () => void\n  onHide: () => void\n  updatePopper: () => void\n}\n\nexport const TOOLTIP_INJECTION_KEY: InjectionKey<ElTooltipInjectionContext> =\n  Symbol('elTooltip')\n"],"names":[],"mappings":";;;;AAAY,MAAC,qBAAqB,GAAG,MAAM,CAAC,WAAW;;;;"}
+{"version":3,"file":"tokens.js","sources":["../../../../../../packages/components/tooltip/src/tokens.ts"],"sourcesContent":["import type { InjectionKey, Ref } from 'vue'\nimport type { Trigger } from './tooltip'\n\nexport type ElTooltipInjectionContext = {\n  controlled: Ref<boolean>\n  id: Ref<string>\n  open: Ref<boolean>\n  trigger: Ref<Trigger | Trigger[]>\n  onOpen: (e?: Event) => void\n  onClose: (e?: Event) => void\n  onToggle: (e: Event) => void\n  onShow: () => void\n  onHide: () => void\n  onBeforeShow: () => void\n  onBeforeHide: () => void\n  updatePopper: () => void\n}\n\nexport const TOOLTIP_INJECTION_KEY: InjectionKey<ElTooltipInjectionContext> =\n  Symbol('elTooltip')\n"],"names":[],"mappings":";;;;AAAY,MAAC,qBAAqB,GAAG,MAAM,CAAC,WAAW;;;;"}

package/lib/components/tooltip/src/tooltip.d.ts

@@ -1,3 +1,4 @@
+import type Tooltip from '../src/tooltip.vue';
 import type { ExtractPropTypes } from 'vue';
 declare const triggers: readonly ["hover", "focus", "click", "contextmenu"];
 export declare type Trigger = typeof triggers[number];
@@ -94,4 +95,5 @@ export declare const useTooltipProps: {
 export declare type ElTooltipContentProps = ExtractPropTypes<typeof useTooltipContentProps>;
 export declare type ElTooltipTriggerProps = ExtractPropTypes<typeof useTooltipTriggerProps>;
 export declare type ElTooltipProps = ExtractPropTypes<typeof useTooltipProps> & ElTooltipContentProps & ElTooltipTriggerProps;
+export declare type TooltipInstance = InstanceType<typeof Tooltip>;
 export {};

package/lib/components/tooltip/src/tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.js","sources":["../../../../../../packages/components/tooltip/src/tooltip.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-plus/utils'\nimport {\n  usePopperTriggerProps,\n  usePopperContentProps,\n} from '@element-plus/components/popper'\nimport {\n  useDelayedToggleProps,\n  POPPER_CONTAINER_SELECTOR,\n} from '@element-plus/hooks'\n\nimport type { ExtractPropTypes } from 'vue'\n\nconst triggers = ['hover', 'focus', 'click', 'contextmenu'] as const\n\nexport type Trigger = typeof triggers[number]\n\nexport const useTooltipContentProps = buildProps({\n  ...useDelayedToggleProps,\n  ...usePopperContentProps,\n  appendTo: {\n    type: definePropType<string | HTMLElement>([String, Object]),\n    default: POPPER_CONTAINER_SELECTOR,\n  },\n  content: {\n    type: String,\n    default: '',\n  },\n  rawContent: {\n    type: Boolean,\n    default: false,\n  },\n  persistent: Boolean,\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  visible: {\n    type: definePropType<boolean | null>(Boolean),\n    default: null,\n  },\n  transition: {\n    type: String,\n    default: 'el-fade-in-linear',\n  },\n  teleported: {\n    type: Boolean,\n    default: true,\n  },\n  disabled: {\n    type: Boolean,\n  },\n} as const)\n\nexport const useTooltipTriggerProps = buildProps({\n  ...usePopperTriggerProps,\n  disabled: Boolean,\n  trigger: {\n    type: definePropType<Trigger | Trigger[]>([String, Array]),\n    default: 'hover',\n  },\n} as const)\n\nexport const useTooltipProps = buildProps({\n  openDelay: {\n    type: Number,\n  },\n  visibleArrow: {\n    type: Boolean,\n    default: undefined,\n  },\n  hideAfter: {\n    type: Number,\n    default: 200,\n  },\n  showArrow: {\n    type: Boolean,\n    default: true,\n  },\n})\n\nexport type ElTooltipContentProps = ExtractPropTypes<\n  typeof useTooltipContentProps\n>\n\nexport type ElTooltipTriggerProps = ExtractPropTypes<\n  typeof useTooltipTriggerProps\n>\n\nexport type ElTooltipProps = ExtractPropTypes<typeof useTooltipProps> &\n  ElTooltipContentProps &\n  ElTooltipTriggerProps\n"],"names":["buildProps","useDelayedToggleProps","usePopperContentProps","definePropType","POPPER_CONTAINER_SELECTOR","usePopperTriggerProps"],"mappings":";;;;;;;;;;;;AASA,MAAM,QAAQ,GAAG,CAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,aAAa,CAAC,CAAC;AAChD,MAAC,sBAAsB,GAAGA,gBAAU,CAAC;AACjD,EAAE,GAAGC,2BAAqB;AAC1B,EAAE,GAAGC,4BAAqB;AAC1B,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAEC,oBAAc,CAAC,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAC1C,IAAI,OAAO,EAAEC,iCAAyB;AACtC,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,EAAED,oBAAc,CAAC,OAAO,CAAC;AACjC,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,UAAU,EAAE;AACd,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,mBAAmB;AAChC,GAAG;AACH,EAAE,UAAU,EAAE;AACd,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,OAAO;AACjB,GAAG;AACH,CAAC,EAAE;AACS,MAAC,sBAAsB,GAAGH,gBAAU,CAAC;AACjD,EAAE,GAAGK,4BAAqB;AAC1B,EAAE,QAAQ,EAAE,OAAO;AACnB,EAAE,OAAO,EAAE;AACX,IAAI,IAAI,EAAEF,oBAAc,CAAC,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;AACzC,IAAI,OAAO,EAAE,OAAO;AACpB,GAAG;AACH,CAAC,EAAE;AACS,MAAC,eAAe,GAAGH,gBAAU,CAAC;AAC1C,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,MAAM;AAChB,GAAG;AACH,EAAE,YAAY,EAAE;AAChB,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,KAAK,CAAC;AACnB,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,GAAG;AAChB,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,CAAC;;;;;;"}
+{"version":3,"file":"tooltip.js","sources":["../../../../../../packages/components/tooltip/src/tooltip.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-plus/utils'\nimport {\n  usePopperTriggerProps,\n  usePopperContentProps,\n} from '@element-plus/components/popper'\nimport {\n  useDelayedToggleProps,\n  POPPER_CONTAINER_SELECTOR,\n} from '@element-plus/hooks'\nimport type Tooltip from '../src/tooltip.vue'\n\nimport type { ExtractPropTypes } from 'vue'\n\nconst triggers = ['hover', 'focus', 'click', 'contextmenu'] as const\n\nexport type Trigger = typeof triggers[number]\n\nexport const useTooltipContentProps = buildProps({\n  ...useDelayedToggleProps,\n  ...usePopperContentProps,\n  appendTo: {\n    type: definePropType<string | HTMLElement>([String, Object]),\n    default: POPPER_CONTAINER_SELECTOR,\n  },\n  content: {\n    type: String,\n    default: '',\n  },\n  rawContent: {\n    type: Boolean,\n    default: false,\n  },\n  persistent: Boolean,\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  visible: {\n    type: definePropType<boolean | null>(Boolean),\n    default: null,\n  },\n  transition: {\n    type: String,\n    default: 'el-fade-in-linear',\n  },\n  teleported: {\n    type: Boolean,\n    default: true,\n  },\n  disabled: {\n    type: Boolean,\n  },\n} as const)\n\nexport const useTooltipTriggerProps = buildProps({\n  ...usePopperTriggerProps,\n  disabled: Boolean,\n  trigger: {\n    type: definePropType<Trigger | Trigger[]>([String, Array]),\n    default: 'hover',\n  },\n} as const)\n\nexport const useTooltipProps = buildProps({\n  openDelay: {\n    type: Number,\n  },\n  visibleArrow: {\n    type: Boolean,\n    default: undefined,\n  },\n  hideAfter: {\n    type: Number,\n    default: 200,\n  },\n  showArrow: {\n    type: Boolean,\n    default: true,\n  },\n})\n\nexport type ElTooltipContentProps = ExtractPropTypes<\n  typeof useTooltipContentProps\n>\n\nexport type ElTooltipTriggerProps = ExtractPropTypes<\n  typeof useTooltipTriggerProps\n>\n\nexport type ElTooltipProps = ExtractPropTypes<typeof useTooltipProps> &\n  ElTooltipContentProps &\n  ElTooltipTriggerProps\n\nexport type TooltipInstance = InstanceType<typeof Tooltip>\n"],"names":["buildProps","useDelayedToggleProps","usePopperContentProps","definePropType","POPPER_CONTAINER_SELECTOR","usePopperTriggerProps"],"mappings":";;;;;;;;;;;;AASA,MAAM,QAAQ,GAAG,CAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,aAAa,CAAC,CAAC;AAChD,MAAC,sBAAsB,GAAGA,gBAAU,CAAC;AACjD,EAAE,GAAGC,2BAAqB;AAC1B,EAAE,GAAGC,4BAAqB;AAC1B,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAEC,oBAAc,CAAC,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAC1C,IAAI,OAAO,EAAEC,iCAAyB;AACtC,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,EAAED,oBAAc,CAAC,OAAO,CAAC;AACjC,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,UAAU,EAAE;AACd,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,mBAAmB;AAChC,GAAG;AACH,EAAE,UAAU,EAAE;AACd,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,OAAO;AACjB,GAAG;AACH,CAAC,EAAE;AACS,MAAC,sBAAsB,GAAGH,gBAAU,CAAC;AACjD,EAAE,GAAGK,4BAAqB;AAC1B,EAAE,QAAQ,EAAE,OAAO;AACnB,EAAE,OAAO,EAAE;AACX,IAAI,IAAI,EAAEF,oBAAc,CAAC,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;AACzC,IAAI,OAAO,EAAE,OAAO;AACpB,GAAG;AACH,CAAC,EAAE;AACS,MAAC,eAAe,GAAGH,gBAAU,CAAC;AAC1C,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,MAAM;AAChB,GAAG;AACH,EAAE,YAAY,EAAE;AAChB,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,KAAK,CAAC;AACnB,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,GAAG;AAChB,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,CAAC;;;;;;"}

package/lib/components/tooltip/src/tooltip.vue.d.ts

@@ -82,6 +82,7 @@ declare const _default: import("vue").DefineComponent<{
     popperOptions: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<Partial<import("element-plus/es/components/popper").Options>>, () => {}, unknown, unknown, unknown>;
     strategy: import("element-plus/es/utils").BuildPropReturn<StringConstructor, "absolute", unknown, "fixed" | "absolute", unknown>;
     showAfter: import("element-plus/es/utils").BuildPropReturn<NumberConstructor, 0, unknown, unknown, unknown>;
+    "onUpdate:visible": import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<(val: boolean) => void>, never, false, never, never>;
 }, {
     compatShowAfter: import("vue").ComputedRef<number>;
     compatShowArrow: import("vue").ComputedRef<import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>>;
@@ -212,22 +213,15 @@ declare const _default: import("vue").DefineComponent<{
     popperOptions: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<Partial<import("element-plus/es/components/popper").Options>>, () => {}, unknown, unknown, unknown>;
     strategy: import("element-plus/es/utils").BuildPropReturn<StringConstructor, "absolute", unknown, "fixed" | "absolute", unknown>;
     showAfter: import("element-plus/es/utils").BuildPropReturn<NumberConstructor, 0, unknown, unknown, unknown>;
+    "onUpdate:visible": import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<(val: boolean) => void>, never, false, never, never>;
 }>> & {
     [x: string & `on${string}`]: ((...args: any[]) => any) | undefined;
 }, {
     disabled: boolean;
     offset: number;
     effect: string;
-    style: import("vue").StyleValue;
-    visible: import("element-plus/es/utils").BuildPropType<import("element-plus/es/utils").PropWrapper<boolean | null>, unknown, unknown>;
-    arrowOffset: number;
-    boundariesPadding: number;
-    fallbackPlacements: import("element-plus/es/components/popper").Placement[];
-    gpuAcceleration: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
     placement: import("element-plus/es/utils").BuildPropType<StringConstructor, import("element-plus/es/components/popper").Placement, unknown>;
-    popperOptions: Partial<import("element-plus/es/components/popper").Options>;
-    strategy: import("element-plus/es/utils").BuildPropType<StringConstructor, "fixed" | "absolute", unknown>;
-    className: string | {
+    popperClass: string | {
         [x: string]: any;
     } | (string | {
         [x: string]: any;
@@ -252,9 +246,15 @@ declare const _default: import("vue").DefineComponent<{
     } | (string | {
         [x: string]: any;
     } | any)[])[])[])[])[])[])[])[])[])[])[];
-    enterable: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
-    pure: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
-    popperClass: string | {
+    showAfter: number;
+    hideAfter: number;
+    boundariesPadding: number;
+    fallbackPlacements: import("element-plus/es/components/popper").Placement[];
+    gpuAcceleration: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
+    popperOptions: Partial<import("element-plus/es/components/popper").Options>;
+    strategy: import("element-plus/es/utils").BuildPropType<StringConstructor, "fixed" | "absolute", unknown>;
+    style: import("vue").StyleValue;
+    className: string | {
         [x: string]: any;
     } | (string | {
         [x: string]: any;
@@ -279,20 +279,23 @@ declare const _default: import("vue").DefineComponent<{
     } | (string | {
         [x: string]: any;
     } | any)[])[])[])[])[])[])[])[])[])[])[];
+    visible: import("element-plus/es/utils").BuildPropType<import("element-plus/es/utils").PropWrapper<boolean | null>, unknown, unknown>;
+    enterable: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
+    pure: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
     popperStyle: import("vue").StyleValue;
     referenceEl: HTMLElement;
     stopPopperMouseEvent: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
-    content: string;
-    showAfter: number;
-    hideAfter: number;
     appendTo: import("element-plus/es/utils").BuildPropType<import("element-plus/es/utils").PropWrapper<string | HTMLElement>, unknown, unknown>;
+    content: string;
     rawContent: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
     transition: string;
     teleported: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
     persistent: boolean;
+    arrowOffset: number;
     trigger: import("element-plus/es/utils").BuildPropType<import("element-plus/es/utils").PropWrapper<"click" | "focus" | "hover" | "contextmenu" | ("click" | "focus" | "hover" | "contextmenu")[]>, unknown, unknown>;
     virtualRef: import("element-plus/es/components/popper").Measurable;
     virtualTriggering: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
+    "onUpdate:visible": (val: boolean) => void;
     openDelay: number;
     visibleArrow: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
     showArrow: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;

package/lib/components/tooltip/src/tooltip2.js

@@ -37,7 +37,7 @@ const _sfc_main = vue.defineComponent({
     ...popper.usePopperArrowProps,
     ...tooltip.useTooltipProps
   },
-  emits: [...useModelToggleEmits, "show", "hide"],
+  emits: [...useModelToggleEmits, "before-show", "before-hide", "show", "hide"],
   setup(props, { emit }) {
     index$2.usePopperContainer();
     const compatShowAfter = vue.computed(() => {
@@ -92,6 +92,12 @@ const _sfc_main = vue.defineComponent({
       onHide: () => {
         emit("hide");
       },
+      onBeforeShow: () => {
+        emit("before-show");
+      },
+      onBeforeHide: () => {
+        emit("before-hide");
+      },
       updatePopper
     });
     return {
@@ -149,7 +155,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         strategy: _ctx.strategy,
         teleported: _ctx.teleported,
         transition: _ctx.transition,
-        "z-index": _ctx.zIndex
+        "z-index": _ctx.zIndex,
+        "append-to": _ctx.appendTo
       }, {
         default: vue.withCtx(() => [
           vue.renderSlot(_ctx.$slots, "content", {}, () => [
@@ -164,7 +171,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           }, null, 8, ["arrow-offset"])) : vue.createCommentVNode("v-if", true)
         ]),
         _: 3
-      }, 8, ["aria-label", "boundaries-padding", "content", "disabled", "effect", "enterable", "fallback-placements", "hide-after", "gpu-acceleration", "offset", "persistent", "popper-class", "popper-style", "placement", "popper-options", "pure", "raw-content", "reference-el", "show-after", "strategy", "teleported", "transition", "z-index"])
+      }, 8, ["aria-label", "boundaries-padding", "content", "disabled", "effect", "enterable", "fallback-placements", "hide-after", "gpu-acceleration", "offset", "persistent", "popper-class", "popper-style", "placement", "popper-options", "pure", "raw-content", "reference-el", "show-after", "strategy", "teleported", "transition", "z-index", "append-to"])
     ]),
     _: 3
   }, 512);