diff --git a/README.md b/README.md index 0882182..560bc44 100644 --- a/README.md +++ b/README.md @@ -73,6 +73,7 @@ Contributions, corrections & requests can be made on GitHub. - [x] [Cloudflare](https://icons.lobehub.com/components/cloudflare) - [x] [Cloudflare (WorkersAI)](https://icons.lobehub.com/components/workers-ai) - [x] [Cohere (Command)](https://icons.lobehub.com/components/cohere) +- [x] [Databricks (DBRX)](https://icons.lobehub.com/components/dbrx) - [x] [DeepMind（Google)](https://icons.lobehub.com/components/deep-mind) - [x] [Fireworks](https://icons.lobehub.com/components/fireworks) - [x] [Github](https://icons.lobehub.com/components/github) @@ -98,11 +99,13 @@ Contributions, corrections & requests can be made on GitHub. - [x] [Ollama](https://icons.lobehub.com/components/ollama) - [x] [OpenAI (ChatGPT)](https://icons.lobehub.com/components/open-ai) - [x] [OpenAI (DALL·E)](https://icons.lobehub.com/components/dalle) +- [x] [OpenChat](https://icons.lobehub.com/components/open-chat) - [x] [OpenRouter](https://icons.lobehub.com/components/open-router) - [x] [Perplexity](https://icons.lobehub.com/components/perplexity) - [x] [Pollinations](https://icons.lobehub.com/components/pollinations) - [x] [Qingyan (智谱清言)](https://icons.lobehub.com/components/qingyan) - [x] [Replicate](https://icons.lobehub.com/components/replicate) +- [x] [RWKV](https://icons.lobehub.com/components/rwkv) - [x] [Spark (讯飞星火)](https://icons.lobehub.com/components/spark) - [x] [Stability (StableDiffusion)](https://icons.lobehub.com/components/stability) - [x] [Suno](https://icons.lobehub.com/components/suno) diff --git a/docs/Dashboard.tsx b/docs/Dashboard.tsx new file mode 100644 index 0000000..4809501 --- /dev/null +++ b/docs/Dashboard.tsx @@ -0,0 +1,5 @@ +import Dashboard from '@/components/Dashboard'; + +export default () => { + return ; +}; diff --git a/docs/index.md b/docs/index.md index 73adab0..74d09c7 100644 --- a/docs/index.md +++ b/docs/index.md @@ -4,4 +4,6 @@ hero: description: Popular AI / LLM Model Brand SVG Logo and Icon Collection --- + + diff --git a/docs/index.tsx b/docs/index.tsx index 065cf52..32f7d92 100644 --- a/docs/index.tsx +++ b/docs/index.tsx @@ -1,9 +1,5 @@ import { Features, FeaturesProps } from '@lobehub/ui'; -import { createStyles } from 'antd-style'; import { Expand, GitPullRequest, Trees } from 'lucide-react'; -import { Center } from 'react-layout-kit'; - -import Dashboard from '@/components/Dashboard'; const items: FeaturesProps['items'] = [ { @@ -26,28 +22,6 @@ const items: FeaturesProps['items'] = [ }, ]; -const useStyles = createStyles(({ css, token }) => ({ - container: css` - margin-top: -4%; - `, - dashboard: css` - overflow: hidden; - max-width: 960px; - border: 1px solid ${token.colorBorder}; - border-radius: ${token.borderRadiusLG}px; - `, - segmented: css` - border: 1px solid ${token.colorBorder}; - `, -})); - export default () => { - const { styles } = useStyles(); - - return ( -
- - -
- ); + return ; }; diff --git a/package.json b/package.json index 9b1edbc..656b8bd 100644 --- a/package.json +++ b/package.json @@ -71,47 +71,47 @@ ] }, "dependencies": { - "@babel/runtime": "^7", - "react-layout-kit": "^1" + "@babel/runtime": "^7.24.4", + "react-layout-kit": "^1.9.0" }, "devDependencies": { - "@commitlint/cli": "^18", + "@commitlint/cli": "^18.6.1", "@lobehub/lint": "latest", - "@lobehub/ui": "^1", - "@testing-library/react": "^14", - "@types/lodash-es": "^4", - "@types/pangu": "^4", - "@types/query-string": "^6", - "@types/react": "18", - "@types/react-dom": "^18", + "@lobehub/ui": "^1.138.0", + "@testing-library/react": "^14.3.0", + "@types/lodash-es": "^4.17.12", + "@types/pangu": "^4.0.2", + "@types/query-string": "^6.3.0", + "@types/react": "^18.2.75", + "@types/react-dom": "^18.2.24", "@vitest/coverage-v8": "latest", - "antd": "^5", - "antd-style": "^3", + "antd": "^5.16.1", + "antd-style": "^3.6.2", "babel-plugin-antd-style": "latest", - "commitlint": "^18", - "concurrently": "^8", - "cross-env": "^7", - "dumi": "^2", + "commitlint": "^18.6.1", + "concurrently": "^8.2.2", + "cross-env": "^7.0.3", + "dumi": "^2.2.17", "dumi-theme-lobehub": "latest", - "eslint": "^8", - "father": "4", - "front-matter": "^4", - "glob": "^10", - "husky": "^8", - "jsdom": "^23", - "lint-staged": "^15", - "lodash-es": "^4", + "eslint": "^8.57.0", + "father": "^4.4.0", + "front-matter": "^4.0.2", + "glob": "^10.3.12", + "husky": "^8.0.3", + "jsdom": "^23.2.0", + "lint-staged": "^15.2.2", + "lodash-es": "^4.17.21", "lucide-react": "latest", - "prettier": "^3", - "react": "^18", - "react-dom": "^18", - "remark": "^14", - "remark-cli": "^11", - "semantic-release": "^21", - "stylelint": "^15", - "svgo-browser": "^1", - "tsx": "^4", - "typescript": "^5", + "prettier": "^3.2.5", + "react": "^18.2.0", + "react-dom": "^18.2.0", + "remark": "^14.0.3", + "remark-cli": "^11.0.0", + "semantic-release": "^21.1.2", + "stylelint": "^15.11.0", + "svgo-browser": "^1.3.8", + "tsx": "^4.7.2", + "typescript": "^5.4.4", "vitest": "latest" }, "peerDependencies": { diff --git a/src/Dbrx/components/Avatar.tsx b/src/Dbrx/components/Avatar.tsx new file mode 100644 index 0000000..5fec098 --- /dev/null +++ b/src/Dbrx/components/Avatar.tsx @@ -0,0 +1,22 @@ +import { memo } from 'react'; + +import IconAvatar, { type IconAvatarProps } from '@/IconAvatar'; + +import { COLOR_PRIMARY, TITLE } from '../style'; +import Mono from './Mono'; + +export type AvatarProps = Omit; + +const Avatar = memo(({ background, ...rest }) => { + return ( + + ); +}); + +export default Avatar; diff --git a/src/Dbrx/components/BrandColor.tsx b/src/Dbrx/components/BrandColor.tsx new file mode 100644 index 0000000..e75e8f8 --- /dev/null +++ b/src/Dbrx/components/BrandColor.tsx @@ -0,0 +1,31 @@ +import { forwardRef } from 'react'; + +import type { IconType } from '@/types'; + +import { TITLE } from '../style'; + +const Icon: IconType = forwardRef(({ size = '1em', style, ...rest }, ref) => { + return ( + + {TITLE} + + + + + + ); +}); + +export default Icon; diff --git a/src/Dbrx/components/BrandMono.tsx b/src/Dbrx/components/BrandMono.tsx new file mode 100644 index 0000000..9da5d29 --- /dev/null +++ b/src/Dbrx/components/BrandMono.tsx @@ -0,0 +1,28 @@ +import { forwardRef } from 'react'; + +import type { IconType } from '@/types'; + +import { TITLE } from '../style'; + +const Icon: IconType = forwardRef(({ size = '1em', style, ...rest }, ref) => { + return ( + + {TITLE} + + + + + + ); +}); + +export default Icon; diff --git a/src/Dbrx/components/Color.tsx b/src/Dbrx/components/Color.tsx new file mode 100644 index 0000000..14c1fa8 --- /dev/null +++ b/src/Dbrx/components/Color.tsx @@ -0,0 +1,28 @@ +import { forwardRef } from 'react'; + +import type { IconType } from '@/types'; + +import { TITLE } from '../style'; + +const Icon: IconType = forwardRef(({ size = '1em', style, ...rest }, ref) => { + return ( + + {TITLE} + + + ); +}); + +export default Icon; diff --git a/src/Dbrx/components/Combine.tsx b/src/Dbrx/components/Combine.tsx new file mode 100644 index 0000000..2d4ede6 --- /dev/null +++ b/src/Dbrx/components/Combine.tsx @@ -0,0 +1,28 @@ +import { memo } from 'react'; + +import IconCombine, { type IconCombineProps } from '@/IconCombine'; + +import { SPACE_MULTIPLE, TEXT_MULTIPLE, TITLE } from '../style'; +import Color from './Color'; +import Mono from './Mono'; +import Text from './Text'; + +export interface CombineProps extends Omit { + type?: 'color' | 'mono'; +} +const Combine = memo(({ type = 'mono', ...rest }) => { + const Icon = type === 'color' ? Color : Mono; + + return ( + + ); +}); + +export default Combine; diff --git a/src/Dbrx/components/Mono.tsx b/src/Dbrx/components/Mono.tsx new file mode 100644 index 0000000..adf5fd0 --- /dev/null +++ b/src/Dbrx/components/Mono.tsx @@ -0,0 +1,26 @@ +import { forwardRef } from 'react'; + +import type { IconType } from '@/types'; + +import { TITLE } from '../style'; + +const Icon: IconType = forwardRef(({ size = '1em', style, ...rest }, ref) => { + return ( + + {TITLE} + + + ); +}); + +export default Icon; diff --git a/src/Dbrx/components/Text.tsx b/src/Dbrx/components/Text.tsx new file mode 100644 index 0000000..577a144 --- /dev/null +++ b/src/Dbrx/components/Text.tsx @@ -0,0 +1,25 @@ +import { forwardRef } from 'react'; + +import type { IconType } from '@/types'; + +import { TITLE } from '../style'; + +const Icon: IconType = forwardRef(({ size = '1em', style, ...rest }, ref) => { + return ( + + {TITLE} + + + ); +}); + +export default Icon; diff --git a/src/Dbrx/index.md b/src/Dbrx/index.md new file mode 100644 index 0000000..d34c44e --- /dev/null +++ b/src/Dbrx/index.md @@ -0,0 +1,86 @@ +--- +nav: Components +group: Model +title: Databricks (DBRX) +atomId: Dbrx +description: https://www.databricks.com +--- + +## Icons + +```tsx +import { Dbrx } from '@lobehub/icons'; +import { Flexbox } from 'react-layout-kit'; + +export default () => ( + + + + +); +``` + +## Text + +```tsx +import { Dbrx } from '@lobehub/icons'; + +export default () => ; +``` + +## Combine + +```tsx +import { Dbrx } from '@lobehub/icons'; +import { Flexbox } from 'react-layout-kit'; + +export default () => ( + + + + +); +``` + +## Brands + +```tsx +import { Dbrx } from '@lobehub/icons'; +import { Flexbox } from 'react-layout-kit'; + +export default () => ( + + + + +); +``` + +## Avatars + +```tsx +import { Dbrx } from '@lobehub/icons'; +import { Flexbox } from 'react-layout-kit'; + +export default () => ( + + + + +); +``` + +## Colors + +```tsx +import { Dbrx } from '@lobehub/icons'; +import { Flexbox } from 'react-layout-kit'; + +import ColorPreview from '../components/ColorPreview'; + +export default () => ( + + + +); +``` diff --git a/src/Dbrx/index.ts b/src/Dbrx/index.ts new file mode 100644 index 0000000..ba129d1 --- /dev/null +++ b/src/Dbrx/index.ts @@ -0,0 +1,31 @@ +import Avatar from './components/Avatar'; +import BrandColor from './components/BrandColor'; +import BrandMono from './components/BrandMono'; +import Color from './components/Color'; +import Combine from './components/Combine'; +import Mono from './components/Mono'; +import Text from './components/Text'; +import { COLOR_PRIMARY, TITLE } from './style'; + +export type CompoundedIcon = typeof Mono & { + Avatar: typeof Avatar; + Brand: typeof BrandMono; + BrandColor: typeof BrandColor; + Color: typeof Color; + Combine: typeof Combine; + Text: typeof Text; + colorPrimary: string; + title: string; +}; + +const Icons = Mono as CompoundedIcon; +Icons.Color = Color; +Icons.Text = Text; +Icons.Combine = Combine; +Icons.Avatar = Avatar; +Icons.Brand = BrandMono; +Icons.BrandColor = BrandColor; +Icons.colorPrimary = COLOR_PRIMARY; +Icons.title = TITLE; + +export default Icons; diff --git a/src/Dbrx/style.ts b/src/Dbrx/style.ts new file mode 100644 index 0000000..0fb629b --- /dev/null +++ b/src/Dbrx/style.ts @@ -0,0 +1,4 @@ +export const TITLE = 'DBRX'; +export const TEXT_MULTIPLE = 0.8; +export const SPACE_MULTIPLE = 0.4; +export const COLOR_PRIMARY = '#EE3D2C'; diff --git a/src/OpenChat/components/Avatar.tsx b/src/OpenChat/components/Avatar.tsx new file mode 100644 index 0000000..eebdb5a --- /dev/null +++ b/src/OpenChat/components/Avatar.tsx @@ -0,0 +1,22 @@ +import { memo } from 'react'; + +import IconAvatar, { type IconAvatarProps } from '@/IconAvatar'; + +import { COLOR_GRADIENT, TITLE } from '../style'; +import Mono from './Mono'; + +export type AvatarProps = Omit; + +const Avatar = memo(({ background, ...rest }) => { + return ( + + ); +}); + +export default Avatar; diff --git a/src/OpenChat/components/Color.tsx b/src/OpenChat/components/Color.tsx new file mode 100644 index 0000000..667cc65 --- /dev/null +++ b/src/OpenChat/components/Color.tsx @@ -0,0 +1,45 @@ +import { forwardRef } from 'react'; + +import { useFillIds } from '@/hooks/useFillId'; +import type { IconType } from '@/types'; + +import { TITLE } from '../style'; + +const Icon: IconType = forwardRef(({ size = '1em', style, ...rest }, ref) => { + const [a, b] = useFillIds(TITLE, 2); + return ( + + {TITLE} + + + + + + + + + + + + + + + + ); +}); + +export default Icon; diff --git a/src/OpenChat/components/Combine.tsx b/src/OpenChat/components/Combine.tsx new file mode 100644 index 0000000..f0a3ef2 --- /dev/null +++ b/src/OpenChat/components/Combine.tsx @@ -0,0 +1,29 @@ +import { memo } from 'react'; + +import IconCombine, { type IconCombineProps } from '@/IconCombine'; + +import { SPACE_MULTIPLE, TEXT_MULTIPLE, TITLE } from '../style'; +import Color from './Color'; +import Mono from './Mono'; +import Text from './Text'; + +export interface CombineProps extends Omit { + type?: 'color' | 'mono'; +} +const Combine = memo(({ type = 'mono', extraStyle, ...rest }) => { + const Icon = type === 'color' ? Color : Mono; + + return ( + + ); +}); + +export default Combine; diff --git a/src/OpenChat/components/Mono.tsx b/src/OpenChat/components/Mono.tsx new file mode 100644 index 0000000..e4859a3 --- /dev/null +++ b/src/OpenChat/components/Mono.tsx @@ -0,0 +1,29 @@ +import { forwardRef } from 'react'; + +import type { IconType } from '@/types'; + +import { TITLE } from '../style'; + +const Icon: IconType = forwardRef(({ size = '1em', style, ...rest }, ref) => { + return ( + + {TITLE} + + + + + + ); +}); + +export default Icon; diff --git a/src/OpenChat/components/Text.tsx b/src/OpenChat/components/Text.tsx new file mode 100644 index 0000000..448be37 --- /dev/null +++ b/src/OpenChat/components/Text.tsx @@ -0,0 +1,25 @@ +import { forwardRef } from 'react'; + +import type { IconType } from '@/types'; + +import { TITLE } from '../style'; + +const Icon: IconType = forwardRef(({ size = '1em', style, ...rest }, ref) => { + return ( + + {TITLE} + + + ); +}); + +export default Icon; diff --git a/src/OpenChat/index.md b/src/OpenChat/index.md new file mode 100644 index 0000000..533dd0e --- /dev/null +++ b/src/OpenChat/index.md @@ -0,0 +1,73 @@ +--- +nav: Components +group: Model +title: OpenChat +atomId: OpenChat +description: https://huggingface.co/openchat +--- + +## Icons + +```tsx +import { OpenChat } from '@lobehub/icons'; +import { Flexbox } from 'react-layout-kit'; + +export default () => ( + + + + +); +``` + +## Text + +```tsx +import { OpenChat } from '@lobehub/icons'; + +export default () => ; +``` + +## Combine + +```tsx +import { OpenChat } from '@lobehub/icons'; +import { Flexbox } from 'react-layout-kit'; + +export default () => ( + + + + +); +``` + +## Avatars + +```tsx +import { OpenChat } from '@lobehub/icons'; +import { Flexbox } from 'react-layout-kit'; + +export default () => ( + + + + + +); +``` + +## Colors + +```tsx +import { OpenChat } from '@lobehub/icons'; +import { Flexbox } from 'react-layout-kit'; + +import ColorPreview from '../components/ColorPreview'; + +export default () => ( + + + +); +``` diff --git a/src/OpenChat/index.ts b/src/OpenChat/index.ts new file mode 100644 index 0000000..92a3b98 --- /dev/null +++ b/src/OpenChat/index.ts @@ -0,0 +1,25 @@ +import Avatar from './components/Avatar'; +import Color from './components/Color'; +import Combine from './components/Combine'; +import Mono from './components/Mono'; +import Text from './components/Text'; +import { COLOR_PRIMARY, TITLE } from './style'; + +export type CompoundedIcon = typeof Mono & { + Avatar: typeof Avatar; + Color: typeof Color; + Combine: typeof Combine; + Text: typeof Text; + colorPrimary: string; + title: string; +}; + +const Icons = Mono as CompoundedIcon; +Icons.Color = Color; +Icons.Text = Text; +Icons.Combine = Combine; +Icons.Avatar = Avatar; +Icons.colorPrimary = COLOR_PRIMARY; +Icons.title = TITLE; + +export default Icons; diff --git a/src/OpenChat/style.ts b/src/OpenChat/style.ts new file mode 100644 index 0000000..f4d7101 --- /dev/null +++ b/src/OpenChat/style.ts @@ -0,0 +1,5 @@ +export const TITLE = 'OpenChat'; +export const TEXT_MULTIPLE = 0.75; +export const SPACE_MULTIPLE = 0.3; +export const COLOR_PRIMARY = '#4A7FE3'; +export const COLOR_GRADIENT = 'linear-gradient(to bottom, #6595F1, #336BD7)'; diff --git a/src/Rwkv/components/Avatar.tsx b/src/Rwkv/components/Avatar.tsx new file mode 100644 index 0000000..eebdb5a --- /dev/null +++ b/src/Rwkv/components/Avatar.tsx @@ -0,0 +1,22 @@ +import { memo } from 'react'; + +import IconAvatar, { type IconAvatarProps } from '@/IconAvatar'; + +import { COLOR_GRADIENT, TITLE } from '../style'; +import Mono from './Mono'; + +export type AvatarProps = Omit; + +const Avatar = memo(({ background, ...rest }) => { + return ( + + ); +}); + +export default Avatar; diff --git a/src/Rwkv/components/Color.tsx b/src/Rwkv/components/Color.tsx new file mode 100644 index 0000000..c1d0a97 --- /dev/null +++ b/src/Rwkv/components/Color.tsx @@ -0,0 +1,37 @@ +import { forwardRef } from 'react'; + +import { useFillId } from '@/hooks/useFillId'; +import type { IconType } from '@/types'; + +import { TITLE } from '../style'; + +const Icon: IconType = forwardRef(({ size = '1em', style, ...rest }, ref) => { + const { fill, id } = useFillId(TITLE); + return ( + + {TITLE} + + + + + + + + + + ); +}); + +export default Icon; diff --git a/src/Rwkv/components/Combine.tsx b/src/Rwkv/components/Combine.tsx new file mode 100644 index 0000000..f0a3ef2 --- /dev/null +++ b/src/Rwkv/components/Combine.tsx @@ -0,0 +1,29 @@ +import { memo } from 'react'; + +import IconCombine, { type IconCombineProps } from '@/IconCombine'; + +import { SPACE_MULTIPLE, TEXT_MULTIPLE, TITLE } from '../style'; +import Color from './Color'; +import Mono from './Mono'; +import Text from './Text'; + +export interface CombineProps extends Omit { + type?: 'color' | 'mono'; +} +const Combine = memo(({ type = 'mono', extraStyle, ...rest }) => { + const Icon = type === 'color' ? Color : Mono; + + return ( + + ); +}); + +export default Combine; diff --git a/src/Rwkv/components/Mono.tsx b/src/Rwkv/components/Mono.tsx new file mode 100644 index 0000000..9bc3d34 --- /dev/null +++ b/src/Rwkv/components/Mono.tsx @@ -0,0 +1,33 @@ +import { forwardRef } from 'react'; + +import type { IconType } from '@/types'; + +import { TITLE } from '../style'; + +const Icon: IconType = forwardRef(({ size = '1em', style, ...rest }, ref) => { + return ( + + {TITLE} + + + + + + + + + + ); +}); + +export default Icon; diff --git a/src/Rwkv/components/Text.tsx b/src/Rwkv/components/Text.tsx new file mode 100644 index 0000000..bc5f177 --- /dev/null +++ b/src/Rwkv/components/Text.tsx @@ -0,0 +1,25 @@ +import { forwardRef } from 'react'; + +import type { IconType } from '@/types'; + +import { TITLE } from '../style'; + +const Icon: IconType = forwardRef(({ size = '1em', style, ...rest }, ref) => { + return ( + + {TITLE} + + + ); +}); + +export default Icon; diff --git a/src/Rwkv/index.md b/src/Rwkv/index.md new file mode 100644 index 0000000..a734d56 --- /dev/null +++ b/src/Rwkv/index.md @@ -0,0 +1,73 @@ +--- +nav: Components +group: Model +title: RWKV +atomId: Rwkv +description: https://github.com/RWKV +--- + +## Icons + +```tsx +import { Rwkv } from '@lobehub/icons'; +import { Flexbox } from 'react-layout-kit'; + +export default () => ( + + + + +); +``` + +## Text + +```tsx +import { Rwkv } from '@lobehub/icons'; + +export default () => ; +``` + +## Combine + +```tsx +import { Rwkv } from '@lobehub/icons'; +import { Flexbox } from 'react-layout-kit'; + +export default () => ( + + + + +); +``` + +## Avatars + +```tsx +import { Rwkv } from '@lobehub/icons'; +import { Flexbox } from 'react-layout-kit'; + +export default () => ( + + + + + +); +``` + +## Colors + +```tsx +import { Rwkv } from '@lobehub/icons'; +import { Flexbox } from 'react-layout-kit'; + +import ColorPreview from '../components/ColorPreview'; + +export default () => ( + + + +); +``` diff --git a/src/Rwkv/index.ts b/src/Rwkv/index.ts new file mode 100644 index 0000000..92a3b98 --- /dev/null +++ b/src/Rwkv/index.ts @@ -0,0 +1,25 @@ +import Avatar from './components/Avatar'; +import Color from './components/Color'; +import Combine from './components/Combine'; +import Mono from './components/Mono'; +import Text from './components/Text'; +import { COLOR_PRIMARY, TITLE } from './style'; + +export type CompoundedIcon = typeof Mono & { + Avatar: typeof Avatar; + Color: typeof Color; + Combine: typeof Combine; + Text: typeof Text; + colorPrimary: string; + title: string; +}; + +const Icons = Mono as CompoundedIcon; +Icons.Color = Color; +Icons.Text = Text; +Icons.Combine = Combine; +Icons.Avatar = Avatar; +Icons.colorPrimary = COLOR_PRIMARY; +Icons.title = TITLE; + +export default Icons; diff --git a/src/Rwkv/style.ts b/src/Rwkv/style.ts new file mode 100644 index 0000000..1e27c64 --- /dev/null +++ b/src/Rwkv/style.ts @@ -0,0 +1,5 @@ +export const TITLE = 'RWKV'; +export const TEXT_MULTIPLE = 0.75; +export const SPACE_MULTIPLE = 0.3; +export const COLOR_PRIMARY = '#3431C3'; +export const COLOR_GRADIENT = 'linear-gradient(to left, #1D1A5C, #3431C3, #7361F7)'; diff --git a/src/components/Dashboard/index.tsx b/src/components/Dashboard/index.tsx index c6ed4f8..fe5099b 100644 --- a/src/components/Dashboard/index.tsx +++ b/src/components/Dashboard/index.tsx @@ -1,5 +1,4 @@ import * as Icons from '@lobehub/icons'; -import { StoryBook, useControls, useCreateStore } from '@lobehub/ui'; import { createStyles } from 'antd-style'; import { memo } from 'react'; import { Flexbox } from 'react-layout-kit'; @@ -17,40 +16,26 @@ const useStyles = createStyles(({ css, token }) => ({ `, })); -const Dashboard = memo<{ className: string }>(({ className }) => { +const Dashboard = memo<{ className: string }>(() => { const { styles } = useStyles(); - const store = useCreateStore(); - - const { size, color, monochrome } = useControls( - { - color: { - color: true, - value: '#ffffff', - }, - monochrome: false, - size: { - max: 96, - min: 16, - step: 1, - value: 48, - }, - }, - { store }, - ); return ( - - - {data.map((Icon: any, index) => { - const IconRender = !monochrome && Icon.Color ? Icon.Color : Icon; - return ( - - - - ); - })} - - + + {data.map((Icon: any, index) => { + const IconRender = Icon.Color || Icon; + return ( + + + + ); + })} + ); }); diff --git a/src/index.ts b/src/index.ts index ca3cccc..725d088 100644 --- a/src/index.ts +++ b/src/index.ts @@ -16,6 +16,7 @@ export { default as Cohere, type CompoundedIcon as CohereProps } from './Cohere' export { default as Colab, type CompoundedIcon as ColabProps } from './Colab'; export { default as Copilot, type CompoundedIcon as CopilotProps } from './Copilot'; export { default as Dalle, type CompoundedIcon as DalleProps } from './Dalle'; +export { default as Dbrx, type CompoundedIcon as DbrxProps } from './Dbrx'; export { default as DeepMind, type CompoundedIcon as DeepMindProps } from './DeepMind'; export { default as Fireworks, type CompoundedIcon as FireworksProps } from './Fireworks'; export { default as Gemini, type CompoundedIcon as GeminiProps } from './Gemini'; @@ -42,11 +43,13 @@ export { default as Moonshot, type CompoundedIcon as MoonshotProps } from './Moo export { default as Nvidia, type CompoundedIcon as NvidiaProps } from './Nvidia'; export { default as Ollama, type CompoundedIcon as OllamaProps } from './Ollama'; export { default as OpenAI, type CompoundedIcon as OpenAIProps } from './OpenAI'; +export { default as OpenChat, type CompoundedIcon as OpenChatProps } from './OpenChat'; export { default as OpenRouter, type CompoundedIcon as OpenRouterProps } from './OpenRouter'; export { default as Perplexity, type CompoundedIcon as PerplexityProps } from './Perplexity'; export { default as Pollinations, type CompoundedIcon as PollinationsProps } from './Pollinations'; export { default as Qingyan, type CompoundedIcon as QingyanProps } from './Qingyan'; export { default as Replicate, type CompoundedIcon as ReplicateProps } from './Replicate'; +export { default as Rwkv, type CompoundedIcon as RwkvProps } from './Rwkv'; export { default as Spark, type CompoundedIcon as SparkProps } from './Spark'; export { default as Stability, type CompoundedIcon as StabilityProps } from './Stability'; export { default as Suno, type CompoundedIcon as SunoProps } from './Suno';