2023-10-23 17:13:34 +08:00

2 lines
9.6 KiB
JavaScript

import{d as X,r as y,R as $,o as Y,E as Z,V as I,e as u,f as x,Q as P,v as B,x as r,g as n,j as N,F as T,z as D,u as s,y as o,H,B as m,A as _}from"./base-06478700.js";/* empty css *//* empty css */import{a as ee,E as te}from"./el-form-item-314d006d.js";/* empty css *//* empty css *//* empty css *//* empty css *//* empty css */import{_ as oe}from"./index.vue_vue_type_script_setup_true_lang-466cf226.js";import{_ as le}from"./index-d312949b.js";/* empty css *//* empty css */import{h as j}from"./index-0d58768e.js";import{v as ae}from"./event-10eba222.js";import{t as a}from"./index-e5b4f072.js";import{d as re}from"./common-92a35870.js";import{o as se,s as ne}from"./diy-e1aa062d.js";import{S as ie}from"./sortable.esm-be94e56d.js";import{r as me}from"./range-1a1bb482.js";import{E as pe}from"./index-2fcd1254.js";import{E as de}from"./index-543fb162.js";import{E as ce}from"./index-b68e8463.js";import{E as ue}from"./index-c2f001d3.js";import{a as _e,E as fe}from"./index-0d66b73c.js";import{E as xe,b as ve}from"./index-6290cf08.js";import{E as be}from"./index-b12abbd4.js";import{E as ge}from"./index-e10fccde.js";import{v as ye}from"./directive-cb2d3366.js";import{_ as Ve}from"./_plugin-vue_export-helper-c27b6911.js";import"./el-overlay-42a687c6.js";import"./index-9fe5de95.js";import"./focus-trap-3e826cdc.js";import"./index-f27d6ce0.js";import"./index-818c0ce2.js";import"./cloneDeep-9cc74b12.js";import"./index-b52d0f2a.js";import"./index-e4abfaa5.js";import"./index.vue_vue_type_style_index_0_lang-53d85138.js";import"./attachment-27789be1.js";/* empty css *//* empty css *//* empty css */import"./el-tooltip-58212670.js";/* empty css *//* empty css *//* empty css *//* empty css *//* empty css *//* empty css */import"./index-a0c6fc63.js";import"./index-2a269c7c.js";import"./index-01f6e375.js";import"./validator-6e9db238.js";import"./index-41a974fa.js";import"./index-c17093ae.js";import"./index-b56195b5.js";import"./index-40e21e72.js";import"./isEqual-42d4b10f.js";import"./index-137757c0.js";import"./index-35e821cc.js";import"./index-34d55b7e.js";import"./strings-fe930bc4.js";import"./debounce-1db848fd.js";import"./index-5a0d60aa.js";import"./index-b6a184ba.js";import"./vue-router-d09a2c28.js";import"./index-adb89d14.js";import"./el-main-9a0960e7.js";import"./index-6b67c4ac.js";import"./index-9ee9102c.js";import"./_isIterateeCall-1dc0e2ff.js";import"./position-c3bcd0be.js";const Ce={class:"main-container"},he={class:"flex"},ke={class:"w-[360px] h-[400px] absolute mr-[30px] border-[1px] border-gray-300"},Ee={class:"image-slot flex justify-center items-center mt-1"},we={class:"flex-1 ml-[430px]"},Fe={class:"flex items-center border-l-[3px] border-primary pl-[5px] leading-[1.1] mt-[10px]"},Ue={class:"text-[14px]"},Se={class:"text-[12px] ml-[8px] text-gray-500"},$e=["data-id"],Ie={class:"flex align-center"},Pe={class:"flex flex-col justify-center items-center"},Be={class:"mr-[10px] text-sm"},Ne={class:"flex flex-col justify-center items-center"},Te={class:"mr-[10px] text-sm"},De={class:"flex align-center"},He={class:"flex align-center"},je={class:"flex align-center"},Re={class:"fixed-footer-wrap"},ze={class:"fixed-footer"},Le=X({__name:"tabbar",setup(Oe){const k=y("navPicture"),d=y(!1),t=$({backgroundColor:"#FFFFFF",textColor:"#333333",textHoverColor:"#333333",type:"1",list:[]}),R=$({text:"",link:{name:"",title:"",parent:"",url:""},iconSelectPath:"",iconPath:""}),E=()=>{t.list.length>=5||t.list.push({...R})};E();const z=i=>{t.list.splice(i,1)},w=y();((i=1)=>{d.value=!0,se({}).then(e=>{d.value=!1,Object.keys(t).forEach((p,v)=>{t[p]=e.data[p]})}).catch(()=>{d.value=!1})})();const L=async i=>{if(O())return!1;d.value||!i||await i.validate(async e=>{e&&(d.value=!0,ne({menu:t}).then(p=>{d.value=!1}).catch(()=>{d.value=!1}))})},O=()=>{if(t.list.length<2)return j({type:"error",message:a("leastTwoNav")}),!0;try{const i=y("");t.list.forEach((e,p)=>{if(e.iconPath||(i.value=`${a("pleaseUpload")}${p+1}${a("navIcon")}`),e.iconSelectPath||(i.value=`${a("pleaseUpload")}${p+1}${a("navSelectIcon")}`),e.text||(i.value=`${a("pleaseEnter")}[${p+1}${a("navTitle")}`),e.link.url||(i.value=`${a("pleaseChoose")}${p+1}${a("navLink")}`),i.value)throw j({type:"error",message:i.value}),Error()})}catch{return!0}return!1},F=y();return Y(()=>{const i=ie.create(F.value,{group:"item-wrap",animation:200,onEnd:e=>{const p=t.list[e.oldIndex];t.list.splice(e.oldIndex,1),t.list.splice(e.newIndex,0,p),Z(()=>{i.sort(me(t.list.length).map(v=>v.toString()))})}})}),(i,e)=>{const p=I("Picture"),v=pe,A=de,U=le,f=ee,V=ce,G=oe,M=I("CircleCloseFilled"),b=ue,S=_e,C=xe,Q=ve,h=be,q=fe,J=te,K=ge,W=ye;return u(),x("div",Ce,[P((u(),B(K,{class:"box-card !border-none",shadow:"never"},{default:r(()=>[n("div",he,[n("div",ke,[n("div",{class:"flex items-center justify-between absolute h-[60px] left-[0px] right-[0px] bottom-[0px] bg-white border-[1px] border-primary",style:N({backgroundColor:t.backgroundColor})},[(u(!0),x(T,null,D(t.list,(l,g)=>(u(),x("div",{class:"flex flex-1 flex-col items-center justify-center",key:"b"+g},[["1","2"].includes(t.type.toString())?(u(),B(A,{key:0,class:"w-[22px] h-[22px] mb-[5px] leading-1",src:s(re)(l.iconPath),fit:i.contain},{error:r(()=>[n("div",Ee,[o(v,null,{default:r(()=>[o(p,{class:"text-3xl text-gray-500"})]),_:1})])]),_:2},1032,["src","fit"])):H("",!0),["1","3"].includes(t.type.toString())?(u(),x("span",{key:1,class:"text-[12px]",style:N({color:t.textColor})},m(l.text),5)):H("",!0)]))),128))],4)]),n("div",we,[n("div",Fe,[n("span",Ue,m(s(a)("bottomNav")),1),n("span",Se,m(s(a)("bottomNavHint")),1)]),o(J,{model:t,"label-width":"100px",ref_key:"formRef",ref:w},{default:r(()=>[o(q,{modelValue:k.value,"onUpdate:modelValue":e[10]||(e[10]=l=>k.value=l),class:"demo-tabs mt-[15px]"},{default:r(()=>[o(S,{label:s(a)("navImage"),name:"navPicture"},{default:r(()=>[n("div",{ref_key:"navItemRef",ref:F},[(u(!0),x(T,null,D(t.list,(l,g)=>(u(),x("div",{key:"a"+g,"data-id":g,class:"item-wrap !cursor-move border-2 border-dashed pt-[18px] m-[10px] mb-[15px] relative list-item"},[o(f,{label:s(a)("navIconOne")},{default:r(()=>[n("div",Ie,[n("div",Pe,[o(U,{modelValue:l.iconPath,"onUpdate:modelValue":c=>l.iconPath=c,width:"60px",height:"60px",limit:1},null,8,["modelValue","onUpdate:modelValue"]),n("span",Be,m(s(a)("uploadImgUnselected")),1)]),n("div",Ne,[o(U,{modelValue:l.iconSelectPath,"onUpdate:modelValue":c=>l.iconSelectPath=c,width:"60px",height:"60px",limit:1},null,8,["modelValue","onUpdate:modelValue"]),n("span",Te,m(s(a)("uploadImgSelected")),1)])])]),_:2},1032,["label"]),o(f,{label:s(a)("navTitleOne")},{default:r(()=>[o(V,{class:"w-[215px]",modelValue:l.text,"onUpdate:modelValue":c=>l.text=c,placeholder:s(a)("titleContent"),maxlength:"5","show-word-limit":""},null,8,["modelValue","onUpdate:modelValue","placeholder"])]),_:2},1032,["label"]),o(f,{label:s(a)("navLinkOne")},{default:r(()=>[o(G,{modelValue:l.link,"onUpdate:modelValue":c=>l.link=c},null,8,["modelValue","onUpdate:modelValue"])]),_:2},1032,["label"]),o(v,{class:"close-icon cursor-pointer -top-[11px] -right-[8px]",onClick:c=>z(g)},{default:r(()=>[o(M)]),_:2},1032,["onClick"])],8,$e))),128))],512),P(o(b,{type:"primary",class:"mt-[15px]",onClick:E},{default:r(()=>[_(m(s(a)("addnav")),1)]),_:1},512),[[ae,t.list.length<5]])]),_:1},8,["label"]),o(S,{label:s(a)("styleSet"),name:"setStyle"},{default:r(()=>[o(f,{label:s(a)("navType")},{default:r(()=>[o(Q,{modelValue:t.type,"onUpdate:modelValue":e[0]||(e[0]=l=>t.type=l),class:"ml-4"},{default:r(()=>[o(C,{label:"1",size:"large"},{default:r(()=>[_(m(s(a)("imageText")),1)]),_:1}),o(C,{label:"2",size:"large"},{default:r(()=>[_(m(s(a)("image")),1)]),_:1}),o(C,{label:"3",size:"large"},{default:r(()=>[_(m(s(a)("text")),1)]),_:1})]),_:1},8,["modelValue"])]),_:1},8,["label"]),o(f,{label:s(a)("textColor")},{default:r(()=>[n("div",De,[o(h,{modelValue:t.textColor,"onUpdate:modelValue":e[1]||(e[1]=l=>t.textColor=l)},null,8,["modelValue"]),o(V,{class:"ml-[10px]",modelValue:t.textColor,"onUpdate:modelValue":e[2]||(e[2]=l=>t.textColor=l),disabled:""},null,8,["modelValue"]),o(b,{class:"ml-[10px]",type:"primary",onClick:e[3]||(e[3]=l=>t.textColor="#333333")},{default:r(()=>[_(m(s(a)("reset")),1)]),_:1})])]),_:1},8,["label"]),o(f,{label:s(a)("textSelectColor")},{default:r(()=>[n("div",He,[o(h,{modelValue:t.textHoverColor,"onUpdate:modelValue":e[4]||(e[4]=l=>t.textHoverColor=l)},null,8,["modelValue"]),o(V,{class:"ml-[10px]",modelValue:t.textHoverColor,"onUpdate:modelValue":e[5]||(e[5]=l=>t.textHoverColor=l),disabled:""},null,8,["modelValue"]),o(b,{class:"ml-[10px]",type:"primary",onClick:e[6]||(e[6]=l=>t.textHoverColor="#333333")},{default:r(()=>[_(m(s(a)("reset")),1)]),_:1})])]),_:1},8,["label"]),o(f,{label:s(a)("backgroundColor")},{default:r(()=>[n("div",je,[o(h,{modelValue:t.backgroundColor,"onUpdate:modelValue":e[7]||(e[7]=l=>t.backgroundColor=l)},null,8,["modelValue"]),o(V,{class:"ml-[10px]",modelValue:t.backgroundColor,"onUpdate:modelValue":e[8]||(e[8]=l=>t.backgroundColor=l),disabled:""},null,8,["modelValue"]),o(b,{class:"ml-[10px]",type:"primary",onClick:e[9]||(e[9]=l=>t.backgroundColor="#FFFFFF")},{default:r(()=>[_(m(s(a)("reset")),1)]),_:1})])]),_:1},8,["label"])]),_:1},8,["label"])]),_:1},8,["modelValue"])]),_:1},8,["model"])])])]),_:1})),[[W,d.value]]),n("div",Re,[n("div",ze,[o(b,{type:"primary",onClick:e[11]||(e[11]=l=>L(w.value))},{default:r(()=>[_(m(s(a)("save")),1)]),_:1})])])])}}});const mo=Ve(Le,[["__scopeId","data-v-9b744207"]]);export{mo as default};