@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.
@@ -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;
@@ -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;
@@ -2,3 +2,5 @@ export { FormRender, type FormRenderInstance } from './form-render';
2
2
  export * from './defines';
3
3
  export * from './hooks';
4
4
  export * from './interfaces';
5
+ export * from './resolver';
6
+ export { default } from './install';
@@ -0,0 +1,3 @@
1
+ import type { Plugin } from 'vue';
2
+ declare const _default: Plugin;
3
+ export default _default;
@@ -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;
@@ -0,0 +1,8 @@
1
+ export declare function FormRenderResolver(): {
2
+ type: "component";
3
+ resolve: (name: string) => {
4
+ name: string;
5
+ from: string;
6
+ sideEffects: string[];
7
+ } | undefined;
8
+ };
@@ -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;
@@ -2,3 +2,5 @@ export { FormRender, type FormRenderInstance } from './form-render';
2
2
  export * from './defines';
3
3
  export * from './hooks';
4
4
  export * from './interfaces';
5
+ export * from './resolver';
6
+ export { default } from './install';
package/dist/es/index.mjs CHANGED
@@ -1,12 +1,13 @@
1
- import { getCurrentInstance as D, inject as T, defineComponent as C, computed as s, openBlock as _, createElementBlock as j, normalizeClass as P, normalizeStyle as z, createElementVNode as L, ref as i, createVNode as n, isVNode as O, h as A, provide as x, onMounted as U, 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 N, Form as te, Grid as ae, GridItem as F, Button as h, Space as ue } from "@arco-design/web-vue";
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 = D(), c = T(ne, void 0), u = (t = (r = c == null ? void 0 : c.prefixCls) != null ? r : (l = a == null ? void 0 : a.appContext.config.globalProperties[de]) == null ? void 0 : l.classPrefix) != null ? t : ce;
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 B(e) {
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 = B(e.size) ? `${e.size}px` : e.size), e.rotate && (u.transform = `rotate(${e.rotate}deg)`), u;
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, c) {
64
- return _(), j("svg", {
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 = B(e.size) ? `${e.size}px` : e.size), e.rotate && (u.transform = `rotate(${e.rotate}deg)`), u;
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, c) {
131
- return _(), j("svg", {
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 c = null;
159
- a.default && (c = (typeof a.default == "function" ? a.default() : a.default) || null), l && l[a.key] && (c = l[a.key]), r.value[a.key] = c;
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 n(X, {
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 n(Q, {
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 n(K, {
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 n(G, {
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 n(W, {
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 n(J, {
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 n(H, {
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, c) => {
249
+ return (a, n) => {
249
250
  let u;
250
- return e.default && !l && (a[c.key] = e.default, l = !0), n(Z, {
251
+ return e.default && !l && (a[n.key] = e.default, l = !0), c(Z, {
251
252
  multiple: e.multiple,
252
- modelValue: a[c.key],
253
- "onUpdate:modelValue": (d) => a[c.key] = d,
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]) => n(p, {
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), n(ee, {
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 De(e) {
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 c(d) {
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 n("div", null, [n(re, {
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: c,
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 _e(e) {
313
- return (l, r) => n(le, {
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: _e,
328
+ textarea: De,
328
329
  select: Ve,
329
330
  date: xe,
330
331
  switch: Ie,
331
- dateRange: De,
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(N, {
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 Me = /* @__PURE__ */ C({
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), c = i(0), u = i(!0), d = () => u.value = !u.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 (!c.value)
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 c.value - f % c.value;
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 m;
406
- const f = (m = r.value) == null ? void 0 : m.$el;
407
- c.value = Math.floor(f.offsetWidth / e.minWidth);
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
- U(() => {
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 R() {
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: c,
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: R
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(n(h, {
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(n(h, {
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(n(h, {
469
+ }))), this.submitable && (r.push(c(h, {
459
470
  type: "primary",
460
471
  htmlType: "submit"
461
472
  }, {
462
473
  default: () => [k("提交")]
463
- })), r.push(n(h, {
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(n(h, {
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 ? n(ye, null, null) : n($e, null, null)
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 n(F, t, {
475
- default: () => [n(N, {
485
+ return c(F, t, {
486
+ default: () => [c(U, {
476
487
  hideLabel: !0,
477
488
  contentClass: this.footer ? "form-footer" : ""
478
489
  }, {
479
- default: () => [n(ue, null, I(r) ? r : {
490
+ default: () => [c(ue, null, I(r) ? r : {
480
491
  default: () => [r]
481
492
  })]
482
493
  })]
483
494
  });
484
495
  };
485
- return n(te, Y({
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: () => [n(ae, {
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 n(F, {
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 Be(e) {
524
+ function Re(e) {
513
525
  return e;
514
526
  }
515
527
  function qe(e) {
516
- const l = D(), r = i();
528
+ const l = _(), r = i();
517
529
  function t() {
518
- var c, u;
519
- const a = (u = (c = l == null ? void 0 : l.proxy) == null ? void 0 : c.$refs) == null ? void 0 : u[e];
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 U(t), E(t), r;
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
- Me as FormRender,
526
- Be as defineForm,
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,3 @@
1
+ import type { Plugin } from 'vue';
2
+ declare const _default: Plugin;
3
+ export default _default;
@@ -0,0 +1,8 @@
1
+ export declare function FormRenderResolver(): {
2
+ type: "component";
3
+ resolve: (name: string) => {
4
+ name: string;
5
+ from: string;
6
+ sideEffects: string[];
7
+ } | undefined;
8
+ };
@@ -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
+ };
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@gopowerteam/form-render",
3
3
  "type": "module",
4
- "version": "0.0.8",
4
+ "version": "0.0.10",
5
5
  "author": {
6
6
  "name": "zhuchentong",
7
7
  "email": "2037630@gmail.com"