mirror of
https://gitee.com/niucloud-team/niucloud-admin.git
synced 2026-01-03 03:38:12 +00:00
2 lines
9.7 KiB
JavaScript
2 lines
9.7 KiB
JavaScript
import{d as ae,v as se,f as ne,r as x,l as N,aq as re,aJ as ie,N as T,h as _,c as b,e as l,w as n,u as s,aw as de,J as D,m as H,a as r,aF as R,F as z,T as L,z as ue,B as M,t as d,k as a,n as me,i as m,ad as pe,aY as j,ax as ce,L as _e,Q as ve,C as fe,G as xe,D as be,E as ge,ab as ye,ae as ke,af as Ce,b5 as Ve,ac as he,H as we,M as Fe}from"./index-f99f26c5.js";/* empty css *//* empty css *//* empty css *//* empty css *//* empty css *//* empty css *//* empty css *//* empty css */import{_ as Ee}from"./index.vue_vue_type_style_index_0_lang-cdc3a85e.js";import"./el-form-item-4ed993c7.js";import Ue from"./index-d26bf7a9.js";/* empty css *//* empty css *//* empty css *//* empty css */import{z as $e,A as Pe}from"./diy-ba9878e3.js";import{S as Ie}from"./sortable.esm-be94e56d.js";/* empty css */import{r as Se}from"./range-37ff0733.js";import{_ as Be}from"./_plugin-vue_export-helper-c27b6911.js";/* empty css *//* empty css *//* empty css */import"./index.vue_vue_type_style_index_0_lang-5728e7cf.js";import"./attachment-153bb8c5.js";import"./index.vue_vue_type_script_setup_true_lang-b1bfcd32.js";/* empty css *//* empty css *//* empty css *//* empty css *//* empty css *//* empty css */import"./el-tooltip-4ed993c7.js";/* empty css *//* empty css *//* empty css *//* empty css */import"./index.vue_vue_type_script_setup_true_lang-5c0ce90b.js";/* empty css */import"./index.vue_vue_type_script_setup_true_lang-72e25793.js";import"./sys-c0964254.js";const Ne={class:"main-container"},Te={class:"flex"},De={class:"w-[360px] h-[400px] absolute mr-[30px] border-[1px] border-gray-300"},He={class:"image-slot flex justify-center items-center mt-1"},Re={class:"flex-1 ml-[430px]"},ze={class:"flex items-center border-l-[3px] border-primary pl-[5px] leading-[1.1] mt-[10px]"},Le={class:"text-[14px]"},Me={class:"text-[14px] text-primary mx-[3px]"},je={class:"text-[14px]"},Oe={class:"text-[12px] ml-[8px] text-gray-500"},qe=["data-id"],Je={class:"flex align-center"},Ae={class:"flex flex-col justify-center items-center"},Ge={class:"mr-[10px] text-sm"},Ye={class:"flex flex-col justify-center items-center"},Qe={class:"mr-[10px] text-sm"},Ke={class:"flex align-center"},We={class:"flex align-center"},Xe={class:"flex align-center"},Ze={class:"fixed-footer-wrap"},et={class:"fixed-footer"},tt=ae({__name:"tabbar_edit",setup(lt){const y=se(),O=ne(),q=y.meta.title,w=x("navPicture"),p=x(!1);y.query.key=y.query.key||"";const t=N({key:"",info:{},value:{backgroundColor:"#FFFFFF",textColor:"#333333",textHoverColor:"#333333",type:"1",list:[]}}),J=N({text:"",link:{name:"",title:"",parent:"",url:""},iconSelectPath:"",iconPath:""}),F=()=>{t.value.list.length>=5||t.value.list.push({...J})};F();const A=i=>{t.value.list.splice(i,1)},E=x();(()=>{p.value=!0,$e({key:y.query.key}).then(i=>{p.value=!1,Object.keys(t).forEach((e,u)=>{t[e]=i.data[e]})}).catch(()=>{p.value=!1})})();const G=async i=>{if(Y())return!1;p.value||!i||await i.validate(async e=>{e&&(p.value=!0,Pe({key:t.key,value:t.value}).then(u=>{p.value=!1}).catch(()=>{p.value=!1}))})},U=()=>{O.push("/diy/tabbar")},Y=()=>{if(t.value.list.length<2)return j({type:"error",message:a("leastTwoNav")}),!0;try{const i=x("");t.value.list.forEach((e,u)=>{if(e.iconPath||(i.value=`${a("pleaseUpload")}${u+1}${a("navIcon")}`),e.iconSelectPath||(i.value=`${a("pleaseUpload")}${u+1}${a("navSelectIcon")}`),e.text||(i.value=`${a("pleaseEnter")}[${u+1}${a("navTitle")}`),e.link.url||(i.value=`${a("pleaseChoose")}${u+1}${a("navLink")}`),i.value)throw j({type:"error",message:i.value}),Error()})}catch{return!0}return!1},$=x();re(()=>{const i=Ie.create($.value,{group:"item-wrap",animation:200,filter:".not-sort",onEnd:e=>{const u=t.value.list[e.oldIndex];t.value.list.splice(e.oldIndex,1),t.value.list.splice(e.newIndex,0,u),ie(()=>{i.sort(Se(t.value.list.length).map(k=>k.toString()))})}})});const P=x(!1),Q=i=>{P.value=i};return(i,e)=>{const u=ce,k=_e,K=T("Picture"),I=ve,W=fe,S=Ue,v=xe,C=be,X=Ee,Z=T("CircleCloseFilled"),f=ge,B=ye,V=ke,ee=Ce,h=Ve,te=he,le=we,oe=Fe;return _(),b("div",Ne,[l(k,{class:"card !border-none",shadow:"never"},{default:n(()=>[l(u,{content:s(q),icon:s(de),onBack:e[0]||(e[0]=o=>U())},null,8,["content","icon"])]),_:1}),D((_(),H(k,{class:"box-card mt-[15px] !border-none",shadow:"never"},{default:n(()=>[r("div",Te,[r("div",De,[r("div",{class:"flex items-center justify-between absolute h-[60px] left-[0px] right-[0px] bottom-[0px] border-[1px] border-primary",style:R({backgroundColor:t.value.backgroundColor})},[(_(!0),b(z,null,L(t.value.list,(o,g)=>(_(),b("div",{class:"flex flex-1 flex-col items-center justify-center",key:"b"+g},[["1","2"].includes(t.value.type.toString())?(_(),H(W,{key:0,class:"w-[22px] h-[22px] mb-[5px] leading-1",src:s(ue)(o.iconPath),fit:i.contain},{error:n(()=>[r("div",He,[l(I,null,{default:n(()=>[l(K,{class:"text-3xl text-gray-500"})]),_:1})])]),_:2},1032,["src","fit"])):M("",!0),["1","3"].includes(t.value.type.toString())?(_(),b("span",{key:1,class:"text-[12px]",style:R({color:t.value.textColor})},d(o.text),5)):M("",!0)]))),128))],4)]),r("div",Re,[r("div",ze,[r("span",Le,d(s(a)("editing")),1),r("span",Me,d(t.info.title),1),r("span",je,d(s(a)("bottomNav")),1),r("span",Oe,d(s(a)("bottomNavHint")),1)]),l(le,{model:t.value,"label-width":"100px",ref_key:"formRef",ref:E},{default:n(()=>[l(te,{modelValue:w.value,"onUpdate:modelValue":e[11]||(e[11]=o=>w.value=o),class:"demo-tabs mt-[15px]"},{default:n(()=>[l(B,{label:s(a)("navImage"),name:"navPicture"},{default:n(()=>[r("div",{ref_key:"navItemRef",ref:$},[(_(!0),b(z,null,L(t.value.list,(o,g)=>(_(),b("div",{key:"a"+g,"data-id":g,class:me(["item-wrap border-2 border-dashed pt-[18px] m-[10px] mb-[15px] relative list-item",{"not-sort":P.value}])},[l(v,{label:s(a)("navIconOne")},{default:n(()=>[r("div",Je,[r("div",Ae,[l(S,{modelValue:o.iconPath,"onUpdate:modelValue":c=>o.iconPath=c,width:"60px",height:"60px",limit:1},null,8,["modelValue","onUpdate:modelValue"]),r("span",Ge,d(s(a)("uploadImgUnselected")),1)]),r("div",Ye,[l(S,{modelValue:o.iconSelectPath,"onUpdate:modelValue":c=>o.iconSelectPath=c,width:"60px",height:"60px",limit:1},null,8,["modelValue","onUpdate:modelValue"]),r("span",Qe,d(s(a)("uploadImgSelected")),1)])])]),_:2},1032,["label"]),l(v,{label:s(a)("navTitleOne")},{default:n(()=>[l(C,{class:"!w-[215px]",modelValue:o.text,"onUpdate:modelValue":c=>o.text=c,modelModifiers:{trim:!0},placeholder:s(a)("titleContent"),maxlength:"5","show-word-limit":""},null,8,["modelValue","onUpdate:modelValue","placeholder"])]),_:2},1032,["label"]),l(v,{label:s(a)("navLinkOne")},{default:n(()=>[l(X,{modelValue:o.link,"onUpdate:modelValue":c=>o.link=c,ignore:["DIY_JUMP_OTHER_APPLET"],onConfirm:Q},null,8,["modelValue","onUpdate:modelValue"])]),_:2},1032,["label"]),l(I,{class:"close-icon cursor-pointer -top-[11px] -right-[8px]",onClick:c=>A(g)},{default:n(()=>[l(Z)]),_:2},1032,["onClick"])],10,qe))),128))],512),D(l(f,{type:"primary",class:"mt-[15px]",onClick:F},{default:n(()=>[m(d(s(a)("addnav")),1)]),_:1},512),[[pe,t.value.list.length<5]])]),_:1},8,["label"]),l(B,{label:s(a)("styleSet"),name:"setStyle"},{default:n(()=>[l(v,{label:s(a)("navType")},{default:n(()=>[l(ee,{modelValue:t.value.type,"onUpdate:modelValue":e[1]||(e[1]=o=>t.value.type=o),class:"ml-4"},{default:n(()=>[l(V,{label:"1",size:"large"},{default:n(()=>[m(d(s(a)("imageText")),1)]),_:1}),l(V,{label:"2",size:"large"},{default:n(()=>[m(d(s(a)("image")),1)]),_:1}),l(V,{label:"3",size:"large"},{default:n(()=>[m(d(s(a)("text")),1)]),_:1})]),_:1},8,["modelValue"])]),_:1},8,["label"]),l(v,{label:s(a)("textColor")},{default:n(()=>[r("div",Ke,[l(h,{modelValue:t.value.textColor,"onUpdate:modelValue":e[2]||(e[2]=o=>t.value.textColor=o)},null,8,["modelValue"]),l(C,{class:"ml-[10px]",modelValue:t.value.textColor,"onUpdate:modelValue":e[3]||(e[3]=o=>t.value.textColor=o),modelModifiers:{trim:!0},disabled:""},null,8,["modelValue"]),l(f,{class:"ml-[10px]",type:"primary",onClick:e[4]||(e[4]=o=>t.value.textColor="#333333")},{default:n(()=>[m(d(s(a)("reset")),1)]),_:1})])]),_:1},8,["label"]),l(v,{label:s(a)("textSelectColor")},{default:n(()=>[r("div",We,[l(h,{modelValue:t.value.textHoverColor,"onUpdate:modelValue":e[5]||(e[5]=o=>t.value.textHoverColor=o)},null,8,["modelValue"]),l(C,{class:"ml-[10px]",modelValue:t.value.textHoverColor,"onUpdate:modelValue":e[6]||(e[6]=o=>t.value.textHoverColor=o),modelModifiers:{trim:!0},disabled:""},null,8,["modelValue"]),l(f,{class:"ml-[10px]",type:"primary",onClick:e[7]||(e[7]=o=>t.value.textHoverColor="#333333")},{default:n(()=>[m(d(s(a)("reset")),1)]),_:1})])]),_:1},8,["label"]),l(v,{label:s(a)("backgroundColor")},{default:n(()=>[r("div",Xe,[l(h,{modelValue:t.value.backgroundColor,"onUpdate:modelValue":e[8]||(e[8]=o=>t.value.backgroundColor=o)},null,8,["modelValue"]),l(C,{class:"ml-[10px]",modelValue:t.value.backgroundColor,"onUpdate:modelValue":e[9]||(e[9]=o=>t.value.backgroundColor=o),modelModifiers:{trim:!0},disabled:""},null,8,["modelValue"]),l(f,{class:"ml-[10px]",type:"primary",onClick:e[10]||(e[10]=o=>t.value.backgroundColor="#FFFFFF")},{default:n(()=>[m(d(s(a)("reset")),1)]),_:1})])]),_:1},8,["label"])]),_:1},8,["label"])]),_:1},8,["modelValue"])]),_:1},8,["model"])])])]),_:1})),[[oe,p.value]]),r("div",Ze,[r("div",et,[l(f,{type:"primary",onClick:e[12]||(e[12]=o=>G(E.value))},{default:n(()=>[m(d(s(a)("save")),1)]),_:1}),l(f,{onClick:e[13]||(e[13]=o=>U())},{default:n(()=>[m(d(s(a)("back")),1)]),_:1})])])])}}});const At=Be(tt,[["__scopeId","data-v-d4079ff7"]]);export{At as default};
|