@gopowerteam/form-render 0.0.28 → 0.0.30

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

@@ -1,3 +1,4 @@
+import { type Ref } from 'vue';
 import type { DataRecord, FormItemOptions } from '../../interfaces';
 export declare function renderSelectItem<T = DataRecord>(options: RenderSelectItemOptions): (data: T, form: FormItemOptions<T>) => import("vue/jsx-runtime").JSX.Element;
 export type SelectOptions = Map<string | number, string>;
@@ -5,7 +6,7 @@ export interface RenderSelectItemOptions {
     placeholder?: string;
     clearable?: boolean;
     searchable?: boolean;
-    options: SelectOptions | (() => SelectOptions) | (() => Promise<SelectOptions>);
+    options: SelectOptions | (() => SelectOptions) | (() => Promise<SelectOptions>) | Ref<SelectOptions>;
     multiple?: boolean;
     maxTagCount?: number;
     default?: string | number | boolean;

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

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

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

@@ -1,3 +1,4 @@
+import { type Ref } from 'vue';
 import type { DataRecord, FormItemOptions } from '../../interfaces';
 export declare function renderSelectItem<T = DataRecord>(options: RenderSelectItemOptions): (data: T, form: FormItemOptions<T>) => import("vue/jsx-runtime").JSX.Element;
 export type SelectOptions = Map<string | number, string>;
@@ -5,7 +6,7 @@ export interface RenderSelectItemOptions {
     placeholder?: string;
     clearable?: boolean;
     searchable?: boolean;
-    options: SelectOptions | (() => SelectOptions) | (() => Promise<SelectOptions>);
+    options: SelectOptions | (() => SelectOptions) | (() => Promise<SelectOptions>) | Ref<SelectOptions>;
     multiple?: boolean;
     maxTagCount?: number;
     default?: string | number | boolean;

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

@@ -1,12 +1,14 @@
 import { type TreeFieldNames, type TreeNodeData } from '@arco-design/web-vue';
+import { type Ref } from 'vue';
 import type { DataRecord, FormItemOptions } from '../../interfaces';
 export declare function renderTreeSelectItem<T = DataRecord>(options: RenderTreeSelectItemOptions): (data: T, form: FormItemOptions<T>) => import("vue/jsx-runtime").JSX.Element;
+export type SelectOptions = TreeNodeData[];
 export interface RenderTreeSelectItemOptions {
     placeholder?: string;
     clearable?: boolean;
     searchable?: boolean;
     fieldNames?: TreeFieldNames;
-    options: TreeNodeData[] | (() => TreeNodeData[]) | (() => Promise<TreeNodeData[]>);
+    options: SelectOptions | (() => SelectOptions) | (() => Promise<SelectOptions>) | Ref<SelectOptions>;
     multiple?: boolean;
     maxTagCount?: number;
     default?: string | number | 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;
 }, {
-    name: string;
     footer: boolean;
+    name: string;
     layout: "horizontal" | "vertical";
     minWidth: number;
     submitable: boolean;

package/dist/es/index.mjs

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

package/package.json

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