mirror of
https://github.com/ant-design/ant-design.git
synced 2024-12-22 22:48:29 +08:00
59ad48476b
* chore: add boime lint * fix lint * use files ignore * revert change * ignore clarity.js * fix some errors * fix some errors * fix some errors * fix some errors * add yml file * Update clarity.js Signed-off-by: afc163 <afc163@gmail.com> * add npm run lint:biome * add npm run lint:biome * fix test case * fix ts errors * fix ts errors * fix lint and add .lintstagedrc * shorten prop name * chore: update package.json * update biome.json * chore: remove stylelint * chore: useOptionalChain * fix lint * biome format * prettier all code * prettier all code * fix site test --------- Signed-off-by: afc163 <afc163@gmail.com>
47 lines
1.7 KiB
TypeScript
47 lines
1.7 KiB
TypeScript
import * as React from 'react';
|
|
import { useMemo } from 'react';
|
|
import { TinyColor } from '@ctrl/tinycolor';
|
|
|
|
import { useToken } from '../theme/internal';
|
|
|
|
const Simple: React.FC = () => {
|
|
const [, token] = useToken();
|
|
|
|
const { colorFill, colorFillTertiary, colorFillQuaternary, colorBgContainer } = token;
|
|
|
|
const { borderColor, shadowColor, contentColor } = useMemo(
|
|
() => ({
|
|
borderColor: new TinyColor(colorFill).onBackground(colorBgContainer).toHexShortString(),
|
|
shadowColor: new TinyColor(colorFillTertiary)
|
|
.onBackground(colorBgContainer)
|
|
.toHexShortString(),
|
|
contentColor: new TinyColor(colorFillQuaternary)
|
|
.onBackground(colorBgContainer)
|
|
.toHexShortString(),
|
|
}),
|
|
[colorFill, colorFillTertiary, colorFillQuaternary, colorBgContainer],
|
|
);
|
|
|
|
return (
|
|
<svg width="64" height="41" viewBox="0 0 64 41" xmlns="http://www.w3.org/2000/svg">
|
|
<title>Simple Empty</title>
|
|
<g transform="translate(0 1)" fill="none" fillRule="evenodd">
|
|
<ellipse fill={shadowColor} cx="32" cy="33" rx="32" ry="7" />
|
|
<g fillRule="nonzero" stroke={borderColor}>
|
|
<path d="M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z" />
|
|
<path
|
|
d="M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z"
|
|
fill={contentColor}
|
|
/>
|
|
</g>
|
|
</g>
|
|
</svg>
|
|
);
|
|
};
|
|
|
|
if (process.env.NODE_ENV !== 'production') {
|
|
Simple.displayName = 'SimpleImage';
|
|
}
|
|
|
|
export default Simple;
|