全栈小学生 0e47055ccb v1.0.0-beta.1
2023-04-15 17:12:49 +08:00

2 lines
9.6 KiB
JavaScript

/* empty css *//* empty css *//* empty css *//* empty css *//* empty css */import{E as K}from"./el-switch-3d36d31d.js";/* empty css *//* empty css */import{E as W,b as X}from"./el-radio-c9a1047c.js";import{_ as Y}from"./index.vue_vue_type_script_setup_true_lang-7ed1b508.js";import{_ as Z}from"./index-82132406.js";/* empty css */import"./index-aae906bf.js";import{v as ee}from"./error-492b6a5b.js";import{t as a}from"./index-5f4ce139.js";import{i as te}from"./common-465e36b3.js";import{j as oe,k as le}from"./diy-c368a995.js";import{S as ae,r as re}from"./sortable.esm-47728b3c.js";/* empty css */import{E as $}from"./index-23f09bd2.js";import{E as se}from"./index-868cd458.js";import{E as ne}from"./index-f97852b4.js";import{a as ie,E as me}from"./index-624573cc.js";import{E as pe}from"./index-95693143.js";import{E as de}from"./index-4862d1b3.js";import{a as ce,E as ue}from"./index-d854ebb0.js";import{E as _e}from"./index-acd12562.js";import{v as fe}from"./directive-a07a10ed.js";import{d as xe,r as g,M as S,o as ve,A as be,Q as P,b as f,e as x,L as B,m as ge,p as r,f as n,h as N,F as T,t as D,q as o,u as s,x as m,C as ye,v as c}from"./runtime-core.esm-bundler-7c3fd514.js";import{_ as Ve}from"./_plugin-vue_export-helper-c27b6911.js";import"./index-cf47f151.js";import"./plugin-vue_export-helper-edbdb6f8.js";import"./index-f02197a7.js";import"./focus-trap-bb1e8c7a.js";import"./index-2083be2e.js";import"./index-a3cf5375.js";import"./event-9519ab40.js";import"./index-47617222.js";import"./validator-62f68fe3.js";/* empty css */import"./el-overlay-f7f710bd.js";import"./index-7b0897f9.js";import"./cloneDeep-f98af5ea.js";import"./_baseClone-cf40e5b2.js";import"./_Uint8Array-de4f83bb.js";import"./_initCloneObject-bc5ed9bb.js";import"./index-be5dc120.js";import"./index-2f0b1bf3.js";import"./index-4683bff4.js";import"./index-c656f08b.js";import"./index.vue_vue_type_style_index_0_lang-a42d8a18.js";import"./attachment-51c3470b.js";/* empty css *//* empty css *//* empty css *//* empty css *//* empty css *//* empty css *//* empty css *//* empty css */import"./index-be5868d6.js";import"./sys-aa893c6b.js";import"./index-548a7823.js";import"./index-9bac81c5.js";import"./index-381e0c1f.js";import"./index-470ade69.js";import"./isEqual-f40f939e.js";import"./flatten-b3585bb8.js";import"./index-800b62de.js";import"./index-9fbce820.js";import"./index-2804b007.js";import"./vue-router-b5675730.js";import"./el-avatar-7d17482e.js";import"./common-cc37bda4.js";import"./common-2cf17469.js";import"./_isIterateeCall-7a6fae02.js";const he={class:"main-container"},Ce={class:"flex"},ke={class:"w-[360px] h-[615px] relative mr-[30px] border-2 border-gray-300"},Ee={class:"image-slot flex justify-center items-center mt-1"},we={class:"flex-1"},Fe={class:"flex items-center border-l-[3px] border-primary pl-[5px] leading-[1.1] mt-[10px]"},Ue={class:"text-[14px]"},Ie={class:"text-[12px] ml-[8px] text-gray-500"},$e=["data-id"],Se={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"},je={class:"flex align-center"},He={class:"flex align-center"},Re={class:"fixed-footer-wrap"},Le={class:"fixed-footer"},ze=xe({__name:"tabbar",setup(Oe){const k=g("navPicture"),d=g(!1),t=S({backgroundColor:"#FFFFFF",textColor:"#333333",textHoverColor:"#333333",type:"1",list:[]}),j=S({text:"",link:{name:"",title:"",parent:"",url:""},iconSelectPath:"",iconPath:""}),E=()=>{t.list.length>=5||t.list.push({...j})};E();const H=()=>{const i=t.list;i.splice(i.length-1,1)},w=g();((i=1)=>{d.value=!0,oe({}).then(e=>{d.value=!1,Object.keys(t).forEach((p,v)=>{t[p]=e.data[p]})}).catch(()=>{d.value=!1})})();const R=async i=>{if(L())return!1;d.value||!i||await i.validate(async e=>{e&&(d.value=!0,le({menu:t}).then(p=>{d.value=!1}).catch(()=>{d.value=!1}))})},L=()=>{if(t.list.length<2)return $({type:"error",message:a("leastTwoNav")}),!0;try{const i=g("");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 $({type:"error",message:i.value}),Error()})}catch{return!0}return!1},F=g();return ve(()=>{const i=ae.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),be(()=>{i.sort(re(t.list.length).map(v=>v.toString()))})}})}),(i,e)=>{const p=P("Picture"),v=se,z=ne,U=Z,u=ie,y=pe,O=Y,M=P("CircleCloseFilled"),b=de,I=ce,h=W,q=X,C=K,A=ue,G=me,Q=_e,J=fe;return f(),x("div",he,[B((f(),ge(Q,{class:"box-card !border-none",shadow:"never"},{default:r(()=>[n("div",Ce,[n("div",ke,[n("div",{class:"flex items-center justify-between absolute h-[60px] left-[0px] right-[0px] bottom-[0px] bg-white border-[2px] border-primary",style:N({backgroundColor:t.backgroundColor})},[(f(!0),x(T,null,D(t.list,(l,V)=>(f(),x("div",{class:"flex flex-1 flex-col items-center justify-center",key:"b"+V},[o(z,{class:"w-[22px] h-[22px] mb-[5px] leading-1",src:s(te)(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"]),["1","3"].includes(t.type)?(f(),x("span",{key:0,class:"text-[12px]",style:N({color:t.textColor})},m(l.text),5)):ye("",!0)]))),128))],4)]),n("div",we,[n("div",Fe,[n("span",Ue,m(s(a)("bottomNav")),1),n("span",Ie,m(s(a)("bottomNavHint")),1)]),o(G,{model:t,"label-width":"100px",ref_key:"formRef",ref:w},{default:r(()=>[o(A,{modelValue:k.value,"onUpdate:modelValue":e[10]||(e[10]=l=>k.value=l),class:"demo-tabs mt-[15px]"},{default:r(()=>[o(I,{label:s(a)("navImage"),name:"navPicture"},{default:r(()=>[n("div",{ref_key:"navItemRef",ref:F},[(f(!0),x(T,null,D(t.list,(l,V)=>(f(),x("div",{key:"a"+V,"data-id":V,class:"item-wrap border-2 border-dashed pt-[18px] m-[10px] mb-[15px] relative list-item"},[o(u,{label:s(a)("navIconOne")},{default:r(()=>[n("div",Se,[n("div",Pe,[o(U,{modelValue:l.iconPath,"onUpdate:modelValue":_=>l.iconPath=_,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":_=>l.iconSelectPath=_,width:"60px",height:"60px",limit:1},null,8,["modelValue","onUpdate:modelValue"]),n("span",Te,m(s(a)("uploadImgSelected")),1)])])]),_:2},1032,["label"]),o(u,{label:s(a)("navTitleOne")},{default:r(()=>[o(y,{class:"w-[215px]",modelValue:l.text,"onUpdate:modelValue":_=>l.text=_,placeholder:s(a)("titleContent"),maxlength:"5","show-word-limit":""},null,8,["modelValue","onUpdate:modelValue","placeholder"])]),_:2},1032,["label"]),o(u,{label:s(a)("navLinkOne")},{default:r(()=>[o(O,{modelValue:l.link,"onUpdate:modelValue":_=>l.link=_},null,8,["modelValue","onUpdate:modelValue"])]),_:2},1032,["label"]),o(v,{class:"close-icon cursor-pointer -top-[11px] -right-[8px]",onClick:H},{default:r(()=>[o(M)]),_:1})],8,$e))),128))],512),B(o(b,{type:"primary",class:"mt-[15px]",onClick:E},{default:r(()=>[c(m(s(a)("addnav")),1)]),_:1},512),[[ee,t.list.length<5]])]),_:1},8,["label"]),o(I,{label:s(a)("styleSet"),name:"setStyle"},{default:r(()=>[o(u,{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(h,{label:"1",size:"large"},{default:r(()=>[c(m(s(a)("imageText")),1)]),_:1}),o(h,{label:"2",size:"large"},{default:r(()=>[c(m(s(a)("image")),1)]),_:1}),o(h,{label:"3",size:"large"},{default:r(()=>[c(m(s(a)("text")),1)]),_:1})]),_:1},8,["modelValue"])]),_:1},8,["label"]),o(u,{label:s(a)("textColor")},{default:r(()=>[n("div",De,[o(C,{modelValue:t.textColor,"onUpdate:modelValue":e[1]||(e[1]=l=>t.textColor=l)},null,8,["modelValue"]),o(y,{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(()=>[c(m(s(a)("reset")),1)]),_:1})])]),_:1},8,["label"]),o(u,{label:s(a)("textSelectColor")},{default:r(()=>[n("div",je,[o(C,{modelValue:t.textHoverColor,"onUpdate:modelValue":e[4]||(e[4]=l=>t.textHoverColor=l)},null,8,["modelValue"]),o(y,{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(()=>[c(m(s(a)("reset")),1)]),_:1})])]),_:1},8,["label"]),o(u,{label:s(a)("backgroundColor")},{default:r(()=>[n("div",He,[o(C,{modelValue:t.backgroundColor,"onUpdate:modelValue":e[7]||(e[7]=l=>t.backgroundColor=l)},null,8,["modelValue"]),o(y,{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(()=>[c(m(s(a)("reset")),1)]),_:1})])]),_:1},8,["label"])]),_:1},8,["label"])]),_:1},8,["modelValue"])]),_:1},8,["model"])])])]),_:1})),[[J,d.value]]),n("div",Re,[n("div",Le,[o(b,{type:"primary",onClick:e[11]||(e[11]=l=>R(w.value))},{default:r(()=>[c(m(s(a)("save")),1)]),_:1})])])])}}});const uo=Ve(ze,[["__scopeId","data-v-00414d50"]]);export{uo as default};