@zat-design/sisyphus-react 4.5.10-beta.1 → 4.5.10-beta.2

package/es/ProStep/utils/index.js

@@ -1,91 +1,65 @@
-import _pick from "lodash/pick";
-import scrollIntoView from 'scroll-into-view-if-needed';
-const toCssLength = value => typeof value === 'number' ? `${value}px` : value;
-
-/**
- * 滚动到错误位置, 延迟200ms解决ProForm错误还未生成
- */
-export const handleScrollError = (dom, root = document) => {
+import pick from "lodash/pick";
+import scrollIntoView from "scroll-into-view-if-needed";
+const toCssLength = (value) => typeof value === "number" ? `${value}px` : value;
+const handleScrollError = (dom, root = document) => {
   setTimeout(() => {
     const errorDom = dom || root.querySelector('[class*="form-item-has-error"]');
     if (errorDom) {
       scrollIntoView(errorDom, {
-        behavior: 'smooth',
-        block: 'center',
-        scrollMode: 'if-needed'
+        behavior: "smooth",
+        block: "center",
+        scrollMode: "if-needed"
       });
     }
   }, 200);
 };
-
-/**
- * 处理滚动到指定元素位置, 如发现有错误, 则优先滚动到错误位置
- * @param id 目标元素的ID
- * @param options 滚动选项
- */
-export const handleScroll = (id, options) => {
-  const {
-    targetOffset,
-    scrollToError,
-    root = document,
-    target
-  } = options || {};
-  const dom = target || Array.from(root.querySelectorAll('.pro-step-item')).find(item => item.id === id);
+const handleScroll = (id, options) => {
+  const { targetOffset, scrollToError, root = document, target } = options || {};
+  const dom = target || Array.from(root.querySelectorAll(".pro-step-item")).find((item) => item.id === id);
   if (dom) {
-    // 查找指定id下的错误表单项
     const errorDom = dom.querySelector('[class*="form-item-has-error"]');
     if (errorDom && scrollToError) {
-      // 如果发现错误表单项，执行handleScrollError函数
       handleScrollError(errorDom);
     } else {
-      // 目录点击必须重新对齐到 sticky 区域下方，不能因“当前可见”而跳过。
       const previousScrollMarginTop = dom.style.scrollMarginTop;
-      if (targetOffset !== undefined && targetOffset !== null) {
+      if (targetOffset !== void 0 && targetOffset !== null) {
         dom.style.scrollMarginTop = toCssLength(targetOffset);
       }
       try {
         scrollIntoView(dom, {
           // compute-scroll-into-view 已计算 scroll-margin；custom behavior 避免外层库再次扣减。
-          behavior: actions => {
-            actions.forEach(({
-              el,
-              top,
-              left
-            }) => {
-              el.scroll({
-                top,
-                left,
-                behavior: 'smooth'
-              });
+          behavior: (actions) => {
+            actions.forEach(({ el, top, left }) => {
+              el.scroll({ top, left, behavior: "smooth" });
             });
           },
-          block: 'start',
-          scrollMode: 'always'
+          block: "start",
+          scrollMode: "always"
         });
       } finally {
-        if (targetOffset !== undefined && targetOffset !== null) {
+        if (targetOffset !== void 0 && targetOffset !== null) {
           dom.style.scrollMarginTop = previousScrollMarginTop;
         }
       }
     }
   }
 };
-
-/**
- * 获取加载模块数据信息
- * @param registerMap 注册映射对象
- * @returns 模块加载状态列表
- */
-export const getLoadedMap = registerMap => {
-  if (!registerMap?.current) {
+const getLoadedMap = (registerMap) => {
+  if (!(registerMap == null ? void 0 : registerMap.current)) {
     return [];
   }
-  const stepList = Object.values(registerMap?.current).map(item => {
+  const stepList = Object.values(registerMap == null ? void 0 : registerMap.current).map((item) => {
     return {
-      ..._pick(item, ['id', 'order', 'title']),
-      loaded: !document.querySelector(`.${item?.id}-placeholder`)
+      ...pick(item, ["id", "order", "title"]),
+      loaded: !document.querySelector(`.${item == null ? void 0 : item.id}-placeholder`)
     };
   });
   return stepList;
 };
-export default handleScroll;
+var utils_default = handleScroll;
+export {
+  utils_default as default,
+  getLoadedMap,
+  handleScroll,
+  handleScrollError
+};

package/es/ProStepTab/index.js

@@ -1,19 +1,11 @@
-import _isNaN from "lodash/isNaN";
-import React, { useState, useCallback, useEffect, createContext, useContext } from 'react';
-// 存储当前的 StepTab 实例
-const StepTabInstanceContext = /*#__PURE__*/createContext(null);
-
-/**
- * 使用原生 JS 获取 URL 搜索参数
- * @returns 当前 URL 的搜索参数和路径
- */
+import React, { useState, useCallback, useEffect, createContext, useContext } from "react";
+import isNaN from "lodash/isNaN";
+const StepTabInstanceContext = createContext(null);
 const useNativeLocation = () => {
   const [location, setLocation] = useState({
     search: window.location.search,
     pathname: window.location.pathname
   });
-
-  // 监听 popstate 事件，更新 location 状态
   useEffect(() => {
     const handleLocationChange = () => {
       setLocation({
@@ -21,24 +13,17 @@ const useNativeLocation = () => {
         pathname: window.location.pathname
       });
     };
-    window.addEventListener('popstate', handleLocationChange);
+    window.addEventListener("popstate", handleLocationChange);
     return () => {
-      window.removeEventListener('popstate', handleLocationChange);
+      window.removeEventListener("popstate", handleLocationChange);
     };
   }, []);
   return location;
 };
-
-/**
- * 步骤化Tab管理钩子，用于管理多步骤表单或流程的切换和验证
- *
- * @param {ProStepTabType} props 配置参数
- * @returns {ProStepTabResultType} 返回步骤Tab相关方法和状态
- */
-export function useStepTab(props = {}) {
+function useStepTab(props = {}) {
   const {
     routerKeep = false,
-    routerSearchKey = 'tab',
+    routerSearchKey = "tab",
     validate = true,
     onBeforeChange,
     onAfterChange,
@@ -47,12 +32,8 @@ export function useStepTab(props = {}) {
     queueSteps,
     autoNext = false
   } = props;
-
-  // 内部状态，避免全局污染
   const [handlesState, setHandlesState] = useState({});
   const location = useNativeLocation();
-
-  // 获取初始激活的tab key
   const getInitialActiveKey = useCallback(() => {
     if (routerKeep) {
       const urlSearchParams = new URLSearchParams(location.search);
@@ -61,40 +42,30 @@ export function useStepTab(props = {}) {
         return tabValue;
       }
     }
-    return defaultActiveKey || '1';
+    return defaultActiveKey || "1";
   }, [routerKeep, routerSearchKey, location.search, defaultActiveKey]);
-
-  // 获取初始激活的步骤
   const getInitialStep = useCallback(() => {
     if (routerKeep) {
       const urlSearchParams = new URLSearchParams(location.search);
       const stepValue = urlSearchParams.get(routerSearchKey);
-      // 如果stepValue是数字，则返回数字
-      if (stepValue && !_isNaN(Number(stepValue))) {
+      if (stepValue && !isNaN(Number(stepValue))) {
         return Number(stepValue);
       }
     }
     return defaultStep;
   }, [routerKeep, routerSearchKey, location.search, defaultStep]);
   const [activeKey, setActiveKeyState] = useState(getInitialActiveKey());
-  const [step, setStepState] = useState(getInitialStep()); // 当前已激活步骤
+  const [step, setStepState] = useState(getInitialStep());
   const [loading, setLoading] = useState(false);
-
-  // 同步URL参数
   useEffect(() => {
     if (routerKeep && activeKey) {
-      // 更新URL参数
       const urlSearchParams = new URLSearchParams(location.search);
       urlSearchParams.set(routerSearchKey, activeKey);
-
-      // 使用原生 history API 更新 URL
       const newUrl = `${location.pathname}?${urlSearchParams.toString()}`;
-      window.history.replaceState(null, '', newUrl);
+      window.history.replaceState(null, "", newUrl);
     }
   }, [activeKey, routerKeep, routerSearchKey, location]);
-
-  // 创建一个包装函数，自动处理loading状态
-  const wrapHandleWithLoading = useCallback(fn => {
+  const wrapHandleWithLoading = useCallback((fn) => {
     return async () => {
       setLoading(true);
       try {
@@ -107,82 +78,72 @@ export function useStepTab(props = {}) {
       }
     };
   }, []);
-
-  // 注册步骤处理函数
-  const registerHandle = useCallback((key, handler) => {
-    // 使用wrapHandleWithLoading包装处理函数
-    setHandlesState(prev => ({
-      ...prev,
-      [key]: wrapHandleWithLoading(handler)
-    }));
-  }, [wrapHandleWithLoading]);
-
-  // 获取步骤处理函数
-  const getHandle = useCallback(key => {
-    return handlesState[key];
-  }, [handlesState]);
-
-  // 处理表单验证和切换（内部使用）
-  const validateAndChange = useCallback(async targetKey => {
-    if (targetKey === activeKey) return true;
-    try {
-      // 执行当前步骤的保存处理, 如果validate为true，则执行验证
-      const currentHandler = handlesState[activeKey];
-      if (currentHandler && validate) {
-        const handleResult = await currentHandler();
-        if (!handleResult) {
-          return false;
+  const registerHandle = useCallback(
+    (key, handler) => {
+      setHandlesState((prev) => ({
+        ...prev,
+        [key]: wrapHandleWithLoading(handler)
+      }));
+    },
+    [wrapHandleWithLoading]
+  );
+  const getHandle = useCallback(
+    (key) => {
+      return handlesState[key];
+    },
+    [handlesState]
+  );
+  const validateAndChange = useCallback(
+    async (targetKey) => {
+      if (targetKey === activeKey)
+        return true;
+      try {
+        const currentHandler = handlesState[activeKey];
+        if (currentHandler && validate) {
+          const handleResult = await currentHandler();
+          if (!handleResult) {
+            return false;
+          }
         }
-      }
-
-      // 执行切换前回调
-      if (onBeforeChange) {
-        const beforeResult = await onBeforeChange(activeKey, targetKey);
-        if (beforeResult === false) {
-          return false;
+        if (onBeforeChange) {
+          const beforeResult = await onBeforeChange(activeKey, targetKey);
+          if (beforeResult === false) {
+            return false;
+          }
+        }
+        setActiveKeyState(targetKey);
+        if (onAfterChange) {
+          onAfterChange(targetKey);
         }
+        return true;
+      } catch (error) {
+        console.error("Tab切换验证失败:", error);
+        return false;
       }
-
-      // 更新激活的key
-      setActiveKeyState(targetKey);
-
-      // 执行切换后回调
-      if (onAfterChange) {
-        onAfterChange(targetKey);
+    },
+    [activeKey, validate, onBeforeChange, onAfterChange, handlesState]
+  );
+  const setCheckActiveKey = useCallback(
+    async (targetKey, validate2) => {
+      if (validate2 === false) {
+        setActiveKeyState(targetKey);
+        return true;
       }
-      return true;
-    } catch (error) {
-      // 验证失败
-      console.error('Tab切换验证失败:', error);
-      return false;
-    }
-  }, [activeKey, validate, onBeforeChange, onAfterChange, handlesState]);
-
-  // 设置激活的key
-  const setCheckActiveKey = useCallback(async (targetKey, validate) => {
-    if (validate === false) {
-      setActiveKeyState(targetKey);
-      return true;
-    }
-    // 执行表单验证和切换
-    return validateAndChange(targetKey);
-  }, [validateAndChange]);
-
-  // 执行当前步骤处理函数
+      return validateAndChange(targetKey);
+    },
+    [validateAndChange]
+  );
   const saveHandle = useCallback(async () => {
     const handler = handlesState[activeKey];
     if (handler) {
       const result = await handler();
-      // 添加autoNext功能
       if (result && autoNext) {
-        // 只有当activeKey能转换为数字时才执行自动跳转
         const currentKeyNum = Number(activeKey);
-        if (!_isNaN(currentKeyNum)) {
+        if (!isNaN(currentKeyNum)) {
           let nextKey = String(currentKeyNum + 1);
           if (Number(nextKey) > queueSteps) {
             nextKey = String(queueSteps);
           }
-          // 自动跳转到下一个tab
           await setCheckActiveKey(nextKey, false);
         }
       }
@@ -193,16 +154,15 @@ export function useStepTab(props = {}) {
     }
     return Promise.resolve(true);
   }, [activeKey, handlesState, autoNext, queueSteps, setCheckActiveKey]);
-
-  // 拦截setStep, 最大值是queueSteps
-  const setStep = useCallback(step => {
-    if (step > queueSteps) {
-      return;
-    }
-    setStepState(step);
-  }, [queueSteps]);
-
-  // 重置handles，用于清空或组件卸载时调用
+  const setStep = useCallback(
+    (step2) => {
+      if (step2 > queueSteps) {
+        return;
+      }
+      setStepState(step2);
+    },
+    [queueSteps]
+  );
   const resetHandles = useCallback(() => {
     setHandlesState({});
   }, []);
@@ -221,36 +181,21 @@ export function useStepTab(props = {}) {
   };
   return stepTabInstance;
 }
-
-/**
- * 在子组件中获取父级 StepTab 实例的钩子
- * @returns {ProStepTabResultType} 步骤Tab实例
- */
-export function useStepTabInstance() {
+function useStepTabInstance() {
   const context = useContext(StepTabInstanceContext);
   if (context === null) {
-    throw new Error('useStepTabInstance must be used inside a ProStepTab component');
+    throw new Error("useStepTabInstance must be used inside a ProStepTab component");
   }
   return context;
 }
-
-// 扩展FC类型，添加静态方法
-
-/**
- * ProStepTab 组件
- */
-const ProStepTab = ({
-  children,
-  ...rest
-}) => {
+const ProStepTab = ({ children, ...rest }) => {
   const stepTabInstance = useStepTab(rest);
-  return /*#__PURE__*/React.createElement(StepTabInstanceContext.Provider, {
-    value: stepTabInstance
-  }, children);
+  return React.createElement(StepTabInstanceContext.Provider, { value: stepTabInstance }, children);
 };
-
-// 将 useStepTabInstance 挂载到 ProStepTab 上作为静态方法
 ProStepTab.useStepTabInstance = useStepTabInstance;
-
-// 导出默认组件
-export default ProStepTab;
+var ProStepTab_default = ProStepTab;
+export {
+  ProStepTab_default as default,
+  useStepTab,
+  useStepTabInstance
+};

package/es/ProStepTab/propsType.js

@@ -1 +0,0 @@
-export {};

package/es/ProTable/components/EditableCell/EditIcon.js

@@ -1,15 +1,11 @@
-import { EditOutlined } from '@ant-design/icons';
-import classNames from 'classnames';
-import React from 'react';
-import { jsx as _jsx } from "react/jsx-runtime";
-const EditIcon = ({
-  onClick
-}) => {
-  const cls = classNames('pro-table-editable-cell-edit-icon');
-  return /*#__PURE__*/_jsx("span", {
-    className: cls,
-    onClick: onClick,
-    children: /*#__PURE__*/_jsx(EditOutlined, {})
-  });
+import { jsx } from "react/jsx-runtime";
+import { EditOutlined } from "@ant-design/icons";
+import classNames from "classnames";
+const EditIcon = ({ onClick }) => {
+  const cls = classNames("pro-table-editable-cell-edit-icon");
+  return /* @__PURE__ */ jsx("span", { className: cls, onClick, children: /* @__PURE__ */ jsx(EditOutlined, {}) });
+};
+var EditIcon_default = EditIcon;
+export {
+  EditIcon_default as default
 };
-export default EditIcon;

package/es/ProTable/components/EditableCell/index.js

@@ -1,10 +1,10 @@
-import _isEqual from "lodash/isEqual";
-import React, { useState, useRef } from 'react';
-import { Form } from 'antd';
-import classNames from 'classnames';
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState, useRef } from "react";
+import { Form } from "antd";
+import classNames from "classnames";
+import isEqual from "lodash/isEqual";
 import * as componentMap from "../../../ProForm/components";
 import EditIcon from "./EditIcon";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const InternalCell = ({
   value,
   record,
@@ -17,19 +17,10 @@ const InternalCell = ({
 }) => {
   const [editing, setEditing] = useState(false);
   const snapshotRef = useRef(value);
-  const {
-    type = 'Input',
-    fieldProps = {},
-    rules,
-    required,
-    valueType
-  } = editConfig;
-  const {
-    onBlur: onBlurCallback,
-    ...restFieldProps
-  } = fieldProps;
+  const { type = "Input", fieldProps = {}, rules, required, valueType } = editConfig;
+  const { onBlur: onBlurCallback, ...restFieldProps } = fieldProps;
   const Component = componentMap[type] ?? componentMap.Input;
-  const wrapperClassName = classNames('pro-table-editable-cell-wrapper');
+  const wrapperClassName = classNames("pro-table-editable-cell-wrapper");
   const handleEditIconClick = () => {
     snapshotRef.current = value;
     form.setFieldValue(fieldName, value);
@@ -39,7 +30,7 @@ const InternalCell = ({
     try {
       await form.validateFields([fieldName]);
       const newValue = form.getFieldValue(fieldName);
-      if (_isEqual(newValue, snapshotRef.current)) {
+      if (isEqual(newValue, snapshotRef.current)) {
         setEditing(false);
         return;
       }
@@ -53,69 +44,44 @@ const InternalCell = ({
       }
       setEditing(false);
     } catch {
-      // Validation failed - stay in edit mode
     }
   };
   if (!editing) {
-    return /*#__PURE__*/_jsxs("span", {
-      className: wrapperClassName,
-      children: [/*#__PURE__*/_jsx("span", {
-        children: displayContent ?? '-'
-      }), /*#__PURE__*/_jsx(EditIcon, {
-        onClick: handleEditIconClick
-      })]
-    });
+    return /* @__PURE__ */ jsxs("span", { className: wrapperClassName, children: [
+      /* @__PURE__ */ jsx("span", { children: displayContent ?? "-" }),
+      /* @__PURE__ */ jsx(EditIcon, { onClick: handleEditIconClick })
+    ] });
   }
-  const formItem = /*#__PURE__*/_jsx(Form.Item, {
-    name: fieldName,
-    rules: rules,
-    required: required,
-    noStyle: true,
-    children: /*#__PURE__*/_jsx(Component, {
-      ...restFieldProps,
-      valueType: valueType,
-      autoFocus: true,
-      onBlur: handleBlur
-    })
-  });
+  const formItem = /* @__PURE__ */ jsx(Form.Item, { name: fieldName, rules, required, noStyle: true, children: /* @__PURE__ */ jsx(Component, { ...restFieldProps, valueType, autoFocus: true, onBlur: handleBlur }) });
   if (!wrapInForm) {
     return formItem;
   }
-  return /*#__PURE__*/_jsx(Form, {
-    form: form,
-    component: false,
-    children: formItem
-  });
+  return /* @__PURE__ */ jsx(Form, { form, component: false, children: formItem });
 };
-const PerCellEditableCell = props => {
+const PerCellEditableCell = (props) => {
   const [form] = Form.useForm();
-  const fieldName = Array.isArray(props.dataIndex) ? props.dataIndex.join('_') : props.dataIndex;
-  return /*#__PURE__*/_jsx(InternalCell, {
-    ...props,
-    form: form,
-    fieldName: fieldName,
-    wrapInForm: true
-  });
+  const fieldName = Array.isArray(props.dataIndex) ? props.dataIndex.join("_") : props.dataIndex;
+  return /* @__PURE__ */ jsx(InternalCell, { ...props, form, fieldName, wrapInForm: true });
 };
-const SharedFormEditableCell = props => {
-  const fieldName = props.sharedFieldName ?? (Array.isArray(props.dataIndex) ? props.dataIndex.join('_') : props.dataIndex);
-  return /*#__PURE__*/_jsx(InternalCell, {
-    ...props,
-    form: props.sharedForm,
-    fieldName: fieldName,
-    wrapInForm: false
-  });
+const SharedFormEditableCell = (props) => {
+  const fieldName = props.sharedFieldName ?? (Array.isArray(props.dataIndex) ? props.dataIndex.join("_") : props.dataIndex);
+  return /* @__PURE__ */ jsx(
+    InternalCell,
+    {
+      ...props,
+      form: props.sharedForm,
+      fieldName,
+      wrapInForm: false
+    }
+  );
 };
-const EditableCell = props => {
-  // editMode 默认 'per-cell-form'，与重构前完全一致
-  // 'shared-form'：外层 ProTable 提供共享 Form，跳过内部 useForm
-  if (props.editMode === 'shared-form' && props.sharedForm) {
-    return /*#__PURE__*/_jsx(SharedFormEditableCell, {
-      ...props
-    });
+const EditableCell = (props) => {
+  if (props.editMode === "shared-form" && props.sharedForm) {
+    return /* @__PURE__ */ jsx(SharedFormEditableCell, { ...props });
   }
-  return /*#__PURE__*/_jsx(PerCellEditableCell, {
-    ...props
-  });
+  return /* @__PURE__ */ jsx(PerCellEditableCell, { ...props });
+};
+var EditableCell_default = EditableCell;
+export {
+  EditableCell_default as default
 };
-export default EditableCell;

package/es/ProTable/components/EditableCell/propsType.js

@@ -1 +0,0 @@
-export {};