♻️ refactor: Refacotr file tree

.dumirc.ts

@@ -35,6 +35,8 @@ const themeConfig = {
   name: 'Icons',
   nav: [
     { link: '/components/ai21', title: 'Icons' },
+    { link: '/features/model-icon', title: 'Components' },
+    { link: '/editor', title: 'Editor' },
     { link: '/changelog', title: 'Changelog' },
   ],
   socialLinks: {

docs/editor/index.md

@@ -0,0 +1,9 @@
+---
+title: Icon Editor
+description: Icon Editor for @lobehub/icons
+nav:
+  title: Editor
+  order: 888
+---
+
+<code src="../../src/components/Editor/index.tsx" inline></code>

src/IconAvatar/index.md → docs/features/icon-avatar.md

@@ -8,8 +8,4 @@ title: IconAvatar
 
 ## Default
 
-<code src="./demos/index.tsx" center></code>
-
-## APIs
-
-<API></API>
+<code src="./demos/IconAvatar.tsx" center></code>

src/IconCombine/index.md → docs/features/icon-combine.md

@@ -8,8 +8,4 @@ title: IconCombine
 
 ## Default
 
-<code src="./demos/index.tsx" center></code>
-
-## APIs
-
-<API></API>
+<code src="./demos/IconCombine.tsx" center></code>

docs/features/model-icon.md

@@ -0,0 +1,25 @@
+---
+nav: Components
+group: Features
+title: ModelIcon
+---
+
+## Default
+
+<code src="./demos/model-icon/index.tsx" center></code>
+
+## Mono
+
+<code src="./demos/model-icon/Mono.tsx" center></code>
+
+## Color
+
+<code src="./demos/model-icon/Color.tsx" center></code>
+
+## Combine
+
+<code src="./demos/model-icon/Combine.tsx" center></code>
+
+## Combine Color
+
+<code src="./demos/model-icon/CombineColor.tsx" center></code>

docs/features/model-tag.md

@@ -0,0 +1,9 @@
+---
+nav: Components
+group: Features
+title: ModelTag
+---
+
+## Default
+
+<code src="./demos/model-tag/index.tsx" center></code>

docs/features/provder-icon.md

@@ -0,0 +1,25 @@
+---
+nav: Components
+group: Features
+title: ProviderIcon
+---
+
+## Default
+
+<code src="./demos/provider-icon/index.tsx" center></code>
+
+## Color
+
+<code src="./demos/provider-icon/Color.tsx" center></code>
+
+## Combine
+
+<code src="./demos/provider-icon/Combine.tsx" center></code>
+
+## Combine Color
+
+<code src="./demos/provider-icon/CombineColor.tsx" center></code>
+
+## Avatar
+
+<code src="./demos/provider-icon/Avatar.tsx" center></code>

docs/features/provider-combine.md

@@ -0,0 +1,13 @@
+---
+nav: Components
+group: Features
+title: ProviderCombine
+---
+
+## Default
+
+<code src="./demos/provider-combine/index.tsx" center></code>
+
+## Mono
+
+<code src="./demos/provider-combine/Mono.tsx" center></code>

src/Adobe/components/Avatar.tsx

@@ -1,6 +1,6 @@
 import { memo } from 'react';
 
-import IconAvatar, { type IconAvatarProps } from '@/IconAvatar';
+import IconAvatar, { type IconAvatarProps } from '@/features/IconAvatar';
 
 import { COLOR_PRIMARY, TITLE } from '../style';
 import Mono from './Mono';

src/Adobe/components/Combine.tsx

@@ -1,6 +1,6 @@
 import { memo } from 'react';
 
-import IconCombine, { type IconCombineProps } from '@/IconCombine';
+import IconCombine, { type IconCombineProps } from '@/features/IconCombine';
 
 import { SPACE_MULTIPLE, TEXT_MULTIPLE, TITLE } from '../style';
 import Color from './Color';

src/AdobeFirefly/components/Avatar.tsx

@@ -1,6 +1,6 @@
 import { memo } from 'react';
 
-import IconAvatar, { type IconAvatarProps } from '@/IconAvatar';
+import IconAvatar, { type IconAvatarProps } from '@/features/IconAvatar';
 
 import { COLOR_PRIMARY, TITLE } from '../style';
 import Mono from './Mono';

src/AdobeFirefly/components/Combine.tsx

@@ -1,6 +1,6 @@
 import { memo } from 'react';
 
-import IconCombine, { type IconCombineProps } from '@/IconCombine';
+import IconCombine, { type IconCombineProps } from '@/features/IconCombine';
 
 import { SPACE_MULTIPLE, TEXT_MULTIPLE, TITLE } from '../style';
 import Avatar from './Avatar';

src/Ai21/components/Avatar.tsx

@@ -1,6 +1,6 @@
 import { memo } from 'react';
 
-import IconAvatar, { type IconAvatarProps } from '@/IconAvatar';
+import IconAvatar, { type IconAvatarProps } from '@/features/IconAvatar';
 
 import { COLOR_GRADIENT, TITLE } from '../style';
 import Mono from './Mono';

src/Ai21/components/Combine.tsx

@@ -1,7 +1,7 @@
 import { useTheme } from 'antd-style';
 import { memo } from 'react';
 
-import IconCombine, { type IconCombineProps } from '@/IconCombine';
+import IconCombine, { type IconCombineProps } from '@/features/IconCombine';
 
 import { SPACE_MULTIPLE, TEXT_MULTIPLE, TITLE } from '../style';
 import Avatar from './Avatar';

src/Ai360/components/Avatar.tsx

@@ -1,6 +1,6 @@
 import { memo } from 'react';
 
-import IconAvatar, { type IconAvatarProps } from '@/IconAvatar';
+import IconAvatar, { type IconAvatarProps } from '@/features/IconAvatar';
 
 import { COLOR_GRADIENT, TITLE } from '../style';
 import Mono from './Mono';

src/Ai360/components/Combine.tsx

@@ -1,6 +1,6 @@
 import { memo } from 'react';
 
-import IconCombine, { type IconCombineProps } from '@/IconCombine';
+import IconCombine, { type IconCombineProps } from '@/features/IconCombine';
 
 import { SPACE_MULTIPLE, TEXT_MULTIPLE, TITLE } from '../style';
 import Color from './Color';

src/AiMass/components/Avatar.tsx

@@ -1,6 +1,6 @@
 import { memo } from 'react';
 
-import IconAvatar, { type IconAvatarProps } from '@/IconAvatar';
+import IconAvatar, { type IconAvatarProps } from '@/features/IconAvatar';
 
 import { COLOR_PRIMARY, TITLE } from '../style';
 import Color from './Color';

src/AiMass/components/Combine.tsx

@@ -1,6 +1,6 @@
 import { memo } from 'react';
 
-import IconCombine, { type IconCombineProps } from '@/IconCombine';
+import IconCombine, { type IconCombineProps } from '@/features/IconCombine';
 
 import { SPACE_MULTIPLE, TEXT_MULTIPLE, TITLE } from '../style';
 import Color from './Color';

src/Alibaba/components/Avatar.tsx

@@ -1,6 +1,6 @@
 import { memo } from 'react';
 
-import IconAvatar, { type IconAvatarProps } from '@/IconAvatar';
+import IconAvatar, { type IconAvatarProps } from '@/features/IconAvatar';
 
 import { COLOR_PRIMARY, TITLE } from '../style';
 import Mono from './Mono';

src/AntGroup/components/Avatar.tsx

@@ -1,6 +1,6 @@
 import { memo } from 'react';
 
-import IconAvatar, { type IconAvatarProps } from '@/IconAvatar';
+import IconAvatar, { type IconAvatarProps } from '@/features/IconAvatar';
 
 import { COLOR_PRIMARY, TITLE } from '../style';
 import Mono from './Mono';

src/Anthropic/components/Avatar.tsx

@@ -1,6 +1,6 @@
 import { memo } from 'react';
 
-import IconAvatar, { type IconAvatarProps } from '@/IconAvatar';
+import IconAvatar, { type IconAvatarProps } from '@/features/IconAvatar';
 
 import { COLOR_PRIMARY, TITLE } from '../style';
 import Mono from './Mono';

src/Automatic/components/Avatar.tsx

@@ -1,6 +1,6 @@
 import { memo } from 'react';
 
-import IconAvatar, { type IconAvatarProps } from '@/IconAvatar';
+import IconAvatar, { type IconAvatarProps } from '@/features/IconAvatar';
 
 import { COLOR_PRIMARY, TITLE } from '../style';
 import Mono from './Mono';

src/Automatic/components/Combine.tsx

@@ -1,6 +1,6 @@
 import { memo } from 'react';
 
-import IconCombine, { type IconCombineProps } from '@/IconCombine';
+import IconCombine, { type IconCombineProps } from '@/features/IconCombine';
 
 import { SPACE_MULTIPLE, TEXT_MULTIPLE, TITLE } from '../style';
 import Color from './Color';

src/Aws/components/Avatar.tsx

@@ -1,6 +1,6 @@
 import { memo } from 'react';
 
-import IconAvatar, { type IconAvatarProps } from '@/IconAvatar';
+import IconAvatar, { type IconAvatarProps } from '@/features/IconAvatar';
 
 import { COLOR_PRIMARY, TITLE } from '../style';
 import Color from './Color';

src/Aws/components/Combine.tsx

@@ -1,6 +1,6 @@
 import { memo } from 'react';
 
-import IconCombine, { type IconCombineProps } from '@/IconCombine';
+import IconCombine, { type IconCombineProps } from '@/features/IconCombine';
 
 import { SPACE_MULTIPLE, TEXT_MULTIPLE, TITLE } from '../style';
 import Color from './Color';

src/Aya/components/Avatar.tsx

@@ -1,6 +1,6 @@
 import { memo } from 'react';
 
-import IconAvatar, { type IconAvatarProps } from '@/IconAvatar';
+import IconAvatar, { type IconAvatarProps } from '@/features/IconAvatar';
 
 import { COLOR_PRIMARY, TITLE } from '../style';
 import Mono from './Mono';

src/Aya/components/Combine.tsx

@@ -1,6 +1,6 @@
 import { memo } from 'react';
 
-import IconCombine, { type IconCombineProps } from '@/IconCombine';
+import IconCombine, { type IconCombineProps } from '@/features/IconCombine';
 
 import { SPACE_MULTIPLE, TEXT_MULTIPLE, TITLE } from '../style';
 import Color from './Color';

src/Azure/components/Avatar.tsx

@@ -1,6 +1,6 @@
 import { memo } from 'react';
 
-import IconAvatar, { type IconAvatarProps } from '@/IconAvatar';
+import IconAvatar, { type IconAvatarProps } from '@/features/IconAvatar';
 
 import { COLOR_PRIMARY, TITLE } from '../style';
 import Mono from './Mono';

src/Azure/components/Combine.tsx

@@ -1,6 +1,6 @@
 import { memo } from 'react';
 
-import IconCombine, { type IconCombineProps } from '@/IconCombine';
+import IconCombine, { type IconCombineProps } from '@/features/IconCombine';
 
 import { SPACE_MULTIPLE, TEXT_MULTIPLE, TITLE } from '../style';
 import Color from './Color';

src/Baichuan/components/Avatar.tsx

@@ -1,6 +1,6 @@
 import { memo } from 'react';
 
-import IconAvatar, { type IconAvatarProps } from '@/IconAvatar';
+import IconAvatar, { type IconAvatarProps } from '@/features/IconAvatar';
 
 import { COLOR_PRIMARY, TITLE } from '../style';
 import Mono from './Mono';

src/Baichuan/components/Combine.tsx

@@ -1,6 +1,6 @@
 import { memo } from 'react';
 
-import IconCombine, { type IconCombineProps } from '@/IconCombine';
+import IconCombine, { type IconCombineProps } from '@/features/IconCombine';
 
 import { SPACE_MULTIPLE, TEXT_MULTIPLE, TITLE } from '../style';
 import Color from './Color';

src/Baidu/components/Avatar.tsx

@@ -1,6 +1,6 @@
 import { memo } from 'react';
 
-import IconAvatar, { type IconAvatarProps } from '@/IconAvatar';
+import IconAvatar, { type IconAvatarProps } from '@/features/IconAvatar';
 
 import { COLOR_PRIMARY, TITLE } from '../style';
 import Mono from './Mono';

src/BaiduCloud/components/Avatar.tsx

@@ -1,6 +1,6 @@
 import { memo } from 'react';
 
-import IconAvatar, { type IconAvatarProps } from '@/IconAvatar';
+import IconAvatar, { type IconAvatarProps } from '@/features/IconAvatar';
 
 import { COLOR_PRIMARY, TITLE } from '../style';
 import Mono from './Mono';

src/BaiduCloud/components/Combine.tsx

@@ -1,6 +1,6 @@
 import { memo } from 'react';
 
-import IconCombine, { type IconCombineProps } from '@/IconCombine';
+import IconCombine, { type IconCombineProps } from '@/features/IconCombine';
 
 import { SPACE_MULTIPLE, TEXT_MULTIPLE, TITLE } from '../style';
 import Color from './Color';

src/Bedrock/components/Avatar.tsx

@@ -1,6 +1,6 @@
 import { memo } from 'react';
 
-import IconAvatar, { type IconAvatarProps } from '@/IconAvatar';
+import IconAvatar, { type IconAvatarProps } from '@/features/IconAvatar';
 
 import { COLOR_GRADIENT, TITLE } from '../style';
 import Mono from './Mono';

src/Bedrock/components/Combine.tsx

@@ -1,6 +1,6 @@
 import { memo } from 'react';
 
-import IconCombine, { type IconCombineProps } from '@/IconCombine';
+import IconCombine, { type IconCombineProps } from '@/features/IconCombine';
 
 import { SPACE_MULTIPLE, TEXT_MULTIPLE, TITLE } from '../style';
 import Color from './Color';

src/Bing/components/Avatar.tsx

@@ -1,6 +1,6 @@
 import { memo } from 'react';
 
-import IconAvatar, { type IconAvatarProps } from '@/IconAvatar';
+import IconAvatar, { type IconAvatarProps } from '@/features/IconAvatar';
 
 import { COLOR_GRADIENT, TITLE } from '../style';
 import Mono from './Mono';

src/Bing/components/Combine.tsx

@@ -1,6 +1,6 @@
 import { memo } from 'react';
 
-import IconCombine, { type IconCombineProps } from '@/IconCombine';
+import IconCombine, { type IconCombineProps } from '@/features/IconCombine';
 
 import { SPACE_MULTIPLE, TEXT_MULTIPLE, TITLE } from '../style';
 import Color from './Color';

src/ByteDance/components/Avatar.tsx

@@ -1,6 +1,6 @@
 import { memo } from 'react';
 
-import IconAvatar, { type IconAvatarProps } from '@/IconAvatar';
+import IconAvatar, { type IconAvatarProps } from '@/features/IconAvatar';
 
 import { COLOR_PRIMARY, TITLE } from '../style';
 import Mono from './Mono';

src/ChatGLM/components/Avatar.tsx

@@ -1,6 +1,6 @@
 import { memo } from 'react';
 
-import IconAvatar, { type IconAvatarProps } from '@/IconAvatar';
+import IconAvatar, { type IconAvatarProps } from '@/features/IconAvatar';
 
 import { COLOR_GRADIENT, TITLE } from '../style';
 import Mono from './Mono';

src/ChatGLM/components/Combine.tsx

@@ -1,6 +1,6 @@
 import { memo } from 'react';
 
-import IconCombine, { type IconCombineProps } from '@/IconCombine';
+import IconCombine, { type IconCombineProps } from '@/features/IconCombine';
 
 import { SPACE_MULTIPLE, TEXT_MULTIPLE, TITLE } from '../style';
 import Color from './Color';

src/Claude/components/Avatar.tsx

@@ -1,6 +1,6 @@
 import { memo } from 'react';
 
-import IconAvatar, { type IconAvatarProps } from '@/IconAvatar';
+import IconAvatar, { type IconAvatarProps } from '@/features/IconAvatar';
 
 import { COLOR_PRIMARY, TITLE } from '../style';
 import Mono from './Mono';

src/Claude/components/Combine.tsx

@@ -1,6 +1,6 @@
 import { memo } from 'react';
 
-import IconCombine, { type IconCombineProps } from '@/IconCombine';
+import IconCombine, { type IconCombineProps } from '@/features/IconCombine';
 
 import { SPACE_MULTIPLE, TEXT_MULTIPLE, TITLE } from '../style';
 import Color from './Color';