pay-sdk-react
Version:
A cross-platform payment SDK for React, supporting Alipay, WeChat Pay, PayPal, Stripe, Payssion, and Airwallex, compatible with H5, PC, and App environments.
67 lines (66 loc) • 2.39 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = void 0;
var _react = _interopRequireDefault(require("react"));
var _classNames = _interopRequireDefault(require("../utils/classNames"));
var _withDefaultProps = require("../utils/with-default-props");
var _nativeProps = require("../utils/native-props");
var _getPrefixCls = require("../utils/getPrefixCls");
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
const classPrefix = (0, _getPrefixCls.getPrefixCls)('dot-loading');
const colorRecord = {
default: 'var(--adm-color-weak)',
primary: 'var(--adm-color-primary)',
white: 'var(--adm-color-white)'
};
const defaultProps = {
color: 'default'
};
const DotLoading = /*#__PURE__*/_react.default.memo(p => {
var _colorRecord$props$co;
const props = (0, _withDefaultProps.mergeProps)(defaultProps, p);
return (0, _nativeProps.withNativeProps)(props, /*#__PURE__*/_react.default.createElement("div", {
style: {
color: (_colorRecord$props$co = colorRecord[props.color]) !== null && _colorRecord$props$co !== void 0 ? _colorRecord$props$co : props.color
},
className: (0, _classNames.default)('adm-loading', classPrefix)
}, /*#__PURE__*/_react.default.createElement("svg", {
height: "1em",
viewBox: "0 0 100 40",
style: {
verticalAlign: '-0.125em'
}
}, /*#__PURE__*/_react.default.createElement("g", {
stroke: "none",
strokeWidth: "1",
fill: "none",
fillRule: "evenodd"
}, /*#__PURE__*/_react.default.createElement("g", {
transform: "translate(-100.000000, -71.000000)"
}, /*#__PURE__*/_react.default.createElement("g", {
transform: "translate(95.000000, 71.000000)"
}, /*#__PURE__*/_react.default.createElement("g", {
transform: "translate(5.000000, 0.000000)"
}, [0, 1, 2].map(i => /*#__PURE__*/_react.default.createElement("rect", {
key: i,
fill: "currentColor",
x: 20 + i * 26,
y: "16",
width: "8",
height: "8",
rx: "2"
}, /*#__PURE__*/_react.default.createElement("animate", {
attributeName: "y",
from: "16",
to: "16",
dur: "2s",
begin: "".concat(i * 0.2, "s"),
repeatCount: "indefinite",
values: "16; 6; 26; 16; 16",
keyTimes: "0; 0.1; 0.3; 0.4; 1"
}))))))))));
});
DotLoading.displayName = 'DotLoading';
var _default = exports.default = DotLoading;