@aplus-frontend/ui 0.1.0 → 0.1.2

package/lib/src/pro-form/hooks/use-form-events.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("vue"),l=require("lodash-unified"),U=require("../../utils/index.js"),Y=require("@aplus-frontend/utils"),A=require("../helper.js"),z=require("dayjs");function Z(u,F={}){const f=/^\[(.+)\]$/;if(f.test(u)){const c=u.match(f);if(c&&c[1]){const v=c[1].split(",");if(!v.length)return;const d=[];return v.forEach((b,S)=>{l.set(d,S,F[b.trim()])}),d.filter(Boolean).length?d:void 0}}}function _(u,F={}){const f=/^\{(.+)\}$/;if(f.test(u)){const c=u.match(f);if(c&&c[1]){const v=c[1].split(",");if(!v.length)return;const d={};return v.forEach(b=>{l.set(d,b.trim(),F[b.trim()])}),Object.values(d).filter(Boolean).length?d:void 0}}}function K({emit:u,getProps:F,formModel:f,getSchema:c,defaultValueRef:v,formElRef:d,schemaRef:b,handleFormValues:S}){async function m(){const{resetFunc:e,submitOnReset:n}=i.unref(F);e&&l.isFunction(e)&&await e(),i.unref(d)&&(Object.keys(f).forEach(t=>{const o=i.unref(c).find(a=>a.field===t),r=o==null?void 0:o.defaultValueObj,h=Object.keys(r||{});h.length&&h.map(a=>{f[a]=r[a]}),f[t]=k(o,v,t)}),i.nextTick(()=>E()),u("reset",i.toRaw(f)),n&&V())}const T=()=>i.unref(c).map(e=>[...e.fields||[],e.field]).flat(1).filter(Boolean);async function O(e){if(Object.keys(e).length===0)return;const n=T(),s=".",t=n.filter(r=>String(r).indexOf(s)>=0),o=[];n.forEach(r=>{const h=i.unref(c).find(p=>p.field===r);let a=l.get(e,r);const W=Reflect.has(e,r);a=A.handleInputNumberValue(h==null?void 0:h.component,a);const{componentProps:$}=h||{};let y=$;typeof $=="function"&&(y=y({formModel:i.unref(f),formActionType:Q}));const L=Z(r,e)||_(r,e);if(W||L){const p=L||a;if(H(r))if(Array.isArray(p)){const w=[];for(const I of p)w.push(I?z(I):null);i.unref(f)[r]=w}else i.unref(f)[r]=p?y!=null&&y.valueFormat?p:z(p):null;else i.unref(f)[r]=p;y!=null&&y.onChange&&(y==null||y.onChange(p)),o.push(r)}else t.forEach(p=>{try{const w=p.split(".").reduce((I,X)=>I[X],e);U.isDef(w)&&(i.unref(f)[p]=i.unref(w),o.push(p))}catch{U.isDef(v.value[p])&&(i.unref(f)[p]=l.cloneDeep(i.unref(v.value[p])))}})}),j(o).catch(r=>{})}async function C(e){const n=l.cloneDeep(i.unref(c));if(!e)return;let s=l.isString(e)?[e]:e;l.isString(e)&&(s=[e]);for(const t of s)G(t,n);b.value=n}function G(e,n){if(l.isString(e)){const s=n.findIndex(t=>t.field===e);s!==-1&&(delete f[e],n.splice(s,1))}}async function q(e,n,s=!1){const t=l.cloneDeep(i.unref(c)),o=Array.isArray(e)?e.map(a=>a.field):[e.field];if(t.find(a=>o.includes(a.field)))throw new Error("There are schemas that have already been added");const r=t.findIndex(a=>a.field===n),h=l.isObject(e)?[e]:e;!n||r===-1||s?s?t.unshift(...h):t.push(...h):r!==-1&&t.splice(r+1,0,...h),b.value=t,P(e)}async function B(e){let n=[];if(l.isObject(e)&&n.push(e),l.isArray(e)&&(n=[...e]),!n.every(t=>A.isIncludeSimpleComponents(t.component)||Reflect.has(t,"field")&&t.field))throw new Error("All children of the form Schema array that need to be updated must contain the `field` field");b.value=n}async function x(e){let n=[];if(l.isObject(e)&&n.push(e),l.isArray(e)&&(n=[...e]),!n.every(r=>A.isIncludeSimpleComponents(r.component)||Reflect.has(r,"field")&&r.field))throw new Error("All children of the form Schema array that need to be updated must contain the `field` field");const t=[],o=[];i.unref(c).forEach(r=>{const h=n.find(a=>r.field===a.field);if(h){const a=Y.deepMerge(r,h);o.push(a),t.push(a)}else t.push(r)}),P(o),b.value=l.uniqBy(t,"field")}function P(e){let n=[];l.isObject(e)&&n.push(e),l.isArray(e)&&(n=[...e]);const s={},t=g();n.forEach(o=>{!A.isIncludeSimpleComponents(o.component)&&Reflect.has(o,"field")&&o.field&&!l.isNil(o.defaultValue)&&(!(o.field in t)||l.isNil(t[o.field]))&&(s[o.field]=o.defaultValue)}),O(s)}function g(){return i.unref(d)?S(i.toRaw(i.unref(f))):{}}function H(e){return i.unref(c).some(n=>n.field===e&&n.component?A.dateItemType.includes(n.component):!1)}async function j(e){var s;const n=await((s=i.unref(d))==null?void 0:s.validateFields(e));return S(n)}async function J(e){var n;await((n=i.unref(d))==null?void 0:n.setProps(e))}async function D(e){var t;let n;e===void 0?n=T():n=e===Array.isArray(e)?e:void 0;const s=await((t=i.unref(d))==null?void 0:t.validate(n));return S(s)}async function E(e){var n;await((n=i.unref(d))==null?void 0:n.clearValidate(e))}async function N(e,n){var s;await((s=i.unref(d))==null?void 0:s.scrollToField(e,n))}async function V(e){e&&e.preventDefault();const{submitFunc:n}=i.unref(F);if(n&&l.isFunction(n)){await n();return}if(i.unref(d))try{const t=await D();u("submit",t)}catch(t){if((t==null?void 0:t.outOfDate)===!1&&(t!=null&&t.errorFields))return;throw new Error(t)}}const Q={getFieldsValue:g,setFieldsValue:O,resetFields:m,updateSchema:x,resetSchema:B,setProps:J,removeSchemaByField:C,appendSchemaByField:q,clearValidate:E,validateFields:j,validate:D,submit:V,scrollToField:N};return{handleSubmit:V,clearValidate:E,validate:D,validateFields:j,getFieldsValue:g,updateSchema:x,resetSchema:B,appendSchemaByField:q,removeSchemaByField:C,resetFields:m,setFieldsValue:O,scrollToField:N}}function k(u,F,f){let c=l.cloneDeep(F.value[f]);return M(u)?c||void 0:(!c&&u&&R(u)&&(c=[0,0]),!c&&u&&u.component==="ApiTree"&&(c=[]),c)}function R(u){if(u.component==="Slider"&&u.componentProps&&"range"in u.componentProps)return!0}function M(u){return(u==null?void 0:u.component)&&A.defaultValueComponents.includes(u.component)}exports.useFormEvents=K;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("vue"),l=require("lodash-unified"),U=require("../../utils/index.js"),Y=require("@aplus-frontend/utils"),w=require("../helper.js"),z=require("dayjs");function Z(u,F={}){const f=/^\[(.+)\]$/;if(f.test(u)){const c=u.match(f);if(c&&c[1]){const v=c[1].split(",");if(!v.length)return;const d=[];return v.forEach((b,A)=>{l.set(d,A,F[b.trim()])}),d.filter(Boolean).length?d:void 0}}}function _(u,F={}){const f=/^\{(.+)\}$/;if(f.test(u)){const c=u.match(f);if(c&&c[1]){const v=c[1].split(",");if(!v.length)return;const d={};return v.forEach(b=>{l.set(d,b.trim(),F[b.trim()])}),Object.values(d).filter(Boolean).length?d:void 0}}}function K({emit:u,getProps:F,formModel:f,getSchema:c,defaultValueRef:v,formElRef:d,schemaRef:b,handleFormValues:A}){async function m(){const{resetFunc:e,submitOnReset:n}=i.unref(F);e&&l.isFunction(e)&&await e(),i.unref(d)&&(Object.keys(f).forEach(t=>{const o=i.unref(c).find(a=>a.field===t),r=o==null?void 0:o.defaultValueObj,h=Object.keys(r||{});h.length&&h.map(a=>{f[a]=r[a]}),f[t]=k(o,v,t)}),i.nextTick(()=>E()),u("reset",i.toRaw(f)),n&&V())}const T=()=>i.unref(c).map(e=>[...e.fields||[],e.field]).flat(1).filter(Boolean);async function O(e){if(Object.keys(e).length===0)return;const n=T(),s=".",t=n.filter(r=>String(r).indexOf(s)>=0),o=[];n.forEach(r=>{const h=i.unref(c).find(p=>p.field===r);let a=l.get(e,r);const W=Reflect.has(e,r);a=w.handleInputNumberValue(h==null?void 0:h.component,a);const{componentProps:$}=h||{};let y=$;typeof $=="function"&&(y=y({formModel:i.unref(f),formActionType:Q}));const L=Z(r,e)||_(r,e);if(W||L){const p=L||a;if(H(r))if(Array.isArray(p)){const S=[];for(const I of p)S.push(I?z(I):null);i.unref(f)[r]=S}else i.unref(f)[r]=p?y!=null&&y.valueFormat?p:z(p):null;else i.unref(f)[r]=p;y!=null&&y.onChange&&(y==null||y.onChange(p)),o.push(r)}else t.forEach(p=>{try{const S=p.split(".").reduce((I,X)=>I[X],e);U.isDef(S)&&(i.unref(f)[p]=i.unref(S),o.push(p))}catch{U.isDef(v.value[p])&&(i.unref(f)[p]=l.cloneDeep(i.unref(v.value[p])))}})}),j(o).catch(r=>{})}async function C(e){const n=l.cloneDeep(i.unref(c));if(!e)return;let s=l.isString(e)?[e]:e;l.isString(e)&&(s=[e]);for(const t of s)G(t,n);b.value=n}function G(e,n){if(l.isString(e)){const s=n.findIndex(t=>t.field===e);s!==-1&&(delete f[e],n.splice(s,1))}}async function q(e,n,s=!1){const t=l.cloneDeep(i.unref(c)),o=Array.isArray(e)?e.map(a=>a.field):[e.field];if(t.find(a=>o.includes(a.field)))throw new Error("There are schemas that have already been added");const r=t.findIndex(a=>a.field===n),h=l.isObject(e)?[e]:e;!n||r===-1||s?s?t.unshift(...h):t.push(...h):r!==-1&&t.splice(r+1,0,...h),b.value=t,P(e)}async function B(e){let n=[];if(l.isObject(e)&&n.push(e),l.isArray(e)&&(n=[...e]),!n.every(t=>w.isIncludeSimpleComponents(t.component)||Reflect.has(t,"field")&&t.field))throw new Error("All children of the form Schema array that need to be updated must contain the `field` field");b.value=n}async function x(e){let n=[];if(l.isObject(e)&&n.push(e),l.isArray(e)&&(n=[...e]),!n.every(r=>w.isIncludeSimpleComponents(r.component)||Reflect.has(r,"field")&&r.field))throw new Error("All children of the form Schema array that need to be updated must contain the `field` field");const t=[],o=[];i.unref(c).forEach(r=>{const h=n.find(a=>r.field===a.field);if(h){const a=Y.deepMerge(r,h);o.push(a),t.push(a)}else t.push(r)}),P(o),b.value=l.uniqBy(t,"field")}function P(e){let n=[];l.isObject(e)&&n.push(e),l.isArray(e)&&(n=[...e]);const s={},t=g();n.forEach(o=>{!w.isIncludeSimpleComponents(o.component)&&Reflect.has(o,"field")&&o.field&&!l.isNil(o.defaultValue)&&(!(o.field in t)||l.isNil(t[o.field]))&&(s[o.field]=o.defaultValue)}),O(s)}function g(){return i.unref(d)?A(i.toRaw(i.unref(f))):{}}function H(e){return i.unref(c).some(n=>n.field===e&&n.component?w.dateItemType.includes(n.component):!1)}async function j(e){var s;const n=await((s=i.unref(d))==null?void 0:s.validateFields(e));return A(n)}async function J(e){var n;await((n=i.unref(d))==null?void 0:n.setProps(e))}async function D(e){var t;let n;e===void 0?n=T():n=e===Array.isArray(e)?e:void 0;const s=await((t=i.unref(d))==null?void 0:t.validate(n));return A(s)}async function E(e){var n;await((n=i.unref(d))==null?void 0:n.clearValidate(e))}async function N(e,n){var s;await((s=i.unref(d))==null?void 0:s.scrollToField(e,n))}async function V(e){e&&e.preventDefault();const{submitFunc:n}=i.unref(F);if(n&&l.isFunction(n)){await n();return}if(i.unref(d))try{const t=await D();u("submit",t)}catch(t){if((t==null?void 0:t.outOfDate)===!1&&(t!=null&&t.errorFields))return;throw new Error(t)}}const Q={getFieldsValue:g,setFieldsValue:O,resetFields:m,updateSchema:x,resetSchema:B,setProps:J,removeSchemaByField:C,appendSchemaByField:q,clearValidate:E,validateFields:j,validate:D,submit:V,scrollToField:N};return{handleSubmit:V,clearValidate:E,validate:D,validateFields:j,getFieldsValue:g,updateSchema:x,resetSchema:B,appendSchemaByField:q,removeSchemaByField:C,resetFields:m,setFieldsValue:O,scrollToField:N}}function k(u,F,f){let c=l.cloneDeep(F.value[f]);return M(u)?c||void 0:(!c&&u&&R(u)&&(c=[0,0]),!c&&u&&u.component==="ApiTree"&&(c=[]),c)}function R(u){if(u.component==="Slider"&&u.componentProps&&"range"in u.componentProps)return!0}function M(u){return(u==null?void 0:u.component)&&w.defaultValueComponents.includes(u.component)}exports.useFormEvents=K;

package/lib/src/pro-form/hooks/use-form-item.d.ts

@@ -1,3 +1,2 @@
 import { UnwrapRef, Ref, WritableComputedRef, DeepReadonly } from 'vue';
-
 export declare function useRuleFormItem<T extends Record<string, any>, K extends keyof T, V = UnwrapRef<T[K]>>(props: T, key?: K, changeEvent?: string, emitData?: Ref<any[]>): [WritableComputedRef<V>, (val: V) => void, DeepReadonly<V>];

package/lib/src/pro-form/hooks/use-form-values.d.ts

@@ -1,7 +1,6 @@
 import { Ref, ComputedRef } from 'vue';
 import { ProFormProps, FormSchemaInner as FormSchema } from '../types/form';
 import { Recordable } from '../../type';
-
 interface UseFormValuesContext {
     defaultValueRef: Ref<any>;
     getSchema: ComputedRef<FormSchema[]>;

package/lib/src/pro-form/hooks/use-form.d.ts

@@ -2,7 +2,6 @@ import { ProFormProps, UseFormReturnType } from '../types/form';
 import { NamePath } from 'ant-design-vue/lib/form/interface';
 import { Ref, ComputedRef } from 'vue';
 import { Recordable } from '../../type';
-
 type DynamicProps<T> = {
     [P in keyof T]: Ref<T[P]> | T[P] | ComputedRef<T[P]>;
 };

package/lib/src/pro-form/hooks/use-label-width.d.ts

@@ -1,7 +1,6 @@
 import { Ref, ComputedRef, ExtractPropTypes, PropType, HTMLAttributes } from 'vue';
 import { ProFormProps, FormSchemaInner as FormSchema } from '../types/form';
 import { ColSize } from 'ant-design-vue/lib/grid/Col';
-
 export declare function useItemLabelWidth(schemaItemRef: Ref<FormSchema>, propsRef: Ref<ProFormProps>): ComputedRef<{
     labelCol: Partial< ExtractPropTypes<{
         span: (StringConstructor | NumberConstructor)[];
@@ -71,126 +70,126 @@ export declare function useItemLabelWidth(schemaItemRef: Ref<FormSchema>, propsR
     }>>;
 } | {
     labelCol: {
-        xs?: ColSize | (string | number) | {
+        xxl?: (string | number) | {
             span: string | number;
             offset: string | number;
-        } | undefined;
-        sm?: ColSize | (string | number) | {
+        } | ColSize | undefined;
+        xl?: (string | number) | {
             span: string | number;
             offset: string | number;
-        } | undefined;
-        md?: ColSize | (string | number) | {
+        } | ColSize | undefined;
+        lg?: (string | number) | {
             span: string | number;
             offset: string | number;
-        } | undefined;
-        lg?: ColSize | (string | number) | {
+        } | ColSize | undefined;
+        md?: (string | number) | {
             span: string | number;
             offset: string | number;
-        } | undefined;
-        xl?: ColSize | (string | number) | {
+        } | ColSize | undefined;
+        sm?: (string | number) | {
             span: string | number;
             offset: string | number;
-        } | undefined;
-        xxl?: ColSize | (string | number) | {
+        } | ColSize | undefined;
+        xs?: (string | number) | {
             span: string | number;
             offset: string | number;
-        } | undefined;
+        } | ColSize | undefined;
+        span?: string | number;
+        push?: string | number;
+        flex?: string | number;
         prefixCls?: string | undefined;
-        span?: (string | number) | undefined;
-        push?: (string | number) | undefined;
-        flex?: (string | number) | undefined;
-        order?: (string | number) | undefined;
-        offset?: (string | number) | undefined;
-        pull?: (string | number) | undefined;
-        innerHTML?: string | undefined;
+        order?: string | number;
+        offset?: string | number;
+        pull?: string | number;
+        innerHTML?: string;
         class?: any;
         style: any;
-        accesskey?: string | undefined;
-        contenteditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
-        contextmenu?: string | undefined;
-        dir?: string | undefined;
-        draggable?: (boolean | "true" | "false") | undefined;
-        hidden?: "" | "hidden" | (boolean | "true" | "false") | "until-found" | undefined;
-        id?: string | undefined;
-        inert?: (boolean | "true" | "false") | undefined;
-        lang?: string | undefined;
-        placeholder?: string | undefined;
-        spellcheck?: (boolean | "true" | "false") | undefined;
-        tabindex?: (string | number) | undefined;
-        title?: string | undefined;
-        translate?: "yes" | "no" | undefined;
-        radiogroup?: string | undefined;
-        role?: string | undefined;
-        about?: string | undefined;
-        datatype?: string | undefined;
+        accesskey?: string;
+        contenteditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only";
+        contextmenu?: string;
+        dir?: string;
+        draggable?: boolean | "true" | "false";
+        hidden?: (boolean | "true" | "false") | "" | "hidden" | "until-found";
+        id?: string;
+        inert?: boolean | "true" | "false";
+        lang?: string;
+        placeholder?: string;
+        spellcheck?: boolean | "true" | "false";
+        tabindex?: string | number;
+        title?: string;
+        translate?: "yes" | "no";
+        radiogroup?: string;
+        role?: string;
+        about?: string;
+        datatype?: string;
         inlist?: any;
-        prefix?: string | undefined;
-        property?: string | undefined;
-        resource?: string | undefined;
-        typeof?: string | undefined;
-        vocab?: string | undefined;
-        autocapitalize?: string | undefined;
-        autocorrect?: string | undefined;
-        autosave?: string | undefined;
-        color?: string | undefined;
-        itemprop?: string | undefined;
-        itemscope?: (boolean | "true" | "false") | undefined;
-        itemtype?: string | undefined;
-        itemid?: string | undefined;
-        itemref?: string | undefined;
-        results?: (string | number) | undefined;
-        security?: string | undefined;
-        unselectable?: "on" | "off" | undefined;
-        inputmode?: "text" | "search" | "none" | "url" | "email" | "tel" | "numeric" | "decimal" | undefined;
-        is?: string | undefined;
-        'aria-activedescendant'?: string | undefined;
-        'aria-atomic'?: (boolean | "true" | "false") | undefined;
-        'aria-autocomplete'?: "none" | "inline" | "both" | "list" | undefined;
-        'aria-busy'?: (boolean | "true" | "false") | undefined;
-        'aria-checked'?: (boolean | "true" | "false") | "mixed" | undefined;
-        'aria-colcount'?: (string | number) | undefined;
-        'aria-colindex'?: (string | number) | undefined;
-        'aria-colspan'?: (string | number) | undefined;
-        'aria-controls'?: string | undefined;
-        'aria-current'?: "time" | "date" | (boolean | "true" | "false") | "page" | "step" | "location" | undefined;
-        'aria-describedby'?: string | undefined;
-        'aria-details'?: string | undefined;
-        'aria-disabled'?: (boolean | "true" | "false") | undefined;
-        'aria-dropeffect'?: "link" | "copy" | "none" | "popup" | "move" | "execute" | undefined;
-        'aria-errormessage'?: string | undefined;
-        'aria-expanded'?: (boolean | "true" | "false") | undefined;
-        'aria-flowto'?: string | undefined;
-        'aria-grabbed'?: (boolean | "true" | "false") | undefined;
-        'aria-haspopup'?: "menu" | "dialog" | (boolean | "true" | "false") | "grid" | "listbox" | "tree" | undefined;
-        'aria-hidden'?: (boolean | "true" | "false") | undefined;
-        'aria-invalid'?: (boolean | "true" | "false") | "grammar" | "spelling" | undefined;
-        'aria-keyshortcuts'?: string | undefined;
-        'aria-label'?: string | undefined;
-        'aria-labelledby'?: string | undefined;
-        'aria-level'?: (string | number) | undefined;
-        'aria-live'?: "off" | "assertive" | "polite" | undefined;
-        'aria-modal'?: (boolean | "true" | "false") | undefined;
-        'aria-multiline'?: (boolean | "true" | "false") | undefined;
-        'aria-multiselectable'?: (boolean | "true" | "false") | undefined;
-        'aria-orientation'?: "vertical" | "horizontal" | undefined;
-        'aria-owns'?: string | undefined;
-        'aria-placeholder'?: string | undefined;
-        'aria-posinset'?: (string | number) | undefined;
-        'aria-pressed'?: (boolean | "true" | "false") | "mixed" | undefined;
-        'aria-readonly'?: (boolean | "true" | "false") | undefined;
-        'aria-relevant'?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
-        'aria-required'?: (boolean | "true" | "false") | undefined;
-        'aria-roledescription'?: string | undefined;
-        'aria-rowcount'?: (string | number) | undefined;
-        'aria-rowindex'?: (string | number) | undefined;
-        'aria-rowspan'?: (string | number) | undefined;
-        'aria-selected'?: (boolean | "true" | "false") | undefined;
-        'aria-setsize'?: (string | number) | undefined;
-        'aria-sort'?: "none" | "ascending" | "descending" | "other" | undefined;
-        'aria-valuemax'?: (string | number) | undefined;
-        'aria-valuemin'?: (string | number) | undefined;
-        'aria-valuenow'?: (string | number) | undefined;
-        'aria-valuetext'?: string | undefined;
+        prefix?: string;
+        property?: string;
+        resource?: string;
+        typeof?: string;
+        vocab?: string;
+        autocapitalize?: string;
+        autocorrect?: string;
+        autosave?: string;
+        color?: string;
+        itemprop?: string;
+        itemscope?: boolean | "true" | "false";
+        itemtype?: string;
+        itemid?: string;
+        itemref?: string;
+        results?: string | number;
+        security?: string;
+        unselectable?: "on" | "off";
+        inputmode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search";
+        is?: string;
+        'aria-activedescendant'?: string;
+        'aria-atomic'?: boolean | "true" | "false";
+        'aria-autocomplete'?: "none" | "inline" | "list" | "both";
+        'aria-busy'?: boolean | "true" | "false";
+        'aria-checked'?: (boolean | "true" | "false") | "mixed";
+        'aria-colcount'?: string | number;
+        'aria-colindex'?: string | number;
+        'aria-colspan'?: string | number;
+        'aria-controls'?: string;
+        'aria-current'?: (boolean | "true" | "false") | "page" | "step" | "location" | "date" | "time";
+        'aria-describedby'?: string;
+        'aria-details'?: string;
+        'aria-disabled'?: boolean | "true" | "false";
+        'aria-dropeffect'?: "none" | "copy" | "execute" | "link" | "move" | "popup";
+        'aria-errormessage'?: string;
+        'aria-expanded'?: boolean | "true" | "false";
+        'aria-flowto'?: string;
+        'aria-grabbed'?: boolean | "true" | "false";
+        'aria-haspopup'?: (boolean | "true" | "false") | "menu" | "listbox" | "tree" | "grid" | "dialog";
+        'aria-hidden'?: boolean | "true" | "false";
+        'aria-invalid'?: (boolean | "true" | "false") | "grammar" | "spelling";
+        'aria-keyshortcuts'?: string;
+        'aria-label'?: string;
+        'aria-labelledby'?: string;
+        'aria-level'?: string | number;
+        'aria-live'?: "off" | "assertive" | "polite";
+        'aria-modal'?: boolean | "true" | "false";
+        'aria-multiline'?: boolean | "true" | "false";
+        'aria-multiselectable'?: boolean | "true" | "false";
+        'aria-orientation'?: "horizontal" | "vertical";
+        'aria-owns'?: string;
+        'aria-placeholder'?: string;
+        'aria-posinset'?: string | number;
+        'aria-pressed'?: (boolean | "true" | "false") | "mixed";
+        'aria-readonly'?: boolean | "true" | "false";
+        'aria-relevant'?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals";
+        'aria-required'?: boolean | "true" | "false";
+        'aria-roledescription'?: string;
+        'aria-rowcount'?: string | number;
+        'aria-rowindex'?: string | number;
+        'aria-rowspan'?: string | number;
+        'aria-selected'?: boolean | "true" | "false";
+        'aria-setsize'?: string | number;
+        'aria-sort'?: "none" | "ascending" | "descending" | "other";
+        'aria-valuemax'?: string | number;
+        'aria-valuemin'?: string | number;
+        'aria-valuenow'?: string | number;
+        'aria-valuetext'?: string;
         onCopy?: ((payload: ClipboardEvent) => void) | undefined;
         onCut?: ((payload: ClipboardEvent) => void) | undefined;
         onPaste?: ((payload: ClipboardEvent) => void) | undefined;
@@ -276,37 +275,37 @@ export declare function useItemLabelWidth(schemaItemRef: Ref<FormSchema>, propsR
         onTransitionstart?: ((payload: TransitionEvent) => void) | undefined;
     };
     wrapperCol: {
-        xs?: ColSize | (string | number) | {
+        xxl?: (string | number) | {
             span: string | number;
             offset: string | number;
-        } | undefined;
-        sm?: ColSize | (string | number) | {
+        } | ColSize | undefined;
+        xl?: (string | number) | {
             span: string | number;
             offset: string | number;
-        } | undefined;
-        md?: ColSize | (string | number) | {
+        } | ColSize | undefined;
+        lg?: (string | number) | {
             span: string | number;
             offset: string | number;
-        } | undefined;
-        lg?: ColSize | (string | number) | {
+        } | ColSize | undefined;
+        md?: (string | number) | {
             span: string | number;
             offset: string | number;
-        } | undefined;
-        xl?: ColSize | (string | number) | {
+        } | ColSize | undefined;
+        sm?: (string | number) | {
             span: string | number;
             offset: string | number;
-        } | undefined;
-        xxl?: ColSize | (string | number) | {
+        } | ColSize | undefined;
+        xs?: (string | number) | {
             span: string | number;
             offset: string | number;
-        } | undefined;
+        } | ColSize | undefined;
+        span?: string | number;
+        push?: string | number;
+        flex?: string | number;
         prefixCls?: string | undefined;
-        span?: (string | number) | undefined;
-        push?: (string | number) | undefined;
-        flex?: (string | number) | undefined;
-        order?: (string | number) | undefined;
-        offset?: (string | number) | undefined;
-        pull?: (string | number) | undefined;
+        order?: string | number;
+        offset?: string | number;
+        pull?: string | number;
         style: any;
     };
 }>;

package/lib/src/pro-form/index.d.ts

@@ -8,7 +8,6 @@ import { default as RadioButtonGroup } from './components/radio-button-group.vue
 import { default as ProForm } from './pro-form.vue';
 import { default as ProTableForm } from './table-form.vue';
 import { default as ProTableFormInner } from './table-form-inner.vue';
-
 type FieldType = {
     ApiCascader: typeof ApiCascader;
     ApiRadioGroup: typeof ApiRadioGroup;

package/lib/src/pro-form/pro-form.vue.d.ts

@@ -3,9 +3,12 @@ import { Recordable } from '../type';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
 import { NamePath } from 'ant-design-vue/lib/form/interface';
 import { ColEx } from './types';
-
 declare function setProps(formProps: Partial<ProFormProps>): Promise<void>;
-declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ProFormProps>, {
+declare function __VLS_template(): Partial<Record<string, (_: any) => any>> & Partial<Record<string, (_: any) => any>> & {
+    formHeader?(_: {}): any;
+    formFooter?(_: {}): any;
+};
+declare const __VLS_component: DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<ProFormProps>, {
     model: () => {};
     labelWidth: number;
     fieldMapToTime: () => never[];
@@ -30,11 +33,11 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefau
     resetSchema: (data: Partial<FormSchema> | Partial<FormSchema>[]) => Promise<void>;
     setProps: typeof setProps;
     removeSchemaByField: (fields: string | string[]) => Promise<void>;
-    appendSchemaByField: (schema: FormSchema | FormSchema[], prefixField?: string | undefined, first?: boolean) => Promise<void>;
-    clearValidate: (name?: string | string[] | undefined) => Promise<void>;
+    appendSchemaByField: (schema: FormSchema | FormSchema[], prefixField?: string, first?: boolean) => Promise<void>;
+    clearValidate: (name?: string | string[]) => Promise<void>;
     validateFields: (nameList?: NamePath[] | undefined) => Promise<any>;
-    validate: (nameList?: false | NamePath[] | undefined) => Promise<any>;
-    submit: (e?: Event | undefined) => Promise<void>;
+    validate: (nameList?: NamePath[] | false | undefined) => Promise<any>;
+    submit: (e?: Event) => Promise<void>;
     scrollToField: (name: NamePath, options?: ScrollOptions | undefined) => Promise<void>;
 }, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
     reset: (...args: any[]) => void;
@@ -42,7 +45,7 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefau
     register: (...args: any[]) => void;
     "advanced-change": (...args: any[]) => void;
     "field-value-change": (...args: any[]) => void;
-}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ProFormProps>, {
+}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<ProFormProps>, {
     model: () => {};
     labelWidth: number;
     fieldMapToTime: () => never[];
@@ -67,11 +70,11 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefau
     "onField-value-change"?: ((...args: any[]) => any) | undefined;
 }, {
     size: "default" | "small" | "large";
-    layout: "inline" | "vertical" | "horizontal";
-    model: Record<string, any>;
-    labelWidth: string | number;
+    layout: "vertical" | "inline" | "horizontal";
+    labelWidth: number | string;
     rulesMessageJoinLabel: boolean;
     autoSetPlaceHolder: boolean;
+    model: Record<string, any>;
     showActionButtonGroup: boolean;
     showResetButton: boolean;
     showSubmitButton: boolean;
@@ -82,20 +85,9 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefau
     autoAdvancedLine: number;
     alwaysShowLines: number;
     transformDateFunc: (date: any) => string;
-}, {}>, Partial<Record<string, (_: any) => any>> & Partial<Record<string, (_: any) => any>> & {
-    formHeader?(_: {}): any;
-    formFooter?(_: {}): any;
-}>;
+}, {}>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 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: PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: 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];
@@ -109,3 +101,12 @@ type __VLS_WithTemplateSlots<T, S> = T & {
         $slots: S;
     };
 };
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: PropType<T[K]>;
+        required: true;
+    };
+};

package/lib/src/pro-form/table-form-inner.vue.d.ts

@@ -1,7 +1,6 @@
 import { EditColumn, Recordable, ProTableFormInnerProps, TableActionTypes } from './types/table-form';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
-
-declare const _default: DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ProTableFormInnerProps>, {
+declare const _default: DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<ProTableFormInnerProps>, {
     disabled: boolean;
     dataPath: () => never[];
     actions: () => never[];
@@ -9,7 +8,7 @@ declare const _default: DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRunt
     editableFunc: () => true;
 }>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
     editChange: (...args: any[]) => void;
-}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ProTableFormInnerProps>, {
+}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<ProTableFormInnerProps>, {
     disabled: boolean;
     dataPath: () => never[];
     actions: () => never[];
@@ -21,19 +20,10 @@ declare const _default: DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRunt
     disabled: boolean;
     bordered: boolean;
     actions: TableActionTypes;
-    dataPath: string[];
-    editableFunc: (column: EditColumn<any>, record: Recordable) => boolean;
+    dataPath: Array<string>;
+    editableFunc: (column: EditColumn, record: Recordable) => 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: PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: 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];
@@ -42,3 +32,12 @@ type __VLS_WithDefaults<P, D> = {
 type __VLS_Prettify<T> = {
     [K in keyof T]: T[K];
 } & {};
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: PropType<T[K]>;
+        required: true;
+    };
+};

package/lib/src/pro-form/table-form.vue.d.ts

@@ -1,8 +1,7 @@
 import { ProTableFormProps, TableActionTypes } from './types/table-form';
 import { ValidateOptions } from 'ant-design-vue/lib/form/interface';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
-
-declare const _default: DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ProTableFormProps>, {
+declare const _default: DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<ProTableFormProps>, {
     disabled: boolean;
     actions: () => never[];
     bordered: boolean;
@@ -10,10 +9,10 @@ declare const _default: DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRunt
     validate: () => Promise<{
         [key: string]: any;
     } | undefined>;
-    validateFields: (fields: (string | string[])[], options?: ValidateOptions) => Promise<{
+    validateFields: (fields: Array<string | Array<string>>, options?: ValidateOptions) => Promise<{
         [key: string]: any;
     } | undefined>;
-}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ProTableFormProps>, {
+}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<ProTableFormProps>, {
     disabled: boolean;
     actions: () => never[];
     bordered: boolean;
@@ -23,15 +22,6 @@ declare const _default: DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRunt
     actions: TableActionTypes;
 }, {}>;
 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: PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: 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];
@@ -40,3 +30,12 @@ type __VLS_WithDefaults<P, D> = {
 type __VLS_Prettify<T> = {
     [K in keyof T]: T[K];
 } & {};
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: PropType<T[K]>;
+        required: true;
+    };
+};

package/lib/src/pro-form/types/form-item.d.ts

@@ -1,7 +1,6 @@
 import { NamePath } from 'ant-design-vue/lib/form/interface';
 import { ColProps } from 'ant-design-vue/lib/grid/Col';
 import { HTMLAttributes, VNode, VNodeChild } from 'vue';
-
 export interface ProFormItem {
     /**
      * Used with label, whether to display : after label text.

package/lib/src/pro-form/types/form.d.ts

@@ -4,7 +4,6 @@ import { ButtonProps as AntdButtonProps } from '../../base-button';
 import { ProFormItem } from './form-item';
 import { ColEx, ComponentType, ComponentProps } from './';
 import { RowProps } from 'ant-design-vue/lib/grid/Row';
-
 export type FieldMapToTime = [
     string,
     [