@element-plus/nightly 0.0.20220326 → 0.0.20220327

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

@@ -1,4 +1,83 @@
-const _sfc_main = {};
+import { defineComponent, inject, ref, computed, unref, onMounted, watch, openBlock, createElementBlock, normalizeStyle, renderSlot, createVNode, withCtx, Fragment, createTextVNode, toDisplayString, createCommentVNode } from 'vue';
+import '../../../tokens/index.mjs';
+import '../../../hooks/index.mjs';
+import '../../visual-hidden/index.mjs';
+import { tooltipV2ContentProps } from './content.mjs';
+import { tooltipV2CommonProps } from './common.mjs';
+import { tooltipV2RootKey } from '../../../tokens/tooltip-v2.mjs';
+import { useFloating, arrowMiddleware, getPositionDataWithUnit } from '../../../hooks/use-floating/index.mjs';
+import ElVisuallyHidden from '../../visual-hidden/src/visual-hidden.mjs';
+
+const __default__ = {
+  name: "ElTooltipV2Content"
+};
+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();
+    const { referenceRef, contentRef, middlewareData, x, y } = useFloating({
+      placement,
+      strategy,
+      middleware: computed(() => {
+        const middleware = [];
+        if (props.showArrow) {
+          middleware.push(arrowMiddleware({
+            arrowRef
+          }));
+        }
+        return middleware;
+      })
+    });
+    const contentStyle = computed(() => {
+      return {
+        position: unref(strategy),
+        top: unref(y),
+        left: unref(x)
+      };
+    });
+    const arrowStyle = computed(() => {
+      if (!props.showArrow)
+        return {};
+      const _middlewareData = unref(middlewareData);
+      return {
+        position: "absolute",
+        top: getPositionDataWithUnit(_middlewareData, "y"),
+        left: getPositionDataWithUnit(_middlewareData, "x")
+      };
+    });
+    onMounted(() => {
+      watch(() => props.reference || triggerRef.value, (el) => {
+        referenceRef.value = el || void 0;
+      });
+    });
+    return (_ctx, _cache) => {
+      return !_ctx.nowrap ? (openBlock(), createElementBlock("div", {
+        key: 0,
+        ref_key: "contentRef",
+        ref: contentRef,
+        style: normalizeStyle(unref(contentStyle))
+      }, [
+        renderSlot(_ctx.$slots, "default"),
+        createVNode(unref(ElVisuallyHidden), { id: unref(contentId) }, {
+          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))
+        })
+      ], 4)) : createCommentVNode("v-if", true);
+    };
+  }
+});
 
 export { _sfc_main as default };
 //# sourceMappingURL=content2.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"content2.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
+{"version":3,"file":"content2.mjs","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":[],"mappings":";;;;;;;;;;;;;;;;;;AAkCA,IAAA,MAAA,EAAA,UAAA,EAAA,SAAA,EAAA,GAAA,MAAA,CAAA,gBAAA,CAAA,CAAA;AAEA,IAAA,MAAA,SAAA,GAAA,IAAA,KAAA,CAAA,SAAA,CAAA,CAAA;AACA,IAAA,MAAA,QAAA,GAAA,IAAA,KAAA,CAAA,QAAA,CAAA,CAAA;AACA,IAAA,MAAA,QAAA,GAAA,GAAA,EAAA,CAAA;AAEA,IAAA,MAAA,EAAA,YAAA,EAAA,UAAA,EAAA,cAAA,EAAA,CAAA,EAAA,MAAA,WAAA,CAAA;AAAA,MACA,SAAA;AAAA,MACA,QAAA;AAAA,MACA,UAAA,EAAA,SAAA,MAAA;AACA,QAAA,MAAA,UAAA,GAAA,EAAA,CAAA;AAEA,QAAA,IAAA,MAAA,SAAA,EAAA;AACA,UAAA,UAAA,CAAA,KACA,eAAA,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,GAAA,SAAA,MAAA;AACA,MAAA,OAAA;AAAA,QACA,UAAA,KAAA,CAAA,QAAA,CAAA;AAAA,QACA,KAAA,KAAA,CAAA,CAAA,CAAA;AAAA,QACA,MAAA,KAAA,CAAA,CAAA,CAAA;AAAA,OAAA,CAAA;AAAA,KAAA,CAAA,CAAA;AAIA,IAAA,MAAA,UAAA,GAAA,SAAA,MAAA;AACA,MAAA,IAAA,CAAA,KAAA,CAAA,SAAA;AAAA,QAAA,OAAA,EAAA,CAAA;AAEA,MAAA,MAAA,kBAAA,KAAA,CAAA,cAAA,CAAA,CAAA;AACA,MAAA,OAAA;AAAA,QACA,QAAA,EAAA,UAAA;AAAA,QACA,GAAA,EAAA,wBAAA,eAAA,EAAA,GAAA,CAAA;AAAA,QACA,IAAA,EAAA,wBAAA,eAAA,EAAA,GAAA,CAAA;AAAA,OAAA,CAAA;AAAA,KAAA,CAAA,CAAA;AAIA,IAAA,SAAA,CAAA,MAAA;AACA,MAAA,KAAA,CACA,MAAA,KAAA,CAAA,SAAA,IAAA,UAAA,CAAA,KAAA,EACA,CAAA,EAAA,KAAA;AACA,QAAA,YAAA,CAAA,QAAA,EAAA,IAAA,KAAA,CAAA,CAAA;AAAA,OAAA,CAAA,CAAA;AAAA,KAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/es/components/tooltip-v2/src/{only-child.d.ts → forward-ref.d.ts}

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

package/es/components/tooltip-v2/src/{only-child.mjs → forward-ref.mjs}

@@ -8,9 +8,10 @@ const forwardRefProps = buildProps({
   setRef: {
     type: definePropType(Function),
     required: true
-  }
+  },
+  onlyChild: Boolean
 });
-var OnlyChild = defineComponent({
+var ForwardRef = defineComponent({
   props: forwardRefProps,
   setup(props, {
     slots
@@ -26,7 +27,7 @@ var OnlyChild = defineComponent({
     return () => {
       var _a;
       const [firstChild] = ((_a = slots.default) == null ? void 0 : _a.call(slots)) || [];
-      const child = ensureOnlyChild(firstChild.children);
+      const child = props.onlyChild ? ensureOnlyChild(firstChild.children) : firstChild.children;
       return createVNode(Fragment, {
         "ref": setRef
       }, [child]);
@@ -34,5 +35,5 @@ var OnlyChild = defineComponent({
   }
 });
 
-export { OnlyChild as default, forwardRefProps };
-//# sourceMappingURL=only-child.mjs.map
+export { ForwardRef as default, forwardRefProps };
+//# sourceMappingURL=forward-ref.mjs.map

package/es/components/tooltip-v2/src/forward-ref.mjs.map

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"root.mjs","sources":["../../../../../../packages/components/tooltip-v2/src/root.vue"],"sourcesContent":["<template>\n  <slot />\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\nconst props = defineProps(tooltipV2RootProps)\n\nconst _open = ref(props.defaultOpen)\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\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":[],"mappings":";;;;;;;;;;;;;;AAsBA,IAAM,MAAA,KAAA,GAAQ,IAAI,KAAM,CAAA,WAAA,CAAA,CAAA;AAExB,IAAA,MAAM,OAAO,QAAkB,CAAA;AAAA,MAC7B,KAAK,MAAO,YAAA,CAAa,MAAM,IAAQ,CAAA,GAAA,KAAA,CAAM,QAAQ,KAAM,CAAA,IAAA;AAAA,MAC3D,GAAA,EAAK,CAAC,KAAS,KAAA;AACb,QAAA,IAAA,EAAM,CAAQ;AACd,QAAA,KAAA,CAAM,KAAmB,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;AAI7B,KAAA,CAAA,CAAA;AAIA,IAAA,MAAM,aAAS,GAAA,QAAe,CAAM,MAAA,QAAA,CAAA,KAAe,cAC3C,CAAA,IAAA,KAAA,CAAA,aAAA,GAAA,CAAA,CAAA,CAAA;AACJ,IAAA,MAAA,EAAa,KAAA,EAAA,aAAA,EAAA,IAAA,EAAA,UAAA,EAAA,GAAA,YAAA,CAAA,MAAA;AAAA,MAEf,IAAA,CAAA,KAAS,OAAY,CAAA;AAGvB,KAAA,EAAA,QAAkB,CAAA,MAAA,KAAA,CAAA,aAAA,CAAA,CAAA,CAAA;AAElB,IAAA,MAAM,iBAAqB,EAAA,CAAA;AACzB,IAAA,MAAA,YAAA,GAAA,MAAA;AACA,MAAA,UAAa,EAAA,CAAA;AAAA,MAAA,IAAA,CAAA,KAAA,GAAA,IAAA,CAAA;AAGf,KAAA,CAAA;AACE,IAAA,MAAA,oBAAyC;AAAA,MAAA,KAAA,CAAA,aAAA,CAAA,GAAA,aAAA,EAAA,GAAA,YAAA,EAAA,CAAA;AAG3C,KAAA,CAAA;AAEA,IAAA,MAAM,qBAAgB,CAAA;AACpB,IAAA,MAAA,OAAA,GAAA,MAAA;AACA,MAAA,UAAa,EAAA,CAAA;AAAA,MAAA,IAAA,CAAA,KAAA,GAAA,KAAA,CAAA;AAGf,KAAM,CAAA;AAGJ,IAAA,MAAI,QAAM,GAAA,CAAA,KAAA,KAAA;AACR,MAAS,IAAA,EAAA,CAAA;AACT,MAAA,IAAA,KAAA,EAAA;AAAA,QAAA,QAAA,CAAA,aAAA,CAAA,IAAA,WAAA,CAAA,eAAA,CAAA,CAAA,CAAA;AAGF,QAAA,MAAqB,EAAA,CAAA;AAAA,OAAA;AAGvB,MAAA,CAAA,EAAA,GAAY,KAAA,CAAA,YAAA,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,IAAA,CAAA,KAAA,EAAA,KAAA,CAAA,CAAA;AAEZ,KAAA,CAAA;AAEE,IAAA,KAAA,CAAA,IAAA;AAA2C,IAAA,SAAA,CAAA,MAAA;AAG7C,MAAA,QAAA,CAAA,gBAAsB,CAAA,eAAA,EAAA,OAAA,CAAA,CAAA;AACpB,KAAA,CAAA,CAAA;AACA,IAAA;AAA8C,MAAA,UAAA,EAAA,CAAA;AAGhD,MAAA,QAA0B,CAAA,mBAAA,CAAA,eAAA,EAAA,OAAA,CAAA,CAAA;AAAA,KACxB,CAAA,CAAA;AAAA,IAEA,OAAA,CAAA,gBAAA,EAAA;AAAA,MACA,SAAA;AAAA,MACA,OAAA;AAAA,MAAA,WAAA;AAGF,MAAa,MAAA;AAAA,KAIX,CAAA,CAAA;AAAA,IAKA,MAAA,CAAA;AAAA,MAAA,MAAA;;;;;;;;;;;"}
+{"version":3,"file":"root.mjs","sources":["../../../../../../packages/components/tooltip-v2/src/root.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-plus/utils'\n\nimport type { ExtractPropTypes } from 'vue'\n\ntype StateUpdater = (state: boolean) => void\n\nexport const tooltipV2RootProps = buildProps({\n  delayDuration: {\n    type: Number,\n    default: 300,\n  },\n  defaultOpen: Boolean,\n  open: {\n    type: Boolean,\n    default: undefined,\n  },\n  onOpenChange: {\n    type: definePropType<StateUpdater>(Function),\n  },\n  'onUpdate:open': {\n    type: definePropType<StateUpdater>(Function),\n  },\n} as const)\n\nexport type TooltipV2RootProps = ExtractPropTypes<typeof tooltipV2RootProps>\n"],"names":[],"mappings":";;;AACY,MAAC,kBAAkB,GAAG,UAAU,CAAC;AAC7C,EAAE,aAAa,EAAE;AACjB,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,GAAG;AAChB,GAAG;AACH,EAAE,WAAW,EAAE,OAAO;AACtB,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,KAAK,CAAC;AACnB,GAAG;AACH,EAAE,YAAY,EAAE;AAChB,IAAI,IAAI,EAAE,cAAc,CAAC,QAAQ,CAAC;AAClC,GAAG;AACH,EAAE,eAAe,EAAE;AACnB,IAAI,IAAI,EAAE,cAAc,CAAC,QAAQ,CAAC;AAClC,GAAG;AACH,CAAC;;;;"}

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

@@ -15,6 +15,7 @@ declare const _default: import("vue").DefineComponent<{
         [x: string & `on${string}`]: ((...args: any[]) => any) | ((...args: unknown[]) => any) | undefined;
     }>>;
     _open: import("vue").Ref<boolean>;
+    triggerRef: import("vue").Ref<HTMLElement | null>;
     open: import("vue").WritableComputedRef<boolean>;
     isOpenDelayed: import("vue").ComputedRef<boolean>;
     onDelayedOpen: import("@vueuse/shared").Fn;

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"root2.mjs","sources":["../../../../../../packages/components/tooltip-v2/src/root.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-plus/utils'\n\nimport type { ExtractPropTypes } from 'vue'\n\ntype StateUpdater = (state: boolean) => void\n\nexport const tooltipV2RootProps = buildProps({\n  delayDuration: {\n    type: Number,\n    default: 300,\n  },\n  defaultOpen: Boolean,\n  open: {\n    type: Boolean,\n    default: undefined,\n  },\n  onOpenChange: {\n    type: definePropType<StateUpdater>(Function),\n  },\n  'onUpdate:open': {\n    type: definePropType<StateUpdater>(Function),\n  },\n} as const)\n\nexport type TooltipV2RootProps = ExtractPropTypes<typeof tooltipV2RootProps>\n"],"names":[],"mappings":";;;AACY,MAAC,kBAAkB,GAAG,UAAU,CAAC;AAC7C,EAAE,aAAa,EAAE;AACjB,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,GAAG;AAChB,GAAG;AACH,EAAE,WAAW,EAAE,OAAO;AACtB,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,KAAK,CAAC;AACnB,GAAG;AACH,EAAE,YAAY,EAAE;AAChB,IAAI,IAAI,EAAE,cAAc,CAAC,QAAQ,CAAC;AAClC,GAAG;AACH,EAAE,eAAe,EAAE;AACnB,IAAI,IAAI,EAAE,cAAc,CAAC,QAAQ,CAAC;AAClC,GAAG;AACH,CAAC;;;;"}
+{"version":3,"file":"root2.mjs","sources":["../../../../../../packages/components/tooltip-v2/src/root.vue"],"sourcesContent":["<template>\n  <slot />\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":[],"mappings":";;;;;;;;;;;;;;;;;;AA6BA,IAAA,MAAA,KAAA,GAAA,IAAA,KAAA,CAAA,WAAA,CAAA,CAAA;AACA,IAAA,MAAA,aAAA,GAAA,CAAA,IAAA,CAAA,CAAA;AAEA,IAAA,MAAA,OAAA,QAAA,CAAA;AAAA,MACA,KAAA,MAAA,YAAA,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,GAAA,QAAA,CAAA,MAAA,QAAA,CAAA,KAAA,cACA,CAAA,IAAA,KAAA,CAAA,aAAA,GAAA,CAAA,CAAA,CAAA;AACA,IAAA,MAAA,EAAA,KAAA,EAAA,aAAA,EAAA,IAAA,EAAA,UAAA,EAAA,GAAA,YAAA,CAAA,MAAA;AAAA,MAEA,IAAA,CAAA,KAAA,OAAA,CAAA;AAGA,KAAA,EAAA,QAAA,CAAA,MAAA,KAAA,CAAA,aAAA,CAAA,CAAA,CAAA;AAEA,IAAA,MAAA,iBAAA,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,MAAA,KAAA,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,CAAA,eAAA,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,IAAA,KAAA,CAAA,IAAA;AAAA,IAAA,SAAA,CAAA,MAAA;AAGA,MAAA,QAAA,CAAA,gBAAA,CAAA,eAAA,EAAA,OAAA,CAAA,CAAA;AACA,KAAA,CAAA,CAAA;AACA,IAAA;AAAA,MAAA,UAAA,EAAA,CAAA;AAGA,MAAA,QAAA,CAAA,mBAAA,CAAA,eAAA,EAAA,OAAA,CAAA,CAAA;AAAA,KACA,CAAA,CAAA;AAAA,IACA,OAAA,CAAA,gBAAA,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;;;;;;;;;;;"}

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

@@ -0,0 +1,24 @@
+import type { ExtractPropTypes } from 'vue';
+export declare const tooltipV2Props: {
+    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 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>;
+};
+export declare type TooltipV2Props = ExtractPropTypes<typeof tooltipV2Props>;

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

@@ -1,2 +1,14 @@
+import { tooltipV2RootProps } from './root.mjs';
+import { tooltipV2TriggerProps } from './trigger.mjs';
+import { tooltipV2ArrowProps } from './arrow.mjs';
+import { tooltipV2ContentProps } from './content.mjs';
 
+const tooltipV2Props = {
+  ...tooltipV2RootProps,
+  ...tooltipV2ArrowProps,
+  ...tooltipV2TriggerProps,
+  ...tooltipV2ContentProps
+};
+
+export { tooltipV2Props };
 //# sourceMappingURL=tooltip.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"tooltip.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"tooltip.mjs","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":[],"mappings":";;;;;AAIY,MAAC,cAAc,GAAG;AAC9B,EAAE,GAAG,kBAAkB;AACvB,EAAE,GAAG,mBAAmB;AACxB,EAAE,GAAG,qBAAqB;AAC1B,EAAE,GAAG,qBAAqB;AAC1B;;;;"}