vft 0.0.97 → 0.0.99

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

@@ -1,4 +1,4 @@
-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 { defineComponent as oe, 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";
@@ -87,17 +87,15 @@ import "../../utils/ns-cover.js";
 import { listenerRouteChange as ge, useRouterHelper as ve } from "@vft/router";
 import { useSortable as be } from "@vft/use";
 import { useDragLine as ye } from "./use-drag-line.js";
-const u = (
-  /* hoist-static*/
-  he("side-menu")
-);
 function Ce(b) {
   return typeof b == "function" || Object.prototype.toString.call(b) === "[object Object]" && !ue(b);
 }
-const Me = I({
-  name: u.b()
-}), no = /* @__PURE__ */ I({
-  ...Me,
+const u = (
+  /* hoist-static*/
+  he("side-menu")
+), oo = /* @__PURE__ */ oe({
+  name: u.b(),
+  __name: "side-menu",
   props: {
     isFixedLeft: {
       type: Boolean,
@@ -158,16 +156,16 @@ const Me = I({
   },
   emits: ["update:collapse", "update:width", "dragEnd", "dragWidthEnd", "select", "subMenuClick", "menuItemMouseenter", "menuItemMouseleave"],
   setup(b, {
-    expose: L,
+    expose: I,
     emit: c
   }) {
     const t = b, {
       defaultActive: S,
       collapse: h,
-      uniqueOpened: P,
+      uniqueOpened: L,
       defaultOpeneds: x,
-      openMenuCollapse: H
-    } = ne(t), r = le(), B = re(), _ = C(), a = v(() => ({
+      openMenuCollapse: P
+    } = ne(t), r = le(), B = re(), T = C(), a = v(() => ({
       path: "path",
       children: "children",
       title: "title",
@@ -178,9 +176,9 @@ const Me = I({
     }));
     ge((e) => {
       var o;
-      !e || (o = e.meta) != null && o.hideSide && !t.useRouterJump || (_.value = e.path);
+      !e || (o = e.meta) != null && o.hideSide && !t.useRouterJump || (T.value = e.path);
     });
-    const U = (e) => {
+    const H = (e) => {
       var n;
       const o = e.e;
       if (t.autoScrollActiveDom && o) {
@@ -190,11 +188,11 @@ const Me = I({
         }, 300);
       }
       c("subMenuClick", e);
-    }, F = (e) => {
+    }, U = (e) => {
       c("menuItemMouseenter", e);
-    }, Z = (e) => {
+    }, F = (e) => {
       c("menuItemMouseleave", e);
-    }, T = (e, o) => {
+    }, _ = (e, o) => {
       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
@@ -210,19 +208,19 @@ const Me = I({
           popperClass: u.e("popper")
         },
         {
-          default: () => l == null ? void 0 : l.map((i, X) => {
+          default: () => l == null ? void 0 : l.map((i, Q) => {
             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) : (
+            const w = i[a.value.path], W = i[a.value.index], X = i[a.value.icon], ee = i[a.value.title], A = !!i[a.value.disabled], te = t.disabledJudgeTurnOver ? !A : A;
+            return (V = i == null ? void 0 : i[a.value.children]) != null && V.length ? _(i, Q) : (
               // @ts-ignore
               M(j, {
                 ...i,
                 key: W || w,
                 index: W || w,
                 route: w,
-                icon: ee,
-                title: te,
-                disabled: t.openDisabled && oe
+                icon: X,
+                title: ee,
+                disabled: t.openDisabled && te
               }, r.menuItem ? () => {
                 var J;
                 return (J = r.menuItem) == null ? void 0 : J.call(r, {
@@ -240,8 +238,8 @@ const Me = I({
         route: n,
         icon: s,
         disabled: t.openDisabled && g,
-        onMouseenter: () => F(e),
-        onMouseleave: () => Z(e)
+        onMouseenter: () => U(e),
+        onMouseleave: () => F(e)
       }, r.menuItem ? () => {
         var i;
         return (i = r.menuItem) == null ? void 0 : i.call(r, {
@@ -249,30 +247,30 @@ const Me = I({
           index: o
         });
       } : "");
-    }, y = C(), $ = v(() => ({
+    }, y = C(), Z = v(() => ({
       ...t.collapseWidth === 0 && h.value ? {
         width: 0
       } : {},
       height: `calc(100% - ${t.menuTopBottomHeight}px)`
-    })), z = v(() => {
+    })), $ = v(() => {
       var o, n;
       let e;
       return M(f(de, {
         ref: y,
-        onSelect: Y,
-        onOpen: U,
-        defaultActive: (S == null ? void 0 : S.value) || _.value,
+        onSelect: z,
+        onOpen: H,
+        defaultActive: (S == null ? void 0 : S.value) || T.value,
         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,
+        style: Z.value,
+        collapse: P.value ? h.value : !1,
+        uniqueOpened: L.value,
         collapseTransition: !1
-      }, Ce(e = t.menus.map((p, l) => T(p, l))) ? e : {
+      }, Ce(e = t.menus.map((p, l) => _(p, l))) ? e : {
         default: () => [e]
       }));
     }), D = B.appContext.config.globalProperties.$router;
-    async function Y(e) {
+    async function z(e) {
       var o, n, p;
       if (t.useRouterJump) {
         const {
@@ -311,7 +309,7 @@ const Me = I({
         }
       });
     });
-    const O = C(), R = C(), k = C(), G = v(() => ({
+    const O = C(), R = C(), k = C(), Y = v(() => ({
       ...t.collapseWidth === 0 && h.value ? {
         borderRight: "none"
       } : {},
@@ -321,20 +319,20 @@ 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(O, R, B);
-    const K = v(() => ({
+    const G = v(() => ({
       left: q(t.width)
-    })), Q = v(() => [u.b(), t.isFixedLeft ? u.m("fixed") : ""]);
-    return L({
+    })), K = v(() => [u.b(), t.isFixedLeft ? u.m("fixed") : ""]);
+    return I({
       sideRef: O
     }), () => {
       var e;
       return f("div", {
         ref: O,
-        class: Q.value,
-        style: G.value
+        class: K.value,
+        style: Y.value
       }, [r.top ? f("div", {
         class: u.e("top")
-      }, [r.top()]) : null, z.value, r.bottom ? f("div", {
+      }, [r.top()]) : null, $.value, r.bottom ? f("div", {
         class: u.e("bottom")
       }, [r.bottom()]) : t.showCollapse ? f("div", {
         onClick: () => c("update:collapse", !h.value),
@@ -347,12 +345,12 @@ const Me = I({
         icon: "ico-iconoir:sidebar-collapse"
       }, null)]) : null, (e = r.default) == null ? void 0 : e.call(r), t.dragWidthCfg ? f("div", {
         ref: R,
-        style: K.value,
+        style: G.value,
         class: u.e("drag-bar")
       }, null) : null]);
     };
   }
 });
 export {
-  no as default
+  oo as default
 };

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

@@ -1,4 +1,4 @@
-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 { defineComponent as m, openBlock as r, createElementBlock as n, normalizeClass as i, unref as e, createBlock as a, createCommentVNode as p } from "vue";
 import { useNamespace as c } from "../../hooks/use-namespace/index.js";
 import "@popperjs/core";
 import "lodash";
@@ -7,19 +7,18 @@ import "@vueuse/core";
 import "@vft/utils";
 import "../../utils/ns-cover.js";
 import { VftIcon as s } from "../icon/index.js";
-const l = m({
-  name: "VftSkeletonItem"
-}), g = /* @__PURE__ */ m({
-  ...l,
+const N = /* @__PURE__ */ m({
+  name: "VftSkeletonItem",
+  __name: "skeleton-item",
   props: {
     variant: { default: "text" }
   },
-  setup(f) {
+  setup(l) {
     const t = c("skeleton");
-    return (o, u) => (r(), n("div", {
-      class: a([e(t).e("item"), e(t).e(o.variant)])
+    return (o, f) => (r(), n("div", {
+      class: i([e(t).e("item"), e(t).e(o.variant)])
     }, [
-      o.variant === "image" ? (r(), i(e(s), {
+      o.variant === "image" ? (r(), a(e(s), {
         key: 0,
         icon: "ico-ep:picture-filled"
       })) : p("", !0)
@@ -27,5 +26,5 @@ const l = m({
   }
 });
 export {
-  g as default
+  N 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 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 { defineComponent as g, computed as y, unref as t, openBlock as o, createElementBlock as a, mergeProps as p, Fragment as s, renderList as u, 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";
@@ -11,10 +11,9 @@ import c from "./skeleton-item.vue2.js";
 const r = (
   /* hoist-static*/
   v("skeleton")
-), N = k({
-  name: r.b()
-}), q = /* @__PURE__ */ k({
-  ...N,
+), j = /* @__PURE__ */ g({
+  name: r.b(),
+  __name: "skeleton",
   props: {
     animated: { type: Boolean, default: !1 },
     count: { default: 1 },
@@ -22,22 +21,22 @@ const r = (
     loading: { type: Boolean, default: !0 },
     throttle: {}
   },
-  setup(n, { expose: g }) {
+  setup(n, { expose: k }) {
     const l = C(y(() => n.loading), n.throttle);
-    return g({
+    return k({
       /** @description loading state */
       uiLoading: l
-    }), (e, b) => t(l) ? (o(), a("div", u({
+    }), (e, N) => t(l) ? (o(), a("div", p({
       key: 0,
       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 }, [
+      (o(!0), a(s, null, u(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"]),
-          (o(!0), a(s, null, p(e.rows, (i) => (o(), B(c, {
+          (o(!0), a(s, null, u(e.rows, (i) => (o(), B(c, {
             key: i,
             class: f([
               t(r).e("paragraph"),
@@ -47,9 +46,9 @@ const r = (
           }, null, 8, ["class"]))), 128))
         ]) : $("", !0)
       ], 64))), 128))
-    ], 16)) : d(e.$slots, "default", w(u({ key: 1 }, e.$attrs)));
+    ], 16)) : d(e.$slots, "default", w(p({ key: 1 }, e.$attrs)));
   }
 });
 export {
-  q as default
+  j as default
 };

package/es/components/switch/switch.vue2.js

@@ -1,9 +1,9 @@
-import { defineComponent as H, computed as s, ref as T, watch as w, onMounted as Z, openBlock as n, createElementBlock as u, normalizeClass as r, normalizeStyle as M, withModifiers as ee, createElementVNode as B, unref as i, withKeys as ae, createBlock as V, normalizeProps as E, mergeProps as I, createCommentVNode as c, toDisplayString as N, nextTick as oe } from "vue";
+import { defineComponent as Y, computed as s, ref as T, watch as w, onMounted as Z, openBlock as n, createElementBlock as u, normalizeClass as r, normalizeStyle as M, withModifiers as ee, createElementVNode as B, unref as i, withKeys as ae, createBlock as V, normalizeProps as E, mergeProps as I, createCommentVNode as c, toDisplayString as N, nextTick as oe } from "vue";
 import { singleAttrToObj as U, addUnit as ie, isPromise as j, isBoolean as le } from "@vft/utils";
 import { debugWarn as G, throwError as te } from "../../utils/error.js";
 import "lodash";
 import "@vueuse/core";
-import { UPDATE_MODEL_EVENT as P, CHANGE_EVENT as S, INPUT_EVENT as _ } from "../../constants/event.js";
+import { UPDATE_MODEL_EVENT as P, CHANGE_EVENT as S, INPUT_EVENT as z } from "../../constants/event.js";
 import "../../utils/ns-cover.js";
 import { VftIcon as C } from "../icon/index.js";
 import "../form/index.js";
@@ -15,10 +15,9 @@ import { useFormSize as se, useFormDisabled as ue } from "../form/hooks/use-form
 const de = ["onClick"], ve = ["id", "aria-checked", "aria-disabled", "name", "true-value", "false-value", "disabled", "tabindex", "onKeydown"], me = ["aria-hidden"], pe = ["aria-hidden"], fe = ["aria-hidden"], o = (
   /* hoist-static*/
   ne("switch")
-), he = H({
-  name: o.b()
-}), _e = /* @__PURE__ */ H({
-  ...he,
+), Se = /* @__PURE__ */ Y({
+  name: o.b(),
+  __name: "switch",
   props: {
     modelValue: { type: [Boolean, String, Number], default: !1 },
     value: { type: [Boolean, String, Number], default: !1 },
@@ -42,16 +41,16 @@ const de = ["onClick"], ve = ["id", "aria-checked", "aria-disabled", "name", "tr
     size: {},
     tabindex: {}
   },
-  emits: [P, S, _],
-  setup(L, { expose: W, emit: d }) {
-    const a = L, { formItem: v } = re(), $ = se(), { inputId: q } = ce(a, {
+  emits: [P, S, z],
+  setup(H, { expose: L, emit: d }) {
+    const a = H, { formItem: v } = re(), W = se(), { inputId: $ } = ce(a, {
       formItemContext: v
-    }), m = s(() => U(a.activeIcon, "icon")), f = s(() => U(a.inactiveIcon, "icon")), y = ue(s(() => a.loading)), g = T(a.modelValue !== !1), h = T(), J = T(), Q = s(() => [
+    }), m = s(() => U(a.activeIcon, "icon")), f = s(() => U(a.inactiveIcon, "icon")), y = ue(s(() => a.loading)), g = T(a.modelValue !== !1), h = T(), q = T(), J = s(() => [
       o.b(),
-      o.m($.value),
+      o.m(W.value),
       o.is("disabled", y.value),
       o.is("checked", l.value)
-    ]), R = s(() => ({
+    ]), Q = s(() => ({
       width: ie(a.width)
     }));
     w(
@@ -65,17 +64,17 @@ const de = ["onClick"], ve = ["id", "aria-checked", "aria-disabled", "name", "tr
         g.value = !1;
       }
     );
-    const z = s(() => g.value ? a.modelValue : a.value), l = s(() => z.value === a.activeValue);
-    [a.activeValue, a.inactiveValue].includes(z.value) || (d(P, a.inactiveValue), d(S, a.inactiveValue), d(_, a.inactiveValue)), w(l, (e) => {
+    const D = s(() => g.value ? a.modelValue : a.value), l = s(() => D.value === a.activeValue);
+    [a.activeValue, a.inactiveValue].includes(D.value) || (d(P, a.inactiveValue), d(S, a.inactiveValue), d(z, a.inactiveValue)), w(l, (e) => {
       var t;
       h.value.checked = e, a.validateEvent && ((t = v == null ? void 0 : v.validate) == null || t.call(v, "change").catch((b) => G(b)));
     });
     const k = () => {
       const e = l.value ? a.inactiveValue : a.activeValue;
-      d(P, e), d(S, e), d(_, e), oe(() => {
+      d(P, e), d(S, e), d(z, e), oe(() => {
         h.value.checked = l.value;
       });
-    }, D = () => {
+    }, _ = () => {
       if (y.value)
         return;
       const { beforeChange: e } = a;
@@ -95,21 +94,21 @@ const de = ["onClick"], ve = ["id", "aria-checked", "aria-disabled", "name", "tr
       }).catch((p) => {
         G(o.b(), `some error occurred: ${p}`);
       }) : t && k();
-    }, X = s(() => o.cssVarBlock({
+    }, R = s(() => o.cssVarBlock({
       ...a.activeColor ? { "on-color": a.activeColor } : null,
       ...a.inactiveColor ? { "off-color": a.inactiveColor } : null,
       ...a.borderColor ? { "border-color": a.borderColor } : null
-    })), Y = () => {
+    })), X = () => {
       var e, t;
       (t = (e = h.value) == null ? void 0 : e.focus) == null || t.call(e);
     };
     return Z(() => {
       h.value.checked = l.value;
-    }), W({
+    }), L({
       /**
        *  @description manual focus to the switch component
        **/
-      focus: Y,
+      focus: X,
       /**
        * @description whether Switch is checked
        */
@@ -117,12 +116,12 @@ const de = ["onClick"], ve = ["id", "aria-checked", "aria-disabled", "name", "tr
     }), (e, t) => {
       var b, p, x, F, K, O, A;
       return n(), u("div", {
-        class: r(Q.value),
-        style: M(X.value),
-        onClick: ee(D, ["prevent"])
+        class: r(J.value),
+        style: M(R.value),
+        onClick: ee(_, ["prevent"])
       }, [
         B("input", {
-          id: i(q),
+          id: i($),
           ref_key: "input",
           ref: h,
           class: r(i(o).e("input")),
@@ -136,7 +135,7 @@ const de = ["onClick"], ve = ["id", "aria-checked", "aria-disabled", "name", "tr
           disabled: i(y),
           tabindex: e.tabindex,
           onChange: k,
-          onKeydown: ae(D, ["enter"])
+          onKeydown: ae(_, ["enter"])
         }, null, 42, ve),
         !e.inlinePrompt && (e.inactiveIcon || e.inactiveText) ? (n(), u("span", {
           key: 0,
@@ -154,9 +153,9 @@ const de = ["onClick"], ve = ["id", "aria-checked", "aria-disabled", "name", "tr
         ], 2)) : c("", !0),
         B("span", {
           ref_key: "core",
-          ref: J,
+          ref: q,
           class: r(i(o).e("core")),
-          style: M(R.value)
+          style: M(Q.value)
         }, [
           e.inlinePrompt ? (n(), u("div", {
             key: 0,
@@ -198,5 +197,5 @@ const de = ["onClick"], ve = ["id", "aria-checked", "aria-disabled", "name", "tr
   }
 });
 export {
-  _e as default
+  Se as default
 };