1 | import _extends from "@babel/runtime/helpers/esm/extends";
|
2 | import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
|
3 | import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
|
4 | var __rest = this && this.__rest || function (s, e) {
|
5 | var t = {};
|
6 | for (var p in s) {
|
7 | if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
|
8 | }
|
9 | if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
10 | if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
|
11 | }
|
12 | return t;
|
13 | };
|
14 | import classNames from 'classnames';
|
15 | import debounce from 'lodash/debounce';
|
16 | import omit from "rc-util/es/omit";
|
17 | import * as React from 'react';
|
18 | import { ConfigConsumer, ConfigContext } from '../config-provider';
|
19 | import { cloneElement, isValidElement } from '../_util/reactNode';
|
20 | import { tuple } from '../_util/type';
|
21 | import useStyle from './style/index';
|
22 | var SpinSizes = tuple('small', 'default', 'large');
|
23 |
|
24 | var defaultIndicator = null;
|
25 | function renderIndicator(prefixCls, props) {
|
26 | var indicator = props.indicator;
|
27 | var dotClassName = prefixCls + "-dot";
|
28 |
|
29 | if (indicator === null) {
|
30 | return null;
|
31 | }
|
32 | if (isValidElement(indicator)) {
|
33 | return cloneElement(indicator, {
|
34 | className: classNames(indicator.props.className, dotClassName)
|
35 | });
|
36 | }
|
37 | if (isValidElement(defaultIndicator)) {
|
38 | return cloneElement(defaultIndicator, {
|
39 | className: classNames(defaultIndicator.props.className, dotClassName)
|
40 | });
|
41 | }
|
42 | return React.createElement("span", {
|
43 | className: classNames(dotClassName, prefixCls + "-dot-spin")
|
44 | }, React.createElement("i", {
|
45 | className: prefixCls + "-dot-item"
|
46 | }), React.createElement("i", {
|
47 | className: prefixCls + "-dot-item"
|
48 | }), React.createElement("i", {
|
49 | className: prefixCls + "-dot-item"
|
50 | }), React.createElement("i", {
|
51 | className: prefixCls + "-dot-item"
|
52 | }));
|
53 | }
|
54 | function shouldDelay(spinning, delay) {
|
55 | return !!spinning && !!delay && !isNaN(Number(delay));
|
56 | }
|
57 | var Spin = function Spin(props) {
|
58 | var prefixCls = props.spinPrefixCls,
|
59 | _props$spinning = props.spinning,
|
60 | customSpinning = _props$spinning === void 0 ? true : _props$spinning,
|
61 | delay = props.delay,
|
62 | className = props.className,
|
63 | _props$size = props.size,
|
64 | size = _props$size === void 0 ? 'default' : _props$size,
|
65 | tip = props.tip,
|
66 | wrapperClassName = props.wrapperClassName,
|
67 | style = props.style,
|
68 | children = props.children,
|
69 | hashId = props.hashId,
|
70 | restProps = __rest(props, ["spinPrefixCls", "spinning", "delay", "className", "size", "tip", "wrapperClassName", "style", "children", "hashId"]);
|
71 | var _React$useState = React.useState(function () {
|
72 | return customSpinning && !shouldDelay(customSpinning, delay);
|
73 | }),
|
74 | _React$useState2 = _slicedToArray(_React$useState, 2),
|
75 | spinning = _React$useState2[0],
|
76 | setSpinning = _React$useState2[1];
|
77 | React.useEffect(function () {
|
78 | var updateSpinning = debounce(function () {
|
79 | setSpinning(customSpinning);
|
80 | }, delay);
|
81 | updateSpinning();
|
82 | return function () {
|
83 | var _a;
|
84 | (_a = updateSpinning === null || updateSpinning === void 0 ? void 0 : updateSpinning.cancel) === null || _a === void 0 ? void 0 : _a.call(updateSpinning);
|
85 | };
|
86 | }, [delay, customSpinning]);
|
87 | var isNestedPattern = function isNestedPattern() {
|
88 | return typeof children !== 'undefined';
|
89 | };
|
90 | var renderSpin = function renderSpin(_ref) {
|
91 | var _classNames;
|
92 | var direction = _ref.direction;
|
93 | var spinClassName = classNames(prefixCls, (_classNames = {}, _defineProperty(_classNames, prefixCls + "-sm", size === 'small'), _defineProperty(_classNames, prefixCls + "-lg", size === 'large'), _defineProperty(_classNames, prefixCls + "-spinning", spinning), _defineProperty(_classNames, prefixCls + "-show-text", !!tip), _defineProperty(_classNames, prefixCls + "-rtl", direction === 'rtl'), _classNames), className, hashId);
|
94 |
|
95 | var divProps = omit(restProps, ['indicator', 'prefixCls']);
|
96 | var spinElement = React.createElement("div", _extends({}, divProps, {
|
97 | style: style,
|
98 | className: spinClassName,
|
99 | "aria-live": "polite",
|
100 | "aria-busy": spinning
|
101 | }), renderIndicator(prefixCls, props), tip ? React.createElement("div", {
|
102 | className: prefixCls + "-text"
|
103 | }, tip) : null);
|
104 | if (isNestedPattern()) {
|
105 | var containerClassName = classNames(prefixCls + "-container", _defineProperty({}, prefixCls + "-blur", spinning));
|
106 | return React.createElement("div", _extends({}, divProps, {
|
107 | className: classNames(prefixCls + "-nested-loading", wrapperClassName, hashId)
|
108 | }), spinning && React.createElement("div", {
|
109 | key: "loading"
|
110 | }, spinElement), React.createElement("div", {
|
111 | className: containerClassName,
|
112 | key: "container"
|
113 | }, children));
|
114 | }
|
115 | return spinElement;
|
116 | };
|
117 | return React.createElement(ConfigConsumer, null, renderSpin);
|
118 | };
|
119 | var SpinFC = function SpinFC(props) {
|
120 | var customizePrefixCls = props.prefixCls;
|
121 | var _React$useContext = React.useContext(ConfigContext),
|
122 | getPrefixCls = _React$useContext.getPrefixCls;
|
123 | var spinPrefixCls = getPrefixCls('spin', customizePrefixCls);
|
124 | var _useStyle = useStyle(spinPrefixCls),
|
125 | _useStyle2 = _slicedToArray(_useStyle, 2),
|
126 | wrapSSR = _useStyle2[0],
|
127 | hashId = _useStyle2[1];
|
128 | var spinClassProps = _extends(_extends({}, props), {
|
129 | spinPrefixCls: spinPrefixCls,
|
130 | hashId: hashId
|
131 | });
|
132 | return wrapSSR( React.createElement(Spin, _extends({}, spinClassProps)));
|
133 | };
|
134 | SpinFC.setDefaultIndicator = function (indicator) {
|
135 | defaultIndicator = indicator;
|
136 | };
|
137 | if (process.env.NODE_ENV !== 'production') {
|
138 | SpinFC.displayName = 'Spin';
|
139 | }
|
140 | export default SpinFC; |
\ | No newline at end of file |