demo.6914869d.js 6.7 KB

1
  1. var t=Object.defineProperty,e=Object.defineProperties,a=Object.getOwnPropertyDescriptors,l=Object.getOwnPropertySymbols,n=Object.prototype.hasOwnProperty,s=Object.prototype.propertyIsEnumerable,c=(e,a,l)=>a in e?t(e,a,{enumerable:!0,configurable:!0,writable:!0,value:l}):e[a]=l;import{c as i}from"./mobile.418609e7.js";import{a as o,A as d,B as u,C as f,r as p,o as b,e as r,j as _,k as h,c as m,F as y,i as g,g as v,t as T,s as j,l as w}from"./vendor.f7062dc0.js";import"./index.b4cbfe18.js";const{createDemo:O}=i("tab");var L=O({props:{},setup(){const t=o({editList:[{title:"标签一"},{title:"标签二"}]});return i=((t,e)=>{for(var a in e||(e={}))n.call(e,a)&&c(t,a,e[a]);if(l)for(var a of l(e))s.call(e,a)&&c(t,a,e[a]);return t})({},d(t)),e(i,a({changeList:function(){t.editList.push({title:"标签"+t.editList.length})},switchTab:function(t,e){console.log(t,e)}}));var i}});u("data-v-ee9ef398");const k={class:"demo full"},x=v("h2",null,"基础用法,默认tab-title宽度均分相等",-1),P=v("p",{class:"content"},"这里是页签全部内容",-1),C=v("p",{class:"content"},"这里是页签待付款内容",-1),I=v("p",{class:"content"},"这里是页签待收获内容",-1),S=v("p",{class:"content"},"这里是页签已完成内容",-1),D=v("h2",null,"defaultIndex设置默认显示tab,iconType为half时切换选中icon样式",-1),A=v("h2",null,"switchTab监听切换tab返回事件",-1),B=v("p",{class:"content"},"这里是页签全部内容",-1),E=v("p",{class:"content"},"这里是页签待付款内容",-1),F=v("p",{class:"content"},"这里是页签待收获内容",-1),q=v("p",{class:"content"},"这里是页签已完成内容",-1),z=v("h2",null," animatedTime 开启切换标签内容时的转场动画时间",-1),G=v("p",{class:"content"},"这里是页签全部内容",-1),H=v("p",{class:"content"},"这里是页签待付款内容",-1),J=v("p",{class:"content"},"这里是页签待收获内容",-1),K=v("p",{class:"content"},"这里是页签已完成内容",-1),M=v("h2",null," 禁止tab内容滑动",-1),N=v("p",{class:"content"},"这里是页签全部内容",-1),Q=v("p",{class:"content"},"这里是页签待付款内容",-1),R=v("p",{class:"content"},"这里是页签待收获内容",-1),U=v("p",{class:"content"},"这里是页签已完成内容",-1),V=v("h2",null,' 设置scrollType="scroll",标签栏可以在水平方向上滚动,切换时会自动将当前标签居中。',-1),W=v("p",{class:"content"},"这里是页签全部内容",-1),X=v("p",{class:"content"},"这里是页签待付款内容",-1),Y=v("p",{class:"content"},"这里是页签待收获内容",-1),Z=v("p",{class:"content"},"这里是页签已完成内容",-1),$=v("p",{class:"content"},"这里是页签已取消内容",-1),tt=v("p",{class:"content"},"这里是页签待评价内容",-1),et=v("h2",null,"设置slot:header可以自定义标签",-1),at=v("p",{class:"content"},"这里是页签全部内容",-1),lt=v("p",{class:"content"},"这里是页签待付款内容",-1),nt=v("p",{class:"content"},"这里是页签待收获内容",-1),st=v("p",{class:"content"},"这里是页签已完成内容",-1),ct=v("p",{class:"content"},"这里是页签已取消内容",-1),it=v("p",{class:"content"},"这里是页签待评价内容",-1),ot=v("h2",null,"左右tab布局",-1),dt=v("p",{class:"content"},"这里是页签一内容",-1),ut=v("p",{class:"content"},"这里是页签二内容",-1),ft=v("p",{class:"content"},"这里是页签三内容",-1),pt=v("p",{class:"content"},"这里是页签四内容",-1),bt=v("p",{class:"content"},"这里是页签五内容",-1),rt=v("p",{class:"content"},"这里是页签六内容",-1),_t=v("p",{class:"content"},"这里是页签七内容",-1),ht=v("h2",null,"异步操作",-1),mt={class:"content"},yt=w("改变数据");f(),L.render=function(t,e,a,l,n,s){const c=p("nut-tab-panel"),i=p("nut-tab"),o=p("nut-icon"),d=p("nut-button");return b(),r("div",k,[x,_(i,null,{default:h((()=>[_(c,{"tab-title":"全部"},{default:h((()=>[P])),_:1}),_(c,{"tab-title":"待付款"},{default:h((()=>[C])),_:1}),_(c,{"tab-title":"待收获"},{default:h((()=>[I])),_:1}),_(c,{"tab-title":"已完成"},{default:h((()=>[S])),_:1})])),_:1}),D,A,_(i,{"default-index":1,onSwitchTab:t.switchTab,"icon-type":"half"},{default:h((()=>[_(c,{"tab-title":"全部"},{default:h((()=>[B])),_:1}),_(c,{"tab-title":"待付款"},{default:h((()=>[E])),_:1}),_(c,{"tab-title":"待收获"},{default:h((()=>[F])),_:1}),_(c,{"tab-title":"已完成"},{default:h((()=>[q])),_:1})])),_:1},8,["onSwitchTab"]),z,_(i,{"animated-time":500},{default:h((()=>[_(c,{"tab-title":"全部"},{default:h((()=>[G])),_:1}),_(c,{"tab-title":"待付款"},{default:h((()=>[H])),_:1}),_(c,{"tab-title":"待收获"},{default:h((()=>[J])),_:1}),_(c,{"tab-title":"已完成"},{default:h((()=>[K])),_:1})])),_:1}),M,_(i,{"no-swiping":!0},{default:h((()=>[_(c,{"tab-title":"全部"},{default:h((()=>[N])),_:1}),_(c,{"tab-title":"待付款"},{default:h((()=>[Q])),_:1}),_(c,{"tab-title":"待收获"},{default:h((()=>[R])),_:1}),_(c,{"tab-title":"已完成"},{default:h((()=>[U])),_:1})])),_:1}),V,_(i,{"animated-time":500,scrollType:"scroll"},{default:h((()=>[_(c,{"tab-title":"全部"},{default:h((()=>[W])),_:1}),_(c,{"tab-title":"待付款"},{default:h((()=>[X])),_:1}),_(c,{"tab-title":"待收获"},{default:h((()=>[Y])),_:1}),_(c,{"tab-title":"已完成"},{default:h((()=>[Z])),_:1}),_(c,{"tab-title":"已取消"},{default:h((()=>[$])),_:1}),_(c,{"tab-title":"待评价"},{default:h((()=>[tt])),_:1})])),_:1}),et,_(i,{scrollType:"scroll"},{default:h((()=>[_(c,{"tab-title":"全部"},{header:h((()=>[_(o,{name:"dongdong"})])),default:h((()=>[at])),_:1}),_(c,{"tab-title":"待付款"},{default:h((()=>[lt])),_:1}),_(c,{"tab-title":"待收获"},{default:h((()=>[nt])),_:1}),_(c,{"tab-title":"已完成"},{default:h((()=>[st])),_:1}),_(c,{"tab-title":"已取消"},{default:h((()=>[ct])),_:1}),_(c,{"tab-title":"待评价"},{default:h((()=>[it])),_:1})])),_:1}),ot,_(i,{direction:"vertical","animated-time":500,"default-index":2,scrollType:"scroll","icon-type":"half"},{default:h((()=>[_(c,{"tab-title":"页签一"},{default:h((()=>[dt])),_:1}),_(c,{"tab-title":"页签二"},{default:h((()=>[ut])),_:1}),_(c,{"tab-title":"页签三"},{default:h((()=>[ft])),_:1}),_(c,{"tab-title":"页签四"},{default:h((()=>[pt])),_:1}),_(c,{"tab-title":"页签五"},{default:h((()=>[bt])),_:1}),_(c,{"tab-title":"页签六"},{default:h((()=>[rt])),_:1}),_(c,{"tab-title":"页签七"},{default:h((()=>[_t])),_:1})])),_:1}),ht,t.editList.length>0?(b(),m(i,{key:0,"animated-time":500},{default:h((()=>[(b(!0),r(y,null,g(t.editList,((t,e)=>(b(),m(c,{"tab-title":t.title,key:e},{default:h((()=>[v("p",mt,"这里是页签"+T(e)+"内容",1)])),_:2},1032,["tab-title"])))),128))])),_:1})):j("",!0),_(d,{type:"primary",onClick:t.changeList},{default:h((()=>[yt])),_:1},8,["onClick"])])},L.__scopeId="data-v-ee9ef398";export{L as default};