element-plus 2.1.5 → 2.1.6

package/lib/components/tooltip-v2/src/arrow.js

@@ -0,0 +1,24 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('../../../utils/index.js');
+var props = require('../../../utils/vue/props.js');
+
+const tooltipV2ArrowProps = props.buildProps({
+  width: {
+    type: Number,
+    default: 4
+  },
+  height: {
+    type: Number,
+    default: 4
+  },
+  style: {
+    type: props.definePropType(Object),
+    default: null
+  }
+});
+
+exports.tooltipV2ArrowProps = tooltipV2ArrowProps;
+//# sourceMappingURL=arrow.js.map

package/lib/components/tooltip-v2/src/arrow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"arrow.js","sources":["../../../../../../packages/components/tooltip-v2/src/arrow.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-plus/utils'\n\nimport type { CSSProperties, ExtractPropTypes } from 'vue'\n\nexport const tooltipV2ArrowProps = buildProps({\n  width: {\n    type: Number,\n    default: 4,\n  },\n  height: {\n    type: Number,\n    default: 4,\n  },\n  style: {\n    type: definePropType<CSSProperties | null>(Object),\n    default: null,\n  },\n})\n\nexport type TooltipV2ArrowProps = ExtractPropTypes<typeof tooltipV2ArrowProps>\n"],"names":["buildProps","definePropType"],"mappings":";;;;;;;AACY,MAAC,mBAAmB,GAAGA,gBAAU,CAAC;AAC9C,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAEC,oBAAc,CAAC,MAAM,CAAC;AAChC,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,CAAC;;;;"}

package/lib/components/tooltip-v2/src/arrow.vue.d.ts

@@ -0,0 +1,24 @@
+import type { CSSProperties } from 'vue';
+declare const _default: import("vue").DefineComponent<{
+    width: import("../../../utils").BuildPropReturn<NumberConstructor, number, unknown, unknown, unknown>;
+    height: import("../../../utils").BuildPropReturn<NumberConstructor, number, unknown, unknown, unknown>;
+    style: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<CSSProperties | null>, null, unknown, unknown, unknown>;
+}, {
+    props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+        width: import("../../../utils").BuildPropReturn<NumberConstructor, number, unknown, unknown, unknown>;
+        height: import("../../../utils").BuildPropReturn<NumberConstructor, number, unknown, unknown, unknown>;
+        style: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<CSSProperties | null>, null, unknown, unknown, unknown>;
+    }>> & {
+        [x: string & `on${string}`]: ((...args: any[]) => any) | ((...args: unknown[]) => any) | undefined;
+    }>>;
+    arrowStyle: import("vue").ComputedRef<CSSProperties>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    width: import("../../../utils").BuildPropReturn<NumberConstructor, number, unknown, unknown, unknown>;
+    height: import("../../../utils").BuildPropReturn<NumberConstructor, number, unknown, unknown, unknown>;
+    style: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<CSSProperties | null>, null, unknown, unknown, unknown>;
+}>>, {
+    height: number;
+    width: number;
+    style: import("../../../utils").BuildPropType<import("../../../utils").PropWrapper<CSSProperties | null>, unknown, unknown>;
+}>;
+export default _default;

package/lib/components/tooltip-v2/src/arrow2.js

@@ -0,0 +1,33 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var arrow = require('./arrow.js');
+
+const __default__ = {
+  name: "ElTooltipV2Arrow"
+};
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...__default__,
+  props: arrow.tooltipV2ArrowProps,
+  setup(__props) {
+    const props = __props;
+    const arrowStyle = vue.computed(() => {
+      return {
+        position: "absolute",
+        width: `${props.width}px`,
+        height: `${props.height}px`,
+        ...props.style || {}
+      };
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", {
+        style: vue.normalizeStyle(vue.unref(arrowStyle))
+      }, null, 4);
+    };
+  }
+});
+
+exports["default"] = _sfc_main;
+//# sourceMappingURL=arrow2.js.map

package/lib/components/tooltip-v2/src/arrow2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"arrow2.js","sources":["../../../../../../packages/components/tooltip-v2/src/arrow.vue"],"sourcesContent":["<template>\n  <div :style=\"arrowStyle\" />\n</template>\n\n<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { tooltipV2ArrowProps } from './arrow'\n\nimport type { CSSProperties } from 'vue'\n\ndefineOptions({\n  name: 'ElTooltipV2Arrow',\n})\n\nconst props = defineProps(tooltipV2ArrowProps)\n\nconst arrowStyle = computed<CSSProperties>(() => {\n  return {\n    position: 'absolute',\n    width: `${props.width}px`,\n    height: `${props.height}px`,\n    ...(props.style || {}),\n  }\n})\n</script>\n"],"names":["computed"],"mappings":";;;;;;;;;;;;;;;AAgBA,IAAA,MAAA,UAAA,GAAAA,aAAA,MAAA;AACA,MAAA,OAAA;AAAA,QACA,QAAA,EAAA,UAAA;AAAA,QACA,KAAA,EAAA,GAAA,KAAA,CAAA,KAAA,CAAA,EAAA,CAAA;AAAA,QACA,MAAA,EAAA,GAAA,KAAA,CAAA,MAAA,CAAA,EAAA,CAAA;AAAA,QAAA,GACA,MAAA,KAAA,IAAA,EAAA;AAAA,OAAA,CAAA;AAAA,KAAA,CAAA,CAAA;;;;;;;;;;;"}

package/lib/components/tooltip-v2/src/common.d.ts

@@ -0,0 +1,8 @@
+import type { ExtractPropTypes } from 'vue';
+/**
+ * TODO: make this under constants or tokens
+ */
+export declare const tooltipV2CommonProps: {
+    readonly nowrap: BooleanConstructor;
+};
+export declare type TooltipV2CommonProps = ExtractPropTypes<typeof tooltipV2CommonProps>;

package/lib/components/tooltip-v2/src/common.js

@@ -0,0 +1,13 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('../../../utils/index.js');
+var props = require('../../../utils/vue/props.js');
+
+const tooltipV2CommonProps = props.buildProps({
+  nowrap: Boolean
+});
+
+exports.tooltipV2CommonProps = tooltipV2CommonProps;
+//# sourceMappingURL=common.js.map

package/lib/components/tooltip-v2/src/common.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"common.js","sources":["../../../../../../packages/components/tooltip-v2/src/common.ts"],"sourcesContent":["import { buildProps } from '@element-plus/utils'\n\nimport type { ExtractPropTypes } from 'vue'\n\n/**\n * TODO: make this under constants or tokens\n */\nexport const tooltipV2CommonProps = buildProps({\n  nowrap: Boolean,\n} as const)\n\nexport type TooltipV2CommonProps = ExtractPropTypes<typeof tooltipV2CommonProps>\n"],"names":["buildProps"],"mappings":";;;;;;;AACY,MAAC,oBAAoB,GAAGA,gBAAU,CAAC;AAC/C,EAAE,MAAM,EAAE,OAAO;AACjB,CAAC;;;;"}

package/lib/components/tooltip-v2/src/content.d.ts

@@ -0,0 +1,11 @@
+import type { ExtractPropTypes } from 'vue';
+import type { Padding, Placement, Strategy, VirtualElement } from '@floating-ui/dom';
+export declare const tooltipV2ContentProps: {
+    readonly ariaLabel: StringConstructor;
+    readonly arrowPadding: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<Padding>, 5, unknown, unknown, unknown>;
+    readonly placement: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<Placement>, "bottom", unknown, "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end", unknown>;
+    readonly reference: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<HTMLElement | VirtualElement | null>, null, unknown, unknown, unknown>;
+    readonly strategy: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<Strategy>, "fixed", unknown, "fixed" | "absolute", unknown>;
+    readonly showArrow: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+};
+export declare type TooltipV2ContentProps = ExtractPropTypes<typeof tooltipV2ContentProps>;

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

@@ -0,0 +1,50 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('../../../utils/index.js');
+var props = require('../../../utils/vue/props.js');
+
+const tooltipV2Strategies = ["absolute", "fixed"];
+const tooltipV2Placements = [
+  "top-start",
+  "top-end",
+  "top",
+  "bottom-start",
+  "bottom-end",
+  "bottom",
+  "left-start",
+  "left-end",
+  "left",
+  "right-start",
+  "right-end",
+  "right"
+];
+const tooltipV2ContentProps = props.buildProps({
+  ariaLabel: String,
+  arrowPadding: {
+    type: props.definePropType([Number, Object]),
+    default: 5
+  },
+  placement: {
+    type: props.definePropType(String),
+    values: tooltipV2Placements,
+    default: "bottom"
+  },
+  reference: {
+    type: props.definePropType(Object),
+    default: null
+  },
+  strategy: {
+    type: props.definePropType(String),
+    values: tooltipV2Strategies,
+    default: "fixed"
+  },
+  showArrow: {
+    type: Boolean,
+    default: true
+  }
+});
+
+exports.tooltipV2ContentProps = tooltipV2ContentProps;
+//# sourceMappingURL=content.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"content.js","sources":["../../../../../../packages/components/tooltip-v2/src/content.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-plus/utils'\n\nimport type { ExtractPropTypes } from 'vue'\nimport type {\n  Padding,\n  Placement,\n  Strategy,\n  VirtualElement,\n} from '@floating-ui/dom'\n\nconst tooltipV2Strategies = ['absolute', 'fixed'] as const\n\nconst tooltipV2Placements = [\n  'top-start',\n  'top-end',\n  'top',\n  'bottom-start',\n  'bottom-end',\n  'bottom',\n  'left-start',\n  'left-end',\n  'left',\n  'right-start',\n  'right-end',\n  'right',\n] as const\n\nexport const tooltipV2ContentProps = buildProps({\n  ariaLabel: String,\n  arrowPadding: {\n    type: definePropType<Padding>([Number, Object]),\n    default: 5,\n  },\n  /**\n   * Placement of tooltip content relative to reference element (when absent it refers to trigger)\n   */\n  placement: {\n    type: definePropType<Placement>(String),\n    values: tooltipV2Placements,\n    default: 'bottom',\n  },\n  /**\n   * Reference element for tooltip content to set its position\n   */\n  reference: {\n    type: definePropType<HTMLElement | VirtualElement | null>(Object),\n    default: null,\n  },\n  strategy: {\n    type: definePropType<Strategy>(String),\n    values: tooltipV2Strategies,\n    default: 'fixed',\n  },\n  showArrow: {\n    type: Boolean,\n    default: true,\n  },\n} as const)\n\nexport type TooltipV2ContentProps = ExtractPropTypes<\n  typeof tooltipV2ContentProps\n>\n"],"names":["buildProps","definePropType"],"mappings":";;;;;;;AACA,MAAM,mBAAmB,GAAG,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;AAClD,MAAM,mBAAmB,GAAG;AAC5B,EAAE,WAAW;AACb,EAAE,SAAS;AACX,EAAE,KAAK;AACP,EAAE,cAAc;AAChB,EAAE,YAAY;AACd,EAAE,QAAQ;AACV,EAAE,YAAY;AACd,EAAE,UAAU;AACZ,EAAE,MAAM;AACR,EAAE,aAAa;AACf,EAAE,WAAW;AACb,EAAE,OAAO;AACT,CAAC,CAAC;AACU,MAAC,qBAAqB,GAAGA,gBAAU,CAAC;AAChD,EAAE,SAAS,EAAE,MAAM;AACnB,EAAE,YAAY,EAAE;AAChB,IAAI,IAAI,EAAEC,oBAAc,CAAC,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAC1C,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAEA,oBAAc,CAAC,MAAM,CAAC;AAChC,IAAI,MAAM,EAAE,mBAAmB;AAC/B,IAAI,OAAO,EAAE,QAAQ;AACrB,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAEA,oBAAc,CAAC,MAAM,CAAC;AAChC,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAEA,oBAAc,CAAC,MAAM,CAAC;AAChC,IAAI,MAAM,EAAE,mBAAmB;AAC/B,IAAI,OAAO,EAAE,OAAO;AACpB,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,CAAC;;;;"}

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

@@ -0,0 +1,106 @@
+import type { CSSProperties } from 'vue';
+declare const _default: import("vue").DefineComponent<{
+    nowrap: BooleanConstructor;
+    ariaLabel: StringConstructor;
+    arrowPadding: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<import("@floating-ui/dom").Padding>, 5, unknown, unknown, unknown>;
+    placement: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<import("@floating-ui/dom").Placement>, "bottom", unknown, "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end", unknown>;
+    reference: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<HTMLElement | import("@floating-ui/dom").VirtualElement | null>, null, unknown, unknown, unknown>;
+    strategy: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<import("@floating-ui/dom").Strategy>, "fixed", unknown, "fixed" | "absolute", unknown>;
+    showArrow: import("../../../utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+}, {
+    props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+        nowrap: BooleanConstructor;
+        ariaLabel: StringConstructor;
+        arrowPadding: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<import("@floating-ui/dom").Padding>, 5, unknown, unknown, unknown>;
+        placement: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<import("@floating-ui/dom").Placement>, "bottom", unknown, "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end", unknown>;
+        reference: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<HTMLElement | import("@floating-ui/dom").VirtualElement | null>, null, unknown, unknown, unknown>;
+        strategy: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<import("@floating-ui/dom").Strategy>, "fixed", unknown, "fixed" | "absolute", unknown>;
+        showArrow: import("../../../utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+    }>> & {
+        [x: string & `on${string}`]: ((...args: any[]) => any) | ((...args: unknown[]) => any) | undefined;
+    }>>;
+    triggerRef: import("vue").Ref<HTMLElement | null>;
+    contentId: import("vue").Ref<string>;
+    placement: import("vue").Ref<import("../../../utils").BuildPropType<import("../../../utils").PropWrapper<import("@floating-ui/dom").Placement>, "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end", unknown>>;
+    strategy: import("vue").Ref<import("../../../utils").BuildPropType<import("../../../utils").PropWrapper<import("@floating-ui/dom").Strategy>, "fixed" | "absolute", unknown>>;
+    arrowRef: import("vue").Ref<HTMLElement | undefined>;
+    referenceRef: import("vue").Ref<HTMLElement | import("@floating-ui/dom").VirtualElement | undefined>;
+    contentRef: import("vue").Ref<HTMLElement | undefined>;
+    middlewareData: import("vue").Ref<{
+        [x: string]: any;
+        arrow?: {
+            x?: number | undefined;
+            y?: number | undefined;
+            centerOffset: number;
+        } | undefined;
+        autoPlacement?: {
+            index?: number | undefined;
+            overflows: {
+                placement: import("@floating-ui/dom").Placement;
+                overflows: number[];
+            }[];
+        } | undefined;
+        flip?: {
+            index?: number | undefined;
+            overflows: {
+                placement: import("@floating-ui/dom").Placement;
+                overflows: number[];
+            }[];
+        } | undefined;
+        hide?: {
+            referenceHidden?: boolean | undefined;
+            escaped?: boolean | undefined;
+            referenceHiddenOffsets?: {
+                top: number;
+                right: number;
+                bottom: number;
+                left: number;
+            } | undefined;
+            escapedOffsets?: {
+                top: number;
+                right: number;
+                bottom: number;
+                left: number;
+            } | undefined;
+        } | undefined;
+        offset?: {
+            x: number;
+            y: number;
+        } | undefined;
+        shift?: {
+            x: number;
+            y: number;
+        } | undefined;
+    }>;
+    x: import("vue").Ref<string | undefined>;
+    y: import("vue").Ref<string | undefined>;
+    contentStyle: import("vue").ComputedRef<CSSProperties>;
+    arrowStyle: import("vue").ComputedRef<CSSProperties>;
+    ElVisuallyHidden: import("vue").DefineComponent<{
+        style: {
+            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+        };
+    }, {
+        computedStyle: import("vue").ComputedRef<any>;
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        style: {
+            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+        };
+    }>>, {}>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    nowrap: BooleanConstructor;
+    ariaLabel: StringConstructor;
+    arrowPadding: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<import("@floating-ui/dom").Padding>, 5, unknown, unknown, unknown>;
+    placement: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<import("@floating-ui/dom").Placement>, "bottom", unknown, "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end", unknown>;
+    reference: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<HTMLElement | import("@floating-ui/dom").VirtualElement | null>, null, unknown, unknown, unknown>;
+    strategy: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<import("@floating-ui/dom").Strategy>, "fixed", unknown, "fixed" | "absolute", unknown>;
+    showArrow: import("../../../utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+}>>, {
+    placement: import("../../../utils").BuildPropType<import("../../../utils").PropWrapper<import("@floating-ui/dom").Placement>, "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end", unknown>;
+    strategy: import("../../../utils").BuildPropType<import("../../../utils").PropWrapper<import("@floating-ui/dom").Strategy>, "fixed" | "absolute", unknown>;
+    nowrap: boolean;
+    showArrow: import("../../../utils").BuildPropType<BooleanConstructor, unknown, unknown>;
+    reference: import("../../../utils").BuildPropType<import("../../../utils").PropWrapper<HTMLElement | import("@floating-ui/dom").VirtualElement | null>, unknown, unknown>;
+    arrowPadding: import("../../../utils").BuildPropType<import("../../../utils").PropWrapper<import("@floating-ui/dom").Padding>, unknown, unknown>;
+}>;
+export default _default;

package/lib/components/tooltip-v2/src/content2.js

@@ -0,0 +1,87 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+require('../../../tokens/index.js');
+require('../../../hooks/index.js');
+require('../../visual-hidden/index.js');
+var content = require('./content.js');
+var common = require('./common.js');
+var tooltipV2 = require('../../../tokens/tooltip-v2.js');
+var index = require('../../../hooks/use-floating/index.js');
+var visualHidden = require('../../visual-hidden/src/visual-hidden.js');
+
+const __default__ = {
+  name: "ElTooltipV2Content"
+};
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...__default__,
+  props: { ...content.tooltipV2ContentProps, ...common.tooltipV2CommonProps },
+  setup(__props) {
+    const props = __props;
+    const { triggerRef, contentId } = vue.inject(tooltipV2.tooltipV2RootKey);
+    const placement = vue.ref(props.placement);
+    const strategy = vue.ref(props.strategy);
+    const arrowRef = vue.ref();
+    const { referenceRef, contentRef, middlewareData, x, y } = index.useFloating({
+      placement,
+      strategy,
+      middleware: vue.computed(() => {
+        const middleware = [];
+        if (props.showArrow) {
+          middleware.push(index.arrowMiddleware({
+            arrowRef
+          }));
+        }
+        return middleware;
+      })
+    });
+    const contentStyle = vue.computed(() => {
+      return {
+        position: vue.unref(strategy),
+        top: vue.unref(y),
+        left: vue.unref(x)
+      };
+    });
+    const arrowStyle = vue.computed(() => {
+      if (!props.showArrow)
+        return {};
+      const _middlewareData = vue.unref(middlewareData);
+      return {
+        position: "absolute",
+        top: index.getPositionDataWithUnit(_middlewareData, "y"),
+        left: index.getPositionDataWithUnit(_middlewareData, "x")
+      };
+    });
+    vue.onMounted(() => {
+      vue.watch(() => props.reference || triggerRef.value, (el) => {
+        referenceRef.value = el || void 0;
+      });
+    });
+    return (_ctx, _cache) => {
+      return !_ctx.nowrap ? (vue.openBlock(), vue.createElementBlock("div", {
+        key: 0,
+        ref_key: "contentRef",
+        ref: contentRef,
+        style: vue.normalizeStyle(vue.unref(contentStyle))
+      }, [
+        vue.renderSlot(_ctx.$slots, "default"),
+        vue.createVNode(vue.unref(visualHidden["default"]), { id: vue.unref(contentId) }, {
+          default: vue.withCtx(() => [
+            _ctx.ariaLabel ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
+              vue.createTextVNode(vue.toDisplayString(_ctx.ariaLabel), 1)
+            ], 2112)) : vue.renderSlot(_ctx.$slots, "default", { key: 1 })
+          ]),
+          _: 3
+        }, 8, ["id"]),
+        vue.renderSlot(_ctx.$slots, "arrow", {
+          style: vue.normalizeStyle(vue.unref(arrowStyle))
+        })
+      ], 4)) : vue.createCommentVNode("v-if", true);
+    };
+  }
+});
+
+exports["default"] = _sfc_main;
+//# sourceMappingURL=content2.js.map

package/lib/components/tooltip-v2/src/content2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"content2.js","sources":["../../../../../../packages/components/tooltip-v2/src/content.vue"],"sourcesContent":["<template>\n  <div v-if=\"!nowrap\" ref=\"contentRef\" :style=\"contentStyle\">\n    <slot />\n    <el-visually-hidden :id=\"contentId\">\n      <template v-if=\"ariaLabel\">\n        {{ ariaLabel }}\n      </template>\n      <slot v-else />\n    </el-visually-hidden>\n    <slot name=\"arrow\" :style=\"arrowStyle\" />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, inject, onMounted, ref, unref, watch } from 'vue'\nimport { tooltipV2RootKey } from '@element-plus/tokens'\nimport {\n  arrowMiddleware,\n  getPositionDataWithUnit,\n  useFloating,\n} from '@element-plus/hooks'\nimport ElVisuallyHidden from '@element-plus/components/visual-hidden'\nimport { tooltipV2ContentProps } from './content'\nimport { tooltipV2CommonProps } from './common'\n\nimport type { CSSProperties } from 'vue'\nimport type { Middleware } from '@floating-ui/dom'\n\ndefineOptions({\n  name: 'ElTooltipV2Content',\n})\n\nconst props = defineProps({ ...tooltipV2ContentProps, ...tooltipV2CommonProps })\n\nconst { triggerRef, contentId } = inject(tooltipV2RootKey)!\n\nconst placement = ref(props.placement)\nconst strategy = ref(props.strategy)\nconst arrowRef = ref<HTMLElement>()\n\nconst { referenceRef, contentRef, middlewareData, x, y } = useFloating({\n  placement,\n  strategy,\n  middleware: computed(() => {\n    const middleware: Middleware[] = []\n\n    if (props.showArrow) {\n      middleware.push(\n        arrowMiddleware({\n          arrowRef,\n        })\n      )\n    }\n\n    return middleware\n  }),\n})\n\nconst contentStyle = computed<CSSProperties>(() => {\n  return {\n    position: unref(strategy),\n    top: unref(y),\n    left: unref(x),\n  }\n})\n\nconst arrowStyle = computed<CSSProperties>(() => {\n  if (!props.showArrow) return {}\n\n  const _middlewareData = unref(middlewareData)\n  return {\n    position: 'absolute',\n    top: getPositionDataWithUnit(_middlewareData, 'y'),\n    left: getPositionDataWithUnit(_middlewareData, 'x'),\n  }\n})\n\nonMounted(() => {\n  watch(\n    () => props.reference || triggerRef.value,\n    (el) => {\n      referenceRef.value = el || undefined\n    }\n  )\n})\n</script>\n"],"names":["inject","tooltipV2RootKey","ref","useFloating","computed","arrowMiddleware","unref","getPositionDataWithUnit","onMounted","watch"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAkCA,IAAA,MAAA,EAAA,UAAA,EAAA,SAAA,EAAA,GAAAA,UAAA,CAAAC,0BAAA,CAAA,CAAA;AAEA,IAAA,MAAA,SAAA,GAAAC,QAAA,KAAA,CAAA,SAAA,CAAA,CAAA;AACA,IAAA,MAAA,QAAA,GAAAA,QAAA,KAAA,CAAA,QAAA,CAAA,CAAA;AACA,IAAA,MAAA,QAAA,GAAAA,OAAA,EAAA,CAAA;AAEA,IAAA,MAAA,EAAA,YAAA,EAAA,UAAA,EAAA,cAAA,EAAA,CAAA,EAAA,MAAAC,iBAAA,CAAA;AAAA,MACA,SAAA;AAAA,MACA,QAAA;AAAA,MACA,UAAA,EAAAC,aAAA,MAAA;AACA,QAAA,MAAA,UAAA,GAAA,EAAA,CAAA;AAEA,QAAA,IAAA,MAAA,SAAA,EAAA;AACA,UAAA,UAAA,CAAA,KACAC,qBAAA,CAAA;AAAA,YACA,QAAA;AAAA,WAAA,CAAA,CAAA,CAAA;AAAA,SAAA;AAKA,QAAA,OAAA,UAAA,CAAA;AAAA,OAAA,CAAA;AAAA,KAAA,CAAA,CAAA;AAIA,IAAA,MAAA,YAAA,GAAAD,aAAA,MAAA;AACA,MAAA,OAAA;AAAA,QACA,UAAAE,SAAA,CAAA,QAAA,CAAA;AAAA,QACA,KAAAA,SAAA,CAAA,CAAA,CAAA;AAAA,QACA,MAAAA,SAAA,CAAA,CAAA,CAAA;AAAA,OAAA,CAAA;AAAA,KAAA,CAAA,CAAA;AAIA,IAAA,MAAA,UAAA,GAAAF,aAAA,MAAA;AACA,MAAA,IAAA,CAAA,KAAA,CAAA,SAAA;AAAA,QAAA,OAAA,EAAA,CAAA;AAEA,MAAA,MAAA,kBAAAE,SAAA,CAAA,cAAA,CAAA,CAAA;AACA,MAAA,OAAA;AAAA,QACA,QAAA,EAAA,UAAA;AAAA,QACA,GAAA,EAAAC,8BAAA,eAAA,EAAA,GAAA,CAAA;AAAA,QACA,IAAA,EAAAA,8BAAA,eAAA,EAAA,GAAA,CAAA;AAAA,OAAA,CAAA;AAAA,KAAA,CAAA,CAAA;AAIA,IAAAC,aAAA,CAAA,MAAA;AACA,MAAAC,SAAA,CACA,MAAA,KAAA,CAAA,SAAA,IAAA,UAAA,CAAA,KAAA,EACA,CAAA,EAAA,KAAA;AACA,QAAA,YAAA,CAAA,QAAA,EAAA,IAAA,KAAA,CAAA,CAAA;AAAA,OAAA,CAAA,CAAA;AAAA,KAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/tooltip-v2/src/forward-ref.d.ts

@@ -0,0 +1,17 @@
+import type { ExtractPropTypes } from 'vue';
+export declare type RefSetter = (el: HTMLElement | null) => void;
+export declare const forwardRefProps: {
+    readonly setRef: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<RefSetter>, unknown, true, unknown, unknown>;
+    readonly onlyChild: BooleanConstructor;
+};
+export declare type ForwardRefProps = ExtractPropTypes<typeof forwardRefProps>;
+declare const _default: import("vue").DefineComponent<{
+    readonly setRef: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<RefSetter>, unknown, true, unknown, unknown>;
+    readonly onlyChild: BooleanConstructor;
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+    readonly setRef: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<RefSetter>, unknown, true, unknown, unknown>;
+    readonly onlyChild: BooleanConstructor;
+}>>, {
+    onlyChild: boolean;
+}>;
+export default _default;

package/lib/components/tooltip-v2/src/forward-ref.js

@@ -0,0 +1,44 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+require('../../../utils/index.js');
+var props = require('../../../utils/vue/props.js');
+var refs = require('../../../utils/vue/refs.js');
+var vnode = require('../../../utils/vue/vnode.js');
+
+const forwardRefProps = props.buildProps({
+  setRef: {
+    type: props.definePropType(Function),
+    required: true
+  },
+  onlyChild: Boolean
+});
+var ForwardRef = vue.defineComponent({
+  props: forwardRefProps,
+  setup(props, {
+    slots
+  }) {
+    const fragmentRef = vue.ref();
+    const setRef = refs.composeRefs(fragmentRef, (el) => {
+      if (el) {
+        props.setRef(el.nextElementSibling);
+      } else {
+        props.setRef(null);
+      }
+    });
+    return () => {
+      var _a;
+      const [firstChild] = ((_a = slots.default) == null ? void 0 : _a.call(slots)) || [];
+      const child = props.onlyChild ? vnode.ensureOnlyChild(firstChild.children) : firstChild.children;
+      return vue.createVNode(vue.Fragment, {
+        "ref": setRef
+      }, [child]);
+    };
+  }
+});
+
+exports["default"] = ForwardRef;
+exports.forwardRefProps = forwardRefProps;
+//# sourceMappingURL=forward-ref.js.map

package/lib/components/tooltip-v2/src/forward-ref.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"forward-ref.js","sources":["../../../../../../packages/components/tooltip-v2/src/forward-ref.tsx"],"sourcesContent":["import { Fragment, defineComponent, ref } from 'vue'\nimport {\n  buildProps,\n  composeRefs,\n  definePropType,\n  ensureOnlyChild,\n} from '@element-plus/utils'\n\nimport type { ExtractPropTypes, VNodeArrayChildren } from 'vue'\n\nexport type RefSetter = (el: HTMLElement | null) => void\n\nexport const forwardRefProps = buildProps({\n  setRef: { type: definePropType<RefSetter>(Function), required: true },\n  onlyChild: Boolean,\n} as const)\n\nexport type ForwardRefProps = ExtractPropTypes<typeof forwardRefProps>\n\n// TODO: consider make this component a reusable component without the only child feature.\nexport default defineComponent({\n  props: forwardRefProps,\n  setup(props, { slots }) {\n    const fragmentRef = ref()\n    const setRef = composeRefs(fragmentRef, (el) => {\n      // vue fragments is represented as a text element.\n      // The first element sibling should be the first element children of fragment.\n      // This is how we get the element.\n      if (el) {\n        props.setRef(\n          (el as HTMLElement).nextElementSibling as HTMLElement | null\n        )\n      } else {\n        props.setRef(null)\n      }\n    })\n    return () => {\n      const [firstChild] = slots.default?.() || []\n      const child = props.onlyChild\n        ? ensureOnlyChild(firstChild.children as VNodeArrayChildren)\n        : firstChild.children\n      // Dunno why the ref for jsx complains about the typing issue which was not\n      // in template\n      return <Fragment ref={setRef as any}>{child}</Fragment>\n    }\n  },\n})\n"],"names":["forwardRefProps","buildProps","setRef","type","definePropType","Function","required","onlyChild","Boolean","defineComponent","props","setup","slots","composeRefs","fragmentRef","el","ensureOnlyChild","_createVNode","_Fragment"],"mappings":";;;;;;;;;;AAYaA,MAAAA,eAAe,GAAGC,gBAAU,CAAC;AACxCC,EAAAA,MAAM,EAAE;AAAEC,IAAAA,IAAI,EAAEC,oBAAc,CAAYC,QAAZ,CAAtB;AAA6CC,IAAAA,QAAQ,EAAE,IAAA;AAAvD,GADgC;AAExCC,EAAAA,SAAS,EAAEC,OAAAA;AAF6B,CAAD,EAAlC;AAOP,iBAAAC,mBAAA,CAAA;AACA,EAAA,KAAA,EAAA;AACEC,EAAAA,KAAK,MADwB,EAAA;;AAE7BC,GAAAA,EAAAA;AAAeC,IAAAA,MAAAA,WAAAA,GAAAA,OAAAA,EAAAA,CAAAA;AAAF,IAAW,MAAA,MAAA,GAAAC,gBAAA,CAAA,WAAA,EAAA,CAAA,EAAA,KAAA;AACtB,MAAMC,IAAAA,EAAAA,EAAAA;AACN,QAAA,YAAeD,CAAAA,EAAAA,CAAAA,kBAAW,CAAA,CAAeE;AACvC,OAAA,MAAA;AACA,QAAA,KAAA,CAAA,MAAA,CAAA,IAAA,CAAA,CAAA;AACA,OAAA;AACA,KAAA,CAAA,CAAA;AACEL,IAAAA,aAAMR;AAGP,MAAA,IAAM,EAAA,CAAA;AACLQ,MAAAA,MAAK,CAAA,UAAL,CAAA,GAAA,CAAA,CAAA,EAAA,GAAA,KAAA,CAAA,OAAA,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,IAAA,CAAA,KAAA,CAAA,KAAA,EAAA,CAAA;AACD,MAAA,MAAA,KAAA,GAAA,KAAA,CAAA,SAAA,GAAAM,qBAAA,CAAA,UAAA,CAAA,QAAA,CAAA,GAAA,UAAA,CAAA,QAAA,CAAA;AACF,MAXD,OAAAC,eAAA,CAAAC,YAAA,EAAA;AAYA,QAAA,KAAa,EAAA,MAAA;AACX,OAAA,EAAA,CAAA,KAAM,CAAA,CAAA,CAAA;AACN,KAAA,CAAA;AAIA,GAAA;;;;;;"}

package/lib/components/tooltip-v2/src/root.d.ts

@@ -0,0 +1,11 @@
+import type { ExtractPropTypes } from 'vue';
+declare type StateUpdater = (state: boolean) => void;
+export declare const tooltipV2RootProps: {
+    readonly delayDuration: import("element-plus/es/utils").BuildPropReturn<NumberConstructor, 300, unknown, unknown, unknown>;
+    readonly defaultOpen: BooleanConstructor;
+    readonly open: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, undefined, unknown, unknown, unknown>;
+    readonly onOpenChange: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<StateUpdater>, unknown, unknown, unknown, unknown>;
+    readonly 'onUpdate:open': import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<StateUpdater>, unknown, unknown, unknown, unknown>;
+};
+export declare type TooltipV2RootProps = ExtractPropTypes<typeof tooltipV2RootProps>;
+export {};

package/lib/components/tooltip-v2/src/root.js

@@ -0,0 +1,27 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('../../../utils/index.js');
+var props = require('../../../utils/vue/props.js');
+
+const tooltipV2RootProps = props.buildProps({
+  delayDuration: {
+    type: Number,
+    default: 300
+  },
+  defaultOpen: Boolean,
+  open: {
+    type: Boolean,
+    default: void 0
+  },
+  onOpenChange: {
+    type: props.definePropType(Function)
+  },
+  "onUpdate:open": {
+    type: props.definePropType(Function)
+  }
+});
+
+exports.tooltipV2RootProps = tooltipV2RootProps;
+//# sourceMappingURL=root.js.map

package/lib/components/tooltip-v2/src/root.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"root.js","sources":["../../../../../../packages/components/tooltip-v2/src/root.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-plus/utils'\n\nimport type { ExtractPropTypes } 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>\n"],"names":["buildProps","definePropType"],"mappings":";;;;;;;AACY,MAAC,kBAAkB,GAAGA,gBAAU,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,EAAEC,oBAAc,CAAC,QAAQ,CAAC;AAClC,GAAG;AACH,EAAE,eAAe,EAAE;AACnB,IAAI,IAAI,EAAEA,oBAAc,CAAC,QAAQ,CAAC;AAClC,GAAG;AACH,CAAC;;;;"}

package/lib/components/tooltip-v2/src/root.vue.d.ts

@@ -0,0 +1,42 @@
+declare const _default: import("vue").DefineComponent<{
+    readonly delayDuration: import("element-plus/es/utils").BuildPropReturn<NumberConstructor, 300, unknown, unknown, unknown>;
+    readonly defaultOpen: BooleanConstructor;
+    readonly open: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, undefined, unknown, unknown, unknown>;
+    readonly onOpenChange: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<(state: boolean) => void>, unknown, unknown, unknown, unknown>;
+    readonly 'onUpdate:open': import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<(state: boolean) => void>, unknown, unknown, unknown, unknown>;
+}, {
+    props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+        readonly delayDuration: import("element-plus/es/utils").BuildPropReturn<NumberConstructor, 300, unknown, unknown, unknown>;
+        readonly defaultOpen: BooleanConstructor;
+        readonly open: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, undefined, unknown, unknown, unknown>;
+        readonly onOpenChange: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<(state: boolean) => void>, unknown, unknown, unknown, unknown>;
+        readonly 'onUpdate:open': import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<(state: boolean) => void>, unknown, unknown, unknown, unknown>;
+    }>> & {
+        [x: string & `on${string}`]: ((...args: any[]) => any) | ((...args: unknown[]) => any) | undefined;
+    }>>;
+    _open: import("vue").Ref<boolean>;
+    triggerRef: import("vue").Ref<HTMLElement | null>;
+    open: import("vue").WritableComputedRef<boolean>;
+    isOpenDelayed: import("vue").ComputedRef<boolean>;
+    onDelayedOpen: import("@vueuse/shared").Fn;
+    clearTimer: import("@vueuse/shared").Fn;
+    contentId: import("vue").Ref<string>;
+    onNormalOpen: () => void;
+    onDelayOpen: () => void;
+    onOpen: () => void;
+    onClose: () => void;
+    onChange: (open: boolean) => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly delayDuration: import("element-plus/es/utils").BuildPropReturn<NumberConstructor, 300, unknown, unknown, unknown>;
+    readonly defaultOpen: BooleanConstructor;
+    readonly open: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, undefined, unknown, unknown, unknown>;
+    readonly onOpenChange: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<(state: boolean) => void>, unknown, unknown, unknown, unknown>;
+    readonly 'onUpdate:open': import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<(state: boolean) => void>, unknown, unknown, unknown, unknown>;
+}>>, {
+    open: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
+    delayDuration: number;
+    onOpenChange: (state: boolean) => void;
+    "onUpdate:open": (state: boolean) => void;
+    defaultOpen: boolean;
+}>;
+export default _default;