general-basic-form 2.0.28 → 2.0.29

package/dist/index.umd.cjs

@@ -1 +1 @@
-(function(_,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("vue-router")):typeof define=="function"&&define.amd?define(["exports","vue","vue-router"],e):(_=typeof globalThis<"u"?globalThis:_||self,e(_.Index={},_.Vue,_["vue-router"]))})(this,function(_,e,q){"use strict";const z={placeholder:"请输入",style:"width: 200px",clearable:!0},D={style:"width: 227px","start-placeholder":"开始日期","end-placeholder":"结束日期",type:"daterange"},w={placeholder:"请选择",filterable:!0,clearable:!0,style:"width: 200px"},L=e.defineComponent({components:{InputArchive:t=>{const{templateEle:n}=t;return n()}},props:{item:null},setup(){const t=e.inject("queryParams",{}),n=e.inject("getList"),o=e.inject("size");return{queryParams:t,getList:n,size:o}},data(){return{inputSetting:{...z,...this.item.inputSetting}}},methods:{currentInputComponent(){return"input-archive"}}}),h=(t,n)=>{const o=t.__vccOpts||t;for(const[c,l]of n)o[c]=l;return o};function I(t,n,o,c,l,i){const a=e.resolveComponent("el-input");return e.openBlock(),e.createBlock(a,e.mergeProps({onKeydown:e.withKeys(t.getList,["enter"]),modelValue:t.queryParams[t.item.prop],"onUpdate:modelValue":n[0]||(n[0]=r=>t.queryParams[t.item.prop]=r),size:t.size},t.inputSetting),e.createSlots({_:2},[e.renderList(t.item.template,(r,p)=>({name:p,fn:e.withCtx(()=>[r?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.currentInputComponent()),{key:p,templateEle:r},null,8,["templateEle"])):e.createCommentVNode("",!0)])}))]),1040,["onKeydown","modelValue","size"])}const V=h(L,[["render",I]]),N=e.defineComponent({__name:"index",props:{item:{}},setup(t){const{item:n}=t,o=e.inject("queryParams",{}),c=e.inject("size"),l=e.ref({...z,...n.inputSetting});return(i,a)=>{const r=e.resolveComponent("el-input-number");return e.openBlock(),e.createBlock(r,e.mergeProps({modelValue:e.unref(o)[i.item.prop],"onUpdate:modelValue":a[0]||(a[0]=p=>e.unref(o)[i.item.prop]=p),size:e.unref(c)},l.value),null,16,["modelValue","size"])}}}),$=Symbol(),F={class:"input-graphic-verification"},E=["src"],j=e.defineComponent({__name:"index",props:{item:{}},setup(t){const{item:n}=t,{graphicSrc:o="",getGraphic:c=()=>{}}=n,{formLoading:l,updateFormLoading:i}=e.inject($),a=async()=>{c&&!l.value&&await c()};return(r,p)=>{const m=e.resolveDirective("loading");return e.withDirectives((e.openBlock(),e.createElementBlock("div",F,[e.createVNode(V,{item:r.item,class:"input"},null,8,["item"]),e.createElementVNode("img",{class:"graphic",onClick:a,src:e.unref(o)},null,8,E)])),[[m,e.unref(l)]])}}}),me="",U=h(j,[["__scopeId","data-v-c12a4b84"]]),B="获取验证码",T=60,G=e.defineComponent({__name:"verification-button",props:{getSmscode:{type:Function}},setup(t){const{getSmscode:n}=t,o=e.ref(B),c=e.ref(null),l=e.computed(()=>o.value===B),i=()=>{c&&(clearInterval(c.value),c.value=null,o.value=B)},a=async()=>{if(o.value===B)if(o.value=T,c.value=setInterval(()=>{if(Number(o.value)<=0||!o.value){i();return}else o.value=Number(o.value)-1},1e3),n)await n()===!1&&i();else return};return e.onBeforeUnmount(()=>{i()}),(r,p)=>{const m=e.resolveComponent("el-button");return e.openBlock(),e.createBlock(m,{class:"verifiaction-button",style:e.normalizeStyle({color:l.value?"var(--color-primary, #409EFF)":"var(--text-color-placeholder, #A8ABB2)",cursor:l.value?"pointer":"default"}),onClick:a},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(l.value?B:o.value+"s"),1)]),_:1},8,["style"])}}}),de="",R=h(G,[["__scopeId","data-v-a6c3916a"]]),O=e.defineComponent({__name:"index",props:{item:{}},setup(t){const{item:n}=t,o=n;return o.template={append:()=>e.h(R,{getSmscode:o.getSmscode})},(c,l)=>(e.openBlock(),e.createBlock(V,{item:e.unref(o),class:"input"},null,8,["item"]))}}),A=e.defineComponent({components:{slotArchive:t=>{const{templateEle:n}=t;return n()}},props:{item:null},setup(){},data(){return{dividerSetting:{...this.item.dividerSetting}}},methods:{currentInputComponent(){return"slot-archive"}}});function Q(t,n,o,c,l,i){const a=e.resolveComponent("el-divider");return e.openBlock(),e.createBlock(a,e.normalizeProps(e.guardReactiveProps(t.dividerSetting)),e.createSlots({_:2},[e.renderList(t.item.template,(r,p)=>({name:p,fn:e.withCtx(()=>[r?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.currentInputComponent()),{key:p,templateEle:r},null,8,["templateEle"])):e.createCommentVNode("",!0)])}))]),1040)}const K=h(A,[["render",Q]]),M=e.defineComponent({__name:"index",props:{item:{}},setup(t){const{item:n}=t,o=e.inject("queryParams",{}),c=e.inject("size"),l=e.ref({...n.radioSetting}),i=e.ref({...n.radioGroupSetting});return(a,r)=>{const p=e.resolveComponent("el-radio"),m=e.resolveComponent("el-radio-group");return e.openBlock(),e.createBlock(m,e.mergeProps({modelValue:e.unref(o)[a.item.prop],"onUpdate:modelValue":r[0]||(r[0]=d=>e.unref(o)[a.item.prop]=d),size:e.unref(c)},i.value),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.item.option||[],d=>(e.openBlock(),e.createBlock(p,e.mergeProps({size:e.unref(c),label:d.label,key:d.label},l.value),{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(d.value),1)]),_:2},1040,["size","label"]))),128))]),_:1},16,["modelValue","size"])}}}),J=e.defineComponent({__name:"index",props:{item:{}},setup(t){const{item:n}=t,o=e.inject("queryParams",{}),c=e.inject("size"),l=e.ref({...n.checkboxSetting}),i=e.ref({...n.checkboxGroupSetting});return(a,r)=>{const p=e.resolveComponent("el-checkbox"),m=e.resolveComponent("el-checkbox-group");return e.openBlock(),e.createBlock(m,e.mergeProps({modelValue:e.unref(o)[a.item.prop],"onUpdate:modelValue":r[0]||(r[0]=d=>e.unref(o)[a.item.prop]=d),size:e.unref(c)},i.value),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.item.option||[],d=>(e.openBlock(),e.createBlock(p,e.mergeProps({size:e.unref(c),label:d.label,key:d.label},l.value),{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(d.value),1)]),_:2},1040,["size","label"]))),128))]),_:1},16,["modelValue","size"])}}}),W=e.defineComponent({__name:"index",props:{item:{}},setup(t){const{item:n}=t,o=e.inject("queryParams",{}),c=e.inject("size"),l=e.ref({...D,...n.datePackerSetting});return(i,a)=>{const r=e.resolveComponent("el-date-picker");return e.openBlock(),e.createBlock(r,e.mergeProps({modelValue:e.unref(o)[i.item.prop],"onUpdate:modelValue":a[0]||(a[0]=p=>e.unref(o)[i.item.prop]=p),size:e.unref(c)},l.value),null,16,["modelValue","size"])}}}),H=e.defineComponent({__name:"index",props:{item:{}},setup(t){const{item:n}=t,o=e.inject("queryParams",{}),c=e.inject("size"),l=e.ref({...w,...n.selectSetting});return(i,a)=>{const r=e.resolveComponent("el-option"),p=e.resolveComponent("el-select");return e.openBlock(),e.createBlock(p,e.mergeProps({modelValue:e.unref(o)[i.item.prop],"onUpdate:modelValue":a[0]||(a[0]=m=>e.unref(o)[i.item.prop]=m),size:e.unref(c)},l.value),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(i.item.option||[],m=>(e.openBlock(),e.createBlock(r,{key:m.value,label:m.label,value:m.value},null,8,["label","value"]))),128))]),_:1},16,["modelValue","size"])}}}),X=e.defineComponent({__name:"index",props:{item:{}},setup(t){const{item:n}=t,o=e.inject("queryParams",{}),c=e.inject("size"),l=e.ref({...w,...n.selectSetting});return(i,a)=>{const r=e.resolveComponent("el-cascader");return e.openBlock(),e.createBlock(r,e.mergeProps({modelValue:e.unref(o)[i.item.prop],"onUpdate:modelValue":a[0]||(a[0]=p=>e.unref(o)[i.item.prop]=p),size:e.unref(c),options:i.item.options||[]},l.value),null,16,["modelValue","size","options"])}}}),Y=e.defineComponent({name:"GeneralBasicForm",components:{Input:V,InputNumber:N,InputGraphicVerification:U,InputMobileVerification:O,Divider:K,Radio:M,Checkbox:J,DatePicker:W,Select:H,Cascader:X},props:{showSearch:{type:Boolean,default:!0},loading:{type:Boolean,default:!1},formOnly:{type:Boolean,default:!1},getList:{type:Function,default:()=>{}},afterReset:{type:Function,default:()=>{}},formItem:{type:Array,default:[]},size:{type:String,default:"default"},labelWidth:{type:String,default:"90px"},noUrlParameters:{type:Boolean,default:()=>!1},formData:{type:Object,default:()=>{}}},data(){return{formLoading:this.loading||!1}},setup(t){const{size:n,noUrlParameters:o,getList:c}=t,l=q.useRoute(),i=e.ref({...o?{}:l==null?void 0:l.query});return e.provide("queryParams",i),e.provide("size",n),e.provide("getList",c),{queryParams:i}},watch:{formData:{handler(t,n){JSON.stringify(t)!==JSON.stringify(n)&&(this.queryParams={...this.noUrlParameters?{}:this.queryParams,...t})},immediate:!0},queryParams:{handler(t){this.$emit("update:newFormData",t)},deep:!0},loading(t){this.formLoading!==t&&(this.formLoading=t)},formLoading(t){this.loading!==t&&this.$emit("update:loading",t)}},provide(){return{[$]:{formLoading:e.computed(()=>this.formLoading),updateFormLoading:t=>{this.formLoading=t}}}},methods:{handleQuery(){var o;const t={page:1,limit:10},n={...(o=this.$route)==null?void 0:o.query,...this.queryParams,...t};this.noUrlParameters||this.$router.push({query:{...n}}),this.getList({...n})},async resetQuery(){var n;this.$refs.queryFormRef.resetFields();const t={page:1};this.noUrlParameters||await this.$router.push({query:{...t}}),this.queryParams={...this.noUrlParameters?{}:(n=this.$route)==null?void 0:n.query},this.afterReset(),this.handleQuery()}}});function Z(t,n,o,c,l,i){const a=e.resolveComponent("Input"),r=e.resolveComponent("Radio"),p=e.resolveComponent("Select"),m=e.resolveComponent("Divider"),d=e.resolveComponent("Cascader"),g=e.resolveComponent("Checkbox"),b=e.resolveComponent("DatePicker"),S=e.resolveComponent("InputNumber"),C=e.resolveComponent("InputMobileVerification"),P=e.resolveComponent("InputGraphicVerification"),f=e.resolveComponent("el-form-item"),y=e.resolveComponent("el-button"),u=e.resolveComponent("el-form"),x=e.resolveDirective("loading");return e.withDirectives((e.openBlock(),e.createBlock(u,e.mergeProps({model:t.queryParams,ref:"queryFormRef",inline:"","label-position":"left","label-width":t.labelWidth},t.$attrs),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.formItem,s=>(e.openBlock(),e.createBlock(f,{label:s.label,prop:s.prop,key:s.prop,rules:s.rules},{default:e.withCtx(()=>[s.type==="input"?(e.openBlock(),e.createBlock(a,{key:0,item:s},null,8,["item"])):e.createCommentVNode("",!0),s.type==="radio"?(e.openBlock(),e.createBlock(r,{key:1,item:s},null,8,["item"])):e.createCommentVNode("",!0),s.type==="select"?(e.openBlock(),e.createBlock(p,{key:2,item:s},null,8,["item"])):e.createCommentVNode("",!0),s.type==="divider"?(e.openBlock(),e.createBlock(m,{key:3,item:s},null,8,["item"])):e.createCommentVNode("",!0),s.type==="cascader"?(e.openBlock(),e.createBlock(d,{key:4,item:s},null,8,["item"])):e.createCommentVNode("",!0),s.type==="checkbox"?(e.openBlock(),e.createBlock(g,{key:5,item:s},null,8,["item"])):e.createCommentVNode("",!0),s.type==="date-picker"?(e.openBlock(),e.createBlock(b,{key:6,item:s},null,8,["item"])):e.createCommentVNode("",!0),s.type==="input-number"?(e.openBlock(),e.createBlock(S,{key:7,item:s},null,8,["item"])):e.createCommentVNode("",!0),s.type==="form-item-slot"?e.renderSlot(t.$slots,s.name,{key:8}):e.createCommentVNode("",!0),s.type==="input-mobile-verification"?(e.openBlock(),e.createBlock(C,{key:9,item:s},null,8,["item"])):e.createCommentVNode("",!0),s.type==="input-graphic-verification"?(e.openBlock(),e.createBlock(P,{item:s,key:s.key},null,8,["item"])):e.createCommentVNode("",!0)]),_:2},1032,["label","prop","rules"]))),128)),e.renderSlot(t.$slots,"default"),t.formOnly?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(f,{key:0},{default:e.withCtx(()=>[e.withDirectives((e.openBlock(),e.createBlock(y,{type:"primary",size:t.size,onClick:t.handleQuery},{default:e.withCtx(()=>[e.createTextVNode("查询")]),_:1},8,["size","onClick"])),[[x,t.formLoading]]),e.createVNode(y,{size:t.size,onClick:t.resetQuery},{default:e.withCtx(()=>[e.createTextVNode("重置")]),_:1},8,["size","onClick"])]),_:1})),e.renderSlot(t.$slots,"behind-the-button")]),_:3},16,["model","label-width"])),[[e.vShow,t.showSearch]])}const v=h(Y,[["render",Z]]),ee=["infinite-scroll-disabled"],te=["infinite-scroll-disabled"],oe={class:"checkbox"},ne=e.defineComponent({__name:"InfiniteScrollList",props:{search:{type:Function,required:!0},checkbox:{type:Boolean,required:!1},id:{type:String,required:!0},name:{type:String,required:!0},extra:{type:Function,required:!1},defaultSelection:{type:Array,required:!1}},setup(t,{expose:n}){const o=t,{search:c,id:l,name:i,extra:a}=o,r=e.ref([]),p=e.ref(1),m=e.ref(!1),d=e.ref([]),g=e.ref(!1),b=(f,y)=>{const{i:u}=f;return a(u)};e.watch(()=>o.defaultSelection,(f=[],y=[])=>{d.value=f.map(u=>typeof u=="object"?u[l]:u)},{immediate:!0});const S=()=>{p.value=1,r.value=[],d.value=[],m.value=!1},C=async()=>{if(g.value||m.value)return;g.value=!0;const f=await c(p.value);f&&f.length>0?(r.value=[...r.value,...f],p.value+=1):m.value=!0,g.value=!1},P=e.computed(()=>r.value.filter(f=>d.value.includes(f[l])))||{};return n({reset:S,loadList:C,selectInfo:P,list:r,ifbottom:m}),(f,y)=>{const u=e.resolveComponent("el-checkbox"),x=e.resolveComponent("el-checkbox-group"),s=e.resolveDirective("infinite-scroll"),pe=e.resolveDirective("loading");return o.checkbox?e.withDirectives((e.openBlock(),e.createBlock(x,e.mergeProps({key:0,modelValue:d.value,"onUpdate:modelValue":y[0]||(y[0]=k=>d.value=k)},o),{default:e.withCtx(()=>[e.withDirectives((e.openBlock(),e.createElementBlock("ul",{class:"list","infinite-scroll-disabled":m.value},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.value,k=>(e.openBlock(),e.createElementBlock("li",{key:k[e.unref(l)],class:"list-item"},[e.createVNode(u,{label:k[e.unref(l)],class:"checkbox"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(k[e.unref(i)])+" ",1),o.extra?(e.openBlock(),e.createBlock(b,{key:0,i:k},null,8,["i"])):e.createCommentVNode("",!0)]),_:2},1032,["label"])]))),128))],8,ee)),[[s,C]])]),_:1},16,["modelValue"])),[[pe,g.value]]):e.withDirectives((e.openBlock(),e.createElementBlock("ul",e.mergeProps({key:1,class:"list","infinite-scroll-disabled":m.value},o),[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.value,k=>(e.openBlock(),e.createElementBlock("li",{key:k[e.unref(l)],class:"list-item"},[e.createElementVNode("div",oe,[e.createTextVNode(e.toDisplayString(k[e.unref(i)])+" ",1),o.extra?(e.openBlock(),e.createBlock(b,{key:0,i:k},null,8,["i"])):e.createCommentVNode("",!0)])]))),128))],16,te)),[[s,C]])}}}),fe="",re=h(ne,[["__scopeId","data-v-93a94a39"]]),le={key:1},ie=e.defineComponent({__name:"Descriptions",props:{formData:{type:Object,required:!0},formItem:{type:Array,required:!0}},setup(t){const n=t,o=(c,l)=>{const{i,render:a,formData:r}=c;return a({row:r,$index:i})};return(c,l)=>{const i=e.resolveComponent("el-descriptions-item"),a=e.resolveComponent("el-descriptions");return e.openBlock(),e.createBlock(a,e.mergeProps({column:1,border:"",class:"form-width"},n),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.formItem,(r,p)=>(e.openBlock(),e.createBlock(i,e.mergeProps({key:r.prop,label:r.label},r.descriptionsItemProps),{default:e.withCtx(()=>[r.render?(e.openBlock(),e.createBlock(o,{key:0,i:p,render:r.render,formData:t.formData},null,8,["i","render","formData"])):(e.openBlock(),e.createElementBlock("span",le,e.toDisplayString(t.formData[r.prop]),1))]),_:2},1040,["label"]))),128))]),_:1},16)}}}),ae=v,ce=re,se=ie;_.VDescriptions=se,_.VGeneralBasicForm=ae,_.VInfiniteScrollList=ce,Object.defineProperty(_,Symbol.toStringTag,{value:"Module"})});
+(function(f,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("vue-router")):typeof define=="function"&&define.amd?define(["exports","vue","vue-router"],e):(f=typeof globalThis<"u"?globalThis:f||self,e(f.Index={},f.Vue,f["vue-router"]))})(this,function(f,e,q){"use strict";const w={placeholder:"请输入",style:"width: 200px",clearable:!0},D={style:"width: 227px","start-placeholder":"开始日期","end-placeholder":"结束日期",type:"daterange"},x={placeholder:"请选择",filterable:!0,clearable:!0,style:"width: 200px"},L=e.defineComponent({components:{InputArchive:t=>{const{templateEle:n}=t;return n()}},props:{item:null},setup(){const t=e.inject("queryParams",{}),n=e.inject("getList"),o=e.inject("size");return{queryParams:t,getList:n,size:o}},data(){return{inputSetting:{...w,...this.item.inputSetting}}},methods:{currentInputComponent(){return"input-archive"}}}),h=(t,n)=>{const o=t.__vccOpts||t;for(const[s,i]of n)o[s]=i;return o};function I(t,n,o,s,i,l){const a=e.resolveComponent("el-input");return e.openBlock(),e.createBlock(a,e.mergeProps({onKeydown:e.withKeys(t.getList,["enter"]),modelValue:t.queryParams[t.item.prop],"onUpdate:modelValue":n[0]||(n[0]=r=>t.queryParams[t.item.prop]=r),size:t.size},t.inputSetting),e.createSlots({_:2},[e.renderList(t.item.template,(r,m)=>({name:m,fn:e.withCtx(()=>[r?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.currentInputComponent()),{key:m,templateEle:r},null,8,["templateEle"])):e.createCommentVNode("",!0)])}))]),1040,["onKeydown","modelValue","size"])}const V=h(L,[["render",I]]),N=e.defineComponent({__name:"index",props:{item:{}},setup(t){const{item:n}=t,o=e.inject("queryParams",{}),s=e.inject("size"),i=e.ref({...w,...n.inputSetting});return(l,a)=>{const r=e.resolveComponent("el-input-number");return e.openBlock(),e.createBlock(r,e.mergeProps({modelValue:e.unref(o)[l.item.prop],"onUpdate:modelValue":a[0]||(a[0]=m=>e.unref(o)[l.item.prop]=m),size:e.unref(s)},i.value),null,16,["modelValue","size"])}}}),$=Symbol(),F={class:"input-graphic-verification"},E=["src"],j=e.defineComponent({__name:"index",props:{item:{}},setup(t){const{item:n}=t,{graphicSrc:o="",getGraphic:s=()=>{}}=n,{formLoading:i,updateFormLoading:l}=e.inject($),a=async()=>{s&&!i.value&&await s()};return(r,m)=>{const c=e.resolveDirective("loading");return e.withDirectives((e.openBlock(),e.createElementBlock("div",F,[e.createVNode(V,{item:r.item,class:"input"},null,8,["item"]),e.createElementVNode("img",{class:"graphic",onClick:a,src:e.unref(o)},null,8,E)])),[[c,e.unref(i)]])}}}),me="",U=h(j,[["__scopeId","data-v-500ec9b0"]]),B="获取验证码",T=60,G=e.defineComponent({__name:"verification-button",props:{getSmscode:{type:Function}},setup(t){const{getSmscode:n}=t,o=e.ref(B),s=e.ref(null),i=e.computed(()=>o.value===B),l=()=>{s&&(clearInterval(s.value),s.value=null,o.value=B)},a=async()=>{if(o.value===B)if(o.value=T,s.value=setInterval(()=>{if(Number(o.value)<=0||!o.value){l();return}else o.value=Number(o.value)-1},1e3),n)await n()===!1&&l();else return};return e.onBeforeUnmount(()=>{l()}),(r,m)=>{const c=e.resolveComponent("el-button");return e.openBlock(),e.createBlock(c,{class:"verifiaction-button",style:e.normalizeStyle({color:i.value?"var(--color-primary, #409EFF)":"var(--text-color-placeholder, #A8ABB2)",cursor:i.value?"pointer":"default"}),onClick:a},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(i.value?B:o.value+"s"),1)]),_:1},8,["style"])}}}),de="",R=h(G,[["__scopeId","data-v-4074e137"]]),O=e.defineComponent({__name:"index",props:{item:{}},setup(t){const{item:n}=t,o=n;return o.template={append:()=>e.h(R,{getSmscode:o.getSmscode})},(s,i)=>(e.openBlock(),e.createBlock(V,{item:e.unref(o),class:"input"},null,8,["item"]))}}),A=e.defineComponent({components:{slotArchive:t=>{const{templateEle:n}=t;return n()}},props:{item:null},setup(){},data(){return{dividerSetting:{...this.item.dividerSetting}}},methods:{currentInputComponent(){return"slot-archive"}}});function Q(t,n,o,s,i,l){const a=e.resolveComponent("el-divider");return e.openBlock(),e.createBlock(a,e.normalizeProps(e.guardReactiveProps(t.dividerSetting)),e.createSlots({_:2},[e.renderList(t.item.template,(r,m)=>({name:m,fn:e.withCtx(()=>[r?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.currentInputComponent()),{key:m,templateEle:r},null,8,["templateEle"])):e.createCommentVNode("",!0)])}))]),1040)}const K=h(A,[["render",Q]]),M=e.defineComponent({__name:"index",props:{item:{}},setup(t){const{item:n}=t,o=e.inject("queryParams",{}),s=e.inject("size"),i=e.ref({...n.radioGroupSetting});return(l,a)=>{const r=e.resolveComponent("el-radio"),m=e.resolveComponent("el-radio-group");return e.openBlock(),e.createBlock(m,e.mergeProps({modelValue:e.unref(o)[l.item.prop],"onUpdate:modelValue":a[0]||(a[0]=c=>e.unref(o)[l.item.prop]=c),size:e.unref(s)},i.value),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.item.option||[],c=>(e.openBlock(),e.createBlock(r,e.mergeProps({size:e.unref(s),key:c.label},c),{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(c.value),1)]),_:2},1040,["size"]))),128))]),_:1},16,["modelValue","size"])}}}),J=e.defineComponent({__name:"index",props:{item:{}},setup(t){const{item:n}=t,o=e.inject("queryParams",{}),s=e.inject("size"),i=e.ref({...n.checkboxGroupSetting});return(l,a)=>{const r=e.resolveComponent("el-checkbox"),m=e.resolveComponent("el-checkbox-group");return e.openBlock(),e.createBlock(m,e.mergeProps({modelValue:e.unref(o)[l.item.prop],"onUpdate:modelValue":a[0]||(a[0]=c=>e.unref(o)[l.item.prop]=c),size:e.unref(s)},i.value),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.item.option||[],c=>(e.openBlock(),e.createBlock(r,e.mergeProps({size:e.unref(s),key:c.label},c),{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(c.value),1)]),_:2},1040,["size"]))),128))]),_:1},16,["modelValue","size"])}}}),W=e.defineComponent({__name:"index",props:{item:{}},setup(t){const{item:n}=t,o=e.inject("queryParams",{}),s=e.inject("size"),i=e.ref({...D,...n.datePackerSetting});return(l,a)=>{const r=e.resolveComponent("el-date-picker");return e.openBlock(),e.createBlock(r,e.mergeProps({modelValue:e.unref(o)[l.item.prop],"onUpdate:modelValue":a[0]||(a[0]=m=>e.unref(o)[l.item.prop]=m),size:e.unref(s)},i.value),null,16,["modelValue","size"])}}}),H=e.defineComponent({__name:"index",props:{item:{}},setup(t){const{item:n}=t,o=e.inject("queryParams",{}),s=e.inject("size"),i=e.ref({...x,...n.selectSetting});return(l,a)=>{const r=e.resolveComponent("el-option"),m=e.resolveComponent("el-select");return e.openBlock(),e.createBlock(m,e.mergeProps({modelValue:e.unref(o)[l.item.prop],"onUpdate:modelValue":a[0]||(a[0]=c=>e.unref(o)[l.item.prop]=c),size:e.unref(s)},i.value),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.item.option||[],c=>(e.openBlock(),e.createBlock(r,{key:c.value,label:c.label,value:c.value},null,8,["label","value"]))),128))]),_:1},16,["modelValue","size"])}}}),X=e.defineComponent({__name:"index",props:{item:{}},setup(t){const{item:n}=t,o=e.inject("queryParams",{}),s=e.inject("size"),i=e.ref({...x,...n.selectSetting});return(l,a)=>{const r=e.resolveComponent("el-cascader");return e.openBlock(),e.createBlock(r,e.mergeProps({modelValue:e.unref(o)[l.item.prop],"onUpdate:modelValue":a[0]||(a[0]=m=>e.unref(o)[l.item.prop]=m),size:e.unref(s),options:l.item.options||[]},i.value),null,16,["modelValue","size","options"])}}}),Y=e.defineComponent({name:"GeneralBasicForm",components:{Input:V,InputNumber:N,InputGraphicVerification:U,InputMobileVerification:O,Divider:K,Radio:M,Checkbox:J,DatePicker:W,Select:H,Cascader:X},props:{showSearch:{type:Boolean,default:!0},loading:{type:Boolean,default:!1},formOnly:{type:Boolean,default:!1},getList:{type:Function,default:()=>{}},afterReset:{type:Function,default:()=>{}},formItem:{type:Array,default:[]},size:{type:String,default:"default"},labelWidth:{type:String,default:"90px"},noUrlParameters:{type:Boolean,default:()=>!1},formData:{type:Object,default:()=>{}}},data(){return{formLoading:this.loading||!1}},setup(t){const{size:n,noUrlParameters:o,getList:s}=t,i=q.useRoute(),l=e.ref({...o?{}:i==null?void 0:i.query});return e.provide("queryParams",l),e.provide("size",n),e.provide("getList",s),{queryParams:l}},watch:{formData:{handler(t,n){JSON.stringify(t)!==JSON.stringify(n)&&(this.queryParams={...this.noUrlParameters?{}:this.queryParams,...t})},immediate:!0},queryParams:{handler(t){this.$emit("update:newFormData",t)},deep:!0},loading(t){this.formLoading!==t&&(this.formLoading=t)},formLoading(t){this.loading!==t&&this.$emit("update:loading",t)}},provide(){return{[$]:{formLoading:e.computed(()=>this.formLoading),updateFormLoading:t=>{this.formLoading=t}}}},methods:{handleQuery(){var o;const t={page:1,limit:10},n={...(o=this.$route)==null?void 0:o.query,...this.queryParams,...t};this.noUrlParameters||this.$router.push({query:{...n}}),this.getList({...n})},async resetQuery(){var n;this.$refs.queryFormRef.resetFields();const t={page:1};this.noUrlParameters||await this.$router.push({query:{...t}}),this.queryParams={...this.noUrlParameters?{}:(n=this.$route)==null?void 0:n.query},this.afterReset(),this.handleQuery()}}});function Z(t,n,o,s,i,l){const a=e.resolveComponent("Input"),r=e.resolveComponent("Radio"),m=e.resolveComponent("Select"),c=e.resolveComponent("Divider"),u=e.resolveComponent("Cascader"),g=e.resolveComponent("Checkbox"),b=e.resolveComponent("DatePicker"),S=e.resolveComponent("InputNumber"),C=e.resolveComponent("InputMobileVerification"),P=e.resolveComponent("InputGraphicVerification"),d=e.resolveComponent("el-form-item"),y=e.resolveComponent("el-button"),k=e.resolveComponent("el-form"),z=e.resolveDirective("loading");return e.withDirectives((e.openBlock(),e.createBlock(k,e.mergeProps({model:t.queryParams,ref:"queryFormRef",inline:"","label-position":"left","label-width":t.labelWidth},t.$attrs),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.formItem,p=>(e.openBlock(),e.createBlock(d,{label:p.label,prop:p.prop,key:p.prop,rules:p.rules},{default:e.withCtx(()=>[p.type==="input"?(e.openBlock(),e.createBlock(a,{key:0,item:p},null,8,["item"])):e.createCommentVNode("",!0),p.type==="radio"?(e.openBlock(),e.createBlock(r,{key:1,item:p},null,8,["item"])):e.createCommentVNode("",!0),p.type==="select"?(e.openBlock(),e.createBlock(m,{key:2,item:p},null,8,["item"])):e.createCommentVNode("",!0),p.type==="divider"?(e.openBlock(),e.createBlock(c,{key:3,item:p},null,8,["item"])):e.createCommentVNode("",!0),p.type==="cascader"?(e.openBlock(),e.createBlock(u,{key:4,item:p},null,8,["item"])):e.createCommentVNode("",!0),p.type==="checkbox"?(e.openBlock(),e.createBlock(g,{key:5,item:p},null,8,["item"])):e.createCommentVNode("",!0),p.type==="date-picker"?(e.openBlock(),e.createBlock(b,{key:6,item:p},null,8,["item"])):e.createCommentVNode("",!0),p.type==="input-number"?(e.openBlock(),e.createBlock(S,{key:7,item:p},null,8,["item"])):e.createCommentVNode("",!0),p.type==="form-item-slot"?e.renderSlot(t.$slots,p.name,{key:8}):e.createCommentVNode("",!0),p.type==="input-mobile-verification"?(e.openBlock(),e.createBlock(C,{key:9,item:p},null,8,["item"])):e.createCommentVNode("",!0),p.type==="input-graphic-verification"?(e.openBlock(),e.createBlock(P,{item:p,key:p.key},null,8,["item"])):e.createCommentVNode("",!0)]),_:2},1032,["label","prop","rules"]))),128)),e.renderSlot(t.$slots,"default"),t.formOnly?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(d,{key:0},{default:e.withCtx(()=>[e.withDirectives((e.openBlock(),e.createBlock(y,{type:"primary",size:t.size,onClick:t.handleQuery},{default:e.withCtx(()=>[e.createTextVNode("查询")]),_:1},8,["size","onClick"])),[[z,t.formLoading]]),e.createVNode(y,{size:t.size,onClick:t.resetQuery},{default:e.withCtx(()=>[e.createTextVNode("重置")]),_:1},8,["size","onClick"])]),_:1})),e.renderSlot(t.$slots,"behind-the-button")]),_:3},16,["model","label-width"])),[[e.vShow,t.showSearch]])}const v=h(Y,[["render",Z]]),ee=["infinite-scroll-disabled"],te=["infinite-scroll-disabled"],oe={class:"checkbox"},ne=e.defineComponent({__name:"InfiniteScrollList",props:{search:{type:Function,required:!0},checkbox:{type:Boolean,required:!1},id:{type:String,required:!0},name:{type:String,required:!0},extra:{type:Function,required:!1},defaultSelection:{type:Array,required:!1}},setup(t,{expose:n}){const o=t,{search:s,id:i,name:l,extra:a}=o,r=e.ref([]),m=e.ref(1),c=e.ref(!1),u=e.ref([]),g=e.ref(!1),b=(d,y)=>{const{i:k}=d;return a(k)};e.watch(()=>o.defaultSelection,(d=[],y=[])=>{u.value=d.map(k=>typeof k=="object"?k[i]:k)},{immediate:!0});const S=()=>{m.value=1,r.value=[],u.value=[],c.value=!1},C=async()=>{if(g.value||c.value)return;g.value=!0;const d=await s(m.value);d&&d.length>0?(r.value=[...r.value,...d],m.value+=1):c.value=!0,g.value=!1},P=e.computed(()=>r.value.filter(d=>u.value.includes(d[i])))||{};return n({reset:S,loadList:C,selectInfo:P,list:r,ifbottom:c}),(d,y)=>{const k=e.resolveComponent("el-checkbox"),z=e.resolveComponent("el-checkbox-group"),p=e.resolveDirective("infinite-scroll"),pe=e.resolveDirective("loading");return o.checkbox?e.withDirectives((e.openBlock(),e.createBlock(z,e.mergeProps({key:0,modelValue:u.value,"onUpdate:modelValue":y[0]||(y[0]=_=>u.value=_)},o),{default:e.withCtx(()=>[e.withDirectives((e.openBlock(),e.createElementBlock("ul",{class:"list","infinite-scroll-disabled":c.value},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.value,_=>(e.openBlock(),e.createElementBlock("li",{key:_[e.unref(i)],class:"list-item"},[e.createVNode(k,{label:_[e.unref(i)],class:"checkbox"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(_[e.unref(l)])+" ",1),o.extra?(e.openBlock(),e.createBlock(b,{key:0,i:_},null,8,["i"])):e.createCommentVNode("",!0)]),_:2},1032,["label"])]))),128))],8,ee)),[[p,C]])]),_:1},16,["modelValue"])),[[pe,g.value]]):e.withDirectives((e.openBlock(),e.createElementBlock("ul",e.mergeProps({key:1,class:"list","infinite-scroll-disabled":c.value},o),[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.value,_=>(e.openBlock(),e.createElementBlock("li",{key:_[e.unref(i)],class:"list-item"},[e.createElementVNode("div",oe,[e.createTextVNode(e.toDisplayString(_[e.unref(l)])+" ",1),o.extra?(e.openBlock(),e.createBlock(b,{key:0,i:_},null,8,["i"])):e.createCommentVNode("",!0)])]))),128))],16,te)),[[p,C]])}}}),fe="",re=h(ne,[["__scopeId","data-v-6bf38adc"]]),le={key:1},ie=e.defineComponent({__name:"Descriptions",props:{formData:{type:Object,required:!0},formItem:{type:Array,required:!0}},setup(t){const n=t,o=(s,i)=>{const{i:l,render:a,formData:r}=s;return a({row:r,$index:l})};return(s,i)=>{const l=e.resolveComponent("el-descriptions-item"),a=e.resolveComponent("el-descriptions");return e.openBlock(),e.createBlock(a,e.mergeProps({column:1,border:"",class:"form-width"},n),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.formItem,(r,m)=>(e.openBlock(),e.createBlock(l,e.mergeProps({key:r.prop,label:r.label},r.descriptionsItemProps),{default:e.withCtx(()=>[r.render?(e.openBlock(),e.createBlock(o,{key:0,i:m,render:r.render,formData:t.formData},null,8,["i","render","formData"])):(e.openBlock(),e.createElementBlock("span",le,e.toDisplayString(t.formData[r.prop]),1))]),_:2},1040,["label"]))),128))]),_:1},16)}}}),se=v,ae=re,ce=ie;f.VDescriptions=ce,f.VGeneralBasicForm=se,f.VInfiniteScrollList=ae,Object.defineProperty(f,Symbol.toStringTag,{value:"Module"})});

package/dist/style.css

@@ -1 +1 @@
-.input-graphic-verification[data-v-c12a4b84]{display:flex;gap:12px;width:100%}.input-graphic-verification .input[data-v-c12a4b84]{flex:auto}.input-graphic-verification .graphic[data-v-c12a4b84]{width:109px;height:43px;object-fit:fill;flex:none}.verifiaction-button[data-v-a6c3916a]{width:109px}.list[data-v-93a94a39]{height:272px;overflow:auto;padding:8px 0}.list .checkbox[data-v-93a94a39]{width:calc(100% - 32px);padding:0 16px}
+.input-graphic-verification[data-v-500ec9b0]{display:flex;gap:12px;width:100%}.input-graphic-verification .input[data-v-500ec9b0]{flex:auto}.input-graphic-verification .graphic[data-v-500ec9b0]{width:109px;height:43px;object-fit:fill;flex:none}.verifiaction-button[data-v-4074e137]{width:109px}.list[data-v-6bf38adc]{height:272px;overflow:auto;padding:8px 0}.list .checkbox[data-v-6bf38adc]{width:calc(100% - 32px);padding:0 16px}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "general-basic-form",
-  "version": "2.0.28",
+  "version": "2.0.29",
   "description": "",
   "main": "./dist/index.umd.cjs",
   "type": "module",