vft 0.0.429 → 0.0.430

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

@@ -1,4 +1,4 @@
-import { defineComponent as B, ref as v, computed as n, inject as K, onBeforeUnmount as Y, unref as t, watch as y, createBlock as b, openBlock as C, withCtx as u, createVNode as q, Transition as G, withDirectives as Q, createCommentVNode as X, mergeProps as Z, renderSlot as x, vShow as _ } from "vue";
+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";
@@ -15,12 +15,12 @@ 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 se from "../popper/content.vue2.js";
-const pe = B({
+import ie from "../popper/content.vue2.js";
+const se = B({
   name: "VftTooltipContent",
   inheritAttrs: !1
 }), Ne = /* @__PURE__ */ B({
-  ...pe,
+  ...se,
   props: {
     boundariesPadding: { default: 0 },
     fallbackPlacements: {},
@@ -56,87 +56,87 @@ const pe = B({
     disabled: { type: Boolean },
     arrowOffset: { default: 5 }
   },
-  setup(o, { expose: E }) {
-    const { selector: T } = re(), w = ne("tooltip"), r = v(null), S = n(() => r.value?.popperContentRef);
+  setup(e, { expose: E }) {
+    const { selector: T } = re(), w = ne("tooltip"), n = v(null), S = o(() => n.value?.popperContentRef);
     let l;
     const {
-      controlled: d,
+      controlled: c,
       id: O,
-      open: s,
-      trigger: p,
+      open: i,
+      trigger: s,
       onClose: a,
       onOpen: N,
       onShow: P,
       onHide: k,
       onBeforeShow: A,
       onBeforeHide: I
-    } = K(le, void 0), R = n(() => o.transition || `${w.namespace.value}-fade-in-linear`), L = n(() => process.env.NODE_ENV === "test" && !process.env.RUN_TEST_WITH_PERSISTENT ? !0 : process.env.NODE_ENV === "development" && !te ? !1 : o.persistent);
-    Y(() => {
+    } = 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 H = n(() => t(L) ? !0 : t(s)), c = n(() => o.disabled ? !1 : t(s)), V = n(() => o.appendTo || T.value), $ = n(() => o.style ?? {}), i = v(!0), M = () => {
-      k(), g() && ee(document.body), i.value = !0;
+    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(d)) return !0;
-    }, z = h(m, () => {
-      o.enterable && t(p) === "hover" && N();
-    }), j = h(m, () => {
-      t(p) === "hover" && a();
-    }), D = () => {
-      r.value?.updatePopper?.(), A?.();
-    }, F = () => {
+      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?.();
-    }, U = () => {
+    }, F = () => {
       P();
-    }, W = () => {
-      o.virtualTriggering || a();
-    }, g = (e) => {
-      const f = r.value?.popperContentRef, J = e?.relatedTarget || document.activeElement;
-      return f?.contains(J);
+    }, U = () => {
+      e.virtualTriggering || a();
+    }, g = (r) => {
+      const u = n.value?.popperContentRef, W = r?.relatedTarget || document.activeElement;
+      return u?.contains(W);
     };
     return y(
-      () => t(s),
-      (e) => {
-        e ? (i.value = !1, l = oe(S, () => {
-          if (t(d)) return;
-          t(p) !== "hover" && a();
+      () => t(i),
+      (r) => {
+        r ? (f.value = !1, l = oe(S, () => {
+          if (t(c)) return;
+          t(s) !== "hover" && a();
         })) : l?.();
       },
       {
         flush: "post"
       }
     ), y(
-      () => o.content,
+      () => e.content,
       () => {
-        r.value?.updatePopper?.();
+        n.value?.updatePopper?.();
       }
     ), E({
       /**
        * @description el-popper-content component instance
        */
-      contentRef: r,
+      contentRef: n,
       isFocusInsideContent: g
-    }), (e, f) => (C(), b(t(ae), {
+    }), (r, u) => (C(), b(t(ae), {
       disabled: !e.teleported,
-      to: V.value
+      to: H.value
     }, {
-      default: u(() => [
-        q(G, {
+      default: p(() => [
+        Y(q, {
           name: R.value,
-          onAfterLeave: M,
-          onBeforeEnter: D,
-          onAfterEnter: U,
-          onBeforeLeave: F
+          onAfterLeave: $,
+          onBeforeEnter: j,
+          onAfterEnter: F,
+          onBeforeLeave: D
         }, {
-          default: u(() => [
-            H.value ? Q((C(), b(t(se), Z({
+          default: p(() => [
+            x.value ? G((C(), b(t(ie), X({
               key: 0,
               id: t(O),
               ref_key: "contentRef",
-              ref: r
-            }, e.$attrs, {
+              ref: n
+            }, r.$attrs, {
               "aria-label": e.ariaLabel,
-              "aria-hidden": i.value,
+              "aria-hidden": f.value,
               "boundaries-padding": e.boundariesPadding,
               "fallback-placements": e.fallbackPlacements,
               "gpu-acceleration": e.gpuAcceleration,
@@ -149,23 +149,23 @@ const pe = B({
               enterable: e.enterable,
               pure: e.pure,
               "popper-class": e.popperClass,
-              "popper-style": [e.popperStyle, $.value],
+              "popper-style": [e.popperStyle, V.value],
               "reference-el": e.referenceEl,
               "trigger-target-el": e.triggerTargetEl,
-              visible: c.value,
+              visible: d.value,
               "z-index": e.zIndex,
-              onMouseenter: t(z),
-              onMouseleave: t(j),
-              onBlur: W,
+              onMouseenter: t(M),
+              onMouseleave: t(z),
+              onBlur: U,
               onClose: t(a)
             }), {
-              default: u(() => [
-                x(e.$slots, "default")
+              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"])), [
-              [_, c.value]
-            ]) : X("", !0)
+              [_, d.value]
+            ]) : Q("", !0)
           ]),
           _: 3
         }, 8, ["name"])

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

@@ -1,27 +1,27 @@
-import { defineComponent as T, ref as a, getCurrentInstance as $, toRef as l, computed as h, provide as H, readonly as L, unref as p, watch as V, onDeactivated as z, createBlock as w, openBlock as s, withCtx as c, createVNode as v, renderSlot as B, createCommentVNode as C, createElementBlock as k, toDisplayString as D } from "vue";
-import { VftPopper as K } from "../popper/index.js";
+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 F } from "@vft/utils";
+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 j } from "../../hooks/use-id/index.js";
-import { useNamespace as J } from "../../hooks/use-namespace/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 U } from "../../hooks/use-popper-container/index.js";
+import { usePopperContainer as J } from "../../hooks/use-popper-container/index.js";
 import "../../hooks/use-z-index/index.js";
-import { useDelayedToggle as Y } from "../../hooks/use-delayed-toggle/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 q } from "./constants.js";
-import G from "./content.vue2.js";
-import Q from "./trigger.vue2.js";
-import { useTooltipModelToggle as W } from "./utils.js";
-import X from "../popper/arrow.vue2.js";
-const Z = ["innerHTML"], _ = { key: 1 }, x = T({
+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({
-  ...x,
+  ..._,
   props: {
     role: { default: "tooltip" },
     showArrow: { type: Boolean, default: !0 },
@@ -79,71 +79,71 @@ const Z = ["innerHTML"], _ = { key: 1 }, x = T({
     "open",
     "close"
   ],
-  setup(i, { expose: A, emit: O }) {
-    const r = O;
-    U();
-    const E = J("tooltip"), I = j(), f = a(), d = a(), b = () => {
-      const e = p(f);
-      e && e.popperInstanceRef?.update();
-    }, o = a(!1), t = a(), { show: P, hide: u, hasUpdateHandler: R } = W({
+  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: t
-    }), n = $(), { onOpen: g, onClose: m } = Y({
-      showAfter: l(n.props, "showAfter"),
-      hideAfter: l(n.props, "hideAfter"),
-      autoClose: l(n.props, "autoClose"),
+      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: u
+      close: c
     }), S = h(
-      () => F(i.visible) && !R.value
-    ), N = h(() => [E.b(), i.popperClass]);
-    H(q, {
+      () => K(e.visible) && !R.value
+    ), N = h(() => [E.b(), e.popperClass]);
+    $(Y, {
       controlled: S,
       id: I,
-      open: L(o),
-      trigger: l(n.props, "trigger"),
-      onOpen: (e) => {
-        g(e);
+      open: H(o),
+      trigger: i(a.props, "trigger"),
+      onOpen: (t) => {
+        p(t);
       },
-      onClose: (e) => {
-        m(e);
+      onClose: (t) => {
+        g(t);
       },
-      onToggle: (e) => {
-        p(o) ? m(e) : g(e);
+      onToggle: (t) => {
+        f(o) ? g(t) : p(t);
       },
       onShow: () => {
-        r("show", t.value);
+        n("show", r.value);
       },
       onHide: () => {
-        r("hide", t.value);
+        n("hide", r.value);
       },
       onBeforeShow: () => {
-        r("before-show", t.value);
+        n("before-show", r.value);
       },
       onBeforeHide: () => {
-        r("before-hide", t.value);
+        n("before-hide", r.value);
       },
       updatePopper: b
-    }), V(
-      () => i.disabled,
-      (e) => {
-        e && o.value && (o.value = !1);
+    }), L(
+      () => e.disabled,
+      (t) => {
+        t && o.value && (o.value = !1);
       }
     );
-    const M = (e) => d.value?.isFocusInsideContent(e);
-    return z(() => o.value && u()), A({
+    const x = (t) => u.value?.isFocusInsideContent(t);
+    return V(() => o.value && c()), A({
       /**
        * @description el-popper component instance
        */
-      popperRef: f,
+      popperRef: d,
       /**
        * @description el-tooltip-content component instance
        */
-      contentRef: d,
+      contentRef: u,
       /**
        * @description validate current focus event is trigger inside el-tooltip-content
        */
-      isFocusInsideContent: M,
+      isFocusInsideContent: x,
       /**
        * @description update el-popper component instance
        */
@@ -151,36 +151,36 @@ const Z = ["innerHTML"], _ = { key: 1 }, x = T({
       /**
        * @description expose onOpen function to mange el-tooltip open state
        */
-      onOpen: g,
+      onOpen: p,
       /**
        * @description expose onOpen function to mange el-tooltip open state
        */
-      onClose: m,
+      onClose: g,
       /**
        * @description expose hide function
        */
-      hide: u
-    }), (e, ee) => (s(), w(p(K), {
+      hide: c
+    }), (t, ee) => (s(), w(f(D), {
       ref_key: "popperRef",
-      ref: f,
+      ref: d,
       role: e.role
     }, {
-      default: c(() => [
-        v(Q, {
+      default: m(() => [
+        v(G, {
           disabled: e.disabled,
           trigger: e.trigger,
           "trigger-keys": e.triggerKeys,
           "virtual-ref": e.virtualRef,
           "virtual-triggering": e.virtualTriggering
         }, {
-          default: c(() => [
-            e.$slots.default ? B(e.$slots, "default", { key: 0 }) : C("", !0)
+          default: m(() => [
+            t.$slots.default ? B(t.$slots, "default", { key: 0 }) : C("", !0)
           ]),
           _: 3
         }, 8, ["disabled", "trigger", "trigger-keys", "virtual-ref", "virtual-triggering"]),
-        v(G, {
+        v(q, {
           ref_key: "contentRef",
-          ref: d,
+          ref: u,
           "aria-label": e.ariaLabel,
           "boundaries-padding": e.boundariesPadding,
           content: e.content,
@@ -209,14 +209,14 @@ const Z = ["innerHTML"], _ = { key: 1 }, x = T({
           "z-index": e.zIndex,
           "append-to": e.appendTo
         }, {
-          default: c(() => [
-            B(e.$slots, "content", {}, () => [
+          default: m(() => [
+            B(t.$slots, "content", {}, () => [
               e.rawContent ? (s(), k("span", {
                 key: 0,
                 innerHTML: e.content
-              }, null, 8, Z)) : (s(), k("span", _, D(e.content), 1))
+              }, null, 8, X)) : (s(), k("span", Z, z(e.content), 1))
             ]),
-            e.showArrow ? (s(), w(p(X), {
+            e.showArrow ? (s(), w(f(W), {
               key: 0,
               "arrow-offset": e.arrowOffset
             }, null, 8, ["arrow-offset"])) : C("", !0)

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

@@ -1,9 +1,9 @@
-import { defineComponent as a, inject as K, ref as O, createBlock as w, openBlock as x, unref as o, normalizeClass as b, withCtx as D, renderSlot as N } from "vue";
-import { EVENT_CODE as c } from "@vft/constants";
+import { defineComponent as a, inject as E, ref as K, createBlock as O, openBlock as w, unref as e, normalizeClass as b, withCtx as D, renderSlot as N } from "vue";
+import { EVENT_CODE as g } from "@vft/constants";
 import "../popper/index.js";
 import "@vueuse/core";
 import "@vft/utils";
-import { composeEventHandlers as n } from "../../utils/event.js";
+import { composeEventHandlers as r } from "../../utils/event.js";
 import "../config-provider/hooks/use-global-config.js";
 import "lodash-es";
 import "../form/index.js";
@@ -21,44 +21,44 @@ const V = a({
   props: {
     disabled: { type: Boolean },
     trigger: { default: "hover" },
-    triggerKeys: { default: () => [c.enter, c.space] },
+    triggerKeys: { default: () => [g.enter, g.space] },
     virtualRef: {},
     virtualTriggering: { type: Boolean }
   },
   setup(t, { expose: m }) {
-    const f = F("tooltip"), { controlled: d, id: p, open: v, onOpen: s, onClose: u, onToggle: l } = K(
+    const f = F("tooltip"), { controlled: d, id: p, open: v, onOpen: s, onClose: u, onToggle: l } = E(
       I,
       void 0
-    ), C = O(null), r = () => {
-      if (o(d) || t.disabled)
+    ), C = K(null), n = () => {
+      if (e(d) || t.disabled)
         return !0;
-    }, T = n(
-      r,
+    }, T = r(
+      n,
       i(t.trigger, "hover", s)
-    ), h = n(
-      r,
+    ), h = r(
+      n,
       i(t.trigger, "hover", u)
-    ), y = n(
-      r,
-      i(t.trigger, "click", (e) => {
-        e.button === 0 && l(e);
+    ), x = r(
+      n,
+      i(t.trigger, "click", (o) => {
+        o.button === 0 && l(o);
       })
-    ), B = n(
-      r,
+    ), y = r(
+      n,
       i(t.trigger, "focus", s)
-    ), M = n(
-      r,
+    ), B = r(
+      n,
       i(t.trigger, "focus", u)
-    ), k = n(
-      r,
-      i(t.trigger, "contextmenu", (e) => {
-        e.preventDefault(), l(e);
+    ), M = r(
+      n,
+      i(t.trigger, "contextmenu", (o) => {
+        o.preventDefault(), l(o);
       })
-    ), E = n(
-      r,
-      (e) => {
-        const { code: g } = e;
-        t.triggerKeys.includes(g) && (e.preventDefault(), l(e));
+    ), k = r(
+      n,
+      (o) => {
+        const { code: c } = o;
+        t.triggerKeys.includes(c) && (o.preventDefault(), l(o));
       }
     );
     return m({
@@ -66,22 +66,22 @@ const V = a({
        * @description trigger element
        */
       triggerRef: C
-    }), (e, g) => (x(), w(o(R), {
-      id: o(p),
-      "virtual-ref": e.virtualRef,
-      open: o(v),
-      "virtual-triggering": e.virtualTriggering,
-      class: b(o(f).e("trigger")),
-      onBlur: o(M),
-      onClick: o(y),
-      onContextmenu: o(k),
-      onFocus: o(B),
-      onMouseenter: o(T),
-      onMouseleave: o(h),
-      onKeydown: o(E)
+    }), (o, c) => (w(), O(e(R), {
+      id: e(p),
+      "virtual-ref": t.virtualRef,
+      open: e(v),
+      "virtual-triggering": t.virtualTriggering,
+      class: b(e(f).e("trigger")),
+      onBlur: e(B),
+      onClick: e(x),
+      onContextmenu: e(M),
+      onFocus: e(y),
+      onMouseenter: e(T),
+      onMouseleave: e(h),
+      onKeydown: e(k)
     }, {
       default: D(() => [
-        N(e.$slots, "default")
+        N(o.$slots, "default")
       ]),
       _: 3
     }, 8, ["id", "virtual-ref", "open", "virtual-triggering", "class", "onBlur", "onClick", "onContextmenu", "onFocus", "onMouseenter", "onMouseleave", "onKeydown"]));