@zat-design/sisyphus-react 4.0.0-beta.2 → 4.0.0-beta.4

package/es/ProStepTab/index.js

@@ -1,15 +1,15 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
 import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import _isNaN from "lodash/isNaN";
 var _excluded = ["children"];
-function _regenerator() { /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */ var e, t, r = "function" == typeof Symbol ? Symbol : {}, n = r.iterator || "@@iterator", o = r.toStringTag || "@@toStringTag"; function i(r, n, o, i) { var c = n && n.prototype instanceof Generator ? n : Generator, u = Object.create(c.prototype); return _regeneratorDefine2(u, "_invoke", function (r, n, o) { var i, c, u, f = 0, p = o || [], y = !1, G = { p: 0, n: 0, v: e, a: d, f: d.bind(e, 4), d: function d(t, r) { return i = t, c = 0, u = e, G.n = r, a; } }; function d(r, n) { for (c = r, u = n, t = 0; !y && f && !o && t < p.length; t++) { var o, i = p[t], d = G.p, l = i[2]; r > 3 ? (o = l === n) && (u = i[(c = i[4]) ? 5 : (c = 3, 3)], i[4] = i[5] = e) : i[0] <= d && ((o = r < 2 && d < i[1]) ? (c = 0, G.v = n, G.n = i[1]) : d < l && (o = r < 3 || i[0] > n || n > l) && (i[4] = r, i[5] = n, G.n = l, c = 0)); } if (o || r > 1) return a; throw y = !0, n; } return function (o, p, l) { if (f > 1) throw TypeError("Generator is already running"); for (y && 1 === p && d(p, l), c = p, u = l; (t = c < 2 ? e : u) || !y;) { i || (c ? c < 3 ? (c > 1 && (G.n = -1), d(c, u)) : G.n = u : G.v = u); try { if (f = 2, i) { if (c || (o = "next"), t = i[o]) { if (!(t = t.call(i, u))) throw TypeError("iterator result is not an object"); if (!t.done) return t; u = t.value, c < 2 && (c = 0); } else 1 === c && (t = i.return) && t.call(i), c < 2 && (u = TypeError("The iterator does not provide a '" + o + "' method"), c = 1); i = e; } else if ((t = (y = G.n < 0) ? u : r.call(n, G)) !== a) break; } catch (t) { i = e, c = 1, u = t; } finally { f = 1; } } return { value: t, done: y }; }; }(r, o, i), !0), u; } var a = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} t = Object.getPrototypeOf; var c = [][n] ? t(t([][n]())) : (_regeneratorDefine2(t = {}, n, function () { return this; }), t), u = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(c); function f(e) { return Object.setPrototypeOf ? Object.setPrototypeOf(e, GeneratorFunctionPrototype) : (e.__proto__ = GeneratorFunctionPrototype, _regeneratorDefine2(e, o, "GeneratorFunction")), e.prototype = Object.create(u), e; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, _regeneratorDefine2(u, "constructor", GeneratorFunctionPrototype), _regeneratorDefine2(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = "GeneratorFunction", _regeneratorDefine2(GeneratorFunctionPrototype, o, "GeneratorFunction"), _regeneratorDefine2(u), _regeneratorDefine2(u, o, "Generator"), _regeneratorDefine2(u, n, function () { return this; }), _regeneratorDefine2(u, "toString", function () { return "[object Generator]"; }), (_regenerator = function _regenerator() { return { w: i, m: f }; })(); }
-function _regeneratorDefine2(e, r, n, t) { var i = Object.defineProperty; try { i({}, "", {}); } catch (e) { i = 0; } _regeneratorDefine2 = function _regeneratorDefine(e, r, n, t) { if (r) i ? i(e, r, { value: n, enumerable: !t, configurable: !t, writable: !t }) : e[r] = n;else { var o = function o(r, n) { _regeneratorDefine2(e, r, function (e) { return this._invoke(r, n, e); }); }; o("next", 0), o("throw", 1), o("return", 2); } }, _regeneratorDefine2(e, r, n, t); }
 import React, { useState, useCallback, useEffect, createContext, useContext } from 'react';
+import { isNaN } from 'lodash';
 // 存储当前的 StepTab 实例
 var StepTabInstanceContext = /*#__PURE__*/createContext(null);
+
 /**
  * 使用原生 JS 获取 URL 搜索参数
  * @returns 当前 URL 的搜索参数和路径
@@ -22,6 +22,7 @@ var useNativeLocation = function useNativeLocation() {
     _useState2 = _slicedToArray(_useState, 2),
     location = _useState2[0],
     setLocation = _useState2[1];
+
   // 监听 popstate 事件，更新 location 状态
   useEffect(function () {
     var handleLocationChange = function handleLocationChange() {
@@ -37,6 +38,7 @@ var useNativeLocation = function useNativeLocation() {
   }, []);
   return location;
 };
+
 /**
  * 步骤化Tab管理钩子，用于管理多步骤表单或流程的切换和验证
  *
@@ -59,12 +61,14 @@ export function useStepTab() {
     queueSteps = props.queueSteps,
     _props$autoNext = props.autoNext,
     autoNext = _props$autoNext === void 0 ? false : _props$autoNext;
+
   // 内部状态，避免全局污染
   var _useState3 = useState({}),
     _useState4 = _slicedToArray(_useState3, 2),
     handlesState = _useState4[0],
     setHandlesState = _useState4[1];
   var location = useNativeLocation();
+
   // 获取初始激活的tab key
   var getInitialActiveKey = useCallback(function () {
     if (routerKeep) {
@@ -76,13 +80,14 @@ export function useStepTab() {
     }
     return defaultActiveKey || '1';
   }, [routerKeep, routerSearchKey, location.search, defaultActiveKey]);
+
   // 获取初始激活的步骤
   var getInitialStep = useCallback(function () {
     if (routerKeep) {
       var urlSearchParams = new URLSearchParams(location.search);
       var stepValue = urlSearchParams.get(routerSearchKey);
       // 如果stepValue是数字，则返回数字
-      if (stepValue && !_isNaN(Number(stepValue))) {
+      if (stepValue && !isNaN(Number(stepValue))) {
         return Number(stepValue);
       }
     }
@@ -97,44 +102,51 @@ export function useStepTab() {
     step = _useState8[0],
     setStepState = _useState8[1]; // 当前已激活步骤
   var _useState9 = useState(false),
-    _useState0 = _slicedToArray(_useState9, 2),
-    loading = _useState0[0],
-    setLoading = _useState0[1];
+    _useState10 = _slicedToArray(_useState9, 2),
+    loading = _useState10[0],
+    setLoading = _useState10[1];
+
   // 同步URL参数
   useEffect(function () {
     if (routerKeep && activeKey) {
       // 更新URL参数
       var urlSearchParams = new URLSearchParams(location.search);
       urlSearchParams.set(routerSearchKey, activeKey);
+
       // 使用原生 history API 更新 URL
       var newUrl = "".concat(location.pathname, "?").concat(urlSearchParams.toString());
       window.history.replaceState(null, '', newUrl);
     }
   }, [activeKey, routerKeep, routerSearchKey, location]);
+
   // 创建一个包装函数，自动处理loading状态
   var wrapHandleWithLoading = useCallback(function (fn) {
-    return /*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee() {
-      var result, _t;
-      return _regenerator().w(function (_context) {
-        while (1) switch (_context.p = _context.n) {
+    return /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+      var result;
+      return _regeneratorRuntime().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
           case 0:
             setLoading(true);
-            _context.p = 1;
-            _context.n = 2;
+            _context.prev = 1;
+            _context.next = 4;
             return fn();
-          case 2:
-            result = _context.v;
+          case 4:
+            result = _context.sent;
             setLoading(false);
-            return _context.a(2, result);
-          case 3:
-            _context.p = 3;
-            _t = _context.v;
+            return _context.abrupt("return", result);
+          case 9:
+            _context.prev = 9;
+            _context.t0 = _context["catch"](1);
             setLoading(false);
-            return _context.a(2, false);
+            return _context.abrupt("return", false);
+          case 13:
+          case "end":
+            return _context.stop();
         }
-      }, _callee, null, [[1, 3]]);
+      }, _callee, null, [[1, 9]]);
     }));
   }, []);
+
   // 注册步骤处理函数
   var registerHandle = useCallback(function (key, handler) {
     // 使用wrapHandleWithLoading包装处理函数
@@ -142,88 +154,98 @@ export function useStepTab() {
       return _objectSpread(_objectSpread({}, prev), {}, _defineProperty({}, key, wrapHandleWithLoading(handler)));
     });
   }, [wrapHandleWithLoading]);
+
   // 获取步骤处理函数
   var getHandle = useCallback(function (key) {
     return handlesState[key];
   }, [handlesState]);
+
   // 处理表单验证和切换（内部使用）
-  var validateAndChange = useCallback(/*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee2(targetKey) {
-      var currentHandler, handleResult, beforeResult, _t2;
-      return _regenerator().w(function (_context2) {
-        while (1) switch (_context2.p = _context2.n) {
+  var validateAndChange = useCallback( /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(targetKey) {
+      var currentHandler, handleResult, beforeResult;
+      return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+        while (1) switch (_context2.prev = _context2.next) {
           case 0:
             if (!(targetKey === activeKey)) {
-              _context2.n = 1;
+              _context2.next = 2;
               break;
             }
-            return _context2.a(2, true);
-          case 1:
-            _context2.p = 1;
+            return _context2.abrupt("return", true);
+          case 2:
+            _context2.prev = 2;
             // 执行当前步骤的保存处理, 如果validate为true，则执行验证
             currentHandler = handlesState[activeKey];
             if (!(currentHandler && validate)) {
-              _context2.n = 3;
+              _context2.next = 10;
               break;
             }
-            _context2.n = 2;
+            _context2.next = 7;
             return currentHandler();
-          case 2:
-            handleResult = _context2.v;
+          case 7:
+            handleResult = _context2.sent;
             if (handleResult) {
-              _context2.n = 3;
+              _context2.next = 10;
               break;
             }
-            return _context2.a(2, false);
-          case 3:
+            return _context2.abrupt("return", false);
+          case 10:
             if (!onBeforeChange) {
-              _context2.n = 5;
+              _context2.next = 16;
               break;
             }
-            _context2.n = 4;
+            _context2.next = 13;
             return onBeforeChange(activeKey, targetKey);
-          case 4:
-            beforeResult = _context2.v;
+          case 13:
+            beforeResult = _context2.sent;
             if (!(beforeResult === false)) {
-              _context2.n = 5;
+              _context2.next = 16;
               break;
             }
-            return _context2.a(2, false);
-          case 5:
+            return _context2.abrupt("return", false);
+          case 16:
             // 更新激活的key
             setActiveKeyState(targetKey);
+
             // 执行切换后回调
             if (onAfterChange) {
               onAfterChange(targetKey);
             }
-            return _context2.a(2, true);
-          case 6:
-            _context2.p = 6;
-            _t2 = _context2.v;
+            return _context2.abrupt("return", true);
+          case 21:
+            _context2.prev = 21;
+            _context2.t0 = _context2["catch"](2);
             // 验证失败
-            console.error('Tab切换验证失败:', _t2);
-            return _context2.a(2, false);
+            console.error('Tab切换验证失败:', _context2.t0);
+            return _context2.abrupt("return", false);
+          case 25:
+          case "end":
+            return _context2.stop();
         }
-      }, _callee2, null, [[1, 6]]);
+      }, _callee2, null, [[2, 21]]);
     }));
     return function (_x) {
       return _ref2.apply(this, arguments);
     };
   }(), [activeKey, validate, onBeforeChange, onAfterChange, handlesState]);
+
   // 设置激活的key
-  var setCheckActiveKey = useCallback(/*#__PURE__*/function () {
-    var _ref3 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee3(targetKey, validate) {
-      return _regenerator().w(function (_context3) {
-        while (1) switch (_context3.n) {
+  var setCheckActiveKey = useCallback( /*#__PURE__*/function () {
+    var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3(targetKey, validate) {
+      return _regeneratorRuntime().wrap(function _callee3$(_context3) {
+        while (1) switch (_context3.prev = _context3.next) {
           case 0:
             if (!(validate === false)) {
-              _context3.n = 1;
+              _context3.next = 3;
               break;
             }
             setActiveKeyState(targetKey);
-            return _context3.a(2, true);
-          case 1:
-            return _context3.a(2, validateAndChange(targetKey));
+            return _context3.abrupt("return", true);
+          case 3:
+            return _context3.abrupt("return", validateAndChange(targetKey));
+          case 4:
+          case "end":
+            return _context3.stop();
         }
       }, _callee3);
     }));
@@ -231,29 +253,30 @@ export function useStepTab() {
       return _ref3.apply(this, arguments);
     };
   }(), [validateAndChange]);
+
   // 执行当前步骤处理函数
-  var saveHandle = useCallback(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee4() {
+  var saveHandle = useCallback( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4() {
     var handler, result, currentKeyNum, nextKey;
-    return _regenerator().w(function (_context4) {
-      while (1) switch (_context4.n) {
+    return _regeneratorRuntime().wrap(function _callee4$(_context4) {
+      while (1) switch (_context4.prev = _context4.next) {
         case 0:
           handler = handlesState[activeKey];
           if (!handler) {
-            _context4.n = 4;
+            _context4.next = 15;
             break;
           }
-          _context4.n = 1;
+          _context4.next = 4;
           return handler();
-        case 1:
-          result = _context4.v;
+        case 4:
+          result = _context4.sent;
           if (!(result && autoNext)) {
-            _context4.n = 2;
+            _context4.next = 12;
             break;
           }
           // 只有当activeKey能转换为数字时才执行自动跳转
           currentKeyNum = Number(activeKey);
-          if (_isNaN(currentKeyNum)) {
-            _context4.n = 2;
+          if (isNaN(currentKeyNum)) {
+            _context4.next = 12;
             break;
           }
           nextKey = String(currentKeyNum + 1);
@@ -261,21 +284,25 @@ export function useStepTab() {
             nextKey = String(queueSteps);
           }
           // 自动跳转到下一个tab
-          _context4.n = 2;
+          _context4.next = 12;
           return setCheckActiveKey(nextKey, false);
-        case 2:
+        case 12:
           if (!(result === false)) {
-            _context4.n = 3;
+            _context4.next = 14;
             break;
           }
-          return _context4.a(2, Promise.reject());
-        case 3:
-          return _context4.a(2, result);
-        case 4:
-          return _context4.a(2, Promise.resolve(true));
+          return _context4.abrupt("return", Promise.reject());
+        case 14:
+          return _context4.abrupt("return", result);
+        case 15:
+          return _context4.abrupt("return", Promise.resolve(true));
+        case 16:
+        case "end":
+          return _context4.stop();
       }
     }, _callee4);
   })), [activeKey, handlesState, autoNext, queueSteps, setCheckActiveKey]);
+
   // 拦截setStep, 最大值是queueSteps
   var setStep = useCallback(function (step) {
     if (step > queueSteps) {
@@ -283,6 +310,7 @@ export function useStepTab() {
     }
     setStepState(step);
   }, [queueSteps]);
+
   // 重置handles，用于清空或组件卸载时调用
   var resetHandles = useCallback(function () {
     setHandlesState({});
@@ -302,6 +330,7 @@ export function useStepTab() {
   };
   return stepTabInstance;
 }
+
 /**
  * 在子组件中获取父级 StepTab 实例的钩子
  * @returns {ProStepTabResultType} 步骤Tab实例
@@ -313,6 +342,9 @@ export function useStepTabInstance() {
   }
   return context;
 }
+
+// 扩展FC类型，添加静态方法
+
 /**
  * ProStepTab 组件
  */
@@ -324,7 +356,9 @@ var ProStepTab = function ProStepTab(_ref5) {
     value: stepTabInstance
   }, children);
 };
+
 // 将 useStepTabInstance 挂载到 ProStepTab 上作为静态方法
 ProStepTab.useStepTabInstance = useStepTabInstance;
+
 // 导出默认组件
 export default ProStepTab;