element-ps 2.0.29 → 2.0.32

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

@@ -5,7 +5,7 @@ declare const _default: import("vue").DefineComponent<{
     showArrow: import("element-ps/es/utils").BuildPropReturn<BooleanConstructor, boolean | (() => false) | (() => true) | undefined, unknown, unknown, unknown>;
     arrowOffset: import("element-ps/es/utils").BuildPropReturn<NumberConstructor, 5, unknown, unknown, unknown>;
     disabled: BooleanConstructor;
-    trigger: import("element-ps/es/utils").BuildPropReturn<import("element-ps/es/utils").PropWrapper<"click" | "contextmenu" | "focus" | "hover" | ("click" | "contextmenu" | "focus" | "hover")[]>, "hover", unknown, unknown, unknown>;
+    trigger: import("element-ps/es/utils").BuildPropReturn<import("element-ps/es/utils").PropWrapper<"hover" | "focus" | "click" | "contextmenu" | ("hover" | "focus" | "click" | "contextmenu")[]>, "hover", unknown, unknown, unknown>;
     virtualRef: import("element-ps/es/utils").BuildPropReturn<import("element-ps/es/utils").PropWrapper<import("../../..").Measurable>, unknown, unknown, unknown, unknown>;
     virtualTriggering: BooleanConstructor;
     onMouseenter: FunctionConstructor;
@@ -99,7 +99,7 @@ declare const _default: import("vue").DefineComponent<{
     showArrow: import("element-ps/es/utils").BuildPropReturn<BooleanConstructor, boolean | (() => false) | (() => true) | undefined, unknown, unknown, unknown>;
     arrowOffset: import("element-ps/es/utils").BuildPropReturn<NumberConstructor, 5, unknown, unknown, unknown>;
     disabled: BooleanConstructor;
-    trigger: import("element-ps/es/utils").BuildPropReturn<import("element-ps/es/utils").PropWrapper<"click" | "contextmenu" | "focus" | "hover" | ("click" | "contextmenu" | "focus" | "hover")[]>, "hover", unknown, unknown, unknown>;
+    trigger: import("element-ps/es/utils").BuildPropReturn<import("element-ps/es/utils").PropWrapper<"hover" | "focus" | "click" | "contextmenu" | ("hover" | "focus" | "click" | "contextmenu")[]>, "hover", unknown, unknown, unknown>;
     virtualRef: import("element-ps/es/utils").BuildPropReturn<import("element-ps/es/utils").PropWrapper<import("../../..").Measurable>, unknown, unknown, unknown, unknown>;
     virtualTriggering: BooleanConstructor;
     onMouseenter: FunctionConstructor;
@@ -188,25 +188,25 @@ declare const _default: import("vue").DefineComponent<{
     "onUpdate:visible": import("element-ps/es/utils").BuildPropReturn<import("element-ps/es/utils").PropWrapper<(val: boolean) => void>, never, false, never, never>;
 }>>, {
     disabled: boolean;
-    trigger: import("element-ps/es/utils").BuildPropType<import("element-ps/es/utils").PropWrapper<"click" | "contextmenu" | "focus" | "hover" | ("click" | "contextmenu" | "focus" | "hover")[]>, unknown, unknown>;
-    style: import("vue").StyleValue;
-    showAfter: number;
-    hideAfter: number;
-    open: boolean;
-    placement: import("element-ps/es/utils").BuildPropType<StringConstructor, import("element-ps/es/components/popper").Placement, unknown>;
-    strategy: import("element-ps/es/utils").BuildPropType<StringConstructor, "fixed" | "absolute", unknown>;
+    trigger: import("element-ps/es/utils").BuildPropType<import("element-ps/es/utils").PropWrapper<"hover" | "focus" | "click" | "contextmenu" | ("hover" | "focus" | "click" | "contextmenu")[]>, unknown, unknown>;
     offset: number;
-    content: string;
-    transition: string;
     effect: string;
+    style: import("vue").StyleValue;
     visible: import("element-ps/es/utils").BuildPropType<import("element-ps/es/utils").PropWrapper<boolean | null>, unknown, unknown>;
+    content: string;
+    open: boolean;
+    transition: string;
     virtualRef: import("../../..").Measurable;
     virtualTriggering: boolean;
     "onUpdate:visible": (val: boolean) => void;
+    showAfter: number;
+    hideAfter: number;
     boundariesPadding: number;
     fallbackPlacements: import("element-ps/es/components/popper").Placement[];
     gpuAcceleration: import("element-ps/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
+    placement: import("element-ps/es/utils").BuildPropType<StringConstructor, import("element-ps/es/components/popper").Placement, unknown>;
     popperOptions: Partial<import("element-ps/es/components/popper").Options>;
+    strategy: import("element-ps/es/utils").BuildPropType<StringConstructor, "fixed" | "absolute", unknown>;
     className: string | {
         [x: string]: boolean;
     } | (string | {

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

@@ -1,71 +1,58 @@
-import '../../../utils/index.mjs';
+import { defineComponent, ref, computed, provide, readonly, toRef, resolveComponent, openBlock, createBlock, withCtx, renderSlot, createCommentVNode } from 'vue';
 import '../../popper/index.mjs';
+import '../../../utils/index.mjs';
 import '../../../hooks/index.mjs';
-import { buildProps, definePropType } from '../../../utils/vue/props.mjs';
-import { useDelayedToggleProps } from '../../../hooks/use-delayed-toggle/index.mjs';
-import { usePopperContentProps } from '../../popper/src/content.mjs';
-import { POPPER_CONTAINER_SELECTOR } from '../../../hooks/use-popper-container/index.mjs';
-import { usePopperTriggerProps } from '../../popper/src/trigger.mjs';
+import PsTooltipTrigger from './trigger.mjs';
+import { useTooltipContentProps, useTooltipTriggerProps, useTooltipProps } from './tooltip.mjs';
+import { TOOLTIP_INJECTION_KEY } from './tokens.mjs';
+import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
+import { createModelToggleComposable } from '../../../hooks/use-model-toggle/index.mjs';
+import { usePopperArrowProps } from '../../popper/src/arrow.mjs';
+import { usePopperContainer } from '../../../hooks/use-popper-container/index.mjs';
+import { useId } from '../../../hooks/use-id/index.mjs';
+import { isBoolean } from '@vueuse/core';
 
-const triggers = ["hover", "focus", "click", "contextmenu"];
-const useTooltipContentProps = buildProps({
-  ...useDelayedToggleProps,
-  ...usePopperContentProps,
-  appendTo: {
-    type: definePropType([String, Object]),
-    default: POPPER_CONTAINER_SELECTOR
-  },
-  content: {
-    type: String,
-    default: ""
-  },
-  rawContent: {
-    type: Boolean,
-    default: false
-  },
-  persistent: Boolean,
-  ariaLabel: String,
-  visible: {
-    type: definePropType(Boolean),
-    default: null
-  },
-  transition: {
-    type: String,
-    default: "el-fade-in-linear"
-  },
-  teleported: {
-    type: Boolean,
-    default: true
-  },
-  disabled: {
-    type: Boolean
-  }
-});
-const useTooltipTriggerProps = buildProps({
-  ...usePopperTriggerProps,
-  disabled: Boolean,
-  trigger: {
-    type: definePropType([String, Array]),
-    default: "hover"
-  }
-});
-const useTooltipProps = buildProps({
-  openDelay: {
-    type: Number
-  },
-  visibleArrow: {
-    type: Boolean,
-    default: void 0
-  },
-  hideAfter: {
-    type: Number,
-    default: 200
-  },
-  showArrow: {
-    type: Boolean,
-    default: true
+const { useModelToggleProps } = createModelToggleComposable("visible");
+const _sfc_main = defineComponent({
+  name: "PsTooltip",
+  components: {
+    PsTooltipTrigger
+  },
+  props: {
+    ...useModelToggleProps,
+    ...useTooltipContentProps,
+    ...useTooltipTriggerProps,
+    ...usePopperArrowProps,
+    ...useTooltipProps
+  },
+  setup(props) {
+    usePopperContainer();
+    const id = useId();
+    const open = ref(false);
+    const controlled = computed(() => isBoolean(props.visible));
+    provide(TOOLTIP_INJECTION_KEY, {
+      controlled,
+      id,
+      open: readonly(open),
+      trigger: toRef(props, "trigger")
+    });
   }
 });
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_ps_tooltip_trigger = resolveComponent("ps-tooltip-trigger");
+  return openBlock(), createBlock(_component_ps_tooltip_trigger, {
+    disabled: _ctx.disabled,
+    trigger: _ctx.trigger,
+    "virtual-ref": _ctx.virtualRef,
+    "virtual-triggering": _ctx.virtualTriggering
+  }, {
+    default: withCtx(() => [
+      _ctx.$slots.default ? renderSlot(_ctx.$slots, "default", { key: 0 }) : createCommentVNode("v-if", true)
+    ]),
+    _: 3
+  }, 8, ["disabled", "trigger", "virtual-ref", "virtual-triggering"]);
+}
+var Tooltip = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/Users/meng/workspace/element-ps/packages/components/tooltip/src/tooltip.vue"]]);
 
-export { useTooltipContentProps, useTooltipProps, useTooltipTriggerProps };
+export { Tooltip as default };
 //# sourceMappingURL=tooltip2.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"tooltip2.mjs","sources":["../../../../../../packages/components/tooltip/src/tooltip.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-ps/utils'\nimport {\n  usePopperContentProps,\n  usePopperTriggerProps,\n} from '@element-ps/components/popper'\nimport {\n  POPPER_CONTAINER_SELECTOR,\n  useDelayedToggleProps,\n} from '@element-ps/hooks'\nimport type Tooltip from '../src/tooltip.vue'\n\nimport type { ExtractPropTypes } from 'vue'\n\nconst triggers = ['hover', 'focus', 'click', 'contextmenu'] as const\n\nexport type Trigger = typeof triggers[number]\n\nexport const useTooltipContentProps = buildProps({\n  ...useDelayedToggleProps,\n  ...usePopperContentProps,\n  appendTo: {\n    type: definePropType<string | HTMLElement>([String, Object]),\n    default: POPPER_CONTAINER_SELECTOR,\n  },\n  content: {\n    type: String,\n    default: '',\n  },\n  rawContent: {\n    type: Boolean,\n    default: false,\n  },\n  persistent: Boolean,\n  ariaLabel: String,\n  // because model toggle prop is generated dynamically\n  // so the typing cannot be evaluated by typescript as type:\n  // [name]: { type: Boolean, default: null }\n  // so we need to declare that again for type checking.\n  visible: {\n    type: definePropType<boolean | null>(Boolean),\n    default: null,\n  },\n  transition: {\n    type: String,\n    default: 'el-fade-in-linear',\n  },\n  teleported: {\n    type: Boolean,\n    default: true,\n  },\n  disabled: {\n    type: Boolean,\n  },\n} as const)\n\nexport const useTooltipTriggerProps = buildProps({\n  ...usePopperTriggerProps,\n  disabled: Boolean,\n  trigger: {\n    type: definePropType<Trigger | Trigger[]>([String, Array]),\n    default: 'hover',\n  },\n} as const)\n\nexport const useTooltipProps = buildProps({\n  openDelay: {\n    type: Number,\n  },\n  visibleArrow: {\n    type: Boolean,\n    default: undefined,\n  },\n  hideAfter: {\n    type: Number,\n    default: 200,\n  },\n  showArrow: {\n    type: Boolean,\n    default: true,\n  },\n})\n\nexport type PsTooltipContentProps = ExtractPropTypes<\n  typeof useTooltipContentProps\n>\n\nexport type PsTooltipTriggerProps = ExtractPropTypes<\n  typeof useTooltipTriggerProps\n>\n\nexport type PsTooltipProps = ExtractPropTypes<typeof useTooltipProps> &\n  PsTooltipContentProps &\n  PsTooltipTriggerProps\n\nexport type TooltipInstance = InstanceType<typeof Tooltip>\n"],"names":[],"mappings":";;;;;;;;;AASA,MAAM,QAAQ,GAAG,CAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,aAAa,CAAC,CAAC;AAChD,MAAC,sBAAsB,GAAG,UAAU,CAAC;AACjD,EAAE,GAAG,qBAAqB;AAC1B,EAAE,GAAG,qBAAqB;AAC1B,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,cAAc,CAAC,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAC1C,IAAI,OAAO,EAAE,yBAAyB;AACtC,GAAG;AACH,EAAE,OAAO,EAAE;AACX,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,UAAU,EAAE;AACd,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,EAAE,UAAU,EAAE,OAAO;AACrB,EAAE,SAAS,EAAE,MAAM;AACnB,EAAE,OAAO,EAAE;AACX,IAAI,IAAI,EAAE,cAAc,CAAC,OAAO,CAAC;AACjC,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,UAAU,EAAE;AACd,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,mBAAmB;AAChC,GAAG;AACH,EAAE,UAAU,EAAE;AACd,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,OAAO;AACjB,GAAG;AACH,CAAC,EAAE;AACS,MAAC,sBAAsB,GAAG,UAAU,CAAC;AACjD,EAAE,GAAG,qBAAqB;AAC1B,EAAE,QAAQ,EAAE,OAAO;AACnB,EAAE,OAAO,EAAE;AACX,IAAI,IAAI,EAAE,cAAc,CAAC,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;AACzC,IAAI,OAAO,EAAE,OAAO;AACpB,GAAG;AACH,CAAC,EAAE;AACS,MAAC,eAAe,GAAG,UAAU,CAAC;AAC1C,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,MAAM;AAChB,GAAG;AACH,EAAE,YAAY,EAAE;AAChB,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,KAAK,CAAC;AACnB,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,GAAG;AAChB,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,CAAC;;;;"}
+{"version":3,"file":"tooltip2.mjs","sources":["../../../../../../packages/components/tooltip/src/tooltip.vue"],"sourcesContent":["<template>\n  <ps-tooltip-trigger\n    :disabled=\"disabled\"\n    :trigger=\"trigger\"\n    :virtual-ref=\"virtualRef\"\n    :virtual-triggering=\"virtualTriggering\"\n  >\n    <slot v-if=\"$slots.default\" />\n  </ps-tooltip-trigger>\n</template>\n\n<script lang=\"ts\">\nimport {\n  computed,\n  defineComponent,\n  provide,\n  readonly,\n  ref,\n  toRef,\n  unref,\n} from 'vue'\nimport {\n  usePopperArrowProps,\n} from '@element-ps/components/popper'\n\nimport { isBoolean } from '@element-ps/utils'\nimport {\n  createModelToggleComposable,\n  useId,\n  usePopperContainer,\n} from '@element-ps/hooks'\nimport PsTooltipTrigger from './trigger.vue'\nimport {\n  useTooltipContentProps,\n  useTooltipProps,\n  useTooltipTriggerProps,\n} from './tooltip'\nimport { TOOLTIP_INJECTION_KEY } from './tokens'\n\nconst { useModelToggleProps } = createModelToggleComposable('visible' as const)\n\nexport default defineComponent({\n  name: 'PsTooltip',\n  components: {\n    PsTooltipTrigger,\n  },\n  props: {\n    ...useModelToggleProps,\n    ...useTooltipContentProps,\n    ...useTooltipTriggerProps,\n    ...usePopperArrowProps,\n    ...useTooltipProps,\n  },\n  setup(props) {\n    usePopperContainer()\n\n    const id = useId()\n    const open = ref(false)\n\n    const controlled = computed(() => isBoolean(props.visible))\n\n    provide(TOOLTIP_INJECTION_KEY, {\n      controlled,\n      id,\n      open: readonly(open),\n      trigger: toRef(props, 'trigger'),\n    })\n  },\n})\n</script>\n"],"names":["_createBlock","_renderSlot","_createCommentVNode"],"mappings":";;;;;;;;;;;;;;AAuCA,MAAM,EAAE,mBAAwB,EAAA,GAAA,2BAAA,CAA4B,SAAkB,CAAA,CAAA;AAE9E,MAAK,YAAa,eAAa,CAAA;AAAA,EAC7B,IAAM,EAAA,WAAA;AAAA,EACN,UAAY,EAAA;AAAA,IACV,gBAAA;AAAA,GACF;AAAA,EACA,KAAO,EAAA;AAAA,IACF,GAAA,mBAAA;AAAA,IACA,GAAA,sBAAA;AAAA,IACA,GAAA,sBAAA;AAAA,IACA,GAAA,mBAAA;AAAA,IACA,GAAA,eAAA;AAAA,GACL;AAAA,EACA,MAAM,KAAO,EAAA;AACX,IAAmB,kBAAA,EAAA,CAAA;AAEnB,IAAA,MAAM,KAAK,KAAM,EAAA,CAAA;AACjB,IAAM,MAAA,IAAA,GAAO,IAAI,KAAK,CAAA,CAAA;AAEtB,IAAA,MAAM,aAAa,QAAS,CAAA,MAAM,SAAU,CAAA,KAAA,CAAM,OAAO,CAAC,CAAA,CAAA;AAE1D,IAAA,OAAA,CAAQ,qBAAuB,EAAA;AAAA,MAC7B,UAAA;AAAA,MACA,EAAA;AAAA,MACA,IAAA,EAAM,SAAS,IAAI,CAAA;AAAA,MACnB,OAAA,EAAS,KAAM,CAAA,KAAA,EAAO,SAAS,CAAA;AAAA,KAChC,CAAA,CAAA;AAAA,GACH;AACF,CAAC,CAAA,CAAA;;;sBAnECA,WAOqB,CAAA,6BAAA,EAAA;AAAA,IANlB,QAAU,EAAA,IAAA,CAAA,QAAA;AAAA,IACV,OAAS,EAAA,IAAA,CAAA,OAAA;AAAA,IACT,aAAa,EAAA,IAAA,CAAA,UAAA;AAAA,IACb,oBAAoB,EAAA,IAAA,CAAA,iBAAA;AAAA,GAAA,EAAA;qBAErB,MAA8B;AAAA,MAAlB,IAAA,CAAA,MAAA,CAAO,UAAnBC,UAA8B,CAAA,IAAA,CAAA,MAAA,EAAA,SAAA,EAAA,EAAA,GAAA,EAAA,CAAA,EAAA,CAAA,GAAAC,kBAAA,CAAA,MAAA,EAAA,IAAA,CAAA;;;;;;;;;"}

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

@@ -2,7 +2,7 @@ import { defineComponent, inject, ref, resolveComponent, openBlock, createBlock,
 import '../../popper/index.mjs';
 import '../../../hooks/index.mjs';
 import { TOOLTIP_INJECTION_KEY } from './tokens.mjs';
-import { useTooltipTriggerProps } from './tooltip2.mjs';
+import { useTooltipTriggerProps } from './tooltip.mjs';
 import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
 import PsPopperTrigger from '../../popper/src/trigger2.mjs';
 import { useNamespace } from '../../../hooks/use-namespace/index.mjs';

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

@@ -1,6 +1,6 @@
 declare const _default: import("vue").DefineComponent<{
     readonly disabled: BooleanConstructor;
-    readonly trigger: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<"click" | "contextmenu" | "focus" | "hover" | ("click" | "contextmenu" | "focus" | "hover")[]>, "hover", unknown, unknown, unknown>;
+    readonly trigger: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<"hover" | "focus" | "click" | "contextmenu" | ("hover" | "focus" | "click" | "contextmenu")[]>, "hover", unknown, unknown, unknown>;
     readonly virtualRef: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<import("../../..").Measurable>, unknown, unknown, unknown, unknown>;
     readonly virtualTriggering: BooleanConstructor;
     readonly onMouseenter: FunctionConstructor;
@@ -31,10 +31,14 @@ declare const _default: import("vue").DefineComponent<{
             (name: string, state: boolean | undefined): string;
             (name: string): string;
         };
+        cssVar: (object: Record<string, string>) => Record<string, string>;
+        cssVarName: (name: string) => string;
+        cssVarBlock: (object: Record<string, string>) => Record<string, string>;
+        cssVarBlockName: (name: string) => string;
     };
 }, 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 disabled: BooleanConstructor;
-    readonly trigger: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<"click" | "contextmenu" | "focus" | "hover" | ("click" | "contextmenu" | "focus" | "hover")[]>, "hover", unknown, unknown, unknown>;
+    readonly trigger: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<"hover" | "focus" | "click" | "contextmenu" | ("hover" | "focus" | "click" | "contextmenu")[]>, "hover", unknown, unknown, unknown>;
     readonly virtualRef: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<import("../../..").Measurable>, unknown, unknown, unknown, unknown>;
     readonly virtualTriggering: BooleanConstructor;
     readonly onMouseenter: FunctionConstructor;
@@ -48,7 +52,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly open: BooleanConstructor;
 }>>, {
     disabled: boolean;
-    trigger: import("../../../utils").BuildPropType<import("../../../utils").PropWrapper<"click" | "contextmenu" | "focus" | "hover" | ("click" | "contextmenu" | "focus" | "hover")[]>, unknown, unknown>;
+    trigger: import("../../../utils").BuildPropType<import("../../../utils").PropWrapper<"hover" | "focus" | "click" | "contextmenu" | ("hover" | "focus" | "click" | "contextmenu")[]>, unknown, unknown>;
     open: boolean;
     virtualRef: import("../../..").Measurable;
     virtualTriggering: boolean;

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

@@ -8,7 +8,7 @@ export declare const PsTooltipV2: import("element-ps/es/utils").SFCWithInstall<i
     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" | "right-start" | "right-end" | "bottom-start" | "bottom-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" | "bottom-start" | "bottom-end" | "right-start" | "right-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>;
@@ -38,7 +38,7 @@ export declare const PsTooltipV2: import("element-ps/es/utils").SFCWithInstall<i
         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" | "right-start" | "right-end" | "bottom-start" | "bottom-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" | "bottom-start" | "bottom-end" | "right-start" | "right-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>;
@@ -70,7 +70,7 @@ export declare const PsTooltipV2: import("element-ps/es/utils").SFCWithInstall<i
         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" | "right-start" | "right-end" | "bottom-start" | "bottom-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" | "bottom-start" | "bottom-end" | "right-start" | "right-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>;
@@ -94,18 +94,17 @@ export declare const PsTooltipV2: import("element-ps/es/utils").SFCWithInstall<i
     }>>>;
     arrowProps: {
         [x: string & `on${string}`]: ((...args: any[]) => any) | ((...args: unknown[]) => any) | undefined;
-        readonly style?: import("element-ps/es/utils").BuildPropType<import("element-ps/es/utils").PropWrapper<import("vue").CSSProperties | null>, unknown, unknown> | undefined;
-        readonly open?: import("element-ps/es/utils").BuildPropType<BooleanConstructor, unknown, unknown> | undefined;
-        readonly placement?: import("element-ps/es/utils").BuildPropType<import("element-ps/es/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("element-ps/es/utils").BuildPropType<import("element-ps/es/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("element-ps/es/utils").BuildPropType<import("element-ps/es/utils").PropWrapper<string | import("vue").RendererElement | null | undefined>, unknown, unknown>;
+        readonly height?: number | undefined;
+        readonly width?: number | undefined;
         readonly effect?: string | undefined;
+        readonly style?: import("element-ps/es/utils").BuildPropType<import("element-ps/es/utils").PropWrapper<import("vue").CSSProperties | null>, unknown, unknown> | undefined;
+        readonly open?: import("element-ps/es/utils").BuildPropType<BooleanConstructor, unknown, unknown> | 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("element-ps/es/utils").BuildPropType<import("element-ps/es/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("element-ps/es/utils").BuildPropType<import("element-ps/es/utils").PropWrapper<import("@floating-ui/core").Strategy>, "fixed" | "absolute", unknown> | undefined;
         readonly teleported?: boolean | undefined;
         readonly ariaLabel?: string | undefined;
         readonly showArrow?: import("element-ps/es/utils").BuildPropType<BooleanConstructor, unknown, unknown> | undefined;
@@ -120,23 +119,23 @@ export declare const PsTooltipV2: import("element-ps/es/utils").SFCWithInstall<i
         readonly onMouseDown?: ((e: Event) => boolean | void) | undefined;
         readonly arrowPadding?: number | undefined;
         readonly transitionProps?: import("element-ps/es/utils").BuildPropType<import("element-ps/es/utils").PropWrapper<import("vue").TransitionProps | null>, unknown, unknown> | undefined;
+        readonly to?: import("element-ps/es/utils").BuildPropType<import("element-ps/es/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 style?: import("element-ps/es/utils").BuildPropType<import("element-ps/es/utils").PropWrapper<import("vue").CSSProperties | null>, unknown, unknown> | undefined;
-        readonly open?: import("element-ps/es/utils").BuildPropType<BooleanConstructor, unknown, unknown> | undefined;
-        readonly placement?: import("element-ps/es/utils").BuildPropType<import("element-ps/es/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("element-ps/es/utils").BuildPropType<import("element-ps/es/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("element-ps/es/utils").BuildPropType<import("element-ps/es/utils").PropWrapper<string | import("vue").RendererElement | null | undefined>, unknown, unknown>;
+        readonly height?: number | undefined;
+        readonly width?: number | undefined;
         readonly effect?: string | undefined;
+        readonly style?: import("element-ps/es/utils").BuildPropType<import("element-ps/es/utils").PropWrapper<import("vue").CSSProperties | null>, unknown, unknown> | undefined;
+        readonly open?: import("element-ps/es/utils").BuildPropType<BooleanConstructor, unknown, unknown> | 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("element-ps/es/utils").BuildPropType<import("element-ps/es/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("element-ps/es/utils").BuildPropType<import("element-ps/es/utils").PropWrapper<import("@floating-ui/core").Strategy>, "fixed" | "absolute", unknown> | undefined;
         readonly teleported?: boolean | undefined;
         readonly ariaLabel?: string | undefined;
         readonly showArrow?: import("element-ps/es/utils").BuildPropType<BooleanConstructor, unknown, unknown> | undefined;
@@ -151,23 +150,23 @@ export declare const PsTooltipV2: import("element-ps/es/utils").SFCWithInstall<i
         readonly onMouseDown?: ((e: Event) => boolean | void) | undefined;
         readonly arrowPadding?: number | undefined;
         readonly transitionProps?: import("element-ps/es/utils").BuildPropType<import("element-ps/es/utils").PropWrapper<import("vue").TransitionProps | null>, unknown, unknown> | undefined;
+        readonly to?: import("element-ps/es/utils").BuildPropType<import("element-ps/es/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 style?: import("element-ps/es/utils").BuildPropType<import("element-ps/es/utils").PropWrapper<import("vue").CSSProperties | null>, unknown, unknown> | undefined;
-        readonly open?: import("element-ps/es/utils").BuildPropType<BooleanConstructor, unknown, unknown> | undefined;
-        readonly placement?: import("element-ps/es/utils").BuildPropType<import("element-ps/es/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("element-ps/es/utils").BuildPropType<import("element-ps/es/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("element-ps/es/utils").BuildPropType<import("element-ps/es/utils").PropWrapper<string | import("vue").RendererElement | null | undefined>, unknown, unknown>;
+        readonly height?: number | undefined;
+        readonly width?: number | undefined;
         readonly effect?: string | undefined;
+        readonly style?: import("element-ps/es/utils").BuildPropType<import("element-ps/es/utils").PropWrapper<import("vue").CSSProperties | null>, unknown, unknown> | undefined;
+        readonly open?: import("element-ps/es/utils").BuildPropType<BooleanConstructor, unknown, unknown> | 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("element-ps/es/utils").BuildPropType<import("element-ps/es/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("element-ps/es/utils").BuildPropType<import("element-ps/es/utils").PropWrapper<import("@floating-ui/core").Strategy>, "fixed" | "absolute", unknown> | undefined;
         readonly teleported?: boolean | undefined;
         readonly ariaLabel?: string | undefined;
         readonly showArrow?: import("element-ps/es/utils").BuildPropType<BooleanConstructor, unknown, unknown> | undefined;
@@ -182,23 +181,23 @@ export declare const PsTooltipV2: import("element-ps/es/utils").SFCWithInstall<i
         readonly onMouseDown?: ((e: Event) => boolean | void) | undefined;
         readonly arrowPadding?: number | undefined;
         readonly transitionProps?: import("element-ps/es/utils").BuildPropType<import("element-ps/es/utils").PropWrapper<import("vue").TransitionProps | null>, unknown, unknown> | undefined;
+        readonly to?: import("element-ps/es/utils").BuildPropType<import("element-ps/es/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 style?: import("element-ps/es/utils").BuildPropType<import("element-ps/es/utils").PropWrapper<import("vue").CSSProperties | null>, unknown, unknown> | undefined;
-        readonly open?: import("element-ps/es/utils").BuildPropType<BooleanConstructor, unknown, unknown> | undefined;
-        readonly placement?: import("element-ps/es/utils").BuildPropType<import("element-ps/es/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("element-ps/es/utils").BuildPropType<import("element-ps/es/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("element-ps/es/utils").BuildPropType<import("element-ps/es/utils").PropWrapper<string | import("vue").RendererElement | null | undefined>, unknown, unknown>;
+        readonly height?: number | undefined;
+        readonly width?: number | undefined;
         readonly effect?: string | undefined;
+        readonly style?: import("element-ps/es/utils").BuildPropType<import("element-ps/es/utils").PropWrapper<import("vue").CSSProperties | null>, unknown, unknown> | undefined;
+        readonly open?: import("element-ps/es/utils").BuildPropType<BooleanConstructor, unknown, unknown> | 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("element-ps/es/utils").BuildPropType<import("element-ps/es/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("element-ps/es/utils").BuildPropType<import("element-ps/es/utils").PropWrapper<import("@floating-ui/core").Strategy>, "fixed" | "absolute", unknown> | undefined;
         readonly teleported?: boolean | undefined;
         readonly ariaLabel?: string | undefined;
         readonly showArrow?: import("element-ps/es/utils").BuildPropType<BooleanConstructor, unknown, unknown> | undefined;
@@ -213,6 +212,7 @@ export declare const PsTooltipV2: import("element-ps/es/utils").SFCWithInstall<i
         readonly onMouseDown?: ((e: Event) => boolean | void) | undefined;
         readonly arrowPadding?: number | undefined;
         readonly transitionProps?: import("element-ps/es/utils").BuildPropType<import("element-ps/es/utils").PropWrapper<import("vue").TransitionProps | null>, unknown, unknown> | undefined;
+        readonly to?: import("element-ps/es/utils").BuildPropType<import("element-ps/es/utils").PropWrapper<string | import("vue").RendererElement | null | undefined>, unknown, unknown>;
         readonly alwaysOn?: boolean | undefined;
         readonly fullTransition?: boolean | undefined;
     };
@@ -251,6 +251,10 @@ export declare const PsTooltipV2: import("element-ps/es/utils").SFCWithInstall<i
                 (name: string, state: boolean | undefined): string;
                 (name: string): string;
             };
+            cssVar: (object: Record<string, string>) => Record<string, string>;
+            cssVarName: (name: string) => string;
+            cssVarBlock: (object: Record<string, string>) => Record<string, string>;
+            cssVarBlockName: (name: string) => string;
         };
         contentId: import("vue").Ref<string>;
         onNormalOpen: () => void;
@@ -298,6 +302,10 @@ export declare const PsTooltipV2: import("element-ps/es/utils").SFCWithInstall<i
                 (name: string, state: boolean | undefined): string;
                 (name: string): string;
             };
+            cssVar: (object: Record<string, string>) => Record<string, string>;
+            cssVarName: (name: string) => string;
+            cssVarBlock: (object: Record<string, string>) => Record<string, string>;
+            cssVarBlockName: (name: string) => string;
         };
         arrowRef: import("vue").Ref<HTMLElement | null>;
         arrowStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
@@ -307,9 +315,9 @@ export declare const PsTooltipV2: import("element-ps/es/utils").SFCWithInstall<i
         height: import("element-ps/es/utils").BuildPropReturn<NumberConstructor, 10, unknown, unknown, unknown>;
         style: import("element-ps/es/utils").BuildPropReturn<import("element-ps/es/utils").PropWrapper<import("vue").CSSProperties | null>, null, unknown, unknown, unknown>;
     }>>, {
-        style: import("element-ps/es/utils").BuildPropType<import("element-ps/es/utils").PropWrapper<import("vue").CSSProperties | null>, unknown, unknown>;
-        width: number;
         height: number;
+        width: number;
+        style: import("element-ps/es/utils").BuildPropType<import("element-ps/es/utils").PropWrapper<import("vue").CSSProperties | null>, unknown, unknown>;
     }>;
     TooltipV2Content: import("vue").DefineComponent<{
         nowrap: BooleanConstructor;
@@ -317,7 +325,7 @@ export declare const PsTooltipV2: import("element-ps/es/utils").SFCWithInstall<i
         arrowPadding: import("element-ps/es/utils").BuildPropReturn<import("element-ps/es/utils").PropWrapper<number>, 5, unknown, unknown, unknown>;
         effect: import("element-ps/es/utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
         contentClass: StringConstructor;
-        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>;
+        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>;
         reference: import("element-ps/es/utils").BuildPropReturn<import("element-ps/es/utils").PropWrapper<HTMLElement | import("@floating-ui/dom").VirtualElement | null>, null, unknown, unknown, unknown>;
         offset: import("element-ps/es/utils").BuildPropReturn<NumberConstructor, 8, unknown, unknown, unknown>;
         strategy: import("element-ps/es/utils").BuildPropReturn<import("element-ps/es/utils").PropWrapper<import("@floating-ui/core").Strategy>, "absolute", unknown, "fixed" | "absolute", unknown>;
@@ -329,7 +337,7 @@ export declare const PsTooltipV2: import("element-ps/es/utils").SFCWithInstall<i
             arrowPadding: import("element-ps/es/utils").BuildPropReturn<import("element-ps/es/utils").PropWrapper<number>, 5, unknown, unknown, unknown>;
             effect: import("element-ps/es/utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
             contentClass: StringConstructor;
-            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>;
+            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>;
             reference: import("element-ps/es/utils").BuildPropReturn<import("element-ps/es/utils").PropWrapper<HTMLElement | import("@floating-ui/dom").VirtualElement | null>, null, unknown, unknown, unknown>;
             offset: import("element-ps/es/utils").BuildPropReturn<NumberConstructor, 8, unknown, unknown, unknown>;
             strategy: import("element-ps/es/utils").BuildPropReturn<import("element-ps/es/utils").PropWrapper<import("@floating-ui/core").Strategy>, "absolute", unknown, "fixed" | "absolute", unknown>;
@@ -339,7 +347,7 @@ export declare const PsTooltipV2: import("element-ps/es/utils").SFCWithInstall<i
         }>>;
         triggerRef: import("vue").Ref<HTMLElement | null>;
         contentId: import("vue").Ref<string>;
-        placement: import("vue").Ref<import("element-ps/es/utils").BuildPropType<import("element-ps/es/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>>;
+        placement: import("vue").Ref<import("element-ps/es/utils").BuildPropType<import("element-ps/es/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("vue").Ref<import("element-ps/es/utils").BuildPropType<import("element-ps/es/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>;
@@ -407,6 +415,10 @@ export declare const PsTooltipV2: import("element-ps/es/utils").SFCWithInstall<i
                 (name: string, state: boolean | undefined): string;
                 (name: string): string;
             };
+            cssVar: (object: Record<string, string>) => Record<string, string>;
+            cssVarName: (name: string) => string;
+            cssVarBlock: (object: Record<string, string>) => Record<string, string>;
+            cssVarBlockName: (name: string) => string;
         };
         side: import("vue").ComputedRef<string>;
         contentStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
@@ -429,17 +441,17 @@ export declare const PsTooltipV2: import("element-ps/es/utils").SFCWithInstall<i
         arrowPadding: import("element-ps/es/utils").BuildPropReturn<import("element-ps/es/utils").PropWrapper<number>, 5, unknown, unknown, unknown>;
         effect: import("element-ps/es/utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
         contentClass: StringConstructor;
-        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>;
+        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>;
         reference: import("element-ps/es/utils").BuildPropReturn<import("element-ps/es/utils").PropWrapper<HTMLElement | import("@floating-ui/dom").VirtualElement | null>, null, unknown, unknown, unknown>;
         offset: import("element-ps/es/utils").BuildPropReturn<NumberConstructor, 8, unknown, unknown, unknown>;
         strategy: import("element-ps/es/utils").BuildPropReturn<import("element-ps/es/utils").PropWrapper<import("@floating-ui/core").Strategy>, "absolute", unknown, "fixed" | "absolute", unknown>;
         showArrow: import("element-ps/es/utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
     }>>, {
-        placement: import("element-ps/es/utils").BuildPropType<import("element-ps/es/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("element-ps/es/utils").BuildPropType<import("element-ps/es/utils").PropWrapper<import("@floating-ui/core").Strategy>, "fixed" | "absolute", unknown>;
         offset: number;
         effect: string;
         nowrap: boolean;
+        placement: import("element-ps/es/utils").BuildPropType<import("element-ps/es/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("element-ps/es/utils").BuildPropType<import("element-ps/es/utils").PropWrapper<import("@floating-ui/core").Strategy>, "fixed" | "absolute", unknown>;
         showArrow: import("element-ps/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
         reference: import("element-ps/es/utils").BuildPropType<import("element-ps/es/utils").PropWrapper<HTMLElement | import("@floating-ui/dom").VirtualElement | null>, unknown, unknown>;
         arrowPadding: number;
@@ -523,7 +535,7 @@ export declare const PsTooltipV2: import("element-ps/es/utils").SFCWithInstall<i
     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" | "right-start" | "right-end" | "bottom-start" | "bottom-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" | "bottom-start" | "bottom-end" | "right-start" | "right-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>;
@@ -543,18 +555,17 @@ export declare const PsTooltipV2: import("element-ps/es/utils").SFCWithInstall<i
     readonly onOpenChange: import("element-ps/es/utils").BuildPropReturn<import("element-ps/es/utils").PropWrapper<(state: boolean) => void>, unknown, unknown, unknown, unknown>;
     readonly 'onUpdate:open': import("element-ps/es/utils").BuildPropReturn<import("element-ps/es/utils").PropWrapper<(state: boolean) => void>, unknown, unknown, unknown, unknown>;
 }>>, {
-    style: import("element-ps/es/utils").BuildPropType<import("element-ps/es/utils").PropWrapper<import("vue").CSSProperties | null>, unknown, unknown>;
-    open: import("element-ps/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
-    placement: import("element-ps/es/utils").BuildPropType<import("element-ps/es/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("element-ps/es/utils").BuildPropType<import("element-ps/es/utils").PropWrapper<import("@floating-ui/core").Strategy>, "fixed" | "absolute", unknown>;
-    width: number;
-    height: number;
     offset: number;
-    to: import("element-ps/es/utils").BuildPropType<import("element-ps/es/utils").PropWrapper<string | import("vue").RendererElement | null | undefined>, unknown, unknown>;
+    height: number;
+    width: number;
     effect: string;
+    style: import("element-ps/es/utils").BuildPropType<import("element-ps/es/utils").PropWrapper<import("vue").CSSProperties | null>, unknown, unknown>;
+    open: import("element-ps/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
     onClick: (e: Event) => boolean | void;
     onFocus: (e: Event) => boolean | void;
     onBlur: (e: Event) => boolean | void;
+    placement: import("element-ps/es/utils").BuildPropType<import("element-ps/es/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("element-ps/es/utils").BuildPropType<import("element-ps/es/utils").PropWrapper<import("@floating-ui/core").Strategy>, "fixed" | "absolute", unknown>;
     teleported: boolean;
     showArrow: import("element-ps/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
     onMouseLeave: (e: Event) => boolean | void;
@@ -567,6 +578,7 @@ export declare const PsTooltipV2: import("element-ps/es/utils").SFCWithInstall<i
     onMouseDown: (e: Event) => boolean | void;
     arrowPadding: number;
     transitionProps: import("element-ps/es/utils").BuildPropType<import("element-ps/es/utils").PropWrapper<import("vue").TransitionProps | null>, unknown, unknown>;
+    to: import("element-ps/es/utils").BuildPropType<import("element-ps/es/utils").PropWrapper<string | import("vue").RendererElement | null | undefined>, unknown, unknown>;
     alwaysOn: boolean;
     fullTransition: boolean;
 }>> & Record<string, any>;

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

@@ -1,10 +1,10 @@
 import '../../utils/index.mjs';
-import TooltipV2 from './src/tooltip2.mjs';
+import TooltipV2 from './src/tooltip.mjs';
 export { tooltipV2ArrowProps, tooltipV2ArrowSpecialProps } from './src/arrow.mjs';
 export { tooltipV2ContentProps } from './src/content.mjs';
-export { tooltipV2RootProps } from './src/root.mjs';
-export { tooltipV2Props } from './src/tooltip.mjs';
-export { tooltipV2TriggerProps } from './src/trigger.mjs';
+export { tooltipV2RootProps } from './src/root2.mjs';
+export { tooltipV2Props } from './src/tooltip2.mjs';
+export { tooltipV2TriggerProps } from './src/trigger2.mjs';
 import { withInstall } from '../../utils/vue/install.mjs';
 
 const PsTooltipV2 = withInstall(TooltipV2);