✨ feat: Add StateCloud (lobehub#83)

canisminor1990 · canisminor1990 · commit a7f4aa79cd1d · 2025-03-03T21:10:53.000+08:00
diff --git a/src/StateCloud/components/Avatar.tsx b/src/StateCloud/components/Avatar.tsx
@@ -0,0 +1,24 @@
+'use client';
+
+import { memo } from 'react';
+
+import IconAvatar, { type IconAvatarProps } from '@/features/IconAvatar';
+
+import { COLOR_PRIMARY, TITLE } from '../style';
+import Mono from './Mono';
+
+export type AvatarProps = Omit<IconAvatarProps, 'Icon'>;
+
+const Avatar = memo<AvatarProps>(({ background, ...rest }) => {
+  return (
+    <IconAvatar
+      Icon={Mono}
+      aria-label={TITLE}
+      background={background || COLOR_PRIMARY}
+      color={'#fff'}
+      {...rest}
+    />
+  );
+});
+
+export default Avatar;
diff --git a/src/StateCloud/components/Color.tsx b/src/StateCloud/components/Color.tsx
@@ -0,0 +1,31 @@
+'use client';
+
+import { forwardRef } from 'react';
+
+import type { IconType } from '@/types';
+
+import { TITLE } from '../style';
+
+const Icon: IconType = forwardRef(({ size = '1em', style, ...rest }, ref) => {
+  return (
+    <svg
+      height={size}
+      ref={ref}
+      style={{ flex: 'none', lineHeight: 1, ...style }}
+      viewBox="0 0 24 24"
+      width={size}
+      xmlns="http://www.w3.org/2000/svg"
+      {...rest}
+    >
+      <title>{TITLE}</title>
+      <path
+        clipRule="evenodd"
+        d="M15.509 6.023a3.975 3.975 0 014.49 2.442A5.343 5.343 0 0124 13.653C23.999 16.605 21.623 19 18.689 19a5.307 5.307 0 01-4.903-3.303 5.228 5.228 0 01-.399-1.907h-1.343a.105.105 0 01-.074-.18l2.733-2.752a.13.13 0 01.185 0l2.734 2.754c.065.066.019.18-.074.18l-1.42-.001c.047.338.152.673.325.99a2.844 2.844 0 003.954 1.09c1.218-.723 1.732-2.29 1.177-3.6a2.855 2.855 0 00-3.386-1.65 2.03 2.03 0 00-.935-2.366 1.998 1.998 0 00-2.492.431c-.68-1.629-2.363-2.68-4.19-2.463-1.974.234-3.442 1.87-3.553 3.802a3.184 3.184 0 00-3.279.135 3.25 3.25 0 00-1.336 3.588 3.214 3.214 0 003.093 2.356l7.153.003c.055 0 .104.033.125.083a6.495 6.495 0 001.418 2.088c.053.053.018.142-.056.142l-8.637-.003h-.006C2.463 18.416-.001 15.93 0 12.868c.001-3.065 2.468-5.546 5.507-5.544h.008A6.136 6.136 0 0110.964 4c1.801 0 3.421.781 4.545 2.023z"
+        fill="#DF0428"
+        fillRule="evenodd"
+      />
+    </svg>
+  );
+});
+
+export default Icon;
diff --git a/src/StateCloud/components/Combine.tsx b/src/StateCloud/components/Combine.tsx
@@ -0,0 +1,30 @@
+'use client';
+
+import { memo } from 'react';
+
+import IconCombine, { type IconCombineProps } from '@/features/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<IconCombineProps, 'Icon' | 'Text'> {
+  type?: 'color' | 'mono';
+}
+const Combine = memo<CombineProps>(({ type = 'mono', ...rest }) => {
+  const Icon = type === 'color' ? Color : Mono;
+
+  return (
+    <IconCombine
+      Icon={Icon}
+      Text={Text}
+      aria-label={TITLE}
+      spaceMultiple={SPACE_MULTIPLE}
+      textMultiple={TEXT_MULTIPLE}
+      {...rest}
+    />
+  );
+});
+
+export default Combine;
diff --git a/src/StateCloud/components/Mono.tsx b/src/StateCloud/components/Mono.tsx
@@ -0,0 +1,31 @@
+'use client';
+
+import { forwardRef } from 'react';
+
+import type { IconType } from '@/types';
+
+import { TITLE } from '../style';
+
+const Icon: IconType = forwardRef(({ size = '1em', style, ...rest }, ref) => {
+  return (
+    <svg
+      fill="currentColor"
+      fillRule="evenodd"
+      height={size}
+      ref={ref}
+      style={{ flex: 'none', lineHeight: 1, ...style }}
+      viewBox="0 0 24 24"
+      width={size}
+      xmlns="http://www.w3.org/2000/svg"
+      {...rest}
+    >
+      <title>{TITLE}</title>
+      <path
+        clipRule="evenodd"
+        d="M15.509 6.023a3.975 3.975 0 014.49 2.442A5.343 5.343 0 0124 13.653C23.999 16.605 21.623 19 18.689 19a5.307 5.307 0 01-4.903-3.303 5.228 5.228 0 01-.399-1.907h-1.343a.105.105 0 01-.074-.18l2.733-2.752a.13.13 0 01.185 0l2.734 2.754c.065.066.019.18-.074.18l-1.42-.001c.047.338.152.673.325.99a2.844 2.844 0 003.954 1.09c1.218-.723 1.732-2.29 1.177-3.6a2.855 2.855 0 00-3.386-1.65 2.03 2.03 0 00-.935-2.366 1.998 1.998 0 00-2.492.431c-.68-1.629-2.363-2.68-4.19-2.463-1.974.234-3.442 1.87-3.553 3.802a3.184 3.184 0 00-3.279.135 3.25 3.25 0 00-1.336 3.588 3.214 3.214 0 003.093 2.356l7.153.003c.055 0 .104.033.125.083a6.495 6.495 0 001.418 2.088c.053.053.018.142-.056.142l-8.637-.003h-.006C2.463 18.416-.001 15.93 0 12.868c.001-3.065 2.468-5.546 5.507-5.544h.008A6.136 6.136 0 0110.964 4c1.801 0 3.421.781 4.545 2.023z"
+      />
+    </svg>
+  );
+});
+
+export default Icon;
diff --git a/src/StateCloud/components/Text.tsx b/src/StateCloud/components/Text.tsx
@@ -0,0 +1,30 @@
+'use client';
+
+import { forwardRef } from 'react';
+
+import type { IconType } from '@/types';
+
+import { TITLE } from '../style';
+
+const Icon: IconType = forwardRef(({ size = '1em', style, ...rest }, ref) => {
+  return (
+    <svg
+      fill="currentColor"
+      fillRule="evenodd"
+      height={size}
+      ref={ref}
+      style={{ flex: 'none', lineHeight: 1, ...style }}
+      viewBox="0 0 72 24"
+      xmlns="http://www.w3.org/2000/svg"
+      {...rest}
+    >
+      <title>{TITLE}</title>
+      <path
+        clipRule="evenodd"
+        d="M14.376 9.522V3.936h8.38V2H2.663v1.936h8.38V9.538H2v1.936h8.805c-.583 2.799-2.517 6.72-8.805 8.434v2.002c6.15-.927 9.197-4.19 10.709-7.226 1.513 3.035 4.559 6.299 10.709 7.226v-2.002c-6.287-1.714-8.221-5.636-8.805-8.434h8.805V9.538h-9.042v-.016zM69.335 2H49.245v1.936h20.093V2zM70 9.324v1.936H55.432l-2.881 8.496h13.974l-2.19-5.7h2.922l2.008 5.228a1.993 1.993 0 01-1.863 2.705H51.687a1.994 1.994 0 01-1.89-2.63l2.747-8.099h-3.962V9.324H70zm-27.84 9.517h4.338v-1.303h-4.463v-1.092h4.463v-1.303h-4.463v-1.092h3.441c.44 0 .798-.357.798-.797v-3.89a.798.798 0 00-.798-.797H26.674a.798.798 0 00-.799.797v3.89c0 .44.358.797.799.797h3.44v1.092h-4.463v1.303h4.464v1.092h-4.463v1.303h4.337c-.256.682-1.122 1.388-2.345 1.587-.63.102-1.152.155-2.014.175V22c1.373 0 2.512-.096 3.583-.302 1.782-.343 3.091-1.437 3.533-2.857h6.657c.442 1.42 1.751 2.514 3.533 2.857 1.072.206 2.21.302 3.584.302v-1.397a13.201 13.201 0 01-2.015-.175c-1.223-.199-2.088-.905-2.345-1.587zm-4.853-6.022v-1.017h6.504v1.017h-6.504zm6.504-2.003h-6.504V9.8h6.504v1.017zM34.843 9.8v1.017H28.34V9.8h6.504zm-6.504 2.003h6.504v1.017H28.34v-1.017zm4.57 2.249h6.331v1.092h-6.33v-1.092zm0 2.395h6.331v1.092h-6.33v-1.092zm.963-8.846h-8.173V6.352h6.91a.48.48 0 00.48-.48v-.58h-6.945v-.985h6.946v-.58a.48.48 0 00-.48-.479H25.7V2h8.172a1.68 1.68 0 011.681 1.68v2.24a1.68 1.68 0 01-1.681 1.68zm10.653 0h.244a1.68 1.68 0 001.681-1.68V3.68A1.68 1.68 0 0044.77 2h-8.173v1.248h6.91a.48.48 0 01.48.48v.58h-6.945v.985h6.946v.58a.48.48 0 01-.48.479h-6.91V7.6h7.928z"
+      />
+    </svg>
+  );
+});
+
+export default Icon;
diff --git a/src/StateCloud/index.md b/src/StateCloud/index.md
@@ -0,0 +1,72 @@
+---
+nav: Components
+group: Provider
+title: StateCloud (天翼云)
+atomId: StateCloud
+description: https://www.ctyun.cn/act/xirang/deepseek
+---
+
+## Icons
+
+```tsx
+import { StateCloud } from '@lobehub/icons';
+import { Flexbox } from 'react-layout-kit';
+
+export default () => (
+  <Flexbox gap={16} horizontal>
+    <StateCloud size={64} />
+    <StateCloud.Color size={64} />
+  </Flexbox>
+);
+```
+
+## Text
+
+```tsx
+import { StateCloud } from '@lobehub/icons';
+
+export default () => <StateCloud.Text size={48} />;
+```
+
+## Combine
+
+```tsx
+import { StateCloud } from '@lobehub/icons';
+import { Flexbox } from 'react-layout-kit';
+
+export default () => (
+  <Flexbox gap={16} align={'flex-start'}>
+    <StateCloud.Combine size={64} />
+    <StateCloud.Combine size={64} type={'color'} />
+  </Flexbox>
+);
+```
+
+## Avatars
+
+```tsx
+import { StateCloud } from '@lobehub/icons';
+import { Flexbox } from 'react-layout-kit';
+
+export default () => (
+  <Flexbox gap={16} horizontal>
+    <StateCloud.Avatar size={64} />
+    <StateCloud.Avatar size={64} shape={'square'} />
+  </Flexbox>
+);
+```
+
+## Colors
+
+```tsx
+import { StateCloud } from '@lobehub/icons';
+import { Flexbox } from 'react-layout-kit';
+
+import ColorPreview from '../components/ColorPreview';
+
+export default () => (
+  <Flexbox gap={16} horizontal>
+    <ColorPreview color={StateCloud.colorPrimary} />
+  </Flexbox>
+);
+```
diff --git a/src/StateCloud/index.ts b/src/StateCloud/index.ts
@@ -0,0 +1,26 @@
+'use client';
+
+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/StateCloud/style.ts b/src/StateCloud/style.ts
@@ -0,0 +1,4 @@
+export const TITLE = 'StateCloud';
+export const TEXT_MULTIPLE = 0.65;
+export const SPACE_MULTIPLE = 0.2;
+export const COLOR_PRIMARY = '#DF0428';
diff --git a/src/icons.ts b/src/icons.ts
@@ -111,6 +111,7 @@ export { default as SenseNova, type CompoundedIcon as SenseNovaProps } from './S
 export { default as SiliconCloud, type CompoundedIcon as SiliconCloudProps } from './SiliconCloud';
 export { default as Spark, type CompoundedIcon as SparkProps } from './Spark';
 export { default as Stability, type CompoundedIcon as StabilityProps } from './Stability';
+export { default as StateCloud, type CompoundedIcon as StateCloudProps } from './StateCloud';
 export { default as Stepfun, type CompoundedIcon as StepfunProps } from './Stepfun';
 export { default as Suno, type CompoundedIcon as SunoProps } from './Suno';
 export { default as Sync, type CompoundedIcon as SyncProps } from './Sync';
diff --git a/src/toc.ts b/src/toc.ts
@@ -2133,6 +2133,25 @@ const toc: IconToc[] = [
     },
     title: 'Stability',
   },
+  {
+    color: '#DF0428',
+    desc: 'https://www.ctyun.cn/act/xirang/deepseek',
+    docsUrl: 'state-cloud',
+    fullTitle: 'StateCloud (天翼云)',
+    group: 'provider',
+    id: 'StateCloud',
+    param: {
+      hasAvatar: true,
+      hasBrand: false,
+      hasBrandColor: false,
+      hasColor: true,
+      hasCombine: true,
+      hasText: true,
+      hasTextCn: false,
+      hasTextColor: false,
+    },
+    title: 'StateCloud',
+  },
   {
     color: '#005AFF',
     desc: 'https://www.stepfun.com',
