1
(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-aa24d500"],{"525e":function(e,t,i){"use strict";i("8f2b")},"8f2b":function(e,t,i){},"9b3d":function(e,t,i){"use strict";i.r(t);i("28a5"),i("7f7f"),i("6762"),i("2fdb");var s=function(){var e=this,t=e._self._c;return t("el-container",[t("el-main",[t("basic-container",[t("div",{staticStyle:{display:"flex","justify-content":"space-between","flex-wrap":"wrap"}},[t("div",{staticClass:"tag-group"},[e.types.length>0?t("span",{staticClass:"tag-group__title"},[e._v("分组")]):e._e(),e._l(e.types,(function(i){return t("el-tag",{key:i.key,attrs:{type:e.checkedTypes.includes(i.key)?"success":"info",size:"small",effect:"plain"},on:{click:function(t){return e.changeType(i.key)}}},[e._v("\n              "+e._s(i.value)+"\n            ")])}))],2),t("avue-input",{staticStyle:{width:"300px","max-width":"30%"},attrs:{placeholder:"查询",size:"mini",prefixIcon:"el-icon-search"},on:{change:e.handleSearch},model:{value:e.searchText,callback:function(t){e.searchText=t},expression:"searchText"}})],1),t("div",{staticStyle:{height:"calc(100vh - 190px)"}},[t("div",[t("el-button",{attrs:{icon:"el-icon-plus",type:"primary",size:"mini"},on:{click:e.addHandler}},[e._v("添加")]),t("el-button",{attrs:{icon:"el-icon-upload",type:"primary",size:"mini"},on:{click:e.uploadHandler}},[e._v("上传")])],1),t("el-tabs",{on:{"tab-click":e.handleClick},model:{value:e.activeName,callback:function(t){e.activeName=t},expression:"activeName"}},e._l(e.iconList,(function(i){return t("el-tab-pane",{staticStyle:{height:"calc(100vh - 270px)",overflow:"auto"},attrs:{label:i.lable,name:i.lable}},[t("div",{staticClass:"iconList"},e._l(i.list,(function(i){return t("div",{directives:[{name:"right-click",rawName:"v-right-click",value:{action:e.checkSvg,data:i},expression:"{action:checkSvg,data:svg}"}],staticClass:"iconItem",attrs:{"data-value":i.name}},[t("div",{staticClass:"svgContent",domProps:{innerHTML:e._s(i.content)}}),t("span",[e._v(e._s(i.name.split(":")[1]))])])})),0),e.menuVisible?t("div",{staticClass:"el-cascader-panel is-bordered iconList__menu",style:e.menuPosition},[t("div",{staticClass:"iconList__item",on:{click:e.editHandler}},[e._v("编 辑")]),t("div",{staticClass:"iconList__item",on:{click:e.delHandler}},[e._v("删 除")])]):e._e()])})),1)],1),t("el-dialog",{directives:[{name:"dialogDrag",rawName:"v-dialogDrag"}],staticClass:"avue-dialog",attrs:{title:"上传图标",visible:e.visible,"append-to-body":"true",width:"600px"},on:{"update:visible":function(t){e.visible=t},close:e.visibleCloseHandler}},[t("avue-form",{ref:"form",staticStyle:{"margin-bottom":"0",height:"90px",overflow:"hidden"},attrs:{option:e.option,"upload-after":e.uploadAfter},model:{value:e.form,callback:function(t){e.form=t},expression:"form"}}),t("pre",{staticStyle:{"font-size":"12px",color:"#909399","margin-top":"0",padding:"5px","background-color":"#F5F7FA"}},[e._v('上传文件为json文件，示例如下\n[{\n    "name": "图标库名:图标名称",\n    "svg": "svg的html代码"\n  },\n  {\n    "name": "图标库名:图标名称",\n    "svg": "svg的html代码"\n }]\n 文件内容须严格按照示例格式，name为图标库名+图标名称，以“:”分隔，svg为图标html代码')])],1),t("el-dialog",{directives:[{name:"dialogDrag",rawName:"v-dialogDrag"}],staticClass:"avue-dialog",attrs:{title:"add"==e.editType?"添加图标":"修改图标",visible:e.editVisible,"append-to-body":"true",width:"500px"},on:{"update:visible":function(t){e.editVisible=t},close:e.closeHandler}},[t("avue-form",{ref:"editForm",attrs:{option:e.editOption},model:{value:e.editForm,callback:function(t){e.editForm=t},expression:"editForm"}}),t("span",{staticClass:"dialog-footer",attrs:{slot:"footer"},slot:"footer"},[t("el-button",{attrs:{size:"small",type:"primary"},on:{click:e.editSaveHandler}},[e._v("确 定")]),t("el-button",{attrs:{size:"small"},on:{click:e.closeHandler}},[e._v("取 消")])],1)],1)],1)],1)],1)},a=[],n=(i("a481"),i("ac6a"),i("9eb2")),o=i("7754"),c=i("c54a"),l=i("e3c4"),r=i("4360"),d=i("0a5a"),u={name:"index",directives:{rightClick:{bind:function(e,t){e.oncontextmenu=function(e){e.preventDefault();var i=t.value;i.action(e,i.data)}}}},data:function(){return{types:[],checkedTypes:[],searchText:"",activeName:"",allIconList:[],iconList:[],visible:!1,checkItem:null,option:{labelWidth:80,submitBtn:!1,emptyBtn:!1,column:[{label:"分组",prop:"groups",type:"select",span:24,multiple:!0,dicData:[],props:{label:"value",value:"key"}},{label:"附件上传",prop:"file",type:"upload",dataType:"object",accept:".json",action:"api/webIconController/importIcon",data:{},headers:this.uploadHeaders,span:24}]},form:{type:"svg",groups:[],file:null},editType:"edit",editVisible:!1,editOption:{labelWidth:90,submitBtn:!1,emptyBtn:!1,column:[{label:"图标库名",prop:"libname",type:"input",disabled:!0,span:24,rules:[{required:!0,message:"请输入图标库名",trigger:"blur"}]},{label:"名称",prop:"iconname",type:"input",disabled:!0,span:24,rules:[{required:!0,message:"请输入图标名称",trigger:"blur"}]},{label:"分组",prop:"groups",type:"select",span:24,multiple:!0,dicData:[],props:{label:"value",value:"key"}},{label:"图标代码",prop:"content",type:"textarea",span:24,placeholder:'请输入图标html代码，格式示例<svg xmlns="http://www.w3.org/2000/svg" ></svg>',rules:[{required:!0,message:"请输入图标svg代码",trigger:"blur"}]}]},editForm:{oid:"",libname:"",iconname:"",content:""},menuVisible:!1,menuPosition:{top:0,left:0}}},computed:{uploadHeaders:function(){return{Authorizationtoken:Object(d["a"])()}}},watch:{"form.groups":function(e){this.option.column[1].data={type:"svg",groups:e}}},created:function(){this.getGroups(),this.initList()},methods:{getGroups:function(){var e=this;Object(o["getDicts"])("EnumIconGroups").then((function(t){t.data.success?(e.types=t.data.obj,e.option.column[0].dicData=t.data.obj,e.editOption.column[2].dicData=t.data.obj):e.$message.error(t.data.msg)}))},initList:function(e){var t=this;e?Object(n["getIcons"])().then((function(e){e.data.success?(t.iconList=e.data.data,t.allIconList=t.iconList,r["a"].dispatch("setIcons",t.iconList),t.iconList.length>0&&(t.activeName=t.iconList[0].lable)):t.$message.error(e.data.msg)})):(Object(c["b"])(this.$store.state.icons)?this.iconList=Object(l["c"])({name:"icons"}):this.iconList=this.$store.state.icons,this.allIconList=this.iconList,this.iconList&&this.iconList.length>0?this.activeName=this.iconList[0].lable:Object(n["getIcons"])().then((function(e){e.data.success?(t.iconList=[{lable:"iconoir",list:[{oid:"",groups:"1",name:"iconoir:accessibility",content:'<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2S2 6.477 2 12s4.477 10 10 10M7 9l5 1m5-1l-5 1m0 0v3m0 0l-2 5m2-5l2 5"/><path fill="currentColor" d="M12 7a.5.5 0 1 1 0-1a.5.5 0 0 1 0 1"/></g></svg>'}]}],t.iconList=e.data.data,t.allIconList=t.iconList,r["a"].dispatch("setIcons",t.iconList),t.iconList.length>0&&(t.activeName=t.iconList[0].lable)):t.$message.error(e.data.msg)})))},changeType:function(e){if(this.checkedTypes.includes(e)?this.checkedTypes=this.checkedTypes.filter((function(t){return t!=e})):this.checkedTypes.push(e),0==this.checkedTypes.length)this.iconList=this.allIconList;else{var t=JSON.stringify(this.checkedTypes),i=[];this.allIconList.forEach((function(e){i.push({lable:e.lable,list:e.list.filter((function(e){return-1!=t.indexOf(e.groups)}))})})),this.iconList=i}this.activeName=this.iconList[0].lable},handleSearch:function(e){""==e.value&&(this.iconList=this.allIconList);var t=[];this.allIconList.forEach((function(i){t.push({lable:i.lable,list:i.list.filter((function(t){return-1!=t.name.replace(i.lable,"").indexOf(e.value)}))})})),this.iconList=t},handleClick:function(e,t){},uploadHandler:function(){this.visible=!0},uploadAfter:function(e,t){e.success?(this.$message.success(e.msg),this.initList(!0),this.visibleCloseHandler()):this.$message.error(e.msg),t()},visibleCloseHandler:function(){var e={type:"svg",groups:[],file:null};this.form=e,this.visible=!1,this.$refs.form.clearValidate()},checkSvg:function(e,t){var i=this;this.checkItem=t,this.menuVisible=!0,this.menuPosition.top="".concat(e.clientY,"px"),this.menuPosition.left="".concat(e.clientX,"px"),document.addEventListener("click",(function(){i.menuVisible=!1}))},uploadSaveHandler:function(){var e=this;this.$refs.form.validate((function(t,i){if(!t)return!1;i(),Object(n["addIcon"])(e.form).then((function(t){200===t.data.code?(e.$message.success(t.data.msg),e.initList(!0),i(),e.visibleCloseHandler()):e.$message.error(t.data.msg)}))}))},addHandler:function(){this.editOption.column[0].disabled=!1,this.editOption.column[1].disabled=!1,this.editType="add",this.editVisible=!0},editHandler:function(){this.editType="edit",this.editOption.column[0].disabled=!0,this.editOption.column[1].disabled=!0,this.editForm=this.checkItem,this.editForm.libname=this.checkItem.name.split(":")[0],this.editForm.iconname=this.checkItem.name.split(":")[1],this.editVisible=!0},editSaveHandler:function(){var e=this;this.$refs.editForm.validate((function(t,i){if(!t)return!1;i(),e.editForm.name=e.editForm.libname+":"+e.editForm.iconname,"edit"==e.editType?Object(n["updateIcon"])(e.editForm).then((function(t){200===t.data.code?(e.$message.success(t.data.msg),e.initList(!0),i(),e.closeHandler()):e.$message.error(t.data.msg)})):Object(n["addIcon"])(e.editForm).then((function(t){200===t.data.code?(e.$message.success(t.data.msg),e.initList(!0),i(),e.closeHandler()):e.$message.error(t.data.msg)}))}))},closeHandler:function(){this.editForm={type:"svg",oid:"",libname:"",iconname:"",groups:[],content:""},this.editOption.column[0].disabled=!1,this.editOption.column[1].disabled=!1,this.editVisible=!1,this.$refs.editForm.clearValidate()},delHandler:function(){var e=this;this.$confirm("您确定要删除该图标吗？","提示",{confirmButtonText:"确定",cancelButtonText:"取消",type:"warning"}).then((function(){var t=e.checkItem,i=t.name,s=t.oid,a={name:i,oid:s};Object(n["deleteIcon"])(a).then((function(t){200===t.data.code&&(e.$message.success(t.data.msg),e.initList(!0))}))})).catch((function(){e.$message({type:"info",message:"已取消删除"})}))}}},p=u,m=(i("525e"),i("2877")),h=Object(m["a"])(p,s,a,!1,null,"3e272a97",null);t["default"]=h.exports}}]);