@zat-design/sisyphus-react 3.13.19-beta.6 → 3.13.19-beta.7

package/lib/ProStep/utils/index.js

@@ -6,13 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.handleScrollError = exports.handleScroll = exports.getLoadedMap = exports.default = void 0;
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _pick2 = _interopRequireDefault(require("lodash/pick"));
-var _debounce2 = _interopRequireDefault(require("lodash/debounce"));
+var _lodash = require("lodash");
 /**
  * 滚动到错误位置, 延迟200ms解决ProForm错误还未生成
  */
-var handleScrollError = exports.handleScrollError = function handleScrollError(dom) {
-  setTimeout(function () {
+var handleScrollError = dom => {
+  setTimeout(() => {
     var errorDom = dom || document.querySelector('[class*="form-item-has-error"]');
     if (errorDom) {
       errorDom.scrollIntoView({
@@ -22,18 +21,20 @@ var handleScrollError = exports.handleScrollError = function handleScrollError(d
     }
   }, 200);
 };
+
 /**
  * 处理滚动到指定元素位置, 如发现有错误, 则优先滚动到错误位置
  * @param id 目标元素的ID
  * @param options 滚动选项
  */
-var handleScroll = exports.handleScroll = function handleScroll(id, options) {
+exports.handleScrollError = handleScrollError;
+var handleScroll = (id, options) => {
   var _ref = options || {},
     _ref$targetOffset = _ref.targetOffset,
     targetOffset = _ref$targetOffset === void 0 ? 0 : _ref$targetOffset,
     scrollToError = _ref.scrollToError;
   if (!scrollToError) return;
-  var dom = document.querySelector("#".concat(id));
+  var dom = document.querySelector(`#${id}`);
   if (dom) {
     // 查找指定id下的错误表单项
     var errorDom = dom.querySelector('[class*="form-item-has-error"]');
@@ -42,7 +43,7 @@ var handleScroll = exports.handleScroll = function handleScroll(id, options) {
       handleScrollError(errorDom);
     } else {
       // 如果没有错误表单项，则滚动到指定元素位置
-      setTimeout((0, _debounce2.default)(function () {
+      setTimeout((0, _lodash.debounce)(() => {
         window.scrollTo({
           top: dom.offsetTop - targetOffset,
           behavior: 'smooth'
@@ -51,20 +52,23 @@ var handleScroll = exports.handleScroll = function handleScroll(id, options) {
     }
   }
 };
+
 /**
  * 获取加载模块数据信息
  * @param registerMap 注册映射对象
  * @returns 模块加载状态列表
  */
-var getLoadedMap = exports.getLoadedMap = function getLoadedMap(registerMap) {
-  if (!(registerMap === null || registerMap === void 0 ? void 0 : registerMap.current)) {
+exports.handleScroll = handleScroll;
+var getLoadedMap = registerMap => {
+  if (!(registerMap !== null && registerMap !== void 0 && registerMap.current)) {
     return [];
   }
-  var stepList = Object.values(registerMap === null || registerMap === void 0 ? void 0 : registerMap.current).map(function (item) {
-    return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, (0, _pick2.default)(item, ['id', 'order', 'title'])), {}, {
-      loaded: !document.querySelector(".".concat(item === null || item === void 0 ? void 0 : item.id, "-placeholder"))
+  var stepList = Object.values(registerMap === null || registerMap === void 0 ? void 0 : registerMap.current).map(item => {
+    return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, (0, _lodash.pick)(item, ['id', 'order', 'title'])), {}, {
+      loaded: !document.querySelector(`.${item === null || item === void 0 ? void 0 : item.id}-placeholder`)
     });
   });
   return stepList;
 };
+exports.getLoadedMap = getLoadedMap;
 var _default = exports.default = handleScroll;

package/lib/ProStepTab/index.js

@@ -9,21 +9,21 @@ exports.default = void 0;
 exports.useStepTab = useStepTab;
 exports.useStepTabInstance = useStepTabInstance;
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _objectSpread3 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _isNaN2 = _interopRequireDefault(require("lodash/isNaN"));
 var _react = _interopRequireWildcard(require("react"));
+var _lodash = require("lodash");
 var _excluded = ["children"];
 // 存储当前的 StepTab 实例
 var StepTabInstanceContext = /*#__PURE__*/(0, _react.createContext)(null);
+
 /**
  * 使用原生 JS 获取 URL 搜索参数
  * @returns 当前 URL 的搜索参数和路径
  */
-var useNativeLocation = function useNativeLocation() {
+var useNativeLocation = () => {
   var _useState = (0, _react.useState)({
       search: window.location.search,
       pathname: window.location.pathname
@@ -31,21 +31,23 @@ var useNativeLocation = function useNativeLocation() {
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     location = _useState2[0],
     setLocation = _useState2[1];
+
   // 监听 popstate 事件，更新 location 状态
-  (0, _react.useEffect)(function () {
-    var handleLocationChange = function handleLocationChange() {
+  (0, _react.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管理钩子，用于管理多步骤表单或流程的切换和验证
  *
@@ -68,14 +70,16 @@ function useStepTab() {
     queueSteps = props.queueSteps,
     _props$autoNext = props.autoNext,
     autoNext = _props$autoNext === void 0 ? false : _props$autoNext;
+
   // 内部状态，避免全局污染
   var _useState3 = (0, _react.useState)({}),
     _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
     handlesState = _useState4[0],
     setHandlesState = _useState4[1];
   var location = useNativeLocation();
+
   // 获取初始激活的tab key
-  var getInitialActiveKey = (0, _react.useCallback)(function () {
+  var getInitialActiveKey = (0, _react.useCallback)(() => {
     if (routerKeep) {
       var urlSearchParams = new URLSearchParams(location.search);
       var tabValue = urlSearchParams.get(routerSearchKey);
@@ -85,13 +89,14 @@ function useStepTab() {
     }
     return defaultActiveKey || '1';
   }, [routerKeep, routerSearchKey, location.search, defaultActiveKey]);
+
   // 获取初始激活的步骤
-  var getInitialStep = (0, _react.useCallback)(function () {
+  var getInitialStep = (0, _react.useCallback)(() => {
     if (routerKeep) {
       var urlSearchParams = new URLSearchParams(location.search);
       var stepValue = urlSearchParams.get(routerSearchKey);
       // 如果stepValue是数字，则返回数字
-      if (stepValue && !(0, _isNaN2.default)(Number(stepValue))) {
+      if (stepValue && !(0, _lodash.isNaN)(Number(stepValue))) {
         return Number(stepValue);
       }
     }
@@ -109,20 +114,23 @@ function useStepTab() {
     _useState10 = (0, _slicedToArray2.default)(_useState9, 2),
     loading = _useState10[0],
     setLoading = _useState10[1];
+
   // 同步URL参数
-  (0, _react.useEffect)(function () {
+  (0, _react.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 = (0, _react.useCallback)(function (fn) {
-    return /*#__PURE__*/(0, _asyncToGenerator2.default)(/*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee() {
+  var wrapHandleWithLoading = (0, _react.useCallback)(fn => {
+    return /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee() {
       var result;
       return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
@@ -147,20 +155,23 @@ function useStepTab() {
       }, _callee, null, [[1, 9]]);
     }));
   }, []);
+
   // 注册步骤处理函数
-  var registerHandle = (0, _react.useCallback)(function (key, handler) {
+  var registerHandle = (0, _react.useCallback)((key, handler) => {
     // 使用wrapHandleWithLoading包装处理函数
-    setHandlesState(function (prev) {
-      return (0, _objectSpread3.default)((0, _objectSpread3.default)({}, prev), {}, (0, _defineProperty2.default)({}, key, wrapHandleWithLoading(handler)));
-    });
+    setHandlesState(prev => (0, _objectSpread2.default)((0, _objectSpread2.default)({}, prev), {}, {
+      [key]: wrapHandleWithLoading(handler)
+    }));
   }, [wrapHandleWithLoading]);
+
   // 获取步骤处理函数
-  var getHandle = (0, _react.useCallback)(function (key) {
+  var getHandle = (0, _react.useCallback)(key => {
     return handlesState[key];
   }, [handlesState]);
+
   // 处理表单验证和切换（内部使用）
-  var validateAndChange = (0, _react.useCallback)(/*#__PURE__*/function () {
-    var _ref2 = (0, _asyncToGenerator2.default)(/*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee2(targetKey) {
+  var validateAndChange = (0, _react.useCallback)( /*#__PURE__*/function () {
+    var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee2(targetKey) {
       var currentHandler, handleResult, beforeResult;
       return (0, _regeneratorRuntime2.default)().wrap(function _callee2$(_context2) {
         while (1) switch (_context2.prev = _context2.next) {
@@ -204,6 +215,7 @@ function useStepTab() {
           case 16:
             // 更新激活的key
             setActiveKeyState(targetKey);
+
             // 执行切换后回调
             if (onAfterChange) {
               onAfterChange(targetKey);
@@ -225,9 +237,10 @@ function useStepTab() {
       return _ref2.apply(this, arguments);
     };
   }(), [activeKey, validate, onBeforeChange, onAfterChange, handlesState]);
+
   // 设置激活的key
-  var setCheckActiveKey = (0, _react.useCallback)(/*#__PURE__*/function () {
-    var _ref3 = (0, _asyncToGenerator2.default)(/*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee3(targetKey, validate) {
+  var setCheckActiveKey = (0, _react.useCallback)( /*#__PURE__*/function () {
+    var _ref3 = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee3(targetKey, validate) {
       return (0, _regeneratorRuntime2.default)().wrap(function _callee3$(_context3) {
         while (1) switch (_context3.prev = _context3.next) {
           case 0:
@@ -249,8 +262,9 @@ function useStepTab() {
       return _ref3.apply(this, arguments);
     };
   }(), [validateAndChange]);
+
   // 执行当前步骤处理函数
-  var saveHandle = (0, _react.useCallback)(/*#__PURE__*/(0, _asyncToGenerator2.default)(/*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee4() {
+  var saveHandle = (0, _react.useCallback)( /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee4() {
     var handler, result, currentKeyNum, nextKey;
     return (0, _regeneratorRuntime2.default)().wrap(function _callee4$(_context4) {
       while (1) switch (_context4.prev = _context4.next) {
@@ -270,7 +284,7 @@ function useStepTab() {
           }
           // 只有当activeKey能转换为数字时才执行自动跳转
           currentKeyNum = Number(activeKey);
-          if ((0, _isNaN2.default)(currentKeyNum)) {
+          if ((0, _lodash.isNaN)(currentKeyNum)) {
             _context4.next = 12;
             break;
           }
@@ -297,32 +311,35 @@ function useStepTab() {
       }
     }, _callee4);
   })), [activeKey, handlesState, autoNext, queueSteps, setCheckActiveKey]);
+
   // 拦截setStep, 最大值是queueSteps
-  var setStep = (0, _react.useCallback)(function (step) {
+  var setStep = (0, _react.useCallback)(step => {
     if (step > queueSteps) {
       return;
     }
     setStepState(step);
   }, [queueSteps]);
+
   // 重置handles，用于清空或组件卸载时调用
-  var resetHandles = (0, _react.useCallback)(function () {
+  var resetHandles = (0, _react.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实例
@@ -334,10 +351,13 @@ function useStepTabInstance() {
   }
   return context;
 }
+
+// 扩展FC类型，添加静态方法
+
 /**
  * ProStepTab 组件
  */
-var ProStepTab = function ProStepTab(_ref5) {
+var ProStepTab = _ref5 => {
   var children = _ref5.children,
     rest = (0, _objectWithoutProperties2.default)(_ref5, _excluded);
   var stepTabInstance = useStepTab(rest);
@@ -345,7 +365,9 @@ var ProStepTab = function ProStepTab(_ref5) {
     value: stepTabInstance
   }, children);
 };
+
 // 将 useStepTabInstance 挂载到 ProStepTab 上作为静态方法
 ProStepTab.useStepTabInstance = useStepTabInstance;
+
 // 导出默认组件
 var _default = exports.default = ProStepTab;