@zat-design/sisyphus-react 3.13.2 → 3.13.3-beta.1

package/README.md

@@ -1,4 +1,4 @@
-[西西弗组件库预览地址](https://procomponents.zhongan.io/)
+[西西弗组件库预览地址](https://procomponents.zhongan.tech)
 
 ## 快速上手
 

package/dist/index.esm.css

@@ -5710,6 +5710,9 @@ input[type='button'] {
 .ant-table .ant-empty-normal {
   margin: calc(var(--zaui-space-size-lg, 32px) * var(--zaui-size, 1)) 0;
 }
+.ant-table .ant-table-tbody .ant-table-cell-fix-left-last:after {
+  width: 8px;
+}
 .ant-table.pro-table-no-stripe .ant-table-tbody .ant-table-row {
   background: #fff !important;
 }

package/es/FormsProvider/index.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { ModifiedFormInstance } from '../ProForm/utils/useForm';
-type Forms = Record<string, ModifiedFormInstance<any>>;
+import { ModifiedFormInstanceType } from '../ProForm/utils/useForm';
+type Forms = Record<string, ModifiedFormInstanceType<any>>;
 export declare const FormsContext: React.Context<Forms>;
 /**
  * @param formKey 表单实例key

package/es/ProForm/components/FormFooter/index.js

@@ -38,12 +38,25 @@ var FormFooter = function FormFooter(props) {
     }
   }, [formId]);
   var _onOk = function _onOk() {
+    var _modifiedForm$__INTER;
     if (formId) {
       var values = form.getFieldsValue();
       searchCache[formId] = values;
       window.sessionStorage.setItem(PRO_FORM_CACHE, JSON.stringify(searchCache));
     }
-    onOk();
+    // 支持 stopOnFirstError
+    // @ts-ignore 使用类型断言处理自定义属性
+    var modifiedForm = form;
+    if ((_modifiedForm$__INTER = modifiedForm.__INTERNAL_CONFIG__) === null || _modifiedForm$__INTER === void 0 ? void 0 : _modifiedForm$__INTER.stopOnFirstError) {
+      // 使用自定义验证逻辑
+      form.validateFields().then(function () {
+        onOk();
+      }).catch(function () {
+        // 验证失败，不执行 onOk
+      });
+    } else {
+      onOk();
+    }
   };
   var _onCancel = function _onCancel() {
     if (formId && searchCache[formId]) {

package/es/ProForm/components/FormFooter/propsType.d.ts

@@ -1,4 +1,5 @@
 import { ButtonProps, ColProps, FormInstance } from 'antd';
+import { ModifiedFormInstanceType } from '../../utils/useForm';
 export interface ButtonItem extends ButtonProps {
     children?: any;
 }
@@ -15,7 +16,7 @@ export interface FooterRenderType {
     footer?: FooterButtonType;
     confirmLoading?: boolean;
     formId?: string;
-    form: FormInstance;
+    form: FormInstance | ModifiedFormInstanceType<any>;
 }
 /**
  * 兼容旧命名导出

package/es/ProForm/components/base/DatePicker/index.js

@@ -6,15 +6,6 @@ import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["className", "format"];
 import { jsx as _jsx } from "react/jsx-runtime";
-/*
- * @Author: ''
- * @Date: 2024-01-19 18:27:41
- * @LastEditors: ''
- * @LastEditTime: 2024-06-03 15:33:12
- * @FilePath: /za-material-warehouse/src/ProForm/components/base/DatePicker/index.tsx
- * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
- */
-
 import { isFunction, isString, isObject, uniq } from 'lodash';
 import classNames from 'classnames';
 import moment from 'moment';

package/es/ProForm/components/base/RangePicker/index.js

@@ -5,14 +5,6 @@ import "antd/es/date-picker/style";
 import _DatePicker from "antd/es/date-picker";
 var _excluded = ["format", "otherProps", "separator", "range"];
 import { jsx as _jsx } from "react/jsx-runtime";
-/*
- * @Author: ''
- * @Date: 2024-04-10 11:39:17
- * @LastEditors: ''
- * @LastEditTime: 2024-05-29 11:50:49
- * @FilePath: /za-material-warehouse/src/ProForm/components/base/RangePicker/index.tsx
- * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
- */
 // @ts-check
 
 import { isFunction, isObject, isString, omit, uniq } from 'lodash';

package/es/ProForm/components/render/Render.js

@@ -12,7 +12,7 @@ import _Form from "antd/es/form";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["labelWidth", "hiddenNames", "trim", "upperCase", "className", "rules", "required", "labelRequired", "tooltip"];
+var _excluded = ["labelWidth", "hiddenNames", "trim", "upperCase", "className", "rules", "required", "labelRequired", "tooltip", "validateFirst"];
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 /* eslint-disable prefer-destructuring */
 
@@ -64,6 +64,8 @@ var Render = function Render(props) {
     required = formItemProps.required,
     labelRequired = formItemProps.labelRequired,
     tooltip = formItemProps.tooltip,
+    _formItemProps$valida = formItemProps.validateFirst,
+    validateFirst = _formItemProps$valida === void 0 ? true : _formItemProps$valida,
     otherFormItemProps = _objectWithoutProperties(formItemProps, _excluded);
   // 更新show & disabled & rules
   var _useShouldUpdate = useShouldUpdate({
@@ -156,7 +158,7 @@ var Render = function Render(props) {
     required: false
   } : null, _objectSpread({}, isTrim(type, trim, useProConfig())), // 优先取传进来的，其次取ProConfigProvider配置的
   _objectSpread({}, isUpperCase(type, upperCase)), {
-    validateFirst: true
+    validateFirst: validateFirst
   },
   // 当某一规则校验不通过时，是否停止剩下的规则的校验
   {

package/es/ProForm/index.js

@@ -11,17 +11,17 @@ import "antd/es/space/style";
 import _Space from "antd/es/space";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["mode", "span", "disabled", "isView", "columns", "footer", "onOk", "okText", "onCancel", "confirmLoading", "cancelText", "form", "children", "rowProps", "className", "expand", "expandOpen", "expandOpenChange", "viewEmpty", "labelAlign", "labelWidth", "onValuesChange", "onFinish", "diffConfig", "submitOnEnter", "clearNotShow", "initialValues", "requiredOnView", "formId", "required", "formKey", "globalControl", "scrollToError", "optimize", "desensitizationKey"];
+var _excluded = ["mode", "span", "disabled", "isView", "columns", "footer", "onOk", "okText", "onCancel", "confirmLoading", "cancelText", "form", "children", "rowProps", "className", "expand", "expandOpen", "expandOpenChange", "viewEmpty", "labelAlign", "labelWidth", "onValuesChange", "onFinish", "diffConfig", "submitOnEnter", "clearNotShow", "initialValues", "requiredOnView", "formId", "required", "formKey", "globalControl", "scrollToError", "optimize", "desensitizationKey", "stopOnFirstError"];
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { DoubleLeftOutlined } from '@ant-design/icons';
 import classnames from 'classnames';
-import React, { forwardRef, useImperativeHandle, useMemo } from 'react';
+import React, { forwardRef, useImperativeHandle, useMemo, useEffect } from 'react';
 import { isObject, merge, omit } from 'lodash';
 import { FormFooter, InputRange, ProAddress, ProCascader, ProCertNo, ProCertValidity, ProCombination, ProModalSelect, ProNumberRange, ProRangeBox, ProTimeLimit, transferAddressInfoToRegion, ProUpload, ProTreeModal, ProTree, EnumSelect } from './components';
 import RenderFields from './components/render/RenderFields';
 import { useProConfig } from '../ProConfigProvider';
 import { useProDrawerFormContext } from '../ProDrawerForm';
-import { getLayout, splitNameStr, useControlled, initialValuesToNames, filterInternalFields } from './utils/index';
+import { getLayout, splitNameStr, useControlled, initialValuesToNames, filterInternalFields, getFormFieldPaths } from './utils/index';
 import { useForm } from './utils/useForm';
 import { useFieldProps } from './utils/useFieldProps';
 import locale from '../locale';
@@ -73,6 +73,8 @@ var ProForm = function ProForm(props, ref) {
     optimize = _props$optimize === void 0 ? false : _props$optimize,
     _props$desensitizatio = props.desensitizationKey,
     desensitizationKey = _props$desensitizatio === void 0 ? 'zat-design-pro-component-desensitization' : _props$desensitizatio,
+    _props$stopOnFirstErr = props.stopOnFirstError,
+    stopOnFirstError = _props$stopOnFirstErr === void 0 ? false : _props$stopOnFirstErr,
     otherProps = _objectWithoutProperties(props, _excluded);
   var config = useProConfig('ProForm');
   // source: 用于区分是哪个组件调用，用于错误提示
@@ -91,6 +93,14 @@ var ProForm = function ProForm(props, ref) {
     }),
     _useForm2 = _slicedToArray(_useForm, 1),
     form = _useForm2[0];
+  // 保存内部配置
+  useEffect(function () {
+    if (!form.__INTERNAL_CONFIG__) {
+      form.__INTERNAL_CONFIG__ = {};
+    }
+    form.__INTERNAL_CONFIG__.fields = getFormFieldPaths(form);
+    form.__INTERNAL_CONFIG__.stopOnFirstError = stopOnFirstError;
+  }, [stopOnFirstError, form]);
   var _useControlled = useControlled({
       value: expandOpen,
       onChange: expandOpenChange

package/es/ProForm/propsType.d.ts

@@ -101,6 +101,8 @@ export interface ProFormType<Values = any> extends FormProps<Values> {
     optimize?: boolean;
     /** 全局脱敏开关的key、默认 zat-design-pro-component-desensitization */
     desensitizationKey?: string;
+    /** 是否在遇到第一个错误时停止验证 */
+    stopOnFirstError?: boolean;
 }
 export interface TransformType<T = any> {
     normalize?: (value: StoreValue, prevValue: StoreValue, allValues: Store) => StoreValue;

package/es/ProForm/utils/index.d.ts

@@ -1,4 +1,4 @@
-import { ColProps, FormProps } from 'antd';
+import { ColProps, FormProps, FormInstance } from 'antd';
 import { InternalNamePath, NamePath } from 'antd/es/form/interface';
 interface transProps {
     formProps: FormProps;
@@ -95,6 +95,11 @@ export declare const findOptionByValue: (treeData: any[], value: string | number
 export declare const equalDependencies: (dependencies: any, prevValues: any, currentValues: any) => any;
 /** 解析namePath */
 export declare const parseNamePath: (input: string) => any;
-/** 解析namePath */
+/**
+ * 获取表单所有字段路径的简化函数
+ * @param form 表单实例
+ * @returns 所有字段路径数组
+ */
+export declare const getFormFieldPaths: (form: FormInstance) => any[];
 export declare function findNamesKeyInArray(arr: string[], key: string): string | null;
 export {};

package/es/ProForm/utils/index.js

@@ -413,7 +413,25 @@ export var parseNamePath = function parseNamePath(input) {
   });
   return [result];
 };
-/** 解析namePath */
+/**
+ * 获取表单所有字段路径的简化函数
+ * @param form 表单实例
+ * @returns 所有字段路径数组
+ */
+export var getFormFieldPaths = function getFormFieldPaths(form) {
+  try {
+    // @ts-ignore
+    var _form$getInternalHook = form.getInternalHooks('RC_FORM_INTERNAL_HOOKS'),
+      getFields = _form$getInternalHook.getFields;
+    var allFields = getFields();
+    return allFields.map(function (field) {
+      return field.name;
+    });
+  } catch (error) {
+    console.error('获取表单字段失败:', error);
+    return [];
+  }
+};
 export function findNamesKeyInArray(arr, key) {
   var _iterator = _createForOfIteratorHelper(arr),
     _step;

package/es/ProForm/utils/useForm.d.ts

@@ -1,12 +1,17 @@
 import { FormInstance } from 'antd';
 import { NamePath } from 'antd/es/form/interface';
 import { ValuedNotifyInfo } from 'rc-field-form/es/interface';
-export type ModifiedFormInstance<T> = FormInstance<T> & {
+export type ModifiedFormInstanceType<T> = FormInstance<T> & {
     isModified?: boolean;
     /** 默认清空设置值的报错状态 */
     setFieldValue: (name: NamePath, value: any, info?: ValuedNotifyInfo) => void;
     formKey?: string;
     _init?: boolean;
+    __INTERNAL_CONFIG__?: {
+        fields?: any[];
+        stopOnFirstError?: boolean;
+        [key: string]: any;
+    };
 };
 export interface FormInstanceOption {
     scrollToError?: boolean;
@@ -14,4 +19,4 @@ export interface FormInstanceOption {
     formKey?: string;
     source?: string;
 }
-export declare const useForm: <T>(originForm?: ModifiedFormInstance<T> | FormInstanceOption, options?: FormInstanceOption) => [ModifiedFormInstance<T>];
+export declare const useForm: <T>(originForm?: ModifiedFormInstanceType<T> | FormInstanceOption, options?: FormInstanceOption) => [ModifiedFormInstanceType<T>];

package/es/ProForm/utils/useForm.js

@@ -1,12 +1,13 @@
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
 import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _createForOfIteratorHelper from "@babel/runtime/helpers/esm/createForOfIteratorHelper";
 import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
 import "antd/es/form/style";
 import _Form from "antd/es/form";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import { useContext } from 'react';
-import { filterInternalFields } from './index';
+import { filterInternalFields, getFormFieldPaths } from './index';
 import { handleScrollToError as handleScrollToErrorProEditTable } from '../../ProEditTable/utils/tools';
 import { FormsContext } from '../../FormsProvider';
 export var useForm = function useForm(originForm, options) {
@@ -50,10 +51,19 @@ export var useForm = function useForm(originForm, options) {
   var _validateFields = /*#__PURE__*/function () {
     var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(nameList) {
       var _rest$,
+        _form$__INTERNAL_CONF,
         _len,
         rest,
         _key,
         isRecursive,
+        stopOnFirstError,
+        allFields,
+        _iterator,
+        _step,
+        field,
+        _options2,
+        _error$errorFields,
+        _error$errorFields$,
         validateNames,
         _form$getInternalHook,
         getFields,
@@ -61,8 +71,8 @@ export var useForm = function useForm(originForm, options) {
         _document,
         tablePagination,
         _tablePagination$clic,
-        _error$errorFields,
-        _error$errorFields$,
+        _error$errorFields2,
+        _error$errorFields$2,
         _args = arguments;
       return _regeneratorRuntime().wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
@@ -71,11 +81,68 @@ export var useForm = function useForm(originForm, options) {
             for (_len = _args.length, rest = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
               rest[_key - 1] = _args[_key];
             }
-            // @ts-ignore
             isRecursive = rest === null || rest === void 0 ? void 0 : (_rest$ = rest[0]) === null || _rest$ === void 0 ? void 0 : _rest$.recursive;
+            stopOnFirstError = form === null || form === void 0 ? void 0 : (_form$__INTERNAL_CONF = form.__INTERNAL_CONFIG__) === null || _form$__INTERNAL_CONF === void 0 ? void 0 : _form$__INTERNAL_CONF.stopOnFirstError; // 如果启用了 stopOnFirstError 且没有指定字段列表
+            if (!(stopOnFirstError && !nameList)) {
+              _context.next = 33;
+              break;
+            }
+            // 获取所有表单字段
+            allFields = getFormFieldPaths(form); // 单独验证每个字段
+            // eslint-disable-next-line no-restricted-syntax
+            _iterator = _createForOfIteratorHelper(allFields);
+            _context.prev = 7;
+            _iterator.s();
+          case 9:
+            if ((_step = _iterator.n()).done) {
+              _context.next = 24;
+              break;
+            }
+            field = _step.value;
+            _context.prev = 11;
+            // 创建不包含 stopOnFirstError 的选项
+            // @ts-ignore
+            _options2 = (rest === null || rest === void 0 ? void 0 : rest[0]) ? _objectSpread({}, rest[0]) : {};
+            delete _options2.stopOnFirstError;
+            // 验证单个字段
+            // eslint-disable-next-line no-await-in-loop
+            _context.next = 16;
+            return validateFields([field], _options2);
+          case 16:
+            _context.next = 22;
+            break;
+          case 18:
+            _context.prev = 18;
+            _context.t0 = _context["catch"](11);
+            // 遇到错误，滚动到错误位置
+            if (scrollToError && (_context.t0 === null || _context.t0 === void 0 ? void 0 : (_error$errorFields = _context.t0.errorFields) === null || _error$errorFields === void 0 ? void 0 : _error$errorFields.length)) {
+              form.scrollToField((_error$errorFields$ = _context.t0.errorFields[0]) === null || _error$errorFields$ === void 0 ? void 0 : _error$errorFields$.name, {
+                block: 'center',
+                behavior: 'smooth'
+              });
+            }
+            // 中止验证，抛出错误
+            throw _context.t0;
+          case 22:
+            _context.next = 9;
+            break;
+          case 24:
+            _context.next = 29;
+            break;
+          case 26:
+            _context.prev = 26;
+            _context.t1 = _context["catch"](7);
+            _iterator.e(_context.t1);
+          case 29:
+            _context.prev = 29;
+            _iterator.f();
+            return _context.finish(29);
+          case 32:
+            return _context.abrupt("return", form.getFieldsValue());
+          case 33:
             validateNames = []; // 前缀校验模式
             if (!isRecursive) {
-              _context.next = 12;
+              _context.next = 42;
               break;
             }
             // @ts-ignore
@@ -92,13 +159,13 @@ export var useForm = function useForm(originForm, options) {
             }
             // @ts-ignore
             // delete rest[0].recursive;
-            _context.next = 11;
+            _context.next = 41;
             return validateFields.apply(void 0, [validateNames].concat(rest)).then(function (values) {
               return filterInternalFields(values, optimize);
             });
-          case 11:
+          case 41:
             return _context.abrupt("return", _context.sent);
-          case 12:
+          case 42:
             // 解决，单个pro-edit-table的表单校验
             if ((nameList === null || nameList === void 0 ? void 0 : nameList.length) && !nameList.join('-').includes(',')) {
               tablePagination = document && ((_document = document) === null || _document === void 0 ? void 0 : _document.querySelector("#pro-edit-table-pagination-".concat(nameList.join('-'))));
@@ -106,28 +173,28 @@ export var useForm = function useForm(originForm, options) {
                 tablePagination === null || tablePagination === void 0 ? void 0 : (_tablePagination$clic = tablePagination.click) === null || _tablePagination$clic === void 0 ? void 0 : _tablePagination$clic.call(tablePagination);
               }
             }
-            _context.next = 15;
+            _context.next = 45;
             return validateFields.apply(void 0, [nameList].concat(rest)).then(function (values) {
               return nameList ? values : _getFieldsValue();
             });
-          case 15:
+          case 45:
             return _context.abrupt("return", _context.sent);
-          case 18:
-            _context.prev = 18;
-            _context.t0 = _context["catch"](0);
-            if (scrollToError && (_context.t0 === null || _context.t0 === void 0 ? void 0 : (_error$errorFields = _context.t0.errorFields) === null || _error$errorFields === void 0 ? void 0 : _error$errorFields.length) && source === 'ProForm') {
-              form.scrollToField((_error$errorFields$ = _context.t0.errorFields[0]) === null || _error$errorFields$ === void 0 ? void 0 : _error$errorFields$.name, {
+          case 48:
+            _context.prev = 48;
+            _context.t2 = _context["catch"](0);
+            if (scrollToError && (_context.t2 === null || _context.t2 === void 0 ? void 0 : (_error$errorFields2 = _context.t2.errorFields) === null || _error$errorFields2 === void 0 ? void 0 : _error$errorFields2.length) && source === 'ProForm') {
+              form.scrollToField((_error$errorFields$2 = _context.t2.errorFields[0]) === null || _error$errorFields$2 === void 0 ? void 0 : _error$errorFields$2.name, {
                 block: 'center',
                 behavior: 'smooth'
               });
             }
             handleScrollToErrorProEditTable();
-            throw _context.t0;
-          case 23:
+            throw _context.t2;
+          case 53:
           case "end":
             return _context.stop();
         }
-      }, _callee, null, [[0, 18]]);
+      }, _callee, null, [[0, 48], [7, 26, 29, 32], [11, 18]]);
     }));
     return function _validateFields(_x) {
       return _ref2.apply(this, arguments);
@@ -175,8 +242,8 @@ export var useForm = function useForm(originForm, options) {
   form.getFieldsValue = _getFieldsValue;
   form.setFieldValue = _setFieldValue;
   form.setFieldsValue = _setFieldsValue;
-  form.getFieldsValue = _getFieldsValue;
   form.validateFields = _validateFields;
   form.isModified = true;
+  form.__INTERNAL_CONFIG__ = {};
   return [form];
 };

package/es/ProForm/utils/useWatch.d.ts

@@ -1,6 +1,11 @@
-import { InternalNamePath, FormInstance, NamePath } from 'rc-field-form/es/interface';
+import { FormInstance, NamePath } from 'rc-field-form/es/interface';
 export declare function toArray<T>(value?: T | T[] | null): T[];
-export declare function getNamePath(path: NamePath | null): InternalNamePath;
-export declare function stringify(value: any): string | number;
+/**
+ * ProForm的useWatch hook，用于监听表单字段变化
+ * @param dependencies 监听的字段路径
+ * @param form 表单实例
+ * @param wait 防抖等待时间
+ * @returns 表单值
+ */
 declare function useWatch(dependencies: string | NamePath[], form?: FormInstance, wait?: number): any;
 export default useWatch;