@element-plus/nightly 0.0.20220120 → 0.0.20220124

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

@@ -1,7 +1,169 @@
-import script from './content.vue_vue_type_script_lang.mjs';
-export { default } from './content.vue_vue_type_script_lang.mjs';
-import { render } from './content.vue_vue_type_template_id_20254f8d_lang.mjs';
+import { defineComponent, ref, inject, computed, unref, watch, resolveComponent, openBlock, createBlock, Teleport, createVNode, Transition, withCtx, withDirectives, mergeProps, renderSlot, createTextVNode, toDisplayString, vShow, createCommentVNode } from 'vue';
+import { onClickOutside } from '@vueuse/core';
+import '../../popper/index.mjs';
+import '../../visual-hidden/index.mjs';
+import { composeEventHandlers } from '../../../utils/dom.mjs';
+import '../../../hooks/index.mjs';
+import { useTooltipContentProps } from './tooltip.mjs';
+import { TOOLTIP_INJECTION_KEY } from './tokens.mjs';
+import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
+import ElPopperContent from '../../popper/src/content.mjs';
+import ElVisuallyHidden from '../../visual-hidden/src/visual-hidden.mjs';
+import { useEscapeKeydown } from '../../../hooks/use-escape-keydown/index.mjs';
 
-script.render = render;
-script.__file = "packages/components/tooltip/src/content.vue";
+const _sfc_main = defineComponent({
+  name: "ElTooltipContent",
+  components: {
+    ElPopperContent,
+    ElVisuallyHidden
+  },
+  inheritAttrs: false,
+  props: useTooltipContentProps,
+  setup(props) {
+    const contentRef = ref(null);
+    const intermediateOpen = ref(false);
+    const entering = ref(false);
+    const leaving = ref(false);
+    const { controlled, id, open, trigger, onClose, onOpen, onShow, onHide } = inject(TOOLTIP_INJECTION_KEY, void 0);
+    const persistentRef = computed(() => {
+      if (process.env.NODE_ENV === "test") {
+        return true;
+      }
+      return props.persistent;
+    });
+    const shouldRender = computed(() => {
+      return unref(persistentRef) ? true : unref(open);
+    });
+    const shouldShow = computed(() => {
+      return props.disabled ? false : unref(open);
+    });
+    const contentStyle = computed(() => {
+      var _a;
+      return (_a = props.style) != null ? _a : {};
+    });
+    const ariaHidden = computed(() => !unref(open));
+    useEscapeKeydown(onClose);
+    const onTransitionLeave = () => {
+      onHide();
+    };
+    const stopWhenControlled = () => {
+      if (unref(controlled))
+        return true;
+    };
+    const onContentEnter = composeEventHandlers(stopWhenControlled, () => {
+      if (props.enterable && unref(trigger) === "hover") {
+        onOpen();
+      }
+    });
+    const onContentLeave = composeEventHandlers(stopWhenControlled, () => {
+      if (unref(trigger) === "hover") {
+        onClose();
+      }
+    });
+    const onBeforeEnter = () => {
+      var _a, _b;
+      (_b = (_a = contentRef.value) == null ? void 0 : _a.updatePopper) == null ? void 0 : _b.call(_a);
+    };
+    const onAfterShow = () => {
+      onShow();
+    };
+    let stopHandle;
+    watch(() => unref(open), (val) => {
+      if (val) {
+        stopHandle = onClickOutside(computed(() => {
+          var _a;
+          return (_a = contentRef.value) == null ? void 0 : _a.popperContentRef;
+        }), () => {
+          if (unref(controlled))
+            return;
+          const $trigger = unref(trigger);
+          if ($trigger !== "hover") {
+            onClose();
+          }
+        });
+      } else {
+        stopHandle == null ? void 0 : stopHandle();
+      }
+    }, {
+      flush: "post"
+    });
+    return {
+      ariaHidden,
+      entering,
+      leaving,
+      id,
+      intermediateOpen,
+      contentStyle,
+      contentRef,
+      shouldRender,
+      shouldShow,
+      open,
+      onAfterShow,
+      onBeforeEnter,
+      onContentEnter,
+      onContentLeave,
+      onTransitionLeave
+    };
+  }
+});
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_el_visually_hidden = resolveComponent("el-visually-hidden");
+  const _component_el_popper_content = resolveComponent("el-popper-content");
+  return openBlock(), createBlock(Teleport, {
+    disabled: !_ctx.teleported,
+    to: _ctx.appendTo
+  }, [
+    createVNode(Transition, {
+      name: _ctx.transition,
+      onAfterLeave: _ctx.onTransitionLeave,
+      onBeforeEnter: _ctx.onBeforeEnter,
+      onAfterEnter: _ctx.onAfterShow
+    }, {
+      default: withCtx(() => [
+        _ctx.shouldRender ? withDirectives((openBlock(), createBlock(_component_el_popper_content, mergeProps({
+          key: 0,
+          ref: "contentRef"
+        }, _ctx.$attrs, {
+          "aria-hidden": _ctx.ariaHidden,
+          "boundaries-padding": _ctx.boundariesPadding,
+          "fallback-placements": _ctx.fallbackPlacements,
+          "gpu-acceleration": _ctx.gpuAcceleration,
+          offset: _ctx.offset,
+          placement: _ctx.placement,
+          "popper-options": _ctx.popperOptions,
+          strategy: _ctx.strategy,
+          effect: _ctx.effect,
+          enterable: _ctx.enterable,
+          pure: _ctx.pure,
+          "popper-class": _ctx.popperClass,
+          "popper-style": [_ctx.popperStyle, _ctx.contentStyle],
+          "reference-el": _ctx.referenceEl,
+          "z-index": _ctx.zIndex,
+          onMouseenter: _ctx.onContentEnter,
+          onMouseleave: _ctx.onContentLeave
+        }), {
+          default: withCtx(() => [
+            renderSlot(_ctx.$slots, "default"),
+            createVNode(_component_el_visually_hidden, {
+              id: _ctx.id,
+              role: "tooltip"
+            }, {
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(_ctx.ariaLabel), 1)
+              ]),
+              _: 1
+            }, 8, ["id"])
+          ]),
+          _: 3
+        }, 16, ["aria-hidden", "boundaries-padding", "fallback-placements", "gpu-acceleration", "offset", "placement", "popper-options", "strategy", "effect", "enterable", "pure", "popper-class", "popper-style", "reference-el", "z-index", "onMouseenter", "onMouseleave"])), [
+          [vShow, _ctx.shouldShow]
+        ]) : createCommentVNode("v-if", true)
+      ]),
+      _: 3
+    }, 8, ["name", "onAfterLeave", "onBeforeEnter", "onAfterEnter"])
+  ], 8, ["disabled", "to"]);
+}
+var ElTooltipContent = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+
+export { ElTooltipContent as default };
 //# sourceMappingURL=content.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"content.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}
+{"version":3,"file":"content.mjs","sources":["../../../../../../packages/components/tooltip/src/content.vue"],"sourcesContent":["<template>\n  <teleport :disabled=\"!teleported\" :to=\"appendTo\">\n    <transition\n      :name=\"transition\"\n      @after-leave=\"onTransitionLeave\"\n      @before-enter=\"onBeforeEnter\"\n      @after-enter=\"onAfterShow\"\n    >\n      <el-popper-content\n        v-if=\"shouldRender\"\n        v-show=\"shouldShow\"\n        ref=\"contentRef\"\n        v-bind=\"$attrs\"\n        :aria-hidden=\"ariaHidden\"\n        :boundaries-padding=\"boundariesPadding\"\n        :fallback-placements=\"fallbackPlacements\"\n        :gpu-acceleration=\"gpuAcceleration\"\n        :offset=\"offset\"\n        :placement=\"placement\"\n        :popper-options=\"popperOptions\"\n        :strategy=\"strategy\"\n        :effect=\"effect\"\n        :enterable=\"enterable\"\n        :pure=\"pure\"\n        :popper-class=\"popperClass\"\n        :popper-style=\"[popperStyle, contentStyle]\"\n        :reference-el=\"referenceEl\"\n        :z-index=\"zIndex\"\n        @mouseenter=\"onContentEnter\"\n        @mouseleave=\"onContentLeave\"\n      >\n        <slot />\n        <el-visually-hidden :id=\"id\" role=\"tooltip\">\n          {{ ariaLabel }}\n        </el-visually-hidden>\n      </el-popper-content>\n    </transition>\n  </teleport>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, inject, ref, unref, watch } from 'vue'\nimport { onClickOutside } from '@vueuse/core'\nimport { ElPopperContent } from '@element-plus/components/popper'\nimport { ElVisuallyHidden } from '@element-plus/components/visual-hidden'\nimport { composeEventHandlers } from '@element-plus/utils/dom'\nimport { useEscapeKeydown } from '@element-plus/hooks'\n\nimport { useTooltipContentProps } from './tooltip'\nimport { TOOLTIP_INJECTION_KEY } from './tokens'\n\nexport default defineComponent({\n  name: 'ElTooltipContent',\n  components: {\n    ElPopperContent,\n    ElVisuallyHidden,\n  },\n  inheritAttrs: false,\n  props: useTooltipContentProps,\n  setup(props) {\n    const contentRef = ref<InstanceType<typeof ElPopperContent> | null>(null)\n    const intermediateOpen = ref(false)\n    const entering = ref(false)\n    const leaving = ref(false)\n    const { controlled, id, open, trigger, onClose, onOpen, onShow, onHide } =\n      inject(TOOLTIP_INJECTION_KEY, undefined)!\n    const persistentRef = computed(() => {\n      // For testing, we would always want the content to be rendered\n      // to the DOM, so we need to return true here.\n      if (process.env.NODE_ENV === 'test') {\n        return true\n      }\n      return props.persistent\n    })\n\n    const shouldRender = computed(() => {\n      return unref(persistentRef) ? true : unref(open)\n    })\n\n    const shouldShow = computed(() => {\n      return props.disabled ? false : unref(open)\n    })\n\n    const contentStyle = computed(() => (props.style ?? {}) as any)\n\n    const ariaHidden = computed(() => !unref(open))\n\n    useEscapeKeydown(onClose)\n\n    const onTransitionLeave = () => {\n      onHide()\n    }\n\n    const stopWhenControlled = () => {\n      if (unref(controlled)) return true\n    }\n\n    const onContentEnter = composeEventHandlers(stopWhenControlled, () => {\n      if (props.enterable && unref(trigger) === 'hover') {\n        onOpen()\n      }\n    })\n\n    const onContentLeave = composeEventHandlers(stopWhenControlled, () => {\n      if (unref(trigger) === 'hover') {\n        onClose()\n      }\n    })\n\n    const onBeforeEnter = () => {\n      contentRef.value?.updatePopper?.()\n    }\n\n    const onAfterShow = () => {\n      onShow()\n    }\n\n    let stopHandle: ReturnType<typeof onClickOutside>\n\n    watch(\n      () => unref(open),\n      (val) => {\n        if (val) {\n          stopHandle = onClickOutside(\n            computed(() => {\n              return contentRef.value?.popperContentRef\n            }),\n            () => {\n              if (unref(controlled)) return\n              const $trigger = unref(trigger)\n              if ($trigger !== 'hover') {\n                onClose()\n              }\n            }\n          )\n        } else {\n          stopHandle?.()\n        }\n      },\n      {\n        flush: 'post',\n      }\n    )\n\n    return {\n      ariaHidden,\n      entering,\n      leaving,\n      id,\n      intermediateOpen,\n      contentStyle,\n      contentRef,\n      shouldRender,\n      shouldShow,\n      open,\n      onAfterShow,\n      onBeforeEnter,\n      onContentEnter,\n      onContentLeave,\n      onTransitionLeave,\n    }\n  },\n})\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;AAmDA,MAAK,YAAa,gBAAa;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,IACV;AAAA,IACA;AAAA;AAAA,EAEF,cAAc;AAAA,EACd,OAAO;AAAA,EACP,MAAM,OAAO;AACX,UAAM,aAAa,IAAiD;AACpE,UAAM,mBAAmB,IAAI;AAC7B,UAAM,WAAW,IAAI;AACrB,UAAM,UAAU,IAAI;AACpB,UAAM,EAAE,YAAY,IAAI,MAAM,SAAS,SAAS,QAAQ,QAAQ,WAC9D,OAAO,uBAAuB;AAChC,UAAM,gBAAgB,SAAS,MAAM;AAGnC,UAAI,QAAQ,IAAI,aAAa,QAAQ;AACnC,eAAO;AAAA;AAET,aAAO,MAAM;AAAA;AAGf,UAAM,eAAe,SAAS,MAAM;AAClC,aAAO,MAAM,iBAAiB,OAAO,MAAM;AAAA;AAG7C,UAAM,aAAa,SAAS,MAAM;AAChC,aAAO,MAAM,WAAW,QAAQ,MAAM;AAAA;AAGxC,UAAM,eAAe,SAAS,MAAO;AAErC,UAAM;AAEN;AAEA;AACE;AAAA;AAGF,UAAM;AACJ;AAAuB;AAAO;AAGhC,UAAM,iBAAiB;AACrB;AACE;AAAA;AAAA;AAIJ;AACE;AACE;AAAA;AAAA;AAIJ;AACE;AAAkB;AAGpB,UAAM;AACJ;AAAA;AAGF;AAEA,UACE,oBACC;AACC,eAAS;AACP;AAEI;AAAyB;AAGzB;AAAuB;AACvB,gBAAM;AACN;AACE;AAAA;AAAA;AAAA;AAKN;AAAA;AAAA;AAGJ;AACS;AAIX;AAAO;AACL;AACA,MACA;AAAA,MACA;AAAA;AACA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA;AAAA;;;;;;AA9JmC;;AACrC;AACmB;AAChB,oBACY;AAAE,MACd,eAAa;AAAA;;;AAGM;;AAEd;AACI;AACI,6BACO;AAAA;AACG,UACrB;AAAkB,UAClB;AAAc;AACH,UACX;AAAc,UACd;AAAkB,UAClB;AAAQ,UACR;AAAW,UACX;AAAU,UACV;AAAA,UACA,gBAAY;AAAG,UACf;AAAyB,UACzB;AAAS,UACT,gBAAY;AAAA,UACZ;AAAY;;;AAEL;AAGa;AAFM;AAAO;;;;;;;;;eAtB1B;AAAU;;;;;;;;;;;;;;;;"}

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

@@ -1,7 +1,169 @@
-import script from './tooltip.vue_vue_type_script_lang.mjs';
-export { default } from './tooltip.vue_vue_type_script_lang.mjs';
-import { render } from './tooltip.vue_vue_type_template_id_694d1617_lang.mjs';
+import { defineComponent, computed, ref, unref, toRef, provide, readonly, resolveComponent, openBlock, createBlock, withCtx, createVNode, renderSlot, createCommentVNode, createElementBlock, toDisplayString } from 'vue';
+import { ElPopper } from '../../popper/index.mjs';
+import { debugWarn } from '../../../utils/error.mjs';
+import { isUndefined, isBool } from '../../../utils/util.mjs';
+import '../../../hooks/index.mjs';
+import ElTooltipContent from './content.mjs';
+import ElTooltipTrigger from './trigger.mjs';
+import { useTooltipContentProps, useTooltipTriggerProps, useTooltipProps } from './tooltip.mjs';
+import { TOOLTIP_INJECTION_KEY } from './tokens.mjs';
+import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
+import { createModelToggleComposable } from '../../../hooks/use-model-toggle/index.mjs';
+import ElPopperArrow from '../../popper/src/arrow.mjs';
+import { usePopperArrowProps } from '../../popper/src/popper.mjs';
+import { usePopperContainer } from '../../../hooks/use-popper-container/index.mjs';
+import { useId } from '../../../hooks/use-id/index.mjs';
+import { useDelayedToggle } from '../../../hooks/use-delayed-toggle/index.mjs';
 
-script.render = render;
-script.__file = "packages/components/tooltip/src/tooltip.vue";
+const { useModelToggleProps, useModelToggle, useModelToggleEmits } = createModelToggleComposable("visible");
+const _sfc_main = defineComponent({
+  name: "ElTooltip",
+  components: {
+    ElPopper,
+    ElPopperArrow,
+    ElTooltipContent,
+    ElTooltipTrigger
+  },
+  props: {
+    ...useModelToggleProps,
+    ...useTooltipContentProps,
+    ...useTooltipTriggerProps,
+    ...usePopperArrowProps,
+    ...useTooltipProps
+  },
+  emits: [...useModelToggleEmits, "show", "hide"],
+  setup(props, { emit }) {
+    usePopperContainer();
+    const compatShowAfter = computed(() => {
+      if (!isUndefined(props.openDelay)) {
+        debugWarn("ElTooltip", "open-delay is about to be deprecated in the next major version, please use `show-after` instead");
+      }
+      return props.openDelay || props.showAfter;
+    });
+    const compatShowArrow = computed(() => {
+      if (!isUndefined(props.visibleArrow)) {
+        debugWarn("ElTooltip", "`visible-arrow` is about to be deprecated in the next major version, please use `show-arrow` instead");
+      }
+      return isBool(props.visibleArrow) ? props.visibleArrow : props.showArrow;
+    });
+    const id = useId();
+    const popperRef = ref(null);
+    const updatePopper = () => {
+      var _a;
+      const popperComponent = unref(popperRef);
+      if (popperComponent) {
+        (_a = popperComponent.popperInstanceRef) == null ? void 0 : _a.update();
+      }
+    };
+    const open = ref(false);
+    const { show, hide } = useModelToggle({
+      indicator: open
+    });
+    const { onOpen, onClose } = useDelayedToggle({
+      showAfter: compatShowAfter,
+      hideAfter: toRef(props, "hideAfter"),
+      open: show,
+      close: hide
+    });
+    const controlled = computed(() => isBool(props.visible));
+    provide(TOOLTIP_INJECTION_KEY, {
+      controlled,
+      id,
+      open: readonly(open),
+      trigger: toRef(props, "trigger"),
+      onOpen,
+      onClose,
+      onToggle: () => {
+        if (unref(open)) {
+          onClose();
+        } else {
+          onOpen();
+        }
+      },
+      onShow: () => {
+        emit("show");
+      },
+      onHide: () => {
+        emit("hide");
+      },
+      updatePopper
+    });
+    return {
+      compatShowAfter,
+      compatShowArrow,
+      popperRef,
+      open,
+      hide,
+      updatePopper,
+      onOpen,
+      onClose
+    };
+  }
+});
+const _hoisted_1 = ["innerHTML"];
+const _hoisted_2 = { key: 1 };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_el_tooltip_trigger = resolveComponent("el-tooltip-trigger");
+  const _component_el_popper_arrow = resolveComponent("el-popper-arrow");
+  const _component_el_tooltip_content = resolveComponent("el-tooltip-content");
+  const _component_el_popper = resolveComponent("el-popper");
+  return openBlock(), createBlock(_component_el_popper, { ref: "popperRef" }, {
+    default: withCtx(() => [
+      createVNode(_component_el_tooltip_trigger, {
+        disabled: _ctx.disabled,
+        trigger: _ctx.trigger,
+        "virtual-ref": _ctx.virtualRef,
+        "virtual-triggering": _ctx.virtualTriggering
+      }, {
+        default: withCtx(() => [
+          _ctx.$slots.default ? renderSlot(_ctx.$slots, "default", { key: 0 }) : createCommentVNode("v-if", true)
+        ]),
+        _: 3
+      }, 8, ["disabled", "trigger", "virtual-ref", "virtual-triggering"]),
+      createVNode(_component_el_tooltip_content, {
+        "aria-label": _ctx.ariaLabel,
+        "boundaries-padding": _ctx.boundariesPadding,
+        content: _ctx.content,
+        disabled: _ctx.disabled,
+        effect: _ctx.effect,
+        enterable: _ctx.enterable,
+        "fallback-placements": _ctx.fallbackPlacements,
+        "hide-after": _ctx.hideAfter,
+        "gpu-acceleration": _ctx.gpuAcceleration,
+        offset: _ctx.offset,
+        persistent: _ctx.persistent,
+        "popper-class": _ctx.popperClass,
+        "popper-style": _ctx.popperStyle,
+        placement: _ctx.placement,
+        "popper-options": _ctx.popperOptions,
+        pure: _ctx.pure,
+        "raw-content": _ctx.rawContent,
+        "reference-el": _ctx.referenceEl,
+        "show-after": _ctx.compatShowAfter,
+        strategy: _ctx.strategy,
+        teleported: _ctx.teleported,
+        transition: _ctx.transition,
+        "z-index": _ctx.zIndex
+      }, {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "content", {}, () => [
+            _ctx.rawContent ? (openBlock(), createElementBlock("span", {
+              key: 0,
+              innerHTML: _ctx.content
+            }, null, 8, _hoisted_1)) : (openBlock(), createElementBlock("span", _hoisted_2, toDisplayString(_ctx.content), 1))
+          ]),
+          _ctx.compatShowArrow ? (openBlock(), createBlock(_component_el_popper_arrow, {
+            key: 0,
+            "arrow-offset": _ctx.arrowOffset
+          }, null, 8, ["arrow-offset"])) : createCommentVNode("v-if", true)
+        ]),
+        _: 3
+      }, 8, ["aria-label", "boundaries-padding", "content", "disabled", "effect", "enterable", "fallback-placements", "hide-after", "gpu-acceleration", "offset", "persistent", "popper-class", "popper-style", "placement", "popper-options", "pure", "raw-content", "reference-el", "show-after", "strategy", "teleported", "transition", "z-index"])
+    ]),
+    _: 3
+  }, 512);
+}
+var Tooltip = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+
+export { Tooltip as default };
 //# sourceMappingURL=tooltip2.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"tooltip2.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}
+{"version":3,"file":"tooltip2.mjs","sources":["../../../../../../packages/components/tooltip/src/tooltip.vue"],"sourcesContent":["<template>\n  <el-popper ref=\"popperRef\">\n    <el-tooltip-trigger\n      :disabled=\"disabled\"\n      :trigger=\"trigger\"\n      :virtual-ref=\"virtualRef\"\n      :virtual-triggering=\"virtualTriggering\"\n    >\n      <slot v-if=\"$slots.default\" />\n    </el-tooltip-trigger>\n    <el-tooltip-content\n      :aria-label=\"ariaLabel\"\n      :boundaries-padding=\"boundariesPadding\"\n      :content=\"content\"\n      :disabled=\"disabled\"\n      :effect=\"effect\"\n      :enterable=\"enterable\"\n      :fallback-placements=\"fallbackPlacements\"\n      :hide-after=\"hideAfter\"\n      :gpu-acceleration=\"gpuAcceleration\"\n      :offset=\"offset\"\n      :persistent=\"persistent\"\n      :popper-class=\"popperClass\"\n      :popper-style=\"popperStyle\"\n      :placement=\"placement\"\n      :popper-options=\"popperOptions\"\n      :pure=\"pure\"\n      :raw-content=\"rawContent\"\n      :reference-el=\"referenceEl\"\n      :show-after=\"compatShowAfter\"\n      :strategy=\"strategy\"\n      :teleported=\"teleported\"\n      :transition=\"transition\"\n      :z-index=\"zIndex\"\n    >\n      <slot name=\"content\">\n        <span v-if=\"rawContent\" v-html=\"content\"></span>\n        <span v-else>{{ content }}</span>\n      </slot>\n      <el-popper-arrow v-if=\"compatShowArrow\" :arrow-offset=\"arrowOffset\" />\n    </el-tooltip-content>\n  </el-popper>\n</template>\n\n<script lang=\"ts\">\nimport {\n  defineComponent,\n  computed,\n  ref,\n  provide,\n  toRef,\n  readonly,\n  unref,\n} from 'vue'\nimport {\n  ElPopper,\n  ElPopperArrow,\n  usePopperArrowProps,\n} from '@element-plus/components/popper'\n\nimport { debugWarn } from '@element-plus/utils/error'\nimport { isBool, isUndefined } from '@element-plus/utils/util'\nimport {\n  usePopperContainer,\n  useId,\n  createModelToggleComposable,\n  useDelayedToggle,\n} from '@element-plus/hooks'\nimport ElTooltipContent from './content.vue'\nimport ElTooltipTrigger from './trigger.vue'\nimport {\n  useTooltipContentProps,\n  useTooltipTriggerProps,\n  useTooltipProps,\n} from './tooltip'\nimport { TOOLTIP_INJECTION_KEY } from './tokens'\n\nconst { useModelToggleProps, useModelToggle, useModelToggleEmits } =\n  createModelToggleComposable('visible' as const)\n\nexport default defineComponent({\n  name: 'ElTooltip',\n  components: {\n    ElPopper,\n    ElPopperArrow,\n    ElTooltipContent,\n    ElTooltipTrigger,\n  },\n  props: {\n    ...useModelToggleProps,\n    ...useTooltipContentProps,\n    ...useTooltipTriggerProps,\n    ...usePopperArrowProps,\n    ...useTooltipProps,\n  },\n  emits: [...useModelToggleEmits, 'show', 'hide'],\n  setup(props, { emit }) {\n    usePopperContainer()\n    const compatShowAfter = computed(() => {\n      if (!isUndefined(props.openDelay)) {\n        debugWarn(\n          'ElTooltip',\n          'open-delay is about to be deprecated in the next major version, please use `show-after` instead'\n        )\n      }\n      return props.openDelay || (props.showAfter as number)\n    })\n    const compatShowArrow = computed(() => {\n      if (!isUndefined(props.visibleArrow)) {\n        debugWarn(\n          'ElTooltip',\n          '`visible-arrow` is about to be deprecated in the next major version, please use `show-arrow` instead'\n        )\n      }\n      return isBool(props.visibleArrow) ? props.visibleArrow : props.showArrow\n    })\n\n    const id = useId()\n    const popperRef = ref<InstanceType<typeof ElPopper> | null>(null)\n\n    const updatePopper = () => {\n      const popperComponent = unref(popperRef)\n      if (popperComponent) {\n        popperComponent.popperInstanceRef?.update()\n      }\n    }\n    const open = ref(false)\n\n    const { show, hide } = useModelToggle({\n      indicator: open,\n    })\n\n    const { onOpen, onClose } = useDelayedToggle({\n      showAfter: compatShowAfter,\n      hideAfter: toRef(props, 'hideAfter'),\n      open: show,\n      close: hide,\n    })\n\n    const controlled = computed(() => isBool(props.visible))\n\n    provide(TOOLTIP_INJECTION_KEY, {\n      controlled,\n      id,\n      open: readonly(open),\n      trigger: toRef(props, 'trigger'),\n      onOpen,\n      onClose,\n      onToggle: () => {\n        if (unref(open)) {\n          onClose()\n        } else {\n          onOpen()\n        }\n      },\n      onShow: () => {\n        emit('show')\n      },\n      onHide: () => {\n        emit('hide')\n      },\n      updatePopper,\n    })\n\n    return {\n      compatShowAfter,\n      compatShowArrow,\n      popperRef,\n      open,\n      hide,\n      updatePopper,\n      onOpen,\n      onClose,\n    }\n  },\n})\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AA6EA,MAAM,EAAE,qBAAqB,gBAAgB,wBAC3C,4BAA4B;AAE9B,MAAK,YAAa,gBAAa;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA,EAEF,OAAO;AAAA,OACF;AAAA,OACA;AAAA,OACA;AAAA,OACA;AAAA,OACA;AAAA;AAAA,EAEL,OAAO,CAAC,GAAG,qBAAqB,QAAQ;AAAA,EACxC,MAAM,OAAO,EAAE,QAAQ;AACrB;AACA,UAAM,kBAAkB,SAAS,MAAM;AACrC,UAAI,CAAC,YAAY,MAAM,YAAY;AACjC,kBACE,aACA;AAAA;AAGJ,aAAO,MAAM,aAAc,MAAM;AAAA;AAEnC,UAAM,kBAAkB,SAAS,MAAM;AACrC,UAAI,CAAC,YAAY,MAAM,eAAe;AACpC,kBACE,aACA;AAAA;AAGJ,aAAO,OAAO,MAAM,gBAAgB,MAAM,eAAe,MAAM;AAAA;AAGjE,UAAM,KAAK;AACX,UAAM,YAAY,IAA0C;AAE5D,UAAM,eAAe,MAAM;AACzB,YAAM;AACN,2BAAqB;AACnB;AAAmC;AAAA;AAGvC;AAEA,UAAM,iBAAiB;AAAe;AACzB;AAGb;AAA6C;AAChC,MACX,WAAW;AAAa,MACxB;AAAM,MACN;AAAO;AAGT;AAEA;AAA+B;AAC7B,MACA;AAAA,MACA;AAAe,MACf,eAAe;AAAO,MACtB;AAAA,MACA;AAAA,MACA;AACE;AACE;AAAA;AAEA;AAAA;AAAA;AAAA;AAIF;AAAK;AAAA;AAGL;AAAK;AAAA;AAEP;AAGF;AAAO;AACL,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA;AAAA;;;;;;;;;AAnKmB;AAAA;AANA,iBACT;AAAA,QACT,cAAW;AAAA,QACX;AAAkB;;;AAEO,eAA1B;;;SAEF,GA8BqB;AAAA;AA7BG;AACrB,QACA;AAAgB,QAChB;AAAU,QACV;AAAQ,QACR;AAAW,QACX;AAAA,QACA;AAAqB,QACrB;AAAgB,QAChB;AAAc,QACd;AAAY,QACZ;AAAc,QACd,gBAAc;AAAA,QACd,gBAAW;AAAA,QACX,gBAAc;AAAA,QACd;AAAU,QACV;AAAA,QACA,eAAY;AAAE,QACd;AAAY,QACZ,cAAU;AAAA,QACV;AAAY,QACZ;AAAY,QACZ,YAAS;AAAA;;;AAKH;AAFiB;;AAAE;;;;;AAGe;;;;;;;;;;;;;;"}

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

@@ -1,7 +1,84 @@
-import script from './trigger.vue_vue_type_script_lang.mjs';
-export { default } from './trigger.vue_vue_type_script_lang.mjs';
-import { render } from './trigger.vue_vue_type_template_id_0ec0b94c_lang.mjs';
+import { defineComponent, inject, ref, unref, toRef, resolveComponent, openBlock, createBlock, withCtx, renderSlot } from 'vue';
+import '../../popper/index.mjs';
+import { EVENT_CODE } from '../../../utils/aria.mjs';
+import { composeEventHandlers } from '../../../utils/dom.mjs';
+import { TOOLTIP_INJECTION_KEY } from './tokens.mjs';
+import { useTooltipTriggerProps } from './tooltip.mjs';
+import { whenTrigger } from './utils.mjs';
+import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
+import ElPopperTrigger from '../../popper/src/trigger.mjs';
 
-script.render = render;
-script.__file = "packages/components/tooltip/src/trigger.vue";
+const _sfc_main = defineComponent({
+  name: "ElTooltipTrigger",
+  components: {
+    ElPopperTrigger
+  },
+  props: useTooltipTriggerProps,
+  setup(props) {
+    const { controlled, id, open, onOpen, onClose, onToggle } = inject(TOOLTIP_INJECTION_KEY, void 0);
+    const triggerRef = ref(null);
+    const stopWhenControlledOrDisabled = () => {
+      if (unref(controlled) || props.disabled) {
+        return true;
+      }
+    };
+    const trigger = toRef(props, "trigger");
+    const onMouseenter = composeEventHandlers(stopWhenControlledOrDisabled, whenTrigger(trigger, "hover", onOpen));
+    const onMouseleave = composeEventHandlers(stopWhenControlledOrDisabled, whenTrigger(trigger, "hover", onClose));
+    const onClick = composeEventHandlers(stopWhenControlledOrDisabled, whenTrigger(trigger, "click", (e) => {
+      if (e.button === 0) {
+        onToggle(e);
+      }
+    }));
+    const onFocus = composeEventHandlers(stopWhenControlledOrDisabled, whenTrigger(trigger, "focus", onOpen));
+    const onBlur = composeEventHandlers(stopWhenControlledOrDisabled, whenTrigger(trigger, "focus", onClose));
+    const onContextMenu = composeEventHandlers(stopWhenControlledOrDisabled, whenTrigger(trigger, "contextmenu", (e) => {
+      e.preventDefault();
+      onToggle(e);
+    }));
+    const onKeydown = composeEventHandlers(stopWhenControlledOrDisabled, (e) => {
+      const { code } = e;
+      if (code === EVENT_CODE.enter || code === EVENT_CODE.space) {
+        onToggle(e);
+      }
+    });
+    return {
+      onBlur,
+      onContextMenu,
+      onFocus,
+      onMouseenter,
+      onMouseleave,
+      onClick,
+      onKeydown,
+      open,
+      id,
+      triggerRef
+    };
+  }
+});
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_el_popper_trigger = resolveComponent("el-popper-trigger");
+  return openBlock(), createBlock(_component_el_popper_trigger, {
+    id: _ctx.id,
+    "virtual-ref": _ctx.virtualRef,
+    open: _ctx.open,
+    "virtual-triggering": _ctx.virtualTriggering,
+    class: "el-tooltip__trigger",
+    onBlur: _ctx.onBlur,
+    onClick: _ctx.onClick,
+    onContextmenu: _ctx.onContextMenu,
+    onFocus: _ctx.onFocus,
+    onMouseenter: _ctx.onMouseenter,
+    onMouseleave: _ctx.onMouseleave,
+    onKeydown: _ctx.onKeydown
+  }, {
+    default: withCtx(() => [
+      renderSlot(_ctx.$slots, "default")
+    ]),
+    _: 3
+  }, 8, ["id", "virtual-ref", "open", "virtual-triggering", "onBlur", "onClick", "onContextmenu", "onFocus", "onMouseenter", "onMouseleave", "onKeydown"]);
+}
+var ElTooltipTrigger = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+
+export { ElTooltipTrigger as default };
 //# sourceMappingURL=trigger.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"trigger.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}
+{"version":3,"file":"trigger.mjs","sources":["../../../../../../packages/components/tooltip/src/trigger.vue"],"sourcesContent":["<template>\n  <el-popper-trigger\n    :id=\"id\"\n    :virtual-ref=\"virtualRef\"\n    :open=\"open\"\n    :virtual-triggering=\"virtualTriggering\"\n    class=\"el-tooltip__trigger\"\n    @blur=\"onBlur\"\n    @click=\"onClick\"\n    @contextmenu=\"onContextMenu\"\n    @focus=\"onFocus\"\n    @mouseenter=\"onMouseenter\"\n    @mouseleave=\"onMouseleave\"\n    @keydown=\"onKeydown\"\n  >\n    <slot />\n  </el-popper-trigger>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, inject, ref, unref, toRef } from 'vue'\nimport { ElPopperTrigger } from '@element-plus/components/popper'\nimport { EVENT_CODE } from '@element-plus/utils/aria'\nimport { composeEventHandlers } from '@element-plus/utils/dom'\nimport { TOOLTIP_INJECTION_KEY } from './tokens'\nimport { useTooltipTriggerProps } from './tooltip'\nimport { whenTrigger } from './utils'\n\nimport type { ElOnlyChildExpose } from '@element-plus/components/slot'\n\nexport default defineComponent({\n  name: 'ElTooltipTrigger',\n  components: {\n    ElPopperTrigger,\n  },\n  props: useTooltipTriggerProps,\n  setup(props) {\n    const { controlled, id, open, onOpen, onClose, onToggle } = inject(\n      TOOLTIP_INJECTION_KEY,\n      undefined\n    )!\n    const triggerRef = ref<ElOnlyChildExpose | null>(null)\n\n    const stopWhenControlledOrDisabled = () => {\n      if (unref(controlled) || props.disabled) {\n        return true\n      }\n    }\n    const trigger = toRef(props, 'trigger')\n    const onMouseenter = composeEventHandlers(\n      stopWhenControlledOrDisabled,\n      whenTrigger(trigger, 'hover', onOpen)\n    )\n    const onMouseleave = composeEventHandlers(\n      stopWhenControlledOrDisabled,\n      whenTrigger(trigger, 'hover', onClose)\n    )\n    const onClick = composeEventHandlers(\n      stopWhenControlledOrDisabled,\n      whenTrigger(trigger, 'click', (e) => {\n        // distinguish left click\n        if ((e as MouseEvent).button === 0) {\n          onToggle(e)\n        }\n      })\n    )\n\n    const onFocus = composeEventHandlers(\n      stopWhenControlledOrDisabled,\n      whenTrigger(trigger, 'focus', onOpen)\n    )\n\n    const onBlur = composeEventHandlers(\n      stopWhenControlledOrDisabled,\n      whenTrigger(trigger, 'focus', onClose)\n    )\n\n    const onContextMenu = composeEventHandlers(\n      stopWhenControlledOrDisabled,\n      whenTrigger(trigger, 'contextmenu', (e: Event) => {\n        e.preventDefault()\n        onToggle(e)\n      })\n    )\n\n    const onKeydown = composeEventHandlers(\n      stopWhenControlledOrDisabled,\n      (e: KeyboardEvent) => {\n        const { code } = e\n        if (code === EVENT_CODE.enter || code === EVENT_CODE.space) {\n          onToggle(e)\n        }\n      }\n    )\n\n    return {\n      onBlur,\n      onContextMenu,\n      onFocus,\n      onMouseenter,\n      onMouseleave,\n      onClick,\n      onKeydown,\n      open,\n      id,\n      triggerRef,\n    }\n  },\n})\n</script>\n"],"names":["_openBlock","_createBlock","_withCtx"],"mappings":";;;;;;;;;;AA8BA,MAAK,YAAa,gBAAa;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,IACV;AAAA;AAAA,EAEF,OAAO;AAAA,EACP,MAAM,OAAO;AACX,UAAM,EAAE,YAAY,IAAI,MAAM,QAAQ,SAAS,aAAa,OAC1D,uBACA;AAEF,UAAM,aAAa,IAA8B;AAEjD,UAAM,+BAA+B,MAAM;AACzC,UAAI,MAAM,eAAe,MAAM,UAAU;AACvC,eAAO;AAAA;AAAA;AAGX,UAAM,UAAU,MAAM,OAAO;AAC7B,UAAM,eAAe,qBACnB,8BACA,YAAY,SAAS,SAAS;AAEhC,UAAM,eAAe,qBACnB,8BACA,YAAY,SAAS,SAAS;AAEhC,UAAM,UAAU,qBACd,8BACA,YAAY,SAAS,SAAS,CAAC,MAAM;AAEnC,UAAK,EAAiB,WAAW,GAAG;AAClC,iBAAS;AAAA;AAAA;AAKf,UAAM,UAAU,qBACd,8BACA,YAAY,SAAS,SAAS;AAGhC,UAAM,SAAS,qBACb,8BACA,YAAY,SAAS,SAAS;AAGhC,UAAM,gBAAgB,qBACpB,8BACA,YAAY,SAAS,eAAe,CAAC,MAAa;AAChD,QAAE;AACF,eAAS;AAAA;AAIb,UAAM,YAAY,qBAChB,8BACA,CAAC,MAAqB;AACpB,YAAM,EAAE,SAAS;AACjB,UAAI,SAAS,WAAW,SAAS,SAAS,WAAW,OAAO;AAC1D,iBAAS;AAAA;AAAA;AAKf,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA;AAAA;;;SAvGGA,aAAEC;AAAA,IACN;AAAA,IACA,eAAU;AAAA,IACV;AAAA,IACD,sBAAM;AAAA,IACL,OAAI;AAAA,IACJ,QAAK,KAAE;AAAA,IACP,cAAW;AAAA,IACX,eAAO;AAAA,IACP,cAAY;AAAA,IACZ,cAAY;AAAA,IACZ,cAAS;AAAA;;aAEVC,QAAQ;AAAA;;;;;;;;;"}

package/es/components/transfer/index.d.ts

@@ -132,9 +132,9 @@ declare const _Transfer: SFCWithInstall<import("vue").DefineComponent<{
     "onLeft-check-change"?: ((...args: any[]) => any) | undefined;
     "onRight-check-change"?: ((...args: any[]) => any) | undefined;
 }, {
+    data: import("./src/transfer").DataItem[];
     modelValue: import("./src/transfer").Key[];
     props: import("./src/transfer").Props;
-    data: import("./src/transfer").DataItem[];
     titles: [string, string];
     filterPlaceholder: string;
     filterable: boolean;
@@ -278,9 +278,9 @@ export declare const ElTransfer: SFCWithInstall<import("vue").DefineComponent<{
     "onLeft-check-change"?: ((...args: any[]) => any) | undefined;
     "onRight-check-change"?: ((...args: any[]) => any) | undefined;
 }, {
+    data: import("./src/transfer").DataItem[];
     modelValue: import("./src/transfer").Key[];
     props: import("./src/transfer").Props;
-    data: import("./src/transfer").DataItem[];
     titles: [string, string];
     filterPlaceholder: string;
     filterable: boolean;

package/es/components/transfer/index.mjs

@@ -1,12 +1,11 @@
-import './src/index.mjs';
+import Transfer from './src/index.mjs';
 import './src/transfer.mjs';
-import script from './src/index.vue_vue_type_script_lang.mjs';
 export { CHANGE_EVENT } from '../../utils/constants.mjs';
 
-script.install = (app) => {
-  app.component(script.name, script);
+Transfer.install = (app) => {
+  app.component(Transfer.name, Transfer);
 };
-const _Transfer = script;
+const _Transfer = Transfer;
 const ElTransfer = _Transfer;
 
 export { ElTransfer, _Transfer as default };

package/es/components/transfer/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../../../packages/components/transfer/index.ts"],"sourcesContent":["import Transfer from './src/index.vue'\n\nimport type { App } from 'vue'\nimport type { SFCWithInstall } from '@element-plus/utils/types'\n\nTransfer.install = (app: App): void => {\n  app.component(Transfer.name, Transfer)\n}\n\nconst _Transfer = Transfer as SFCWithInstall<typeof Transfer>\n\nexport default _Transfer\nexport const ElTransfer = _Transfer\n\nexport * from './src/transfer'\n"],"names":["Transfer"],"mappings":";;;;;AACAA,MAAQ,CAAC,OAAO,GAAG,CAAC,GAAG,KAAK;AAC5B,EAAE,GAAG,CAAC,SAAS,CAACA,MAAQ,CAAC,IAAI,EAAEA,MAAQ,CAAC,CAAC;AACzC,CAAC,CAAC;AACG,MAAC,SAAS,GAAGA,OAAS;AAEf,MAAC,UAAU,GAAG;;;;"}
+{"version":3,"file":"index.mjs","sources":["../../../../../packages/components/transfer/index.ts"],"sourcesContent":["import Transfer from './src/index.vue'\n\nimport type { App } from 'vue'\nimport type { SFCWithInstall } from '@element-plus/utils/types'\n\nTransfer.install = (app: App): void => {\n  app.component(Transfer.name, Transfer)\n}\n\nconst _Transfer = Transfer as SFCWithInstall<typeof Transfer>\n\nexport default _Transfer\nexport const ElTransfer = _Transfer\n\nexport * from './src/transfer'\n"],"names":[],"mappings":";;;;AACA,QAAQ,CAAC,OAAO,GAAG,CAAC,GAAG,KAAK;AAC5B,EAAE,GAAG,CAAC,SAAS,CAAC,QAAQ,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;AACzC,CAAC,CAAC;AACG,MAAC,SAAS,GAAG,SAAS;AAEf,MAAC,UAAU,GAAG;;;;"}