@gopowerteam/form-render 0.0.38 → 0.0.40
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { type TreeFieldNames, type TreeNodeData } from '@arco-design/web-vue';
|
|
2
2
|
import { type Ref } from 'vue';
|
|
3
|
+
import type { TreeProps } from '@arco-design/web-vue/es/tree/interface';
|
|
3
4
|
import type { DataRecord, FormItemRenderReturn } from '../../interfaces';
|
|
4
5
|
export declare function renderTreeSelectItem<T = DataRecord>(options: RenderTreeSelectItemOptions): FormItemRenderReturn<T>;
|
|
5
6
|
export type SelectOptions = TreeNodeData[];
|
|
@@ -14,5 +15,5 @@ export interface RenderTreeSelectItemOptions {
|
|
|
14
15
|
default?: string | number | boolean;
|
|
15
16
|
autoSumbit?: boolean;
|
|
16
17
|
cache?: boolean;
|
|
17
|
-
|
|
18
|
+
treeProps?: TreeProps;
|
|
18
19
|
}
|
package/dist/cjs/index.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("vue"),i=require("@arco-design/web-vue"),w=require("dayjs"),_=require("./resolver.cjs");const M=Symbol("ArcoConfigProvider"),T="arco",P="$arco",O=e=>{var t,l,r;const n=a.getCurrentInstance(),o=a.inject(M,void 0),s=(r=(l=o==null?void 0:o.prefixCls)!=null?l:(t=n==null?void 0:n.appContext.config.globalProperties[P])==null?void 0:t.classPrefix)!=null?r:T;return e?`${s}-${e}`:s},R=Object.prototype.toString;function I(e){return R.call(e)==="[object Number]"&&e===e}var j=(e,t)=>{for(const[l,r]of t)e[l]=r;return e};const p=a.defineComponent({name:"IconDown",props:{size:{type:[Number,String]},strokeWidth:{type:Number,default:4},strokeLinecap:{type:String,default:"butt",validator:e=>["butt","round","square"].includes(e)},strokeLinejoin:{type:String,default:"miter",validator:e=>["arcs","bevel","miter","miter-clip","round"].includes(e)},rotate:Number,spin:Boolean},emits:{click:e=>!0},setup(e,{emit:t}){const l=O("icon"),r=a.computed(()=>[l,`${l}-down`,{[`${l}-spin`]:e.spin}]),n=a.computed(()=>{const s={};return e.size&&(s.fontSize=I(e.size)?`${e.size}px`:e.size),e.rotate&&(s.transform=`rotate(${e.rotate}deg)`),s});return{cls:r,innerStyle:n,onClick:s=>{t("click",s)}}}}),z=["stroke-width","stroke-linecap","stroke-linejoin"],E=a.createElementVNode("path",{d:"M39.6 17.443 24.043 33 8.487 17.443"},null,-1),L=[E];function q(e,t,l,r,n,o){return a.openBlock(),a.createElementBlock("svg",{viewBox:"0 0 48 48",fill:"none",xmlns:"http://www.w3.org/2000/svg",stroke:"currentColor",class:a.normalizeClass(e.cls),style:a.normalizeStyle(e.innerStyle),"stroke-width":e.strokeWidth,"stroke-linecap":e.strokeLinecap,"stroke-linejoin":e.strokeLinejoin,onClick:t[0]||(t[0]=(...s)=>e.onClick&&e.onClick(...s))},L,14,z)}var C=j(p,[["render",q]]);const B=Object.assign(C,{install:(e,t)=>{var l;const r=(l=t==null?void 0:t.iconPrefix)!=null?l:"";e.component(r+C.name,C)}}),U=a.defineComponent({name:"IconUp",props:{size:{type:[Number,String]},strokeWidth:{type:Number,default:4},strokeLinecap:{type:String,default:"butt",validator:e=>["butt","round","square"].includes(e)},strokeLinejoin:{type:String,default:"miter",validator:e=>["arcs","bevel","miter","miter-clip","round"].includes(e)},rotate:Number,spin:Boolean},emits:{click:e=>!0},setup(e,{emit:t}){const l=O("icon"),r=a.computed(()=>[l,`${l}-up`,{[`${l}-spin`]:e.spin}]),n=a.computed(()=>{const s={};return e.size&&(s.fontSize=I(e.size)?`${e.size}px`:e.size),e.rotate&&(s.transform=`rotate(${e.rotate}deg)`),s});return{cls:r,innerStyle:n,onClick:s=>{t("click",s)}}}}),W=["stroke-width","stroke-linecap","stroke-linejoin"],A=a.createElementVNode("path",{d:"M39.6 30.557 24.043 15 8.487 30.557"},null,-1),Y=[A];function G(e,t,l,r,n,o){return a.openBlock(),a.createElementBlock("svg",{viewBox:"0 0 48 48",fill:"none",xmlns:"http://www.w3.org/2000/svg",stroke:"currentColor",class:a.normalizeClass(e.cls),style:a.normalizeStyle(e.innerStyle),"stroke-width":e.strokeWidth,"stroke-linecap":e.strokeLinecap,"stroke-linejoin":e.strokeLinejoin,onClick:t[0]||(t[0]=(...s)=>e.onClick&&e.onClick(...s))},Y,14,W)}var V=j(U,[["render",G]]);const K=Object.assign(V,{install:(e,t)=>{var l;const r=(l=t==null?void 0:t.iconPrefix)!=null?l:"";e.component(r+V.name,V)}}),N={id:Symbol("ID"),source:Symbol("Source")};function Q(e,t){const l=a.ref({});return e==null||e.forEach(n=>{let o=null;n.default&&(o=(typeof n.default=="function"?n.default():n.default)||null),t&&t[n.key]!==void 0&&(o=t[n.key]),l.value[n.key]=o}),[l,n=>{l.value=n}]}function X(e){function t(l,r){return e!=null&&e.disabledDate?e.disabledDate(l,r):!1}return(l,r)=>{switch(e==null?void 0:e.type){case"week":return a.createVNode(i.WeekPicker,{modelValue:l[r.key],"onUpdate:modelValue":n=>l[r.key]=n,"disabled-date":t,format:e==null?void 0:e.labelFormat,"value-format":e==null?void 0:e.valueFormat},null);case"month":return a.createVNode(i.MonthPicker,{modelValue:l[r.key],"onUpdate:modelValue":n=>l[r.key]=n,"disabled-date":t,format:e==null?void 0:e.labelFormat,"value-format":e==null?void 0:e.valueFormat},null);case"quarter":return a.createVNode(i.QuarterPicker,{modelValue:l[r.key],"onUpdate:modelValue":n=>l[r.key]=n,"disabled-date":t,format:e==null?void 0:e.labelFormat,"value-format":e==null?void 0:e.valueFormat},null);case"year":return a.createVNode(i.YearPicker,{modelValue:l[r.key],"onUpdate:modelValue":n=>l[r.key]=n,"disabled-date":t,format:e==null?void 0:e.labelFormat,"value-format":e==null?void 0:e.valueFormat},null);case"date":default:return a.createVNode(i.DatePicker,{"disabled-input":!0,modelValue:l[r.key],"onUpdate:modelValue":n=>l[r.key]=n,"disabled-date":t,format:e==null?void 0:e.labelFormat,"value-format":e==null?void 0:e.valueFormat},null)}}}function H(e){return(t,l)=>{switch(e==null?void 0:e.type){case"number":return a.createVNode(i.InputNumber,{modelValue:t[l.key],"onUpdate:modelValue":r=>t[l.key]=r,hideButton:!0,"read-only":e==null?void 0:e.readonly,placeholder:e==null?void 0:e.placeholder,allowClear:e==null?void 0:e.clearable},null);case"string":default:return a.createVNode(i.Input,{modelValue:t[l.key],"onUpdate:modelValue":r=>t[l.key]=r,placeholder:e==null?void 0:e.placeholder,readonly:e==null?void 0:e.readonly,allowClear:e==null?void 0:e.clearable},null)}}}typeof WorkerGlobalScope<"u"&&globalThis instanceof WorkerGlobalScope;function F(e,t,l){const r=a.watch(e,(...n)=>(a.nextTick(()=>r()),t(...n)),l);return r}function J(e){return typeof e=="function"||Object.prototype.toString.call(e)==="[object Object]"&&!a.isVNode(e)}const v=new WeakMap;function Z(){const e=a.ref(new Map);return[e,l=>e.value=l]}function ee(e){let t,l=!1;const[r,n]=Z(),o=()=>{if(!e.autoSumbit||!t)return;let c=t;for(;c&&c.$el.tagName!=="FORM";)c=c.$parent;c&&c.$el&&c.$el.dispatchEvent(new Event("submit"))},s=(c,u)=>{const d=c();d instanceof Promise?d.then(u):u(d)},h=async()=>{const c=v.get(e.options);switch(typeof c){case"function":v.set(e.options,n);return;case"object":n(c);return}v.set(e.options,n),s(e.options,u=>{const d=v.get(e.options);v.set(e.options,u),d(u)})},b=()=>{s(e.options,c=>{n(c)})};switch(!0){case e.options instanceof Function:{e.cache!==!1?h():b();break}case a.isRef(e.options):{F(e.options,()=>{n(e.options.value)},{immediate:!0});break}default:r.value=e.options}return(c,u)=>{let d;return e.default&&!l&&(c[u.key]=e.default,l=!0),a.createVNode(i.Select,{ref:m=>t=m,multiple:e.multiple,modelValue:c[u.key],"onUpdate:modelValue":m=>c[u.key]=m,placeholder:e.placeholder,allowClear:e.clearable,allowSearch:e.searchable,maxTagCount:e.maxTagCount??2,onChange:o},J(d=Array.from(r.value.entries()).map(([m,k])=>a.createVNode(i.Option,{key:m,value:m,label:k},null)))?d:{default:()=>[d]})}}function te(e){function t(){e!=null&&e.autoSumbit}return(l,r)=>(e!=null&&e.default&&(l[r.key]=e.default),a.createVNode(i.Switch,{modelValue:l[r.key],"onUpdate:modelValue":n=>l[r.key]=n,checkedText:(e==null?void 0:e.openLabel)??"是",uncheckedText:(e==null?void 0:e.closeLabel)??"否",checkedValue:(e==null?void 0:e.openValue)??!0,uncheckedValue:(e==null?void 0:e.closeValue)??!1,onChange:t},null))}function re(e){return(t,l)=>{let r=[];function n(h){r=h}function o(h){if(h&&h.length===2){const[b,c]=h.sort(),u=w(b).startOf("days"),d=w(c).endOf("days");t[l.key]=[u.format((e==null?void 0:e.valueFormat)||"YYYY-MM-DD"),d.format((e==null?void 0:e.valueFormat)||"YYYY-MM-DD")]}}function s(h){return e!=null&&e.disabledDate?e.disabledDate(r,h):!1}return a.createVNode("div",null,[a.createVNode(i.RangePicker,{"disabled-input":!0,style:{width:"300px"},modelValue:t[l.key],"onUpdate:modelValue":h=>t[l.key]=h,onSelect:n,onChange:o,mode:e==null?void 0:e.type,allowClear:e==null?void 0:e.clearable,"disabled-date":s,format:e==null?void 0:e.labelFormat,"value-format":e==null?void 0:e.valueFormat},null)])}}function le(e){return(t,l)=>a.createVNode(i.Textarea,{modelValue:t[l.key],"onUpdate:modelValue":r=>t[l.key]=r,placeholder:e==null?void 0:e.placeholder,autoSize:e==null?void 0:e.autosize,maxLength:e==null?void 0:e.maxLength},null)}const S=new WeakMap;function ae(){const e=a.ref([]);return[e,l=>e.value=l]}function ne(e){let t,l=!1;const[r,n]=ae(),o=()=>{if(!e.autoSumbit||!t)return;let u=t;for(;u&&u.$el.tagName!=="FORM";)u=u.$parent;u&&u.$el&&u.$el.dispatchEvent(new Event("submit"))},s=(u,d)=>{const m=u();m instanceof Promise?m.then(d):d(m)},h=async()=>{const u=S.get(e.options);switch(typeof u){case"function":S.set(e.options,n);return;case"object":n(u);return}S.set(e.options,n),s(e.options,d=>{const m=S.get(e.options);S.set(e.options,d),m(d)})},b=()=>{s(e.options,u=>{n(u)})};switch(!0){case e.options instanceof Function:{e.cache!==!1?h():b();break}case a.isRef(e.options):{F(e.options,()=>{n(e.options.value)},{immediate:!0});break}default:r.value=e.options}function c(u,d){var f;const m=((f=e.fieldNames)==null?void 0:f.title)||"title",k=d[m];return k?k.toLowerCase().includes(u.toLowerCase()):!1}return(u,d)=>(e.default&&!l&&(u[d.key]=e.default,l=!0),a.createVNode(i.TreeSelect,{ref:m=>t=m,multiple:e.multiple,modelValue:u[d.key],"onUpdate:modelValue":m=>u[d.key]=m,placeholder:e.placeholder,allowClear:e.clearable,allowSearch:e.searchable,maxTagCount:e.maxTagCount??2,onChange:o,filterTreeNode:c,data:r.value,fieldNames:e.fieldNames,treeProps:{defaultExpandAll:e.defaultExpandAll}},null))}const g=new WeakMap;function ue(){const e=a.ref([]);return[e,l=>e.value=l]}function ce(e){let t,l=!1;const[r,n]=ue(),o=()=>{if(!e.autoSumbit||!t)return;let c=t;for(;c&&c.$el.tagName!=="FORM";)c=c.$parent;c&&c.$el&&c.$el.dispatchEvent(new Event("submit"))},s=(c,u)=>{const d=c();d instanceof Promise?d.then(u):u(d)},h=async()=>{const c=g.get(e.options);switch(typeof c){case"function":g.set(e.options,n);return;case"object":n(c);return}g.set(e.options,n),s(e.options,u=>{const d=g.get(e.options);g.set(e.options,u),d(u)})},b=()=>{s(e.options,c=>{n(c)})};switch(!0){case e.options instanceof Function:{e.cache!==!1?h():b();break}case a.isRef(e.options):{F(e.options,()=>{n(e.options.value)},{immediate:!0});break}default:r.value=e.options}return(c,u)=>(e.default&&!l&&(c[u.key]=e.default,l=!0),a.createVNode(i.Cascader,{pathMode:e.pathMode,ref:d=>t=d,multiple:e.multiple,modelValue:c[u.key],"onUpdate:modelValue":d=>c[u.key]=d,placeholder:e.placeholder,allowClear:e.clearable,allowSearch:e.searchable,maxTagCount:e.maxTagCount??2,onChange:o,options:r.value},null))}function de(e){return t=>e(t)}function se(){return{input:H,textarea:le,select:ee,treeSelect:ne,date:X,switch:te,dateRange:re,render:de,cascader:ce}}function oe(e,t){t.render||(t.render=r=>r.input());const l=t.render({...se()});return{default:()=>l(e,t)}}function ie(e,t){return a.h(i.FormItem,{field:t.key,label:t.title},oe(e,t))}function x(e){return typeof e=="function"||Object.prototype.toString.call(e)==="[object Object]"&&!a.isVNode(e)}const D=a.defineComponent({props:{form:{type:Object,required:!0},value:{type:Object,required:!1},layout:{type:String,required:!1,default:"horizontal"},columns:{type:Number,required:!1},modelValue:{type:Object,required:!1},minWidth:{type:Number,required:!1,default:400},name:{type:String,required:!1,default:`form-${Math.random().toString(32).slice(2)}`},id:{type:String,required:!1,default:`form-${Math.random().toString(32).slice(2)}`},submitable:{type:Boolean,required:!1,default:!1},searchable:{type:Boolean,required:!1,default:!1},footer:{type:Boolean,required:!1,default:!1}},emits:["submit","cancel","update:model-value"],expose:["formSource","updateFormField","updateFormSource","reset","validate"],setup(e){const t=a.ref(),[l,r]=Q(e.form,e.modelValue||e.value),n=a.ref(e.columns||0),o=a.ref(!0),s=()=>o.value=!o.value;a.provide(N.id,e.id),a.provide(N.source,l);const h=a.computed(()=>{if(!n.value)return 1;const f=e.form.reduce((y,$)=>y+(($==null?void 0:$.span)||1),0);return n.value-f%n.value}),b=a.computed(()=>e.form.reduce((f,y)=>(y.rule&&(f[y.key]=y.rule),f),{}));function c(){var y;if(e.columns)return;const f=(y=t.value)==null?void 0:y.$el;f&&(n.value=Math.floor(f.offsetWidth/e.minWidth))}function u(){var y;const f=(y=t.value)==null?void 0:y.$el;f&&(f.id=e.id)}a.onMounted(()=>{c(),u()});function d(f,y){l.value[f]=y,r({...l})}function m(){var f;(f=t.value)==null||f.resetFields()}function k(){var f;return(f=t.value)==null?void 0:f.validate()}return window.addEventListener("resize",c),{formSource:l,formInstance:t,formColumns:n,formRules:b,formCollspased:o,formActiosSpan:h,toggleFormCollapsed:s,updateFormField:d,updateFormSource:r,reset:m,validate:k}},render(){const e=()=>{this.$emit("submit",this.formSource),this.$emit("update:model-value",this.formSource)},t=()=>{const r=[],n=this.footer?{span:this.formColumns}:{span:this.formActiosSpan};if(this.searchable&&(r.push(a.createVNode(i.Button,{type:"primary",htmlType:"submit"},{default:()=>[a.createTextVNode("搜索")]})),r.push(a.createVNode(i.Button,{type:"secondary",onClick:()=>{var o;return(o=this.formInstance)==null?void 0:o.resetFields()}},{default:()=>[a.createTextVNode("重置")]}))),this.submitable&&(r.push(a.createVNode(i.Button,{type:"primary",htmlType:"submit"},{default:()=>[a.createTextVNode("提交")]})),r.push(a.createVNode(i.Button,{type:"secondary",onClick:()=>this.$emit("cancel")},{default:()=>[a.createTextVNode("取消")]}))),this.form.some(o=>!!o.collapsed)&&r.push(a.createVNode(i.Button,{onClick:this.toggleFormCollapsed},{default:()=>this.formCollspased?"展开":"收起",icon:()=>this.formCollspased?a.createVNode(B,null,null):a.createVNode(K,null,null)})),this.$slots.actions&&r.push(...this.$slots.actions()),r.length)return a.createVNode(i.GridItem,n,{default:()=>[a.createVNode(i.FormItem,{hideLabel:!0,contentClass:this.footer?"form-footer":""},{default:()=>[a.createVNode(i.Space,null,x(r)?r:{default:()=>[r]})]})]})},l=this.form.filter(r=>this.formCollspased?!r.collapsed:!0).filter(r=>{switch(!0){case typeof r.visiable=="boolean":return r.visiable;case typeof r.visiable=="function":return r.visiable(this.formSource);default:return!0}});return a.createVNode("div",{class:"form-render"},[a.createVNode(i.Form,a.mergeProps({name:this.name},{labelAlign:"left",layout:this.$props.layout,rules:this.formRules,onSubmitSuccess:e,"auto-label-width":!0,ref:r=>this.formInstance=r,model:this.formSource}),{default:()=>[a.createVNode(i.Grid,{cols:this.formColumns,"col-gap":24,"rol-gap":10},{default:()=>[l.filter(()=>this.formColumns!==0).map(r=>{let n;return a.createVNode(i.GridItem,{span:r.span},x(n=ie(this.formSource,r))?n:{default:()=>[n]})}),t()]})]})])}});function fe(e){return e}function me(e){const t=a.getCurrentInstance(),l=a.ref();function r(){var o,s;const n=(s=(o=t==null?void 0:t.proxy)==null?void 0:o.$refs)==null?void 0:s[e];n&&(l.value=n)}return a.onMounted(r),a.onUpdated(r),l}const he={install(e,t){e.component("FormRender",D)}};exports.FormRenderResolver=_.FormRenderResolver;exports.FormRender=D;exports.default=he;exports.defineForm=fe;exports.useForm=me;
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("vue"),i=require("@arco-design/web-vue"),w=require("dayjs"),_=require("./resolver.cjs");const M=Symbol("ArcoConfigProvider"),P="arco",T="$arco",O=e=>{var t,l,r;const n=a.getCurrentInstance(),o=a.inject(M,void 0),s=(r=(l=o==null?void 0:o.prefixCls)!=null?l:(t=n==null?void 0:n.appContext.config.globalProperties[T])==null?void 0:t.classPrefix)!=null?r:P;return e?`${s}-${e}`:s},R=Object.prototype.toString;function I(e){return R.call(e)==="[object Number]"&&e===e}var j=(e,t)=>{for(const[l,r]of t)e[l]=r;return e};const p=a.defineComponent({name:"IconDown",props:{size:{type:[Number,String]},strokeWidth:{type:Number,default:4},strokeLinecap:{type:String,default:"butt",validator:e=>["butt","round","square"].includes(e)},strokeLinejoin:{type:String,default:"miter",validator:e=>["arcs","bevel","miter","miter-clip","round"].includes(e)},rotate:Number,spin:Boolean},emits:{click:e=>!0},setup(e,{emit:t}){const l=O("icon"),r=a.computed(()=>[l,`${l}-down`,{[`${l}-spin`]:e.spin}]),n=a.computed(()=>{const s={};return e.size&&(s.fontSize=I(e.size)?`${e.size}px`:e.size),e.rotate&&(s.transform=`rotate(${e.rotate}deg)`),s});return{cls:r,innerStyle:n,onClick:s=>{t("click",s)}}}}),z=["stroke-width","stroke-linecap","stroke-linejoin"],L=a.createElementVNode("path",{d:"M39.6 17.443 24.043 33 8.487 17.443"},null,-1),q=[L];function B(e,t,l,r,n,o){return a.openBlock(),a.createElementBlock("svg",{viewBox:"0 0 48 48",fill:"none",xmlns:"http://www.w3.org/2000/svg",stroke:"currentColor",class:a.normalizeClass(e.cls),style:a.normalizeStyle(e.innerStyle),"stroke-width":e.strokeWidth,"stroke-linecap":e.strokeLinecap,"stroke-linejoin":e.strokeLinejoin,onClick:t[0]||(t[0]=(...s)=>e.onClick&&e.onClick(...s))},q,14,z)}var C=j(p,[["render",B]]);const E=Object.assign(C,{install:(e,t)=>{var l;const r=(l=t==null?void 0:t.iconPrefix)!=null?l:"";e.component(r+C.name,C)}}),U=a.defineComponent({name:"IconUp",props:{size:{type:[Number,String]},strokeWidth:{type:Number,default:4},strokeLinecap:{type:String,default:"butt",validator:e=>["butt","round","square"].includes(e)},strokeLinejoin:{type:String,default:"miter",validator:e=>["arcs","bevel","miter","miter-clip","round"].includes(e)},rotate:Number,spin:Boolean},emits:{click:e=>!0},setup(e,{emit:t}){const l=O("icon"),r=a.computed(()=>[l,`${l}-up`,{[`${l}-spin`]:e.spin}]),n=a.computed(()=>{const s={};return e.size&&(s.fontSize=I(e.size)?`${e.size}px`:e.size),e.rotate&&(s.transform=`rotate(${e.rotate}deg)`),s});return{cls:r,innerStyle:n,onClick:s=>{t("click",s)}}}}),W=["stroke-width","stroke-linecap","stroke-linejoin"],A=a.createElementVNode("path",{d:"M39.6 30.557 24.043 15 8.487 30.557"},null,-1),Y=[A];function G(e,t,l,r,n,o){return a.openBlock(),a.createElementBlock("svg",{viewBox:"0 0 48 48",fill:"none",xmlns:"http://www.w3.org/2000/svg",stroke:"currentColor",class:a.normalizeClass(e.cls),style:a.normalizeStyle(e.innerStyle),"stroke-width":e.strokeWidth,"stroke-linecap":e.strokeLinecap,"stroke-linejoin":e.strokeLinejoin,onClick:t[0]||(t[0]=(...s)=>e.onClick&&e.onClick(...s))},Y,14,W)}var V=j(U,[["render",G]]);const K=Object.assign(V,{install:(e,t)=>{var l;const r=(l=t==null?void 0:t.iconPrefix)!=null?l:"";e.component(r+V.name,V)}}),N={id:Symbol("ID"),source:Symbol("Source")};function Q(e,t){const l=a.ref({});return e==null||e.forEach(n=>{let o=null;n.default&&(o=(typeof n.default=="function"?n.default():n.default)||null),t&&t[n.key]!==void 0&&(o=t[n.key]),l.value[n.key]=o}),[l,n=>{l.value=n}]}function X(e){function t(l,r){return e!=null&&e.disabledDate?e.disabledDate(l,r):!1}return(l,r)=>{switch(e==null?void 0:e.type){case"week":return a.createVNode(i.WeekPicker,{modelValue:l[r.key],"onUpdate:modelValue":n=>l[r.key]=n,"disabled-date":t,format:e==null?void 0:e.labelFormat,"value-format":e==null?void 0:e.valueFormat},null);case"month":return a.createVNode(i.MonthPicker,{modelValue:l[r.key],"onUpdate:modelValue":n=>l[r.key]=n,"disabled-date":t,format:e==null?void 0:e.labelFormat,"value-format":e==null?void 0:e.valueFormat},null);case"quarter":return a.createVNode(i.QuarterPicker,{modelValue:l[r.key],"onUpdate:modelValue":n=>l[r.key]=n,"disabled-date":t,format:e==null?void 0:e.labelFormat,"value-format":e==null?void 0:e.valueFormat},null);case"year":return a.createVNode(i.YearPicker,{modelValue:l[r.key],"onUpdate:modelValue":n=>l[r.key]=n,"disabled-date":t,format:e==null?void 0:e.labelFormat,"value-format":e==null?void 0:e.valueFormat},null);case"date":default:return a.createVNode(i.DatePicker,{"disabled-input":!0,modelValue:l[r.key],"onUpdate:modelValue":n=>l[r.key]=n,"disabled-date":t,format:e==null?void 0:e.labelFormat,"value-format":e==null?void 0:e.valueFormat},null)}}}function H(e){return(t,l)=>{switch(e==null?void 0:e.type){case"number":return a.createVNode(i.InputNumber,{modelValue:t[l.key],"onUpdate:modelValue":r=>t[l.key]=r,hideButton:!0,"read-only":e==null?void 0:e.readonly,placeholder:e==null?void 0:e.placeholder,allowClear:e==null?void 0:e.clearable},null);case"string":default:return a.createVNode(i.Input,{modelValue:t[l.key],"onUpdate:modelValue":r=>t[l.key]=r,placeholder:e==null?void 0:e.placeholder,readonly:e==null?void 0:e.readonly,allowClear:e==null?void 0:e.clearable},null)}}}typeof WorkerGlobalScope<"u"&&globalThis instanceof WorkerGlobalScope;function F(e,t,l){const r=a.watch(e,(...n)=>(a.nextTick(()=>r()),t(...n)),l);return r}function J(e){return typeof e=="function"||Object.prototype.toString.call(e)==="[object Object]"&&!a.isVNode(e)}const v=new WeakMap;function Z(){const e=a.ref(new Map);return[e,l=>e.value=l]}function ee(e){let t,l=!1;const[r,n]=Z(),o=()=>{if(!e.autoSumbit||!t)return;let c=t;for(;c&&c.$el.tagName!=="FORM";)c=c.$parent;c&&c.$el&&c.$el.dispatchEvent(new Event("submit"))},s=(c,u)=>{const d=c();d instanceof Promise?d.then(u):u(d)},h=async()=>{const c=v.get(e.options);switch(typeof c){case"function":v.set(e.options,n);return;case"object":n(c);return}v.set(e.options,n),s(e.options,u=>{const d=v.get(e.options);v.set(e.options,u),d(u)})},b=()=>{s(e.options,c=>{n(c)})};switch(!0){case e.options instanceof Function:{e.cache!==!1?h():b();break}case a.isRef(e.options):{F(e.options,()=>{n(e.options.value)},{immediate:!0});break}default:r.value=e.options}return(c,u)=>{let d;return e.default&&!l&&(c[u.key]=e.default,l=!0),a.createVNode(i.Select,{ref:m=>t=m,multiple:e.multiple,modelValue:c[u.key],"onUpdate:modelValue":m=>c[u.key]=m,placeholder:e.placeholder,allowClear:e.clearable,allowSearch:e.searchable,maxTagCount:e.maxTagCount??2,onChange:o},J(d=Array.from(r.value.entries()).map(([m,k])=>a.createVNode(i.Option,{key:m,value:m,label:k},null)))?d:{default:()=>[d]})}}function te(e){function t(){e!=null&&e.autoSumbit}return(l,r)=>(e!=null&&e.default&&(l[r.key]=e.default),a.createVNode(i.Switch,{modelValue:l[r.key],"onUpdate:modelValue":n=>l[r.key]=n,checkedText:(e==null?void 0:e.openLabel)??"是",uncheckedText:(e==null?void 0:e.closeLabel)??"否",checkedValue:(e==null?void 0:e.openValue)??!0,uncheckedValue:(e==null?void 0:e.closeValue)??!1,onChange:t},null))}function re(e){return(t,l)=>{let r=[];function n(h){r=h}function o(h){if(h&&h.length===2){const[b,c]=h.sort(),u=w(b).startOf("days"),d=w(c).endOf("days");t[l.key]=[u.format((e==null?void 0:e.valueFormat)||"YYYY-MM-DD"),d.format((e==null?void 0:e.valueFormat)||"YYYY-MM-DD")]}}function s(h){return e!=null&&e.disabledDate?e.disabledDate(r,h):!1}return a.createVNode("div",null,[a.createVNode(i.RangePicker,{"disabled-input":!0,style:{width:"300px"},modelValue:t[l.key],"onUpdate:modelValue":h=>t[l.key]=h,onSelect:n,onChange:o,mode:e==null?void 0:e.type,allowClear:e==null?void 0:e.clearable,"disabled-date":s,format:e==null?void 0:e.labelFormat,"value-format":e==null?void 0:e.valueFormat},null)])}}function le(e){return(t,l)=>a.createVNode(i.Textarea,{modelValue:t[l.key],"onUpdate:modelValue":r=>t[l.key]=r,placeholder:e==null?void 0:e.placeholder,autoSize:e==null?void 0:e.autosize,maxLength:e==null?void 0:e.maxLength},null)}const S=new WeakMap;function ae(){const e=a.ref([]);return[e,l=>e.value=l]}function ne(e){let t,l=!1;const[r,n]=ae(),o=()=>{if(!e.autoSumbit||!t)return;let u=t;for(;u&&u.$el.tagName!=="FORM";)u=u.$parent;u&&u.$el&&u.$el.dispatchEvent(new Event("submit"))},s=(u,d)=>{const m=u();m instanceof Promise?m.then(d):d(m)},h=async()=>{const u=S.get(e.options);switch(typeof u){case"function":S.set(e.options,n);return;case"object":n(u);return}S.set(e.options,n),s(e.options,d=>{const m=S.get(e.options);S.set(e.options,d),m(d)})},b=()=>{s(e.options,u=>{n(u)})};switch(!0){case e.options instanceof Function:{e.cache!==!1?h():b();break}case a.isRef(e.options):{F(e.options,()=>{n(e.options.value)},{immediate:!0});break}default:r.value=e.options}function c(u,d){var f;const m=((f=e.fieldNames)==null?void 0:f.title)||"title",k=d[m];return k?k.toLowerCase().includes(u.toLowerCase()):!1}return(u,d)=>(e.default&&!l&&(u[d.key]=e.default,l=!0),a.createVNode(i.TreeSelect,{ref:m=>t=m,multiple:e.multiple,modelValue:u[d.key],"onUpdate:modelValue":m=>u[d.key]=m,placeholder:e.placeholder,allowClear:e.clearable,allowSearch:e.searchable,maxTagCount:e.maxTagCount??2,onChange:o,filterTreeNode:c,data:r.value,fieldNames:e.fieldNames,treeProps:e.treeProps},null))}const g=new WeakMap;function ue(){const e=a.ref([]);return[e,l=>e.value=l]}function ce(e){let t,l=!1;const[r,n]=ue(),o=()=>{if(!e.autoSumbit||!t)return;let c=t;for(;c&&c.$el.tagName!=="FORM";)c=c.$parent;c&&c.$el&&c.$el.dispatchEvent(new Event("submit"))},s=(c,u)=>{const d=c();d instanceof Promise?d.then(u):u(d)},h=async()=>{const c=g.get(e.options);switch(typeof c){case"function":g.set(e.options,n);return;case"object":n(c);return}g.set(e.options,n),s(e.options,u=>{const d=g.get(e.options);g.set(e.options,u),d(u)})},b=()=>{s(e.options,c=>{n(c)})};switch(!0){case e.options instanceof Function:{e.cache!==!1?h():b();break}case a.isRef(e.options):{F(e.options,()=>{n(e.options.value)},{immediate:!0});break}default:r.value=e.options}return(c,u)=>(e.default&&!l&&(c[u.key]=e.default,l=!0),a.createVNode(i.Cascader,{pathMode:e.pathMode,ref:d=>t=d,multiple:e.multiple,modelValue:c[u.key],"onUpdate:modelValue":d=>c[u.key]=d,placeholder:e.placeholder,allowClear:e.clearable,allowSearch:e.searchable,maxTagCount:e.maxTagCount??2,onChange:o,options:r.value},null))}function de(e){return t=>e(t)}function se(){return{input:H,textarea:le,select:ee,treeSelect:ne,date:X,switch:te,dateRange:re,render:de,cascader:ce}}function oe(e,t){t.render||(t.render=r=>r.input());const l=t.render({...se()});return{default:()=>l(e,t)}}function ie(e,t){return a.h(i.FormItem,{field:t.key,label:t.title},oe(e,t))}function x(e){return typeof e=="function"||Object.prototype.toString.call(e)==="[object Object]"&&!a.isVNode(e)}const D=a.defineComponent({props:{form:{type:Object,required:!0},value:{type:Object,required:!1},layout:{type:String,required:!1,default:"horizontal"},columns:{type:Number,required:!1},modelValue:{type:Object,required:!1},minWidth:{type:Number,required:!1,default:400},name:{type:String,required:!1,default:`form-${Math.random().toString(32).slice(2)}`},id:{type:String,required:!1,default:`form-${Math.random().toString(32).slice(2)}`},submitable:{type:Boolean,required:!1,default:!1},searchable:{type:Boolean,required:!1,default:!1},footer:{type:Boolean,required:!1,default:!1}},emits:["submit","cancel","update:model-value"],expose:["formSource","updateFormField","updateFormSource","reset","validate"],setup(e){const t=a.ref(),[l,r]=Q(e.form,e.modelValue||e.value),n=a.ref(e.columns||0),o=a.ref(!0),s=()=>o.value=!o.value;a.provide(N.id,e.id),a.provide(N.source,l);const h=a.computed(()=>{if(!n.value)return 1;const f=e.form.reduce((y,$)=>y+(($==null?void 0:$.span)||1),0);return n.value-f%n.value}),b=a.computed(()=>e.form.reduce((f,y)=>(y.rule&&(f[y.key]=y.rule),f),{}));function c(){var y;if(e.columns)return;const f=(y=t.value)==null?void 0:y.$el;f&&(n.value=Math.floor(f.offsetWidth/e.minWidth))}function u(){var y;const f=(y=t.value)==null?void 0:y.$el;f&&(f.id=e.id)}a.onMounted(()=>{c(),u()});function d(f,y){l.value[f]=y,r({...l.value})}function m(){var f;(f=t.value)==null||f.resetFields()}function k(){var f;return(f=t.value)==null?void 0:f.validate()}return window.addEventListener("resize",c),{formSource:l,formInstance:t,formColumns:n,formRules:b,formCollspased:o,formActiosSpan:h,toggleFormCollapsed:s,updateFormField:d,updateFormSource:r,reset:m,validate:k}},render(){const e=()=>{this.$emit("submit",this.formSource),this.$emit("update:model-value",this.formSource)},t=()=>{const r=[],n=this.footer?{span:this.formColumns}:{span:this.formActiosSpan};if(this.searchable&&(r.push(a.createVNode(i.Button,{type:"primary",htmlType:"submit"},{default:()=>[a.createTextVNode("搜索")]})),r.push(a.createVNode(i.Button,{type:"secondary",onClick:()=>{var o;return(o=this.formInstance)==null?void 0:o.resetFields()}},{default:()=>[a.createTextVNode("重置")]}))),this.submitable&&(r.push(a.createVNode(i.Button,{type:"primary",htmlType:"submit"},{default:()=>[a.createTextVNode("提交")]})),r.push(a.createVNode(i.Button,{type:"secondary",onClick:()=>this.$emit("cancel")},{default:()=>[a.createTextVNode("取消")]}))),this.form.some(o=>!!o.collapsed)&&r.push(a.createVNode(i.Button,{onClick:this.toggleFormCollapsed},{default:()=>this.formCollspased?"展开":"收起",icon:()=>this.formCollspased?a.createVNode(E,null,null):a.createVNode(K,null,null)})),this.$slots.actions&&r.push(...this.$slots.actions()),r.length)return a.createVNode(i.GridItem,n,{default:()=>[a.createVNode(i.FormItem,{hideLabel:!0,contentClass:this.footer?"form-footer":""},{default:()=>[a.createVNode(i.Space,null,x(r)?r:{default:()=>[r]})]})]})},l=this.form.filter(r=>this.formCollspased?!r.collapsed:!0).filter(r=>{switch(!0){case typeof r.visiable=="boolean":return r.visiable;case typeof r.visiable=="function":return r.visiable(this.formSource);default:return!0}});return a.createVNode("div",{class:"form-render"},[a.createVNode(i.Form,a.mergeProps({name:this.name},{labelAlign:"left",layout:this.$props.layout,rules:this.formRules,onSubmitSuccess:e,"auto-label-width":!0,ref:r=>this.formInstance=r,model:this.formSource}),{default:()=>[a.createVNode(i.Grid,{cols:this.formColumns,"col-gap":24,"rol-gap":10},{default:()=>[l.filter(()=>this.formColumns!==0).map(r=>{let n;return a.createVNode(i.GridItem,{span:r.span},x(n=ie(this.formSource,r))?n:{default:()=>[n]})}),t()]})]})])}});function fe(e){return e}function me(e){const t=a.getCurrentInstance(),l=a.ref();function r(){var o,s;const n=(s=(o=t==null?void 0:t.proxy)==null?void 0:o.$refs)==null?void 0:s[e];n&&(l.value=n)}return a.onMounted(r),a.onUpdated(r),l}const he={install(e,t){e.component("FormRender",D)}};exports.FormRenderResolver=_.FormRenderResolver;exports.FormRender=D;exports.default=he;exports.defineForm=fe;exports.useForm=me;
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { type TreeFieldNames, type TreeNodeData } from '@arco-design/web-vue';
|
|
2
2
|
import { type Ref } from 'vue';
|
|
3
|
+
import type { TreeProps } from '@arco-design/web-vue/es/tree/interface';
|
|
3
4
|
import type { DataRecord, FormItemRenderReturn } from '../../interfaces';
|
|
4
5
|
export declare function renderTreeSelectItem<T = DataRecord>(options: RenderTreeSelectItemOptions): FormItemRenderReturn<T>;
|
|
5
6
|
export type SelectOptions = TreeNodeData[];
|
|
@@ -14,5 +15,5 @@ export interface RenderTreeSelectItemOptions {
|
|
|
14
15
|
default?: string | number | boolean;
|
|
15
16
|
autoSumbit?: boolean;
|
|
16
17
|
cache?: boolean;
|
|
17
|
-
|
|
18
|
+
treeProps?: TreeProps;
|
|
18
19
|
}
|
package/dist/es/index.mjs
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
import { getCurrentInstance as T, inject as G, defineComponent as V, computed as v, openBlock as L, createElementBlock as z, normalizeClass as R, normalizeStyle as
|
|
2
|
-
import { DatePicker as Z, YearPicker as ee, QuarterPicker as te, MonthPicker as le, WeekPicker as re, Input as ae, InputNumber as ne, Select as ue, Option as ce, Switch as de, RangePicker as se, Textarea as ie, TreeSelect as
|
|
1
|
+
import { getCurrentInstance as T, inject as G, defineComponent as V, computed as v, openBlock as L, createElementBlock as z, normalizeClass as R, normalizeStyle as U, createElementVNode as p, ref as k, createVNode as i, watch as K, nextTick as Q, isRef as I, isVNode as E, h as X, provide as j, onMounted as q, mergeProps as H, createTextVNode as w, onUpdated as J } from "vue";
|
|
2
|
+
import { DatePicker as Z, YearPicker as ee, QuarterPicker as te, MonthPicker as le, WeekPicker as re, Input as ae, InputNumber as ne, Select as ue, Option as ce, Switch as de, RangePicker as se, Textarea as ie, TreeSelect as oe, Cascader as fe, FormItem as W, Form as me, Grid as he, GridItem as _, Button as S, Space as ye } from "@arco-design/web-vue";
|
|
3
3
|
import N from "dayjs";
|
|
4
4
|
import { FormRenderResolver as at } from "./resolver.mjs";
|
|
5
|
-
const ke = Symbol("ArcoConfigProvider"), be = "arco", ve = "$arco",
|
|
5
|
+
const ke = Symbol("ArcoConfigProvider"), be = "arco", ve = "$arco", B = (e) => {
|
|
6
6
|
var t, r, l;
|
|
7
7
|
const a = T(), s = G(ke, void 0), d = (l = (r = s == null ? void 0 : s.prefixCls) != null ? r : (t = a == null ? void 0 : a.appContext.config.globalProperties[ve]) == null ? void 0 : t.classPrefix) != null ? l : be;
|
|
8
8
|
return e ? `${d}-${e}` : d;
|
|
9
9
|
}, Se = Object.prototype.toString;
|
|
10
|
-
function
|
|
10
|
+
function A(e) {
|
|
11
11
|
return Se.call(e) === "[object Number]" && e === e;
|
|
12
12
|
}
|
|
13
13
|
var Y = (e, t) => {
|
|
@@ -44,11 +44,11 @@ const $e = V({
|
|
|
44
44
|
setup(e, {
|
|
45
45
|
emit: t
|
|
46
46
|
}) {
|
|
47
|
-
const r =
|
|
47
|
+
const r = B("icon"), l = v(() => [r, `${r}-down`, {
|
|
48
48
|
[`${r}-spin`]: e.spin
|
|
49
49
|
}]), a = v(() => {
|
|
50
50
|
const d = {};
|
|
51
|
-
return e.size && (d.fontSize =
|
|
51
|
+
return e.size && (d.fontSize = A(e.size) ? `${e.size}px` : e.size), e.rotate && (d.transform = `rotate(${e.rotate}deg)`), d;
|
|
52
52
|
});
|
|
53
53
|
return {
|
|
54
54
|
cls: l,
|
|
@@ -58,7 +58,7 @@ const $e = V({
|
|
|
58
58
|
}
|
|
59
59
|
};
|
|
60
60
|
}
|
|
61
|
-
}), ge = ["stroke-width", "stroke-linecap", "stroke-linejoin"], Ce = /* @__PURE__ */
|
|
61
|
+
}), ge = ["stroke-width", "stroke-linecap", "stroke-linejoin"], Ce = /* @__PURE__ */ p("path", {
|
|
62
62
|
d: "M39.6 17.443 24.043 33 8.487 17.443"
|
|
63
63
|
}, null, -1), we = [Ce];
|
|
64
64
|
function Fe(e, t, r, l, a, s) {
|
|
@@ -68,7 +68,7 @@ function Fe(e, t, r, l, a, s) {
|
|
|
68
68
|
xmlns: "http://www.w3.org/2000/svg",
|
|
69
69
|
stroke: "currentColor",
|
|
70
70
|
class: R(e.cls),
|
|
71
|
-
style:
|
|
71
|
+
style: U(e.innerStyle),
|
|
72
72
|
"stroke-width": e.strokeWidth,
|
|
73
73
|
"stroke-linecap": e.strokeLinecap,
|
|
74
74
|
"stroke-linejoin": e.strokeLinejoin,
|
|
@@ -111,11 +111,11 @@ const xe = Object.assign(x, {
|
|
|
111
111
|
setup(e, {
|
|
112
112
|
emit: t
|
|
113
113
|
}) {
|
|
114
|
-
const r =
|
|
114
|
+
const r = B("icon"), l = v(() => [r, `${r}-up`, {
|
|
115
115
|
[`${r}-spin`]: e.spin
|
|
116
116
|
}]), a = v(() => {
|
|
117
117
|
const d = {};
|
|
118
|
-
return e.size && (d.fontSize =
|
|
118
|
+
return e.size && (d.fontSize = A(e.size) ? `${e.size}px` : e.size), e.rotate && (d.transform = `rotate(${e.rotate}deg)`), d;
|
|
119
119
|
});
|
|
120
120
|
return {
|
|
121
121
|
cls: l,
|
|
@@ -125,7 +125,7 @@ const xe = Object.assign(x, {
|
|
|
125
125
|
}
|
|
126
126
|
};
|
|
127
127
|
}
|
|
128
|
-
}), Ve = ["stroke-width", "stroke-linecap", "stroke-linejoin"], Ie = /* @__PURE__ */
|
|
128
|
+
}), Ve = ["stroke-width", "stroke-linecap", "stroke-linejoin"], Ie = /* @__PURE__ */ p("path", {
|
|
129
129
|
d: "M39.6 30.557 24.043 15 8.487 30.557"
|
|
130
130
|
}, null, -1), De = [Ie];
|
|
131
131
|
function je(e, t, r, l, a, s) {
|
|
@@ -135,7 +135,7 @@ function je(e, t, r, l, a, s) {
|
|
|
135
135
|
xmlns: "http://www.w3.org/2000/svg",
|
|
136
136
|
stroke: "currentColor",
|
|
137
137
|
class: R(e.cls),
|
|
138
|
-
style:
|
|
138
|
+
style: U(e.innerStyle),
|
|
139
139
|
"stroke-width": e.strokeWidth,
|
|
140
140
|
"stroke-linecap": e.strokeLinecap,
|
|
141
141
|
"stroke-linejoin": e.strokeLinejoin,
|
|
@@ -243,7 +243,7 @@ function D(e, t, r) {
|
|
|
243
243
|
return l;
|
|
244
244
|
}
|
|
245
245
|
function Te(e) {
|
|
246
|
-
return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !
|
|
246
|
+
return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !E(e);
|
|
247
247
|
}
|
|
248
248
|
const $ = /* @__PURE__ */ new WeakMap();
|
|
249
249
|
function Le() {
|
|
@@ -300,18 +300,18 @@ function ze(e) {
|
|
|
300
300
|
return (u, n) => {
|
|
301
301
|
let c;
|
|
302
302
|
return e.default && !r && (u[n.key] = e.default, r = !0), i(ue, {
|
|
303
|
-
ref: (
|
|
303
|
+
ref: (f) => t = f,
|
|
304
304
|
multiple: e.multiple,
|
|
305
305
|
modelValue: u[n.key],
|
|
306
|
-
"onUpdate:modelValue": (
|
|
306
|
+
"onUpdate:modelValue": (f) => u[n.key] = f,
|
|
307
307
|
placeholder: e.placeholder,
|
|
308
308
|
allowClear: e.clearable,
|
|
309
309
|
allowSearch: e.searchable,
|
|
310
310
|
maxTagCount: e.maxTagCount ?? 2,
|
|
311
311
|
onChange: s
|
|
312
|
-
}, Te(c = Array.from(l.value.entries()).map(([
|
|
313
|
-
key:
|
|
314
|
-
value:
|
|
312
|
+
}, Te(c = Array.from(l.value.entries()).map(([f, b]) => i(ce, {
|
|
313
|
+
key: f,
|
|
314
|
+
value: f,
|
|
315
315
|
label: b
|
|
316
316
|
}, null))) ? c : {
|
|
317
317
|
default: () => [c]
|
|
@@ -332,7 +332,7 @@ function Re(e) {
|
|
|
332
332
|
onChange: t
|
|
333
333
|
}, null));
|
|
334
334
|
}
|
|
335
|
-
function
|
|
335
|
+
function Ue(e) {
|
|
336
336
|
return (t, r) => {
|
|
337
337
|
let l = [];
|
|
338
338
|
function a(m) {
|
|
@@ -364,7 +364,7 @@ function pe(e) {
|
|
|
364
364
|
}, null)]);
|
|
365
365
|
};
|
|
366
366
|
}
|
|
367
|
-
function
|
|
367
|
+
function pe(e) {
|
|
368
368
|
return (t, r) => i(ie, {
|
|
369
369
|
modelValue: t[r.key],
|
|
370
370
|
"onUpdate:modelValue": (l) => t[r.key] = l,
|
|
@@ -374,13 +374,13 @@ function Ee(e) {
|
|
|
374
374
|
}, null);
|
|
375
375
|
}
|
|
376
376
|
const g = /* @__PURE__ */ new WeakMap();
|
|
377
|
-
function
|
|
377
|
+
function Ee() {
|
|
378
378
|
const e = k([]);
|
|
379
379
|
return [e, (r) => e.value = r];
|
|
380
380
|
}
|
|
381
381
|
function qe(e) {
|
|
382
382
|
let t, r = !1;
|
|
383
|
-
const [l, a] =
|
|
383
|
+
const [l, a] = Ee(), s = () => {
|
|
384
384
|
if (!e.autoSumbit || !t)
|
|
385
385
|
return;
|
|
386
386
|
let n = t;
|
|
@@ -388,8 +388,8 @@ function qe(e) {
|
|
|
388
388
|
n = n.$parent;
|
|
389
389
|
n && n.$el && n.$el.dispatchEvent(new Event("submit"));
|
|
390
390
|
}, d = (n, c) => {
|
|
391
|
-
const
|
|
392
|
-
|
|
391
|
+
const f = n();
|
|
392
|
+
f instanceof Promise ? f.then(c) : c(f);
|
|
393
393
|
}, m = async () => {
|
|
394
394
|
const n = g.get(e.options);
|
|
395
395
|
switch (typeof n) {
|
|
@@ -401,8 +401,8 @@ function qe(e) {
|
|
|
401
401
|
return;
|
|
402
402
|
}
|
|
403
403
|
g.set(e.options, a), d(e.options, (c) => {
|
|
404
|
-
const
|
|
405
|
-
g.set(e.options, c),
|
|
404
|
+
const f = g.get(e.options);
|
|
405
|
+
g.set(e.options, c), f(c);
|
|
406
406
|
});
|
|
407
407
|
}, y = () => {
|
|
408
408
|
d(e.options, (n) => {
|
|
@@ -426,15 +426,15 @@ function qe(e) {
|
|
|
426
426
|
l.value = e.options;
|
|
427
427
|
}
|
|
428
428
|
function u(n, c) {
|
|
429
|
-
var
|
|
430
|
-
const
|
|
429
|
+
var o;
|
|
430
|
+
const f = ((o = e.fieldNames) == null ? void 0 : o.title) || "title", b = c[f];
|
|
431
431
|
return b ? b.toLowerCase().includes(n.toLowerCase()) : !1;
|
|
432
432
|
}
|
|
433
|
-
return (n, c) => (e.default && !r && (n[c.key] = e.default, r = !0), i(
|
|
434
|
-
ref: (
|
|
433
|
+
return (n, c) => (e.default && !r && (n[c.key] = e.default, r = !0), i(oe, {
|
|
434
|
+
ref: (f) => t = f,
|
|
435
435
|
multiple: e.multiple,
|
|
436
436
|
modelValue: n[c.key],
|
|
437
|
-
"onUpdate:modelValue": (
|
|
437
|
+
"onUpdate:modelValue": (f) => n[c.key] = f,
|
|
438
438
|
placeholder: e.placeholder,
|
|
439
439
|
allowClear: e.clearable,
|
|
440
440
|
allowSearch: e.searchable,
|
|
@@ -443,9 +443,7 @@ function qe(e) {
|
|
|
443
443
|
filterTreeNode: u,
|
|
444
444
|
data: l.value,
|
|
445
445
|
fieldNames: e.fieldNames,
|
|
446
|
-
treeProps:
|
|
447
|
-
defaultExpandAll: e.defaultExpandAll
|
|
448
|
-
}
|
|
446
|
+
treeProps: e.treeProps
|
|
449
447
|
}, null));
|
|
450
448
|
}
|
|
451
449
|
const C = /* @__PURE__ */ new WeakMap();
|
|
@@ -453,7 +451,7 @@ function We() {
|
|
|
453
451
|
const e = k([]);
|
|
454
452
|
return [e, (r) => e.value = r];
|
|
455
453
|
}
|
|
456
|
-
function
|
|
454
|
+
function Be(e) {
|
|
457
455
|
let t, r = !1;
|
|
458
456
|
const [l, a] = We(), s = () => {
|
|
459
457
|
if (!e.autoSumbit || !t)
|
|
@@ -500,7 +498,7 @@ function Ae(e) {
|
|
|
500
498
|
default:
|
|
501
499
|
l.value = e.options;
|
|
502
500
|
}
|
|
503
|
-
return (u, n) => (e.default && !r && (u[n.key] = e.default, r = !0), i(
|
|
501
|
+
return (u, n) => (e.default && !r && (u[n.key] = e.default, r = !0), i(fe, {
|
|
504
502
|
pathMode: e.pathMode,
|
|
505
503
|
ref: (c) => t = c,
|
|
506
504
|
multiple: e.multiple,
|
|
@@ -514,20 +512,20 @@ function Ae(e) {
|
|
|
514
512
|
options: l.value
|
|
515
513
|
}, null));
|
|
516
514
|
}
|
|
517
|
-
function
|
|
515
|
+
function Ae(e) {
|
|
518
516
|
return (t) => e(t);
|
|
519
517
|
}
|
|
520
518
|
function Ye() {
|
|
521
519
|
return {
|
|
522
520
|
input: Pe,
|
|
523
|
-
textarea:
|
|
521
|
+
textarea: pe,
|
|
524
522
|
select: ze,
|
|
525
523
|
treeSelect: qe,
|
|
526
524
|
date: Me,
|
|
527
525
|
switch: Re,
|
|
528
|
-
dateRange:
|
|
529
|
-
render:
|
|
530
|
-
cascader:
|
|
526
|
+
dateRange: Ue,
|
|
527
|
+
render: Ae,
|
|
528
|
+
cascader: Be
|
|
531
529
|
};
|
|
532
530
|
}
|
|
533
531
|
function Ge(e, t) {
|
|
@@ -546,7 +544,7 @@ function Ke(e, t) {
|
|
|
546
544
|
}, Ge(e, t));
|
|
547
545
|
}
|
|
548
546
|
function P(e) {
|
|
549
|
-
return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !
|
|
547
|
+
return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !E(e);
|
|
550
548
|
}
|
|
551
549
|
const Qe = /* @__PURE__ */ V({
|
|
552
550
|
props: {
|
|
@@ -610,36 +608,36 @@ const Qe = /* @__PURE__ */ V({
|
|
|
610
608
|
const m = v(() => {
|
|
611
609
|
if (!a.value)
|
|
612
610
|
return 1;
|
|
613
|
-
const
|
|
614
|
-
return a.value -
|
|
615
|
-
}), y = v(() => e.form.reduce((
|
|
611
|
+
const o = e.form.reduce((h, F) => h + ((F == null ? void 0 : F.span) || 1), 0);
|
|
612
|
+
return a.value - o % a.value;
|
|
613
|
+
}), y = v(() => e.form.reduce((o, h) => (h.rule && (o[h.key] = h.rule), o), {}));
|
|
616
614
|
function u() {
|
|
617
615
|
var h;
|
|
618
616
|
if (e.columns)
|
|
619
617
|
return;
|
|
620
|
-
const
|
|
621
|
-
|
|
618
|
+
const o = (h = t.value) == null ? void 0 : h.$el;
|
|
619
|
+
o && (a.value = Math.floor(o.offsetWidth / e.minWidth));
|
|
622
620
|
}
|
|
623
621
|
function n() {
|
|
624
622
|
var h;
|
|
625
|
-
const
|
|
626
|
-
|
|
623
|
+
const o = (h = t.value) == null ? void 0 : h.$el;
|
|
624
|
+
o && (o.id = e.id);
|
|
627
625
|
}
|
|
628
626
|
q(() => {
|
|
629
627
|
u(), n();
|
|
630
628
|
});
|
|
631
|
-
function c(
|
|
632
|
-
r.value[
|
|
633
|
-
...r
|
|
629
|
+
function c(o, h) {
|
|
630
|
+
r.value[o] = h, l({
|
|
631
|
+
...r.value
|
|
634
632
|
});
|
|
635
633
|
}
|
|
636
|
-
function
|
|
637
|
-
var
|
|
638
|
-
(
|
|
634
|
+
function f() {
|
|
635
|
+
var o;
|
|
636
|
+
(o = t.value) == null || o.resetFields();
|
|
639
637
|
}
|
|
640
638
|
function b() {
|
|
641
|
-
var
|
|
642
|
-
return (
|
|
639
|
+
var o;
|
|
640
|
+
return (o = t.value) == null ? void 0 : o.validate();
|
|
643
641
|
}
|
|
644
642
|
return window.addEventListener("resize", u), {
|
|
645
643
|
formSource: r,
|
|
@@ -651,7 +649,7 @@ const Qe = /* @__PURE__ */ V({
|
|
|
651
649
|
toggleFormCollapsed: d,
|
|
652
650
|
updateFormField: c,
|
|
653
651
|
updateFormSource: l,
|
|
654
|
-
reset:
|
|
652
|
+
reset: f,
|
|
655
653
|
validate: b
|
|
656
654
|
};
|
|
657
655
|
},
|