vft 0.0.397 → 0.0.399

package/es/components/input/input.vue2.js

@@ -13,8 +13,8 @@ import "../../hooks/use-z-index/index.js";
 import { UPDATE_MODEL_EVENT as Q } from "@vft/constants";
 import { useAttrs as Ze, useCursor as _e } from "@vft/use";
 import { calcTextareaHeight as ye } from "./utils.js";
-import { useFormSize as et, useFormDisabled as tt } from "../form/hooks/use-form-common-props.js";
-import { useFormItem as at, useFormItemInputId as ot } from "../form/hooks/use-form-item.js";
+import { useFormItem as et, useFormItemInputId as tt } from "../form/hooks/use-form-item.js";
+import { useFormSize as at, useFormDisabled as ot } from "../form/hooks/use-form-common-props.js";
 const nt = ["role"], lt = ["id", "type", "disabled", "formatter", "parser", "readonly", "autocomplete", "tabindex", "aria-label", "placeholder", "form"], st = ["id", "tabindex", "disabled", "readonly", "autocomplete", "aria-label", "placeholder", "form"], It = /* @__PURE__ */ Oe({
   __name: "input",
   props: {
@@ -85,9 +85,9 @@ const nt = ["role"], lt = ["id", "type", "disabled", "formatter", "parser", "rea
       o.is("focus", v.value)
     ]), d = Ze({
       excludeKeys: l(() => Object.keys(X.value))
-    }), { form: Ce, formItem: F } = at(), { inputId: Y } = ot(xe.props, {
+    }), { form: Ce, formItem: F } = et(), { inputId: Y } = tt(xe.props, {
       formItemContext: F
-    }), ke = et(), h = tt(), o = pe("input"), Z = pe("textarea"), M = H(), b = H(), v = S(!1), N = S(!1), C = S(!1), K = S(!1), _ = S(), O = H(e.inputStyle), k = l(() => M.value || b.value), T = l(() => G(e.prefixIcon, "icon", { size: 16 })), ee = l(() => G(e.suffixIcon, "icon", { size: 16 })), Ie = l(() => G(e.clearIcon, "icon", {
+    }), ke = at(), h = ot(), o = pe("input"), Z = pe("textarea"), M = H(), b = H(), v = S(!1), N = S(!1), C = S(!1), K = S(!1), _ = S(), O = H(e.inputStyle), k = l(() => M.value || b.value), T = l(() => G(e.prefixIcon, "icon", { size: 16 })), ee = l(() => G(e.suffixIcon, "icon", { size: 16 })), Ie = l(() => G(e.clearIcon, "icon", {
       icon: "icon-circle-close",
       size: 16
     })), te = l(() => Ce?.statusIcon ?? !1), I = l(() => F?.validateState || ""), ae = l(

package/es/components/input-tag/composables/use-input-tag.js

@@ -1,6 +1,6 @@
 import { shallowRef as B, ref as L, computed as c, watch as G } from "vue";
 import { EVENT_CODE as g } from "../../../constants/aria.js";
-import { CHANGE_EVENT as i, INPUT_EVENT as H, UPDATE_MODEL_EVENT as d } from "../../../constants/event.js";
+import { CHANGE_EVENT as i, UPDATE_MODEL_EVENT as d, INPUT_EVENT as H } from "../../../constants/event.js";
 import "@vueuse/core";
 import { isUndefined as K } from "@vft/utils";
 import { debugWarn as C } from "../../../utils/error.js";

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

@@ -1,25 +1,25 @@
-import { defineComponent as j, toRefs as le, useSlots as ne, getCurrentInstance as ae, ref as g, computed as m, h as b, createVNode as p, onMounted as ue, nextTick as se, watch as ie, isVNode as de } from "vue";
-import { listenerRouteChange as re, useRouterHelper as ce } from "@vft/router";
-import { useSortable as pe } from "@vft/use/sortable";
-import { isUrl as fe, isNullOrUndefined as W, isNumber as me } from "@vft/utils";
+import { defineComponent as j, toRefs as oe, useSlots as le, getCurrentInstance as ne, ref as h, computed as g, watch as ae, onMounted as ue, nextTick as se, createVNode as p, h as b, isVNode as ie } from "vue";
+import { listenerRouteChange as de, useRouterHelper as re } from "@vft/router";
+import { useSortable as ce } from "@vft/use/sortable";
+import { isNullOrUndefined as W, isNumber as pe, isUrl as fe } from "@vft/utils";
 import "@vueuse/core";
 import { addUnit as I } from "../../utils/helper.js";
 import "lodash-es";
 import "../form/index.js";
-import { VftIcon as ve } from "../icon/index.js";
-import { VftMenu as he, VftSubMenu as ge, VftMenuItem as V } from "../menu/index.js";
-import { useNamespace as be } from "../../hooks/use-namespace/index.js";
+import { VftIcon as me } from "../icon/index.js";
+import { VftMenu as ve, VftSubMenu as he, VftMenuItem as V } from "../menu/index.js";
+import { useNamespace as ge } from "../../hooks/use-namespace/index.js";
 import "../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
-import { useDragLine as ye } from "./use-drag-line.js";
-function Ce(v) {
-  return typeof v == "function" || Object.prototype.toString.call(v) === "[object Object]" && !de(v);
+import { useDragLine as be } from "./use-drag-line.js";
+function ye(m) {
+  return typeof m == "function" || Object.prototype.toString.call(m) === "[object Object]" && !ie(m);
 }
-const Me = j({
+const Ce = j({
   name: "vft-side-menu"
-}), je = /* @__PURE__ */ j({
-  ...Me,
+}), Ve = /* @__PURE__ */ j({
+  ...Ce,
   props: {
     isFixedLeft: {
       type: Boolean,
@@ -79,17 +79,17 @@ const Me = j({
     defaultOpeneds: {}
   },
   emits: ["update:collapse", "update:width", "dragEnd", "dragWidthEnd", "select", "subMenuClick", "menuItemMouseenter", "menuItemMouseleave"],
-  setup(v, {
+  setup(m, {
     expose: q,
     emit: J
   }) {
-    const t = v, {
+    const t = m, {
       defaultActive: E,
       collapse: f,
       uniqueOpened: L,
       defaultOpeneds: P,
       openMenuCollapse: H
-    } = le(t), r = J, u = be("side-menu"), s = ne(), M = ae(), S = g(), a = m(() => ({
+    } = oe(t), r = J, u = ge("side-menu"), s = le(), S = ne(), M = h(), a = g(() => ({
       path: "path",
       children: "children",
       title: "title",
@@ -98,15 +98,15 @@ const Me = j({
       disabled: "disabled",
       ...t.attrMapping
     }));
-    re(({
+    de(({
       route: e
     }) => {
-      !e || e.meta?.hideSide && !t.useRouterJump || (S.value = e.path);
+      !e || e.meta?.hideSide && !t.useRouterJump || (M.value = e.path);
     });
     const U = (e) => {
       const n = e.e;
       if (t.autoScrollActiveDom && n) {
-        const o = me(t.autoScrollActiveDom) ? t.autoScrollActiveDom : 0, l = n.target;
+        const o = pe(t.autoScrollActiveDom) ? t.autoScrollActiveDom : 0, l = n.target;
         O({
           activeDom: l,
           offset: o
@@ -118,9 +118,9 @@ const Me = j({
       offset: n = 0,
       delay: o = 300
     } = {}) => {
-      h.value?.menu && setTimeout(() => {
+      v.value?.menu && setTimeout(() => {
         const l = e || document.querySelector(".vft-menu-item.is-active") || document.querySelector(".vft-sub-menu.is-active");
-        l && (h.value.menu.scrollTop = h.value.menu.scrollTop + (l.getBoundingClientRect().top - h.value.menu.getBoundingClientRect().top) + n);
+        l && (v.value.menu.scrollTop = v.value.menu.scrollTop + (l.getBoundingClientRect().top - v.value.menu.getBoundingClientRect().top) + n);
       }, o);
     }, F = (e) => {
       r("menuItemMouseenter", e);
@@ -130,7 +130,7 @@ const Me = j({
       const o = e[a.value.path], l = e[a.value.title], i = e?.[a.value.children], c = e?.[a.value.index], D = e?.[a.value.icon], T = !!e?.[a.value.disabled], R = t.disabledJudgeTurnOver ? !T : T, k = c || o || n + l;
       return i?.length ? b(
         // @ts-ignore
-        ge,
+        he,
         {
           ...e,
           popperAppendToBody: !0,
@@ -142,18 +142,18 @@ const Me = j({
           popperClass: u.e("popper")
         },
         {
-          default: () => i?.map((d, X) => {
-            const C = d[a.value.path], A = d[a.value.index], ee = d[a.value.icon], te = d[a.value.title], N = !!d[a.value.disabled], oe = t.disabledJudgeTurnOver ? !N : N;
-            return d?.[a.value.children]?.length ? _(d, X) : (
+          default: () => i?.map((d, Q) => {
+            const C = d[a.value.path], A = d[a.value.index], X = d[a.value.icon], ee = d[a.value.title], N = !!d[a.value.disabled], te = t.disabledJudgeTurnOver ? !N : N;
+            return d?.[a.value.children]?.length ? _(d, Q) : (
               // @ts-ignore
               b(V, {
                 ...d,
                 key: A || C,
                 index: A || C,
                 route: C,
-                icon: ee,
-                title: te,
-                disabled: t.openDisabled && oe
+                icon: X,
+                title: ee,
+                disabled: t.openDisabled && te
               }, s.menuItem ? () => s.menuItem?.({
                 item: d
               }) : "")
@@ -174,33 +174,17 @@ const Me = j({
         item: e,
         index: n
       }) : "");
-    }, h = g(), $ = m(() => ({
+    }, v = h(), $ = g(() => ({
       ...t.collapseWidth === 0 && f.value ? {
         width: 0
       } : {},
       height: `calc(100% - ${t.menuTopBottomHeight}px)`
-    })), z = m(() => {
-      let e;
-      return b(p(he, {
-        ref: h,
-        onSelect: Y,
-        onOpen: U,
-        defaultActive: E?.value || S.value,
-        defaultOpeneds: P?.value,
-        class: [u.e("con"), t.dragOption?.dragClassName ? u.e(t.dragOption?.dragClassName) : ""],
-        style: $.value,
-        collapse: H.value ? f.value : !1,
-        uniqueOpened: L.value,
-        collapseTransition: !1
-      }, Ce(e = t.menus.map((n, o) => _(n, o))) ? e : {
-        default: () => [e]
-      }));
-    }), x = M.appContext.config.globalProperties.$router;
-    async function Y(e) {
+    })), x = S.appContext.config.globalProperties.$router;
+    async function z(e) {
       if (t.useRouterJump) {
         const {
           go: n
-        } = ce(x), o = e.route;
+        } = re(x), o = e.route;
         let l = e.route;
         e.indexPath.some((c) => fe(c)) && (l = e.indexPath.slice(-2).join("/"));
         const i = x.getRoutes().filter((c) => c.path === l)?.[0]?.meta?.linkTarget;
@@ -213,12 +197,25 @@ const Me = j({
       }
       r("select", e);
     }
-    ue(() => {
+    const y = h(), w = h(), B = h(), Y = g(() => ({
+      ...t.collapseWidth === 0 && f.value ? {
+        borderRight: "none"
+      } : {},
+      width: I(t.width),
+      height: t.height
+    }));
+    ae(() => f.value, (e) => {
+      e ? r("update:width", t.collapseWidth) : r("update:width", B.value || t.width), B.value = t.width;
+    }), t.dragWidthCfg && be(y, w, S);
+    const G = g(() => ({
+      left: I(t.width)
+    })), K = g(() => [u.b(), t.isFixedLeft ? u.m("fixed") : ""]);
+    return ue(() => {
       se(() => {
         if (t.dragOption?.dragClassName) {
           const e = document.querySelectorAll("." + u.e(t.dragOption?.dragClassName))?.[0], {
             initSortable: n
-          } = pe(e, {
+          } = ce(e, {
             draggable: ".vft-menu-item",
             onEnd: (o) => {
               const {
@@ -232,47 +229,49 @@ const Me = j({
           n();
         }
       });
-    });
-    const y = g(), w = g(), B = g(), G = m(() => ({
-      ...t.collapseWidth === 0 && f.value ? {
-        borderRight: "none"
-      } : {},
-      width: I(t.width),
-      height: t.height
-    }));
-    ie(() => f.value, (e) => {
-      e ? r("update:width", t.collapseWidth) : r("update:width", B.value || t.width), B.value = t.width;
-    }), t.dragWidthCfg && ye(y, w, M);
-    const K = m(() => ({
-      left: I(t.width)
-    })), Q = m(() => [u.b(), t.isFixedLeft ? u.m("fixed") : ""]);
-    return q({
+    }), q({
       sideRef: y,
       jumpActiveDom: O
-    }), () => p("div", {
-      ref: y,
-      class: Q.value,
-      style: G.value
-    }, [s.top ? p("div", {
-      class: u.e("top")
-    }, [s.top()]) : null, z.value, s.bottom ? p("div", {
-      class: u.e("bottom")
-    }, [s.bottom()]) : t.showCollapse ? p("div", {
-      onClick: () => r("update:collapse", !f.value),
-      class: [u.e("bottom"), u.e("collapse")]
-    }, [p(ve, {
-      style: {
-        transform: f.value ? "rotateY(180deg)" : ""
-      },
-      size: 20,
-      icon: "icon-sidebar-collapse"
-    }, null)]) : null, s.default?.(), t.dragWidthCfg ? p("div", {
-      ref: w,
-      style: K.value,
-      class: u.e("drag-bar")
-    }, null) : null]);
+    }), () => {
+      let e;
+      return p("div", {
+        ref: y,
+        class: K.value,
+        style: Y.value
+      }, [s.top ? p("div", {
+        class: u.e("top")
+      }, [s.top()]) : null, b(p(ve, {
+        ref: v,
+        onSelect: z,
+        onOpen: U,
+        defaultActive: E?.value || M.value,
+        defaultOpeneds: P?.value,
+        class: [u.e("con"), t.dragOption?.dragClassName ? u.e(t.dragOption?.dragClassName) : ""],
+        style: $.value,
+        collapse: H.value ? f.value : !1,
+        uniqueOpened: L.value,
+        collapseTransition: !1
+      }, ye(e = t.menus.map((n, o) => _(n, o))) ? e : {
+        default: () => [e]
+      })), s.bottom ? p("div", {
+        class: u.e("bottom")
+      }, [s.bottom()]) : t.showCollapse ? p("div", {
+        onClick: () => r("update:collapse", !f.value),
+        class: [u.e("bottom"), u.e("collapse")]
+      }, [p(me, {
+        style: {
+          transform: f.value ? "rotateY(180deg)" : ""
+        },
+        size: 20,
+        icon: "icon-sidebar-collapse"
+      }, null)]) : null, s.default?.(), t.dragWidthCfg ? p("div", {
+        ref: w,
+        style: G.value,
+        class: u.e("drag-bar")
+      }, null) : null]);
+    };
   }
 });
 export {
-  je as default
+  Ve as default
 };

package/es/components/skeleton/skeleton.vue.d.ts

@@ -14,7 +14,6 @@ declare function __VLS_template(): {
     }): any;
 };
 declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>, {
-    /** @description loading state */
     uiLoading: import("vue").Ref<boolean, boolean>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;

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

@@ -27,7 +27,6 @@ const N = k({
       n.throttle
     );
     return g({
-      /** @description loading state */
       uiLoading: l
     }), (e, z) => t(l) ? (o(), a("div", u({
       key: 0,

package/es/components/super-form/super-form-item.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as Q, computed as v, ref as re, unref as c, useSlots as oe, createVNode as s, mergeProps as L, withDirectives as ie, vShow as ne, isVNode as le, createTextVNode as G, resolveComponent as V } from "vue";
+import { defineComponent as Q, computed as v, ref as re, unref as c, useSlots as oe, createVNode as s, mergeProps as L, withDirectives as ie, vShow as ne, createTextVNode as G, isVNode as le, resolveComponent as V } from "vue";
 import "../alert/index.js";
 import "../avatar/index.js";
 import "../avatar-stack/index.js";
@@ -10,6 +10,7 @@ import "../cascader-panel/index.js";
 import "../check-tag/index.js";
 import "../checkbox/index.js";
 import "../clamp/index.js";
+import "../client-only/index.js";
 import "../clamp-toggle/index.js";
 import "../clamp-tooltip/index.js";
 import { VftCol as X } from "../col/index.js";
@@ -116,7 +117,7 @@ function q(o) {
 }
 const Ce = Q({
   inheritAttrs: !1
-}), yr = /* @__PURE__ */ Q({
+}), Ar = /* @__PURE__ */ Q({
   ...Ce,
   __name: "super-form-item",
   props: {
@@ -493,5 +494,5 @@ const Ce = Q({
   }
 });
 export {
-  yr as default
+  Ar as default
 };