vft 0.0.89 → 0.0.91

package/es/components/search/search.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as P, ref as u, computed as s, resolveDirective as j, openBlock as h, createElementBlock as w, Fragment as q, withDirectives as G, normalizeClass as g, unref as n, normalizeStyle as J, createVNode as Q, mergeProps as b, createSlots as T, withCtx as r, renderSlot as i, createBlock as X, createElementVNode as Y, createCommentVNode as Z } from "vue";
+import { defineComponent as P, ref as a, computed as f, resolveDirective as j, openBlock as h, createElementBlock as w, Fragment as q, withDirectives as G, normalizeClass as g, unref as r, normalizeStyle as J, createVNode as Q, mergeProps as b, createSlots as T, withCtx as u, renderSlot as i, createBlock as X, createElementVNode as Y, createCommentVNode as Z } from "vue";
 import { VftInput as _ } from "../input/index.js";
 import { VftPopover as ee } from "../popover/index.js";
 import { useNamespace as oe } from "../../hooks/use-namespace/index.js";
@@ -6,115 +6,115 @@ import "@popperjs/core";
 import "lodash";
 import "../../hooks/use-z-index/index.js";
 import "@vueuse/core";
-import { addUnit as c } from "@vft/utils";
+import { addUnit as d } from "@vft/utils";
 import { generateCssVars as $ } from "../../utils/ns-cover.js";
-const d = (
+const c = (
   /* hoist-static*/
   oe("search")
 ), te = P({
-  name: d.b()
+  name: c.b()
 }), ve = /* @__PURE__ */ P({
   ...te,
   props: {
+    width: { default: 200 },
+    activeWidth: {},
+    usePopover: { type: Boolean, default: !0 },
+    popoverCfg: {},
     modelValue: { default: "" },
-    placeholder: null,
     clearable: { type: Boolean, default: !0 },
+    placeholder: {},
     suffixIcon: { default: { icon: "ico-ep:search", color: "#8B8C8C", pointer: !0 } },
-    prefixIcon: null,
-    clearIcon: null,
-    width: { default: 200 },
-    activeWidth: null,
-    usePopover: { type: Boolean, default: !0 },
-    popoverCfg: null
+    prefixIcon: {},
+    clearIcon: {}
   },
   emits: ["update:modelValue", "blur", "focus", "clear", "enter", "prefixClick", "suffixClick", "mouseenter", "mouseleave", "keydown", "change"],
-  setup(e, { expose: x, emit: t }) {
-    const k = u(), C = u(), y = u(), v = u(!1), p = u(!1), l = u(!1), B = s(
+  setup(o, { expose: B, emit: t }) {
+    const k = a(), C = a(), y = a(), v = a(!1), p = a(!1), n = a(!1), R = f(
       () => $(
         {
-          width: e.activeWidth && (l.value || e.modelValue) ? c(e.activeWidth) : c(e.width)
+          width: o.activeWidth && (n.value || o.modelValue) ? d(o.activeWidth) : d(o.width)
         },
         "input"
       )
-    ), R = s(
+    ), S = f(
       () => $(
         {
-          "active-width": e.activeWidth ? c(e.activeWidth) : c(e.width)
+          "active-width": o.activeWidth ? d(o.activeWidth) : d(o.width)
         },
         "search"
       )
-    ), S = s(() => ({
+    ), x = f(() => ({
       "show-arrow": !1,
       transition: "vft-zoom-in-top-fast",
       placement: "bottom-start",
       "hide-after": 100,
       offset: 3,
       width: 500,
-      ...e.popoverCfg
-    })), I = (o) => {
-      t("update:modelValue", o);
+      ...o.popoverCfg
+    })), I = (e) => {
+      t("update:modelValue", e);
     }, W = () => {
       m();
     };
     function E() {
-      l.value = !0;
+      n.value = !0;
     }
     function m() {
-      l.value = !1;
+      n.value = !1;
     }
     const F = () => {
-      f(), t("clear");
+      s(), t("clear");
     };
     function M() {
-      p.value = !0, t("mouseenter", e.modelValue);
+      p.value = !0, t("mouseenter", o.modelValue);
     }
     function N() {
-      p.value = !1, t("mouseleave", e.modelValue);
+      p.value = !1, t("mouseleave", o.modelValue);
     }
     const z = () => {
-      l.value = !0, v.value = !0, t("focus");
+      n.value = !0, v.value = !0, t("focus");
     };
     function D() {
       v.value = !1, t("blur");
     }
     function K() {
-      f(), t("prefixClick", e.modelValue);
+      s(), t("prefixClick", o.modelValue);
     }
     function U() {
-      f(), t("suffixClick", e.modelValue);
+      s(), t("suffixClick", o.modelValue);
     }
     function A() {
-      f(), t("enter", e.modelValue);
+      s(), t("enter", o.modelValue);
     }
-    function f() {
-      e.usePopover && m(), y.value.blur();
+    function s() {
+      o.usePopover && m(), y.value.blur();
     }
-    const H = (o) => {
-      t("keydown", o);
-    }, L = s(() => {
-      var o, a;
-      return (a = (o = k.value) == null ? void 0 : o.popperRef) == null ? void 0 : a.contentRef;
+    const H = (e) => {
+      t("keydown", e);
+    }, L = f(() => {
+      var e, l;
+      return (l = (e = k.value) == null ? void 0 : e.popperRef) == null ? void 0 : l.contentRef;
     });
-    return x({
+    return B({
       isFocus: v,
       isHover: p,
-      visible: l,
+      visible: n,
       hidePopover: m,
       showPopover: E
-    }), (o, a) => {
+    }), (e, l) => {
       const O = j("click-outside");
       return h(), w(q, null, [
         G((h(), w("div", {
           ref_key: "searchRef",
           ref: C,
-          class: g([n(d).b(), n(d).is("active", l.value || e.modelValue)]),
-          style: J(n(R))
+          class: g([r(c).b(), r(c).is("active", n.value || e.modelValue)]),
+          style: J(S.value)
         }, [
-          Q(n(_), b({
+          Q(r(_), b({
             ref_key: "inputRef",
             ref: y
-          }, o.$props, {
-            inputStyle: n(B),
+          }, e.$props, {
+            inputStyle: R.value,
             onInput: I,
             onFocus: z,
             onEnter: A,
@@ -123,59 +123,59 @@ const d = (
             onMouseleave: N,
             onPrefixClick: K,
             onSuffixClick: U,
-            onChange: a[0] || (a[0] = (V) => {
+            onChange: l[0] || (l[0] = (V) => {
               t("change", e.modelValue);
             }),
             onKeydown: H,
             onClear: F
           }), T({ _: 2 }, [
-            o.$slots.prefix ? {
+            e.$slots.prefix ? {
               name: "prefix",
-              fn: r(() => [
-                i(o.$slots, "prefix")
+              fn: u(() => [
+                i(e.$slots, "prefix")
               ]),
               key: "0"
             } : void 0,
-            o.$slots.suffix ? {
+            e.$slots.suffix ? {
               name: "suffix",
-              fn: r(() => [
-                i(o.$slots, "suffix")
+              fn: u(() => [
+                i(e.$slots, "suffix")
               ]),
               key: "1"
             } : void 0,
-            o.$slots.prepend ? {
+            e.$slots.prepend ? {
               name: "prepend",
-              fn: r(() => [
-                i(o.$slots, "prepend")
+              fn: u(() => [
+                i(e.$slots, "prepend")
               ]),
               key: "2"
             } : void 0,
-            o.$slots.append ? {
+            e.$slots.append ? {
               name: "append",
-              fn: r(() => [
-                i(o.$slots, "append")
+              fn: u(() => [
+                i(e.$slots, "append")
               ]),
               key: "3"
             } : void 0
           ]), 1040, ["inputStyle"])
         ], 6)), [
-          [O, W, n(L)]
+          [O, W, L.value]
         ]),
-        e.usePopover ? (h(), X(n(ee), b({
+        e.usePopover ? (h(), X(r(ee), b({
           key: 0,
           ref_key: "popoverRef",
           ref: k
-        }, n(S), {
+        }, x.value, {
           "virtual-ref": C.value,
-          visible: l.value,
-          "onUpdate:visible": a[1] || (a[1] = (V) => l.value = V),
+          visible: n.value,
+          "onUpdate:visible": l[1] || (l[1] = (V) => n.value = V),
           "virtual-triggering": ""
         }), {
-          default: r(() => [
+          default: u(() => [
             Y("div", {
-              class: g(n(d).e("content"))
+              class: g(r(c).e("content"))
             }, [
-              i(o.$slots, "default")
+              i(e.$slots, "default")
             ], 2)
           ]),
           _: 3

package/es/components/side-menu/side-menu.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as I, toRefs as le, useSlots as ne, getCurrentInstance as re, ref as C, computed as v, h as M, createVNode as f, onMounted as ie, nextTick as ae, watch as pe, isVNode as ue } from "vue";
+import { defineComponent as I, toRefs as ne, useSlots as le, getCurrentInstance as re, ref as C, computed as v, h as M, createVNode as f, onMounted as ie, nextTick as ae, watch as pe, isVNode as ue } from "vue";
 import "../divider/index.js";
 import { VftIcon as se } from "../icon/index.js";
 import "../avatar/index.js";
@@ -96,14 +96,14 @@ function Ce(b) {
 }
 const Me = I({
   name: u.b()
-}), lo = /* @__PURE__ */ I({
+}), no = /* @__PURE__ */ I({
   ...Me,
   props: {
     isFixedLeft: {
       type: Boolean,
       default: !0
     },
-    menus: null,
+    menus: {},
     width: {
       default: 200
     },
@@ -113,7 +113,7 @@ const Me = I({
     collapseWidth: {
       default: 50
     },
-    attrMapping: null,
+    attrMapping: {},
     menuTopBottomHeight: {
       default: 0
     },
@@ -121,7 +121,7 @@ const Me = I({
       type: Boolean,
       default: !1
     },
-    dragOption: null,
+    dragOption: {},
     dragWidthCfg: {
       type: [Boolean, Object],
       default: !1
@@ -153,8 +153,8 @@ const Me = I({
       type: Boolean,
       default: !1
     },
-    defaultActive: null,
-    defaultOpeneds: null
+    defaultActive: {},
+    defaultOpeneds: {}
   },
   emits: ["update:collapse", "update:width", "dragEnd", "dragWidthEnd", "select", "subMenuClick", "menuItemMouseenter", "menuItemMouseleave"],
   setup(b, {
@@ -165,9 +165,9 @@ const Me = I({
       defaultActive: S,
       collapse: h,
       uniqueOpened: P,
-      defaultOpeneds: O,
+      defaultOpeneds: x,
       openMenuCollapse: H
-    } = le(t), r = ne(), B = re(), _ = C(), a = v(() => ({
+    } = ne(t), r = le(), B = re(), _ = C(), a = v(() => ({
       path: "path",
       children: "children",
       title: "title",
@@ -181,12 +181,12 @@ const Me = I({
       !e || (o = e.meta) != null && o.hideSide && !t.useRouterJump || (_.value = e.path);
     });
     const U = (e) => {
-      var l;
+      var n;
       const o = e.e;
       if (t.autoScrollActiveDom && o) {
-        const p = fe(t.autoScrollActiveDom) ? t.autoScrollActiveDom : 0, n = o.target;
-        (l = y.value) != null && l.menu && n && setTimeout(() => {
-          y.value.menu.scrollTop = y.value.menu.scrollTop + (n.getBoundingClientRect().top - y.value.menu.getBoundingClientRect().top) + p;
+        const p = fe(t.autoScrollActiveDom) ? t.autoScrollActiveDom : 0, l = o.target;
+        (n = y.value) != null && n.menu && l && setTimeout(() => {
+          y.value.menu.scrollTop = y.value.menu.scrollTop + (l.getBoundingClientRect().top - y.value.menu.getBoundingClientRect().top) + p;
         }, 300);
       }
       c("subMenuClick", e);
@@ -195,8 +195,8 @@ const Me = I({
     }, Z = (e) => {
       c("menuItemMouseleave", e);
     }, T = (e, o) => {
-      const l = e[a.value.path], p = e[a.value.title], n = e == null ? void 0 : e[a.value.children], m = e == null ? void 0 : e[a.value.index], s = e == null ? void 0 : e[a.value.icon], d = !!(e != null && e[a.value.disabled]), g = t.disabledJudgeTurnOver ? !d : d, N = m || l || o + p;
-      return n != null && n.length ? M(
+      const n = e[a.value.path], p = e[a.value.title], l = e == null ? void 0 : e[a.value.children], m = e == null ? void 0 : e[a.value.index], s = e == null ? void 0 : e[a.value.icon], d = !!(e != null && e[a.value.disabled]), g = t.disabledJudgeTurnOver ? !d : d, N = m || n || o + p;
+      return l != null && l.length ? M(
         // @ts-ignore
         ce,
         {
@@ -210,7 +210,7 @@ const Me = I({
           popperClass: u.e("popper")
         },
         {
-          default: () => n == null ? void 0 : n.map((i, X) => {
+          default: () => l == null ? void 0 : l.map((i, X) => {
             var V;
             const w = i[a.value.path], W = i[a.value.index], ee = i[a.value.icon], te = i[a.value.title], A = !!i[a.value.disabled], oe = t.disabledJudgeTurnOver ? !A : A;
             return (V = i == null ? void 0 : i[a.value.children]) != null && V.length ? T(i, X) : (
@@ -234,10 +234,10 @@ const Me = I({
         }
       ) : M(j, {
         ...e,
-        key: m || l,
-        index: m || l,
+        key: m || n,
+        index: m || n,
         title: p,
-        route: l,
+        route: n,
         icon: s,
         disabled: t.openDisabled && g,
         onMouseenter: () => F(e),
@@ -255,33 +255,33 @@ const Me = I({
       } : {},
       height: `calc(100% - ${t.menuTopBottomHeight}px)`
     })), z = v(() => {
-      var o, l;
+      var o, n;
       let e;
       return M(f(de, {
         ref: y,
         onSelect: Y,
         onOpen: U,
         defaultActive: (S == null ? void 0 : S.value) || _.value,
-        defaultOpeneds: O == null ? void 0 : O.value,
-        class: [u.e("con"), (o = t.dragOption) != null && o.dragClassName ? u.e((l = t.dragOption) == null ? void 0 : l.dragClassName) : ""],
+        defaultOpeneds: x == null ? void 0 : x.value,
+        class: [u.e("con"), (o = t.dragOption) != null && o.dragClassName ? u.e((n = t.dragOption) == null ? void 0 : n.dragClassName) : ""],
         style: $.value,
         collapse: H.value ? h.value : !1,
         uniqueOpened: P.value,
         collapseTransition: !1
-      }, Ce(e = t.menus.map((p, n) => T(p, n))) ? e : {
+      }, Ce(e = t.menus.map((p, l) => T(p, l))) ? e : {
         default: () => [e]
       }));
     }), D = B.appContext.config.globalProperties.$router;
     async function Y(e) {
-      var o, l, p;
+      var o, n, p;
       if (t.useRouterJump) {
         const {
-          go: n
+          go: l
         } = ve(D), m = e.route;
         let s = e.route;
         e.indexPath.some((g) => me(g)) && (s = e.indexPath.slice(-2).join("/"));
-        const d = (p = (l = (o = D.getRoutes().filter((g) => g.path === s)) == null ? void 0 : o[0]) == null ? void 0 : l.meta) == null ? void 0 : p.linkTarget;
-        n(d ? {
+        const d = (p = (n = (o = D.getRoutes().filter((g) => g.path === s)) == null ? void 0 : o[0]) == null ? void 0 : n.meta) == null ? void 0 : p.linkTarget;
+        l(d ? {
           url: m,
           winOpenOpt: {
             target: d
@@ -292,10 +292,10 @@ const Me = I({
     }
     ie(() => {
       ae(() => {
-        var e, o, l;
+        var e, o, n;
         if ((e = t.dragOption) != null && e.dragClassName) {
-          const p = (l = document.querySelectorAll("." + u.e((o = t.dragOption) == null ? void 0 : o.dragClassName))) == null ? void 0 : l[0], {
-            initSortable: n
+          const p = (n = document.querySelectorAll("." + u.e((o = t.dragOption) == null ? void 0 : o.dragClassName))) == null ? void 0 : n[0], {
+            initSortable: l
           } = be(p, {
             draggable: ".vft-menu-item",
             onEnd: (m) => {
@@ -307,11 +307,11 @@ const Me = I({
             },
             ...t.dragOption
           });
-          n();
+          l();
         }
       });
     });
-    const x = C(), R = C(), k = C(), G = v(() => ({
+    const O = C(), R = C(), k = C(), G = v(() => ({
       ...t.collapseWidth === 0 && h.value ? {
         borderRight: "none"
       } : {},
@@ -320,16 +320,16 @@ const Me = I({
     }));
     pe(() => h.value, (e) => {
       e ? c("update:width", t.collapseWidth) : c("update:width", k.value || t.width), k.value = t.width;
-    }), t.dragWidthCfg && ye(x, R, B);
+    }), t.dragWidthCfg && ye(O, R, B);
     const K = v(() => ({
       left: q(t.width)
     })), Q = v(() => [u.b(), t.isFixedLeft ? u.m("fixed") : ""]);
     return L({
-      sideRef: x
+      sideRef: O
     }), () => {
       var e;
       return f("div", {
-        ref: x,
+        ref: O,
         class: Q.value,
         style: G.value
       }, [r.top ? f("div", {
@@ -354,5 +354,5 @@ const Me = I({
   }
 });
 export {
-  lo as default
+  no as default
 };

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

@@ -1,31 +1,31 @@
-import { defineComponent as m, openBlock as r, createElementBlock as n, normalizeClass as a, unref as e, createBlock as i, createCommentVNode as c } from "vue";
-import { useNamespace as p } from "../../hooks/use-namespace/index.js";
+import { defineComponent as m, openBlock as r, createElementBlock as n, normalizeClass as a, unref as e, createBlock as i, createCommentVNode as p } from "vue";
+import { useNamespace as c } from "../../hooks/use-namespace/index.js";
 import "@popperjs/core";
 import "lodash";
 import "../../hooks/use-z-index/index.js";
 import "@vueuse/core";
 import "@vft/utils";
 import "../../utils/ns-cover.js";
-import { VftIcon as l } from "../icon/index.js";
-const s = m({
+import { VftIcon as s } from "../icon/index.js";
+const l = m({
   name: "VftSkeletonItem"
-}), N = /* @__PURE__ */ m({
-  ...s,
+}), g = /* @__PURE__ */ m({
+  ...l,
   props: {
     variant: { default: "text" }
   },
-  setup(t) {
-    const o = p("skeleton");
-    return (f, u) => (r(), n("div", {
-      class: a([e(o).e("item"), e(o).e(t.variant)])
+  setup(f) {
+    const t = c("skeleton");
+    return (o, u) => (r(), n("div", {
+      class: a([e(t).e("item"), e(t).e(o.variant)])
     }, [
-      t.variant === "image" ? (r(), i(e(l), {
+      o.variant === "image" ? (r(), i(e(s), {
         key: 0,
         icon: "ico-ep:picture-filled"
-      })) : c("", !0)
+      })) : p("", !0)
     ], 2));
   }
 });
 export {
-  N as default
+  g as default
 };

package/es/components/skeleton/skeleton.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as k, computed as y, unref as t, openBlock as r, createElementBlock as l, mergeProps as u, Fragment as n, renderList as d, renderSlot as c, createVNode as h, normalizeClass as f, createBlock as B, createCommentVNode as $, normalizeProps as w } from "vue";
+import { defineComponent as k, computed as y, unref as t, openBlock as o, createElementBlock as a, mergeProps as u, Fragment as s, renderList as p, renderSlot as d, createVNode as h, normalizeClass as f, createBlock as B, createCommentVNode as $, normalizeProps as w } from "vue";
 import { useNamespace as v } from "../../hooks/use-namespace/index.js";
 import "@popperjs/core";
 import "lodash";
@@ -7,12 +7,12 @@ import "@vueuse/core";
 import "@vft/utils";
 import "../../utils/ns-cover.js";
 import { useThrottleRender as C } from "../../hooks/use-throttle-render/index.js";
-import p from "./skeleton-item.vue2.js";
-const a = (
+import c from "./skeleton-item.vue2.js";
+const r = (
   /* hoist-static*/
   v("skeleton")
 ), N = k({
-  name: a.b()
+  name: r.b()
 }), q = /* @__PURE__ */ k({
   ...N,
   props: {
@@ -20,34 +20,34 @@ const a = (
     count: { default: 1 },
     rows: { default: 3 },
     loading: { type: Boolean, default: !0 },
-    throttle: null
+    throttle: {}
   },
-  setup(e, { expose: g }) {
-    const s = C(y(() => e.loading), e.throttle);
+  setup(n, { expose: g }) {
+    const l = C(y(() => n.loading), n.throttle);
     return g({
       /** @description loading state */
-      uiLoading: s
-    }), (o, b) => t(s) ? (r(), l("div", u({
+      uiLoading: l
+    }), (e, b) => t(l) ? (o(), a("div", u({
       key: 0,
-      class: [t(a).b(), t(a).is("animated", e.animated)]
-    }, o.$attrs), [
-      (r(!0), l(n, null, d(e.count, (m) => (r(), l(n, { key: m }, [
-        e.loading ? c(o.$slots, "template", { key: m }, () => [
-          h(p, {
-            class: f(t(a).is("first")),
+      class: [t(r).b(), t(r).is("animated", e.animated)]
+    }, e.$attrs), [
+      (o(!0), a(s, null, p(e.count, (m) => (o(), a(s, { key: m }, [
+        e.loading ? d(e.$slots, "template", { key: m }, () => [
+          h(c, {
+            class: f(t(r).is("first")),
             variant: "p"
           }, null, 8, ["class"]),
-          (r(!0), l(n, null, d(e.rows, (i) => (r(), B(p, {
+          (o(!0), a(s, null, p(e.rows, (i) => (o(), B(c, {
             key: i,
             class: f([
-              t(a).e("paragraph"),
-              t(a).is("last", i === e.rows && e.rows > 1)
+              t(r).e("paragraph"),
+              t(r).is("last", i === e.rows && e.rows > 1)
             ]),
             variant: "p"
           }, null, 8, ["class"]))), 128))
         ]) : $("", !0)
       ], 64))), 128))
-    ], 16)) : c(o.$slots, "default", w(u({ key: 1 }, o.$attrs)));
+    ], 16)) : d(e.$slots, "default", w(u({ key: 1 }, e.$attrs)));
   }
 });
 export {