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

package/es/ProStep/index.js

@@ -18,10 +18,10 @@ import "./style/index.less";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 export var ProStepContext = /*#__PURE__*/createContext(null);
-export var useStep = function useStep() {
+export var useStep = () => {
   return useContext(ProStepContext) || {};
 };
-var ProStep = function ProStep(_ref) {
+var ProStep = _ref => {
   var children = _ref.children,
     resetProps = _objectWithoutProperties(_ref, _excluded);
   var _useState = useState({}),
@@ -43,12 +43,12 @@ var ProStep = function ProStep(_ref) {
     collapse = _resetProps$collapse === void 0 ? false : _resetProps$collapse,
     _resetProps$lazyLoad = resetProps.lazyLoad,
     lazyLoad = _resetProps$lazyLoad === void 0 ? false : _resetProps$lazyLoad;
-  var dataSource = useMemo(function () {
+  var dataSource = useMemo(() => {
     var _Object$entries, _Object$entries$map;
     if (resetProps !== null && resetProps !== void 0 && resetProps.dataSource) {
       return resetProps === null || resetProps === void 0 ? void 0 : resetProps.dataSource;
     }
-    return (_Object$entries = Object.entries(registerMap.current)) === null || _Object$entries === void 0 || (_Object$entries$map = _Object$entries.map) === null || _Object$entries$map === void 0 ? void 0 : _Object$entries$map.call(_Object$entries, function (_ref2) {
+    return (_Object$entries = Object.entries(registerMap.current)) === null || _Object$entries === void 0 || (_Object$entries$map = _Object$entries.map) === null || _Object$entries$map === void 0 ? void 0 : _Object$entries$map.call(_Object$entries, _ref2 => {
       var _ref3 = _slicedToArray(_ref2, 2),
         key = _ref3[0],
         _ref3$ = _ref3[1],
@@ -57,21 +57,17 @@ var ProStep = function ProStep(_ref) {
       return {
         code: key,
         name: title,
-        order: order
+        order
       };
-    }).filter(function (item) {
+    }).filter(item => {
       var _ids$includes;
       return ids === null || ids === void 0 || (_ids$includes = ids.includes) === null || _ids$includes === void 0 ? void 0 : _ids$includes.call(ids, item.code);
-    }).sort(function (pre, next) {
-      return pre.order - next.order;
-    });
+    }).sort((pre, next) => pre.order - next.order);
   }, [resetProps === null || resetProps === void 0 ? void 0 : resetProps.dataSource, registerMap.current, ids]);
-  var debounceReRender = useCallback(debounce(function () {
-    return reRender({});
-  }, 500), []);
+  var debounceReRender = useCallback(debounce(() => reRender({}), 500), []);
 
   // 用来注册form匹配到对应的模块id
-  var register = function register(_ref4) {
+  var register = _ref4 => {
     var id = _ref4.id,
       form = _ref4.form,
       title = _ref4.title,
@@ -139,11 +135,11 @@ var ProStep = function ProStep(_ref) {
   };
 
   // 取消注册
-  var unNotify = function unNotify(keys) {
+  var unNotify = keys => {
     if (typeof keys === 'string') {
       delete registerMap.current[keys];
     } else if (Array.isArray(keys)) {
-      keys.forEach(function (key) {
+      keys.forEach(key => {
         delete registerMap.current[key];
       });
     }
@@ -157,11 +153,9 @@ var ProStep = function ProStep(_ref) {
             _ref7 = params || {}, excludes = _ref7.excludes;
             triggerIds = Object.keys(registerMap.current); // 排除指定模块不触发校验
             if (excludes !== null && excludes !== void 0 && excludes.length) {
-              triggerIds = triggerIds.filter(function (id) {
-                return !excludes.includes(id);
-              });
+              triggerIds = triggerIds.filter(id => !excludes.includes(id));
             }
-            events = triggerIds.map(function (id) {
+            events = triggerIds.map(id => {
               var _registerMap$current$, _registerMap$current$2;
               return (_registerMap$current$ = registerMap.current[id]) === null || _registerMap$current$ === void 0 || (_registerMap$current$2 = _registerMap$current$.subEvent) === null || _registerMap$current$2 === void 0 ? void 0 : _registerMap$current$2.call(_registerMap$current$);
             });
@@ -170,7 +164,7 @@ var ProStep = function ProStep(_ref) {
           case 6:
             res = _context2.sent;
             nextErrorCollection = {};
-            triggerIds.forEach(function (id, index) {
+            triggerIds.forEach((id, index) => {
               var _ref8 = (res === null || res === void 0 ? void 0 : res[index]) || {},
                 errorFields = _ref8.errorFields;
               nextErrorCollection[id] = (errorFields === null || errorFields === void 0 ? void 0 : errorFields.length) || 0;
@@ -197,7 +191,7 @@ var ProStep = function ProStep(_ref) {
         while (1) switch (_context3.prev = _context3.next) {
           case 0:
             events = [];
-            keys === null || keys === void 0 || keys.forEach(function (key) {
+            keys === null || keys === void 0 || keys.forEach(key => {
               var _registerMap$current, _registerMap$current$3;
               events.push(registerMap === null || registerMap === void 0 || (_registerMap$current = registerMap.current) === null || _registerMap$current === void 0 || (_registerMap$current = _registerMap$current[key]) === null || _registerMap$current === void 0 || (_registerMap$current$3 = _registerMap$current.subEvent) === null || _registerMap$current$3 === void 0 ? void 0 : _registerMap$current$3.call(_registerMap$current));
             });
@@ -206,7 +200,7 @@ var ProStep = function ProStep(_ref) {
           case 4:
             result = _context3.sent;
             nextErrorCollection = {};
-            result === null || result === void 0 || result.forEach(function (item, index) {
+            result === null || result === void 0 || result.forEach((item, index) => {
               var _item$errorFields;
               if (item !== null && item !== void 0 && (_item$errorFields = item.errorFields) !== null && _item$errorFields !== void 0 && _item$errorFields.length) {
                 var _item$errorFields2;
@@ -230,14 +224,14 @@ var ProStep = function ProStep(_ref) {
   }();
   return /*#__PURE__*/_jsx(ProStepContext.Provider, {
     value: {
-      registerMap: registerMap,
-      collapse: collapse,
-      register: register,
-      notify: notify,
-      triggerTo: triggerTo,
-      handleScroll: handleScroll,
-      lazyLoad: lazyLoad,
-      unNotify: unNotify,
+      registerMap,
+      collapse,
+      register,
+      notify,
+      triggerTo,
+      handleScroll,
+      lazyLoad,
+      unNotify,
       source: 'ProStep'
     },
     children: /*#__PURE__*/_jsxs("div", {

package/es/ProStep/utils/index.js

@@ -3,8 +3,8 @@ import { debounce, pick } from 'lodash';
 /**
  * 滚动到错误位置, 延迟200ms解决ProForm错误还未生成
  */
-export var handleScrollError = function handleScrollError(dom) {
-  setTimeout(function () {
+export var handleScrollError = dom => {
+  setTimeout(() => {
     var errorDom = dom || document.querySelector('[class*="form-item-has-error"]');
     if (errorDom) {
       errorDom.scrollIntoView({
@@ -20,13 +20,13 @@ export var handleScrollError = function handleScrollError(dom) {
  * @param id 目标元素的ID
  * @param options 滚动选项
  */
-export var handleScroll = function handleScroll(id, options) {
+export 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"]');
@@ -35,7 +35,7 @@ export var handleScroll = function handleScroll(id, options) {
       handleScrollError(errorDom);
     } else {
       // 如果没有错误表单项，则滚动到指定元素位置
-      setTimeout(debounce(function () {
+      setTimeout(debounce(() => {
         window.scrollTo({
           top: dom.offsetTop - targetOffset,
           behavior: 'smooth'
@@ -50,13 +50,13 @@ export var handleScroll = function handleScroll(id, options) {
  * @param registerMap 注册映射对象
  * @returns 模块加载状态列表
  */
-export var getLoadedMap = function getLoadedMap(registerMap) {
+export 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) {
+  var stepList = Object.values(registerMap === null || registerMap === void 0 ? void 0 : registerMap.current).map(item => {
     return _objectSpread(_objectSpread({}, pick(item, ['id', 'order', 'title'])), {}, {
-      loaded: !document.querySelector(".".concat(item === null || item === void 0 ? void 0 : item.id, "-placeholder"))
+      loaded: !document.querySelector(`.${item === null || item === void 0 ? void 0 : item.id}-placeholder`)
     });
   });
   return stepList;

package/es/ProStepTab/index.js

@@ -1,5 +1,4 @@
 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";
@@ -14,7 +13,7 @@ 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
@@ -24,15 +23,15 @@ var useNativeLocation = function useNativeLocation() {
     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);
     };
   }, []);
@@ -70,7 +69,7 @@ export function useStepTab() {
   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);
@@ -82,7 +81,7 @@ export function useStepTab() {
   }, [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);
@@ -107,20 +106,20 @@ export function useStepTab() {
     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) {
+  var wrapHandleWithLoading = useCallback(fn => {
     return /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
       var result;
       return _regeneratorRuntime().wrap(function _callee$(_context) {
@@ -148,15 +147,15 @@ export function useStepTab() {
   }, []);
 
   // 注册步骤处理函数
-  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]);
 
@@ -304,7 +303,7 @@ export function useStepTab() {
   })), [activeKey, handlesState, autoNext, queueSteps, setCheckActiveKey]);
 
   // 拦截setStep, 最大值是queueSteps
-  var setStep = useCallback(function (step) {
+  var setStep = useCallback(step => {
     if (step > queueSteps) {
       return;
     }
@@ -312,21 +311,21 @@ export function useStepTab() {
   }, [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;
 }
@@ -348,7 +347,7 @@ export function useStepTabInstance() {
 /**
  * ProStepTab 组件
  */
-var ProStepTab = function ProStepTab(_ref5) {
+var ProStepTab = _ref5 => {
   var children = _ref5.children,
     rest = _objectWithoutProperties(_ref5, _excluded);
   var stepTabInstance = useStepTab(rest);