element-ps 2.0.26 → 2.0.29

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

@@ -1,55 +1,118 @@
-import '../../../utils/index.mjs';
-import { buildProps, definePropType } from '../../../utils/vue/props.mjs';
+import { defineComponent, inject, ref, computed, unref, watch, onMounted, provide, openBlock, createElementBlock, normalizeStyle, normalizeClass, renderSlot, createVNode, withCtx, Fragment, createTextVNode, toDisplayString, createCommentVNode } from 'vue';
+import { offset } from '@floating-ui/dom';
+import '../../../tokens/index.mjs';
+import '../../../hooks/index.mjs';
+import '../../visual-hidden/index.mjs';
+import { tooltipV2ContentProps } from './content.mjs';
+import { tooltipV2CommonProps } from './common.mjs';
+import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
+import { tooltipV2RootKey, tooltipV2ContentKey } from '../../../tokens/tooltip-v2.mjs';
+import { useFloating, arrowMiddleware } from '../../../hooks/use-floating/index.mjs';
+import { useZIndex } from '../../../hooks/use-z-index/index.mjs';
+import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
+import PsVisuallyHidden from '../../visual-hidden/src/visual-hidden.mjs';
 
-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 = buildProps({
-  ariaLabel: String,
-  arrowPadding: {
-    type: definePropType(Number),
-    default: 5
-  },
-  effect: {
-    type: String,
-    default: ""
-  },
-  contentClass: String,
-  placement: {
-    type: definePropType(String),
-    values: tooltipV2Placements,
-    default: "bottom"
-  },
-  reference: {
-    type: definePropType(Object),
-    default: null
-  },
-  offset: {
-    type: Number,
-    default: 8
-  },
-  strategy: {
-    type: definePropType(String),
-    values: tooltipV2Strategies,
-    default: "absolute"
-  },
-  showArrow: {
-    type: Boolean,
-    default: false
+const _hoisted_1 = ["data-side"];
+const __default__ = {
+  name: "PsTooltipV2Content"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  props: { ...tooltipV2ContentProps, ...tooltipV2CommonProps },
+  setup(__props) {
+    const props = __props;
+    const { triggerRef, contentId } = inject(tooltipV2RootKey);
+    const placement = ref(props.placement);
+    const strategy = ref(props.strategy);
+    const arrowRef = ref(null);
+    const { referenceRef, contentRef, middlewareData, x, y, update } = useFloating({
+      placement,
+      strategy,
+      middleware: computed(() => {
+        const middleware = [offset(props.offset)];
+        if (props.showArrow) {
+          middleware.push(arrowMiddleware({
+            arrowRef
+          }));
+        }
+        return middleware;
+      })
+    });
+    const zIndex = useZIndex().nextZIndex();
+    const ns = useNamespace("tooltip-v2");
+    const side = computed(() => {
+      return placement.value.split("-")[0];
+    });
+    const contentStyle = computed(() => {
+      return {
+        position: unref(strategy),
+        top: `${unref(y) || 0}px`,
+        left: `${unref(x) || 0}px`,
+        zIndex
+      };
+    });
+    const arrowStyle = computed(() => {
+      if (!props.showArrow)
+        return {};
+      const { arrow } = unref(middlewareData);
+      return {
+        [`--${ns.namespace.value}-tooltip-v2-arrow-x`]: `${arrow == null ? void 0 : arrow.x}px` || "",
+        [`--${ns.namespace.value}-tooltip-v2-arrow-y`]: `${arrow == null ? void 0 : arrow.y}px` || ""
+      };
+    });
+    const contentClass = computed(() => [
+      ns.e("content"),
+      ns.is("dark", props.effect === "dark"),
+      ns.is(unref(strategy)),
+      props.contentClass
+    ]);
+    watch(arrowRef, () => update());
+    watch(() => props.placement, (val) => placement.value = val);
+    onMounted(() => {
+      watch(() => props.reference || triggerRef.value, (el) => {
+        referenceRef.value = el || void 0;
+      }, {
+        immediate: true
+      });
+    });
+    provide(tooltipV2ContentKey, { arrowRef });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        ref_key: "contentRef",
+        ref: contentRef,
+        style: normalizeStyle(unref(contentStyle)),
+        "data-tooltip-v2-root": ""
+      }, [
+        !_ctx.nowrap ? (openBlock(), createElementBlock("div", {
+          key: 0,
+          "data-side": unref(side),
+          class: normalizeClass(unref(contentClass))
+        }, [
+          renderSlot(_ctx.$slots, "default", {
+            contentStyle: unref(contentStyle),
+            contentClass: unref(contentClass)
+          }),
+          createVNode(unref(PsVisuallyHidden), {
+            id: unref(contentId),
+            role: "tooltip"
+          }, {
+            default: withCtx(() => [
+              _ctx.ariaLabel ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+                createTextVNode(toDisplayString(_ctx.ariaLabel), 1)
+              ], 2112)) : renderSlot(_ctx.$slots, "default", { key: 1 })
+            ]),
+            _: 3
+          }, 8, ["id"]),
+          renderSlot(_ctx.$slots, "arrow", {
+            style: normalizeStyle(unref(arrowStyle)),
+            side: unref(side)
+          })
+        ], 10, _hoisted_1)) : createCommentVNode("v-if", true)
+      ], 4);
+    };
   }
 });
+var TooltipV2Content = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/Users/meng/workspace/element-ps/packages/components/tooltip-v2/src/content.vue"]]);
 
-export { tooltipV2ContentProps };
+export { TooltipV2Content as default };
 //# sourceMappingURL=content2.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"content2.mjs","sources":["../../../../../../packages/components/tooltip-v2/src/content.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-ps/utils'\n\nimport type { ExtractPropTypes } from 'vue'\nimport type { Placement, Strategy, VirtualElement } 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<number>(Number),\n    default: 5,\n  },\n  effect: {\n    type: String,\n    default: '',\n  },\n  contentClass: String,\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  offset: {\n    type: Number,\n    default: 8,\n  },\n  strategy: {\n    type: definePropType<Strategy>(String),\n    values: tooltipV2Strategies,\n    default: 'absolute',\n  },\n  showArrow: {\n    type: Boolean,\n    default: false,\n  },\n} as const)\n\nexport type TooltipV2ContentProps = ExtractPropTypes<\n  typeof tooltipV2ContentProps\n>\n"],"names":[],"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,GAAG,UAAU,CAAC;AAChD,EAAE,SAAS,EAAE,MAAM;AACnB,EAAE,YAAY,EAAE;AAChB,IAAI,IAAI,EAAE,cAAc,CAAC,MAAM,CAAC;AAChC,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,YAAY,EAAE,MAAM;AACtB,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,cAAc,CAAC,MAAM,CAAC;AAChC,IAAI,MAAM,EAAE,mBAAmB;AAC/B,IAAI,OAAO,EAAE,QAAQ;AACrB,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,cAAc,CAAC,MAAM,CAAC;AAChC,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,cAAc,CAAC,MAAM,CAAC;AAChC,IAAI,MAAM,EAAE,mBAAmB;AAC/B,IAAI,OAAO,EAAE,UAAU;AACvB,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,CAAC;;;;"}
+{"version":3,"file":"content2.mjs","sources":["../../../../../../packages/components/tooltip-v2/src/content.vue"],"sourcesContent":["<template>\n  <div ref=\"contentRef\" :style=\"contentStyle\" data-tooltip-v2-root>\n    <div v-if=\"!nowrap\" :data-side=\"side\" :class=\"contentClass\">\n      <slot :content-style=\"contentStyle\" :content-class=\"contentClass\" />\n      <ps-visually-hidden :id=\"contentId\" role=\"tooltip\">\n        <template v-if=\"ariaLabel\">\n          {{ ariaLabel }}\n        </template>\n        <slot v-else />\n      </ps-visually-hidden>\n      <slot name=\"arrow\" :style=\"arrowStyle\" :side=\"side\" />\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, inject, onMounted, provide, ref, unref, watch } from 'vue'\nimport { offset } from '@floating-ui/dom'\nimport { tooltipV2ContentKey, tooltipV2RootKey } from '@element-ps/tokens'\nimport {\n  arrowMiddleware,\n  useFloating,\n  useNamespace,\n  useZIndex,\n} from '@element-ps/hooks'\nimport PsVisuallyHidden from '@element-ps/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: 'PsTooltipV2Content',\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 | null>(null)\n\nconst { referenceRef, contentRef, middlewareData, x, y, update } = useFloating({\n  placement,\n  strategy,\n  middleware: computed(() => {\n    const middleware: Middleware[] = [offset(props.offset)]\n\n    if (props.showArrow) {\n      middleware.push(\n        arrowMiddleware({\n          arrowRef,\n        })\n      )\n    }\n\n    return middleware\n  }),\n})\n\nconst zIndex = useZIndex().nextZIndex()\n\nconst ns = useNamespace('tooltip-v2')\n\nconst side = computed(() => {\n  return placement.value.split('-')[0]\n})\n\nconst contentStyle = computed<CSSProperties>(() => {\n  return {\n    position: unref(strategy),\n    top: `${unref(y) || 0}px`,\n    left: `${unref(x) || 0}px`,\n    zIndex,\n  }\n})\n\nconst arrowStyle = computed<CSSProperties>(() => {\n  if (!props.showArrow) return {}\n\n  const { arrow } = unref(middlewareData)\n\n  return {\n    [`--${ns.namespace.value}-tooltip-v2-arrow-x`]: `${arrow?.x}px` || '',\n    [`--${ns.namespace.value}-tooltip-v2-arrow-y`]: `${arrow?.y}px` || '',\n  }\n})\n\nconst contentClass = computed(() => [\n  ns.e('content'),\n  ns.is('dark', props.effect === 'dark'),\n  ns.is(unref(strategy)),\n  props.contentClass,\n])\n\nwatch(arrowRef, () => update())\n\nwatch(\n  () => props.placement,\n  (val) => (placement.value = val)\n)\n\nonMounted(() => {\n  watch(\n    () => props.reference || triggerRef.value,\n    (el) => {\n      referenceRef.value = el || undefined\n    },\n    {\n      immediate: true,\n    }\n  )\n})\n\nprovide(tooltipV2ContentKey, { arrowRef })\n</script>\n"],"names":[],"mappings":"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"}

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

@@ -9,7 +9,7 @@ export declare const tooltipV2Props: {
     readonly arrowPadding: import("element-ps/es/utils").BuildPropReturn<import("element-ps/es/utils").PropWrapper<number>, 5, unknown, unknown, unknown>;
     readonly effect: import("element-ps/es/utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
     readonly contentClass: StringConstructor;
-    readonly placement: import("element-ps/es/utils").BuildPropReturn<import("element-ps/es/utils").PropWrapper<import("@floating-ui/core").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 placement: import("element-ps/es/utils").BuildPropReturn<import("element-ps/es/utils").PropWrapper<import("@floating-ui/core").Placement>, "bottom", unknown, "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end", unknown>;
     readonly reference: import("element-ps/es/utils").BuildPropReturn<import("element-ps/es/utils").PropWrapper<HTMLElement | import("@floating-ui/dom").VirtualElement | null>, null, unknown, unknown, unknown>;
     readonly offset: import("element-ps/es/utils").BuildPropReturn<NumberConstructor, 8, unknown, unknown, unknown>;
     readonly strategy: import("element-ps/es/utils").BuildPropReturn<import("element-ps/es/utils").PropWrapper<import("@floating-ui/core").Strategy>, "absolute", unknown, "fixed" | "absolute", unknown>;

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

@@ -1,8 +1,8 @@
 import '../../../utils/index.mjs';
 import { tooltipV2RootProps } from './root.mjs';
-import { tooltipV2TriggerProps } from './trigger2.mjs';
+import { tooltipV2TriggerProps } from './trigger.mjs';
 import { tooltipV2ArrowProps } from './arrow.mjs';
-import { tooltipV2ContentProps } from './content2.mjs';
+import { tooltipV2ContentProps } from './content.mjs';
 import { buildProps, definePropType } from '../../../utils/vue/props.mjs';
 
 const tooltipV2Props = buildProps({

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

@@ -8,7 +8,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly arrowPadding: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<number>, 5, unknown, unknown, unknown>;
     readonly effect: import("../../../utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
     readonly contentClass: StringConstructor;
-    readonly placement: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<import("@floating-ui/core").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 placement: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<import("@floating-ui/core").Placement>, "bottom", unknown, "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end", unknown>;
     readonly reference: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<HTMLElement | import("@floating-ui/dom").VirtualElement | null>, null, unknown, unknown, unknown>;
     readonly offset: import("../../../utils").BuildPropReturn<NumberConstructor, 8, unknown, unknown, unknown>;
     readonly strategy: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<import("@floating-ui/core").Strategy>, "absolute", unknown, "fixed" | "absolute", unknown>;
@@ -38,7 +38,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly arrowPadding: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<number>, 5, unknown, unknown, unknown>;
         readonly effect: import("../../../utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
         readonly contentClass: StringConstructor;
-        readonly placement: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<import("@floating-ui/core").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 placement: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<import("@floating-ui/core").Placement>, "bottom", unknown, "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end", unknown>;
         readonly reference: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<HTMLElement | import("@floating-ui/dom").VirtualElement | null>, null, unknown, unknown, unknown>;
         readonly offset: import("../../../utils").BuildPropReturn<NumberConstructor, 8, unknown, unknown, unknown>;
         readonly strategy: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<import("@floating-ui/core").Strategy>, "absolute", unknown, "fixed" | "absolute", unknown>;
@@ -70,7 +70,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly arrowPadding: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<number>, 5, unknown, unknown, unknown>;
         readonly effect: import("../../../utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
         readonly contentClass: StringConstructor;
-        readonly placement: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<import("@floating-ui/core").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 placement: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<import("@floating-ui/core").Placement>, "bottom", unknown, "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end", unknown>;
         readonly reference: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<HTMLElement | import("@floating-ui/dom").VirtualElement | null>, null, unknown, unknown, unknown>;
         readonly offset: import("../../../utils").BuildPropReturn<NumberConstructor, 8, unknown, unknown, unknown>;
         readonly strategy: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<import("@floating-ui/core").Strategy>, "absolute", unknown, "fixed" | "absolute", unknown>;
@@ -94,17 +94,18 @@ declare const _default: import("vue").DefineComponent<{
     }>>>;
     arrowProps: {
         [x: string & `on${string}`]: ((...args: any[]) => any) | ((...args: unknown[]) => any) | undefined;
-        readonly offset?: number | undefined;
-        readonly height?: number | undefined;
-        readonly width?: number | undefined;
-        readonly effect?: string | undefined;
         readonly style?: import("../../../utils").BuildPropType<import("../../../utils").PropWrapper<import("vue").CSSProperties | null>, unknown, unknown> | undefined;
         readonly open?: import("../../../utils").BuildPropType<BooleanConstructor, unknown, unknown> | undefined;
+        readonly placement?: import("../../../utils").BuildPropType<import("../../../utils").PropWrapper<import("@floating-ui/core").Placement>, "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end", unknown> | undefined;
+        readonly strategy?: import("../../../utils").BuildPropType<import("../../../utils").PropWrapper<import("@floating-ui/core").Strategy>, "fixed" | "absolute", unknown> | undefined;
+        readonly width?: number | undefined;
+        readonly height?: number | undefined;
+        readonly offset?: number | undefined;
+        readonly to?: import("../../../utils").BuildPropType<import("../../../utils").PropWrapper<string | import("vue").RendererElement | null | undefined>, unknown, unknown>;
+        readonly effect?: string | undefined;
         readonly onClick?: ((e: Event) => boolean | void) | undefined;
         readonly onFocus?: ((e: Event) => boolean | void) | undefined;
         readonly onBlur?: ((e: Event) => boolean | void) | undefined;
-        readonly placement?: import("../../../utils").BuildPropType<import("../../../utils").PropWrapper<import("@floating-ui/core").Placement>, "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end", unknown> | undefined;
-        readonly strategy?: import("../../../utils").BuildPropType<import("../../../utils").PropWrapper<import("@floating-ui/core").Strategy>, "fixed" | "absolute", unknown> | undefined;
         readonly teleported?: boolean | undefined;
         readonly ariaLabel?: string | undefined;
         readonly showArrow?: import("../../../utils").BuildPropType<BooleanConstructor, unknown, unknown> | undefined;
@@ -119,23 +120,23 @@ declare const _default: import("vue").DefineComponent<{
         readonly onMouseDown?: ((e: Event) => boolean | void) | undefined;
         readonly arrowPadding?: number | undefined;
         readonly transitionProps?: import("../../../utils").BuildPropType<import("../../../utils").PropWrapper<import("vue").TransitionProps | null>, unknown, unknown> | undefined;
-        readonly to?: import("../../../utils").BuildPropType<import("../../../utils").PropWrapper<string | import("vue").RendererElement | null | undefined>, unknown, unknown>;
         readonly alwaysOn?: boolean | undefined;
         readonly fullTransition?: boolean | undefined;
     };
     contentProps: {
         [x: string & `on${string}`]: ((...args: any[]) => any) | ((...args: unknown[]) => any) | undefined;
-        readonly offset?: number | undefined;
-        readonly height?: number | undefined;
-        readonly width?: number | undefined;
-        readonly effect?: string | undefined;
         readonly style?: import("../../../utils").BuildPropType<import("../../../utils").PropWrapper<import("vue").CSSProperties | null>, unknown, unknown> | undefined;
         readonly open?: import("../../../utils").BuildPropType<BooleanConstructor, unknown, unknown> | undefined;
+        readonly placement?: import("../../../utils").BuildPropType<import("../../../utils").PropWrapper<import("@floating-ui/core").Placement>, "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end", unknown> | undefined;
+        readonly strategy?: import("../../../utils").BuildPropType<import("../../../utils").PropWrapper<import("@floating-ui/core").Strategy>, "fixed" | "absolute", unknown> | undefined;
+        readonly width?: number | undefined;
+        readonly height?: number | undefined;
+        readonly offset?: number | undefined;
+        readonly to?: import("../../../utils").BuildPropType<import("../../../utils").PropWrapper<string | import("vue").RendererElement | null | undefined>, unknown, unknown>;
+        readonly effect?: string | undefined;
         readonly onClick?: ((e: Event) => boolean | void) | undefined;
         readonly onFocus?: ((e: Event) => boolean | void) | undefined;
         readonly onBlur?: ((e: Event) => boolean | void) | undefined;
-        readonly placement?: import("../../../utils").BuildPropType<import("../../../utils").PropWrapper<import("@floating-ui/core").Placement>, "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end", unknown> | undefined;
-        readonly strategy?: import("../../../utils").BuildPropType<import("../../../utils").PropWrapper<import("@floating-ui/core").Strategy>, "fixed" | "absolute", unknown> | undefined;
         readonly teleported?: boolean | undefined;
         readonly ariaLabel?: string | undefined;
         readonly showArrow?: import("../../../utils").BuildPropType<BooleanConstructor, unknown, unknown> | undefined;
@@ -150,23 +151,23 @@ declare const _default: import("vue").DefineComponent<{
         readonly onMouseDown?: ((e: Event) => boolean | void) | undefined;
         readonly arrowPadding?: number | undefined;
         readonly transitionProps?: import("../../../utils").BuildPropType<import("../../../utils").PropWrapper<import("vue").TransitionProps | null>, unknown, unknown> | undefined;
-        readonly to?: import("../../../utils").BuildPropType<import("../../../utils").PropWrapper<string | import("vue").RendererElement | null | undefined>, unknown, unknown>;
         readonly alwaysOn?: boolean | undefined;
         readonly fullTransition?: boolean | undefined;
     };
     rootProps: {
         [x: string & `on${string}`]: ((...args: any[]) => any) | ((...args: unknown[]) => any) | undefined;
-        readonly offset?: number | undefined;
-        readonly height?: number | undefined;
-        readonly width?: number | undefined;
-        readonly effect?: string | undefined;
         readonly style?: import("../../../utils").BuildPropType<import("../../../utils").PropWrapper<import("vue").CSSProperties | null>, unknown, unknown> | undefined;
         readonly open?: import("../../../utils").BuildPropType<BooleanConstructor, unknown, unknown> | undefined;
+        readonly placement?: import("../../../utils").BuildPropType<import("../../../utils").PropWrapper<import("@floating-ui/core").Placement>, "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end", unknown> | undefined;
+        readonly strategy?: import("../../../utils").BuildPropType<import("../../../utils").PropWrapper<import("@floating-ui/core").Strategy>, "fixed" | "absolute", unknown> | undefined;
+        readonly width?: number | undefined;
+        readonly height?: number | undefined;
+        readonly offset?: number | undefined;
+        readonly to?: import("../../../utils").BuildPropType<import("../../../utils").PropWrapper<string | import("vue").RendererElement | null | undefined>, unknown, unknown>;
+        readonly effect?: string | undefined;
         readonly onClick?: ((e: Event) => boolean | void) | undefined;
         readonly onFocus?: ((e: Event) => boolean | void) | undefined;
         readonly onBlur?: ((e: Event) => boolean | void) | undefined;
-        readonly placement?: import("../../../utils").BuildPropType<import("../../../utils").PropWrapper<import("@floating-ui/core").Placement>, "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end", unknown> | undefined;
-        readonly strategy?: import("../../../utils").BuildPropType<import("../../../utils").PropWrapper<import("@floating-ui/core").Strategy>, "fixed" | "absolute", unknown> | undefined;
         readonly teleported?: boolean | undefined;
         readonly ariaLabel?: string | undefined;
         readonly showArrow?: import("../../../utils").BuildPropType<BooleanConstructor, unknown, unknown> | undefined;
@@ -181,23 +182,23 @@ declare const _default: import("vue").DefineComponent<{
         readonly onMouseDown?: ((e: Event) => boolean | void) | undefined;
         readonly arrowPadding?: number | undefined;
         readonly transitionProps?: import("../../../utils").BuildPropType<import("../../../utils").PropWrapper<import("vue").TransitionProps | null>, unknown, unknown> | undefined;
-        readonly to?: import("../../../utils").BuildPropType<import("../../../utils").PropWrapper<string | import("vue").RendererElement | null | undefined>, unknown, unknown>;
         readonly alwaysOn?: boolean | undefined;
         readonly fullTransition?: boolean | undefined;
     };
     triggerProps: {
         [x: string & `on${string}`]: ((...args: any[]) => any) | ((...args: unknown[]) => any) | undefined;
-        readonly offset?: number | undefined;
-        readonly height?: number | undefined;
-        readonly width?: number | undefined;
-        readonly effect?: string | undefined;
         readonly style?: import("../../../utils").BuildPropType<import("../../../utils").PropWrapper<import("vue").CSSProperties | null>, unknown, unknown> | undefined;
         readonly open?: import("../../../utils").BuildPropType<BooleanConstructor, unknown, unknown> | undefined;
+        readonly placement?: import("../../../utils").BuildPropType<import("../../../utils").PropWrapper<import("@floating-ui/core").Placement>, "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end", unknown> | undefined;
+        readonly strategy?: import("../../../utils").BuildPropType<import("../../../utils").PropWrapper<import("@floating-ui/core").Strategy>, "fixed" | "absolute", unknown> | undefined;
+        readonly width?: number | undefined;
+        readonly height?: number | undefined;
+        readonly offset?: number | undefined;
+        readonly to?: import("../../../utils").BuildPropType<import("../../../utils").PropWrapper<string | import("vue").RendererElement | null | undefined>, unknown, unknown>;
+        readonly effect?: string | undefined;
         readonly onClick?: ((e: Event) => boolean | void) | undefined;
         readonly onFocus?: ((e: Event) => boolean | void) | undefined;
         readonly onBlur?: ((e: Event) => boolean | void) | undefined;
-        readonly placement?: import("../../../utils").BuildPropType<import("../../../utils").PropWrapper<import("@floating-ui/core").Placement>, "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end", unknown> | undefined;
-        readonly strategy?: import("../../../utils").BuildPropType<import("../../../utils").PropWrapper<import("@floating-ui/core").Strategy>, "fixed" | "absolute", unknown> | undefined;
         readonly teleported?: boolean | undefined;
         readonly ariaLabel?: string | undefined;
         readonly showArrow?: import("../../../utils").BuildPropType<BooleanConstructor, unknown, unknown> | undefined;
@@ -212,7 +213,6 @@ declare const _default: import("vue").DefineComponent<{
         readonly onMouseDown?: ((e: Event) => boolean | void) | undefined;
         readonly arrowPadding?: number | undefined;
         readonly transitionProps?: import("../../../utils").BuildPropType<import("../../../utils").PropWrapper<import("vue").TransitionProps | null>, unknown, unknown> | undefined;
-        readonly to?: import("../../../utils").BuildPropType<import("../../../utils").PropWrapper<string | import("vue").RendererElement | null | undefined>, unknown, unknown>;
         readonly alwaysOn?: boolean | undefined;
         readonly fullTransition?: boolean | undefined;
     };
@@ -307,9 +307,9 @@ declare const _default: import("vue").DefineComponent<{
         height: import("../../../utils").BuildPropReturn<NumberConstructor, 10, unknown, unknown, unknown>;
         style: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<import("vue").CSSProperties | null>, null, unknown, unknown, unknown>;
     }>>, {
-        height: number;
-        width: number;
         style: import("../../../utils").BuildPropType<import("../../../utils").PropWrapper<import("vue").CSSProperties | null>, unknown, unknown>;
+        width: number;
+        height: number;
     }>;
     TooltipV2Content: import("vue").DefineComponent<{
         nowrap: BooleanConstructor;
@@ -317,7 +317,7 @@ declare const _default: import("vue").DefineComponent<{
         arrowPadding: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<number>, 5, unknown, unknown, unknown>;
         effect: import("../../../utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
         contentClass: StringConstructor;
-        placement: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<import("@floating-ui/core").Placement>, "bottom", unknown, "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end", unknown>;
+        placement: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<import("@floating-ui/core").Placement>, "bottom", unknown, "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end", unknown>;
         reference: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<HTMLElement | import("@floating-ui/dom").VirtualElement | null>, null, unknown, unknown, unknown>;
         offset: import("../../../utils").BuildPropReturn<NumberConstructor, 8, unknown, unknown, unknown>;
         strategy: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<import("@floating-ui/core").Strategy>, "absolute", unknown, "fixed" | "absolute", unknown>;
@@ -329,7 +329,7 @@ declare const _default: import("vue").DefineComponent<{
             arrowPadding: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<number>, 5, unknown, unknown, unknown>;
             effect: import("../../../utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
             contentClass: StringConstructor;
-            placement: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<import("@floating-ui/core").Placement>, "bottom", unknown, "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end", unknown>;
+            placement: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<import("@floating-ui/core").Placement>, "bottom", unknown, "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end", unknown>;
             reference: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<HTMLElement | import("@floating-ui/dom").VirtualElement | null>, null, unknown, unknown, unknown>;
             offset: import("../../../utils").BuildPropReturn<NumberConstructor, 8, unknown, unknown, unknown>;
             strategy: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<import("@floating-ui/core").Strategy>, "absolute", unknown, "fixed" | "absolute", unknown>;
@@ -339,7 +339,7 @@ declare const _default: import("vue").DefineComponent<{
         }>>;
         triggerRef: import("vue").Ref<HTMLElement | null>;
         contentId: import("vue").Ref<string>;
-        placement: import("vue").Ref<import("../../../utils").BuildPropType<import("../../../utils").PropWrapper<import("@floating-ui/core").Placement>, "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end", unknown>>;
+        placement: import("vue").Ref<import("../../../utils").BuildPropType<import("../../../utils").PropWrapper<import("@floating-ui/core").Placement>, "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end", unknown>>;
         strategy: import("vue").Ref<import("../../../utils").BuildPropType<import("../../../utils").PropWrapper<import("@floating-ui/core").Strategy>, "fixed" | "absolute", unknown>>;
         arrowRef: import("vue").Ref<HTMLElement | null>;
         referenceRef: import("vue").Ref<HTMLElement | import("@floating-ui/dom").VirtualElement | undefined>;
@@ -429,17 +429,17 @@ declare const _default: import("vue").DefineComponent<{
         arrowPadding: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<number>, 5, unknown, unknown, unknown>;
         effect: import("../../../utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
         contentClass: StringConstructor;
-        placement: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<import("@floating-ui/core").Placement>, "bottom", unknown, "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end", unknown>;
+        placement: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<import("@floating-ui/core").Placement>, "bottom", unknown, "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end", unknown>;
         reference: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<HTMLElement | import("@floating-ui/dom").VirtualElement | null>, null, unknown, unknown, unknown>;
         offset: import("../../../utils").BuildPropReturn<NumberConstructor, 8, unknown, unknown, unknown>;
         strategy: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<import("@floating-ui/core").Strategy>, "absolute", unknown, "fixed" | "absolute", unknown>;
         showArrow: import("../../../utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
     }>>, {
+        placement: import("../../../utils").BuildPropType<import("../../../utils").PropWrapper<import("@floating-ui/core").Placement>, "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end", unknown>;
+        strategy: import("../../../utils").BuildPropType<import("../../../utils").PropWrapper<import("@floating-ui/core").Strategy>, "fixed" | "absolute", unknown>;
         offset: number;
         effect: string;
         nowrap: boolean;
-        placement: import("../../../utils").BuildPropType<import("../../../utils").PropWrapper<import("@floating-ui/core").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/core").Strategy>, "fixed" | "absolute", unknown>;
         showArrow: import("../../../utils").BuildPropType<BooleanConstructor, unknown, unknown>;
         reference: import("../../../utils").BuildPropType<import("../../../utils").PropWrapper<HTMLElement | import("@floating-ui/dom").VirtualElement | null>, unknown, unknown>;
         arrowPadding: number;
@@ -523,7 +523,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly arrowPadding: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<number>, 5, unknown, unknown, unknown>;
     readonly effect: import("../../../utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
     readonly contentClass: StringConstructor;
-    readonly placement: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<import("@floating-ui/core").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 placement: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<import("@floating-ui/core").Placement>, "bottom", unknown, "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end", unknown>;
     readonly reference: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<HTMLElement | import("@floating-ui/dom").VirtualElement | null>, null, unknown, unknown, unknown>;
     readonly offset: import("../../../utils").BuildPropReturn<NumberConstructor, 8, unknown, unknown, unknown>;
     readonly strategy: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<import("@floating-ui/core").Strategy>, "absolute", unknown, "fixed" | "absolute", unknown>;
@@ -543,17 +543,18 @@ declare const _default: import("vue").DefineComponent<{
     readonly onOpenChange: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<(state: boolean) => void>, unknown, unknown, unknown, unknown>;
     readonly 'onUpdate:open': import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<(state: boolean) => void>, unknown, unknown, unknown, unknown>;
 }>>, {
-    offset: number;
-    height: number;
-    width: number;
-    effect: string;
     style: import("../../../utils").BuildPropType<import("../../../utils").PropWrapper<import("vue").CSSProperties | null>, unknown, unknown>;
     open: import("../../../utils").BuildPropType<BooleanConstructor, unknown, unknown>;
+    placement: import("../../../utils").BuildPropType<import("../../../utils").PropWrapper<import("@floating-ui/core").Placement>, "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end", unknown>;
+    strategy: import("../../../utils").BuildPropType<import("../../../utils").PropWrapper<import("@floating-ui/core").Strategy>, "fixed" | "absolute", unknown>;
+    width: number;
+    height: number;
+    offset: number;
+    to: import("../../../utils").BuildPropType<import("../../../utils").PropWrapper<string | import("vue").RendererElement | null | undefined>, unknown, unknown>;
+    effect: string;
     onClick: (e: Event) => boolean | void;
     onFocus: (e: Event) => boolean | void;
     onBlur: (e: Event) => boolean | void;
-    placement: import("../../../utils").BuildPropType<import("../../../utils").PropWrapper<import("@floating-ui/core").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/core").Strategy>, "fixed" | "absolute", unknown>;
     teleported: boolean;
     showArrow: import("../../../utils").BuildPropType<BooleanConstructor, unknown, unknown>;
     onMouseLeave: (e: Event) => boolean | void;
@@ -566,7 +567,6 @@ declare const _default: import("vue").DefineComponent<{
     onMouseDown: (e: Event) => boolean | void;
     arrowPadding: number;
     transitionProps: import("../../../utils").BuildPropType<import("../../../utils").PropWrapper<import("vue").TransitionProps | null>, unknown, unknown>;
-    to: import("../../../utils").BuildPropType<import("../../../utils").PropWrapper<string | import("vue").RendererElement | null | undefined>, unknown, unknown>;
     alwaysOn: boolean;
     fullTransition: boolean;
 }>;

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

@@ -1,14 +1,14 @@
 import { defineComponent, toRefs, reactive, openBlock, createBlock, normalizeProps, guardReactiveProps, unref, withCtx, createVNode, mergeProps, renderSlot, Teleport, Transition, createCommentVNode, createElementBlock, Fragment } from 'vue';
 import { pick } from 'lodash-unified';
 import { tooltipV2ArrowProps } from './arrow.mjs';
-import { tooltipV2ContentProps } from './content2.mjs';
+import { tooltipV2ContentProps } from './content.mjs';
 import { tooltipV2RootProps } from './root.mjs';
 import { tooltipV2Props } from './tooltip.mjs';
-import { tooltipV2TriggerProps } from './trigger2.mjs';
+import { tooltipV2TriggerProps } from './trigger.mjs';
 import TooltipV2Root from './root2.mjs';
 import TooltipV2Arrow from './arrow2.mjs';
-import TooltipV2Content from './content.mjs';
-import TooltipV2Trigger from './trigger.mjs';
+import TooltipV2Content from './content2.mjs';
+import TooltipV2Trigger from './trigger2.mjs';
 import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
 
 const __default__ = {