@zat-design/sisyphus-react 3.13.19-beta.1 → 3.13.19-beta.11

package/es/ProStepTab/index.js

@@ -1,19 +1,19 @@
 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"];
 import React, { useState, useCallback, useEffect, createContext, useContext } from 'react';
+import { isNaN } from 'lodash';
 // 存储当前的 StepTab 实例
 var StepTabInstanceContext = /*#__PURE__*/createContext(null);
+
 /**
  * 使用原生 JS 获取 URL 搜索参数
  * @returns 当前 URL 的搜索参数和路径
  */
-var useNativeLocation = function useNativeLocation() {
+var useNativeLocation = () => {
   var _useState = useState({
       search: window.location.search,
       pathname: window.location.pathname
@@ -21,21 +21,23 @@ var useNativeLocation = function useNativeLocation() {
     _useState2 = _slicedToArray(_useState, 2),
     location = _useState2[0],
     setLocation = _useState2[1];
+
   // 监听 popstate 事件，更新 location 状态
-  useEffect(function () {
-    var handleLocationChange = function handleLocationChange() {
+  useEffect(() => {
+    var handleLocationChange = () => {
       setLocation({
         search: window.location.search,
         pathname: window.location.pathname
       });
     };
     window.addEventListener('popstate', handleLocationChange);
-    return function () {
+    return () => {
       window.removeEventListener('popstate', handleLocationChange);
     };
   }, []);
   return location;
 };
+
 /**
  * 步骤化Tab管理钩子，用于管理多步骤表单或流程的切换和验证
  *
@@ -58,14 +60,16 @@ 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 () {
+  var getInitialActiveKey = useCallback(() => {
     if (routerKeep) {
       var urlSearchParams = new URLSearchParams(location.search);
       var tabValue = urlSearchParams.get(routerSearchKey);
@@ -75,13 +79,14 @@ export function useStepTab() {
     }
     return defaultActiveKey || '1';
   }, [routerKeep, routerSearchKey, location.search, defaultActiveKey]);
+
   // 获取初始激活的步骤
-  var getInitialStep = useCallback(function () {
+  var getInitialStep = useCallback(() => {
     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);
       }
     }
@@ -99,20 +104,23 @@ export function useStepTab() {
     _useState10 = _slicedToArray(_useState9, 2),
     loading = _useState10[0],
     setLoading = _useState10[1];
+
   // 同步URL参数
-  useEffect(function () {
+  useEffect(() => {
     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());
+      var newUrl = `${location.pathname}?${urlSearchParams.toString()}`;
       window.history.replaceState(null, '', newUrl);
     }
   }, [activeKey, routerKeep, routerSearchKey, location]);
+
   // 创建一个包装函数，自动处理loading状态
-  var wrapHandleWithLoading = useCallback(function (fn) {
-    return /*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+  var wrapHandleWithLoading = useCallback(fn => {
+    return /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
       var result;
       return _regeneratorRuntime().wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
@@ -137,20 +145,23 @@ export function useStepTab() {
       }, _callee, null, [[1, 9]]);
     }));
   }, []);
+
   // 注册步骤处理函数
-  var registerHandle = useCallback(function (key, handler) {
+  var registerHandle = useCallback((key, handler) => {
     // 使用wrapHandleWithLoading包装处理函数
-    setHandlesState(function (prev) {
-      return _objectSpread(_objectSpread({}, prev), {}, _defineProperty({}, key, wrapHandleWithLoading(handler)));
-    });
+    setHandlesState(prev => _objectSpread(_objectSpread({}, prev), {}, {
+      [key]: wrapHandleWithLoading(handler)
+    }));
   }, [wrapHandleWithLoading]);
+
   // 获取步骤处理函数
-  var getHandle = useCallback(function (key) {
+  var getHandle = useCallback(key => {
     return handlesState[key];
   }, [handlesState]);
+
   // 处理表单验证和切换（内部使用）
-  var validateAndChange = useCallback(/*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee2(targetKey) {
+  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) {
@@ -194,6 +205,7 @@ export function useStepTab() {
           case 16:
             // 更新激活的key
             setActiveKeyState(targetKey);
+
             // 执行切换后回调
             if (onAfterChange) {
               onAfterChange(targetKey);
@@ -215,9 +227,10 @@ export function useStepTab() {
       return _ref2.apply(this, arguments);
     };
   }(), [activeKey, validate, onBeforeChange, onAfterChange, handlesState]);
+
   // 设置激活的key
-  var setCheckActiveKey = useCallback(/*#__PURE__*/function () {
-    var _ref3 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee3(targetKey, validate) {
+  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:
@@ -239,8 +252,9 @@ export function useStepTab() {
       return _ref3.apply(this, arguments);
     };
   }(), [validateAndChange]);
+
   // 执行当前步骤处理函数
-  var saveHandle = useCallback(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee4() {
+  var saveHandle = useCallback( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4() {
     var handler, result, currentKeyNum, nextKey;
     return _regeneratorRuntime().wrap(function _callee4$(_context4) {
       while (1) switch (_context4.prev = _context4.next) {
@@ -260,7 +274,7 @@ export function useStepTab() {
           }
           // 只有当activeKey能转换为数字时才执行自动跳转
           currentKeyNum = Number(activeKey);
-          if (_isNaN(currentKeyNum)) {
+          if (isNaN(currentKeyNum)) {
             _context4.next = 12;
             break;
           }
@@ -287,32 +301,35 @@ export function useStepTab() {
       }
     }, _callee4);
   })), [activeKey, handlesState, autoNext, queueSteps, setCheckActiveKey]);
+
   // 拦截setStep, 最大值是queueSteps
-  var setStep = useCallback(function (step) {
+  var setStep = useCallback(step => {
     if (step > queueSteps) {
       return;
     }
     setStepState(step);
   }, [queueSteps]);
+
   // 重置handles，用于清空或组件卸载时调用
-  var resetHandles = useCallback(function () {
+  var resetHandles = useCallback(() => {
     setHandlesState({});
   }, []);
   var stepTabInstance = {
-    activeKey: activeKey,
-    setCheckActiveKey: setCheckActiveKey,
-    loading: loading,
-    registerHandle: registerHandle,
-    getHandle: getHandle,
-    saveHandle: saveHandle,
-    resetHandles: resetHandles,
+    activeKey,
+    setCheckActiveKey,
+    loading,
+    registerHandle,
+    getHandle,
+    saveHandle,
+    resetHandles,
     handles: handlesState,
-    step: step,
-    setStep: setStep,
-    queueSteps: queueSteps
+    step,
+    setStep,
+    queueSteps
   };
   return stepTabInstance;
 }
+
 /**
  * 在子组件中获取父级 StepTab 实例的钩子
  * @returns {ProStepTabResultType} 步骤Tab实例
@@ -324,10 +341,13 @@ export function useStepTabInstance() {
   }
   return context;
 }
+
+// 扩展FC类型，添加静态方法
+
 /**
  * ProStepTab 组件
  */
-var ProStepTab = function ProStepTab(_ref5) {
+var ProStepTab = _ref5 => {
   var children = _ref5.children,
     rest = _objectWithoutProperties(_ref5, _excluded);
   var stepTabInstance = useStepTab(rest);
@@ -335,7 +355,9 @@ var ProStepTab = function ProStepTab(_ref5) {
     value: stepTabInstance
   }, children);
 };
+
 // 将 useStepTabInstance 挂载到 ProStepTab 上作为静态方法
 ProStepTab.useStepTabInstance = useStepTabInstance;
+
 // 导出默认组件
 export default ProStepTab;