vft 0.0.428 → 0.0.430

package/es/components/table/field.d.ts

@@ -13,7 +13,7 @@ export declare const DATE_FIELD: ({ format, field, title, }?: {
     title: string;
     formatter: ({ row }: {
         row: any;
-    }) => any;
+    }) => string;
 };
 export declare const DATE_TIME_FIELD: ({ format, field, title, }?: {
     format?: string | undefined;
@@ -25,7 +25,7 @@ export declare const DATE_TIME_FIELD: ({ format, field, title, }?: {
     title: string;
     formatter: ({ row }: {
         row: any;
-    }) => any;
+    }) => string;
 };
 export declare const CREATE_TIME_FIELD: ({ format, field, title, }?: {
     format?: string | undefined;
@@ -37,7 +37,7 @@ export declare const CREATE_TIME_FIELD: ({ format, field, title, }?: {
     title: string;
     formatter: ({ row }: {
         row: any;
-    }) => any;
+    }) => string;
 };
 export declare const UPDATE_TIME_FIELD: ({ format, field, title, }?: {
     format?: string | undefined;
@@ -49,7 +49,7 @@ export declare const UPDATE_TIME_FIELD: ({ format, field, title, }?: {
     title: string;
     formatter: ({ row }: {
         row: any;
-    }) => any;
+    }) => string;
 };
 export declare const STATUS_FIELD: ({ field, title, normalText, disabledText, strToNumber, }?: {
     field?: string | undefined;

package/es/components/teleport/teleport.vue2.js

@@ -0,0 +1,19 @@
+import { defineComponent as l, renderSlot as o, createBlock as a, openBlock as r, Teleport as n } from "vue";
+const f = /* @__PURE__ */ l({
+  __name: "teleport",
+  props: {
+    disabled: { type: Boolean, default: !1 },
+    to: {}
+  },
+  setup(e) {
+    return (t, s) => e.disabled ? o(t.$slots, "default", { key: 0 }) : (r(), a(n, {
+      key: 1,
+      to: e.to
+    }, [
+      o(t.$slots, "default")
+    ], 8, ["to"]));
+  }
+});
+export {
+  f as default
+};

package/es/components/time-picker/common/picker.vue.d.ts

@@ -250,11 +250,11 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
 }>, {
     readonly disabled: boolean;
     readonly type: string;
+    readonly placeholder: string;
     readonly modelValue: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => string | number | string[] | Date | [DateModelType, DateModelType]) | (() => import("./props").ModelValueType) | (((new (...args: any[]) => string | number | string[] | Date | [DateModelType, DateModelType]) | (() => import("./props").ModelValueType)) | null)[], unknown, unknown>;
     readonly placement: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => "top" | "bottom" | "left" | "right" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => import("@popperjs/core").Placement) | (((new (...args: any[]) => "top" | "bottom" | "left" | "right" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => import("@popperjs/core").Placement)) | null)[], import("@popperjs/core").Placement, unknown>;
     readonly tabindex: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number) | (((new (...args: any[]) => string | number) | (() => string | number)) | null)[], unknown, unknown>;
     readonly readonly: boolean;
-    readonly placeholder: string;
     readonly validateEvent: import("vft/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly clearable: import("vft/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly prefixIcon: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component) | (((new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component)) | null)[], unknown, unknown>;

package/es/components/time-picker/index.d.ts

@@ -192,11 +192,11 @@ declare const _TimePicker: import("vue").DefineComponent<import("vue").ExtractPr
 }>, {
     disabled: boolean;
     type: string;
+    placeholder: string;
     modelValue: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => string | number | string[] | Date | [import("./common/props").DateModelType, import("./common/props").DateModelType]) | (() => import("./common/props").ModelValueType) | (((new (...args: any[]) => string | number | string[] | Date | [import("./common/props").DateModelType, import("./common/props").DateModelType]) | (() => import("./common/props").ModelValueType)) | null)[], unknown, unknown>;
     placement: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => "top" | "bottom" | "left" | "right" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => import("@popperjs/core").Placement) | (((new (...args: any[]) => "top" | "bottom" | "left" | "right" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => import("@popperjs/core").Placement)) | null)[], import("@popperjs/core").Placement, unknown>;
     tabindex: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number) | (((new (...args: any[]) => string | number) | (() => string | number)) | null)[], unknown, unknown>;
     readonly: boolean;
-    placeholder: string;
     validateEvent: import("vft/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     clearable: import("vft/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     prefixIcon: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component) | (((new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component)) | null)[], unknown, unknown>;
@@ -405,11 +405,11 @@ export declare const VftTimePicker: import("vue").DefineComponent<import("vue").
 }>, {
     disabled: boolean;
     type: string;
+    placeholder: string;
     modelValue: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => string | number | string[] | Date | [import("./common/props").DateModelType, import("./common/props").DateModelType]) | (() => import("./common/props").ModelValueType) | (((new (...args: any[]) => string | number | string[] | Date | [import("./common/props").DateModelType, import("./common/props").DateModelType]) | (() => import("./common/props").ModelValueType)) | null)[], unknown, unknown>;
     placement: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => "top" | "bottom" | "left" | "right" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => import("@popperjs/core").Placement) | (((new (...args: any[]) => "top" | "bottom" | "left" | "right" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => import("@popperjs/core").Placement)) | null)[], import("@popperjs/core").Placement, unknown>;
     tabindex: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number) | (((new (...args: any[]) => string | number) | (() => string | number)) | null)[], unknown, unknown>;
     readonly: boolean;
-    placeholder: string;
     validateEvent: import("vft/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     clearable: import("vft/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     prefixIcon: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component) | (((new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component)) | null)[], unknown, unknown>;

package/es/components/time-picker/time-picker.d.ts

@@ -193,11 +193,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
 }>, {
     disabled: boolean;
     type: string;
+    placeholder: string;
     modelValue: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => string | number | string[] | Date | [import("./common/props").DateModelType, import("./common/props").DateModelType]) | (() => import("./common/props").ModelValueType) | (((new (...args: any[]) => string | number | string[] | Date | [import("./common/props").DateModelType, import("./common/props").DateModelType]) | (() => import("./common/props").ModelValueType)) | null)[], unknown, unknown>;
     placement: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => "top" | "bottom" | "left" | "right" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => import("@popperjs/core").Placement) | (((new (...args: any[]) => "top" | "bottom" | "left" | "right" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => import("@popperjs/core").Placement)) | null)[], import("@popperjs/core").Placement, unknown>;
     tabindex: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number) | (((new (...args: any[]) => string | number) | (() => string | number)) | null)[], unknown, unknown>;
     readonly: boolean;
-    placeholder: string;
     validateEvent: import("vft/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     clearable: import("vft/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     prefixIcon: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component) | (((new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component)) | null)[], unknown, unknown>;

package/es/components/timeline/timeline-item.vue2.js

@@ -0,0 +1,79 @@
+import { defineComponent as d, computed as f, createElementBlock as m, openBlock as a, normalizeClass as l, unref as o, createElementVNode as n, createCommentVNode as i, normalizeStyle as p, createBlock as y, mergeProps as k, renderSlot as c, toDisplayString as r } from "vue";
+import { VftIcon as v } from "../icon/index.js";
+import "@vueuse/core";
+import "@vft/utils";
+import "../config-provider/hooks/use-global-config.js";
+import "lodash-es";
+import "../form/index.js";
+import { useNamespace as h } from "../../hooks/use-namespace/index.js";
+import "../../hooks/use-model-toggle/index.js";
+import "@popperjs/core";
+import "../../hooks/use-z-index/index.js";
+const B = d({
+  name: "vft-timeline-item"
+}), I = /* @__PURE__ */ d({
+  ...B,
+  props: {
+    timestamp: {},
+    hideTimestamp: { type: Boolean, default: !1 },
+    center: { type: Boolean, default: !1 },
+    placement: { default: "bottom" },
+    type: {},
+    color: {},
+    size: { default: "normal" },
+    icon: {},
+    hollow: { type: Boolean, default: !1 }
+  },
+  setup(t) {
+    const e = h("timeline-item"), u = f(() => [
+      e.e("node"),
+      e.em("node", t.size || ""),
+      e.em("node", t.type || ""),
+      e.is("hollow", t.hollow)
+    ]);
+    return (s, b) => (a(), m("li", {
+      class: l([o(e).b(), { [o(e).e("center")]: t.center }])
+    }, [
+      n("div", {
+        class: l(o(e).e("tail"))
+      }, null, 2),
+      s.$slots.dot ? i("", !0) : (a(), m("div", {
+        key: 0,
+        class: l(u.value),
+        style: p({
+          backgroundColor: t.color
+        })
+      }, [
+        t.icon?.icon ? (a(), y(o(v), k({ key: 0 }, t.icon, {
+          class: o(e).e("icon")
+        }), null, 16, ["class"])) : i("", !0)
+      ], 6)),
+      s.$slots.dot ? (a(), m("div", {
+        key: 1,
+        class: l(o(e).e("dot"))
+      }, [
+        c(s.$slots, "dot")
+      ], 2)) : i("", !0),
+      n("div", {
+        class: l(o(e).e("wrapper"))
+      }, [
+        !t.hideTimestamp && t.placement === "top" ? (a(), m("div", {
+          key: 0,
+          class: l([o(e).e("timestamp"), o(e).is("top")])
+        }, r(t.timestamp), 3)) : i("", !0),
+        n("div", {
+          class: l(o(e).e("content"))
+        }, [
+          c(s.$slots, "default")
+        ], 2),
+        !t.hideTimestamp && t.placement === "bottom" ? (a(), m("div", {
+          key: 1,
+          class: l([o(e).e("timestamp"), o(e).is("bottom")])
+        }, r(t.timestamp), 3)) : i("", !0)
+      ], 2)
+    ], 2));
+  }
+});
+export {
+  I as default
+};

package/es/components/tooltip/content.vue2.js

@@ -0,0 +1,179 @@
+import { defineComponent as B, ref as v, computed as o, inject as J, onBeforeUnmount as K, unref as t, watch as y, createBlock as b, openBlock as C, withCtx as p, createVNode as Y, Transition as q, withDirectives as G, createCommentVNode as Q, mergeProps as X, renderSlot as Z, vShow as _ } from "vue";
+import "../focus-trap/focus-trap.vue2.js";
+import { tryFocus as ee } from "../focus-trap/utils.js";
+import { isClient as te, onClickOutside as oe } from "@vueuse/core";
+import "@vft/utils";
+import { composeEventHandlers as h } from "../../utils/event.js";
+import "../config-provider/hooks/use-global-config.js";
+import "lodash-es";
+import "../form/index.js";
+import { useNamespace as ne } from "../../hooks/use-namespace/index.js";
+import "../../hooks/use-model-toggle/index.js";
+import "@popperjs/core";
+import { usePopperContainerId as re } from "../../hooks/use-popper-container/index.js";
+import "../../hooks/use-z-index/index.js";
+import "../popper/index.js";
+import { VftTeleport as ae } from "../teleport/index.js";
+import { TOOLTIP_INJECTION_KEY as le } from "./constants.js";
+import ie from "../popper/content.vue2.js";
+const se = B({
+  name: "VftTooltipContent",
+  inheritAttrs: !1
+}), Ne = /* @__PURE__ */ B({
+  ...se,
+  props: {
+    boundariesPadding: { default: 0 },
+    fallbackPlacements: {},
+    gpuAcceleration: { type: Boolean, default: !0 },
+    offset: { default: 12 },
+    placement: { default: "bottom" },
+    popperOptions: { default: () => ({}) },
+    strategy: { default: "absolute" },
+    style: { type: [Boolean, null, String, Object, Array] },
+    className: {},
+    effect: { default: "dark" },
+    enterable: { type: Boolean, default: !0 },
+    pure: { type: Boolean },
+    focusOnShow: { type: Boolean, default: !1 },
+    trapping: { type: Boolean, default: !1 },
+    popperClass: {},
+    popperStyle: { type: [Boolean, null, String, Object, Array] },
+    referenceEl: {},
+    triggerTargetEl: {},
+    stopPopperMouseEvent: { type: Boolean, default: !0 },
+    virtualTriggering: { type: Boolean },
+    zIndex: {},
+    showAfter: { default: 0 },
+    hideAfter: { default: 200 },
+    appendTo: {},
+    content: { default: "" },
+    rawContent: { type: Boolean, default: !1 },
+    persistent: { type: Boolean },
+    ariaLabel: {},
+    visible: { type: Boolean, default: null },
+    transition: {},
+    teleported: { type: Boolean, default: !0 },
+    disabled: { type: Boolean },
+    arrowOffset: { default: 5 }
+  },
+  setup(e, { expose: E }) {
+    const { selector: T } = re(), w = ne("tooltip"), n = v(null), S = o(() => n.value?.popperContentRef);
+    let l;
+    const {
+      controlled: c,
+      id: O,
+      open: i,
+      trigger: s,
+      onClose: a,
+      onOpen: N,
+      onShow: P,
+      onHide: k,
+      onBeforeShow: A,
+      onBeforeHide: I
+    } = J(le, void 0), R = o(() => e.transition || `${w.namespace.value}-fade-in-linear`), L = o(() => process.env.NODE_ENV === "test" && !process.env.RUN_TEST_WITH_PERSISTENT ? !0 : process.env.NODE_ENV === "development" && !te ? !1 : e.persistent);
+    K(() => {
+      l?.();
+    });
+    const x = o(() => t(L) ? !0 : t(i)), d = o(() => e.disabled ? !1 : t(i)), H = o(() => e.appendTo || T.value), V = o(() => e.style ?? {}), f = v(!0), $ = () => {
+      k(), g() && ee(document.body), f.value = !0;
+    }, m = () => {
+      if (t(c)) return !0;
+    }, M = h(m, () => {
+      e.enterable && t(s) === "hover" && N();
+    }), z = h(m, () => {
+      t(s) === "hover" && a();
+    }), j = () => {
+      n.value?.updatePopper?.(), A?.();
+    }, D = () => {
+      I?.();
+    }, F = () => {
+      P();
+    }, U = () => {
+      e.virtualTriggering || a();
+    }, g = (r) => {
+      const u = n.value?.popperContentRef, W = r?.relatedTarget || document.activeElement;
+      return u?.contains(W);
+    };
+    return y(
+      () => t(i),
+      (r) => {
+        r ? (f.value = !1, l = oe(S, () => {
+          if (t(c)) return;
+          t(s) !== "hover" && a();
+        })) : l?.();
+      },
+      {
+        flush: "post"
+      }
+    ), y(
+      () => e.content,
+      () => {
+        n.value?.updatePopper?.();
+      }
+    ), E({
+      /**
+       * @description el-popper-content component instance
+       */
+      contentRef: n,
+      isFocusInsideContent: g
+    }), (r, u) => (C(), b(t(ae), {
+      disabled: !e.teleported,
+      to: H.value
+    }, {
+      default: p(() => [
+        Y(q, {
+          name: R.value,
+          onAfterLeave: $,
+          onBeforeEnter: j,
+          onAfterEnter: F,
+          onBeforeLeave: D
+        }, {
+          default: p(() => [
+            x.value ? G((C(), b(t(ie), X({
+              key: 0,
+              id: t(O),
+              ref_key: "contentRef",
+              ref: n
+            }, r.$attrs, {
+              "aria-label": e.ariaLabel,
+              "aria-hidden": f.value,
+              "boundaries-padding": e.boundariesPadding,
+              "fallback-placements": e.fallbackPlacements,
+              "gpu-acceleration": e.gpuAcceleration,
+              offset: e.offset,
+              placement: e.placement,
+              "popper-options": e.popperOptions,
+              "arrow-offset": e.arrowOffset,
+              strategy: e.strategy,
+              effect: e.effect,
+              enterable: e.enterable,
+              pure: e.pure,
+              "popper-class": e.popperClass,
+              "popper-style": [e.popperStyle, V.value],
+              "reference-el": e.referenceEl,
+              "trigger-target-el": e.triggerTargetEl,
+              visible: d.value,
+              "z-index": e.zIndex,
+              onMouseenter: t(M),
+              onMouseleave: t(z),
+              onBlur: U,
+              onClose: t(a)
+            }), {
+              default: p(() => [
+                Z(r.$slots, "default")
+              ]),
+              _: 3
+            }, 16, ["id", "aria-label", "aria-hidden", "boundaries-padding", "fallback-placements", "gpu-acceleration", "offset", "placement", "popper-options", "arrow-offset", "strategy", "effect", "enterable", "pure", "popper-class", "popper-style", "reference-el", "trigger-target-el", "visible", "z-index", "onMouseenter", "onMouseleave", "onClose"])), [
+              [_, d.value]
+            ]) : Q("", !0)
+          ]),
+          _: 3
+        }, 8, ["name"])
+      ]),
+      _: 3
+    }, 8, ["disabled", "to"]));
+  }
+});
+export {
+  Ne as default
+};

package/es/components/tooltip/tooltip.vue2.js

@@ -0,0 +1,233 @@
+import { defineComponent as T, ref as l, getCurrentInstance as M, toRef as i, computed as h, provide as $, readonly as H, unref as f, watch as L, onDeactivated as V, createBlock as w, openBlock as s, withCtx as m, createVNode as v, renderSlot as B, createCommentVNode as C, createElementBlock as k, toDisplayString as z } from "vue";
+import { VftPopper as D } from "../popper/index.js";
+import "@vueuse/core";
+import { isBoolean as K } from "@vft/utils";
+import "../config-provider/hooks/use-global-config.js";
+import "lodash-es";
+import "../form/index.js";
+import { useId as F } from "../../hooks/use-id/index.js";
+import { useNamespace as j } from "../../hooks/use-namespace/index.js";
+import "../../hooks/use-model-toggle/index.js";
+import "@popperjs/core";
+import { usePopperContainer as J } from "../../hooks/use-popper-container/index.js";
+import "../../hooks/use-z-index/index.js";
+import { useDelayedToggle as U } from "../../hooks/use-delayed-toggle/index.js";
+import { EVENT_CODE as y } from "@vft/constants";
+import { TOOLTIP_INJECTION_KEY as Y } from "./constants.js";
+import q from "./content.vue2.js";
+import G from "./trigger.vue2.js";
+import { useTooltipModelToggle as Q } from "./utils.js";
+import W from "../popper/arrow.vue2.js";
+const X = ["innerHTML"], Z = { key: 1 }, _ = T({
+  name: "VftTooltip"
+}), Be = /* @__PURE__ */ T({
+  ..._,
+  props: {
+    role: { default: "tooltip" },
+    showArrow: { type: Boolean, default: !0 },
+    arrowOffset: { default: 5 },
+    virtualRef: {},
+    virtualTriggering: { type: Boolean },
+    onMouseenter: {},
+    onMouseleave: {},
+    onClick: {},
+    onKeydown: {},
+    onFocus: {},
+    onBlur: {},
+    onContextmenu: {},
+    id: {},
+    open: { type: Boolean },
+    boundariesPadding: { default: 0 },
+    fallbackPlacements: {},
+    gpuAcceleration: { type: Boolean, default: !0 },
+    offset: { default: 12 },
+    placement: { default: "bottom" },
+    popperOptions: { default: () => ({}) },
+    strategy: { default: "absolute" },
+    style: { type: [Boolean, null, String, Object, Array] },
+    className: {},
+    effect: { default: "dark" },
+    visible: { type: [Boolean, null], default: null },
+    enterable: { type: Boolean, default: !0 },
+    pure: { type: Boolean },
+    focusOnShow: { type: Boolean, default: !1 },
+    trapping: { type: Boolean, default: !1 },
+    popperClass: {},
+    popperStyle: { type: [Boolean, null, String, Object, Array] },
+    referenceEl: {},
+    triggerTargetEl: {},
+    stopPopperMouseEvent: { type: Boolean, default: !0 },
+    ariaLabel: {},
+    zIndex: {},
+    showAfter: { default: 0 },
+    hideAfter: { default: 200 },
+    appendTo: {},
+    content: { default: "" },
+    rawContent: { type: Boolean, default: !1 },
+    persistent: { type: Boolean },
+    transition: {},
+    teleported: { type: Boolean, default: !0 },
+    disabled: { type: Boolean },
+    trigger: { default: "hover" },
+    triggerKeys: { default: () => [y.enter, y.numpadEnter, y.space] }
+  },
+  emits: [
+    "before-show",
+    "before-hide",
+    "show",
+    "hide",
+    "open",
+    "close"
+  ],
+  setup(e, { expose: A, emit: O }) {
+    const n = O;
+    J();
+    const E = j("tooltip"), I = F(), d = l(), u = l(), b = () => {
+      const t = f(d);
+      t && t.popperInstanceRef?.update();
+    }, o = l(!1), r = l(), { show: P, hide: c, hasUpdateHandler: R } = Q({
+      indicator: o,
+      toggleReason: r
+    }), a = M(), { onOpen: p, onClose: g } = U({
+      showAfter: i(a.props, "showAfter"),
+      hideAfter: i(a.props, "hideAfter"),
+      autoClose: i(a.props, "autoClose"),
+      open: P,
+      close: c
+    }), S = h(
+      () => K(e.visible) && !R.value
+    ), N = h(() => [E.b(), e.popperClass]);
+    $(Y, {
+      controlled: S,
+      id: I,
+      open: H(o),
+      trigger: i(a.props, "trigger"),
+      onOpen: (t) => {
+        p(t);
+      },
+      onClose: (t) => {
+        g(t);
+      },
+      onToggle: (t) => {
+        f(o) ? g(t) : p(t);
+      },
+      onShow: () => {
+        n("show", r.value);
+      },
+      onHide: () => {
+        n("hide", r.value);
+      },
+      onBeforeShow: () => {
+        n("before-show", r.value);
+      },
+      onBeforeHide: () => {
+        n("before-hide", r.value);
+      },
+      updatePopper: b
+    }), L(
+      () => e.disabled,
+      (t) => {
+        t && o.value && (o.value = !1);
+      }
+    );
+    const x = (t) => u.value?.isFocusInsideContent(t);
+    return V(() => o.value && c()), A({
+      /**
+       * @description el-popper component instance
+       */
+      popperRef: d,
+      /**
+       * @description el-tooltip-content component instance
+       */
+      contentRef: u,
+      /**
+       * @description validate current focus event is trigger inside el-tooltip-content
+       */
+      isFocusInsideContent: x,
+      /**
+       * @description update el-popper component instance
+       */
+      updatePopper: b,
+      /**
+       * @description expose onOpen function to mange el-tooltip open state
+       */
+      onOpen: p,
+      /**
+       * @description expose onOpen function to mange el-tooltip open state
+       */
+      onClose: g,
+      /**
+       * @description expose hide function
+       */
+      hide: c
+    }), (t, ee) => (s(), w(f(D), {
+      ref_key: "popperRef",
+      ref: d,
+      role: e.role
+    }, {
+      default: m(() => [
+        v(G, {
+          disabled: e.disabled,
+          trigger: e.trigger,
+          "trigger-keys": e.triggerKeys,
+          "virtual-ref": e.virtualRef,
+          "virtual-triggering": e.virtualTriggering
+        }, {
+          default: m(() => [
+            t.$slots.default ? B(t.$slots, "default", { key: 0 }) : C("", !0)
+          ]),
+          _: 3
+        }, 8, ["disabled", "trigger", "trigger-keys", "virtual-ref", "virtual-triggering"]),
+        v(q, {
+          ref_key: "contentRef",
+          ref: u,
+          "aria-label": e.ariaLabel,
+          "boundaries-padding": e.boundariesPadding,
+          content: e.content,
+          disabled: e.disabled,
+          effect: e.effect,
+          enterable: e.enterable,
+          "fallback-placements": e.fallbackPlacements,
+          "hide-after": e.hideAfter,
+          "gpu-acceleration": e.gpuAcceleration,
+          offset: e.offset,
+          persistent: e.persistent,
+          "popper-class": N.value,
+          "popper-style": e.popperStyle,
+          placement: e.placement,
+          "popper-options": e.popperOptions,
+          "arrow-offset": e.arrowOffset,
+          pure: e.pure,
+          "raw-content": e.rawContent,
+          "reference-el": e.referenceEl,
+          "trigger-target-el": e.triggerTargetEl,
+          "show-after": e.showAfter,
+          strategy: e.strategy,
+          teleported: e.teleported,
+          transition: e.transition,
+          "virtual-triggering": e.virtualTriggering,
+          "z-index": e.zIndex,
+          "append-to": e.appendTo
+        }, {
+          default: m(() => [
+            B(t.$slots, "content", {}, () => [
+              e.rawContent ? (s(), k("span", {
+                key: 0,
+                innerHTML: e.content
+              }, null, 8, X)) : (s(), k("span", Z, z(e.content), 1))
+            ]),
+            e.showArrow ? (s(), w(f(W), {
+              key: 0,
+              "arrow-offset": e.arrowOffset
+            }, null, 8, ["arrow-offset"])) : C("", !0)
+          ]),
+          _: 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", "arrow-offset", "pure", "raw-content", "reference-el", "trigger-target-el", "show-after", "strategy", "teleported", "transition", "virtual-triggering", "z-index", "append-to"])
+      ]),
+      _: 3
+    }, 8, ["role"]));
+  }
+});
+export {
+  Be as default
+};