@element-plus/nightly 0.0.20260313 → 0.0.20260315

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

@@ -9,104 +9,46 @@ declare var __VLS_32: {};
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_32) => any;
 };
-declare const __VLS_base: vue.DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<ElTooltipContentProps>, {
-  readonly content: "";
-  readonly visible: null;
-  readonly teleported: true;
-  readonly effect: "dark";
-  readonly enterable: true;
-  readonly stopPopperMouseEvent: true;
-  readonly pure: false;
-  readonly focusOnShow: false;
-  readonly trapping: false;
-  readonly virtualTriggering: false;
-  readonly loop: false;
-  readonly style: undefined;
-  readonly popperStyle: undefined;
-  readonly arrowOffset: 5;
-  readonly boundariesPadding: 0;
-  readonly gpuAcceleration: true;
-  readonly offset: 12;
-  readonly placement: "bottom";
-  readonly popperOptions: () => {};
-  readonly strategy: "absolute";
-  readonly showAfter: 0;
-  readonly hideAfter: 200;
-  readonly autoClose: 0;
-}>, {
+declare const __VLS_base: vue.DefineComponent<ElTooltipContentProps, {
   /**
    * @description el-popper-content component instance
    */
-  contentRef: vue.Ref<PopperContentInstance | undefined>;
+  contentRef: vue.Ref<PopperContentInstance | undefined, PopperContentInstance | undefined>;
   /**
    * @description validate current focus event is trigger inside el-popper-content
    */
   isFocusInsideContent: (event?: FocusEvent) => boolean | undefined;
-}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<ElTooltipContentProps>, {
-  readonly content: "";
-  readonly visible: null;
-  readonly teleported: true;
-  readonly effect: "dark";
-  readonly enterable: true;
-  readonly stopPopperMouseEvent: true;
-  readonly pure: false;
-  readonly focusOnShow: false;
-  readonly trapping: false;
-  readonly virtualTriggering: false;
-  readonly loop: false;
-  readonly style: undefined;
-  readonly popperStyle: undefined;
-  readonly arrowOffset: 5;
-  readonly boundariesPadding: 0;
-  readonly gpuAcceleration: true;
-  readonly offset: 12;
-  readonly placement: "bottom";
-  readonly popperOptions: () => {};
-  readonly strategy: "absolute";
-  readonly showAfter: 0;
-  readonly hideAfter: 200;
-  readonly autoClose: 0;
-}>>>, {
+}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<ElTooltipContentProps> & Readonly<{}>, {
+  offset: number;
   teleported: boolean;
+  effect: PopperEffect;
+  placement: Placement;
+  popperStyle: string | false | vue.CSSProperties | vue.StyleValue[] | null;
   visible: boolean | null;
   content: string;
   style: string | false | vue.CSSProperties | vue.StyleValue[] | null;
-  effect: PopperEffect;
   enterable: boolean;
   pure: boolean;
   focusOnShow: boolean;
   trapping: boolean;
-  popperStyle: string | false | vue.CSSProperties | vue.StyleValue[] | null;
   stopPopperMouseEvent: boolean;
   virtualTriggering: boolean;
   loop: boolean;
   boundariesPadding: number;
   gpuAcceleration: boolean;
-  offset: number;
-  placement: Placement;
   popperOptions: Partial<Options>;
   strategy: "fixed" | "absolute";
   arrowOffset: number;
   showAfter: number;
   hideAfter: number;
   autoClose: number;
-}, {}>;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
-type __VLS_TypePropsToOption<T> = { [K in keyof T]-?: {} extends Pick<T, K> ? {
-  type: vue.PropType<Required<T>[K]>;
-} : {
-  type: vue.PropType<T[K]>;
-  required: true;
-} };
-type __VLS_WithDefaults<P, D> = { [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_PrettifyLocal<P[K] & {
-  default: D[K];
-}> : P[K] };
 type __VLS_WithSlots<T, S> = T & {
   new (): {
     $slots: S;
   };
 };
-type __VLS_PrettifyLocal<T> = (T extends any ? { [K in keyof T]: T[K] } : { [K in keyof T as K]: T[K] }) & {};
 //#endregion
 export { _default };

package/es/components/tooltip/src/content.vue_vue_type_script_setup_true_lang.mjs

@@ -89,9 +89,6 @@ var content_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ define
 				}, { detectIframe: true });
 			}
 		}, { flush: "post" });
-		watch(() => props.content, () => {
-			contentRef.value?.updatePopper?.();
-		});
 		__expose({
 			contentRef,
 			isFocusInsideContent

package/es/components/tooltip/src/content.vue_vue_type_script_setup_true_lang.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"content.vue_vue_type_script_setup_true_lang.mjs","names":["$attrs"],"sources":["../../../../../../packages/components/tooltip/src/content.vue"],"sourcesContent":["<template>\n  <el-teleport :disabled=\"!teleported\" :to=\"appendTo\">\n    <transition\n      v-if=\"shouldRender || !ariaHidden\"\n      :name=\"transitionClass\"\n      :appear=\"!persistentRef\"\n      @after-leave=\"onTransitionLeave\"\n      @before-enter=\"onBeforeEnter\"\n      @after-enter=\"onAfterShow\"\n      @before-leave=\"onBeforeLeave\"\n    >\n      <el-popper-content\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        :arrow-offset=\"arrowOffset\"\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        :loop=\"loop\"\n        @mouseenter=\"onContentEnter\"\n        @mouseleave=\"onContentLeave\"\n        @blur=\"onBlur\"\n        @close=\"onClose\"\n      >\n        <slot />\n      </el-popper-content>\n    </transition>\n  </el-teleport>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, inject, onBeforeUnmount, ref, unref, watch } from 'vue'\nimport { computedEager, onClickOutside } from '@vueuse/core'\nimport { useNamespace, usePopperContainerId } from '@element-plus/hooks'\nimport {\n  castArray,\n  composeEventHandlers,\n  focusElement,\n} from '@element-plus/utils'\nimport { ElPopperContent } from '@element-plus/components/popper'\nimport ElTeleport from '@element-plus/components/teleport'\nimport { TOOLTIP_INJECTION_KEY } from './constants'\nimport { isTriggerType } from './utils'\nimport { useTooltipContentPropsDefaults } from './content'\n\nimport type { ElTooltipContentProps } from './content'\nimport type { PopperContentInstance } from '@element-plus/components/popper'\n\ndefineOptions({\n  name: 'ElTooltipContent',\n  inheritAttrs: false,\n})\n\nconst props = withDefaults(\n  defineProps<ElTooltipContentProps>(),\n  useTooltipContentPropsDefaults\n)\n\nconst { selector } = usePopperContainerId()\nconst ns = useNamespace('tooltip')\n\nconst contentRef = ref<PopperContentInstance>()\nconst popperContentRef = computedEager(() => contentRef.value?.popperContentRef)\nlet stopHandle: ReturnType<typeof onClickOutside>\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    if (!process.env.RUN_TEST_WITH_PERSISTENT) {\n      return true\n    }\n  }\n  return props.persistent\n})\n\nonBeforeUnmount(() => {\n  stopHandle?.()\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 ?? {})\n\nconst ariaHidden = ref(true)\n\nconst onTransitionLeave = () => {\n  onHide()\n  isFocusInsideContent() && focusElement(document.body, { preventScroll: true })\n  ariaHidden.value = true\n}\n\nconst stopWhenControlled = () => {\n  if (unref(controlled)) return true\n}\n\nconst onContentEnter = composeEventHandlers(stopWhenControlled, () => {\n  if (props.enterable && isTriggerType(unref(trigger), 'hover')) {\n    onOpen()\n  }\n})\n\nconst onContentLeave = composeEventHandlers(stopWhenControlled, () => {\n  if (isTriggerType(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}\n\nconst onBlur = () => {\n  if (!props.virtualTriggering) {\n    onClose()\n  }\n}\n\nconst isFocusInsideContent = (event?: FocusEvent) => {\n  const popperContent: HTMLElement | undefined =\n    contentRef.value?.popperContentRef\n  const activeElement = (event?.relatedTarget as Node) || document.activeElement\n\n  return popperContent?.contains(activeElement)\n}\n\nwatch(\n  () => unref(open),\n  (val) => {\n    if (!val) {\n      stopHandle?.()\n    } else {\n      ariaHidden.value = false\n      stopHandle = onClickOutside(\n        popperContentRef,\n        () => {\n          if (unref(controlled)) return\n          const needClose = castArray(unref(trigger)).every((item) => {\n            return item !== 'hover' && item !== 'focus'\n          })\n          if (needClose) {\n            onClose()\n          }\n        },\n        { detectIframe: true }\n      )\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   * @description validate current focus event is trigger inside el-popper-content\n   */\n  isFocusInsideContent,\n})\n</script>\n"],"mappings":"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"}
+{"version":3,"file":"content.vue_vue_type_script_setup_true_lang.mjs","names":["$attrs"],"sources":["../../../../../../packages/components/tooltip/src/content.vue"],"sourcesContent":["<template>\n  <el-teleport :disabled=\"!teleported\" :to=\"appendTo\">\n    <transition\n      v-if=\"shouldRender || !ariaHidden\"\n      :name=\"transitionClass\"\n      :appear=\"!persistentRef\"\n      @after-leave=\"onTransitionLeave\"\n      @before-enter=\"onBeforeEnter\"\n      @after-enter=\"onAfterShow\"\n      @before-leave=\"onBeforeLeave\"\n    >\n      <el-popper-content\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        :arrow-offset=\"arrowOffset\"\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        :loop=\"loop\"\n        @mouseenter=\"onContentEnter\"\n        @mouseleave=\"onContentLeave\"\n        @blur=\"onBlur\"\n        @close=\"onClose\"\n      >\n        <slot />\n      </el-popper-content>\n    </transition>\n  </el-teleport>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, inject, onBeforeUnmount, ref, unref, watch } from 'vue'\nimport { computedEager, onClickOutside } from '@vueuse/core'\nimport { useNamespace, usePopperContainerId } from '@element-plus/hooks'\nimport {\n  castArray,\n  composeEventHandlers,\n  focusElement,\n} from '@element-plus/utils'\nimport { ElPopperContent } from '@element-plus/components/popper'\nimport ElTeleport from '@element-plus/components/teleport'\nimport { TOOLTIP_INJECTION_KEY } from './constants'\nimport { isTriggerType } from './utils'\nimport { useTooltipContentPropsDefaults } from './content'\n\nimport type { ElTooltipContentProps } from './content'\nimport type { PopperContentInstance } from '@element-plus/components/popper'\n\ndefineOptions({\n  name: 'ElTooltipContent',\n  inheritAttrs: false,\n})\n\nconst props = withDefaults(\n  defineProps<ElTooltipContentProps>(),\n  useTooltipContentPropsDefaults\n)\n\nconst { selector } = usePopperContainerId()\nconst ns = useNamespace('tooltip')\n\nconst contentRef = ref<PopperContentInstance>()\nconst popperContentRef = computedEager(() => contentRef.value?.popperContentRef)\nlet stopHandle: ReturnType<typeof onClickOutside>\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    if (!process.env.RUN_TEST_WITH_PERSISTENT) {\n      return true\n    }\n  }\n  return props.persistent\n})\n\nonBeforeUnmount(() => {\n  stopHandle?.()\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 ?? {})\n\nconst ariaHidden = ref(true)\n\nconst onTransitionLeave = () => {\n  onHide()\n  isFocusInsideContent() && focusElement(document.body, { preventScroll: true })\n  ariaHidden.value = true\n}\n\nconst stopWhenControlled = () => {\n  if (unref(controlled)) return true\n}\n\nconst onContentEnter = composeEventHandlers(stopWhenControlled, () => {\n  if (props.enterable && isTriggerType(unref(trigger), 'hover')) {\n    onOpen()\n  }\n})\n\nconst onContentLeave = composeEventHandlers(stopWhenControlled, () => {\n  if (isTriggerType(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}\n\nconst onBlur = () => {\n  if (!props.virtualTriggering) {\n    onClose()\n  }\n}\n\nconst isFocusInsideContent = (event?: FocusEvent) => {\n  const popperContent: HTMLElement | undefined =\n    contentRef.value?.popperContentRef\n  const activeElement = (event?.relatedTarget as Node) || document.activeElement\n\n  return popperContent?.contains(activeElement)\n}\n\nwatch(\n  () => unref(open),\n  (val) => {\n    if (!val) {\n      stopHandle?.()\n    } else {\n      ariaHidden.value = false\n      stopHandle = onClickOutside(\n        popperContentRef,\n        () => {\n          if (unref(controlled)) return\n          const needClose = castArray(unref(trigger)).every((item) => {\n            return item !== 'hover' && item !== 'focus'\n          })\n          if (needClose) {\n            onClose()\n          }\n        },\n        { detectIframe: true }\n      )\n    }\n  },\n  {\n    flush: 'post',\n  }\n)\n\ndefineExpose({\n  /**\n   * @description el-popper-content component instance\n   */\n  contentRef,\n  /**\n   * @description validate current focus event is trigger inside el-popper-content\n   */\n  isFocusInsideContent,\n})\n</script>\n"],"mappings":"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"}

package/es/components/tooltip/src/content2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"content2.mjs","names":[],"sources":["../../../../../../packages/components/tooltip/src/content.vue"],"sourcesContent":["<template>\n  <el-teleport :disabled=\"!teleported\" :to=\"appendTo\">\n    <transition\n      v-if=\"shouldRender || !ariaHidden\"\n      :name=\"transitionClass\"\n      :appear=\"!persistentRef\"\n      @after-leave=\"onTransitionLeave\"\n      @before-enter=\"onBeforeEnter\"\n      @after-enter=\"onAfterShow\"\n      @before-leave=\"onBeforeLeave\"\n    >\n      <el-popper-content\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        :arrow-offset=\"arrowOffset\"\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        :loop=\"loop\"\n        @mouseenter=\"onContentEnter\"\n        @mouseleave=\"onContentLeave\"\n        @blur=\"onBlur\"\n        @close=\"onClose\"\n      >\n        <slot />\n      </el-popper-content>\n    </transition>\n  </el-teleport>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, inject, onBeforeUnmount, ref, unref, watch } from 'vue'\nimport { computedEager, onClickOutside } from '@vueuse/core'\nimport { useNamespace, usePopperContainerId } from '@element-plus/hooks'\nimport {\n  castArray,\n  composeEventHandlers,\n  focusElement,\n} from '@element-plus/utils'\nimport { ElPopperContent } from '@element-plus/components/popper'\nimport ElTeleport from '@element-plus/components/teleport'\nimport { TOOLTIP_INJECTION_KEY } from './constants'\nimport { isTriggerType } from './utils'\nimport { useTooltipContentPropsDefaults } from './content'\n\nimport type { ElTooltipContentProps } from './content'\nimport type { PopperContentInstance } from '@element-plus/components/popper'\n\ndefineOptions({\n  name: 'ElTooltipContent',\n  inheritAttrs: false,\n})\n\nconst props = withDefaults(\n  defineProps<ElTooltipContentProps>(),\n  useTooltipContentPropsDefaults\n)\n\nconst { selector } = usePopperContainerId()\nconst ns = useNamespace('tooltip')\n\nconst contentRef = ref<PopperContentInstance>()\nconst popperContentRef = computedEager(() => contentRef.value?.popperContentRef)\nlet stopHandle: ReturnType<typeof onClickOutside>\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    if (!process.env.RUN_TEST_WITH_PERSISTENT) {\n      return true\n    }\n  }\n  return props.persistent\n})\n\nonBeforeUnmount(() => {\n  stopHandle?.()\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 ?? {})\n\nconst ariaHidden = ref(true)\n\nconst onTransitionLeave = () => {\n  onHide()\n  isFocusInsideContent() && focusElement(document.body, { preventScroll: true })\n  ariaHidden.value = true\n}\n\nconst stopWhenControlled = () => {\n  if (unref(controlled)) return true\n}\n\nconst onContentEnter = composeEventHandlers(stopWhenControlled, () => {\n  if (props.enterable && isTriggerType(unref(trigger), 'hover')) {\n    onOpen()\n  }\n})\n\nconst onContentLeave = composeEventHandlers(stopWhenControlled, () => {\n  if (isTriggerType(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}\n\nconst onBlur = () => {\n  if (!props.virtualTriggering) {\n    onClose()\n  }\n}\n\nconst isFocusInsideContent = (event?: FocusEvent) => {\n  const popperContent: HTMLElement | undefined =\n    contentRef.value?.popperContentRef\n  const activeElement = (event?.relatedTarget as Node) || document.activeElement\n\n  return popperContent?.contains(activeElement)\n}\n\nwatch(\n  () => unref(open),\n  (val) => {\n    if (!val) {\n      stopHandle?.()\n    } else {\n      ariaHidden.value = false\n      stopHandle = onClickOutside(\n        popperContentRef,\n        () => {\n          if (unref(controlled)) return\n          const needClose = castArray(unref(trigger)).every((item) => {\n            return item !== 'hover' && item !== 'focus'\n          })\n          if (needClose) {\n            onClose()\n          }\n        },\n        { detectIframe: true }\n      )\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   * @description validate current focus event is trigger inside el-popper-content\n   */\n  isFocusInsideContent,\n})\n</script>\n"],"mappings":""}
+{"version":3,"file":"content2.mjs","names":[],"sources":["../../../../../../packages/components/tooltip/src/content.vue"],"sourcesContent":["<template>\n  <el-teleport :disabled=\"!teleported\" :to=\"appendTo\">\n    <transition\n      v-if=\"shouldRender || !ariaHidden\"\n      :name=\"transitionClass\"\n      :appear=\"!persistentRef\"\n      @after-leave=\"onTransitionLeave\"\n      @before-enter=\"onBeforeEnter\"\n      @after-enter=\"onAfterShow\"\n      @before-leave=\"onBeforeLeave\"\n    >\n      <el-popper-content\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        :arrow-offset=\"arrowOffset\"\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        :loop=\"loop\"\n        @mouseenter=\"onContentEnter\"\n        @mouseleave=\"onContentLeave\"\n        @blur=\"onBlur\"\n        @close=\"onClose\"\n      >\n        <slot />\n      </el-popper-content>\n    </transition>\n  </el-teleport>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, inject, onBeforeUnmount, ref, unref, watch } from 'vue'\nimport { computedEager, onClickOutside } from '@vueuse/core'\nimport { useNamespace, usePopperContainerId } from '@element-plus/hooks'\nimport {\n  castArray,\n  composeEventHandlers,\n  focusElement,\n} from '@element-plus/utils'\nimport { ElPopperContent } from '@element-plus/components/popper'\nimport ElTeleport from '@element-plus/components/teleport'\nimport { TOOLTIP_INJECTION_KEY } from './constants'\nimport { isTriggerType } from './utils'\nimport { useTooltipContentPropsDefaults } from './content'\n\nimport type { ElTooltipContentProps } from './content'\nimport type { PopperContentInstance } from '@element-plus/components/popper'\n\ndefineOptions({\n  name: 'ElTooltipContent',\n  inheritAttrs: false,\n})\n\nconst props = withDefaults(\n  defineProps<ElTooltipContentProps>(),\n  useTooltipContentPropsDefaults\n)\n\nconst { selector } = usePopperContainerId()\nconst ns = useNamespace('tooltip')\n\nconst contentRef = ref<PopperContentInstance>()\nconst popperContentRef = computedEager(() => contentRef.value?.popperContentRef)\nlet stopHandle: ReturnType<typeof onClickOutside>\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    if (!process.env.RUN_TEST_WITH_PERSISTENT) {\n      return true\n    }\n  }\n  return props.persistent\n})\n\nonBeforeUnmount(() => {\n  stopHandle?.()\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 ?? {})\n\nconst ariaHidden = ref(true)\n\nconst onTransitionLeave = () => {\n  onHide()\n  isFocusInsideContent() && focusElement(document.body, { preventScroll: true })\n  ariaHidden.value = true\n}\n\nconst stopWhenControlled = () => {\n  if (unref(controlled)) return true\n}\n\nconst onContentEnter = composeEventHandlers(stopWhenControlled, () => {\n  if (props.enterable && isTriggerType(unref(trigger), 'hover')) {\n    onOpen()\n  }\n})\n\nconst onContentLeave = composeEventHandlers(stopWhenControlled, () => {\n  if (isTriggerType(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}\n\nconst onBlur = () => {\n  if (!props.virtualTriggering) {\n    onClose()\n  }\n}\n\nconst isFocusInsideContent = (event?: FocusEvent) => {\n  const popperContent: HTMLElement | undefined =\n    contentRef.value?.popperContentRef\n  const activeElement = (event?.relatedTarget as Node) || document.activeElement\n\n  return popperContent?.contains(activeElement)\n}\n\nwatch(\n  () => unref(open),\n  (val) => {\n    if (!val) {\n      stopHandle?.()\n    } else {\n      ariaHidden.value = false\n      stopHandle = onClickOutside(\n        popperContentRef,\n        () => {\n          if (unref(controlled)) return\n          const needClose = castArray(unref(trigger)).every((item) => {\n            return item !== 'hover' && item !== 'focus'\n          })\n          if (needClose) {\n            onClose()\n          }\n        },\n        { detectIframe: true }\n      )\n    }\n  },\n  {\n    flush: 'post',\n  }\n)\n\ndefineExpose({\n  /**\n   * @description el-popper-content component instance\n   */\n  contentRef,\n  /**\n   * @description validate current focus event is trigger inside el-popper-content\n   */\n  isFocusInsideContent,\n})\n</script>\n"],"mappings":""}

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

@@ -41,8 +41,8 @@ declare const useTooltipProps: {
   showArrow: EpPropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>;
   arrowOffset: EpPropFinalized<NumberConstructor, unknown, unknown, 5, boolean>;
   disabled: BooleanConstructor;
-  trigger: EpPropFinalized<(new (...args: any[]) => "focus" | "hover" | "click" | "contextmenu" | TooltipTriggerType[]) | (() => Arrayable<TooltipTriggerType>) | ((new (...args: any[]) => "focus" | "hover" | "click" | "contextmenu" | TooltipTriggerType[]) | (() => Arrayable<TooltipTriggerType>))[], unknown, unknown, "hover", boolean>;
-  triggerKeys: EpPropFinalized<(new (...args: any[]) => string[]) | (() => string[]) | ((new (...args: any[]) => string[]) | (() => string[]))[], unknown, unknown, () => string[], boolean>;
+  trigger: EpPropFinalized<(new (...args: any[]) => "click" | "contextmenu" | "focus" | "hover" | TooltipTriggerType[]) | (() => Arrayable<TooltipTriggerType>) | (((new (...args: any[]) => "click" | "contextmenu" | "focus" | "hover" | TooltipTriggerType[]) | (() => Arrayable<TooltipTriggerType>)) | null)[], unknown, unknown, "hover", boolean>;
+  triggerKeys: EpPropFinalized<(new (...args: any[]) => string[]) | (() => string[]) | (((new (...args: any[]) => string[]) | (() => string[])) | null)[], unknown, unknown, () => string[], boolean>;
   focusOnTarget: BooleanConstructor;
   virtualRef: {
     readonly type: vue.PropType<Measurable>;
@@ -97,7 +97,7 @@ declare const useTooltipProps: {
   open: BooleanConstructor;
   ariaLabel: StringConstructor;
   appendTo: {
-    readonly type: vue.PropType<EpPropMergeType<(new (...args: any[]) => string | HTMLElement) | (() => EpPropMergeType<(new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement) | ((new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement))[], unknown, unknown>) | ((new (...args: any[]) => string | HTMLElement) | (() => EpPropMergeType<(new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement) | ((new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement))[], unknown, unknown>))[], unknown, unknown>>;
+    readonly type: vue.PropType<EpPropMergeType<(new (...args: any[]) => string | HTMLElement) | (() => EpPropMergeType<(new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement) | (((new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement)) | null)[], unknown, unknown>) | (((new (...args: any[]) => string | HTMLElement) | (() => EpPropMergeType<(new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement) | (((new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement)) | null)[], unknown, unknown>)) | null)[], unknown, unknown>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
@@ -105,12 +105,12 @@ declare const useTooltipProps: {
   content: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
   rawContent: BooleanConstructor;
   persistent: BooleanConstructor;
-  visible: EpPropFinalized<(new (...args: any[]) => boolean) | (() => boolean | null) | ((new (...args: any[]) => boolean) | (() => boolean | null))[], unknown, unknown, null, boolean>;
+  visible: EpPropFinalized<(new (...args: any[]) => boolean) | (() => boolean | null) | (((new (...args: any[]) => boolean) | (() => boolean | null)) | null)[], unknown, unknown, null, boolean>;
   transition: StringConstructor;
   teleported: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   loop: BooleanConstructor;
   style: {
-    readonly type: vue.PropType<EpPropMergeType<(new (...args: any[]) => string | false | vue.CSSProperties | vue.StyleValue[]) | (() => vue.StyleValue) | ((new (...args: any[]) => string | false | vue.CSSProperties | vue.StyleValue[]) | (() => vue.StyleValue))[], unknown, unknown>>;
+    readonly type: vue.PropType<EpPropMergeType<(new (...args: any[]) => string | false | vue.CSSProperties | vue.StyleValue[]) | (() => vue.StyleValue) | (((new (...args: any[]) => string | false | vue.CSSProperties | vue.StyleValue[]) | (() => vue.StyleValue)) | null)[], unknown, unknown>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
@@ -164,7 +164,7 @@ declare const useTooltipProps: {
       [x: string]: boolean;
     } | (string | {
       [x: string]: boolean;
-    } | any)[])[])[])[])[])[])[])[])[])[])[]) | ((new (...args: any[]) => string | {
+    } | any)[])[])[])[])[])[])[])[])[])[])[]) | (((new (...args: any[]) => string | {
       [x: string]: boolean;
     } | (string | {
       [x: string]: boolean;
@@ -212,12 +212,12 @@ declare const useTooltipProps: {
       [x: string]: boolean;
     } | (string | {
       [x: string]: boolean;
-    } | any)[])[])[])[])[])[])[])[])[])[])[]))[], unknown, unknown>>;
+    } | any)[])[])[])[])[])[])[])[])[])[])[])) | null)[], unknown, unknown>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
   };
-  effect: EpPropFinalized<(new (...args: any[]) => string) | (() => PopperEffect) | ((new (...args: any[]) => string) | (() => PopperEffect))[], unknown, unknown, "dark", boolean>;
+  effect: EpPropFinalized<(new (...args: any[]) => string) | (() => PopperEffect) | (((new (...args: any[]) => string) | (() => PopperEffect)) | null)[], unknown, unknown, "dark", boolean>;
   enterable: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   pure: BooleanConstructor;
   focusOnShow: BooleanConstructor;
@@ -271,7 +271,7 @@ declare const useTooltipProps: {
       [x: string]: boolean;
     } | (string | {
       [x: string]: boolean;
-    } | any)[])[])[])[])[])[])[])[])[])[])[]) | ((new (...args: any[]) => string | {
+    } | any)[])[])[])[])[])[])[])[])[])[])[]) | (((new (...args: any[]) => string | {
       [x: string]: boolean;
     } | (string | {
       [x: string]: boolean;
@@ -319,13 +319,13 @@ declare const useTooltipProps: {
       [x: string]: boolean;
     } | (string | {
       [x: string]: boolean;
-    } | any)[])[])[])[])[])[])[])[])[])[])[]))[], unknown, unknown>>;
+    } | any)[])[])[])[])[])[])[])[])[])[])[])) | null)[], unknown, unknown>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
   };
   popperStyle: {
-    readonly type: vue.PropType<EpPropMergeType<(new (...args: any[]) => string | false | vue.CSSProperties | vue.StyleValue[]) | (() => vue.StyleValue) | ((new (...args: any[]) => string | false | vue.CSSProperties | vue.StyleValue[]) | (() => vue.StyleValue))[], unknown, unknown>>;
+    readonly type: vue.PropType<EpPropMergeType<(new (...args: any[]) => string | false | vue.CSSProperties | vue.StyleValue[]) | (() => vue.StyleValue) | (((new (...args: any[]) => string | false | vue.CSSProperties | vue.StyleValue[]) | (() => vue.StyleValue)) | null)[], unknown, unknown>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
@@ -345,11 +345,11 @@ declare const useTooltipProps: {
   stopPopperMouseEvent: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   zIndex: NumberConstructor;
   boundariesPadding: EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
-  fallbackPlacements: EpPropFinalized<(new (...args: any[]) => Placement[]) | (() => Placement[]) | ((new (...args: any[]) => Placement[]) | (() => Placement[]))[], unknown, unknown, undefined, boolean>;
+  fallbackPlacements: EpPropFinalized<(new (...args: any[]) => Placement[]) | (() => Placement[]) | (((new (...args: any[]) => Placement[]) | (() => Placement[])) | null)[], unknown, unknown, undefined, boolean>;
   gpuAcceleration: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   offset: EpPropFinalized<NumberConstructor, unknown, unknown, 12, boolean>;
   placement: EpPropFinalized<StringConstructor, Placement, unknown, "bottom", boolean>;
-  popperOptions: EpPropFinalized<(new (...args: any[]) => Partial<Options>) | (() => Partial<Options>) | ((new (...args: any[]) => Partial<Options>) | (() => Partial<Options>))[], unknown, unknown, () => {}, boolean>;
+  popperOptions: EpPropFinalized<(new (...args: any[]) => Partial<Options>) | (() => Partial<Options>) | (((new (...args: any[]) => Partial<Options>) | (() => Partial<Options>)) | null)[], unknown, unknown, () => {}, boolean>;
   strategy: EpPropFinalized<StringConstructor, "fixed" | "absolute", unknown, "absolute", boolean>;
   showAfter: EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
   hideAfter: EpPropFinalized<NumberConstructor, unknown, unknown, 200, boolean>;

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

@@ -14,43 +14,15 @@ type __VLS_Slots = {} & {
 } & {
   content?: (props: typeof __VLS_25) => any;
 };
-declare const __VLS_base: vue.DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<UseTooltipProps>, {
-  showArrow: boolean;
-  arrowOffset: 5;
-  trigger: "hover";
-  triggerKeys: () => string[];
-  content: "";
-  visible: null;
-  teleported: true;
-  effect: "dark";
-  enterable: true;
-  stopPopperMouseEvent: true;
-  pure: false;
-  focusOnShow: false;
-  trapping: false;
-  virtualTriggering: false;
-  loop: false;
-  style: undefined;
-  popperStyle: undefined;
-  boundariesPadding: 0;
-  gpuAcceleration: true;
-  offset: 12;
-  placement: "bottom";
-  popperOptions: () => {};
-  strategy: "absolute";
-  showAfter: 0;
-  hideAfter: 200;
-  autoClose: 0;
-  role: string;
-}>, {
+declare const __VLS_base: vue.DefineComponent<UseTooltipProps, {
   /**
    * @description el-popper component instance
    */
-  popperRef: vue.Ref<PopperInstance | undefined>;
+  popperRef: vue.Ref<PopperInstance | undefined, PopperInstance | undefined>;
   /**
    * @description el-tooltip-content component instance
    */
-  contentRef: vue.Ref<TooltipContentInstance | undefined>;
+  contentRef: vue.Ref<TooltipContentInstance | undefined, TooltipContentInstance | undefined>;
   /**
    * @description validate current focus event is trigger inside el-tooltip-content
    */
@@ -71,7 +43,7 @@ declare const __VLS_base: vue.DefineComponent<__VLS_WithDefaults<__VLS_TypeProps
    * @description expose hide function
    */
   hide: (event?: Event) => void;
-}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
   close: (...args: any[]) => void;
   hide: (...args: any[]) => void;
   show: (...args: any[]) => void;
@@ -79,61 +51,32 @@ declare const __VLS_base: vue.DefineComponent<__VLS_WithDefaults<__VLS_TypeProps
   "update:visible": (...args: any[]) => void;
   "before-show": (...args: any[]) => void;
   "before-hide": (...args: any[]) => void;
-}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<UseTooltipProps>, {
-  showArrow: boolean;
-  arrowOffset: 5;
-  trigger: "hover";
-  triggerKeys: () => string[];
-  content: "";
-  visible: null;
-  teleported: true;
-  effect: "dark";
-  enterable: true;
-  stopPopperMouseEvent: true;
-  pure: false;
-  focusOnShow: false;
-  trapping: false;
-  virtualTriggering: false;
-  loop: false;
-  style: undefined;
-  popperStyle: undefined;
-  boundariesPadding: 0;
-  gpuAcceleration: true;
-  offset: 12;
-  placement: "bottom";
-  popperOptions: () => {};
-  strategy: "absolute";
-  showAfter: 0;
-  hideAfter: 200;
-  autoClose: 0;
-  role: string;
-}>>> & {
+}, string, vue.PublicProps, Readonly<UseTooltipProps> & Readonly<{
   onClose?: ((...args: any[]) => any) | undefined;
-  onShow?: ((...args: any[]) => any) | undefined;
   onHide?: ((...args: any[]) => any) | undefined;
-  "onUpdate:visible"?: ((...args: any[]) => any) | undefined;
+  onShow?: ((...args: any[]) => any) | undefined;
   onOpen?: ((...args: any[]) => any) | undefined;
+  "onUpdate:visible"?: ((...args: any[]) => any) | undefined;
   "onBefore-show"?: ((...args: any[]) => any) | undefined;
   "onBefore-hide"?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
+  offset: number;
   teleported: boolean;
+  effect: PopperEffect;
+  placement: Placement;
+  popperStyle: string | false | vue.CSSProperties | vue.StyleValue[] | null;
   visible: boolean | null;
   content: string;
   style: string | false | vue.CSSProperties | vue.StyleValue[] | null;
-  effect: PopperEffect;
-  trigger: Arrayable<TooltipTriggerType>;
   enterable: boolean;
   pure: boolean;
   focusOnShow: boolean;
   trapping: boolean;
-  popperStyle: string | false | vue.CSSProperties | vue.StyleValue[] | null;
   stopPopperMouseEvent: boolean;
   virtualTriggering: boolean;
   loop: boolean;
   boundariesPadding: number;
   gpuAcceleration: boolean;
-  offset: number;
-  placement: Placement;
   popperOptions: Partial<Options>;
   strategy: "fixed" | "absolute";
   arrowOffset: number;
@@ -142,24 +85,15 @@ declare const __VLS_base: vue.DefineComponent<__VLS_WithDefaults<__VLS_TypeProps
   showAfter: number;
   hideAfter: number;
   autoClose: number;
+  trigger: Arrayable<TooltipTriggerType>;
   triggerKeys: string[];
-}, {}>;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
-type __VLS_TypePropsToOption<T> = { [K in keyof T]-?: {} extends Pick<T, K> ? {
-  type: vue.PropType<Required<T>[K]>;
-} : {
-  type: vue.PropType<T[K]>;
-  required: true;
-} };
-type __VLS_WithDefaults<P, D> = { [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_PrettifyLocal<P[K] & {
-  default: D[K];
-}> : P[K] };
 type __VLS_WithSlots<T, S> = T & {
   new (): {
     $slots: S;
   };
 };
-type __VLS_PrettifyLocal<T> = (T extends any ? { [K in keyof T]: T[K] } : { [K in keyof T as K]: T[K] }) & {};
 //#endregion
 export { _default };

package/es/components/tooltip/src/trigger.d.ts

@@ -36,8 +36,8 @@ declare const useTooltipTriggerPropsDefaults: {
  */
 declare const useTooltipTriggerProps: {
   readonly disabled: BooleanConstructor;
-  readonly trigger: EpPropFinalized<(new (...args: any[]) => "focus" | "hover" | "click" | "contextmenu" | TooltipTriggerType[]) | (() => Arrayable<TooltipTriggerType>) | ((new (...args: any[]) => "focus" | "hover" | "click" | "contextmenu" | TooltipTriggerType[]) | (() => Arrayable<TooltipTriggerType>))[], unknown, unknown, "hover", boolean>;
-  readonly triggerKeys: EpPropFinalized<(new (...args: any[]) => string[]) | (() => string[]) | ((new (...args: any[]) => string[]) | (() => string[]))[], unknown, unknown, () => string[], boolean>;
+  readonly trigger: EpPropFinalized<(new (...args: any[]) => "click" | "contextmenu" | "focus" | "hover" | TooltipTriggerType[]) | (() => Arrayable<TooltipTriggerType>) | (((new (...args: any[]) => "click" | "contextmenu" | "focus" | "hover" | TooltipTriggerType[]) | (() => Arrayable<TooltipTriggerType>)) | null)[], unknown, unknown, "hover", boolean>;
+  readonly triggerKeys: EpPropFinalized<(new (...args: any[]) => string[]) | (() => string[]) | (((new (...args: any[]) => string[]) | (() => string[])) | null)[], unknown, unknown, () => string[], boolean>;
   readonly focusOnTarget: BooleanConstructor;
   readonly virtualRef: {
     readonly type: vue.PropType<Measurable>;

package/es/components/tour/src/content.d.ts

@@ -36,9 +36,9 @@ interface TourContentProps {
  * @deprecated Removed after 3.0.0, Use `TourContentProps` instead.
  */
 declare const tourContentProps: {
-  placement: EpPropFinalized<(new (...args: any[]) => "left" | "right" | "bottom" | "top" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | ((new (...args: any[]) => "left" | "right" | "bottom" | "top" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement))[], "left" | "right" | "bottom" | "top" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end", unknown, string, boolean>;
-  reference: EpPropFinalized<(new (...args: any[]) => HTMLElement | VirtualElement) | (() => HTMLElement | VirtualElement | null) | ((new (...args: any[]) => HTMLElement | VirtualElement) | (() => HTMLElement | VirtualElement | null))[], unknown, unknown, null, boolean>;
-  strategy: EpPropFinalized<(new (...args: any[]) => "fixed" | "absolute") | (() => Strategy) | ((new (...args: any[]) => "fixed" | "absolute") | (() => Strategy))[], "fixed" | "absolute", unknown, string, boolean>;
+  placement: EpPropFinalized<(new (...args: any[]) => "top" | "bottom" | "bottom-start" | "left" | "right" | "top-start" | "top-end" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | (((new (...args: any[]) => "top" | "bottom" | "bottom-start" | "left" | "right" | "top-start" | "top-end" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement)) | null)[], "top" | "bottom" | "bottom-start" | "left" | "right" | "top-start" | "top-end" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end", unknown, string, boolean>;
+  reference: EpPropFinalized<(new (...args: any[]) => HTMLElement | VirtualElement) | (() => HTMLElement | VirtualElement | null) | (((new (...args: any[]) => HTMLElement | VirtualElement) | (() => HTMLElement | VirtualElement | null)) | null)[], unknown, unknown, null, boolean>;
+  strategy: EpPropFinalized<(new (...args: any[]) => "fixed" | "absolute") | (() => Strategy) | (((new (...args: any[]) => "fixed" | "absolute") | (() => Strategy)) | null)[], "fixed" | "absolute", unknown, string, boolean>;
   offset: EpPropFinalized<NumberConstructor, unknown, unknown, number, boolean>;
   showArrow: BooleanConstructor;
   zIndex: EpPropFinalized<NumberConstructor, unknown, unknown, number, boolean>;

package/es/components/tour/src/step.d.ts

@@ -5,7 +5,7 @@ import { TourContentProps } from "./content.js";
 import { TourBtnProps, TourMask } from "./types.js";
 import * as vue from "vue";
 import { CSSProperties, ExtractPublicPropTypes } from "vue";
-import * as _floating_ui_utils0 from "@floating-ui/utils";
+import * as _floating_ui_dom0 from "@floating-ui/dom";
 
 //#region ../../packages/components/tour/src/step.d.ts
 interface TourStepProps {
@@ -67,7 +67,7 @@ interface TourStepProps {
  */
 declare const tourStepProps: {
   target: {
-    readonly type: vue.PropType<EpPropMergeType<(new (...args: any[]) => string | HTMLElement | (() => HTMLElement | null)) | (() => string | HTMLElement | (() => HTMLElement | null) | null) | ((new (...args: any[]) => string | HTMLElement | (() => HTMLElement | null)) | (() => string | HTMLElement | (() => HTMLElement | null) | null))[], unknown, unknown>>;
+    readonly type: vue.PropType<EpPropMergeType<(new (...args: any[]) => string | HTMLElement | (() => HTMLElement | null)) | (() => string | HTMLElement | (() => HTMLElement | null) | null) | (((new (...args: any[]) => string | HTMLElement | (() => HTMLElement | null)) | (() => string | HTMLElement | (() => HTMLElement | null) | null)) | null)[], unknown, unknown>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
@@ -76,20 +76,20 @@ declare const tourStepProps: {
   description: StringConstructor;
   showClose: EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
   closeIcon: {
-    readonly type: vue.PropType<EpPropMergeType<(new (...args: any[]) => (string | vue.Component) & {}) | (() => string | vue.Component) | ((new (...args: any[]) => (string | vue.Component) & {}) | (() => string | vue.Component))[], unknown, unknown>>;
+    readonly type: vue.PropType<EpPropMergeType<(new (...args: any[]) => (string | vue.Component) & {}) | (() => string | vue.Component) | (((new (...args: any[]) => (string | vue.Component) & {}) | (() => string | vue.Component)) | null)[], unknown, unknown>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
   };
   showArrow: EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
-  placement: EpPropFinalized<(new (...args: any[]) => "left" | "right" | "bottom" | "top" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => _floating_ui_utils0.Placement) | ((new (...args: any[]) => "left" | "right" | "bottom" | "top" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => _floating_ui_utils0.Placement))[], "left" | "right" | "bottom" | "top" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end", unknown, string, boolean>;
+  placement: EpPropFinalized<(new (...args: any[]) => "top" | "bottom" | "bottom-start" | "left" | "right" | "top-start" | "top-end" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => _floating_ui_dom0.Placement) | (((new (...args: any[]) => "top" | "bottom" | "bottom-start" | "left" | "right" | "top-start" | "top-end" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => _floating_ui_dom0.Placement)) | null)[], "top" | "bottom" | "bottom-start" | "left" | "right" | "top-start" | "top-end" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end", unknown, string, boolean>;
   mask: EpPropFinalized<(new (...args: any[]) => boolean | {
     style?: CSSProperties;
     color?: string;
-  }) | (() => TourMask) | ((new (...args: any[]) => boolean | {
+  }) | (() => TourMask) | (((new (...args: any[]) => boolean | {
     style?: CSSProperties;
     color?: string;
-  }) | (() => TourMask))[], unknown, unknown, undefined, boolean>;
+  }) | (() => TourMask)) | null)[], unknown, unknown, undefined, boolean>;
   contentStyle: {
     readonly type: vue.PropType<CSSProperties>;
     readonly required: false;
@@ -108,9 +108,9 @@ declare const tourStepProps: {
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
   };
-  scrollIntoViewOptions: EpPropFinalized<(new (...args: any[]) => boolean | ScrollIntoViewOptions) | (() => boolean | ScrollIntoViewOptions) | ((new (...args: any[]) => boolean | ScrollIntoViewOptions) | (() => boolean | ScrollIntoViewOptions))[], unknown, unknown, undefined, boolean>;
+  scrollIntoViewOptions: EpPropFinalized<(new (...args: any[]) => boolean | ScrollIntoViewOptions) | (() => boolean | ScrollIntoViewOptions) | (((new (...args: any[]) => boolean | ScrollIntoViewOptions) | (() => boolean | ScrollIntoViewOptions)) | null)[], unknown, unknown, undefined, boolean>;
   type: {
-    readonly type: vue.PropType<EpPropMergeType<(new (...args: any[]) => "default" | "primary") | (() => "default" | "primary") | ((new (...args: any[]) => "default" | "primary") | (() => "default" | "primary"))[], unknown, unknown>>;
+    readonly type: vue.PropType<EpPropMergeType<(new (...args: any[]) => "default" | "primary") | (() => "default" | "primary") | (((new (...args: any[]) => "default" | "primary") | (() => "default" | "primary")) | null)[], unknown, unknown>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;

package/es/components/tour/src/step.vue.d.ts

@@ -1,7 +1,7 @@
 import { TourMask } from "./types.js";
 import { TourStepProps } from "./step.js";
 import * as vue from "vue";
-import * as _floating_ui_utils0 from "@floating-ui/utils";
+import * as _floating_ui_dom0 from "@floating-ui/dom";
 
 //#region ../../packages/components/tour/src/step.vue.d.ts
 declare var __VLS_12: {}, __VLS_14: {};
@@ -10,45 +10,23 @@ type __VLS_Slots = {} & {
 } & {
   default?: (props: typeof __VLS_14) => any;
 };
-declare const __VLS_base: vue.DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<TourStepProps>, {
-  showClose: undefined;
-  showArrow: undefined;
-  placement: string;
-  mask: undefined;
-  scrollIntoViewOptions: undefined;
-}>, unknown, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+declare const __VLS_base: vue.DefineComponent<TourStepProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
   close: () => void;
-}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<TourStepProps>, {
-  showClose: undefined;
-  showArrow: undefined;
-  placement: string;
-  mask: undefined;
-  scrollIntoViewOptions: undefined;
-}>>> & {
+}, string, vue.PublicProps, Readonly<TourStepProps> & Readonly<{
   onClose?: (() => any) | undefined;
-}, {
-  placement: _floating_ui_utils0.Placement;
+}>, {
+  placement: _floating_ui_dom0.Placement;
   showArrow: boolean;
   mask: TourMask;
   showClose: boolean;
   scrollIntoViewOptions: boolean | ScrollIntoViewOptions;
-}, {}>;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
-type __VLS_TypePropsToOption<T> = { [K in keyof T]-?: {} extends Pick<T, K> ? {
-  type: vue.PropType<Required<T>[K]>;
-} : {
-  type: vue.PropType<T[K]>;
-  required: true;
-} };
-type __VLS_WithDefaults<P, D> = { [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_PrettifyLocal<P[K] & {
-  default: D[K];
-}> : P[K] };
 type __VLS_WithSlots<T, S> = T & {
   new (): {
     $slots: S;
   };
 };
-type __VLS_PrettifyLocal<T> = (T extends any ? { [K in keyof T]: T[K] } : { [K in keyof T as K]: T[K] }) & {};
 //#endregion
 export { _default };