1 | "use strict";
|
2 |
|
3 | var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
4 |
|
5 | var _typeof3 = require("@babel/runtime/helpers/typeof");
|
6 |
|
7 | Object.defineProperty(exports, "__esModule", {
|
8 | value: true
|
9 | });
|
10 | exports["default"] = void 0;
|
11 |
|
12 | var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
13 |
|
14 | var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
15 |
|
16 | var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
|
17 |
|
18 | var React = _interopRequireWildcard(require("react"));
|
19 |
|
20 | var _classnames = _interopRequireDefault(require("classnames"));
|
21 |
|
22 | var _Title = _interopRequireDefault(require("./Title"));
|
23 |
|
24 | var _Paragraph = _interopRequireDefault(require("./Paragraph"));
|
25 |
|
26 | var _configProvider = require("../config-provider");
|
27 |
|
28 | var _Element = _interopRequireDefault(require("./Element"));
|
29 |
|
30 | var _Avatar = _interopRequireDefault(require("./Avatar"));
|
31 |
|
32 | var _Button = _interopRequireDefault(require("./Button"));
|
33 |
|
34 | var _Input = _interopRequireDefault(require("./Input"));
|
35 |
|
36 | var _Image = _interopRequireDefault(require("./Image"));
|
37 |
|
38 | function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
39 |
|
40 | function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof3(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
41 |
|
42 | function getComponentProps(prop) {
|
43 | if (prop && (0, _typeof2["default"])(prop) === 'object') {
|
44 | return prop;
|
45 | }
|
46 |
|
47 | return {};
|
48 | }
|
49 |
|
50 | function getAvatarBasicProps(hasTitle, hasParagraph) {
|
51 | if (hasTitle && !hasParagraph) {
|
52 |
|
53 | return {
|
54 | size: 'large',
|
55 | shape: 'square'
|
56 | };
|
57 | }
|
58 |
|
59 | return {
|
60 | size: 'large',
|
61 | shape: 'circle'
|
62 | };
|
63 | }
|
64 |
|
65 | function getTitleBasicProps(hasAvatar, hasParagraph) {
|
66 | if (!hasAvatar && hasParagraph) {
|
67 | return {
|
68 | width: '38%'
|
69 | };
|
70 | }
|
71 |
|
72 | if (hasAvatar && hasParagraph) {
|
73 | return {
|
74 | width: '50%'
|
75 | };
|
76 | }
|
77 |
|
78 | return {};
|
79 | }
|
80 |
|
81 | function getParagraphBasicProps(hasAvatar, hasTitle) {
|
82 | var basicProps = {};
|
83 |
|
84 | if (!hasAvatar || !hasTitle) {
|
85 | basicProps.width = '61%';
|
86 | }
|
87 |
|
88 |
|
89 | if (!hasAvatar && hasTitle) {
|
90 | basicProps.rows = 3;
|
91 | } else {
|
92 | basicProps.rows = 2;
|
93 | }
|
94 |
|
95 | return basicProps;
|
96 | }
|
97 |
|
98 | var Skeleton = function Skeleton(props) {
|
99 | var renderSkeleton = function renderSkeleton(_ref) {
|
100 | var getPrefixCls = _ref.getPrefixCls,
|
101 | direction = _ref.direction;
|
102 | var customizePrefixCls = props.prefixCls,
|
103 | loading = props.loading,
|
104 | className = props.className,
|
105 | children = props.children,
|
106 | avatar = props.avatar,
|
107 | title = props.title,
|
108 | paragraph = props.paragraph,
|
109 | active = props.active,
|
110 | round = props.round;
|
111 | var prefixCls = getPrefixCls('skeleton', customizePrefixCls);
|
112 |
|
113 | if (loading || !('loading' in props)) {
|
114 | var _classNames;
|
115 |
|
116 | var hasAvatar = !!avatar;
|
117 | var hasTitle = !!title;
|
118 | var hasParagraph = !!paragraph;
|
119 |
|
120 | var avatarNode;
|
121 |
|
122 | if (hasAvatar) {
|
123 | var avatarProps = (0, _extends2["default"])((0, _extends2["default"])({
|
124 | prefixCls: "".concat(prefixCls, "-avatar")
|
125 | }, getAvatarBasicProps(hasTitle, hasParagraph)), getComponentProps(avatar));
|
126 |
|
127 | avatarNode = React.createElement("div", {
|
128 | className: "".concat(prefixCls, "-header")
|
129 | }, React.createElement(_Element["default"], avatarProps));
|
130 | }
|
131 |
|
132 | var contentNode;
|
133 |
|
134 | if (hasTitle || hasParagraph) {
|
135 |
|
136 | var $title;
|
137 |
|
138 | if (hasTitle) {
|
139 | var titleProps = (0, _extends2["default"])((0, _extends2["default"])({
|
140 | prefixCls: "".concat(prefixCls, "-title")
|
141 | }, getTitleBasicProps(hasAvatar, hasParagraph)), getComponentProps(title));
|
142 | $title = React.createElement(_Title["default"], titleProps);
|
143 | }
|
144 |
|
145 |
|
146 | var paragraphNode;
|
147 |
|
148 | if (hasParagraph) {
|
149 | var paragraphProps = (0, _extends2["default"])((0, _extends2["default"])({
|
150 | prefixCls: "".concat(prefixCls, "-paragraph")
|
151 | }, getParagraphBasicProps(hasAvatar, hasTitle)), getComponentProps(paragraph));
|
152 | paragraphNode = React.createElement(_Paragraph["default"], paragraphProps);
|
153 | }
|
154 |
|
155 | contentNode = React.createElement("div", {
|
156 | className: "".concat(prefixCls, "-content")
|
157 | }, $title, paragraphNode);
|
158 | }
|
159 |
|
160 | var cls = (0, _classnames["default"])(prefixCls, (_classNames = {}, (0, _defineProperty2["default"])(_classNames, "".concat(prefixCls, "-with-avatar"), hasAvatar), (0, _defineProperty2["default"])(_classNames, "".concat(prefixCls, "-active"), active), (0, _defineProperty2["default"])(_classNames, "".concat(prefixCls, "-rtl"), direction === 'rtl'), (0, _defineProperty2["default"])(_classNames, "".concat(prefixCls, "-round"), round), _classNames), className);
|
161 | return React.createElement("div", {
|
162 | className: cls
|
163 | }, avatarNode, contentNode);
|
164 | }
|
165 |
|
166 | return children;
|
167 | };
|
168 |
|
169 | return React.createElement(_configProvider.ConfigConsumer, null, renderSkeleton);
|
170 | };
|
171 |
|
172 | Skeleton.defaultProps = {
|
173 | avatar: false,
|
174 | title: true,
|
175 | paragraph: true
|
176 | };
|
177 | Skeleton.Button = _Button["default"];
|
178 | Skeleton.Avatar = _Avatar["default"];
|
179 | Skeleton.Input = _Input["default"];
|
180 | Skeleton.Image = _Image["default"];
|
181 | var _default = Skeleton;
|
182 | exports["default"] = _default; |
\ | No newline at end of file |