@sheinx/base 3.0.0-alpha.31 → 3.0.0-alpha.32

package/esm/spin/spins.js

@@ -1,34 +1,26 @@
-"use strict";
-
-require("core-js/modules/es.array.filter.js");
-require("core-js/modules/web.dom-collections.for-each.js");
-require("core-js/modules/es.object.get-own-property-descriptors.js");
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-require("core-js/modules/es.array.concat.js");
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _base = _interopRequireDefault(require("./base"));
-var _utils = require("./utils");
-var _jsxRuntime = require("react/jsx-runtime");
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import classNames from 'classnames';
+import BaseSpin from "./base";
+import { formatSize } from "./utils";
+import { jsx as _jsx } from "react/jsx-runtime";
 var renderItem = function renderItem(props) {
   var _jssStyle$spin;
   var jssStyle = props.jssStyle,
     index = props.index,
     color = props.color,
     itemStyle = props.itemStyle;
-  var spinStyles = (jssStyle === null || jssStyle === void 0 ? void 0 : (_jssStyle$spin = jssStyle.spin) === null || _jssStyle$spin === void 0 ? void 0 : _jssStyle$spin.call(jssStyle)) || {};
+  var spinStyles = (jssStyle === null || jssStyle === void 0 || (_jssStyle$spin = jssStyle.spin) === null || _jssStyle$spin === void 0 ? void 0 : _jssStyle$spin.call(jssStyle)) || {};
   var style = Object.assign({
     backgroundColor: color
   }, itemStyle);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-    className: (0, _classnames.default)(spinStyles === null || spinStyles === void 0 ? void 0 : spinStyles.item),
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+  return /*#__PURE__*/_jsx("div", {
+    className: classNames(spinStyles === null || spinStyles === void 0 ? void 0 : spinStyles.item),
+    children: /*#__PURE__*/_jsx("div", {
       style: style
     })
   }, index);
@@ -40,14 +32,14 @@ var renderSvgItem = function renderSvgItem(props) {
     color = props.color,
     itemClass = props.itemClass,
     itemSize = props.itemSize;
-  var spinStyles = (jssStyle === null || jssStyle === void 0 ? void 0 : (_jssStyle$spin2 = jssStyle.spin) === null || _jssStyle$spin2 === void 0 ? void 0 : _jssStyle$spin2.call(jssStyle)) || {};
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-    className: (0, _classnames.default)(spinStyles.item, itemClass),
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("svg", {
+  var spinStyles = (jssStyle === null || jssStyle === void 0 || (_jssStyle$spin2 = jssStyle.spin) === null || _jssStyle$spin2 === void 0 ? void 0 : _jssStyle$spin2.call(jssStyle)) || {};
+  return /*#__PURE__*/_jsx("div", {
+    className: classNames(spinStyles.item, itemClass),
+    children: /*#__PURE__*/_jsx("svg", {
       width: itemSize,
       height: itemSize,
       viewBox: "0 0 100 100",
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("circle", {
+      children: /*#__PURE__*/_jsx("circle", {
         fill: color,
         cx: 50,
         cy: 50,
@@ -65,8 +57,8 @@ var renderSimpleItem = function renderSimpleItem(props) {
   var style = Object.assign({
     backgroundColor: color
   }, itemStyle);
-  var spinStyles = (jssStyle === null || jssStyle === void 0 ? void 0 : (_jssStyle$spin3 = jssStyle.spin) === null || _jssStyle$spin3 === void 0 ? void 0 : _jssStyle$spin3.call(jssStyle)) || {};
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+  var spinStyles = (jssStyle === null || jssStyle === void 0 || (_jssStyle$spin3 = jssStyle.spin) === null || _jssStyle$spin3 === void 0 ? void 0 : _jssStyle$spin3.call(jssStyle)) || {};
+  return /*#__PURE__*/_jsx("div", {
     style: style,
     className: spinStyles.item
   }, index);
@@ -77,13 +69,13 @@ var Default = function Default(props) {
     _props$size = props.size,
     size = _props$size === void 0 ? 'default' : _props$size,
     className = props.className;
-  var _formatSize = (0, _utils.formatSize)(size),
+  var _formatSize = formatSize(size),
     value = _formatSize.value,
     unit = _formatSize.unit;
   var sizeSet = Math.ceil(value / 12.5) + unit;
-  var spinStyles = (jssStyle === null || jssStyle === void 0 ? void 0 : (_jssStyle$spin4 = jssStyle.spin) === null || _jssStyle$spin4 === void 0 ? void 0 : _jssStyle$spin4.call(jssStyle)) || {};
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_base.default, _objectSpread(_objectSpread({}, props), {}, {
-    className: (0, _classnames.default)(className, spinStyles.default),
+  var spinStyles = (jssStyle === null || jssStyle === void 0 || (_jssStyle$spin4 = jssStyle.spin) === null || _jssStyle$spin4 === void 0 ? void 0 : _jssStyle$spin4.call(jssStyle)) || {};
+  return /*#__PURE__*/_jsx(BaseSpin, _objectSpread(_objectSpread({}, props), {}, {
+    className: classNames(className, spinStyles.default),
     count: 12,
     itemStyle: {
       width: sizeSet,
@@ -96,10 +88,10 @@ var ChasingDots = function ChasingDots(props) {
   var _jssStyle$spin5;
   var jssStyle = props.jssStyle,
     className = props.className;
-  var spinStyles = (jssStyle === null || jssStyle === void 0 ? void 0 : (_jssStyle$spin5 = jssStyle.spin) === null || _jssStyle$spin5 === void 0 ? void 0 : _jssStyle$spin5.call(jssStyle)) || {};
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_base.default, _objectSpread(_objectSpread({}, props), {}, {
+  var spinStyles = (jssStyle === null || jssStyle === void 0 || (_jssStyle$spin5 = jssStyle.spin) === null || _jssStyle$spin5 === void 0 ? void 0 : _jssStyle$spin5.call(jssStyle)) || {};
+  return /*#__PURE__*/_jsx(BaseSpin, _objectSpread(_objectSpread({}, props), {}, {
     count: 2,
-    className: (0, _classnames.default)(className, spinStyles.chasingDots),
+    className: classNames(className, spinStyles.chasingDots),
     render: renderSvgItem
   }));
 };
@@ -107,10 +99,10 @@ var CubeGrid = function CubeGrid(props) {
   var _jssStyle$spin6;
   var jssStyle = props.jssStyle,
     className = props.className;
-  var spinStyles = (jssStyle === null || jssStyle === void 0 ? void 0 : (_jssStyle$spin6 = jssStyle.spin) === null || _jssStyle$spin6 === void 0 ? void 0 : _jssStyle$spin6.call(jssStyle)) || {};
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_base.default, _objectSpread(_objectSpread({}, props), {}, {
+  var spinStyles = (jssStyle === null || jssStyle === void 0 || (_jssStyle$spin6 = jssStyle.spin) === null || _jssStyle$spin6 === void 0 ? void 0 : _jssStyle$spin6.call(jssStyle)) || {};
+  return /*#__PURE__*/_jsx(BaseSpin, _objectSpread(_objectSpread({}, props), {}, {
     count: 9,
-    className: (0, _classnames.default)(className, spinStyles.cubeGrid),
+    className: classNames(className, spinStyles.cubeGrid),
     render: renderSimpleItem
   }));
 };
@@ -118,10 +110,10 @@ var DoubleBounce = function DoubleBounce(props) {
   var _jssStyle$spin7;
   var jssStyle = props.jssStyle,
     className = props.className;
-  var spinStyles = (jssStyle === null || jssStyle === void 0 ? void 0 : (_jssStyle$spin7 = jssStyle.spin) === null || _jssStyle$spin7 === void 0 ? void 0 : _jssStyle$spin7.call(jssStyle)) || {};
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_base.default, _objectSpread(_objectSpread({}, props), {}, {
+  var spinStyles = (jssStyle === null || jssStyle === void 0 || (_jssStyle$spin7 = jssStyle.spin) === null || _jssStyle$spin7 === void 0 ? void 0 : _jssStyle$spin7.call(jssStyle)) || {};
+  return /*#__PURE__*/_jsx(BaseSpin, _objectSpread(_objectSpread({}, props), {}, {
     count: 2,
-    className: (0, _classnames.default)(className, spinStyles.doubleBounce),
+    className: classNames(className, spinStyles.doubleBounce),
     render: renderSimpleItem
   }));
 };
@@ -131,16 +123,16 @@ var FadingCircle = function FadingCircle(props) {
     size = _props$size2 === void 0 ? 40 : _props$size2,
     jssStyle = props.jssStyle,
     className = props.className;
-  var _formatSize2 = (0, _utils.formatSize)(size),
+  var _formatSize2 = formatSize(size),
     value = _formatSize2.value,
     unit = _formatSize2.unit;
   var itemSize = (value / 7).toFixed(3) + unit;
-  var spinStyles = (jssStyle === null || jssStyle === void 0 ? void 0 : (_jssStyle$spin8 = jssStyle.spin) === null || _jssStyle$spin8 === void 0 ? void 0 : _jssStyle$spin8.call(jssStyle)) || {};
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_base.default, _objectSpread(_objectSpread({}, props), {}, {
+  var spinStyles = (jssStyle === null || jssStyle === void 0 || (_jssStyle$spin8 = jssStyle.spin) === null || _jssStyle$spin8 === void 0 ? void 0 : _jssStyle$spin8.call(jssStyle)) || {};
+  return /*#__PURE__*/_jsx(BaseSpin, _objectSpread(_objectSpread({}, props), {}, {
     count: 12,
-    className: (0, _classnames.default)(className, spinStyles.fadingCircle),
+    className: classNames(className, spinStyles.fadingCircle),
     itemSize: itemSize,
-    itemClass: (0, _classnames.default)(spinStyles.fade),
+    itemClass: classNames(spinStyles.fade),
     render: renderSvgItem
   }));
 };
@@ -150,16 +142,16 @@ var ScaleCircle = function ScaleCircle(props) {
     size = _props$size3 === void 0 ? 40 : _props$size3,
     jssStyle = props.jssStyle,
     className = props.className;
-  var _formatSize3 = (0, _utils.formatSize)(size),
+  var _formatSize3 = formatSize(size),
     value = _formatSize3.value,
     unit = _formatSize3.unit;
   var itemSize = (value / 7).toFixed(3) + unit;
-  var spinStyles = (jssStyle === null || jssStyle === void 0 ? void 0 : (_jssStyle$spin9 = jssStyle.spin) === null || _jssStyle$spin9 === void 0 ? void 0 : _jssStyle$spin9.call(jssStyle)) || {};
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_base.default, _objectSpread(_objectSpread({}, props), {}, {
+  var spinStyles = (jssStyle === null || jssStyle === void 0 || (_jssStyle$spin9 = jssStyle.spin) === null || _jssStyle$spin9 === void 0 ? void 0 : _jssStyle$spin9.call(jssStyle)) || {};
+  return /*#__PURE__*/_jsx(BaseSpin, _objectSpread(_objectSpread({}, props), {}, {
     count: 12,
-    className: (0, _classnames.default)(className, spinStyles.fadingCircle),
+    className: classNames(className, spinStyles.fadingCircle),
     itemSize: itemSize,
-    itemClass: (0, _classnames.default)(spinStyles.scaleCircle),
+    itemClass: classNames(spinStyles.scaleCircle),
     render: renderSvgItem
   }));
 };
@@ -167,10 +159,10 @@ var FourDots = function FourDots(props) {
   var _jssStyle$spin10;
   var jssStyle = props.jssStyle,
     className = props.className;
-  var spinStyles = (jssStyle === null || jssStyle === void 0 ? void 0 : (_jssStyle$spin10 = jssStyle.spin) === null || _jssStyle$spin10 === void 0 ? void 0 : _jssStyle$spin10.call(jssStyle)) || {};
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_base.default, _objectSpread(_objectSpread({}, props), {}, {
+  var spinStyles = (jssStyle === null || jssStyle === void 0 || (_jssStyle$spin10 = jssStyle.spin) === null || _jssStyle$spin10 === void 0 ? void 0 : _jssStyle$spin10.call(jssStyle)) || {};
+  return /*#__PURE__*/_jsx(BaseSpin, _objectSpread(_objectSpread({}, props), {}, {
     count: 4,
-    className: (0, _classnames.default)(className, spinStyles.fourDots),
+    className: classNames(className, spinStyles.fourDots),
     render: renderSvgItem
   }));
 };
@@ -182,11 +174,11 @@ var Plane = function Plane(props) {
   var style = {
     backgroundColor: color
   };
-  var spinStyles = (jssStyle === null || jssStyle === void 0 ? void 0 : (_jssStyle$spin11 = jssStyle.spin) === null || _jssStyle$spin11 === void 0 ? void 0 : _jssStyle$spin11.call(jssStyle)) || {};
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_base.default, _objectSpread(_objectSpread({}, props), {}, {
+  var spinStyles = (jssStyle === null || jssStyle === void 0 || (_jssStyle$spin11 = jssStyle.spin) === null || _jssStyle$spin11 === void 0 ? void 0 : _jssStyle$spin11.call(jssStyle)) || {};
+  return /*#__PURE__*/_jsx(BaseSpin, _objectSpread(_objectSpread({}, props), {}, {
     count: 0,
     style: style,
-    className: (0, _classnames.default)(className, spinStyles.plane)
+    className: classNames(className, spinStyles.plane)
   }));
 };
 var Pulse = function Pulse(props) {
@@ -197,11 +189,11 @@ var Pulse = function Pulse(props) {
   var style = {
     backgroundColor: color
   };
-  var spinStyles = (jssStyle === null || jssStyle === void 0 ? void 0 : (_jssStyle$spin12 = jssStyle.spin) === null || _jssStyle$spin12 === void 0 ? void 0 : _jssStyle$spin12.call(jssStyle)) || {};
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_base.default, _objectSpread(_objectSpread({}, props), {}, {
+  var spinStyles = (jssStyle === null || jssStyle === void 0 || (_jssStyle$spin12 = jssStyle.spin) === null || _jssStyle$spin12 === void 0 ? void 0 : _jssStyle$spin12.call(jssStyle)) || {};
+  return /*#__PURE__*/_jsx(BaseSpin, _objectSpread(_objectSpread({}, props), {}, {
     count: 0,
     style: style,
-    className: (0, _classnames.default)(className, spinStyles.pulse)
+    className: classNames(className, spinStyles.pulse)
   }));
 };
 var Ring = function Ring(props) {
@@ -213,8 +205,8 @@ var Ring = function Ring(props) {
     className = props.className,
     _props$style = props.style,
     styleProp = _props$style === void 0 ? {} : _props$style;
-  var spinStyles = (jssStyle === null || jssStyle === void 0 ? void 0 : (_jssStyle$spin13 = jssStyle.spin) === null || _jssStyle$spin13 === void 0 ? void 0 : _jssStyle$spin13.call(jssStyle)) || {};
-  var _formatSize4 = (0, _utils.formatSize)(size),
+  var spinStyles = (jssStyle === null || jssStyle === void 0 || (_jssStyle$spin13 = jssStyle.spin) === null || _jssStyle$spin13 === void 0 ? void 0 : _jssStyle$spin13.call(jssStyle)) || {};
+  var _formatSize4 = formatSize(size),
     value = _formatSize4.value,
     unit = _formatSize4.unit;
   var style = _objectSpread(_objectSpread({}, styleProp), {}, {
@@ -224,10 +216,10 @@ var Ring = function Ring(props) {
     borderBottomColor: color,
     fontSize: value / 10 + unit
   });
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_base.default, _objectSpread(_objectSpread({}, props), {}, {
+  return /*#__PURE__*/_jsx(BaseSpin, _objectSpread(_objectSpread({}, props), {}, {
     count: 0,
     style: style,
-    className: (0, _classnames.default)(className, spinStyles.ring)
+    className: classNames(className, spinStyles.ring)
   }));
 };
 var ThreeBounce = function ThreeBounce(props) {
@@ -236,18 +228,18 @@ var ThreeBounce = function ThreeBounce(props) {
     size = _props$size5 === void 0 ? 40 : _props$size5,
     jssStyle = props.jssStyle,
     className = props.className;
-  var spinStyles = (jssStyle === null || jssStyle === void 0 ? void 0 : (_jssStyle$spin14 = jssStyle.spin) === null || _jssStyle$spin14 === void 0 ? void 0 : _jssStyle$spin14.call(jssStyle)) || {};
-  var _formatSize5 = (0, _utils.formatSize)(size),
+  var spinStyles = (jssStyle === null || jssStyle === void 0 || (_jssStyle$spin14 = jssStyle.spin) === null || _jssStyle$spin14 === void 0 ? void 0 : _jssStyle$spin14.call(jssStyle)) || {};
+  var _formatSize5 = formatSize(size),
     value = _formatSize5.value,
     unit = _formatSize5.unit;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_base.default, _objectSpread(_objectSpread({}, props), {}, {
+  return /*#__PURE__*/_jsx(BaseSpin, _objectSpread(_objectSpread({}, props), {}, {
     count: 3,
     itemSize: value / 2 + unit,
     style: {
       width: value * 2 + unit,
       height: 'auto'
     },
-    className: (0, _classnames.default)(className, spinStyles.threeBounce),
+    className: classNames(className, spinStyles.threeBounce),
     render: renderSvgItem
   }));
 };
@@ -257,8 +249,8 @@ var Wave = function Wave(props) {
     size = _props$size6 === void 0 ? 40 : _props$size6,
     jssStyle = props.jssStyle,
     className = props.className;
-  var spinStyles = (jssStyle === null || jssStyle === void 0 ? void 0 : (_jssStyle$spin15 = jssStyle.spin) === null || _jssStyle$spin15 === void 0 ? void 0 : _jssStyle$spin15.call(jssStyle)) || {};
-  var _formatSize6 = (0, _utils.formatSize)(size),
+  var spinStyles = (jssStyle === null || jssStyle === void 0 || (_jssStyle$spin15 = jssStyle.spin) === null || _jssStyle$spin15 === void 0 ? void 0 : _jssStyle$spin15.call(jssStyle)) || {};
+  var _formatSize6 = formatSize(size),
     value = _formatSize6.value,
     unit = _formatSize6.unit;
   var width = value / 7;
@@ -269,13 +261,13 @@ var Wave = function Wave(props) {
   } else {
     margin = '2px';
   }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_base.default, _objectSpread(_objectSpread({}, props), {}, {
+  return /*#__PURE__*/_jsx(BaseSpin, _objectSpread(_objectSpread({}, props), {}, {
     itemStyle: {
       width: width + unit,
       marginRight: margin
     },
     count: 5,
-    className: (0, _classnames.default)(className, spinStyles.wave),
+    className: classNames(className, spinStyles.wave),
     render: renderSimpleItem
   }));
 };
@@ -286,8 +278,8 @@ var ChasingRing = function ChasingRing(props) {
     color = props.color,
     className = props.className,
     jssStyle = props.jssStyle;
-  var spinStyles = (jssStyle === null || jssStyle === void 0 ? void 0 : (_jssStyle$spin16 = jssStyle.spin) === null || _jssStyle$spin16 === void 0 ? void 0 : _jssStyle$spin16.call(jssStyle)) || {};
-  var _formatSize7 = (0, _utils.formatSize)(size),
+  var spinStyles = (jssStyle === null || jssStyle === void 0 || (_jssStyle$spin16 = jssStyle.spin) === null || _jssStyle$spin16 === void 0 ? void 0 : _jssStyle$spin16.call(jssStyle)) || {};
+  var _formatSize7 = formatSize(size),
     value = _formatSize7.value,
     unit = _formatSize7.unit;
   var borderWidth = "".concat(value / 10).concat(unit);
@@ -296,14 +288,14 @@ var ChasingRing = function ChasingRing(props) {
     borderTopColor: color,
     backgroundColor: 'transparent'
   };
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_base.default, _objectSpread(_objectSpread({}, props), {}, {
+  return /*#__PURE__*/_jsx(BaseSpin, _objectSpread(_objectSpread({}, props), {}, {
     count: 4,
     itemStyle: style,
-    className: (0, _classnames.default)(className, spinStyles.chasingRing),
+    className: classNames(className, spinStyles.chasingRing),
     render: renderSimpleItem
   }));
 };
-var _default = {
+export default {
   plane: Plane,
   pulse: Pulse,
   ring: Ring,
@@ -317,5 +309,4 @@ var _default = {
   'four-dots': FourDots,
   'scale-circle': ScaleCircle,
   'three-bounce': ThreeBounce
-};
-exports.default = _default;
+};

package/esm/spin/utils.js

@@ -1,15 +1,7 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.formatSize = void 0;
-require("core-js/modules/es.regexp.exec.js");
-var formatSize = function formatSize(size) {
+export var formatSize = function formatSize(size) {
   var ss = /^(\d+)([%|\w]*)$/.exec(String(size)) || [];
   return {
     value: parseFloat(ss[1]),
     unit: ss[2] || 'px'
   };
-};
-exports.formatSize = formatSize;
+};

package/esm/steps/index.js

@@ -1,27 +1,3 @@
-"use strict";
 "use client";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "Step", {
-  enumerable: true,
-  get: function get() {
-    return _step.default;
-  }
-});
-Object.defineProperty(exports, "Steps", {
-  enumerable: true,
-  get: function get() {
-    return _steps.default;
-  }
-});
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function get() {
-    return _steps.default;
-  }
-});
-var _steps = _interopRequireDefault(require("./steps"));
-var _step = _interopRequireDefault(require("./step"));
+export { default, default as Steps } from "./steps";
+export { default as Step } from "./step";

package/esm/steps/step.arrow.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"step.arrow.d.ts","sourceRoot":"","sources":["step.arrow.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAE9C,QAAA,MAAM,SAAS,UAAW,cAAc,gBA2BvC,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"step.arrow.d.ts","sourceRoot":"","sources":["step.arrow.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAE9C,QAAA,MAAM,SAAS,UAAW,cAAc,gBA2BvC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/esm/steps/step.arrow.js

@@ -1,44 +1,39 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-require("core-js/modules/es.symbol.description.js");
-var _classnames = _interopRequireDefault(require("classnames"));
-var _jsxRuntime = require("react/jsx-runtime");
+import classNames from 'classnames';
+import { util } from '@sheinx/hooks';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 var ArrowStep = function ArrowStep(props) {
   var _jssStyle$steps;
   var jssStyle = props.jssStyle,
     title = props.title,
     description = props.description,
-    onChange = props.onChange;
-  var styles = (jssStyle === null || jssStyle === void 0 ? void 0 : (_jssStyle$steps = jssStyle.steps) === null || _jssStyle$steps === void 0 ? void 0 : _jssStyle$steps.call(jssStyle)) || {};
-  var rootClass = (0, _classnames.default)(styles.arrow);
+    onChange = props.onChange,
+    index = props.index,
+    status = props.status;
+  var styles = (jssStyle === null || jssStyle === void 0 || (_jssStyle$steps = jssStyle.steps) === null || _jssStyle$steps === void 0 ? void 0 : _jssStyle$steps.call(jssStyle)) || {};
+  var rootClass = classNames(styles.arrow);
   var renderTitle = function renderTitle() {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    return /*#__PURE__*/_jsx("div", {
       className: styles.title,
-      children: title
+      children: util.isFunc(title) ? title(index, status) : title
     });
   };
   var renderDescription = function renderDescription() {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    return /*#__PURE__*/_jsx("div", {
       className: styles.description,
       children: description
     });
   };
   var renderContent = function renderContent() {
-    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    return /*#__PURE__*/_jsxs("div", {
       className: styles.content,
       children: [renderTitle(), description && renderDescription()]
     });
   };
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+  return /*#__PURE__*/_jsx("div", {
     className: rootClass,
     onClick: onChange,
     children: renderContent()
   });
 };
-var _default = ArrowStep;
-exports.default = _default;
+export default ArrowStep;

package/esm/steps/step.default.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"step.default.d.ts","sourceRoot":"","sources":["step.default.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAG9C,QAAA,MAAM,WAAW,UAAW,cAAc,gBA0EzC,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"step.default.d.ts","sourceRoot":"","sources":["step.default.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAG9C,QAAA,MAAM,WAAW,UAAW,cAAc,gBA0EzC,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/esm/steps/step.default.js

@@ -1,17 +1,14 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-require("core-js/modules/es.symbol.description.js");
-var _classnames = _interopRequireDefault(require("classnames"));
-var _icons = _interopRequireDefault(require("../icons"));
-var _jsxRuntime = require("react/jsx-runtime");
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import classNames from 'classnames';
+import { util } from '@sheinx/hooks';
+import Icons from "../icons";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 var DefaultStep = function DefaultStep(props) {
-  var _jssStyle$steps, _classNames;
+  var _jssStyle$steps;
   var jssStyle = props.jssStyle,
     title = props.title,
     description = props.description,
@@ -21,64 +18,63 @@ var DefaultStep = function DefaultStep(props) {
     labelPlacement = props.labelPlacement,
     renderIconProp = props.renderIcon,
     onChange = props.onChange;
-  var styles = (jssStyle === null || jssStyle === void 0 ? void 0 : (_jssStyle$steps = jssStyle.steps) === null || _jssStyle$steps === void 0 ? void 0 : _jssStyle$steps.call(jssStyle)) || {};
+  var styles = (jssStyle === null || jssStyle === void 0 || (_jssStyle$steps = jssStyle.steps) === null || _jssStyle$steps === void 0 ? void 0 : _jssStyle$steps.call(jssStyle)) || {};
   var rootClass = styles.default;
-  var iconClass = (0, _classnames.default)(styles.icon, (_classNames = {}, (0, _defineProperty2.default)(_classNames, styles.finish, status === 'finish'), (0, _defineProperty2.default)(_classNames, styles.error, status === 'error'), (0, _defineProperty2.default)(_classNames, styles.process, status === 'process'), (0, _defineProperty2.default)(_classNames, styles.wait, status === 'wait'), _classNames));
+  var iconClass = classNames(styles.icon, _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, styles.finish, status === 'finish'), styles.error, status === 'error'), styles.process, status === 'process'), styles.wait, status === 'wait'));
   var showTail = labelPlacement === 'vertical' || direction === 'vertical';
   var renderTail = function renderTail() {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    return /*#__PURE__*/_jsx("div", {
       className: styles.tail,
       children: " "
     });
   };
   var renderTitle = function renderTitle() {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    return /*#__PURE__*/_jsx("div", {
       className: styles.title,
-      children: title
+      children: util.isFunc(title) ? title(index, status) : title
     });
   };
   var renderDescription = function renderDescription() {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    return /*#__PURE__*/_jsx("div", {
       className: styles.description,
       children: description
     });
   };
   var renderIcon = function renderIcon() {
-    if (renderIconProp) return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    if (renderIconProp) return /*#__PURE__*/_jsx("div", {
       className: iconClass,
       onClick: onChange,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      children: /*#__PURE__*/_jsx("span", {
         className: styles.iconWrapper,
         children: renderIconProp(index, status)
       })
     });
     var iconComponent;
     if (status === 'finish') {
-      iconComponent = _icons.default.Check;
+      iconComponent = Icons.steps.Finish;
     } else if (status === 'error') {
-      iconComponent = _icons.default.Close;
+      iconComponent = Icons.steps.Error;
     } else {
       iconComponent = index + 1;
     }
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    return /*#__PURE__*/_jsx("div", {
       className: iconClass,
       onClick: onChange,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      children: /*#__PURE__*/_jsx("span", {
         className: styles.iconWrapper,
         children: iconComponent
       })
     });
   };
   var renderContent = function renderContent() {
-    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    return /*#__PURE__*/_jsxs("div", {
       className: styles.content,
       children: [renderTitle(), description && renderDescription()]
     });
   };
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+  return /*#__PURE__*/_jsxs("div", {
     className: rootClass,
     children: [showTail && renderTail(), renderIcon(), renderContent()]
   });
 };
-var _default = DefaultStep;
-exports.default = _default;
+export default DefaultStep;

package/esm/steps/step.dot.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"step.dot.d.ts","sourceRoot":"","sources":["step.dot.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAE9C,QAAA,MAAM,OAAO,UAAW,cAAc,gBAiDrC,CAAC;AAEF,eAAe,OAAO,CAAC"}
+{"version":3,"file":"step.dot.d.ts","sourceRoot":"","sources":["step.dot.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAE9C,QAAA,MAAM,OAAO,UAAW,cAAc,gBAiDrC,CAAC;AAEF,eAAe,OAAO,CAAC"}