element-plus 2.1.7 → 2.1.8

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

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

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

@@ -20,6 +20,20 @@ declare const _default: import("vue").DefineComponent<{
     isOpenDelayed: import("vue").ComputedRef<boolean>;
     onDelayedOpen: import("@vueuse/shared").Fn;
     clearTimer: import("@vueuse/shared").Fn;
+    ns: {
+        namespace: import("vue").ComputedRef<string>;
+        b: (blockSuffix?: string) => string;
+        e: (element?: string | undefined) => string;
+        m: (modifier?: string | undefined) => string;
+        be: (blockSuffix?: string | undefined, element?: string | undefined) => string;
+        em: (element?: string | undefined, modifier?: string | undefined) => string;
+        bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string;
+        bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string;
+        is: {
+            (name: string, state: boolean | undefined): string;
+            (name: string): string;
+        };
+    };
     contentId: import("vue").Ref<string>;
     onNormalOpen: () => void;
     onDelayOpen: () => void;

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

@@ -8,8 +8,10 @@ require('../../../hooks/index.js');
 require('../../../utils/index.js');
 require('../../../tokens/index.js');
 var root = require('./root.js');
+var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
 var types = require('../../../utils/types.js');
-var index = require('../../../hooks/use-id/index.js');
+var index = require('../../../hooks/use-namespace/index.js');
+var index$1 = require('../../../hooks/use-id/index.js');
 var tooltipV2 = require('../../../tokens/tooltip-v2.js');
 
 const __default__ = {
@@ -33,8 +35,11 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const isOpenDelayed = vue.computed(() => core.isNumber(props.delayDuration) && props.delayDuration > 0);
     const { start: onDelayedOpen, stop: clearTimer } = core.useTimeoutFn(() => {
       open.value = true;
-    }, vue.computed(() => props.delayDuration));
-    const contentId = index.useId();
+    }, vue.computed(() => props.delayDuration), {
+      immediate: false
+    });
+    const ns = index.useNamespace("tooltip-v2");
+    const contentId = index$1.useId();
     const onNormalOpen = () => {
       clearTimer();
       open.value = true;
@@ -66,6 +71,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     vue.provide(tooltipV2.tooltipV2RootKey, {
       contentId,
       triggerRef,
+      ns,
       onClose,
       onDelayOpen,
       onOpen
@@ -75,10 +81,11 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       onClose
     });
     return (_ctx, _cache) => {
-      return vue.renderSlot(_ctx.$slots, "default");
+      return vue.renderSlot(_ctx.$slots, "default", { open: vue.unref(open) });
     };
   }
 });
+var TooltipV2Root = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/tooltip-v2/src/root.vue"]]);
 
-exports["default"] = _sfc_main;
+exports["default"] = TooltipV2Root;
 //# sourceMappingURL=root2.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"root2.js","sources":["../../../../../../packages/components/tooltip-v2/src/root.vue"],"sourcesContent":["<template>\n  <slot />\n</template>\n\n<script setup lang=\"ts\">\nimport {\n  computed,\n  onBeforeUnmount,\n  onMounted,\n  provide,\n  ref,\n  unref,\n  watch,\n} from 'vue'\nimport { useTimeoutFn } from '@vueuse/core'\nimport { useId } from '@element-plus/hooks'\nimport { isNumber, isPropAbsent } from '@element-plus/utils'\nimport { TOOLTIP_V2_OPEN, tooltipV2RootKey } from '@element-plus/tokens'\nimport { tooltipV2RootProps } from './root'\n\ndefineOptions({\n  name: 'ElTooltipV2Root',\n})\n\nconst props = defineProps(tooltipV2RootProps)\n\n/**\n * internal open state, when no model value was provided, use this as indicator instead\n */\nconst _open = ref(props.defaultOpen)\nconst triggerRef = ref<HTMLElement | null>(null)\n\nconst open = computed<boolean>({\n  get: () => (isPropAbsent(props.open) ? _open.value : props.open),\n  set: (open) => {\n    _open.value = open\n    props['onUpdate:open']?.(open)\n  },\n})\n\nconst isOpenDelayed = computed(\n  () => isNumber(props.delayDuration) && props.delayDuration > 0\n)\n\nconst { start: onDelayedOpen, stop: clearTimer } = useTimeoutFn(\n  () => {\n    open.value = true\n  },\n  computed(() => props.delayDuration)\n)\n\nconst contentId = useId()\n\nconst onNormalOpen = () => {\n  clearTimer()\n  open.value = true\n}\n\nconst onDelayOpen = () => {\n  unref(isOpenDelayed) ? onDelayedOpen() : onNormalOpen()\n}\n\nconst onOpen = onNormalOpen\n\nconst onClose = () => {\n  clearTimer()\n  open.value = false\n}\n\nconst onChange = (open: boolean) => {\n  //\n\n  if (open) {\n    document.dispatchEvent(new CustomEvent(TOOLTIP_V2_OPEN))\n    onOpen()\n  }\n\n  props.onOpenChange?.(open)\n}\n\nwatch(open, onChange)\n\nonMounted(() => {\n  // Keeps only 1 tooltip open at a time\n  document.addEventListener(TOOLTIP_V2_OPEN, onClose)\n})\n\nonBeforeUnmount(() => {\n  clearTimer()\n  document.removeEventListener(TOOLTIP_V2_OPEN, onClose)\n})\n\nprovide(tooltipV2RootKey, {\n  contentId,\n  triggerRef,\n\n  onClose,\n  onDelayOpen,\n  onOpen,\n})\n\ndefineExpose({\n  /**\n   * @description open tooltip programmatically\n   */\n  onOpen,\n\n  /**\n   * @description close tooltip programmatically\n   */\n  onClose,\n})\n</script>\n"],"names":["ref","computed","isPropAbsent","isNumber","useTimeoutFn","unref","TOOLTIP_V2_OPEN","watch","onMounted","onBeforeUnmount","provide","tooltipV2RootKey"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AA6BA,IAAA,MAAA,KAAA,GAAAA,QAAA,KAAA,CAAA,WAAA,CAAA,CAAA;AACA,IAAA,MAAA,aAAAA,OAAA,CAAA,IAAA,CAAA,CAAA;AAEA,IAAA,MAAA,OAAAC,YAAA,CAAA;AAAA,MACA,KAAA,MAAAC,kBAAA,CAAA,MAAA,IAAA,CAAA,GAAA,KAAA,CAAA,QAAA,KAAA,CAAA,IAAA;AAAA,MACA,GAAA,EAAA,CAAA,KAAA,KAAA;AACA,QAAA,IAAA,EAAA,CAAA;AACA,QAAA,KAAA,CAAA,KAAA,GAAA,KAAA,CAAA;AAAA,QAAA,CAAA,EAAA,GAAA,KAAA,CAAA,eAAA,CAAA,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,IAAA,CAAA,KAAA,EAAA,KAAA,CAAA,CAAA;AAAA,OAAA;AAIA,KAAA,CAAA,CAAA;AAIA,IAAA,MAAA,aAAA,GAAAD,YAAA,CAAA,MAAAE,aAAA,CAAA,KAAA,cACA,CAAA,IAAA,KAAA,CAAA,aAAA,GAAA,CAAA,CAAA,CAAA;AACA,IAAA,MAAA,EAAA,KAAA,EAAA,aAAA,EAAA,IAAA,EAAA,UAAA,EAAA,GAAAC,iBAAA,CAAA,MAAA;AAAA,MAEA,IAAA,CAAA,KAAA,OAAA,CAAA;AAGA,KAAA,EAAAH,YAAA,CAAA,MAAA,KAAA,CAAA,aAAA,CAAA,CAAA,CAAA;AAEA,IAAA,MAAA,uBAAA,EAAA,CAAA;AACA,IAAA,MAAA,YAAA,GAAA,MAAA;AACA,MAAA,UAAA,EAAA,CAAA;AAAA,MAAA,IAAA,CAAA,KAAA,GAAA,IAAA,CAAA;AAGA,KAAA,CAAA;AACA,IAAA,MAAA,oBAAA;AAAA,MAAAI,SAAA,CAAA,aAAA,CAAA,GAAA,aAAA,EAAA,GAAA,YAAA,EAAA,CAAA;AAGA,KAAA,CAAA;AAEA,IAAA,MAAA,qBAAA,CAAA;AACA,IAAA,MAAA,OAAA,GAAA,MAAA;AACA,MAAA,UAAA,EAAA,CAAA;AAAA,MAAA,IAAA,CAAA,KAAA,GAAA,KAAA,CAAA;AAGA,KAAA,CAAA;AAGA,IAAA,MAAA,QAAA,GAAA,CAAA,KAAA,KAAA;AACA,MAAA,IAAA,EAAA,CAAA;AACA,MAAA,IAAA,KAAA,EAAA;AAAA,QAAA,QAAA,CAAA,aAAA,CAAA,IAAA,WAAA,CAAAC,yBAAA,CAAA,CAAA,CAAA;AAGA,QAAA,MAAA,EAAA,CAAA;AAAA,OAAA;AAGA,MAAA,CAAA,EAAA,GAAA,KAAA,CAAA,YAAA,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,IAAA,CAAA,KAAA,EAAA,KAAA,CAAA,CAAA;AAEA,KAAA,CAAA;AAEA,IAAAC,SAAA,CAAA,IAAA;AAAA,IAAAC,aAAA,CAAA,MAAA;AAGA,MAAA,QAAA,CAAA,gBAAA,CAAAF,yBAAA,EAAA,OAAA,CAAA,CAAA;AACA,KAAA,CAAA,CAAA;AACA,IAAAG;AAAA,MAAA,UAAA,EAAA,CAAA;AAGA,MAAA,QAAA,CAAA,mBAAA,CAAAH,yBAAA,EAAA,OAAA,CAAA,CAAA;AAAA,KACA,CAAA,CAAA;AAAA,IACAI,WAAA,CAAAC,0BAAA,EAAA;AAAA,MAEA,SAAA;AAAA,MACA,UAAA;AAAA,MACA,OAAA;AAAA,MAAA,WAAA;AAGA,MAAA,MAAA;AAAA,KAIA,CAAA,CAAA;AAAA,IAKA,MAAA,CAAA;AAAA,MAAA,MAAA;;;;;;;;;;;"}
+{"version":3,"file":"root2.js","sources":["../../../../../../packages/components/tooltip-v2/src/root.vue"],"sourcesContent":["<template>\n  <slot :open=\"open\" />\n</template>\n\n<script setup lang=\"ts\">\nimport {\n  computed,\n  onBeforeUnmount,\n  onMounted,\n  provide,\n  ref,\n  unref,\n  watch,\n} from 'vue'\nimport { useTimeoutFn } from '@vueuse/core'\nimport { useId, useNamespace } from '@element-plus/hooks'\nimport { isNumber, isPropAbsent } from '@element-plus/utils'\nimport { TOOLTIP_V2_OPEN, tooltipV2RootKey } from '@element-plus/tokens'\nimport { tooltipV2RootProps } from './root'\n\ndefineOptions({\n  name: 'ElTooltipV2Root',\n})\n\nconst props = defineProps(tooltipV2RootProps)\n\n/**\n * internal open state, when no model value was provided, use this as indicator instead\n */\nconst _open = ref(props.defaultOpen)\nconst triggerRef = ref<HTMLElement | null>(null)\n\nconst open = computed<boolean>({\n  get: () => (isPropAbsent(props.open) ? _open.value : props.open),\n  set: (open) => {\n    _open.value = open\n    props['onUpdate:open']?.(open)\n  },\n})\n\nconst isOpenDelayed = computed(\n  () => isNumber(props.delayDuration) && props.delayDuration > 0\n)\n\nconst { start: onDelayedOpen, stop: clearTimer } = useTimeoutFn(\n  () => {\n    open.value = true\n  },\n  computed(() => props.delayDuration),\n  {\n    immediate: false,\n  }\n)\n\nconst ns = useNamespace('tooltip-v2')\n\nconst contentId = useId()\n\nconst onNormalOpen = () => {\n  clearTimer()\n  open.value = true\n}\n\nconst onDelayOpen = () => {\n  unref(isOpenDelayed) ? onDelayedOpen() : onNormalOpen()\n}\n\nconst onOpen = onNormalOpen\n\nconst onClose = () => {\n  clearTimer()\n  open.value = false\n}\n\nconst onChange = (open: boolean) => {\n  if (open) {\n    document.dispatchEvent(new CustomEvent(TOOLTIP_V2_OPEN))\n    onOpen()\n  }\n\n  props.onOpenChange?.(open)\n}\n\nwatch(open, onChange)\n\nonMounted(() => {\n  // Keeps only 1 tooltip open at a time\n  document.addEventListener(TOOLTIP_V2_OPEN, onClose)\n})\n\nonBeforeUnmount(() => {\n  clearTimer()\n  document.removeEventListener(TOOLTIP_V2_OPEN, onClose)\n})\n\nprovide(tooltipV2RootKey, {\n  contentId,\n  triggerRef,\n  ns,\n\n  onClose,\n  onDelayOpen,\n  onOpen,\n})\n\ndefineExpose({\n  /**\n   * @description open tooltip programmatically\n   */\n  onOpen,\n\n  /**\n   * @description close tooltip programmatically\n   */\n  onClose,\n})\n</script>\n"],"names":["ref","computed","isPropAbsent","isNumber","useTimeoutFn","unref","TOOLTIP_V2_OPEN","watch","onMounted","onBeforeUnmount","provide","tooltipV2RootKey"],"mappings":"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"}

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

@@ -1,24 +1,32 @@
-import type { ExtractPropTypes } from 'vue';
+import type { ExtractPropTypes, TransitionProps } from 'vue';
 export declare const tooltipV2Props: {
+    readonly alwaysOn: BooleanConstructor;
+    readonly fullTransition: BooleanConstructor;
+    readonly transitionProps: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<TransitionProps | null>, null, unknown, unknown, unknown>;
+    readonly teleported: BooleanConstructor;
+    readonly to: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<string | import("vue").RendererElement | null | undefined>, "body", unknown, unknown, unknown>;
     readonly ariaLabel: StringConstructor;
-    readonly arrowPadding: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<import("@floating-ui/core").Padding>, 5, unknown, unknown, unknown>;
-    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 reference: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<HTMLElement | import("@floating-ui/dom").VirtualElement | null>, null, unknown, unknown, unknown>;
-    readonly strategy: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<import("@floating-ui/core").Strategy>, "fixed", unknown, "fixed" | "absolute", unknown>;
-    readonly showArrow: import("../../../utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
-    readonly onBlur: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<(e: Event) => boolean | void>, unknown, unknown, unknown, unknown>;
-    readonly onClick: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<(e: Event) => boolean | void>, unknown, unknown, unknown, unknown>;
-    readonly onFocus: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<(e: Event) => boolean | void>, unknown, unknown, unknown, unknown>;
-    readonly onMouseDown: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<(e: Event) => boolean | void>, unknown, unknown, unknown, unknown>;
-    readonly onMouseEnter: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<(e: Event) => boolean | void>, unknown, unknown, unknown, unknown>;
-    readonly onMouseLeave: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<(e: Event) => boolean | void>, unknown, unknown, unknown, unknown>;
-    readonly width: import("../../../utils").BuildPropReturn<NumberConstructor, number, unknown, unknown, unknown>;
-    readonly height: import("../../../utils").BuildPropReturn<NumberConstructor, number, unknown, unknown, unknown>;
-    readonly style: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<import("vue").CSSProperties | null>, null, unknown, unknown, unknown>;
-    readonly delayDuration: import("../../../utils").BuildPropReturn<NumberConstructor, 300, unknown, unknown, unknown>;
+    readonly arrowPadding: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<number>, 5, unknown, unknown, unknown>;
+    readonly effect: import("element-plus/es/utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
+    readonly contentClass: StringConstructor;
+    readonly placement: import("element-plus/es/utils").BuildPropReturn<import("element-plus/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-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<HTMLElement | import("@floating-ui/dom").VirtualElement | null>, null, unknown, unknown, unknown>;
+    readonly offset: import("element-plus/es/utils").BuildPropReturn<NumberConstructor, 8, unknown, unknown, unknown>;
+    readonly strategy: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<import("@floating-ui/core").Strategy>, "absolute", unknown, "fixed" | "absolute", unknown>;
+    readonly showArrow: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+    readonly onBlur: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<(e: Event) => boolean | void>, unknown, unknown, unknown, unknown>;
+    readonly onClick: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<(e: Event) => boolean | void>, unknown, unknown, unknown, unknown>;
+    readonly onFocus: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<(e: Event) => boolean | void>, unknown, unknown, unknown, unknown>;
+    readonly onMouseDown: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<(e: Event) => boolean | void>, unknown, unknown, unknown, unknown>;
+    readonly onMouseEnter: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<(e: Event) => boolean | void>, unknown, unknown, unknown, unknown>;
+    readonly onMouseLeave: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<(e: Event) => boolean | void>, unknown, unknown, unknown, unknown>;
+    readonly width: import("element-plus/es/utils").BuildPropReturn<NumberConstructor, 10, unknown, unknown, unknown>;
+    readonly height: import("element-plus/es/utils").BuildPropReturn<NumberConstructor, 10, unknown, unknown, unknown>;
+    readonly style: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<import("vue").CSSProperties | null>, null, unknown, unknown, unknown>;
+    readonly delayDuration: import("element-plus/es/utils").BuildPropReturn<NumberConstructor, 300, unknown, unknown, unknown>;
     readonly defaultOpen: BooleanConstructor;
-    readonly open: import("../../../utils").BuildPropReturn<BooleanConstructor, undefined, unknown, unknown, unknown>;
-    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>;
+    readonly open: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, undefined, unknown, unknown, unknown>;
+    readonly onOpenChange: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<(state: boolean) => void>, unknown, unknown, unknown, unknown>;
+    readonly 'onUpdate:open': import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<(state: boolean) => void>, unknown, unknown, unknown, unknown>;
 };
 export declare type TooltipV2Props = ExtractPropTypes<typeof tooltipV2Props>;

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

@@ -2,17 +2,30 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+require('../../../utils/index.js');
 var root = require('./root.js');
 var trigger = require('./trigger.js');
 var arrow = require('./arrow.js');
 var content = require('./content.js');
+var props = require('../../../utils/vue/props.js');
 
-const tooltipV2Props = {
+const tooltipV2Props = props.buildProps({
   ...root.tooltipV2RootProps,
   ...arrow.tooltipV2ArrowProps,
   ...trigger.tooltipV2TriggerProps,
-  ...content.tooltipV2ContentProps
-};
+  ...content.tooltipV2ContentProps,
+  alwaysOn: Boolean,
+  fullTransition: Boolean,
+  transitionProps: {
+    type: props.definePropType(Object),
+    default: null
+  },
+  teleported: Boolean,
+  to: {
+    type: props.definePropType(String),
+    default: "body"
+  }
+});
 
 exports.tooltipV2Props = tooltipV2Props;
 //# sourceMappingURL=tooltip.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"tooltip.js","sources":["../../../../../../packages/components/tooltip-v2/src/tooltip.ts"],"sourcesContent":["import { tooltipV2RootProps } from './root'\nimport { tooltipV2TriggerProps } from './trigger'\nimport { tooltipV2ArrowProps } from './arrow'\nimport { tooltipV2ContentProps } from './content'\n\nimport type { ExtractPropTypes } from 'vue'\n\nexport const tooltipV2Props = {\n  ...tooltipV2RootProps,\n  ...tooltipV2ArrowProps,\n  ...tooltipV2TriggerProps,\n  ...tooltipV2ContentProps,\n} as const\n\nexport type TooltipV2Props = ExtractPropTypes<typeof tooltipV2Props>\n"],"names":["tooltipV2RootProps","tooltipV2ArrowProps","tooltipV2TriggerProps","tooltipV2ContentProps"],"mappings":";;;;;;;;;AAIY,MAAC,cAAc,GAAG;AAC9B,EAAE,GAAGA,uBAAkB;AACvB,EAAE,GAAGC,yBAAmB;AACxB,EAAE,GAAGC,6BAAqB;AAC1B,EAAE,GAAGC,6BAAqB;AAC1B;;;;"}
+{"version":3,"file":"tooltip.js","sources":["../../../../../../packages/components/tooltip-v2/src/tooltip.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-plus/utils'\nimport { tooltipV2RootProps } from './root'\nimport { tooltipV2TriggerProps } from './trigger'\nimport { tooltipV2ArrowProps } from './arrow'\nimport { tooltipV2ContentProps } from './content'\n\nimport type { ExtractPropTypes, TeleportProps, TransitionProps } from 'vue'\n\nexport const tooltipV2Props = buildProps({\n  ...tooltipV2RootProps,\n  ...tooltipV2ArrowProps,\n  ...tooltipV2TriggerProps,\n  ...tooltipV2ContentProps,\n  alwaysOn: Boolean,\n  fullTransition: Boolean,\n  transitionProps: {\n    type: definePropType<TransitionProps | null>(Object),\n    default: null,\n  },\n  teleported: Boolean,\n  to: {\n    type: definePropType<TeleportProps['to']>(String),\n    default: 'body',\n  },\n} as const)\n\nexport type TooltipV2Props = ExtractPropTypes<typeof tooltipV2Props>\n"],"names":["buildProps","tooltipV2RootProps","tooltipV2ArrowProps","tooltipV2TriggerProps","tooltipV2ContentProps","definePropType"],"mappings":";;;;;;;;;;;AAKY,MAAC,cAAc,GAAGA,gBAAU,CAAC;AACzC,EAAE,GAAGC,uBAAkB;AACvB,EAAE,GAAGC,yBAAmB;AACxB,EAAE,GAAGC,6BAAqB;AAC1B,EAAE,GAAGC,6BAAqB;AAC1B,EAAE,QAAQ,EAAE,OAAO;AACnB,EAAE,cAAc,EAAE,OAAO;AACzB,EAAE,eAAe,EAAE;AACnB,IAAI,IAAI,EAAEC,oBAAc,CAAC,MAAM,CAAC;AAChC,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,UAAU,EAAE,OAAO;AACrB,EAAE,EAAE,EAAE;AACN,IAAI,IAAI,EAAEA,oBAAc,CAAC,MAAM,CAAC;AAChC,IAAI,OAAO,EAAE,MAAM;AACnB,GAAG;AACH,CAAC;;;;"}