chore: import from @coze-arch/arco-icon when need (#113)

Co-authored-by: Tecvan-fe <tecvan.fe@qq.com>

Author: Tecvan-fe

common/changes/@coze-arch/coze-design/feat-better-import-icon_2025-10-31-06-24.json

@@ -0,0 +1,11 @@
+{
+  "changes": [
+    {
+      "packageName": "@coze-arch/coze-design",
+      "comment": "import from @coze-arch/arco-icon when need",
+      "type": "patch"
+    }
+  ],
+  "packageName": "@coze-arch/coze-design",
+  "email": "tecvan.fe@qq.com"
+}

packages/components/coze-design/icons/index.ts

@@ -4,9 +4,9 @@
 import { forwardRef } from 'react';
 
 import { Avatar as SemiAvatar } from '@douyinfe/semi-ui';
+import { IconCozEdit } from '@coze-arch/arco-icon';
 
 import { cn, mergeProps } from '@/utils';
-import { IconCozEdit } from '@/components/icon';
 
 import { avatarVariant } from './avatar-variant';
 import { type AvatarProps, type AvatarType, type Shape } from './avatar-types';

packages/components/coze-design/src/components/avatar/avatar.tsx

@@ -2,13 +2,13 @@
 //  SPDX-License-Identifier: MIT
 
 import { type Meta, type StoryFn } from '@storybook/react';
-
-import { EnhancedView, View, ViewGroup } from '@/components/view';
 import {
   IconCozPeopleFill,
   IconCozAnalytics,
   IconCozMore,
-} from '@/components/icon';
+} from '@coze-arch/arco-icon';
+
+import { EnhancedView, View, ViewGroup } from '@/components/view';
 
 import {
   Avatar,

packages/components/coze-design/src/components/avatar/stories/avatar.stories.tsx

@@ -2,15 +2,15 @@
 //  SPDX-License-Identifier: MIT
 
 import { type StoryFn as Story, type Meta } from '@storybook/react';
-
-import { EnhancedView, View, ViewGroup } from '@/components/view';
-import { TabBar } from '@/components/tab-bar';
-import { SegmentTab } from '@/components/segment-tab';
 import {
   IconCozFireFill,
   IconCozMicrophone,
   IconCozPeopleFill,
-} from '@/components/icon';
+} from '@coze-arch/arco-icon';
+
+import { EnhancedView, View, ViewGroup } from '@/components/view';
+import { TabBar } from '@/components/tab-bar';
+import { SegmentTab } from '@/components/segment-tab';
 import { AIButton, Button, IconButton } from '@/components/button';
 import { Avatar } from '@/components/avatar';
 

packages/components/coze-design/src/components/badge/stories/badge.stories.tsx

@@ -4,9 +4,9 @@
 import { forwardRef, type JSX, isValidElement, useMemo } from 'react';
 
 import { Banner as SemiBanner } from '@douyinfe/semi-ui';
+import { IconCozCross } from '@coze-arch/arco-icon';
 
 import { cn, mergeProps } from '@/utils';
-import { IconCozCross } from '@/components/icon';
 
 import { bannerVariant } from './banner-variant';
 import { type BannerProps } from './banner-types';

packages/components/coze-design/src/components/banner/banner.tsx

@@ -11,7 +11,7 @@ import { SideNavFooter } from '../side-nav-footer';
 
 // 模拟所有依赖
 /* eslint-disable @typescript-eslint/naming-convention */
-vi.mock('@/components/icon', () => ({
+vi.mock('@coze-arch/arco-icon', () => ({
   IconCozPlugFill: () => <div data-testid="plug-fill-icon" />,
   IconCozPlug: () => <div data-testid="plug-icon" />,
   IconCozChatHashtag: () => <div data-testid="chat-hashtag-icon" />,

packages/components/coze-design/src/components/business-component/side-nav/__tests__/side-nav-footer.test.tsx

@@ -11,7 +11,7 @@ import { SideNav } from '../side-nav';
 
 // 模拟依赖
 /* eslint-disable @typescript-eslint/naming-convention */
-vi.mock('@/components/icon', () => ({
+vi.mock('@coze-arch/arco-icon', () => ({
   IconCozBotFill: () => <span data-testid="bot-fill-icon" />,
   IconCozBot: () => <span data-testid="bot-icon" />,
   IconCozHouseFill: () => <span data-testid="house-fill-icon" />,

packages/components/coze-design/src/components/business-component/side-nav/__tests__/side-nav.test.tsx

@@ -3,7 +3,8 @@
 
 import { type FC } from 'react';
 
-import { IconCozPlus } from '@/components/icon';
+import { IconCozPlus } from '@coze-arch/arco-icon';
+
 import { Button } from '@/components/button';
 
 export interface TitleProps extends React.HtmlHTMLAttributes<HTMLDivElement> {

packages/components/coze-design/src/components/business-component/side-nav/components/title.tsx

@@ -3,7 +3,6 @@
 
 import { type FC } from 'react';
 
-import { Tooltip } from '@/components/tooltip';
 import {
   IconCozPlugFill,
   IconCozPlug,
@@ -17,7 +16,9 @@ import {
   IconCozTelegramFill,
   IconCozXTwitterFill,
   IconCozYoutubeFill,
-} from '@/components/icon';
+} from '@coze-arch/arco-icon';
+
+import { Tooltip } from '@/components/tooltip';
 import { Button } from '@/components/button';
 import { Avatar } from '@/components/avatar';