ukelli-ui/core/icon/icon.js

ukelli-ui 是基于 React 的 UI 库，提供简约和功能齐全的组件，可高度定制的组件接口，灵活的配置，提供给开发者另一种开发思路，也致力于尝试不同的组件使用和开发方向。

"use strict";

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

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

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

var _config = require("../config");

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; } }

function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }

function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _nonIterableSpread(); }

function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance"); }

function _iterableToArray(iter) { if (Symbol.iterator in Object(iter) || Object.prototype.toString.call(iter) === "[object Arguments]") return Array.from(iter); }

function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = new Array(arr.length); i < arr.length; i++) { arr2[i] = arr[i]; } return arr2; } }

function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }

function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }

var Icon = function Icon(props) {
  var n = props.n,
      s = props.s,
      useIconConfig = props.useIconConfig,
      type = props.type,
      classNames = props.classNames,
      className = props.className,
      other = _objectWithoutProperties(props, ["n", "s", "useIconConfig", "type", "classNames", "className"]);

  return _react["default"].createElement("i", _extends({}, other, {
    className: (0, _config.getIcon)(n || type, s, ['icon', className ? className : ''].concat(_toConsumableArray(classNames)), useIconConfig)
  }));
};

Icon.propTypes = {
  /** 是否使用默认的 icon 配置 */
  useIconConfig: _propTypes["default"].bool,

  /** icon name */
  n: _propTypes["default"].string,

  /** icon style, 具体查看 https://fontawesome.com/ 的描述 */
  s: _propTypes["default"].oneOf(['s', 'r', 'l', 'b']),

  /** icon name */
  type: _propTypes["default"].string,

  /** multiple class names */
  classNames: _propTypes["default"].arrayOf(_propTypes["default"].string)
};
Icon.defaultProps = {
  n: 'none',
  s: 's',
  useIconConfig: true,
  classNames: []
};

var PureIcon = function PureIcon(props) {
  return _react["default"].createElement(Icon, _extends({}, props, {
    useIconConfig: false
  }));
};

exports.PureIcon = PureIcon;
var _default = Icon;
exports["default"] = _default;