vft 0.0.48 → 0.0.51

package/es/components/exception/index.js

@@ -1,11 +1,12 @@
 import { withInstall as t } from "../../utils/vue/install.js";
 import "vue";
 import "@vft/utils";
-import "../../utils/ns-cover.js";
 import "lodash";
+import "@vueuse/core";
+import "../../utils/ns-cover.js";
 import o from "./exception.vue2.js";
-const n = t(o);
+const s = t(o);
 export {
-  n as VftException,
-  n as default
+  s as VftException,
+  s as default
 };

package/es/components/focus-trap/focus-trap.vue.d.ts

@@ -18,9 +18,9 @@ declare const _sfc_main: import("vue").DefineComponent<{
         default: string;
     };
 }>> & {
+    onFocusAfterTrapped?: ((...args: any[]) => any) | undefined;
     onFocusin?: ((...args: any[]) => any) | undefined;
     onFocusout?: ((...args: any[]) => any) | undefined;
-    onFocusAfterTrapped?: ((...args: any[]) => any) | undefined;
     onFocusAfterReleased?: ((...args: any[]) => any) | undefined;
     "onFocusout-prevented"?: ((...args: any[]) => any) | undefined;
     "onRelease-requested"?: ((...args: any[]) => any) | undefined;

package/es/components/footer-layout/footer-layout.vue2.js

@@ -1,50 +1,52 @@
-import { defineComponent as a, computed as m, openBlock as c, createElementBlock as f, normalizeClass as o, unref as e, normalizeStyle as d, createElementVNode as l, renderSlot as r } from "vue";
-import { generateCssVars as p, isNullOrUndefined as u, addUnit as y } from "@vft/utils";
+import { defineComponent as a, computed as m, openBlock as c, createElementBlock as f, normalizeClass as o, unref as e, normalizeStyle as p, createElementVNode as s, renderSlot as l } from "vue";
+import { generateCssVars as d, isNullOrUndefined as u, addUnit as y } 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 "@vue/reactivity";
+import "@vue/shared";
 const t = (
   /* hoist-static*/
   v("footer-layout")
 ), g = a({
   name: t.b()
-}), B = /* @__PURE__ */ a({
+}), S = /* @__PURE__ */ a({
   ...g,
   props: {
     leftDistance: null
   },
   setup(n) {
-    const i = m(() => p(
+    const i = m(() => d(
       u(n.leftDistance) ? {} : {
         left: y(n.leftDistance)
       },
       "layout-footer"
     ));
-    return (s, h) => (c(), f("div", {
+    return (r, h) => (c(), f("div", {
       class: o(e(t).b()),
-      style: d(e(i))
+      style: p(e(i))
     }, [
-      l("div", {
+      s("div", {
         class: o(e(t).e("left"))
       }, [
-        r(s.$slots, "left")
+        l(r.$slots, "left")
       ], 2),
-      l("div", {
+      s("div", {
         class: o(e(t).e("center"))
       }, [
-        r(s.$slots, "default")
+        l(r.$slots, "default")
       ], 2),
-      l("div", {
+      s("div", {
         class: o(e(t).e("right"))
       }, [
-        r(s.$slots, "right")
+        l(r.$slots, "right")
       ], 2)
     ], 6));
   }
 });
 export {
-  B as default
+  S as default
 };

package/es/components/footer-layout/index.js

@@ -1,11 +1,12 @@
 import { withInstall as t } from "../../utils/vue/install.js";
 import "vue";
 import "@vft/utils";
-import "../../utils/ns-cover.js";
 import "lodash";
+import "@vueuse/core";
+import "../../utils/ns-cover.js";
 import o from "./footer-layout.vue2.js";
-const s = t(o);
+const e = t(o);
 export {
-  s as VftFooterLayout,
-  s as default
+  e as VftFooterLayout,
+  e as default
 };

package/es/components/form/form-item.vue.d.ts

@@ -1,15 +1,15 @@
 import type { PropType as __PropType } from 'vue';
-import { ComponentSize } from '../types';
-import type { FormItemProp, FormItemRule } from './types';
+import type { ComponentSize } from 'vft/es/constants';
+import type { FormItemRule } from './types';
 export interface FormItemProps {
     label?: string;
-    labelWidth?: Numberish;
-    prop?: FormItemProp;
+    labelWidth?: string | number;
+    prop?: string | string[];
     required?: boolean;
     rules?: FormItemRule;
     error?: string;
     for?: string;
-    validateStatus?: string;
+    validateStatus?: '' | 'error' | 'validating' | 'success';
     inlineMessage?: string | boolean;
     showMessage?: boolean;
     size?: ComponentSize;
@@ -20,16 +20,18 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: false;
     };
     labelWidth: {
-        type: __PropType<Numberish | undefined>;
+        type: __PropType<string | number | undefined>;
         required: false;
+        default: string;
     };
     prop: {
-        type: __PropType<FormItemProp | undefined>;
+        type: __PropType<string | string[] | undefined>;
         required: false;
     };
     required: {
         type: __PropType<boolean | undefined>;
         required: false;
+        default: undefined;
     };
     rules: {
         type: __PropType<FormItemRule | undefined>;
@@ -44,26 +46,28 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: false;
     };
     validateStatus: {
-        type: __PropType<string | undefined>;
+        type: __PropType<"" | "error" | "validating" | "success" | undefined>;
         required: false;
     };
     inlineMessage: {
         type: __PropType<string | boolean | undefined>;
         required: false;
+        default: string;
     };
     showMessage: {
         type: __PropType<boolean | undefined>;
         required: false;
+        default: boolean;
     };
     size: {
-        type: __PropType<ComponentSize | undefined>;
+        type: __PropType<"" | "default" | "small" | "large" | undefined>;
         required: false;
     };
 }, {
     /**
      * @description Form item size.
      */
-    size: import("vue").ComputedRef<"" | "large" | "small" | "default">;
+    size: import("vue").ComputedRef<"" | "default" | "small" | "large">;
     /**
      * @description Validation message.
      */
@@ -90,16 +94,18 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: false;
     };
     labelWidth: {
-        type: __PropType<Numberish | undefined>;
+        type: __PropType<string | number | undefined>;
         required: false;
+        default: string;
     };
     prop: {
-        type: __PropType<FormItemProp | undefined>;
+        type: __PropType<string | string[] | undefined>;
         required: false;
     };
     required: {
         type: __PropType<boolean | undefined>;
         required: false;
+        default: undefined;
     };
     rules: {
         type: __PropType<FormItemRule | undefined>;
@@ -114,20 +120,27 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: false;
     };
     validateStatus: {
-        type: __PropType<string | undefined>;
+        type: __PropType<"" | "error" | "validating" | "success" | undefined>;
         required: false;
     };
     inlineMessage: {
         type: __PropType<string | boolean | undefined>;
         required: false;
+        default: string;
     };
     showMessage: {
         type: __PropType<boolean | undefined>;
         required: false;
+        default: boolean;
     };
     size: {
-        type: __PropType<ComponentSize | undefined>;
+        type: __PropType<"" | "default" | "small" | "large" | undefined>;
         required: false;
     };
-}>>, {}>;
+}>>, {
+    required: boolean | undefined;
+    labelWidth: string | number | undefined;
+    inlineMessage: string | boolean | undefined;
+    showMessage: boolean | undefined;
+}>;
 export default _sfc_main;

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

@@ -9,6 +9,8 @@ import { useNamespace as $e } from "../../hooks/use-namespace/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
 import { useId as Ne } from "../../hooks/use-id/index.js";
+import "@vue/reactivity";
+import "@vue/shared";
 import { useFormSize as Ae } from "./hooks/use-form-common-props.js";
 import { formContextKey as Pe, formItemContextKey as X } from "./constants.js";
 import je from "./form-label-wrap.js";
@@ -17,130 +19,130 @@ const De = ["role", "aria-labelledby"], n = (
   $e("form-item")
 ), Ee = Y({
   name: n.b()
-}), xe = /* @__PURE__ */ Y({
+}), rr = /* @__PURE__ */ Y({
   ...Ee,
   props: {
     label: null,
-    labelWidth: null,
+    labelWidth: { default: "" },
     prop: null,
-    required: { type: Boolean },
+    required: { type: Boolean, default: void 0 },
     rules: null,
     error: null,
     for: null,
     validateStatus: null,
-    inlineMessage: { type: [String, Boolean] },
-    showMessage: { type: Boolean },
+    inlineMessage: { type: [String, Boolean], default: "" },
+    showMessage: { type: Boolean, default: !0 },
     size: null
   },
   setup(Z, { expose: k }) {
-    const t = Z, W = me(), e = D(Pe, void 0), C = D(X, void 0), y = Ae(void 0, { formItem: !1 }), b = Ne().value, d = h([]), p = h(""), x = Re(p, 100), c = h(""), z = h();
+    const s = Z, W = me(), e = D(Pe, void 0), C = D(X, void 0), y = Ae(void 0, { formItem: !1 }), b = Ne().value, d = h([]), p = h(""), x = Re(p, 100), c = h(""), z = h();
     let B, m = !1;
     const $ = o(() => {
       if ((e == null ? void 0 : e.labelPosition) === "top")
         return {};
-      const r = Q(t.labelWidth || (e == null ? void 0 : e.labelWidth) || "");
+      const r = Q(s.labelWidth || (e == null ? void 0 : e.labelWidth) || "");
       return r ? { width: r } : {};
     }), ee = o(() => {
       if ((e == null ? void 0 : e.labelPosition) === "top" || e != null && e.inline)
         return {};
-      if (!t.label && !t.labelWidth && le)
+      if (!s.label && !s.labelWidth && le)
         return {};
-      const r = Q(t.labelWidth || (e == null ? void 0 : e.labelWidth) || "");
-      return !t.label && !W.label ? { marginLeft: r } : {};
+      const r = Q(s.labelWidth || (e == null ? void 0 : e.labelWidth) || "");
+      return !s.label && !W.label ? { marginLeft: r } : {};
     }), re = o(() => [
       n.b(),
       n.m(y.value),
       n.is("error", p.value === "error"),
       n.is("validating", p.value === "validating"),
       n.is("success", p.value === "success"),
-      n.is("required", ne.value || t.required),
+      n.is("required", ne.value || s.required),
       n.is("no-asterisk", e == null ? void 0 : e.hideRequiredAsterisk),
       (e == null ? void 0 : e.requireAsteriskPosition) === "right" ? "asterisk-right" : "asterisk-left",
       { [n.m("feedback")]: e == null ? void 0 : e.statusIcon }
-    ]), se = o(
-      () => We(t.inlineMessage) ? t.inlineMessage : (e == null ? void 0 : e.inlineMessage) || !1
-    ), te = o(() => [
+    ]), te = o(
+      () => We(s.inlineMessage) ? s.inlineMessage : (e == null ? void 0 : e.inlineMessage) || !1
+    ), se = o(() => [
       n.e("error"),
-      { [n.em("error", "inline")]: se.value }
-    ]), ie = o(() => t.prop ? ze(t.prop) ? t.prop : t.prop.join(".") : ""), S = o(() => !!(t.label || W.label)), _ = o(() => t.for || d.value.length === 1 ? d.value[0] : void 0), I = o(() => !_.value && S.value), le = !!C, N = o(() => {
+      { [n.em("error", "inline")]: te.value }
+    ]), ie = o(() => s.prop ? ze(s.prop) ? s.prop : s.prop.join(".") : ""), S = o(() => !!(s.label || W.label)), _ = o(() => s.for || d.value.length === 1 ? d.value[0] : void 0), I = o(() => !_.value && S.value), le = !!C, N = o(() => {
       const r = e == null ? void 0 : e.model;
-      if (!(!r || !t.prop))
-        return R(r, t.prop).value;
+      if (!(!r || !s.prop))
+        return R(r, s.prop).value;
     }), V = o(() => {
-      const { required: r } = t, s = [];
-      t.rules && s.push(...H(t.rules));
+      const { required: r } = s, t = [];
+      s.rules && t.push(...H(s.rules));
       const l = e == null ? void 0 : e.rules;
-      if (l && t.prop) {
+      if (l && s.prop) {
         const a = R(
           l,
-          t.prop
+          s.prop
         ).value;
-        a && s.push(...H(a));
+        a && t.push(...H(a));
       }
       if (r !== void 0) {
-        const a = s.map((u, f) => [u, f]).filter(([u]) => Object.keys(u).includes("required"));
+        const a = t.map((u, f) => [u, f]).filter(([u]) => Object.keys(u).includes("required"));
         if (a.length > 0)
           for (const [u, f] of a)
-            u.required !== r && (s[f] = { ...u, required: r });
+            u.required !== r && (t[f] = { ...u, required: r });
         else
-          s.push({ required: r });
+          t.push({ required: r });
       }
-      return s;
+      return t;
     }), ae = o(() => V.value.length > 0), oe = (r) => V.value.filter((l) => !l.trigger || !r ? !0 : Array.isArray(l.trigger) ? l.trigger.includes(r) : l.trigger === r).map(({ trigger: l, ...a }) => a), ne = o(
       () => V.value.some((r) => r.required)
     ), ue = o(
-      () => x.value === "error" && t.showMessage && ((e == null ? void 0 : e.showMessage) ?? !0)
+      () => x.value === "error" && s.showMessage && ((e == null ? void 0 : e.showMessage) ?? !0)
     ), A = o(
-      () => `${t.label || ""}${(e == null ? void 0 : e.labelSuffix) || ""}`
+      () => `${s.label || ""}${(e == null ? void 0 : e.labelSuffix) || ""}`
     ), v = (r) => {
       p.value = r;
     }, de = (r) => {
       var a;
-      const { errors: s, fields: l } = r;
-      (!s || !l) && console.error(r), v("error"), c.value = s ? ((a = s == null ? void 0 : s[0]) == null ? void 0 : a.message) ?? `${t.prop} is required` : "", e == null || e.emit("validate", t.prop, !1, c.value);
+      const { errors: t, fields: l } = r;
+      (!t || !l) && console.error(r), v("error"), c.value = t ? ((a = t == null ? void 0 : t[0]) == null ? void 0 : a.message) ?? `${s.prop} is required` : "", e == null || e.emit("validate", s.prop, !1, c.value);
     }, pe = () => {
-      v("success"), e == null || e.emit("validate", t.prop, !0, "");
+      v("success"), e == null || e.emit("validate", s.prop, !0, "");
     }, ce = async (r) => {
-      const s = ie.value;
+      const t = ie.value;
       return new Me({
-        [s]: r
-      }).validate({ [s]: N.value }, { firstFields: !0 }).then(() => (pe(), !0)).catch((a) => (de(a), Promise.reject(a)));
-    }, P = async (r, s) => {
-      if (m || !t.prop)
+        [t]: r
+      }).validate({ [t]: N.value }, { firstFields: !0 }).then(() => (pe(), !0)).catch((a) => (de(a), Promise.reject(a)));
+    }, P = async (r, t) => {
+      if (m || !s.prop)
         return !1;
-      const l = Be(s);
+      const l = Be(t);
       if (!ae.value)
-        return s == null || s(!1), !1;
+        return t == null || t(!1), !1;
       const a = oe(r);
-      return a.length === 0 ? (s == null || s(!0), !0) : (v("validating"), ce(a).then(() => (s == null || s(!0), !0)).catch((u) => {
+      return a.length === 0 ? (t == null || t(!0), !0) : (v("validating"), ce(a).then(() => (t == null || t(!0), !0)).catch((u) => {
         const { fields: f } = u;
-        return s == null || s(!1, f), l ? !1 : Promise.reject(f);
+        return t == null || t(!1, f), l ? !1 : Promise.reject(f);
       }));
     }, q = () => {
       v(""), c.value = "", m = !1;
     }, j = async () => {
       const r = e == null ? void 0 : e.model;
-      if (!r || !t.prop)
+      if (!r || !s.prop)
         return;
-      const s = R(r, t.prop);
-      m = !0, s.value = J(B), await Fe(), q(), m = !1;
+      const t = R(r, s.prop);
+      m = !0, t.value = J(B), await Fe(), q(), m = !1;
     }, ve = (r) => {
       d.value.includes(r) || d.value.push(r);
     }, fe = (r) => {
-      d.value = d.value.filter((s) => s !== r);
+      d.value = d.value.filter((t) => t !== r);
     };
     E(
-      () => t.error,
+      () => s.error,
       (r) => {
         c.value = r || "", v(r ? "error" : "");
       },
       { immediate: !0 }
     ), E(
-      () => t.validateStatus,
+      () => s.validateStatus,
       (r) => v(r || "")
     );
     const w = he({
-      ...ge(t),
+      ...ge(s),
       $el: z,
       size: y,
       validateState: p,
@@ -155,7 +157,7 @@ const De = ["role", "aria-labelledby"], n = (
       validate: P
     });
     return ye(X, w), be(() => {
-      t.prop && (e == null || e.addField(w), B = J(N.value));
+      s.prop && (e == null || e.addField(w), B = J(N.value));
     }), Se(() => {
       e == null || e.removeField(w);
     }), k({
@@ -183,7 +185,7 @@ const De = ["role", "aria-labelledby"], n = (
        * @description Reset current field and remove validation result.
        */
       resetField: j
-    }), (r, s) => {
+    }), (r, t) => {
       var l;
       return L(), _e("div", {
         ref_key: "formItemRef",
@@ -228,7 +230,7 @@ const De = ["role", "aria-labelledby"], n = (
                 error: c.value
               }, () => [
                 O("div", {
-                  class: g(i(te))
+                  class: g(i(se))
                 }, K(c.value), 3)
               ]) : U("", !0)
             ]),
@@ -240,5 +242,5 @@ const De = ["role", "aria-labelledby"], n = (
   }
 });
 export {
-  xe as default
+  rr as default
 };

package/es/components/form/form-label-wrap.js

@@ -2,13 +2,15 @@ import { defineComponent as N, inject as h, ref as s, onMounted as A, onBeforeUn
 import { useResizeObserver as P } from "@vueuse/core";
 import "@vft/utils";
 import { throwError as C } from "../../utils/error.js";
-import "../../utils/ns-cover.js";
 import "lodash";
+import "../../utils/ns-cover.js";
 import { useNamespace as K } from "../../hooks/use-namespace/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
+import "@vue/reactivity";
+import "@vue/shared";
 import { formContextKey as R, formItemContextKey as T } from "./constants.js";
-const W = "VftLabelWrap", x = /* @__PURE__ */ N({
+const W = "VftLabelWrap", G = /* @__PURE__ */ N({
   name: W,
   props: {
     isAutoWidth: Boolean,
@@ -19,11 +21,11 @@ const W = "VftLabelWrap", x = /* @__PURE__ */ N({
   }) {
     const t = h(R, void 0), n = h(T);
     n || C(W, "usage: <vft-form-item><label-wrap /></vft-form-item>");
-    const v = K("form"), r = s(), o = s(0), L = () => {
+    const v = K("form"), a = s(), o = s(0), L = () => {
       var e;
-      if ((e = r.value) != null && e.firstElementChild) {
-        const a = window.getComputedStyle(r.value.firstElementChild).width;
-        return Math.ceil(Number.parseFloat(a));
+      if ((e = a.value) != null && e.firstElementChild) {
+        const r = window.getComputedStyle(a.value.firstElementChild).width;
+        return Math.ceil(Number.parseFloat(r));
       } else
         return 0;
     }, m = (e = "update") => {
@@ -35,13 +37,13 @@ const W = "VftLabelWrap", x = /* @__PURE__ */ N({
       u();
     }), E(() => {
       m("remove");
-    }), y(() => u()), M(o, (e, a) => {
-      l.updateAll && (t == null || t.registerLabelWidth(e, a));
+    }), y(() => u()), M(o, (e, r) => {
+      l.updateAll && (t == null || t.registerLabelWidth(e, r));
     }), P(F(() => {
       var e;
-      return ((e = r.value) == null ? void 0 : e.firstElementChild) ?? null;
+      return ((e = a.value) == null ? void 0 : e.firstElementChild) ?? null;
     }), u), () => {
-      var a, f;
+      var r, f;
       if (!i)
         return null;
       const {
@@ -54,17 +56,17 @@ const W = "VftLabelWrap", x = /* @__PURE__ */ N({
           c && (p[w] = `${c}px`);
         }
         return b("div", {
-          ref: r,
+          ref: a,
           class: [v.be("item", "label-wrap")],
           style: p
-        }, [(a = i.default) == null ? void 0 : a.call(i)]);
+        }, [(r = i.default) == null ? void 0 : r.call(i)]);
       } else
         return b(B, {
-          ref: r
+          ref: a
         }, [(f = i.default) == null ? void 0 : f.call(i)]);
     };
   }
 });
 export {
-  x as default
+  G as default
 };

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

@@ -1,5 +1,5 @@
 import type { PropType as __PropType } from 'vue';
-import type { ComponentSize } from '../types';
+import type { ComponentSize } from 'vft/es/constants';
 import type { Arrayable } from 'vft/es/utils';
 import type { FormRules, FormItemProp, FormValidateCallback, FormValidationResult } from './types';
 export interface FormProps {
@@ -9,7 +9,7 @@ export interface FormProps {
     rules?: FormRules;
     labelPosition?: 'left' | 'right' | 'top';
     requireAsteriskPosition?: 'left' | 'right';
-    labelWidth?: Numberish;
+    labelWidth?: string | number;
     labelSuffix?: string;
     inline?: boolean;
     inlineMessage?: boolean;
@@ -21,7 +21,7 @@ export interface FormProps {
 }
 declare const _sfc_main: import("vue").DefineComponent<{
     size: {
-        type: __PropType<ComponentSize | undefined>;
+        type: __PropType<"" | "default" | "small" | "large" | undefined>;
         required: false;
     };
     disabled: {
@@ -37,15 +37,15 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: false;
     };
     labelPosition: {
-        type: __PropType<"left" | "right" | "top" | undefined>;
+        type: __PropType<"top" | "right" | "left" | undefined>;
         required: false;
     };
     requireAsteriskPosition: {
-        type: __PropType<"left" | "right" | undefined>;
+        type: __PropType<"right" | "left" | undefined>;
         required: false;
     };
     labelWidth: {
-        type: __PropType<Numberish | undefined>;
+        type: __PropType<string | number | undefined>;
         required: false;
     };
     labelSuffix: {
@@ -103,7 +103,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
     scrollToField: (prop: FormItemProp) => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "validate"[], "validate", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     size: {
-        type: __PropType<ComponentSize | undefined>;
+        type: __PropType<"" | "default" | "small" | "large" | undefined>;
         required: false;
     };
     disabled: {
@@ -119,15 +119,15 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: false;
     };
     labelPosition: {
-        type: __PropType<"left" | "right" | "top" | undefined>;
+        type: __PropType<"top" | "right" | "left" | undefined>;
         required: false;
     };
     requireAsteriskPosition: {
-        type: __PropType<"left" | "right" | undefined>;
+        type: __PropType<"right" | "left" | undefined>;
         required: false;
     };
     labelWidth: {
-        type: __PropType<Numberish | undefined>;
+        type: __PropType<string | number | undefined>;
         required: false;
     };
     labelSuffix: {