!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e(require("react")):"function"==typeof define&&define.amd?define(["react"],e):"object"==typeof exports?exports.choseTab=e(require("react")):t.choseTab=e(t.React)}(self,(function(t){return(()=>{var e={906:(t,e,n)=>{"use strict";n.d(e,{Z:()=>i});var r=n(81),a=n.n(r),o=n(645),s=n.n(o)()(a());s.push([t.id,".mtab{position:relative}.mtab .imgpreloade{position:absolute;width:.01rem;height:.01rem;top:0;left:0;opacity:0;pointer-events:none}.mtab .tab-btns{position:relative}.mtab .tab-btns .tab-btns-bg{position:absolute;width:100%;height:100%;top:0;left:0;z-index:1;background-size:100% 100%}.mtab .tab-btns .mock-tab-btns-bg{width:100%;height:100%;display:flex}.mtab .tab-btns .mock-tab-btns-bg .mock-tab-btns-bg-item{padding:.2rem .1rem;box-sizing:border-box}.mtab .tab-btns .mock-tab-btns-bg .mock-tab-btns-bg-item .mock-tab-btns-bg-item-inner{display:flex;justify-content:center;align-items:center;width:100%;height:100%;border-radius:.2rem;font-size:.28rem;background-color:rgba(49,46,56,.05);color:#6e6b75}.mtab .tab-btns .mock-tab-btns-bg .mock-tab-btns-bg-item .mock-tab-btns-bg-item-inner.actived{color:#fbfbfb;background-color:#6a3ac7}.mtab .tab-btns .tab-btns-hotarea{position:absolute;width:100%;height:100%;top:0;left:0;z-index:2;display:flex}.mtab .tab-btns .tab-btns-hotarea .tab-header-btn{height:100%}.mtab .tab-btns .tab-btns-hotarea .tab-header-btn.disabled{pointer-events:none}",""]);const i=s},645:t=>{"use strict";t.exports=function(t){var e=[];return e.toString=function(){return this.map((function(e){var n="",r=void 0!==e[5];return e[4]&&(n+="@supports (".concat(e[4],") {")),e[2]&&(n+="@media ".concat(e[2]," {")),r&&(n+="@layer".concat(e[5].length>0?" ".concat(e[5]):""," {")),n+=t(e),r&&(n+="}"),e[2]&&(n+="}"),e[4]&&(n+="}"),n})).join("")},e.i=function(t,n,r,a,o){"string"==typeof t&&(t=[[null,t,void 0]]);var s={};if(r)for(var i=0;i<this.length;i++){var c=this[i][0];null!=c&&(s[c]=!0)}for(var l=0;l<t.length;l++){var u=[].concat(t[l]);r&&s[u[0]]||(void 0!==o&&(void 0===u[5]||(u[1]="@layer".concat(u[5].length>0?" ".concat(u[5]):""," {").concat(u[1],"}")),u[5]=o),n&&(u[2]?(u[1]="@media ".concat(u[2]," {").concat(u[1],"}"),u[2]=n):u[2]=n),a&&(u[4]?(u[1]="@supports (".concat(u[4],") {").concat(u[1],"}"),u[4]=a):u[4]="".concat(a)),e.push(u))}},e}},81:t=>{"use strict";t.exports=function(t){return t[1]}},205:(t,e,n)=>{"use strict";n.r(e),n.d(e,{default:()=>v});var r=n(994),a=n.n(r),o=n(795),s=n.n(o),i=n(569),c=n.n(i),l=n(565),u=n.n(l),d=n(216),b=n.n(d),p=n(589),f=n.n(p),m=n(906),h={};h.styleTagTransform=f(),h.setAttributes=u(),h.insert=c().bind(null,"head"),h.domAPI=s(),h.insertStyleElement=b(),a()(m.Z,h);const v=m.Z&&m.Z.locals?m.Z.locals:void 0},994:t=>{"use strict";var e=[];function n(t){for(var n=-1,r=0;r<e.length;r++)if(e[r].identifier===t){n=r;break}return n}function r(t,r){for(var o={},s=[],i=0;i<t.length;i++){var c=t[i],l=r.base?c[0]+r.base:c[0],u=o[l]||0,d="".concat(l," ").concat(u);o[l]=u+1;var b=n(d),p={css:c[1],media:c[2],sourceMap:c[3],supports:c[4],layer:c[5]};if(-1!==b)e[b].references++,e[b].updater(p);else{var f=a(p,r);r.byIndex=i,e.splice(i,0,{identifier:d,updater:f,references:1})}s.push(d)}return s}function a(t,e){var n=e.domAPI(e);return n.update(t),function(e){if(e){if(e.css===t.css&&e.media===t.media&&e.sourceMap===t.sourceMap&&e.supports===t.supports&&e.layer===t.layer)return;n.update(t=e)}else n.remove()}}t.exports=function(t,a){var o=r(t=t||[],a=a||{});return function(t){t=t||[];for(var s=0;s<o.length;s++){var i=n(o[s]);e[i].references--}for(var c=r(t,a),l=0;l<o.length;l++){var u=n(o[l]);0===e[u].references&&(e[u].updater(),e.splice(u,1))}o=c}}},569:t=>{"use strict";var e={};t.exports=function(t,n){var r=function(t){if(void 0===e[t]){var n=document.querySelector(t);if(window.HTMLIFrameElement&&n instanceof window.HTMLIFrameElement)try{n=n.contentDocument.head}catch(t){n=null}e[t]=n}return e[t]}(t);if(!r)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");r.appendChild(n)}},216:t=>{"use strict";t.exports=function(t){var e=document.createElement("style");return t.setAttributes(e,t.attributes),t.insert(e,t.options),e}},565:(t,e,n)=>{"use strict";t.exports=function(t){var e=n.nc;e&&t.setAttribute("nonce",e)}},795:t=>{"use strict";t.exports=function(t){var e=t.insertStyleElement(t);return{update:function(n){!function(t,e,n){var r="";n.supports&&(r+="@supports (".concat(n.supports,") {")),n.media&&(r+="@media ".concat(n.media," {"));var a=void 0!==n.layer;a&&(r+="@layer".concat(n.layer.length>0?" ".concat(n.layer):""," {")),r+=n.css,a&&(r+="}"),n.media&&(r+="}"),n.supports&&(r+="}");var o=n.sourceMap;o&&"undefined"!=typeof btoa&&(r+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(o))))," */")),e.styleTagTransform(r,t,e.options)}(e,t,n)},remove:function(){!function(t){if(null===t.parentNode)return!1;t.parentNode.removeChild(t)}(e)}}}},589:t=>{"use strict";t.exports=function(t,e){if(e.styleSheet)e.styleSheet.cssText=t;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(t))}}},379:function(t,e,n){var r,a,o=this&&this.__createBinding||(Object.create?function(t,e,n,r){void 0===r&&(r=n);var a=Object.getOwnPropertyDescriptor(e,n);a&&!("get"in a?!e.__esModule:a.writable||a.configurable)||(a={enumerable:!0,get:function(){return e[n]}}),Object.defineProperty(t,r,a)}:function(t,e,n,r){void 0===r&&(r=n),t[r]=e[n]}),s=this&&this.__setModuleDefault||(Object.create?function(t,e){Object.defineProperty(t,"default",{enumerable:!0,value:e})}:function(t,e){t.default=e}),i=this&&this.__importStar||function(t){if(t&&t.__esModule)return t;var e={};if(null!=t)for(var n in t)"default"!==n&&Object.prototype.hasOwnProperty.call(t,n)&&o(e,t,n);return s(e,t),e};r=[n,e,n(359),n(205)],a=function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),n=i(n);class r extends n.Component{constructor(t){super(t),this.switch=t=>{this.setState({currentIndex:t})},this.renderTabBtns=t=>{var e;const{tabBtnHeight:r,activeIndex:a}=this.props,o=null===(e=t[this.state.currentIndex])||void 0===e?void 0:e.btnImg,s={};o&&(s.backgroundImage=`url(${t[this.state.currentIndex].btnImg})`);const i=n.default.createElement("div",{className:"mock-tab-btns-bg"},t.map(((t,e)=>n.default.createElement("div",{key:e,className:"mock-tab-btns-bg-item",style:{width:t.width}},n.default.createElement("span",{className:"mock-tab-btns-bg-item-inner"+(e===this.state.currentIndex?" actived":""),style:{borderRadius:(r||0)/200+"rem"}},`tab${e+1}`)))));return n.default.createElement("div",{className:"tab-btns",style:{height:(r||0)/100+"rem"}},n.default.createElement("div",{className:"tab-btns-bg",style:s},!o&&i),n.default.createElement("div",{className:"tab-btns-hotarea"},t.map(((t,e)=>n.default.createElement("div",{key:e,className:"tab-header-btn"+(t.clickable?"":" disabled"),style:{width:t.width},onClick:()=>this.switch(e)})))))},this.state={currentIndex:t.activeIndex}}render(){const{tabNumber:t,clickableTabs:e,activeIndex:r,hotAreaType:a,tabsWidth:o,tabImgs:s=[],id:i,children:c=[]}=this.props,l=[];for(let n=0;n<t;n++){const r={btnImg:s[n]||""};r.width="ave"===a?`${(100/t).toFixed(2)}%`:100*Number(o.split(",")[n]||0)+"%",e.indexOf(n)>-1&&(r.clickable=!0),l.push(r)}return console.log("children: ",c),n.default.createElement("div",{id:i,className:"mtab","data-activeIndex":this.state.currentIndex},n.default.createElement("div",null,l.map(((t,e)=>n.default.createElement("div",{key:e,className:"imgpreloade",style:{backgroundImage:`url(${t.btnImg})`}})))),this.renderTabBtns(l),n.default.createElement("div",{className:"tab-contents"},c.map(((t,e)=>e===this.state.currentIndex?t:null))))}}e.default=r}.apply(e,r),void 0===a||(t.exports=a)},359:e=>{"use strict";e.exports=t}},n={};function r(t){var a=n[t];if(void 0!==a)return a.exports;var o=n[t]={id:t,exports:{}};return e[t].call(o.exports,o,o.exports,r),o.exports}return r.n=t=>{var e=t&&t.__esModule?()=>t.default:()=>t;return r.d(e,{a:e}),e},r.d=(t,e)=>{for(var n in e)r.o(e,n)&&!r.o(t,n)&&Object.defineProperty(t,n,{enumerable:!0,get:e[n]})},r.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e),r.r=t=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},r(379)})()}));