tntd 3.0.35 → 3.0.36

package/es/handle-icon/index.js

@@ -1,4 +1,22 @@
-var __rest = this && this.__rest || function (s, e) {
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _LocaleReceiver = _interopRequireDefault(require("antd/es/locale-provider/LocaleReceiver"));
+var _toArray = _interopRequireDefault(require("rc-util/es/Children/toArray"));
+var _icon = _interopRequireDefault(require("../icon"));
+var _popconfirm = _interopRequireDefault(require("../popconfirm"));
+var _divider = _interopRequireDefault(require("../divider"));
+var _dropdown = _interopRequireDefault(require("../dropdown"));
+var _tooltip = _interopRequireDefault(require("../tooltip"));
+var _utils = require("../utils");
+var _menu = _interopRequireDefault(require("../menu"));
+require("./index.less");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+var __rest = void 0 && (void 0).__rest || function (s, e) {
   var t = {};
   for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
   if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
@@ -6,51 +24,46 @@ var __rest = this && this.__rest || function (s, e) {
   }
   return t;
 };
-import React from 'react';
-import LocaleReceiver from 'antd/es/locale-provider/LocaleReceiver';
-import toArray from "rc-util/es/Children/toArray";
-import Icon from '../icon';
-import PopConfirm from "../popconfirm";
-import Divider from '../divider';
-import Dropdown from '../dropdown';
-import Tooltip from '../tooltip';
-import { doUpperTitle } from '../utils';
-import Menu from '../menu';
-import './index.less';
-const HandleIcon = props => {
-  return React.createElement(LocaleReceiver, {
+var HandleIcon = function HandleIcon(props) {
+  return _react["default"].createElement(_LocaleReceiver["default"], {
     componentName: "HandleIcon"
-  }, () => {
-    const _a = props || {},
-      {
-        children = [],
-        num = 5,
-        divider = false,
-        stopPropagation = true,
-        size = 'large'
-      } = _a,
+  }, function () {
+    var _a = props || {},
+      _a$children = _a.children,
+      children = _a$children === void 0 ? [] : _a$children,
+      _a$num = _a.num,
+      num = _a$num === void 0 ? 5 : _a$num,
+      _a$divider = _a.divider,
+      divider = _a$divider === void 0 ? false : _a$divider,
+      _a$stopPropagation = _a.stopPropagation,
+      stopPropagation = _a$stopPropagation === void 0 ? true : _a$stopPropagation,
+      _a$size = _a.size,
+      size = _a$size === void 0 ? 'large' : _a$size,
       rest = __rest(_a, ["children", "num", "divider", "stopPropagation", "size"]);
-    let newChildren = [];
+    var newChildren = [];
     if (Array.isArray(children)) {
-      newChildren = (children === null || children === void 0 ? void 0 : children.filter(item => !!item)) || [];
+      newChildren = (children === null || children === void 0 ? void 0 : children.filter(function (item) {
+        return !!item;
+      })) || [];
     } else if (children) {
       newChildren.push(children);
     }
-    const flattenChildren = children => {
+    var _flattenChildren = function flattenChildren(children) {
       if (!children) {
         return [];
       }
-      return toArray(children).reduce(function (flatChildren, child) {
-        if (child && child.type === React.Fragment) {
-          return flatChildren.concat(flattenChildren(child.props.children));
+      return (0, _toArray["default"])(children).reduce(function (flatChildren, child) {
+        if (child && child.type === _react["default"].Fragment) {
+          return flatChildren.concat(_flattenChildren(child.props.children));
         }
         flatChildren.push(child);
         return flatChildren;
       }, []);
     };
     // 解决需要Fragment包的场景
-    newChildren = flattenChildren(newChildren);
-    let [preChildPart, lastChildPart] = [newChildren, null];
+    newChildren = _flattenChildren(newChildren);
+    var preChildPart = newChildren,
+      lastChildPart = null;
     // 只有1个时不适配
     if (newChildren.length - num === 1) {
       preChildPart = newChildren;
@@ -59,144 +72,151 @@ const HandleIcon = props => {
       lastChildPart = newChildren.slice(num);
     }
     if (divider && preChildPart) {
-      preChildPart = preChildPart === null || preChildPart === void 0 ? void 0 : preChildPart.map((dom, i) => React.createElement(React.Fragment, null, dom, !(i === (preChildPart === null || preChildPart === void 0 ? void 0 : preChildPart.length) - 1 && !(lastChildPart === null || lastChildPart === void 0 ? void 0 : lastChildPart.length) // 没有更多 且 是最后一个时 不显示 Divider
-      ) && React.createElement(Divider, {
-        type: "vertical"
-      })));
+      preChildPart = preChildPart === null || preChildPart === void 0 ? void 0 : preChildPart.map(function (dom, i) {
+        return _react["default"].createElement(_react["default"].Fragment, null, dom, !(i === (preChildPart === null || preChildPart === void 0 ? void 0 : preChildPart.length) - 1 && !(lastChildPart === null || lastChildPart === void 0 ? void 0 : lastChildPart.length) // 没有更多 且 是最后一个时 不显示 Divider
+        ) && _react["default"].createElement(_divider["default"], {
+          type: "vertical"
+        }));
+      });
     }
-    const decoratePopconfirm = (element, parentElement) => {
-      if (React.isValidElement(element)) {
-        const {
-          type,
-          props
-        } = element;
-        if (type === PopConfirm) {
-          const placement = {
+    var _decoratePopconfirm = function decoratePopconfirm(element, parentElement) {
+      if (_react["default"].isValidElement(element)) {
+        var type = element.type,
+          _props = element.props;
+        if (type === _popconfirm["default"]) {
+          var placement = {
             placement: 'left'
           };
-          const {
-            disabled
-          } = (parentElement === null || parentElement === void 0 ? void 0 : parentElement.props) || {};
-          let disableProps = {};
+          var _ref = (parentElement === null || parentElement === void 0 ? void 0 : parentElement.props) || {},
+            disabled = _ref.disabled;
+          var disableProps = {};
           if (disabled) {
             disableProps = {
-              disabled,
-              onConfirm: () => {}
+              disabled: disabled,
+              onConfirm: function onConfirm() {}
             };
           }
-          return React.cloneElement(element, Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({
+          return _react["default"].cloneElement(element, Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({
             overlayStyle: {
               minWidth: "200px",
               maxWidth: "600px"
             }
-          }, props || {}), {
-            onClick: e => e.stopPropagation()
+          }, _props || {}), {
+            onClick: function onClick(e) {
+              return e.stopPropagation();
+            }
           }), placement), {
             trigger: 'hover',
-            getPopupContainer: trigger => trigger.parentNode
+            getPopupContainer: function getPopupContainer(trigger) {
+              return trigger.parentNode;
+            }
           }), disableProps || {}));
         }
-        if (props && props.children) {
-          const modifiedChildren = React.Children.map(props.children, child => {
-            return decoratePopconfirm(child, element);
+        if (_props && _props.children) {
+          var modifiedChildren = _react["default"].Children.map(_props.children, function (child) {
+            return _decoratePopconfirm(child, element);
           });
-          return React.cloneElement(element, props, modifiedChildren);
+          return _react["default"].cloneElement(element, _props, modifiedChildren);
         }
       }
       return element;
     };
     // 对更多的popConfirm
     if (lastChildPart === null || lastChildPart === void 0 ? void 0 : lastChildPart.length) {
-      lastChildPart === null || lastChildPart === void 0 ? void 0 : lastChildPart.forEach((v, i) => {
-        v = decoratePopconfirm(v);
-        lastChildPart[i] = React.cloneElement(v, Object.assign(Object.assign({}, (v === null || v === void 0 ? void 0 : v.props) || {}), {
+      lastChildPart === null || lastChildPart === void 0 ? void 0 : lastChildPart.forEach(function (v, i) {
+        v = _decoratePopconfirm(v);
+        lastChildPart[i] = _react["default"].cloneElement(v, Object.assign(Object.assign({}, (v === null || v === void 0 ? void 0 : v.props) || {}), {
           inMore: true
         }));
       });
     }
-    const menu = childArr => React.createElement(Menu, {
-      className: `menu-handle-icon-more tnt-handle-icon-${size}`
-    }, childArr === null || childArr === void 0 ? void 0 : childArr.map((child, i) => React.createElement(Menu.Item, {
-      key: i
-    }, child)));
-    return React.createElement("div", Object.assign({
-      onClick: e => {
+    var menu = function menu(childArr) {
+      return _react["default"].createElement(_menu["default"], {
+        className: "menu-handle-icon-more tnt-handle-icon-".concat(size)
+      }, childArr === null || childArr === void 0 ? void 0 : childArr.map(function (child, i) {
+        return _react["default"].createElement(_menu["default"].Item, {
+          key: i
+        }, child);
+      }));
+    };
+    return _react["default"].createElement("div", Object.assign({
+      onClick: function onClick(e) {
         if (stopPropagation) {
           e.stopPropagation();
         }
       }
     }, rest, {
-      className: `tnt-handle-icon-wrap tnt-handle-icon-${size} ${(rest === null || rest === void 0 ? void 0 : rest.className) || ''}`
-    }), preChildPart, !!(lastChildPart === null || lastChildPart === void 0 ? void 0 : lastChildPart.length) && React.createElement(Dropdown, {
+      className: "tnt-handle-icon-wrap tnt-handle-icon-".concat(size, " ").concat((rest === null || rest === void 0 ? void 0 : rest.className) || '')
+    }), preChildPart, !!(lastChildPart === null || lastChildPart === void 0 ? void 0 : lastChildPart.length) && _react["default"].createElement(_dropdown["default"], {
       overlay: menu(lastChildPart || []),
       arrow: true,
-      onClick: e => {
+      onClick: function onClick(e) {
         stopPropagation && e.stopPropagation();
       }
-    }, React.createElement(Icon, {
+    }, _react["default"].createElement(_icon["default"], {
       type: "more",
       className: 'tnt-handle-icon-more'
     })));
   });
 };
-HandleIcon.Item = props => {
-  const {
-      children,
-      title,
-      desc,
-      tooltip = true,
-      inMore,
-      disabled,
-      upperCaseIgnore = []
-    } = props,
+HandleIcon.Item = function (props) {
+  var children = props.children,
+    title = props.title,
+    desc = props.desc,
+    _props$tooltip = props.tooltip,
+    tooltip = _props$tooltip === void 0 ? true : _props$tooltip,
+    inMore = props.inMore,
+    disabled = props.disabled,
+    _props$upperCaseIgnor = props.upperCaseIgnore,
+    upperCaseIgnore = _props$upperCaseIgnor === void 0 ? [] : _props$upperCaseIgnor,
     rest = __rest(props, ["children", "title", "desc", "tooltip", "inMore", "disabled", "upperCaseIgnore"]);
-  const upTitle = doUpperTitle(title, upperCaseIgnore);
+  var upTitle = (0, _utils.doUpperTitle)(title, upperCaseIgnore);
   ;
-  const replaceIconWithText = element => {
-    if (React.isValidElement(element)) {
-      const {
-        type,
-        props: eleProps
-      } = element;
-      let disabledProps = {};
+  var _replaceIconWithText = function replaceIconWithText(element) {
+    if (_react["default"].isValidElement(element)) {
+      var type = element.type,
+        eleProps = element.props;
+      var disabledProps = {};
       if (disabled) {
         disabledProps = {
-          disabled,
-          onClick: e => {
+          disabled: disabled,
+          onClick: function onClick(e) {
             e.stopPropagation();
           },
           className: ((eleProps === null || eleProps === void 0 ? void 0 : eleProps.className) || "") + (disabled ? ' disabled' : "")
         };
       }
       // 如果是更多需要替换文字
-      if (type === Icon || type === 'img') {
+      if (type === _icon["default"] || type === 'img') {
         if (inMore) {
-          return React.createElement("a", Object.assign({}, eleProps, disabledProps), upTitle);
+          return _react["default"].createElement("a", Object.assign({}, eleProps, disabledProps), upTitle);
         }
       }
-      if (disabled && (type === Icon || ['img', 'a'].includes(type))) {
-        return React.cloneElement(element, Object.assign(Object.assign({}, (element === null || element === void 0 ? void 0 : element.props) || {}), disabledProps || {}));
+      if (disabled && (type === _icon["default"] || ['img', 'a'].includes(type))) {
+        return _react["default"].cloneElement(element, Object.assign(Object.assign({}, (element === null || element === void 0 ? void 0 : element.props) || {}), disabledProps || {}));
       }
       if (eleProps && eleProps.children) {
-        const modifiedChildren = React.Children.map(eleProps.children, child => {
-          return replaceIconWithText(child);
+        var modifiedChildren = _react["default"].Children.map(eleProps.children, function (child) {
+          return _replaceIconWithText(child);
         });
-        return React.cloneElement(element, eleProps, modifiedChildren);
+        return _react["default"].cloneElement(element, eleProps, modifiedChildren);
       }
     }
     return element;
   };
-  let newChildren = children;
+  var newChildren = children;
   if (Array.isArray(newChildren)) {
-    newChildren = children === null || children === void 0 ? void 0 : children.map(child => replaceIconWithText(child));
+    newChildren = children === null || children === void 0 ? void 0 : children.map(function (child) {
+      return _replaceIconWithText(child);
+    });
   } else {
-    newChildren = replaceIconWithText(children);
+    newChildren = _replaceIconWithText(children);
   }
   if ((inMore && desc || !inMore) && tooltip) {
-    return React.createElement(Tooltip, Object.assign({
+    return _react["default"].createElement(_tooltip["default"], Object.assign({
       title: disabled ? desc || upTitle : upTitle
     }, rest || {}), newChildren);
   }
   return newChildren;
 };
-export default HandleIcon;
+var _default = exports["default"] = HandleIcon;

package/es/icon/IconFont.js

@@ -1,4 +1,16 @@
-var __rest = this && this.__rest || function (s, e) {
+"use strict";
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = create;
+var React = _interopRequireWildcard(require("react"));
+var _index = _interopRequireDefault(require("./index"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+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 __rest = void 0 && (void 0).__rest || function (s, e) {
   var t = {};
   for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
   if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
@@ -6,14 +18,12 @@ var __rest = this && this.__rest || function (s, e) {
   }
   return t;
 };
-import * as React from 'react';
-import Icon from './index';
-const customCache = new Set();
-export default function create(options = {}) {
-  const {
-    scriptUrl,
-    extraCommonProps = {}
-  } = options;
+var customCache = new Set();
+function create() {
+  var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  var scriptUrl = options.scriptUrl,
+    _options$extraCommonP = options.extraCommonProps,
+    extraCommonProps = _options$extraCommonP === void 0 ? {} : _options$extraCommonP;
   /**
    * DOM API required.
    * Make sure in browser environment.
@@ -21,31 +31,29 @@ export default function create(options = {}) {
    * that loads SVG symbols and insert the SVG Element into the document body.
    */
   if (typeof document !== 'undefined' && typeof window !== 'undefined' && typeof document.createElement === 'function' && typeof scriptUrl === 'string' && scriptUrl.length && !customCache.has(scriptUrl)) {
-    const script = document.createElement('script');
+    var script = document.createElement('script');
     script.setAttribute('src', scriptUrl);
     script.setAttribute('data-namespace', scriptUrl);
     customCache.add(scriptUrl);
     document.body.appendChild(script);
   }
-  const Iconfont = props => {
-    const {
-        type,
-        children
-      } = props,
+  var Iconfont = function Iconfont(props) {
+    var type = props.type,
+      children = props.children,
       restProps = __rest(props
       // component > children > type
       , ["type", "children"]);
     // component > children > type
-    let content = null;
+    var content = null;
     if (props.type) {
       content = React.createElement("use", {
-        xlinkHref: `#${type}`
+        xlinkHref: "#".concat(type)
       });
     }
     if (children) {
       content = children;
     }
-    return React.createElement(Icon, Object.assign({}, extraCommonProps, restProps), content);
+    return React.createElement(_index["default"], Object.assign({}, extraCommonProps, restProps), content);
   };
   Iconfont.displayName = 'Iconfont';
   return Iconfont;

package/es/icon/components/Icon.js

@@ -1,4 +1,28 @@
-var __rest = this && this.__rest || function (s, e) {
+"use strict";
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _utils = require("./utils");
+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; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
+function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } }
+function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
+function _possibleConstructorReturn(t, e) { if (e && ("object" == _typeof(e) || "function" == typeof e)) return e; if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined"); return _assertThisInitialized(t); }
+function _assertThisInitialized(e) { if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); return e; }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+function _getPrototypeOf(t) { return _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) { return t.__proto__ || Object.getPrototypeOf(t); }, _getPrototypeOf(t); }
+function _inherits(t, e) { if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function"); t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, "prototype", { writable: !1 }), e && _setPrototypeOf(t, e); }
+function _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, _setPrototypeOf(t, e); }
+var __rest = void 0 && (void 0).__rest || function (s, e) {
   var t = {};
   for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
   if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
@@ -6,91 +30,104 @@ var __rest = this && this.__rest || function (s, e) {
   }
   return t;
 };
-import * as React from 'react';
-import { generate, getSecondaryColor, isIconDefinition, log, MiniMap, withSuffix } from './utils';
-const twoToneColorPalette = {
+var twoToneColorPalette = {
   primaryColor: '#333',
   secondaryColor: '#E6E6E6'
 };
-class Icon extends React.Component {
-  static add(...icons) {
-    icons.forEach(icon => {
-      this.definitions.set(withSuffix(icon.name, icon.theme), icon);
-    });
-  }
-  static clear() {
-    this.definitions.clear();
+var Icon = /*#__PURE__*/function (_React$Component) {
+  function Icon() {
+    _classCallCheck(this, Icon);
+    return _callSuper(this, Icon, arguments);
   }
-  static get(key, colors = twoToneColorPalette) {
-    if (key) {
-      let target = this.definitions.get(key);
+  _inherits(Icon, _React$Component);
+  return _createClass(Icon, [{
+    key: "render",
+    value: function render() {
+      var _a = this.props,
+        type = _a.type,
+        className = _a.className,
+        onClick = _a.onClick,
+        style = _a.style,
+        primaryColor = _a.primaryColor,
+        secondaryColor = _a.secondaryColor,
+        rest = __rest(_a, ["type", "className", "onClick", "style", "primaryColor", "secondaryColor"]);
+      var target;
+      var colors = twoToneColorPalette;
+      if (primaryColor) {
+        colors = {
+          primaryColor: primaryColor,
+          secondaryColor: secondaryColor || (0, _utils.getSecondaryColor)(primaryColor)
+        };
+      }
+      if ((0, _utils.isIconDefinition)(type)) {
+        target = type;
+      } else if (typeof type === 'string') {
+        target = Icon.get(type, colors);
+        if (!target) {
+          // log(`Could not find icon: ${type}`);
+          return null;
+        }
+      }
+      if (!target) {
+        (0, _utils.log)("type should be string or icon definiton, but got ".concat(type));
+        return null;
+      }
       if (target && typeof target.icon === 'function') {
         target = Object.assign(Object.assign({}, target), {
           icon: target.icon(colors.primaryColor, colors.secondaryColor)
         });
       }
-      return target;
+      return (0, _utils.generate)(target.icon, "svg-".concat(target.name), Object.assign(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
+        className: className,
+        onClick: onClick,
+        style: style
+      }, 'data-icon', target.name), "width", '1em'), "height", '1em'), "fill", 'currentColor'), 'aria-hidden', 'true'), rest));
     }
-  }
-  static setTwoToneColors({
-    primaryColor,
-    secondaryColor
-  }) {
-    twoToneColorPalette.primaryColor = primaryColor;
-    twoToneColorPalette.secondaryColor = secondaryColor || getSecondaryColor(primaryColor);
-  }
-  static getTwoToneColors() {
-    return Object.assign({}, twoToneColorPalette);
-  }
-  render() {
-    const _a = this.props,
-      {
-        type,
-        className,
-        onClick,
-        style,
-        primaryColor,
-        secondaryColor
-      } = _a,
-      rest = __rest(_a, ["type", "className", "onClick", "style", "primaryColor", "secondaryColor"]);
-    let target;
-    let colors = twoToneColorPalette;
-    if (primaryColor) {
-      colors = {
-        primaryColor,
-        secondaryColor: secondaryColor || getSecondaryColor(primaryColor)
-      };
+  }], [{
+    key: "add",
+    value: function add() {
+      var _this = this;
+      for (var _len = arguments.length, icons = new Array(_len), _key = 0; _key < _len; _key++) {
+        icons[_key] = arguments[_key];
+      }
+      icons.forEach(function (icon) {
+        _this.definitions.set((0, _utils.withSuffix)(icon.name, icon.theme), icon);
+      });
     }
-    if (isIconDefinition(type)) {
-      target = type;
-    } else if (typeof type === 'string') {
-      target = Icon.get(type, colors);
-      if (!target) {
-        // log(`Could not find icon: ${type}`);
-        return null;
+  }, {
+    key: "clear",
+    value: function clear() {
+      this.definitions.clear();
+    }
+  }, {
+    key: "get",
+    value: function get(key) {
+      var colors = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : twoToneColorPalette;
+      if (key) {
+        var target = this.definitions.get(key);
+        if (target && typeof target.icon === 'function') {
+          target = Object.assign(Object.assign({}, target), {
+            icon: target.icon(colors.primaryColor, colors.secondaryColor)
+          });
+        }
+        return target;
       }
     }
-    if (!target) {
-      log(`type should be string or icon definiton, but got ${type}`);
-      return null;
+  }, {
+    key: "setTwoToneColors",
+    value: function setTwoToneColors(_ref) {
+      var primaryColor = _ref.primaryColor,
+        secondaryColor = _ref.secondaryColor;
+      twoToneColorPalette.primaryColor = primaryColor;
+      twoToneColorPalette.secondaryColor = secondaryColor || (0, _utils.getSecondaryColor)(primaryColor);
     }
-    if (target && typeof target.icon === 'function') {
-      target = Object.assign(Object.assign({}, target), {
-        icon: target.icon(colors.primaryColor, colors.secondaryColor)
-      });
+  }, {
+    key: "getTwoToneColors",
+    value: function getTwoToneColors() {
+      return Object.assign({}, twoToneColorPalette);
     }
-    return generate(target.icon, `svg-${target.name}`, Object.assign({
-      className,
-      onClick,
-      style,
-      ['data-icon']: target.name,
-      width: '1em',
-      height: '1em',
-      fill: 'currentColor',
-      ['aria-hidden']: 'true'
-    }, rest));
-  }
-}
+  }]);
+}(React.Component);
 Object.defineProperty(Icon, "displayName", {
   enumerable: true,
   configurable: true,
@@ -101,6 +138,6 @@ Object.defineProperty(Icon, "definitions", {
   enumerable: true,
   configurable: true,
   writable: true,
-  value: new MiniMap()
+  value: new _utils.MiniMap()
 });
-export default Icon;
+var _default = exports["default"] = Icon;

package/es/icon/components/index.js

@@ -1 +1,13 @@
-export { default } from './Icon';
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _Icon["default"];
+  }
+});
+var _Icon = _interopRequireDefault(require("./Icon"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }