vft 0.0.89 → 0.0.91

package/es/components/popconfirm/popconfirm.vue2.js

@@ -1,24 +1,24 @@
-import { defineComponent as C, ref as N, computed as a, openBlock as y, createBlock as B, unref as o, mergeProps as w, withCtx as l, createElementVNode as f, normalizeClass as c, normalizeStyle as $, createCommentVNode as T, createTextVNode as s, toDisplayString as m, createVNode as x, renderSlot as b } from "vue";
+import { defineComponent as C, ref as w, computed as p, openBlock as d, createBlock as y, unref as t, mergeProps as $, withCtx as n, createElementVNode as a, normalizeClass as r, normalizeStyle as b, createCommentVNode as B, createTextVNode as c, toDisplayString as s, createVNode as T, renderSlot as I } from "vue";
 import { VftButton as h } from "../button/index.js";
-import { VftIcon as I } from "../icon/index.js";
-import { VftTooltip as P } from "../tooltip/index.js";
-import { useNamespace as S } from "../../hooks/use-namespace/index.js";
+import { VftIcon as P } from "../icon/index.js";
+import { VftTooltip as S } from "../tooltip/index.js";
+import { useNamespace as A } from "../../hooks/use-namespace/index.js";
 import "@popperjs/core";
 import "lodash";
 import "../../hooks/use-z-index/index.js";
 import "@vueuse/core";
-import { addUnit as A } from "@vft/utils";
+import { addUnit as E } from "@vft/utils";
 import "../../utils/ns-cover.js";
-const E = C({
+const R = C({
   name: "ElPopconfirm"
 }), M = /* @__PURE__ */ C({
-  ...E,
+  ...R,
   props: {
-    title: null,
-    confirmButtonText: null,
-    cancelButtonText: null,
+    title: {},
+    confirmButtonText: {},
+    cancelButtonText: {},
     confirmButtonType: { default: "primary" },
-    cancelButtonType: null,
+    cancelButtonType: {},
     icon: { default: "ico-ep:question-filled" },
     iconColor: { default: "#f90" },
     hideIcon: { type: Boolean, default: !1 },
@@ -28,80 +28,80 @@ const E = C({
     width: { default: 150 }
   },
   emits: ["confirm", "cancel"],
-  setup(e, { emit: u }) {
-    const i = e, n = S("popconfirm"), p = N(), d = () => {
-      var t, r;
-      (r = (t = p.value) == null ? void 0 : t.onClose) == null || r.call(t);
-    }, k = a(() => ({
-      width: A(i.width)
-    })), V = (t) => {
-      u("confirm", t), d();
-    }, g = (t) => {
-      u("cancel", t), d();
-    }, v = a(
-      () => i.confirmButtonText || "确认"
-    ), z = a(
-      () => i.cancelButtonText || "取消"
+  setup(k, { emit: f }) {
+    const l = k, o = A("popconfirm"), m = w(), u = () => {
+      var e, i;
+      (i = (e = m.value) == null ? void 0 : e.onClose) == null || i.call(e);
+    }, v = p(() => ({
+      width: E(l.width)
+    })), V = (e) => {
+      f("confirm", e), u();
+    }, g = (e) => {
+      f("cancel", e), u();
+    }, z = p(
+      () => l.confirmButtonText || "确认"
+    ), N = p(
+      () => l.cancelButtonText || "取消"
     );
-    return (t, r) => (y(), B(o(P), w({
+    return (e, i) => (d(), y(t(S), $({
       ref_key: "tooltipRef",
-      ref: p,
+      ref: m,
       trigger: "click",
       effect: "light"
-    }, t.$attrs, {
-      "popper-class": `${o(n).namespace.value}-popover`,
-      "popper-style": o(k),
+    }, e.$attrs, {
+      "popper-class": `${t(o).namespace.value}-popover`,
+      "popper-style": v.value,
       teleported: e.teleported,
       "fallback-placements": ["bottom", "top", "right", "left"],
       "hide-after": e.hideAfter,
       persistent: e.persistent
     }), {
-      content: l(() => [
-        f("div", {
-          class: c(o(n).b())
+      content: n(() => [
+        a("div", {
+          class: r(t(o).b())
         }, [
-          f("div", {
-            class: c(o(n).e("main"))
+          a("div", {
+            class: r(t(o).e("main"))
           }, [
-            !e.hideIcon && e.icon ? (y(), B(o(I), {
+            !e.hideIcon && e.icon ? (d(), y(t(P), {
               key: 0,
               icon: e.icon,
               size: 20,
-              class: c(o(n).e("icon")),
-              style: $({ color: e.iconColor })
-            }, null, 8, ["icon", "class", "style"])) : T("", !0),
-            s(" " + m(e.title), 1)
+              class: r(t(o).e("icon")),
+              style: b({ color: e.iconColor })
+            }, null, 8, ["icon", "class", "style"])) : B("", !0),
+            c(" " + s(e.title), 1)
           ], 2),
-          f("div", {
-            class: c(o(n).e("action"))
+          a("div", {
+            class: r(t(o).e("action"))
           }, [
-            x(o(h), {
+            T(t(h), {
               size: "small",
               type: e.cancelButtonType === "text" ? "" : e.cancelButtonType,
               text: e.cancelButtonType === "text",
               onClick: g
             }, {
-              default: l(() => [
-                s(m(o(z)), 1)
+              default: n(() => [
+                c(s(N.value), 1)
               ]),
               _: 1
             }, 8, ["type", "text"]),
-            x(o(h), {
+            T(t(h), {
               size: "small",
               type: e.confirmButtonType === "text" ? "" : e.confirmButtonType,
               text: e.confirmButtonType === "text",
               onClick: V
             }, {
-              default: l(() => [
-                s(m(o(v)), 1)
+              default: n(() => [
+                c(s(z.value), 1)
               ]),
               _: 1
             }, 8, ["type", "text"])
           ], 2)
         ], 2)
       ]),
-      default: l(() => [
-        t.$slots.reference ? b(t.$slots, "reference", { key: 0 }) : T("", !0)
+      default: n(() => [
+        e.$slots.reference ? I(e.$slots, "reference", { key: 0 }) : B("", !0)
       ]),
       _: 3
     }, 16, ["popper-class", "popper-style", "teleported", "hide-after", "persistent"]));

package/es/components/popover/popover.vue2.js

@@ -1,36 +1,36 @@
-import { defineComponent as c, ref as k, computed as n, unref as o, openBlock as i, createBlock as A, mergeProps as S, withCtx as f, createElementBlock as $, normalizeClass as x, toDisplayString as s, createCommentVNode as d, renderSlot as u, createTextVNode as R } from "vue";
-import { addUnit as E } from "@vft/utils";
-import { useNamespace as N } from "../../hooks/use-namespace/index.js";
+import { defineComponent as u, ref as k, computed as a, unref as n, openBlock as p, createBlock as A, mergeProps as S, withCtx as s, createElementBlock as $, normalizeClass as R, toDisplayString as i, createCommentVNode as f, renderSlot as d, createTextVNode as E } from "vue";
+import { addUnit as N } from "@vft/utils";
+import { useNamespace as V } from "../../hooks/use-namespace/index.js";
 import "@popperjs/core";
 import "lodash";
 import "../../hooks/use-z-index/index.js";
 import "@vueuse/core";
 import "../../utils/ns-cover.js";
-import { VftTooltip as V } from "../tooltip/index.js";
+import { VftTooltip as H } from "../tooltip/index.js";
 const r = (
   /* hoist-static*/
-  N("popover")
-), H = c({
+  V("popover")
+), L = u({
   name: r.b()
-}), G = /* @__PURE__ */ c({
-  ...H,
+}), I = /* @__PURE__ */ u({
+  ...L,
   props: {
     trigger: { default: "hover" },
     placement: { default: "bottom" },
     disabled: { type: Boolean },
     visible: { type: Boolean, default: null },
     transition: { default: "vft-fade-in-linear" },
-    popperOptions: null,
+    popperOptions: {},
     tabindex: { default: 0 },
-    content: null,
-    popperStyle: null,
-    popperClass: null,
+    content: {},
+    popperStyle: {},
+    popperClass: {},
     enterable: { type: Boolean, default: !0 },
     effect: { default: "light" },
     teleported: { type: Boolean, default: !0 },
-    title: null,
+    title: {},
     width: { default: 150 },
-    offset: null,
+    offset: {},
     showAfter: { default: 0 },
     hideAfter: { default: 200 },
     autoClose: { default: 0 },
@@ -38,36 +38,36 @@ const r = (
     persistent: { type: Boolean, default: !0 }
   },
   emits: ["update:visible", "before-enter", "before-leave", "after-enter", "after-leave"],
-  setup(e, { expose: p, emit: l }) {
-    const a = k(), b = n(() => {
-      var t;
-      return (t = o(a)) == null ? void 0 : t.popperRef;
-    }), m = n(() => [
+  setup(t, { expose: c, emit: o }) {
+    const l = k(), b = a(() => {
+      var e;
+      return (e = n(l)) == null ? void 0 : e.popperRef;
+    }), m = a(() => [
       {
-        width: E(e.width)
+        width: N(t.width)
       },
-      e.popperStyle
-    ]), h = n(() => [r.b(), e.popperClass, { [r.m("plain")]: !!e.content }]), v = n(() => e.transition === `${r.namespace.value}-fade-in-linear`), w = () => {
-      var t;
-      (t = a.value) == null || t.hide();
+      t.popperStyle
+    ]), h = a(() => [r.b(), t.popperClass, { [r.m("plain")]: !!t.content }]), v = a(() => t.transition === `${r.namespace.value}-fade-in-linear`), w = () => {
+      var e;
+      (e = l.value) == null || e.hide();
     }, y = () => {
-      l("before-enter");
+      o("before-enter");
     }, g = () => {
-      l("before-leave");
+      o("before-leave");
     }, B = () => {
-      l("after-enter");
+      o("after-enter");
     }, C = () => {
-      l("update:visible", !1), l("after-leave");
+      o("update:visible", !1), o("after-leave");
     };
-    return p({
+    return c({
       /** @description popper ref */
       popperRef: b,
       /** @description hide popover */
       hide: w
-    }), (t, L) => (i(), A(o(V), S({
+    }), (e, O) => (p(), A(n(H), S({
       ref_key: "tooltipRef",
-      ref: a
-    }, t.$attrs, {
+      ref: l
+    }, e.$attrs, {
       trigger: e.trigger,
       placement: e.placement,
       disabled: e.disabled,
@@ -84,33 +84,33 @@ const r = (
       "aria-label": e.title,
       effect: e.effect,
       enterable: e.enterable,
-      "popper-class": o(h),
-      "popper-style": o(m),
+      "popper-class": h.value,
+      "popper-style": m.value,
       teleported: e.teleported,
       persistent: e.persistent,
-      "gpu-acceleration": o(v),
+      "gpu-acceleration": v.value,
       onBeforeShow: y,
       onBeforeHide: g,
       onShow: B,
       onHide: C
     }), {
-      content: f(() => [
-        e.title ? (i(), $("div", {
+      content: s(() => [
+        e.title ? (p(), $("div", {
           key: 0,
-          class: x(o(r).e("title")),
+          class: R(n(r).e("title")),
           role: "title"
-        }, s(e.title), 3)) : d("", !0),
-        u(t.$slots, "default", {}, () => [
-          R(s(e.content), 1)
+        }, i(e.title), 3)) : f("", !0),
+        d(e.$slots, "default", {}, () => [
+          E(i(e.content), 1)
         ])
       ]),
-      default: f(() => [
-        t.$slots.reference ? u(t.$slots, "reference", { key: 0 }) : d("", !0)
+      default: s(() => [
+        e.$slots.reference ? d(e.$slots, "reference", { key: 0 }) : f("", !0)
       ]),
       _: 3
     }, 16, ["trigger", "placement", "disabled", "visible", "transition", "popper-options", "tabindex", "content", "offset", "show-after", "hide-after", "auto-close", "show-arrow", "aria-label", "effect", "enterable", "popper-class", "popper-style", "teleported", "persistent", "gpu-acceleration"]));
   }
 });
 export {
-  G as default
+  I as default
 };

package/es/components/popper/arrow.vue2.js

@@ -10,7 +10,7 @@ import { POPPER_CONTENT_INJECTION_KEY as O } from "./constants.js";
 const v = t({
   name: "vft-popper-arrow",
   inheritAttrs: !1
-}), x = /* @__PURE__ */ t({
+}), T = /* @__PURE__ */ t({
   ...v,
   props: {
     arrowOffset: { default: 5 }
@@ -42,5 +42,5 @@ const v = t({
   }
 });
 export {
-  x as default
+  T as default
 };

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

@@ -13,32 +13,32 @@ const oe = y({
   ...oe,
   props: {
     boundariesPadding: { default: 0 },
-    fallbackPlacements: null,
+    fallbackPlacements: {},
     gpuAcceleration: { type: Boolean, default: !0 },
     offset: { default: 12 },
     placement: { default: "bottom" },
     popperOptions: { default: {} },
     strategy: { default: "absolute" },
-    id: null,
-    style: null,
-    className: null,
+    id: {},
+    style: {},
+    className: {},
     effect: { default: "dark" },
     visible: { type: Boolean },
     enterable: { type: Boolean, default: !0 },
     pure: { type: Boolean },
     focusOnShow: { type: Boolean, default: !1 },
     trapping: { type: Boolean, default: !1 },
-    popperClass: null,
-    popperStyle: null,
-    referenceEl: null,
-    triggerTargetEl: null,
+    popperClass: {},
+    popperStyle: {},
+    referenceEl: {},
+    triggerTargetEl: {},
     stopPopperMouseEvent: { type: Boolean, default: !0 },
-    ariaLabel: null,
+    ariaLabel: {},
     virtualTriggering: { type: Boolean },
-    zIndex: null
+    zIndex: {}
   },
   emits: ["mouseenter", "mouseleave", "focus", "blur", "close"],
-  setup(n, { expose: P, emit: F }) {
+  setup(r, { expose: P, emit: F }) {
     const u = z(), {
       focusStartRef: E,
       trapped: p,
@@ -47,13 +47,13 @@ const oe = y({
       onFocusInTrap: A,
       onFocusoutPrevented: T,
       onReleaseRequested: g
-    } = ee(u.props, F), { attributes: O, arrowRef: I, contentRef: a, styles: N, instanceRef: w, role: d, update: M } = W(u.props), {
+    } = ee(u.props, F), { attributes: O, arrowRef: I, contentRef: s, styles: N, instanceRef: w, role: d, update: M } = W(u.props), {
       ariaModal: k,
       arrowStyle: S,
       contentAttrs: q,
-      contentClass: $,
+      contentClass: x,
       contentStyle: c,
-      updateZIndex: x
+      updateZIndex: $
     } = _(u.props, {
       styles: N,
       attributes: O,
@@ -65,38 +65,38 @@ const oe = y({
       arrowOffset: L
     });
     let t;
-    const m = (l = !0) => {
-      M(), l && x();
+    const m = (n = !0) => {
+      M(), n && $();
     }, V = () => {
-      m(!1), n.visible && n.focusOnShow ? p.value = !0 : n.visible === !1 && (p.value = !1);
+      m(!1), r.visible && r.focusOnShow ? p.value = !0 : r.visible === !1 && (p.value = !1);
     };
     return K(() => {
       i(
-        () => n.triggerTargetEl,
-        (l, r) => {
+        () => r.triggerTargetEl,
+        (n, a) => {
           t == null || t(), t = void 0;
-          const o = e(l || a.value), f = e(r || a.value);
+          const o = e(n || s.value), f = e(a || s.value);
           R(o) && (t = i(
-            [d, () => n.ariaLabel, k, () => n.id],
-            (s) => {
+            [d, () => r.ariaLabel, k, () => r.id],
+            (l) => {
               ["role", "aria-label", "aria-modal", "id"].forEach((v, b) => {
-                h(s[b]) ? o.removeAttribute(v) : o.setAttribute(v, s[b]);
+                h(l[b]) ? o.removeAttribute(v) : o.setAttribute(v, l[b]);
               });
             },
             { immediate: !0 }
-          )), f !== o && R(f) && ["role", "aria-label", "aria-modal", "id"].forEach((s) => {
-            f.removeAttribute(s);
+          )), f !== o && R(f) && ["role", "aria-label", "aria-modal", "id"].forEach((l) => {
+            f.removeAttribute(l);
           });
         },
         { immediate: !0 }
-      ), i(() => n.visible, V, { immediate: !0 });
+      ), i(() => r.visible, V, { immediate: !0 });
     }), U(() => {
       t == null || t(), t = void 0;
     }), P({
       /**
        * @description popper content element
        */
-      popperContentRef: a,
+      popperContentRef: s,
       /**
        * @description popperjs instance
        */
@@ -109,20 +109,20 @@ const oe = y({
        * @description content style
        */
       contentStyle: c
-    }), (l, r) => (Y(), Z("div", j({
+    }), (n, a) => (Y(), Z("div", j({
       ref_key: "contentRef",
-      ref: a
+      ref: s
     }, e(q), {
       style: e(c),
-      class: e($),
+      class: e(x),
       tabindex: "-1",
-      onMouseenter: r[0] || (r[0] = (o) => l.$emit("mouseenter", o)),
-      onMouseleave: r[1] || (r[1] = (o) => l.$emit("mouseleave", o))
+      onMouseenter: a[0] || (a[0] = (o) => n.$emit("mouseenter", o)),
+      onMouseleave: a[1] || (a[1] = (o) => n.$emit("mouseleave", o))
     }), [
       G(e(X), {
         trapped: e(p),
         "trap-on-focus-in": !0,
-        "focus-trap-el": e(a),
+        "focus-trap-el": e(s),
         "focus-start-el": e(E),
         onFocusAfterTrapped: e(C),
         onFocusAfterReleased: e(B),
@@ -131,7 +131,7 @@ const oe = y({
         onReleaseRequested: e(g)
       }, {
         default: H(() => [
-          Q(l.$slots, "default")
+          Q(n.$slots, "default")
         ]),
         _: 3
       }, 8, ["trapped", "focus-trap-el", "focus-start-el", "onFocusAfterTrapped", "onFocusAfterReleased", "onFocusin", "onFocusoutPrevented", "onReleaseRequested"])

package/es/components/popper/popper.vue2.js

@@ -1,15 +1,15 @@
-import { defineComponent as o, ref as e, computed as i, provide as _, renderSlot as d } from "vue";
+import { defineComponent as t, ref as e, computed as i, provide as _, renderSlot as d } from "vue";
 import { POPPER_INJECTION_KEY as m } from "./constants.js";
-const u = o({
+const u = t({
   name: "vft-popper",
   inheritAttrs: !1
-}), E = /* @__PURE__ */ o({
+}), E = /* @__PURE__ */ t({
   ...u,
   props: {
     role: { default: "tooltip" }
   },
   setup(r, { expose: n }) {
-    const p = e(), s = e(), f = e(), c = e(), l = i(() => r.role), t = {
+    const p = e(), s = e(), f = e(), c = e(), l = i(() => r.role), o = {
       /**
        * @description trigger element
        */
@@ -31,7 +31,7 @@ const u = o({
        */
       role: l
     };
-    return n(t), _(m, t), (a, R) => d(a.$slots, "default");
+    return n(o), _(m, o), (a, R) => d(a.$slots, "default");
   }
 });
 export {