general-basic-form 2.0.63 → 2.1.0
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 +45 -3
- package/dist/index.js +1576 -0
- package/dist/index.umd.cjs +1 -0
- package/dist/style.css +1 -0
- package/package.json +16 -4
- package/README.assets/image-20210820173738506.png +0 -0
- package/script/link.ts +0 -36
- package/script/unlink.ts +0 -45
- package/src/Descriptions.vue +0 -107
- package/src/GeneralBasicForm.vue +0 -240
- package/src/InfiniteScrollList.vue +0 -163
- package/src/assets/image-20210820173037871.png +0 -0
- package/src/assets/logo.png +0 -0
- package/src/components/CustomCom/img-mask/index.vue +0 -79
- package/src/components/CustomCom/input-graphic-verification/index.vue +0 -81
- package/src/components/CustomCom/input-mobile-verification/index.vue +0 -56
- package/src/components/CustomCom/input-mobile-verification/verification-button.vue +0 -82
- package/src/components/VABasic/input/index.vue +0 -75
- package/src/components/VBasic/cascader/index.vue +0 -32
- package/src/components/VBasic/checkbox/index.vue +0 -37
- package/src/components/VBasic/date-picker/index.vue +0 -31
- package/src/components/VBasic/divider/index.vue +0 -53
- package/src/components/VBasic/input/index.vue +0 -67
- package/src/components/VBasic/input-number/index.vue +0 -31
- package/src/components/VBasic/radio/index.vue +0 -37
- package/src/components/VBasic/select/index.vue +0 -37
- package/src/components/setting.ts +0 -28
- package/src/index.ts +0 -30
- package/src/injectKey.ts +0 -2
- package/src/types/basicFrom.ts +0 -63
- package/src/types/componentType.ts +0 -6
- package/src/types/componentsProps.ts +0 -18
- package/tsconfig.json +0 -14
- package/vite.config.js +0 -123
- /package/{public → dist}/index.d.ts +0 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
(function(C,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(C=typeof globalThis<"u"?globalThis:C||self,e(C.Index={},C.Vue))})(this,function(C,e){"use strict";const U={placeholder:"请输入",style:"width: 200px",clearable:!0},ce={style:"width: 227px","start-placeholder":"开始日期","end-placeholder":"结束日期",type:"daterange"},v={placeholder:"请选择",filterable:!0,clearable:!0,style:"width: 200px"},pe=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:{...U,...this.item.inputSetting,...this.item.setting}}},methods:{currentInputComponent(){return"input-archive"}}}),I=(t,o)=>{const n=t.__vccOpts||t;for(const[r,a]of o)n[r]=a;return n};function me(t,o,n,r,a,c){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]=i=>t.queryParams[t.item.prop]=i),size:t.size},t.inputSetting),e.createSlots({_:2},[e.renderList(t.item.template,(i,s)=>({name:s,fn:e.withCtx(()=>[i?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.currentInputComponent()),{key:s,templateEle:i},null,8,["templateEle"])):e.createCommentVNode("",!0)])}))]),1040,["onKeydown","modelValue","size"])}const K=I(pe,[["render",me]]),de=e.defineComponent({__name:"index",props:{item:{}},setup(t){const o=e.inject("queryParams",{}),n=e.inject("size"),r=e.ref({...U,...t.item.inputSetting,...t.item.setting});return(a,c)=>{const l=e.resolveComponent("el-input-number");return e.openBlock(),e.createBlock(l,e.mergeProps({modelValue:e.unref(o)[a.item.prop],"onUpdate:modelValue":c[0]||(c[0]=i=>e.unref(o)[a.item.prop]=i),size:e.unref(n)},r.value),null,16,["modelValue","size"])}}}),fe=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"),a=e.inject("Form").useInjectFormItemContext();return{queryParams:t,getList:o,size:n,formItemContext:a}},data(){return{inputSetting:{...U,...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 ue(t,o,n,r,a,c){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,(i,s)=>({name:s,fn:e.withCtx(()=>[i?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.currentInputComponent()),{key:s,templateEle:i},null,8,["templateEle"])):e.createCommentVNode("",!0)])}))]),1040,["onKeydown","onChange","value","size"])}const ee=I(fe,[["render",ue]]),te=Symbol(),ye=e.defineComponent({__name:"index",props:{imgSrc:{}},setup(t){const o=e.ref();return e.onMounted(()=>{const n=new Image,r=[],a=8,c=8;let l=0,i=0;const s=300,p=o.value,m=p.getContext("2d");n.onload=function(){p.width=n.width,p.height=n.height,i=Math.floor(n.width/a),l=Math.floor(n.height/c),f(),u()},n.src=t.imgSrc;const f=()=>{for(let y=0;y<c;y++)for(let h=0;h<a;h++)r.push({x:i*h,y:l*y,offsetX:(Math.random()-.5)*s,offsetY:(Math.random()-.5)*s})},u=()=>{m.clearRect(0,0,p.width,p.height);let y=!0;r.forEach((h,g)=>{m.drawImage(n,h.x,h.y,i,l,h.x+h.offsetX,h.y+h.offsetY,i,l),Math.abs(h.offsetX)>.5&&(y=!1,h.offsetX*=.95),Math.abs(h.offsetY)>.5&&(h.offsetY*=.95,y=!1)}),y?setTimeout(()=>{f(),u()},300):requestAnimationFrame(u)}}),(n,r)=>(e.openBlock(),e.createElementBlock("canvas",{ref_key:"loadingCanvas",ref:o},null,512))}}),he={class:"input-graphic-verification"},ge=["src","alt"],ke=e.defineComponent({__name:"index",props:{item:{},componentType:{default:"Element Plus"},loading:{type:Boolean,default:!1}},setup(t){const{graphicSrc:o="",graphicAlt:n="",getGraphic:r=()=>{},key:a}=t.item,{formLoading:c}=e.inject(te,!1),l=e.computed(()=>(c==null?void 0:c.value)||t.loading),i=async()=>{r&&!(l!=null&&l.value)&&await r()},s=e.shallowRef(K);switch(t.componentType){case"Element Plus":s.value=K;break;case"Ant Design Vue":s.value=ee;break}return(p,m)=>(e.openBlock(),e.createElementBlock("div",he,[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(s.value),{item:p.item,class:"input"},null,8,["item"])),l.value?(e.openBlock(),e.createBlock(ye,{key:0,class:"graphic",imgSrc:e.unref(o)},null,8,["imgSrc"])):(e.openBlock(),e.createElementBlock("img",{key:1,class:"graphic",onClick:i,src:e.unref(o),alt:e.unref(n)||`${e.unref(a)}`},null,8,ge))]))}}),gt="",ne=I(ke,[["__scopeId","data-v-fb7aa300"]]),L="获取验证码",_e=60,Be=e.defineComponent({__name:"verification-button",props:{getSmscode:{type:Function},componentType:{default:"Element Plus"},item:{}},setup(t,{expose:o}){const n=e.ref(L),r=e.ref(null),a=e.computed(()=>n.value===L),c=e.shallowRef("el-button");switch(t.componentType){case"Element Plus":c.value="el-button";break;case"Ant Design Vue":c.value="a-button";break}const l=()=>{r&&(clearInterval(r.value),r.value=null,n.value=L)},i=async()=>{if(n.value===L)if(n.value=_e,r.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 s={...t.item.buttonSetting};return o({buttonClick:i,reset:l}),(p,m)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(c.value),e.mergeProps({class:"verifiaction-button",style:{color:a.value?"var(--color-primary, #409EFF)":"var(--text-color-placeholder, #A8ABB2)",cursor:a.value?"pointer":"default"},onClick:i},s),{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(a.value?L:n.value+"s"),1)]),_:1},16,["style"]))}}),kt="",oe=I(Be,[["__scopeId","data-v-aa89c1b7"]]),re=e.defineComponent({__name:"index",props:{item:{},componentType:{default:"Element Plus"}},setup(t,{expose:o}){const n=t.item,r=e.shallowRef(K),a=e.ref();switch(t.componentType){case"Element Plus":r.value=K,n.template={append:()=>e.h(oe,{getSmscode:n.getSmscode,item:t.item,ref:a})};break;case"Ant Design Vue":r.value=ee,n.template={suffix:()=>e.h(oe,{getSmscode:n.getSmscode,item:t.item,ref:a})};break}return o({VerificationButtonRef:a}),(c,l)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(r.value),{item:e.unref(n),class:"input"},null,8,["item"]))}}),be=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 Ce(t,o,n,r,a,c){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,(i,s)=>({name:s,fn:e.withCtx(()=>[i?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.currentInputComponent()),{key:s,templateEle:i},null,8,["templateEle"])):e.createCommentVNode("",!0)])}))]),1040)}const we=I(be,[["render",Ce]]),Se=e.defineComponent({__name:"index",props:{item:{}},setup(t){const o=e.inject("queryParams",{}),n=e.inject("size"),r=e.ref({...t.item.radioGroupSetting,...t.item.setting});return(a,c)=>{const l=e.resolveComponent("el-radio"),i=e.resolveComponent("el-radio-group");return e.openBlock(),e.createBlock(i,e.mergeProps({modelValue:e.unref(o)[a.item.prop],"onUpdate:modelValue":c[0]||(c[0]=s=>e.unref(o)[a.item.prop]=s),size:e.unref(n)},r.value),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.item.option||[],s=>(e.openBlock(),e.createBlock(l,e.mergeProps({size:e.unref(n),key:s.value,ref_for:!0},s),{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(s.label),1)]),_:2},1040,["size"]))),128))]),_:1},16,["modelValue","size"])}}}),De=e.defineComponent({__name:"index",props:{item:{}},setup(t){const o=e.inject("queryParams",{}),n=e.inject("size"),r=e.ref({...t.item.checkboxGroupSetting,...t.item.setting});return(a,c)=>{const l=e.resolveComponent("el-checkbox"),i=e.resolveComponent("el-checkbox-group");return e.openBlock(),e.createBlock(i,e.mergeProps({modelValue:e.unref(o)[a.item.prop],"onUpdate:modelValue":c[0]||(c[0]=s=>e.unref(o)[a.item.prop]=s),size:e.unref(n)},r.value),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.item.option||[],s=>(e.openBlock(),e.createBlock(l,e.mergeProps({size:e.unref(n),key:s.value,ref_for:!0},s),{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(s.label),1)]),_:2},1040,["size"]))),128))]),_:1},16,["modelValue","size"])}}}),Pe=e.defineComponent({__name:"index",props:{item:{}},setup(t){const o=e.inject("queryParams",{}),n=e.inject("size"),r=e.ref({...ce,...t.item.datePackerSetting,...t.item.setting});return(a,c)=>{const l=e.resolveComponent("el-date-picker");return e.openBlock(),e.createBlock(l,e.mergeProps({modelValue:e.unref(o)[a.item.prop],"onUpdate:modelValue":c[0]||(c[0]=i=>e.unref(o)[a.item.prop]=i),size:e.unref(n)},r.value),null,16,["modelValue","size"])}}}),Ve=e.defineComponent({__name:"index",props:{item:{}},setup(t){const o=e.inject("queryParams",{}),n=e.inject("size"),r=e.ref({...v,...t.item.selectSetting,...t.item.setting});return(a,c)=>{const l=e.resolveComponent("el-option"),i=e.resolveComponent("el-select");return e.openBlock(),e.createBlock(i,e.mergeProps({modelValue:e.unref(o)[a.item.prop],"onUpdate:modelValue":c[0]||(c[0]=s=>e.unref(o)[a.item.prop]=s),size:e.unref(n)},r.value),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.item.option||[],s=>(e.openBlock(),e.createBlock(l,e.mergeProps({key:s.value,ref_for:!0},s),null,16))),128))]),_:1},16,["modelValue","size"])}}}),Ie=e.defineComponent({__name:"index",props:{item:{}},setup(t){const o=e.inject("queryParams",{}),n=e.inject("size"),r=e.ref({...v,...t.item.selectSetting,...t.item.setting});return(a,c)=>{const l=e.resolveComponent("el-cascader");return e.openBlock(),e.createBlock(l,e.mergeProps({modelValue:e.unref(o)[a.item.prop],"onUpdate:modelValue":c[0]||(c[0]=i=>e.unref(o)[a.item.prop]=i),size:e.unref(n),options:a.item.options||[]},r.value),null,16,["modelValue","size","options"])}}}),xe=(t={})=>{for(const o in t)if(Object.prototype.hasOwnProperty.call(t,o)){const n=t[o];Object.prototype.toString.call(n)==="[object Object]"&&(t[o]=JSON.stringify(n))}return t},Ne=(t={})=>{for(const o in t)if(Object.prototype.hasOwnProperty.call(t,o)){const n=t[o];try{/[{]+/g.test(n)&&/[}]+/g.test(n)&&(t[o]=JSON.parse(n))}catch{}}return t},J={paramsToQuery:xe,queryToData:Ne},x=q;(function(t,o){const n=q,r=t();for(;;)try{if(parseInt(n(561))/1+-parseInt(n(558))/2+parseInt(n(521))/3*(parseInt(n(527))/4)+-parseInt(n(506))/5*(parseInt(n(510))/6)+-parseInt(n(550))/7*(parseInt(n(503))/8)+parseInt(n(540))/9+-parseInt(n(546))/10*(-parseInt(n(562))/11)===o)break;r.push(r.shift())}catch{r.push(r.shift())}})(j,819524);const b={};let $=null;const ae=async(t,o)=>{const n=q;!window[n(543)]&&window[n(498)]("您的浏览器不支持IndexedDB的稳定版本。离线数据功能将不可用。Your browser doesn't support a stable version of IndexedDB. offline data feature will not be available.");const{DBName:r="",DBVersion:a=1}=t;let c,l=!1;try{const i=window[n(543)][n(519)](r,a);await new Promise((s,p)=>{const m=n;i[m(551)]=async function(f){const u=m,y=f.target.result,{stores:h=[]}=t;await Promise.all(h[u(509)](async g=>{const k=u,{DBStoreName:_="",properties:S={}}=g;try{const D={};D[k(536)]=t[k(557)];const d=f[k(541)][k(520)][k(554)](_,D);if(Object[k(548)](S)[k(500)]===0){console[k(559)](_+"没有设置默认值");return}for(const B in S)if(S[k(556)][k(515)](S,B)){const P=S[B],T={...P.createIndex};d[k(504)](B,B,T)}}catch(D){console[k(559)](D)}})),c=y,l=!0},i[m(535)]=async function(f){const u=m;if(c=this[u(520)],l){const{stores:y=[]}=t;await Promise[u(528)](y[u(509)](async h=>{const g=u,{DBStoreName:k=""}=h,_=c[g(552)]([k],g(547)),S=_[g(496)](k),D={};D[t[g(557)]]=o,S[g(502)](D);try{await new Promise((d,B)=>{const P=g;_[P(525)]=function(T){const z=P;console[z(513)](z(512),T),B()},_[P(544)]=function(T){d()},_[P(529)]=function(T){const z=P;console[z(513)](z(534),T),B()}})}catch(d){console.warn(g(511),d)}}))}s()},i.onerror=function(f){p(f)}})}catch(i){console[n(513)](i,n(526))}return c};function j(){const t=["transaction","DBName","createObjectStore","close","hasOwnProperty","primaryKey","208156ZfrAJr","warn","delete","1575928bFmnZg","154LBDnQZ","objectStore","数据更新失败","alert","store不存在,请更新schema和DBVersion并重启前端服务","length","openCursor","add","15752fkogxb","createIndex","deleteDB","299045NkkBTh","请传入主键","mapDB","map","102uEoUGM","目前所有数据都在用户ID的主键下面,所以没有主键的话做重新载入页面处理","主键插入中止","error","数据库删除失败","call","continue","update","deleteStore","open","result","66891DVCnfv","get","getDataByKey","数据删除失败","onabort","打开数据库报错,可能是数据库版本不对,或者储存容量不足等原因","52JGzdMb","all","onerror","put","数据更新失败没有request","Database connection closed, reconnecting...","target","主键插入失败","onsuccess","keyPath","数据更新成功","主键查询结果:","传入结构化克隆算法不支持的数据类型可能导致报错","4779333CtWPbr","currentTarget","获取Database缺乏用户信息,请先传入对primaryKey的赋值","indexedDB","oncomplete","事务失败","634540WpNScH","readwrite","keys","getDB","4781SEkDBZ","onupgradeneeded"];return j=function(){return t},j()}function q(t,o){const n=j();return q=function(r,a){return r=r-496,n[r]},q(t,o)}let A=!1;b[x(549)]=async(t,o)=>{const n=x,{mapDB:r,primaryKey:a}=t;return r?a?(A&&await new Promise(async(c,l)=>{const i=()=>{A?setTimeout(()=>{i()},200):c()};i()}),!$&&(A=!0,$=await ae(r,a),$==null||$.addEventListener(n(555),async()=>{console.info(n(532)),$=await ae(r,a)}),A=!1),o&&o($),$):(console[n(559)](n(542)),!1):(console[n(559)]("必须传入数据库配置信息"),!1)},b[x(523)]=async(t,o)=>{const n=x,{mapDB:r,tableName:a,primaryKey:c}=t,l={};l[n(508)]=r,l[n(557)]=c;const i=await b.getDB(l);if(!i)return;const s=i.transaction([a]),p=s[n(496)](a),m=p[n(522)](c);return new Promise((f,u)=>{const y=n;m.onsuccess=function(h){const g=q;o&&o(a+g(538)+m[g(520)]),f(m[g(520)])},m[y(529)]=function(h){console.error(a+y(545)+h),u()}})},b.updateStore=async(t,o)=>{var n;const r=x,{mapDB:a,tableName:c,updateData:l}=t;!l[a==null?void 0:a[r(557)]]&&console[r(559)](r(507)+a[r(557)]);const i={};i.mapDB=a,i[r(557)]=l[a==null?void 0:a[r(557)]];const s=await b[r(549)](i);if(!s)return;let p=null;try{p=s[r(552)]([c],r(547)).objectStore(c)}catch(y){console[r(513)](r(499),y)}let m=null,f=null;const u=await new Promise((y,h)=>{const g=r,k=p[g(501)](l[a==null?void 0:a[g(557)]]);k[g(535)]=_=>{y(_)},k.onerror=_=>{h(_)}});f=(n=u==null?void 0:u[r(533)])==null?void 0:n[r(520)];try{f&&(f==null?void 0:f.primaryKey)===l[a==null?void 0:a.primaryKey]?m=f[r(517)](l):m=p[r(530)](l)}catch(y){console[r(513)](r(539),y,l)}new Promise((y,h)=>{const g=r;!m&&(console[g(513)](c+g(531)),h()),m[g(535)]=function(k){o&&o(c+g(537)),y()},m[g(529)]=function(k){const _=g;console[_(513)](c+_(497),k),h()}}),f&&f[r(516)]()},b[x(518)]=async(t,o)=>{const n=x,{mapDB:r,tableName:a,primaryKey:c}=t,l={};l[n(508)]=r,l[n(557)]=c;const i=await b.getDB(l);if(!i)return;const s=i[n(552)]([a],n(547))[n(496)](a)[n(560)](c);return new Promise((p,m)=>{const f=n;s[f(535)]=function(u){o&&o(a+"数据删除成功"),p()},s.onerror=function(u){const y=f;console[y(513)](a+y(524)+u),m()}})},b[x(505)]=async(t,o)=>{const{mapDB:n}=t,r=window.indexedDB.deleteDatabase(n.DBName);return new Promise((a,c)=>{const l=q;r[l(535)]=i=>{o&&o(n[l(553)]+"数据库已删除"),a()},r[l(529)]=i=>{const s=l;console[s(513)](n[s(553)]+s(514)+i),c()}})};function N(t,o){const n=R();return N=function(r,a){return r=r-125,n[r]},N(t,o)}function R(){const t=["updateData","error","getDataByKey","531aQoQZo","primaryKey","handleData","2kSsgxs","777jFjQPc","1271805RJVSFy","546pnZEJw","3522904vvFeGW","4wGSwDA","tableName","780ChApSf","deleteStore","655364nEjUrb","3705144rIEFqv","updateStore","getData","clearData","mapDB","3003845nIJAzp"];return R=function(){return t},R()}const O=N;(function(t,o){const n=N,r=t();for(;;)try{if(-parseInt(n(140))/1*(-parseInt(n(127))/2)+parseInt(n(142))/3*(parseInt(n(145))/4)+-parseInt(n(133))/5+-parseInt(n(143))/6*(parseInt(n(141))/7)+-parseInt(n(128))/8+parseInt(n(137))/9*(parseInt(n(125))/10)+parseInt(n(144))/11===o)break;r.push(r.shift())}catch{r.push(r.shift())}})(R,330152);async function Te(t,o){const n=N,{tableName:r,propertiesKey:a,parameter:c,primaryKey:l,mapDB:i}=t;let s=null,p={[i[n(138)]]:l};const m={};m[n(132)]=i,m.tableName=r,m[n(138)]=l;const f=await b[n(136)](m);f&&(p={...f,[i.primaryKey]:l}),p[a]=c;const u={};return u[n(132)]=i,u.tableName=r,u[n(134)]=p,await b[n(129)](u),c&&(s=c),o&&o(s),s}async function ze(t,o){const n=N,{tableName:r,propertiesKey:a,primaryKey:c,mapDB:l}=t;let i=null;const s={};s[n(132)]=l,s[n(146)]=r,s.primaryKey=c;const p=await b[n(136)](s);return p&&(i=p[a]),o&&o(i),i}async function $e(t,o){const n=N,{tableName:r,propertiesKey:a,parameter:c,primaryKey:l,mapDB:i}=t;let s={};const p={};p.mapDB=i,p[n(146)]=r,p[n(138)]=l;const m=await b[n(136)](p);try{if(m){s={...m[a],...c};const f={[i[n(138)]]:l},u=f;u[a]=s;const y={};y[n(132)]=i,y[n(146)]=r,y[n(134)]=u,await b.updateStore(y)}else console.warn(r+"为空,请先调用handleData")}catch(f){console[n(135)](f)}return o&&o(s),s}async function qe(t,o){const n=N,{tableName:r,primaryKey:a,mapDB:c}=t;let l=null;try{const i={};i.mapDB=c,i[n(146)]=r,i[n(138)]=a,await b[n(126)](i)}catch(i){console.error(i)}return o&&o(l),l}const F={};F[O(139)]=Te,F[O(130)]=ze,F[O(134)]=$e,F[O(131)]=qe;var w=G;(function(t,o){for(var n=G,r=t();;)try{var a=-parseInt(n(385))/1+parseInt(n(387))/2+-parseInt(n(389))/3+-parseInt(n(398))/4*(parseInt(n(394))/5)+-parseInt(n(402))/6+-parseInt(n(399))/7+-parseInt(n(386))/8*(-parseInt(n(400))/9);if(a===o)break;r.push(r.shift())}catch{r.push(r.shift())}})(Q,363872);var se={};se[w(397)]=!1;var W={};W[w(384)]=se,W[w(392)]={};var le={};function Q(){var t=["default","mapDB-indexeddb-form-schema","663915ecCGKl","primaryKey","stores","unique","12QKZOdu","2103521TxMjSC","1212714qgZAmF","formParams","3534618LLAImJ","DBName","properties","createIndex","464644FTRsMp","128qSoFyx","33606razpoB","DBVersion","168804drPGaG","queryParams","DBStoreName"];return Q=function(){return t},Q()}le[w(390)]=W;function G(t,o){var n=Q();return G=function(r,a){r=r-382;var c=n[r];return c},G(t,o)}var Z={};Z[w(391)]=w(401),Z[w(383)]=le;var E={};E[w(395)]="userId",E[w(382)]=w(393),E[w(388)]=1,E[w(396)]=[Z];const Ke={formSchema:E},Le=F,{handleData:Fe,getData:ie}=Le,{formSchema:Y}=Ke,H=async(t,o)=>{var n;return o.parametersType==="url"&&(t={...J.queryToData((n=o.$route)==null?void 0:n.query),...t}),o.parametersType==="indexDB"&&(t={...await ie({tableName:"formParams",propertiesKey:o.$route.path||"defQueryParams",primaryKey:o.DBPrimaryKey||"default",mapDB:Y}),...t}),t},X=async(t,o)=>{o.parametersType==="url"&&await o.$router.push({query:J.paramsToQuery({...t})}),o.parametersType==="indexDB"&&await Fe({tableName:"formParams",propertiesKey:o.$route.path||"defQueryParams",parameter:{...t},primaryKey:o.DBPrimaryKey||"default",mapDB:Y})},Ee=async({queryParameter:t={},vm:o={}})=>{t.defaultPageFirst??(t.defaultPageFirst=!0);const n={[o.currentPageKey]:o.defCurrentPage};let r={...n,...o.queryParams};r=await H(r,o),t.defaultPageFirst&&(r={...r,...n}),await X(r,o),o.getList({...r})},je=async({vm:t={}})=>{t.$refs.queryFormRef.resetFields();const o=await H({},t),n={[t.currentPageKey]:t.defCurrentPage,[t.pageSizeKey]:(o==null?void 0:o[t.pageSizeKey])||t.defPageSize};await X(n,t),t.queryParams={...n},t.afterReset(),t.handleQuery()},Ae=({vm:t={}})=>{var o;let n={[t.pageSizeKey]:t.defPageSize};return t.parametersType==="url"&&(n={...n,...J.queryToData((o=t.$route)==null?void 0:o.query)}),t.parametersType==="indexDB"&&ie({tableName:"formParams",propertiesKey:t.$route.path||"defQueryParams",primaryKey:t.DBPrimaryKey||"default",mapDB:Y},r=>{r&&(t.queryParams={...n,...r}),t.queryWhenReady&&t.$nextTick(()=>{t.handleQuery({defaultPageFirst:!1})})}),t.queryWhenReady&&t.parametersType!=="indexDB"&&t.$nextTick(()=>{t.handleQuery({defaultPageFirst:!1})}),n},Re=({item:t={},vm:o={}})=>{const{type:n,rules:r=[]}=t,a=[...r];return o.noInputBlank&&n==="input"&&a.push({pattern:/\S/,message:"请输入(不能仅输入空格)",trigger:"blur"}),a},Oe={makeParamsByType:H,saveParamsByType:X,handleQuery:Ee,resetQuery:je,initQueryParams:Ae,getItemRules:Re},M=Oe,Qe=e.defineComponent({name:"GeneralBasicForm",components:{Input:K,InputNumber:de,InputGraphicVerification:ne,InputMobileVerification:re,Divider:we,Radio:Se,Checkbox:De,DatePicker:Pe,Select:Ve,Cascader:Ie},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"},parametersType:{type:String,default:"url"},DBPrimaryKey:{type:[String,Number],required:!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},queryWhenReady:{type:Boolean,default:()=>!1}},data(){return{formLoading:this.loading||!1,queryParams:M.initQueryParams({vm:this})}},provide(){return{[te]:{formLoading:e.computed(()=>this.formLoading),updateFormLoading:t=>{this.formLoading=t}},queryParams:e.computed(()=>this.queryParams)}},setup(t){const{size:o,getList:n}=t;e.provide("size",o),e.provide("getList",n)},watch:{formData:{handler(t,o){JSON.stringify(t)!==JSON.stringify(this.queryParams)&&(this.queryParams={...this.queryParams,...t})},immediate:!0,deep:!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)}},methods:{handleQuery(t={}){M.handleQuery({queryParameter:t,vm:this})},resetQuery(){M.resetQuery({vm:this})},getItemRules(t){return M.getItemRules({item:t,vm:this})}}});function Ge(t,o,n,r,a,c){const l=e.resolveComponent("Input"),i=e.resolveComponent("Radio"),s=e.resolveComponent("Select"),p=e.resolveComponent("Divider"),m=e.resolveComponent("Cascader"),f=e.resolveComponent("Checkbox"),u=e.resolveComponent("DatePicker"),y=e.resolveComponent("InputNumber"),h=e.resolveComponent("InputMobileVerification"),g=e.resolveComponent("InputGraphicVerification"),k=e.resolveComponent("el-form-item"),_=e.resolveComponent("el-button"),S=e.resolveComponent("el-form"),D=e.resolveDirective("loading");return e.withDirectives((e.openBlock(),e.createBlock(S,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,d=>(e.openBlock(),e.createBlock(k,{label:d.label,prop:d.prop,key:d.prop,rules:t.getItemRules(d)},{default:e.withCtx(()=>[/^input$/i.test(d.type)?(e.openBlock(),e.createBlock(l,{key:0,item:d},null,8,["item"])):e.createCommentVNode("",!0),/^radio$/i.test(d.type)?(e.openBlock(),e.createBlock(i,{key:1,item:d},null,8,["item"])):e.createCommentVNode("",!0),/^select$/i.test(d.type)?(e.openBlock(),e.createBlock(s,{key:2,item:d},null,8,["item"])):e.createCommentVNode("",!0),/^divider$/i.test(d.type)?(e.openBlock(),e.createBlock(p,{key:3,item:d},null,8,["item"])):e.createCommentVNode("",!0),/^cascader$/i.test(d.type)?(e.openBlock(),e.createBlock(m,{key:4,item:d},null,8,["item"])):e.createCommentVNode("",!0),/^checkbox$/i.test(d.type)?(e.openBlock(),e.createBlock(f,{key:5,item:d},null,8,["item"])):e.createCommentVNode("",!0),/^date-picker$/i.test(d.type)?(e.openBlock(),e.createBlock(u,{key:6,item:d},null,8,["item"])):e.createCommentVNode("",!0),/^input-number$/i.test(d.type)?(e.openBlock(),e.createBlock(y,{key:7,item:d},null,8,["item"])):e.createCommentVNode("",!0),/^form-item-slot$/i.test(d.type)?e.renderSlot(t.$slots,d.name,{key:8}):e.createCommentVNode("",!0),/^input-mobile-verification$/i.test(d.type)?(e.openBlock(),e.createBlock(h,{key:9,item:d},null,8,["item"])):e.createCommentVNode("",!0),/^input-graphic-verification$/i.test(d.type)?(e.openBlock(),e.createBlock(g,{item:d,key:d.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(k,{key:0},{default:e.withCtx(()=>[e.withDirectives((e.openBlock(),e.createBlock(_,{type:"primary",size:t.size,onClick:t.handleQuery},{default:e.withCtx(()=>o[0]||(o[0]=[e.createTextVNode("查询")])),_:1},8,["size","onClick"])),[[D,t.formLoading]]),e.createVNode(_,{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 Me=I(Qe,[["render",Ge]]),Ue=["infinite-scroll-disabled"],Je=["infinite-scroll-disabled"],We={class:"checkbox"},Ze=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:r,id:a,name:c,extra:l,height:i}=n,s=e.ref([]),p=e.ref(1),m=e.ref(!1),f=e.ref([]),u=e.ref(!1),y=(d,B)=>{const{i:P}=d;return l&&l!=="false"?l(P):""},h=d=>{f.value=d.map(B=>typeof B=="object"?B[a]:B)};e.watch(()=>n.defaultSelection,(d=[],B=[])=>{h(d)},{immediate:!0});const g=()=>{k(),f.value=[]},k=()=>{p.value=1,s.value=[],m.value=!1},_=async()=>{if(u.value||m.value)return;u.value=!0;const d=await r(p.value);d&&d.length>0?(s.value=[...s.value,...d],p.value+=1):m.value=!0,u.value=!1},S=async()=>{k(),await _()},D=e.computed(()=>s.value.filter(d=>f.value.includes(d[a])))||{};return o({reset:g,lowReset:k,loadList:_,selectInfo:D,list:s,ifbottom:m,refreshList:S,loading:u}),(d,B)=>{const P=e.resolveComponent("el-checkbox"),T=e.resolveComponent("el-checkbox-group"),z=e.resolveDirective("infinite-scroll"),ht=e.resolveDirective("loading");return n.checkbox?e.withDirectives((e.openBlock(),e.createBlock(T,e.mergeProps({key:0,modelValue:f.value,"onUpdate:modelValue":B[0]||(B[0]=V=>f.value=V)},n),{default:e.withCtx(()=>[e.withDirectives((e.openBlock(),e.createElementBlock("ul",{class:"list","infinite-scroll-disabled":m.value,style:e.normalizeStyle({height:e.unref(i)})},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.value,V=>(e.openBlock(),e.createElementBlock("li",{key:V[e.unref(a)],class:"list-item"},[e.createVNode(P,{value:V[e.unref(a)],class:"checkbox"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(V[e.unref(c)])+" ",1),n.extra?(e.openBlock(),e.createBlock(y,{key:0,i:V},null,8,["i"])):e.createCommentVNode("",!0)]),_:2},1032,["value"])]))),128))],12,Ue)),[[z,_]])]),_:1},16,["modelValue"])),[[ht,u.value]]):e.withDirectives((e.openBlock(),e.createElementBlock("ul",e.mergeProps({key:1,class:"list","infinite-scroll-disabled":m.value,style:{height:e.unref(i)}},n),[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.value,V=>(e.openBlock(),e.createElementBlock("li",{key:V[e.unref(a)],class:"list-item"},[e.createElementVNode("div",We,[e.createTextVNode(e.toDisplayString(V[e.unref(c)])+" ",1),n.extra?(e.openBlock(),e.createBlock(y,{key:0,i:V},null,8,["i"])):e.createCommentVNode("",!0)])]))),128))],16,Je)),[[z,_]])}}}),_t="",Ye=I(Ze,[["__scopeId","data-v-3ff9d47e"]]),He={key:1},Xe=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={},i=[]])=>{let s=i;if(o.strict)for(const p in l)Object.prototype.hasOwnProperty.call(l,p)&&(l[p]||(s=s.filter(f=>f.prop!==p||f.render)));n.value=s},{immediate:!0});const r=e.shallowRef("el-descriptions"),a=e.shallowRef("el-descriptions-item");switch(o.componentType){case"Element Plus":r.value="el-descriptions",a.value="el-descriptions-item";break;case"Ant Design Vue":r.value="a-descriptions",a.value="a-descriptions-item";break}const c=(l,i)=>{const{i:s,render:p,formData:m}=l;return p({row:m,$index:s})};return(l,i)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(r.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,(s,p)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(a.value),e.mergeProps({key:s.prop,label:s.label,ref_for:!0},s.descriptionsItemProps),{default:e.withCtx(()=>[s.render?(e.openBlock(),e.createBlock(c,{key:0,i:p,render:s.render,formData:t.formData},null,8,["i","render","formData"])):(e.openBlock(),e.createElementBlock("span",He,e.toDisplayString(t.formData[s.prop]),1))]),_:2},1040,["label"]))),128))]),_:1},16))}});/*! Element Plus Icons Vue v2.3.1 */var ve=e.defineComponent({name:"ArrowLeftBold",__name:"arrow-left-bold",setup(t){return(o,n)=>(e.openBlock(),e.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 1024 1024"},[e.createElementVNode("path",{fill:"currentColor",d:"M685.248 104.704a64 64 0 0 1 0 90.496L368.448 512l316.8 316.8a64 64 0 0 1-90.496 90.496L232.704 557.248a64 64 0 0 1 0-90.496l362.048-362.048a64 64 0 0 1 90.496 0z"})]))}}),et=ve,tt=e.defineComponent({name:"ArrowRightBold",__name:"arrow-right-bold",setup(t){return(o,n)=>(e.openBlock(),e.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 1024 1024"},[e.createElementVNode("path",{fill:"currentColor",d:"M338.752 104.704a64 64 0 0 0 0 90.496l316.8 316.8-316.8 316.8a64 64 0 0 0 90.496 90.496l362.048-362.048a64 64 0 0 0 0-90.496L429.248 104.704a64 64 0 0 0-90.496 0z"})]))}}),nt=tt;const Bt="",ot={props:{treeAttributes:{type:Object,default:()=>{}},filterable:{type:Boolean,default:!1},dataSource:{type:Array,default:()=>[]},checkedKeys:{type:Array,default:()=>[]},transferTitleLeft:{type:String,default:""},transferTitleRight:{type:String,default:""}},watch:{sourceFilterText(t){this.$refs.sourceTree.filter(t)},selectedFilterText(t){this.$refs.selectTree.filter(t)},checkedKeys(){this.defCheckedKeys()},dataSource(){this.defCheckedKeys()}},data(){return{defaultTreeAttributes:{"default-expand-all":!0,"show-checkbox":!0,"node-key":"id",...this.treeAttributes},selectedList:[],sourceFilterText:"",selectedFilterText:"",ArrowRightBold:e.markRaw(nt),ArrowLeftBold:e.markRaw(et)}},methods:{sourceFilterNode(t,o){var r,a;if(!t)return!0;const n=((a=(r=this.defaultTreeAttributes)==null?void 0:r.props)==null?void 0:a.label)||"label";return o[n].includes(t)},getSelectedData(){let t=!0,o;const n=this.$refs.sourceTree.getCheckedNodes(t,o);this.selectedList=n},removeSelectedData(){let t,o;const n=this.$refs.selectTree.getCheckedNodes(t,o),r={},a=this.defaultTreeAttributes.nodeKey||this.defaultTreeAttributes["node-key"];n.forEach(c=>{r[c[a]]=c}),this.selectedList=this.selectedList.filter(c=>!r[c[a]])},defCheckedKeys(){this.$refs.sourceTree.setCheckedKeys(this.checkedKeys),this.$nextTick(()=>{this.getSelectedData(),this.$refs.selectTree.setCheckedKeys(this.checkedKeys)})}}},rt={class:"tree-box"},at={class:"left-box"},st={class:"mid-box"},lt={class:"right-box"};function it(t,o,n,r,a,c){const l=e.resolveComponent("el-text"),i=e.resolveComponent("el-input"),s=e.resolveComponent("el-tree"),p=e.resolveComponent("el-button");return e.openBlock(),e.createElementBlock("div",rt,[e.createElementVNode("div",at,[e.createVNode(l,{class:"v-tree-transfer-title",size:"large"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(n.transferTitleLeft),1)]),_:1}),n.filterable?(e.openBlock(),e.createBlock(i,{key:0,placeholder:"输入关键字进行过滤",modelValue:a.sourceFilterText,"onUpdate:modelValue":o[0]||(o[0]=m=>a.sourceFilterText=m)},null,8,["modelValue"])):e.createCommentVNode("",!0),e.createVNode(s,e.mergeProps({data:n.dataSource,ref:"sourceTree","filter-node-method":c.sourceFilterNode},{...a.defaultTreeAttributes}),null,16,["data","filter-node-method"])]),e.createElementVNode("div",st,[e.createVNode(p,{icon:a.ArrowRightBold,circle:"",onClick:c.getSelectedData},null,8,["icon","onClick"]),e.createVNode(p,{icon:a.ArrowLeftBold,circle:"",onClick:c.removeSelectedData},null,8,["icon","onClick"])]),e.createElementVNode("div",lt,[e.createVNode(l,{class:"v-tree-transfer-title",size:"large"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(n.transferTitleRight),1)]),_:1}),n.filterable?(e.openBlock(),e.createBlock(i,{key:0,placeholder:"输入关键字进行过滤",modelValue:a.selectedFilterText,"onUpdate:modelValue":o[1]||(o[1]=m=>a.selectedFilterText=m)},null,8,["modelValue"])):e.createCommentVNode("",!0),e.createVNode(s,e.mergeProps({data:a.selectedList,ref:"selectTree","filter-node-method":c.sourceFilterNode},{...a.defaultTreeAttributes}),null,16,["data","filter-node-method"])])])}const ct=I(ot,[["render",it],["__scopeId","data-v-d9a75723"]]),pt=Me,mt=Ye,dt=Xe,ft=ne,ut=re,yt=ct;C.VDescriptions=dt,C.VGeneralBasicForm=pt,C.VInfiniteScrollList=mt,C.VInputGraphicVerification=ft,C.VInputMobilecVerification=ut,C.VTreeTransfer=yt,Object.defineProperty(C,Symbol.toStringTag,{value:"Module"})});
|
package/dist/style.css
ADDED
|
@@ -0,0 +1 @@
|
|
|
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-3ff9d47e]{overflow:auto;padding:0;margin:0}.list .checkbox[data-v-3ff9d47e]{width:calc(100% - 32px);padding:0 16px}.tree-box[data-v-d9a75723]{display:flex}.tree-box .left-box[data-v-d9a75723]{width:45%}.tree-box .mid-box[data-v-d9a75723]{flex:auto;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly}.tree-box .mid-box .el-button[data-v-d9a75723]{margin:0}.tree-box .right-box[data-v-d9a75723]{width:45%}
|
package/package.json
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "general-basic-form",
|
|
3
|
-
"version": "2.0
|
|
3
|
+
"version": "2.1.0",
|
|
4
4
|
"description": "",
|
|
5
|
-
"main": "./
|
|
5
|
+
"main": "./dist/index.umd.cjs",
|
|
6
6
|
"type": "module",
|
|
7
7
|
"scripts": {
|
|
8
8
|
"build": "cross-env CURRENT_ENV=prod run-p type-check build-only",
|
|
@@ -48,8 +48,20 @@
|
|
|
48
48
|
"vue": ">=3.3.4",
|
|
49
49
|
"vue-router": ">=4.2.4"
|
|
50
50
|
},
|
|
51
|
-
"typings": "./
|
|
51
|
+
"typings": "./dist/index.d.ts",
|
|
52
52
|
"dependencies": {
|
|
53
|
+
"@element-plus/icons-vue": "^2.3.1",
|
|
53
54
|
"network-spanner": "^1.2.14"
|
|
54
|
-
}
|
|
55
|
+
},
|
|
56
|
+
"module": "./dist/index.js",
|
|
57
|
+
"exports": {
|
|
58
|
+
".": {
|
|
59
|
+
"import": "./dist/index.js",
|
|
60
|
+
"require": "./dist/index.umd.cjs"
|
|
61
|
+
},
|
|
62
|
+
"./style": "./dist/style.css"
|
|
63
|
+
},
|
|
64
|
+
"files": [
|
|
65
|
+
"/dist"
|
|
66
|
+
]
|
|
55
67
|
}
|
|
Binary file
|
package/script/link.ts
DELETED
|
@@ -1,36 +0,0 @@
|
|
|
1
|
-
/*
|
|
2
|
-
* @Author: 陈德立*******419287484@qq.com
|
|
3
|
-
* @Date: 2023-11-10 09:39:59
|
|
4
|
-
* @LastEditTime: 2023-11-15 18:04:19
|
|
5
|
-
* @LastEditors: 陈德立*******419287484@qq.com
|
|
6
|
-
* @Github: https://github.com/Alan1034
|
|
7
|
-
* @Description: link处理流程
|
|
8
|
-
* @FilePath: \GeneralBasicForm\script\link.ts
|
|
9
|
-
*
|
|
10
|
-
*/
|
|
11
|
-
import path from "path";
|
|
12
|
-
import fs from 'fs'
|
|
13
|
-
import chalk from 'chalk'
|
|
14
|
-
import { fileURLToPath } from 'url'
|
|
15
|
-
const __filenameNew = fileURLToPath(import.meta.url)
|
|
16
|
-
const __dirnameNew = path.dirname(__filenameNew)
|
|
17
|
-
const updateMain = () => {
|
|
18
|
-
try {
|
|
19
|
-
const packageTxt = fs.readFileSync(path.join(__dirnameNew, '../package.json'), 'utf8');
|
|
20
|
-
const packageJson = JSON.parse(packageTxt);
|
|
21
|
-
const mainDir = "./src/index.ts"
|
|
22
|
-
delete packageJson.files
|
|
23
|
-
delete packageJson.module
|
|
24
|
-
delete packageJson.exports
|
|
25
|
-
packageJson.typings = "./publish/index.d.ts"
|
|
26
|
-
packageJson.main = mainDir
|
|
27
|
-
const versionData = JSON.stringify(packageJson, null, 2);
|
|
28
|
-
fs.writeFileSync(path.join(__dirnameNew, '../package.json'), versionData, 'utf8');
|
|
29
|
-
console.log(chalk.green.bold('修改入口配置成功!当前入口路径为为:' + mainDir));
|
|
30
|
-
} catch (error) {
|
|
31
|
-
console.log(chalk.red.bold('修改入口配置出错:', error.toString()));
|
|
32
|
-
}
|
|
33
|
-
|
|
34
|
-
}
|
|
35
|
-
|
|
36
|
-
updateMain()
|
package/script/unlink.ts
DELETED
|
@@ -1,45 +0,0 @@
|
|
|
1
|
-
/*
|
|
2
|
-
* @Author: 陈德立*******419287484@qq.com
|
|
3
|
-
* @Date: 2023-11-10 09:39:59
|
|
4
|
-
* @LastEditTime: 2023-11-16 15:09:53
|
|
5
|
-
* @LastEditors: 陈德立*******419287484@qq.com
|
|
6
|
-
* @Github: https://github.com/Alan1034
|
|
7
|
-
* @Description: unlink处理流程
|
|
8
|
-
* @FilePath: \GeneralBasicForm\script\unlink.ts
|
|
9
|
-
*
|
|
10
|
-
*/
|
|
11
|
-
import path from "path";
|
|
12
|
-
import fs from 'fs'
|
|
13
|
-
import chalk from 'chalk'
|
|
14
|
-
import { fileURLToPath } from 'url'
|
|
15
|
-
const __filenameNew = fileURLToPath(import.meta.url)
|
|
16
|
-
const __dirnameNew = path.dirname(__filenameNew)
|
|
17
|
-
const updateMain = () => {
|
|
18
|
-
try {
|
|
19
|
-
const packageTxt = fs.readFileSync(path.join(__dirnameNew, '../package.json'), 'utf8');
|
|
20
|
-
const packageJson = JSON.parse(packageTxt);
|
|
21
|
-
const umdDir = "./dist/index.umd.cjs"
|
|
22
|
-
const esDir = "./dist/index.js"
|
|
23
|
-
packageJson.main = umdDir
|
|
24
|
-
packageJson.module = esDir
|
|
25
|
-
packageJson.exports = {
|
|
26
|
-
".": {
|
|
27
|
-
"import": esDir,
|
|
28
|
-
"require": umdDir
|
|
29
|
-
},
|
|
30
|
-
"./style": "./dist/style.css"
|
|
31
|
-
}
|
|
32
|
-
packageJson.typings = "./dist/index.d.ts"
|
|
33
|
-
packageJson.files = [
|
|
34
|
-
"/dist"
|
|
35
|
-
]
|
|
36
|
-
const versionData = JSON.stringify(packageJson, null, 2);
|
|
37
|
-
fs.writeFileSync(path.join(__dirnameNew, '../package.json'), versionData, 'utf8');
|
|
38
|
-
console.log(chalk.green.bold('修改入口配置成功!当前入口路径为为:' + umdDir));
|
|
39
|
-
} catch (error) {
|
|
40
|
-
console.log(chalk.red.bold('修改入口配置出错:', error.toString()));
|
|
41
|
-
}
|
|
42
|
-
|
|
43
|
-
}
|
|
44
|
-
|
|
45
|
-
updateMain()
|
package/src/Descriptions.vue
DELETED
|
@@ -1,107 +0,0 @@
|
|
|
1
|
-
<!--
|
|
2
|
-
* @Author: 陈德立*******419287484@qq.com
|
|
3
|
-
* @Date: 2023-12-08 17:45:01
|
|
4
|
-
* @LastEditTime: 2024-09-25 18:16:46
|
|
5
|
-
* @LastEditors: 陈德立*******419287484@qq.com
|
|
6
|
-
* @Github: https://github.com/Alan1034
|
|
7
|
-
* @Description: 对展示描述列表的封装
|
|
8
|
-
* @FilePath: \GeneralBasicForm\src\Descriptions.vue
|
|
9
|
-
*
|
|
10
|
-
-->
|
|
11
|
-
<template>
|
|
12
|
-
<component :is="descriptions" :column="1" border class="form-width" v-bind="$attrs">
|
|
13
|
-
<component :is="descriptionsItem" v-for="(item, i) in renderFormItem" :key="item.prop" :label="item.label"
|
|
14
|
-
v-bind="item.descriptionsItemProps">
|
|
15
|
-
<RenderComponent v-if="item.render" :i="i" :render="item.render" :formData="formData"></RenderComponent>
|
|
16
|
-
<span v-else>
|
|
17
|
-
{{ formData[item.prop] }}
|
|
18
|
-
</span>
|
|
19
|
-
</component>
|
|
20
|
-
</component>
|
|
21
|
-
</template>
|
|
22
|
-
|
|
23
|
-
<script lang="ts" setup>
|
|
24
|
-
import type { PropType, FunctionalComponent, VNode } from "vue";
|
|
25
|
-
import { shallowRef, watch, ref } from "vue";
|
|
26
|
-
import type { ComponentType } from "./types/componentType"
|
|
27
|
-
import type { ItemType } from "./types/basicFrom";
|
|
28
|
-
const props = defineProps({
|
|
29
|
-
formData: {
|
|
30
|
-
type: Object,
|
|
31
|
-
required: true,
|
|
32
|
-
},
|
|
33
|
-
formItem: {
|
|
34
|
-
type: Array as unknown as PropType<ItemType[]>,
|
|
35
|
-
required: true,
|
|
36
|
-
},
|
|
37
|
-
componentType: {
|
|
38
|
-
type: String as unknown as PropType<ComponentType>,
|
|
39
|
-
default: "Element Plus"
|
|
40
|
-
},
|
|
41
|
-
strict: {
|
|
42
|
-
// 使用strict参数后,如果formData内的某个字段没有值,对应的描述元素将不会展示(包括标签文字),但有render的字段仍然会展示
|
|
43
|
-
type: Boolean,
|
|
44
|
-
default: false
|
|
45
|
-
},
|
|
46
|
-
});
|
|
47
|
-
const renderFormItem = ref<ItemType[]>([])
|
|
48
|
-
watch(
|
|
49
|
-
() => [props.formData, props.formItem],
|
|
50
|
-
([NewFormData = {}, NewFormItem = <any>[]]) => {
|
|
51
|
-
let PhasedFormItem = NewFormItem
|
|
52
|
-
if (props.strict) {
|
|
53
|
-
// strict严格模式过滤formItem
|
|
54
|
-
// console.log(NewFormData)
|
|
55
|
-
// console.log(PhasedFormItem)
|
|
56
|
-
for (const key in NewFormData) {
|
|
57
|
-
if (Object.prototype.hasOwnProperty.call(NewFormData, key)) {
|
|
58
|
-
const element = NewFormData[key];
|
|
59
|
-
if (!element) {
|
|
60
|
-
PhasedFormItem = PhasedFormItem.filter((item) => {
|
|
61
|
-
return ((item.prop !== key) || (item.render))
|
|
62
|
-
})
|
|
63
|
-
}
|
|
64
|
-
}
|
|
65
|
-
}
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
}
|
|
69
|
-
// console.log(PhasedFormItem)
|
|
70
|
-
renderFormItem.value = PhasedFormItem
|
|
71
|
-
},
|
|
72
|
-
{ immediate: true }
|
|
73
|
-
);
|
|
74
|
-
const descriptions = shallowRef("el-descriptions-item")
|
|
75
|
-
const descriptionsItem = shallowRef("descriptions-item")
|
|
76
|
-
switch (props.componentType) {
|
|
77
|
-
case "Element Plus":
|
|
78
|
-
descriptions.value = "el-descriptions-item"
|
|
79
|
-
descriptionsItem.value = "el-descriptions-item"
|
|
80
|
-
break;
|
|
81
|
-
case "Ant Design Vue":
|
|
82
|
-
descriptions.value = "a-descriptions"
|
|
83
|
-
descriptionsItem.value = "a-descriptions-item"
|
|
84
|
-
break;
|
|
85
|
-
default:
|
|
86
|
-
break;
|
|
87
|
-
}
|
|
88
|
-
type RenderComponentProps = {
|
|
89
|
-
i: any;
|
|
90
|
-
formData: Object;
|
|
91
|
-
render: (item: any) => VNode | String;
|
|
92
|
-
};
|
|
93
|
-
type Events = {};
|
|
94
|
-
// 函数直接返回VNode模板会识别成[object Promise],因此需要转换成函数式组件
|
|
95
|
-
const RenderComponent: FunctionalComponent<RenderComponentProps, Events> = (
|
|
96
|
-
props,
|
|
97
|
-
context
|
|
98
|
-
) => {
|
|
99
|
-
const { i, render, formData } = props;
|
|
100
|
-
return render({
|
|
101
|
-
row: formData,
|
|
102
|
-
$index: i,
|
|
103
|
-
});
|
|
104
|
-
};
|
|
105
|
-
</script>
|
|
106
|
-
|
|
107
|
-
<style></style>
|
package/src/GeneralBasicForm.vue
DELETED
|
@@ -1,240 +0,0 @@
|
|
|
1
|
-
<!--
|
|
2
|
-
* @Author: 陈德立*******419287484@qq.com
|
|
3
|
-
* @Date: 2021-08-20 17:14:53
|
|
4
|
-
* @LastEditTime: 2025-03-10 21:02:58
|
|
5
|
-
* @LastEditors: 陈德立*******419287484@qq.com
|
|
6
|
-
* @Github: https://github.com/Alan1034
|
|
7
|
-
* @Description:
|
|
8
|
-
* @FilePath: \GeneralBasicForm\src\GeneralBasicForm.vue
|
|
9
|
-
*
|
|
10
|
-
-->
|
|
11
|
-
/** 通用基本表单。用在表单页面搜索栏 */
|
|
12
|
-
|
|
13
|
-
<template>
|
|
14
|
-
<el-form :model="queryParams" ref="queryFormRef" v-show="showSearch" inline label-position="left"
|
|
15
|
-
:label-width="labelWidth" v-bind="$attrs">
|
|
16
|
-
<el-form-item v-for="item in formItem" :label="item.label" :prop="item.prop" :key="item.prop"
|
|
17
|
-
:rules="getItemRules(item)">
|
|
18
|
-
<Input v-if="/^input$/i.test(item.type)" :item="item" />
|
|
19
|
-
<Radio v-if="/^radio$/i.test(item.type)" :item="item" />
|
|
20
|
-
<Select v-if="/^select$/i.test(item.type)" :item="item" />
|
|
21
|
-
<Divider v-if="/^divider$/i.test(item.type)" :item="item" />
|
|
22
|
-
<Cascader v-if="/^cascader$/i.test(item.type)" :item="item" />
|
|
23
|
-
<Checkbox v-if="/^checkbox$/i.test(item.type)" :item="item" />
|
|
24
|
-
<DatePicker v-if="/^date-picker$/i.test(item.type)" :item="item" />
|
|
25
|
-
<InputNumber v-if="/^input-number$/i.test(item.type)" :item="item" />
|
|
26
|
-
<slot v-if="/^form-item-slot$/i.test(item.type)" :name="item.name"></slot>
|
|
27
|
-
<InputMobileVerification v-if="/^input-mobile-verification$/i.test(item.type)" :item="item" />
|
|
28
|
-
<InputGraphicVerification v-if="/^input-graphic-verification$/i.test(item.type)" :item="item" :key="item.key" />
|
|
29
|
-
</el-form-item>
|
|
30
|
-
<slot></slot>
|
|
31
|
-
<el-form-item v-if="!formOnly">
|
|
32
|
-
<el-button type="primary" :size="size" @click="handleQuery" v-loading="formLoading">查询</el-button>
|
|
33
|
-
<el-button :size="size" @click="resetQuery">重置</el-button>
|
|
34
|
-
</el-form-item>
|
|
35
|
-
<slot name="behind-the-button" />
|
|
36
|
-
</el-form>
|
|
37
|
-
</template>
|
|
38
|
-
|
|
39
|
-
<script lang="ts">
|
|
40
|
-
import { provide, ref, PropType, defineComponent, computed } from "vue";
|
|
41
|
-
import type { ItemType } from "./types/basicFrom";
|
|
42
|
-
// import { useRoute } from "vue-router";
|
|
43
|
-
import Input from "./components/VBasic/input/index.vue";
|
|
44
|
-
import InputNumber from "./components/VBasic/input-number/index.vue";
|
|
45
|
-
import InputGraphicVerification from "./components/CustomCom/input-graphic-verification/index.vue";
|
|
46
|
-
import InputMobileVerification from "./components/CustomCom/input-mobile-verification/index.vue";
|
|
47
|
-
import Divider from "./components/VBasic/divider/index.vue";
|
|
48
|
-
import Radio from "./components/VBasic/radio/index.vue";
|
|
49
|
-
import Checkbox from "./components/VBasic/checkbox/index.vue";
|
|
50
|
-
import DatePicker from "./components/VBasic/date-picker/index.vue";
|
|
51
|
-
import Select from "./components/VBasic/select/index.vue";
|
|
52
|
-
import Cascader from "./components/VBasic/cascader/index.vue";
|
|
53
|
-
import { formLoadingKey } from "./injectKey";
|
|
54
|
-
import { HandleParamsData } from "network-spanner"
|
|
55
|
-
export default defineComponent({
|
|
56
|
-
name: "GeneralBasicForm",
|
|
57
|
-
components: {
|
|
58
|
-
Input,
|
|
59
|
-
InputNumber,
|
|
60
|
-
InputGraphicVerification,
|
|
61
|
-
InputMobileVerification,
|
|
62
|
-
Divider,
|
|
63
|
-
Radio,
|
|
64
|
-
Checkbox,
|
|
65
|
-
DatePicker,
|
|
66
|
-
Select,
|
|
67
|
-
Cascader,
|
|
68
|
-
},
|
|
69
|
-
props: {
|
|
70
|
-
showSearch: {
|
|
71
|
-
// 是否展示所有元素
|
|
72
|
-
type: Boolean,
|
|
73
|
-
default: true,
|
|
74
|
-
},
|
|
75
|
-
loading: {
|
|
76
|
-
// 加载动画
|
|
77
|
-
type: Boolean,
|
|
78
|
-
default: false,
|
|
79
|
-
},
|
|
80
|
-
formOnly: {
|
|
81
|
-
// 是否只展示表单不展示按钮
|
|
82
|
-
type: Boolean,
|
|
83
|
-
default: false,
|
|
84
|
-
},
|
|
85
|
-
getList: {
|
|
86
|
-
// 查找数据调用的函数
|
|
87
|
-
type: Function,
|
|
88
|
-
default: () => { },
|
|
89
|
-
},
|
|
90
|
-
afterReset: {
|
|
91
|
-
// 在重置按钮点击完后但还没重新请求时触发的的函数
|
|
92
|
-
type: Function,
|
|
93
|
-
default: () => { },
|
|
94
|
-
},
|
|
95
|
-
formItem: {
|
|
96
|
-
// 定义表单的数据
|
|
97
|
-
type: Array as unknown as PropType<ItemType[]>,
|
|
98
|
-
default: () => [],
|
|
99
|
-
},
|
|
100
|
-
size: {
|
|
101
|
-
// 控制按钮大小
|
|
102
|
-
type: String,
|
|
103
|
-
default: "default",
|
|
104
|
-
},
|
|
105
|
-
labelWidth: {
|
|
106
|
-
// 表单文字宽度
|
|
107
|
-
type: String,
|
|
108
|
-
default: "90px",
|
|
109
|
-
},
|
|
110
|
-
parametersType: {
|
|
111
|
-
type: String,
|
|
112
|
-
default: "url",
|
|
113
|
-
},
|
|
114
|
-
DBPrimaryKey: {
|
|
115
|
-
// indexDB的primaryKey,一般配合parametersType==="indexDB"使用
|
|
116
|
-
type: [String, Number],
|
|
117
|
-
required: false,
|
|
118
|
-
},
|
|
119
|
-
formData: {
|
|
120
|
-
// 外部传入的表单数据,用于回填
|
|
121
|
-
type: Object,
|
|
122
|
-
default: () => { },
|
|
123
|
-
},
|
|
124
|
-
noInputBlank: {
|
|
125
|
-
// 用于判断input框是否校验仅空格
|
|
126
|
-
type: Boolean,
|
|
127
|
-
default: () => false,
|
|
128
|
-
},
|
|
129
|
-
currentPageKey: {
|
|
130
|
-
type: String,
|
|
131
|
-
default: "page",
|
|
132
|
-
},
|
|
133
|
-
pageSizeKey: {
|
|
134
|
-
type: String,
|
|
135
|
-
default: "limit",
|
|
136
|
-
},
|
|
137
|
-
defCurrentPage: {
|
|
138
|
-
type: Number,
|
|
139
|
-
default: 1,
|
|
140
|
-
},
|
|
141
|
-
defPageSize: {
|
|
142
|
-
type: Number,
|
|
143
|
-
default: 10,
|
|
144
|
-
},
|
|
145
|
-
queryWhenReady: {
|
|
146
|
-
// 初始化完成后自动触发查找数据函数
|
|
147
|
-
type: Boolean,
|
|
148
|
-
default: () => false,
|
|
149
|
-
}
|
|
150
|
-
},
|
|
151
|
-
data() {
|
|
152
|
-
return {
|
|
153
|
-
formLoading: this.loading || false,
|
|
154
|
-
queryParams: HandleParamsData.initQueryParams({
|
|
155
|
-
vm: this
|
|
156
|
-
}), // form表单数据
|
|
157
|
-
};
|
|
158
|
-
},
|
|
159
|
-
provide() {
|
|
160
|
-
return {
|
|
161
|
-
// 显式提供一个计算属性
|
|
162
|
-
[formLoadingKey]: {
|
|
163
|
-
formLoading: computed(() => this.formLoading),
|
|
164
|
-
updateFormLoading: (val) => {
|
|
165
|
-
this.formLoading = val;
|
|
166
|
-
},
|
|
167
|
-
},
|
|
168
|
-
// 使用computed保持响应性
|
|
169
|
-
queryParams: computed(() => this.queryParams),
|
|
170
|
-
};
|
|
171
|
-
},
|
|
172
|
-
setup(props) {
|
|
173
|
-
const { size, getList } = props;
|
|
174
|
-
provide(/* 注入名 */ "size", /* 值 */ size);
|
|
175
|
-
provide(/* 注入名 */ "getList", /* 值 */ getList);
|
|
176
|
-
},
|
|
177
|
-
watch: {
|
|
178
|
-
formData: {
|
|
179
|
-
handler(val, oldVal) {
|
|
180
|
-
if (JSON.stringify(val) !== JSON.stringify(this.queryParams)) {
|
|
181
|
-
this.queryParams = {
|
|
182
|
-
...this.queryParams,
|
|
183
|
-
...val,
|
|
184
|
-
};
|
|
185
|
-
}
|
|
186
|
-
// console.log(this.queryParams);
|
|
187
|
-
},
|
|
188
|
-
// watch 默认是懒执行的:仅当数据源变化时,才会执行回调。但在某些场景中,我们希望在创建侦听器时,立即执行一遍回调。举例来说,我们想请求一些初始数据,然后在相关状态更改时重新请求数据。
|
|
189
|
-
// https://cn.vuejs.org/guide/essentials/watchers.html#deep-watchers
|
|
190
|
-
immediate: true,
|
|
191
|
-
deep: true,
|
|
192
|
-
},
|
|
193
|
-
queryParams: {
|
|
194
|
-
handler(val) {
|
|
195
|
-
this.$emit("update:formData", { ...val });
|
|
196
|
-
},
|
|
197
|
-
deep: true,
|
|
198
|
-
},
|
|
199
|
-
loading(val) {
|
|
200
|
-
// console.log("loading", val);
|
|
201
|
-
if (this.formLoading === val) {
|
|
202
|
-
return;
|
|
203
|
-
}
|
|
204
|
-
this.formLoading = val;
|
|
205
|
-
},
|
|
206
|
-
formLoading(val) {
|
|
207
|
-
// console.log("formLoading", val);
|
|
208
|
-
if (this.loading === val) {
|
|
209
|
-
return;
|
|
210
|
-
}
|
|
211
|
-
this.$emit("update:loading", val);
|
|
212
|
-
},
|
|
213
|
-
},
|
|
214
|
-
|
|
215
|
-
methods: {
|
|
216
|
-
/** 搜索按钮操作 */
|
|
217
|
-
handleQuery(queryParameter = <any>{}) {
|
|
218
|
-
HandleParamsData.handleQuery({
|
|
219
|
-
queryParameter, vm: this
|
|
220
|
-
})
|
|
221
|
-
},
|
|
222
|
-
/** 重置按钮操作 */
|
|
223
|
-
resetQuery() {
|
|
224
|
-
HandleParamsData.resetQuery({
|
|
225
|
-
vm: this
|
|
226
|
-
})
|
|
227
|
-
},
|
|
228
|
-
|
|
229
|
-
getItemRules(item: any) {
|
|
230
|
-
const newRules = HandleParamsData.getItemRules({
|
|
231
|
-
item,
|
|
232
|
-
vm: this
|
|
233
|
-
})
|
|
234
|
-
return newRules;
|
|
235
|
-
},
|
|
236
|
-
},
|
|
237
|
-
});
|
|
238
|
-
</script>
|
|
239
|
-
|
|
240
|
-
<style scoped></style>
|