import{_ as v,R as x,ac as y,c as h,o as u,a2 as g,U as H,a9 as b,a6 as T,b4 as S,aA as w,a as r,q as m,F as I,z as B,A as _,B as k,b as A,f as C,b5 as j,W as f}from"./B4u9iu9c.js";const L={name:"Tab",props:{id:{type:String,default:null},name:{type:String,required:!0},color:{type:String},prefix:{type:String,default:""},suffix:{type:String,default:""},isHidden:{type:Boolean,default:!1},selected:{type:Boolean,default:!1}},setup(a){const c=H(!1),e=b("tabsProvider"),i=b("addTab"),o=b("updateTab"),d=b("deleteTab"),t=a.prefix+a.name+a.suffix,s=a.id?a.id:a.name.toLowerCase().replace(/ /g,"-"),n="#"+(a.isHidden?"":s);return T(()=>e.activeTabHash,()=>{c.value=n===e.activeTabHash}),T(()=>Object.assign({},a),()=>{o(s,{name:a.name,header:t,color:a?.color,isHidden:a.isHidden,hash:n,index:e.tabs.length,tabId:s})}),S(()=>{i({name:a.name,color:a?.color,header:t,isHidden:a.isHidden,hash:n,index:e.tabs.length,tabId:s,isSelected:a.selected})}),w(()=>{d(s)}),{header:t,tabId:s,hash:n,isActive:c}}},z=["id"];function F(a,c,e,i,o,d){return x((u(),h("section",{id:i.tabId,ref:"tab",class:"tabs-component-panel"},[g(a.$slots,"default")],8,z)),[[y,i.isActive]])}const p=Object.assign(v(L,[["render",F]]),{__name:"Tab"}),M={props:{orientation:{type:String,default:"horizontal"},color:{type:String,default:"#ffffff"},fixedVerticalTabs:{type:Boolean,default:!1},verticalTabWidth:{type:Number},options:{type:Object,required:!1,default:()=>({useUrlFragment:!1,defaultTabHash:null})}},emits:["changed","clicked"],setup(a,c){const e=k({activeTabHash:"",tabs:[]}),i=(t,s)=>{s&&!a.options.useUrlFragment&&s.preventDefault();const n=o(t);n&&(e.tabs.forEach(l=>{l.isActive=l.hash===n.hash}),c.emit("changed",{tab:n}),e.activeTabHash=n.hash)},o=t=>e.tabs.find(s=>s.hash===t);f("tabsProvider",e),f("addTab",t=>{e.tabs.push(t)}),f("updateTab",(t,s)=>{const n=e.tabs.findIndex(l=>l.tabId===t);e.tabs[n]=s}),f("deleteTab",t=>{const s=e.tabs.findIndex(n=>n.tabId===t);e.tabs.splice(s,1)}),T(()=>e.tabs.length,()=>{e.activeTabHash===""&&e.tabs.forEach(t=>{t.isSelected&&i(t.hash)})});const d=A();return T(()=>d.hash,t=>{i(t)}),C(()=>{if(e.tabs.length){if(o(window.location.hash)){i(window.location.hash);return}if(a.options.defaultTabHash&&o("#"+a.options.defaultTabHash)){i("#"+a.options.defaultTabHash);return}i(e.tabs[0].hash),console.log("RAN")}}),{...j(e),selectTab:i,findTab:o}},computed:{activeTabs(){return this.tabs.filter(({isHidden:a})=>a!==!0)}}},O={class:"tabs-component-tabs"},R=["href","onClick","innerHTML"];function U(a,c,e,i,o,d){return u(),h("div",{class:_(["tabs-component",e.fixedVerticalTabs&&e.orientation==="vertical"?"fixed":""])},[r("div",{class:_([e.orientation,"tabs-wrapper"])},[r("div",{class:"tabs-container",style:m({width:e.orientation==="vertical"?`${e.verticalTabWidth}px`:"auto"})},[r("ul",O,[(u(!0),h(I,null,B(d.activeTabs,(t,s)=>(u(),h("li",{key:s,class:_(["tabs-component-tab",{error:t.color==="red"},t.isActive?"is-active":""]),style:m({backgroundColor:t.isActive?e.color:"inherit"})},[r("a",{class:"tab",href:t.hash,onClick:n=>i.selectTab(t.hash,n),innerHTML:t.header},null,8,R)],6))),128))])],4),r("div",{class:"tabs-component-panels",style:m({backgroundColor:e.color,marginLeft:`${e.orientation==="vertical"?e.verticalTabWidth:0}px`})},[g(a.$slots,"default")],4)],2)],2)}const q=Object.assign(v(M,[["render",U]]),{__name:"Tabs"});export{q as _,p as a};

<a href="http://www.baidu.com/">百度</a>
<script>
(function(){
    var bp = document.createElement('script');
    var curProtocol = window.location.protocol.split(':')[0];
    if (curProtocol === 'https'){
   bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
  }
  else{
  bp.src = 'http://push.zhanzhang.baidu.com/push.js';
  }
    var s = document.getElementsByTagName("script")[0];
    s.parentNode.insertBefore(bp, s);
})();
</script>
</body>