2 lines
4.5 KiB
JavaScript
2 lines
4.5 KiB
JavaScript
import{c6 as r,bQ as w,c7 as C,an as T,c8 as I,ca as V,bT as i,bt as _,bV as k}from"./bootstrap-DmcuvVZS.js";import{m as B,ce as j,ad as v,b2 as n,j as a,bJ as s,ab as p,ac as y,ae as u,u as e,I as N,bb as S,bp as E,ai as f}from"../jse/index-index-B6J4axeY.js";import{_ as F}from"./index.vue_vue_type_script_setup_true_lang-p4qqtfqt.js";import b from"./index-0fxrKJQc.js";import"./vuedraggable.umd-CrxMRLxe.js";import{e as $,T as x}from"./index-Bqchr_hw.js";/* empty css */import{_ as D}from"./index.vue_vue_type_script_setup_true_lang-DvyGe_HE.js";/* empty css */import"./select-dialog.vue_vue_type_script_setup_true_lang-BfaQ1p0J.js";import"./select.vue_vue_type_script_setup_true_lang-CjlctvDF.js";import"./index-CGVTp7Mk.js";import"./use-modal-BrjqCt0f.js";import"./x-CGHUyQuD.js";/* empty css */import"./index-cLu-t05_.js";const L={class:"flex items-center justify-between"},M={class:"mb-2 flex items-center justify-around"},R={class:"flex flex-col items-center justify-between"},ae=B({name:"TabBarProperty",__name:"property",props:{modelValue:{}},emits:["update:modelValue"],setup(c,{emit:g}){const t=j(c,"modelValue",g);$.property.items=t.value.items;const U=()=>{const m=x.find(l=>l.id===t.value.theme);m!=null&&m.color&&(t.value.style.activeColor=m.color)};return(m,l)=>(n(),v("div",null,[a(e(k),{model:e(t),"label-col":{span:6},"wrapper-col":{span:18}},{default:s(()=>[a(e(r),{label:"主题",name:"theme"},{default:s(()=>[a(e(w),{value:e(t).theme,"onUpdate:value":l[0]||(l[0]=o=>e(t).theme=o),onChange:U},{default:s(()=>[(n(!0),v(N,null,S(e(x),(o,d)=>(n(),p(e(C),{key:d,label:o.name,value:o.id},{default:s(()=>[u("div",L,[a(e(T),{icon:o.icon,color:o.color},null,8,["icon","color"]),u("span",null,E(o.name),1)])]),_:2},1032,["label","value"]))),128))]),_:1},8,["value"])]),_:1}),a(e(r),{label:"默认颜色"},{default:s(()=>[a(e(b),{modelValue:e(t).style.color,"onUpdate:modelValue":l[1]||(l[1]=o=>e(t).style.color=o)},null,8,["modelValue"])]),_:1}),a(e(r),{label:"选中颜色"},{default:s(()=>[a(e(b),{modelValue:e(t).style.activeColor,"onUpdate:modelValue":l[2]||(l[2]=o=>e(t).style.activeColor=o)},null,8,["modelValue"])]),_:1}),a(e(r),{label:"导航背景"},{default:s(()=>[a(e(I),{value:e(t).style.bgType,"onUpdate:value":l[3]||(l[3]=o=>e(t).style.bgType=o)},{default:s(()=>[a(e(V),{value:"color"},{default:s(()=>[...l[7]||(l[7]=[f("纯色",-1)])]),_:1}),a(e(V),{value:"img"},{default:s(()=>[...l[8]||(l[8]=[f("图片",-1)])]),_:1})]),_:1},8,["value"])]),_:1}),e(t).style.bgType==="color"?(n(),p(e(r),{key:0,label:"选择颜色"},{default:s(()=>[a(e(b),{modelValue:e(t).style.bgColor,"onUpdate:modelValue":l[4]||(l[4]=o=>e(t).style.bgColor=o)},null,8,["modelValue"])]),_:1})):y("",!0),e(t).style.bgType==="img"?(n(),p(e(r),{key:1,label:"选择图片"},{default:s(()=>[a(i,{modelValue:e(t).style.bgImg,"onUpdate:modelValue":l[5]||(l[5]=o=>e(t).style.bgImg=o),width:"100%",height:"50px",class:"min-w-[200px]","show-description":!1},{tip:s(()=>[...l[9]||(l[9]=[f(" 建议尺寸 375 * 50 ",-1)])]),_:1},8,["modelValue"])]),_:1})):y("",!0),l[12]||(l[12]=u("div",{class:"mb-2 text-base"},"图标设置",-1)),l[13]||(l[13]=u("div",{class:"mb-2 text-xs text-gray-500"}," 拖动左上角的小圆点可对其排序, 图标建议尺寸 44*44 ",-1)),a(e(D),{modelValue:e(t).items,"onUpdate:modelValue":l[6]||(l[6]=o=>e(t).items=o),limit:5},{default:s(({element:o})=>[u("div",M,[u("div",R,[a(i,{modelValue:o.iconUrl,"onUpdate:modelValue":d=>o.iconUrl=d,width:"40px",height:"40px","show-delete":!1,"show-description":!1},null,8,["modelValue","onUpdate:modelValue"]),l[10]||(l[10]=u("div",{class:"text-xs"},"未选中",-1))]),u("div",null,[a(i,{modelValue:o.activeIconUrl,"onUpdate:modelValue":d=>o.activeIconUrl=d,width:"40px",height:"40px","show-delete":!1,"show-description":!1},null,8,["modelValue","onUpdate:modelValue"]),l[11]||(l[11]=u("div",{class:"text-xs"},"已选中",-1))])]),a(e(r),{name:"text",label:"文字","label-col":{span:4},"wrapper-col":{span:20},class:"mb-2"},{default:s(()=>[a(e(_),{value:o.text,"onUpdate:value":d=>o.text=d,placeholder:"请输入文字"},null,8,["value","onUpdate:value"])]),_:2},1024),a(e(r),{name:"url",label:"链接","label-col":{span:4},"wrapper-col":{span:20},class:"mb-0"},{default:s(()=>[a(e(F),{modelValue:o.url,"onUpdate:modelValue":d=>o.url=d},null,8,["modelValue","onUpdate:modelValue"])]),_:2},1024)]),_:1},8,["modelValue"])]),_:1},8,["model"])]))}});export{ae as default};
|