You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
32 lines
1.2 KiB
32 lines
1.2 KiB
import _extends from "@babel/runtime/helpers/esm/extends";
|
|
import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
|
|
import * as React from 'react';
|
|
import omit from "rc-util/es/omit";
|
|
import classNames from 'classnames';
|
|
import { ConfigConsumer } from '../config-provider';
|
|
import Element from './Element';
|
|
|
|
var SkeletonAvatar = function SkeletonAvatar(props) {
|
|
var renderSkeletonAvatar = function renderSkeletonAvatar(_ref) {
|
|
var getPrefixCls = _ref.getPrefixCls;
|
|
var customizePrefixCls = props.prefixCls,
|
|
className = props.className,
|
|
active = props.active;
|
|
var prefixCls = getPrefixCls('skeleton', customizePrefixCls);
|
|
var otherProps = omit(props, ['prefixCls', 'className']);
|
|
var cls = classNames(prefixCls, "".concat(prefixCls, "-element"), _defineProperty({}, "".concat(prefixCls, "-active"), active), className);
|
|
return /*#__PURE__*/React.createElement("div", {
|
|
className: cls
|
|
}, /*#__PURE__*/React.createElement(Element, _extends({
|
|
prefixCls: "".concat(prefixCls, "-avatar")
|
|
}, otherProps)));
|
|
};
|
|
|
|
return /*#__PURE__*/React.createElement(ConfigConsumer, null, renderSkeletonAvatar);
|
|
};
|
|
|
|
SkeletonAvatar.defaultProps = {
|
|
size: 'default',
|
|
shape: 'circle'
|
|
};
|
|
export default SkeletonAvatar; |