@gopowerteam/form-render 0.0.12 → 0.0.13

package/dist/cjs/form-items/select/index.d.ts

@@ -4,9 +4,10 @@ export type SelectOptions = Map<string | number, string>;
 export interface RenderSelectItemOptions {
     placeholder?: string;
     clearable?: boolean;
-    options: SelectOptions | Promise<SelectOptions> | (() => Promise<SelectOptions>);
+    options: SelectOptions | (() => SelectOptions) | Promise<SelectOptions> | (() => Promise<SelectOptions>);
     multiple?: boolean;
     maxTagCount?: number;
     default?: string | number | boolean;
     autoSumbit?: boolean;
+    cache?: boolean;
 }

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

@@ -359,8 +359,8 @@ export declare const FormRender: import("vue").DefineComponent<{
     onCancel?: ((...args: any[]) => any) | undefined;
     "onUpdate:model-value"?: ((...args: any[]) => any) | undefined;
 }, {
-    footer: boolean;
     name: string;
+    footer: boolean;
     layout: "horizontal" | "vertical";
     minWidth: number;
     submitable: boolean;

package/dist/cjs/index.cjs

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

package/dist/cjs/utils/is-promise.d.ts

@@ -0,0 +1 @@
+export declare function isPromise(obj: any): boolean;

package/dist/es/form-items/select/index.d.ts

@@ -4,9 +4,10 @@ export type SelectOptions = Map<string | number, string>;
 export interface RenderSelectItemOptions {
     placeholder?: string;
     clearable?: boolean;
-    options: SelectOptions | Promise<SelectOptions> | (() => Promise<SelectOptions>);
+    options: SelectOptions | (() => SelectOptions) | Promise<SelectOptions> | (() => Promise<SelectOptions>);
     multiple?: boolean;
     maxTagCount?: number;
     default?: string | number | boolean;
     autoSumbit?: boolean;
+    cache?: boolean;
 }

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

@@ -359,8 +359,8 @@ export declare const FormRender: import("vue").DefineComponent<{
     onCancel?: ((...args: any[]) => any) | undefined;
     "onUpdate:model-value"?: ((...args: any[]) => any) | undefined;
 }, {
-    footer: boolean;
     name: string;
+    footer: boolean;
     layout: "horizontal" | "vertical";
     minWidth: number;
     submitable: boolean;

package/dist/es/index.mjs

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

package/dist/es/utils/is-promise.d.ts

@@ -0,0 +1 @@
+export declare function isPromise(obj: any): boolean;

package/package.json

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