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.
62 lines • 2.01 kB
JavaScript
import React from 'react';
import cs from '../utils/classNames';
import { mergeProps } from '../utils/with-default-props';
import { withNativeProps } from '../utils/native-props';
import { getPrefixCls } from '../utils/getPrefixCls';
var classPrefix = getPrefixCls('dot-loading');
var colorRecord = {
default: 'var(--adm-color-weak)',
primary: 'var(--adm-color-primary)',
white: 'var(--adm-color-white)'
};
var defaultProps = {
color: 'default'
};
var DotLoading = /*#__PURE__*/React.memo(function (p) {
var _colorRecord$props$co;
var props = mergeProps(defaultProps, p);
return withNativeProps(props, /*#__PURE__*/React.createElement("div", {
style: {
color: (_colorRecord$props$co = colorRecord[props.color]) !== null && _colorRecord$props$co !== void 0 ? _colorRecord$props$co : props.color
},
className: cs('adm-loading', classPrefix)
}, /*#__PURE__*/React.createElement("svg", {
height: "1em",
viewBox: "0 0 100 40",
style: {
verticalAlign: '-0.125em'
}
}, /*#__PURE__*/React.createElement("g", {
stroke: "none",
strokeWidth: "1",
fill: "none",
fillRule: "evenodd"
}, /*#__PURE__*/React.createElement("g", {
transform: "translate(-100.000000, -71.000000)"
}, /*#__PURE__*/React.createElement("g", {
transform: "translate(95.000000, 71.000000)"
}, /*#__PURE__*/React.createElement("g", {
transform: "translate(5.000000, 0.000000)"
}, [0, 1, 2].map(function (i) {
return /*#__PURE__*/React.createElement("rect", {
key: i,
fill: "currentColor",
x: 20 + i * 26,
y: "16",
width: "8",
height: "8",
rx: "2"
}, /*#__PURE__*/React.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';
export default DotLoading;