feat: 使用 @asany/icons 管理图标

package.json

@@ -49,6 +49,7 @@
     }
   ],
   "dependencies": {
+    "@asany/icons": "^0.1.3",
     "@asany/library-manager": "^0.1.4",
     "@daybrush/drag": "^0.19.3",
     "@scena/react-guides": "^0.16.0",

src/AsanyContext.tsx

@@ -1,4 +1,4 @@
-import { debounce } from 'lodash';
+import { debounce } from 'lodash-es';
 import React, {
   useCallback,
   useEffect,

src/components/InfiniteViewer.tsx

@@ -6,7 +6,7 @@ import React, {
   CSSProperties,
 } from 'react';
 import classnames from 'classnames';
-import { throttle } from 'lodash';
+import { throttle } from 'lodash-es';
 import { drag, OnDrag, OnDragStart } from '@daybrush/drag';
 import { calculateScaling } from '../reducers/ui.reducer/scena.reducer';
 import { useDragDropManager, useDrop } from 'react-dnd';

src/components/aside/Aside.tsx

@@ -1,5 +1,5 @@
 // import { Cascader } from 'antd';
-import { assign, isEqual } from 'lodash';
+import { assign, isEqual } from 'lodash-es';
 import React, { useCallback, useEffect, useRef, useState } from 'react';
 
 // import { visibleFilter } from '../../../library-manager/ConfigurationPanel';

src/components/aside/PropertiesPanel.tsx

@@ -1,4 +1,5 @@
 // import { CloseOutlined, LeftOutlined, RightOutlined } from '@ant-design/icons';
+import Icon from '@asany/icons';
 import { Tabs } from 'antd';
 import classnames from 'classnames';
 import React, {
@@ -10,7 +11,6 @@ import React, {
   useRef,
   useState,
 } from 'react';
-import Icon from '../../icon';
 
 import { sleep, useDeepCompareEffect } from '../../utils';
 

src/components/aside/components/AlignPanel.tsx

@@ -1,7 +1,8 @@
+import Icon from '@asany/icons';
 import React from 'react';
-import IconButton from './IconButton';
 import styled from 'styled-components';
-import Icon from '../../../icon';
+
+import IconButton from './IconButton';
 
 const aligns = [
   { icon: 'AlignLeft', title: '左对齐' },

src/components/aside/components/IconButton.tsx

@@ -1,9 +1,8 @@
+import Icon from '@asany/icons';
 import { Tooltip } from 'antd';
 import classnames from 'classnames';
 import React, { forwardRef, MutableRefObject, useRef } from 'react';
 
-import Icon from '../../../icon';
-
 interface IconButtonProps {
   tooltip?: string;
   className?: string;

src/components/aside/components/ListTree.tsx

@@ -1,9 +1,8 @@
+import Icon from '@asany/icons';
 import classnames from 'classnames';
 import { OverlayScrollbarsComponent } from 'overlayscrollbars-react';
 import React, { useCallback, useEffect, useState } from 'react';
 
-import Icon from '../../../icon';
-
 export interface ListTreeNode {
   id: string;
   name?: string;

src/components/aside/components/OptionButton.tsx

@@ -1,8 +1,8 @@
+import Icon from '@asany/icons';
 import { Tooltip } from 'antd';
 import classnames from 'classnames';
 import React, { CSSProperties, useEffect, useRef, useState } from 'react';
 
-import Icon from '../../../icon';
 export interface OptionButtonProps {
   onChange?: (value: boolean) => void;
   value?: boolean;

src/components/aside/components/RadiusAllSetting.tsx

@@ -1,15 +1,16 @@
+import Icon from '@asany/icons';
+import { Input } from 'antd';
+import { isEqual } from 'lodash-es';
 import React, {
-  useState,
-  memo,
   ChangeEvent,
-  useEffect,
+  memo,
   useCallback,
+  useEffect,
+  useState,
 } from 'react';
-import { Input } from 'antd';
-import Icon from '../../../icon';
-import { isEqual } from 'lodash';
-import { onlyNumber } from './utils';
+
 import { RadiusAllSettingProps } from './typings';
+import { onlyNumber } from './utils';
 
 const icons = [
   'TopLeftCornerRadius',

src/components/aside/components/data-entry/ScrubbableControl.tsx

@@ -1,6 +1,6 @@
 import { Input, InputNumber, Tooltip } from 'antd';
 import classnames from 'classnames';
-import { isEqual } from 'lodash';
+import { isEqual } from 'lodash-es';
 import React, {
   ChangeEvent,
   CSSProperties,
@@ -10,7 +10,7 @@ import React, {
   useState,
 } from 'react';
 
-import Icon from '../../../../icon';
+import Icon from '@asany/icons';
 import { useDeepCompareEffect } from '../../../../utils';
 import { InputFormat, InputText } from '../typings';
 

src/components/aside/components/data-entry/SegmentedControl.tsx

@@ -1,7 +1,8 @@
-import React, { CSSProperties, useEffect, useState } from 'react';
-import classnames from 'classnames';
-import Icon from '../../../../icon';
+import Icon from '@asany/icons';
 import { Tooltip } from 'antd';
+import classnames from 'classnames';
+import React, { CSSProperties, useEffect, useState } from 'react';
+
 export interface SegmentedControlOption {
   label: string;
   value: string;

src/components/aside/components/data-entry/Select.tsx

@@ -1,3 +1,5 @@
+import Icon from '@asany/icons';
+import { registerComponent } from '@asany/library-manager';
 import { Popover } from 'antd';
 import classnames from 'classnames';
 import React, {
@@ -10,9 +12,6 @@ import React, {
 } from 'react';
 import { useClickAway } from 'react-use';
 
-import Icon from '../../../../icon';
-import { registerComponent } from '@asany/library-manager';
-
 export interface SelectOption {
   label: string | React.ReactElement;
   value: string;

src/components/scena/Toolbar.tsx

@@ -1,7 +1,8 @@
-import { isEqual } from 'lodash';
-import React from 'react';
+import Icon from '@asany/icons';
 import classnames from 'classnames';
-import Icon from '../../icon';
+import { isEqual } from 'lodash-es';
+import React from 'react';
+
 import { useSelector } from '../../hooks';
 import useTools from '../../hooks/useTools';
 

src/components/scena/viewport/ScreenViewport.tsx

@@ -1,7 +1,7 @@
 import { CheckOutlined, DownOutlined } from '@ant-design/icons';
 import { InputNumber, Popover } from 'antd';
 import classnames from 'classnames';
-import { isEqual } from 'lodash';
+import { isEqual } from 'lodash-es';
 import React, { useCallback, useState } from 'react';
 
 import devices from '../../../assets/devices';

src/components/sidebar/Toolbar.tsx

@@ -1,8 +1,8 @@
+import Icon from '@asany/icons';
 import classnames from 'classnames';
-import { isEqual } from 'lodash';
+import { isEqual } from 'lodash-es';
 import React from 'react';
 
-import Icon from '../../icon';
 import { useSelector } from '../../hooks';
 import useTools from '../../hooks/useTools';
 import { AsanyTool } from '../../typings';

src/components/sidebar/Toolboard.tsx

@@ -1,3 +1,4 @@
+import Icon from '@asany/icons';
 import classnames from 'classnames';
 import React, {
   ComponentType,
@@ -10,12 +11,11 @@ import React, {
   useState,
 } from 'react';
 
-import Icon from '../../icon';
-import Resizer from '../resizer';
-import { sleep } from '../../utils';
 import { useDispatch, useSelector } from '../../hooks';
-import { IAsanyEditor, IToolboard } from '../../typings';
 import { ActionType, UISidebarActionType } from '../../reducers/actions';
+import { IAsanyEditor, IToolboard } from '../../typings';
+import { sleep } from '../../utils';
+import Resizer from '../resizer';
 
 interface Panel {
   title: string;

src/components/toolbar/Toolbar.tsx

@@ -1,8 +1,8 @@
 import classnames from 'classnames';
-import { isEqual } from 'lodash';
+import { isEqual } from 'lodash-es';
 import React, { useCallback } from 'react';
 import { AsanyTool } from '../..';
-import Icon from '../../icon';
+import Icon from '@asany/icons';
 import { useSelector } from '../../hooks';
 import useTools from '../../hooks/useTools';
 

src/hooks/useBlock.tsx

@@ -1,7 +1,7 @@
 // import { ApolloClient, useApolloClient } from '@apollo/client';
 import classnames from 'classnames';
 import { EventEmitter } from 'events';
-import { isEqual } from 'lodash';
+import { isEqual } from 'lodash-es';
 import React, {
   DependencyList,
   MouseEventHandler,

src/hooks/useTools.tsx

@@ -1,4 +1,4 @@
-import { isEqual } from 'lodash';
+import { isEqual } from 'lodash-es';
 import { useEffect, useReducer, useRef } from 'react';
 import { AsanyTool, IAsanyEditor, ToolClick } from '../typings';
 import useEditor from './useEditor';