antd-mobile 5.0.0-rc.9 → 5.2.0

package/2x/cjs/components/slider/slider.js

@@ -21,16 +21,16 @@ var _withDefaultProps = require("../../utils/with-default-props");
 
 var _nearest = require("../../utils/nearest");
 
-var _usePropsValue2 = require("../../utils/use-props-value");
+var _usePropsValue = require("../../utils/use-props-value");
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-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); }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof 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; }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof 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; }
 
-var classPrefix = "adm-slider";
-var defaultProps = {
+const classPrefix = `adm-slider`;
+const defaultProps = {
   min: 0,
   max: 100,
   step: 1,
@@ -39,23 +39,21 @@ var defaultProps = {
   disabled: false
 };
 
-var Slider = function Slider(p) {
-  var _classNames;
-
+const Slider = p => {
   var _a;
 
-  var props = (0, _withDefaultProps.mergeProps)(defaultProps, p);
-  var min = props.min,
-      max = props.max,
-      disabled = props.disabled,
-      marks = props.marks,
-      ticks = props.ticks,
-      step = props.step;
+  const props = (0, _withDefaultProps.mergeProps)(defaultProps, p);
+  const {
+    min,
+    max,
+    disabled,
+    marks,
+    ticks,
+    step
+  } = props;
 
   function sortValue(val) {
-    return val.sort(function (a, b) {
-      return a - b;
-    });
+    return val.sort((a, b) => a - b);
   }
 
   function convertValue(value) {
@@ -72,36 +70,31 @@ var Slider = function Slider(p) {
     (_a = props.onAfterChange) === null || _a === void 0 ? void 0 : _a.call(props, reverseValue(value));
   }
 
-  var _usePropsValue = (0, _usePropsValue2.usePropsValue)({
+  const [rawValue, setRawValue] = (0, _usePropsValue.usePropsValue)({
     value: props.value,
     defaultValue: (_a = props.defaultValue) !== null && _a !== void 0 ? _a : props.range ? [min, min] : min,
     onChange: props.onChange
-  }),
-      rawValue = _usePropsValue[0],
-      setRawValue = _usePropsValue[1];
-
-  var sliderValue = sortValue(convertValue(rawValue));
+  });
+  const sliderValue = sortValue(convertValue(rawValue));
 
   function setSliderValue(value) {
-    var next = sortValue(value);
-    var current = sliderValue;
+    const next = sortValue(value);
+    const current = sliderValue;
     if (next[0] === current[0] && next[1] === current[1]) return;
     setRawValue(reverseValue(next));
   }
 
-  var trackRef = (0, _react.useRef)(null);
-  var fillSize = 100 * (sliderValue[1] - sliderValue[0]) / (max - min) + "%";
-  var fillStart = 100 * (sliderValue[0] - min) / (max - min) + "%"; // 计算要显示的点
+  const trackRef = (0, _react.useRef)(null);
+  const fillSize = `${100 * (sliderValue[1] - sliderValue[0]) / (max - min)}%`;
+  const fillStart = `${100 * (sliderValue[0] - min) / (max - min)}%`; // 计算要显示的点
 
-  var pointList = (0, _react.useMemo)(function () {
+  const pointList = (0, _react.useMemo)(() => {
     if (marks) {
-      return Object.keys(marks).map(parseFloat).sort(function (a, b) {
-        return a - b;
-      });
+      return Object.keys(marks).map(parseFloat).sort((a, b) => a - b);
     } else {
-      var points = [];
+      const points = [];
 
-      for (var i = min; i <= max; i += step) {
+      for (let i = min; i <= max; i += step) {
         points.push(i);
       }
 
@@ -110,32 +103,32 @@ var Slider = function Slider(p) {
   }, [marks, ticks, step, min, max]);
 
   function getValueByPosition(position) {
-    var newPosition = position < min ? min : position > max ? max : position;
-    var value = min; // 显示了刻度点，就只能移动到点上
+    const newPosition = position < min ? min : position > max ? max : position;
+    let value = min; // 显示了刻度点，就只能移动到点上
 
     if (pointList.length) {
       value = (0, _nearest.nearest)(pointList, newPosition);
     } else {
-      var lengthPerStep = 100 / ((max - min) / step);
-      var steps = Math.round(newPosition / lengthPerStep);
+      const lengthPerStep = 100 / ((max - min) / step);
+      const steps = Math.round(newPosition / lengthPerStep);
       value = steps * lengthPerStep * (max - min) * 0.01 + min;
     }
 
     return value;
   }
 
-  var dragLockRef = (0, _react.useRef)(0);
+  const dragLockRef = (0, _react.useRef)(0);
 
-  var onTrackClick = function onTrackClick(event) {
+  const onTrackClick = event => {
     if (dragLockRef.current > 0) return;
     event.stopPropagation();
     if (disabled) return;
-    var track = trackRef.current;
+    const track = trackRef.current;
     if (!track) return;
-    var sliderOffsetLeft = track.getBoundingClientRect().left;
-    var position = (event.clientX - sliderOffsetLeft) / Math.ceil(track.offsetWidth) * (max - min) + min;
-    var targetValue = getValueByPosition(position);
-    var nextSliderValue;
+    const sliderOffsetLeft = track.getBoundingClientRect().left;
+    const position = (event.clientX - sliderOffsetLeft) / Math.ceil(track.offsetWidth) * (max - min) + min;
+    const targetValue = getValueByPosition(position);
+    let nextSliderValue;
 
     if (props.range) {
       // 移动的滑块采用就近原则
@@ -152,32 +145,32 @@ var Slider = function Slider(p) {
     onAfterChange(nextSliderValue);
   };
 
-  var valueBeforeDragRef = (0, _react.useRef)();
+  const valueBeforeDragRef = (0, _react.useRef)();
 
-  var renderThumb = function renderThumb(index) {
-    return /*#__PURE__*/_react["default"].createElement(_thumb["default"], {
+  const renderThumb = index => {
+    return _react.default.createElement(_thumb.default, {
       key: index,
       value: sliderValue[index],
       min: min,
       max: max,
       disabled: disabled,
       trackRef: trackRef,
-      onDrag: function onDrag(position, first, last) {
+      onDrag: (position, first, last) => {
         if (first) {
           dragLockRef.current += 1;
           valueBeforeDragRef.current = sliderValue;
         }
 
-        var val = getValueByPosition(position);
-        var valueBeforeDrag = valueBeforeDragRef.current;
+        const val = getValueByPosition(position);
+        const valueBeforeDrag = valueBeforeDragRef.current;
         if (!valueBeforeDrag) return;
-        var next = [].concat(valueBeforeDrag);
+        const next = [...valueBeforeDrag];
         next[index] = val;
         setSliderValue(next);
 
         if (last) {
           onAfterChange(next);
-          window.setTimeout(function () {
+          window.setTimeout(() => {
             dragLockRef.current -= 1;
           }, 100);
         }
@@ -185,28 +178,30 @@ var Slider = function Slider(p) {
     });
   };
 
-  return (0, _nativeProps.withNativeProps)(props, /*#__PURE__*/_react["default"].createElement("div", {
-    className: (0, _classnames["default"])(classPrefix, (_classNames = {}, _classNames[classPrefix + "-disabled"] = disabled, _classNames))
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: classPrefix + "-track-container",
+  return (0, _nativeProps.withNativeProps)(props, _react.default.createElement("div", {
+    className: (0, _classnames.default)(classPrefix, {
+      [`${classPrefix}-disabled`]: disabled
+    })
+  }, _react.default.createElement("div", {
+    className: `${classPrefix}-track-container`,
     onClick: onTrackClick
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: classPrefix + "-track",
+  }, _react.default.createElement("div", {
+    className: `${classPrefix}-track`,
     onClick: onTrackClick,
     ref: trackRef
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: classPrefix + "-fill",
+  }, _react.default.createElement("div", {
+    className: `${classPrefix}-fill`,
     style: {
       width: fillSize,
       left: fillStart
     }
-  }), props.ticks && /*#__PURE__*/_react["default"].createElement(_ticks["default"], {
+  }), props.ticks && _react.default.createElement(_ticks.default, {
     points: pointList,
     min: min,
     max: max,
     lowerBound: sliderValue[0],
     upperBound: sliderValue[1]
-  }), props.range && renderThumb(0), renderThumb(1))), marks && /*#__PURE__*/_react["default"].createElement(_marks["default"], {
+  }), props.range && renderThumb(0), renderThumb(1))), marks && _react.default.createElement(_marks.default, {
     min: min,
     max: max,
     marks: marks,

package/2x/cjs/components/slider/thumb-icon.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { NativeProps } from '../../utils/native-props';
+export declare const ThumbIcon: FC<NativeProps>;

package/2x/cjs/components/slider/thumb-icon.js

@@ -0,0 +1,38 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ThumbIcon = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _nativeProps = require("../../utils/native-props");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const ThumbIcon = props => {
+  return (0, _nativeProps.withNativeProps)(props, _react.default.createElement("svg", {
+    viewBox: '0 0 20 20'
+  }, _react.default.createElement("g", {
+    stroke: 'none',
+    strokeWidth: '1',
+    fill: 'none',
+    fillRule: 'evenodd'
+  }, _react.default.createElement("g", {
+    transform: 'translate(-604.000000, -656.000000)',
+    fill: '#999999'
+  }, _react.default.createElement("g", {
+    transform: 'translate(592.000000, 644.000000)'
+  }, _react.default.createElement("g", {
+    transform: 'translate(12.000000, 12.000000)'
+  }, _react.default.createElement("polygon", {
+    points: '0 3.33333333 2.22222222 3.33333333 2.22222222 17.7777778 0 17.7777778'
+  }), _react.default.createElement("polygon", {
+    points: '17.7777778 3.33333333 20 3.33333333 20 17.7777778 17.7777778 17.7777778'
+  }), _react.default.createElement("path", {
+    d: 'M10.8888889,0 L9.11111111,0 C8.98888889,0 8.88888889,0.107142857 8.88888889,0.238095238 L8.88888889,19.7619048 C8.88888889,19.8928571 8.98888889,20 9.11111111,20 L10.8888889,20 C11.0111111,20 11.1111111,19.8928571 11.1111111,19.7619048 L11.1111111,0.238095238 C11.1111111,0.107142857 11.0111111,0 10.8888889,0 Z'
+  })))))));
+};
+
+exports.ThumbIcon = ThumbIcon;

package/2x/cjs/components/slider/thumb.js

@@ -3,34 +3,38 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports.default = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
 var _react2 = require("@use-gesture/react");
 
-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); }
+var _thumbIcon = require("./thumb-icon");
 
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof 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; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
-var classPrefix = "adm-slider";
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof 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; }
 
-var Thumb = function Thumb(props) {
-  var value = props.value,
-      min = props.min,
-      max = props.max,
-      disabled = props.disabled,
-      onDrag = props.onDrag;
-  var prevValue = (0, _react.useRef)(value);
+const classPrefix = `adm-slider`;
 
-  var currentPosition = function currentPosition() {
+const Thumb = props => {
+  const {
+    value,
+    min,
+    max,
+    disabled,
+    onDrag
+  } = props;
+  const prevValue = (0, _react.useRef)(value);
+
+  const currentPosition = () => {
     return {
-      left: (value - min) / (max - min) * 100 + "%",
+      left: `${(value - min) / (max - min) * 100}%`,
       right: 'auto'
     };
   };
 
-  var bind = (0, _react2.useDrag)(function (state) {
+  const bind = (0, _react2.useDrag)(state => {
     var _a;
 
     if (disabled) return;
@@ -39,10 +43,10 @@ var Thumb = function Thumb(props) {
       prevValue.current = value;
     }
 
-    var x = state.xy[0] - state.initial[0];
-    var sliderOffsetWith = (_a = props.trackRef.current) === null || _a === void 0 ? void 0 : _a.offsetWidth;
+    const x = state.xy[0] - state.initial[0];
+    const sliderOffsetWith = (_a = props.trackRef.current) === null || _a === void 0 ? void 0 : _a.offsetWidth;
     if (!sliderOffsetWith) return;
-    var diff = x / Math.ceil(sliderOffsetWith) * (max - min);
+    const diff = x / Math.ceil(sliderOffsetWith) * (max - min);
     onDrag(prevValue.current + diff, state.first, state.last);
   }, {
     axis: 'x',
@@ -50,13 +54,15 @@ var Thumb = function Thumb(props) {
       touch: true
     }
   });
-  return /*#__PURE__*/_react["default"].createElement("div", Object.assign({
-    className: classPrefix + "-thumb-container",
+  return _react.default.createElement("div", Object.assign({
+    className: `${classPrefix}-thumb-container`,
     style: currentPosition()
-  }, bind()), /*#__PURE__*/_react["default"].createElement("div", {
-    className: classPrefix + "-thumb"
-  }));
+  }, bind()), _react.default.createElement("div", {
+    className: `${classPrefix}-thumb`
+  }, _react.default.createElement(_thumbIcon.ThumbIcon, {
+    className: `${classPrefix}-thumb-icon`
+  })));
 };
 
 var _default = Thumb;
-exports["default"] = _default;
+exports.default = _default;

package/2x/cjs/components/slider/ticks.js

@@ -3,42 +3,44 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports.default = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-var classPrefix = "adm-slider";
-
-var Ticks = function Ticks(_ref) {
-  var points = _ref.points,
-      max = _ref.max,
-      min = _ref.min,
-      upperBound = _ref.upperBound,
-      lowerBound = _ref.lowerBound;
-  var range = max - min;
-  var elements = points.map(function (point) {
-    var _classNames;
-
-    var offset = Math.abs(point - min) / range * 100 + "%";
-    var isActived = point <= upperBound && point >= lowerBound;
-    var style = {
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const classPrefix = `adm-slider`;
+
+const Ticks = ({
+  points,
+  max,
+  min,
+  upperBound,
+  lowerBound
+}) => {
+  const range = max - min;
+  const elements = points.map(point => {
+    const offset = `${Math.abs(point - min) / range * 100}%`;
+    const isActived = point <= upperBound && point >= lowerBound;
+    const style = {
       left: offset
     };
-    var pointClassName = (0, _classnames["default"])((_classNames = {}, _classNames[classPrefix + "-tick"] = true, _classNames[classPrefix + "-tick-active"] = isActived, _classNames));
-    return /*#__PURE__*/_react["default"].createElement("span", {
+    const pointClassName = (0, _classnames.default)({
+      [`${classPrefix}-tick`]: true,
+      [`${classPrefix}-tick-active`]: isActived
+    });
+    return _react.default.createElement("span", {
       className: pointClassName,
       style: style,
       key: point
     });
   });
-  return /*#__PURE__*/_react["default"].createElement("div", {
-    className: classPrefix + "-ticks"
+  return _react.default.createElement("div", {
+    className: `${classPrefix}-ticks`
   }, elements);
 };
 
 var _default = Ticks;
-exports["default"] = _default;
+exports.default = _default;

package/2x/cjs/components/space/index.js

@@ -3,11 +3,11 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports.default = void 0;
 
 require("./space.css");
 
 var _space2 = require("./space");
 
 var _default = _space2.Space;
-exports["default"] = _default;
+exports.default = _default;

package/2x/cjs/components/space/space.js

@@ -13,25 +13,31 @@ var _nativeProps = require("../../utils/native-props");
 
 var _withDefaultProps = require("../../utils/with-default-props");
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var classPrefix = "adm-space";
-var defaultProps = {
+const classPrefix = `adm-space`;
+const defaultProps = {
   direction: 'horizontal'
 };
 
-var Space = function Space(p) {
-  var _classNames;
-
-  var props = (0, _withDefaultProps.mergeProps)(defaultProps, p);
-  var direction = props.direction,
-      onClick = props.onClick;
-  return (0, _nativeProps.withNativeProps)(props, /*#__PURE__*/_react["default"].createElement("div", {
-    className: (0, _classnames["default"])(classPrefix, (_classNames = {}, _classNames[classPrefix + "-wrap"] = props.wrap, _classNames[classPrefix + "-block"] = props.block, _classNames[classPrefix + "-" + direction] = true, _classNames[classPrefix + "-align-" + props.align] = !!props.align, _classNames[classPrefix + "-justify-" + props.justify] = !!props.justify, _classNames)),
+const Space = p => {
+  const props = (0, _withDefaultProps.mergeProps)(defaultProps, p);
+  const {
+    direction,
+    onClick
+  } = props;
+  return (0, _nativeProps.withNativeProps)(props, _react.default.createElement("div", {
+    className: (0, _classnames.default)(classPrefix, {
+      [`${classPrefix}-wrap`]: props.wrap,
+      [`${classPrefix}-block`]: props.block,
+      [`${classPrefix}-${direction}`]: true,
+      [`${classPrefix}-align-${props.align}`]: !!props.align,
+      [`${classPrefix}-justify-${props.justify}`]: !!props.justify
+    }),
     onClick: onClick
-  }, _react["default"].Children.map(props.children, function (child) {
-    return child !== null && child !== undefined && /*#__PURE__*/_react["default"].createElement("div", {
-      className: classPrefix + "-item"
+  }, _react.default.Children.map(props.children, child => {
+    return child !== null && child !== undefined && _react.default.createElement("div", {
+      className: `${classPrefix}-item`
     }, child);
   })));
 };

package/2x/cjs/components/spin-loading/index.d.ts

@@ -0,0 +1,4 @@
+import './spin-loading.less';
+import { SpinLoading } from './spin-loading';
+export type { SpinLoadingProps } from './spin-loading';
+export default SpinLoading;

package/2x/cjs/components/spin-loading/index.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+require("./spin-loading.css");
+
+var _spinLoading2 = require("./spin-loading");
+
+var _default = _spinLoading2.SpinLoading;
+exports.default = _default;

package/2x/cjs/components/spin-loading/spin-loading.css

@@ -0,0 +1,29 @@
+.adm-spin-loading {
+  --color: var(--adm-color-weak);
+  --size: 64px;
+  --pi: 3.14159265;
+  --radius: 15;
+  --circumference: calc(var(--radius) * var(--pi) * 2);
+  width: var(--size);
+  height: var(--size);
+}
+
+.adm-spin-loading-svg {
+  width: 100%;
+  height: 100%;
+  animation: adm-spin-loading-rotate 0.8s infinite linear;
+}
+
+.adm-spin-loading-svg > .adm-spin-loading-fill {
+  stroke: var(--color);
+}
+
+@keyframes adm-spin-loading-rotate {
+  from {
+    transform: rotate(0deg);
+  }
+
+  to {
+    transform: rotate(360deg);
+  }
+}

package/2x/cjs/components/spin-loading/spin-loading.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { NativeProps } from '../../utils/native-props';
+export declare type SpinLoadingProps = {
+    color?: 'default' | 'primary' | 'white' | (string & {});
+} & NativeProps<'--color' | '--size'>;
+export declare const SpinLoading: React.NamedExoticComponent<SpinLoadingProps>;

package/2x/cjs/components/spin-loading/spin-loading.js

@@ -0,0 +1,71 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SpinLoading = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _nativeProps = require("../../utils/native-props");
+
+var _withDefaultProps = require("../../utils/with-default-props");
+
+var _web = require("@react-spring/web");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof 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; }
+
+const classPrefix = 'adm-spin-loading';
+const colorRecord = {
+  default: 'var(--adm-color-weak)',
+  primary: 'var(--adm-color-primary)',
+  white: 'var(--adm-color-white)'
+};
+const defaultProps = {
+  color: 'default'
+};
+const circumference = 15 * 3.14159265358979 * 2;
+const SpinLoading = (0, _react.memo)(p => {
+  var _a;
+
+  const props = (0, _withDefaultProps.mergeProps)(defaultProps, p);
+  const {
+    percent
+  } = (0, _web.useSpring)({
+    loop: {
+      reverse: true
+    },
+    from: {
+      percent: 30
+    },
+    to: {
+      percent: 80
+    },
+    config: {
+      duration: 1200
+    }
+  });
+  return (0, _nativeProps.withNativeProps)(props, _react.default.createElement(_web.animated.div, {
+    className: classPrefix,
+    style: {
+      '--color': (_a = colorRecord[props.color]) !== null && _a !== void 0 ? _a : props.color,
+      '--percent': percent
+    }
+  }, _react.default.createElement("svg", {
+    className: `${classPrefix}-svg`,
+    viewBox: '0 0 32 32'
+  }, _react.default.createElement(_web.animated.circle, {
+    className: `${classPrefix}-fill`,
+    fill: 'transparent',
+    strokeWidth: '2',
+    strokeDasharray: circumference,
+    strokeDashoffset: percent,
+    strokeLinecap: 'square',
+    r: 15,
+    cx: 16,
+    cy: 16
+  }))));
+});
+exports.SpinLoading = SpinLoading;

package/2x/cjs/components/stepper/index.js

@@ -3,11 +3,11 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports.default = void 0;
 
 require("./stepper.css");
 
 var _stepper2 = require("./stepper");
 
 var _default = _stepper2.Stepper;
-exports["default"] = _default;
+exports.default = _default;