mirror/ant-design
1
0
Fork 0
mirror of https://github.com/ant-design/ant-design.git synced 2025-06-12 04:13:13 +08:00
Code Issues Actions 26 Packages Projects Releases Wiki Activity

fix: skeleton node should have bg color (#38248)

Browse Source 
* fix: skeleton node should have bg color

* chore: code clean
This commit is contained in:
MadCcc 2022-10-27 17:03:02 +08:00 committed by GitHub
parent 25020026de
commit 28396d6b9c
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 5 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
components/skeleton/Node.tsx
View File

@ -1,6 +1,7 @@
import DotChartOutlined from '@ant-design/icons/DotChartOutlined';
import classNames from 'classnames';
import * as React from 'react';
import useStyle from './style';
import { ConfigContext } from '../config-provider';
import type { SkeletonElementProps } from './Element';
@ -13,6 +14,7 @@ const SkeletonNode: React.FC<SkeletonNodeProps> = props => {
const { prefixCls: customizePrefixCls, className, style, active, children } = props;
const { getPrefixCls } = React.useContext(ConfigContext);
const prefixCls = getPrefixCls('skeleton', customizePrefixCls);
const [wrapSSR, hashId] = useStyle(prefixCls);
const cls = classNames(
prefixCls,
@ -20,17 +22,18 @@ const SkeletonNode: React.FC<SkeletonNodeProps> = props => {
{
[`${prefixCls}-active`]: active,
},
hashId,
className,
);
const content = children ?? <DotChartOutlined />;
return (
return wrapSSR(
<div className={cls}>
<div className={classNames(`${prefixCls}-image`, className)} style={style}>
{content}
</div>
</div>
</div>,
);
};