@zat-design/sisyphus-react 3.0.13

package/es/ProEnum/utils.js

@@ -0,0 +1,79 @@
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["children"];
+import { isNull, isUndefined } from 'lodash';
+export function getEnumData(storage, cacheKey) {
+  if (storage === 'localStorage') {
+    return JSON.parse(window.localStorage.getItem(cacheKey) || '{}');
+  }
+  if (storage === 'sessionStorage') {
+    return JSON.parse(window.sessionStorage.getItem(cacheKey) || '{}');
+  }
+}
+export function setEnumData(storage, cacheKey, data) {
+  if (storage === 'localStorage') {
+    window.localStorage.setItem(cacheKey, JSON.stringify(data));
+  } else if (storage === 'sessionStorage') {
+    window.sessionStorage.setItem(cacheKey, JSON.stringify(data));
+  }
+}
+export function hasEnumList(storage, cacheKey, code) {
+  var res = getEnumData(storage, cacheKey);
+  var enumList = (res === null || res === void 0 ? void 0 : res.data) || {};
+  return enumList === null || enumList === void 0 ? void 0 : enumList[code];
+}
+export function isObject(obj) {
+  return Object.prototype.toString.call(obj) === '[object Object]';
+}
+export function mergeCacheData(storage, code, cacheKey, responseData) {
+  var _window, _window2;
+  var cacheStorage = storage === 'localStorage' ? 'localStorage' : 'sessionStorage';
+  var cacheData = JSON.parse((_window = window) === null || _window === void 0 ? void 0 : _window[cacheStorage].getItem(cacheKey));
+  // 合并枚举到总数据源上
+  if (cacheData && cacheData.data) {
+    cacheData.data[code] = responseData;
+  }
+  (_window2 = window) === null || _window2 === void 0 ? void 0 : _window2[cacheStorage].setItem(cacheKey, JSON.stringify(cacheData));
+}
+/**
+ * diff code 差异
+ * @param cacheCodes
+ * @param codes
+ * @returns
+ */
+export function diffCode(cacheCodes, codes) {
+  var diff = false;
+  // 以后面传入的作计算
+  for (var index = 0; index < codes.length; index++) {
+    var clude = cacheCodes.includes(codes[index]);
+    // 缓存中有不存在的 code
+    if (!clude) {
+      diff = true;
+      return diff;
+    }
+  }
+  return diff;
+}
+/**
+ * 缓存fieldNames制定的值
+ * @param fieldNames 保留映射值
+ * @param dataSource 需要筛选的数据源
+ * @returns {}
+ */
+export function cacheFieldNames(fieldNames, dataSource) {
+  var children = fieldNames.children,
+    restFieldNames = _objectWithoutProperties(fieldNames, _excluded);
+  var result = {};
+  Object.keys(restFieldNames).forEach(function (key) {
+    var value = dataSource[restFieldNames[key]] ? dataSource[restFieldNames[key]] : dataSource[key];
+    if (!(isUndefined(value) || isNull(value))) {
+      result[key] = dataSource[restFieldNames[key]] ? dataSource[restFieldNames[key]] : dataSource[key];
+    }
+  });
+  // 递归去对数据进行清洗
+  if (children && Array.isArray(dataSource[children])) {
+    result[children] = dataSource[children].map(function (item) {
+      return cacheFieldNames(fieldNames, item);
+    });
+  }
+  return result;
+}

package/es/ProForm/components/Container.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+interface Props {
+    tooltip?: boolean;
+    nowrap?: boolean;
+    viewEmpty?: React.ReactNode;
+}
+declare const Container: React.FC<Props>;
+export default Container;

package/es/ProForm/components/Container.js

@@ -0,0 +1,27 @@
+import "antd/es/tooltip/style";
+import _Tooltip from "antd/es/tooltip";
+import React from 'react';
+import classNames from 'classnames';
+var Container = function Container(props) {
+  var children = props.children,
+    tooltip = props.tooltip,
+    nowrap = props.nowrap,
+    viewEmpty = props.viewEmpty;
+  var emptyChildren = [undefined, null, ''].includes(children);
+  var _className = classNames({
+    'pro-form-view-container': true,
+    'pro-form-view-container_nowrap': nowrap !== null && nowrap !== void 0 ? nowrap : tooltip
+  });
+  if (tooltip && !emptyChildren) {
+    return /*#__PURE__*/React.createElement(_Tooltip, {
+      placement: "topLeft",
+      title: children
+    }, /*#__PURE__*/React.createElement("div", {
+      className: _className
+    }, children));
+  }
+  return /*#__PURE__*/React.createElement("div", {
+    className: _className
+  }, emptyChildren ? viewEmpty : children);
+};
+export default Container;

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

@@ -0,0 +1,4 @@
+import React from 'react';
+import { FooterRenderProps } from './propsType';
+declare const FormFooter: React.FC<FooterRenderProps>;
+export default FormFooter;

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

@@ -0,0 +1,37 @@
+import "antd/es/button/style";
+import _Button from "antd/es/button";
+import "antd/es/space/style";
+import _Space from "antd/es/space";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import React from 'react';
+import { useProConfig } from 'zat-design-pro-component';
+var FormFooter = function FormFooter(props) {
+  var initialConfig = useProConfig('FormFooter');
+  var _initialConfig$props = _objectSpread(_objectSpread({}, initialConfig), props),
+    okText = _initialConfig$props.okText,
+    cancelText = _initialConfig$props.cancelText,
+    onOk = _initialConfig$props.onOk,
+    onCancel = _initialConfig$props.onCancel,
+    _initialConfig$props$ = _initialConfig$props.footer,
+    footer = _initialConfig$props$ === void 0 ? {} : _initialConfig$props$,
+    children = _initialConfig$props.children,
+    confirmLoading = _initialConfig$props.confirmLoading;
+  var _footer$okButtonProps = footer.okButtonProps,
+    okButtonProps = _footer$okButtonProps === void 0 ? {} : _footer$okButtonProps,
+    _footer$cancelButtonP = footer.cancelButtonProps,
+    cancelButtonProps = _footer$cancelButtonP === void 0 ? {} : _footer$cancelButtonP;
+  var okChildren = okButtonProps.children;
+  var cancelChildren = cancelButtonProps.children;
+  return /*#__PURE__*/React.createElement("div", {
+    className: "ant-form-item"
+  }, /*#__PURE__*/React.createElement(_Space, null, /*#__PURE__*/React.createElement(_Button, _objectSpread({
+    type: "primary",
+    htmlType: onOk ? 'button' : 'submit',
+    onClick: onOk,
+    disabled: confirmLoading,
+    loading: confirmLoading
+  }, okButtonProps), okChildren || okText || '查询'), /*#__PURE__*/React.createElement(_Button, _objectSpread({
+    onClick: onCancel
+  }, cancelButtonProps), cancelChildren || cancelText || '重置'), children));
+};
+export default FormFooter;

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

@@ -0,0 +1,17 @@
+import { ButtonProps, ColProps } from 'antd';
+export interface ButtonItem extends ButtonProps {
+    children?: any;
+}
+export interface FooterButtonProps {
+    okButtonProps?: ButtonItem;
+    cancelButtonProps?: ButtonItem;
+}
+export interface FooterRenderProps {
+    okText?: string;
+    cancelText?: string;
+    onOk?: () => void;
+    onCancel?: () => void;
+    footerColProps?: ColProps;
+    footer?: FooterButtonProps;
+    confirmLoading?: boolean;
+}

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

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

package/es/ProForm/components/base/Checkbox/index.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import { CheckboxGroupProps } from 'antd/lib/checkbox';
+import { ProFormOtherProps } from '../../../propsType';
+export interface Props extends Omit<CheckboxGroupProps, 'options'> {
+    dataSource: any[];
+    fieldNames?: {
+        label: string;
+        value: string;
+    };
+    otherProps?: ProFormOtherProps;
+}
+declare const Checkbox: React.FC<Props>;
+export default Checkbox;

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

@@ -0,0 +1,67 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import "antd/es/checkbox/style";
+import _Checkbox from "antd/es/checkbox";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["dataSource", "otherProps", "fieldNames"];
+import React from 'react';
+import Container from '../../Container';
+import { useProConfig } from '../../../../ProConfigProvider';
+var Checkbox = function Checkbox(props) {
+  var dataSource = props.dataSource,
+    otherProps = props.otherProps,
+    fieldNames = props.fieldNames,
+    rest = _objectWithoutProperties(props, _excluded);
+  var _ref = otherProps || {},
+    isView = _ref.isView,
+    viewEmpty = _ref.viewEmpty;
+  var initialConfig = useProConfig('Checkbox') || {};
+  var _fieldNames = fieldNames || initialConfig.fieldNames || {
+    label: 'label',
+    value: 'value'
+  };
+  if (isView) {
+    var value = rest.value;
+    var transToLabel = function transToLabel(value) {
+      var labelList = value.map(function (item) {
+        var _dataSource$find;
+        return (_dataSource$find = dataSource.find(function (dataItem) {
+          return dataItem[_fieldNames.value] === item;
+        })) === null || _dataSource$find === void 0 ? void 0 : _dataSource$find[_fieldNames.label];
+      });
+      return labelList.join('，');
+    };
+    if (Array.isArray(value)) {
+      return /*#__PURE__*/React.createElement(Container, {
+        tooltip: true,
+        viewEmpty: viewEmpty
+      }, transToLabel(value));
+    }
+    return /*#__PURE__*/React.createElement(Container, {
+      viewEmpty: viewEmpty
+    }, value ? transToLabel([value]) : null);
+  }
+  // 假如dataSource包含code,name, fieldNames没有配置，_fieldNames默认为code, name
+  if (Array.isArray(dataSource) && !fieldNames) {
+    var _dataSource$filter;
+    var hasCodeName = Boolean((_dataSource$filter = dataSource.filter(function (item) {
+      return Object.keys(item).includes('code') && Object.keys(item).includes('name');
+    })) === null || _dataSource$filter === void 0 ? void 0 : _dataSource$filter.length);
+    if (hasCodeName) {
+      _fieldNames = {
+        label: 'name',
+        value: 'code'
+      };
+    }
+  }
+  return /*#__PURE__*/React.createElement(_Checkbox.Group, _objectSpread({
+    style: {
+      width: '100%'
+    }
+  }, rest), !!dataSource.length && dataSource.map(function (item) {
+    return /*#__PURE__*/React.createElement(_Checkbox, {
+      key: item[_fieldNames.value],
+      value: item[_fieldNames.value]
+    }, item[_fieldNames.label]);
+  }));
+};
+export default Checkbox;

package/es/ProForm/components/base/DatePicker/index.d.ts

@@ -0,0 +1,12 @@
+import { DatePickerProps } from 'antd';
+import React from 'react';
+import { ProFormOtherProps } from '../../../propsType';
+export type Props = DatePickerProps & {
+    isView?: boolean;
+    viewEmpty?: React.ReactNode;
+    format?: string;
+    otherProps?: ProFormOtherProps;
+    showTime?: boolean;
+};
+declare const DatePicker: React.FC<Props>;
+export default DatePicker;

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

@@ -0,0 +1,64 @@
+import "antd/es/date-picker/style";
+import _DatePicker from "antd/es/date-picker";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["className", "format", "otherProps"];
+import { isFunction, isString } from 'lodash';
+import classNames from 'classnames';
+import moment from 'moment';
+import React from 'react';
+import { useProConfig } from 'zat-design-pro-component';
+import Container from '../../Container';
+var DatePicker = function DatePicker(props) {
+  var className = props.className,
+    _props$format = props.format,
+    format = _props$format === void 0 ? 'YYYY-MM-DD HH:mm:ss' : _props$format,
+    otherProps = props.otherProps,
+    rest = _objectWithoutProperties(props, _excluded);
+  var _ref = otherProps || {},
+    isView = _ref.isView,
+    viewEmpty = _ref.viewEmpty,
+    valueType = _ref.valueType;
+  var initialConfig = useProConfig('DatePicker');
+  var _className = classNames(_defineProperty({
+    'full-form-item': true
+  }, className, !!className));
+  if (isView || (props === null || props === void 0 ? void 0 : props.isView)) {
+    var value = rest.value;
+    var viewChildren = null;
+    if (!value) {
+      viewChildren = null;
+    } else if (typeof format === 'string' && moment.isMoment(value)) {
+      viewChildren = value.format(format);
+    } else if (isFunction(format)) {
+      viewChildren = format(value);
+    } else if (isString(value)) {
+      viewChildren = moment(value).format(format);
+    }
+    return /*#__PURE__*/React.createElement(Container, {
+      viewEmpty: viewEmpty
+    }, viewChildren);
+  }
+  // dateTime模式下默认开启time选择
+  var _rest = _objectSpread(_objectSpread({}, rest), {}, {
+    showTime: !rest.showTime && valueType === 'dateTime' || rest.showTime
+  });
+  if (_rest === null || _rest === void 0 ? void 0 : _rest.placeholder) {
+    _rest === null || _rest === void 0 ? true : delete _rest.placeholder;
+  }
+  // 字符串时间格式兼容
+  if (isString(_rest.value)) {
+    _rest.value = moment(_rest.value);
+  }
+  if (['dateStartTime', 'dateEndTime'].includes(valueType) && (isView || rest.disabled)) {
+    _rest.showTime = true;
+  }
+  if (['dateStartTime', 'dateEndTime'].includes(valueType) && rest.showTime && !rest.disabled) {
+    _rest.showTime = false;
+  }
+  return /*#__PURE__*/React.createElement(_DatePicker, _objectSpread(_objectSpread(_objectSpread({}, initialConfig), _rest), {}, {
+    className: _className
+  }));
+};
+export default DatePicker;

package/es/ProForm/components/base/FormList/components/ActionButton.d.ts

@@ -0,0 +1,19 @@
+import { FormInstance, FormListFieldData, FormListOperation } from 'antd';
+import { InternalNamePath } from 'antd/lib/form/interface';
+import React from 'react';
+import { Props as FormListProps, ActionProps, FormListMode } from '../index';
+export interface Props {
+    min?: FormListProps['min'];
+    max?: FormListProps['max'];
+    actionProps: ActionProps[];
+    namePath: InternalNamePath;
+    form: FormInstance;
+    field: FormListFieldData;
+    operation: FormListOperation;
+    index: number;
+    length: number;
+    fields: FormListFieldData[];
+    mode: FormListMode;
+}
+declare const ActionButton: React.FC<Props>;
+export default ActionButton;

package/es/ProForm/components/base/FormList/components/ActionButton.js

@@ -0,0 +1,170 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import "antd/es/button/style";
+import _Button from "antd/es/button";
+import "antd/es/popconfirm/style";
+import _Popconfirm from "antd/es/popconfirm";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+import "antd/es/space/style";
+import _Space from "antd/es/space";
+var _excluded = ["label", "onClick", "onHandle", "actionType", "needConfirm", "title"],
+  _excluded2 = ["onClick", "label"];
+import React, { useMemo } from 'react';
+import Icon, { CopyOutlined, DownSquareOutlined, PlusSquareOutlined, UpSquareOutlined } from '@ant-design/icons';
+import { ReactComponent as DeleteSvg } from '../../../../../assets/delete.svg';
+var getDefaultActions = function getDefaultActions(mode) {
+  var originActions = {
+    add: {
+      onClick: function onClick(record, lineName, index, operation, form) {
+        var add = operation.add;
+        add(undefined, index + 1);
+      },
+      type: 'text',
+      label: '新增',
+      icon: /*#__PURE__*/React.createElement(PlusSquareOutlined, null)
+    },
+    delete: {
+      onClick: function onClick(record, lineName, index, operation, form) {
+        var remove = operation.remove;
+        remove(index);
+      },
+      type: 'text',
+      label: '删除',
+      // icon: <ReactSVG src={deleteIcon} />,
+      icon: /*#__PURE__*/React.createElement(Icon, {
+        component: DeleteSvg
+      })
+    },
+    copy: {
+      onClick: function onClick(record, lineName, index, operation, form) {
+        var add = operation.add;
+        add(record, index + 1);
+      },
+      type: 'text',
+      label: '复制',
+      icon: /*#__PURE__*/React.createElement(CopyOutlined, null)
+    },
+    moveUp: {
+      onClick: function onClick(record, lineName, index, operation, form) {
+        var move = operation.move;
+        move(index, index - 1);
+      },
+      type: 'text',
+      label: '上移',
+      icon: /*#__PURE__*/React.createElement(UpSquareOutlined, null)
+    },
+    moveDown: {
+      onClick: function onClick(record, lineName, index, operation, form) {
+        var move = operation.move;
+        move(index, index + 1);
+      },
+      type: 'text',
+      label: '下移',
+      icon: /*#__PURE__*/React.createElement(DownSquareOutlined, null)
+    }
+  };
+  if (mode === 'block') {
+    Object.keys(originActions).forEach(function (key) {
+      originActions[key].type = 'default';
+    });
+  }
+  if (mode === 'line') {
+    Object.keys(originActions).forEach(function (key) {
+      delete originActions[key].label;
+    });
+  }
+  return originActions;
+};
+var ActionButton = function ActionButton(props) {
+  var actionProps = props.actionProps,
+    namePath = props.namePath,
+    form = props.form,
+    field = props.field,
+    operation = props.operation,
+    index = props.index,
+    length = props.length,
+    fields = props.fields,
+    min = props.min,
+    max = props.max,
+    mode = props.mode;
+  var handleClick = function handleClick(callback, index) {
+    var value = form.getFieldValue(namePath);
+    callback === null || callback === void 0 ? void 0 : callback(value, namePath, index, operation, form);
+  };
+  var defaultActions = useMemo(function () {
+    return getDefaultActions(mode);
+  }, [mode]);
+  return /*#__PURE__*/React.createElement(_Space, {
+    align: "start",
+    className: "pro-form-list-action"
+  }, actionProps === null || actionProps === void 0 ? void 0 : actionProps.map(function (item) {
+    var label = item.label,
+      onClick = item.onClick,
+      onHandle = item.onHandle,
+      actionType = item.actionType,
+      needConfirm = item.needConfirm,
+      title = item.title,
+      rest = _objectWithoutProperties(item, _excluded);
+    var _onClick = onClick || onHandle;
+    if (['add', 'delete', 'copy', 'moveUp', 'moveDown'].includes(actionType)) {
+      var _defaultActions$actio = defaultActions[actionType],
+        internalOnClick = _defaultActions$actio.onClick,
+        defaultLabel = _defaultActions$actio.label,
+        defaultRest = _objectWithoutProperties(_defaultActions$actio, _excluded2);
+      // 小于min不可删除
+      if (min && min >= fields.length && ['delete'].includes(actionType)) {
+        return false;
+      }
+      // 大于等于max不可新增和复制
+      if (max && max <= fields.length && ['add', 'copy'].includes(actionType)) {
+        return false;
+      }
+      // 下标为零 不可向上移动
+      if (index === 0 && ['moveUp'].includes(actionType)) {
+        return false;
+      }
+      // 下标最大 不可向下移动
+      if (index + 1 === fields.length && ['moveDown'].includes(actionType)) {
+        return false;
+      }
+      return needConfirm ? /*#__PURE__*/React.createElement(_Popconfirm, {
+        title: title !== null && title !== void 0 ? title : '您确定要删除该条数据吗?',
+        key: "".concat(item.label).concat(index),
+        onCancel: function onCancel(e) {
+          return e.stopPropagation();
+        },
+        onConfirm: function onConfirm(e) {
+          handleClick(_onClick || internalOnClick, index);
+        }
+      }, /*#__PURE__*/React.createElement(_Button, _objectSpread(_objectSpread(_objectSpread({}, defaultRest), rest), {}, {
+        onClick: function onClick(e) {
+          return e.stopPropagation();
+        }
+      }), label || defaultLabel)) : /*#__PURE__*/React.createElement(_Button, _objectSpread(_objectSpread(_objectSpread({
+        key: "".concat(item.label).concat(index)
+      }, defaultRest), rest), {}, {
+        onClick: function onClick() {
+          return handleClick(_onClick || internalOnClick, index);
+        }
+      }), label || defaultLabel);
+    }
+    return needConfirm ? /*#__PURE__*/React.createElement(_Popconfirm, {
+      title: title !== null && title !== void 0 ? title : '您确定要删除该条数据吗?',
+      key: "".concat(item.label).concat(index),
+      onCancel: function onCancel(e) {
+        return e.stopPropagation();
+      },
+      onConfirm: function onConfirm() {
+        return handleClick(_onClick, index);
+      }
+    }, /*#__PURE__*/React.createElement(_Button, _objectSpread(_objectSpread({}, rest), {}, {
+      onClick: function onClick(e) {
+        return e.stopPropagation();
+      }
+    }), label)) : /*#__PURE__*/React.createElement(_Button, _objectSpread(_objectSpread({}, rest), {}, {
+      onClick: function onClick() {
+        return handleClick(_onClick, index);
+      }
+    }), label);
+  }));
+};
+export default ActionButton;

package/es/ProForm/components/base/FormList/components/BlockFields.d.ts

@@ -0,0 +1,16 @@
+import { ColProps, FormListFieldData } from 'antd';
+import React from 'react';
+import { InternalNamePath } from 'antd/lib/form/interface';
+import { Props as FromListProps } from '../index';
+interface Props extends Omit<FromListProps, 'toolbarProps'> {
+    index: number;
+    namePath: InternalNamePath;
+    disabled?: boolean;
+    isView?: boolean;
+    colProps: ColProps;
+    field: FormListFieldData;
+    level?: string;
+    towCollapse?: boolean;
+}
+declare const BlockFields: React.FC<Props>;
+export default BlockFields;

package/es/ProForm/components/base/FormList/components/BlockFields.js

@@ -0,0 +1,69 @@
+import "antd/es/row/style";
+import _Row from "antd/es/row";
+import "antd/es/space/style";
+import _Space from "antd/es/space";
+import React, { useMemo } from 'react';
+import { isFunction } from 'lodash';
+import ActionButton from './ActionButton';
+import RenderFields from '../../../render/RenderFields';
+import ProCollapse from '../../../../../ProLayout/components/ProCollapse';
+var BlockFields = function BlockFields(props) {
+  var title = props.title,
+    mode = props.mode,
+    index = props.index,
+    form = props.form,
+    namePath = props.namePath,
+    min = props.min,
+    max = props.max,
+    fields = props.fields,
+    operation = props.operation,
+    field = props.field,
+    actionProps = props.actionProps,
+    columns = props.columns,
+    colProps = props.colProps,
+    disabled = props.disabled,
+    isView = props.isView,
+    _props$level = props.level,
+    level = _props$level === void 0 ? '2' : _props$level,
+    towCollapse = props.towCollapse;
+  var _title = useMemo(function () {
+    if (isFunction(title)) {
+      var record = form.getFieldValue(namePath);
+      return title(record, index, form);
+    }
+    return title;
+  }, [title, index]);
+  return /*#__PURE__*/React.createElement(_Space, {
+    direction: "vertical"
+  }, /*#__PURE__*/React.createElement(ProCollapse, {
+    title: _title,
+    index: index,
+    form: form,
+    // namePath={namePath}
+    level: level,
+    towCollapse: towCollapse,
+    extra: /*#__PURE__*/React.createElement(ActionButton, {
+      min: min,
+      max: max,
+      index: index,
+      length: fields.length,
+      operation: operation,
+      namePath: namePath,
+      form: form,
+      field: field,
+      fields: fields,
+      actionProps: actionProps,
+      mode: mode
+    })
+  }, /*#__PURE__*/React.createElement(_Row, {
+    key: field.key,
+    gutter: 24
+  }, /*#__PURE__*/React.createElement(RenderFields, {
+    columns: columns,
+    form: form,
+    colProps: colProps,
+    disabled: disabled,
+    isView: isView
+  }))));
+};
+export default BlockFields;

package/es/ProForm/components/base/FormList/components/BlockTitle.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import { NamePath } from 'antd/lib/form/interface';
+import { FormInstance } from 'antd';
+import { FormListMode } from '../index';
+export type TitleRender = (record: Record<string, any>, index: number, form: FormInstance) => any;
+export type TitleType = string | React.ReactNode | TitleRender;
+interface Props {
+    mode: FormListMode;
+    namePath: NamePath;
+    index: number;
+    form: FormInstance;
+    title: TitleType;
+}
+declare const BlockTitle: React.FC<Props>;
+export default BlockTitle;

package/es/ProForm/components/base/FormList/components/BlockTitle.js

@@ -0,0 +1,27 @@
+import React from 'react';
+import { isFunction } from 'lodash';
+var BlockTitle = function BlockTitle(props) {
+  var mode = props.mode,
+    namePath = props.namePath,
+    index = props.index,
+    form = props.form,
+    title = props.title;
+  if (mode !== 'block') {
+    return null;
+  }
+  if (!title) {
+    return /*#__PURE__*/React.createElement("div", null);
+  }
+  if ( /*#__PURE__*/React.isValidElement(title)) {
+    return title;
+  }
+  var titleContent = title;
+  if (isFunction(title)) {
+    var record = form.getFieldValue(namePath);
+    titleContent = title(record, index, form);
+  }
+  return /*#__PURE__*/React.createElement("div", {
+    className: "pro-form-list-block-title"
+  }, titleContent);
+};
+export default BlockTitle;