UNPKG

zent

Version:

一套前端设计语言和基于React的实现

44 lines (43 loc) 2.06 kB
import { __assign, __extends } from "tslib"; import { jsx as _jsx } from "react/jsx-runtime"; import cn from 'classnames'; import VerticalTab from '../tab/VerticalTab'; import BaseTabsNav from '../base/BaseTabsNav'; import { commonTransformTabData } from '../../utils'; var VerticalTabsNav = (function (_super) { __extends(VerticalTabsNav, _super); function VerticalTabsNav() { var _this = _super !== null && _super.apply(this, arguments) || this; _this.typeName = 'vertical'; return _this; } Object.defineProperty(VerticalTabsNav.prototype, "tabsNavCls", { get: function () { return cn('zent-tabs-nav', "zent-tabs-nav-type__" + this.typeName); }, enumerable: false, configurable: true }); VerticalTabsNav.prototype.transformTabDataList = function (tabDataList) { return tabDataList.map(function (tabItem) { if ('divide' in tabItem) { return tabItem; } return commonTransformTabData(tabItem, false); }); }; VerticalTabsNav.prototype.renderTab = function (data, index) { if ('divide' in data) { return _jsx("div", { className: "zent-tabs-divide", "data-zv": '10.0.17' }, "divide-" + index); } return (_jsx(VerticalTab, __assign({ onSelected: this.onTabSelected }, data, { id: data.key }, { children: data.title }), void 0)); }; VerticalTabsNav.prototype.render = function () { var maxHeight = this.props.scrollHeight; return (_jsx("div", __assign({ className: this.tabsNavCls, "data-zv": '10.0.17' }, { children: _jsx("div", __assign({ className: "zent-tabs-nav-content", "data-zv": '10.0.17' }, { children: _jsx("div", __assign({ className: "zent-tabs-scroll", style: { maxHeight: maxHeight, }, role: "tablist", "data-zv": '10.0.17' }, { children: this.renderTabs() }), void 0) }), void 0) }), void 0)); }; return VerticalTabsNav; }(BaseTabsNav)); export default VerticalTabsNav;