mirror of
https://gitee.com/wot-design-uni/wot-design-uni.git
synced 2025-12-06 17:18:40 +08:00
2 lines
8.6 KiB
JavaScript
2 lines
8.6 KiB
JavaScript
var e=Object.defineProperty,t=Object.defineProperties,l=Object.getOwnPropertyDescriptors,a=Object.getOwnPropertySymbols,o=Object.prototype.hasOwnProperty,i=Object.prototype.propertyIsEnumerable,n=(t,l,a)=>l in t?e(t,l,{enumerable:!0,configurable:!0,writable:!0,value:a}):t[l]=a,s=(e,t)=>{for(var l in t||(t={}))o.call(t,l)&&n(e,l,t[l]);if(a)for(var l of a(t))i.call(t,l)&&n(e,l,t[l]);return e},u=(e,a)=>t(e,l(a));import{e as r,b as d,a as c,c as m}from"./page-wraper.D9WpzC1k.js";import{d as p,c as h,aA as v,Q as f,R as b,B as $,G as g,b as _,g as y,w,h as x,S as V,T as C,i as j,D as z,z as I,k,q as O,E as S,j as B,t as D,r as P,J as U,C as A,y as q,aD as G,L as H,l as N,H as E,u as T,e as J,f as L}from"./index-ChV97F5w.js";import{w as Q}from"./wd-badge.B8CK6WcG.js";import{b as R,m as Y,c as F,a as K,d as M,n as W,w as X,_ as Z}from"./base64.D3gEw_Hf.js";import{u as ee}from"./useChildren.C_02WC2s.js";import{_ as te}from"./demo-block.bo7yY1Pq.js";import{_ as le}from"./wd-img.BDZLyjDT.js";import"./wd-root-portal.BUSGVytV.js";const ae=Symbol("wd-tabbar"),oe=u(s({},R),{modelValue:M(0),fixed:F(!1),bordered:F(!0),safeAreaInsetBottom:F(!1),shape:K("default"),activeColor:String,inactiveColor:String,placeholder:F(!1),zIndex:Y(99)}),ie=u(s({},R),{title:String,name:W,icon:String,value:{type:[Number,String,null],default:null},isDot:{type:Boolean,default:void 0},max:Number,badgeProps:Object}),ne=Z(p(u(s({},{name:"wd-tabbar-item",options:{addGlobalClass:!0,virtualHost:!0,styleIsolation:"shared"}}),{props:ie,setup(e){const t=e,{parent:l,index:a}=r(ae),o=h((()=>{const e=v($(t.badgeProps)?f(t.badgeProps,b):{},f({max:t.max,isDot:t.isDot,modelValue:t.value},b));return $(e.max)||(e.max=99),e})),i=h((()=>{const e={};return l&&(n.value&&l.props.activeColor&&(e.color=l.props.activeColor),!n.value&&l.props.inactiveColor&&(e.color=l.props.inactiveColor)),`${g(e)}`})),n=h((()=>{const e=$(t.name)?t.name:a.value;return!!l&&l.props.modelValue===e}));function s(){const e=$(t.name)?t.name:a.value;l&&l.setChange({name:e})}return(e,t)=>{const l=k,a=j;return y(),_(a,{class:O(`wd-tabbar-item ${e.customClass}`),style:S(e.customStyle),onClick:s},{default:w((()=>[x(Q,V(C(o.value)),{default:w((()=>[x(a,{class:"wd-tabbar-item__body"},{default:w((()=>[z(e.$slots,"icon",{active:n.value},void 0,!0),!e.$slots.icon&&e.icon?(y(),_(X,{key:0,name:e.icon,"custom-style":i.value,"custom-class":"wd-tabbar-item__body-icon "+(n.value?"is-active":"is-inactive")},null,8,["name","custom-style","custom-class"])):I("",!0),e.title?(y(),_(l,{key:1,style:S(i.value),class:O("wd-tabbar-item__body-title "+(n.value?"is-active":"is-inactive"))},{default:w((()=>[B(D(e.title),1)])),_:1},8,["style","class"])):I("",!0)])),_:3})])),_:3},16)])),_:3},8,["class","style"])}}})),[["__scopeId","data-v-00601bb6"]]),se=Z(p(u(s({},{name:"wd-tabbar",options:{addGlobalClass:!0,virtualHost:!0,styleIsolation:"shared"}}),{props:oe,emits:["change","update:modelValue"],setup(e,{emit:t}){const l=e,a=t,o=P(""),{proxy:i}=U(),{linkChildren:n}=ee(ae);n({props:l,setChange:function(e){let t=e.name;a("update:modelValue",t),a("change",{value:t})}});const s=h((()=>{const e={};return $(l.zIndex)&&(e["z-index"]=l.zIndex),`${g(e)}${l.customStyle}`}));function u(){l.fixed&&l.placeholder&&H(".wd-tabbar",!1,i).then((e=>{o.value=Number(e.height)}))}return A([()=>l.fixed,()=>l.placeholder],(()=>{u()}),{deep:!0,immediate:!1}),q((()=>{l.fixed&&l.placeholder&&G((()=>{u()}))})),(e,t)=>{const l=j;return y(),_(l,{class:O({"wd-tabbar__placeholder":e.fixed&&e.placeholder&&e.safeAreaInsetBottom&&"round"===e.shape}),style:S({height:N(E)(o.value)})},{default:w((()=>[x(l,{class:O(`wd-tabbar wd-tabbar--${e.shape} ${e.customClass} ${e.fixed?"is-fixed":""} ${e.safeAreaInsetBottom?"is-safe":""} ${e.bordered?"is-border":""}`),style:S(s.value)},{default:w((()=>[z(e.$slots,"default",{},void 0,!0)])),_:3},8,["class","style"])])),_:3},8,["class","style"])}}})),[["__scopeId","data-v-5a211a10"]]),ue=Z(p({__name:"Index",setup(e){const{t:t}=T(),{show:l}=d(),a=P(1),o=P("home"),i=P(2),n=P(2),s=P(1),u=P(1),r=P(1),p=P(1);function h(e){console.log(e)}function v({value:e}){l(t("xuan-zhong-biao-qian-value")+e)}return(e,t)=>{const l=J(L("wd-toast"),m),d=J(L("wd-tabbar-item"),ne),f=J(L("wd-tabbar"),se),b=J(L("demo-block"),te),$=J(L("wd-img"),le),g=J(L("page-wraper"),c);return y(),_(g,{safeAreaInsetBottom:!1},{default:w((()=>[x(l),x(b,{hor:"0",title:e.$t("ji-chu-yong-fa-0"),transparent:""},{default:w((()=>[x(f,{bordered:"",onChange:h,modelValue:a.value,"onUpdate:modelValue":t[0]||(t[0]=e=>a.value=e)},{default:w((()=>[x(d,{title:e.$t("shou-ye"),icon:"home"},null,8,["title"]),x(d,{title:e.$t("fen-lei"),icon:"cart"},null,8,["title"]),x(d,{title:e.$t("wo-de"),icon:"user"},null,8,["title"])])),_:1},8,["modelValue"])])),_:1},8,["title"]),x(b,{hor:"0",title:e.$t("tong-guo-ming-cheng-pi-pei"),transparent:""},{default:w((()=>[x(f,{bordered:"",onChange:h,modelValue:o.value,"onUpdate:modelValue":t[1]||(t[1]=e=>o.value=e)},{default:w((()=>[x(d,{name:"home",title:e.$t("shou-ye"),icon:"home"},null,8,["title"]),x(d,{name:"cart",title:e.$t("fen-lei"),icon:"cart"},null,8,["title"]),x(d,{name:"setting",title:e.$t("she-zhi"),icon:"setting"},null,8,["title"]),x(d,{name:"user",title:e.$t("wo-de"),icon:"user"},null,8,["title"])])),_:1},8,["modelValue"])])),_:1},8,["title"]),x(b,{hor:"0",title:e.$t("hui-biao-ti-shi"),transparent:""},{default:w((()=>[x(f,{modelValue:i.value,"onUpdate:modelValue":t[2]||(t[2]=e=>i.value=e),onChange:h},{default:w((()=>[x(d,{"is-dot":"",value:2,title:e.$t("dian-zhuang"),icon:"home"},null,8,["title"]),x(d,{value:2,icon:"cart",title:e.$t("fen-lei")},null,8,["title"]),x(d,{value:30,title:e.$t("wo-de"),icon:"user"},null,8,["title"]),x(d,{value:200,title:e.$t("zui-da-zhi"),icon:"user"},null,8,["title"])])),_:1},8,["modelValue"])])),_:1},8,["title"]),x(b,{hor:"0",title:e.$t("xuan-fu-biao-qian-lan"),transparent:""},{default:w((()=>[x(f,{shape:"round",modelValue:n.value,"onUpdate:modelValue":t[3]||(t[3]=e=>n.value=e),onChange:h},{default:w((()=>[x(d,{title:e.$t("shou-ye"),"is-dot":"",value:2,icon:"home"},null,8,["title"]),x(d,{title:e.$t("fen-lei"),value:2,icon:"cart"},null,8,["title"]),x(d,{title:e.$t("xiang-ce"),value:30,icon:"photo"},null,8,["title"]),x(d,{title:e.$t("wo-de"),value:200,icon:"user"},null,8,["title"])])),_:1},8,["modelValue"])])),_:1},8,["title"]),x(b,{hor:"0",title:e.$t("ziDingYiTuBiao"),transparent:""},{default:w((()=>[x(f,{modelValue:s.value,"onUpdate:modelValue":t[4]||(t[4]=e=>s.value=e),onChange:h},{default:w((()=>[x(d,{value:2,title:e.$t("shou-ye"),icon:"home"},null,8,["title"]),x(d,{value:2,icon:"cart",title:e.$t("fen-lei")},{icon:w((()=>[x($,{round:"",height:"40rpx",width:"40rpx",src:"https://wot-ui.cn/assets/panda.jpg"})])),_:1},8,["title"]),x(d,{value:3,title:e.$t("wo-de"),icon:"user"},null,8,["title"])])),_:1},8,["modelValue"])])),_:1},8,["title"]),x(b,{hor:"0",title:e.$t("zi-ding-yi-yan-se-0"),transparent:""},{default:w((()=>[x(f,{modelValue:u.value,"onUpdate:modelValue":t[5]||(t[5]=e=>u.value=e),onChange:h,"active-color":"#ee0a24","inactive-color":"#7d7e80"},{default:w((()=>[x(d,{"is-dot":"",value:2,title:e.$t("dian-zhuang-0"),icon:"home"},null,8,["title"]),x(d,{value:2,icon:"cart",title:e.$t("fen-lei")},null,8,["title"]),x(d,{value:30,title:e.$t("wo-de"),icon:"user"},null,8,["title"]),x(d,{value:200,title:e.$t("zui-da-zhi-0"),icon:"photo"},null,8,["title"]),x(d,{value:10,title:e.$t("ke-fu"),icon:"chat"},null,8,["title"])])),_:1},8,["modelValue"])])),_:1},8,["title"]),x(b,{hor:"0",title:e.$t("jian-ting-qie-huan-shi-jian"),transparent:""},{default:w((()=>[x(f,{modelValue:r.value,"onUpdate:modelValue":t[6]||(t[6]=e=>r.value=e),onChange:v,"active-color":"#ee0a24","inactive-color":"#7d7e80"},{default:w((()=>[x(d,{title:e.$t("shou-ye"),icon:"home"},null,8,["title"]),x(d,{title:e.$t("fen-lei"),icon:"cart"},null,8,["title"]),x(d,{title:e.$t("wo-de"),icon:"user"},null,8,["title"]),x(d,{title:e.$t("xiang-ce"),icon:"photo"},null,8,["title"]),x(d,{title:e.$t("ke-fu"),icon:"chat"},null,8,["title"])])),_:1},8,["modelValue"])])),_:1},8,["title"]),x(b,{hor:"0",title:e.$t("gu-ding-di-bu"),transparent:""},{default:w((()=>[x(f,{fixed:"",shape:"round",modelValue:p.value,"onUpdate:modelValue":t[7]||(t[7]=e=>p.value=e),onChange:h,bordered:"",safeAreaInsetBottom:"",placeholder:""},{default:w((()=>[x(d,{value:2,"is-dot":"",title:e.$t("shou-ye"),icon:"home"},null,8,["title"]),x(d,{title:e.$t("fen-lei"),icon:"cart"},null,8,["title"]),x(d,{title:e.$t("wo-de"),icon:"user"},null,8,["title"]),x(d,{value:200,title:e.$t("xiang-ce"),icon:"photo"},null,8,["title"]),x(d,{value:10,title:e.$t("ke-fu"),icon:"chat"},null,8,["title"])])),_:1},8,["modelValue"])])),_:1},8,["title"])])),_:1})}}}),[["__scopeId","data-v-55ab4a1b"]]);export{ue as default};
|