@gopowerteam/form-render 0.0.35 → 0.0.37

package/dist/cjs/form-render/index.d.ts

@@ -33,7 +33,7 @@ export declare const FormRender: import("vue").DefineComponent<{
         required: false;
         default: string;
     };
-    formId: {
+    id: {
         type: StringConstructor;
         required: false;
         default: string;
@@ -311,6 +311,7 @@ export declare const FormRender: import("vue").DefineComponent<{
     updateFormField: (key: string, value: any) => void;
     updateFormSource: (value: import("../interfaces").DataRecord) => void;
     reset: () => void;
+    validate: () => Promise<Record<string, import("@arco-design/web-vue").ValidatedError> | undefined> | undefined;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("submit" | "cancel" | "update:model-value")[], "submit" | "cancel" | "update:model-value", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     form: {
         type: PropType<FormItemsOptions<any>>;
@@ -343,7 +344,7 @@ export declare const FormRender: import("vue").DefineComponent<{
         required: false;
         default: string;
     };
-    formId: {
+    id: {
         type: StringConstructor;
         required: false;
         default: string;
@@ -372,7 +373,7 @@ export declare const FormRender: import("vue").DefineComponent<{
     name: string;
     layout: "horizontal" | "vertical";
     minWidth: number;
-    formId: string;
+    id: string;
     submitable: boolean;
     searchable: boolean;
 }, {}>;

package/dist/cjs/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("vue"),f=require("@arco-design/web-vue"),V=require("dayjs"),j=require("./resolver.cjs");const D=Symbol("ArcoConfigProvider"),_="arco",p="$arco",N=e=>{var r,l,t;const n=a.getCurrentInstance(),i=a.inject(D,void 0),s=(t=(l=i==null?void 0:i.prefixCls)!=null?l:(r=n==null?void 0:n.appContext.config.globalProperties[p])==null?void 0:r.classPrefix)!=null?t:_;return e?`${s}-${e}`:s},M=Object.prototype.toString;function x(e){return M.call(e)==="[object Number]"&&e===e}var O=(e,r)=>{for(const[l,t]of r)e[l]=t;return e};const T=a.defineComponent({name:"IconDown",props:{size:{type:[Number,String]},strokeWidth:{type:Number,default:4},strokeLinecap:{type:String,default:"butt",validator:e=>["butt","round","square"].includes(e)},strokeLinejoin:{type:String,default:"miter",validator:e=>["arcs","bevel","miter","miter-clip","round"].includes(e)},rotate:Number,spin:Boolean},emits:{click:e=>!0},setup(e,{emit:r}){const l=N("icon"),t=a.computed(()=>[l,`${l}-down`,{[`${l}-spin`]:e.spin}]),n=a.computed(()=>{const s={};return e.size&&(s.fontSize=x(e.size)?`${e.size}px`:e.size),e.rotate&&(s.transform=`rotate(${e.rotate}deg)`),s});return{cls:t,innerStyle:n,onClick:s=>{r("click",s)}}}}),P=["stroke-width","stroke-linecap","stroke-linejoin"],R=a.createElementVNode("path",{d:"M39.6 17.443 24.043 33 8.487 17.443"},null,-1),z=[R];function L(e,r,l,t,n,i){return a.openBlock(),a.createElementBlock("svg",{viewBox:"0 0 48 48",fill:"none",xmlns:"http://www.w3.org/2000/svg",stroke:"currentColor",class:a.normalizeClass(e.cls),style:a.normalizeStyle(e.innerStyle),"stroke-width":e.strokeWidth,"stroke-linecap":e.strokeLinecap,"stroke-linejoin":e.strokeLinejoin,onClick:r[0]||(r[0]=(...s)=>e.onClick&&e.onClick(...s))},z,14,P)}var g=O(T,[["render",L]]);const q=Object.assign(g,{install:(e,r)=>{var l;const t=(l=r==null?void 0:r.iconPrefix)!=null?l:"";e.component(t+g.name,g)}}),B=a.defineComponent({name:"IconUp",props:{size:{type:[Number,String]},strokeWidth:{type:Number,default:4},strokeLinecap:{type:String,default:"butt",validator:e=>["butt","round","square"].includes(e)},strokeLinejoin:{type:String,default:"miter",validator:e=>["arcs","bevel","miter","miter-clip","round"].includes(e)},rotate:Number,spin:Boolean},emits:{click:e=>!0},setup(e,{emit:r}){const l=N("icon"),t=a.computed(()=>[l,`${l}-up`,{[`${l}-spin`]:e.spin}]),n=a.computed(()=>{const s={};return e.size&&(s.fontSize=x(e.size)?`${e.size}px`:e.size),e.rotate&&(s.transform=`rotate(${e.rotate}deg)`),s});return{cls:t,innerStyle:n,onClick:s=>{r("click",s)}}}}),E=["stroke-width","stroke-linecap","stroke-linejoin"],U=a.createElementVNode("path",{d:"M39.6 30.557 24.043 15 8.487 30.557"},null,-1),W=[U];function A(e,r,l,t,n,i){return a.openBlock(),a.createElementBlock("svg",{viewBox:"0 0 48 48",fill:"none",xmlns:"http://www.w3.org/2000/svg",stroke:"currentColor",class:a.normalizeClass(e.cls),style:a.normalizeStyle(e.innerStyle),"stroke-width":e.strokeWidth,"stroke-linecap":e.strokeLinecap,"stroke-linejoin":e.strokeLinejoin,onClick:r[0]||(r[0]=(...s)=>e.onClick&&e.onClick(...s))},W,14,E)}var C=O(B,[["render",A]]);const Y=Object.assign(C,{install:(e,r)=>{var l;const t=(l=r==null?void 0:r.iconPrefix)!=null?l:"";e.component(t+C.name,C)}}),F={id:Symbol("ID"),source:Symbol("Source")};function G(e,r){const l=a.ref({});return e==null||e.forEach(n=>{let i=null;n.default&&(i=(typeof n.default=="function"?n.default():n.default)||null),r&&r[n.key]!==void 0&&(i=r[n.key]),l.value[n.key]=i}),[l,n=>{l.value=n}]}function K(e){function r(l,t){return e!=null&&e.disabledDate?e.disabledDate(l,t):!1}return(l,t)=>{switch(e==null?void 0:e.type){case"week":return a.createVNode(f.WeekPicker,{modelValue:l[t.key],"onUpdate:modelValue":n=>l[t.key]=n,"disabled-date":r,format:e==null?void 0:e.labelFormat,"value-format":e==null?void 0:e.valueFormat},null);case"month":return a.createVNode(f.MonthPicker,{modelValue:l[t.key],"onUpdate:modelValue":n=>l[t.key]=n,"disabled-date":r,format:e==null?void 0:e.labelFormat,"value-format":e==null?void 0:e.valueFormat},null);case"quarter":return a.createVNode(f.QuarterPicker,{modelValue:l[t.key],"onUpdate:modelValue":n=>l[t.key]=n,"disabled-date":r,format:e==null?void 0:e.labelFormat,"value-format":e==null?void 0:e.valueFormat},null);case"year":return a.createVNode(f.YearPicker,{modelValue:l[t.key],"onUpdate:modelValue":n=>l[t.key]=n,"disabled-date":r,format:e==null?void 0:e.labelFormat,"value-format":e==null?void 0:e.valueFormat},null);case"date":default:return a.createVNode(f.DatePicker,{"disabled-input":!0,modelValue:l[t.key],"onUpdate:modelValue":n=>l[t.key]=n,"disabled-date":r,format:e==null?void 0:e.labelFormat,"value-format":e==null?void 0:e.valueFormat},null)}}}function Q(e){return(r,l)=>{switch(e==null?void 0:e.type){case"number":return a.createVNode(f.InputNumber,{modelValue:r[l.key],"onUpdate:modelValue":t=>r[l.key]=t,hideButton:!0,"read-only":e==null?void 0:e.readonly,placeholder:e==null?void 0:e.placeholder,allowClear:e==null?void 0:e.clearable},null);case"string":default:return a.createVNode(f.Input,{modelValue:r[l.key],"onUpdate:modelValue":t=>r[l.key]=t,placeholder:e==null?void 0:e.placeholder,readonly:e==null?void 0:e.readonly,allowClear:e==null?void 0:e.clearable},null)}}}typeof WorkerGlobalScope<"u"&&globalThis instanceof WorkerGlobalScope;function $(e,r,l){const t=a.watch(e,(...n)=>(a.nextTick(()=>t()),r(...n)),l);return t}function X(e){return typeof e=="function"||Object.prototype.toString.call(e)==="[object Object]"&&!a.isVNode(e)}const k=new WeakMap;function H(){const e=a.ref(new Map);return[e,l=>e.value=l]}function J(e){let r,l=!1;const[t,n]=H(),i=()=>{if(!e.autoSumbit||!r)return;let c=r;for(;c&&c.$el.tagName!=="FORM";)c=c.$parent;c&&c.$el&&c.$el.dispatchEvent(new Event("submit"))},s=(c,u)=>{const d=c();d instanceof Promise?d.then(u):u(d)},m=async()=>{const c=k.get(e.options);switch(typeof c){case"function":k.set(e.options,n);return;case"object":n(c);return}k.set(e.options,n),s(e.options,u=>{const d=k.get(e.options);k.set(e.options,u),d(u)})},y=()=>{s(e.options,c=>{n(c)})};switch(!0){case e.options instanceof Function:{e.cache!==!1?m():y();break}case a.isRef(e.options):{$(e.options,()=>{n(e.options.value)},{immediate:!0});break}default:t.value=e.options}return(c,u)=>{let d;return e.default&&!l&&(c[u.key]=e.default,l=!0),a.createVNode(f.Select,{ref:o=>r=o,multiple:e.multiple,modelValue:c[u.key],"onUpdate:modelValue":o=>c[u.key]=o,placeholder:e.placeholder,allowClear:e.clearable,allowSearch:e.searchable,maxTagCount:e.maxTagCount??2,onChange:i},X(d=Array.from(t.value.entries()).map(([o,h])=>a.createVNode(f.Option,{key:o,value:o,label:h},null)))?d:{default:()=>[d]})}}function Z(e){function r(){e!=null&&e.autoSumbit}return(l,t)=>(e!=null&&e.default&&(l[t.key]=e.default),a.createVNode(f.Switch,{modelValue:l[t.key],"onUpdate:modelValue":n=>l[t.key]=n,checkedText:(e==null?void 0:e.openLabel)??"是",uncheckedText:(e==null?void 0:e.closeLabel)??"否",checkedValue:(e==null?void 0:e.openValue)??!0,uncheckedValue:(e==null?void 0:e.closeValue)??!1,onChange:r},null))}function ee(e){return(r,l)=>{let t=[];function n(m){t=m}function i(m){if(m&&m.length===2){const[y,c]=m.sort(),u=V(y).startOf("days"),d=V(c).endOf("days");r[l.key]=[u.format((e==null?void 0:e.valueFormat)||"YYYY-MM-DD"),d.format((e==null?void 0:e.valueFormat)||"YYYY-MM-DD")]}}function s(m){return e!=null&&e.disabledDate?e.disabledDate(t,m):!1}return a.createVNode("div",null,[a.createVNode(f.RangePicker,{"disabled-input":!0,style:{width:"300px"},modelValue:r[l.key],"onUpdate:modelValue":m=>r[l.key]=m,onSelect:n,onChange:i,mode:e==null?void 0:e.type,allowClear:e==null?void 0:e.clearable,"disabled-date":s,format:e==null?void 0:e.labelFormat,"value-format":e==null?void 0:e.valueFormat},null)])}}function te(e){return(r,l)=>a.createVNode(f.Textarea,{modelValue:r[l.key],"onUpdate:modelValue":t=>r[l.key]=t,placeholder:e==null?void 0:e.placeholder,autoSize:e==null?void 0:e.autosize,maxLength:e==null?void 0:e.maxLength},null)}const S=new WeakMap;function re(){const e=a.ref([]);return[e,l=>e.value=l]}function le(e){let r,l=!1;const[t,n]=re(),i=()=>{if(!e.autoSumbit||!r)return;let u=r;for(;u&&u.$el.tagName!=="FORM";)u=u.$parent;u&&u.$el&&u.$el.dispatchEvent(new Event("submit"))},s=(u,d)=>{const o=u();o instanceof Promise?o.then(d):d(o)},m=async()=>{const u=S.get(e.options);switch(typeof u){case"function":S.set(e.options,n);return;case"object":n(u);return}S.set(e.options,n),s(e.options,d=>{const o=S.get(e.options);S.set(e.options,d),o(d)})},y=()=>{s(e.options,u=>{n(u)})};switch(!0){case e.options instanceof Function:{e.cache!==!1?m():y();break}case a.isRef(e.options):{$(e.options,()=>{n(e.options.value)},{immediate:!0});break}default:t.value=e.options}function c(u,d){var b;const o=((b=e.fieldNames)==null?void 0:b.title)||"title",h=d[o];return h?h.toLowerCase().includes(u.toLowerCase()):!1}return(u,d)=>(e.default&&!l&&(u[d.key]=e.default,l=!0),a.createVNode(f.TreeSelect,{ref:o=>r=o,multiple:e.multiple,modelValue:u[d.key],"onUpdate:modelValue":o=>u[d.key]=o,placeholder:e.placeholder,allowClear:e.clearable,allowSearch:e.searchable,maxTagCount:e.maxTagCount??2,onChange:i,filterTreeNode:c,data:t.value,fieldNames:e.fieldNames,treeProps:{defaultExpandAll:e.defaultExpandAll}},null))}const v=new WeakMap;function ae(){const e=a.ref([]);return[e,l=>e.value=l]}function ne(e){let r,l=!1;const[t,n]=ae(),i=()=>{if(!e.autoSumbit||!r)return;let c=r;for(;c&&c.$el.tagName!=="FORM";)c=c.$parent;c&&c.$el&&c.$el.dispatchEvent(new Event("submit"))},s=(c,u)=>{const d=c();d instanceof Promise?d.then(u):u(d)},m=async()=>{const c=v.get(e.options);switch(typeof c){case"function":v.set(e.options,n);return;case"object":n(c);return}v.set(e.options,n),s(e.options,u=>{const d=v.get(e.options);v.set(e.options,u),d(u)})},y=()=>{s(e.options,c=>{n(c)})};switch(!0){case e.options instanceof Function:{e.cache!==!1?m():y();break}case a.isRef(e.options):{$(e.options,()=>{n(e.options.value)},{immediate:!0});break}default:t.value=e.options}return(c,u)=>(e.default&&!l&&(c[u.key]=e.default,l=!0),a.createVNode(f.Cascader,{pathMode:e.pathMode,ref:d=>r=d,multiple:e.multiple,modelValue:c[u.key],"onUpdate:modelValue":d=>c[u.key]=d,placeholder:e.placeholder,allowClear:e.clearable,allowSearch:e.searchable,maxTagCount:e.maxTagCount??2,onChange:i,options:t.value},null))}function ue(e){return r=>e(r)}function ce(){return{input:Q,textarea:te,select:J,treeSelect:le,date:K,switch:Z,dateRange:ee,render:ue,cascader:ne}}function de(e,r){r.render||(r.render=t=>t.input());const l=r.render({...ce()});return{default:()=>l(e,r)}}function se(e,r){return a.h(f.FormItem,{field:r.key,label:r.title},de(e,r))}function w(e){return typeof e=="function"||Object.prototype.toString.call(e)==="[object Object]"&&!a.isVNode(e)}const I=a.defineComponent({props:{form:{type:Object,required:!0},value:{type:Object,required:!1},layout:{type:String,required:!1,default:"horizontal"},columns:{type:Number,required:!1},modelValue:{type:Object,required:!1},minWidth:{type:Number,required:!1,default:400},name:{type:String,required:!1,default:"form"},formId:{type:String,required:!1,default:Math.random().toString(32).slice(2).toUpperCase()},submitable:{type:Boolean,required:!1,default:!1},searchable:{type:Boolean,required:!1,default:!1},footer:{type:Boolean,required:!1,default:!1}},emits:["submit","cancel","update:model-value"],expose:["formSource","updateFormField","updateFormSource","reset"],setup(e){const r=a.ref(),[l,t]=G(e.form,e.modelValue||e.value),n=a.ref(e.columns||0),i=a.ref(!0),s=()=>i.value=!i.value;a.provide(F.id,e.formId),a.provide(F.source,l);const m=a.computed(()=>{if(!n.value)return 1;const o=e.form.reduce((h,b)=>h+((b==null?void 0:b.span)||1),0);return n.value-o%n.value}),y=a.computed(()=>e.form.reduce((o,h)=>(h.rule&&(o[h.key]=h.rule),o),{}));function c(){var h;if(e.columns)return;const o=(h=r.value)==null?void 0:h.$el;o&&(n.value=Math.floor(o.offsetWidth/e.minWidth))}a.onMounted(()=>{c()});function u(o,h){l.value[o]=h,t({...l})}function d(){var o;(o=r.value)==null||o.resetFields()}return window.addEventListener("resize",c),{formSource:l,formInstance:r,formColumns:n,formRules:y,formCollspased:i,formActiosSpan:m,toggleFormCollapsed:s,updateFormField:u,updateFormSource:t,reset:d}},render(){const e=()=>{this.$emit("submit",this.formSource),this.$emit("update:model-value",this.formSource)},r=()=>{const t=[],n=this.footer?{span:this.formColumns}:{span:this.formActiosSpan};if(this.searchable&&(t.push(a.createVNode(f.Button,{type:"primary",htmlType:"submit"},{default:()=>[a.createTextVNode("搜索")]})),t.push(a.createVNode(f.Button,{type:"secondary",onClick:()=>{var i;return(i=this.formInstance)==null?void 0:i.resetFields()}},{default:()=>[a.createTextVNode("重置")]}))),this.submitable&&(t.push(a.createVNode(f.Button,{type:"primary",htmlType:"submit"},{default:()=>[a.createTextVNode("提交")]})),t.push(a.createVNode(f.Button,{type:"secondary",onClick:()=>this.$emit("cancel")},{default:()=>[a.createTextVNode("取消")]}))),this.form.some(i=>!!i.collapsed)&&t.push(a.createVNode(f.Button,{onClick:this.toggleFormCollapsed},{default:()=>this.formCollspased?"展开":"收起",icon:()=>this.formCollspased?a.createVNode(q,null,null):a.createVNode(Y,null,null)})),this.$slots.actions&&t.push(...this.$slots.actions()),t.length)return a.createVNode(f.GridItem,n,{default:()=>[a.createVNode(f.FormItem,{hideLabel:!0,contentClass:this.footer?"form-footer":""},{default:()=>[a.createVNode(f.Space,null,w(t)?t:{default:()=>[t]})]})]})},l=this.form.filter(t=>this.formCollspased?!t.collapsed:!0).filter(t=>{switch(!0){case typeof t.visiable=="boolean":return t.visiable;case typeof t.visiable=="function":return t.visiable(this.formSource);default:return!0}});return a.createVNode("div",{class:"form-render"},[a.createVNode(f.Form,a.mergeProps({name:this.name,id:this.formId},{labelAlign:"left",layout:this.$props.layout,rules:this.formRules,onSubmitSuccess:e,"auto-label-width":!0,ref:t=>this.formInstance=t,model:this.formSource}),{default:()=>[a.createVNode(f.Grid,{cols:this.formColumns,"col-gap":24,"rol-gap":10},{default:()=>[l.filter(()=>this.formColumns!==0).map(t=>{let n;return a.createVNode(f.GridItem,{span:t.span},w(n=se(this.formSource,t))?n:{default:()=>[n]})}),r()]})]})])}});function oe(e){return e}function ie(e){const r=a.getCurrentInstance(),l=a.ref();function t(){var i,s;const n=(s=(i=r==null?void 0:r.proxy)==null?void 0:i.$refs)==null?void 0:s[e];n&&(l.value=n)}return a.onMounted(t),a.onUpdated(t),l}const fe={install(e,r){e.component("FormRender",I)}};exports.FormRenderResolver=j.FormRenderResolver;exports.FormRender=I;exports.default=fe;exports.defineForm=oe;exports.useForm=ie;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("vue"),i=require("@arco-design/web-vue"),w=require("dayjs"),_=require("./resolver.cjs");const M=Symbol("ArcoConfigProvider"),T="arco",P="$arco",O=e=>{var t,l,r;const n=a.getCurrentInstance(),o=a.inject(M,void 0),s=(r=(l=o==null?void 0:o.prefixCls)!=null?l:(t=n==null?void 0:n.appContext.config.globalProperties[P])==null?void 0:t.classPrefix)!=null?r:T;return e?`${s}-${e}`:s},R=Object.prototype.toString;function I(e){return R.call(e)==="[object Number]"&&e===e}var j=(e,t)=>{for(const[l,r]of t)e[l]=r;return e};const p=a.defineComponent({name:"IconDown",props:{size:{type:[Number,String]},strokeWidth:{type:Number,default:4},strokeLinecap:{type:String,default:"butt",validator:e=>["butt","round","square"].includes(e)},strokeLinejoin:{type:String,default:"miter",validator:e=>["arcs","bevel","miter","miter-clip","round"].includes(e)},rotate:Number,spin:Boolean},emits:{click:e=>!0},setup(e,{emit:t}){const l=O("icon"),r=a.computed(()=>[l,`${l}-down`,{[`${l}-spin`]:e.spin}]),n=a.computed(()=>{const s={};return e.size&&(s.fontSize=I(e.size)?`${e.size}px`:e.size),e.rotate&&(s.transform=`rotate(${e.rotate}deg)`),s});return{cls:r,innerStyle:n,onClick:s=>{t("click",s)}}}}),z=["stroke-width","stroke-linecap","stroke-linejoin"],E=a.createElementVNode("path",{d:"M39.6 17.443 24.043 33 8.487 17.443"},null,-1),L=[E];function q(e,t,l,r,n,o){return a.openBlock(),a.createElementBlock("svg",{viewBox:"0 0 48 48",fill:"none",xmlns:"http://www.w3.org/2000/svg",stroke:"currentColor",class:a.normalizeClass(e.cls),style:a.normalizeStyle(e.innerStyle),"stroke-width":e.strokeWidth,"stroke-linecap":e.strokeLinecap,"stroke-linejoin":e.strokeLinejoin,onClick:t[0]||(t[0]=(...s)=>e.onClick&&e.onClick(...s))},L,14,z)}var C=j(p,[["render",q]]);const B=Object.assign(C,{install:(e,t)=>{var l;const r=(l=t==null?void 0:t.iconPrefix)!=null?l:"";e.component(r+C.name,C)}}),U=a.defineComponent({name:"IconUp",props:{size:{type:[Number,String]},strokeWidth:{type:Number,default:4},strokeLinecap:{type:String,default:"butt",validator:e=>["butt","round","square"].includes(e)},strokeLinejoin:{type:String,default:"miter",validator:e=>["arcs","bevel","miter","miter-clip","round"].includes(e)},rotate:Number,spin:Boolean},emits:{click:e=>!0},setup(e,{emit:t}){const l=O("icon"),r=a.computed(()=>[l,`${l}-up`,{[`${l}-spin`]:e.spin}]),n=a.computed(()=>{const s={};return e.size&&(s.fontSize=I(e.size)?`${e.size}px`:e.size),e.rotate&&(s.transform=`rotate(${e.rotate}deg)`),s});return{cls:r,innerStyle:n,onClick:s=>{t("click",s)}}}}),W=["stroke-width","stroke-linecap","stroke-linejoin"],A=a.createElementVNode("path",{d:"M39.6 30.557 24.043 15 8.487 30.557"},null,-1),Y=[A];function G(e,t,l,r,n,o){return a.openBlock(),a.createElementBlock("svg",{viewBox:"0 0 48 48",fill:"none",xmlns:"http://www.w3.org/2000/svg",stroke:"currentColor",class:a.normalizeClass(e.cls),style:a.normalizeStyle(e.innerStyle),"stroke-width":e.strokeWidth,"stroke-linecap":e.strokeLinecap,"stroke-linejoin":e.strokeLinejoin,onClick:t[0]||(t[0]=(...s)=>e.onClick&&e.onClick(...s))},Y,14,W)}var V=j(U,[["render",G]]);const K=Object.assign(V,{install:(e,t)=>{var l;const r=(l=t==null?void 0:t.iconPrefix)!=null?l:"";e.component(r+V.name,V)}}),N={id:Symbol("ID"),source:Symbol("Source")};function Q(e,t){const l=a.ref({});return e==null||e.forEach(n=>{let o=null;n.default&&(o=(typeof n.default=="function"?n.default():n.default)||null),t&&t[n.key]!==void 0&&(o=t[n.key]),l.value[n.key]=o}),[l,n=>{l.value=n}]}function X(e){function t(l,r){return e!=null&&e.disabledDate?e.disabledDate(l,r):!1}return(l,r)=>{switch(e==null?void 0:e.type){case"week":return a.createVNode(i.WeekPicker,{modelValue:l[r.key],"onUpdate:modelValue":n=>l[r.key]=n,"disabled-date":t,format:e==null?void 0:e.labelFormat,"value-format":e==null?void 0:e.valueFormat},null);case"month":return a.createVNode(i.MonthPicker,{modelValue:l[r.key],"onUpdate:modelValue":n=>l[r.key]=n,"disabled-date":t,format:e==null?void 0:e.labelFormat,"value-format":e==null?void 0:e.valueFormat},null);case"quarter":return a.createVNode(i.QuarterPicker,{modelValue:l[r.key],"onUpdate:modelValue":n=>l[r.key]=n,"disabled-date":t,format:e==null?void 0:e.labelFormat,"value-format":e==null?void 0:e.valueFormat},null);case"year":return a.createVNode(i.YearPicker,{modelValue:l[r.key],"onUpdate:modelValue":n=>l[r.key]=n,"disabled-date":t,format:e==null?void 0:e.labelFormat,"value-format":e==null?void 0:e.valueFormat},null);case"date":default:return a.createVNode(i.DatePicker,{"disabled-input":!0,modelValue:l[r.key],"onUpdate:modelValue":n=>l[r.key]=n,"disabled-date":t,format:e==null?void 0:e.labelFormat,"value-format":e==null?void 0:e.valueFormat},null)}}}function H(e){return(t,l)=>{switch(e==null?void 0:e.type){case"number":return a.createVNode(i.InputNumber,{modelValue:t[l.key],"onUpdate:modelValue":r=>t[l.key]=r,hideButton:!0,"read-only":e==null?void 0:e.readonly,placeholder:e==null?void 0:e.placeholder,allowClear:e==null?void 0:e.clearable},null);case"string":default:return a.createVNode(i.Input,{modelValue:t[l.key],"onUpdate:modelValue":r=>t[l.key]=r,placeholder:e==null?void 0:e.placeholder,readonly:e==null?void 0:e.readonly,allowClear:e==null?void 0:e.clearable},null)}}}typeof WorkerGlobalScope<"u"&&globalThis instanceof WorkerGlobalScope;function F(e,t,l){const r=a.watch(e,(...n)=>(a.nextTick(()=>r()),t(...n)),l);return r}function J(e){return typeof e=="function"||Object.prototype.toString.call(e)==="[object Object]"&&!a.isVNode(e)}const v=new WeakMap;function Z(){const e=a.ref(new Map);return[e,l=>e.value=l]}function ee(e){let t,l=!1;const[r,n]=Z(),o=()=>{if(!e.autoSumbit||!t)return;let c=t;for(;c&&c.$el.tagName!=="FORM";)c=c.$parent;c&&c.$el&&c.$el.dispatchEvent(new Event("submit"))},s=(c,u)=>{const d=c();d instanceof Promise?d.then(u):u(d)},h=async()=>{const c=v.get(e.options);switch(typeof c){case"function":v.set(e.options,n);return;case"object":n(c);return}v.set(e.options,n),s(e.options,u=>{const d=v.get(e.options);v.set(e.options,u),d(u)})},b=()=>{s(e.options,c=>{n(c)})};switch(!0){case e.options instanceof Function:{e.cache!==!1?h():b();break}case a.isRef(e.options):{F(e.options,()=>{n(e.options.value)},{immediate:!0});break}default:r.value=e.options}return(c,u)=>{let d;return e.default&&!l&&(c[u.key]=e.default,l=!0),a.createVNode(i.Select,{ref:m=>t=m,multiple:e.multiple,modelValue:c[u.key],"onUpdate:modelValue":m=>c[u.key]=m,placeholder:e.placeholder,allowClear:e.clearable,allowSearch:e.searchable,maxTagCount:e.maxTagCount??2,onChange:o},J(d=Array.from(r.value.entries()).map(([m,k])=>a.createVNode(i.Option,{key:m,value:m,label:k},null)))?d:{default:()=>[d]})}}function te(e){function t(){e!=null&&e.autoSumbit}return(l,r)=>(e!=null&&e.default&&(l[r.key]=e.default),a.createVNode(i.Switch,{modelValue:l[r.key],"onUpdate:modelValue":n=>l[r.key]=n,checkedText:(e==null?void 0:e.openLabel)??"是",uncheckedText:(e==null?void 0:e.closeLabel)??"否",checkedValue:(e==null?void 0:e.openValue)??!0,uncheckedValue:(e==null?void 0:e.closeValue)??!1,onChange:t},null))}function re(e){return(t,l)=>{let r=[];function n(h){r=h}function o(h){if(h&&h.length===2){const[b,c]=h.sort(),u=w(b).startOf("days"),d=w(c).endOf("days");t[l.key]=[u.format((e==null?void 0:e.valueFormat)||"YYYY-MM-DD"),d.format((e==null?void 0:e.valueFormat)||"YYYY-MM-DD")]}}function s(h){return e!=null&&e.disabledDate?e.disabledDate(r,h):!1}return a.createVNode("div",null,[a.createVNode(i.RangePicker,{"disabled-input":!0,style:{width:"300px"},modelValue:t[l.key],"onUpdate:modelValue":h=>t[l.key]=h,onSelect:n,onChange:o,mode:e==null?void 0:e.type,allowClear:e==null?void 0:e.clearable,"disabled-date":s,format:e==null?void 0:e.labelFormat,"value-format":e==null?void 0:e.valueFormat},null)])}}function le(e){return(t,l)=>a.createVNode(i.Textarea,{modelValue:t[l.key],"onUpdate:modelValue":r=>t[l.key]=r,placeholder:e==null?void 0:e.placeholder,autoSize:e==null?void 0:e.autosize,maxLength:e==null?void 0:e.maxLength},null)}const S=new WeakMap;function ae(){const e=a.ref([]);return[e,l=>e.value=l]}function ne(e){let t,l=!1;const[r,n]=ae(),o=()=>{if(!e.autoSumbit||!t)return;let u=t;for(;u&&u.$el.tagName!=="FORM";)u=u.$parent;u&&u.$el&&u.$el.dispatchEvent(new Event("submit"))},s=(u,d)=>{const m=u();m instanceof Promise?m.then(d):d(m)},h=async()=>{const u=S.get(e.options);switch(typeof u){case"function":S.set(e.options,n);return;case"object":n(u);return}S.set(e.options,n),s(e.options,d=>{const m=S.get(e.options);S.set(e.options,d),m(d)})},b=()=>{s(e.options,u=>{n(u)})};switch(!0){case e.options instanceof Function:{e.cache!==!1?h():b();break}case a.isRef(e.options):{F(e.options,()=>{n(e.options.value)},{immediate:!0});break}default:r.value=e.options}function c(u,d){var f;const m=((f=e.fieldNames)==null?void 0:f.title)||"title",k=d[m];return k?k.toLowerCase().includes(u.toLowerCase()):!1}return(u,d)=>(e.default&&!l&&(u[d.key]=e.default,l=!0),a.createVNode(i.TreeSelect,{ref:m=>t=m,multiple:e.multiple,modelValue:u[d.key],"onUpdate:modelValue":m=>u[d.key]=m,placeholder:e.placeholder,allowClear:e.clearable,allowSearch:e.searchable,maxTagCount:e.maxTagCount??2,onChange:o,filterTreeNode:c,data:r.value,fieldNames:e.fieldNames,treeProps:{defaultExpandAll:e.defaultExpandAll}},null))}const g=new WeakMap;function ue(){const e=a.ref([]);return[e,l=>e.value=l]}function ce(e){let t,l=!1;const[r,n]=ue(),o=()=>{if(!e.autoSumbit||!t)return;let c=t;for(;c&&c.$el.tagName!=="FORM";)c=c.$parent;c&&c.$el&&c.$el.dispatchEvent(new Event("submit"))},s=(c,u)=>{const d=c();d instanceof Promise?d.then(u):u(d)},h=async()=>{const c=g.get(e.options);switch(typeof c){case"function":g.set(e.options,n);return;case"object":n(c);return}g.set(e.options,n),s(e.options,u=>{const d=g.get(e.options);g.set(e.options,u),d(u)})},b=()=>{s(e.options,c=>{n(c)})};switch(!0){case e.options instanceof Function:{e.cache!==!1?h():b();break}case a.isRef(e.options):{F(e.options,()=>{n(e.options.value)},{immediate:!0});break}default:r.value=e.options}return(c,u)=>(e.default&&!l&&(c[u.key]=e.default,l=!0),a.createVNode(i.Cascader,{pathMode:e.pathMode,ref:d=>t=d,multiple:e.multiple,modelValue:c[u.key],"onUpdate:modelValue":d=>c[u.key]=d,placeholder:e.placeholder,allowClear:e.clearable,allowSearch:e.searchable,maxTagCount:e.maxTagCount??2,onChange:o,options:r.value},null))}function de(e){return t=>e(t)}function se(){return{input:H,textarea:le,select:ee,treeSelect:ne,date:X,switch:te,dateRange:re,render:de,cascader:ce}}function oe(e,t){t.render||(t.render=r=>r.input());const l=t.render({...se()});return{default:()=>l(e,t)}}function ie(e,t){return a.h(i.FormItem,{field:t.key,label:t.title},oe(e,t))}function x(e){return typeof e=="function"||Object.prototype.toString.call(e)==="[object Object]"&&!a.isVNode(e)}const D=a.defineComponent({props:{form:{type:Object,required:!0},value:{type:Object,required:!1},layout:{type:String,required:!1,default:"horizontal"},columns:{type:Number,required:!1},modelValue:{type:Object,required:!1},minWidth:{type:Number,required:!1,default:400},name:{type:String,required:!1,default:`form-${Math.random().toString(32).slice(2)}`},id:{type:String,required:!1,default:`form-${Math.random().toString(32).slice(2)}`},submitable:{type:Boolean,required:!1,default:!1},searchable:{type:Boolean,required:!1,default:!1},footer:{type:Boolean,required:!1,default:!1}},emits:["submit","cancel","update:model-value"],expose:["formSource","updateFormField","updateFormSource","reset","validate"],setup(e){const t=a.ref(),[l,r]=Q(e.form,e.modelValue||e.value),n=a.ref(e.columns||0),o=a.ref(!0),s=()=>o.value=!o.value;a.provide(N.id,e.id),a.provide(N.source,l);const h=a.computed(()=>{if(!n.value)return 1;const f=e.form.reduce((y,$)=>y+(($==null?void 0:$.span)||1),0);return n.value-f%n.value}),b=a.computed(()=>e.form.reduce((f,y)=>(y.rule&&(f[y.key]=y.rule),f),{}));function c(){var y;if(e.columns)return;const f=(y=t.value)==null?void 0:y.$el;f&&(n.value=Math.floor(f.offsetWidth/e.minWidth))}function u(){var y;const f=(y=t.value)==null?void 0:y.$el;f&&(f.id=e.id)}a.onMounted(()=>{c(),u()});function d(f,y){l.value[f]=y,r({...l})}function m(){var f;(f=t.value)==null||f.resetFields()}function k(){var f;return(f=t.value)==null?void 0:f.validate()}return window.addEventListener("resize",c),{formSource:l,formInstance:t,formColumns:n,formRules:b,formCollspased:o,formActiosSpan:h,toggleFormCollapsed:s,updateFormField:d,updateFormSource:r,reset:m,validate:k}},render(){const e=()=>{this.$emit("submit",this.formSource),this.$emit("update:model-value",this.formSource)},t=()=>{const r=[],n=this.footer?{span:this.formColumns}:{span:this.formActiosSpan};if(this.searchable&&(r.push(a.createVNode(i.Button,{type:"primary",htmlType:"submit"},{default:()=>[a.createTextVNode("搜索")]})),r.push(a.createVNode(i.Button,{type:"secondary",onClick:()=>{var o;return(o=this.formInstance)==null?void 0:o.resetFields()}},{default:()=>[a.createTextVNode("重置")]}))),this.submitable&&(r.push(a.createVNode(i.Button,{type:"primary",htmlType:"submit"},{default:()=>[a.createTextVNode("提交")]})),r.push(a.createVNode(i.Button,{type:"secondary",onClick:()=>this.$emit("cancel")},{default:()=>[a.createTextVNode("取消")]}))),this.form.some(o=>!!o.collapsed)&&r.push(a.createVNode(i.Button,{onClick:this.toggleFormCollapsed},{default:()=>this.formCollspased?"展开":"收起",icon:()=>this.formCollspased?a.createVNode(B,null,null):a.createVNode(K,null,null)})),this.$slots.actions&&r.push(...this.$slots.actions()),r.length)return a.createVNode(i.GridItem,n,{default:()=>[a.createVNode(i.FormItem,{hideLabel:!0,contentClass:this.footer?"form-footer":""},{default:()=>[a.createVNode(i.Space,null,x(r)?r:{default:()=>[r]})]})]})},l=this.form.filter(r=>this.formCollspased?!r.collapsed:!0).filter(r=>{switch(!0){case typeof r.visiable=="boolean":return r.visiable;case typeof r.visiable=="function":return r.visiable(this.formSource);default:return!0}});return a.createVNode("div",{class:"form-render"},[a.createVNode(i.Form,a.mergeProps({name:this.name},{labelAlign:"left",layout:this.$props.layout,rules:this.formRules,onSubmitSuccess:e,"auto-label-width":!0,ref:r=>this.formInstance=r,model:this.formSource}),{default:()=>[a.createVNode(i.Grid,{cols:this.formColumns,"col-gap":24,"rol-gap":10},{default:()=>[l.filter(()=>this.formColumns!==0).map(r=>{let n;return a.createVNode(i.GridItem,{span:r.span},x(n=ie(this.formSource,r))?n:{default:()=>[n]})}),t()]})]})])}});function fe(e){return e}function me(e){const t=a.getCurrentInstance(),l=a.ref();function r(){var o,s;const n=(s=(o=t==null?void 0:t.proxy)==null?void 0:o.$refs)==null?void 0:s[e];n&&(l.value=n)}return a.onMounted(r),a.onUpdated(r),l}const he={install(e,t){e.component("FormRender",D)}};exports.FormRenderResolver=_.FormRenderResolver;exports.FormRender=D;exports.default=he;exports.defineForm=fe;exports.useForm=me;

package/dist/es/form-render/index.d.ts

@@ -33,7 +33,7 @@ export declare const FormRender: import("vue").DefineComponent<{
         required: false;
         default: string;
     };
-    formId: {
+    id: {
         type: StringConstructor;
         required: false;
         default: string;
@@ -311,6 +311,7 @@ export declare const FormRender: import("vue").DefineComponent<{
     updateFormField: (key: string, value: any) => void;
     updateFormSource: (value: import("../interfaces").DataRecord) => void;
     reset: () => void;
+    validate: () => Promise<Record<string, import("@arco-design/web-vue").ValidatedError> | undefined> | undefined;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("submit" | "cancel" | "update:model-value")[], "submit" | "cancel" | "update:model-value", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     form: {
         type: PropType<FormItemsOptions<any>>;
@@ -343,7 +344,7 @@ export declare const FormRender: import("vue").DefineComponent<{
         required: false;
         default: string;
     };
-    formId: {
+    id: {
         type: StringConstructor;
         required: false;
         default: string;
@@ -372,7 +373,7 @@ export declare const FormRender: import("vue").DefineComponent<{
     name: string;
     layout: "horizontal" | "vertical";
     minWidth: number;
-    formId: string;
+    id: string;
     submitable: boolean;
     searchable: boolean;
 }, {}>;

package/dist/es/index.mjs

@@ -1,21 +1,21 @@
-import { getCurrentInstance as M, inject as B, defineComponent as x, computed as b, openBlock as P, createElementBlock as p, normalizeClass as T, normalizeStyle as L, createElementVNode as z, ref as y, createVNode as f, watch as Y, nextTick as G, isRef as O, isVNode as R, h as K, provide as V, onMounted as U, mergeProps as Q, createTextVNode as C, onUpdated as X } from "vue";
-import { DatePicker as H, YearPicker as J, QuarterPicker as Z, MonthPicker as ee, WeekPicker as te, Input as le, InputNumber as re, Select as ae, Option as ne, Switch as ue, RangePicker as ce, Textarea as de, TreeSelect as se, Cascader as ie, FormItem as E, Form as fe, Grid as oe, GridItem as D, Button as S, Space as me } from "@arco-design/web-vue";
-import j from "dayjs";
-import { FormRenderResolver as lt } from "./resolver.mjs";
-const he = Symbol("ArcoConfigProvider"), ye = "arco", ke = "$arco", q = (e) => {
-  var l, r, t;
-  const a = M(), i = B(he, void 0), d = (t = (r = i == null ? void 0 : i.prefixCls) != null ? r : (l = a == null ? void 0 : a.appContext.config.globalProperties[ke]) == null ? void 0 : l.classPrefix) != null ? t : ye;
+import { getCurrentInstance as T, inject as G, defineComponent as V, computed as v, openBlock as L, createElementBlock as z, normalizeClass as R, normalizeStyle as p, createElementVNode as E, ref as k, createVNode as i, watch as K, nextTick as Q, isRef as I, isVNode as U, h as X, provide as j, onMounted as q, mergeProps as H, createTextVNode as w, onUpdated as J } from "vue";
+import { DatePicker as Z, YearPicker as ee, QuarterPicker as te, MonthPicker as le, WeekPicker as re, Input as ae, InputNumber as ne, Select as ue, Option as ce, Switch as de, RangePicker as se, Textarea as ie, TreeSelect as fe, Cascader as oe, FormItem as W, Form as me, Grid as he, GridItem as _, Button as S, Space as ye } from "@arco-design/web-vue";
+import N from "dayjs";
+import { FormRenderResolver as at } from "./resolver.mjs";
+const ke = Symbol("ArcoConfigProvider"), be = "arco", ve = "$arco", A = (e) => {
+  var t, r, l;
+  const a = T(), s = G(ke, void 0), d = (l = (r = s == null ? void 0 : s.prefixCls) != null ? r : (t = a == null ? void 0 : a.appContext.config.globalProperties[ve]) == null ? void 0 : t.classPrefix) != null ? l : be;
   return e ? `${d}-${e}` : d;
-}, be = Object.prototype.toString;
-function W(e) {
-  return be.call(e) === "[object Number]" && e === e;
+}, Se = Object.prototype.toString;
+function B(e) {
+  return Se.call(e) === "[object Number]" && e === e;
 }
-var A = (e, l) => {
-  for (const [r, t] of l)
-    e[r] = t;
+var Y = (e, t) => {
+  for (const [r, l] of t)
+    e[r] = l;
   return e;
 };
-const Se = x({
+const $e = V({
   name: "IconDown",
   props: {
     size: {
@@ -42,47 +42,47 @@ const Se = x({
     click: (e) => !0
   },
   setup(e, {
-    emit: l
+    emit: t
   }) {
-    const r = q("icon"), t = b(() => [r, `${r}-down`, {
+    const r = A("icon"), l = v(() => [r, `${r}-down`, {
       [`${r}-spin`]: e.spin
-    }]), a = b(() => {
+    }]), a = v(() => {
       const d = {};
-      return e.size && (d.fontSize = W(e.size) ? `${e.size}px` : e.size), e.rotate && (d.transform = `rotate(${e.rotate}deg)`), d;
+      return e.size && (d.fontSize = B(e.size) ? `${e.size}px` : e.size), e.rotate && (d.transform = `rotate(${e.rotate}deg)`), d;
     });
     return {
-      cls: t,
+      cls: l,
       innerStyle: a,
       onClick: (d) => {
-        l("click", d);
+        t("click", d);
       }
     };
   }
-}), ve = ["stroke-width", "stroke-linecap", "stroke-linejoin"], ge = /* @__PURE__ */ z("path", {
+}), ge = ["stroke-width", "stroke-linecap", "stroke-linejoin"], Ce = /* @__PURE__ */ E("path", {
   d: "M39.6 17.443 24.043 33 8.487 17.443"
-}, null, -1), $e = [ge];
-function Ce(e, l, r, t, a, i) {
-  return P(), p("svg", {
+}, null, -1), we = [Ce];
+function Fe(e, t, r, l, a, s) {
+  return L(), z("svg", {
     viewBox: "0 0 48 48",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     stroke: "currentColor",
-    class: T(e.cls),
-    style: L(e.innerStyle),
+    class: R(e.cls),
+    style: p(e.innerStyle),
     "stroke-width": e.strokeWidth,
     "stroke-linecap": e.strokeLinecap,
     "stroke-linejoin": e.strokeLinejoin,
-    onClick: l[0] || (l[0] = (...d) => e.onClick && e.onClick(...d))
-  }, $e, 14, ve);
+    onClick: t[0] || (t[0] = (...d) => e.onClick && e.onClick(...d))
+  }, we, 14, ge);
 }
-var w = /* @__PURE__ */ A(Se, [["render", Ce]]);
-const we = Object.assign(w, {
-  install: (e, l) => {
+var x = /* @__PURE__ */ Y($e, [["render", Fe]]);
+const xe = Object.assign(x, {
+  install: (e, t) => {
     var r;
-    const t = (r = l == null ? void 0 : l.iconPrefix) != null ? r : "";
-    e.component(t + w.name, w);
+    const l = (r = t == null ? void 0 : t.iconPrefix) != null ? r : "";
+    e.component(l + x.name, x);
   }
-}), Fe = x({
+}), Oe = V({
   name: "IconUp",
   props: {
     size: {
@@ -109,117 +109,117 @@ const we = Object.assign(w, {
     click: (e) => !0
   },
   setup(e, {
-    emit: l
+    emit: t
   }) {
-    const r = q("icon"), t = b(() => [r, `${r}-up`, {
+    const r = A("icon"), l = v(() => [r, `${r}-up`, {
       [`${r}-spin`]: e.spin
-    }]), a = b(() => {
+    }]), a = v(() => {
       const d = {};
-      return e.size && (d.fontSize = W(e.size) ? `${e.size}px` : e.size), e.rotate && (d.transform = `rotate(${e.rotate}deg)`), d;
+      return e.size && (d.fontSize = B(e.size) ? `${e.size}px` : e.size), e.rotate && (d.transform = `rotate(${e.rotate}deg)`), d;
     });
     return {
-      cls: t,
+      cls: l,
       innerStyle: a,
       onClick: (d) => {
-        l("click", d);
+        t("click", d);
       }
     };
   }
-}), xe = ["stroke-width", "stroke-linecap", "stroke-linejoin"], Oe = /* @__PURE__ */ z("path", {
+}), Ve = ["stroke-width", "stroke-linecap", "stroke-linejoin"], Ie = /* @__PURE__ */ E("path", {
   d: "M39.6 30.557 24.043 15 8.487 30.557"
-}, null, -1), Ie = [Oe];
-function Ve(e, l, r, t, a, i) {
-  return P(), p("svg", {
+}, null, -1), De = [Ie];
+function je(e, t, r, l, a, s) {
+  return L(), z("svg", {
     viewBox: "0 0 48 48",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     stroke: "currentColor",
-    class: T(e.cls),
-    style: L(e.innerStyle),
+    class: R(e.cls),
+    style: p(e.innerStyle),
     "stroke-width": e.strokeWidth,
     "stroke-linecap": e.strokeLinecap,
     "stroke-linejoin": e.strokeLinejoin,
-    onClick: l[0] || (l[0] = (...d) => e.onClick && e.onClick(...d))
-  }, Ie, 14, xe);
+    onClick: t[0] || (t[0] = (...d) => e.onClick && e.onClick(...d))
+  }, De, 14, Ve);
 }
-var F = /* @__PURE__ */ A(Fe, [["render", Ve]]);
-const De = Object.assign(F, {
-  install: (e, l) => {
+var O = /* @__PURE__ */ Y(Oe, [["render", je]]);
+const _e = Object.assign(O, {
+  install: (e, t) => {
     var r;
-    const t = (r = l == null ? void 0 : l.iconPrefix) != null ? r : "";
-    e.component(t + F.name, F);
+    const l = (r = t == null ? void 0 : t.iconPrefix) != null ? r : "";
+    e.component(l + O.name, O);
   }
-}), _ = {
+}), M = {
   id: Symbol("ID"),
   source: Symbol("Source")
 };
-function je(e, l) {
-  const r = y({});
+function Ne(e, t) {
+  const r = k({});
   return e == null || e.forEach((a) => {
-    let i = null;
-    a.default && (i = (typeof a.default == "function" ? a.default() : a.default) || null), l && l[a.key] !== void 0 && (i = l[a.key]), r.value[a.key] = i;
+    let s = null;
+    a.default && (s = (typeof a.default == "function" ? a.default() : a.default) || null), t && t[a.key] !== void 0 && (s = t[a.key]), r.value[a.key] = s;
   }), [r, (a) => {
     r.value = a;
   }];
 }
-function _e(e) {
-  function l(r, t) {
-    return e != null && e.disabledDate ? e.disabledDate(r, t) : !1;
+function Me(e) {
+  function t(r, l) {
+    return e != null && e.disabledDate ? e.disabledDate(r, l) : !1;
   }
-  return (r, t) => {
+  return (r, l) => {
     switch (e == null ? void 0 : e.type) {
       case "week":
-        return f(te, {
-          modelValue: r[t.key],
-          "onUpdate:modelValue": (a) => r[t.key] = a,
-          "disabled-date": l,
+        return i(re, {
+          modelValue: r[l.key],
+          "onUpdate:modelValue": (a) => r[l.key] = a,
+          "disabled-date": t,
           format: e == null ? void 0 : e.labelFormat,
           "value-format": e == null ? void 0 : e.valueFormat
         }, null);
       case "month":
-        return f(ee, {
-          modelValue: r[t.key],
-          "onUpdate:modelValue": (a) => r[t.key] = a,
-          "disabled-date": l,
+        return i(le, {
+          modelValue: r[l.key],
+          "onUpdate:modelValue": (a) => r[l.key] = a,
+          "disabled-date": t,
           format: e == null ? void 0 : e.labelFormat,
           "value-format": e == null ? void 0 : e.valueFormat
         }, null);
       case "quarter":
-        return f(Z, {
-          modelValue: r[t.key],
-          "onUpdate:modelValue": (a) => r[t.key] = a,
-          "disabled-date": l,
+        return i(te, {
+          modelValue: r[l.key],
+          "onUpdate:modelValue": (a) => r[l.key] = a,
+          "disabled-date": t,
           format: e == null ? void 0 : e.labelFormat,
           "value-format": e == null ? void 0 : e.valueFormat
         }, null);
       case "year":
-        return f(J, {
-          modelValue: r[t.key],
-          "onUpdate:modelValue": (a) => r[t.key] = a,
-          "disabled-date": l,
+        return i(ee, {
+          modelValue: r[l.key],
+          "onUpdate:modelValue": (a) => r[l.key] = a,
+          "disabled-date": t,
           format: e == null ? void 0 : e.labelFormat,
           "value-format": e == null ? void 0 : e.valueFormat
         }, null);
       case "date":
       default:
-        return f(H, {
+        return i(Z, {
           "disabled-input": !0,
-          modelValue: r[t.key],
-          "onUpdate:modelValue": (a) => r[t.key] = a,
-          "disabled-date": l,
+          modelValue: r[l.key],
+          "onUpdate:modelValue": (a) => r[l.key] = a,
+          "disabled-date": t,
           format: e == null ? void 0 : e.labelFormat,
           "value-format": e == null ? void 0 : e.valueFormat
         }, null);
     }
   };
 }
-function Ne(e) {
-  return (l, r) => {
+function Pe(e) {
+  return (t, r) => {
     switch (e == null ? void 0 : e.type) {
       case "number":
-        return f(re, {
-          modelValue: l[r.key],
-          "onUpdate:modelValue": (t) => l[r.key] = t,
+        return i(ne, {
+          modelValue: t[r.key],
+          "onUpdate:modelValue": (l) => t[r.key] = l,
           hideButton: !0,
           "read-only": e == null ? void 0 : e.readonly,
           placeholder: e == null ? void 0 : e.placeholder,
@@ -227,9 +227,9 @@ function Ne(e) {
         }, null);
       case "string":
       default:
-        return f(le, {
-          modelValue: l[r.key],
-          "onUpdate:modelValue": (t) => l[r.key] = t,
+        return i(ae, {
+          modelValue: t[r.key],
+          "onUpdate:modelValue": (l) => t[r.key] = l,
           placeholder: e == null ? void 0 : e.placeholder,
           readonly: e == null ? void 0 : e.readonly,
           allowClear: e == null ? void 0 : e.clearable
@@ -238,56 +238,56 @@ function Ne(e) {
   };
 }
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-function I(e, l, r) {
-  const t = Y(e, (...a) => (G(() => t()), l(...a)), r);
-  return t;
+function D(e, t, r) {
+  const l = K(e, (...a) => (Q(() => l()), t(...a)), r);
+  return l;
 }
-function Me(e) {
-  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !R(e);
+function Te(e) {
+  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !U(e);
 }
-const v = /* @__PURE__ */ new WeakMap();
-function Pe() {
-  const e = y(/* @__PURE__ */ new Map());
+const $ = /* @__PURE__ */ new WeakMap();
+function Le() {
+  const e = k(/* @__PURE__ */ new Map());
   return [e, (r) => e.value = r];
 }
-function pe(e) {
-  let l, r = !1;
-  const [t, a] = Pe(), i = () => {
-    if (!e.autoSumbit || !l)
+function ze(e) {
+  let t, r = !1;
+  const [l, a] = Le(), s = () => {
+    if (!e.autoSumbit || !t)
       return;
-    let u = l;
+    let u = t;
     for (; u && u.$el.tagName !== "FORM"; )
       u = u.$parent;
     u && u.$el && u.$el.dispatchEvent(new Event("submit"));
   }, d = (u, n) => {
     const c = u();
     c instanceof Promise ? c.then(n) : n(c);
-  }, o = async () => {
-    const u = v.get(e.options);
+  }, m = async () => {
+    const u = $.get(e.options);
     switch (typeof u) {
       case "function":
-        v.set(e.options, a);
+        $.set(e.options, a);
         return;
       case "object":
         a(u);
         return;
     }
-    v.set(e.options, a), d(e.options, (n) => {
-      const c = v.get(e.options);
-      v.set(e.options, n), c(n);
+    $.set(e.options, a), d(e.options, (n) => {
+      const c = $.get(e.options);
+      $.set(e.options, n), c(n);
     });
-  }, h = () => {
+  }, y = () => {
     d(e.options, (u) => {
       a(u);
     });
   };
   switch (!0) {
     case e.options instanceof Function: {
-      e.cache !== !1 ? o() : h();
+      e.cache !== !1 ? m() : y();
       break;
     }
-    case O(e.options): {
-      I(e.options, () => {
+    case I(e.options): {
+      D(e.options, () => {
         a(e.options.value);
       }, {
         immediate: !0
@@ -295,67 +295,67 @@ function pe(e) {
       break;
     }
     default:
-      t.value = e.options;
+      l.value = e.options;
   }
   return (u, n) => {
     let c;
-    return e.default && !r && (u[n.key] = e.default, r = !0), f(ae, {
-      ref: (s) => l = s,
+    return e.default && !r && (u[n.key] = e.default, r = !0), i(ue, {
+      ref: (o) => t = o,
       multiple: e.multiple,
       modelValue: u[n.key],
-      "onUpdate:modelValue": (s) => u[n.key] = s,
+      "onUpdate:modelValue": (o) => u[n.key] = o,
       placeholder: e.placeholder,
       allowClear: e.clearable,
       allowSearch: e.searchable,
       maxTagCount: e.maxTagCount ?? 2,
-      onChange: i
-    }, Me(c = Array.from(t.value.entries()).map(([s, m]) => f(ne, {
-      key: s,
-      value: s,
-      label: m
+      onChange: s
+    }, Te(c = Array.from(l.value.entries()).map(([o, b]) => i(ce, {
+      key: o,
+      value: o,
+      label: b
     }, null))) ? c : {
       default: () => [c]
     });
   };
 }
-function Te(e) {
-  function l() {
+function Re(e) {
+  function t() {
     e != null && e.autoSumbit;
   }
-  return (r, t) => (e != null && e.default && (r[t.key] = e.default), f(ue, {
-    modelValue: r[t.key],
-    "onUpdate:modelValue": (a) => r[t.key] = a,
+  return (r, l) => (e != null && e.default && (r[l.key] = e.default), i(de, {
+    modelValue: r[l.key],
+    "onUpdate:modelValue": (a) => r[l.key] = a,
     checkedText: (e == null ? void 0 : e.openLabel) ?? "是",
     uncheckedText: (e == null ? void 0 : e.closeLabel) ?? "否",
     checkedValue: (e == null ? void 0 : e.openValue) ?? !0,
     uncheckedValue: (e == null ? void 0 : e.closeValue) ?? !1,
-    onChange: l
+    onChange: t
   }, null));
 }
-function Le(e) {
-  return (l, r) => {
-    let t = [];
-    function a(o) {
-      t = o;
+function pe(e) {
+  return (t, r) => {
+    let l = [];
+    function a(m) {
+      l = m;
     }
-    function i(o) {
-      if (o && o.length === 2) {
-        const [h, u] = o.sort(), n = j(h).startOf("days"), c = j(u).endOf("days");
-        l[r.key] = [n.format((e == null ? void 0 : e.valueFormat) || "YYYY-MM-DD"), c.format((e == null ? void 0 : e.valueFormat) || "YYYY-MM-DD")];
+    function s(m) {
+      if (m && m.length === 2) {
+        const [y, u] = m.sort(), n = N(y).startOf("days"), c = N(u).endOf("days");
+        t[r.key] = [n.format((e == null ? void 0 : e.valueFormat) || "YYYY-MM-DD"), c.format((e == null ? void 0 : e.valueFormat) || "YYYY-MM-DD")];
       }
     }
-    function d(o) {
-      return e != null && e.disabledDate ? e.disabledDate(t, o) : !1;
+    function d(m) {
+      return e != null && e.disabledDate ? e.disabledDate(l, m) : !1;
     }
-    return f("div", null, [f(ce, {
+    return i("div", null, [i(se, {
       "disabled-input": !0,
       style: {
         width: "300px"
       },
-      modelValue: l[r.key],
-      "onUpdate:modelValue": (o) => l[r.key] = o,
+      modelValue: t[r.key],
+      "onUpdate:modelValue": (m) => t[r.key] = m,
       onSelect: a,
-      onChange: i,
+      onChange: s,
       mode: e == null ? void 0 : e.type,
       allowClear: e == null ? void 0 : e.clearable,
       "disabled-date": d,
@@ -364,33 +364,33 @@ function Le(e) {
     }, null)]);
   };
 }
-function ze(e) {
-  return (l, r) => f(de, {
-    modelValue: l[r.key],
-    "onUpdate:modelValue": (t) => l[r.key] = t,
+function Ee(e) {
+  return (t, r) => i(ie, {
+    modelValue: t[r.key],
+    "onUpdate:modelValue": (l) => t[r.key] = l,
     placeholder: e == null ? void 0 : e.placeholder,
     autoSize: e == null ? void 0 : e.autosize,
     maxLength: e == null ? void 0 : e.maxLength
   }, null);
 }
 const g = /* @__PURE__ */ new WeakMap();
-function Re() {
-  const e = y([]);
+function Ue() {
+  const e = k([]);
   return [e, (r) => e.value = r];
 }
-function Ue(e) {
-  let l, r = !1;
-  const [t, a] = Re(), i = () => {
-    if (!e.autoSumbit || !l)
+function qe(e) {
+  let t, r = !1;
+  const [l, a] = Ue(), s = () => {
+    if (!e.autoSumbit || !t)
       return;
-    let n = l;
+    let n = t;
     for (; n && n.$el.tagName !== "FORM"; )
       n = n.$parent;
     n && n.$el && n.$el.dispatchEvent(new Event("submit"));
   }, d = (n, c) => {
-    const s = n();
-    s instanceof Promise ? s.then(c) : c(s);
-  }, o = async () => {
+    const o = n();
+    o instanceof Promise ? o.then(c) : c(o);
+  }, m = async () => {
     const n = g.get(e.options);
     switch (typeof n) {
       case "function":
@@ -401,21 +401,21 @@ function Ue(e) {
         return;
     }
     g.set(e.options, a), d(e.options, (c) => {
-      const s = g.get(e.options);
-      g.set(e.options, c), s(c);
+      const o = g.get(e.options);
+      g.set(e.options, c), o(c);
     });
-  }, h = () => {
+  }, y = () => {
     d(e.options, (n) => {
       a(n);
     });
   };
   switch (!0) {
     case e.options instanceof Function: {
-      e.cache !== !1 ? o() : h();
+      e.cache !== !1 ? m() : y();
       break;
     }
-    case O(e.options): {
-      I(e.options, () => {
+    case I(e.options): {
+      D(e.options, () => {
         a(e.options.value);
       }, {
         immediate: !0
@@ -423,74 +423,74 @@ function Ue(e) {
       break;
     }
     default:
-      t.value = e.options;
+      l.value = e.options;
   }
   function u(n, c) {
-    var k;
-    const s = ((k = e.fieldNames) == null ? void 0 : k.title) || "title", m = c[s];
-    return m ? m.toLowerCase().includes(n.toLowerCase()) : !1;
+    var f;
+    const o = ((f = e.fieldNames) == null ? void 0 : f.title) || "title", b = c[o];
+    return b ? b.toLowerCase().includes(n.toLowerCase()) : !1;
   }
-  return (n, c) => (e.default && !r && (n[c.key] = e.default, r = !0), f(se, {
-    ref: (s) => l = s,
+  return (n, c) => (e.default && !r && (n[c.key] = e.default, r = !0), i(fe, {
+    ref: (o) => t = o,
     multiple: e.multiple,
     modelValue: n[c.key],
-    "onUpdate:modelValue": (s) => n[c.key] = s,
+    "onUpdate:modelValue": (o) => n[c.key] = o,
     placeholder: e.placeholder,
     allowClear: e.clearable,
     allowSearch: e.searchable,
     maxTagCount: e.maxTagCount ?? 2,
-    onChange: i,
+    onChange: s,
     filterTreeNode: u,
-    data: t.value,
+    data: l.value,
     fieldNames: e.fieldNames,
     treeProps: {
       defaultExpandAll: e.defaultExpandAll
     }
   }, null));
 }
-const $ = /* @__PURE__ */ new WeakMap();
-function Ee() {
-  const e = y([]);
+const C = /* @__PURE__ */ new WeakMap();
+function We() {
+  const e = k([]);
   return [e, (r) => e.value = r];
 }
-function qe(e) {
-  let l, r = !1;
-  const [t, a] = Ee(), i = () => {
-    if (!e.autoSumbit || !l)
+function Ae(e) {
+  let t, r = !1;
+  const [l, a] = We(), s = () => {
+    if (!e.autoSumbit || !t)
       return;
-    let u = l;
+    let u = t;
     for (; u && u.$el.tagName !== "FORM"; )
       u = u.$parent;
     u && u.$el && u.$el.dispatchEvent(new Event("submit"));
   }, d = (u, n) => {
     const c = u();
     c instanceof Promise ? c.then(n) : n(c);
-  }, o = async () => {
-    const u = $.get(e.options);
+  }, m = async () => {
+    const u = C.get(e.options);
     switch (typeof u) {
       case "function":
-        $.set(e.options, a);
+        C.set(e.options, a);
         return;
       case "object":
         a(u);
         return;
     }
-    $.set(e.options, a), d(e.options, (n) => {
-      const c = $.get(e.options);
-      $.set(e.options, n), c(n);
+    C.set(e.options, a), d(e.options, (n) => {
+      const c = C.get(e.options);
+      C.set(e.options, n), c(n);
     });
-  }, h = () => {
+  }, y = () => {
     d(e.options, (u) => {
       a(u);
     });
   };
   switch (!0) {
     case e.options instanceof Function: {
-      e.cache !== !1 ? o() : h();
+      e.cache !== !1 ? m() : y();
       break;
     }
-    case O(e.options): {
-      I(e.options, () => {
+    case I(e.options): {
+      D(e.options, () => {
         a(e.options.value);
       }, {
         immediate: !0
@@ -498,11 +498,11 @@ function qe(e) {
       break;
     }
     default:
-      t.value = e.options;
+      l.value = e.options;
   }
-  return (u, n) => (e.default && !r && (u[n.key] = e.default, r = !0), f(ie, {
+  return (u, n) => (e.default && !r && (u[n.key] = e.default, r = !0), i(oe, {
     pathMode: e.pathMode,
-    ref: (c) => l = c,
+    ref: (c) => t = c,
     multiple: e.multiple,
     modelValue: u[n.key],
     "onUpdate:modelValue": (c) => u[n.key] = c,
@@ -510,45 +510,45 @@ function qe(e) {
     allowClear: e.clearable,
     allowSearch: e.searchable,
     maxTagCount: e.maxTagCount ?? 2,
-    onChange: i,
-    options: t.value
+    onChange: s,
+    options: l.value
   }, null));
 }
-function We(e) {
-  return (l) => e(l);
+function Be(e) {
+  return (t) => e(t);
 }
-function Ae() {
+function Ye() {
   return {
-    input: Ne,
-    textarea: ze,
-    select: pe,
-    treeSelect: Ue,
-    date: _e,
-    switch: Te,
-    dateRange: Le,
-    render: We,
-    cascader: qe
+    input: Pe,
+    textarea: Ee,
+    select: ze,
+    treeSelect: qe,
+    date: Me,
+    switch: Re,
+    dateRange: pe,
+    render: Be,
+    cascader: Ae
   };
 }
-function Be(e, l) {
-  l.render || (l.render = (t) => t.input());
-  const r = l.render({
-    ...Ae()
+function Ge(e, t) {
+  t.render || (t.render = (l) => l.input());
+  const r = t.render({
+    ...Ye()
   });
   return {
-    default: () => r(e, l)
+    default: () => r(e, t)
   };
 }
-function Ye(e, l) {
-  return K(E, {
-    field: l.key,
-    label: l.title
-  }, Be(e, l));
+function Ke(e, t) {
+  return X(W, {
+    field: t.key,
+    label: t.title
+  }, Ge(e, t));
 }
-function N(e) {
-  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !R(e);
+function P(e) {
+  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !U(e);
 }
-const Ge = /* @__PURE__ */ x({
+const Qe = /* @__PURE__ */ V({
   props: {
     form: {
       type: Object,
@@ -579,12 +579,12 @@ const Ge = /* @__PURE__ */ x({
     name: {
       type: String,
       required: !1,
-      default: "form"
+      default: `form-${Math.random().toString(32).slice(2)}`
     },
-    formId: {
+    id: {
       type: String,
       required: !1,
-      default: Math.random().toString(32).slice(2).toUpperCase()
+      default: `form-${Math.random().toString(32).slice(2)}`
     },
     submitable: {
       type: Boolean,
@@ -603,158 +603,167 @@ const Ge = /* @__PURE__ */ x({
     }
   },
   emits: ["submit", "cancel", "update:model-value"],
-  expose: ["formSource", "updateFormField", "updateFormSource", "reset"],
+  expose: ["formSource", "updateFormField", "updateFormSource", "reset", "validate"],
   setup(e) {
-    const l = y(), [r, t] = je(e.form, e.modelValue || e.value), a = y(e.columns || 0), i = y(!0), d = () => i.value = !i.value;
-    V(_.id, e.formId), V(_.source, r);
-    const o = b(() => {
+    const t = k(), [r, l] = Ne(e.form, e.modelValue || e.value), a = k(e.columns || 0), s = k(!0), d = () => s.value = !s.value;
+    j(M.id, e.id), j(M.source, r);
+    const m = v(() => {
       if (!a.value)
         return 1;
-      const s = e.form.reduce((m, k) => m + ((k == null ? void 0 : k.span) || 1), 0);
-      return a.value - s % a.value;
-    }), h = b(() => e.form.reduce((s, m) => (m.rule && (s[m.key] = m.rule), s), {}));
+      const f = e.form.reduce((h, F) => h + ((F == null ? void 0 : F.span) || 1), 0);
+      return a.value - f % a.value;
+    }), y = v(() => e.form.reduce((f, h) => (h.rule && (f[h.key] = h.rule), f), {}));
     function u() {
-      var m;
+      var h;
       if (e.columns)
         return;
-      const s = (m = l.value) == null ? void 0 : m.$el;
-      s && (a.value = Math.floor(s.offsetWidth / e.minWidth));
+      const f = (h = t.value) == null ? void 0 : h.$el;
+      f && (a.value = Math.floor(f.offsetWidth / e.minWidth));
+    }
+    function n() {
+      var h;
+      const f = (h = t.value) == null ? void 0 : h.$el;
+      f && (f.id = e.id);
     }
-    U(() => {
-      u();
+    q(() => {
+      u(), n();
     });
-    function n(s, m) {
-      r.value[s] = m, t({
+    function c(f, h) {
+      r.value[f] = h, l({
         ...r
       });
     }
-    function c() {
-      var s;
-      (s = l.value) == null || s.resetFields();
+    function o() {
+      var f;
+      (f = t.value) == null || f.resetFields();
+    }
+    function b() {
+      var f;
+      return (f = t.value) == null ? void 0 : f.validate();
     }
     return window.addEventListener("resize", u), {
       formSource: r,
-      formInstance: l,
+      formInstance: t,
       formColumns: a,
-      formRules: h,
-      formCollspased: i,
-      formActiosSpan: o,
+      formRules: y,
+      formCollspased: s,
+      formActiosSpan: m,
       toggleFormCollapsed: d,
-      updateFormField: n,
-      updateFormSource: t,
-      reset: c
+      updateFormField: c,
+      updateFormSource: l,
+      reset: o,
+      validate: b
     };
   },
   render() {
     const e = () => {
       this.$emit("submit", this.formSource), this.$emit("update:model-value", this.formSource);
-    }, l = () => {
-      const t = [], a = this.footer ? {
+    }, t = () => {
+      const l = [], a = this.footer ? {
         span: this.formColumns
       } : {
         span: this.formActiosSpan
       };
-      if (this.searchable && (t.push(f(S, {
+      if (this.searchable && (l.push(i(S, {
         type: "primary",
         htmlType: "submit"
       }, {
-        default: () => [C("搜索")]
-      })), t.push(f(S, {
+        default: () => [w("搜索")]
+      })), l.push(i(S, {
         type: "secondary",
         onClick: () => {
-          var i;
-          return (i = this.formInstance) == null ? void 0 : i.resetFields();
+          var s;
+          return (s = this.formInstance) == null ? void 0 : s.resetFields();
         }
       }, {
-        default: () => [C("重置")]
-      }))), this.submitable && (t.push(f(S, {
+        default: () => [w("重置")]
+      }))), this.submitable && (l.push(i(S, {
         type: "primary",
         htmlType: "submit"
       }, {
-        default: () => [C("提交")]
-      })), t.push(f(S, {
+        default: () => [w("提交")]
+      })), l.push(i(S, {
         type: "secondary",
         onClick: () => this.$emit("cancel")
       }, {
-        default: () => [C("取消")]
-      }))), this.form.some((i) => !!i.collapsed) && t.push(f(S, {
+        default: () => [w("取消")]
+      }))), this.form.some((s) => !!s.collapsed) && l.push(i(S, {
         onClick: this.toggleFormCollapsed
       }, {
         default: () => this.formCollspased ? "展开" : "收起",
-        icon: () => this.formCollspased ? f(we, null, null) : f(De, null, null)
-      })), this.$slots.actions && t.push(...this.$slots.actions()), t.length)
-        return f(D, a, {
-          default: () => [f(E, {
+        icon: () => this.formCollspased ? i(xe, null, null) : i(_e, null, null)
+      })), this.$slots.actions && l.push(...this.$slots.actions()), l.length)
+        return i(_, a, {
+          default: () => [i(W, {
             hideLabel: !0,
             contentClass: this.footer ? "form-footer" : ""
           }, {
-            default: () => [f(me, null, N(t) ? t : {
-              default: () => [t]
+            default: () => [i(ye, null, P(l) ? l : {
+              default: () => [l]
             })]
           })]
         });
-    }, r = this.form.filter((t) => this.formCollspased ? !t.collapsed : !0).filter((t) => {
+    }, r = this.form.filter((l) => this.formCollspased ? !l.collapsed : !0).filter((l) => {
       switch (!0) {
-        case typeof t.visiable == "boolean":
-          return t.visiable;
-        case typeof t.visiable == "function":
-          return t.visiable(this.formSource);
+        case typeof l.visiable == "boolean":
+          return l.visiable;
+        case typeof l.visiable == "function":
+          return l.visiable(this.formSource);
         default:
           return !0;
       }
     });
-    return f("div", {
+    return i("div", {
       class: "form-render"
-    }, [f(fe, Q({
-      name: this.name,
-      id: this.formId
+    }, [i(me, H({
+      name: this.name
     }, {
       labelAlign: "left",
       layout: this.$props.layout,
       rules: this.formRules,
       onSubmitSuccess: e,
       "auto-label-width": !0,
-      ref: (t) => this.formInstance = t,
+      ref: (l) => this.formInstance = l,
       model: this.formSource
     }), {
-      default: () => [f(oe, {
+      default: () => [i(he, {
         cols: this.formColumns,
         "col-gap": 24,
         "rol-gap": 10
       }, {
-        default: () => [r.filter(() => this.formColumns !== 0).map((t) => {
+        default: () => [r.filter(() => this.formColumns !== 0).map((l) => {
           let a;
-          return f(D, {
-            span: t.span
-          }, N(a = Ye(this.formSource, t)) ? a : {
+          return i(_, {
+            span: l.span
+          }, P(a = Ke(this.formSource, l)) ? a : {
             default: () => [a]
           });
-        }), l()]
+        }), t()]
       })]
     })]);
   }
 });
-function He(e) {
+function Ze(e) {
   return e;
 }
-function Je(e) {
-  const l = M(), r = y();
-  function t() {
-    var i, d;
-    const a = (d = (i = l == null ? void 0 : l.proxy) == null ? void 0 : i.$refs) == null ? void 0 : d[e];
+function et(e) {
+  const t = T(), r = k();
+  function l() {
+    var s, d;
+    const a = (d = (s = t == null ? void 0 : t.proxy) == null ? void 0 : s.$refs) == null ? void 0 : d[e];
     a && (r.value = a);
   }
-  return U(t), X(t), r;
+  return q(l), J(l), r;
 }
-const Ze = {
-  install(e, l) {
-    e.component("FormRender", Ge);
+const tt = {
+  install(e, t) {
+    e.component("FormRender", Qe);
   }
 };
 export {
-  Ge as FormRender,
-  lt as FormRenderResolver,
-  Ze as default,
-  He as defineForm,
-  Je as useForm
+  Qe as FormRender,
+  at as FormRenderResolver,
+  tt as default,
+  Ze as defineForm,
+  et as useForm
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@gopowerteam/form-render",
   "type": "module",
-  "version": "0.0.35",
+  "version": "0.0.37",
   "author": {
     "name": "zhuchentong",
     "email": "2037630@gmail.com"