qt-public-ui/lib/Icon/index.js

新设计规范下业务组件库

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
var _typeof = require("@babel/runtime/helpers/typeof");
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = void 0;
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
var _react = _interopRequireWildcard(require("react"));
var Icons = _interopRequireWildcard(require("@ant-design/icons"));
require("./style.less");
var _excluded = ["type", "theme"];
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
var string2Camal = function string2Camal(str) {
  var firstLetter = str.slice(0, 1);
  var restLetter = str.slice(1);
  return firstLetter.toUpperCase() + restLetter.toLowerCase();
};
var slash2Camal = function slash2Camal(str) {
  var words = str.split('-');
  return words.map(string2Camal).join('');
};
var changeIconName = function changeIconName(type, theme) {
  var _type = type.replace(/^ant-/, '');
  return slash2Camal(_type) + string2Camal(theme);
};
var Icon = function Icon(props) {
  var type = props.type,
    _props$theme = props.theme,
    theme = _props$theme === void 0 ? 'outlined' : _props$theme,
    rest = (0, _objectWithoutProperties2["default"])(props, _excluded);
  if (!type) return null;
  if ((0, _react.isValidElement)(type)) return type;
  var isAntd3Icon = Icons[changeIconName("ant-".concat(type), theme)];
  var isAntIcon = /^ant-/.test(type);
  if (isAntd3Icon || isAntIcon) {
    var name = changeIconName(isAntd3Icon ? "ant-".concat(type) : type, theme);
    var IconComponent = Icons[name];
    return /*#__PURE__*/_react["default"].createElement(IconComponent, rest);
  }
  return /*#__PURE__*/_react["default"].createElement("span", (0, _extends2["default"])({
    className: "umui-icon anticon"
  }, rest), /*#__PURE__*/_react["default"].createElement("svg", {
    focusable: "false",
    width: "1em",
    height: "1em",
    fill: "currentColor"
  }, /*#__PURE__*/_react["default"].createElement("use", {
    xlinkHref: "#".concat(type)
  })));
};
Icon.displayName = 'Icon';
var _default = exports["default"] = Icon;