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.
70 lines
2.0 KiB
70 lines
2.0 KiB
"use strict";
|
|
|
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
|
|
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
|
|
|
|
Object.defineProperty(exports, "__esModule", {
|
|
value: true
|
|
});
|
|
exports["default"] = LoadingIcon;
|
|
|
|
var React = _interopRequireWildcard(require("react"));
|
|
|
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
|
|
var _rcMotion = _interopRequireDefault(require("rc-motion"));
|
|
|
|
var _LoadingOutlined = _interopRequireDefault(require("@ant-design/icons/LoadingOutlined"));
|
|
|
|
var getCollapsedWidth = function getCollapsedWidth() {
|
|
return {
|
|
width: 0,
|
|
opacity: 0,
|
|
transform: 'scale(0)'
|
|
};
|
|
};
|
|
|
|
var getRealWidth = function getRealWidth(node) {
|
|
return {
|
|
width: node.scrollWidth,
|
|
opacity: 1,
|
|
transform: 'scale(1)'
|
|
};
|
|
};
|
|
|
|
function LoadingIcon(_ref) {
|
|
var prefixCls = _ref.prefixCls,
|
|
loading = _ref.loading,
|
|
existIcon = _ref.existIcon;
|
|
var visible = !!loading;
|
|
|
|
if (existIcon) {
|
|
return /*#__PURE__*/React.createElement("span", {
|
|
className: "".concat(prefixCls, "-loading-icon")
|
|
}, /*#__PURE__*/React.createElement(_LoadingOutlined["default"], null));
|
|
}
|
|
|
|
return /*#__PURE__*/React.createElement(_rcMotion["default"], {
|
|
visible: visible // We do not really use this motionName
|
|
,
|
|
motionName: "".concat(prefixCls, "-loading-icon-motion"),
|
|
removeOnLeave: true,
|
|
onAppearStart: getCollapsedWidth,
|
|
onAppearActive: getRealWidth,
|
|
onEnterStart: getCollapsedWidth,
|
|
onEnterActive: getRealWidth,
|
|
onLeaveStart: getRealWidth,
|
|
onLeaveActive: getCollapsedWidth
|
|
}, function (_ref2, ref) {
|
|
var className = _ref2.className,
|
|
style = _ref2.style;
|
|
return /*#__PURE__*/React.createElement("span", {
|
|
className: "".concat(prefixCls, "-loading-icon"),
|
|
style: style,
|
|
ref: ref
|
|
}, /*#__PURE__*/React.createElement(_LoadingOutlined["default"], {
|
|
className: (0, _classnames["default"])(className)
|
|
}));
|
|
});
|
|
} |