@aliretail/react-materials-components/lib/StatusTag/index.js

B 端物料组件库

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

exports.__esModule = true;
exports["default"] = exports.StatusTag = exports.ETypeToColor = void 0;

var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));

var _tag = _interopRequireDefault(require("@alifd/next/lib/tag"));

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

var PropTypes = _interopRequireWildcard(require("prop-types"));

function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }

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

/* eslint no-shadow: "off" */
var TagGroup = _tag["default"].Group;
var ETypeToColor;
exports.ETypeToColor = ETypeToColor;

(function (ETypeToColor) {
  ETypeToColor["warning"] = "orange";
  ETypeToColor["middle"] = "blue";
  ETypeToColor["success"] = "green";
  ETypeToColor["cancel"] = "gray";
  ETypeToColor["error"] = "red";
})(ETypeToColor || (exports.ETypeToColor = ETypeToColor = {}));

var StatusTag = /*#__PURE__*/function (_React$Component) {
  (0, _inheritsLoose2["default"])(StatusTag, _React$Component);

  function StatusTag() {
    return _React$Component.apply(this, arguments) || this;
  }

  var _proto = StatusTag.prototype;

  // 即便 ts 声明了 TStatusTagProps，这里还是要提供 propsTypes，用于 react 报错提示
  _proto.render = function render() {
    var _this$props = this.props,
        type = _this$props.type,
        text = _this$props.text,
        color = _this$props.color,
        size = _this$props.size,
        list = _this$props.list;

    if (list !== null && list !== void 0 && list.length) {
      return /*#__PURE__*/React.createElement(TagGroup, {
        className: "aliretail-tag-group"
      }, list.map(function (t) {
        return /*#__PURE__*/React.createElement(_tag["default"], {
          type: "normal",
          key: t.text || text,
          className: ETypeToColor[t.type || type],
          size: t.size || size,
          color: t.color || color
        }, t.text || text);
      }));
    }

    return /*#__PURE__*/React.createElement(TagGroup, {
      className: "aliretail-tag-group"
    }, /*#__PURE__*/React.createElement(_tag["default"], {
      type: "normal",
      size: size,
      className: ETypeToColor[type],
      color: color
    }, text));
  };

  return StatusTag;
}(React.Component);

exports.StatusTag = StatusTag;
StatusTag.propTypes = {
  type: PropTypes.string,
  text: PropTypes.string,
  color: PropTypes.string,
  size: PropTypes.string
};
StatusTag.defaultProps = {
  type: '',
  text: 'tag',
  size: 'small'
};
StatusTag.TypeToColor = ETypeToColor;
var _default = StatusTag;
exports["default"] = _default;