@element-plus/nightly 0.0.20260414 → 0.0.20260415

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

@@ -2,9 +2,8 @@ const require_runtime = require('../../../_virtual/_rolldown/runtime.js');
 const require_aria = require('../../../utils/dom/aria.js');
 const require_event = require('../../../utils/dom/event.js');
 const require_arrays = require('../../../utils/arrays.js');
-const require_index = require('../../teleport/index.js');
-const require_index$1 = require('../../../hooks/use-namespace/index.js');
-const require_index$2 = require('../../../hooks/use-popper-container/index.js');
+const require_index = require('../../../hooks/use-namespace/index.js');
+const require_index$1 = require('../../../hooks/use-popper-container/index.js');
 const require_content = require('../../popper/src/content2.js');
 const require_content$1 = require('./content.js');
 const require_constants = require('./constants.js');
@@ -20,8 +19,8 @@ var content_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (0, vu
 	props: require_content$1.useTooltipContentProps,
 	setup(__props, { expose: __expose }) {
 		const props = __props;
-		const { selector } = require_index$2.usePopperContainerId();
-		const ns = require_index$1.useNamespace("tooltip");
+		const { selector } = require_index$1.usePopperContainerId();
+		const ns = require_index.useNamespace("tooltip");
 		const contentRef = (0, vue.ref)();
 		const popperContentRef = (0, _vueuse_core.computedEager)(() => contentRef.value?.popperContentRef);
 		let stopHandle;
@@ -98,82 +97,79 @@ var content_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (0, vu
 			isFocusInsideContent
 		});
 		return (_ctx, _cache) => {
-			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_index.ElTeleport), {
+			return (0, vue.openBlock)(), (0, vue.createBlock)(vue.Teleport, {
 				disabled: !__props.teleported,
 				to: appendTo.value
+			}, [shouldRender.value || !ariaHidden.value ? ((0, vue.openBlock)(), (0, vue.createBlock)(vue.Transition, {
+				key: 0,
+				name: transitionClass.value,
+				appear: !persistentRef.value,
+				onAfterLeave: onTransitionLeave,
+				onBeforeEnter,
+				onAfterEnter: onAfterShow,
+				onBeforeLeave,
+				persisted: ""
 			}, {
-				default: (0, vue.withCtx)(() => [shouldRender.value || !ariaHidden.value ? ((0, vue.openBlock)(), (0, vue.createBlock)(vue.Transition, {
-					key: 0,
-					name: transitionClass.value,
-					appear: !persistentRef.value,
-					onAfterLeave: onTransitionLeave,
-					onBeforeEnter,
-					onAfterEnter: onAfterShow,
-					onBeforeLeave,
-					persisted: ""
-				}, {
-					default: (0, vue.withCtx)(() => [(0, vue.withDirectives)((0, vue.createVNode)((0, vue.unref)(require_content.default), (0, vue.mergeProps)({
-						id: (0, vue.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: (0, vue.unref)(onContentEnter),
-						onMouseleave: (0, vue.unref)(onContentLeave),
-						onBlur,
-						onClose: (0, vue.unref)(onClose)
-					}), {
-						default: (0, vue.withCtx)(() => [(0, vue.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"
-					]), [[vue.vShow, shouldShow.value]])]),
+				default: (0, vue.withCtx)(() => [(0, vue.withDirectives)((0, vue.createVNode)((0, vue.unref)(require_content.default), (0, vue.mergeProps)({
+					id: (0, vue.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: (0, vue.unref)(onContentEnter),
+					onMouseleave: (0, vue.unref)(onContentLeave),
+					onBlur,
+					onClose: (0, vue.unref)(onClose)
+				}), {
+					default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
 					_: 3
-				}, 8, ["name", "appear"])) : (0, vue.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"
+				]), [[vue.vShow, shouldShow.value]])]),
 				_: 3
-			}, 8, ["disabled", "to"]);
+			}, 8, ["name", "appear"])) : (0, vue.createCommentVNode)("v-if", true)], 8, ["disabled", "to"]);
 		};
 	}
 });

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

@@ -1 +1 @@
-{"version":3,"file":"content.vue_vue_type_script_setup_true_lang.js","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.js","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/lib/components/tooltip/src/content2.js.map

@@ -1 +1 @@
-{"version":3,"file":"content2.js","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.js","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/lib/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/lib/components/tooltip/src/tooltip.vue.d.ts

@@ -45,28 +45,26 @@ declare const __VLS_base: vue.DefineComponent<UseTooltipProps, {
    */
   hide: (event?: Event) => void;
 }, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-  close: (...args: any[]) => void;
   hide: (...args: any[]) => void;
   show: (...args: any[]) => void;
   open: (...args: any[]) => void;
   "update:visible": (...args: any[]) => void;
   "before-show": (...args: any[]) => void;
   "before-hide": (...args: any[]) => void;
+  close: (...args: any[]) => void;
 }, string, vue.PublicProps, Readonly<UseTooltipProps> & Readonly<{
-  onClose?: ((...args: any[]) => any) | undefined;
   onHide?: ((...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;
+  onClose?: ((...args: any[]) => any) | undefined;
 }>, {
-  offset: number;
-  teleported: boolean;
-  effect: PopperEffect;
   visible: boolean | null;
   content: string;
   style: string | false | vue.CSSProperties | vue.StyleValue[] | null;
+  effect: PopperEffect;
   enterable: boolean;
   pure: boolean;
   focusOnShow: boolean;
@@ -77,12 +75,14 @@ declare const __VLS_base: vue.DefineComponent<UseTooltipProps, {
   loop: boolean;
   boundariesPadding: number;
   gpuAcceleration: boolean;
+  offset: number;
   placement: Placement;
   popperOptions: Partial<Options>;
   strategy: "fixed" | "absolute";
   arrowOffset: number;
   showArrow: boolean;
   role: typeof roleTypes[number];
+  teleported: boolean;
   showAfter: number;
   hideAfter: number;
   autoClose: number;

package/lib/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/lib/components/tour/src/content.d.ts

@@ -36,7 +36,7 @@ interface TourContentProps {
  * @deprecated Removed after 3.0.0, Use `TourContentProps` instead.
  */
 declare const tourContentProps: {
-  placement: EpPropFinalized<(new (...args: any[]) => "top" | "bottom" | "left" | "right" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | (((new (...args: any[]) => "top" | "bottom" | "left" | "right" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement)) | null)[], "top" | "bottom" | "left" | "right" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end", unknown, string, 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") | (() => 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)) | null)[], "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)) | 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>;

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

@@ -82,7 +82,7 @@ declare const tourStepProps: {
     __epPropKey: true;
   };
   showArrow: EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
-  placement: EpPropFinalized<(new (...args: any[]) => "top" | "bottom" | "left" | "right" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => _floating_ui_dom0.Placement) | (((new (...args: any[]) => "top" | "bottom" | "left" | "right" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => _floating_ui_dom0.Placement)) | null)[], "top" | "bottom" | "left" | "right" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end", unknown, string, 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_dom0.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_dom0.Placement)) | null)[], "left" | "right" | "bottom" | "top" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end", unknown, string, boolean>;
   mask: EpPropFinalized<(new (...args: any[]) => boolean | {
     style?: CSSProperties;
     color?: string;

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

@@ -85,7 +85,7 @@ declare const tourProps: {
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
   };
-  placement: EpPropFinalized<(new (...args: any[]) => "top" | "bottom" | "left" | "right" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => _floating_ui_dom0.Placement) | (((new (...args: any[]) => "top" | "bottom" | "left" | "right" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => _floating_ui_dom0.Placement)) | null)[], "top" | "bottom" | "left" | "right" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end", unknown, string, 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_dom0.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_dom0.Placement)) | null)[], "left" | "right" | "bottom" | "top" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end", unknown, string, boolean>;
   contentStyle: {
     readonly type: vue.PropType<CSSProperties>;
     readonly required: false;
@@ -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/lib/components/tour/src/tour.js

@@ -3,7 +3,6 @@ const require_event = require('../../../constants/event.js');
 const require_types = require('../../../utils/types.js');
 const require_runtime = require('../../../utils/vue/props/runtime.js');
 const require_icon = require('../../../utils/vue/icon.js');
-const require_teleport = require('../../teleport/src/teleport.js');
 const require_content = require('./content.js');
 
 //#region ../../packages/components/tour/src/tour.ts
@@ -45,7 +44,7 @@ const tourProps = require_runtime.buildProps({
 	},
 	type: { type: require_runtime.definePropType(String) },
 	appendTo: {
-		type: require_teleport.teleportProps.to.type,
+		type: require_runtime.definePropType([String, Object]),
 		default: "body"
 	},
 	closeOnPressEscape: {

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

@@ -1 +1 @@
-{"version":3,"file":"tour.js","names":["buildProps","iconPropType","tourContentProps","definePropType","teleportProps","UPDATE_MODEL_EVENT","isBoolean","isNumber"],"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,YAAYA,2BAAW;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,MAAMC,2BACP;CAID,WAAWC,iCAAiB;CAI5B,cAAc,EACZ,MAAMC,+BAA8B,CAAC,OAAO,CAAC,EAC9C;CAID,MAAM;EACJ,MAAMA,+BAAyB,CAAC,SAAS,OAAO,CAAC;EACjD,SAAS;EACV;CAID,KAAK;EACH,MAAMA,+BAAwB,OAAO;EACrC,gBAAgB;GACd,QAAQ;GACR,QAAQ;GACT;EACF;CAID,QAAQ,EACN,MAAM,QACP;CAID,uBAAuB;EACrB,MAAMA,+BAAgD,CAAC,SAAS,OAAO,CAAC;EACxE,gBAAgB,EACd,OAAO,UACR;EACF;CAID,MAAM,EACJ,MAAMA,+BAAsC,OAAO,EACpD;CAID,UAAU;EACR,MAAMC,+BAAc,GAAG;EACvB,SAAS;EACV;CAID,oBAAoB;EAClB,MAAM;EACN,SAAS;EACV;CAID,qBAAqB;EACnB,MAAM;EACN,SAAS;EACV;CACF,CAAC;AAQF,MAAa,YAAY;EACtBC,oCAAsB,UAAmBC,wBAAU,MAAM;EACzD,oBAAoB,YAAoBC,uBAAS,QAAQ;CAC1D,QAAQ,YAAoBA,uBAAS,QAAQ;CAC7C,cAAc;CACd,SAAS,YAAoBA,uBAAS,QAAQ;CAC/C"}
+{"version":3,"file":"tour.js","names":["buildProps","iconPropType","tourContentProps","definePropType","UPDATE_MODEL_EVENT","isBoolean","isNumber"],"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,YAAYA,2BAAW;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,MAAMC,2BACP;CAID,WAAWC,iCAAiB;CAI5B,cAAc,EACZ,MAAMC,+BAA8B,CAAC,OAAO,CAAC,EAC9C;CAID,MAAM;EACJ,MAAMA,+BAAyB,CAAC,SAAS,OAAO,CAAC;EACjD,SAAS;EACV;CAID,KAAK;EACH,MAAMA,+BAAwB,OAAO;EACrC,gBAAgB;GACd,QAAQ;GACR,QAAQ;GACT;EACF;CAID,QAAQ,EACN,MAAM,QACP;CAID,uBAAuB;EACrB,MAAMA,+BAAgD,CAAC,SAAS,OAAO,CAAC;EACxE,gBAAgB,EACd,OAAO,UACR;EACF;CAID,MAAM,EACJ,MAAMA,+BAAsC,OAAO,EACpD;CAID,UAAU;EACR,MAAMA,+BAAqC,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;EACtBC,oCAAsB,UAAmBC,wBAAU,MAAM;EACzD,oBAAoB,YAAoBC,uBAAS,QAAQ;CAC1D,QAAQ,YAAoBA,uBAAS,QAAQ;CAC7C,cAAc;CACd,SAAS,YAAoBA,uBAAS,QAAQ;CAC/C"}

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

@@ -15,21 +15,21 @@ type __VLS_Slots = {} & {
   indicators?: (props: typeof __VLS_30) => any;
 };
 declare const __VLS_base: vue.DefineComponent<TourProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+  "update:modelValue": (value: boolean) => void;
   change: (current: number) => void;
   close: (current: number) => void;
-  "update:modelValue": (value: boolean) => void;
   finish: () => void;
   "update:current": (current: number) => void;
 }, string, vue.PublicProps, Readonly<TourProps> & Readonly<{
+  "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
   onChange?: ((current: number) => any) | undefined;
   onClose?: ((current: number) => any) | undefined;
-  "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
   onFinish?: (() => any) | undefined;
   "onUpdate:current"?: ((current: number) => any) | undefined;
 }>, {
-  appendTo: string | HTMLElement;
   placement: _floating_ui_dom0.Placement;
   showArrow: boolean;
+  appendTo: string | HTMLElement;
   gap: TourGap;
   mask: TourMask;
   closeOnPressEscape: boolean;

package/lib/components/tour/src/tour.vue_vue_type_script_setup_true_lang.js

@@ -1,9 +1,8 @@
 const require_runtime = require('../../../_virtual/_rolldown/runtime.js');
 const require_event = require('../../../constants/event.js');
 const require_types = require('../../../utils/types.js');
-const require_index = require('../../teleport/index.js');
-const require_index$1 = require('../../../hooks/use-namespace/index.js');
-const require_index$2 = require('../../../hooks/use-z-index/index.js');
+const require_index = require('../../../hooks/use-namespace/index.js');
+const require_index$1 = require('../../../hooks/use-z-index/index.js');
 const require_tour = require('./tour.js');
 const require_helper = require('./helper.js');
 const require_mask = require('./mask2.js');
@@ -22,7 +21,7 @@ var tour_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (0, vue.d
 	setup(__props, { emit: __emit }) {
 		const props = __props;
 		const emit = __emit;
-		const ns = require_index$1.useNamespace("tour");
+		const ns = require_index.useNamespace("tour");
 		const total = (0, vue.ref)(0);
 		const currentStep = (0, vue.ref)();
 		const current = (0, _vueuse_core.useVModel)(props, "current", emit, { passive: true });
@@ -36,7 +35,7 @@ var tour_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (0, vue.d
 		const mergedShowArrow = (0, vue.computed)(() => !!currentTarget.value && (currentStep.value?.showArrow ?? props.showArrow));
 		const mergedScrollIntoViewOptions = (0, vue.computed)(() => currentStep.value?.scrollIntoViewOptions ?? props.scrollIntoViewOptions);
 		const mergedType = (0, vue.computed)(() => currentStep.value?.type ?? props.type);
-		const { nextZIndex } = require_index$2.useZIndex();
+		const { nextZIndex } = require_index$1.useZIndex();
 		const nowZIndex = nextZIndex();
 		const mergedZIndex = (0, vue.computed)(() => props.zIndex ?? nowZIndex);
 		const { mergedPosInfo: pos, triggerTarget } = require_helper.useTarget(currentTarget, (0, vue.toRef)(props, "modelValue"), (0, vue.toRef)(props, "gap"), mergedMask, mergedScrollIntoViewOptions);
@@ -77,47 +76,44 @@ var tour_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (0, vue.d
 		});
 		return (_ctx, _cache) => {
 			return (0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, null, [
-				(0, vue.createVNode)((0, vue.unref)(require_index.ElTeleport), { to: __props.appendTo }, {
-					default: (0, vue.withCtx)(() => [(0, vue.createElementVNode)("div", (0, vue.mergeProps)({ class: kls.value }, _ctx.$attrs), [(0, vue.createVNode)(require_mask.default, {
-						visible: mergedShowMask.value,
-						fill: mergedMaskStyle.value?.color,
-						style: (0, vue.normalizeStyle)(mergedMaskStyle.value?.style),
-						pos: (0, vue.unref)(pos),
-						"z-index": mergedZIndex.value,
-						"target-area-clickable": __props.targetAreaClickable
-					}, null, 8, [
-						"visible",
-						"fill",
-						"style",
-						"pos",
-						"z-index",
-						"target-area-clickable"
-					]), __props.modelValue ? ((0, vue.openBlock)(), (0, vue.createBlock)(require_content.default, {
-						key: (0, vue.unref)(current),
-						reference: (0, vue.unref)(triggerTarget),
-						placement: mergedPlacement.value,
-						"show-arrow": mergedShowArrow.value,
-						"z-index": mergedZIndex.value,
-						style: (0, vue.normalizeStyle)(mergedContentStyle.value),
-						onClose: onEscClose
+				((0, vue.openBlock)(), (0, vue.createBlock)(vue.Teleport, { to: __props.appendTo }, [(0, vue.createElementVNode)("div", (0, vue.mergeProps)({ class: kls.value }, _ctx.$attrs), [(0, vue.createVNode)(require_mask.default, {
+					visible: mergedShowMask.value,
+					fill: mergedMaskStyle.value?.color,
+					style: (0, vue.normalizeStyle)(mergedMaskStyle.value?.style),
+					pos: (0, vue.unref)(pos),
+					"z-index": mergedZIndex.value,
+					"target-area-clickable": __props.targetAreaClickable
+				}, null, 8, [
+					"visible",
+					"fill",
+					"style",
+					"pos",
+					"z-index",
+					"target-area-clickable"
+				]), __props.modelValue ? ((0, vue.openBlock)(), (0, vue.createBlock)(require_content.default, {
+					key: (0, vue.unref)(current),
+					reference: (0, vue.unref)(triggerTarget),
+					placement: mergedPlacement.value,
+					"show-arrow": mergedShowArrow.value,
+					"z-index": mergedZIndex.value,
+					style: (0, vue.normalizeStyle)(mergedContentStyle.value),
+					onClose: onEscClose
+				}, {
+					default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(require_steps.default), {
+						current: (0, vue.unref)(current),
+						onUpdateTotal
 					}, {
-						default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(require_steps.default), {
-							current: (0, vue.unref)(current),
-							onUpdateTotal
-						}, {
-							default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
-							_: 3
-						}, 8, ["current"])]),
+						default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
 						_: 3
-					}, 8, [
-						"reference",
-						"placement",
-						"show-arrow",
-						"z-index",
-						"style"
-					])) : (0, vue.createCommentVNode)("v-if", true)], 16)]),
+					}, 8, ["current"])]),
 					_: 3
-				}, 8, ["to"]),
+				}, 8, [
+					"reference",
+					"placement",
+					"show-arrow",
+					"z-index",
+					"style"
+				])) : (0, vue.createCommentVNode)("v-if", true)], 16)], 8, ["to"])),
 				(0, vue.createCommentVNode)(" just for IDE "),
 				(0, vue.createCommentVNode)("v-if", true)
 			], 64);

package/lib/components/tour/src/tour.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"tour.vue_vue_type_script_setup_true_lang.js","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,6BAAa,OAAM;EAC9B,MAAM,qBAAY,EAAC;EACnB,MAAM,4BAAiC;EAEvC,MAAM,sCAAoB,OAAO,WAAW,MAAM,EAChD,SAAS,MACV,CAAA;EAED,MAAM,wCAA+B,YAAY,OAAO,OAAM;EAE9D,MAAM,8BAAqB,CACzB,GAAG,GAAG,EACN,WAAW,UAAU,YAAY,GAAG,EAAE,UAAU,GAAG,GACpD,CAAA;EAED,MAAM,0CACE,YAAY,OAAO,aAAa,MAAM,UAC9C;EAEA,MAAM,6CACE,YAAY,OAAO,gBAAgB,MAAM,aACjD;EAEA,MAAM,qCAA4B,YAAY,OAAO,QAAQ,MAAM,KAAI;EACvE,MAAM,yCAAgC,CAAC,CAAC,WAAW,SAAS,MAAM,WAAU;EAC5E,MAAM,0CACJ,wBAAU,WAAW,MAAM,GAAG,SAAY,WAAW,MACvD;EAEA,MAAM,0CAEF,CAAC,CAAC,cAAc,UAAU,YAAY,OAAO,aAAa,MAAM,WACpE;EAEA,MAAM,sDACE,YAAY,OAAO,yBAAyB,MAAM,sBAC1D;EACA,MAAM,qCAA4B,YAAY,OAAO,QAAQ,MAAM,KAAI;EAEvE,MAAM,EAAE,eAAe,2BAAU;EACjC,MAAM,YAAY,YAAW;EAC7B,MAAM,uCAA8B,MAAM,UAAU,UAAS;EAE7D,MAAM,EAAE,eAAe,KAAK,kBAAkB,yBAC5C,8BACM,OAAO,aAAa,iBACpB,OAAO,MAAM,EACnB,YACA,4BACF;AAEA,uBACQ,MAAM,aACX,QAAQ;AACP,OAAI,CAAC,IACH,SAAQ,QAAQ;IAGtB;EAEA,MAAM,mBAAmB;AACvB,OAAI,MAAM,oBAAoB;AAC5B,SAAK,kCAAoB,MAAK;AAC9B,SAAK,SAAS,QAAQ,MAAK;;;EAI/B,MAAM,iBAAiB,QAAgB;AACrC,SAAM,QAAQ;;EAGhB,MAAM,2BAAiB;AAEvB,mBAAQ,wBAAS;GACf;GACA;GACA;GACA,0BAAiB,OAAO,YAAY;GACpC,0BAAiB,OAAO,YAAY;GACpC;GACA;GACA;GACA,iBAAiB,YAAY;AAC3B,SAAK,kCAAoB,WAAU;;GAErC,UAAU;AACR,SAAK,SAAS,QAAQ,MAAK;;GAE7B,WAAW;AACT,SAAK,SAAQ;;GAEf,WAAW;AACT,SAAK,4BAAc,QAAQ,MAAK;;GAEnC,CAAA;;;wCAtIe,yBAAA,EAAA,EAzBA,IAAI,QAAA,UAAQ,EAAA;qCAwBlB,6BAAA,2BAAA,EAvBA,OAAO,IAAA,OAAG,EAAUA,KAAAA,OAAM,EAAA,sBAQ5B,sBAAA;MANC,SAAS,eAAA;MACT,MAAM,gBAAA,OAAiB;MACvB,+BAAO,gBAAA,OAAiB,MAAK;MAC7B,oBAAK,IAAG;MACR,WAAS,aAAA;MACT,yBAAuB,QAAA;;;;;;;;SAGlB,QAAA,yDAYU,yBAAA;MAXf,oBAAK,QAAO;MACZ,0BAAW,cAAa;MACxB,WAAW,gBAAA;MACX,cAAY,gBAAA;MACZ,WAAS,aAAA;MACT,+BAAO,mBAAA,MAAkB;MACzB,SAAO;;sCAIQ,qCAAA,sBAAA,EAAA;OAFA,wBAAS,QAAO;OAAiB;;uCACvC,qBAAA,KAAA,QAAA,UAAA;;;;;;;;;;;;;gCAKhB,iBAAqB"}
+{"version":3,"file":"tour.vue_vue_type_script_setup_true_lang.js","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,2BAAa,OAAM;EAC9B,MAAM,qBAAY,EAAC;EACnB,MAAM,4BAAiC;EAEvC,MAAM,sCAAoB,OAAO,WAAW,MAAM,EAChD,SAAS,MACV,CAAA;EAED,MAAM,wCAA+B,YAAY,OAAO,OAAM;EAE9D,MAAM,8BAAqB,CACzB,GAAG,GAAG,EACN,WAAW,UAAU,YAAY,GAAG,EAAE,UAAU,GAAG,GACpD,CAAA;EAED,MAAM,0CACE,YAAY,OAAO,aAAa,MAAM,UAC9C;EAEA,MAAM,6CACE,YAAY,OAAO,gBAAgB,MAAM,aACjD;EAEA,MAAM,qCAA4B,YAAY,OAAO,QAAQ,MAAM,KAAI;EACvE,MAAM,yCAAgC,CAAC,CAAC,WAAW,SAAS,MAAM,WAAU;EAC5E,MAAM,0CACJ,wBAAU,WAAW,MAAM,GAAG,SAAY,WAAW,MACvD;EAEA,MAAM,0CAEF,CAAC,CAAC,cAAc,UAAU,YAAY,OAAO,aAAa,MAAM,WACpE;EAEA,MAAM,sDACE,YAAY,OAAO,yBAAyB,MAAM,sBAC1D;EACA,MAAM,qCAA4B,YAAY,OAAO,QAAQ,MAAM,KAAI;EAEvE,MAAM,EAAE,eAAe,2BAAU;EACjC,MAAM,YAAY,YAAW;EAC7B,MAAM,uCAA8B,MAAM,UAAU,UAAS;EAE7D,MAAM,EAAE,eAAe,KAAK,kBAAkB,yBAC5C,8BACM,OAAO,aAAa,iBACpB,OAAO,MAAM,EACnB,YACA,4BACF;AAEA,uBACQ,MAAM,aACX,QAAQ;AACP,OAAI,CAAC,IACH,SAAQ,QAAQ;IAGtB;EAEA,MAAM,mBAAmB;AACvB,OAAI,MAAM,oBAAoB;AAC5B,SAAK,kCAAoB,MAAK;AAC9B,SAAK,SAAS,QAAQ,MAAK;;;EAI/B,MAAM,iBAAiB,QAAgB;AACrC,SAAM,QAAQ;;EAGhB,MAAM,2BAAiB;AAEvB,mBAAQ,wBAAS;GACf;GACA;GACA;GACA,0BAAiB,OAAO,YAAY;GACpC,0BAAiB,OAAO,YAAY;GACpC;GACA;GACA;GACA,iBAAiB,YAAY;AAC3B,SAAK,kCAAoB,WAAU;;GAErC,UAAU;AACR,SAAK,SAAS,QAAQ,MAAK;;GAE7B,WAAW;AACT,SAAK,SAAQ;;GAEf,WAAW;AACT,SAAK,4BAAc,QAAQ,MAAK;;GAEnC,CAAA;;;gDArIY,cAAA,EAzBA,IAAI,QAAA,UAAQ,EAAA,6BAwBf,2BAAA,EAvBA,OAAO,IAAA,OAAG,EAAUA,KAAAA,OAAM,EAAA,sBAQ5B,sBAAA;KANC,SAAS,eAAA;KACT,MAAM,gBAAA,OAAiB;KACvB,+BAAO,gBAAA,OAAiB,MAAK;KAC7B,oBAAK,IAAG;KACR,WAAS,aAAA;KACT,yBAAuB,QAAA;;;;;;;;QAGlB,QAAA,yDAYU,yBAAA;KAXf,oBAAK,QAAO;KACZ,0BAAW,cAAa;KACxB,WAAW,gBAAA;KACX,cAAY,gBAAA;KACZ,WAAS,aAAA;KACT,+BAAO,mBAAA,MAAkB;KACzB,SAAO;;qCAIQ,qCAAA,sBAAA,EAAA;MAFA,wBAAS,QAAO;MAAiB;;sCACvC,qBAAA,KAAA,QAAA,UAAA;;;;;;;;;;;gCAKhB,iBAAqB"}