@chief-editor/brick-control/es/brick/Tab/Brick.js

Control Brick for chief editor

var __assign=this&&this.__assign||function(){return(__assign=Object.assign||function(e){for(var t,a=1,r=arguments.length;a<r;a++)for(var n in t=arguments[a])Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n]);return e}).apply(this,arguments)};import{Tab}from"@chief-editor/ui";import React,{useCallback}from"react";export function TabBrick(e){var t=e.styles,a=e.layout,r=e.setState,n=e.state.currentIndex,i=e.creator,l=e.renderPart,c=e.datasource,s=void 0===c?[]:c,o=useCallback((function(e){r({currentIndex:e})}),[]);return React.createElement("div",{"data-id":i,style:__assign(__assign({},t),a)},React.createElement("div",null,React.createElement(Tab,{activeId:String(n),onChange:o,lazy:!0},s.map((function(e){return React.createElement(Tab.Item,{key:e.value,id:String(e.value),tab:e.label,disabled:e.disabled},React.createElement("div",{key:"tab_item_"+e.value,style:{display:e.value===n?"block":"none"}},l(String(e.value))))})))))}