2 lines
4.5 KiB
JavaScript
2 lines
4.5 KiB
JavaScript
import{c9 as r,bT as w,cb as C,an as T,cc as I,ce as V,bW as i,bD as _,bY as k}from"./bootstrap-CRjSNGHY.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 D,ai as f}from"../jse/index-index-CMeVxoEG.js";import{_ as E}from"./index.vue_vue_type_script_setup_true_lang-BhJ8bkKD.js";import b from"./index-BqNZEIdl.js";import"./vuedraggable.umd-C80eNCNV.js";import{e as F,T as c}from"./index-CflXhIdF.js";/* empty css */import{_ as $}from"./index.vue_vue_type_script_setup_true_lang-Csuw6CzS.js";/* empty css */import"./select-dialog.vue_vue_type_script_setup_true_lang-DGDNNlLO.js";import"./select.vue_vue_type_script_setup_true_lang-GP7q45kp.js";import"./index--fmkwBod.js";import"./use-modal-BABce5hC.js";import"./x-CpZ5_sBZ.js";/* empty css */import"./index-Bh-Hd8Ie.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(x,{emit:g}){const t=j(x,"modelValue",g);F.property.items=t.value.items;const U=()=>{const m=c.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(c),(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,D(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($),{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(E),{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};
|