@element-plus/nightly 0.0.20260414 → 0.0.20260416

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

@@ -6,9 +6,9 @@ import "../../../index.js";
 import * as vue from "vue";
 
 //#region ../../packages/components/tooltip/src/content.vue.d.ts
-declare var __VLS_32: {};
+declare var __VLS_31: {};
 type __VLS_Slots = {} & {
-  default?: (props: typeof __VLS_32) => any;
+  default?: (props: typeof __VLS_31) => any;
 };
 declare const __VLS_base: vue.DefineComponent<ElTooltipContentProps, {
   /**
@@ -20,11 +20,11 @@ declare const __VLS_base: vue.DefineComponent<ElTooltipContentProps, {
    */
   isFocusInsideContent: (event?: FocusEvent) => boolean | undefined;
 }, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<ElTooltipContentProps> & Readonly<{}>, {
+  content: string;
   offset: number;
   teleported: boolean;
   effect: PopperEffect;
   visible: boolean | null;
-  content: string;
   style: string | false | vue.CSSProperties | vue.StyleValue[] | null;
   enterable: boolean;
   pure: boolean;

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

@@ -1,7 +1,6 @@
 import { focusElement } from "../../../utils/dom/aria.mjs";
 import { composeEventHandlers } from "../../../utils/dom/event.mjs";
 import { castArray } from "../../../utils/arrays.mjs";
-import { ElTeleport } from "../../teleport/index.mjs";
 import { useNamespace } from "../../../hooks/use-namespace/index.mjs";
 import { usePopperContainerId } from "../../../hooks/use-popper-container/index.mjs";
 import content_default from "../../popper/src/content2.mjs";
@@ -9,7 +8,7 @@ import { useTooltipContentProps } from "./content.mjs";
 import { TOOLTIP_INJECTION_KEY } from "./constants.mjs";
 import { isTriggerType } from "./utils.mjs";
 import { computedEager, onClickOutside } from "@vueuse/core";
-import { Transition, computed, createBlock, createCommentVNode, createVNode, defineComponent, inject, mergeProps, onBeforeUnmount, openBlock, ref, renderSlot, unref, vShow, watch, withCtx, withDirectives } from "vue";
+import { Teleport, Transition, computed, createBlock, createCommentVNode, createVNode, defineComponent, inject, mergeProps, onBeforeUnmount, openBlock, ref, renderSlot, unref, vShow, watch, withCtx, withDirectives } from "vue";
 
 //#region ../../packages/components/tooltip/src/content.vue?vue&type=script&setup=true&lang.ts
 var content_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
@@ -94,82 +93,79 @@ var content_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ define
 			isFocusInsideContent
 		});
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(ElTeleport), {
+			return openBlock(), createBlock(Teleport, {
 				disabled: !__props.teleported,
 				to: appendTo.value
+			}, [shouldRender.value || !ariaHidden.value ? (openBlock(), createBlock(Transition, {
+				key: 0,
+				name: transitionClass.value,
+				appear: !persistentRef.value,
+				onAfterLeave: onTransitionLeave,
+				onBeforeEnter,
+				onAfterEnter: onAfterShow,
+				onBeforeLeave,
+				persisted: ""
 			}, {
-				default: withCtx(() => [shouldRender.value || !ariaHidden.value ? (openBlock(), createBlock(Transition, {
-					key: 0,
-					name: transitionClass.value,
-					appear: !persistentRef.value,
-					onAfterLeave: onTransitionLeave,
-					onBeforeEnter,
-					onAfterEnter: onAfterShow,
-					onBeforeLeave,
-					persisted: ""
-				}, {
-					default: withCtx(() => [withDirectives(createVNode(unref(content_default), mergeProps({
-						id: unref(id),
-						ref_key: "contentRef",
-						ref: contentRef
-					}, _ctx.$attrs, {
-						"aria-label": __props.ariaLabel,
-						"aria-hidden": ariaHidden.value,
-						"boundaries-padding": __props.boundariesPadding,
-						"fallback-placements": __props.fallbackPlacements,
-						"gpu-acceleration": __props.gpuAcceleration,
-						offset: __props.offset,
-						placement: __props.placement,
-						"popper-options": __props.popperOptions,
-						"arrow-offset": __props.arrowOffset,
-						strategy: __props.strategy,
-						effect: __props.effect,
-						enterable: __props.enterable,
-						pure: __props.pure,
-						"popper-class": __props.popperClass,
-						"popper-style": [__props.popperStyle, contentStyle.value],
-						"reference-el": __props.referenceEl,
-						"trigger-target-el": __props.triggerTargetEl,
-						visible: shouldShow.value,
-						"z-index": __props.zIndex,
-						loop: __props.loop,
-						onMouseenter: unref(onContentEnter),
-						onMouseleave: unref(onContentLeave),
-						onBlur,
-						onClose: unref(onClose)
-					}), {
-						default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
-						_: 3
-					}, 16, [
-						"id",
-						"aria-label",
-						"aria-hidden",
-						"boundaries-padding",
-						"fallback-placements",
-						"gpu-acceleration",
-						"offset",
-						"placement",
-						"popper-options",
-						"arrow-offset",
-						"strategy",
-						"effect",
-						"enterable",
-						"pure",
-						"popper-class",
-						"popper-style",
-						"reference-el",
-						"trigger-target-el",
-						"visible",
-						"z-index",
-						"loop",
-						"onMouseenter",
-						"onMouseleave",
-						"onClose"
-					]), [[vShow, shouldShow.value]])]),
+				default: withCtx(() => [withDirectives(createVNode(unref(content_default), mergeProps({
+					id: unref(id),
+					ref_key: "contentRef",
+					ref: contentRef
+				}, _ctx.$attrs, {
+					"aria-label": __props.ariaLabel,
+					"aria-hidden": ariaHidden.value,
+					"boundaries-padding": __props.boundariesPadding,
+					"fallback-placements": __props.fallbackPlacements,
+					"gpu-acceleration": __props.gpuAcceleration,
+					offset: __props.offset,
+					placement: __props.placement,
+					"popper-options": __props.popperOptions,
+					"arrow-offset": __props.arrowOffset,
+					strategy: __props.strategy,
+					effect: __props.effect,
+					enterable: __props.enterable,
+					pure: __props.pure,
+					"popper-class": __props.popperClass,
+					"popper-style": [__props.popperStyle, contentStyle.value],
+					"reference-el": __props.referenceEl,
+					"trigger-target-el": __props.triggerTargetEl,
+					visible: shouldShow.value,
+					"z-index": __props.zIndex,
+					loop: __props.loop,
+					onMouseenter: unref(onContentEnter),
+					onMouseleave: unref(onContentLeave),
+					onBlur,
+					onClose: unref(onClose)
+				}), {
+					default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
 					_: 3
-				}, 8, ["name", "appear"])) : createCommentVNode("v-if", true)]),
+				}, 16, [
+					"id",
+					"aria-label",
+					"aria-hidden",
+					"boundaries-padding",
+					"fallback-placements",
+					"gpu-acceleration",
+					"offset",
+					"placement",
+					"popper-options",
+					"arrow-offset",
+					"strategy",
+					"effect",
+					"enterable",
+					"pure",
+					"popper-class",
+					"popper-style",
+					"reference-el",
+					"trigger-target-el",
+					"visible",
+					"z-index",
+					"loop",
+					"onMouseenter",
+					"onMouseleave",
+					"onClose"
+				]), [[vShow, shouldShow.value]])]),
 				_: 3
-			}, 8, ["disabled", "to"]);
+			}, 8, ["name", "appear"])) : createCommentVNode("v-if", true)], 8, ["disabled", "to"]);
 		};
 	}
 });

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 { OnClickOutsideReturn } from '@vueuse/core'\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: OnClickOutsideReturn<false> | undefined\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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"}
+{"version":3,"file":"content.vue_vue_type_script_setup_true_lang.mjs","names":["$attrs"],"sources":["../../../../../../packages/components/tooltip/src/content.vue"],"sourcesContent":["<template>\n  <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  </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 { TOOLTIP_INJECTION_KEY } from './constants'\nimport { isTriggerType } from './utils'\nimport { useTooltipContentPropsDefaults } from './content'\n\nimport type { ElTooltipContentProps } from './content'\nimport type { OnClickOutsideReturn } from '@vueuse/core'\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: OnClickOutsideReturn<false> | undefined\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 { OnClickOutsideReturn } from '@vueuse/core'\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: OnClickOutsideReturn<false> | undefined\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":""}
+{"version":3,"file":"content2.mjs","names":[],"sources":["../../../../../../packages/components/tooltip/src/content.vue"],"sourcesContent":["<template>\n  <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  </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 { TOOLTIP_INJECTION_KEY } from './constants'\nimport { isTriggerType } from './utils'\nimport { useTooltipContentPropsDefaults } from './content'\n\nimport type { ElTooltipContentProps } from './content'\nimport type { OnClickOutsideReturn } from '@vueuse/core'\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: OnClickOutsideReturn<false> | undefined\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,7 +41,7 @@ declare const useTooltipProps: {
   showArrow: EpPropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>;
   arrowOffset: EpPropFinalized<NumberConstructor, unknown, unknown, 5, boolean>;
   disabled: BooleanConstructor;
-  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>;
+  trigger: EpPropFinalized<(new (...args: any[]) => "focus" | "hover" | "click" | "contextmenu" | TooltipTriggerType[]) | (() => Arrayable<TooltipTriggerType>) | (((new (...args: any[]) => "focus" | "hover" | "click" | "contextmenu" | 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: {
@@ -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)) | 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 type: vue.PropType<EpPropMergeType<(new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement) | (((new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement)) | null)[], unknown, unknown>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;

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

@@ -61,11 +61,11 @@ declare const __VLS_base: vue.DefineComponent<UseTooltipProps, {
   "onBefore-show"?: ((...args: any[]) => any) | undefined;
   "onBefore-hide"?: ((...args: any[]) => any) | undefined;
 }>, {
+  content: string;
   offset: number;
   teleported: boolean;
   effect: PopperEffect;
   visible: boolean | null;
-  content: string;
   style: string | false | vue.CSSProperties | vue.StyleValue[] | null;
   enterable: boolean;
   pure: boolean;

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

@@ -37,7 +37,7 @@ declare const useTooltipTriggerPropsDefaults: {
  */
 declare const useTooltipTriggerProps: {
   readonly disabled: BooleanConstructor;
-  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 trigger: EpPropFinalized<(new (...args: any[]) => "focus" | "hover" | "click" | "contextmenu" | TooltipTriggerType[]) | (() => Arrayable<TooltipTriggerType>) | (((new (...args: any[]) => "focus" | "hover" | "click" | "contextmenu" | 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: {

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

@@ -118,7 +118,7 @@ declare const tourProps: {
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
   };
-  appendTo: EpPropFinalized<(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, string, boolean>;
+  appendTo: EpPropFinalized<(new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement) | (((new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement)) | null)[], unknown, unknown, string, boolean>;
   closeOnPressEscape: EpPropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>;
   targetAreaClickable: EpPropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>;
 };

package/es/components/tour/src/tour.mjs

@@ -2,7 +2,6 @@ import { UPDATE_MODEL_EVENT } from "../../../constants/event.mjs";
 import { isBoolean, isNumber } from "../../../utils/types.mjs";
 import { buildProps, definePropType } from "../../../utils/vue/props/runtime.mjs";
 import { iconPropType } from "../../../utils/vue/icon.mjs";
-import { teleportProps } from "../../teleport/src/teleport.mjs";
 import { tourContentProps } from "./content.mjs";
 
 //#region ../../packages/components/tour/src/tour.ts
@@ -44,7 +43,7 @@ const tourProps = buildProps({
 	},
 	type: { type: definePropType(String) },
 	appendTo: {
-		type: teleportProps.to.type,
+		type: definePropType([String, Object]),
 		default: "body"
 	},
 	closeOnPressEscape: {

package/es/components/tour/src/tour.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"tour.mjs","names":[],"sources":["../../../../../../packages/components/tour/src/tour.ts"],"sourcesContent":["import {\n  buildProps,\n  definePropType,\n  iconPropType,\n  isBoolean,\n  isNumber,\n} from '@element-plus/utils'\nimport { UPDATE_MODEL_EVENT } from '@element-plus/constants'\nimport { teleportProps } from '@element-plus/components/teleport'\nimport { tourContentProps } from './content'\n\nimport type { TourContentProps } from './content'\nimport type { CSSProperties, ExtractPublicPropTypes } from 'vue'\nimport type { IconPropType } from '@element-plus/utils'\nimport type Tour from './tour.vue'\nimport type { TourGap, TourMask } from './types'\n\nexport interface TourProps {\n  /**\n   * @description open tour\n   */\n  modelValue?: boolean\n  /**\n   * @description what is the current step\n   */\n  current?: number\n  /**\n   * @description whether to show the arrow\n   */\n  showArrow?: boolean\n  /**\n   * @description whether to show a close button\n   */\n  showClose?: boolean\n  /**\n   * @description custom close icon\n   */\n  closeIcon?: IconPropType\n  /**\n   * @description position of the guide card relative to the target element\n   */\n  placement?: TourContentProps['placement']\n  /**\n   * @description custom style for content\n   */\n  contentStyle?: CSSProperties\n  /**\n   * @description whether to enable masking, change mask style and fill color by pass custom props\n   */\n  mask?: TourMask\n  /**\n   * @description transparent gap between mask and target\n   */\n  gap?: TourGap\n  /**\n   * @description tour's zIndex\n   */\n  zIndex?: number\n  /**\n   * @description support pass custom scrollIntoView options\n   */\n  scrollIntoViewOptions?: boolean | ScrollIntoViewOptions\n  /**\n   * @description type, affects the background color and text color\n   */\n  type?: 'default' | 'primary'\n  /**\n   * @description which element the TourContent appends to\n   */\n  appendTo?: string | HTMLElement\n  /**\n   * @description whether the Tour can be closed by pressing ESC\n   */\n  closeOnPressEscape?: boolean\n  /**\n   * @description whether the target element can be clickable, when using mask\n   */\n  targetAreaClickable?: boolean\n}\n\n/**\n * @deprecated Removed after 3.0.0, Use `TourProps` instead.\n */\nexport const tourProps = buildProps({\n  /**\n   * @description open tour\n   */\n  modelValue: Boolean,\n  /**\n   * @description what is the current step\n   */\n  current: {\n    type: Number,\n    default: 0,\n  },\n  /**\n   * @description whether to show the arrow\n   */\n  showArrow: {\n    type: Boolean,\n    default: true,\n  },\n  /**\n   * @description whether to show a close button\n   */\n  showClose: {\n    type: Boolean,\n    default: true,\n  },\n  /**\n   * @description custom close icon\n   */\n  closeIcon: {\n    type: iconPropType,\n  },\n  /**\n   * @description position of the guide card relative to the target element\n   */\n  placement: tourContentProps.placement,\n  /**\n   * @description custom style for content\n   */\n  contentStyle: {\n    type: definePropType<CSSProperties>([Object]),\n  },\n  /**\n   * @description whether to enable masking, change mask style and fill color by pass custom props\n   */\n  mask: {\n    type: definePropType<TourMask>([Boolean, Object]),\n    default: true,\n  },\n  /**\n   * @description transparent gap between mask and target\n   */\n  gap: {\n    type: definePropType<TourGap>(Object),\n    default: () => ({\n      offset: 6,\n      radius: 2,\n    }),\n  },\n  /**\n   * @description tour's zIndex\n   */\n  zIndex: {\n    type: Number,\n  },\n  /**\n   * @description support pass custom scrollIntoView options\n   */\n  scrollIntoViewOptions: {\n    type: definePropType<boolean | ScrollIntoViewOptions>([Boolean, Object]),\n    default: () => ({\n      block: 'center',\n    }),\n  },\n  /**\n   * @description type, affects the background color and text color\n   */\n  type: {\n    type: definePropType<'default' | 'primary'>(String),\n  },\n  /**\n   * @description which element the TourContent appends to\n   */\n  appendTo: {\n    type: teleportProps.to.type,\n    default: 'body',\n  },\n  /**\n   * @description whether the Tour can be closed by pressing ESC\n   */\n  closeOnPressEscape: {\n    type: Boolean,\n    default: true,\n  },\n  /**\n   * @description whether the target element can be clickable, when using mask\n   */\n  targetAreaClickable: {\n    type: Boolean,\n    default: true,\n  },\n})\n\n/**\n * @deprecated Removed after 3.0.0, Use `TourProps` instead.\n */\nexport type TourPropsPublic = ExtractPublicPropTypes<typeof tourProps>\nexport type TourInstance = InstanceType<typeof Tour> & unknown\n\nexport const tourEmits = {\n  [UPDATE_MODEL_EVENT]: (value: boolean) => isBoolean(value),\n  ['update:current']: (current: number) => isNumber(current),\n  close: (current: number) => isNumber(current),\n  finish: () => true,\n  change: (current: number) => isNumber(current),\n}\nexport type TourEmits = typeof tourEmits\n"],"mappings":";;;;;;;;;;;AAmFA,MAAa,YAAY,WAAW;CAIlC,YAAY;CAIZ,SAAS;EACP,MAAM;EACN,SAAS;EACV;CAID,WAAW;EACT,MAAM;EACN,SAAS;EACV;CAID,WAAW;EACT,MAAM;EACN,SAAS;EACV;CAID,WAAW,EACT,MAAM,cACP;CAID,WAAW,iBAAiB;CAI5B,cAAc,EACZ,MAAM,eAA8B,CAAC,OAAO,CAAC,EAC9C;CAID,MAAM;EACJ,MAAM,eAAyB,CAAC,SAAS,OAAO,CAAC;EACjD,SAAS;EACV;CAID,KAAK;EACH,MAAM,eAAwB,OAAO;EACrC,gBAAgB;GACd,QAAQ;GACR,QAAQ;GACT;EACF;CAID,QAAQ,EACN,MAAM,QACP;CAID,uBAAuB;EACrB,MAAM,eAAgD,CAAC,SAAS,OAAO,CAAC;EACxE,gBAAgB,EACd,OAAO,UACR;EACF;CAID,MAAM,EACJ,MAAM,eAAsC,OAAO,EACpD;CAID,UAAU;EACR,MAAM,cAAc,GAAG;EACvB,SAAS;EACV;CAID,oBAAoB;EAClB,MAAM;EACN,SAAS;EACV;CAID,qBAAqB;EACnB,MAAM;EACN,SAAS;EACV;CACF,CAAC;AAQF,MAAa,YAAY;EACtB,sBAAsB,UAAmB,UAAU,MAAM;EACzD,oBAAoB,YAAoB,SAAS,QAAQ;CAC1D,QAAQ,YAAoB,SAAS,QAAQ;CAC7C,cAAc;CACd,SAAS,YAAoB,SAAS,QAAQ;CAC/C"}
+{"version":3,"file":"tour.mjs","names":[],"sources":["../../../../../../packages/components/tour/src/tour.ts"],"sourcesContent":["import {\n  buildProps,\n  definePropType,\n  iconPropType,\n  isBoolean,\n  isNumber,\n} from '@element-plus/utils'\nimport { UPDATE_MODEL_EVENT } from '@element-plus/constants'\nimport { tourContentProps } from './content'\n\nimport type { TourContentProps } from './content'\nimport type { CSSProperties, ExtractPublicPropTypes } from 'vue'\nimport type { IconPropType } from '@element-plus/utils'\nimport type Tour from './tour.vue'\nimport type { TourGap, TourMask } from './types'\n\nexport interface TourProps {\n  /**\n   * @description open tour\n   */\n  modelValue?: boolean\n  /**\n   * @description what is the current step\n   */\n  current?: number\n  /**\n   * @description whether to show the arrow\n   */\n  showArrow?: boolean\n  /**\n   * @description whether to show a close button\n   */\n  showClose?: boolean\n  /**\n   * @description custom close icon\n   */\n  closeIcon?: IconPropType\n  /**\n   * @description position of the guide card relative to the target element\n   */\n  placement?: TourContentProps['placement']\n  /**\n   * @description custom style for content\n   */\n  contentStyle?: CSSProperties\n  /**\n   * @description whether to enable masking, change mask style and fill color by pass custom props\n   */\n  mask?: TourMask\n  /**\n   * @description transparent gap between mask and target\n   */\n  gap?: TourGap\n  /**\n   * @description tour's zIndex\n   */\n  zIndex?: number\n  /**\n   * @description support pass custom scrollIntoView options\n   */\n  scrollIntoViewOptions?: boolean | ScrollIntoViewOptions\n  /**\n   * @description type, affects the background color and text color\n   */\n  type?: 'default' | 'primary'\n  /**\n   * @description which element the TourContent appends to\n   */\n  appendTo?: string | HTMLElement\n  /**\n   * @description whether the Tour can be closed by pressing ESC\n   */\n  closeOnPressEscape?: boolean\n  /**\n   * @description whether the target element can be clickable, when using mask\n   */\n  targetAreaClickable?: boolean\n}\n\n/**\n * @deprecated Removed after 3.0.0, Use `TourProps` instead.\n */\nexport const tourProps = buildProps({\n  /**\n   * @description open tour\n   */\n  modelValue: Boolean,\n  /**\n   * @description what is the current step\n   */\n  current: {\n    type: Number,\n    default: 0,\n  },\n  /**\n   * @description whether to show the arrow\n   */\n  showArrow: {\n    type: Boolean,\n    default: true,\n  },\n  /**\n   * @description whether to show a close button\n   */\n  showClose: {\n    type: Boolean,\n    default: true,\n  },\n  /**\n   * @description custom close icon\n   */\n  closeIcon: {\n    type: iconPropType,\n  },\n  /**\n   * @description position of the guide card relative to the target element\n   */\n  placement: tourContentProps.placement,\n  /**\n   * @description custom style for content\n   */\n  contentStyle: {\n    type: definePropType<CSSProperties>([Object]),\n  },\n  /**\n   * @description whether to enable masking, change mask style and fill color by pass custom props\n   */\n  mask: {\n    type: definePropType<TourMask>([Boolean, Object]),\n    default: true,\n  },\n  /**\n   * @description transparent gap between mask and target\n   */\n  gap: {\n    type: definePropType<TourGap>(Object),\n    default: () => ({\n      offset: 6,\n      radius: 2,\n    }),\n  },\n  /**\n   * @description tour's zIndex\n   */\n  zIndex: {\n    type: Number,\n  },\n  /**\n   * @description support pass custom scrollIntoView options\n   */\n  scrollIntoViewOptions: {\n    type: definePropType<boolean | ScrollIntoViewOptions>([Boolean, Object]),\n    default: () => ({\n      block: 'center',\n    }),\n  },\n  /**\n   * @description type, affects the background color and text color\n   */\n  type: {\n    type: definePropType<'default' | 'primary'>(String),\n  },\n  /**\n   * @description which element the TourContent appends to\n   */\n  appendTo: {\n    type: definePropType<string | HTMLElement>([String, Object]),\n    default: 'body',\n  },\n  /**\n   * @description whether the Tour can be closed by pressing ESC\n   */\n  closeOnPressEscape: {\n    type: Boolean,\n    default: true,\n  },\n  /**\n   * @description whether the target element can be clickable, when using mask\n   */\n  targetAreaClickable: {\n    type: Boolean,\n    default: true,\n  },\n})\n\n/**\n * @deprecated Removed after 3.0.0, Use `TourProps` instead.\n */\nexport type TourPropsPublic = ExtractPublicPropTypes<typeof tourProps>\nexport type TourInstance = InstanceType<typeof Tour> & unknown\n\nexport const tourEmits = {\n  [UPDATE_MODEL_EVENT]: (value: boolean) => isBoolean(value),\n  ['update:current']: (current: number) => isNumber(current),\n  close: (current: number) => isNumber(current),\n  finish: () => true,\n  change: (current: number) => isNumber(current),\n}\nexport type TourEmits = typeof tourEmits\n"],"mappings":";;;;;;;;;;AAkFA,MAAa,YAAY,WAAW;CAIlC,YAAY;CAIZ,SAAS;EACP,MAAM;EACN,SAAS;EACV;CAID,WAAW;EACT,MAAM;EACN,SAAS;EACV;CAID,WAAW;EACT,MAAM;EACN,SAAS;EACV;CAID,WAAW,EACT,MAAM,cACP;CAID,WAAW,iBAAiB;CAI5B,cAAc,EACZ,MAAM,eAA8B,CAAC,OAAO,CAAC,EAC9C;CAID,MAAM;EACJ,MAAM,eAAyB,CAAC,SAAS,OAAO,CAAC;EACjD,SAAS;EACV;CAID,KAAK;EACH,MAAM,eAAwB,OAAO;EACrC,gBAAgB;GACd,QAAQ;GACR,QAAQ;GACT;EACF;CAID,QAAQ,EACN,MAAM,QACP;CAID,uBAAuB;EACrB,MAAM,eAAgD,CAAC,SAAS,OAAO,CAAC;EACxE,gBAAgB,EACd,OAAO,UACR;EACF;CAID,MAAM,EACJ,MAAM,eAAsC,OAAO,EACpD;CAID,UAAU;EACR,MAAM,eAAqC,CAAC,QAAQ,OAAO,CAAC;EAC5D,SAAS;EACV;CAID,oBAAoB;EAClB,MAAM;EACN,SAAS;EACV;CAID,qBAAqB;EACnB,MAAM;EACN,SAAS;EACV;CACF,CAAC;AAQF,MAAa,YAAY;EACtB,sBAAsB,UAAmB,UAAU,MAAM;EACzD,oBAAoB,YAAoB,SAAS,QAAQ;CAC1D,QAAQ,YAAoB,SAAS,QAAQ;CAC7C,cAAc;CACd,SAAS,YAAoB,SAAS,QAAQ;CAC/C"}

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

@@ -27,10 +27,10 @@ declare const __VLS_base: vue.DefineComponent<TourProps, {}, {}, {}, {}, vue.Com
   onFinish?: (() => any) | undefined;
   "onUpdate:current"?: ((current: number) => any) | undefined;
 }>, {
+  gap: TourGap;
   appendTo: string | HTMLElement;
   placement: _floating_ui_dom0.Placement;
   showArrow: boolean;
-  gap: TourGap;
   mask: TourMask;
   closeOnPressEscape: boolean;
   showClose: boolean;

package/es/components/tour/src/tour.vue_vue_type_script_setup_true_lang.mjs

@@ -1,6 +1,5 @@
 import { CHANGE_EVENT, UPDATE_MODEL_EVENT } from "../../../constants/event.mjs";
 import { isBoolean } from "../../../utils/types.mjs";
-import { ElTeleport } from "../../teleport/index.mjs";
 import { useNamespace } from "../../../hooks/use-namespace/index.mjs";
 import { useZIndex } from "../../../hooks/use-z-index/index.mjs";
 import { tourEmits, tourProps } from "./tour.mjs";
@@ -9,7 +8,7 @@ import mask_default from "./mask2.mjs";
 import content_default from "./content2.mjs";
 import steps_default from "./steps.mjs";
 import { useVModel } from "@vueuse/core";
-import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, mergeProps, normalizeStyle, openBlock, provide, ref, renderSlot, toRef, unref, useSlots, watch, withCtx } from "vue";
+import { Fragment, Teleport, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, mergeProps, normalizeStyle, openBlock, provide, ref, renderSlot, toRef, unref, useSlots, watch, withCtx } from "vue";
 
 //#region ../../packages/components/tour/src/tour.vue?vue&type=script&setup=true&lang.ts
 var tour_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
@@ -76,47 +75,44 @@ var tour_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCom
 		});
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock(Fragment, null, [
-				createVNode(unref(ElTeleport), { to: __props.appendTo }, {
-					default: withCtx(() => [createElementVNode("div", mergeProps({ class: kls.value }, _ctx.$attrs), [createVNode(mask_default, {
-						visible: mergedShowMask.value,
-						fill: mergedMaskStyle.value?.color,
-						style: normalizeStyle(mergedMaskStyle.value?.style),
-						pos: unref(pos),
-						"z-index": mergedZIndex.value,
-						"target-area-clickable": __props.targetAreaClickable
-					}, null, 8, [
-						"visible",
-						"fill",
-						"style",
-						"pos",
-						"z-index",
-						"target-area-clickable"
-					]), __props.modelValue ? (openBlock(), createBlock(content_default, {
-						key: unref(current),
-						reference: unref(triggerTarget),
-						placement: mergedPlacement.value,
-						"show-arrow": mergedShowArrow.value,
-						"z-index": mergedZIndex.value,
-						style: normalizeStyle(mergedContentStyle.value),
-						onClose: onEscClose
+				(openBlock(), createBlock(Teleport, { to: __props.appendTo }, [createElementVNode("div", mergeProps({ class: kls.value }, _ctx.$attrs), [createVNode(mask_default, {
+					visible: mergedShowMask.value,
+					fill: mergedMaskStyle.value?.color,
+					style: normalizeStyle(mergedMaskStyle.value?.style),
+					pos: unref(pos),
+					"z-index": mergedZIndex.value,
+					"target-area-clickable": __props.targetAreaClickable
+				}, null, 8, [
+					"visible",
+					"fill",
+					"style",
+					"pos",
+					"z-index",
+					"target-area-clickable"
+				]), __props.modelValue ? (openBlock(), createBlock(content_default, {
+					key: unref(current),
+					reference: unref(triggerTarget),
+					placement: mergedPlacement.value,
+					"show-arrow": mergedShowArrow.value,
+					"z-index": mergedZIndex.value,
+					style: normalizeStyle(mergedContentStyle.value),
+					onClose: onEscClose
+				}, {
+					default: withCtx(() => [createVNode(unref(steps_default), {
+						current: unref(current),
+						onUpdateTotal
 					}, {
-						default: withCtx(() => [createVNode(unref(steps_default), {
-							current: unref(current),
-							onUpdateTotal
-						}, {
-							default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
-							_: 3
-						}, 8, ["current"])]),
+						default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
 						_: 3
-					}, 8, [
-						"reference",
-						"placement",
-						"show-arrow",
-						"z-index",
-						"style"
-					])) : createCommentVNode("v-if", true)], 16)]),
+					}, 8, ["current"])]),
 					_: 3
-				}, 8, ["to"]),
+				}, 8, [
+					"reference",
+					"placement",
+					"show-arrow",
+					"z-index",
+					"style"
+				])) : createCommentVNode("v-if", true)], 16)], 8, ["to"])),
 				createCommentVNode(" just for IDE "),
 				createCommentVNode("v-if", true)
 			], 64);

package/es/components/tour/src/tour.vue_vue_type_script_setup_true_lang.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"tour.vue_vue_type_script_setup_true_lang.mjs","names":["$attrs"],"sources":["../../../../../../packages/components/tour/src/tour.vue"],"sourcesContent":["<template>\n  <el-teleport :to=\"appendTo\">\n    <div :class=\"kls\" v-bind=\"$attrs\">\n      <el-tour-mask\n        :visible=\"mergedShowMask\"\n        :fill=\"mergedMaskStyle?.color\"\n        :style=\"mergedMaskStyle?.style\"\n        :pos=\"pos\"\n        :z-index=\"mergedZIndex\"\n        :target-area-clickable=\"targetAreaClickable\"\n      />\n      <el-tour-content\n        v-if=\"modelValue\"\n        :key=\"current\"\n        :reference=\"triggerTarget\"\n        :placement=\"mergedPlacement\"\n        :show-arrow=\"mergedShowArrow\"\n        :z-index=\"mergedZIndex\"\n        :style=\"mergedContentStyle\"\n        @close=\"onEscClose\"\n      >\n        <el-tour-steps :current=\"current\" @update-total=\"onUpdateTotal\">\n          <slot />\n        </el-tour-steps>\n      </el-tour-content>\n    </div>\n  </el-teleport>\n  <!-- just for IDE -->\n  <slot v-if=\"false\" name=\"indicators\" :current=\"current + 1\" :total=\"total\" />\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, provide, ref, toRef, useSlots, watch } from 'vue'\nimport { useVModel } from '@vueuse/core'\nimport { useNamespace, useZIndex } from '@element-plus/hooks'\nimport { isBoolean } from '@element-plus/utils'\nimport ElTeleport from '@element-plus/components/teleport'\nimport { CHANGE_EVENT, UPDATE_MODEL_EVENT } from '@element-plus/constants'\nimport ElTourMask from './mask.vue'\nimport ElTourContent from './content.vue'\nimport ElTourSteps from './steps'\nimport { tourEmits } from './tour'\nimport { tourKey, useTarget } from './helper'\n\nimport type { TourStepProps } from './step'\nimport type { TourProps } from './tour'\n\ndefineOptions({\n  name: 'ElTour',\n  inheritAttrs: false,\n})\n\nconst props = withDefaults(defineProps<TourProps>(), {\n  current: 0,\n  showArrow: true,\n  showClose: true,\n  placement: 'bottom',\n  mask: true,\n  gap: () => ({ offset: 6, radius: 2 }),\n  scrollIntoViewOptions: () => ({ block: 'center' }),\n  appendTo: 'body',\n  closeOnPressEscape: true,\n  targetAreaClickable: true,\n})\nconst emit = defineEmits(tourEmits)\n\nconst ns = useNamespace('tour')\nconst total = ref(0)\nconst currentStep = ref<TourStepProps>()\n\nconst current = useVModel(props, 'current', emit, {\n  passive: true,\n})\n\nconst currentTarget = computed(() => currentStep.value?.target)\n\nconst kls = computed(() => [\n  ns.b(),\n  mergedType.value === 'primary' ? ns.m('primary') : '',\n])\n\nconst mergedPlacement = computed(\n  () => currentStep.value?.placement || props.placement\n)\n\nconst mergedContentStyle = computed(\n  () => currentStep.value?.contentStyle ?? props.contentStyle\n)\n\nconst mergedMask = computed(() => currentStep.value?.mask ?? props.mask)\nconst mergedShowMask = computed(() => !!mergedMask.value && props.modelValue)\nconst mergedMaskStyle = computed(() =>\n  isBoolean(mergedMask.value) ? undefined : mergedMask.value\n)\n\nconst mergedShowArrow = computed(\n  () =>\n    !!currentTarget.value && (currentStep.value?.showArrow ?? props.showArrow)\n)\n\nconst mergedScrollIntoViewOptions = computed(\n  () => currentStep.value?.scrollIntoViewOptions ?? props.scrollIntoViewOptions\n)\nconst mergedType = computed(() => currentStep.value?.type ?? props.type)\n\nconst { nextZIndex } = useZIndex()\nconst nowZIndex = nextZIndex()\nconst mergedZIndex = computed(() => props.zIndex ?? nowZIndex)\n\nconst { mergedPosInfo: pos, triggerTarget } = useTarget(\n  currentTarget,\n  toRef(props, 'modelValue'),\n  toRef(props, 'gap'),\n  mergedMask,\n  mergedScrollIntoViewOptions\n)\n\nwatch(\n  () => props.modelValue,\n  (val) => {\n    if (!val) {\n      current.value = 0\n    }\n  }\n)\n\nconst onEscClose = () => {\n  if (props.closeOnPressEscape) {\n    emit(UPDATE_MODEL_EVENT, false)\n    emit('close', current.value)\n  }\n}\n\nconst onUpdateTotal = (val: number) => {\n  total.value = val\n}\n\nconst slots = useSlots()\n\nprovide(tourKey, {\n  currentStep,\n  current,\n  total,\n  showClose: toRef(props, 'showClose'),\n  closeIcon: toRef(props, 'closeIcon'),\n  mergedType,\n  ns,\n  slots,\n  updateModelValue(modelValue) {\n    emit(UPDATE_MODEL_EVENT, modelValue)\n  },\n  onClose() {\n    emit('close', current.value)\n  },\n  onFinish() {\n    emit('finish')\n  },\n  onChange() {\n    emit(CHANGE_EVENT, current.value)\n  },\n})\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;EAoDA,MAAM,QAAQ;EAYd,MAAM,OAAO;EAEb,MAAM,KAAK,aAAa,OAAM;EAC9B,MAAM,QAAQ,IAAI,EAAC;EACnB,MAAM,cAAc,KAAmB;EAEvC,MAAM,UAAU,UAAU,OAAO,WAAW,MAAM,EAChD,SAAS,MACV,CAAA;EAED,MAAM,gBAAgB,eAAe,YAAY,OAAO,OAAM;EAE9D,MAAM,MAAM,eAAe,CACzB,GAAG,GAAG,EACN,WAAW,UAAU,YAAY,GAAG,EAAE,UAAU,GAAG,GACpD,CAAA;EAED,MAAM,kBAAkB,eAChB,YAAY,OAAO,aAAa,MAAM,UAC9C;EAEA,MAAM,qBAAqB,eACnB,YAAY,OAAO,gBAAgB,MAAM,aACjD;EAEA,MAAM,aAAa,eAAe,YAAY,OAAO,QAAQ,MAAM,KAAI;EACvE,MAAM,iBAAiB,eAAe,CAAC,CAAC,WAAW,SAAS,MAAM,WAAU;EAC5E,MAAM,kBAAkB,eACtB,UAAU,WAAW,MAAM,GAAG,SAAY,WAAW,MACvD;EAEA,MAAM,kBAAkB,eAEpB,CAAC,CAAC,cAAc,UAAU,YAAY,OAAO,aAAa,MAAM,WACpE;EAEA,MAAM,8BAA8B,eAC5B,YAAY,OAAO,yBAAyB,MAAM,sBAC1D;EACA,MAAM,aAAa,eAAe,YAAY,OAAO,QAAQ,MAAM,KAAI;EAEvE,MAAM,EAAE,eAAe,WAAU;EACjC,MAAM,YAAY,YAAW;EAC7B,MAAM,eAAe,eAAe,MAAM,UAAU,UAAS;EAE7D,MAAM,EAAE,eAAe,KAAK,kBAAkB,UAC5C,eACA,MAAM,OAAO,aAAa,EAC1B,MAAM,OAAO,MAAM,EACnB,YACA,4BACF;AAEA,cACQ,MAAM,aACX,QAAQ;AACP,OAAI,CAAC,IACH,SAAQ,QAAQ;IAGtB;EAEA,MAAM,mBAAmB;AACvB,OAAI,MAAM,oBAAoB;AAC5B,SAAK,oBAAoB,MAAK;AAC9B,SAAK,SAAS,QAAQ,MAAK;;;EAI/B,MAAM,iBAAiB,QAAgB;AACrC,SAAM,QAAQ;;EAGhB,MAAM,QAAQ,UAAS;AAEvB,UAAQ,SAAS;GACf;GACA;GACA;GACA,WAAW,MAAM,OAAO,YAAY;GACpC,WAAW,MAAM,OAAO,YAAY;GACpC;GACA;GACA;GACA,iBAAiB,YAAY;AAC3B,SAAK,oBAAoB,WAAU;;GAErC,UAAU;AACR,SAAK,SAAS,QAAQ,MAAK;;GAE7B,WAAW;AACT,SAAK,SAAQ;;GAEf,WAAW;AACT,SAAK,cAAc,QAAQ,MAAK;;GAEnC,CAAA;;;IA/JC,YAyBc,MAAA,WAAA,EAAA,EAzBA,IAAI,QAAA,UAAQ,EAAA;4BAwBlB,CAvBN,mBAuBM,OAvBN,WAuBM,EAvBA,OAAO,IAAA,OAAG,EAAUA,KAAAA,OAAM,EAAA,CAC9B,YAOE,cAAA;MANC,SAAS,eAAA;MACT,MAAM,gBAAA,OAAiB;MACvB,OAAK,eAAE,gBAAA,OAAiB,MAAK;MAC7B,KAAK,MAAA,IAAG;MACR,WAAS,aAAA;MACT,yBAAuB,QAAA;;;;;;;;SAGlB,QAAA,2BADR,YAakB,iBAAA;MAXf,KAAK,MAAA,QAAO;MACZ,WAAW,MAAA,cAAa;MACxB,WAAW,gBAAA;MACX,cAAY,gBAAA;MACZ,WAAS,aAAA;MACT,OAAK,eAAE,mBAAA,MAAkB;MACzB,SAAO;;6BAIQ,CAFhB,YAEgB,MAAA,cAAA,EAAA;OAFA,SAAS,MAAA,QAAO;OAAiB;;8BACvC,CAAR,WAAQ,KAAA,QAAA,UAAA;;;;;;;;;;;;;IAKhB,mBAAA,iBAAqB"}
+{"version":3,"file":"tour.vue_vue_type_script_setup_true_lang.mjs","names":["$attrs"],"sources":["../../../../../../packages/components/tour/src/tour.vue"],"sourcesContent":["<template>\n  <teleport :to=\"appendTo\">\n    <div :class=\"kls\" v-bind=\"$attrs\">\n      <el-tour-mask\n        :visible=\"mergedShowMask\"\n        :fill=\"mergedMaskStyle?.color\"\n        :style=\"mergedMaskStyle?.style\"\n        :pos=\"pos\"\n        :z-index=\"mergedZIndex\"\n        :target-area-clickable=\"targetAreaClickable\"\n      />\n      <el-tour-content\n        v-if=\"modelValue\"\n        :key=\"current\"\n        :reference=\"triggerTarget\"\n        :placement=\"mergedPlacement\"\n        :show-arrow=\"mergedShowArrow\"\n        :z-index=\"mergedZIndex\"\n        :style=\"mergedContentStyle\"\n        @close=\"onEscClose\"\n      >\n        <el-tour-steps :current=\"current\" @update-total=\"onUpdateTotal\">\n          <slot />\n        </el-tour-steps>\n      </el-tour-content>\n    </div>\n  </teleport>\n  <!-- just for IDE -->\n  <slot v-if=\"false\" name=\"indicators\" :current=\"current + 1\" :total=\"total\" />\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, provide, ref, toRef, useSlots, watch } from 'vue'\nimport { useVModel } from '@vueuse/core'\nimport { useNamespace, useZIndex } from '@element-plus/hooks'\nimport { isBoolean } from '@element-plus/utils'\nimport { CHANGE_EVENT, UPDATE_MODEL_EVENT } from '@element-plus/constants'\nimport ElTourMask from './mask.vue'\nimport ElTourContent from './content.vue'\nimport ElTourSteps from './steps'\nimport { tourEmits } from './tour'\nimport { tourKey, useTarget } from './helper'\n\nimport type { TourStepProps } from './step'\nimport type { TourProps } from './tour'\n\ndefineOptions({\n  name: 'ElTour',\n  inheritAttrs: false,\n})\n\nconst props = withDefaults(defineProps<TourProps>(), {\n  current: 0,\n  showArrow: true,\n  showClose: true,\n  placement: 'bottom',\n  mask: true,\n  gap: () => ({ offset: 6, radius: 2 }),\n  scrollIntoViewOptions: () => ({ block: 'center' }),\n  appendTo: 'body',\n  closeOnPressEscape: true,\n  targetAreaClickable: true,\n})\nconst emit = defineEmits(tourEmits)\n\nconst ns = useNamespace('tour')\nconst total = ref(0)\nconst currentStep = ref<TourStepProps>()\n\nconst current = useVModel(props, 'current', emit, {\n  passive: true,\n})\n\nconst currentTarget = computed(() => currentStep.value?.target)\n\nconst kls = computed(() => [\n  ns.b(),\n  mergedType.value === 'primary' ? ns.m('primary') : '',\n])\n\nconst mergedPlacement = computed(\n  () => currentStep.value?.placement || props.placement\n)\n\nconst mergedContentStyle = computed(\n  () => currentStep.value?.contentStyle ?? props.contentStyle\n)\n\nconst mergedMask = computed(() => currentStep.value?.mask ?? props.mask)\nconst mergedShowMask = computed(() => !!mergedMask.value && props.modelValue)\nconst mergedMaskStyle = computed(() =>\n  isBoolean(mergedMask.value) ? undefined : mergedMask.value\n)\n\nconst mergedShowArrow = computed(\n  () =>\n    !!currentTarget.value && (currentStep.value?.showArrow ?? props.showArrow)\n)\n\nconst mergedScrollIntoViewOptions = computed(\n  () => currentStep.value?.scrollIntoViewOptions ?? props.scrollIntoViewOptions\n)\nconst mergedType = computed(() => currentStep.value?.type ?? props.type)\n\nconst { nextZIndex } = useZIndex()\nconst nowZIndex = nextZIndex()\nconst mergedZIndex = computed(() => props.zIndex ?? nowZIndex)\n\nconst { mergedPosInfo: pos, triggerTarget } = useTarget(\n  currentTarget,\n  toRef(props, 'modelValue'),\n  toRef(props, 'gap'),\n  mergedMask,\n  mergedScrollIntoViewOptions\n)\n\nwatch(\n  () => props.modelValue,\n  (val) => {\n    if (!val) {\n      current.value = 0\n    }\n  }\n)\n\nconst onEscClose = () => {\n  if (props.closeOnPressEscape) {\n    emit(UPDATE_MODEL_EVENT, false)\n    emit('close', current.value)\n  }\n}\n\nconst onUpdateTotal = (val: number) => {\n  total.value = val\n}\n\nconst slots = useSlots()\n\nprovide(tourKey, {\n  currentStep,\n  current,\n  total,\n  showClose: toRef(props, 'showClose'),\n  closeIcon: toRef(props, 'closeIcon'),\n  mergedType,\n  ns,\n  slots,\n  updateModelValue(modelValue) {\n    emit(UPDATE_MODEL_EVENT, modelValue)\n  },\n  onClose() {\n    emit('close', current.value)\n  },\n  onFinish() {\n    emit('finish')\n  },\n  onChange() {\n    emit(CHANGE_EVENT, current.value)\n  },\n})\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;EAmDA,MAAM,QAAQ;EAYd,MAAM,OAAO;EAEb,MAAM,KAAK,aAAa,OAAM;EAC9B,MAAM,QAAQ,IAAI,EAAC;EACnB,MAAM,cAAc,KAAmB;EAEvC,MAAM,UAAU,UAAU,OAAO,WAAW,MAAM,EAChD,SAAS,MACV,CAAA;EAED,MAAM,gBAAgB,eAAe,YAAY,OAAO,OAAM;EAE9D,MAAM,MAAM,eAAe,CACzB,GAAG,GAAG,EACN,WAAW,UAAU,YAAY,GAAG,EAAE,UAAU,GAAG,GACpD,CAAA;EAED,MAAM,kBAAkB,eAChB,YAAY,OAAO,aAAa,MAAM,UAC9C;EAEA,MAAM,qBAAqB,eACnB,YAAY,OAAO,gBAAgB,MAAM,aACjD;EAEA,MAAM,aAAa,eAAe,YAAY,OAAO,QAAQ,MAAM,KAAI;EACvE,MAAM,iBAAiB,eAAe,CAAC,CAAC,WAAW,SAAS,MAAM,WAAU;EAC5E,MAAM,kBAAkB,eACtB,UAAU,WAAW,MAAM,GAAG,SAAY,WAAW,MACvD;EAEA,MAAM,kBAAkB,eAEpB,CAAC,CAAC,cAAc,UAAU,YAAY,OAAO,aAAa,MAAM,WACpE;EAEA,MAAM,8BAA8B,eAC5B,YAAY,OAAO,yBAAyB,MAAM,sBAC1D;EACA,MAAM,aAAa,eAAe,YAAY,OAAO,QAAQ,MAAM,KAAI;EAEvE,MAAM,EAAE,eAAe,WAAU;EACjC,MAAM,YAAY,YAAW;EAC7B,MAAM,eAAe,eAAe,MAAM,UAAU,UAAS;EAE7D,MAAM,EAAE,eAAe,KAAK,kBAAkB,UAC5C,eACA,MAAM,OAAO,aAAa,EAC1B,MAAM,OAAO,MAAM,EACnB,YACA,4BACF;AAEA,cACQ,MAAM,aACX,QAAQ;AACP,OAAI,CAAC,IACH,SAAQ,QAAQ;IAGtB;EAEA,MAAM,mBAAmB;AACvB,OAAI,MAAM,oBAAoB;AAC5B,SAAK,oBAAoB,MAAK;AAC9B,SAAK,SAAS,QAAQ,MAAK;;;EAI/B,MAAM,iBAAiB,QAAgB;AACrC,SAAM,QAAQ;;EAGhB,MAAM,QAAQ,UAAS;AAEvB,UAAQ,SAAS;GACf;GACA;GACA;GACA,WAAW,MAAM,OAAO,YAAY;GACpC,WAAW,MAAM,OAAO,YAAY;GACpC;GACA;GACA;GACA,iBAAiB,YAAY;AAC3B,SAAK,oBAAoB,WAAU;;GAErC,UAAU;AACR,SAAK,SAAS,QAAQ,MAAK;;GAE7B,WAAW;AACT,SAAK,SAAQ;;GAEf,WAAW;AACT,SAAK,cAAc,QAAQ,MAAK;;GAEnC,CAAA;;;kBA9JC,YAyBW,UAAA,EAzBA,IAAI,QAAA,UAAQ,EAAA,CACrB,mBAuBM,OAvBN,WAuBM,EAvBA,OAAO,IAAA,OAAG,EAAUA,KAAAA,OAAM,EAAA,CAC9B,YAOE,cAAA;KANC,SAAS,eAAA;KACT,MAAM,gBAAA,OAAiB;KACvB,OAAK,eAAE,gBAAA,OAAiB,MAAK;KAC7B,KAAK,MAAA,IAAG;KACR,WAAS,aAAA;KACT,yBAAuB,QAAA;;;;;;;;QAGlB,QAAA,2BADR,YAakB,iBAAA;KAXf,KAAK,MAAA,QAAO;KACZ,WAAW,MAAA,cAAa;KACxB,WAAW,gBAAA;KACX,cAAY,gBAAA;KACZ,WAAS,aAAA;KACT,OAAK,eAAE,mBAAA,MAAkB;KACzB,SAAO;;4BAIQ,CAFhB,YAEgB,MAAA,cAAA,EAAA;MAFA,SAAS,MAAA,QAAO;MAAiB;;6BACvC,CAAR,WAAQ,KAAA,QAAA,UAAA;;;;;;;;;;;IAKhB,mBAAA,iBAAqB"}

package/es/components/tour/src/tour2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"tour2.mjs","names":[],"sources":["../../../../../../packages/components/tour/src/tour.vue"],"sourcesContent":["<template>\n  <el-teleport :to=\"appendTo\">\n    <div :class=\"kls\" v-bind=\"$attrs\">\n      <el-tour-mask\n        :visible=\"mergedShowMask\"\n        :fill=\"mergedMaskStyle?.color\"\n        :style=\"mergedMaskStyle?.style\"\n        :pos=\"pos\"\n        :z-index=\"mergedZIndex\"\n        :target-area-clickable=\"targetAreaClickable\"\n      />\n      <el-tour-content\n        v-if=\"modelValue\"\n        :key=\"current\"\n        :reference=\"triggerTarget\"\n        :placement=\"mergedPlacement\"\n        :show-arrow=\"mergedShowArrow\"\n        :z-index=\"mergedZIndex\"\n        :style=\"mergedContentStyle\"\n        @close=\"onEscClose\"\n      >\n        <el-tour-steps :current=\"current\" @update-total=\"onUpdateTotal\">\n          <slot />\n        </el-tour-steps>\n      </el-tour-content>\n    </div>\n  </el-teleport>\n  <!-- just for IDE -->\n  <slot v-if=\"false\" name=\"indicators\" :current=\"current + 1\" :total=\"total\" />\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, provide, ref, toRef, useSlots, watch } from 'vue'\nimport { useVModel } from '@vueuse/core'\nimport { useNamespace, useZIndex } from '@element-plus/hooks'\nimport { isBoolean } from '@element-plus/utils'\nimport ElTeleport from '@element-plus/components/teleport'\nimport { CHANGE_EVENT, UPDATE_MODEL_EVENT } from '@element-plus/constants'\nimport ElTourMask from './mask.vue'\nimport ElTourContent from './content.vue'\nimport ElTourSteps from './steps'\nimport { tourEmits } from './tour'\nimport { tourKey, useTarget } from './helper'\n\nimport type { TourStepProps } from './step'\nimport type { TourProps } from './tour'\n\ndefineOptions({\n  name: 'ElTour',\n  inheritAttrs: false,\n})\n\nconst props = withDefaults(defineProps<TourProps>(), {\n  current: 0,\n  showArrow: true,\n  showClose: true,\n  placement: 'bottom',\n  mask: true,\n  gap: () => ({ offset: 6, radius: 2 }),\n  scrollIntoViewOptions: () => ({ block: 'center' }),\n  appendTo: 'body',\n  closeOnPressEscape: true,\n  targetAreaClickable: true,\n})\nconst emit = defineEmits(tourEmits)\n\nconst ns = useNamespace('tour')\nconst total = ref(0)\nconst currentStep = ref<TourStepProps>()\n\nconst current = useVModel(props, 'current', emit, {\n  passive: true,\n})\n\nconst currentTarget = computed(() => currentStep.value?.target)\n\nconst kls = computed(() => [\n  ns.b(),\n  mergedType.value === 'primary' ? ns.m('primary') : '',\n])\n\nconst mergedPlacement = computed(\n  () => currentStep.value?.placement || props.placement\n)\n\nconst mergedContentStyle = computed(\n  () => currentStep.value?.contentStyle ?? props.contentStyle\n)\n\nconst mergedMask = computed(() => currentStep.value?.mask ?? props.mask)\nconst mergedShowMask = computed(() => !!mergedMask.value && props.modelValue)\nconst mergedMaskStyle = computed(() =>\n  isBoolean(mergedMask.value) ? undefined : mergedMask.value\n)\n\nconst mergedShowArrow = computed(\n  () =>\n    !!currentTarget.value && (currentStep.value?.showArrow ?? props.showArrow)\n)\n\nconst mergedScrollIntoViewOptions = computed(\n  () => currentStep.value?.scrollIntoViewOptions ?? props.scrollIntoViewOptions\n)\nconst mergedType = computed(() => currentStep.value?.type ?? props.type)\n\nconst { nextZIndex } = useZIndex()\nconst nowZIndex = nextZIndex()\nconst mergedZIndex = computed(() => props.zIndex ?? nowZIndex)\n\nconst { mergedPosInfo: pos, triggerTarget } = useTarget(\n  currentTarget,\n  toRef(props, 'modelValue'),\n  toRef(props, 'gap'),\n  mergedMask,\n  mergedScrollIntoViewOptions\n)\n\nwatch(\n  () => props.modelValue,\n  (val) => {\n    if (!val) {\n      current.value = 0\n    }\n  }\n)\n\nconst onEscClose = () => {\n  if (props.closeOnPressEscape) {\n    emit(UPDATE_MODEL_EVENT, false)\n    emit('close', current.value)\n  }\n}\n\nconst onUpdateTotal = (val: number) => {\n  total.value = val\n}\n\nconst slots = useSlots()\n\nprovide(tourKey, {\n  currentStep,\n  current,\n  total,\n  showClose: toRef(props, 'showClose'),\n  closeIcon: toRef(props, 'closeIcon'),\n  mergedType,\n  ns,\n  slots,\n  updateModelValue(modelValue) {\n    emit(UPDATE_MODEL_EVENT, modelValue)\n  },\n  onClose() {\n    emit('close', current.value)\n  },\n  onFinish() {\n    emit('finish')\n  },\n  onChange() {\n    emit(CHANGE_EVENT, current.value)\n  },\n})\n</script>\n"],"mappings":""}
+{"version":3,"file":"tour2.mjs","names":[],"sources":["../../../../../../packages/components/tour/src/tour.vue"],"sourcesContent":["<template>\n  <teleport :to=\"appendTo\">\n    <div :class=\"kls\" v-bind=\"$attrs\">\n      <el-tour-mask\n        :visible=\"mergedShowMask\"\n        :fill=\"mergedMaskStyle?.color\"\n        :style=\"mergedMaskStyle?.style\"\n        :pos=\"pos\"\n        :z-index=\"mergedZIndex\"\n        :target-area-clickable=\"targetAreaClickable\"\n      />\n      <el-tour-content\n        v-if=\"modelValue\"\n        :key=\"current\"\n        :reference=\"triggerTarget\"\n        :placement=\"mergedPlacement\"\n        :show-arrow=\"mergedShowArrow\"\n        :z-index=\"mergedZIndex\"\n        :style=\"mergedContentStyle\"\n        @close=\"onEscClose\"\n      >\n        <el-tour-steps :current=\"current\" @update-total=\"onUpdateTotal\">\n          <slot />\n        </el-tour-steps>\n      </el-tour-content>\n    </div>\n  </teleport>\n  <!-- just for IDE -->\n  <slot v-if=\"false\" name=\"indicators\" :current=\"current + 1\" :total=\"total\" />\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, provide, ref, toRef, useSlots, watch } from 'vue'\nimport { useVModel } from '@vueuse/core'\nimport { useNamespace, useZIndex } from '@element-plus/hooks'\nimport { isBoolean } from '@element-plus/utils'\nimport { CHANGE_EVENT, UPDATE_MODEL_EVENT } from '@element-plus/constants'\nimport ElTourMask from './mask.vue'\nimport ElTourContent from './content.vue'\nimport ElTourSteps from './steps'\nimport { tourEmits } from './tour'\nimport { tourKey, useTarget } from './helper'\n\nimport type { TourStepProps } from './step'\nimport type { TourProps } from './tour'\n\ndefineOptions({\n  name: 'ElTour',\n  inheritAttrs: false,\n})\n\nconst props = withDefaults(defineProps<TourProps>(), {\n  current: 0,\n  showArrow: true,\n  showClose: true,\n  placement: 'bottom',\n  mask: true,\n  gap: () => ({ offset: 6, radius: 2 }),\n  scrollIntoViewOptions: () => ({ block: 'center' }),\n  appendTo: 'body',\n  closeOnPressEscape: true,\n  targetAreaClickable: true,\n})\nconst emit = defineEmits(tourEmits)\n\nconst ns = useNamespace('tour')\nconst total = ref(0)\nconst currentStep = ref<TourStepProps>()\n\nconst current = useVModel(props, 'current', emit, {\n  passive: true,\n})\n\nconst currentTarget = computed(() => currentStep.value?.target)\n\nconst kls = computed(() => [\n  ns.b(),\n  mergedType.value === 'primary' ? ns.m('primary') : '',\n])\n\nconst mergedPlacement = computed(\n  () => currentStep.value?.placement || props.placement\n)\n\nconst mergedContentStyle = computed(\n  () => currentStep.value?.contentStyle ?? props.contentStyle\n)\n\nconst mergedMask = computed(() => currentStep.value?.mask ?? props.mask)\nconst mergedShowMask = computed(() => !!mergedMask.value && props.modelValue)\nconst mergedMaskStyle = computed(() =>\n  isBoolean(mergedMask.value) ? undefined : mergedMask.value\n)\n\nconst mergedShowArrow = computed(\n  () =>\n    !!currentTarget.value && (currentStep.value?.showArrow ?? props.showArrow)\n)\n\nconst mergedScrollIntoViewOptions = computed(\n  () => currentStep.value?.scrollIntoViewOptions ?? props.scrollIntoViewOptions\n)\nconst mergedType = computed(() => currentStep.value?.type ?? props.type)\n\nconst { nextZIndex } = useZIndex()\nconst nowZIndex = nextZIndex()\nconst mergedZIndex = computed(() => props.zIndex ?? nowZIndex)\n\nconst { mergedPosInfo: pos, triggerTarget } = useTarget(\n  currentTarget,\n  toRef(props, 'modelValue'),\n  toRef(props, 'gap'),\n  mergedMask,\n  mergedScrollIntoViewOptions\n)\n\nwatch(\n  () => props.modelValue,\n  (val) => {\n    if (!val) {\n      current.value = 0\n    }\n  }\n)\n\nconst onEscClose = () => {\n  if (props.closeOnPressEscape) {\n    emit(UPDATE_MODEL_EVENT, false)\n    emit('close', current.value)\n  }\n}\n\nconst onUpdateTotal = (val: number) => {\n  total.value = val\n}\n\nconst slots = useSlots()\n\nprovide(tourKey, {\n  currentStep,\n  current,\n  total,\n  showClose: toRef(props, 'showClose'),\n  closeIcon: toRef(props, 'closeIcon'),\n  mergedType,\n  ns,\n  slots,\n  updateModelValue(modelValue) {\n    emit(UPDATE_MODEL_EVENT, modelValue)\n  },\n  onClose() {\n    emit('close', current.value)\n  },\n  onFinish() {\n    emit('finish')\n  },\n  onChange() {\n    emit(CHANGE_EVENT, current.value)\n  },\n})\n</script>\n"],"mappings":""}

package/es/components/tree-select/src/tree-select.vue.d.ts

@@ -185,7 +185,7 @@ declare const __VLS_export: vue.DefineComponent<vue.ExtractPropTypes<{
   fallbackPlacements: EpPropFinalized<(new (...args: any[]) => Placement[]) | (() => Placement[]) | (((new (...args: any[]) => Placement[]) | (() => Placement[])) | null)[], unknown, unknown, string[], boolean>;
   tabindex: EpPropFinalized<(NumberConstructor | StringConstructor)[], unknown, unknown, number, boolean>;
   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)) | 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 type: vue.PropType<EpPropMergeType<(new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement) | (((new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement)) | null)[], unknown, unknown>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
@@ -374,7 +374,7 @@ declare const __VLS_export: vue.DefineComponent<vue.ExtractPropTypes<{
   fallbackPlacements: EpPropFinalized<(new (...args: any[]) => Placement[]) | (() => Placement[]) | (((new (...args: any[]) => Placement[]) | (() => Placement[])) | null)[], unknown, unknown, string[], boolean>;
   tabindex: EpPropFinalized<(NumberConstructor | StringConstructor)[], unknown, unknown, number, boolean>;
   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)) | 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 type: vue.PropType<EpPropMergeType<(new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement) | (((new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement)) | null)[], unknown, unknown>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
@@ -386,8 +386,8 @@ declare const __VLS_export: vue.DefineComponent<vue.ExtractPropTypes<{
     __epPropKey: true;
   };
 }>> & Readonly<{}>, {
-  offset: number;
   props: TreeOptionProps;
+  offset: number;
   teleported: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   effect: EpPropMergeType<(new (...args: any[]) => string) | (() => PopperEffect) | (((new (...args: any[]) => string) | (() => PopperEffect)) | null)[], unknown, unknown>;
   disabled: EpPropMergeType<BooleanConstructor, unknown, unknown>;