@gopowerteam/form-render 0.0.22 → 0.0.24

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"),$=require("dayjs"),D=require("./resolver.cjs");const O=Symbol("ArcoConfigProvider"),j="arco",M="$arco",F=e=>{var r,l,t;const n=a.getCurrentInstance(),d=a.inject(O,void 0),u=(t=(l=d==null?void 0:d.prefixCls)!=null?l:(r=n==null?void 0:n.appContext.config.globalProperties[M])==null?void 0:r.classPrefix)!=null?t:j;return e?`${u}-${e}`:u},z=Object.prototype.toString;function w(e){return z.call(e)==="[object Number]"&&e===e}var x=(e,r)=>{for(const[l,t]of r)e[l]=t;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:r}){const l=F("icon"),t=a.computed(()=>[l,`${l}-down`,{[`${l}-spin`]:e.spin}]),n=a.computed(()=>{const u={};return e.size&&(u.fontSize=w(e.size)?`${e.size}px`:e.size),e.rotate&&(u.transform=`rotate(${e.rotate}deg)`),u});return{cls:t,innerStyle:n,onClick:u=>{r("click",u)}}}}),T=["stroke-width","stroke-linecap","stroke-linejoin"],L=a.createElementVNode("path",{d:"M39.6 17.443 24.043 33 8.487 17.443"},null,-1),R=[L];function B(e,r,l,t,n,d){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]=(...u)=>e.onClick&&e.onClick(...u))},R,14,T)}var v=x(P,[["render",B]]);const q=Object.assign(v,{install:(e,r)=>{var l;const t=(l=r==null?void 0:r.iconPrefix)!=null?l:"";e.component(t+v.name,v)}}),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:r}){const l=F("icon"),t=a.computed(()=>[l,`${l}-up`,{[`${l}-spin`]:e.spin}]),n=a.computed(()=>{const u={};return e.size&&(u.fontSize=w(e.size)?`${e.size}px`:e.size),e.rotate&&(u.transform=`rotate(${e.rotate}deg)`),u});return{cls:t,innerStyle:n,onClick:u=>{r("click",u)}}}}),E=["stroke-width","stroke-linecap","stroke-linejoin"],W=a.createElementVNode("path",{d:"M39.6 30.557 24.043 15 8.487 30.557"},null,-1),A=[W];function Y(e,r,l,t,n,d){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]=(...u)=>e.onClick&&e.onClick(...u))},A,14,E)}var S=x(U,[["render",Y]]);const G=Object.assign(S,{install:(e,r)=>{var l;const t=(l=r==null?void 0:r.iconPrefix)!=null?l:"";e.component(t+S.name,S)}}),C={id:Symbol("ID"),source:Symbol("Source")};function K(e,r){const l=a.ref({});return e==null||e.forEach(n=>{let d=null;n.default&&(d=(typeof n.default=="function"?n.default():n.default)||null),r&&r[n.key]!==void 0&&(d=r[n.key]),l.value[n.key]=d}),[l,n=>{l.value=n}]}function Q(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,{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 X(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)}}}function k(e){return!!e&&(typeof e=="object"||typeof e=="function")&&typeof e.then=="function"}function H(e){return typeof e=="function"||Object.prototype.toString.call(e)==="[object Object]"&&!a.isVNode(e)}const V=new WeakMap;function J(e){let r,l=!1;const t=a.ref(new Map),n=u=>{t.value=u,e.cache!==!1&&V.set(e.options,u)};switch(!0){case e.options instanceof Function:{if(V.has(e.options)){t.value=V.get(e.options);break}const u=e.options();k(u)?u.then(n):n(u);break}case k(e.options):{e.options.then(u=>t.value=u);break}default:t.value=e.options}function d(){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"))}return(u,c)=>{let o;return e.default&&!l&&(u[c.key]=e.default,l=!0),a.createVNode(f.Select,{ref:s=>r=s,multiple:e.multiple,modelValue:u[c.key],"onUpdate:modelValue":s=>u[c.key]=s,placeholder:e.placeholder,allowClear:e.clearable,allowSearch:e.searchable,maxTagCount:e.maxTagCount??2,onChange:d},H(o=Array.from(t.value.entries()).map(([s,h])=>a.createVNode(f.Option,{key:s,value:s,label:h},null)))?o:{default:()=>[o]})}}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 p(e){return(r,l)=>{let t=[];function n(c){t=c}function d(c){if(c&&c.length===2){const[o,s]=c.sort(),h=$(o).startOf("days"),y=$(s).endOf("days");r[l.key]=[h.format((e==null?void 0:e.valueFormat)||"YYYY-MM-DD"),y.format((e==null?void 0:e.valueFormat)||"YYYY-MM-DD")]}}function u(c){return e!=null&&e.disabledDate?e.disabledDate(t,c):!1}return a.createVNode("div",null,[a.createVNode(f.RangePicker,{style:{width:"300px"},modelValue:r[l.key],"onUpdate:modelValue":c=>r[l.key]=c,onSelect:n,onChange:d,mode:e==null?void 0:e.type,allowClear:e==null?void 0:e.clearable,"disabled-date":u,format:e==null?void 0:e.labelFormat,"value-format":e==null?void 0:e.valueFormat},null)])}}function ee(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 g=new WeakMap;function te(e){let r,l=!1;const t=a.ref([]),n=c=>{t.value=c,e.cache!==!1&&g.set(e.options,c)};switch(!0){case e.options instanceof Function:{if(g.has(e.options)){t.value=g.get(e.options);break}const c=e.options();k(c)?c.then(n):n(c);break}case k(e.options):{e.options.then(c=>t.value=c);break}default:t.value=e.options}function d(){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"))}function u(c,o){var y;const s=((y=e.fieldNames)==null?void 0:y.title)||"title",h=o[s];return h?h.toLowerCase().includes(c.toLowerCase()):!1}return(c,o)=>(e.default&&!l&&(c[o.key]=e.default,l=!0),a.createVNode(f.TreeSelect,{ref:s=>r=s,multiple:e.multiple,modelValue:c[o.key],"onUpdate:modelValue":s=>c[o.key]=s,placeholder:e.placeholder,allowClear:e.clearable,allowSearch:e.searchable,maxTagCount:e.maxTagCount??2,onChange:d,filterTreeNode:u,data:t.value,fieldNames:e.fieldNames},null))}function re(e){return r=>e(r)}function le(){return{input:X,textarea:ee,select:J,treeSelect:te,date:Q,switch:Z,dateRange:p,render:re}}function ae(e,r){r.render||(r.render=t=>t.input());const l=r.render({...le()});return{default:()=>l(e,r)}}function ne(e,r){return a.h(f.FormItem,{field:r.key,label:r.title},ae(e,r))}function N(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:320},name:{type:String,required:!1,default:"form"},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=Math.random().toString(32).slice(2).toUpperCase(),l=a.ref(),[t,n]=K(e.form,e.modelValue||e.value),d=a.ref(e.columns||0),u=a.ref(!0),c=()=>u.value=!u.value;a.provide(C.id,r),a.provide(C.source,t);const o=a.computed(()=>{if(!d.value)return 1;const i=e.form.reduce((m,b)=>m+((b==null?void 0:b.span)||1),0);return d.value-i%d.value}),s=a.computed(()=>e.form.reduce((i,m)=>(m.rule&&(i[m.key]=m.rule),i),{}));function h(){var m;const i=(m=l.value)==null?void 0:m.$el;i&&(d.value=Math.floor(i.offsetWidth/e.minWidth))}a.onMounted(()=>{h()});function y(i,m){t.value[i]=m,n({...t})}function _(){var i;(i=l.value)==null||i.resetFields()}return window.addEventListener("resize",h),{formId:r,formSource:t,formInstance:l,formColumns:d,formRules:s,formCollspased:u,formActiosSpan:o,toggleFormCollapsed:c,updateFormField:y,updateFormSource:n,reset:_}},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 d;return(d=this.formInstance)==null?void 0:d.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(d=>!!d.collapsed)&&t.push(a.createVNode(f.Button,{onClick:this.toggleFormCollapsed},{default:()=>this.formCollspased?"展开":"收起",icon:()=>this.formCollspased?a.createVNode(q,null,null):a.createVNode(G,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,N(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({layout:this.$props.layout,rules:this.formRules,onSubmitSuccess:e},{name:this.name},{"auto-label-width":!0,ref:t=>this.formInstance=t,model:this.formSource}),{default:()=>[a.createVNode(f.Grid,{cols:this.formColumns,"col-gap":10,"rol-gap":10},{default:()=>[l.map(t=>{let n;return a.createVNode(f.GridItem,{span:t.span},N(n=ne(this.formSource,t))?n:{default:()=>[n]})}),r()]})]})])}});function ue(e){return e}function ce(e){const r=a.getCurrentInstance(),l=a.ref();function t(){var d,u;const n=(u=(d=r==null?void 0:r.proxy)==null?void 0:d.$refs)==null?void 0:u[e];n&&(l.value=n)}return a.onMounted(t),a.onUpdated(t),l}const de={install(e,r){e.component("FormRender",I)}};exports.FormRenderResolver=D.FormRenderResolver;exports.FormRender=I;exports.default=de;exports.defineForm=ue;exports.useForm=ce;
+"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 M=Symbol("ArcoConfigProvider"),z="arco",P="$arco",x=e=>{var r,l,t;const u=a.getCurrentInstance(),d=a.inject(M,void 0),n=(t=(l=d==null?void 0:d.prefixCls)!=null?l:(r=u==null?void 0:u.appContext.config.globalProperties[P])==null?void 0:r.classPrefix)!=null?t:z;return e?`${n}-${e}`:n},T=Object.prototype.toString;function I(e){return T.call(e)==="[object Number]"&&e===e}var _=(e,r)=>{for(const[l,t]of r)e[l]=t;return e};const L=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=x("icon"),t=a.computed(()=>[l,`${l}-down`,{[`${l}-spin`]:e.spin}]),u=a.computed(()=>{const n={};return e.size&&(n.fontSize=I(e.size)?`${e.size}px`:e.size),e.rotate&&(n.transform=`rotate(${e.rotate}deg)`),n});return{cls:t,innerStyle:u,onClick:n=>{r("click",n)}}}}),R=["stroke-width","stroke-linecap","stroke-linejoin"],B=a.createElementVNode("path",{d:"M39.6 17.443 24.043 33 8.487 17.443"},null,-1),q=[B];function U(e,r,l,t,u,d){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]=(...n)=>e.onClick&&e.onClick(...n))},q,14,R)}var v=_(L,[["render",U]]);const E=Object.assign(v,{install:(e,r)=>{var l;const t=(l=r==null?void 0:r.iconPrefix)!=null?l:"";e.component(t+v.name,v)}}),W=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=x("icon"),t=a.computed(()=>[l,`${l}-up`,{[`${l}-spin`]:e.spin}]),u=a.computed(()=>{const n={};return e.size&&(n.fontSize=I(e.size)?`${e.size}px`:e.size),e.rotate&&(n.transform=`rotate(${e.rotate}deg)`),n});return{cls:t,innerStyle:u,onClick:n=>{r("click",n)}}}}),A=["stroke-width","stroke-linecap","stroke-linejoin"],Y=a.createElementVNode("path",{d:"M39.6 30.557 24.043 15 8.487 30.557"},null,-1),G=[Y];function K(e,r,l,t,u,d){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]=(...n)=>e.onClick&&e.onClick(...n))},G,14,A)}var S=_(W,[["render",K]]);const Q=Object.assign(S,{install:(e,r)=>{var l;const t=(l=r==null?void 0:r.iconPrefix)!=null?l:"";e.component(t+S.name,S)}}),g={id:Symbol("ID"),source:Symbol("Source")};function X(e,r){const l=a.ref({});return e==null||e.forEach(u=>{let d=null;u.default&&(d=(typeof u.default=="function"?u.default():u.default)||null),r&&r[u.key]!==void 0&&(d=r[u.key]),l.value[u.key]=d}),[l,u=>{l.value=u}]}function H(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":u=>l[t.key]=u,"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":u=>l[t.key]=u,"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":u=>l[t.key]=u,"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":u=>l[t.key]=u,"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,{modelValue:l[t.key],"onUpdate:modelValue":u=>l[t.key]=u,"disabled-date":r,format:e==null?void 0:e.labelFormat,"value-format":e==null?void 0:e.valueFormat},null)}}}function J(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)}}}function k(e){return!!e&&(typeof e=="object"||typeof e=="function")&&typeof e.then=="function"}function Z(e){return typeof e=="function"||Object.prototype.toString.call(e)==="[object Object]"&&!a.isVNode(e)}const $=new WeakSet,C=new WeakMap;function p(e){let r,l=!1;const t=a.ref(new Map),u=n=>{e.cache!==!1?C.get(e.options)(n):t.value=n};switch(e.cache!==!1&&C.set(e.options,n=>{t.value=n}),!0){case e.options instanceof Function:{if(e.cache!==!1&&$.has(e.options))break;e.cache!==!1&&$.add(e.options);const n=e.options();k(n)?n.then(u):u(n);break}case k(e.options):{e.options.then(n=>t.value=n);break}default:t.value=e.options}function d(){if(!e.autoSumbit||!r)return;let n=r;for(;n&&n.$el.tagName!=="FORM";)n=n.$parent;n&&n.$el&&n.$el.dispatchEvent(new Event("submit"))}return(n,c)=>{let i;return e.default&&!l&&(n[c.key]=e.default,l=!0),a.createVNode(f.Select,{ref:s=>r=s,multiple:e.multiple,modelValue:n[c.key],"onUpdate:modelValue":s=>n[c.key]=s,placeholder:e.placeholder,allowClear:e.clearable,allowSearch:e.searchable,maxTagCount:e.maxTagCount??2,onChange:d},Z(i=Array.from(t.value.entries()).map(([s,h])=>a.createVNode(f.Option,{key:s,value:s,label:h},null)))?i:{default:()=>[i]})}}function ee(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":u=>l[t.key]=u,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 te(e){return(r,l)=>{let t=[];function u(c){t=c}function d(c){if(c&&c.length===2){const[i,s]=c.sort(),h=V(i).startOf("days"),y=V(s).endOf("days");r[l.key]=[h.format((e==null?void 0:e.valueFormat)||"YYYY-MM-DD"),y.format((e==null?void 0:e.valueFormat)||"YYYY-MM-DD")]}}function n(c){return e!=null&&e.disabledDate?e.disabledDate(t,c):!1}return a.createVNode("div",null,[a.createVNode(f.RangePicker,{style:{width:"300px"},modelValue:r[l.key],"onUpdate:modelValue":c=>r[l.key]=c,onSelect:u,onChange:d,mode:e==null?void 0:e.type,allowClear:e==null?void 0:e.clearable,"disabled-date":n,format:e==null?void 0:e.labelFormat,"value-format":e==null?void 0:e.valueFormat},null)])}}function re(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 N=new WeakSet,w=new WeakMap;function le(e){let r,l=!1;const t=a.ref([]),u=c=>{e.cache!==!1?w.get(e.options)(c):t.value=c};switch(e.cache!==!1&&w.set(e.options,c=>{t.value=c}),!0){case e.options instanceof Function:{if(e.cache!==!1&&N.has(e.options))break;e.cache!==!1&&N.add(e.options);const c=e.options();k(c)?c.then(u):u(c);break}case k(e.options):{e.options.then(c=>t.value=c);break}default:t.value=e.options}function d(){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"))}function n(c,i){var y;const s=((y=e.fieldNames)==null?void 0:y.title)||"title",h=i[s];return h?h.toLowerCase().includes(c.toLowerCase()):!1}return(c,i)=>(e.default&&!l&&(c[i.key]=e.default,l=!0),a.createVNode(f.TreeSelect,{ref:s=>r=s,multiple:e.multiple,modelValue:c[i.key],"onUpdate:modelValue":s=>c[i.key]=s,placeholder:e.placeholder,allowClear:e.clearable,allowSearch:e.searchable,maxTagCount:e.maxTagCount??2,onChange:d,filterTreeNode:n,data:t.value,fieldNames:e.fieldNames},null))}function ae(e){return r=>e(r)}function ne(){return{input:J,textarea:re,select:p,treeSelect:le,date:H,switch:ee,dateRange:te,render:ae}}function ue(e,r){r.render||(r.render=t=>t.input());const l=r.render({...ne()});return{default:()=>l(e,r)}}function ce(e,r){return a.h(f.FormItem,{field:r.key,label:r.title},ue(e,r))}function F(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:320},name:{type:String,required:!1,default:"form"},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=Math.random().toString(32).slice(2).toUpperCase(),l=a.ref(),[t,u]=X(e.form,e.modelValue||e.value),d=a.ref(e.columns||0),n=a.ref(!0),c=()=>n.value=!n.value;a.provide(g.id,r),a.provide(g.source,t);const i=a.computed(()=>{if(!d.value)return 1;const o=e.form.reduce((m,b)=>m+((b==null?void 0:b.span)||1),0);return d.value-o%d.value}),s=a.computed(()=>e.form.reduce((o,m)=>(m.rule&&(o[m.key]=m.rule),o),{}));function h(){var m;if(e.columns)return;const o=(m=l.value)==null?void 0:m.$el;o&&(d.value=Math.floor(o.offsetWidth/e.minWidth))}a.onMounted(()=>{h()});function y(o,m){t.value[o]=m,u({...t})}function O(){var o;(o=l.value)==null||o.resetFields()}return window.addEventListener("resize",h),{formId:r,formSource:t,formInstance:l,formColumns:d,formRules:s,formCollspased:n,formActiosSpan:i,toggleFormCollapsed:c,updateFormField:y,updateFormSource:u,reset:O}},render(){const e=()=>{this.$emit("submit",this.formSource),this.$emit("update:model-value",this.formSource)},r=()=>{const t=[],u=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 d;return(d=this.formInstance)==null?void 0:d.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(d=>!!d.collapsed)&&t.push(a.createVNode(f.Button,{onClick:this.toggleFormCollapsed},{default:()=>this.formCollspased?"展开":"收起",icon:()=>this.formCollspased?a.createVNode(E,null,null):a.createVNode(Q,null,null)})),this.$slots.actions&&t.push(...this.$slots.actions()),t.length)return a.createVNode(f.GridItem,u,{default:()=>[a.createVNode(f.FormItem,{hideLabel:!0,contentClass:this.footer?"form-footer":""},{default:()=>[a.createVNode(f.Space,null,F(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({layout:this.$props.layout,rules:this.formRules,onSubmitSuccess:e},{name:this.name},{"auto-label-width":!0,ref:t=>this.formInstance=t,model:this.formSource}),{default:()=>[a.createVNode(f.Grid,{cols:this.formColumns,"col-gap":10,"rol-gap":10},{default:()=>[l.filter(()=>this.formColumns!==0).map(t=>{let u;return a.createVNode(f.GridItem,{span:t.span},F(u=ce(this.formSource,t))?u:{default:()=>[u]})}),r()]})]})])}});function de(e){return e}function fe(e){const r=a.getCurrentInstance(),l=a.ref();function t(){var d,n;const u=(n=(d=r==null?void 0:r.proxy)==null?void 0:d.$refs)==null?void 0:n[e];u&&(l.value=u)}return a.onMounted(t),a.onUpdated(t),l}const se={install(e,r){e.component("FormRender",D)}};exports.FormRenderResolver=j.FormRenderResolver;exports.FormRender=D;exports.default=se;exports.defineForm=de;exports.useForm=fe;

package/dist/es/index.mjs

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

package/package.json

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