@gopowerteam/form-render 0.0.8 → 0.0.10
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.
- package/dist/cjs/form-render/index.d.ts +19 -0
- package/dist/cjs/index.cjs +1 -1
- package/dist/cjs/index.d.ts +2 -0
- package/dist/cjs/install.d.ts +3 -0
- package/dist/cjs/resolver.cjs +1 -0
- package/dist/cjs/resolver.d.ts +8 -0
- package/dist/es/form-render/index.d.ts +19 -0
- package/dist/es/index.d.ts +2 -0
- package/dist/es/index.mjs +86 -67
- package/dist/es/install.d.ts +3 -0
- package/dist/es/resolver.d.ts +8 -0
- package/dist/es/resolver.mjs +17 -0
- package/package.json +1 -1
|
@@ -10,6 +10,15 @@ export declare const FormRender: import("vue").DefineComponent<{
|
|
|
10
10
|
type: PropType<Record<string, any>>;
|
|
11
11
|
required: false;
|
|
12
12
|
};
|
|
13
|
+
layout: {
|
|
14
|
+
type: PropType<"horizontal" | "vertical">;
|
|
15
|
+
required: false;
|
|
16
|
+
default: string;
|
|
17
|
+
};
|
|
18
|
+
columns: {
|
|
19
|
+
type: NumberConstructor;
|
|
20
|
+
required: false;
|
|
21
|
+
};
|
|
13
22
|
modelValue: {
|
|
14
23
|
type: PropType<Record<string, any>>;
|
|
15
24
|
required: false;
|
|
@@ -307,6 +316,15 @@ export declare const FormRender: import("vue").DefineComponent<{
|
|
|
307
316
|
type: PropType<Record<string, any>>;
|
|
308
317
|
required: false;
|
|
309
318
|
};
|
|
319
|
+
layout: {
|
|
320
|
+
type: PropType<"horizontal" | "vertical">;
|
|
321
|
+
required: false;
|
|
322
|
+
default: string;
|
|
323
|
+
};
|
|
324
|
+
columns: {
|
|
325
|
+
type: NumberConstructor;
|
|
326
|
+
required: false;
|
|
327
|
+
};
|
|
310
328
|
modelValue: {
|
|
311
329
|
type: PropType<Record<string, any>>;
|
|
312
330
|
required: false;
|
|
@@ -343,6 +361,7 @@ export declare const FormRender: import("vue").DefineComponent<{
|
|
|
343
361
|
}, {
|
|
344
362
|
footer: boolean;
|
|
345
363
|
name: string;
|
|
364
|
+
layout: "horizontal" | "vertical";
|
|
346
365
|
minWidth: number;
|
|
347
366
|
submitable: boolean;
|
|
348
367
|
searchable: boolean;
|
package/dist/cjs/index.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("vue"),d=require("@arco-design/web-vue"),V=require("dayjs");const F=Symbol("ArcoConfigProvider"),w="arco",I="$arco",C=e=>{var t,r,a;const u=l.getCurrentInstance(),c=l.inject(F,void 0),n=(a=(r=c==null?void 0:c.prefixCls)!=null?r:(t=u==null?void 0:u.appContext.config.globalProperties[I])==null?void 0:t.classPrefix)!=null?a:w;return e?`${n}-${e}`:n},j=Object.prototype.toString;function $(e){return j.call(e)==="[object Number]"&&e===e}var N=(e,t)=>{for(const[r,a]of t)e[r]=a;return e};const D=l.defineComponent({name:"IconDown",props:{size:{type:[Number,String]},strokeWidth:{type:Number,default:4},strokeLinecap:{type:String,default:"butt",validator:e=>["butt","round","square"].includes(e)},strokeLinejoin:{type:String,default:"miter",validator:e=>["arcs","bevel","miter","miter-clip","round"].includes(e)},rotate:Number,spin:Boolean},emits:{click:e=>!0},setup(e,{emit:t}){const r=C("icon"),a=l.computed(()=>[r,`${r}-down`,{[`${r}-spin`]:e.spin}]),u=l.computed(()=>{const n={};return e.size&&(n.fontSize=$(e.size)?`${e.size}px`:e.size),e.rotate&&(n.transform=`rotate(${e.rotate}deg)`),n});return{cls:a,innerStyle:u,onClick:n=>{t("click",n)}}}}),_=["stroke-width","stroke-linecap","stroke-linejoin"],P=l.createElementVNode("path",{d:"M39.6 17.443 24.043 33 8.487 17.443"},null,-1),z=[P];function B(e,t,r,a,u,c){return l.openBlock(),l.createElementBlock("svg",{viewBox:"0 0 48 48",fill:"none",xmlns:"http://www.w3.org/2000/svg",stroke:"currentColor",class:l.normalizeClass(e.cls),style:l.normalizeStyle(e.innerStyle),"stroke-width":e.strokeWidth,"stroke-linecap":e.strokeLinecap,"stroke-linejoin":e.strokeLinejoin,onClick:t[0]||(t[0]=(...n)=>e.onClick&&e.onClick(...n))},z,14,_)}var b=N(D,[["render",B]]);const O=Object.assign(b,{install:(e,t)=>{var r;const a=(r=t==null?void 0:t.iconPrefix)!=null?r:"";e.component(a+b.name,b)}}),L=l.defineComponent({name:"IconUp",props:{size:{type:[Number,String]},strokeWidth:{type:Number,default:4},strokeLinecap:{type:String,default:"butt",validator:e=>["butt","round","square"].includes(e)},strokeLinejoin:{type:String,default:"miter",validator:e=>["arcs","bevel","miter","miter-clip","round"].includes(e)},rotate:Number,spin:Boolean},emits:{click:e=>!0},setup(e,{emit:t}){const r=C("icon"),a=l.computed(()=>[r,`${r}-up`,{[`${r}-spin`]:e.spin}]),u=l.computed(()=>{const n={};return e.size&&(n.fontSize=$(e.size)?`${e.size}px`:e.size),e.rotate&&(n.transform=`rotate(${e.rotate}deg)`),n});return{cls:a,innerStyle:u,onClick:n=>{t("click",n)}}}}),M=["stroke-width","stroke-linecap","stroke-linejoin"],U=l.createElementVNode("path",{d:"M39.6 30.557 24.043 15 8.487 30.557"},null,-1),q=[U];function T(e,t,r,a,u,c){return l.openBlock(),l.createElementBlock("svg",{viewBox:"0 0 48 48",fill:"none",xmlns:"http://www.w3.org/2000/svg",stroke:"currentColor",class:l.normalizeClass(e.cls),style:l.normalizeStyle(e.innerStyle),"stroke-width":e.strokeWidth,"stroke-linecap":e.strokeLinecap,"stroke-linejoin":e.strokeLinejoin,onClick:t[0]||(t[0]=(...n)=>e.onClick&&e.onClick(...n))},q,14,M)}var v=N(L,[["render",T]]);const R=Object.assign(v,{install:(e,t)=>{var r;const a=(r=t==null?void 0:t.iconPrefix)!=null?r:"";e.component(a+v.name,v)}}),S={id:Symbol("ID"),source:Symbol("Source")};function E(e,t){const r=l.ref({});return e==null||e.forEach(u=>{let c=null;u.default&&(c=(typeof u.default=="function"?u.default():u.default)||null),t&&t[u.key]&&(c=t[u.key]),r.value[u.key]=c}),[r,u=>{r.value=u}]}function A(e){function t(r,a){return e!=null&&e.disabledDate?e.disabledDate(r,a):!1}return(r,a)=>{switch(e==null?void 0:e.type){case"week":return l.createVNode(d.WeekPicker,{modelValue:r[a.key],"onUpdate:modelValue":u=>r[a.key]=u,"disabled-date":t,format:e==null?void 0:e.labelFormat,"value-format":e==null?void 0:e.valueFormat},null);case"month":return l.createVNode(d.MonthPicker,{modelValue:r[a.key],"onUpdate:modelValue":u=>r[a.key]=u,"disabled-date":t,format:e==null?void 0:e.labelFormat,"value-format":e==null?void 0:e.valueFormat},null);case"quarter":return l.createVNode(d.QuarterPicker,{modelValue:r[a.key],"onUpdate:modelValue":u=>r[a.key]=u,"disabled-date":t,format:e==null?void 0:e.labelFormat,"value-format":e==null?void 0:e.valueFormat},null);case"year":return l.createVNode(d.YearPicker,{modelValue:r[a.key],"onUpdate:modelValue":u=>r[a.key]=u,"disabled-date":t,format:e==null?void 0:e.labelFormat,"value-format":e==null?void 0:e.valueFormat},null);case"date":default:return l.createVNode(d.DatePicker,{modelValue:r[a.key],"onUpdate:modelValue":u=>r[a.key]=u,"disabled-date":t,format:e==null?void 0:e.labelFormat,"value-format":e==null?void 0:e.valueFormat},null)}}}function Y(e){return(t,r)=>{switch(e==null?void 0:e.type){case"number":return l.createVNode(d.InputNumber,{modelValue:t[r.key],"onUpdate:modelValue":a=>t[r.key]=a,hideButton:!0,"read-only":e==null?void 0:e.readonly,placeholder:e==null?void 0:e.placeholder,allowClear:e==null?void 0:e.clearable},null);case"string":default:return l.createVNode(d.Input,{modelValue:t[r.key],"onUpdate:modelValue":a=>t[r.key]=a,placeholder:e==null?void 0:e.placeholder,readonly:e==null?void 0:e.readonly,allowClear:e==null?void 0:e.clearable},null)}}}function W(e){return typeof e=="function"||Object.prototype.toString.call(e)==="[object Object]"&&!l.isVNode(e)}function G(e){let t=!1;const r=l.ref(new Map);e.options instanceof Function?e.options().then(u=>r.value=u):e.options instanceof Promise?e.options.then(u=>r.value=u):r.value=e.options;function a(){e.autoSumbit}return(u,c)=>{let n;return e.default&&!t&&(u[c.key]=e.default,t=!0),l.createVNode(d.Select,{multiple:e.multiple,modelValue:u[c.key],"onUpdate:modelValue":f=>u[c.key]=f,placeholder:e.placeholder,allowClear:e.clearable,maxTagCount:e.maxTagCount??5,onChange:a},W(n=Array.from(r.value.entries()).map(([f,o])=>l.createVNode(d.Option,{key:f,value:f,label:o},null)))?n:{default:()=>[n]})}}function K(e){function t(){e!=null&&e.autoSumbit}return(r,a)=>(e!=null&&e.default&&(r[a.key]=e.default),l.createVNode(d.Switch,{modelValue:r[a.key],"onUpdate:modelValue":u=>r[a.key]=u,checkedText:(e==null?void 0:e.openLabel)??"是",uncheckedText:(e==null?void 0:e.closeLabel)??"否",checkedValue:(e==null?void 0:e.openValue)??!0,uncheckedValue:(e==null?void 0:e.closeValue)??!1,onChange:t},null))}function Q(e){return(t,r)=>{let a=[];function u(f){a=f}function c(f){if(f&&f.length===2){const[o,h]=f.sort(),s=V(o).startOf("days"),y=V(h).endOf("days");t[r.key]=[s.format((e==null?void 0:e.valueFormat)||"YYYY-MM-DD"),y.format((e==null?void 0:e.valueFormat)||"YYYY-MM-DD")]}}function n(f){return e!=null&&e.disabledDate?e.disabledDate(a,f):!1}return l.createVNode("div",null,[l.createVNode(d.RangePicker,{style:{width:"300px"},modelValue:t[r.key],"onUpdate:modelValue":f=>t[r.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 X(e){return(t,r)=>l.createVNode(d.Textarea,{modelValue:t[r.key],"onUpdate:modelValue":a=>t[r.key]=a,placeholder:e==null?void 0:e.placeholder,autoSize:e==null?void 0:e.autosize,maxLength:e==null?void 0:e.maxLength},null)}function H(e){return t=>e(t)}function J(){return{input:Y,textarea:X,select:G,date:A,switch:K,dateRange:Q,render:H}}function Z(e,t){t.render||(t.render=a=>a.input());const r=t.render({...J()});return{default:()=>r(e,t)}}function p(e,t){return l.h(d.FormItem,{field:t.key,label:t.title},Z(e,t))}function g(e){return typeof e=="function"||Object.prototype.toString.call(e)==="[object Object]"&&!l.isVNode(e)}const ee=l.defineComponent({props:{form:{type:Object,required:!0},value:{type:Object,required:!1},modelValue:{type:Object,required:!1},minWidth:{type:Number,required:!1,default:300},name:{type:String,required:!1,default:"form"},submitable:{type:Boolean,required:!1,default:!1},searchable:{type:Boolean,required:!1,default:!1},footer:{type:Boolean,required:!1,default:!1}},emits:["submit","cancel","update:model-value"],expose:["formSource","updateFormField","updateFormSource","reset"],setup(e){const t=Math.random().toString(32).slice(2).toUpperCase(),r=l.ref(),[a,u]=E(e.form,e.modelValue||e.value),c=l.ref(0),n=l.ref(!0),f=()=>n.value=!n.value;l.provide(S.id,t),l.provide(S.source,a);const o=l.computed(()=>{if(!c.value)return 1;const m=e.form.reduce((i,k)=>i+((k==null?void 0:k.span)||1),0);return c.value-m%c.value}),h=l.computed(()=>e.form.reduce((m,i)=>(i.rule&&(m[i.key]=i.rule),m),{}));function s(){var i;const m=(i=r.value)==null?void 0:i.$el;c.value=Math.floor(m.offsetWidth/e.minWidth)}l.onMounted(()=>{s()});function y(m,i){u({...a,[m]:i})}function x(){var m;(m=r.value)==null||m.resetFields()}return window.addEventListener("resize",s),{formId:t,formSource:a,formInstance:r,formColumns:c,formRules:h,formCollspased:n,formActiosSpan:o,toggleFormCollapsed:f,updateFormField:y,updateFormSource:u,reset:x}},render(){const e=()=>{this.$emit("submit",this.formSource),this.$emit("update:model-value",this.formSource)},t=()=>{const r=[],a=this.footer?{span:this.formColumns}:{span:this.formActiosSpan};if(this.searchable&&(r.push(l.createVNode(d.Button,{type:"primary",htmlType:"submit"},{default:()=>[l.createTextVNode("搜索")]})),r.push(l.createVNode(d.Button,{type:"secondary",onClick:()=>{var u;return(u=this.formInstance)==null?void 0:u.resetFields()}},{default:()=>[l.createTextVNode("重置")]}))),this.submitable&&(r.push(l.createVNode(d.Button,{type:"primary",htmlType:"submit"},{default:()=>[l.createTextVNode("提交")]})),r.push(l.createVNode(d.Button,{type:"secondary",onClick:()=>this.$emit("cancel")},{default:()=>[l.createTextVNode("取消")]}))),this.form.some(u=>!!u.collapsed)&&r.push(l.createVNode(d.Button,{onClick:this.toggleFormCollapsed},{default:()=>this.formCollspased?"展开":"收起",icon:()=>this.formCollspased?l.createVNode(O,null,null):l.createVNode(R,null,null)})),this.$slots.actions&&r.push(...this.$slots.actions()),r.length)return l.createVNode(d.GridItem,a,{default:()=>[l.createVNode(d.FormItem,{hideLabel:!0,contentClass:this.footer?"form-footer":""},{default:()=>[l.createVNode(d.Space,null,g(r)?r:{default:()=>[r]})]})]})};return l.createVNode(d.Form,l.mergeProps({rules:this.formRules,onSubmitSuccess:e},{name:this.name},{"auto-label-width":!0,ref:r=>this.formInstance=r,model:this.formSource}),{default:()=>[l.createVNode(d.Grid,{cols:this.formColumns,"col-gap":10,"rol-gap":10},{default:()=>[this.form.filter(r=>this.formCollspased?!r.collapsed:!0).map(r=>{let a;return l.createVNode(d.GridItem,{span:r.span},g(a=p(this.formSource,r))?a:{default:()=>[a]})}),t()]})]})}});function re(e){return e}function te(e){const t=l.getCurrentInstance(),r=l.ref();function a(){var c,n;const u=(n=(c=t==null?void 0:t.proxy)==null?void 0:c.$refs)==null?void 0:n[e];u&&(r.value=u)}return l.onMounted(a),l.onUpdated(a),r}exports.FormRender=ee;exports.defineForm=re;exports.useForm=te;
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("vue"),d=require("@arco-design/web-vue"),V=require("dayjs"),w=require("./resolver.cjs");const I=Symbol("ArcoConfigProvider"),_="arco",j="$arco",C=e=>{var t,r,a;const u=l.getCurrentInstance(),c=l.inject(I,void 0),n=(a=(r=c==null?void 0:c.prefixCls)!=null?r:(t=u==null?void 0:u.appContext.config.globalProperties[j])==null?void 0:t.classPrefix)!=null?a:_;return e?`${n}-${e}`:n},D=Object.prototype.toString;function $(e){return D.call(e)==="[object Number]"&&e===e}var F=(e,t)=>{for(const[r,a]of t)e[r]=a;return e};const z=l.defineComponent({name:"IconDown",props:{size:{type:[Number,String]},strokeWidth:{type:Number,default:4},strokeLinecap:{type:String,default:"butt",validator:e=>["butt","round","square"].includes(e)},strokeLinejoin:{type:String,default:"miter",validator:e=>["arcs","bevel","miter","miter-clip","round"].includes(e)},rotate:Number,spin:Boolean},emits:{click:e=>!0},setup(e,{emit:t}){const r=C("icon"),a=l.computed(()=>[r,`${r}-down`,{[`${r}-spin`]:e.spin}]),u=l.computed(()=>{const n={};return e.size&&(n.fontSize=$(e.size)?`${e.size}px`:e.size),e.rotate&&(n.transform=`rotate(${e.rotate}deg)`),n});return{cls:a,innerStyle:u,onClick:n=>{t("click",n)}}}}),P=["stroke-width","stroke-linecap","stroke-linejoin"],B=l.createElementVNode("path",{d:"M39.6 17.443 24.043 33 8.487 17.443"},null,-1),O=[B];function q(e,t,r,a,u,c){return l.openBlock(),l.createElementBlock("svg",{viewBox:"0 0 48 48",fill:"none",xmlns:"http://www.w3.org/2000/svg",stroke:"currentColor",class:l.normalizeClass(e.cls),style:l.normalizeStyle(e.innerStyle),"stroke-width":e.strokeWidth,"stroke-linecap":e.strokeLinecap,"stroke-linejoin":e.strokeLinejoin,onClick:t[0]||(t[0]=(...n)=>e.onClick&&e.onClick(...n))},O,14,P)}var b=F(z,[["render",q]]);const L=Object.assign(b,{install:(e,t)=>{var r;const a=(r=t==null?void 0:t.iconPrefix)!=null?r:"";e.component(a+b.name,b)}}),M=l.defineComponent({name:"IconUp",props:{size:{type:[Number,String]},strokeWidth:{type:Number,default:4},strokeLinecap:{type:String,default:"butt",validator:e=>["butt","round","square"].includes(e)},strokeLinejoin:{type:String,default:"miter",validator:e=>["arcs","bevel","miter","miter-clip","round"].includes(e)},rotate:Number,spin:Boolean},emits:{click:e=>!0},setup(e,{emit:t}){const r=C("icon"),a=l.computed(()=>[r,`${r}-up`,{[`${r}-spin`]:e.spin}]),u=l.computed(()=>{const n={};return e.size&&(n.fontSize=$(e.size)?`${e.size}px`:e.size),e.rotate&&(n.transform=`rotate(${e.rotate}deg)`),n});return{cls:a,innerStyle:u,onClick:n=>{t("click",n)}}}}),R=["stroke-width","stroke-linecap","stroke-linejoin"],U=l.createElementVNode("path",{d:"M39.6 30.557 24.043 15 8.487 30.557"},null,-1),T=[U];function E(e,t,r,a,u,c){return l.openBlock(),l.createElementBlock("svg",{viewBox:"0 0 48 48",fill:"none",xmlns:"http://www.w3.org/2000/svg",stroke:"currentColor",class:l.normalizeClass(e.cls),style:l.normalizeStyle(e.innerStyle),"stroke-width":e.strokeWidth,"stroke-linecap":e.strokeLinecap,"stroke-linejoin":e.strokeLinejoin,onClick:t[0]||(t[0]=(...n)=>e.onClick&&e.onClick(...n))},T,14,R)}var v=F(M,[["render",E]]);const A=Object.assign(v,{install:(e,t)=>{var r;const a=(r=t==null?void 0:t.iconPrefix)!=null?r:"";e.component(a+v.name,v)}}),S={id:Symbol("ID"),source:Symbol("Source")};function Y(e,t){const r=l.ref({});return e==null||e.forEach(u=>{let c=null;u.default&&(c=(typeof u.default=="function"?u.default():u.default)||null),t&&t[u.key]&&(c=t[u.key]),r.value[u.key]=c}),[r,u=>{r.value=u}]}function W(e){function t(r,a){return e!=null&&e.disabledDate?e.disabledDate(r,a):!1}return(r,a)=>{switch(e==null?void 0:e.type){case"week":return l.createVNode(d.WeekPicker,{modelValue:r[a.key],"onUpdate:modelValue":u=>r[a.key]=u,"disabled-date":t,format:e==null?void 0:e.labelFormat,"value-format":e==null?void 0:e.valueFormat},null);case"month":return l.createVNode(d.MonthPicker,{modelValue:r[a.key],"onUpdate:modelValue":u=>r[a.key]=u,"disabled-date":t,format:e==null?void 0:e.labelFormat,"value-format":e==null?void 0:e.valueFormat},null);case"quarter":return l.createVNode(d.QuarterPicker,{modelValue:r[a.key],"onUpdate:modelValue":u=>r[a.key]=u,"disabled-date":t,format:e==null?void 0:e.labelFormat,"value-format":e==null?void 0:e.valueFormat},null);case"year":return l.createVNode(d.YearPicker,{modelValue:r[a.key],"onUpdate:modelValue":u=>r[a.key]=u,"disabled-date":t,format:e==null?void 0:e.labelFormat,"value-format":e==null?void 0:e.valueFormat},null);case"date":default:return l.createVNode(d.DatePicker,{modelValue:r[a.key],"onUpdate:modelValue":u=>r[a.key]=u,"disabled-date":t,format:e==null?void 0:e.labelFormat,"value-format":e==null?void 0:e.valueFormat},null)}}}function G(e){return(t,r)=>{switch(e==null?void 0:e.type){case"number":return l.createVNode(d.InputNumber,{modelValue:t[r.key],"onUpdate:modelValue":a=>t[r.key]=a,hideButton:!0,"read-only":e==null?void 0:e.readonly,placeholder:e==null?void 0:e.placeholder,allowClear:e==null?void 0:e.clearable},null);case"string":default:return l.createVNode(d.Input,{modelValue:t[r.key],"onUpdate:modelValue":a=>t[r.key]=a,placeholder:e==null?void 0:e.placeholder,readonly:e==null?void 0:e.readonly,allowClear:e==null?void 0:e.clearable},null)}}}function K(e){return typeof e=="function"||Object.prototype.toString.call(e)==="[object Object]"&&!l.isVNode(e)}function Q(e){let t=!1;const r=l.ref(new Map);e.options instanceof Function?e.options().then(u=>r.value=u):e.options instanceof Promise?e.options.then(u=>r.value=u):r.value=e.options;function a(){e.autoSumbit}return(u,c)=>{let n;return e.default&&!t&&(u[c.key]=e.default,t=!0),l.createVNode(d.Select,{multiple:e.multiple,modelValue:u[c.key],"onUpdate:modelValue":o=>u[c.key]=o,placeholder:e.placeholder,allowClear:e.clearable,maxTagCount:e.maxTagCount??5,onChange:a},K(n=Array.from(r.value.entries()).map(([o,i])=>l.createVNode(d.Option,{key:o,value:o,label:i},null)))?n:{default:()=>[n]})}}function X(e){function t(){e!=null&&e.autoSumbit}return(r,a)=>(e!=null&&e.default&&(r[a.key]=e.default),l.createVNode(d.Switch,{modelValue:r[a.key],"onUpdate:modelValue":u=>r[a.key]=u,checkedText:(e==null?void 0:e.openLabel)??"是",uncheckedText:(e==null?void 0:e.closeLabel)??"否",checkedValue:(e==null?void 0:e.openValue)??!0,uncheckedValue:(e==null?void 0:e.closeValue)??!1,onChange:t},null))}function H(e){return(t,r)=>{let a=[];function u(o){a=o}function c(o){if(o&&o.length===2){const[i,h]=o.sort(),s=V(i).startOf("days"),y=V(h).endOf("days");t[r.key]=[s.format((e==null?void 0:e.valueFormat)||"YYYY-MM-DD"),y.format((e==null?void 0:e.valueFormat)||"YYYY-MM-DD")]}}function n(o){return e!=null&&e.disabledDate?e.disabledDate(a,o):!1}return l.createVNode("div",null,[l.createVNode(d.RangePicker,{style:{width:"300px"},modelValue:t[r.key],"onUpdate:modelValue":o=>t[r.key]=o,onSelect:u,onChange:c,mode:e==null?void 0:e.type,allowClear:e==null?void 0:e.clearable,"disabled-date":n,format:e==null?void 0:e.labelFormat,"value-format":e==null?void 0:e.valueFormat},null)])}}function J(e){return(t,r)=>l.createVNode(d.Textarea,{modelValue:t[r.key],"onUpdate:modelValue":a=>t[r.key]=a,placeholder:e==null?void 0:e.placeholder,autoSize:e==null?void 0:e.autosize,maxLength:e==null?void 0:e.maxLength},null)}function Z(e){return t=>e(t)}function p(){return{input:G,textarea:J,select:Q,date:W,switch:X,dateRange:H,render:Z}}function ee(e,t){t.render||(t.render=a=>a.input());const r=t.render({...p()});return{default:()=>r(e,t)}}function re(e,t){return l.h(d.FormItem,{field:t.key,label:t.title},ee(e,t))}function g(e){return typeof e=="function"||Object.prototype.toString.call(e)==="[object Object]"&&!l.isVNode(e)}const N=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:300},name:{type:String,required:!1,default:"form"},submitable:{type:Boolean,required:!1,default:!1},searchable:{type:Boolean,required:!1,default:!1},footer:{type:Boolean,required:!1,default:!1}},emits:["submit","cancel","update:model-value"],expose:["formSource","updateFormField","updateFormSource","reset"],setup(e){const t=Math.random().toString(32).slice(2).toUpperCase(),r=l.ref(),[a,u]=Y(e.form,e.modelValue||e.value),c=l.ref(e.columns||0),n=l.ref(!0),o=()=>n.value=!n.value;l.provide(S.id,t),l.provide(S.source,a);const i=l.computed(()=>{if(!c.value)return 1;const f=e.form.reduce((m,k)=>m+((k==null?void 0:k.span)||1),0);return c.value-f%c.value}),h=l.computed(()=>e.form.reduce((f,m)=>(m.rule&&(f[m.key]=m.rule),f),{}));function s(){var f;if(c.value===0){const m=(f=r.value)==null?void 0:f.$el;c.value=Math.floor(m.offsetWidth/e.minWidth)}}l.onMounted(()=>{s()});function y(f,m){a.value[f]=m,u({...a})}function x(){var f;(f=r.value)==null||f.resetFields()}return window.addEventListener("resize",s),{formId:t,formSource:a,formInstance:r,formColumns:c,formRules:h,formCollspased:n,formActiosSpan:i,toggleFormCollapsed:o,updateFormField:y,updateFormSource:u,reset:x}},render(){const e=()=>{this.$emit("submit",this.formSource),this.$emit("update:model-value",this.formSource)},t=()=>{const r=[],a=this.footer?{span:this.formColumns}:{span:this.formActiosSpan};if(this.searchable&&(r.push(l.createVNode(d.Button,{type:"primary",htmlType:"submit"},{default:()=>[l.createTextVNode("搜索")]})),r.push(l.createVNode(d.Button,{type:"secondary",onClick:()=>{var u;return(u=this.formInstance)==null?void 0:u.resetFields()}},{default:()=>[l.createTextVNode("重置")]}))),this.submitable&&(r.push(l.createVNode(d.Button,{type:"primary",htmlType:"submit"},{default:()=>[l.createTextVNode("提交")]})),r.push(l.createVNode(d.Button,{type:"secondary",onClick:()=>this.$emit("cancel")},{default:()=>[l.createTextVNode("取消")]}))),this.form.some(u=>!!u.collapsed)&&r.push(l.createVNode(d.Button,{onClick:this.toggleFormCollapsed},{default:()=>this.formCollspased?"展开":"收起",icon:()=>this.formCollspased?l.createVNode(L,null,null):l.createVNode(A,null,null)})),this.$slots.actions&&r.push(...this.$slots.actions()),r.length)return l.createVNode(d.GridItem,a,{default:()=>[l.createVNode(d.FormItem,{hideLabel:!0,contentClass:this.footer?"form-footer":""},{default:()=>[l.createVNode(d.Space,null,g(r)?r:{default:()=>[r]})]})]})};return l.createVNode(d.Form,l.mergeProps({layout:this.$props.layout,rules:this.formRules,onSubmitSuccess:e},{name:this.name},{"auto-label-width":!0,ref:r=>this.formInstance=r,model:this.formSource}),{default:()=>[l.createVNode(d.Grid,{cols:this.formColumns,"col-gap":10,"rol-gap":10},{default:()=>[this.form.filter(r=>this.formCollspased?!r.collapsed:!0).map(r=>{let a;return l.createVNode(d.GridItem,{span:r.span},g(a=re(this.formSource,r))?a:{default:()=>[a]})}),t()]})]})}});function te(e){return e}function le(e){const t=l.getCurrentInstance(),r=l.ref();function a(){var c,n;const u=(n=(c=t==null?void 0:t.proxy)==null?void 0:c.$refs)==null?void 0:n[e];u&&(r.value=u)}return l.onMounted(a),l.onUpdated(a),r}const ae={install(e,t){e.component("FormRender",N)}};exports.FormRenderResolver=w.FormRenderResolver;exports.FormRender=N;exports.default=ae;exports.defineForm=te;exports.useForm=le;
|
package/dist/cjs/index.d.ts
CHANGED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function o(){return{type:"component",resolve:e=>{const r="@gopowerteam/form-render";if(e==="FormRender"||e==="form-render")return{name:"FormRender",from:r,sideEffects:[`${r}/dist/style.css`]}}}}exports.FormRenderResolver=o;
|
|
@@ -10,6 +10,15 @@ export declare const FormRender: import("vue").DefineComponent<{
|
|
|
10
10
|
type: PropType<Record<string, any>>;
|
|
11
11
|
required: false;
|
|
12
12
|
};
|
|
13
|
+
layout: {
|
|
14
|
+
type: PropType<"horizontal" | "vertical">;
|
|
15
|
+
required: false;
|
|
16
|
+
default: string;
|
|
17
|
+
};
|
|
18
|
+
columns: {
|
|
19
|
+
type: NumberConstructor;
|
|
20
|
+
required: false;
|
|
21
|
+
};
|
|
13
22
|
modelValue: {
|
|
14
23
|
type: PropType<Record<string, any>>;
|
|
15
24
|
required: false;
|
|
@@ -307,6 +316,15 @@ export declare const FormRender: import("vue").DefineComponent<{
|
|
|
307
316
|
type: PropType<Record<string, any>>;
|
|
308
317
|
required: false;
|
|
309
318
|
};
|
|
319
|
+
layout: {
|
|
320
|
+
type: PropType<"horizontal" | "vertical">;
|
|
321
|
+
required: false;
|
|
322
|
+
default: string;
|
|
323
|
+
};
|
|
324
|
+
columns: {
|
|
325
|
+
type: NumberConstructor;
|
|
326
|
+
required: false;
|
|
327
|
+
};
|
|
310
328
|
modelValue: {
|
|
311
329
|
type: PropType<Record<string, any>>;
|
|
312
330
|
required: false;
|
|
@@ -343,6 +361,7 @@ export declare const FormRender: import("vue").DefineComponent<{
|
|
|
343
361
|
}, {
|
|
344
362
|
footer: boolean;
|
|
345
363
|
name: string;
|
|
364
|
+
layout: "horizontal" | "vertical";
|
|
346
365
|
minWidth: number;
|
|
347
366
|
submitable: boolean;
|
|
348
367
|
searchable: boolean;
|
package/dist/es/index.d.ts
CHANGED
package/dist/es/index.mjs
CHANGED
|
@@ -1,12 +1,13 @@
|
|
|
1
|
-
import { getCurrentInstance as
|
|
2
|
-
import { DatePicker as W, YearPicker as G, QuarterPicker as K, MonthPicker as Q, WeekPicker as X, Input as H, InputNumber as J, Select as Z, Option as p, Switch as ee, RangePicker as re, Textarea as le, FormItem as
|
|
1
|
+
import { getCurrentInstance as _, inject as T, defineComponent as C, computed as s, openBlock as D, createElementBlock as j, normalizeClass as P, normalizeStyle as z, createElementVNode as L, ref as i, createVNode as c, isVNode as O, h as A, provide as x, onMounted as N, mergeProps as Y, createTextVNode as k, onUpdated as E } from "vue";
|
|
2
|
+
import { DatePicker as W, YearPicker as G, QuarterPicker as K, MonthPicker as Q, WeekPicker as X, Input as H, InputNumber as J, Select as Z, Option as p, Switch as ee, RangePicker as re, Textarea as le, FormItem as U, Form as te, Grid as ae, GridItem as F, Button as h, Space as ue } from "@arco-design/web-vue";
|
|
3
3
|
import w from "dayjs";
|
|
4
|
+
import { FormRenderResolver as Ye } from "./resolver.mjs";
|
|
4
5
|
const ne = Symbol("ArcoConfigProvider"), ce = "arco", de = "$arco", M = (e) => {
|
|
5
6
|
var l, r, t;
|
|
6
|
-
const a =
|
|
7
|
+
const a = _(), n = T(ne, void 0), u = (t = (r = n == null ? void 0 : n.prefixCls) != null ? r : (l = a == null ? void 0 : a.appContext.config.globalProperties[de]) == null ? void 0 : l.classPrefix) != null ? t : ce;
|
|
7
8
|
return e ? `${u}-${e}` : u;
|
|
8
9
|
}, fe = Object.prototype.toString;
|
|
9
|
-
function
|
|
10
|
+
function R(e) {
|
|
10
11
|
return fe.call(e) === "[object Number]" && e === e;
|
|
11
12
|
}
|
|
12
13
|
var q = (e, l) => {
|
|
@@ -47,7 +48,7 @@ const me = C({
|
|
|
47
48
|
[`${r}-spin`]: e.spin
|
|
48
49
|
}]), a = s(() => {
|
|
49
50
|
const u = {};
|
|
50
|
-
return e.size && (u.fontSize =
|
|
51
|
+
return e.size && (u.fontSize = R(e.size) ? `${e.size}px` : e.size), e.rotate && (u.transform = `rotate(${e.rotate}deg)`), u;
|
|
51
52
|
});
|
|
52
53
|
return {
|
|
53
54
|
cls: t,
|
|
@@ -60,8 +61,8 @@ const me = C({
|
|
|
60
61
|
}), ie = ["stroke-width", "stroke-linecap", "stroke-linejoin"], se = /* @__PURE__ */ L("path", {
|
|
61
62
|
d: "M39.6 17.443 24.043 33 8.487 17.443"
|
|
62
63
|
}, null, -1), oe = [se];
|
|
63
|
-
function he(e, l, r, t, a,
|
|
64
|
-
return
|
|
64
|
+
function he(e, l, r, t, a, n) {
|
|
65
|
+
return D(), j("svg", {
|
|
65
66
|
viewBox: "0 0 48 48",
|
|
66
67
|
fill: "none",
|
|
67
68
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -114,7 +115,7 @@ const ye = Object.assign(g, {
|
|
|
114
115
|
[`${r}-spin`]: e.spin
|
|
115
116
|
}]), a = s(() => {
|
|
116
117
|
const u = {};
|
|
117
|
-
return e.size && (u.fontSize =
|
|
118
|
+
return e.size && (u.fontSize = R(e.size) ? `${e.size}px` : e.size), e.rotate && (u.transform = `rotate(${e.rotate}deg)`), u;
|
|
118
119
|
});
|
|
119
120
|
return {
|
|
120
121
|
cls: t,
|
|
@@ -127,8 +128,8 @@ const ye = Object.assign(g, {
|
|
|
127
128
|
}), be = ["stroke-width", "stroke-linecap", "stroke-linejoin"], ve = /* @__PURE__ */ L("path", {
|
|
128
129
|
d: "M39.6 30.557 24.043 15 8.487 30.557"
|
|
129
130
|
}, null, -1), Se = [ve];
|
|
130
|
-
function ge(e, l, r, t, a,
|
|
131
|
-
return
|
|
131
|
+
function ge(e, l, r, t, a, n) {
|
|
132
|
+
return D(), j("svg", {
|
|
132
133
|
viewBox: "0 0 48 48",
|
|
133
134
|
fill: "none",
|
|
134
135
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -155,8 +156,8 @@ const $e = Object.assign($, {
|
|
|
155
156
|
function Ce(e, l) {
|
|
156
157
|
const r = i({});
|
|
157
158
|
return e == null || e.forEach((a) => {
|
|
158
|
-
let
|
|
159
|
-
a.default && (
|
|
159
|
+
let n = null;
|
|
160
|
+
a.default && (n = (typeof a.default == "function" ? a.default() : a.default) || null), l && l[a.key] && (n = l[a.key]), r.value[a.key] = n;
|
|
160
161
|
}), [r, (a) => {
|
|
161
162
|
r.value = a;
|
|
162
163
|
}];
|
|
@@ -168,7 +169,7 @@ function xe(e) {
|
|
|
168
169
|
return (r, t) => {
|
|
169
170
|
switch (e == null ? void 0 : e.type) {
|
|
170
171
|
case "week":
|
|
171
|
-
return
|
|
172
|
+
return c(X, {
|
|
172
173
|
modelValue: r[t.key],
|
|
173
174
|
"onUpdate:modelValue": (a) => r[t.key] = a,
|
|
174
175
|
"disabled-date": l,
|
|
@@ -176,7 +177,7 @@ function xe(e) {
|
|
|
176
177
|
"value-format": e == null ? void 0 : e.valueFormat
|
|
177
178
|
}, null);
|
|
178
179
|
case "month":
|
|
179
|
-
return
|
|
180
|
+
return c(Q, {
|
|
180
181
|
modelValue: r[t.key],
|
|
181
182
|
"onUpdate:modelValue": (a) => r[t.key] = a,
|
|
182
183
|
"disabled-date": l,
|
|
@@ -184,7 +185,7 @@ function xe(e) {
|
|
|
184
185
|
"value-format": e == null ? void 0 : e.valueFormat
|
|
185
186
|
}, null);
|
|
186
187
|
case "quarter":
|
|
187
|
-
return
|
|
188
|
+
return c(K, {
|
|
188
189
|
modelValue: r[t.key],
|
|
189
190
|
"onUpdate:modelValue": (a) => r[t.key] = a,
|
|
190
191
|
"disabled-date": l,
|
|
@@ -192,7 +193,7 @@ function xe(e) {
|
|
|
192
193
|
"value-format": e == null ? void 0 : e.valueFormat
|
|
193
194
|
}, null);
|
|
194
195
|
case "year":
|
|
195
|
-
return
|
|
196
|
+
return c(G, {
|
|
196
197
|
modelValue: r[t.key],
|
|
197
198
|
"onUpdate:modelValue": (a) => r[t.key] = a,
|
|
198
199
|
"disabled-date": l,
|
|
@@ -201,7 +202,7 @@ function xe(e) {
|
|
|
201
202
|
}, null);
|
|
202
203
|
case "date":
|
|
203
204
|
default:
|
|
204
|
-
return
|
|
205
|
+
return c(W, {
|
|
205
206
|
modelValue: r[t.key],
|
|
206
207
|
"onUpdate:modelValue": (a) => r[t.key] = a,
|
|
207
208
|
"disabled-date": l,
|
|
@@ -215,7 +216,7 @@ function Fe(e) {
|
|
|
215
216
|
return (l, r) => {
|
|
216
217
|
switch (e == null ? void 0 : e.type) {
|
|
217
218
|
case "number":
|
|
218
|
-
return
|
|
219
|
+
return c(J, {
|
|
219
220
|
modelValue: l[r.key],
|
|
220
221
|
"onUpdate:modelValue": (t) => l[r.key] = t,
|
|
221
222
|
hideButton: !0,
|
|
@@ -225,7 +226,7 @@ function Fe(e) {
|
|
|
225
226
|
}, null);
|
|
226
227
|
case "string":
|
|
227
228
|
default:
|
|
228
|
-
return
|
|
229
|
+
return c(H, {
|
|
229
230
|
modelValue: l[r.key],
|
|
230
231
|
"onUpdate:modelValue": (t) => l[r.key] = t,
|
|
231
232
|
placeholder: e == null ? void 0 : e.placeholder,
|
|
@@ -245,17 +246,17 @@ function Ve(e) {
|
|
|
245
246
|
function t() {
|
|
246
247
|
e.autoSumbit;
|
|
247
248
|
}
|
|
248
|
-
return (a,
|
|
249
|
+
return (a, n) => {
|
|
249
250
|
let u;
|
|
250
|
-
return e.default && !l && (a[
|
|
251
|
+
return e.default && !l && (a[n.key] = e.default, l = !0), c(Z, {
|
|
251
252
|
multiple: e.multiple,
|
|
252
|
-
modelValue: a[
|
|
253
|
-
"onUpdate:modelValue": (d) => a[
|
|
253
|
+
modelValue: a[n.key],
|
|
254
|
+
"onUpdate:modelValue": (d) => a[n.key] = d,
|
|
254
255
|
placeholder: e.placeholder,
|
|
255
256
|
allowClear: e.clearable,
|
|
256
257
|
maxTagCount: e.maxTagCount ?? 5,
|
|
257
258
|
onChange: t
|
|
258
|
-
}, we(u = Array.from(r.value.entries()).map(([d, o]) =>
|
|
259
|
+
}, we(u = Array.from(r.value.entries()).map(([d, o]) => c(p, {
|
|
259
260
|
key: d,
|
|
260
261
|
value: d,
|
|
261
262
|
label: o
|
|
@@ -268,7 +269,7 @@ function Ie(e) {
|
|
|
268
269
|
function l() {
|
|
269
270
|
e != null && e.autoSumbit;
|
|
270
271
|
}
|
|
271
|
-
return (r, t) => (e != null && e.default && (r[t.key] = e.default),
|
|
272
|
+
return (r, t) => (e != null && e.default && (r[t.key] = e.default), c(ee, {
|
|
272
273
|
modelValue: r[t.key],
|
|
273
274
|
"onUpdate:modelValue": (a) => r[t.key] = a,
|
|
274
275
|
checkedText: (e == null ? void 0 : e.openLabel) ?? "是",
|
|
@@ -278,13 +279,13 @@ function Ie(e) {
|
|
|
278
279
|
onChange: l
|
|
279
280
|
}, null));
|
|
280
281
|
}
|
|
281
|
-
function
|
|
282
|
+
function _e(e) {
|
|
282
283
|
return (l, r) => {
|
|
283
284
|
let t = [];
|
|
284
285
|
function a(d) {
|
|
285
286
|
t = d;
|
|
286
287
|
}
|
|
287
|
-
function
|
|
288
|
+
function n(d) {
|
|
288
289
|
if (d && d.length === 2) {
|
|
289
290
|
const [o, b] = d.sort(), y = w(o).startOf("days"), v = w(b).endOf("days");
|
|
290
291
|
l[r.key] = [y.format((e == null ? void 0 : e.valueFormat) || "YYYY-MM-DD"), v.format((e == null ? void 0 : e.valueFormat) || "YYYY-MM-DD")];
|
|
@@ -293,14 +294,14 @@ function De(e) {
|
|
|
293
294
|
function u(d) {
|
|
294
295
|
return e != null && e.disabledDate ? e.disabledDate(t, d) : !1;
|
|
295
296
|
}
|
|
296
|
-
return
|
|
297
|
+
return c("div", null, [c(re, {
|
|
297
298
|
style: {
|
|
298
299
|
width: "300px"
|
|
299
300
|
},
|
|
300
301
|
modelValue: l[r.key],
|
|
301
302
|
"onUpdate:modelValue": (d) => l[r.key] = d,
|
|
302
303
|
onSelect: a,
|
|
303
|
-
onChange:
|
|
304
|
+
onChange: n,
|
|
304
305
|
mode: e == null ? void 0 : e.type,
|
|
305
306
|
allowClear: e == null ? void 0 : e.clearable,
|
|
306
307
|
"disabled-date": u,
|
|
@@ -309,8 +310,8 @@ function De(e) {
|
|
|
309
310
|
}, null)]);
|
|
310
311
|
};
|
|
311
312
|
}
|
|
312
|
-
function
|
|
313
|
-
return (l, r) =>
|
|
313
|
+
function De(e) {
|
|
314
|
+
return (l, r) => c(le, {
|
|
314
315
|
modelValue: l[r.key],
|
|
315
316
|
"onUpdate:modelValue": (t) => l[r.key] = t,
|
|
316
317
|
placeholder: e == null ? void 0 : e.placeholder,
|
|
@@ -324,11 +325,11 @@ function je(e) {
|
|
|
324
325
|
function Pe() {
|
|
325
326
|
return {
|
|
326
327
|
input: Fe,
|
|
327
|
-
textarea:
|
|
328
|
+
textarea: De,
|
|
328
329
|
select: Ve,
|
|
329
330
|
date: xe,
|
|
330
331
|
switch: Ie,
|
|
331
|
-
dateRange:
|
|
332
|
+
dateRange: _e,
|
|
332
333
|
render: je
|
|
333
334
|
};
|
|
334
335
|
}
|
|
@@ -342,7 +343,7 @@ function ze(e, l) {
|
|
|
342
343
|
};
|
|
343
344
|
}
|
|
344
345
|
function Le(e, l) {
|
|
345
|
-
return A(
|
|
346
|
+
return A(U, {
|
|
346
347
|
field: l.key,
|
|
347
348
|
label: l.title
|
|
348
349
|
}, ze(e, l));
|
|
@@ -350,7 +351,7 @@ function Le(e, l) {
|
|
|
350
351
|
function I(e) {
|
|
351
352
|
return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !O(e);
|
|
352
353
|
}
|
|
353
|
-
const
|
|
354
|
+
const Oe = /* @__PURE__ */ C({
|
|
354
355
|
props: {
|
|
355
356
|
form: {
|
|
356
357
|
type: Object,
|
|
@@ -360,6 +361,15 @@ const Me = /* @__PURE__ */ C({
|
|
|
360
361
|
type: Object,
|
|
361
362
|
required: !1
|
|
362
363
|
},
|
|
364
|
+
layout: {
|
|
365
|
+
type: String,
|
|
366
|
+
required: !1,
|
|
367
|
+
default: "horizontal"
|
|
368
|
+
},
|
|
369
|
+
columns: {
|
|
370
|
+
type: Number,
|
|
371
|
+
required: !1
|
|
372
|
+
},
|
|
363
373
|
modelValue: {
|
|
364
374
|
type: Object,
|
|
365
375
|
required: !1
|
|
@@ -393,29 +403,30 @@ const Me = /* @__PURE__ */ C({
|
|
|
393
403
|
emits: ["submit", "cancel", "update:model-value"],
|
|
394
404
|
expose: ["formSource", "updateFormField", "updateFormSource", "reset"],
|
|
395
405
|
setup(e) {
|
|
396
|
-
const l = Math.random().toString(32).slice(2).toUpperCase(), r = i(), [t, a] = Ce(e.form, e.modelValue || e.value),
|
|
406
|
+
const l = Math.random().toString(32).slice(2).toUpperCase(), r = i(), [t, a] = Ce(e.form, e.modelValue || e.value), n = i(e.columns || 0), u = i(!0), d = () => u.value = !u.value;
|
|
397
407
|
x(V.id, l), x(V.source, t);
|
|
398
408
|
const o = s(() => {
|
|
399
|
-
if (!
|
|
409
|
+
if (!n.value)
|
|
400
410
|
return 1;
|
|
401
411
|
const f = e.form.reduce((m, S) => m + ((S == null ? void 0 : S.span) || 1), 0);
|
|
402
|
-
return
|
|
412
|
+
return n.value - f % n.value;
|
|
403
413
|
}), b = s(() => e.form.reduce((f, m) => (m.rule && (f[m.key] = m.rule), f), {}));
|
|
404
414
|
function y() {
|
|
405
|
-
var
|
|
406
|
-
|
|
407
|
-
|
|
415
|
+
var f;
|
|
416
|
+
if (n.value === 0) {
|
|
417
|
+
const m = (f = r.value) == null ? void 0 : f.$el;
|
|
418
|
+
n.value = Math.floor(m.offsetWidth / e.minWidth);
|
|
419
|
+
}
|
|
408
420
|
}
|
|
409
|
-
|
|
421
|
+
N(() => {
|
|
410
422
|
y();
|
|
411
423
|
});
|
|
412
424
|
function v(f, m) {
|
|
413
|
-
a({
|
|
414
|
-
...t
|
|
415
|
-
[f]: m
|
|
425
|
+
t.value[f] = m, a({
|
|
426
|
+
...t
|
|
416
427
|
});
|
|
417
428
|
}
|
|
418
|
-
function
|
|
429
|
+
function B() {
|
|
419
430
|
var f;
|
|
420
431
|
(f = r.value) == null || f.resetFields();
|
|
421
432
|
}
|
|
@@ -423,14 +434,14 @@ const Me = /* @__PURE__ */ C({
|
|
|
423
434
|
formId: l,
|
|
424
435
|
formSource: t,
|
|
425
436
|
formInstance: r,
|
|
426
|
-
formColumns:
|
|
437
|
+
formColumns: n,
|
|
427
438
|
formRules: b,
|
|
428
439
|
formCollspased: u,
|
|
429
440
|
formActiosSpan: o,
|
|
430
441
|
toggleFormCollapsed: d,
|
|
431
442
|
updateFormField: v,
|
|
432
443
|
updateFormSource: a,
|
|
433
|
-
reset:
|
|
444
|
+
reset: B
|
|
434
445
|
};
|
|
435
446
|
},
|
|
436
447
|
render() {
|
|
@@ -442,12 +453,12 @@ const Me = /* @__PURE__ */ C({
|
|
|
442
453
|
} : {
|
|
443
454
|
span: this.formActiosSpan
|
|
444
455
|
};
|
|
445
|
-
if (this.searchable && (r.push(
|
|
456
|
+
if (this.searchable && (r.push(c(h, {
|
|
446
457
|
type: "primary",
|
|
447
458
|
htmlType: "submit"
|
|
448
459
|
}, {
|
|
449
460
|
default: () => [k("搜索")]
|
|
450
|
-
})), r.push(
|
|
461
|
+
})), r.push(c(h, {
|
|
451
462
|
type: "secondary",
|
|
452
463
|
onClick: () => {
|
|
453
464
|
var a;
|
|
@@ -455,34 +466,35 @@ const Me = /* @__PURE__ */ C({
|
|
|
455
466
|
}
|
|
456
467
|
}, {
|
|
457
468
|
default: () => [k("重置")]
|
|
458
|
-
}))), this.submitable && (r.push(
|
|
469
|
+
}))), this.submitable && (r.push(c(h, {
|
|
459
470
|
type: "primary",
|
|
460
471
|
htmlType: "submit"
|
|
461
472
|
}, {
|
|
462
473
|
default: () => [k("提交")]
|
|
463
|
-
})), r.push(
|
|
474
|
+
})), r.push(c(h, {
|
|
464
475
|
type: "secondary",
|
|
465
476
|
onClick: () => this.$emit("cancel")
|
|
466
477
|
}, {
|
|
467
478
|
default: () => [k("取消")]
|
|
468
|
-
}))), this.form.some((a) => !!a.collapsed) && r.push(
|
|
479
|
+
}))), this.form.some((a) => !!a.collapsed) && r.push(c(h, {
|
|
469
480
|
onClick: this.toggleFormCollapsed
|
|
470
481
|
}, {
|
|
471
482
|
default: () => this.formCollspased ? "展开" : "收起",
|
|
472
|
-
icon: () => this.formCollspased ?
|
|
483
|
+
icon: () => this.formCollspased ? c(ye, null, null) : c($e, null, null)
|
|
473
484
|
})), this.$slots.actions && r.push(...this.$slots.actions()), r.length)
|
|
474
|
-
return
|
|
475
|
-
default: () => [
|
|
485
|
+
return c(F, t, {
|
|
486
|
+
default: () => [c(U, {
|
|
476
487
|
hideLabel: !0,
|
|
477
488
|
contentClass: this.footer ? "form-footer" : ""
|
|
478
489
|
}, {
|
|
479
|
-
default: () => [
|
|
490
|
+
default: () => [c(ue, null, I(r) ? r : {
|
|
480
491
|
default: () => [r]
|
|
481
492
|
})]
|
|
482
493
|
})]
|
|
483
494
|
});
|
|
484
495
|
};
|
|
485
|
-
return
|
|
496
|
+
return c(te, Y({
|
|
497
|
+
layout: this.$props.layout,
|
|
486
498
|
rules: this.formRules,
|
|
487
499
|
onSubmitSuccess: e
|
|
488
500
|
}, {
|
|
@@ -492,14 +504,14 @@ const Me = /* @__PURE__ */ C({
|
|
|
492
504
|
ref: (r) => this.formInstance = r,
|
|
493
505
|
model: this.formSource
|
|
494
506
|
}), {
|
|
495
|
-
default: () => [
|
|
507
|
+
default: () => [c(ae, {
|
|
496
508
|
cols: this.formColumns,
|
|
497
509
|
"col-gap": 10,
|
|
498
510
|
"rol-gap": 10
|
|
499
511
|
}, {
|
|
500
512
|
default: () => [this.form.filter((r) => this.formCollspased ? !r.collapsed : !0).map((r) => {
|
|
501
513
|
let t;
|
|
502
|
-
return
|
|
514
|
+
return c(F, {
|
|
503
515
|
span: r.span
|
|
504
516
|
}, I(t = Le(this.formSource, r)) ? t : {
|
|
505
517
|
default: () => [t]
|
|
@@ -509,20 +521,27 @@ const Me = /* @__PURE__ */ C({
|
|
|
509
521
|
});
|
|
510
522
|
}
|
|
511
523
|
});
|
|
512
|
-
function
|
|
524
|
+
function Re(e) {
|
|
513
525
|
return e;
|
|
514
526
|
}
|
|
515
527
|
function qe(e) {
|
|
516
|
-
const l =
|
|
528
|
+
const l = _(), r = i();
|
|
517
529
|
function t() {
|
|
518
|
-
var
|
|
519
|
-
const a = (u = (
|
|
530
|
+
var n, u;
|
|
531
|
+
const a = (u = (n = l == null ? void 0 : l.proxy) == null ? void 0 : n.$refs) == null ? void 0 : u[e];
|
|
520
532
|
a && (r.value = a);
|
|
521
533
|
}
|
|
522
|
-
return
|
|
534
|
+
return N(t), E(t), r;
|
|
523
535
|
}
|
|
536
|
+
const Be = {
|
|
537
|
+
install(e, l) {
|
|
538
|
+
e.component("FormRender", Oe);
|
|
539
|
+
}
|
|
540
|
+
};
|
|
524
541
|
export {
|
|
525
|
-
|
|
526
|
-
|
|
542
|
+
Oe as FormRender,
|
|
543
|
+
Ye as FormRenderResolver,
|
|
544
|
+
Be as default,
|
|
545
|
+
Re as defineForm,
|
|
527
546
|
qe as useForm
|
|
528
547
|
};
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
function o() {
|
|
2
|
+
return {
|
|
3
|
+
type: "component",
|
|
4
|
+
resolve: (e) => {
|
|
5
|
+
const r = "@gopowerteam/form-render";
|
|
6
|
+
if (e === "FormRender" || e === "form-render")
|
|
7
|
+
return {
|
|
8
|
+
name: "FormRender",
|
|
9
|
+
from: r,
|
|
10
|
+
sideEffects: [`${r}/dist/style.css`]
|
|
11
|
+
};
|
|
12
|
+
}
|
|
13
|
+
};
|
|
14
|
+
}
|
|
15
|
+
export {
|
|
16
|
+
o as FormRenderResolver
|
|
17
|
+
};
|