logic-helper
Version:
This template should help get you started developing with Vue 3 in Vite. The template uses Vue 3 `<script setup>` SFCs, check out the [script setup docs](https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup) to learn more.
2 lines (1 loc) • 13.9 kB
JavaScript
!function(){function e(t){return e="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},e(t)}function t(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function n(e){for(var n=1;n<arguments.length;n++){var r=null!=arguments[n]?arguments[n]:{};n%2?t(Object(r),!0).forEach((function(t){o(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):t(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function o(t,n,o){return(n=function(t){var n=function(t,n){if("object"!==e(t)||null===t)return t;var o=t[Symbol.toPrimitive];if(void 0!==o){var r=o.call(t,n||"default");if("object"!==e(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(t)}(t,"string");return"symbol"===e(n)?n:String(n)}(n))in t?Object.defineProperty(t,n,{value:o,enumerable:!0,configurable:!0,writable:!0}):t[n]=o,t}var r=document.createElement("style");r.innerHTML=".add-topo[data-v-13ec8522]{width:100%;height:100%}.btns[data-v-13ec8522]{justify-content:flex-end}.oper-icons[data-v-027e48d4]{position:absolute;top:10px;z-index:10;right:10px;font-size:20px;padding:5px;display:none}.oper-icons .el-icon[data-v-027e48d4]{cursor:pointer;margin-left:4px}.oper-icons .el-icon[data-v-027e48d4]:hover{color:#409eff}.list-page[data-v-027e48d4]{width:100%;height:100%}.list-page .box-card[data-v-027e48d4]{margin:20px}.list-page .card-header[data-v-027e48d4]{display:flex;justify-content:space-between;align-items:center}.list-page .add-btn[data-v-027e48d4]{justify-content:center;width:100%;height:100%;margin:auto}.list-page .add-btn .el-icon[data-v-027e48d4]{font-size:50px;margin:auto}.list-page .col[data-v-027e48d4]{padding:10px;position:relative}.list-page .col:hover .oper-icons[data-v-027e48d4]{display:flex}.el-row[data-v-027e48d4]{margin-bottom:20px}.el-row[data-v-027e48d4]:last-child{margin-bottom:0}.el-col[data-v-027e48d4]{border-radius:4px}.grid-content[data-v-027e48d4]{border-radius:4px;width:100%;height:233px!important;border:1px solid #e9e9e9;padding:10px;position:relative}.grid-content.active[data-v-027e48d4]{border-color:#5470c6;color:#5470c6}.content-box[data-v-027e48d4]{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;line-height:2}.content-box p[data-v-027e48d4]{display:flex;flex-wrap:nowrap}.content-box .label[data-v-027e48d4]{min-width:40px;flex-shrink:0;flex-grow:0;text-align:right;font-weight:600}.content-box .value[data-v-027e48d4]{width:0;flex-grow:1}\n",document.head.appendChild(r),System.register(["./index-legacy.41c23812.js"],(function(e){"use strict";var t,o,r,l,a,u,i,c,d,f,p,s,v,g,m,b,y,h,x,_,w,k,C,V,j,O,E,P,S;return{setters:[function(e){t=e.k,o=e.U,r=e.bs,l=e.a_,a=e.ap,u=e.f,i=e.t,c=e.bz,d=e.br,f=e.aZ,p=e.bA,s=e.aH,v=e.az,g=e.X,m=e.a3,b=e.b2,y=e.I,h=e.aF,x=e.x,_=e.V,w=e.a2,k=e.bw,C=e.Y,V=e.D,j=e.A,O=e.W,E=e.by,P=e.aC,S=e.aA}],execute:function(){var T=t(!1),D=function(e){u(e)&&(e=i(e.value)),r.storage.logic[e.id]?r.handler("edit_topo",{id:e.id,config:e}):r.handler("create_topo",{id:e.id,config:e}),T.value=!1};t({name:"",id:"",introduce:""});var U=function(){var e=o((function(){var e={};for(var t in r.storage.logic)".config"!=t&&(Array.isArray(r.storage.logic[t].config.group)&&(r.storage.logic[t].config.group=r.storage.logic[t].config.group[0]),r.storage.logic[t].config.group=r.storage.logic[t].config.group||"index",e[r.storage.logic[t].config.group]=e[r.storage.logic[t].config.group]||[],e[r.storage.logic[t].config.group].push(r.storage.logic[t]));return e})),n=t([]),l=o((function(){var t={};return n.value.length?(n.value.map((function(n){t[n]=e.value[n]})),t):e.value}));return{allGroups:e,group:l,keyword:n}},z=function(e){c.alert("确认删除该图?","删除提示",{confirmButtonText:"确定",callback:function(t){"confirm"===t&&r.handler("del_topo",e)}})},A={class:"add-topo"},G={__name:"Topo",props:{group:{type:String,default:""},value:{type:Object,value:function(){return null}}},emits:["confirm"],setup:function(e,o){var l=o.emit,a=e,u=U().allGroups,c=t({id:Date.now(),name:"",group:a.group,introduce:""}),d=t({group:[{required:!0,trigger:"change",validator:function(e,t,n){""==t?n(new Error("请输入分组")):/^[a-zA-Z_]/.test(t)?/^[a-zA-Z_0-9\/]+$/.test(t)?n():n(new Error("只能是字母数字_或/")):n(new Error("必需字母或下划线开头"))}}],name:[{required:!0,trigger:"blur",validator:function(e,t,n){if((t=(t||"").trim(),!a.value)&&(t&&r.storage.findToposByGroup(c.value.group).map((function(e){return e.config.name})).includes(t)))return n(new Error("名称已存在"));""==t?n(new Error("请输入名称")):/^[a-zA-Z_]/.test(t)?/^[a-zA-Z_0-9]+$/.test(t)?n():n(new Error("只能是字母数字下划线")):n(new Error("必需字母或下划线开头"))}}],introduce:[{required:!0,trigger:"blur",validator:function(e,t,n){""===(t=(t||"").trim())?n(new Error("请输入简介")):n()}}]}),k=t(null);f(a,(function(){i(a.value)?c.value=n(n({},c.value),i(a.value.config)):c.value={id:Date.now(),name:"",group:a.group,introduce:""}}),{immediate:!0}),f(c,(function(){c.value.group=c.value.group.replace(/\/+/g,"/")}),{deep:!0,immediate:!0}),p();var C=function(){k.value.validate((function(e){if(e){var t={};for(var n in c.value)"string"==typeof c.value[n]?t[n]=c.value[n].trim():t[n]=c.value[n];l("confirm",t),c.value={id:Date.now(),name:"",group:a.group,introduce:""}}}))};return function(e,t){var n=s("el-option"),o=s("el-select"),r=s("el-form-item"),l=s("el-input"),a=s("el-button"),i=s("el-form");return v(),g("div",A,[m(i,{"label-position":"right","label-width":"100px",model:c.value,style:{"max-width":"460px"},rules:d.value,ref_key:"formRef",ref:k},{default:b((function(){return[m(r,{label:"分组",prop:"group"},{default:b((function(){return[m(o,{modelValue:c.value.group,"onUpdate:modelValue":t[0]||(t[0]=function(e){return c.value.group=e}),filterable:"","allow-create":"","default-first-option":"","reserve-keyword":!1,placeholder:"设置分组","validate-event":""},{default:b((function(){return[(v(!0),g(y,null,h(x(u),(function(e,t){return v(),_(n,{key:t,label:t,value:t},null,8,["label","value"])})),128))]})),_:1},8,["modelValue"])]})),_:1}),m(r,{label:"名称",prop:"name"},{default:b((function(){return[m(l,{modelValue:c.value.name,"onUpdate:modelValue":t[1]||(t[1]=function(e){return c.value.name=e})},null,8,["modelValue"])]})),_:1}),m(r,{label:"简介",prop:"introduce"},{default:b((function(){return[m(l,{modelValue:c.value.introduce,"onUpdate:modelValue":t[2]||(t[2]=function(e){return c.value.introduce=e})},null,8,["modelValue"])]})),_:1}),m(r,{class:"btns",label:""},{default:b((function(){return[m(a,{type:"primary",onClick:C},{default:b((function(){return[w("确定")]})),_:1})]})),_:1})]})),_:1},8,["model","rules"])])}}},I=d(G,[["__scopeId","data-v-13ec8522"]]),Z=function(e){return P("data-v-027e48d4"),e=e(),S(),e},q={class:"list-page"},F={class:"card-header"},B={class:"content-box"},H={class:"oper-icons"},L={class:"content-box"},M=Z((function(){return C("span",{class:"label"},"名称:",-1)})),N={class:"value"},$=Z((function(){return C("span",{class:"label"},"简介:",-1)})),R={class:"value"},W={style:{"font-weight":"bold",color:"#5470c6"}},X=Z((function(){return C("span",{class:"label"},"ID:",-1)})),Y={class:"value"},J={style:{display:"flex","flex-direction":"column"}};e("default",d({__name:"TopoList",setup:function(e){var n=U(),i=n.allGroups,c=n.group,d=n.keyword,p=function(){var e=o((function(){return r.controller.topoId})),t=l((function(){e.value&&ElNotification({title:"运行",message:topoMap.value[e.value]?"".concat(e.value," 模块正在运行"):"不存在的模块 ".concat(e.value),duration:2e3})}));return a((function(){t()})),e}(),P=t(!1),S=t(""),A=t(""),G=k();o((function(){return r.topo.copyTopo}));var Z=t(null),K=function(e){r.topo.pasteCopyTopo(e),Z.value=null},Q=o((function(){return r.storage.logic[".config"]||{}})),ee=t(null),te=t(null);f(i,(function(){if(console.log(r.storage.logic[".config"],"allGroups>>>>",i.value),i.value)for(var e in r.storage.logic[".config"])i.value[e]||delete r.storage.logic[".config"][e]}),{immediate:!0});var ne=function(){if(!S.value)return E.error("分组名称不能为空");i.value[P.value].forEach((function(e){e.config.group=S.value}));var e=r.storage.setConfig(P.value,{introduce:A.value});P.value!=S.value&&(e[S.value]=e[P.value],delete e[P.value]),r.storage.forceUpdate(),r.storage.saveToFiles(),P.value=!1,S.value=""},oe=function(e,t){ee.value=e,te.value=t};return function(e,t){var n=s("el-option"),o=s("el-select"),l=s("el-form-item"),a=s("el-button"),f=s("el-form"),k=s("el-popover"),E=s("CircleCloseFilled"),U=s("el-icon"),re=s("el-tooltip"),le=s("Edit"),ae=s("CopyDocument"),ue=s("el-col"),ie=s("Plus"),ce=s("el-row"),de=s("el-card"),fe=s("el-drawer"),pe=s("el-input"),se=s("el-dialog");return v(),g("div",q,[m(f,{model:e.form,"label-width":"0",inline:"",style:{margin:"20px",display:"flex","justify-content":"space-between"}},{default:b((function(){return[m(l,{label:"",style:{margin:"0"}},{default:b((function(){return[m(o,{modelValue:x(d),"onUpdate:modelValue":t[0]||(t[0]=function(e){return u(d)?d.value=e:null}),multiple:"",filterable:"","reserve-keyword":!1,placeholder:"筛选分组",clearable:""},{default:b((function(){return[(v(!0),g(y,null,h(x(i),(function(e,t){return v(),_(n,{key:t,label:t,value:t},null,8,["label","value"])})),128))]})),_:1},8,["modelValue"])]})),_:1}),m(a,{class:"add-group",type:"primary",onClick:t[1]||(t[1]=function(e){T.value=!0,oe()})},{default:b((function(){return[w("添加")]})),_:1})]})),_:1},8,["model"]),(v(!0),g(y,null,h(x(c),(function(e,t){return v(),_(de,{class:"box-card",key:t},{header:b((function(){return[C("div",F,[m(k,{placement:"top-start",width:200,trigger:"hover"},{reference:b((function(){return[m(a,{onClick:function(e){var n;P.value=t,S.value=t,A.value=(null===(n=x(Q)[t])||void 0===n?void 0:n.introduce)||""}},{default:b((function(){return[w(V(t),1)]})),_:2},1032,["onClick"])]})),default:b((function(){var e;return[C("div",B,V((null===(e=x(Q)[t])||void 0===e?void 0:e.introduce)||"无说明"),1)]})),_:2},1024)])]})),default:b((function(){return[m(ce,{style:{padding:"10px"}},{default:b((function(){return[(v(!0),g(y,null,h(e,(function(e,n){return v(),_(ue,{class:"col",span:4,key:n},{default:b((function(){return[C("div",H,[m(re,{class:"box-item",effect:"dark",content:"删除",placement:"top-start"},{default:b((function(){return[m(U,{onClick:function(t){return x(z)(e.config.id)}},{default:b((function(){return[m(E)]})),_:2},1032,["onClick"])]})),_:2},1024),m(re,{class:"box-item",effect:"dark",content:"编辑",placement:"top-start"},{default:b((function(){return[m(U,{onClick:function(n){T.value=!0,oe(e,t)}},{default:b((function(){return[m(le)]})),_:2},1032,["onClick"])]})),_:2},1024),m(re,{class:"box-item",effect:"dark",content:"复制",placement:"top-start"},{default:b((function(){return[m(U,{onClick:function(t){return function(e){if(!e)return Z.value=null,r.topo.setCopyTopo();Z.value=r.topo.setCopyTopo(e.config.id)}(e)}},{default:b((function(){return[m(ae)]})),_:2},1032,["onClick"])]})),_:2},1024)]),m(k,{placement:"bottom-start",width:200,trigger:"hover"},{reference:b((function(){return[m(a,{class:j(["grid-content",{active:t==x(p)}]),onClick:function(t){return function(e){var t=e.group,n=e.name;G.push({path:"/topo/".concat(t.replace(/\//g,"-"),"/").concat(n)})}(e.config)}},{default:b((function(){return[w(V(e.config.name),1)]})),_:2},1032,["class","onClick"])]})),default:b((function(){return[C("div",L,[C("p",null,[M,C("span",N,V(e.config.name),1)]),C("p",null,[$,C("span",R,V(e.config.introduce),1)]),C("p",W,[X,C("span",Y,V(t+"_"+e.config.name),1)])])]})),_:2},1024)]})),_:2},1024)})),128)),m(ue,{class:"last-col col",span:4},{default:b((function(){return[m(a,{class:"grid-content add-btn",onClick:function(e){T.value=!0,oe(null,t)}},{default:b((function(){return[m(U,null,{default:b((function(){return[m(ie)]})),_:1})]})),_:2},1032,["onClick"])]})),_:2},1024)]})),_:2},1024)]})),_:2},1024)})),128)),m(fe,{modelValue:x(T),"onUpdate:modelValue":t[2]||(t[2]=function(e){return u(T)?T.value=e:null}),title:ee.value?"编辑":"添加","before-close":function(e){return e()}},{default:b((function(){return[m(I,{onConfirm:x(D),value:ee.value,group:te.value,type:"topo"},null,8,["onConfirm","value","group"])]})),_:1},8,["modelValue","title","before-close"]),m(fe,{"model-value":Z.value,title:"粘贴","before-close":function(e){return e()}},{default:b((function(){return[Z.value?(v(),_(I,{key:0,onConfirm:K,value:Z.value,group:Z.value.config.group,type:"topo"},null,8,["value","group"])):O("",!0)]})),_:1},8,["model-value","before-close"]),m(se,{modelValue:P.value,"onUpdate:modelValue":t[5]||(t[5]=function(e){return P.value=e}),title:"修改"},{default:b((function(){return[C("div",J,[m(f,null,{default:b((function(){return[m(l,{label:"分组名称",style:{margin:"0"}},{default:b((function(){return[m(pe,{modelValue:S.value,"onUpdate:modelValue":t[3]||(t[3]=function(e){return S.value=e}),placeholder:"输入分组"},null,8,["modelValue"])]})),_:1}),m(l,{label:"分组简介",style:{margin:"10px 0 0"}},{default:b((function(){return[m(pe,{modelValue:A.value,"onUpdate:modelValue":t[4]||(t[4]=function(e){return A.value=e}),placeholder:"输入简介",type:"textarea"},null,8,["modelValue"])]})),_:1})]})),_:1}),m(a,{type:"primary",onClick:ne,style:{margin:"12px 0 0 auto"}},{default:b((function(){return[w("确定")]})),_:1})])]})),_:1},8,["modelValue"])])}}},[["__scopeId","data-v-027e48d4"]]))}}}))}();