@sensoro-design/icons 1.65.0 → 1.66.0

package/CHANGELOG.md

@@ -3,6 +3,25 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.66.0](https://github.com/sensoro-design/sensoro-design-icons/compare/@sensoro-design/icons@1.65.1...@sensoro-design/icons@1.66.0) (2022-12-09)
+
+
+### Features
+
+* 添加全景图标 ([a4cd01f](https://github.com/sensoro-design/sensoro-design-icons/commit/a4cd01fca0df9901e4624ef6a160b65f3de412f4))
+
+
+
+
+
+## [1.65.1](https://github.com/sensoro-design/sensoro-design-icons/compare/@sensoro-design/icons@1.65.0...@sensoro-design/icons@1.65.1) (2022-12-08)
+
+**Note:** Version bump only for package @sensoro-design/icons
+
+
+
+
+
 # [1.65.0](https://github.com/sensoro-design/sensoro-design-icons/compare/@sensoro-design/icons@1.64.1...@sensoro-design/icons@1.65.0) (2022-12-07)
 
 

package/PanoramicOutlined.d.ts

@@ -0,0 +1,2 @@
+// This index.ts file is generated automatically.
+export { default } from './lib/icons/PanoramicOutlined';

package/PanoramicOutlined.js

@@ -0,0 +1,15 @@
+// This index.ts file is generated automatically.
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _PanoramicOutlined = _interopRequireDefault(require('./lib/icons/PanoramicOutlined'));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
+
+var _default = _PanoramicOutlined;
+exports.default = _default;
+module.exports = _default;

package/es/components/Context.js

@@ -1,8 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var react_1 = require("react");
-var IconContext = (0, react_1.createContext)({});
-exports.default = IconContext;
+import { createContext } from 'react';
+var IconContext = /*#__PURE__*/createContext({});
+export default IconContext;

package/es/components/Icon.d.ts

@@ -16,5 +16,5 @@ export interface IconComponentProps extends IconBaseProps {
     component?: React.ComponentType<CustomIconComponentProps | React.SVGProps<SVGSVGElement>> | React.ForwardRefExoticComponent<CustomIconComponentProps>;
     ariaLabel?: React.AriaAttributes['aria-label'];
 }
-declare const Icon: React.ForwardRefExoticComponent<Pick<IconComponentProps, "value" | "children" | "cite" | "data" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "key" | "pattern" | "className" | "onClick" | "width" | "height" | "aria-hidden" | "spin" | "rotate" | "viewBox" | "component" | "ariaLabel" | "aria-label" | "tabIndex" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "async" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "classID" | "cols" | "colSpan" | "content" | "controls" | "coords" | "crossOrigin" | "dateTime" | "default" | "defer" | "disabled" | "download" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "list" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "multiple" | "muted" | "name" | "noValidate" | "open" | "optimum" | "placeholder" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "size" | "sizes" | "src" | "srcDoc" | "srcLang" | "srcSet" | "start" | "step" | "target" | "type" | "useMap" | "wmode" | "wrap" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "spellCheck" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-invalid" | "aria-keyshortcuts" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & React.RefAttributes<HTMLSpanElement>>;
+declare const Icon: React.ForwardRefExoticComponent<Pick<IconComponentProps, "cite" | "data" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "key" | "pattern" | "className" | "value" | "children" | "spin" | "rotate" | "viewBox" | "component" | "ariaLabel" | "aria-label" | "tabIndex" | "onClick" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "async" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "classID" | "cols" | "colSpan" | "content" | "controls" | "coords" | "crossOrigin" | "dateTime" | "default" | "defer" | "disabled" | "download" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "height" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "list" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "multiple" | "muted" | "name" | "noValidate" | "open" | "optimum" | "placeholder" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "size" | "sizes" | "src" | "srcDoc" | "srcLang" | "srcSet" | "start" | "step" | "target" | "type" | "useMap" | "width" | "wmode" | "wrap" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "spellCheck" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & React.RefAttributes<HTMLSpanElement>>;
 export default Icon;

package/es/components/Icon.js

@@ -1,68 +1,68 @@
-"use strict";
-
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["className", "component", "viewBox", "spin", "rotate", "tabIndex", "onClick", "children"];
-import React from "react";
-var __importDefault = this && this.__importDefault || function (mod) {
-  return mod && mod.__esModule ? mod : {
-    "default": mod
-  };
-};
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var react_1 = __importDefault(require("react"));
-var classnames_1 = __importDefault(require("@pansy/classnames"));
-var Context_1 = __importDefault(require("./Context"));
-var utils_1 = require("../utils");
-var useInsertStyles_1 = require("../hooks/useInsertStyles");
-var Icon = react_1.default.forwardRef(function (_ref, ref) {
+import React from 'react';
+import classNames from '@pansy/classnames';
+import Context from "./Context";
+import { svgBaseProps } from "../utils";
+import { useInsertStyles } from "../hooks/useInsertStyles";
+var Icon = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var className = _ref.className,
-    Component = _ref.component,
-    viewBox = _ref.viewBox,
-    spin = _ref.spin,
-    rotate = _ref.rotate,
-    tabIndex = _ref.tabIndex,
-    onClick = _ref.onClick,
-    children = _ref.children,
-    restProps = _objectWithoutProperties(_ref, _excluded);
-  (0, useInsertStyles_1.useInsertStyles)();
-  var _react_1$default$useC = react_1.default.useContext(Context_1.default),
-    _react_1$default$useC2 = _react_1$default$useC.prefixCls,
-    prefixCls = _react_1$default$useC2 === void 0 ? 's-icon' : _react_1$default$useC2;
-  var classString = (0, classnames_1.default)(prefixCls, 'anticon', className);
-  var svgClassString = (0, classnames_1.default)(_defineProperty({}, "".concat(prefixCls, "-spin"), !!spin));
+      Component = _ref.component,
+      viewBox = _ref.viewBox,
+      spin = _ref.spin,
+      rotate = _ref.rotate,
+      tabIndex = _ref.tabIndex,
+      onClick = _ref.onClick,
+      children = _ref.children,
+      restProps = _objectWithoutProperties(_ref, _excluded);
+
+  useInsertStyles();
+
+  var _React$useContext = React.useContext(Context),
+      _React$useContext$pre = _React$useContext.prefixCls,
+      prefixCls = _React$useContext$pre === void 0 ? 's-icon' : _React$useContext$pre;
+
+  var classString = classNames(prefixCls, 'anticon', className);
+  var svgClassString = classNames(_defineProperty({}, "".concat(prefixCls, "-spin"), !!spin));
   var svgStyle = rotate ? {
     msTransform: "rotate(".concat(rotate, "deg)"),
     transform: "rotate(".concat(rotate, "deg)")
   } : undefined;
-  var innerSvgProps = _objectSpread(_objectSpread({}, utils_1.svgBaseProps), {}, {
+
+  var innerSvgProps = _objectSpread(_objectSpread({}, svgBaseProps), {}, {
     className: svgClassString,
     style: svgStyle,
     viewBox: viewBox
   });
+
   if (!viewBox) {
     delete innerSvgProps.viewBox;
-  }
-  // component > children
+  } // component > children
+
+
   var renderInnerNode = function renderInnerNode() {
     if (Component) {
       return /*#__PURE__*/React.createElement(Component, innerSvgProps, children);
     }
+
     if (children) {
       return /*#__PURE__*/React.createElement("svg", _extends({}, innerSvgProps, {
         viewBox: viewBox
       }), children);
     }
+
     return null;
   };
+
   var iconTabIndex = tabIndex;
+
   if (iconTabIndex === undefined && onClick) {
     iconTabIndex = -1;
   }
+
   return /*#__PURE__*/React.createElement("span", _extends({
     role: "img"
   }, restProps, {
@@ -73,4 +73,4 @@ var Icon = react_1.default.forwardRef(function (_ref, ref) {
   }), renderInnerNode());
 });
 Icon.displayName = 'SenIcon';
-exports.default = Icon;
+export default Icon;

package/es/components/IconBase.js

@@ -1,54 +1,58 @@
-"use strict";
-
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 var _excluded = ["icon", "className", "onClick", "style", "primaryColor", "secondaryColor"];
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var useInsertStyles_1 = require("../hooks/useInsertStyles");
-var utils_1 = require("../utils");
+import { useInsertStyles } from "../hooks/useInsertStyles";
+import { getSecondaryColor, isIconDefinition, generate } from "../utils";
 var twoToneColorPalette = {
   primaryColor: '#333',
   secondaryColor: '#E6E6E6',
   calculated: false
 };
+
 function setTwoToneColors(_ref) {
   var primaryColor = _ref.primaryColor,
-    secondaryColor = _ref.secondaryColor;
+      secondaryColor = _ref.secondaryColor;
   twoToneColorPalette.primaryColor = primaryColor;
-  twoToneColorPalette.secondaryColor = secondaryColor || (0, utils_1.getSecondaryColor)(primaryColor);
+  twoToneColorPalette.secondaryColor = secondaryColor || getSecondaryColor(primaryColor);
   twoToneColorPalette.calculated = !!secondaryColor;
 }
+
 function getTwoToneColors() {
   return _objectSpread({}, twoToneColorPalette);
 }
+
 var IconBase = function IconBase(_ref2) {
   var icon = _ref2.icon,
-    className = _ref2.className,
-    onClick = _ref2.onClick,
-    style = _ref2.style,
-    primaryColor = _ref2.primaryColor,
-    secondaryColor = _ref2.secondaryColor,
-    restProps = _objectWithoutProperties(_ref2, _excluded);
-  (0, useInsertStyles_1.useInsertStyles)();
+      className = _ref2.className,
+      onClick = _ref2.onClick,
+      style = _ref2.style,
+      primaryColor = _ref2.primaryColor,
+      secondaryColor = _ref2.secondaryColor,
+      restProps = _objectWithoutProperties(_ref2, _excluded);
+
+  useInsertStyles();
   var colors = twoToneColorPalette;
+
   if (primaryColor) {
     colors = {
       primaryColor: primaryColor,
-      secondaryColor: secondaryColor || (0, utils_1.getSecondaryColor)(primaryColor)
+      secondaryColor: secondaryColor || getSecondaryColor(primaryColor)
     };
   }
-  if (!(0, utils_1.isIconDefinition)(icon)) {
+
+  if (!isIconDefinition(icon)) {
     return null;
   }
+
   var target = icon;
+
   if (target && typeof target.icon === 'function') {
     target = _objectSpread(_objectSpread({}, target), {}, {
       icon: target.icon(colors.primaryColor, colors.secondaryColor)
     });
   }
-  return (0, utils_1.generate)(target.icon, "svg-".concat(target.name), _objectSpread({
+
+  return generate(target.icon, "svg-".concat(target.name), _objectSpread({
     className: className,
     onClick: onClick,
     style: style,
@@ -59,7 +63,8 @@ var IconBase = function IconBase(_ref2) {
     'aria-hidden': 'true'
   }, restProps));
 };
+
 IconBase.displayName = 'IconReact';
 IconBase.getTwoToneColors = getTwoToneColors;
 IconBase.setTwoToneColors = setTwoToneColors;
-exports.default = IconBase;
+export default IconBase;

package/es/components/IconFont.js

@@ -1,53 +1,50 @@
-"use strict";
-
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["type", "children"];
-import React from "react";
-var __importDefault = this && this.__importDefault || function (mod) {
-  return mod && mod.__esModule ? mod : {
-    "default": mod
-  };
-};
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var react_1 = __importDefault(require("react"));
-var Icon_1 = __importDefault(require("./Icon"));
+import React from 'react';
+import Icon from "./Icon";
 var customCache = new Set();
+
 function isValidCustomScriptUrl(scriptUrl) {
   return Boolean(typeof scriptUrl === 'string' && scriptUrl.length && !customCache.has(scriptUrl));
 }
+
 function createScriptUrlElements(scriptUrls) {
   var index = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
   var currentScriptUrl = scriptUrls[index];
+
   if (isValidCustomScriptUrl(currentScriptUrl)) {
     var script = document.createElement('script');
     script.setAttribute('src', currentScriptUrl);
     script.setAttribute('data-namespace', currentScriptUrl);
+
     if (scriptUrls.length > index + 1) {
       script.onload = function () {
         createScriptUrlElements(scriptUrls, index + 1);
       };
+
       script.onerror = function () {
         createScriptUrlElements(scriptUrls, index + 1);
       };
     }
+
     customCache.add(currentScriptUrl);
     document.body.appendChild(script);
   }
 }
-function create() {
+
+export default 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;
+      _options$extraCommonP = options.extraCommonProps,
+      extraCommonProps = _options$extraCommonP === void 0 ? {} : _options$extraCommonP;
   /**
    * DOM API required.
    * Make sure in browser environment.
    * The Custom Icon will create a <script/>
    * that loads SVG symbols and insert the SVG Element into the document body.
    */
+
   if (scriptUrl && typeof document !== 'undefined' && typeof window !== 'undefined' && typeof document.createElement === 'function') {
     if (Array.isArray(scriptUrl)) {
       // 因为iconfont资源会把svg插入before，所以前加载相同type会覆盖后加载，为了数组覆盖顺序，倒叙插入
@@ -56,25 +53,29 @@ function create() {
       createScriptUrlElements([scriptUrl]);
     }
   }
-  var Iconfont = react_1.default.forwardRef(function (props, ref) {
+
+  var Iconfont = /*#__PURE__*/React.forwardRef(function (props, ref) {
     var type = props.type,
-      children = props.children,
-      restProps = _objectWithoutProperties(props, _excluded);
-    // children > type
+        children = props.children,
+        restProps = _objectWithoutProperties(props, _excluded); // children > type
+
+
     var content = null;
+
     if (props.type) {
       content = /*#__PURE__*/React.createElement("use", {
         xlinkHref: "#".concat(type)
       });
     }
+
     if (children) {
       content = children;
     }
-    return /*#__PURE__*/React.createElement(Icon_1.default, _extends({}, extraCommonProps, restProps, {
+
+    return /*#__PURE__*/React.createElement(Icon, _extends({}, extraCommonProps, restProps, {
       ref: ref
     }), content);
   });
   Iconfont.displayName = 'Iconfont';
   return Iconfont;
-}
-exports.default = create;
+}

package/es/components/SensoroIcon.js

@@ -1,54 +1,50 @@
-"use strict";
-
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["className", "icon", "spin", "rotate", "tabIndex", "onClick", "twoToneColor"];
-import React from "react";
-var __importDefault = this && this.__importDefault || function (mod) {
-  return mod && mod.__esModule ? mod : {
-    "default": mod
-  };
-};
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var react_1 = __importDefault(require("react"));
-var classnames_1 = __importDefault(require("@pansy/classnames"));
-var IconBase_1 = __importDefault(require("./IconBase"));
-var twoTonePrimaryColor_1 = require("./twoTonePrimaryColor");
-var utils_1 = require("../utils");
-var Context_1 = __importDefault(require("./Context"));
+import React from 'react';
+import classNames from '@pansy/classnames';
+import IconBase from "./IconBase";
+import { getTwoToneColor, setTwoToneColor } from "./twoTonePrimaryColor";
+import { normalizeTwoToneColors } from "../utils";
+import Context from "./Context";
 // Initial setting
 // should move it to antd main repo?
-(0, twoTonePrimaryColor_1.setTwoToneColor)('#1890ff');
-var Icon = react_1.default.forwardRef(function (props, ref) {
-  var _ref;
+setTwoToneColor('#1890ff');
+var Icon = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var _classNames;
+
   var className = props.className,
-    icon = props.icon,
-    spin = props.spin,
-    rotate = props.rotate,
-    tabIndex = props.tabIndex,
-    onClick = props.onClick,
-    twoToneColor = props.twoToneColor,
-    restProps = _objectWithoutProperties(props, _excluded);
-  var _react_1$default$useC = react_1.default.useContext(Context_1.default),
-    _react_1$default$useC2 = _react_1$default$useC.prefixCls,
-    prefixCls = _react_1$default$useC2 === void 0 ? 's-icon' : _react_1$default$useC2;
-  var classString = (0, classnames_1.default)(prefixCls, 'anticon', (_ref = {}, _defineProperty(_ref, "".concat(prefixCls, "-").concat(icon.name), !!icon.name), _defineProperty(_ref, "".concat(prefixCls, "-spin"), !!spin || icon.name === 'loading'), _ref), className);
+      icon = props.icon,
+      spin = props.spin,
+      rotate = props.rotate,
+      tabIndex = props.tabIndex,
+      onClick = props.onClick,
+      twoToneColor = props.twoToneColor,
+      restProps = _objectWithoutProperties(props, _excluded);
+
+  var _React$useContext = React.useContext(Context),
+      _React$useContext$pre = _React$useContext.prefixCls,
+      prefixCls = _React$useContext$pre === void 0 ? 's-icon' : _React$useContext$pre;
+
+  var classString = classNames(prefixCls, 'anticon', (_classNames = {}, _defineProperty(_classNames, "".concat(prefixCls, "-").concat(icon.name), !!icon.name), _defineProperty(_classNames, "".concat(prefixCls, "-spin"), !!spin || icon.name === 'loading'), _classNames), className);
   var iconTabIndex = tabIndex;
+
   if (iconTabIndex === undefined && onClick) {
     iconTabIndex = -1;
   }
+
   var svgStyle = rotate ? {
     msTransform: "rotate(".concat(rotate, "deg)"),
     transform: "rotate(".concat(rotate, "deg)")
   } : undefined;
-  var _ref2 = (0, utils_1.normalizeTwoToneColors)(twoToneColor),
-    _ref3 = _slicedToArray(_ref2, 2),
-    primaryColor = _ref3[0],
-    secondaryColor = _ref3[1];
+
+  var _normalizeTwoToneColo = normalizeTwoToneColors(twoToneColor),
+      _normalizeTwoToneColo2 = _slicedToArray(_normalizeTwoToneColo, 2),
+      primaryColor = _normalizeTwoToneColo2[0],
+      secondaryColor = _normalizeTwoToneColo2[1];
+
   return /*#__PURE__*/React.createElement("span", _extends({
     role: "img",
     "aria-label": icon.name
@@ -57,7 +53,7 @@ var Icon = react_1.default.forwardRef(function (props, ref) {
     tabIndex: iconTabIndex,
     onClick: onClick,
     className: classString
-  }), /*#__PURE__*/React.createElement(IconBase_1.default, {
+  }), /*#__PURE__*/React.createElement(IconBase, {
     icon: icon,
     primaryColor: primaryColor,
     secondaryColor: secondaryColor,
@@ -65,6 +61,6 @@ var Icon = react_1.default.forwardRef(function (props, ref) {
   }));
 });
 Icon.displayName = 'AntdIcon';
-Icon.getTwoToneColor = twoTonePrimaryColor_1.getTwoToneColor;
-Icon.setTwoToneColor = twoTonePrimaryColor_1.setTwoToneColor;
-exports.default = Icon;
+Icon.getTwoToneColor = getTwoToneColor;
+Icon.setTwoToneColor = setTwoToneColor;
+export default Icon;

package/es/components/twoTonePrimaryColor.d.ts

@@ -1,3 +1,3 @@
-export type TwoToneColor = string | [string, string];
+export declare type TwoToneColor = string | [string, string];
 export declare function setTwoToneColor(twoToneColor: TwoToneColor): void;
 export declare function getTwoToneColor(): TwoToneColor;

package/es/components/twoTonePrimaryColor.js

@@ -1,33 +1,23 @@
-"use strict";
-
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-var __importDefault = this && this.__importDefault || function (mod) {
-  return mod && mod.__esModule ? mod : {
-    "default": mod
-  };
-};
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getTwoToneColor = exports.setTwoToneColor = void 0;
-var IconBase_1 = __importDefault(require("./IconBase"));
-var utils_1 = require("../utils");
-function setTwoToneColor(twoToneColor) {
-  var _ref = (0, utils_1.normalizeTwoToneColors)(twoToneColor),
-    _ref2 = _slicedToArray(_ref, 2),
-    primaryColor = _ref2[0],
-    secondaryColor = _ref2[1];
-  return IconBase_1.default.setTwoToneColors({
+import ReactIcon from "./IconBase";
+import { normalizeTwoToneColors } from "../utils";
+export function setTwoToneColor(twoToneColor) {
+  var _normalizeTwoToneColo = normalizeTwoToneColors(twoToneColor),
+      _normalizeTwoToneColo2 = _slicedToArray(_normalizeTwoToneColo, 2),
+      primaryColor = _normalizeTwoToneColo2[0],
+      secondaryColor = _normalizeTwoToneColo2[1];
+
+  return ReactIcon.setTwoToneColors({
     primaryColor: primaryColor,
     secondaryColor: secondaryColor
   });
 }
-exports.setTwoToneColor = setTwoToneColor;
-function getTwoToneColor() {
-  var colors = IconBase_1.default.getTwoToneColors();
+export function getTwoToneColor() {
+  var colors = ReactIcon.getTwoToneColors();
+
   if (!colors.calculated) {
     return colors.primaryColor;
   }
+
   return [colors.primaryColor, colors.secondaryColor];
-}
-exports.getTwoToneColor = getTwoToneColor;
+}

package/es/hooks/useInsertStyles.js

@@ -1,30 +1,20 @@
-"use strict";
+import { useContext, useEffect } from 'react';
+import IconContext from "../components/Context";
+import { updateCSS } from 'rc-util/lib/Dom/dynamicCSS';
+export var useInsertStyles = function useInsertStyles(styleStr) {
+  var _useContext = useContext(IconContext),
+      csp = _useContext.csp,
+      _useContext$prefixCls = _useContext.prefixCls,
+      prefixCls = _useContext$prefixCls === void 0 ? 's-icon' : _useContext$prefixCls;
 
-var __importDefault = this && this.__importDefault || function (mod) {
-  return mod && mod.__esModule ? mod : {
-    "default": mod
-  };
-};
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useInsertStyles = void 0;
-var react_1 = require("react");
-var Context_1 = __importDefault(require("../components/Context"));
-var dynamicCSS_1 = require("rc-util/lib/Dom/dynamicCSS");
-var useInsertStyles = function useInsertStyles(styleStr) {
-  var _ref = (0, react_1.useContext)(Context_1.default),
-    csp = _ref.csp,
-    _ref$prefixCls = _ref.prefixCls,
-    prefixCls = _ref$prefixCls === void 0 ? 's-icon' : _ref$prefixCls;
-  (0, react_1.useEffect)(function () {
-    (0, dynamicCSS_1.updateCSS)(styleStr !== null && styleStr !== void 0 ? styleStr : getIconStyles(prefixCls), 'sensoro-design-icons', {
+  useEffect(function () {
+    updateCSS(styleStr !== null && styleStr !== void 0 ? styleStr : getIconStyles(prefixCls), 'sensoro-design-icons', {
       prepend: true,
       csp: csp
     });
   }, []);
 };
-exports.useInsertStyles = useInsertStyles;
+
 function getIconStyles(prefixCls) {
   return "\n    .".concat(prefixCls, " {\n      display: inline-block;\n      color: inherit;\n      font-style: normal;\n      line-height: 0;\n      text-align: center;\n      text-transform: none;\n      vertical-align: -0.125em;\n      text-rendering: optimizeLegibility;\n      -webkit-font-smoothing: antialiased;\n      -moz-osx-font-smoothing: grayscale;\n    }\n\n    .").concat(prefixCls, " > * {\n      line-height: 1;\n    }\n\n    .").concat(prefixCls, " svg {\n      display: inline-block;\n    }\n\n    .").concat(prefixCls, "::before {\n      display: none;\n    }\n\n    .").concat(prefixCls, "[tabindex] {\n      cursor: pointer;\n    }\n\n    .").concat(prefixCls, "-spin::before,\n    .").concat(prefixCls, "-spin {\n      display: inline-block;\n      -webkit-animation: loadingCircle 1s infinite linear;\n      animation: loadingCircle 1s infinite linear;\n    }\n\n    @-webkit-keyframes loadingCircle {\n      100% {\n        -webkit-transform: rotate(360deg);\n        transform: rotate(360deg);\n      }\n    }\n\n    @keyframes loadingCircle {\n      100% {\n        -webkit-transform: rotate(360deg);\n        transform: rotate(360deg);\n      }\n    }\n  ");
 }