@element-plus/nightly 0.0.20250808 → 0.0.20250810

package/es/components/tabs/src/tab-bar2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"tab-bar2.mjs","sources":["../../../../../../packages/components/tabs/src/tab-bar.vue"],"sourcesContent":["<template>\n  <div\n    ref=\"barRef\"\n    :class=\"[ns.e('active-bar'), ns.is(rootTabs!.props.tabPosition)]\"\n    :style=\"barStyle\"\n  />\n</template>\n\n<script lang=\"ts\" setup>\nimport { inject, nextTick, onBeforeUnmount, ref, watch } from 'vue'\nimport { useResizeObserver } from '@vueuse/core'\nimport { capitalize, isUndefined, throwError } from '@element-plus/utils'\nimport { useNamespace } from '@element-plus/hooks'\nimport { tabsRootContextKey } from './constants'\nimport { tabBarProps } from './tab-bar'\n\nimport type { CSSProperties } from 'vue'\n\nconst COMPONENT_NAME = 'ElTabBar'\ndefineOptions({\n  name: COMPONENT_NAME,\n})\nconst props = defineProps(tabBarProps)\n\nconst rootTabs = inject(tabsRootContextKey)\nif (!rootTabs) throwError(COMPONENT_NAME, '<el-tabs><el-tab-bar /></el-tabs>')\n\nconst ns = useNamespace('tabs')\n\nconst barRef = ref<HTMLDivElement>()\nconst barStyle = ref<CSSProperties>()\n\nconst getBarStyle = (): CSSProperties => {\n  let offset = 0\n  let tabSize = 0\n\n  const sizeName = ['top', 'bottom'].includes(rootTabs.props.tabPosition)\n    ? 'width'\n    : 'height'\n  const sizeDir = sizeName === 'width' ? 'x' : 'y'\n  const position = sizeDir === 'x' ? 'left' : 'top'\n\n  props.tabs.every((tab) => {\n    if (isUndefined(tab.paneName)) return false\n    const $el = props.tabRefs[tab.paneName]\n    if (!$el) return false\n\n    if (!tab.active) {\n      return true\n    }\n\n    offset = $el[`offset${capitalize(position)}`]\n    tabSize = $el[`client${capitalize(sizeName)}`]\n\n    const tabStyles = window.getComputedStyle($el)\n\n    if (sizeName === 'width') {\n      tabSize -=\n        Number.parseFloat(tabStyles.paddingLeft) +\n        Number.parseFloat(tabStyles.paddingRight)\n      offset += Number.parseFloat(tabStyles.paddingLeft)\n    }\n    return false\n  })\n\n  return {\n    [sizeName]: `${tabSize}px`,\n    transform: `translate${capitalize(sizeDir)}(${offset}px)`,\n  }\n}\n\nconst update = () => (barStyle.value = getBarStyle())\n\nconst tabObservers = [] as ReturnType<typeof useResizeObserver>[]\nconst observerTabs = () => {\n  tabObservers.forEach((observer) => observer.stop())\n  tabObservers.length = 0\n\n  Object.values(props.tabRefs).forEach((tab) => {\n    tabObservers.push(useResizeObserver(tab, update))\n  })\n}\n\nwatch(\n  () => props.tabs,\n  async () => {\n    await nextTick()\n    update()\n\n    observerTabs()\n  },\n  { immediate: true }\n)\nconst barObserver = useResizeObserver(barRef, () => update())\n\nonBeforeUnmount(() => {\n  tabObservers.forEach((observer) => observer.stop())\n  tabObservers.length = 0\n  barObserver.stop()\n})\n\ndefineExpose({\n  /** @description tab root html element */\n  ref: barRef,\n  /** @description method to manually update tab bar style */\n  update,\n})\n</script>\n"],"names":["_openBlock","_createElementBlock"],"mappings":"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"}
+{"version":3,"file":"tab-bar2.mjs","sources":["../../../../../../packages/components/tabs/src/tab-bar.ts"],"sourcesContent":["import { buildProps, definePropType, mutable } from '@element-plus/utils'\n\nimport type { ExtractPropTypes, __ExtractPublicPropTypes } from 'vue'\nimport type { TabPaneName, TabsPaneContext } from './constants'\nimport type TabBar from './tab-bar.vue'\n\nexport const tabBarProps = buildProps({\n  tabs: {\n    type: definePropType<TabsPaneContext[]>(Array),\n    default: () => mutable([] as const),\n  },\n  tabRefs: {\n    type: definePropType<{ [key: TabPaneName]: HTMLDivElement }>(Object),\n    default: () => mutable({} as const),\n  },\n} as const)\n\nexport type TabBarProps = ExtractPropTypes<typeof tabBarProps>\nexport type TabBarPropsPublic = __ExtractPublicPropTypes<typeof tabBarProps>\nexport type TabBarInstance = InstanceType<typeof TabBar> & unknown\n"],"names":[],"mappings":";;;AACY,MAAC,WAAW,GAAG,UAAU,CAAC;AACtC,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,cAAc,CAAC,KAAK,CAAC;AAC/B,IAAI,OAAO,EAAE,MAAM,OAAO,CAAC,EAAE,CAAC;AAC9B,GAAG;AACH,EAAE,OAAO,EAAE;AACX,IAAI,IAAI,EAAE,cAAc,CAAC,MAAM,CAAC;AAChC,IAAI,OAAO,EAAE,MAAM,OAAO,CAAC,EAAE,CAAC;AAC9B,GAAG;AACH,CAAC;;;;"}

package/es/components/tabs/src/tab-nav.mjs

@@ -2,7 +2,7 @@ import { defineComponent, inject, ref, shallowRef, computed, watch, onMounted, o
 import { useDocumentVisibility, useWindowFocus, useResizeObserver } from '@vueuse/core';
 import { ElIcon } from '../../icon/index.mjs';
 import { ArrowLeft, ArrowRight, Close } from '@element-plus/icons-vue';
-import TabBar from './tab-bar2.mjs';
+import TabBar from './tab-bar.mjs';
 import { tabsRootContextKey } from './constants.mjs';
 import { buildProps, definePropType } from '../../../utils/vue/props/runtime.mjs';
 import { mutable } from '../../../utils/typescript.mjs';

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

@@ -1,4 +1,4 @@
-import { popperContentProps } from '../../popper/src/content.mjs';
+import { popperContentProps } from '../../popper/src/content2.mjs';
 import { teleportProps } from '../../teleport/src/teleport.mjs';
 import { buildProps, definePropType } from '../../../utils/vue/props/runtime.mjs';
 import { useDelayedToggleProps } from '../../../hooks/use-delayed-toggle/index.mjs';

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

@@ -6,7 +6,7 @@ import { TOOLTIP_INJECTION_KEY } from './constants.mjs';
 import { useTooltipContentProps } from './content.mjs';
 import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
 import { usePopperContainerId } from '../../../hooks/use-popper-container/index.mjs';
-import ElPopperContent from '../../popper/src/content2.mjs';
+import ElPopperContent from '../../popper/src/content.mjs';
 import { tryFocus } from '../../focus-trap/src/utils.mjs';
 import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
 import { composeEventHandlers } from '../../../utils/dom/event.mjs';

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

@@ -1,6 +1,6 @@
 import { useTooltipContentProps } from './content.mjs';
 import { useTooltipTriggerProps } from './trigger.mjs';
-import { popperProps } from '../../popper/src/popper.mjs';
+import { popperProps } from '../../popper/src/popper2.mjs';
 import { popperArrowProps } from '../../popper/src/arrow.mjs';
 import { createModelToggleComposable } from '../../../hooks/use-model-toggle/index.mjs';
 import { buildProps } from '../../../utils/vue/props/runtime.mjs';

package/es/components/tooltip-v2/index.mjs

@@ -1,7 +1,7 @@
 import TooltipV2 from './src/tooltip2.mjs';
 export { tooltipV2ArrowProps, tooltipV2ArrowSpecialProps } from './src/arrow.mjs';
 export { tooltipV2ContentProps } from './src/content.mjs';
-export { tooltipV2RootProps } from './src/root2.mjs';
+export { tooltipV2RootProps } from './src/root.mjs';
 export { tooltipV2Props } from './src/tooltip.mjs';
 export { tooltipV2TriggerProps } from './src/trigger.mjs';
 export { TOOLTIP_V2_OPEN, tooltipV2ContentKey, tooltipV2RootKey } from './src/constants.mjs';

package/es/components/tooltip-v2/src/root.mjs

@@ -1,84 +1,22 @@
-import { defineComponent, ref, computed, watch, onMounted, onBeforeUnmount, provide, renderSlot, unref } from 'vue';
-import { useTimeoutFn } from '@vueuse/core';
-import { TOOLTIP_V2_OPEN, tooltipV2RootKey } from './constants.mjs';
-import { tooltipV2RootProps } from './root2.mjs';
-import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
-import { isPropAbsent, isNumber } from '../../../utils/types.mjs';
-import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
-import { useId } from '../../../hooks/use-id/index.mjs';
+import { buildProps, definePropType } from '../../../utils/vue/props/runtime.mjs';
 
-const __default__ = defineComponent({
-  name: "ElTooltipV2Root"
-});
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...__default__,
-  props: tooltipV2RootProps,
-  setup(__props, { expose }) {
-    const props = __props;
-    const _open = ref(props.defaultOpen);
-    const triggerRef = ref(null);
-    const open = computed({
-      get: () => isPropAbsent(props.open) ? _open.value : props.open,
-      set: (open2) => {
-        var _a;
-        _open.value = open2;
-        (_a = props["onUpdate:open"]) == null ? void 0 : _a.call(props, open2);
-      }
-    });
-    const isOpenDelayed = computed(() => isNumber(props.delayDuration) && props.delayDuration > 0);
-    const { start: onDelayedOpen, stop: clearTimer } = useTimeoutFn(() => {
-      open.value = true;
-    }, computed(() => props.delayDuration), {
-      immediate: false
-    });
-    const ns = useNamespace("tooltip-v2");
-    const contentId = useId();
-    const onNormalOpen = () => {
-      clearTimer();
-      open.value = true;
-    };
-    const onDelayOpen = () => {
-      unref(isOpenDelayed) ? onDelayedOpen() : onNormalOpen();
-    };
-    const onOpen = onNormalOpen;
-    const onClose = () => {
-      clearTimer();
-      open.value = false;
-    };
-    const onChange = (open2) => {
-      var _a;
-      if (open2) {
-        document.dispatchEvent(new CustomEvent(TOOLTIP_V2_OPEN));
-        onOpen();
-      }
-      (_a = props.onOpenChange) == null ? void 0 : _a.call(props, open2);
-    };
-    watch(open, onChange);
-    onMounted(() => {
-      document.addEventListener(TOOLTIP_V2_OPEN, onClose);
-    });
-    onBeforeUnmount(() => {
-      clearTimer();
-      document.removeEventListener(TOOLTIP_V2_OPEN, onClose);
-    });
-    provide(tooltipV2RootKey, {
-      contentId,
-      triggerRef,
-      ns,
-      onClose,
-      onDelayOpen,
-      onOpen
-    });
-    expose({
-      onOpen,
-      onClose
-    });
-    return (_ctx, _cache) => {
-      return renderSlot(_ctx.$slots, "default", { open: unref(open) });
-    };
+const tooltipV2RootProps = buildProps({
+  delayDuration: {
+    type: Number,
+    default: 300
+  },
+  defaultOpen: Boolean,
+  open: {
+    type: Boolean,
+    default: void 0
+  },
+  onOpenChange: {
+    type: definePropType(Function)
+  },
+  "onUpdate:open": {
+    type: definePropType(Function)
   }
 });
-var TooltipV2Root = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "root.vue"]]);
 
-export { TooltipV2Root as default };
+export { tooltipV2RootProps };
 //# sourceMappingURL=root.mjs.map

package/es/components/tooltip-v2/src/root.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"root.mjs","sources":["../../../../../../packages/components/tooltip-v2/src/root.vue"],"sourcesContent":["<template>\n  <slot :open=\"open\" />\n</template>\n\n<script setup lang=\"ts\">\nimport {\n  computed,\n  onBeforeUnmount,\n  onMounted,\n  provide,\n  ref,\n  unref,\n  watch,\n} from 'vue'\nimport { useTimeoutFn } from '@vueuse/core'\nimport { useId, useNamespace } from '@element-plus/hooks'\nimport { isNumber, isPropAbsent } from '@element-plus/utils'\nimport { TOOLTIP_V2_OPEN, tooltipV2RootKey } from './constants'\nimport { tooltipV2RootProps } from './root'\n\ndefineOptions({\n  name: 'ElTooltipV2Root',\n})\n\nconst props = defineProps(tooltipV2RootProps)\n\n/**\n * internal open state, when no model value was provided, use this as indicator instead\n */\nconst _open = ref(props.defaultOpen)\nconst triggerRef = ref<HTMLElement | null>(null)\n\nconst open = computed<boolean>({\n  get: () => (isPropAbsent(props.open) ? _open.value : props.open),\n  set: (open) => {\n    _open.value = open\n    props['onUpdate:open']?.(open)\n  },\n})\n\nconst isOpenDelayed = computed(\n  () => isNumber(props.delayDuration) && props.delayDuration > 0\n)\n\nconst { start: onDelayedOpen, stop: clearTimer } = useTimeoutFn(\n  () => {\n    open.value = true\n  },\n  computed(() => props.delayDuration),\n  {\n    immediate: false,\n  }\n)\n\nconst ns = useNamespace('tooltip-v2')\n\nconst contentId = useId()\n\nconst onNormalOpen = () => {\n  clearTimer()\n  open.value = true\n}\n\nconst onDelayOpen = () => {\n  unref(isOpenDelayed) ? onDelayedOpen() : onNormalOpen()\n}\n\nconst onOpen = onNormalOpen\n\nconst onClose = () => {\n  clearTimer()\n  open.value = false\n}\n\nconst onChange = (open: boolean) => {\n  if (open) {\n    document.dispatchEvent(new CustomEvent(TOOLTIP_V2_OPEN))\n    onOpen()\n  }\n\n  props.onOpenChange?.(open)\n}\n\nwatch(open, onChange)\n\nonMounted(() => {\n  // Keeps only 1 tooltip open at a time\n  document.addEventListener(TOOLTIP_V2_OPEN, onClose)\n})\n\nonBeforeUnmount(() => {\n  clearTimer()\n  document.removeEventListener(TOOLTIP_V2_OPEN, onClose)\n})\n\nprovide(tooltipV2RootKey, {\n  contentId,\n  triggerRef,\n  ns,\n\n  onClose,\n  onDelayOpen,\n  onOpen,\n})\n\ndefineExpose({\n  /**\n   * @description open tooltip programmatically\n   */\n  onOpen,\n\n  /**\n   * @description close tooltip programmatically\n   */\n  onClose,\n})\n</script>\n"],"names":["open","_renderSlot","_unref"],"mappings":"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"}
+{"version":3,"file":"root.mjs","sources":["../../../../../../packages/components/tooltip-v2/src/root.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-plus/utils'\n\nimport type { ExtractPropTypes, __ExtractPublicPropTypes } from 'vue'\n\ntype StateUpdater = (state: boolean) => void\n\nexport const tooltipV2RootProps = buildProps({\n  delayDuration: {\n    type: Number,\n    default: 300,\n  },\n  defaultOpen: Boolean,\n  open: {\n    type: Boolean,\n    default: undefined,\n  },\n  onOpenChange: {\n    type: definePropType<StateUpdater>(Function),\n  },\n  'onUpdate:open': {\n    type: definePropType<StateUpdater>(Function),\n  },\n} as const)\n\nexport type TooltipV2RootProps = ExtractPropTypes<typeof tooltipV2RootProps>\nexport type TooltipV2RootPropsPublic = __ExtractPublicPropTypes<\n  typeof tooltipV2RootProps\n>\n"],"names":[],"mappings":";;AACY,MAAC,kBAAkB,GAAG,UAAU,CAAC;AAC7C,EAAE,aAAa,EAAE;AACjB,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,GAAG;AAChB,GAAG;AACH,EAAE,WAAW,EAAE,OAAO;AACtB,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,KAAK,CAAC;AACnB,GAAG;AACH,EAAE,YAAY,EAAE;AAChB,IAAI,IAAI,EAAE,cAAc,CAAC,QAAQ,CAAC;AAClC,GAAG;AACH,EAAE,eAAe,EAAE;AACnB,IAAI,IAAI,EAAE,cAAc,CAAC,QAAQ,CAAC;AAClC,GAAG;AACH,CAAC;;;;"}

package/es/components/tooltip-v2/src/root2.mjs

@@ -1,22 +1,84 @@
-import { buildProps, definePropType } from '../../../utils/vue/props/runtime.mjs';
+import { defineComponent, ref, computed, watch, onMounted, onBeforeUnmount, provide, renderSlot, unref } from 'vue';
+import { useTimeoutFn } from '@vueuse/core';
+import { TOOLTIP_V2_OPEN, tooltipV2RootKey } from './constants.mjs';
+import { tooltipV2RootProps } from './root.mjs';
+import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
+import { isPropAbsent, isNumber } from '../../../utils/types.mjs';
+import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
+import { useId } from '../../../hooks/use-id/index.mjs';
 
-const tooltipV2RootProps = buildProps({
-  delayDuration: {
-    type: Number,
-    default: 300
-  },
-  defaultOpen: Boolean,
-  open: {
-    type: Boolean,
-    default: void 0
-  },
-  onOpenChange: {
-    type: definePropType(Function)
-  },
-  "onUpdate:open": {
-    type: definePropType(Function)
+const __default__ = defineComponent({
+  name: "ElTooltipV2Root"
+});
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  props: tooltipV2RootProps,
+  setup(__props, { expose }) {
+    const props = __props;
+    const _open = ref(props.defaultOpen);
+    const triggerRef = ref(null);
+    const open = computed({
+      get: () => isPropAbsent(props.open) ? _open.value : props.open,
+      set: (open2) => {
+        var _a;
+        _open.value = open2;
+        (_a = props["onUpdate:open"]) == null ? void 0 : _a.call(props, open2);
+      }
+    });
+    const isOpenDelayed = computed(() => isNumber(props.delayDuration) && props.delayDuration > 0);
+    const { start: onDelayedOpen, stop: clearTimer } = useTimeoutFn(() => {
+      open.value = true;
+    }, computed(() => props.delayDuration), {
+      immediate: false
+    });
+    const ns = useNamespace("tooltip-v2");
+    const contentId = useId();
+    const onNormalOpen = () => {
+      clearTimer();
+      open.value = true;
+    };
+    const onDelayOpen = () => {
+      unref(isOpenDelayed) ? onDelayedOpen() : onNormalOpen();
+    };
+    const onOpen = onNormalOpen;
+    const onClose = () => {
+      clearTimer();
+      open.value = false;
+    };
+    const onChange = (open2) => {
+      var _a;
+      if (open2) {
+        document.dispatchEvent(new CustomEvent(TOOLTIP_V2_OPEN));
+        onOpen();
+      }
+      (_a = props.onOpenChange) == null ? void 0 : _a.call(props, open2);
+    };
+    watch(open, onChange);
+    onMounted(() => {
+      document.addEventListener(TOOLTIP_V2_OPEN, onClose);
+    });
+    onBeforeUnmount(() => {
+      clearTimer();
+      document.removeEventListener(TOOLTIP_V2_OPEN, onClose);
+    });
+    provide(tooltipV2RootKey, {
+      contentId,
+      triggerRef,
+      ns,
+      onClose,
+      onDelayOpen,
+      onOpen
+    });
+    expose({
+      onOpen,
+      onClose
+    });
+    return (_ctx, _cache) => {
+      return renderSlot(_ctx.$slots, "default", { open: unref(open) });
+    };
   }
 });
+var TooltipV2Root = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "root.vue"]]);
 
-export { tooltipV2RootProps };
+export { TooltipV2Root as default };
 //# sourceMappingURL=root2.mjs.map

package/es/components/tooltip-v2/src/root2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"root2.mjs","sources":["../../../../../../packages/components/tooltip-v2/src/root.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-plus/utils'\n\nimport type { ExtractPropTypes, __ExtractPublicPropTypes } from 'vue'\n\ntype StateUpdater = (state: boolean) => void\n\nexport const tooltipV2RootProps = buildProps({\n  delayDuration: {\n    type: Number,\n    default: 300,\n  },\n  defaultOpen: Boolean,\n  open: {\n    type: Boolean,\n    default: undefined,\n  },\n  onOpenChange: {\n    type: definePropType<StateUpdater>(Function),\n  },\n  'onUpdate:open': {\n    type: definePropType<StateUpdater>(Function),\n  },\n} as const)\n\nexport type TooltipV2RootProps = ExtractPropTypes<typeof tooltipV2RootProps>\nexport type TooltipV2RootPropsPublic = __ExtractPublicPropTypes<\n  typeof tooltipV2RootProps\n>\n"],"names":[],"mappings":";;AACY,MAAC,kBAAkB,GAAG,UAAU,CAAC;AAC7C,EAAE,aAAa,EAAE;AACjB,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,GAAG;AAChB,GAAG;AACH,EAAE,WAAW,EAAE,OAAO;AACtB,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,KAAK,CAAC;AACnB,GAAG;AACH,EAAE,YAAY,EAAE;AAChB,IAAI,IAAI,EAAE,cAAc,CAAC,QAAQ,CAAC;AAClC,GAAG;AACH,EAAE,eAAe,EAAE;AACnB,IAAI,IAAI,EAAE,cAAc,CAAC,QAAQ,CAAC;AAClC,GAAG;AACH,CAAC;;;;"}
+{"version":3,"file":"root2.mjs","sources":["../../../../../../packages/components/tooltip-v2/src/root.vue"],"sourcesContent":["<template>\n  <slot :open=\"open\" />\n</template>\n\n<script setup lang=\"ts\">\nimport {\n  computed,\n  onBeforeUnmount,\n  onMounted,\n  provide,\n  ref,\n  unref,\n  watch,\n} from 'vue'\nimport { useTimeoutFn } from '@vueuse/core'\nimport { useId, useNamespace } from '@element-plus/hooks'\nimport { isNumber, isPropAbsent } from '@element-plus/utils'\nimport { TOOLTIP_V2_OPEN, tooltipV2RootKey } from './constants'\nimport { tooltipV2RootProps } from './root'\n\ndefineOptions({\n  name: 'ElTooltipV2Root',\n})\n\nconst props = defineProps(tooltipV2RootProps)\n\n/**\n * internal open state, when no model value was provided, use this as indicator instead\n */\nconst _open = ref(props.defaultOpen)\nconst triggerRef = ref<HTMLElement | null>(null)\n\nconst open = computed<boolean>({\n  get: () => (isPropAbsent(props.open) ? _open.value : props.open),\n  set: (open) => {\n    _open.value = open\n    props['onUpdate:open']?.(open)\n  },\n})\n\nconst isOpenDelayed = computed(\n  () => isNumber(props.delayDuration) && props.delayDuration > 0\n)\n\nconst { start: onDelayedOpen, stop: clearTimer } = useTimeoutFn(\n  () => {\n    open.value = true\n  },\n  computed(() => props.delayDuration),\n  {\n    immediate: false,\n  }\n)\n\nconst ns = useNamespace('tooltip-v2')\n\nconst contentId = useId()\n\nconst onNormalOpen = () => {\n  clearTimer()\n  open.value = true\n}\n\nconst onDelayOpen = () => {\n  unref(isOpenDelayed) ? onDelayedOpen() : onNormalOpen()\n}\n\nconst onOpen = onNormalOpen\n\nconst onClose = () => {\n  clearTimer()\n  open.value = false\n}\n\nconst onChange = (open: boolean) => {\n  if (open) {\n    document.dispatchEvent(new CustomEvent(TOOLTIP_V2_OPEN))\n    onOpen()\n  }\n\n  props.onOpenChange?.(open)\n}\n\nwatch(open, onChange)\n\nonMounted(() => {\n  // Keeps only 1 tooltip open at a time\n  document.addEventListener(TOOLTIP_V2_OPEN, onClose)\n})\n\nonBeforeUnmount(() => {\n  clearTimer()\n  document.removeEventListener(TOOLTIP_V2_OPEN, onClose)\n})\n\nprovide(tooltipV2RootKey, {\n  contentId,\n  triggerRef,\n  ns,\n\n  onClose,\n  onDelayOpen,\n  onOpen,\n})\n\ndefineExpose({\n  /**\n   * @description open tooltip programmatically\n   */\n  onOpen,\n\n  /**\n   * @description close tooltip programmatically\n   */\n  onClose,\n})\n</script>\n"],"names":["open","_renderSlot","_unref"],"mappings":"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"}

package/es/components/tooltip-v2/src/tooltip.mjs

@@ -1,4 +1,4 @@
-import { tooltipV2RootProps } from './root2.mjs';
+import { tooltipV2RootProps } from './root.mjs';
 import { tooltipV2TriggerProps } from './trigger.mjs';
 import { tooltipV2ArrowProps } from './arrow.mjs';
 import { tooltipV2ContentProps } from './content.mjs';

package/es/components/tooltip-v2/src/tooltip2.mjs

@@ -3,10 +3,10 @@ import { pick } from 'lodash-unified';
 import { ElTeleport } from '../../teleport/index.mjs';
 import { tooltipV2ArrowProps } from './arrow.mjs';
 import { tooltipV2ContentProps } from './content.mjs';
-import { tooltipV2RootProps } from './root2.mjs';
+import { tooltipV2RootProps } from './root.mjs';
 import { tooltipV2Props } from './tooltip.mjs';
 import { tooltipV2TriggerProps } from './trigger.mjs';
-import TooltipV2Root from './root.mjs';
+import TooltipV2Root from './root2.mjs';
 import TooltipV2Arrow from './arrow2.mjs';
 import TooltipV2Content from './content2.mjs';
 import TooltipV2Trigger from './trigger2.mjs';

package/es/components/tour/index.mjs

@@ -1,6 +1,6 @@
-import Tour from './src/tour.mjs';
+import Tour from './src/tour2.mjs';
 import TourStep from './src/step2.mjs';
-export { tourEmits, tourProps } from './src/tour2.mjs';
+export { tourEmits, tourProps } from './src/tour.mjs';
 export { tourStepEmits, tourStepProps } from './src/step.mjs';
 export { tourContentEmits, tourContentProps, tourPlacements, tourStrategies } from './src/content.mjs';
 import { withInstall, withNoopInstall } from '../../utils/vue/install.mjs';

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

@@ -1,159 +1,74 @@
-import { defineComponent, ref, computed, toRef, watch, useSlots, provide, openBlock, createElementBlock, Fragment, createVNode, unref, withCtx, createElementVNode, mergeProps, normalizeStyle, createBlock, renderSlot, createCommentVNode } from 'vue';
-import { useVModel } from '@vueuse/core';
-import { ElTeleport } from '../../teleport/index.mjs';
-import ElTourMask from './mask2.mjs';
-import ElTourContent from './content2.mjs';
-import ElTourSteps from './steps.mjs';
-import { tourProps, tourEmits } from './tour2.mjs';
-import { useTarget, tourKey } from './helper.mjs';
-import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
-import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
-import { isBoolean } from '../../../utils/types.mjs';
-import { useZIndex } from '../../../hooks/use-z-index/index.mjs';
-import { UPDATE_MODEL_EVENT, CHANGE_EVENT } from '../../../constants/event.mjs';
+import { tourContentProps } from './content.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 { UPDATE_MODEL_EVENT } from '../../../constants/event.mjs';
+import { isBoolean, isNumber } from '../../../utils/types.mjs';
 
-const __default__ = defineComponent({
-  name: "ElTour"
-});
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...__default__,
-  props: tourProps,
-  emits: tourEmits,
-  setup(__props, { emit }) {
-    const props = __props;
-    const ns = useNamespace("tour");
-    const total = ref(0);
-    const currentStep = ref();
-    const current = useVModel(props, "current", emit, {
-      passive: true
-    });
-    const currentTarget = computed(() => {
-      var _a;
-      return (_a = currentStep.value) == null ? void 0 : _a.target;
-    });
-    const kls = computed(() => [
-      ns.b(),
-      mergedType.value === "primary" ? ns.m("primary") : ""
-    ]);
-    const mergedPlacement = computed(() => {
-      var _a;
-      return ((_a = currentStep.value) == null ? void 0 : _a.placement) || props.placement;
-    });
-    const mergedContentStyle = computed(() => {
-      var _a, _b;
-      return (_b = (_a = currentStep.value) == null ? void 0 : _a.contentStyle) != null ? _b : props.contentStyle;
-    });
-    const mergedMask = computed(() => {
-      var _a, _b;
-      return (_b = (_a = currentStep.value) == null ? void 0 : _a.mask) != null ? _b : props.mask;
-    });
-    const mergedShowMask = computed(() => !!mergedMask.value && props.modelValue);
-    const mergedMaskStyle = computed(() => isBoolean(mergedMask.value) ? void 0 : mergedMask.value);
-    const mergedShowArrow = computed(() => {
-      var _a, _b;
-      return !!currentTarget.value && ((_b = (_a = currentStep.value) == null ? void 0 : _a.showArrow) != null ? _b : props.showArrow);
-    });
-    const mergedScrollIntoViewOptions = computed(() => {
-      var _a, _b;
-      return (_b = (_a = currentStep.value) == null ? void 0 : _a.scrollIntoViewOptions) != null ? _b : props.scrollIntoViewOptions;
-    });
-    const mergedType = computed(() => {
-      var _a, _b;
-      return (_b = (_a = currentStep.value) == null ? void 0 : _a.type) != null ? _b : props.type;
-    });
-    const { nextZIndex } = useZIndex();
-    const nowZIndex = nextZIndex();
-    const mergedZIndex = computed(() => {
-      var _a;
-      return (_a = props.zIndex) != null ? _a : nowZIndex;
-    });
-    const { mergedPosInfo: pos, triggerTarget } = useTarget(currentTarget, toRef(props, "modelValue"), toRef(props, "gap"), mergedMask, mergedScrollIntoViewOptions);
-    watch(() => props.modelValue, (val) => {
-      if (!val) {
-        current.value = 0;
-      }
-    });
-    const onEscClose = () => {
-      if (props.closeOnPressEscape) {
-        emit(UPDATE_MODEL_EVENT, false);
-        emit("close", current.value);
-      }
-    };
-    const onUpdateTotal = (val) => {
-      total.value = val;
-    };
-    const slots = useSlots();
-    provide(tourKey, {
-      currentStep,
-      current,
-      total,
-      showClose: toRef(props, "showClose"),
-      closeIcon: toRef(props, "closeIcon"),
-      mergedType,
-      ns,
-      slots,
-      updateModelValue(modelValue) {
-        emit(UPDATE_MODEL_EVENT, modelValue);
-      },
-      onClose() {
-        emit("close", current.value);
-      },
-      onFinish() {
-        emit("finish");
-      },
-      onChange() {
-        emit(CHANGE_EVENT, current.value);
-      }
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock(Fragment, null, [
-        createVNode(unref(ElTeleport), { to: _ctx.appendTo }, {
-          default: withCtx(() => {
-            var _a, _b;
-            return [
-              createElementVNode("div", mergeProps({ class: unref(kls) }, _ctx.$attrs), [
-                createVNode(ElTourMask, {
-                  visible: unref(mergedShowMask),
-                  fill: (_a = unref(mergedMaskStyle)) == null ? void 0 : _a.color,
-                  style: normalizeStyle((_b = unref(mergedMaskStyle)) == null ? void 0 : _b.style),
-                  pos: unref(pos),
-                  "z-index": unref(mergedZIndex),
-                  "target-area-clickable": _ctx.targetAreaClickable
-                }, null, 8, ["visible", "fill", "style", "pos", "z-index", "target-area-clickable"]),
-                _ctx.modelValue ? (openBlock(), createBlock(ElTourContent, {
-                  key: unref(current),
-                  reference: unref(triggerTarget),
-                  placement: unref(mergedPlacement),
-                  "show-arrow": unref(mergedShowArrow),
-                  "z-index": unref(mergedZIndex),
-                  style: normalizeStyle(unref(mergedContentStyle)),
-                  onClose: onEscClose
-                }, {
-                  default: withCtx(() => [
-                    createVNode(unref(ElTourSteps), {
-                      current: unref(current),
-                      onUpdateTotal
-                    }, {
-                      default: withCtx(() => [
-                        renderSlot(_ctx.$slots, "default")
-                      ]),
-                      _: 3
-                    }, 8, ["current"])
-                  ]),
-                  _: 3
-                }, 8, ["reference", "placement", "show-arrow", "z-index", "style"])) : createCommentVNode("v-if", true)
-              ], 16)
-            ];
-          }),
-          _: 3
-        }, 8, ["to"]),
-        createCommentVNode(" just for IDE "),
-        createCommentVNode("v-if", true)
-      ], 64);
-    };
+const tourProps = buildProps({
+  modelValue: Boolean,
+  current: {
+    type: Number,
+    default: 0
+  },
+  showArrow: {
+    type: Boolean,
+    default: true
+  },
+  showClose: {
+    type: Boolean,
+    default: true
+  },
+  closeIcon: {
+    type: iconPropType
+  },
+  placement: tourContentProps.placement,
+  contentStyle: {
+    type: definePropType([Object])
+  },
+  mask: {
+    type: definePropType([Boolean, Object]),
+    default: true
+  },
+  gap: {
+    type: definePropType(Object),
+    default: () => ({
+      offset: 6,
+      radius: 2
+    })
+  },
+  zIndex: {
+    type: Number
+  },
+  scrollIntoViewOptions: {
+    type: definePropType([Boolean, Object]),
+    default: () => ({
+      block: "center"
+    })
+  },
+  type: {
+    type: definePropType(String)
+  },
+  appendTo: {
+    type: teleportProps.to.type,
+    default: "body"
+  },
+  closeOnPressEscape: {
+    type: Boolean,
+    default: true
+  },
+  targetAreaClickable: {
+    type: Boolean,
+    default: true
   }
 });
-var Tour = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "tour.vue"]]);
+const tourEmits = {
+  [UPDATE_MODEL_EVENT]: (value) => isBoolean(value),
+  ["update:current"]: (current) => isNumber(current),
+  close: (current) => isNumber(current),
+  finish: () => true,
+  change: (current) => isNumber(current)
+};
 
-export { Tour as default };
+export { tourEmits, tourProps };
 //# sourceMappingURL=tour.mjs.map