general-basic-form 2.0.58 → 2.0.60
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/README.md +2 -2
- package/dist/index.js +313 -296
- package/dist/index.umd.cjs +1 -1
- package/package.json +64 -61
package/dist/index.umd.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
(function(h,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):(h=typeof globalThis<"u"?globalThis:h||self,e(h.Index={},h.Vue,h["vue-router"]))})(this,function(h,e,j){"use strict";const w={placeholder:"请输入",style:"width: 200px",clearable:!0},T={style:"width: 227px","start-placeholder":"开始日期","end-placeholder":"结束日期",type:"daterange"},z={placeholder:"请选择",filterable:!0,clearable:!0,style:"width: 200px"},R=e.defineComponent({components:{InputArchive:t=>{const{templateEle:o}=t;return o()}},props:{item:null},setup(){const t=e.inject("queryParams",{}),o=e.inject("getList"),n=e.inject("size","default");return{queryParams:t,getList:o,size:n}},data(){return{inputSetting:{...w,...this.item.inputSetting,...this.item.setting}}},methods:{currentInputComponent(){return"input-archive"}}}),B=(t,o)=>{const n=t.__vccOpts||t;for(const[s,i]of o)n[s]=i;return n};function A(t,o,n,s,i,a){const l=e.resolveComponent("el-input");return e.openBlock(),e.createBlock(l,e.mergeProps({onKeydown:e.withKeys(t.getList,["enter"]),modelValue:t.queryParams[t.item.prop],"onUpdate:modelValue":o[0]||(o[0]=c=>t.queryParams[t.item.prop]=c),size:t.size},t.inputSetting),e.createSlots({_:2},[e.renderList(t.item.template,(c,r)=>({name:r,fn:e.withCtx(()=>[c?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.currentInputComponent()),{key:r,templateEle:c},null,8,["templateEle"])):e.createCommentVNode("",!0)])}))]),1040,["onKeydown","modelValue","size"])}const V=B(R,[["render",A]]),U=e.defineComponent({__name:"index",props:{item:{}},setup(t){const o=e.inject("queryParams",{}),n=e.inject("size"),s=e.ref({...w,...t.item.inputSetting,...t.item.setting});return(i,a)=>{const l=e.resolveComponent("el-input-number");return e.openBlock(),e.createBlock(l,e.mergeProps({modelValue:e.unref(o)[i.item.prop],"onUpdate:modelValue":a[0]||(a[0]=c=>e.unref(o)[i.item.prop]=c),size:e.unref(n)},s.value),null,16,["modelValue","size"])}}}),G=e.defineComponent({components:{InputArchive:t=>{const{templateEle:o}=t;return o()}},props:{item:null},setup(){const t=e.inject("queryParams",{}),o=e.inject("getList",()=>{}),n=e.inject("size","default"),i=e.inject("Form").useInjectFormItemContext();return{queryParams:t,getList:o,size:n,formItemContext:i}},data(){return{inputSetting:{...w,...this.item.inputSetting,...this.item.setting}}},methods:{currentInputComponent(){return"input-archive"},onInputChange(t){this.queryParams[this.item.prop]=t.target.value,this.formItemContext.onFieldChange()}}});function M(t,o,n,s,i,a){const l=e.resolveComponent("a-input");return e.openBlock(),e.createBlock(l,e.mergeProps({onKeydown:e.withKeys(t.getList,["enter"]),onChange:t.onInputChange,value:t.queryParams[t.item.prop],size:t.size},t.inputSetting),e.createSlots({_:2},[e.renderList(t.item.template,(c,r)=>({name:r,fn:e.withCtx(()=>[c?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.currentInputComponent()),{key:r,templateEle:c},null,8,["templateEle"])):e.createCommentVNode("",!0)])}))]),1040,["onKeydown","onChange","value","size"])}const q=B(G,[["render",M]]),D=Symbol(),O=e.defineComponent({__name:"index",props:{imgSrc:{}},setup(t){const o=e.ref();return e.onMounted(()=>{const n=new Image,s=[],i=8,a=8;let l=0,c=0;const r=300,m=o.value,f=m.getContext("2d");n.onload=function(){m.width=n.width,m.height=n.height,c=Math.floor(n.width/i),l=Math.floor(n.height/a),u(),y()},n.src=t.imgSrc;const u=()=>{for(let k=0;k<a;k++)for(let d=0;d<i;d++)s.push({x:c*d,y:l*k,offsetX:(Math.random()-.5)*r,offsetY:(Math.random()-.5)*r})},y=()=>{f.clearRect(0,0,m.width,m.height);let k=!0;s.forEach((d,P)=>{f.drawImage(n,d.x,d.y,c,l,d.x+d.offsetX,d.y+d.offsetY,c,l),Math.abs(d.offsetX)>.5&&(k=!1,d.offsetX*=.95),Math.abs(d.offsetY)>.5&&(d.offsetY*=.95,k=!1)}),k?setTimeout(()=>{u(),y()},300):requestAnimationFrame(y)}}),(n,s)=>(e.openBlock(),e.createElementBlock("canvas",{ref_key:"loadingCanvas",ref:o},null,512))}}),K={class:"input-graphic-verification"},Q=["src","alt"],X=e.defineComponent({__name:"index",props:{item:{},componentType:{default:"Element Plus"},loading:{type:Boolean,default:!1}},setup(t){const{graphicSrc:o="",graphicAlt:n="",getGraphic:s=()=>{},key:i}=t.item,{formLoading:a}=e.inject(D,!1),l=e.computed(()=>(a==null?void 0:a.value)||t.loading),c=async()=>{s&&!(l!=null&&l.value)&&await s()},r=e.shallowRef(V);switch(t.componentType){case"Element Plus":r.value=V;break;case"Ant Design Vue":r.value=q;break}return(m,f)=>(e.openBlock(),e.createElementBlock("div",K,[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(r.value),{item:m.item,class:"input"},null,8,["item"])),l.value?(e.openBlock(),e.createBlock(O,{key:0,class:"graphic",imgSrc:e.unref(o)},null,8,["imgSrc"])):(e.openBlock(),e.createElementBlock("img",{key:1,class:"graphic",onClick:c,src:e.unref(o),alt:e.unref(n)||`${e.unref(i)}`},null,8,Q))]))}}),Ce="",L=B(X,[["__scopeId","data-v-fb7aa300"]]),S="获取验证码",Y=60,W=e.defineComponent({__name:"verification-button",props:{getSmscode:{type:Function},componentType:{default:"Element Plus"},item:{}},setup(t,{expose:o}){const n=e.ref(S),s=e.ref(null),i=e.computed(()=>n.value===S),a=e.shallowRef("el-button");switch(t.componentType){case"Element Plus":a.value="el-button";break;case"Ant Design Vue":a.value="a-button";break}const l=()=>{s&&(clearInterval(s.value),s.value=null,n.value=S)},c=async()=>{if(n.value===S)if(n.value=Y,s.value=setInterval(()=>{if(Number(n.value)<=0||!n.value){l();return}else n.value=Number(n.value)-1},1e3),t.getSmscode)await t.getSmscode()===!1&&l();else return};e.onBeforeUnmount(()=>{l()});const r={...t.item.buttonSetting};return o({buttonClick:c,reset:l}),(m,f)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(a.value),e.mergeProps({class:"verifiaction-button",style:{color:i.value?"var(--color-primary, #409EFF)":"var(--text-color-placeholder, #A8ABB2)",cursor:i.value?"pointer":"default"},onClick:c},r),{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(i.value?S:n.value+"s"),1)]),_:1},16,["style"]))}}),be="",E=B(W,[["__scopeId","data-v-aa89c1b7"]]),N=e.defineComponent({__name:"index",props:{item:{},componentType:{default:"Element Plus"}},setup(t,{expose:o}){const n=t.item,s=e.shallowRef(V),i=e.ref();switch(t.componentType){case"Element Plus":s.value=V,n.template={append:()=>e.h(E,{getSmscode:n.getSmscode,item:t.item,ref:i})};break;case"Ant Design Vue":s.value=q,n.template={suffix:()=>e.h(E,{getSmscode:n.getSmscode,item:t.item,ref:i})};break}return o({VerificationButtonRef:i}),(a,l)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(s.value),{item:e.unref(n),class:"input"},null,8,["item"]))}}),J=e.defineComponent({components:{slotArchive:t=>{const{templateEle:o}=t;return o()}},props:{item:null},setup(){},data(){return{dividerSetting:{...this.item.dividerSetting,...this.item.setting}}},methods:{currentInputComponent(){return"slot-archive"}}});function H(t,o,n,s,i,a){const l=e.resolveComponent("el-divider");return e.openBlock(),e.createBlock(l,e.normalizeProps(e.guardReactiveProps(t.dividerSetting)),e.createSlots({_:2},[e.renderList(t.item.template,(c,r)=>({name:r,fn:e.withCtx(()=>[c?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.currentInputComponent()),{key:r,templateEle:c},null,8,["templateEle"])):e.createCommentVNode("",!0)])}))]),1040)}const Z=B(J,[["render",H]]),v=e.defineComponent({__name:"index",props:{item:{}},setup(t){const o=e.inject("queryParams",{}),n=e.inject("size"),s=e.ref({...t.item.radioGroupSetting,...t.item.setting});return(i,a)=>{const l=e.resolveComponent("el-radio"),c=e.resolveComponent("el-radio-group");return e.openBlock(),e.createBlock(c,e.mergeProps({modelValue:e.unref(o)[i.item.prop],"onUpdate:modelValue":a[0]||(a[0]=r=>e.unref(o)[i.item.prop]=r),size:e.unref(n)},s.value),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(i.item.option||[],r=>(e.openBlock(),e.createBlock(l,e.mergeProps({size:e.unref(n),key:r.value,ref_for:!0},r),{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(r.label),1)]),_:2},1040,["size"]))),128))]),_:1},16,["modelValue","size"])}}}),ee=e.defineComponent({__name:"index",props:{item:{}},setup(t){const o=e.inject("queryParams",{}),n=e.inject("size"),s=e.ref({...t.item.checkboxGroupSetting,...t.item.setting});return(i,a)=>{const l=e.resolveComponent("el-checkbox"),c=e.resolveComponent("el-checkbox-group");return e.openBlock(),e.createBlock(c,e.mergeProps({modelValue:e.unref(o)[i.item.prop],"onUpdate:modelValue":a[0]||(a[0]=r=>e.unref(o)[i.item.prop]=r),size:e.unref(n)},s.value),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(i.item.option||[],r=>(e.openBlock(),e.createBlock(l,e.mergeProps({size:e.unref(n),key:r.value,ref_for:!0},r),{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(r.label),1)]),_:2},1040,["size"]))),128))]),_:1},16,["modelValue","size"])}}}),te=e.defineComponent({__name:"index",props:{item:{}},setup(t){const o=e.inject("queryParams",{}),n=e.inject("size"),s=e.ref({...T,...t.item.datePackerSetting,...t.item.setting});return(i,a)=>{const l=e.resolveComponent("el-date-picker");return e.openBlock(),e.createBlock(l,e.mergeProps({modelValue:e.unref(o)[i.item.prop],"onUpdate:modelValue":a[0]||(a[0]=c=>e.unref(o)[i.item.prop]=c),size:e.unref(n)},s.value),null,16,["modelValue","size"])}}}),ne=e.defineComponent({__name:"index",props:{item:{}},setup(t){const o=e.inject("queryParams",{}),n=e.inject("size"),s=e.ref({...z,...t.item.selectSetting,...t.item.setting});return(i,a)=>{const l=e.resolveComponent("el-option"),c=e.resolveComponent("el-select");return e.openBlock(),e.createBlock(c,e.mergeProps({modelValue:e.unref(o)[i.item.prop],"onUpdate:modelValue":a[0]||(a[0]=r=>e.unref(o)[i.item.prop]=r),size:e.unref(n)},s.value),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(i.item.option||[],r=>(e.openBlock(),e.createBlock(l,e.mergeProps({key:r.value,ref_for:!0},r),null,16))),128))]),_:1},16,["modelValue","size"])}}}),oe=e.defineComponent({__name:"index",props:{item:{}},setup(t){const o=e.inject("queryParams",{}),n=e.inject("size"),s=e.ref({...z,...t.item.selectSetting,...t.item.setting});return(i,a)=>{const l=e.resolveComponent("el-cascader");return e.openBlock(),e.createBlock(l,e.mergeProps({modelValue:e.unref(o)[i.item.prop],"onUpdate:modelValue":a[0]||(a[0]=c=>e.unref(o)[i.item.prop]=c),size:e.unref(n),options:i.item.options||[]},s.value),null,16,["modelValue","size","options"])}}}),re=e.defineComponent({name:"GeneralBasicForm",components:{Input:V,InputNumber:U,InputGraphicVerification:L,InputMobileVerification:N,Divider:Z,Radio:v,Checkbox:ee,DatePicker:te,Select:ne,Cascader:oe},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:()=>{}},noInputBlank:{type:Boolean,default:()=>!1}},data(){return{formLoading:this.loading||!1,trimRegex:/\S/}},setup(t){const{size:o,noUrlParameters:n,getList:s}=t,i=j.useRoute(),a=e.ref({...n?{}:i==null?void 0:i.query});return e.provide("queryParams",a),e.provide("size",o),e.provide("getList",s),{queryParams:a}},watch:{formData:{handler(t,o){JSON.stringify(t)!==JSON.stringify(o)&&(this.queryParams={...this.noUrlParameters?{}:this.queryParams,...t})},immediate:!0},queryParams:{handler(t){this.$emit("update:formData",t)},deep:!0},loading(t){this.formLoading!==t&&(this.formLoading=t)},formLoading(t){this.loading!==t&&this.$emit("update:loading",t)}},provide(){return{[D]:{formLoading:e.computed(()=>this.formLoading),updateFormLoading:t=>{this.formLoading=t}}}},methods:{handleQuery(){var n;const t={page:1,limit:10},o={...(n=this.$route)==null?void 0:n.query,...this.queryParams,...t};this.noUrlParameters||this.$router.push({query:{...o}}),this.getList({...o})},async resetQuery(){var o;this.$refs.queryFormRef.resetFields();const t={page:1};this.noUrlParameters||await this.$router.push({query:{...t}}),this.queryParams={...this.noUrlParameters?{}:(o=this.$route)==null?void 0:o.query},this.afterReset(),this.handleQuery()},getItemRules(t){const{type:o,rules:n=[]}=t,s=[...n];return this.noInputBlank&&o==="input"&&s.push({pattern:this.trimRegex,message:"请输入(不能仅输入空格)",trigger:"blur"}),s}}});function ie(t,o,n,s,i,a){const l=e.resolveComponent("Input"),c=e.resolveComponent("Radio"),r=e.resolveComponent("Select"),m=e.resolveComponent("Divider"),f=e.resolveComponent("Cascader"),u=e.resolveComponent("Checkbox"),y=e.resolveComponent("DatePicker"),k=e.resolveComponent("InputNumber"),d=e.resolveComponent("InputMobileVerification"),P=e.resolveComponent("InputGraphicVerification"),b=e.resolveComponent("el-form-item"),C=e.resolveComponent("el-button"),$=e.resolveComponent("el-form"),I=e.resolveDirective("loading");return e.withDirectives((e.openBlock(),e.createBlock($,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(b,{label:p.label,prop:p.prop,key:p.prop,rules:t.getItemRules(p)},{default:e.withCtx(()=>[/^input$/i.test(p.type)?(e.openBlock(),e.createBlock(l,{key:0,item:p},null,8,["item"])):e.createCommentVNode("",!0),/^radio$/i.test(p.type)?(e.openBlock(),e.createBlock(c,{key:1,item:p},null,8,["item"])):e.createCommentVNode("",!0),/^select$/i.test(p.type)?(e.openBlock(),e.createBlock(r,{key:2,item:p},null,8,["item"])):e.createCommentVNode("",!0),/^divider$/i.test(p.type)?(e.openBlock(),e.createBlock(m,{key:3,item:p},null,8,["item"])):e.createCommentVNode("",!0),/^cascader$/i.test(p.type)?(e.openBlock(),e.createBlock(f,{key:4,item:p},null,8,["item"])):e.createCommentVNode("",!0),/^checkbox$/i.test(p.type)?(e.openBlock(),e.createBlock(u,{key:5,item:p},null,8,["item"])):e.createCommentVNode("",!0),/^date-picker$/i.test(p.type)?(e.openBlock(),e.createBlock(y,{key:6,item:p},null,8,["item"])):e.createCommentVNode("",!0),/^input-number$/i.test(p.type)?(e.openBlock(),e.createBlock(k,{key:7,item:p},null,8,["item"])):e.createCommentVNode("",!0),/^form-item-slot$/i.test(p.type)?e.renderSlot(t.$slots,p.name,{key:8}):e.createCommentVNode("",!0),/^input-mobile-verification$/i.test(p.type)?(e.openBlock(),e.createBlock(d,{key:9,item:p},null,8,["item"])):e.createCommentVNode("",!0),/^input-graphic-verification$/i.test(p.type)?(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(b,{key:0},{default:e.withCtx(()=>[e.withDirectives((e.openBlock(),e.createBlock(C,{type:"primary",size:t.size,onClick:t.handleQuery},{default:e.withCtx(()=>o[0]||(o[0]=[e.createTextVNode("查询")])),_:1},8,["size","onClick"])),[[I,t.formLoading]]),e.createVNode(C,{size:t.size,onClick:t.resetQuery},{default:e.withCtx(()=>o[1]||(o[1]=[e.createTextVNode("重置")])),_:1},8,["size","onClick"])]),_:1})),e.renderSlot(t.$slots,"behind-the-button")]),_:3},16,["model","label-width"])),[[e.vShow,t.showSearch]])}const le=B(re,[["render",ie]]),se=["infinite-scroll-disabled"],ae=["infinite-scroll-disabled"],ce={class:"checkbox"},pe=e.defineComponent({__name:"InfiniteScrollList",props:{search:{type:Function,required:!0},checkbox:{type:Boolean,required:!1},id:{type:String,required:!0},name:{type:String,required:!1},extra:{type:null,required:!1},defaultSelection:{type:Array,required:!1},height:{type:String,required:!1,default:"272px"}},setup(t,{expose:o}){const n=t,{search:s,id:i,name:a,extra:l,height:c}=n,r=e.ref([]),m=e.ref(1),f=e.ref(!1),u=e.ref([]),y=e.ref(!1),k=(p,_)=>{const{i:x}=p;return l&&l!=="false"?l(x):""},d=p=>{u.value=p.map(_=>typeof _=="object"?_[i]:_)};e.watch(()=>n.defaultSelection,(p=[],_=[])=>{d(p)},{immediate:!0});const P=()=>{b(),u.value=[]},b=()=>{m.value=1,r.value=[],f.value=!1},C=async()=>{if(y.value||f.value)return;y.value=!0;const p=await s(m.value);p&&p.length>0?(r.value=[...r.value,...p],m.value+=1):f.value=!0,y.value=!1},$=()=>{b(),C()},I=e.computed(()=>r.value.filter(p=>u.value.includes(p[i])))||{};return o({reset:P,lowReset:b,loadList:C,selectInfo:I,list:r,ifbottom:f,refreshList:$,loading:y}),(p,_)=>{const x=e.resolveComponent("el-checkbox"),_e=e.resolveComponent("el-checkbox-group"),F=e.resolveDirective("infinite-scroll"),Be=e.resolveDirective("loading");return n.checkbox?e.withDirectives((e.openBlock(),e.createBlock(_e,e.mergeProps({key:0,modelValue:u.value,"onUpdate:modelValue":_[0]||(_[0]=g=>u.value=g)},n),{default:e.withCtx(()=>[e.withDirectives((e.openBlock(),e.createElementBlock("ul",{class:"list","infinite-scroll-disabled":f.value,style:e.normalizeStyle({height:e.unref(c)})},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.value,g=>(e.openBlock(),e.createElementBlock("li",{key:g[e.unref(i)],class:"list-item"},[e.createVNode(x,{value:g[e.unref(i)],class:"checkbox"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(g[e.unref(a)])+" ",1),n.extra?(e.openBlock(),e.createBlock(k,{key:0,i:g},null,8,["i"])):e.createCommentVNode("",!0)]),_:2},1032,["value"])]))),128))],12,se)),[[F,C]])]),_:1},16,["modelValue"])),[[Be,y.value]]):e.withDirectives((e.openBlock(),e.createElementBlock("ul",e.mergeProps({key:1,class:"list","infinite-scroll-disabled":f.value,style:{height:e.unref(c)}},n),[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.value,g=>(e.openBlock(),e.createElementBlock("li",{key:g[e.unref(i)],class:"list-item"},[e.createElementVNode("div",ce,[e.createTextVNode(e.toDisplayString(g[e.unref(a)])+" ",1),n.extra?(e.openBlock(),e.createBlock(k,{key:0,i:g},null,8,["i"])):e.createCommentVNode("",!0)])]))),128))],16,ae)),[[F,C]])}}}),Ve="",me=B(pe,[["__scopeId","data-v-e29b1da3"]]),de={key:1},fe=e.defineComponent({__name:"Descriptions",props:{formData:{type:Object,required:!0},formItem:{type:Array,required:!0},componentType:{type:String,default:"Element Plus"},strict:{type:Boolean,default:!1}},setup(t){const o=t,n=e.ref([]);e.watch(()=>[o.formData,o.formItem],([l={},c=[]])=>{let r=c;if(o.strict)for(const m in l)Object.prototype.hasOwnProperty.call(l,m)&&(l[m]||(r=r.filter(u=>u.prop!==m||u.render)));n.value=r},{immediate:!0});const s=e.shallowRef("el-descriptions-item"),i=e.shallowRef("descriptions-item");switch(o.componentType){case"Element Plus":s.value="el-descriptions-item",i.value="el-descriptions-item";break;case"Ant Design Vue":s.value="a-descriptions",i.value="a-descriptions-item";break}const a=(l,c)=>{const{i:r,render:m,formData:f}=l;return m({row:f,$index:r})};return(l,c)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(s.value),e.mergeProps({column:1,border:"",class:"form-width"},l.$attrs),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.value,(r,m)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(i.value),e.mergeProps({key:r.prop,label:r.label,ref_for:!0},r.descriptionsItemProps),{default:e.withCtx(()=>[r.render?(e.openBlock(),e.createBlock(a,{key:0,i:m,render:r.render,formData:t.formData},null,8,["i","render","formData"])):(e.openBlock(),e.createElementBlock("span",de,e.toDisplayString(t.formData[r.prop]),1))]),_:2},1040,["label"]))),128))]),_:1},16))}}),ue=le,he=me,ke=fe,ye=L,ge=N;h.VDescriptions=ke,h.VGeneralBasicForm=ue,h.VInfiniteScrollList=he,h.VInputGraphicVerification=ye,h.VInputMobilecVerification=ge,Object.defineProperty(h,Symbol.toStringTag,{value:"Module"})});
|
|
1
|
+
(function(h,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):(h=typeof globalThis<"u"?globalThis:h||self,e(h.Index={},h.Vue,h["vue-router"]))})(this,function(h,e,F){"use strict";const w={placeholder:"请输入",style:"width: 200px",clearable:!0},R={style:"width: 227px","start-placeholder":"开始日期","end-placeholder":"结束日期",type:"daterange"},q={placeholder:"请选择",filterable:!0,clearable:!0,style:"width: 200px"},O=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","default");return{queryParams:t,getList:n,size:o}},data(){return{inputSetting:{...w,...this.item.inputSetting,...this.item.setting}}},methods:{currentInputComponent(){return"input-archive"}}}),B=(t,n)=>{const o=t.__vccOpts||t;for(const[s,i]of n)o[s]=i;return o};function A(t,n,o,s,i,a){const l=e.resolveComponent("el-input");return e.openBlock(),e.createBlock(l,e.mergeProps({onKeydown:e.withKeys(t.getList,["enter"]),modelValue:t.queryParams[t.item.prop],"onUpdate:modelValue":n[0]||(n[0]=c=>t.queryParams[t.item.prop]=c),size:t.size},t.inputSetting),e.createSlots({_:2},[e.renderList(t.item.template,(c,r)=>({name:r,fn:e.withCtx(()=>[c?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.currentInputComponent()),{key:r,templateEle:c},null,8,["templateEle"])):e.createCommentVNode("",!0)])}))]),1040,["onKeydown","modelValue","size"])}const S=B(O,[["render",A]]),U=e.defineComponent({__name:"index",props:{item:{}},setup(t){const n=e.inject("queryParams",{}),o=e.inject("size"),s=e.ref({...w,...t.item.inputSetting,...t.item.setting});return(i,a)=>{const l=e.resolveComponent("el-input-number");return e.openBlock(),e.createBlock(l,e.mergeProps({modelValue:e.unref(n)[i.item.prop],"onUpdate:modelValue":a[0]||(a[0]=c=>e.unref(n)[i.item.prop]=c),size:e.unref(o)},s.value),null,16,["modelValue","size"])}}}),G=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","default"),i=e.inject("Form").useInjectFormItemContext();return{queryParams:t,getList:n,size:o,formItemContext:i}},data(){return{inputSetting:{...w,...this.item.inputSetting,...this.item.setting}}},methods:{currentInputComponent(){return"input-archive"},onInputChange(t){this.queryParams[this.item.prop]=t.target.value,this.formItemContext.onFieldChange()}}});function M(t,n,o,s,i,a){const l=e.resolveComponent("a-input");return e.openBlock(),e.createBlock(l,e.mergeProps({onKeydown:e.withKeys(t.getList,["enter"]),onChange:t.onInputChange,value:t.queryParams[t.item.prop],size:t.size},t.inputSetting),e.createSlots({_:2},[e.renderList(t.item.template,(c,r)=>({name:r,fn:e.withCtx(()=>[c?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.currentInputComponent()),{key:r,templateEle:c},null,8,["templateEle"])):e.createCommentVNode("",!0)])}))]),1040,["onKeydown","onChange","value","size"])}const z=B(G,[["render",M]]),D=Symbol(),K=e.defineComponent({__name:"index",props:{imgSrc:{}},setup(t){const n=e.ref();return e.onMounted(()=>{const o=new Image,s=[],i=8,a=8;let l=0,c=0;const r=300,m=n.value,f=m.getContext("2d");o.onload=function(){m.width=o.width,m.height=o.height,c=Math.floor(o.width/i),l=Math.floor(o.height/a),u(),k()},o.src=t.imgSrc;const u=()=>{for(let y=0;y<a;y++)for(let d=0;d<i;d++)s.push({x:c*d,y:l*y,offsetX:(Math.random()-.5)*r,offsetY:(Math.random()-.5)*r})},k=()=>{f.clearRect(0,0,m.width,m.height);let y=!0;s.forEach((d,P)=>{f.drawImage(o,d.x,d.y,c,l,d.x+d.offsetX,d.y+d.offsetY,c,l),Math.abs(d.offsetX)>.5&&(y=!1,d.offsetX*=.95),Math.abs(d.offsetY)>.5&&(d.offsetY*=.95,y=!1)}),y?setTimeout(()=>{u(),k()},300):requestAnimationFrame(k)}}),(o,s)=>(e.openBlock(),e.createElementBlock("canvas",{ref_key:"loadingCanvas",ref:n},null,512))}}),Q={class:"input-graphic-verification"},X=["src","alt"],Y=e.defineComponent({__name:"index",props:{item:{},componentType:{default:"Element Plus"},loading:{type:Boolean,default:!1}},setup(t){const{graphicSrc:n="",graphicAlt:o="",getGraphic:s=()=>{},key:i}=t.item,{formLoading:a}=e.inject(D,!1),l=e.computed(()=>(a==null?void 0:a.value)||t.loading),c=async()=>{s&&!(l!=null&&l.value)&&await s()},r=e.shallowRef(S);switch(t.componentType){case"Element Plus":r.value=S;break;case"Ant Design Vue":r.value=z;break}return(m,f)=>(e.openBlock(),e.createElementBlock("div",Q,[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(r.value),{item:m.item,class:"input"},null,8,["item"])),l.value?(e.openBlock(),e.createBlock(K,{key:0,class:"graphic",imgSrc:e.unref(n)},null,8,["imgSrc"])):(e.openBlock(),e.createElementBlock("img",{key:1,class:"graphic",onClick:c,src:e.unref(n),alt:e.unref(o)||`${e.unref(i)}`},null,8,X))]))}}),Pe="",L=B(Y,[["__scopeId","data-v-fb7aa300"]]),V="获取验证码",J=60,W=e.defineComponent({__name:"verification-button",props:{getSmscode:{type:Function},componentType:{default:"Element Plus"},item:{}},setup(t,{expose:n}){const o=e.ref(V),s=e.ref(null),i=e.computed(()=>o.value===V),a=e.shallowRef("el-button");switch(t.componentType){case"Element Plus":a.value="el-button";break;case"Ant Design Vue":a.value="a-button";break}const l=()=>{s&&(clearInterval(s.value),s.value=null,o.value=V)},c=async()=>{if(o.value===V)if(o.value=J,s.value=setInterval(()=>{if(Number(o.value)<=0||!o.value){l();return}else o.value=Number(o.value)-1},1e3),t.getSmscode)await t.getSmscode()===!1&&l();else return};e.onBeforeUnmount(()=>{l()});const r={...t.item.buttonSetting};return n({buttonClick:c,reset:l}),(m,f)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(a.value),e.mergeProps({class:"verifiaction-button",style:{color:i.value?"var(--color-primary, #409EFF)":"var(--text-color-placeholder, #A8ABB2)",cursor:i.value?"pointer":"default"},onClick:c},r),{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(i.value?V:o.value+"s"),1)]),_:1},16,["style"]))}}),we="",N=B(W,[["__scopeId","data-v-aa89c1b7"]]),j=e.defineComponent({__name:"index",props:{item:{},componentType:{default:"Element Plus"}},setup(t,{expose:n}){const o=t.item,s=e.shallowRef(S),i=e.ref();switch(t.componentType){case"Element Plus":s.value=S,o.template={append:()=>e.h(N,{getSmscode:o.getSmscode,item:t.item,ref:i})};break;case"Ant Design Vue":s.value=z,o.template={suffix:()=>e.h(N,{getSmscode:o.getSmscode,item:t.item,ref:i})};break}return n({VerificationButtonRef:i}),(a,l)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(s.value),{item:e.unref(o),class:"input"},null,8,["item"]))}}),H=e.defineComponent({components:{slotArchive:t=>{const{templateEle:n}=t;return n()}},props:{item:null},setup(){},data(){return{dividerSetting:{...this.item.dividerSetting,...this.item.setting}}},methods:{currentInputComponent(){return"slot-archive"}}});function Z(t,n,o,s,i,a){const l=e.resolveComponent("el-divider");return e.openBlock(),e.createBlock(l,e.normalizeProps(e.guardReactiveProps(t.dividerSetting)),e.createSlots({_:2},[e.renderList(t.item.template,(c,r)=>({name:r,fn:e.withCtx(()=>[c?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.currentInputComponent()),{key:r,templateEle:c},null,8,["templateEle"])):e.createCommentVNode("",!0)])}))]),1040)}const v=B(H,[["render",Z]]),ee=e.defineComponent({__name:"index",props:{item:{}},setup(t){const n=e.inject("queryParams",{}),o=e.inject("size"),s=e.ref({...t.item.radioGroupSetting,...t.item.setting});return(i,a)=>{const l=e.resolveComponent("el-radio"),c=e.resolveComponent("el-radio-group");return e.openBlock(),e.createBlock(c,e.mergeProps({modelValue:e.unref(n)[i.item.prop],"onUpdate:modelValue":a[0]||(a[0]=r=>e.unref(n)[i.item.prop]=r),size:e.unref(o)},s.value),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(i.item.option||[],r=>(e.openBlock(),e.createBlock(l,e.mergeProps({size:e.unref(o),key:r.value,ref_for:!0},r),{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(r.label),1)]),_:2},1040,["size"]))),128))]),_:1},16,["modelValue","size"])}}}),te=e.defineComponent({__name:"index",props:{item:{}},setup(t){const n=e.inject("queryParams",{}),o=e.inject("size"),s=e.ref({...t.item.checkboxGroupSetting,...t.item.setting});return(i,a)=>{const l=e.resolveComponent("el-checkbox"),c=e.resolveComponent("el-checkbox-group");return e.openBlock(),e.createBlock(c,e.mergeProps({modelValue:e.unref(n)[i.item.prop],"onUpdate:modelValue":a[0]||(a[0]=r=>e.unref(n)[i.item.prop]=r),size:e.unref(o)},s.value),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(i.item.option||[],r=>(e.openBlock(),e.createBlock(l,e.mergeProps({size:e.unref(o),key:r.value,ref_for:!0},r),{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(r.label),1)]),_:2},1040,["size"]))),128))]),_:1},16,["modelValue","size"])}}}),ne=e.defineComponent({__name:"index",props:{item:{}},setup(t){const n=e.inject("queryParams",{}),o=e.inject("size"),s=e.ref({...R,...t.item.datePackerSetting,...t.item.setting});return(i,a)=>{const l=e.resolveComponent("el-date-picker");return e.openBlock(),e.createBlock(l,e.mergeProps({modelValue:e.unref(n)[i.item.prop],"onUpdate:modelValue":a[0]||(a[0]=c=>e.unref(n)[i.item.prop]=c),size:e.unref(o)},s.value),null,16,["modelValue","size"])}}}),oe=e.defineComponent({__name:"index",props:{item:{}},setup(t){const n=e.inject("queryParams",{}),o=e.inject("size"),s=e.ref({...q,...t.item.selectSetting,...t.item.setting});return(i,a)=>{const l=e.resolveComponent("el-option"),c=e.resolveComponent("el-select");return e.openBlock(),e.createBlock(c,e.mergeProps({modelValue:e.unref(n)[i.item.prop],"onUpdate:modelValue":a[0]||(a[0]=r=>e.unref(n)[i.item.prop]=r),size:e.unref(o)},s.value),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(i.item.option||[],r=>(e.openBlock(),e.createBlock(l,e.mergeProps({key:r.value,ref_for:!0},r),null,16))),128))]),_:1},16,["modelValue","size"])}}}),re=e.defineComponent({__name:"index",props:{item:{}},setup(t){const n=e.inject("queryParams",{}),o=e.inject("size"),s=e.ref({...q,...t.item.selectSetting,...t.item.setting});return(i,a)=>{const l=e.resolveComponent("el-cascader");return e.openBlock(),e.createBlock(l,e.mergeProps({modelValue:e.unref(n)[i.item.prop],"onUpdate:modelValue":a[0]||(a[0]=c=>e.unref(n)[i.item.prop]=c),size:e.unref(o),options:i.item.options||[]},s.value),null,16,["modelValue","size","options"])}}}),ie=(t={})=>{for(const n in t)if(Object.prototype.hasOwnProperty.call(t,n)){const o=t[n];Object.prototype.toString.call(o)==="[object Object]"&&(t[n]=JSON.stringify(o))}return t},le=(t={})=>{for(const n in t)if(Object.prototype.hasOwnProperty.call(t,n)){const o=t[n];try{t[n]=JSON.parse(o)}catch{}}return t},se={paramsToQuery:ie,queryToData:le},E=se,ae=e.defineComponent({name:"GeneralBasicForm",components:{Input:S,InputNumber:U,InputGraphicVerification:L,InputMobileVerification:j,Divider:v,Radio:ee,Checkbox:te,DatePicker:ne,Select:oe,Cascader:re},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:()=>{}},noInputBlank:{type:Boolean,default:()=>!1}},data(){return{formLoading:this.loading||!1,trimRegex:/\S/}},setup(t){const{size:n,noUrlParameters:o,getList:s}=t,i=F.useRoute(),a=e.ref({...o?{}:E.queryToData(i==null?void 0:i.query)});return e.provide("queryParams",a),e.provide("size",n),e.provide("getList",s),{queryParams:a}},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:formData",t)},deep:!0},loading(t){this.formLoading!==t&&(this.formLoading=t)},formLoading(t){this.loading!==t&&this.$emit("update:loading",t)}},provide(){return{[D]:{formLoading:e.computed(()=>this.formLoading),updateFormLoading:t=>{this.formLoading=t}}}},methods:{handleQuery(){var o;const t={page:1,limit:10},n=E.paramsToQuery({...(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()},getItemRules(t){const{type:n,rules:o=[]}=t,s=[...o];return this.noInputBlank&&n==="input"&&s.push({pattern:this.trimRegex,message:"请输入(不能仅输入空格)",trigger:"blur"}),s}}});function ce(t,n,o,s,i,a){const l=e.resolveComponent("Input"),c=e.resolveComponent("Radio"),r=e.resolveComponent("Select"),m=e.resolveComponent("Divider"),f=e.resolveComponent("Cascader"),u=e.resolveComponent("Checkbox"),k=e.resolveComponent("DatePicker"),y=e.resolveComponent("InputNumber"),d=e.resolveComponent("InputMobileVerification"),P=e.resolveComponent("InputGraphicVerification"),b=e.resolveComponent("el-form-item"),C=e.resolveComponent("el-button"),$=e.resolveComponent("el-form"),I=e.resolveDirective("loading");return e.withDirectives((e.openBlock(),e.createBlock($,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(b,{label:p.label,prop:p.prop,key:p.prop,rules:t.getItemRules(p)},{default:e.withCtx(()=>[/^input$/i.test(p.type)?(e.openBlock(),e.createBlock(l,{key:0,item:p},null,8,["item"])):e.createCommentVNode("",!0),/^radio$/i.test(p.type)?(e.openBlock(),e.createBlock(c,{key:1,item:p},null,8,["item"])):e.createCommentVNode("",!0),/^select$/i.test(p.type)?(e.openBlock(),e.createBlock(r,{key:2,item:p},null,8,["item"])):e.createCommentVNode("",!0),/^divider$/i.test(p.type)?(e.openBlock(),e.createBlock(m,{key:3,item:p},null,8,["item"])):e.createCommentVNode("",!0),/^cascader$/i.test(p.type)?(e.openBlock(),e.createBlock(f,{key:4,item:p},null,8,["item"])):e.createCommentVNode("",!0),/^checkbox$/i.test(p.type)?(e.openBlock(),e.createBlock(u,{key:5,item:p},null,8,["item"])):e.createCommentVNode("",!0),/^date-picker$/i.test(p.type)?(e.openBlock(),e.createBlock(k,{key:6,item:p},null,8,["item"])):e.createCommentVNode("",!0),/^input-number$/i.test(p.type)?(e.openBlock(),e.createBlock(y,{key:7,item:p},null,8,["item"])):e.createCommentVNode("",!0),/^form-item-slot$/i.test(p.type)?e.renderSlot(t.$slots,p.name,{key:8}):e.createCommentVNode("",!0),/^input-mobile-verification$/i.test(p.type)?(e.openBlock(),e.createBlock(d,{key:9,item:p},null,8,["item"])):e.createCommentVNode("",!0),/^input-graphic-verification$/i.test(p.type)?(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(b,{key:0},{default:e.withCtx(()=>[e.withDirectives((e.openBlock(),e.createBlock(C,{type:"primary",size:t.size,onClick:t.handleQuery},{default:e.withCtx(()=>n[0]||(n[0]=[e.createTextVNode("查询")])),_:1},8,["size","onClick"])),[[I,t.formLoading]]),e.createVNode(C,{size:t.size,onClick:t.resetQuery},{default:e.withCtx(()=>n[1]||(n[1]=[e.createTextVNode("重置")])),_:1},8,["size","onClick"])]),_:1})),e.renderSlot(t.$slots,"behind-the-button")]),_:3},16,["model","label-width"])),[[e.vShow,t.showSearch]])}const pe=B(ae,[["render",ce]]),me=["infinite-scroll-disabled"],de=["infinite-scroll-disabled"],fe={class:"checkbox"},ue=e.defineComponent({__name:"InfiniteScrollList",props:{search:{type:Function,required:!0},checkbox:{type:Boolean,required:!1},id:{type:String,required:!0},name:{type:String,required:!1},extra:{type:null,required:!1},defaultSelection:{type:Array,required:!1},height:{type:String,required:!1,default:"272px"}},setup(t,{expose:n}){const o=t,{search:s,id:i,name:a,extra:l,height:c}=o,r=e.ref([]),m=e.ref(1),f=e.ref(!1),u=e.ref([]),k=e.ref(!1),y=(p,_)=>{const{i:x}=p;return l&&l!=="false"?l(x):""},d=p=>{u.value=p.map(_=>typeof _=="object"?_[i]:_)};e.watch(()=>o.defaultSelection,(p=[],_=[])=>{d(p)},{immediate:!0});const P=()=>{b(),u.value=[]},b=()=>{m.value=1,r.value=[],f.value=!1},C=async()=>{if(k.value||f.value)return;k.value=!0;const p=await s(m.value);p&&p.length>0?(r.value=[...r.value,...p],m.value+=1):f.value=!0,k.value=!1},$=()=>{b(),C()},I=e.computed(()=>r.value.filter(p=>u.value.includes(p[i])))||{};return n({reset:P,lowReset:b,loadList:C,selectInfo:I,list:r,ifbottom:f,refreshList:$,loading:k}),(p,_)=>{const x=e.resolveComponent("el-checkbox"),Se=e.resolveComponent("el-checkbox-group"),T=e.resolveDirective("infinite-scroll"),Ve=e.resolveDirective("loading");return o.checkbox?e.withDirectives((e.openBlock(),e.createBlock(Se,e.mergeProps({key:0,modelValue:u.value,"onUpdate:modelValue":_[0]||(_[0]=g=>u.value=g)},o),{default:e.withCtx(()=>[e.withDirectives((e.openBlock(),e.createElementBlock("ul",{class:"list","infinite-scroll-disabled":f.value,style:e.normalizeStyle({height:e.unref(c)})},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.value,g=>(e.openBlock(),e.createElementBlock("li",{key:g[e.unref(i)],class:"list-item"},[e.createVNode(x,{value:g[e.unref(i)],class:"checkbox"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(g[e.unref(a)])+" ",1),o.extra?(e.openBlock(),e.createBlock(y,{key:0,i:g},null,8,["i"])):e.createCommentVNode("",!0)]),_:2},1032,["value"])]))),128))],12,me)),[[T,C]])]),_:1},16,["modelValue"])),[[Ve,k.value]]):e.withDirectives((e.openBlock(),e.createElementBlock("ul",e.mergeProps({key:1,class:"list","infinite-scroll-disabled":f.value,style:{height:e.unref(c)}},o),[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.value,g=>(e.openBlock(),e.createElementBlock("li",{key:g[e.unref(i)],class:"list-item"},[e.createElementVNode("div",fe,[e.createTextVNode(e.toDisplayString(g[e.unref(a)])+" ",1),o.extra?(e.openBlock(),e.createBlock(y,{key:0,i:g},null,8,["i"])):e.createCommentVNode("",!0)])]))),128))],16,de)),[[T,C]])}}}),$e="",he=B(ue,[["__scopeId","data-v-e29b1da3"]]),ye={key:1},ke=e.defineComponent({__name:"Descriptions",props:{formData:{type:Object,required:!0},formItem:{type:Array,required:!0},componentType:{type:String,default:"Element Plus"},strict:{type:Boolean,default:!1}},setup(t){const n=t,o=e.ref([]);e.watch(()=>[n.formData,n.formItem],([l={},c=[]])=>{let r=c;if(n.strict)for(const m in l)Object.prototype.hasOwnProperty.call(l,m)&&(l[m]||(r=r.filter(u=>u.prop!==m||u.render)));o.value=r},{immediate:!0});const s=e.shallowRef("el-descriptions-item"),i=e.shallowRef("descriptions-item");switch(n.componentType){case"Element Plus":s.value="el-descriptions-item",i.value="el-descriptions-item";break;case"Ant Design Vue":s.value="a-descriptions",i.value="a-descriptions-item";break}const a=(l,c)=>{const{i:r,render:m,formData:f}=l;return m({row:f,$index:r})};return(l,c)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(s.value),e.mergeProps({column:1,border:"",class:"form-width"},l.$attrs),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.value,(r,m)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(i.value),e.mergeProps({key:r.prop,label:r.label,ref_for:!0},r.descriptionsItemProps),{default:e.withCtx(()=>[r.render?(e.openBlock(),e.createBlock(a,{key:0,i:m,render:r.render,formData:t.formData},null,8,["i","render","formData"])):(e.openBlock(),e.createElementBlock("span",ye,e.toDisplayString(t.formData[r.prop]),1))]),_:2},1040,["label"]))),128))]),_:1},16))}}),ge=pe,_e=he,Be=ke,Ce=L,be=j;h.VDescriptions=Be,h.VGeneralBasicForm=ge,h.VInfiniteScrollList=_e,h.VInputGraphicVerification=Ce,h.VInputMobilecVerification=be,Object.defineProperty(h,Symbol.toStringTag,{value:"Module"})});
|
package/package.json
CHANGED
|
@@ -1,61 +1,64 @@
|
|
|
1
|
-
{
|
|
2
|
-
"name": "general-basic-form",
|
|
3
|
-
"version": "2.0.
|
|
4
|
-
"description": "",
|
|
5
|
-
"main": "./dist/index.umd.cjs",
|
|
6
|
-
"type": "module",
|
|
7
|
-
"scripts": {
|
|
8
|
-
"build": "cross-env CURRENT_ENV=prod run-p type-check build-only",
|
|
9
|
-
"test:e2e": "playwright test",
|
|
10
|
-
"build-only": "vite build",
|
|
11
|
-
"type-check": "tsc --noEmit -p tsconfig.json --composite false",
|
|
12
|
-
"link": "tsx script/link.ts && yarn link",
|
|
13
|
-
"unlink": "tsx script/unlink.ts && yarn unlink && run-p build",
|
|
14
|
-
"unlinkSetting": "tsx script/unlink.ts"
|
|
15
|
-
},
|
|
16
|
-
"keywords": [
|
|
17
|
-
"general-basic-form",
|
|
18
|
-
"form",
|
|
19
|
-
"vue",
|
|
20
|
-
"vue2",
|
|
21
|
-
"vue3",
|
|
22
|
-
"element-plus"
|
|
23
|
-
],
|
|
24
|
-
"author": "chendeli419287484@qq.com",
|
|
25
|
-
"license": "ISC",
|
|
26
|
-
"repository": {
|
|
27
|
-
"type": "git",
|
|
28
|
-
"url": "git+https://github.com/Alan1034/GeneralBasicForm.git"
|
|
29
|
-
},
|
|
30
|
-
"devDependencies": {
|
|
31
|
-
"@playwright/test": "^1.36.1",
|
|
32
|
-
"@types/node": "^20.8.10",
|
|
33
|
-
"@vitejs/plugin-legacy": "^4.1.1",
|
|
34
|
-
"@vitejs/plugin-vue": "^4.2.3",
|
|
35
|
-
"@vitejs/plugin-vue-jsx": "^3.0.1",
|
|
36
|
-
"chalk": "^2.4.2",
|
|
37
|
-
"cross-env": "^7.0.3",
|
|
38
|
-
"less": "^4.2.0",
|
|
39
|
-
"npm-run-all": "^4.1.5",
|
|
40
|
-
"tsx": "^4.0.0",
|
|
41
|
-
"typescript": "^5.2.2",
|
|
42
|
-
"vite-plugin-image-optimizer": "^1.1.6"
|
|
43
|
-
},
|
|
44
|
-
"peerDependencies": {
|
|
45
|
-
"element-plus": ">=2.6.0",
|
|
46
|
-
"vue": ">=3.3.4",
|
|
47
|
-
"vue-router": ">=4.2.4"
|
|
48
|
-
},
|
|
49
|
-
"typings": "./dist/index.d.ts",
|
|
50
|
-
"module": "./dist/index.js",
|
|
51
|
-
"exports": {
|
|
52
|
-
".": {
|
|
53
|
-
"import": "./dist/index.js",
|
|
54
|
-
"require": "./dist/index.umd.cjs"
|
|
55
|
-
},
|
|
56
|
-
"./style": "./dist/style.css"
|
|
57
|
-
},
|
|
58
|
-
"files": [
|
|
59
|
-
"/dist"
|
|
60
|
-
]
|
|
61
|
-
|
|
1
|
+
{
|
|
2
|
+
"name": "general-basic-form",
|
|
3
|
+
"version": "2.0.60",
|
|
4
|
+
"description": "",
|
|
5
|
+
"main": "./dist/index.umd.cjs",
|
|
6
|
+
"type": "module",
|
|
7
|
+
"scripts": {
|
|
8
|
+
"build": "cross-env CURRENT_ENV=prod run-p type-check build-only",
|
|
9
|
+
"test:e2e": "playwright test",
|
|
10
|
+
"build-only": "vite build",
|
|
11
|
+
"type-check": "tsc --noEmit -p tsconfig.json --composite false",
|
|
12
|
+
"link": "tsx script/link.ts && yarn link",
|
|
13
|
+
"unlink": "tsx script/unlink.ts && yarn unlink && run-p build",
|
|
14
|
+
"unlinkSetting": "tsx script/unlink.ts"
|
|
15
|
+
},
|
|
16
|
+
"keywords": [
|
|
17
|
+
"general-basic-form",
|
|
18
|
+
"form",
|
|
19
|
+
"vue",
|
|
20
|
+
"vue2",
|
|
21
|
+
"vue3",
|
|
22
|
+
"element-plus"
|
|
23
|
+
],
|
|
24
|
+
"author": "chendeli419287484@qq.com",
|
|
25
|
+
"license": "ISC",
|
|
26
|
+
"repository": {
|
|
27
|
+
"type": "git",
|
|
28
|
+
"url": "git+https://github.com/Alan1034/GeneralBasicForm.git"
|
|
29
|
+
},
|
|
30
|
+
"devDependencies": {
|
|
31
|
+
"@playwright/test": "^1.36.1",
|
|
32
|
+
"@types/node": "^20.8.10",
|
|
33
|
+
"@vitejs/plugin-legacy": "^4.1.1",
|
|
34
|
+
"@vitejs/plugin-vue": "^4.2.3",
|
|
35
|
+
"@vitejs/plugin-vue-jsx": "^3.0.1",
|
|
36
|
+
"chalk": "^2.4.2",
|
|
37
|
+
"cross-env": "^7.0.3",
|
|
38
|
+
"less": "^4.2.0",
|
|
39
|
+
"npm-run-all": "^4.1.5",
|
|
40
|
+
"tsx": "^4.0.0",
|
|
41
|
+
"typescript": "^5.2.2",
|
|
42
|
+
"vite-plugin-image-optimizer": "^1.1.6"
|
|
43
|
+
},
|
|
44
|
+
"peerDependencies": {
|
|
45
|
+
"element-plus": ">=2.6.0",
|
|
46
|
+
"vue": ">=3.3.4",
|
|
47
|
+
"vue-router": ">=4.2.4"
|
|
48
|
+
},
|
|
49
|
+
"typings": "./dist/index.d.ts",
|
|
50
|
+
"module": "./dist/index.js",
|
|
51
|
+
"exports": {
|
|
52
|
+
".": {
|
|
53
|
+
"import": "./dist/index.js",
|
|
54
|
+
"require": "./dist/index.umd.cjs"
|
|
55
|
+
},
|
|
56
|
+
"./style": "./dist/style.css"
|
|
57
|
+
},
|
|
58
|
+
"files": [
|
|
59
|
+
"/dist"
|
|
60
|
+
],
|
|
61
|
+
"dependencies": {
|
|
62
|
+
"network-spanner": "^1.2.7"
|
|
63
|
+
}
|
|
64
|
+
}
|