element-plus 2.1.5 → 2.1.6

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

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

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

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

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

@@ -0,0 +1,24 @@
+import type { ExtractPropTypes } from 'vue';
+export declare const tooltipV2Props: {
+    readonly ariaLabel: StringConstructor;
+    readonly arrowPadding: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<import("@floating-ui/core").Padding>, 5, unknown, unknown, unknown>;
+    readonly placement: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<import("@floating-ui/core").Placement>, "bottom", unknown, "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end", unknown>;
+    readonly reference: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<HTMLElement | import("@floating-ui/dom").VirtualElement | null>, null, unknown, unknown, unknown>;
+    readonly strategy: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<import("@floating-ui/core").Strategy>, "fixed", unknown, "fixed" | "absolute", unknown>;
+    readonly showArrow: import("../../../utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+    readonly onBlur: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<(e: Event) => boolean | void>, unknown, unknown, unknown, unknown>;
+    readonly onClick: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<(e: Event) => boolean | void>, unknown, unknown, unknown, unknown>;
+    readonly onFocus: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<(e: Event) => boolean | void>, unknown, unknown, unknown, unknown>;
+    readonly onMouseDown: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<(e: Event) => boolean | void>, unknown, unknown, unknown, unknown>;
+    readonly onMouseEnter: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<(e: Event) => boolean | void>, unknown, unknown, unknown, unknown>;
+    readonly onMouseLeave: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<(e: Event) => boolean | void>, unknown, unknown, unknown, unknown>;
+    readonly width: import("../../../utils").BuildPropReturn<NumberConstructor, number, unknown, unknown, unknown>;
+    readonly height: import("../../../utils").BuildPropReturn<NumberConstructor, number, unknown, unknown, unknown>;
+    readonly style: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<import("vue").CSSProperties | null>, null, unknown, unknown, unknown>;
+    readonly delayDuration: import("../../../utils").BuildPropReturn<NumberConstructor, 300, unknown, unknown, unknown>;
+    readonly defaultOpen: BooleanConstructor;
+    readonly open: import("../../../utils").BuildPropReturn<BooleanConstructor, undefined, unknown, unknown, unknown>;
+    readonly onOpenChange: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<(state: boolean) => void>, unknown, unknown, unknown, unknown>;
+    readonly 'onUpdate:open': import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<(state: boolean) => void>, unknown, unknown, unknown, unknown>;
+};
+export declare type TooltipV2Props = ExtractPropTypes<typeof tooltipV2Props>;

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

@@ -0,0 +1,18 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var root = require('./root.js');
+var trigger = require('./trigger.js');
+var arrow = require('./arrow.js');
+var content = require('./content.js');
+
+const tooltipV2Props = {
+  ...root.tooltipV2RootProps,
+  ...arrow.tooltipV2ArrowProps,
+  ...trigger.tooltipV2TriggerProps,
+  ...content.tooltipV2ContentProps
+};
+
+exports.tooltipV2Props = tooltipV2Props;
+//# sourceMappingURL=tooltip.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.js","sources":["../../../../../../packages/components/tooltip-v2/src/tooltip.ts"],"sourcesContent":["import { tooltipV2RootProps } from './root'\nimport { tooltipV2TriggerProps } from './trigger'\nimport { tooltipV2ArrowProps } from './arrow'\nimport { tooltipV2ContentProps } from './content'\n\nimport type { ExtractPropTypes } from 'vue'\n\nexport const tooltipV2Props = {\n  ...tooltipV2RootProps,\n  ...tooltipV2ArrowProps,\n  ...tooltipV2TriggerProps,\n  ...tooltipV2ContentProps,\n} as const\n\nexport type TooltipV2Props = ExtractPropTypes<typeof tooltipV2Props>\n"],"names":["tooltipV2RootProps","tooltipV2ArrowProps","tooltipV2TriggerProps","tooltipV2ContentProps"],"mappings":";;;;;;;;;AAIY,MAAC,cAAc,GAAG;AAC9B,EAAE,GAAGA,uBAAkB;AACvB,EAAE,GAAGC,yBAAmB;AACxB,EAAE,GAAGC,6BAAqB;AAC1B,EAAE,GAAGC,6BAAqB;AAC1B;;;;"}