general-basic-form 2.0.62 → 2.0.63

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.
Files changed (35) hide show
  1. package/README.assets/image-20210820173738506.png +0 -0
  2. package/README.md +15 -2
  3. package/package.json +8 -17
  4. package/script/link.ts +36 -0
  5. package/script/unlink.ts +45 -0
  6. package/src/Descriptions.vue +107 -0
  7. package/src/GeneralBasicForm.vue +240 -0
  8. package/src/InfiniteScrollList.vue +163 -0
  9. package/src/assets/image-20210820173037871.png +0 -0
  10. package/src/assets/logo.png +0 -0
  11. package/src/components/CustomCom/img-mask/index.vue +79 -0
  12. package/src/components/CustomCom/input-graphic-verification/index.vue +81 -0
  13. package/src/components/CustomCom/input-mobile-verification/index.vue +56 -0
  14. package/src/components/CustomCom/input-mobile-verification/verification-button.vue +82 -0
  15. package/src/components/VABasic/input/index.vue +75 -0
  16. package/src/components/VBasic/cascader/index.vue +32 -0
  17. package/src/components/VBasic/checkbox/index.vue +37 -0
  18. package/src/components/VBasic/date-picker/index.vue +31 -0
  19. package/src/components/VBasic/divider/index.vue +53 -0
  20. package/src/components/VBasic/input/index.vue +67 -0
  21. package/src/components/VBasic/input-number/index.vue +31 -0
  22. package/src/components/VBasic/radio/index.vue +37 -0
  23. package/src/components/VBasic/select/index.vue +37 -0
  24. package/src/components/setting.ts +28 -0
  25. package/src/index.ts +30 -0
  26. package/src/injectKey.ts +2 -0
  27. package/src/types/basicFrom.ts +63 -0
  28. package/src/types/componentType.ts +6 -0
  29. package/src/types/componentsProps.ts +18 -0
  30. package/tsconfig.json +14 -0
  31. package/vite.config.js +123 -0
  32. package/dist/index.js +0 -1028
  33. package/dist/index.umd.cjs +0 -1
  34. package/dist/style.css +0 -1
  35. /package/{dist → public}/index.d.ts +0 -0
@@ -1 +0,0 @@
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"},x={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 q=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,V)=>{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=q;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))]))}}),Ve="",N=B(Y,[["__scopeId","data-v-fb7aa300"]]),P="获取验证码",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(P),s=e.ref(null),i=e.computed(()=>o.value===P),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=P)},c=async()=>{if(o.value===P)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?P:o.value+"s"),1)]),_:1},16,["style"]))}}),we="",L=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(L,{getSmscode:o.getSmscode,item:t.item,ref:i})};break;case"Ant Design Vue":s.value=q,o.template={suffix:()=>e.h(L,{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({...x,...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({...x,...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{/[{]+/g.test(o)&&/[}]+/g.test(o)&&(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:N,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},currentPageKey:{type:String,default:"page"},pageSizeKey:{type:String,default:"limit"},defCurrentPage:{type:Number,default:1},defPageSize:{type:Number,default:10}},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.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={[this.currentPageKey]:this.defCurrentPage,[this.pageSizeKey]:this.defPageSize},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={[this.currentPageKey]:this.defCurrentPage};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"),V=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(V,{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:z}=p;return l&&l!=="false"?l(z):""},d=p=>{u.value=p.map(_=>typeof _=="object"?_[i]:_)};e.watch(()=>o.defaultSelection,(p=[],_=[])=>{d(p)},{immediate:!0});const V=()=>{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:V,lowReset:b,loadList:C,selectInfo:I,list:r,ifbottom:f,refreshList:$,loading:k}),(p,_)=>{const z=e.resolveComponent("el-checkbox"),Se=e.resolveComponent("el-checkbox-group"),T=e.resolveDirective("infinite-scroll"),Pe=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(z,{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"])),[[Pe,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=N,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/dist/style.css DELETED
@@ -1 +0,0 @@
1
- .input-graphic-verification[data-v-fb7aa300]{display:flex;gap:12px;width:100%}.input-graphic-verification .input[data-v-fb7aa300]{flex:auto}.input-graphic-verification .graphic[data-v-fb7aa300]{width:108px;height:43px;object-fit:fill;flex:none}.verifiaction-button[data-v-aa89c1b7]{width:109px}.list[data-v-e29b1da3]{overflow:auto;padding:0;margin:0}.list .checkbox[data-v-e29b1da3]{width:calc(100% - 32px);padding:0 16px}
File without changes