@element-plus/nightly 0.0.20220326 → 0.0.20220329

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

@@ -3,11 +3,77 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var vue = require('vue');
+var lodashUnified = require('lodash-unified');
+var arrow = require('./arrow.js');
+var content = require('./content.js');
+var root = require('./root.js');
+var tooltip = require('./tooltip.js');
+var trigger = require('./trigger.js');
+var root$1 = require('./root2.js');
+var arrow$1 = require('./arrow2.js');
+var content$1 = require('./content2.js');
+var trigger$1 = require('./trigger2.js');
 
+const __default__ = {
+  name: "ElTooltipV2"
+};
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...__default__,
+  props: tooltip.tooltipV2Props,
   setup(__props) {
+    const props = __props;
+    const refedProps = vue.toRefs(props);
+    const arrowProps = vue.reactive(lodashUnified.pick(refedProps, Object.keys(arrow.tooltipV2ArrowProps)));
+    const contentProps = vue.reactive(lodashUnified.pick(refedProps, Object.keys(content.tooltipV2ContentProps)));
+    const rootProps = vue.reactive(lodashUnified.pick(refedProps, Object.keys(root.tooltipV2RootProps)));
+    const triggerProps = vue.reactive(lodashUnified.pick(refedProps, Object.keys(trigger.tooltipV2TriggerProps)));
     return (_ctx, _cache) => {
-      return vue.renderSlot(_ctx.$slots, "default");
+      return vue.openBlock(), vue.createBlock(root$1["default"], vue.normalizeProps(vue.guardReactiveProps(vue.unref(rootProps))), {
+        default: vue.withCtx(({ open }) => [
+          vue.createVNode(trigger$1["default"], vue.mergeProps(vue.unref(triggerProps), { nowrap: "" }), {
+            default: vue.withCtx(() => [
+              vue.renderSlot(_ctx.$slots, "trigger")
+            ]),
+            _: 3
+          }, 16),
+          (vue.openBlock(), vue.createBlock(vue.Teleport, {
+            to: _ctx.to,
+            disabled: !_ctx.teleported
+          }, [
+            _ctx.fullTransition ? (vue.openBlock(), vue.createBlock(vue.Transition, vue.normalizeProps(vue.mergeProps({ key: 0 }, _ctx.transitionProps)), {
+              default: vue.withCtx(() => [
+                _ctx.alwaysOn || open ? (vue.openBlock(), vue.createBlock(content$1["default"], vue.normalizeProps(vue.mergeProps({ key: 0 }, vue.unref(contentProps))), {
+                  arrow: vue.withCtx(({ style, side }) => [
+                    _ctx.showArrow ? (vue.openBlock(), vue.createBlock(arrow$1["default"], vue.mergeProps({ key: 0 }, vue.unref(arrowProps), {
+                      style,
+                      side
+                    }), null, 16, ["style", "side"])) : vue.createCommentVNode("v-if", true)
+                  ]),
+                  default: vue.withCtx(() => [
+                    vue.renderSlot(_ctx.$slots, "default")
+                  ]),
+                  _: 3
+                }, 16)) : vue.createCommentVNode("v-if", true)
+              ]),
+              _: 2
+            }, 1040)) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
+              _ctx.alwaysOn || open ? (vue.openBlock(), vue.createBlock(content$1["default"], vue.normalizeProps(vue.mergeProps({ key: 0 }, vue.unref(contentProps))), {
+                arrow: vue.withCtx(({ style, side }) => [
+                  _ctx.showArrow ? (vue.openBlock(), vue.createBlock(arrow$1["default"], vue.mergeProps({ key: 0 }, vue.unref(arrowProps), {
+                    style,
+                    side
+                  }), null, 16, ["style", "side"])) : vue.createCommentVNode("v-if", true)
+                ]),
+                default: vue.withCtx(() => [
+                  vue.renderSlot(_ctx.$slots, "default")
+                ]),
+                _: 3
+              }, 16)) : vue.createCommentVNode("v-if", true)
+            ], 2112))
+          ], 8, ["to", "disabled"]))
+        ]),
+        _: 3
+      }, 16);
     };
   }
 });

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

@@ -1 +1 @@
-{"version":3,"file":"tooltip2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;"}
+{"version":3,"file":"tooltip2.js","sources":["../../../../../../packages/components/tooltip-v2/src/tooltip.vue"],"sourcesContent":["<template>\n  <tooltip-v2-root v-bind=\"rootProps\">\n    <template #default=\"{ open }\">\n      <tooltip-v2-trigger v-bind=\"triggerProps\" nowrap>\n        <slot name=\"trigger\" />\n      </tooltip-v2-trigger>\n      <teleport :to=\"to\" :disabled=\"!teleported\">\n        <template v-if=\"fullTransition\">\n          <transition v-bind=\"transitionProps\">\n            <tooltip-v2-content v-if=\"alwaysOn || open\" v-bind=\"contentProps\">\n              <slot />\n              <template #arrow=\"{ style, side }\">\n                <tooltip-v2-arrow\n                  v-if=\"showArrow\"\n                  v-bind=\"arrowProps\"\n                  :style=\"style\"\n                  :side=\"side\"\n                />\n              </template>\n            </tooltip-v2-content>\n          </transition>\n        </template>\n        <template v-else>\n          <tooltip-v2-content v-if=\"alwaysOn || open\" v-bind=\"contentProps\">\n            <slot />\n            <template #arrow=\"{ style, side }\">\n              <tooltip-v2-arrow\n                v-if=\"showArrow\"\n                v-bind=\"arrowProps\"\n                :style=\"style\"\n                :side=\"side\"\n              />\n            </template>\n          </tooltip-v2-content>\n        </template>\n      </teleport>\n    </template>\n  </tooltip-v2-root>\n</template>\n\n<script setup lang=\"ts\">\nimport { reactive, toRefs } from 'vue'\nimport { pick } from 'lodash-unified'\nimport { tooltipV2ArrowProps } from './arrow'\nimport { tooltipV2ContentProps } from './content'\nimport { tooltipV2RootProps } from './root'\nimport { tooltipV2Props } from './tooltip'\nimport { tooltipV2TriggerProps } from './trigger'\nimport TooltipV2Root from './root.vue'\nimport TooltipV2Arrow from './arrow.vue'\nimport TooltipV2Content from './content.vue'\nimport TooltipV2Trigger from './trigger.vue'\n\ndefineOptions({\n  name: 'ElTooltipV2',\n})\n\nconst props = defineProps(tooltipV2Props)\n\nconst refedProps = toRefs(props)\n\nconst arrowProps = reactive(pick(refedProps, Object.keys(tooltipV2ArrowProps)))\n\nconst contentProps = reactive(\n  pick(refedProps, Object.keys(tooltipV2ContentProps))\n)\n\nconst rootProps = reactive(pick(refedProps, Object.keys(tooltipV2RootProps)))\n\nconst triggerProps = reactive(\n  pick(refedProps, Object.keys(tooltipV2TriggerProps))\n)\n</script>\n"],"names":["toRefs","reactive","pick","tooltipV2ArrowProps","tooltipV2ContentProps","tooltipV2RootProps","tooltipV2TriggerProps"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AA2DA,IAAA,MAAA,aAAAA,UAAA,CAAA,KAAA,CAAA,CAAA;AAEA,IAAA,MAAA,UAAA,GAAAC,YAAA,CAAAC,kBAAA,CAAA,UAAA,EAAA,OAAA,IAAA,CAAAC,yBAAA,CAAA,CAAA,CAAA,CAAA;AAEA,IAAA,MAAA,YAAA,GAAAF,YAAA,CACAC,kBAAA,CAAA,UAAA,EAAA,OAAA,IAAA,CAAAE,6BAAA,CAAA,CAAA,CAAA,CAAA;AAGA,IAAA,MAAA,SAAA,GAAAH,YAAA,CAAAC,kBAAA,CAAA,UAAA,EAAA,OAAA,IAAA,CAAAG,uBAAA,CAAA,CAAA,CAAA,CAAA;AAEA,IAAA,MAAA,YAAA,GAAAJ,YAAA,CACAC,kBAAA,CAAA,UAAA,EAAA,OAAA,IAAA,CAAAI,6BAAA,CAAA,CAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1,6 +1,5 @@
 import type { ExtractPropTypes } from 'vue';
-export declare const tooltipTriggerV2Props: {
-    readonly asChild: BooleanConstructor;
+export declare const tooltipV2TriggerProps: {
     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>;
@@ -8,4 +7,4 @@ export declare const tooltipTriggerV2Props: {
     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>;
 };
-export declare type TooltipTriggerV2Props = ExtractPropTypes<typeof tooltipTriggerV2Props>;
+export declare type TooltipV2TriggerProps = ExtractPropTypes<typeof tooltipV2TriggerProps>;

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

@@ -2,85 +2,20 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var vue = require('vue');
 require('../../../utils/index.js');
-require('../../../tokens/index.js');
-var onlyChild = require('./only-child.js');
-var trigger = require('./trigger2.js');
-var tooltipV2 = require('../../../tokens/tooltip-v2.js');
-var event = require('../../../utils/dom/event.js');
+var props = require('../../../utils/vue/props.js');
 
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  props: trigger.tooltipTriggerV2Props,
-  setup(__props) {
-    const props = __props;
-    const { onClose, onOpen, onDelayOpen } = vue.inject(tooltipV2.tooltipV2RootKey);
-    let isMousedown = false;
-    const triggerRef = vue.ref(null);
-    const setTriggerRef = (el) => {
-      triggerRef.value = el;
-    };
-    const onMouseenter = event.composeEventHandlers(props.onMouseEnter, onDelayOpen);
-    const onMouseleave = event.composeEventHandlers(props.onMouseLeave, onClose);
-    const onMouseup = () => {
-      isMousedown = false;
-    };
-    const onMousedown = event.composeEventHandlers(props.onMouseDown, () => {
-      onClose();
-      isMousedown = true;
-      document.addEventListener("mouseup", onMouseup, { once: true });
-    });
-    const onFocus = event.composeEventHandlers(props.onFocus, () => {
-      if (!isMousedown)
-        onOpen();
-    });
-    const onBlur = event.composeEventHandlers(props.onBlur, onClose);
-    const onClick = event.composeEventHandlers(props.onClick, (e) => {
-      if (e.detail === 0)
-        onClose();
-    });
-    const events = {
-      blur: onBlur,
-      click: onClick,
-      focus: onFocus,
-      mousedown: onMousedown,
-      mouseenter: onMouseenter,
-      mouseleave: onMouseleave
-    };
-    const setEvents = (el, events2, type) => {
-      if (el) {
-        Object.entries(events2).forEach(([name, handler]) => {
-          el[type](name, handler);
-        });
-      }
-    };
-    vue.watch(triggerRef, (triggerEl, previousTriggerEl) => {
-      setEvents(triggerEl, events, "addEventListener");
-      setEvents(previousTriggerEl, events, "removeEventListener");
-    });
-    vue.onBeforeUnmount(() => {
-      setEvents(triggerRef.value, events, "removeEventListener");
-      document.removeEventListener("mouseup", onMouseup);
-    });
-    return (_ctx, _cache) => {
-      return _ctx.asChild ? (vue.openBlock(), vue.createBlock(vue.unref(onlyChild["default"]), {
-        key: 0,
-        "set-ref": setTriggerRef
-      }, {
-        default: vue.withCtx(() => [
-          vue.renderSlot(_ctx.$slots, "default")
-        ]),
-        _: 3
-      })) : (vue.openBlock(), vue.createElementBlock("button", {
-        key: 1,
-        ref_key: "triggerRef",
-        ref: triggerRef
-      }, [
-        vue.renderSlot(_ctx.$slots, "default")
-      ], 512));
-    };
-  }
+const EventHandler = {
+  type: props.definePropType(Function)
+};
+const tooltipV2TriggerProps = props.buildProps({
+  onBlur: EventHandler,
+  onClick: EventHandler,
+  onFocus: EventHandler,
+  onMouseDown: EventHandler,
+  onMouseEnter: EventHandler,
+  onMouseLeave: EventHandler
 });
 
-exports["default"] = _sfc_main;
+exports.tooltipV2TriggerProps = tooltipV2TriggerProps;
 //# sourceMappingURL=trigger.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"trigger.js","sources":["../../../../../../packages/components/tooltip-v2/src/trigger.vue"],"sourcesContent":["<template>\n  <only-child v-if=\"asChild\" :set-ref=\"setTriggerRef\">\n    <slot />\n  </only-child>\n  <button v-else ref=\"triggerRef\">\n    <slot />\n  </button>\n</template>\n\n<script setup lang=\"ts\">\nimport { inject, onBeforeUnmount, ref, watch } from 'vue'\nimport { composeEventHandlers } from '@element-plus/utils'\nimport { tooltipV2RootKey } from '@element-plus/tokens'\nimport OnlyChild from './only-child'\nimport { tooltipTriggerV2Props } from './trigger'\n\nconst props = defineProps(tooltipTriggerV2Props)\n\n/**\n * onOpen opens the tooltip instantly, onTrigger acts a lil bit differently,\n * it will check if delayDuration is set to greater than 0 and based on that result,\n * if true, it opens the tooltip after delayDuration, otherwise it opens it instantly.\n */\nconst { onClose, onOpen, onDelayOpen } = inject(tooltipV2RootKey)!\n\nlet isMousedown = false\n\nconst triggerRef = ref<HTMLElement | null>(null)\nconst setTriggerRef = (el: HTMLElement | null) => {\n  triggerRef.value = el\n}\n\nconst onMouseenter = composeEventHandlers(props.onMouseEnter, onDelayOpen)\n\nconst onMouseleave = composeEventHandlers(props.onMouseLeave, onClose)\n\nconst onMouseup = () => {\n  isMousedown = false\n}\n\nconst onMousedown = composeEventHandlers(props.onMouseDown, () => {\n  onClose()\n  isMousedown = true\n  document.addEventListener('mouseup', onMouseup, { once: true })\n})\n\nconst onFocus = composeEventHandlers(props.onFocus, () => {\n  if (!isMousedown) onOpen()\n})\n\nconst onBlur = composeEventHandlers(props.onBlur, onClose)\n\nconst onClick = composeEventHandlers(props.onClick, (e) => {\n  if ((e as MouseEvent).detail === 0) onClose()\n})\n\nconst events = {\n  blur: onBlur,\n  click: onClick,\n  focus: onFocus,\n  mousedown: onMousedown,\n  mouseenter: onMouseenter,\n  mouseleave: onMouseleave,\n}\n\nconst setEvents = <T extends (e: Event) => void>(\n  el: HTMLElement | null | undefined,\n  events: Record<string, T>,\n  type: 'addEventListener' | 'removeEventListener'\n) => {\n  if (el) {\n    Object.entries(events).forEach(([name, handler]) => {\n      el[type](name, handler)\n    })\n  }\n}\n\nwatch(triggerRef, (triggerEl, previousTriggerEl) => {\n  setEvents(triggerEl, events, 'addEventListener')\n  setEvents(previousTriggerEl, events, 'removeEventListener')\n})\n\nonBeforeUnmount(() => {\n  setEvents(triggerRef.value, events, 'removeEventListener')\n  document.removeEventListener('mouseup', onMouseup)\n})\n</script>\n"],"names":["inject","tooltipV2RootKey","ref","composeEventHandlers","watch","onBeforeUnmount"],"mappings":";;;;;;;;;;;;;;;;AAuBA,IAAA,MAAM,EAAE,OAAA,EAAS,MAAQ,EAAA,WAAA,EAAA,GAAgBA,UAAO,CAAAC,0BAAA,CAAA,CAAA;AAEhD,IAAA,IAAI,WAAc,GAAA,KAAA,CAAA;AAElB,IAAA,MAAM,aAAaC,OAAwB,CAAA,IAAA,CAAA,CAAA;AAC3C,IAAM,MAAA,aAAA,GAAgB,CAAC,EAA2B,KAAA;AAChD,MAAA,UAAA,CAAW,KAAQ,GAAA,EAAA,CAAA;AAAA,KAAA,CAAA;AAGrB,IAAM,MAAA,YAAA,GAAeC,0BAAqB,CAAA,KAAA,CAAM,YAAc,EAAA,WAAA,CAAA,CAAA;AAE9D,IAAM,MAAA,YAAA,GAAeA,0BAAqB,CAAA,KAAA,CAAM,YAAc,EAAA,OAAA,CAAA,CAAA;AAE9D,IAAA,MAAM,YAAY,MAAM;AACtB,MAAc,WAAA,GAAA,KAAA,CAAA;AAAA,KAAA,CAAA;AAGhB,IAAA,MAAM,WAAc,GAAAA,0BAAA,CAAqB,KAAM,CAAA,WAAA,EAAa,MAAM;AAChE,MAAA,OAAA,EAAA,CAAA;AACA,MAAc,WAAA,GAAA,IAAA,CAAA;AACd,MAAA,QAAA,CAAS,gBAAiB,CAAA,SAAA,EAAW,SAAW,EAAA,EAAE,IAAM,EAAA,IAAA,EAAA,CAAA,CAAA;AAAA,KAAA,CAAA,CAAA;AAG1D,IAAA,MAAM,OAAU,GAAAA,0BAAA,CAAqB,KAAM,CAAA,OAAA,EAAS,MAAM;AACxD,MAAA,IAAI,CAAC,WAAA;AAAa,QAAA,MAAA,EAAA,CAAA;AAAA,KAAA,CAAA,CAAA;AAGpB,IAAM,MAAA,MAAA,GAASA,0BAAqB,CAAA,KAAA,CAAM,MAAQ,EAAA,OAAA,CAAA,CAAA;AAElD,IAAA,MAAM,OAAU,GAAAA,0BAAA,CAAqB,KAAM,CAAA,OAAA,EAAS,CAAC,CAAM,KAAA;AACzD,MAAA,IAAK,EAAiB,MAAW,KAAA,CAAA;AAAG,QAAA,OAAA,EAAA,CAAA;AAAA,KAAA,CAAA,CAAA;AAGtC,IAAA,MAAM,MAAS,GAAA;AAAA,MACb,IAAM,EAAA,MAAA;AAAA,MACN,KAAO,EAAA,OAAA;AAAA,MACP,KAAO,EAAA,OAAA;AAAA,MACP,SAAW,EAAA,WAAA;AAAA,MACX,UAAY,EAAA,YAAA;AAAA,MACZ,UAAY,EAAA,YAAA;AAAA,KAAA,CAAA;AAGd,IAAA,MAAM,SAAY,GAAA,CAChB,EACA,EAAA,OAAA,EACA,IACG,KAAA;AACH,MAAA,IAAI,EAAI,EAAA;AACN,QAAA,MAAA,CAAO,QAAQ,OAAQ,CAAA,CAAA,OAAA,CAAQ,CAAC,CAAC,MAAM,OAAa,CAAA,KAAA;AAClD,UAAA,EAAA,CAAG,MAAM,IAAM,EAAA,OAAA,CAAA,CAAA;AAAA,SAAA,CAAA,CAAA;AAAA,OAAA;AAAA,KAAA,CAAA;AAKrB,IAAMC,SAAA,CAAA,UAAA,EAAY,CAAC,SAAA,EAAW,iBAAsB,KAAA;AAClD,MAAA,SAAA,CAAU,WAAW,MAAQ,EAAA,kBAAA,CAAA,CAAA;AAC7B,MAAA,SAAA,CAAU,mBAAmB,MAAQ,EAAA,qBAAA,CAAA,CAAA;AAAA,KAAA,CAAA,CAAA;AAGvC,IAAAC,mBAAA,CAAgB,MAAM;AACpB,MAAU,SAAA,CAAA,UAAA,CAAW,OAAO,MAAQ,EAAA,qBAAA,CAAA,CAAA;AACpC,MAAA,QAAA,CAAS,oBAAoB,SAAW,EAAA,SAAA,CAAA,CAAA;AAAA,KAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"trigger.js","sources":["../../../../../../packages/components/tooltip-v2/src/trigger.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-plus/utils'\n\nimport type { ExtractPropTypes } from 'vue'\n\nconst EventHandler = {\n  type: definePropType<(e: Event) => boolean | void>(Function),\n} as const\n\nexport const tooltipV2TriggerProps = buildProps({\n  onBlur: EventHandler,\n  onClick: EventHandler,\n  onFocus: EventHandler,\n  onMouseDown: EventHandler,\n  onMouseEnter: EventHandler,\n  onMouseLeave: EventHandler,\n} as const)\n\nexport type TooltipV2TriggerProps = ExtractPropTypes<\n  typeof tooltipV2TriggerProps\n>\n"],"names":["definePropType","buildProps"],"mappings":";;;;;;;AACA,MAAM,YAAY,GAAG;AACrB,EAAE,IAAI,EAAEA,oBAAc,CAAC,QAAQ,CAAC;AAChC,CAAC,CAAC;AACU,MAAC,qBAAqB,GAAGC,gBAAU,CAAC;AAChD,EAAE,MAAM,EAAE,YAAY;AACtB,EAAE,OAAO,EAAE,YAAY;AACvB,EAAE,OAAO,EAAE,YAAY;AACvB,EAAE,WAAW,EAAE,YAAY;AAC3B,EAAE,YAAY,EAAE,YAAY;AAC5B,EAAE,YAAY,EAAE,YAAY;AAC5B,CAAC;;;;"}

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

@@ -1,32 +1,33 @@
 declare const _default: import("vue").DefineComponent<{
-    readonly asChild: BooleanConstructor;
-    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>;
+    onBlur: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<(e: Event) => boolean | void>, unknown, unknown, unknown, unknown>;
+    onClick: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<(e: Event) => boolean | void>, unknown, unknown, unknown, unknown>;
+    onFocus: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<(e: Event) => boolean | void>, unknown, unknown, unknown, unknown>;
+    onMouseDown: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<(e: Event) => boolean | void>, unknown, unknown, unknown, unknown>;
+    onMouseEnter: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<(e: Event) => boolean | void>, unknown, unknown, unknown, unknown>;
+    onMouseLeave: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<(e: Event) => boolean | void>, unknown, unknown, unknown, unknown>;
+    nowrap: BooleanConstructor;
 }, {
     props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
-        readonly asChild: BooleanConstructor;
-        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>;
+        onBlur: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<(e: Event) => boolean | void>, unknown, unknown, unknown, unknown>;
+        onClick: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<(e: Event) => boolean | void>, unknown, unknown, unknown, unknown>;
+        onFocus: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<(e: Event) => boolean | void>, unknown, unknown, unknown, unknown>;
+        onMouseDown: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<(e: Event) => boolean | void>, unknown, unknown, unknown, unknown>;
+        onMouseEnter: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<(e: Event) => boolean | void>, unknown, unknown, unknown, unknown>;
+        onMouseLeave: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<(e: Event) => boolean | void>, unknown, unknown, unknown, unknown>;
+        nowrap: BooleanConstructor;
     }>> & {
         [x: string & `on${string}`]: ((...args: any[]) => any) | ((...args: unknown[]) => any) | undefined;
     }>>;
     onClose: () => void;
     onOpen: () => void;
     onDelayOpen: () => void;
-    isMousedown: boolean;
     triggerRef: import("vue").Ref<HTMLElement | null>;
+    contentId: import("vue").Ref<string>;
+    isMousedown: boolean;
     setTriggerRef: (el: HTMLElement | null) => void;
+    onMouseup: () => void;
     onMouseenter: (event: Event) => void;
     onMouseleave: (event: Event) => void;
-    onMouseup: () => void;
     onMousedown: (event: Event) => void;
     onFocus: (event: Event) => void;
     onBlur: (event: Event) => void;
@@ -40,26 +41,30 @@ declare const _default: import("vue").DefineComponent<{
         mouseleave: (event: Event) => void;
     };
     setEvents: <T extends (e: Event) => void>(el: HTMLElement | null | undefined, events: Record<string, T>, type: 'addEventListener' | 'removeEventListener') => void;
-    OnlyChild: import("vue").DefineComponent<{
-        readonly setRef: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<import("./only-child").RefSetter>, unknown, true, unknown, unknown>;
+    ForwardRef: import("vue").DefineComponent<{
+        readonly setRef: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<import("./forward-ref").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<import("vue").ExtractPropTypes<{
-        readonly setRef: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<import("./only-child").RefSetter>, unknown, true, unknown, unknown>;
-    }>>, {}>;
+        readonly setRef: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<import("./forward-ref").RefSetter>, unknown, true, unknown, unknown>;
+        readonly onlyChild: BooleanConstructor;
+    }>>, {
+        onlyChild: boolean;
+    }>;
 }, 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 asChild: BooleanConstructor;
-    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>;
+    onBlur: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<(e: Event) => boolean | void>, unknown, unknown, unknown, unknown>;
+    onClick: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<(e: Event) => boolean | void>, unknown, unknown, unknown, unknown>;
+    onFocus: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<(e: Event) => boolean | void>, unknown, unknown, unknown, unknown>;
+    onMouseDown: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<(e: Event) => boolean | void>, unknown, unknown, unknown, unknown>;
+    onMouseEnter: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<(e: Event) => boolean | void>, unknown, unknown, unknown, unknown>;
+    onMouseLeave: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<(e: Event) => boolean | void>, unknown, unknown, unknown, unknown>;
+    nowrap: BooleanConstructor;
 }>>, {
     onBlur: (e: Event) => boolean | void;
     onFocus: (e: Event) => boolean | void;
+    nowrap: boolean;
     onClick: (e: Event) => boolean | void;
     onMouseLeave: (e: Event) => boolean | void;
     onMouseEnter: (e: Event) => boolean | void;
-    asChild: boolean;
     onMouseDown: (e: Event) => boolean | void;
 }>;
 export default _default;

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

@@ -2,21 +2,96 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var vue = require('vue');
 require('../../../utils/index.js');
-var props = require('../../../utils/vue/props.js');
+require('../../../tokens/index.js');
+var forwardRef = require('./forward-ref.js');
+var trigger = require('./trigger.js');
+var common = require('./common.js');
+var tooltipV2 = require('../../../tokens/tooltip-v2.js');
+var event = require('../../../utils/dom/event.js');
 
-const EventHandler = {
-  type: props.definePropType(Function)
+const __default__ = {
+  name: "ElTooltipV2Trigger"
 };
-const tooltipTriggerV2Props = props.buildProps({
-  asChild: Boolean,
-  onBlur: EventHandler,
-  onClick: EventHandler,
-  onFocus: EventHandler,
-  onMouseDown: EventHandler,
-  onMouseEnter: EventHandler,
-  onMouseLeave: EventHandler
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...__default__,
+  props: {
+    ...common.tooltipV2CommonProps,
+    ...trigger.tooltipV2TriggerProps
+  },
+  setup(__props) {
+    const props = __props;
+    const { onClose, onOpen, onDelayOpen, triggerRef, contentId } = vue.inject(tooltipV2.tooltipV2RootKey);
+    let isMousedown = false;
+    const setTriggerRef = (el) => {
+      triggerRef.value = el;
+    };
+    const onMouseup = () => {
+      isMousedown = false;
+    };
+    const onMouseenter = event.composeEventHandlers(props.onMouseEnter, onDelayOpen);
+    const onMouseleave = event.composeEventHandlers(props.onMouseLeave, onClose);
+    const onMousedown = event.composeEventHandlers(props.onMouseDown, () => {
+      onClose();
+      isMousedown = true;
+      document.addEventListener("mouseup", onMouseup, { once: true });
+    });
+    const onFocus = event.composeEventHandlers(props.onFocus, () => {
+      if (!isMousedown)
+        onOpen();
+    });
+    const onBlur = event.composeEventHandlers(props.onBlur, onClose);
+    const onClick = event.composeEventHandlers(props.onClick, (e) => {
+      if (e.detail === 0)
+        onClose();
+    });
+    const events = {
+      blur: onBlur,
+      click: onClick,
+      focus: onFocus,
+      mousedown: onMousedown,
+      mouseenter: onMouseenter,
+      mouseleave: onMouseleave
+    };
+    const setEvents = (el, events2, type) => {
+      if (el) {
+        Object.entries(events2).forEach(([name, handler]) => {
+          el[type](name, handler);
+        });
+      }
+    };
+    vue.watch(triggerRef, (triggerEl, previousTriggerEl) => {
+      setEvents(triggerEl, events, "addEventListener");
+      setEvents(previousTriggerEl, events, "removeEventListener");
+      if (triggerEl) {
+        triggerEl.setAttribute("aria-describedby", contentId.value);
+      }
+    });
+    vue.onBeforeUnmount(() => {
+      setEvents(triggerRef.value, events, "removeEventListener");
+      document.removeEventListener("mouseup", onMouseup);
+    });
+    return (_ctx, _cache) => {
+      return _ctx.nowrap ? (vue.openBlock(), vue.createBlock(vue.unref(forwardRef["default"]), {
+        key: 0,
+        "set-ref": setTriggerRef,
+        "only-child": ""
+      }, {
+        default: vue.withCtx(() => [
+          vue.renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      })) : (vue.openBlock(), vue.createElementBlock("button", vue.mergeProps({
+        key: 1,
+        ref_key: "triggerRef",
+        ref: triggerRef
+      }, _ctx.$attrs), [
+        vue.renderSlot(_ctx.$slots, "default")
+      ], 16));
+    };
+  }
 });
 
-exports.tooltipTriggerV2Props = tooltipTriggerV2Props;
+exports["default"] = _sfc_main;
 //# sourceMappingURL=trigger2.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"trigger2.js","sources":["../../../../../../packages/components/tooltip-v2/src/trigger.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-plus/utils'\n\nimport type { ExtractPropTypes } from 'vue'\n\nconst EventHandler = {\n  type: definePropType<(e: Event) => boolean | void>(Function),\n} as const\n\nexport const tooltipTriggerV2Props = buildProps({\n  asChild: Boolean,\n  onBlur: EventHandler,\n  onClick: EventHandler,\n  onFocus: EventHandler,\n  onMouseDown: EventHandler,\n  onMouseEnter: EventHandler,\n  onMouseLeave: EventHandler,\n} as const)\n\nexport type TooltipTriggerV2Props = ExtractPropTypes<\n  typeof tooltipTriggerV2Props\n>\n"],"names":["definePropType","buildProps"],"mappings":";;;;;;;AACA,MAAM,YAAY,GAAG;AACrB,EAAE,IAAI,EAAEA,oBAAc,CAAC,QAAQ,CAAC;AAChC,CAAC,CAAC;AACU,MAAC,qBAAqB,GAAGC,gBAAU,CAAC;AAChD,EAAE,OAAO,EAAE,OAAO;AAClB,EAAE,MAAM,EAAE,YAAY;AACtB,EAAE,OAAO,EAAE,YAAY;AACvB,EAAE,OAAO,EAAE,YAAY;AACvB,EAAE,WAAW,EAAE,YAAY;AAC3B,EAAE,YAAY,EAAE,YAAY;AAC5B,EAAE,YAAY,EAAE,YAAY;AAC5B,CAAC;;;;"}
+{"version":3,"file":"trigger2.js","sources":["../../../../../../packages/components/tooltip-v2/src/trigger.vue"],"sourcesContent":["<template>\n  <forward-ref v-if=\"nowrap\" :set-ref=\"setTriggerRef\" only-child>\n    <slot />\n  </forward-ref>\n  <button v-else ref=\"triggerRef\" v-bind=\"$attrs\">\n    <slot />\n  </button>\n</template>\n\n<script setup lang=\"ts\">\nimport { inject, onBeforeUnmount, watch } from 'vue'\nimport { composeEventHandlers } from '@element-plus/utils'\nimport { tooltipV2RootKey } from '@element-plus/tokens'\nimport ForwardRef from './forward-ref'\nimport { tooltipV2TriggerProps } from './trigger'\nimport { tooltipV2CommonProps } from './common'\n\ndefineOptions({\n  name: 'ElTooltipV2Trigger',\n})\n\nconst props = defineProps({\n  ...tooltipV2CommonProps,\n  ...tooltipV2TriggerProps,\n})\n\n/**\n * onOpen opens the tooltip instantly, onTrigger acts a lil bit differently,\n * it will check if delayDuration is set to greater than 0 and based on that result,\n * if true, it opens the tooltip after delayDuration, otherwise it opens it instantly.\n */\nconst { onClose, onOpen, onDelayOpen, triggerRef, contentId } =\n  inject(tooltipV2RootKey)!\n\nlet isMousedown = false\n\nconst setTriggerRef = (el: HTMLElement | null) => {\n  triggerRef.value = el\n}\n\nconst onMouseup = () => {\n  isMousedown = false\n}\n\nconst onMouseenter = composeEventHandlers(props.onMouseEnter, onDelayOpen)\n\nconst onMouseleave = composeEventHandlers(props.onMouseLeave, onClose)\n\nconst onMousedown = composeEventHandlers(props.onMouseDown, () => {\n  onClose()\n  isMousedown = true\n  document.addEventListener('mouseup', onMouseup, { once: true })\n})\n\nconst onFocus = composeEventHandlers(props.onFocus, () => {\n  if (!isMousedown) onOpen()\n})\n\nconst onBlur = composeEventHandlers(props.onBlur, onClose)\n\nconst onClick = composeEventHandlers(props.onClick, (e) => {\n  if ((e as MouseEvent).detail === 0) onClose()\n})\n\nconst events = {\n  blur: onBlur,\n  click: onClick,\n  focus: onFocus,\n  mousedown: onMousedown,\n  mouseenter: onMouseenter,\n  mouseleave: onMouseleave,\n}\n\nconst setEvents = <T extends (e: Event) => void>(\n  el: HTMLElement | null | undefined,\n  events: Record<string, T>,\n  type: 'addEventListener' | 'removeEventListener'\n) => {\n  if (el) {\n    Object.entries(events).forEach(([name, handler]) => {\n      el[type](name, handler)\n    })\n  }\n}\n\nwatch(triggerRef, (triggerEl, previousTriggerEl) => {\n  setEvents(triggerEl, events, 'addEventListener')\n  setEvents(previousTriggerEl, events, 'removeEventListener')\n\n  if (triggerEl) {\n    triggerEl.setAttribute('aria-describedby', contentId.value)\n  }\n})\n\nonBeforeUnmount(() => {\n  setEvents(triggerRef.value, events, 'removeEventListener')\n  document.removeEventListener('mouseup', onMouseup)\n})\n</script>\n"],"names":["inject","tooltipV2RootKey","composeEventHandlers","watch","onBeforeUnmount"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AA+BA,IAAA,MAAA,EAAA,OAAA,EAAA,MAAA,EAAA,WAAA,EAAA,UAAA,EAAA,cACAA,UAAA,CAAAC,0BAAA,CAAA,CAAA;AAEA,IAAA,IAAA,WAAA,GAAA,KAAA,CAAA;AAEA,IAAA,MAAA,aAAA,GAAA,CAAA,EAAA,KAAA;AACA,MAAA,UAAA,CAAA,KAAA,GAAA,EAAA,CAAA;AAAA,KAAA,CAAA;AAGA,IAAA,MAAA,YAAA,MAAA;AACA,MAAA,WAAA,GAAA,KAAA,CAAA;AAAA,KAAA,CAAA;AAGA,IAAA,MAAA,YAAA,GAAAC,0BAAA,CAAA,KAAA,CAAA,YAAA,EAAA,WAAA,CAAA,CAAA;AAEA,IAAA,MAAA,YAAA,GAAAA,0BAAA,CAAA,KAAA,CAAA,YAAA,EAAA,OAAA,CAAA,CAAA;AAEA,IAAA,MAAA,WAAA,GAAAA,0BAAA,CAAA,KAAA,CAAA,WAAA,EAAA,MAAA;AACA,MAAA,OAAA,EAAA,CAAA;AACA,MAAA,WAAA,GAAA,IAAA,CAAA;AACA,MAAA,QAAA,CAAA,gBAAA,CAAA,SAAA,EAAA,SAAA,EAAA,EAAA,IAAA,EAAA,IAAA,EAAA,CAAA,CAAA;AAAA,KAAA,CAAA,CAAA;AAGA,IAAA,MAAA,OAAA,GAAAA,0BAAA,CAAA,KAAA,CAAA,OAAA,EAAA,MAAA;AACA,MAAA,IAAA,CAAA,WAAA;AAAA,QAAA,MAAA,EAAA,CAAA;AAAA,KAAA,CAAA,CAAA;AAGA,IAAA,MAAA,MAAA,GAAAA,0BAAA,CAAA,KAAA,CAAA,MAAA,EAAA,OAAA,CAAA,CAAA;AAEA,IAAA,MAAA,OAAA,GAAAA,0BAAA,CAAA,KAAA,CAAA,OAAA,EAAA,CAAA,CAAA,KAAA;AACA,MAAA,IAAA,EAAA,MAAA,KAAA,CAAA;AAAA,QAAA,OAAA,EAAA,CAAA;AAAA,KAAA,CAAA,CAAA;AAGA,IAAA,MAAA,MAAA,GAAA;AAAA,MACA,IAAA,EAAA,MAAA;AAAA,MACA,KAAA,EAAA,OAAA;AAAA,MACA,KAAA,EAAA,OAAA;AAAA,MACA,SAAA,EAAA,WAAA;AAAA,MACA,UAAA,EAAA,YAAA;AAAA,MACA,UAAA,EAAA,YAAA;AAAA,KAAA,CAAA;AAGA,IAAA,MAAA,SAAA,GAAA,CACA,EACA,EAAA,OAAA,EACA,IACA,KAAA;AACA,MAAA,IAAA,EAAA,EAAA;AACA,QAAA,MAAA,CAAA,QAAA,OAAA,CAAA,CAAA,OAAA,CAAA,CAAA,CAAA,MAAA,OAAA,CAAA,KAAA;AACA,UAAA,EAAA,CAAA,MAAA,IAAA,EAAA,OAAA,CAAA,CAAA;AAAA,SAAA,CAAA,CAAA;AAAA,OAAA;AAAA,KAAA,CAAA;AAKA,IAAAC,SAAA,CAAA,UAAA,EAAA,CAAA,SAAA,EAAA,iBAAA,KAAA;AACA,MAAA,SAAA,CAAA,WAAA,MAAA,EAAA,kBAAA,CAAA,CAAA;AACA,MAAA,SAAA,CAAA,mBAAA,MAAA,EAAA,qBAAA,CAAA,CAAA;AAEA,MAAA,IAAA,SAAA,EAAA;AACA,QAAA,SAAA,CAAA,YAAA,CAAA,oBAAA,SAAA,CAAA,KAAA,CAAA,CAAA;AAAA,OAAA;AAAA,KAAA,CAAA,CAAA;AAIA,IAAAC,mBAAA,CAAA,MAAA;AACA,MAAA,SAAA,CAAA,UAAA,CAAA,OAAA,MAAA,EAAA,qBAAA,CAAA,CAAA;AACA,MAAA,QAAA,CAAA,oBAAA,SAAA,EAAA,SAAA,CAAA,CAAA;AAAA,KAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/visual-hidden/src/visual-hidden.js

@@ -35,7 +35,9 @@ const _sfc_main = vue.defineComponent({
   }
 });
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return vue.openBlock(), vue.createElementBlock("span", vue.mergeProps(_ctx.$attrs, { style: _ctx.computedStyle }), null, 16);
+  return vue.openBlock(), vue.createElementBlock("span", vue.mergeProps(_ctx.$attrs, { style: _ctx.computedStyle }), [
+    vue.renderSlot(_ctx.$slots, "default")
+  ], 16);
 }
 var ElVisuallyHidden = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render]]);
 

package/lib/components/visual-hidden/src/visual-hidden.js.map

@@ -1 +1 @@
-{"version":3,"file":"visual-hidden.js","sources":["../../../../../../packages/components/visual-hidden/src/visual-hidden.vue"],"sourcesContent":["<template>\n  <span v-bind=\"$attrs\" :style=\"computedStyle\" />\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent } from 'vue'\n\nexport default defineComponent({\n  name: 'ElVisuallyHidden',\n  props: {\n    style: {\n      type: [String, Object, Array],\n    },\n  },\n  setup(props) {\n    return {\n      computedStyle: computed(() => {\n        return [\n          props.style,\n          {\n            position: 'absolute',\n            border: 0,\n            width: 1,\n            height: 1,\n            padding: 0,\n            margin: -1,\n            overflow: 'hidden',\n            clip: 'rect(0, 0, 0, 0)',\n            whiteSpace: 'nowrap',\n            wordWrap: 'normal',\n          },\n        ] as any\n      }),\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","computed","_openBlock","_createElementBlock","_mergeProps"],"mappings":";;;;;;;AAOA,MAAK,YAAaA,mBAAa,CAAA;AAAA,EAC7B,IAAM,EAAA,kBAAA;AAAA,EACN,KAAO,EAAA;AAAA,IACL,KAAO,EAAA;AAAA,MACL,IAAA,EAAM,CAAC,MAAA,EAAQ,MAAQ,EAAA,KAAA,CAAA;AAAA,KAAA;AAAA,GAAA;AAAA,EAG3B,MAAM,KAAO,EAAA;AACX,IAAO,OAAA;AAAA,MACL,aAAA,EAAeC,aAAS,MAAM;AAC5B,QAAO,OAAA;AAAA,UACL,KAAM,CAAA,KAAA;AAAA,UACN;AAAA,YACE,QAAU,EAAA,UAAA;AAAA,YACV,MAAQ,EAAA,CAAA;AAAA,YACR,KAAO,EAAA,CAAA;AAAA,YACP,MAAQ,EAAA,CAAA;AAAA,YACR,OAAS,EAAA,CAAA;AAAA,YACT,MAAQ,EAAA,CAAA,CAAA;AAAA,YACR,QAAU,EAAA,QAAA;AAAA,YACV,IAAM,EAAA,kBAAA;AAAA,YACN,UAAY,EAAA,QAAA;AAAA,YACZ,QAAU,EAAA,QAAA;AAAA,WAAA;AAAA,SAAA,CAAA;AAAA,OAAA,CAAA;AAAA,KAAA,CAAA;AAAA,GAAA;AAAA,CAAA,CAAA,CAAA;;AA5BpB,EAAA,OAAAC,aAAA,EAAA,EAAAC,sBAAA,CAA+C,QAA/CC,cAAc,CAAA,IAAA,CAAiC,MAA3B,EAAA,EAAG,OAAO,IAAa,CAAA,aAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,CAAA;AAAA,CAAA;;;;;"}
+{"version":3,"file":"visual-hidden.js","sources":["../../../../../../packages/components/visual-hidden/src/visual-hidden.vue"],"sourcesContent":["<template>\n  <span v-bind=\"$attrs\" :style=\"computedStyle\">\n    <slot />\n  </span>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent } from 'vue'\n\nexport default defineComponent({\n  name: 'ElVisuallyHidden',\n  props: {\n    style: {\n      type: [String, Object, Array],\n    },\n  },\n  setup(props) {\n    return {\n      computedStyle: computed(() => {\n        return [\n          props.style,\n          {\n            position: 'absolute',\n            border: 0,\n            width: 1,\n            height: 1,\n            padding: 0,\n            margin: -1,\n            overflow: 'hidden',\n            clip: 'rect(0, 0, 0, 0)',\n            whiteSpace: 'nowrap',\n            wordWrap: 'normal',\n          },\n        ] as any\n      }),\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","computed","_openBlock","_createElementBlock","_mergeProps","_renderSlot"],"mappings":";;;;;;;AASA,MAAK,YAAaA,mBAAa,CAAA;AAAA,EAC7B,IAAM,EAAA,kBAAA;AAAA,EACN,KAAO,EAAA;AAAA,IACL,KAAO,EAAA;AAAA,MACL,IAAA,EAAM,CAAC,MAAA,EAAQ,MAAQ,EAAA,KAAA,CAAA;AAAA,KAAA;AAAA,GAAA;AAAA,EAG3B,MAAM,KAAO,EAAA;AACX,IAAO,OAAA;AAAA,MACL,aAAA,EAAeC,aAAS,MAAM;AAC5B,QAAO,OAAA;AAAA,UACL,KAAM,CAAA,KAAA;AAAA,UACN;AAAA,YACE,QAAU,EAAA,UAAA;AAAA,YACV,MAAQ,EAAA,CAAA;AAAA,YACR,KAAO,EAAA,CAAA;AAAA,YACP,MAAQ,EAAA,CAAA;AAAA,YACR,OAAS,EAAA,CAAA;AAAA,YACT,MAAQ,EAAA,CAAA,CAAA;AAAA,YACR,QAAU,EAAA,QAAA;AAAA,YACV,IAAM,EAAA,kBAAA;AAAA,YACN,UAAY,EAAA,QAAA;AAAA,YACZ,QAAU,EAAA,QAAA;AAAA,WAAA;AAAA,SAAA,CAAA;AAAA,OAAA,CAAA;AAAA,KAAA,CAAA;AAAA,GAAA;AAAA,CAAA,CAAA,CAAA;;AA9BpB,EAAA,OAAAC,aAAA,EAAA,EAAAC,sBAAA,CAEO,QAFPC,cAAc,CAAA,IAAA,CAEP,MAFa,EAAA,EAAG,OAAO,IAAa,CAAA,aAAA,EAAA,CAAA,EAAA;AAAA,IACzCC,cAAQ,CAAA,IAAA,CAAA,MAAA,EAAA,SAAA,CAAA;AAAA,GAAA,EAAA,EAAA,CAAA,CAAA;;;;;;"}

package/lib/hooks/use-floating/index.d.ts

@@ -11,8 +11,8 @@ export declare const useFloating: ({ middleware, placement, strategy, }: UseFloa
     update: () => Promise<void>;
     referenceRef: Ref<HTMLElement | VirtualElement | undefined>;
     contentRef: Ref<HTMLElement | undefined>;
-    x: Ref<string | undefined>;
-    y: Ref<string | undefined>;
+    x: Ref<number | undefined>;
+    y: Ref<number | undefined>;
     placement: Ref<Placement>;
     strategy: Ref<Strategy>;
     middlewareData: Ref<{
@@ -63,7 +63,7 @@ export declare const useFloating: ({ middleware, placement, strategy, }: UseFloa
     }>;
 };
 export declare type ArrowMiddlewareProps = {
-    arrowRef: Ref<HTMLElement | undefined>;
+    arrowRef: Ref<HTMLElement | null>;
     padding?: number | SideObject;
 };
 export declare const arrowMiddleware: ({ arrowRef, padding, }: ArrowMiddlewareProps) => Middleware;

package/lib/hooks/use-floating/index.js

@@ -18,7 +18,7 @@ const unrefReference = (elRef) => {
   const unrefEl = core.unrefElement(elRef);
   if (unrefEl)
     return unrefEl;
-  return elRef;
+  return vue.isRef(elRef) ? unrefEl : elRef;
 };
 const getPositionDataWithUnit = (record, key) => {
   const value = record == null ? void 0 : record[key];
@@ -53,14 +53,15 @@ const useFloating = ({
       strategy: vue.unref(strategy),
       middleware: vue.unref(middleware)
     });
-    ["x", "y"].forEach((key) => data[key] = getPositionDataWithUnit(data, key));
     Object.keys(states).forEach((key) => {
       states[key].value = data[key];
     });
   };
-  vue.watch(referenceRef, () => update());
-  vue.watch(contentRef, () => update());
-  vue.onMounted(() => update());
+  vue.onMounted(() => {
+    vue.watchEffect(() => {
+      update();
+    });
+  });
   return {
     ...states,
     update,

package/lib/hooks/use-floating/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../packages/hooks/use-floating/index.ts"],"sourcesContent":["import { onMounted, ref, unref, watch } from 'vue'\nimport { isClient, unrefElement } from '@vueuse/core'\nimport { isNil } from 'lodash-unified'\nimport { arrow as arrowCore, computePosition } from '@floating-ui/dom'\n\nimport { buildProps } from '@element-plus/utils'\n\nimport type { Ref, ToRefs } from 'vue'\nimport type {\n  ComputePositionReturn,\n  Middleware,\n  Placement,\n  SideObject,\n  Strategy,\n  VirtualElement,\n} from '@floating-ui/dom'\n\nexport const useFloatingProps = buildProps({} as const)\n\nexport type UseFloatingProps = ToRefs<{\n  middleware: Array<Middleware>\n  placement: Placement\n  strategy: Strategy\n}>\n\ntype ElementRef = Parameters<typeof unrefElement>['0']\n\nconst unrefReference = (\n  elRef: ElementRef | Ref<VirtualElement | undefined>\n) => {\n  if (!isClient) return\n  if (!elRef) return elRef\n  const unrefEl = unrefElement(elRef as ElementRef)\n  if (unrefEl) return unrefEl\n  return elRef as VirtualElement\n}\n\nexport const getPositionDataWithUnit = <T extends Record<string, number>>(\n  record: T | undefined,\n  key: keyof T\n) => {\n  const value = record?.[key]\n  return isNil(value) ? '' : `${value}px`\n}\n\nexport const useFloating = ({\n  middleware,\n  placement,\n  strategy,\n}: UseFloatingProps) => {\n  const referenceRef = ref<HTMLElement | VirtualElement>()\n  const contentRef = ref<HTMLElement>()\n  const x = ref<string>()\n  const y = ref<string>()\n  const middlewareData = ref<ComputePositionReturn['middlewareData']>({})\n\n  const states = {\n    x,\n    y,\n    placement,\n    strategy,\n    middlewareData,\n  } as const\n\n  const update = async () => {\n    if (!isClient) return\n\n    const referenceEl = unrefReference(referenceRef)\n    const contentEl = unrefElement(contentRef)\n\n    if (!referenceEl || !contentEl) return\n\n    const data = await computePosition(referenceEl, contentEl, {\n      placement: unref(placement),\n      strategy: unref(strategy),\n      middleware: unref(middleware),\n    })\n\n    ;['x', 'y'].forEach(\n      (key) => (data[key] = getPositionDataWithUnit(data as any, key))\n    )\n\n    Object.keys(states).forEach((key) => {\n      states[key].value = data[key]\n    })\n  }\n\n  watch(referenceRef, () => update())\n\n  watch(contentRef, () => update())\n\n  onMounted(() => update())\n\n  return {\n    ...states,\n    update,\n    referenceRef,\n    contentRef,\n  }\n}\n\nexport type ArrowMiddlewareProps = {\n  arrowRef: Ref<HTMLElement | undefined>\n  padding?: number | SideObject\n}\n\nexport const arrowMiddleware = ({\n  arrowRef,\n  padding,\n}: ArrowMiddlewareProps): Middleware => {\n  return {\n    name: 'arrow',\n    options: {\n      element: arrowRef,\n      padding,\n    },\n\n    fn(args) {\n      const arrowEl = unref(arrowRef)\n      if (!arrowEl) return {}\n\n      return arrowCore({\n        element: arrowEl,\n        padding,\n      }).fn(args)\n    },\n  }\n}\n"],"names":["buildProps","isClient","unrefElement","isNil","ref","computePosition","unref","watch","onMounted","arrowCore"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../../packages/hooks/use-floating/index.ts"],"sourcesContent":["import { isRef, onMounted, ref, unref, watchEffect } from 'vue'\nimport { isClient, unrefElement } from '@vueuse/core'\nimport { isNil } from 'lodash-unified'\nimport { arrow as arrowCore, computePosition } from '@floating-ui/dom'\n\nimport { buildProps } from '@element-plus/utils'\n\nimport type { Ref, ToRefs } from 'vue'\nimport type {\n  ComputePositionReturn,\n  Middleware,\n  Placement,\n  SideObject,\n  Strategy,\n  VirtualElement,\n} from '@floating-ui/dom'\n\nexport const useFloatingProps = buildProps({} as const)\n\nexport type UseFloatingProps = ToRefs<{\n  middleware: Array<Middleware>\n  placement: Placement\n  strategy: Strategy\n}>\n\ntype ElementRef = Parameters<typeof unrefElement>['0']\n\nconst unrefReference = (\n  elRef: ElementRef | Ref<VirtualElement | undefined>\n) => {\n  if (!isClient) return\n  if (!elRef) return elRef\n  const unrefEl = unrefElement(elRef as ElementRef)\n  if (unrefEl) return unrefEl\n  return isRef(elRef) ? unrefEl : (elRef as VirtualElement)\n}\n\nexport const getPositionDataWithUnit = <T extends Record<string, number>>(\n  record: T | undefined,\n  key: keyof T\n) => {\n  const value = record?.[key]\n  return isNil(value) ? '' : `${value}px`\n}\n\nexport const useFloating = ({\n  middleware,\n  placement,\n  strategy,\n}: UseFloatingProps) => {\n  const referenceRef = ref<HTMLElement | VirtualElement>()\n  const contentRef = ref<HTMLElement>()\n  const x = ref<number>()\n  const y = ref<number>()\n  const middlewareData = ref<ComputePositionReturn['middlewareData']>({})\n\n  const states = {\n    x,\n    y,\n    placement,\n    strategy,\n    middlewareData,\n  } as const\n\n  const update = async () => {\n    if (!isClient) return\n\n    const referenceEl = unrefReference(referenceRef)\n    const contentEl = unrefElement(contentRef)\n    if (!referenceEl || !contentEl) return\n\n    const data = await computePosition(referenceEl, contentEl, {\n      placement: unref(placement),\n      strategy: unref(strategy),\n      middleware: unref(middleware),\n    })\n\n    Object.keys(states).forEach((key) => {\n      states[key].value = data[key]\n    })\n  }\n\n  onMounted(() => {\n    watchEffect(() => {\n      update()\n    })\n  })\n\n  return {\n    ...states,\n    update,\n    referenceRef,\n    contentRef,\n  }\n}\n\nexport type ArrowMiddlewareProps = {\n  arrowRef: Ref<HTMLElement | null>\n  padding?: number | SideObject\n}\n\nexport const arrowMiddleware = ({\n  arrowRef,\n  padding,\n}: ArrowMiddlewareProps): Middleware => {\n  return {\n    name: 'arrow',\n    options: {\n      element: arrowRef,\n      padding,\n    },\n\n    fn(args) {\n      const arrowEl = unref(arrowRef)\n      if (!arrowEl) return {}\n\n      return arrowCore({\n        element: arrowEl,\n        padding,\n      }).fn(args)\n    },\n  }\n}\n"],"names":["buildProps","isClient","unrefElement","isRef","isNil","ref","computePosition","unref","onMounted","watchEffect","arrowCore"],"mappings":"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"}

package/lib/index.js

@@ -96,11 +96,11 @@ var index$D = require('./components/popconfirm/index.js');
 var deprecation = require('./components/popper/src/deprecation.js');
 var popper = require('./components/popper/src/popper.js');
 var trigger$1 = require('./components/popper/src/trigger.js');
-var content$1 = require('./components/popper/src/content2.js');
+var content$1 = require('./components/popper/src/content.js');
 var arrow$1 = require('./components/popper/src/arrow.js');
 var arrow = require('./components/popper/src/arrow2.js');
 var trigger = require('./components/popper/src/trigger2.js');
-var content = require('./components/popper/src/content.js');
+var content = require('./components/popper/src/content2.js');
 var index$E = require('./components/popper/index.js');
 var progress = require('./components/progress/src/progress.js');
 var index$F = require('./components/progress/index.js');
@@ -130,7 +130,7 @@ var space = require('./components/space/src/space.js');
 var useSpace = require('./components/space/src/use-space.js');
 var index$P = require('./components/space/index.js');
 var index$Q = require('./components/steps/index.js');
-var _switch = require('./components/switch/src/switch2.js');
+var _switch = require('./components/switch/src/switch.js');
 var index$R = require('./components/switch/index.js');
 var index$S = require('./components/table/index.js');
 var tabs = require('./components/tabs/src/tabs.js');
@@ -583,6 +583,7 @@ exports.uploadContextKey = upload$1.uploadContextKey;
 exports.POPPER_CONTENT_INJECTION_KEY = popper$1.POPPER_CONTENT_INJECTION_KEY;
 exports.POPPER_INJECTION_KEY = popper$1.POPPER_INJECTION_KEY;
 exports.TOOLTIP_V2_OPEN = tooltipV2.TOOLTIP_V2_OPEN;
+exports.tooltipV2ContentKey = tooltipV2.tooltipV2ContentKey;
 exports.tooltipV2RootKey = tooltipV2.tooltipV2RootKey;
 exports.install = install;
 exports.version = version;

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../packages/element-plus/index.ts"],"sourcesContent":["import installer from './defaults'\nexport * from '@element-plus/components'\nexport * from '@element-plus/constants'\nexport * from '@element-plus/directives'\nexport * from '@element-plus/hooks'\nexport * from '@element-plus/tokens'\nexport { makeInstaller } from './make-installer'\n\nexport const install = installer.install\nexport const version = installer.version\nexport default installer\n\nexport { default as dayjs } from 'dayjs'\n"],"names":["installer"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOY,MAAC,OAAO,GAAGA,mBAAS,CAAC,QAAQ;AAC7B,MAAC,OAAO,GAAGA,mBAAS,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":["../../../packages/element-plus/index.ts"],"sourcesContent":["import installer from './defaults'\nexport * from '@element-plus/components'\nexport * from '@element-plus/constants'\nexport * from '@element-plus/directives'\nexport * from '@element-plus/hooks'\nexport * from '@element-plus/tokens'\nexport { makeInstaller } from './make-installer'\n\nexport const install = installer.install\nexport const version = installer.version\nexport default installer\n\nexport { default as dayjs } from 'dayjs'\n"],"names":["installer"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOY,MAAC,OAAO,GAAGA,mBAAS,CAAC,QAAQ;AAC7B,MAAC,OAAO,GAAGA,mBAAS,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/tokens/index.js

@@ -38,5 +38,6 @@ exports.uploadContextKey = upload.uploadContextKey;
 exports.POPPER_CONTENT_INJECTION_KEY = popper.POPPER_CONTENT_INJECTION_KEY;
 exports.POPPER_INJECTION_KEY = popper.POPPER_INJECTION_KEY;
 exports.TOOLTIP_V2_OPEN = tooltipV2.TOOLTIP_V2_OPEN;
+exports.tooltipV2ContentKey = tooltipV2.tooltipV2ContentKey;
 exports.tooltipV2RootKey = tooltipV2.tooltipV2RootKey;
 //# sourceMappingURL=index.js.map

package/lib/tokens/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}