ant-design/components/skeleton/Node.tsx
afc163 0aaab501d5
style(Skeleton): remove default children of Skeleton.Node (#50278)
* style(Skeleton): remove default children of Skeleton.Node

* style(Skeleton): remove default children of Skeleton.Node

* Update components/skeleton/style/index.ts

Co-authored-by: lijianan <574980606@qq.com>
Signed-off-by: afc163 <afc163@gmail.com>

---------

Signed-off-by: afc163 <afc163@gmail.com>
Co-authored-by: lijianan <574980606@qq.com>
2024-08-07 23:12:15 +08:00

48 lines
1.1 KiB
TypeScript

import * as React from 'react';
import classNames from 'classnames';
import { ConfigContext } from '../config-provider';
import type { SkeletonElementProps } from './Element';
import useStyle from './style';
export interface SkeletonNodeProps extends Omit<SkeletonElementProps, 'size' | 'shape'> {
fullSize?: boolean;
children?: React.ReactNode;
}
const SkeletonNode: React.FC<SkeletonNodeProps> = (props) => {
const {
prefixCls: customizePrefixCls,
className,
rootClassName,
style,
active,
children,
} = props;
const { getPrefixCls } = React.useContext(ConfigContext);
const prefixCls = getPrefixCls('skeleton', customizePrefixCls);
const [wrapCSSVar, hashId, cssVarCls] = useStyle(prefixCls);
const cls = classNames(
prefixCls,
`${prefixCls}-element`,
{
[`${prefixCls}-active`]: active,
},
hashId,
className,
rootClassName,
cssVarCls,
);
return wrapCSSVar(
<div className={cls}>
<div className={classNames(`${prefixCls}-image`, className)} style={style}>
{children}
</div>
</div>,
);
};
export default SkeletonNode;