ukelli-ui/core/tabs/tab.js

ukelli-ui 是基于 React 的 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;