@element-plus/nightly 0.0.20220103 → 0.0.20220107

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

@@ -0,0 +1,135 @@
+import { defineComponent, ref, inject, computed, unref, nextTick } from 'vue';
+import '../../popper/index.mjs';
+import '../../visual-hidden/index.mjs';
+import { ElTeleport } from '../../teleport/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 script$1 from '../../popper/src/content.vue_vue_type_script_lang.mjs';
+import script$2 from '../../visual-hidden/src/visual-hidden.vue_vue_type_script_lang.mjs';
+import { useEscapeKeydown } from '../../../hooks/use-escape-keydown/index.mjs';
+import { useDelayedRender } from '../../../hooks/use-intermediate-render/index.mjs';
+import { POPPER_CONTAINER_SELECTOR } from '../../../hooks/use-popper-container/index.mjs';
+
+var script = defineComponent({
+  name: "ElTooltipContent",
+  components: {
+    ElTeleport,
+    ElPopperContent: script$1,
+    ElVisuallyHidden: script$2
+  },
+  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 contentStyle = computed(() => {
+      var _a;
+      return (_a = props.style) != null ? _a : {};
+    });
+    const shouldRenderTeleport = computed(() => {
+      if (unref(persistentRef))
+        return true;
+      return unref(unref(entering) ? open : intermediateOpen);
+    });
+    const shouldRenderPopperContent = computed(() => {
+      if (unref(persistentRef))
+        return true;
+      return unref(unref(leaving) ? open : intermediateOpen);
+    });
+    const shouldShowPopperContent = computed(() => {
+      if (unref(persistentRef)) {
+        return unref(unref(leaving) ? open : intermediateOpen);
+      }
+      return true;
+    });
+    const ariaHidden = computed(() => !(unref(shouldRenderPopperContent) && unref(shouldShowPopperContent)));
+    useEscapeKeydown(onClose);
+    useDelayedRender({
+      indicator: open,
+      intermediateIndicator: intermediateOpen,
+      shouldSetIntermediate: (step) => {
+        return step === "hide" ? false : true;
+      },
+      beforeShow: () => {
+        if (unref(leaving)) {
+          leaving.value = false;
+          intermediateOpen.value = false;
+        }
+        entering.value = true;
+      },
+      beforeHide: () => {
+        if (unref(entering)) {
+          entering.value = false;
+          return;
+        }
+        leaving.value = true;
+      },
+      afterShow: () => {
+        if (!unref(open))
+          return;
+        entering.value = false;
+        onShow();
+        nextTick(() => {
+          var _a;
+          (_a = unref(contentRef)) == null ? void 0 : _a.updatePopper();
+        });
+      },
+      afterHide: () => {
+        if (unref(open))
+          return;
+        onHide();
+      }
+    });
+    const onTransitionLeave = () => {
+      if (unref(open))
+        return;
+      leaving.value = false;
+      intermediateOpen.value = false;
+    };
+    const stopWhenControlled = () => {
+      if (unref(controlled))
+        return true;
+    };
+    const onContentEnter = composeEventHandlers(stopWhenControlled, () => {
+      if (props.enterable) {
+        onOpen();
+      }
+    });
+    const onContentLeave = composeEventHandlers(stopWhenControlled, () => {
+      if (unref(trigger) === "hover") {
+        onClose();
+      }
+    });
+    return {
+      ariaHidden,
+      entering,
+      leaving,
+      id,
+      intermediateOpen,
+      contentStyle,
+      contentRef,
+      shouldRenderTeleport,
+      shouldRenderPopperContent,
+      shouldShowPopperContent,
+      open,
+      POPPER_CONTAINER_SELECTOR,
+      onContentEnter,
+      onContentLeave,
+      onTransitionLeave
+    };
+  }
+});
+
+export { script as default };
+//# sourceMappingURL=content.vue_vue_type_script_lang.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"content.vue_vue_type_script_lang.mjs","sources":["../../../../../../packages/components/tooltip/src/content.vue"],"sourcesContent":["<template>\n  <el-teleport\n    v-if=\"shouldRenderTeleport\"\n    :disabled=\"!teleported\"\n    :container=\"POPPER_CONTAINER_SELECTOR\"\n  >\n    <transition :name=\"transition\" @after-leave=\"onTransitionLeave\">\n      <el-popper-content\n        v-if=\"shouldRenderPopperContent\"\n        v-show=\"shouldShowPopperContent\"\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  </el-teleport>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, inject, nextTick, ref, unref } from 'vue'\nimport { ElPopperContent } from '@element-plus/components/popper'\nimport { ElVisuallyHidden } from '@element-plus/components/visual-hidden'\nimport { ElTeleport } from '@element-plus/components/teleport'\nimport { composeEventHandlers } from '@element-plus/utils/dom'\nimport {\n  useEscapeKeydown,\n  POPPER_CONTAINER_SELECTOR,\n  useDelayedRender,\n} 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    ElTeleport,\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 contentStyle = computed(() => (props.style ?? {}) as any)\n    const shouldRenderTeleport = computed(() => {\n      if (unref(persistentRef)) return true\n      return unref(unref(entering) ? open : intermediateOpen)\n    })\n\n    const shouldRenderPopperContent = computed(() => {\n      if (unref(persistentRef)) return true\n      return unref(unref(leaving) ? open : intermediateOpen)\n    })\n\n    const shouldShowPopperContent = computed(() => {\n      // This is for control persistent mode transition\n      // When persistent this element will always be rendered, we simply use v-show to control the transition\n      if (unref(persistentRef)) {\n        return unref(unref(leaving) ? open : intermediateOpen)\n      }\n      return true\n    })\n\n    const ariaHidden = computed(\n      () =>\n        !(unref(shouldRenderPopperContent) && unref(shouldShowPopperContent))\n    )\n\n    useEscapeKeydown(onClose)\n\n    useDelayedRender({\n      indicator: open,\n      intermediateIndicator: intermediateOpen,\n      shouldSetIntermediate: (step) => {\n        // we don't want to set the intermediateOpen because we want the transition to finish.\n        // After transition finishes, with the hook after-leave we can call intermediate.value = false\n        return step === 'hide' ? false : true\n      },\n      beforeShow: () => {\n        // indicates interruption of hide transition\n        if (unref(leaving)) {\n          leaving.value = false\n          intermediateOpen.value = false\n        }\n        entering.value = true\n      },\n      beforeHide: () => {\n        // indicates interruption of show transition\n        if (unref(entering)) {\n          entering.value = false\n          return\n        }\n        leaving.value = true\n      },\n      afterShow: () => {\n        if (!unref(open)) return\n        entering.value = false\n        onShow()\n        nextTick(() => {\n          unref(contentRef)?.updatePopper()\n        })\n      },\n      afterHide: () => {\n        if (unref(open)) return\n        // prevent the content from hiding if it's still open\n        onHide()\n      },\n    })\n\n    const onTransitionLeave = () => {\n      if (unref(open)) return\n      leaving.value = false\n      intermediateOpen.value = false\n    }\n\n    const stopWhenControlled = () => {\n      if (unref(controlled)) return true\n    }\n\n    const onContentEnter = composeEventHandlers(stopWhenControlled, () => {\n      if (props.enterable) {\n        onOpen()\n      }\n    })\n\n    const onContentLeave = composeEventHandlers(stopWhenControlled, () => {\n      if (unref(trigger) === 'hover') {\n        onClose()\n      }\n    })\n\n    return {\n      ariaHidden,\n      entering,\n      leaving,\n      id,\n      intermediateOpen,\n      contentStyle,\n      contentRef,\n      shouldRenderTeleport,\n      shouldRenderPopperContent,\n      shouldShowPopperContent,\n      open,\n      POPPER_CONTAINER_SELECTOR,\n      onContentEnter,\n      onContentLeave,\n      onTransitionLeave,\n    }\n  },\n})\n</script>\n"],"names":["ElPopperContent","ElVisuallyHidden"],"mappings":";;;;;;;;;;;;;;AAmDA,aAAe,eAAe;AAC9B,EAAE,wBAAwB;;AAE1B,IAAI;qBACAA,QAAe;sBACfC;;cAEU,EAAE;OACT,EAAE;EACP;IACE,MAAM,UAAU;IAChB,MAAM,gBAAgB,GAAG;IACzB,MAAM;IACN,MAAM,OAAO,MAAM,CAAC,KAAK,CAAC,CAAC;IAC3B,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE;IAC9B,MAAM,aAAa,GAAG;MACpB,IAAI,QAAQ,GAAG,CAAC;QACd,OAAO,IAAI,CAAC;OACb;MACD,OAAO,KAAK,CAAC,UAAU,CAAC;MACxB,CAAC;UACG,YAAY,GAAG,QAAQ,OAAO;MAClC,IAAI,EAAE,CAAC;aACA,GAAG;MACV;UACI;;;MAGJ,OAAO,KAAK,CAAC,MAAM,QAAQ,CAAC,GAAG,IAAI,GAAG,gBAAgB,CAAC;KACxD,CAAC,CAAC;UACG,yBAAyB;MAC7B,IAAI,KAAK,CAAC,aAAa,CAAC;;;KAGzB,CAAC,CAAC;UACG,uBAAuB,GAAG;MAC9B,IAAI,KAAK,CAAC,aAAa,CAAC,EAAE;;;MAG1B,OAAO,IAAI,CAAC;MACZ,CAAC;UACG,UAAU,GAAG,QAAQ,CAAC,MAAM,EAAE,KAAK,CAAC,yBAAyB,UAAU,CAAC,uBAAuB,CAAC,CAAC,CAAC;oBACxF,CAAC,OAAO,CAAC,CAAC;oBACV,CAAC;MACf;MACA;;;OAGC;MACD;QACE,IAAI,KAAK,CAAC,OAAO,CAAC,EAAE;;;SAGnB;;OAEF;MACD,YAAY;QACV,IAAI,KAAK,CAAC,QAAQ,CAAC,EAAE;UACnB,QAAQ,CAAC,KAAK,GAAG,KAAK,CAAC;iBAChB;SACR;QACD,OAAO,CAAC,KAAK,GAAG,IAAI,CAAC;OACtB;MACD,SAAS;QACP,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC;iBACP;gBACD,CAAC,KAAK,QAAQ;cAChB,EAAE,CAAC;QACT;UACE,IAAI,EAAE,CAAC;;SAER,CAAC,CAAC;;eAEI,EAAE,MAAM;YACX,KAAK,CAAC,IAAI,CAAC;UACb;QACF;;MAEF,CAAC;UACG;eACK,CAAC,IAAI,CAAC;QACb,OAAO;aACF,CAAC;uBACS;;;MAGjB;QACE,OAAO,KAAK;;wBAEI,GAAG,oBAAoB,CAAC;UACtC,KAAK;;;;IAIX,MAAM,cAAc;MAClB,IAAI,KAAK,CAAC,OAAO,CAAC;QAChB,OAAO,EAAE,CAAC;OACX;;;MAGD,UAAU;MACV,QAAQ;;;MAGR,gBAAgB;MAChB,YAAY;;MAEZ;;;MAGA,IAAI;MACJ,yBAAyB;;MAEzB;;;;;;;;"}

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

@@ -0,0 +1,65 @@
+import { resolveComponent, openBlock, createBlock, withCtx, createVNode, Transition, withDirectives, mergeProps, renderSlot, createTextVNode, toDisplayString, vShow, createCommentVNode } from 'vue';
+
+function 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");
+  const _component_el_teleport = resolveComponent("el-teleport");
+  return _ctx.shouldRenderTeleport ? (openBlock(), createBlock(_component_el_teleport, {
+    key: 0,
+    disabled: !_ctx.teleported,
+    container: _ctx.POPPER_CONTAINER_SELECTOR
+  }, {
+    default: withCtx(() => [
+      createVNode(Transition, {
+        name: _ctx.transition,
+        onAfterLeave: _ctx.onTransitionLeave
+      }, {
+        default: withCtx(() => [
+          _ctx.shouldRenderPopperContent ? 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.shouldShowPopperContent]
+          ]) : createCommentVNode("v-if", true)
+        ]),
+        _: 3
+      }, 8, ["name", "onAfterLeave"])
+    ]),
+    _: 3
+  }, 8, ["disabled", "container"])) : createCommentVNode("v-if", true);
+}
+
+export { render };
+//# sourceMappingURL=content.vue_vue_type_template_id_20254f8d_lang.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"content.vue_vue_type_template_id_20254f8d_lang.mjs","sources":["../../../../../../packages/components/tooltip/src/content.vue?vue&type=template&id=20254f8d&lang.js"],"sourcesContent":["<template>\n  <el-teleport\n    v-if=\"shouldRenderTeleport\"\n    :disabled=\"!teleported\"\n    :container=\"POPPER_CONTAINER_SELECTOR\"\n  >\n    <transition :name=\"transition\" @after-leave=\"onTransitionLeave\">\n      <el-popper-content\n        v-if=\"shouldRenderPopperContent\"\n        v-show=\"shouldShowPopperContent\"\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  </el-teleport>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, inject, nextTick, ref, unref } from 'vue'\nimport { ElPopperContent } from '@element-plus/components/popper'\nimport { ElVisuallyHidden } from '@element-plus/components/visual-hidden'\nimport { ElTeleport } from '@element-plus/components/teleport'\nimport { composeEventHandlers } from '@element-plus/utils/dom'\nimport {\n  useEscapeKeydown,\n  POPPER_CONTAINER_SELECTOR,\n  useDelayedRender,\n} 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    ElTeleport,\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 contentStyle = computed(() => (props.style ?? {}) as any)\n    const shouldRenderTeleport = computed(() => {\n      if (unref(persistentRef)) return true\n      return unref(unref(entering) ? open : intermediateOpen)\n    })\n\n    const shouldRenderPopperContent = computed(() => {\n      if (unref(persistentRef)) return true\n      return unref(unref(leaving) ? open : intermediateOpen)\n    })\n\n    const shouldShowPopperContent = computed(() => {\n      // This is for control persistent mode transition\n      // When persistent this element will always be rendered, we simply use v-show to control the transition\n      if (unref(persistentRef)) {\n        return unref(unref(leaving) ? open : intermediateOpen)\n      }\n      return true\n    })\n\n    const ariaHidden = computed(\n      () =>\n        !(unref(shouldRenderPopperContent) && unref(shouldShowPopperContent))\n    )\n\n    useEscapeKeydown(onClose)\n\n    useDelayedRender({\n      indicator: open,\n      intermediateIndicator: intermediateOpen,\n      shouldSetIntermediate: (step) => {\n        // we don't want to set the intermediateOpen because we want the transition to finish.\n        // After transition finishes, with the hook after-leave we can call intermediate.value = false\n        return step === 'hide' ? false : true\n      },\n      beforeShow: () => {\n        // indicates interruption of hide transition\n        if (unref(leaving)) {\n          leaving.value = false\n          intermediateOpen.value = false\n        }\n        entering.value = true\n      },\n      beforeHide: () => {\n        // indicates interruption of show transition\n        if (unref(entering)) {\n          entering.value = false\n          return\n        }\n        leaving.value = true\n      },\n      afterShow: () => {\n        if (!unref(open)) return\n        entering.value = false\n        onShow()\n        nextTick(() => {\n          unref(contentRef)?.updatePopper()\n        })\n      },\n      afterHide: () => {\n        if (unref(open)) return\n        // prevent the content from hiding if it's still open\n        onHide()\n      },\n    })\n\n    const onTransitionLeave = () => {\n      if (unref(open)) return\n      leaving.value = false\n      intermediateOpen.value = false\n    }\n\n    const stopWhenControlled = () => {\n      if (unref(controlled)) return true\n    }\n\n    const onContentEnter = composeEventHandlers(stopWhenControlled, () => {\n      if (props.enterable) {\n        onOpen()\n      }\n    })\n\n    const onContentLeave = composeEventHandlers(stopWhenControlled, () => {\n      if (unref(trigger) === 'hover') {\n        onClose()\n      }\n    })\n\n    return {\n      ariaHidden,\n      entering,\n      leaving,\n      id,\n      intermediateOpen,\n      contentStyle,\n      contentRef,\n      shouldRenderTeleport,\n      shouldRenderPopperContent,\n      shouldShowPopperContent,\n      open,\n      POPPER_CONTAINER_SELECTOR,\n      onContentEnter,\n      onContentLeave,\n      onTransitionLeave,\n    }\n  },\n})\n</script>\n"],"names":["_Transition","_toDisplayString"],"mappings":";;;;;;;;;;;;kBAIgBA;;0BAEZ;;;;;;;;;;gCAKkB;oBACb;;;oBAGA;oBACA;;;4BAGQ;0BACF,EAAE;;;;;;4BAMD;;;;;;;kCAKmBC;;;;;;;;;;;;;;;;;;;"}

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

@@ -0,0 +1,14 @@
+import type { InjectionKey, Ref } from 'vue';
+import type { Trigger } from './tooltip';
+export declare type ElTooltipInjectionContext = {
+    controlled: Ref<boolean>;
+    id: Ref<string>;
+    open: Ref<boolean>;
+    trigger: Ref<Trigger | Trigger[]>;
+    onOpen: (e?: Event) => void;
+    onClose: (e?: Event) => void;
+    onToggle: (e: Event) => void;
+    onShow: () => void;
+    onHide: () => void;
+};
+export declare const TOOLTIP_INJECTION_KEY: InjectionKey<ElTooltipInjectionContext>;

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

@@ -0,0 +1,4 @@
+const TOOLTIP_INJECTION_KEY = Symbol("elTooltip");
+
+export { TOOLTIP_INJECTION_KEY };
+//# sourceMappingURL=tokens.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tokens.mjs","sources":["../../../../../../packages/components/tooltip/src/tokens.ts"],"sourcesContent":["import type { InjectionKey, Ref } from 'vue'\nimport type { Trigger } from './tooltip'\n\nexport type ElTooltipInjectionContext = {\n  controlled: Ref<boolean>\n  id: Ref<string>\n  open: Ref<boolean>\n  trigger: Ref<Trigger | Trigger[]>\n  onOpen: (e?: Event) => void\n  onClose: (e?: Event) => void\n  onToggle: (e: Event) => void\n  onShow: () => void\n  onHide: () => void\n}\n\nexport const TOOLTIP_INJECTION_KEY: InjectionKey<ElTooltipInjectionContext> =\n  Symbol('elTooltip')\n"],"names":[],"mappings":"AAAY,MAAC,qBAAqB,GAAG,MAAM,CAAC,WAAW;;;;"}

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

@@ -0,0 +1,146 @@
+import type { ExtractPropTypes, PropType } from 'vue';
+declare const triggers: readonly ["hover", "focus", "click", "contextmenu"];
+export declare type Trigger = typeof triggers[number];
+export declare const useTooltipContentProps: {
+    content: import("element-plus/es/utils/props").BuildPropReturn<StringConstructor, string | (() => string) | undefined, unknown, unknown, unknown>;
+    rawContent: import("element-plus/es/utils/props").BuildPropReturn<BooleanConstructor, boolean | (() => false) | (() => true) | undefined, unknown, unknown, unknown>;
+    persistent: BooleanConstructor;
+    ariaLabel: StringConstructor;
+    visible: import("element-plus/es/utils/props").BuildPropReturn<import("element-plus/es/utils/props").PropWrapper<boolean | null>, (() => null) | null | undefined, unknown, unknown, unknown>;
+    transition: import("element-plus/es/utils/props").BuildPropReturn<StringConstructor, string | (() => string) | undefined, unknown, unknown, unknown>;
+    teleported: import("element-plus/es/utils/props").BuildPropReturn<BooleanConstructor, boolean | (() => false) | (() => true) | undefined, unknown, unknown, unknown>;
+    style: import("element-plus/es/utils/props").BuildPropReturn<import("element-plus/es/utils/props").PropWrapper<import("vue").StyleValue>, string | import("vue").CSSProperties | (() => string) | (() => import("vue").CSSProperties) | (() => import("vue").StyleValue[]) | undefined, unknown, unknown, unknown>;
+    className: import("element-plus/es/utils/props").BuildPropReturn<import("element-plus/es/utils/props").PropWrapper<string | {
+        [x: string]: any;
+    } | (string | {
+        [x: string]: any;
+    } | (string | {
+        [x: string]: any;
+    } | (string | {
+        [x: string]: any;
+    } | (string | {
+        [x: string]: any;
+    } | (string | {
+        [x: string]: any;
+    } | (string | {
+        [x: string]: any;
+    } | (string | {
+        [x: string]: any;
+    } | (string | {
+        [x: string]: any;
+    } | (string | {
+        [x: string]: any;
+    } | (string | {
+        [x: string]: any;
+    } | (string | {
+        [x: string]: any;
+    } | any)[])[])[])[])[])[])[])[])[])[])[]>, string | (() => string) | (() => {
+        [x: string]: any;
+    }) | (() => (string | {
+        [x: string]: any;
+    } | (string | {
+        [x: string]: any;
+    } | (string | {
+        [x: string]: any;
+    } | (string | {
+        [x: string]: any;
+    } | (string | {
+        [x: string]: any;
+    } | (string | {
+        [x: string]: any;
+    } | (string | {
+        [x: string]: any;
+    } | (string | {
+        [x: string]: any;
+    } | (string | {
+        [x: string]: any;
+    } | (string | {
+        [x: string]: any;
+    } | (string | {
+        [x: string]: any;
+    } | any)[])[])[])[])[])[])[])[])[])[])[]) | undefined, unknown, unknown, unknown>;
+    effect: import("element-plus/es/utils/props").BuildPropReturn<StringConstructor, string | (() => string) | undefined, unknown, unknown, unknown>;
+    enterable: import("element-plus/es/utils/props").BuildPropReturn<BooleanConstructor, boolean | (() => false) | (() => true) | undefined, unknown, unknown, unknown>;
+    pure: import("element-plus/es/utils/props").BuildPropReturn<BooleanConstructor, boolean | (() => false) | (() => true) | undefined, unknown, unknown, unknown>;
+    popperClass: import("element-plus/es/utils/props").BuildPropReturn<import("element-plus/es/utils/props").PropWrapper<string | {
+        [x: string]: any;
+    } | (string | {
+        [x: string]: any;
+    } | (string | {
+        [x: string]: any;
+    } | (string | {
+        [x: string]: any;
+    } | (string | {
+        [x: string]: any;
+    } | (string | {
+        [x: string]: any;
+    } | (string | {
+        [x: string]: any;
+    } | (string | {
+        [x: string]: any;
+    } | (string | {
+        [x: string]: any;
+    } | (string | {
+        [x: string]: any;
+    } | (string | {
+        [x: string]: any;
+    } | (string | {
+        [x: string]: any;
+    } | any)[])[])[])[])[])[])[])[])[])[])[]>, string | (() => string) | (() => {
+        [x: string]: any;
+    }) | (() => (string | {
+        [x: string]: any;
+    } | (string | {
+        [x: string]: any;
+    } | (string | {
+        [x: string]: any;
+    } | (string | {
+        [x: string]: any;
+    } | (string | {
+        [x: string]: any;
+    } | (string | {
+        [x: string]: any;
+    } | (string | {
+        [x: string]: any;
+    } | (string | {
+        [x: string]: any;
+    } | (string | {
+        [x: string]: any;
+    } | (string | {
+        [x: string]: any;
+    } | (string | {
+        [x: string]: any;
+    } | any)[])[])[])[])[])[])[])[])[])[])[]) | undefined, unknown, unknown, unknown>;
+    popperStyle: import("element-plus/es/utils/props").BuildPropReturn<import("element-plus/es/utils/props").PropWrapper<import("vue").StyleValue>, string | import("vue").CSSProperties | (() => string) | (() => import("vue").CSSProperties) | (() => import("vue").StyleValue[]) | undefined, unknown, unknown, unknown>;
+    referenceEl: import("element-plus/es/utils/props").BuildPropReturn<import("element-plus/es/utils/props").PropWrapper<HTMLElement>, HTMLElement | (() => HTMLElement) | undefined, unknown, unknown, unknown>;
+    stopPopperMouseEvent: import("element-plus/es/utils/props").BuildPropReturn<BooleanConstructor, boolean | (() => false) | (() => true) | undefined, unknown, unknown, unknown>;
+    zIndex: NumberConstructor;
+    boundariesPadding: import("element-plus/es/utils/props").BuildPropReturn<(new (...args: any[]) => number & {}) | (() => number) | ((new (...args: any[]) => number & {}) | (() => number))[], 0 | (() => 0) | undefined, false, unknown, unknown>;
+    fallbackPlacements: import("element-plus/es/utils/props").BuildPropReturn<(new (...args: any[]) => import("element-plus/es/components/popper").Placement[]) | (() => import("element-plus/es/components/popper").Placement[]) | ((new (...args: any[]) => import("element-plus/es/components/popper").Placement[]) | (() => import("element-plus/es/components/popper").Placement[]))[], (() => never[]) | undefined, false, unknown, unknown>;
+    gpuAcceleration: import("element-plus/es/utils/props").BuildPropReturn<(new (...args: any[]) => import("element-plus/es/utils/props").BuildPropType<BooleanConstructor, unknown, unknown> & {}) | (() => import("element-plus/es/utils/props").BuildPropType<BooleanConstructor, unknown, unknown>) | ((new (...args: any[]) => import("element-plus/es/utils/props").BuildPropType<BooleanConstructor, unknown, unknown> & {}) | (() => import("element-plus/es/utils/props").BuildPropType<BooleanConstructor, unknown, unknown>))[], true | (() => true) | undefined, false, unknown, unknown>;
+    offset: import("element-plus/es/utils/props").BuildPropReturn<(new (...args: any[]) => number & {}) | (() => number) | ((new (...args: any[]) => number & {}) | (() => number))[], 12 | (() => 12) | undefined, false, unknown, unknown>;
+    placement: import("element-plus/es/utils/props").BuildPropReturn<(new (...args: any[]) => import("element-plus/es/utils/props").BuildPropType<StringConstructor, import("element-plus/es/components/popper").Placement, unknown> & {}) | (() => import("element-plus/es/utils/props").BuildPropType<StringConstructor, import("element-plus/es/components/popper").Placement, unknown>) | ((new (...args: any[]) => import("element-plus/es/utils/props").BuildPropType<StringConstructor, import("element-plus/es/components/popper").Placement, unknown> & {}) | (() => import("element-plus/es/utils/props").BuildPropType<StringConstructor, import("element-plus/es/components/popper").Placement, unknown>))[], "bottom" | (() => "bottom") | undefined, false, unknown, unknown>;
+    popperOptions: import("element-plus/es/utils/props").BuildPropReturn<(new (...args: any[]) => Partial<import("element-plus/es/components/popper").Options>) | (() => Partial<import("element-plus/es/components/popper").Options>) | ((new (...args: any[]) => Partial<import("element-plus/es/components/popper").Options>) | (() => Partial<import("element-plus/es/components/popper").Options>))[], (() => {}) | undefined, false, unknown, unknown>;
+    strategy: import("element-plus/es/utils/props").BuildPropReturn<(new (...args: any[]) => import("element-plus/es/utils/props").BuildPropType<StringConstructor, "fixed" | "absolute", unknown> & {}) | (() => import("element-plus/es/utils/props").BuildPropType<StringConstructor, "fixed" | "absolute", unknown>) | ((new (...args: any[]) => import("element-plus/es/utils/props").BuildPropType<StringConstructor, "fixed" | "absolute", unknown> & {}) | (() => import("element-plus/es/utils/props").BuildPropType<StringConstructor, "fixed" | "absolute", unknown>))[], "absolute" | (() => "absolute") | undefined, false, unknown, unknown>;
+    showAfter: import("element-plus/es/utils/props").BuildPropReturn<NumberConstructor, number, unknown, unknown, unknown>;
+    hideAfter: import("element-plus/es/utils/props").BuildPropReturn<NumberConstructor, number, unknown, unknown, unknown>;
+};
+export declare const useTooltipTriggerProps: {
+    disabled: BooleanConstructor;
+    trigger: {
+        type: PropType<"click" | "contextmenu" | "focus" | "hover" | ("click" | "contextmenu" | "focus" | "hover")[]>;
+        default: string;
+    };
+    virtualRef: import("element-plus/es/utils/props").BuildPropReturn<import("element-plus/es/utils/props").PropWrapper<import("element-plus/es/components/popper").Measurable>, unknown, unknown, unknown, unknown>;
+    virtualTriggering: import("element-plus/es/utils/props").BuildPropReturn<BooleanConstructor, unknown, unknown, unknown, unknown>;
+};
+export declare const useTooltipProps: {
+    openDelay: import("element-plus/es/utils/props").BuildPropReturn<NumberConstructor, number | (() => number) | undefined, unknown, unknown, unknown>;
+    visibleArrow: import("element-plus/es/utils/props").BuildPropReturn<BooleanConstructor, boolean | (() => false) | (() => true) | undefined, unknown, unknown, unknown>;
+    hideAfter: import("element-plus/es/utils/props").BuildPropReturn<NumberConstructor, number | (() => number) | undefined, unknown, unknown, unknown>;
+    showArrow: import("element-plus/es/utils/props").BuildPropReturn<BooleanConstructor, boolean | (() => false) | (() => true) | undefined, unknown, unknown, unknown>;
+};
+export declare type ElTooltipContentProps = ExtractPropTypes<typeof useTooltipContentProps>;
+export declare type ElTooltipTriggerProps = ExtractPropTypes<typeof useTooltipTriggerProps>;
+export declare type ElTooltipProps = ExtractPropTypes<typeof useTooltipProps> & ElTooltipContentProps & ElTooltipTriggerProps;
+export {};

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

@@ -0,0 +1,63 @@
+import { buildProps, definePropType } from '../../../utils/props.mjs';
+import '../../popper/index.mjs';
+import '../../../hooks/index.mjs';
+import { useDelayedToggleProps } from '../../../hooks/use-delayed-toggle/index.mjs';
+import { usePopperContentProps, usePopperTriggerProps } from '../../popper/src/popper.mjs';
+
+const triggers = ["hover", "focus", "click", "contextmenu"];
+const useTooltipContentProps = {
+  ...useDelayedToggleProps,
+  ...usePopperContentProps,
+  ...buildProps({
+    content: {
+      type: String,
+      default: ""
+    },
+    rawContent: {
+      type: Boolean,
+      default: false
+    },
+    persistent: Boolean,
+    ariaLabel: String,
+    visible: {
+      type: definePropType(Boolean),
+      default: null
+    },
+    transition: {
+      type: String,
+      default: "el-fade-in-linear"
+    },
+    teleported: {
+      type: Boolean,
+      default: true
+    }
+  })
+};
+const useTooltipTriggerProps = {
+  ...usePopperTriggerProps,
+  disabled: Boolean,
+  trigger: {
+    type: [String, Array],
+    default: "hover"
+  }
+};
+const useTooltipProps = buildProps({
+  openDelay: {
+    type: Number
+  },
+  visibleArrow: {
+    type: Boolean,
+    default: void 0
+  },
+  hideAfter: {
+    type: Number,
+    default: 200
+  },
+  showArrow: {
+    type: Boolean,
+    default: true
+  }
+});
+
+export { useTooltipContentProps, useTooltipProps, useTooltipTriggerProps };
+//# sourceMappingURL=tooltip.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.mjs","sources":["../../../../../../packages/components/tooltip/src/tooltip.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-plus/utils/props'\nimport {\n  usePopperTriggerProps,\n  usePopperContentProps,\n} from '@element-plus/components/popper'\nimport { useDelayedToggleProps } from '@element-plus/hooks'\n\nimport type { ExtractPropTypes, PropType } from 'vue'\n\nconst triggers = ['hover', 'focus', 'click', 'contextmenu'] as const\n\nexport type Trigger = typeof triggers[number]\n\nexport const useTooltipContentProps = {\n  ...useDelayedToggleProps,\n  ...usePopperContentProps,\n  ...buildProps({\n    content: {\n      type: String,\n      default: '',\n    },\n    rawContent: {\n      type: Boolean,\n      default: false,\n    },\n    persistent: Boolean,\n    ariaLabel: String,\n    // because model toggle prop is generated dynamically\n    // so the typing cannot be evaluated by typescript as type:\n    // [name]: { type: Boolean, default: null }\n    // so we need to declare that again for type checking.\n    visible: {\n      type: definePropType<boolean | null>(Boolean),\n      default: null,\n    },\n    transition: {\n      type: String,\n      default: 'el-fade-in-linear',\n    },\n    teleported: {\n      type: Boolean,\n      default: true,\n    },\n  }),\n}\n\nexport const useTooltipTriggerProps = {\n  ...usePopperTriggerProps,\n  disabled: Boolean,\n  trigger: {\n    type: [String, Array] as PropType<Trigger | Trigger[]>,\n    default: 'hover',\n  },\n}\n\nexport const useTooltipProps = buildProps({\n  openDelay: {\n    type: Number,\n  },\n  visibleArrow: {\n    type: Boolean,\n    default: undefined,\n  },\n  hideAfter: {\n    type: Number,\n    default: 200,\n  },\n  showArrow: {\n    type: Boolean,\n    default: true,\n  },\n})\n\nexport type ElTooltipContentProps = ExtractPropTypes<\n  typeof useTooltipContentProps\n>\n\nexport type ElTooltipTriggerProps = ExtractPropTypes<\n  typeof useTooltipTriggerProps\n>\n\nexport type ElTooltipProps = ExtractPropTypes<typeof useTooltipProps> &\n  ElTooltipContentProps &\n  ElTooltipTriggerProps\n"],"names":[],"mappings":";;;;;;AAMA,MAAM,QAAQ,GAAG,CAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,aAAa,CAAC,CAAC;AAChD,MAAC,sBAAsB,GAAG;AACtC,EAAE,GAAG,qBAAqB;AAC1B,EAAE,GAAG,qBAAqB;AAC1B,EAAE,GAAG,UAAU,CAAC;AAChB,IAAI,OAAO,EAAE;AACb,MAAM,IAAI,EAAE,MAAM;AAClB,MAAM,OAAO,EAAE,EAAE;AACjB,KAAK;AACL,IAAI,UAAU,EAAE;AAChB,MAAM,IAAI,EAAE,OAAO;AACnB,MAAM,OAAO,EAAE,KAAK;AACpB,KAAK;AACL,IAAI,UAAU,EAAE,OAAO;AACvB,IAAI,SAAS,EAAE,MAAM;AACrB,IAAI,OAAO,EAAE;AACb,MAAM,IAAI,EAAE,cAAc,CAAC,OAAO,CAAC;AACnC,MAAM,OAAO,EAAE,IAAI;AACnB,KAAK;AACL,IAAI,UAAU,EAAE;AAChB,MAAM,IAAI,EAAE,MAAM;AAClB,MAAM,OAAO,EAAE,mBAAmB;AAClC,KAAK;AACL,IAAI,UAAU,EAAE;AAChB,MAAM,IAAI,EAAE,OAAO;AACnB,MAAM,OAAO,EAAE,IAAI;AACnB,KAAK;AACL,GAAG,CAAC;AACJ,EAAE;AACU,MAAC,sBAAsB,GAAG;AACtC,EAAE,GAAG,qBAAqB;AAC1B,EAAE,QAAQ,EAAE,OAAO;AACnB,EAAE,OAAO,EAAE;AACX,IAAI,IAAI,EAAE,CAAC,MAAM,EAAE,KAAK,CAAC;AACzB,IAAI,OAAO,EAAE,OAAO;AACpB,GAAG;AACH,EAAE;AACU,MAAC,eAAe,GAAG,UAAU,CAAC;AAC1C,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,MAAM;AAChB,GAAG;AACH,EAAE,YAAY,EAAE;AAChB,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,KAAK,CAAC;AACnB,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,GAAG;AAChB,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,CAAC;;;;"}