vft 0.0.149 → 0.0.151

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

@@ -1,4 +1,4 @@
-import { defineComponent as et, useAttrs as st, reactive as ut, ref as n, computed as h, unref as o, watch as y, nextTick as ft, onMounted as ct, resolveComponent as dt, openBlock as l, createBlock as c, mergeProps as v, withKeys as Bt, withModifiers as ht, withCtx as g, normalizeProps as d, renderSlot as M, createElementBlock as yt, Fragment as vt, renderList as Y, createSlots as gt, guardReactiveProps as Z, createVNode as Ft, createCommentVNode as F } from "vue";
+import { defineComponent as et, useAttrs as ut, reactive as ft, ref as n, computed as h, unref as o, watch as y, nextTick as ct, onMounted as dt, resolveComponent as Bt, openBlock as l, createBlock as c, mergeProps as v, withKeys as ht, withModifiers as yt, withCtx as g, normalizeProps as d, renderSlot as O, createElementBlock as vt, Fragment as gt, renderList as Y, createSlots as bt, guardReactiveProps as Z, createVNode as Ft, createCommentVNode as b } from "vue";
 import "../alert/index.js";
 import "../avatar/index.js";
 import "../backtop/index.js";
@@ -13,7 +13,7 @@ import "../collapse-transition/index.js";
 import "../color-picker/index.js";
 import "../config-provider/index.js";
 import "../container/index.js";
-import { cloneDeep as bt, pick as St, deepMerge as wt } from "@vft/utils";
+import { cloneDeep as wt, pick as Ct, deepMerge as St } from "@vft/utils";
 import "../context-menu/context-menu.vue2.js";
 import "../date-picker/index.js";
 import "../date-time-select/index.js";
@@ -25,7 +25,7 @@ import "../dropdown/index.js";
 import "../empty/index.js";
 import "../exception/index.js";
 import "../footer-layout/index.js";
-import { VftForm as Ct } from "../form/index.js";
+import { VftForm as kt } from "../form/index.js";
 import "../full-screen/index.js";
 import "../header-layout/index.js";
 import "../horizontal-menu/index.js";
@@ -51,7 +51,7 @@ import "../qrcode/index.js";
 import "../radio/index.js";
 import "../result/index.js";
 import "../router-view-content/index.js";
-import { VftRow as kt } from "../row/index.js";
+import { VftRow as Rt } from "../row/index.js";
 import "../scrollbar/index.js";
 import "../search/index.js";
 import "../select/index.js";
@@ -84,28 +84,28 @@ import "../md-comment/index.js";
 import "../md-container/index.js";
 import "../md-tabs/index.js";
 import "../md-vue-playground/index.js";
-import { useTimeoutFn as Pt, useDebounceFn as Rt } from "@vueuse/core";
+import { useTimeoutFn as Pt, useDebounceFn as _t } from "@vueuse/core";
 import "../../utils/ns-cover.js";
 import "lodash";
-import { useNamespace as _t } from "../../hooks/use-namespace/index.js";
+import { useNamespace as Ot } from "../../hooks/use-namespace/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
 import "../message/index.js";
 import "../infinite-scroll/index.js";
 import "../progress-i/index.js";
 import tt from "./super-form-action.vue2.js";
-import Mt from "./super-form-item.vue2.js";
-import { useAutoFocus as Ot } from "./use/use-auto-focus.js";
-import { createFormContext as Vt } from "./use/use-form-context.js";
-import { useFormEvents as Et } from "./use/use-form-events.js";
-import { useFormValues as At } from "./use/use-form-values.js";
-const Dt = (
+import Et from "./super-form-item.vue2.js";
+import { useAutoFocus as Vt } from "./use/use-auto-focus.js";
+import { createFormContext as Mt } from "./use/use-form-context.js";
+import { useFormEvents as At } from "./use/use-form-events.js";
+import { useFormValues as It } from "./use/use-form-values.js";
+const Tt = (
   /* hoist-static*/
-  _t("super-form")
-), Tt = et({
+  Ot("super-form")
+), Dt = et({
   name: "vft-super-form"
-}), Oo = /* @__PURE__ */ et({
-  ...Tt,
+}), Vo = /* @__PURE__ */ et({
+  ...Dt,
   props: {
     rowProps: {
       default: {
@@ -224,92 +224,92 @@ const Dt = (
   emits: ["register", "reset", "submit", "field-value-change"],
   setup(ot, {
     expose: rt,
-    emit: O
+    emit: it
   }) {
-    const V = ot, it = st(), m = ut({}), b = n({}), B = n(!1), S = n({}), E = n(), w = n(null), A = n(), e = h(() => ({
-      ...V,
-      ...o(S)
+    const E = ot, V = it, mt = ut(), a = ft({}), F = n({}), B = n(!1), w = n({}), M = n(), C = n(null), A = n(), e = h(() => ({
+      ...E,
+      ...o(w)
     })), p = h(() => ({
-      ...it,
-      ...V,
+      ...mt,
+      ...E,
       ...o(e)
     })), r = h(() => {
-      const t = o(E);
-      return bt(t);
+      const t = o(M);
+      return wt(t);
     }), {
       handleFormValues: at,
-      initDefault: D
-    } = At({
+      initDefault: I
+    } = It({
       getProps: e,
-      defaultValueRef: b,
+      defaultValueRef: F,
       getSchema: r,
-      formModel: m
+      formModel: a
     });
-    Ot({
+    Vt({
       getSchema: r,
       getProps: e,
       isInitedDefault: B,
-      formElRef: w
+      formElRef: C
     });
     const {
       handleSubmit: s,
-      setFieldsValue: C,
+      setFieldsValue: S,
       clearValidate: T,
-      validate: I,
+      validate: D,
       validateField: N,
       getFieldsValue: k,
-      updateSchema: P,
-      resetSchema: R,
+      updateSchema: R,
+      resetSchema: P,
       appendSchemaByField: $,
       removeSchemaByField: q,
       resetFields: _,
-      scrollToField: mt,
+      scrollToField: nt,
       getFieldValue: x
-    } = Et({
-      emit: O,
+    } = At({
+      emit: V,
       getProps: e,
-      formModel: m,
+      formModel: a,
       getSchema: r,
-      defaultValueRef: b,
-      formElRef: w,
-      schemaRef: E,
+      defaultValueRef: F,
+      formElRef: C,
+      schemaRef: M,
       handleFormValues: at,
       initValues: A
     });
-    Vt({
+    Mt({
       resetAction: _,
       submitAction: s
     }), y(() => o(e).model, () => {
       const {
         model: t
       } = o(e);
-      t && C(t);
+      t && S(t);
     }, {
       immediate: !0
     }), y(() => o(e).schemas, (t) => {
-      R(t ?? []);
+      P(t ?? []);
     }), y(() => r.value, (t) => {
-      var a;
-      ft(() => {
-      }), !o(B) && t != null && t.length && (D(), B.value = !0, (a = e.value) != null && a.watchDataIsChange && Pt(() => {
+      var m;
+      ct(() => {
+      }), !o(B) && t != null && t.length && (I(), B.value = !0, (m = e.value) != null && m.watchDataIsChange && Pt(() => {
         A.value = k();
       }, 40));
-    }), y(() => m, Rt(() => {
+    }), y(() => a, _t(() => {
       o(e).submitOnChange && s();
     }, 300), {
       deep: !0
     });
     async function G(t) {
-      S.value = wt(o(S) || {}, t);
+      w.value = St(o(w) || {}, t);
     }
-    function nt(t, a, i) {
-      m[t] = a, i && i.itemProps;
+    function lt(t, m, i) {
+      a[t] = m, i && i.itemProps;
     }
-    function lt(t) {
+    function pt(t) {
       const {
-        autoSubmitOnEnter: a
+        autoSubmitOnEnter: m
       } = o(e);
-      if (a && t.key === "Enter" && t.target && t.target instanceof HTMLElement) {
+      if (m && t.key === "Enter" && t.target && t.target instanceof HTMLElement) {
         const i = t.target;
         i && i.tagName && i.tagName.toUpperCase() === "INPUT" && s();
       }
@@ -317,72 +317,72 @@ const Dt = (
     const H = {
       getFieldsValue: k,
       getFieldValue: x,
-      setFieldsValue: C,
+      setFieldsValue: S,
       resetFields: _,
-      updateSchema: P,
-      resetSchema: R,
+      updateSchema: R,
+      resetSchema: P,
       setProps: G,
       removeSchemaByField: q,
       appendSchemaByField: $,
       clearValidate: T,
       validateField: N,
-      validate: I,
+      validate: D,
       submit: s,
-      scrollToField: mt
+      scrollToField: nt
     };
-    ct(() => {
-      D(), O("register", H);
+    dt(() => {
+      I(), V("register", H);
     });
-    const K = h(() => St(e.value, ["showResetButton", "showCommonButton", "showSubmitButton", "resetButtonOptions", "submitButtonOptions", "commonButtonOptions", "actionColOptions", "actionSpan"]));
+    const K = h(() => Ct(e.value, ["showResetButton", "showCommonButton", "showSubmitButton", "resetButtonOptions", "submitButtonOptions", "commonButtonOptions", "actionColOptions", "actionSpan"]));
     return rt({
       getFieldsValue: k,
       getFieldValue: x,
-      setFieldsValue: C,
+      setFieldsValue: S,
       resetFields: _,
-      updateSchema: P,
-      resetSchema: R,
+      updateSchema: R,
+      resetSchema: P,
       setProps: G,
       removeSchemaByField: q,
       appendSchemaByField: $,
       clearValidate: T,
       validateField: N,
-      validate: I,
+      validate: D,
       submit: s,
       getSchema: r
-    }), (t, a) => {
+    }), (t, m) => {
       var L;
-      const i = dt("vft-col");
-      return B.value && ((L = r.value) != null && L.length) ? (l(), c(o(Ct), v({
+      const i = Bt("vft-col");
+      return B.value && ((L = r.value) != null && L.length) ? (l(), c(o(kt), v({
         key: 0
       }, p.value, {
         ref_key: "formElRef",
-        ref: w,
-        class: o(Dt).b(),
-        model: m,
-        onKeypress: Bt(ht(lt, ["prevent"]), ["enter"])
+        ref: C,
+        class: o(Tt).b(),
+        model: a,
+        onKeypress: ht(yt(pt, ["prevent"]), ["enter"])
       }), {
         default: g(() => {
           var z, U, W, j;
-          return [(z = r.value) != null && z.length ? (l(), c(o(kt), d(v({
+          return [(z = r.value) != null && z.length ? (l(), c(o(Rt), d(v({
             key: 0
           }, (U = p.value) == null ? void 0 : U.rowProps)), {
             default: g(() => {
               var J, Q, X;
-              return [M(t.$slots, "formHeader"), (l(!0), yt(vt, null, Y(r.value, (u) => (l(), c(Mt, {
+              return [O(t.$slots, "formHeader"), (l(!0), vt(gt, null, Y(r.value, (u) => (l(), c(Et, {
                 key: u.field,
-                formActionType: H,
+                "form-action-type": H,
                 schema: u,
-                formProps: e.value,
-                allDefaultValues: b.value,
-                formModel: m,
-                setFormModel: nt,
-                updateSchema: o(P)
-              }, gt({
+                "form-props": e.value,
+                "all-default-values": F.value,
+                "form-model": a,
+                "set-form-model": lt,
+                "update-schema": o(R)
+              }, bt({
                 _: 2
               }, [Y(Object.keys(t.$slots), (f) => ({
                 name: f,
-                fn: g((pt) => [M(t.$slots, f, d(Z(pt || {})))])
-              }))]), 1032, ["schema", "formProps", "allDefaultValues", "formModel", "updateSchema"]))), 128)), Ft(i, d(Z((J = p.value) != null && J.quickColSpan ? {
+                fn: g((st) => [O(t.$slots, f, d(Z(st || {})))])
+              }))]), 1032, ["schema", "form-props", "all-default-values", "form-model", "update-schema"]))), 128)), Ft(i, d(Z((J = p.value) != null && J.quickColSpan ? {
                 span: Math.ceil(24 / ((Q = p.value) == null ? void 0 : Q.quickColSpan)),
                 ...(X = p.value) == null ? void 0 : X.baseColProps
               } : {})), {
@@ -390,21 +390,21 @@ const Dt = (
                   var u, f;
                   return [(u = e.value) != null && u.showActionButtonGroup && ((f = e.value) != null && f.actionInline) ? (l(), c(tt, d(v({
                     key: 0
-                  }, K.value)), null, 16)) : F("", !0)];
+                  }, K.value)), null, 16)) : b("", !0)];
                 }),
                 _: 1
               }, 16)];
             }),
             _: 3
-          }, 16)) : F("", !0), (W = e.value) != null && W.showActionButtonGroup && !((j = e.value) != null && j.actionInline) ? (l(), c(tt, d(v({
+          }, 16)) : b("", !0), (W = e.value) != null && W.showActionButtonGroup && !((j = e.value) != null && j.actionInline) ? (l(), c(tt, d(v({
             key: 1
-          }, K.value)), null, 16)) : F("", !0), M(t.$slots, "formFooter")];
+          }, K.value)), null, 16)) : b("", !0), O(t.$slots, "formFooter")];
         }),
         _: 3
-      }, 16, ["class", "model", "onKeypress"])) : F("", !0);
+      }, 16, ["class", "model", "onKeypress"])) : b("", !0);
     };
   }
 });
 export {
-  Oo as default
+  Vo as default
 };

package/es/components/switch/index.d.ts

@@ -1,17 +1,20 @@
 export declare const VftSwitch: import("vft/es/utils").SFCWithInstall<import("vue").DefineComponent<{
-    width: {
-        type: globalThis.PropType<string | number>;
-    };
     value: {
         type: globalThis.PropType<string | number | boolean>;
         default: boolean;
     };
+    width: {
+        type: globalThis.PropType<string | number>;
+    };
     borderColor: {
         type: globalThis.PropType<string>;
     };
     name: {
         type: globalThis.PropType<string>;
     };
+    size: {
+        type: globalThis.PropType<"" | "default" | "small" | "large">;
+    };
     modelValue: {
         type: globalThis.PropType<string | number | boolean>;
         default: boolean;
@@ -19,9 +22,6 @@ export declare const VftSwitch: import("vft/es/utils").SFCWithInstall<import("vu
     id: {
         type: globalThis.PropType<string>;
     };
-    size: {
-        type: globalThis.PropType<"" | "default" | "small" | "large">;
-    };
     disabled: {
         type: globalThis.PropType<boolean>;
         default: boolean;
@@ -74,23 +74,26 @@ export declare const VftSwitch: import("vft/es/utils").SFCWithInstall<import("vu
     focus: () => void;
     checked: globalThis.ComputedRef<boolean>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (...args: any[]) => void;
-    change: (...args: any[]) => void;
     input: (...args: any[]) => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<globalThis.ExtractPropTypes<{
-    width: {
-        type: globalThis.PropType<string | number>;
-    };
+    change: (...args: any[]) => void;
+    "update:modelValue": (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<{
     value: {
         type: globalThis.PropType<string | number | boolean>;
         default: boolean;
     };
+    width: {
+        type: globalThis.PropType<string | number>;
+    };
     borderColor: {
         type: globalThis.PropType<string>;
     };
     name: {
         type: globalThis.PropType<string>;
     };
+    size: {
+        type: globalThis.PropType<"" | "default" | "small" | "large">;
+    };
     modelValue: {
         type: globalThis.PropType<string | number | boolean>;
         default: boolean;
@@ -98,9 +101,6 @@ export declare const VftSwitch: import("vft/es/utils").SFCWithInstall<import("vu
     id: {
         type: globalThis.PropType<string>;
     };
-    size: {
-        type: globalThis.PropType<"" | "default" | "small" | "large">;
-    };
     disabled: {
         type: globalThis.PropType<boolean>;
         default: boolean;
@@ -150,8 +150,8 @@ export declare const VftSwitch: import("vft/es/utils").SFCWithInstall<import("vu
         type: globalThis.PropType<Function>;
     };
 }>> & {
-    onChange?: ((...args: any[]) => any) | undefined;
     onInput?: ((...args: any[]) => any) | undefined;
+    onChange?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
     value: string | number | boolean;

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

@@ -23,79 +23,16 @@ export interface SwitchProps {
     size?: ComponentSize;
     tabindex?: string | number;
 }
-declare const _default: import("vue").DefineComponent<{
-    width: {
-        type: globalThis.PropType<string | number>;
-    };
-    value: {
-        type: globalThis.PropType<string | number | boolean>;
-        default: boolean;
-    };
-    borderColor: {
-        type: globalThis.PropType<string>;
-    };
-    name: {
-        type: globalThis.PropType<string>;
-    };
-    modelValue: {
-        type: globalThis.PropType<string | number | boolean>;
-        default: boolean;
-    };
-    id: {
-        type: globalThis.PropType<string>;
-    };
-    size: {
-        type: globalThis.PropType<"" | "default" | "small" | "large">;
-    };
-    disabled: {
-        type: globalThis.PropType<boolean>;
-        default: boolean;
-    };
-    loading: {
-        type: globalThis.PropType<boolean>;
-        default: boolean;
-    };
-    tabindex: {
-        type: globalThis.PropType<string | number>;
-    };
-    validateEvent: {
-        type: globalThis.PropType<boolean>;
-        default: boolean;
-    };
-    inlinePrompt: {
-        type: globalThis.PropType<boolean>;
-        default: boolean;
-    };
-    activeIcon: {
-        type: globalThis.PropType<string | IconProps>;
-    };
-    inactiveIcon: {
-        type: globalThis.PropType<string | IconProps>;
-    };
-    activeText: {
-        type: globalThis.PropType<string>;
-    };
-    inactiveText: {
-        type: globalThis.PropType<string>;
-    };
-    activeColor: {
-        type: globalThis.PropType<string>;
-    };
-    inactiveColor: {
-        type: globalThis.PropType<string>;
-    };
-    activeValue: {
-        type: globalThis.PropType<string | number | boolean>;
-        default: boolean;
-    };
-    inactiveValue: {
-        type: globalThis.PropType<string | number | boolean>;
-        default: boolean;
-    };
-    beforeChange: {
-        type: globalThis.PropType<Function>;
-    };
-}, {
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<SwitchProps>, {
+    modelValue: boolean;
+    value: boolean;
+    disabled: boolean;
+    inlinePrompt: boolean;
+    activeValue: boolean;
+    inactiveValue: boolean;
+    validateEvent: boolean;
+    loading: boolean;
+}>, {
     /**
      *  @description manual focus to the switch component
      **/
@@ -105,84 +42,21 @@ declare const _default: import("vue").DefineComponent<{
      */
     checked: globalThis.ComputedRef<boolean>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (...args: any[]) => void;
-    change: (...args: any[]) => void;
     input: (...args: any[]) => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<globalThis.ExtractPropTypes<{
-    width: {
-        type: globalThis.PropType<string | number>;
-    };
-    value: {
-        type: globalThis.PropType<string | number | boolean>;
-        default: boolean;
-    };
-    borderColor: {
-        type: globalThis.PropType<string>;
-    };
-    name: {
-        type: globalThis.PropType<string>;
-    };
-    modelValue: {
-        type: globalThis.PropType<string | number | boolean>;
-        default: boolean;
-    };
-    id: {
-        type: globalThis.PropType<string>;
-    };
-    size: {
-        type: globalThis.PropType<"" | "default" | "small" | "large">;
-    };
-    disabled: {
-        type: globalThis.PropType<boolean>;
-        default: boolean;
-    };
-    loading: {
-        type: globalThis.PropType<boolean>;
-        default: boolean;
-    };
-    tabindex: {
-        type: globalThis.PropType<string | number>;
-    };
-    validateEvent: {
-        type: globalThis.PropType<boolean>;
-        default: boolean;
-    };
-    inlinePrompt: {
-        type: globalThis.PropType<boolean>;
-        default: boolean;
-    };
-    activeIcon: {
-        type: globalThis.PropType<string | IconProps>;
-    };
-    inactiveIcon: {
-        type: globalThis.PropType<string | IconProps>;
-    };
-    activeText: {
-        type: globalThis.PropType<string>;
-    };
-    inactiveText: {
-        type: globalThis.PropType<string>;
-    };
-    activeColor: {
-        type: globalThis.PropType<string>;
-    };
-    inactiveColor: {
-        type: globalThis.PropType<string>;
-    };
-    activeValue: {
-        type: globalThis.PropType<string | number | boolean>;
-        default: boolean;
-    };
-    inactiveValue: {
-        type: globalThis.PropType<string | number | boolean>;
-        default: boolean;
-    };
-    beforeChange: {
-        type: globalThis.PropType<Function>;
-    };
-}>> & {
-    onChange?: ((...args: any[]) => any) | undefined;
+    change: (...args: any[]) => void;
+    "update:modelValue": (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<SwitchProps>, {
+    modelValue: boolean;
+    value: boolean;
+    disabled: boolean;
+    inlinePrompt: boolean;
+    activeValue: boolean;
+    inactiveValue: boolean;
+    validateEvent: boolean;
+    loading: boolean;
+}>>> & {
     onInput?: ((...args: any[]) => any) | undefined;
+    onChange?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
     value: string | number | boolean;
@@ -195,3 +69,20 @@ declare const _default: import("vue").DefineComponent<{
     inactiveValue: string | number | boolean;
 }, {}>;
 export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};