ukelli-ui/core/tabs/tab.js

[](https://travis-ci.org/ukelli/ukelli-ui) [](https://packagephobia.now.sh/result?p=ukelli-ui)

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;

var _react = _interopRequireWildcard(require("react"));

var _propTypes = _interopRequireDefault(require("prop-types"));

var _basicHelper = require("basic-helper");

var _icon = require("../icon");

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {}; if (desc.get || desc.set) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } } newObj.default = obj; return newObj; } }

var Tab = function Tab(_ref) {
  var label = _ref.label,
      icon = _ref.icon,
      _onClick = _ref.onClick,
      onChange = _ref.onChange,
      idx = _ref.idx,
      _ref$labelClass = _ref.labelClass,
      labelClass = _ref$labelClass === void 0 ? '' : _ref$labelClass;
  var iconDOM = icon ? _react.default.createElement(_icon.Icon, {
    n: icon,
    classNames: ['tab-icon']
  }) : null;
  return _react.default.createElement("div", {
    className: "tab-label " + labelClass,
    onClick: function onClick(e) {
      (0, _basicHelper.Call)(_onClick);
      (0, _basicHelper.Call)(onChange);
    }
  }, iconDOM, _react.default.createElement("span", {
    className: "text"
  }, label));
};

Tab.propTypes = {
  /** tab 的显示名 */
  label: _propTypes.default.string.isRequired,

  /** tab 的 icon */
  icon: _propTypes.default.string,

  /** tab 的className */
  labelClass: _propTypes.default.string,

  /** 第几个 idx，Tabs 会传入 */
  idx: _propTypes.default.number,

  /** 改变激活的 tab 位置时的回调 */
  onChange: _propTypes.default.func,

  /** 改变激活的 tab 位置时的回调 */
  onClick: _propTypes.default.func
};
var _default = Tab;
exports.default = _default;