@gopowerteam/form-render 0.0.18 → 0.0.20

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

@@ -4,6 +4,7 @@ export type SelectOptions = Map<string | number, string>;
 export interface RenderSelectItemOptions {
     placeholder?: string;
     clearable?: boolean;
+    searchable?: boolean;
     options: SelectOptions | (() => SelectOptions) | Promise<SelectOptions> | (() => Promise<SelectOptions>);
     multiple?: boolean;
     maxTagCount?: number;

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

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

@@ -4,6 +4,7 @@ export type SelectOptions = Map<string | number, string>;
 export interface RenderSelectItemOptions {
     placeholder?: string;
     clearable?: boolean;
+    searchable?: boolean;
     options: SelectOptions | (() => SelectOptions) | Promise<SelectOptions> | (() => Promise<SelectOptions>);
     multiple?: boolean;
     maxTagCount?: number;

package/dist/es/index.mjs

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

package/package.json

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