Skip to content

Commit ad390e5

Browse files
canisminor1990canisminor1990
committed
✨ feat: Add higress
1 parent 44ee33c commit ad390e5

File tree

15 files changed

+365
-14
lines changed

15 files changed

+365
-14
lines changed

‎README.md

Lines changed: 3 additions & 3 deletions
Large diffs are not rendered by default.

‎package.json

Lines changed: 9 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -71,31 +71,31 @@
7171
]
7272
},
7373
"devDependencies": {
74-
"@babel/runtime": "^7.25.4",
74+
"@babel/runtime": "^7.26.0",
7575
"@commitlint/cli": "^18.6.1",
7676
"@lobehub/lint": "^1.24.4",
7777
"@testing-library/react": "^14.3.1",
7878
"@types/lodash-es": "^4.17.12",
7979
"@types/pangu": "^4.0.2",
8080
"@types/query-string": "^6.3.0",
81-
"@types/react": "^18.3.4",
82-
"@types/react-dom": "^18.3.0",
81+
"@types/react": "^18.3.12",
82+
"@types/react-dom": "^18.3.1",
8383
"@vitest/coverage-v8": "~1.2.2",
8484
"babel-plugin-antd-style": "^1.0.4",
8585
"commitlint": "^18.6.1",
8686
"concurrently": "^8.2.2",
8787
"cross-env": "^7.0.3",
8888
"dumi": "2.2.17",
8989
"dumi-theme-lobehub": "^1.8.1",
90-
"eslint": "^8.57.0",
91-
"father": "^4.5.0",
90+
"eslint": "^8.57.1",
91+
"father": "^4.5.1",
9292
"glob": "^11.0.0",
9393
"gray-matter": "^4.0.3",
9494
"husky": "^8.0.3",
9595
"jsdom": "^23.2.0",
96-
"lint-staged": "^15.2.9",
96+
"lint-staged": "^15.2.10",
9797
"lodash-es": "^4.17.21",
98-
"markdown-table": "^3.0.3",
98+
"markdown-table": "^3.0.4",
9999
"prettier": "^3.3.3",
100100
"react": "^18.3.1",
101101
"react-dom": "^18.3.1",
@@ -104,8 +104,8 @@
104104
"semantic-release": "^21.1.2",
105105
"stylelint": "^15.11.0",
106106
"svgo-browser": "^1.3.8",
107-
"tsx": "^4.18.0",
108-
"typescript": "^5.5.4",
107+
"tsx": "^4.19.2",
108+
"typescript": "^5.6.3",
109109
"vitest": "~1.2.2"
110110
},
111111
"peerDependencies": {

‎src/Ai360/index.md

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -68,6 +68,7 @@ import ColorPreview from '../components/ColorPreview';
6868
export default () => (
6969
<Flexbox gap={16} horizontal>
7070
<ColorPreview color={Ai360.colorPrimary} />
71+
<ColorPreview color={Higress.colorGradient} />
7172
</Flexbox>
7273
);
7374
```

‎src/Higress/components/Avatar.tsx

Lines changed: 23 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,23 @@
1+
import { memo } from 'react';
2+
3+
import IconAvatar, { type IconAvatarProps } from '@/features/IconAvatar';
4+
5+
import { COLOR_GRADIENT, TITLE } from '../style';
6+
import Mono from './Mono';
7+
8+
export type AvatarProps = Omit<IconAvatarProps, 'Icon'>;
9+
10+
const Avatar = memo<AvatarProps>(({ background, ...rest }) => {
11+
return (
12+
<IconAvatar
13+
Icon={Mono}
14+
aria-label={TITLE}
15+
background={background || COLOR_GRADIENT}
16+
color={'#fff'}
17+
iconMultiple={0.6}
18+
{...rest}
19+
/>
20+
);
21+
});
22+
23+
export default Avatar;

‎src/Higress/components/Color.tsx

Lines changed: 69 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,69 @@
1+
import { forwardRef } from 'react';
2+
3+
import { useFillIds } from '@/hooks/useFillId';
4+
import type { IconType } from '@/types';
5+
6+
import { TITLE } from '../style';
7+
8+
const Icon: IconType = forwardRef(({ size = '1em', style, ...rest }, ref) => {
9+
const [a, b] = useFillIds(TITLE, 2);
10+
return (
11+
<svg
12+
height={size}
13+
ref={ref}
14+
style={{ flex: 'none', lineHeight: 1, ...style }}
15+
viewBox="0 0 24 24"
16+
width={size}
17+
xmlns="http://www.w3.org/2000/svg"
18+
{...rest}
19+
>
20+
<title>{TITLE}</title>
21+
<path
22+
d="M11.853 15.257c-.318.069-.648.101-.99.101H7.933a7.89 7.89 0 01-4.072-1.132 8.15 8.15 0 01-.616-.406 8.033 8.033 0 01-2.541-3.154c-.1-.23-.19-.46-.274-.7a8.007 8.007 0 01-.407-2.522V1H3.27v6.444c0 .153.004.298.025.443.016.214.048.415.1.616a4.681 4.681 0 002.223 2.985 4.667 4.667 0 002.296.616h.024a4.043 4.043 0 013.919 3.153h-.004z"
23+
fill={a.fill}
24+
></path>
25+
<path
26+
d="M3.246 14.557v8.039H0v-12.24c.105.39.274.834.362 1.007a8.474 8.474 0 002.884 3.198v-.004z"
27+
fill="#1E8CFE"
28+
></path>
29+
<path
30+
d="M15.824 16.151v6.445h-3.246V16.15a3.26 3.26 0 00-.024-.447 4.683 4.683 0 00-2.32-3.6 4.706 4.706 0 00-2.3-.616H7.91a4.047 4.047 0 01-3.919-3.146c.318-.068.649-.1.991-.1H7.91a7.89 7.89 0 014.072 1.131c.213.125.419.262.616.407a7.959 7.959 0 012.537 3.154 7.849 7.849 0 01.689 3.218z"
31+
fill={b.fill}
32+
></path>
33+
<path
34+
d="M19.904 3.868c0-.552.201-1.027.6-1.426.399-.403.882-.6 1.442-.6.56 0 1.055.201 1.454.6.403.39.6.874.6 1.442s-.201 1.055-.6 1.454c-.39.402-.87.6-1.442.6a1.979 1.979 0 01-1.454-.6c-.403-.403-.6-.89-.6-1.47zm3.73 5.107v13.62h-3.36V8.972h3.36v.004z"
35+
fill="#0418FF"
36+
></path>
37+
<path
38+
d="M12.578 9.039V1h3.246v12.24a6.393 6.393 0 00-.362-1.007 8.474 8.474 0 00-2.884-3.198v.004z"
39+
fill="#1E8CFE"
40+
></path>
41+
<defs>
42+
<linearGradient
43+
gradientUnits="userSpaceOnUse"
44+
id={a.id}
45+
x1=".024"
46+
x2="11.853"
47+
y1="8.177"
48+
y2="8.177"
49+
>
50+
<stop stopColor="#0418FF"></stop>
51+
<stop offset="1" stopColor="#1E8CFE"></stop>
52+
</linearGradient>
53+
<linearGradient
54+
gradientUnits="userSpaceOnUse"
55+
id={b.id}
56+
x1="15.824"
57+
x2="3.991"
58+
y1="15.418"
59+
y2="15.418"
60+
>
61+
<stop stopColor="#0418FF"></stop>
62+
<stop offset="1" stopColor="#1E8CFE"></stop>
63+
</linearGradient>
64+
</defs>
65+
</svg>
66+
);
67+
});
68+
69+
export default Icon;

‎src/Higress/components/Combine.tsx

Lines changed: 15 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,15 @@
1+
import { memo } from 'react';
2+
3+
import { type IconCombineProps } from '@/features/IconCombine';
4+
5+
import Mono from './Text';
6+
import Color from './TextColor';
7+
8+
export interface CombineProps extends Omit<IconCombineProps, 'Icon' | 'Text'> {
9+
type?: 'color' | 'mono';
10+
}
11+
const Combine = memo<CombineProps>(({ type = 'mono', ...rest }) => {
12+
return type === 'color' ? <Color {...(rest as any)} /> : <Mono {...(rest as any)} />;
13+
});
14+
15+
export default Combine;

‎src/Higress/components/Mono.tsx

Lines changed: 30 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,30 @@
1+
import { forwardRef } from 'react';
2+
3+
import type { IconType } from '@/types';
4+
5+
import { TITLE } from '../style';
6+
7+
const Icon: IconType = forwardRef(({ size = '1em', style, ...rest }, ref) => {
8+
return (
9+
<svg
10+
fill="currentColor"
11+
fillRule="evenodd"
12+
height={size}
13+
ref={ref}
14+
style={{ flex: 'none', lineHeight: 1, ...style }}
15+
viewBox="0 0 24 24"
16+
width={size}
17+
xmlns="http://www.w3.org/2000/svg"
18+
{...rest}
19+
>
20+
<title>{TITLE}</title>
21+
<path d="M11.853 15.257c-.318.069-.648.101-.99.101H7.933a7.89 7.89 0 01-4.072-1.132 8.15 8.15 0 01-.616-.406 8.033 8.033 0 01-2.541-3.154c-.1-.23-.19-.46-.274-.7a8.007 8.007 0 01-.407-2.522V1H3.27v6.444c0 .153.004.298.025.443.016.214.048.415.1.616a4.681 4.681 0 002.223 2.985 4.667 4.667 0 002.296.616h.024a4.043 4.043 0 013.919 3.153h-.004z"></path>
22+
<path d="M3.246 14.557v8.039H0v-12.24c.105.39.274.834.362 1.007a8.474 8.474 0 002.884 3.198v-.004z"></path>
23+
<path d="M15.824 16.151v6.445h-3.246V16.15a3.26 3.26 0 00-.024-.447 4.683 4.683 0 00-2.32-3.6 4.706 4.706 0 00-2.3-.616H7.91a4.047 4.047 0 01-3.919-3.146c.318-.068.649-.1.991-.1H7.91a7.89 7.89 0 014.072 1.131c.213.125.419.262.616.407a7.959 7.959 0 012.537 3.154 7.849 7.849 0 01.689 3.218z"></path>
24+
<path d="M19.904 3.868c0-.552.201-1.027.6-1.426.399-.403.882-.6 1.442-.6.56 0 1.055.201 1.454.6.403.39.6.874.6 1.442s-.201 1.055-.6 1.454c-.39.402-.87.6-1.442.6a1.979 1.979 0 01-1.454-.6c-.403-.403-.6-.89-.6-1.47zm3.73 5.107v13.62h-3.36V8.972h3.36v.004z"></path>
25+
<path d="M12.578 9.039V1h3.246v12.24a6.393 6.393 0 00-.362-1.007 8.474 8.474 0 00-2.884-3.198v.004z"></path>
26+
</svg>
27+
);
28+
});
29+
30+
export default Icon;

‎src/Higress/components/Text.tsx

Lines changed: 31 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,31 @@
1+
import { forwardRef } from 'react';
2+
3+
import type { IconType } from '@/types';
4+
5+
import { TITLE } from '../style';
6+
7+
const Icon: IconType = forwardRef(({ size = '1em', style, ...rest }, ref) => {
8+
return (
9+
<svg
10+
fill="currentColor"
11+
fillRule="evenodd"
12+
height={size}
13+
ref={ref}
14+
style={{ flex: 'none', lineHeight: 1, ...style }}
15+
viewBox="0 0 84 24"
16+
xmlns="http://www.w3.org/2000/svg"
17+
{...rest}
18+
>
19+
<title>{TITLE}</title>
20+
<path d="M11.798 11.785a3.883 3.883 0 01-.819.083h-2.42a6.522 6.522 0 01-3.366-.935 6.738 6.738 0 01-.51-.336 6.64 6.64 0 01-2.1-2.607 8.042 8.042 0 01-.227-.58 6.619 6.619 0 01-.336-2.084V0h2.683v5.326c0 .127.004.247.02.367.014.176.04.342.084.509a3.857 3.857 0 003.735 2.976h.02a3.342 3.342 0 013.24 2.607h-.004z"></path>
21+
<path d="M4.683 11.206v6.645H2V7.734c.087.323.226.69.3.832a7.005 7.005 0 002.383 2.644v-.004z"></path>
22+
<path d="M15.08 12.524v5.327h-2.683v-5.327c0-.126-.004-.25-.02-.37a3.871 3.871 0 00-1.918-2.976 3.889 3.889 0 00-1.9-.51h-.02a3.346 3.346 0 01-3.24-2.6c.263-.056.536-.082.819-.082h2.42c1.225 0 2.38.342 3.366.935.176.103.346.216.51.336a6.578 6.578 0 012.097 2.607 6.487 6.487 0 01.57 2.66z"></path>
23+
<path d="M35.635 17.585c0 .533-.017.999-.053 1.405a9.743 9.743 0 01-.143 1.069c-.187.849-.546 1.574-1.086 2.184C33.335 23.414 31.936 24 30.155 24c-1.505 0-2.74-.406-3.712-1.215-1.002-.832-1.581-1.984-1.734-3.455h2.613c.1.556.266.982.496 1.281.54.703 1.325 1.052 2.36 1.052 1.905 0 2.857-1.168 2.857-3.502V16.59c-1.032 1.055-2.224 1.584-3.572 1.584-1.535 0-2.79-.556-3.769-1.664-.985-1.126-1.481-2.534-1.481-4.222s.46-3.036 1.375-4.184c.985-1.219 2.29-1.828 3.908-1.828 1.418 0 2.597.53 3.539 1.585V6.589h2.6v10.996zm-2.497-5.34c0-1.095-.293-1.97-.879-2.623-.592-.67-1.351-1.006-2.277-1.006-.985 0-1.764.366-2.337 1.099-.516.656-.776 1.501-.776 2.543 0 1.042.26 1.865.776 2.52.563.716 1.342 1.076 2.337 1.076s1.781-.363 2.357-1.089c.533-.656.8-1.495.8-2.52zM38.917 6.588h2.603v1.006c.476-.5.903-.842 1.272-1.029.376-.193.826-.29 1.342-.29.686 0 1.401.224 2.15.67l-1.191 2.38c-.493-.353-.976-.533-1.445-.533-1.418 0-2.128 1.072-2.128 3.213v5.84h-2.603V6.587z"></path>
24+
<path d="M18.453 2.37c0-.456.166-.849.496-1.178.33-.333.73-.496 1.192-.496.463 0 .872.166 1.202.496.333.323.496.722.496 1.192s-.167.872-.496 1.202a1.59 1.59 0 01-1.192.496c-.473 0-.872-.167-1.202-.496a1.647 1.647 0 01-.496-1.216zm3.083 4.222V17.85h-2.777V6.588h2.777v.003z"></path>
25+
<path d="M57.867 12.831h-8.07c.07.925.37 1.661.902 2.207.533.54 1.215.81 2.048.81.645 0 1.181-.154 1.608-.464.3-.223.626-.582.865-1.072h2.68c-.173.82-.679 1.605-1.039 2.038-.359.433-.745.789-1.178 1.052-.433.266-.899.46-1.398.583a6.834 6.834 0 01-1.631.186c-1.682 0-3.03-.54-4.046-1.618-1.018-1.089-1.528-2.527-1.528-4.325 0-1.797.493-3.222 1.482-4.324.995-1.089 2.314-1.631 3.955-1.631s2.966.529 3.932 1.584c.955 1.049 1.435 2.5 1.435 4.358l-.014.613-.003.003zm-2.67-2.127c-.363-1.389-1.239-2.081-2.623-2.081-.317 0-.613.047-.89.143-.276.097-.529.236-.758.416-.227.18-.423.4-.583.653a2.942 2.942 0 00-.37.865H55.2l-.003.004zM65.501 18.154c-3 0-4.76-1.655-5.204-3.852h2.787c.38.846 1.328 1.425 2.524 1.425s1.907-.573 1.907-1.255c0-.546-.639-1.085-2.21-1.342-2.248-.37-3.263-.835-3.895-1.661-.563-.73-.693-1.628-.533-2.434.313-1.608 1.87-2.96 4.75-2.776 2.587.163 4.129 2.234 4.272 3.858h-2.554c-.22-.792-.785-1.355-1.884-1.521-.942-.143-1.92.153-1.974.949-.053.795.736 1.055 2.19 1.295 3.806.626 4.558 2.36 4.522 3.709-.06 2.197-2.038 3.612-4.701 3.612l.003-.007zM77.199 18.154c-3 0-4.76-1.655-5.204-3.852h2.787c.38.846 1.328 1.425 2.523 1.425s1.908-.573 1.908-1.255c0-.546-.64-1.085-2.21-1.342-2.248-.37-3.263-.835-3.896-1.661-.562-.73-.692-1.628-.532-2.434.313-1.608 1.87-2.96 4.75-2.776 2.587.163 4.129 2.234 4.272 3.858h-2.554c-.22-.792-.785-1.355-1.884-1.521-.942-.143-1.92.153-1.974.949-.054.795.736 1.055 2.19 1.295 3.806.626 4.558 2.36 4.521 3.709-.06 2.197-2.037 3.612-4.7 3.612l.003-.007z"></path>
26+
<path d="M12.397 6.645V0h2.683v10.117a5.284 5.284 0 00-.3-.832 7.006 7.006 0 00-2.383-2.644v.004z"></path>
27+
</svg>
28+
);
29+
});
30+
31+
export default Icon;

‎src/Higress/components/TextColor.tsx

Lines changed: 72 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,72 @@
1+
import { forwardRef } from 'react';
2+
3+
import { useFillIds } from '@/hooks/useFillId';
4+
import type { IconType } from '@/types';
5+
6+
import { TITLE } from '../style';
7+
8+
const Icon: IconType = forwardRef(({ size = '1em', style, ...rest }, ref) => {
9+
const [a, b] = useFillIds(TITLE, 2);
10+
return (
11+
<svg
12+
fill="currentColor"
13+
fillRule="evenodd"
14+
height={size}
15+
ref={ref}
16+
style={{ flex: 'none', lineHeight: 1, ...style }}
17+
viewBox="0 0 84 24"
18+
xmlns="http://www.w3.org/2000/svg"
19+
{...rest}
20+
>
21+
<title>{TITLE}</title>
22+
<path
23+
d="M11.798 11.785a3.883 3.883 0 01-.819.083h-2.42a6.522 6.522 0 01-3.366-.935 6.738 6.738 0 01-.51-.336 6.64 6.64 0 01-2.1-2.607 8.042 8.042 0 01-.227-.58 6.619 6.619 0 01-.336-2.084V0h2.683v5.326c0 .127.004.247.02.367.014.176.04.342.084.509a3.857 3.857 0 003.735 2.976h.02a3.342 3.342 0 013.24 2.607h-.004z"
24+
fill={a.fill}
25+
></path>
26+
<path
27+
d="M4.683 11.206v6.645H2V7.734c.087.323.226.69.3.832a7.005 7.005 0 002.383 2.644v-.004z"
28+
fill="#1E8CFE"
29+
></path>
30+
<path
31+
d="M15.08 12.524v5.327h-2.683v-5.327c0-.126-.004-.25-.02-.37a3.871 3.871 0 00-1.918-2.976 3.889 3.889 0 00-1.9-.51h-.02a3.346 3.346 0 01-3.24-2.6c.263-.056.536-.082.819-.082h2.42c1.225 0 2.38.342 3.366.935.176.103.346.216.51.336a6.578 6.578 0 012.097 2.607 6.487 6.487 0 01.57 2.66z"
32+
fill={b.fill}
33+
></path>
34+
<path d="M35.635 17.585c0 .533-.017.999-.053 1.405a9.743 9.743 0 01-.143 1.069c-.187.849-.546 1.574-1.086 2.184C33.335 23.414 31.936 24 30.155 24c-1.505 0-2.74-.406-3.712-1.215-1.002-.832-1.581-1.984-1.734-3.455h2.613c.1.556.266.982.496 1.281.54.703 1.325 1.052 2.36 1.052 1.905 0 2.857-1.168 2.857-3.502V16.59c-1.032 1.055-2.224 1.584-3.572 1.584-1.535 0-2.79-.556-3.769-1.664-.985-1.126-1.481-2.534-1.481-4.222s.46-3.036 1.375-4.184c.985-1.219 2.29-1.828 3.908-1.828 1.418 0 2.597.53 3.539 1.585V6.589h2.6v10.996zm-2.497-5.34c0-1.095-.293-1.97-.879-2.623-.592-.67-1.351-1.006-2.277-1.006-.985 0-1.764.366-2.337 1.099-.516.656-.776 1.501-.776 2.543 0 1.042.26 1.865.776 2.52.563.716 1.342 1.076 2.337 1.076s1.781-.363 2.357-1.089c.533-.656.8-1.495.8-2.52zM38.917 6.588h2.603v1.006c.476-.5.903-.842 1.272-1.029.376-.193.826-.29 1.342-.29.686 0 1.401.224 2.15.67l-1.191 2.38c-.493-.353-.976-.533-1.445-.533-1.418 0-2.128 1.072-2.128 3.213v5.84h-2.603V6.587z"></path>
35+
<path
36+
d="M18.453 2.37c0-.456.166-.849.496-1.178.33-.333.73-.496 1.192-.496.463 0 .872.166 1.202.496.333.323.496.722.496 1.192s-.167.872-.496 1.202a1.59 1.59 0 01-1.192.496c-.473 0-.872-.167-1.202-.496a1.647 1.647 0 01-.496-1.216zm3.083 4.222V17.85h-2.777V6.588h2.777v.003z"
37+
fill="#0418FF"
38+
></path>
39+
<path d="M57.867 12.831h-8.07c.07.925.37 1.661.902 2.207.533.54 1.215.81 2.048.81.645 0 1.181-.154 1.608-.464.3-.223.626-.582.865-1.072h2.68c-.173.82-.679 1.605-1.039 2.038-.359.433-.745.789-1.178 1.052-.433.266-.899.46-1.398.583a6.834 6.834 0 01-1.631.186c-1.682 0-3.03-.54-4.046-1.618-1.018-1.089-1.528-2.527-1.528-4.325 0-1.797.493-3.222 1.482-4.324.995-1.089 2.314-1.631 3.955-1.631s2.966.529 3.932 1.584c.955 1.049 1.435 2.5 1.435 4.358l-.014.613-.003.003zm-2.67-2.127c-.363-1.389-1.239-2.081-2.623-2.081-.317 0-.613.047-.89.143-.276.097-.529.236-.758.416-.227.18-.423.4-.583.653a2.942 2.942 0 00-.37.865H55.2l-.003.004zM65.501 18.154c-3 0-4.76-1.655-5.204-3.852h2.787c.38.846 1.328 1.425 2.524 1.425s1.907-.573 1.907-1.255c0-.546-.639-1.085-2.21-1.342-2.248-.37-3.263-.835-3.895-1.661-.563-.73-.693-1.628-.533-2.434.313-1.608 1.87-2.96 4.75-2.776 2.587.163 4.129 2.234 4.272 3.858h-2.554c-.22-.792-.785-1.355-1.884-1.521-.942-.143-1.92.153-1.974.949-.053.795.736 1.055 2.19 1.295 3.806.626 4.558 2.36 4.522 3.709-.06 2.197-2.038 3.612-4.701 3.612l.003-.007zM77.199 18.154c-3 0-4.76-1.655-5.204-3.852h2.787c.38.846 1.328 1.425 2.523 1.425s1.908-.573 1.908-1.255c0-.546-.64-1.085-2.21-1.342-2.248-.37-3.263-.835-3.896-1.661-.562-.73-.692-1.628-.532-2.434.313-1.608 1.87-2.96 4.75-2.776 2.587.163 4.129 2.234 4.272 3.858h-2.554c-.22-.792-.785-1.355-1.884-1.521-.942-.143-1.92.153-1.974.949-.054.795.736 1.055 2.19 1.295 3.806.626 4.558 2.36 4.521 3.709-.06 2.197-2.037 3.612-4.7 3.612l.003-.007z"></path>
40+
<path
41+
d="M12.397 6.645V0h2.683v10.117a5.284 5.284 0 00-.3-.832 7.006 7.006 0 00-2.383-2.644v.004z"
42+
fill="#1E8CFE"
43+
></path>
44+
<defs>
45+
<linearGradient
46+
gradientUnits="userSpaceOnUse"
47+
id={a.id}
48+
x1="2.02"
49+
x2="11.798"
50+
y1="5.933"
51+
y2="5.933"
52+
>
53+
<stop offset="0" stopColor="#0418FF"></stop>
54+
<stop offset="1" stopColor="#1E8CFE"></stop>
55+
</linearGradient>
56+
<linearGradient
57+
gradientUnits="userSpaceOnUse"
58+
id={b.id}
59+
x1="15.08"
60+
x2="5.299"
61+
y1="11.918"
62+
y2="11.918"
63+
>
64+
<stop offset="0" stopColor="#0418FF"></stop>
65+
<stop offset="1" stopColor="#1E8CFE"></stop>
66+
</linearGradient>
67+
</defs>
68+
</svg>
69+
);
70+
});
71+
72+
export default Icon;

‎src/Higress/index.md

Lines changed: 74 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,74 @@
1+
---
2+
nav: Components
3+
group: Provider
4+
title: Higress
5+
atomId: Higress
6+
description: https://higress.cn/
7+
---
8+
9+
## Icons
10+
11+
```tsx
12+
import { Higress } from '@lobehub/icons';
13+
import { Flexbox } from 'react-layout-kit';
14+
15+
export default () => (
16+
<Flexbox gap={16} horizontal>
17+
<Higress size={64} />
18+
<Higress.Color size={64} />
19+
</Flexbox>
20+
);
21+
```
22+
23+
## Text
24+
25+
```tsx
26+
import { Higress } from '@lobehub/icons';
27+
28+
export default () => <Higress.Text size={48} />;
29+
```
30+
31+
## Combine
32+
33+
```tsx
34+
import { Higress } from '@lobehub/icons';
35+
import { Flexbox } from 'react-layout-kit';
36+
37+
export default () => (
38+
<Flexbox gap={16}>
39+
<Higress.Combine size={64} />
40+
<Higress.Combine size={64} type={'color'} />
41+
</Flexbox>
42+
);
43+
```
44+
45+
## Avatars
46+
47+
```tsx
48+
import { Higress } from '@lobehub/icons';
49+
import { Flexbox } from 'react-layout-kit';
50+
51+
export default () => (
52+
<Flexbox gap={16} horizontal>
53+
<Higress.Avatar size={64} background={Higress.colorPrimary} />
54+
<Higress.Avatar size={64} />
55+
<Higress.Avatar size={64} shape={'square'} />
56+
</Flexbox>
57+
);
58+
```
59+
60+
## Colors
61+
62+
```tsx
63+
import { Higress } from '@lobehub/icons';
64+
import { Flexbox } from 'react-layout-kit';
65+
66+
import ColorPreview from '../components/ColorPreview';
67+
68+
export default () => (
69+
<Flexbox gap={16} horizontal>
70+
<ColorPreview color={Higress.colorPrimary} />
71+
<ColorPreview color={Higress.colorGradient} />
72+
</Flexbox>
73+
);
74+
```

0 commit comments

Comments
 (0)