@zat-design/sisyphus-react 4.0.0-beta.3 → 4.0.0-beta.5

package/lib/ProForm/components/render/RenderFields.d.ts

@@ -20,7 +20,7 @@ interface Props<T = any> {
     requiredOnView?: boolean;
     required?: boolean | boolean[] | (() => boolean | boolean[]);
     globalControl?: boolean;
-    desensitizationKey?: string;
+    shouldUpdateDebounce?: number;
 }
 declare const RenderFields: React.FC<Props>;
 export default RenderFields;

package/lib/ProForm/components/render/RenderFields.js

@@ -1,189 +1,204 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+"use strict";
 
-// src/ProForm/components/render/RenderFields.tsx
-var RenderFields_exports = {};
-__export(RenderFields_exports, {
-  default: () => RenderFields_default
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(RenderFields_exports);
-var import_react = __toESM(require("react"));
-var import_lodash = require("lodash");
-var import_Render = __toESM(require("./Render"));
-var import_getDefaultProps = require("../../utils/getDefaultProps");
-var componentMap = __toESM(require("../index"));
-var import_utils = require("../../utils");
-var import_useFieldProps = require("../../utils/useFieldProps");
-var import_locale = __toESM(require("../../../locale"));
-var import_processDependencies = __toESM(require("../../utils/processDependencies"));
-var RenderFields = (props) => {
-  const {
-    isView,
-    columns = [],
-    disabled: formDisabled,
-    // 全局formDisabled
-    form,
-    expand,
-    colProps: defaultColProps,
-    viewEmpty = "-",
-    openState,
-    labelWidth,
-    clearNotShow: outerClearNotShow,
-    requiredOnView,
-    required,
-    diffConfig,
-    globalControl,
-    desensitizationKey
-  } = props;
-  const hiddenData = columns.filter((item) => {
+exports.default = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireDefault(require("react"));
+var _lodash = require("lodash");
+var _Render = _interopRequireDefault(require("./Render"));
+var _getDefaultProps = require("../../utils/getDefaultProps");
+var componentMap = _interopRequireWildcard(require("../index"));
+var _utils = require("../../utils");
+var _useFieldProps = require("../../utils/useFieldProps");
+var _locale = _interopRequireDefault(require("../../../locale"));
+var _processDependencies = _interopRequireDefault(require("../../utils/processDependencies"));
+var _jsxRuntime = require("react/jsx-runtime");
+var _excluded = ["show", "type", "viewRender", "viewType", "valueType", "formItemProps", "colProps", "formItemChildProps", "fieldProps", "onDiff", "clearNotShow", "required", "confirm", "desensitization", "span"];
+var RenderFields = props => {
+  var isView = props.isView,
+    _props$columns = props.columns,
+    columns = _props$columns === void 0 ? [] : _props$columns,
+    formDisabled = props.disabled,
+    form = props.form,
+    expand = props.expand,
+    defaultColProps = props.colProps,
+    _props$viewEmpty = props.viewEmpty,
+    viewEmpty = _props$viewEmpty === void 0 ? '-' : _props$viewEmpty,
+    openState = props.openState,
+    labelWidth = props.labelWidth,
+    outerClearNotShow = props.clearNotShow,
+    requiredOnView = props.requiredOnView,
+    required = props.required,
+    diffConfig = props.diffConfig,
+    globalControl = props.globalControl,
+    shouldUpdateDebounce = props.shouldUpdateDebounce;
+
+  // 是否包含隐藏字段
+  var hiddenData = columns.filter(item => {
     return Array.isArray(item.hiddenNames);
   }) || [];
+
+  // 创建hidden字段供表单收集
   if (hiddenData.length) {
-    let hiddenArray = [];
-    hiddenData.forEach((item) => {
+    var hiddenArray = [];
+    hiddenData.forEach(item => {
       hiddenArray = hiddenArray.concat(item.hiddenNames);
     });
-    hiddenArray.forEach((item) => {
-      columns.push({ name: Array.isArray(item) ? item : `${item}`, hidden: true });
+    hiddenArray.forEach(item => {
+      columns.push({
+        name: Array.isArray(item) ? item : `${item}`,
+        hidden: true
+      });
     });
   }
-  const comList = columns.flatMap((column, index) => {
-    var _a;
+  var comList = columns.flatMap((column, index) => {
+    var _formItemProps$disabl;
     if (!!expand && !openState) {
-      if (typeof expand === "number") {
-        if (index >= expand && column.fixed !== true)
-          return [];
+      // expand为Number时 过滤掉大于expand 且 非fixed的column
+      if (typeof expand === 'number') {
+        if (index >= expand && column.fixed !== true) return [];
       } else if (column.fixed !== true) {
+        // 否则只过滤非fixed的column
         return [];
       }
     }
-    const {
-      show,
-      type,
-      viewRender,
-      viewType,
-      valueType,
-      formItemProps = {},
-      colProps = {},
-      // @ts-ignore
-      formItemChildProps = {},
-      fieldProps = {},
-      onDiff,
-      clearNotShow = outerClearNotShow,
-      required: columnRequired,
-      confirm,
-      desensitization,
-      span,
-      ...otherFormItemProps
-    } = column;
-    const { component } = column;
-    const _isView = typeof column.isView === "boolean" ? column.isView : isView;
-    const defaultProps = (0, import_getDefaultProps.getDefaultProps)(column);
-    const processedDeps = (0, import_processDependencies.default)(column.dependencies);
-    const _formItemProps = {
-      ...defaultProps,
-      ...formItemProps,
-      ...otherFormItemProps,
-      required: columnRequired ?? required,
+    var show = column.show,
+      type = column.type,
+      viewRender = column.viewRender,
+      viewType = column.viewType,
+      valueType = column.valueType,
+      _column$formItemProps = column.formItemProps,
+      formItemProps = _column$formItemProps === void 0 ? {} : _column$formItemProps,
+      _column$colProps = column.colProps,
+      colProps = _column$colProps === void 0 ? {} : _column$colProps,
+      _column$formItemChild = column.formItemChildProps,
+      formItemChildProps = _column$formItemChild === void 0 ? {} : _column$formItemChild,
+      _column$fieldProps = column.fieldProps,
+      fieldProps = _column$fieldProps === void 0 ? {} : _column$fieldProps,
+      onDiff = column.onDiff,
+      _column$clearNotShow = column.clearNotShow,
+      clearNotShow = _column$clearNotShow === void 0 ? outerClearNotShow : _column$clearNotShow,
+      columnRequired = column.required,
+      confirm = column.confirm,
+      desensitization = column.desensitization,
+      span = column.span,
+      otherFormItemProps = (0, _objectWithoutProperties2.default)(column, _excluded);
+    var component = column.component;
+    var _isView = typeof column.isView === 'boolean' ? column.isView : isView;
+    var defaultProps = (0, _getDefaultProps.getDefaultProps)(column);
+    // 处理dependencies，支持namesPaths格式
+    var processedDeps = (0, _processDependencies.default)(column.dependencies);
+
+    // 允许formItem的属性放在column最外层 并优先级高于 formItemProps 内部参数
+    var _formItemProps = (0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({}, defaultProps), formItemProps), otherFormItemProps), {}, {
+      required: columnRequired !== null && columnRequired !== void 0 ? columnRequired : required,
       clearNotShow,
       dependencies: processedDeps
-    };
-    _formItemProps.labelWidth = _formItemProps.labelWidth || labelWidth;
+    });
+    _formItemProps.labelWidth = _formItemProps.labelWidth || labelWidth; // 接收Form中的labelWidth
+
     if (type && component) {
-      console.error(
-        "Warning: type and component are mutually exclusive. type will not take effect"
-      );
+      console.error('Warning: type and component are mutually exclusive. type will not take effect');
     }
-    let _type = type || "Input";
-    let TargetComponent;
-    const viewRenderHandle = () => {
-      var _a2;
-      let value = form.getFieldValue(column.name);
-      let record = form.getFieldsValue();
-      let index2;
-      if (Array.isArray(column == null ? void 0 : column.namePath) && ((_a2 = column == null ? void 0 : column.namePath) == null ? void 0 : _a2.length)) {
-        value = form.getFieldValue((0, import_lodash.union)(column.namePath, (column == null ? void 0 : column.name) || []));
+    var _type = type || 'Input';
+    var TargetComponent;
+
+    // 查看高阶函数
+    var viewRenderHandle = () => {
+      var _column$namePath;
+      var value = form.getFieldValue(column.name);
+      var record = form.getFieldsValue();
+      var index;
+      // FormList场景
+      if (Array.isArray(column === null || column === void 0 ? void 0 : column.namePath) && column !== null && column !== void 0 && (_column$namePath = column.namePath) !== null && _column$namePath !== void 0 && _column$namePath.length) {
+        // @ts-ignore
+        value = form.getFieldValue((0, _lodash.union)(column.namePath, (column === null || column === void 0 ? void 0 : column.name) || []));
         record = form.getFieldValue(column.namePath);
-        index2 = column == null ? void 0 : column.index;
+        index = column === null || column === void 0 ? void 0 : column.index;
       }
-      return viewRender ? viewRender(value, record, { form, index: index2, namePath: column == null ? void 0 : column.namePath }) || null : null;
+      return viewRender ? viewRender(value, record, {
+        form,
+        index,
+        namePath: column === null || column === void 0 ? void 0 : column.namePath
+      }) || null : null;
     };
-    if (typeof _type === "string") {
+    if (typeof _type === 'string') {
       TargetComponent = _isView && viewRender ? viewRenderHandle : componentMap[_type];
     }
-    if ("component" in column) {
+    // 自定义组件时 防止默认值影像后续判断
+    if ('component' in column) {
       _type = null;
     }
-    if (component && import_react.default.isValidElement(component)) {
-      const newComponent = component;
-      const isProEditTable = ((_a = newComponent == null ? void 0 : newComponent.props) == null ? void 0 : _a.onlyOneLineMsg) === "请先保存数据";
-      TargetComponent = _isView ? viewRenderHandle || "" : component;
+    if (component && /*#__PURE__*/_react.default.isValidElement(component)) {
+      var _newComponent$props;
+      var newComponent = component;
+      var isProEditTable = (newComponent === null || newComponent === void 0 || (_newComponent$props = newComponent.props) === null || _newComponent$props === void 0 ? void 0 : _newComponent$props.onlyOneLineMsg) === '请先保存数据';
+      TargetComponent = _isView ? viewRenderHandle || '' : component;
+      // 可编辑表格内部支持
       if (isProEditTable) {
         TargetComponent = _isView ? viewRenderHandle || component : component;
       }
     }
-    const { label, placeholder, dataSource } = formItemChildProps;
-    const { label: formLabel } = _formItemProps;
-    const comDisabled = (_formItemProps == null ? void 0 : _formItemProps.disabled) ?? fieldProps.disabled;
-    const _isSelect = (0, import_utils.isSelect)({ dataSource, type: _type });
-    const placeholderHandle = () => {
-      const _label = (0, import_lodash.isString)(label) ? label : "";
-      const _formLabel = (0, import_lodash.isString)(formLabel) ? formLabel : "";
-      return placeholder || `${_isSelect ? `${import_locale.default.ProForm.selectPlaceHolder}` : `${import_locale.default.ProForm.inputPlaceholder}`}${_label || _formLabel || ""}`;
-    };
-    const _fieldProps = {
-      ...formItemChildProps,
-      ...fieldProps
+    var label = formItemChildProps.label,
+      placeholder = formItemChildProps.placeholder,
+      dataSource = formItemChildProps.dataSource;
+    var formLabel = _formItemProps.label;
+    var comDisabled = (_formItemProps$disabl = _formItemProps === null || _formItemProps === void 0 ? void 0 : _formItemProps.disabled) !== null && _formItemProps$disabl !== void 0 ? _formItemProps$disabl : fieldProps.disabled; // 组件属性层disabled fieldProps可能为函数
+
+    // 当前组件是不是一个选择组件
+    var _isSelect = (0, _utils.isSelect)({
+      dataSource,
+      type: _type
+    });
+    var placeholderHandle = () => {
+      var _label = (0, _lodash.isString)(label) ? label : '';
+      var _formLabel = (0, _lodash.isString)(formLabel) ? formLabel : '';
+      return placeholder || `${_isSelect ? `${_locale.default.ProForm.selectPlaceHolder}` : `${_locale.default.ProForm.inputPlaceholder}`}${_label || _formLabel || ''}`;
     };
-    if ((0, import_lodash.isBoolean)(formDisabled)) {
+
+    // 表单组件Props 兼容2.0版本
+    var _fieldProps = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, formItemChildProps), fieldProps);
+    if ((0, _lodash.isBoolean)(formDisabled)) {
       _fieldProps.disabled = formDisabled;
     }
-    const componentProps = {
-      placeholder: placeholderHandle(),
-      ..._fieldProps,
+    var componentProps = (0, _objectSpread2.default)((0, _objectSpread2.default)({
+      placeholder: placeholderHandle()
+    }, _fieldProps), {}, {
       disabled: comDisabled
-    };
-    if (["ProCollapse", "Container"].includes(_type)) {
+    });
+
+    // 容器组件，额外处理show的问题
+    if (['ProCollapse', 'Container'].includes(_type)) {
       componentProps.show = show;
       componentProps.clearNotShow = clearNotShow;
       componentProps.diffConfig = diffConfig;
     }
-    if (["Switch", "SwitchCheckbox"].includes(_type)) {
-      _formItemProps.valuePropName = "checked";
+
+    // switch与SwitchCheckbox单独添加valuePropName
+    if (['Switch', 'SwitchCheckbox'].includes(_type)) {
+      _formItemProps.valuePropName = 'checked';
     }
-    if (["RangePicker"].includes(_type) && !(fieldProps == null ? void 0 : fieldProps.placeholder)) {
+
+    // 时间范围placeholder处理
+    if (['RangePicker'].includes(_type) && !(fieldProps !== null && fieldProps !== void 0 && fieldProps.placeholder)) {
       delete componentProps.placeholder;
     }
+
+    // 没有找到对应组件  不渲染
     if (!TargetComponent) {
       return [];
     }
-    const _colProps = span ? { span } : { ...defaultColProps, ...colProps };
-    const otherProps = {
+    var _colProps = span ? {
+      span
+    } : (0, _objectSpread2.default)((0, _objectSpread2.default)({}, defaultColProps), colProps);
+
+    // 其余参数收进对象里传给子组件 componentProps只包含子组件参数
+    var otherProps = {
       label: _formItemProps.label,
       name: _formItemProps.name,
       disabled: comDisabled,
@@ -201,42 +216,43 @@ var RenderFields = (props) => {
       listName: column.listName,
       globalControl,
       formDisabled,
-      diffConfig,
-      desensitizationKey
+      diffConfig
     };
-    return /* @__PURE__ */ import_react.default.createElement(
-      import_useFieldProps.FieldProvider,
-      {
-        value: otherProps,
-        key: `${_formItemProps.name || _formItemProps.label}${index}`
-      },
-      /* @__PURE__ */ import_react.default.createElement(
-        import_Render.default,
-        {
-          show,
-          form,
-          disabled: column.disabled,
-          formDisabled,
-          type: _type,
-          originComponent: component,
-          component: TargetComponent,
-          formItemProps: _formItemProps,
-          confirm,
-          colProps: _colProps,
-          componentProps,
-          otherProps,
-          fieldProps: (0, import_lodash.isFunction)(fieldProps) ? fieldProps : null,
-          isSelect: _isSelect,
-          diffConfig,
-          onDiff,
-          requiredOnView,
-          globalControl,
-          viewRender,
-          desensitization
-        }
-      )
-    );
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_useFieldProps.FieldProvider, {
+      value: otherProps,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Render.default, {
+        show: show,
+        form: form,
+        disabled: column.disabled // 外层配置disabled
+        ,
+        formDisabled: formDisabled // 表单全局disabled
+        ,
+        type: _type,
+        originComponent: component // 原始自定义component，用于动态函数场景，TargetComponent已经默认赋值Input被污染
+        ,
+        component: TargetComponent
+        // @ts-ignore
+        ,
+        formItemProps: _formItemProps,
+        confirm: confirm,
+        colProps: _colProps,
+        componentProps: componentProps,
+        otherProps: otherProps,
+        fieldProps: (0, _lodash.isFunction)(fieldProps) ? fieldProps : null // 透传fieldProps函数
+        ,
+        isSelect: _isSelect,
+        diffConfig: diffConfig,
+        onDiff: onDiff,
+        requiredOnView: requiredOnView,
+        globalControl: globalControl,
+        viewRender: viewRender,
+        desensitization: desensitization,
+        shouldUpdateDebounce: shouldUpdateDebounce
+      })
+    }, `${_formItemProps.name || _formItemProps.label}${index}`);
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+    children: comList
   });
-  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, comList);
 };
-var RenderFields_default = RenderFields;
+var _default = exports.default = RenderFields;

package/lib/ProForm/components/render/propsType.d.ts

@@ -280,6 +280,7 @@ export interface RenderType<Values = any> {
     requiredOnView?: boolean;
     confirm?: ProFormColumnType['confirm'];
     globalControl?: boolean;
+    shouldUpdateDebounce?: number;
     [name: string]: any;
 }
 /**

package/lib/ProForm/components/render/propsType.js

@@ -1,17 +1,31 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/ProForm/components/render/propsType.ts
-var propsType_exports = {};
-module.exports = __toCommonJS(propsType_exports);
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+/**
+ * percent 百分比 permillage 千分比 amount 金额
+ */
+
+/**
+ * 扩展函数的参数
+ */
+
+// ProForm场景 转换value为可选, onChange参数修改
+
+var a = {};
+
+/**
+ * 值转换
+ */
+
+// 扩展依赖类型的ProFormColumn接口
+
+/**
+ * 表单渲染类型
+ */
+
+/**
+ * 兼容旧命名导出
+ */
+// 类型别名

package/lib/ProForm/index.d.ts

@@ -1,11 +1,11 @@
 import { FormInstance } from 'antd';
-import React, { ForwardRefRenderFunction } from 'react';
+import React from 'react';
 import { FormProviderProps } from 'antd/es/form/context';
 import type { ProFormType } from './propsType';
 import { useForm } from './utils/useForm';
 import useWatch from './utils/useWatch';
 import { useForms } from '../FormsProvider';
-interface IProForm<T = any> extends ForwardRefRenderFunction<FormInstance<T>, ProFormType<T>> {
+interface IProForm<T = any> extends React.ForwardRefExoticComponent<ProFormType<T> & React.RefAttributes<FormInstance<T>>> {
     useForm: typeof useForm;
     useWatch: typeof useWatch;
     useFormInstances: typeof useForms;