@zat-design/sisyphus-react 3.0.13

package/lib/ProEditTable/components/Summary/index.js

@@ -0,0 +1,84 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _react = _interopRequireDefault(require("react"));
+var _antd = require("antd");
+var _utils = require("@zat-design-pro-component/utils");
+var _utils2 = require("../../../ProUtils/utils");
+var calc = _utils.tools.calc;
+var formatSummaryColumns = function formatSummaryColumns(columns, _ref) {
+  var rowSelection = _ref.rowSelection;
+  var nextColumns = (0, _toConsumableArray2.default)(columns);
+  if (!rowSelection) {
+    nextColumns.forEach(function (column) {
+      var _column$index;
+      column.index = calc((_column$index = column.index) !== null && _column$index !== void 0 ? _column$index : 0, '-', 1);
+    });
+  }
+  var _ref2 = (nextColumns === null || nextColumns === void 0 ? void 0 : nextColumns[0]) || {},
+    firstIndex = _ref2.index;
+  if (firstIndex !== 0) {
+    var colSpan = calc(firstIndex !== null && firstIndex !== void 0 ? firstIndex : 0, '-', 1);
+    nextColumns.unshift({
+      index: 0,
+      colSpan: colSpan === 0 ? undefined : colSpan
+    });
+  }
+  return nextColumns;
+};
+var Summary = function Summary(_ref3) {
+  var data = _ref3.data,
+    summary = _ref3.summary,
+    rowSelection = _ref3.rowSelection;
+  var _ref4 = summary || {},
+    columns = _ref4.columns,
+    _ref4$total = _ref4.total,
+    total = _ref4$total === void 0 ? true : _ref4$total,
+    _ref4$fixed = _ref4.fixed,
+    fixed = _ref4$fixed === void 0 ? true : _ref4$fixed;
+  var nextColumns = formatSummaryColumns(columns, {
+    rowSelection: rowSelection
+  });
+  var renderCell = function renderCell(item) {
+    var key = item.key,
+      title = item.title,
+      precision = item.precision,
+      valueType = item.valueType;
+    if (title) {
+      return title;
+    }
+    if (total && key) {
+      var _data$reduce;
+      var format = _utils2.valueTypeRender === null || _utils2.valueTypeRender === void 0 ? void 0 : _utils2.valueTypeRender[valueType];
+      var sum = data === null || data === void 0 ? void 0 : (_data$reduce = data.reduce) === null || _data$reduce === void 0 ? void 0 : _data$reduce.call(data, function (pre, cur) {
+        var _cur$key;
+        return calc(pre, '+', (_cur$key = cur[key]) !== null && _cur$key !== void 0 ? _cur$key : 0);
+      }, 0);
+      return format ? format(sum, precision !== null && precision !== void 0 ? precision : 2) : sum;
+    }
+    return null;
+  };
+  // 当编辑列表没有数据时，不展示底部合计栏
+  if (!(data === null || data === void 0 ? void 0 : data.length)) {
+    return null;
+  }
+  return /*#__PURE__*/_react.default.createElement(_antd.Table.Summary, {
+    fixed: fixed
+  }, /*#__PURE__*/_react.default.createElement(_antd.Table.Summary.Row, null, nextColumns.map(function (item) {
+    var index = item.index,
+      colSpan = item.colSpan,
+      prefix = item.prefix;
+    return /*#__PURE__*/_react.default.createElement(_antd.Table.Summary.Cell, {
+      key: index,
+      index: index,
+      colSpan: colSpan
+    }, /*#__PURE__*/_react.default.createElement(_antd.Space, null, prefix, /*#__PURE__*/_react.default.createElement("span", null, renderCell(item))));
+  })));
+};
+var _default = Summary;
+exports.default = _default;

package/lib/ProEditTable/components/Validator/index.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import type { NamePath } from 'antd/lib/form/interface';
+interface ValidatorProps {
+    name?: NamePath;
+    virtualKey?: string;
+    editingKeys?: string[];
+    onlyOneLineMsg?: string;
+}
+declare const _default: React.NamedExoticComponent<ValidatorProps>;
+export default _default;

package/lib/ProEditTable/components/Validator/index.js

@@ -0,0 +1,32 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _antd = require("antd");
+var Validator = function Validator(_ref) {
+  var name = _ref.name,
+    virtualKey = _ref.virtualKey,
+    editingKeys = _ref.editingKeys,
+    onlyOneLineMsg = _ref.onlyOneLineMsg;
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, name && virtualKey ? /*#__PURE__*/_react.default.createElement(_antd.Form.Item, {
+    noStyle: true,
+    validateFirst: true,
+    name: "".concat(name, "-").concat(virtualKey),
+    rules: [{
+      // 单行编辑下，校验当前数据是否已保存
+      validator: function validator() {
+        if (editingKeys === null || editingKeys === void 0 ? void 0 : editingKeys.length) {
+          _antd.message.warning(onlyOneLineMsg);
+          return Promise.reject();
+        }
+        return Promise.resolve();
+      }
+    }]
+  }, /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null)) : null);
+};
+var _default = /*#__PURE__*/(0, _react.memo)(Validator);
+exports.default = _default;

package/lib/ProEditTable/components/index.d.ts

@@ -0,0 +1,6 @@
+export { default as DndWrapper, Row } from './DndWrapper';
+export { default as RenderField } from './RenderField';
+export { default as Validator } from './Validator';
+export { default as Summary } from './Summary';
+export { default as RenderToolbar } from './RenderToolbar';
+export { default as ActionButton } from './ActionButton';

package/lib/ProEditTable/components/index.js

@@ -0,0 +1,55 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "ActionButton", {
+  enumerable: true,
+  get: function get() {
+    return _ActionButton.default;
+  }
+});
+Object.defineProperty(exports, "DndWrapper", {
+  enumerable: true,
+  get: function get() {
+    return _DndWrapper.default;
+  }
+});
+Object.defineProperty(exports, "RenderField", {
+  enumerable: true,
+  get: function get() {
+    return _RenderField.default;
+  }
+});
+Object.defineProperty(exports, "RenderToolbar", {
+  enumerable: true,
+  get: function get() {
+    return _RenderToolbar.default;
+  }
+});
+Object.defineProperty(exports, "Row", {
+  enumerable: true,
+  get: function get() {
+    return _DndWrapper.Row;
+  }
+});
+Object.defineProperty(exports, "Summary", {
+  enumerable: true,
+  get: function get() {
+    return _Summary.default;
+  }
+});
+Object.defineProperty(exports, "Validator", {
+  enumerable: true,
+  get: function get() {
+    return _Validator.default;
+  }
+});
+var _DndWrapper = _interopRequireWildcard(require("./DndWrapper"));
+var _RenderField = _interopRequireDefault(require("./RenderField"));
+var _Validator = _interopRequireDefault(require("./Validator"));
+var _Summary = _interopRequireDefault(require("./Summary"));
+var _RenderToolbar = _interopRequireDefault(require("./RenderToolbar"));
+var _ActionButton = _interopRequireDefault(require("./ActionButton"));

package/lib/ProEditTable/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { ProEditTableProps, ProEditTableRefProps } from './propsType';
+declare const ForwardProEditTable: React.ForwardRefExoticComponent<ProEditTableProps<any> & React.RefAttributes<ProEditTableRefProps>>;
+export default ForwardProEditTable;

package/lib/ProEditTable/index.js

@@ -0,0 +1,278 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
+var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireWildcard(require("react"));
+var _lodash = require("lodash");
+var _ahooks = require("ahooks");
+var _antd = require("antd");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _utils = require("./utils");
+var _tools = require("./utils/tools");
+var _components = require("./components");
+var _empty = _interopRequireDefault(require("../assets/empty.png"));
+var _excluded = ["value", "onChange", "className", "columns", "type", "mode", "draggable", "disabled", "insertType", "emptyBtnText", "actionWidth", "actionProps", "toolbarProps", "rowSelection", "onlyOneLineMsg", "deletePoConfirmMsg", "mulDeletePoConfirmMsg", "otherProps", "requiredAlign", "summary"];
+var ProEditTable = function ProEditTable(_ref, ref) {
+  var _value$2;
+  var value = _ref.value,
+    onChange = _ref.onChange,
+    className = _ref.className,
+    columns = _ref.columns,
+    type = _ref.type,
+    mode = _ref.mode,
+    draggable = _ref.draggable,
+    disabled = _ref.disabled,
+    insertType = _ref.insertType,
+    emptyBtnText = _ref.emptyBtnText,
+    actionWidth = _ref.actionWidth,
+    actionProps = _ref.actionProps,
+    toolbarProps = _ref.toolbarProps,
+    rowSelection = _ref.rowSelection,
+    onlyOneLineMsg = _ref.onlyOneLineMsg,
+    deletePoConfirmMsg = _ref.deletePoConfirmMsg,
+    mulDeletePoConfirmMsg = _ref.mulDeletePoConfirmMsg,
+    _ref$otherProps = _ref.otherProps,
+    otherProps = _ref$otherProps === void 0 ? {} : _ref$otherProps,
+    requiredAlign = _ref.requiredAlign,
+    summary = _ref.summary,
+    resetProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  var form = (otherProps === null || otherProps === void 0 ? void 0 : otherProps.form) || (resetProps === null || resetProps === void 0 ? void 0 : resetProps.form);
+  var name = (otherProps === null || otherProps === void 0 ? void 0 : otherProps.name) || (resetProps === null || resetProps === void 0 ? void 0 : resetProps.name);
+  var _otherProps$isView = otherProps.isView,
+    isView = _otherProps$isView === void 0 ? false : _otherProps$isView,
+    viewEmpty = otherProps.viewEmpty;
+  disabled = (otherProps === null || otherProps === void 0 ? void 0 : otherProps.disabled) || disabled;
+  var _useSetState = (0, _ahooks.useSetState)({
+      _columns: columns,
+      cellNamePath: [],
+      forceUpdate: {},
+      editingKeys: [],
+      selectedRowKeys: [],
+      selectedRows: [],
+      virtualKey: type === 'single' || mode === 'single' ? (0, _tools.getRandom)() : '' // 单行编辑生成个随机formItem的key
+    }),
+    _useSetState2 = (0, _slicedToArray2.default)(_useSetState, 2),
+    state = _useSetState2[0],
+    setState = _useSetState2[1];
+  var _columns = state._columns,
+    cellNamePath = state.cellNamePath,
+    forceUpdate = state.forceUpdate,
+    editingKeys = state.editingKeys,
+    virtualKey = state.virtualKey,
+    selectedRowKeys = state.selectedRowKeys,
+    selectedRows = state.selectedRows;
+  var cacheMap = (0, _react.useRef)({});
+  // 样式处理
+  var _className = (0, _classnames.default)({
+    'pro-edit-table': true,
+    'pro-edit-table-drag': draggable,
+    className: className
+  });
+  // 编辑行设置下样式
+  var _rowClassName = function _rowClassName(record) {
+    return !virtualKey || editingKeys.includes(record.rowKey) ? 'is-editing' : '';
+  };
+  // 复选框
+  var _rowSelection = (0, _objectSpread2.default)({
+    selectedRowKeys: selectedRowKeys,
+    onChange: function onChange(selectedRowKeys, selectedRows) {
+      setState({
+        selectedRowKeys: selectedRowKeys,
+        selectedRows: selectedRows
+      });
+    }
+  }, rowSelection);
+  var config = {
+    form: form,
+    draggable: draggable,
+    mode: mode,
+    isView: isView,
+    viewEmpty: viewEmpty,
+    disabled: disabled,
+    cacheMap: cacheMap,
+    cellNamePath: cellNamePath,
+    forceUpdate: forceUpdate,
+    insertType: insertType,
+    emptyBtnText: emptyBtnText,
+    editingKeys: editingKeys,
+    actionWidth: actionWidth,
+    actionProps: actionProps,
+    toolbarProps: toolbarProps,
+    setState: setState,
+    selectedRowKeys: selectedRowKeys,
+    selectedRows: selectedRows,
+    onlyOneLineMsg: onlyOneLineMsg,
+    deletePoConfirmMsg: deletePoConfirmMsg,
+    mulDeletePoConfirmMsg: mulDeletePoConfirmMsg,
+    virtualKey: virtualKey,
+    requiredAlign: requiredAlign,
+    name: (0, _lodash.isArray)(name) ? name : [name] // name需要处理成namePath形式，为兼容多路径
+  };
+  // 判断是否禁止添加、批量删除
+  var isForbiddenBtn = (0, _react.useCallback)(function (type) {
+    // 当工具栏不渲染时，都不渲染
+    if (toolbarProps === false) {
+      return true;
+    }
+    // 通过配置项配置show 为 false 开启关闭添加与批量删除
+    if (Array.isArray(toolbarProps)) {
+      var addBtnConfig = toolbarProps === null || toolbarProps === void 0 ? void 0 : toolbarProps.find(function (item) {
+        return item.type === type;
+      });
+      if (typeof (addBtnConfig === null || addBtnConfig === void 0 ? void 0 : addBtnConfig.show) === 'function') {
+        addBtnConfig.show = addBtnConfig.show();
+      }
+      return (addBtnConfig === null || addBtnConfig === void 0 ? void 0 : addBtnConfig.show) === false;
+    }
+  }, [toolbarProps]);
+  // 空列表状态
+  var empty = function empty() {
+    var _toolbarProps$find, _toolbarProps$find$ca;
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: "com-empty"
+    }, /*#__PURE__*/_react.default.createElement("img", {
+      className: "img",
+      src: _empty.default
+    }), /*#__PURE__*/_react.default.createElement("div", {
+      className: "content"
+    }, disabled || isForbiddenBtn('add') ? '暂无数据' : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, "\u6682\u65E0\u6570\u636E\uFF0C", /*#__PURE__*/_react.default.createElement(_components.RenderToolbar, (0, _objectSpread2.default)({}, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, config), {}, {
+      toolbarProps: [{
+        type: 'add',
+        onHandle: toolbarProps === null || toolbarProps === void 0 ? void 0 : (_toolbarProps$find = toolbarProps.find) === null || _toolbarProps$find === void 0 ? void 0 : (_toolbarProps$find$ca = _toolbarProps$find.call(toolbarProps, function (item) {
+          return item.type === 'add';
+        })) === null || _toolbarProps$find$ca === void 0 ? void 0 : _toolbarProps$find$ca.onHandle
+      }],
+      dataSource: []
+    }))))));
+  };
+  /**
+   * 渲染表格选择器
+   * @returns rowSelection
+   */
+  var renderRowSelection = function renderRowSelection() {
+    if (disabled || isView) {
+      return null;
+    }
+    return isForbiddenBtn('mulDelete') ? rowSelection : _rowSelection;
+  };
+  var setColumns = /*#__PURE__*/function () {
+    var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee() {
+      var nextColumns;
+      return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            _context.next = 2;
+            return (0, _utils.transformColumns)(columns, config, renderRowSelection());
+          case 2:
+            nextColumns = _context.sent;
+            setState({
+              _columns: nextColumns
+            });
+          case 4:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return function setColumns() {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+  (0, _ahooks.useDebounceEffect)(function () {
+    setColumns();
+  }, [value, cellNamePath, forceUpdate, editingKeys, disabled, actionProps, columns],
+  // columns更新修复外部表单无法控制内部表单的问题
+  {
+    wait: 60
+  });
+  (0, _react.useEffect)(function () {
+    var _value$;
+    // 初始化默认生成rowKey
+    if ((value === null || value === void 0 ? void 0 : value.length) && !(value === null || value === void 0 ? void 0 : (_value$ = value[0]) === null || _value$ === void 0 ? void 0 : _value$.rowKey)) {
+      var nextValues = value === null || value === void 0 ? void 0 : value.map(function (item) {
+        return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, item), {}, {
+          rowKey: (0, _tools.getRandom)()
+        });
+      });
+      onChange(nextValues);
+    }
+  }, [value]);
+  (0, _react.useImperativeHandle)(ref, function () {
+    return {
+      getInternalState: function getInternalState() {
+        return state;
+      }
+    };
+  });
+  var _summary = (0, _typeof2.default)(summary) === 'object' ? function (data) {
+    return /*#__PURE__*/_react.default.createElement(_components.Summary, {
+      data: data,
+      summary: summary,
+      rowSelection: renderRowSelection()
+    });
+  } : summary;
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_antd.ConfigProvider, {
+    renderEmpty: (value === null || value === void 0 ? void 0 : value.length) ? undefined : empty
+  }, /*#__PURE__*/_react.default.createElement(_components.DndWrapper, {
+    value: value,
+    onChange: onChange,
+    disabled: disabled,
+    draggable: draggable
+  }, /*#__PURE__*/_react.default.createElement(_antd.Table, (0, _objectSpread2.default)((0, _objectSpread2.default)({
+    className: _className,
+    dataSource: (value === null || value === void 0 ? void 0 : (_value$2 = value[0]) === null || _value$2 === void 0 ? void 0 : _value$2.rowKey) ? value : undefined,
+    columns: _columns,
+    rowSelection: renderRowSelection(),
+    rowClassName: _rowClassName,
+    components: draggable ? {
+      body: {
+        row: _components.Row
+      }
+    } : undefined,
+    onRow: function onRow() {
+      return {
+        disabled: disabled || virtualKey && !!editingKeys.length,
+        onClick: function onClick() {}
+      };
+    }
+  }, resetProps), {}, {
+    rowKey: "rowKey",
+    pagination: false,
+    summary: _summary
+  }))), !isView && (value === null || value === void 0 ? void 0 : value.length) ? /*#__PURE__*/_react.default.createElement("div", {
+    className: "pro-edit-table-toolbar"
+  }, /*#__PURE__*/_react.default.createElement(_components.RenderToolbar, (0, _objectSpread2.default)({}, config))) : null), /*#__PURE__*/_react.default.createElement(_components.Validator, {
+    name: name,
+    virtualKey: virtualKey,
+    editingKeys: editingKeys,
+    onlyOneLineMsg: onlyOneLineMsg
+  }));
+};
+var ForwardProEditTable = /*#__PURE__*/(0, _react.forwardRef)(ProEditTable);
+ForwardProEditTable.defaultProps = {
+  type: 'multiple',
+  mode: 'multiple',
+  insertType: 'after',
+  requiredAlign: 'right',
+  value: [],
+  actionProps: [],
+  toolbarProps: [],
+  disabled: false,
+  draggable: false,
+  emptyBtnText: '点击添加',
+  onlyOneLineMsg: '请先保存数据',
+  deletePoConfirmMsg: '您确定要删除该行数据吗？',
+  mulDeletePoConfirmMsg: '您确定要删除选中的数据吗？'
+};
+var _default = ForwardProEditTable;
+exports.default = _default;

package/lib/ProEditTable/propsType.d.ts

@@ -0,0 +1,201 @@
+import { Key, ReactNode } from 'react';
+import type { ButtonProps } from 'antd/lib/button';
+import type { TooltipProps } from 'antd/lib/tooltip';
+import type { NamePath } from 'antd/lib/form/interface';
+import type { ColumnType } from 'antd/es/table';
+import type { TableProps } from 'antd/lib/table';
+import type { FormInstance, FormItemProps, Rule } from 'antd/lib/Form';
+import { ProFormValueType, ColumnPropsMap } from '../ProForm/components/render/propsType';
+export type ActionType = 'edit' | 'delete' | 'save' | 'cancel' | 'add' | 'mulDelete' | 'custom';
+export type ShowFunction<T> = (record?: T, index?: number) => Promise<any> | boolean | void;
+export interface OptionsProps {
+    index: number;
+    form: FormInstance;
+    namePath: NamePath;
+}
+export interface SummaryColumnProps {
+    key: string;
+    index: number;
+    title?: string;
+    colSpan?: number;
+    valueType?: string;
+    precision?: number;
+    prefix?: ReactNode | string;
+}
+export interface BaseActionProps<T> {
+    /**
+     * @description       按钮类型
+     * @default           -
+     */
+    type?: ActionType;
+    /**
+     * @description       按钮名称
+     * @default           -
+     */
+    label?: string | ReactNode;
+    /**
+     * @description       是否显示按钮
+     * @default           true
+     */
+    show?: boolean | ShowFunction<T>;
+    /**
+     * @description       按钮是否禁止操作
+     * @default           -
+     */
+    isEditable?: boolean;
+    /**
+     * @description       按钮前置校验事件
+     * @default           -
+     */
+    onHandle?: ShowFunction<T>;
+    /**
+     * @description       按钮事件
+     * @default           -
+     */
+    onClick?: (record?: T, index?: number) => void;
+    /**
+     * @description       支持antd的Button属性
+     * @default           -
+     */
+    buttonProps?: Omit<ButtonProps, 'type' | 'onClick'>;
+}
+export type RulesFn<T> = (text?: any, record?: T, options?: OptionsProps) => Rule[] | void;
+export type RequiredFn<T> = (text?: any, record?: T, options?: OptionsProps) => boolean | void;
+export type viewRenderFn<T> = (text?: any, record?: T, options?: OptionsProps) => string | number | ReactNode | void;
+export interface ProColumnsProps<Values = any, T = any> extends Omit<FormItemProps<Values>, 'rules' | 'required'>, ColumnType<Values> {
+    required?: boolean | RequiredFn<T>;
+    labelRequired?: boolean;
+    name?: NamePath;
+    names?: NamePath[];
+    cache?: boolean;
+    isEditable?: boolean;
+    valueType?: ProFormValueType;
+    tooltip?: string | ({
+        icon?: string | ReactNode;
+    } & TooltipProps);
+    component?: string | number | ReactNode | viewRenderFn<T>;
+    viewRender?: string | number | ReactNode | viewRenderFn<T>;
+    hiddenNames?: NamePath[] | NamePath[][];
+    rules?: Rule[] | RulesFn<T>;
+    [key: string]: any;
+}
+export type ProEditTableColumnsProps<K = any> = ProColumnsProps & ColumnPropsMap<K, 'ProEditTable'>;
+export interface State {
+    _columns: ProEditTableColumnsProps[];
+    cellNamePath: NamePath[];
+    forceUpdate: {};
+    editingKeys: string[];
+    selectedRowKeys: Key[];
+    selectedRows: any[];
+    virtualKey: string;
+}
+export interface ProEditTableRefProps {
+    getInternalState: () => State;
+}
+export interface ProEditTableProps<T = any> extends Omit<TableProps<T>, 'onChange' | 'summary'> {
+    /**
+     * @description       可编辑表格的 form 实例，使用 Form.useForm 生成后使用
+     * @default           -
+     */
+    form?: FormInstance;
+    /**
+     * @description       可编辑表格的类型，单行、多行、单元格编辑
+     * @default           multiple
+     */
+    mode?: 'single' | 'multiple' | 'cell';
+    /**
+     * @description       可编辑表格的类型，单行编辑或者多行编辑
+     * @deprecated        将于下个版本 4.0.0 被弃用
+     * @default           multiple
+     */
+    type?: 'single' | 'multiple' | 'cell';
+    /**
+     * @description       必填对齐方式, 默认右对齐
+     * @default           right
+     */
+    requiredAlign?: 'left' | 'right';
+    /**
+     * @description       同 dataSource，传入一个数组,是 table 渲染的元数据
+     * @default           undefined
+     */
+    value?: T[];
+    /**
+     * @description       dataSource 修改时触发，删除和修改都会触发,如果设置了 value，ProEditTable 会成为一个受控组件
+     * @default           -
+     */
+    onChange?: (list: T[]) => void;
+    /**
+     * @description       表格列的配置描述，扩展了FormItemProps属性
+     * @default           []
+     */
+    columns: ProEditTableColumnsProps[];
+    /**
+     * @description       是否禁止编辑
+     * @default           false
+     */
+    disabled?: boolean;
+    /**
+     * @description       可编辑表格新增时数据插入方式，头部插入或者尾部插入
+     * @default           after
+     */
+    insertType?: 'before' | 'after';
+    /**
+     * @description       字段名，支持数组
+     * @default          -
+     */
+    name?: string | number | (string | number)[];
+    /**
+     * @description       是否可拖拽排序
+     * @default           -
+     */
+    draggable?: boolean;
+    /**
+     * @description       空列表状态时，自定义添加按钮
+     * @default          点击添加
+     */
+    emptyBtnText?: string;
+    /**
+     * @description       只能编辑一行的的提示
+     * @default          请先保存数据
+     */
+    onlyOneLineMsg?: string;
+    /**
+     * @description       单行删除时弹出的确认框提示消息
+     * @default          您确定要删除该行数据吗？
+     */
+    deletePoConfirmMsg?: string;
+    /**
+     * @description       多行删除时弹出的确认框提示消息
+     * @default          您确定要删除选中的数据吗？
+     */
+    mulDeletePoConfirmMsg?: string;
+    /**
+     * @description       自定义编辑模式的操作栏 单行编辑默认为编辑、删除、保存、取消；多行编辑为删除
+     * @default           -
+     */
+    actionWidth?: ColumnType<T>['width'];
+    /**
+     * @description       自定义编辑模式的操作栏 单行编辑默认为编辑、删除、保存、取消；多行编辑为删除
+     * @default           -
+     */
+    actionProps?: BaseActionProps<T>[] | boolean;
+    /**
+     * @description       自定义底部操作栏 默认为添加、删除（批量）
+     * @default           -
+     */
+    toolbarProps?: BaseActionProps<T>[] | boolean;
+    /**
+     * @description       formItem的props
+     * @default           -
+     */
+    otherProps?: any;
+    /**
+     * @description       底部合计配置
+     * @default           -
+     */
+    summary?: {
+        columns: SummaryColumnProps[];
+        total?: boolean;
+        fixed?: boolean | 'top' | 'bottom';
+    } | TableProps<T>['summary'];
+}

package/lib/ProEditTable/propsType.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});