mirror of
https://gitee.com/niucloud-team/niucloud-admin.git
synced 2026-01-04 20:31:10 +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,an as re,aG as ie,N as D,h as _,c as b,e as l,w as n,u as s,at as de,J as T,m as H,a as r,aC as R,F as j,O as z,z as ue,B as L,t as d,k as a,n as me,i as m,a9 as pe,aV as M,au as ce,K as _e,T as ve,C as fe,G as xe,D as be,E as ye,a7 as ge,aa as Ce,ab as ke,b2 as Ve,a8 as he,H as we,L as Fe}from"./index-785a2eda.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-5eb4473b.js";import"./el-form-item-4ed993c7.js";import $e from"./index-a6662b0c.js";/* empty css *//* empty css *//* empty css *//* empty css */import{w as Ue,x as Se}from"./diy-58f535b0.js";import{S as Ie}from"./sortable.esm-be94e56d.js";/* empty css */import{r as Pe}from"./range-d98d8c39.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-20605740.js";import"./attachment-04d0a021.js";import"./index.vue_vue_type_script_setup_true_lang-86898520.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-883f981f.js";/* empty css */import"./index.vue_vue_type_script_setup_true_lang-d02f50e7.js";import"./sys-89fbb042.js";const Ne={class:"main-container"},De={class:"flex"},Te={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]"},je={class:"flex items-center border-l-[3px] border-primary pl-[5px] leading-[1.1] mt-[10px]"},ze={class:"text-[14px]"},Le={class:"text-[14px] text-primary mx-[3px]"},Me={class:"text-[14px]"},Oe={class:"text-[12px] ml-[8px] text-gray-500"},qe=["data-id"],Ge={class:"flex align-center"},Je={class:"flex flex-col justify-center items-center"},Ke={class:"mr-[10px] text-sm"},Ae={class:"flex flex-col justify-center items-center"},Qe={class:"mr-[10px] text-sm"},We={class:"flex align-center"},Xe={class:"flex align-center"},Ye={class:"flex align-center"},Ze={class:"fixed-footer-wrap"},et={class:"fixed-footer"},tt=ae({__name:"tabbar_edit",setup(lt){const g=se(),O=ne(),q=g.meta.title,w=x("navPicture"),p=x(!1);g.query.key=g.query.key||"";const t=N({key:"",info:{},value:{backgroundColor:"#FFFFFF",textColor:"#333333",textHoverColor:"#333333",type:"1",list:[]}}),G=N({text:"",link:{name:"",title:"",parent:"",url:""},iconSelectPath:"",iconPath:""}),F=()=>{t.value.list.length>=5||t.value.list.push({...G})};F();const J=i=>{t.value.list.splice(i,1)},E=x();(()=>{p.value=!0,Ue({key:g.query.key}).then(i=>{p.value=!1,Object.keys(t).forEach((e,u)=>{t[e]=i.data[e]})}).catch(()=>{p.value=!1})})();const K=async i=>{if(A())return!1;p.value||!i||await i.validate(async e=>{e&&(p.value=!0,Se({key:t.key,value:t.value}).then(u=>{p.value=!1}).catch(()=>{p.value=!1}))})},$=()=>{O.push("/diy/tabbar")},A=()=>{if(t.value.list.length<2)return M({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 M({type:"error",message:i.value}),Error()})}catch{return!0}return!1},U=x();re(()=>{const i=Ie.create(U.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(Pe(t.value.list.length).map(C=>C.toString()))})}})});const S=x(!1),Q=i=>{S.value=i};return(i,e)=>{const u=ce,C=_e,W=D("Picture"),I=ve,X=fe,P=$e,v=xe,k=be,Y=Ee,Z=D("CircleCloseFilled"),f=ye,B=ge,V=Ce,ee=ke,h=Ve,te=he,le=we,oe=Fe;return _(),b("div",Ne,[l(C,{class:"card !border-none",shadow:"never"},{default:n(()=>[l(u,{content:s(q),icon:s(de),onBack:e[0]||(e[0]=o=>$())},null,8,["content","icon"])]),_:1}),T((_(),H(C,{class:"box-card mt-[15px] !border-none",shadow:"never"},{default:n(()=>[r("div",De,[r("div",Te,[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(j,null,z(t.value.list,(o,y)=>(_(),b("div",{class:"flex flex-1 flex-col items-center justify-center",key:"b"+y},[["1","2"].includes(t.value.type.toString())?(_(),H(X,{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(W,{class:"text-3xl text-gray-500"})]),_:1})])]),_:2},1032,["src","fit"])):L("",!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)):L("",!0)]))),128))],4)]),r("div",Re,[r("div",je,[r("span",ze,d(s(a)("editing")),1),r("span",Le,d(t.info.title),1),r("span",Me,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:U},[(_(!0),b(j,null,z(t.value.list,(o,y)=>(_(),b("div",{key:"a"+y,"data-id":y,class:me(["item-wrap border-2 border-dashed pt-[18px] m-[10px] mb-[15px] relative list-item",{"not-sort":S.value}])},[l(v,{label:s(a)("navIconOne")},{default:n(()=>[r("div",Ge,[r("div",Je,[l(P,{modelValue:o.iconPath,"onUpdate:modelValue":c=>o.iconPath=c,width:"60px",height:"60px",limit:1},null,8,["modelValue","onUpdate:modelValue"]),r("span",Ke,d(s(a)("uploadImgUnselected")),1)]),r("div",Ae,[l(P,{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(k,{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(Y,{modelValue:o.link,"onUpdate:modelValue":c=>o.link=c,onConfirm:Q},null,8,["modelValue","onUpdate:modelValue"])]),_:2},1032,["label"]),l(I,{class:"close-icon cursor-pointer -top-[11px] -right-[8px]",onClick:c=>J(y)},{default:n(()=>[l(Z)]),_:2},1032,["onClick"])],10,qe))),128))],512),T(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",We,[l(h,{modelValue:t.value.textColor,"onUpdate:modelValue":e[2]||(e[2]=o=>t.value.textColor=o)},null,8,["modelValue"]),l(k,{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",Xe,[l(h,{modelValue:t.value.textHoverColor,"onUpdate:modelValue":e[5]||(e[5]=o=>t.value.textHoverColor=o)},null,8,["modelValue"]),l(k,{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",Ye,[l(h,{modelValue:t.value.backgroundColor,"onUpdate:modelValue":e[8]||(e[8]=o=>t.value.backgroundColor=o)},null,8,["modelValue"]),l(k,{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=>K(E.value))},{default:n(()=>[m(d(s(a)("save")),1)]),_:1}),l(f,{onClick:e[13]||(e[13]=o=>$())},{default:n(()=>[m(d(s(a)("back")),1)]),_:1})])])])}}});const Jt=Be(tt,[["__scopeId","data-v-473f02fc"]]);export{Jt as default};
|