@sheinx/base 3.0.0-alpha.9 → 3.0.0-rc.10

package/esm/spin/spin.js

@@ -1,60 +1,55 @@
-"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;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _spins = _interopRequireDefault(require("./spins"));
-var _config = require("../config");
-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 Spins from "./spins";
+import { useConfig } from "../config";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 var Spin = function Spin() {
-  var _ref, _jssStyle$spin, _classNames;
+  var _ref, _jssStyle$spin;
   var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   var jssStyle = props.jssStyle,
     className = props.className,
     children = props.children,
     style = props.style,
-    _props$loading = props.loading,
-    loading = _props$loading === void 0 ? true : _props$loading,
+    loading = props.loading,
     nameProps = props.name,
     tip = props.tip,
     color = props.color,
     _props$mode = props.mode,
     mode = _props$mode === void 0 ? 'vertical' : _props$mode;
-  var config = (0, _config.useConfig)();
+  var config = useConfig();
   var name = (_ref = nameProps !== null && nameProps !== void 0 ? nameProps : config.spin) !== null && _ref !== void 0 ? _ref : 'default';
-  var spinStyle = (jssStyle === null || jssStyle === void 0 ? void 0 : (_jssStyle$spin = jssStyle.spin) === null || _jssStyle$spin === void 0 ? void 0 : _jssStyle$spin.call(jssStyle)) || {};
-  var contentClass = (0, _classnames.default)(className, spinStyle.content, (_classNames = {}, (0, _defineProperty2.default)(_classNames, spinStyle.vertical, mode === 'vertical'), (0, _defineProperty2.default)(_classNames, spinStyle.horizontal, mode === 'horizontal'), _classNames));
+  var spinStyle = (jssStyle === null || jssStyle === void 0 || (_jssStyle$spin = jssStyle.spin) === null || _jssStyle$spin === void 0 ? void 0 : _jssStyle$spin.call(jssStyle)) || {};
+  var contentClass = classNames(className, spinStyle.content, _defineProperty(_defineProperty({}, spinStyle.vertical, mode === 'vertical'), spinStyle.horizontal, mode === 'horizontal'));
   var renderSpin = function renderSpin() {
-    if (_spins.default[name]) {
-      return _spins.default[name](_objectSpread(_objectSpread({}, props), {}, {
+    var n = name;
+    if (Spins[n]) {
+      var Comp = Spins[n];
+      return /*#__PURE__*/_jsx(Comp, _objectSpread(_objectSpread({}, props), {}, {
         style: style
       }));
     }
     return null;
   };
   var renderTip = function renderTip() {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: (0, _classnames.default)(className, spinStyle.tip),
+    return /*#__PURE__*/_jsx("div", {
+      className: classNames(className, spinStyle.tip),
       style: {
         color: color
       },
-      children: typeof tip === 'string' ? /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      children: typeof tip === 'string' ? /*#__PURE__*/_jsx("span", {
         children: tip
       }) : tip
     });
   };
   var renderContent = function renderContent() {
     if ('tip' in props) {
-      return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      return /*#__PURE__*/_jsxs("div", {
         className: contentClass,
         children: [renderSpin(), tip && renderTip()]
       });
@@ -62,9 +57,9 @@ var Spin = function Spin() {
     return renderSpin();
   };
   var renderContainer = function renderContainer() {
-    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-      className: (0, _classnames.default)(className, spinStyle.container),
-      children: [children, loading && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    return /*#__PURE__*/_jsxs("div", {
+      className: classNames(className, spinStyle.container),
+      children: [children, loading && /*#__PURE__*/_jsx("div", {
         className: spinStyle.loading,
         children: renderContent()
       })]
@@ -75,5 +70,4 @@ var Spin = function Spin() {
   }
   return renderContent();
 };
-var _default = Spin;
-exports.default = _default;
+export default Spin;

package/esm/spin/spin.type.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { CommonType } from '../common/type';
-export declare type SpinModeType = 'vertical' | 'horizontal';
-export declare type SpinNameType = 'default' | 'chasing-dots' | 'cube-grid' | 'double-bounce' | 'fading-circle' | 'four-dots' | 'plane' | 'pulse' | 'ring' | 'scale-circle' | 'three-bounce' | 'wave' | 'chasing-ring';
+export type SpinModeType = 'vertical' | 'horizontal';
+export type SpinNameType = 'default' | 'chasing-dots' | 'cube-grid' | 'double-bounce' | 'fading-circle' | 'four-dots' | 'plane' | 'pulse' | 'ring' | 'scale-circle' | 'three-bounce' | 'wave' | 'chasing-ring';
 interface SpinStyle {
     spin?: () => SpinClasses;
 }
@@ -91,7 +91,7 @@ export interface SpinProps extends Pick<CommonType, 'className' | 'style'> {
     /**
      * @en Loading
      * @cn 是否为加载中
-     * @default true
+     * @default false
      */
     loading?: boolean;
 }

package/esm/spin/spin.type.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"spin.type.d.ts","sourceRoot":"","sources":["spin.type.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"spin.type.d.ts","sourceRoot":"","sources":["spin.type.ts"],"names":[],"mappings":"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"}

package/esm/spin/spin.type.js

@@ -1,5 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
+export {};

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.d.ts

@@ -1,5 +1,5 @@
 export { default, default as Steps } from './steps';
 export { default as Step } from './step';
 export type { StepProps } from './step.type';
-export type { StepsProps } from './steps.type';
+export type { StepsProps, StepsClasses } from './steps.type';
 //# sourceMappingURL=index.d.ts.map

package/esm/steps/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AAEzC,YAAY,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAC7C,YAAY,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AAEzC,YAAY,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAC7C,YAAY,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC"}

package/esm/steps/index.js

@@ -1,26 +1,3 @@
-"use strict";
-
-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"));
+"use client";
+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"}