zmdms-webui 0.0.4 → 0.0.6

package/dist/es/modal/modal.d.ts

@@ -0,0 +1,5 @@
+import { IModalComponent } from './interface.js';
+
+declare const ModalComponent: IModalComponent;
+
+export { ModalComponent as default };

package/dist/es/modal/modal.js

@@ -0,0 +1,34 @@
+import { __rest, __assign } from '../_virtual/_tslib.js';
+import { jsx } from 'react/jsx-runtime';
+import { forwardRef, useState, useCallback, useImperativeHandle } from 'react';
+import { Modal as Modal$1 } from 'antd';
+import classNames from '../node_modules/classnames/index.js';
+
+var Modal = function (_a, ref) {
+    var className = _a.className, defaultOpen = _a.defaultOpen, resetProps = __rest(_a, ["className", "defaultOpen"]);
+    var classes = classNames("ztxk-modal", className);
+    var _b = useState(defaultOpen), open = _b[0], setOpen = _b[1];
+    var close = useCallback(function () {
+        setOpen(false);
+    }, []);
+    useImperativeHandle(ref, function () {
+        return {
+            open: function () {
+                setOpen(true);
+            },
+            close: function () {
+                setOpen(false);
+            },
+        };
+    });
+    return (jsx(Modal$1, __assign({ open: open, onCancel: close, className: classes }, resetProps)));
+};
+var ModalComponent = forwardRef(Modal);
+ModalComponent.displayName = "ZTXK_WEBUI_ModalComponent";
+ModalComponent.info = Modal$1.info;
+ModalComponent.success = Modal$1.success;
+ModalComponent.error = Modal$1.error;
+ModalComponent.warning = Modal$1.warning;
+ModalComponent.confirm = Modal$1.confirm;
+
+export { ModalComponent as default };

package/dist/es/node_modules/@ant-design/icons/es/icons/MinusOutlined.js

@@ -0,0 +1,15 @@
+import _objectSpread2 from '../../../../@babel/runtime/helpers/esm/objectSpread2.js';
+import * as React from 'react';
+import MinusOutlinedSvg from '../../../icons-svg/es/asn/MinusOutlined.js';
+import AntdIcon from '../components/AntdIcon.js';
+
+var MinusOutlined = function MinusOutlined(props, ref) {
+  return /*#__PURE__*/React.createElement(AntdIcon, _objectSpread2(_objectSpread2({}, props), {}, {
+    ref: ref,
+    icon: MinusOutlinedSvg
+  }));
+};
+MinusOutlined.displayName = 'MinusOutlined';
+var MinusOutlined$1 = /*#__PURE__*/React.forwardRef(MinusOutlined);
+
+export { MinusOutlined$1 as default };

package/dist/es/node_modules/@ant-design/icons/es/icons/MinusSquareOutlined.js

@@ -0,0 +1,15 @@
+import _objectSpread2 from '../../../../@babel/runtime/helpers/esm/objectSpread2.js';
+import * as React from 'react';
+import MinusSquareOutlinedSvg from '../../../icons-svg/es/asn/MinusSquareOutlined.js';
+import AntdIcon from '../components/AntdIcon.js';
+
+var MinusSquareOutlined = function MinusSquareOutlined(props, ref) {
+  return /*#__PURE__*/React.createElement(AntdIcon, _objectSpread2(_objectSpread2({}, props), {}, {
+    ref: ref,
+    icon: MinusSquareOutlinedSvg
+  }));
+};
+MinusSquareOutlined.displayName = 'MinusSquareOutlined';
+var MinusSquareOutlined$1 = /*#__PURE__*/React.forwardRef(MinusSquareOutlined);
+
+export { MinusSquareOutlined$1 as default };

package/dist/es/node_modules/@ant-design/icons/es/icons/PicRightOutlined.js

@@ -0,0 +1,15 @@
+import _objectSpread2 from '../../../../@babel/runtime/helpers/esm/objectSpread2.js';
+import * as React from 'react';
+import PicRightOutlinedSvg from '../../../icons-svg/es/asn/PicRightOutlined.js';
+import AntdIcon from '../components/AntdIcon.js';
+
+var PicRightOutlined = function PicRightOutlined(props, ref) {
+  return /*#__PURE__*/React.createElement(AntdIcon, _objectSpread2(_objectSpread2({}, props), {}, {
+    ref: ref,
+    icon: PicRightOutlinedSvg
+  }));
+};
+PicRightOutlined.displayName = 'PicRightOutlined';
+var PicRightOutlined$1 = /*#__PURE__*/React.forwardRef(PicRightOutlined);
+
+export { PicRightOutlined$1 as default };

package/dist/es/node_modules/@ant-design/icons/es/icons/PlusOutlined.js

@@ -0,0 +1,15 @@
+import _objectSpread2 from '../../../../@babel/runtime/helpers/esm/objectSpread2.js';
+import * as React from 'react';
+import PlusOutlinedSvg from '../../../icons-svg/es/asn/PlusOutlined.js';
+import AntdIcon from '../components/AntdIcon.js';
+
+var PlusOutlined = function PlusOutlined(props, ref) {
+  return /*#__PURE__*/React.createElement(AntdIcon, _objectSpread2(_objectSpread2({}, props), {}, {
+    ref: ref,
+    icon: PlusOutlinedSvg
+  }));
+};
+PlusOutlined.displayName = 'PlusOutlined';
+var PlusOutlined$1 = /*#__PURE__*/React.forwardRef(PlusOutlined);
+
+export { PlusOutlined$1 as default };

package/dist/es/node_modules/@ant-design/icons-svg/es/asn/MinusOutlined.js

@@ -0,0 +1,5 @@
+// This icon file is generated automatically.
+var MinusOutlined = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M872 474H152c-4.4 0-8 3.6-8 8v60c0 4.4 3.6 8 8 8h720c4.4 0 8-3.6 8-8v-60c0-4.4-3.6-8-8-8z" } }] }, "name": "minus", "theme": "outlined" };
+var MinusOutlinedSvg = MinusOutlined;
+
+export { MinusOutlinedSvg as default };

package/dist/es/node_modules/@ant-design/icons-svg/es/asn/MinusSquareOutlined.js

@@ -0,0 +1,5 @@
+// This icon file is generated automatically.
+var MinusSquareOutlined = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M328 544h368c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8H328c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8z" } }, { "tag": "path", "attrs": { "d": "M880 112H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V144c0-17.7-14.3-32-32-32zm-40 728H184V184h656v656z" } }] }, "name": "minus-square", "theme": "outlined" };
+var MinusSquareOutlinedSvg = MinusSquareOutlined;
+
+export { MinusSquareOutlinedSvg as default };

package/dist/es/node_modules/@ant-design/icons-svg/es/asn/PicRightOutlined.js

@@ -0,0 +1,5 @@
+// This icon file is generated automatically.
+var PicRightOutlined = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M952 792H72c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h880c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zm0-632H72c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h880c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zm-24 500c8.8 0 16-7.2 16-16V380c0-8.8-7.2-16-16-16H416c-8.8 0-16 7.2-16 16v264c0 8.8 7.2 16 16 16h512zM472 436h400v152H472V436zM80 646c0 4.4 3.6 8 8 8h224c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H88c-4.4 0-8 3.6-8 8v56zm8-204h224c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H88c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8z" } }] }, "name": "pic-right", "theme": "outlined" };
+var PicRightOutlinedSvg = PicRightOutlined;
+
+export { PicRightOutlinedSvg as default };

package/dist/es/node_modules/@ant-design/icons-svg/es/asn/PlusOutlined.js

@@ -0,0 +1,5 @@
+// This icon file is generated automatically.
+var PlusOutlined = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "defs", "attrs": {}, "children": [{ "tag": "style", "attrs": {} }] }, { "tag": "path", "attrs": { "d": "M482 152h60q8 0 8 8v704q0 8-8 8h-60q-8 0-8-8V160q0-8 8-8z" } }, { "tag": "path", "attrs": { "d": "M176 474h672q8 0 8 8v60q0 8-8 8H176q-8 0-8-8v-60q0-8 8-8z" } }] }, "name": "plus", "theme": "outlined" };
+var PlusOutlinedSvg = PlusOutlined;
+
+export { PlusOutlinedSvg as default };

package/dist/es/table/components/ColumnAddDel.js

@@ -0,0 +1,21 @@
+import { __assign } from '../../_virtual/_tslib.js';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { memo } from 'react';
+import MinusSquareOutlined from '../../node_modules/@ant-design/icons/es/icons/MinusSquareOutlined.js';
+import PlusOutlined from '../../node_modules/@ant-design/icons/es/icons/PlusOutlined.js';
+import MinusOutlined from '../../node_modules/@ant-design/icons/es/icons/MinusOutlined.js';
+import { Popconfirm } from 'antd';
+
+var ColumnAddDel = function (_a) {
+    var isAdd = _a.isAdd, isDel = _a.isDel, onAddAndDel = _a.onAddAndDel, index = _a.index;
+    return (jsxs(Fragment, { children: [isAdd ? (jsx("div", __assign({ className: "ztxk-column--adddel-icon" }, { children: jsx(PlusOutlined, { title: "\u65B0\u589E\u4E00\u884C", onClick: function () {
+                        onAddAndDel && onAddAndDel("add", index);
+                    } }) }))) : null, isDel ? (jsx("div", __assign({ className: "ztxk-column--adddel-icon" }, { children: jsx(Popconfirm, __assign({ title: "\u786E\u5B9A\u5220\u9664\u5417\uFF1F", onConfirm: function () { return onAddAndDel && onAddAndDel("del", index); } }, { children: jsx(MinusOutlined, { title: "\u5220\u9664\u4E00\u884C" }) })) }))) : null] }));
+};
+var ColumnDelAll = memo(function (_a) {
+    var onAddAndDel = _a.onAddAndDel;
+    return (jsx(Popconfirm, __assign({ title: "\u786E\u5B9A\u5220\u9664\u6240\u6709\u5417\uFF1F", onConfirm: function () { return onAddAndDel && onAddAndDel("delAll", 0); } }, { children: jsx(MinusSquareOutlined, { title: "\u5220\u9664\u6240\u6709\u884C" }) })));
+});
+var ColumnAddDel$1 = memo(ColumnAddDel);
+
+export { ColumnDelAll, ColumnAddDel$1 as default };

package/dist/es/table/components/ColumnDynamic.js

@@ -0,0 +1,14 @@
+import { jsx } from 'react/jsx-runtime';
+import { memo } from 'react';
+import PicRightOutlined from '../../node_modules/@ant-design/icons/es/icons/PicRightOutlined.js';
+
+var ColumnDynamic = function (_a) {
+    var dynamicSettingRef = _a.dynamicSettingRef;
+    return (jsx(PicRightOutlined, { onClick: function () {
+            var _a;
+            (_a = dynamicSettingRef === null || dynamicSettingRef === void 0 ? void 0 : dynamicSettingRef.current) === null || _a === void 0 ? void 0 : _a.setVisible(true);
+        } }));
+};
+var ColumnDynamic$1 = memo(ColumnDynamic);
+
+export { ColumnDynamic$1 as default };

package/dist/es/table/components/CopyIcon.js

@@ -1,10 +1,12 @@
 import { jsx } from 'react/jsx-runtime';
+import { memo } from 'react';
 import { copyColData } from '../utils.js';
 import IconFont from '../../icon/index.js';
 
 var CopyIcon = function (_a) {
     var copyKey = _a.copyKey, dataSourceRef = _a.dataSourceRef;
     return (jsx(IconFont, { type: "icon-copy", style: { fontSize: "22px" }, className: "thead-icon", title: "\u590D\u5236\u6574\u5217", onClick: function () { return copyColData(copyKey, dataSourceRef.current); } }));
-};
+};
+var CopyIcon$1 = memo(CopyIcon);
 
-export { CopyIcon as default };
+export { CopyIcon$1 as default };

package/dist/es/table/components/EnhanceCell.js

@@ -1,18 +1,23 @@
 import { __rest, __assign } from '../../_virtual/_tslib.js';
 import { jsx } from 'react/jsx-runtime';
 import { useState } from 'react';
-import { useEditing, useIptRef } from './hooks.js';
+import { useEditing, useIptRef, useTdRef } from './hooks.js';
+import { getInnerIndex } from '../useInnerPagination.js';
 import MemoInput from '../../input/input.js';
 import InputNumber from '../../inputnumber/inputNumber.js';
 
 var EnhanceCell = function (props) {
-    var record = props.record, index = props.index, editable = props.editable, editableConfig = props.editableConfig, dataIndex = props.dataIndex; props.title; var onEditableSave = props.onEditableSave; props.onMouseEnter; props.onMouseLeave; var children = props.children, resetProps = __rest(props, ["record", "index", "editable", "editableConfig", "dataIndex", "title", "onEditableSave", "onMouseEnter", "onMouseLeave", "children"]);
+    var record = props.record, propsIndex = props.index, editable = props.editable, editableConfig = props.editableConfig, dataIndex = props.dataIndex; props.title; var onEditableSave = props.onEditableSave; props.onMouseEnter; props.onMouseLeave; var children = props.children, currentPage = props.currentPage, isValidate = props.isValidate, resetProps = __rest(props, ["record", "index", "editable", "editableConfig", "dataIndex", "title", "onEditableSave", "onMouseEnter", "onMouseLeave", "children", "currentPage", "isValidate"]);
+    // 设置最新的index
+    var index = getInnerIndex(currentPage, propsIndex);
     // 当前数据
     var _a = useState(record ? record[dataIndex] : undefined), val = _a[0], setVal = _a[1];
     // 当前是否是编辑状态 性能优化，显示纯字段比显示一个完整的组件 性能要高出许多
     var _b = useEditing(), editing = _b.editing, toggleEdit = _b.toggleEdit;
     // 输入框ref对象
     var iptRef = useIptRef(editing);
+    // 单元格Ref
+    var _c = useTdRef(), tdRef = _c.tdRef, removeErrorClass = _c.removeErrorClass;
     // 触发表格保存事件
     var onSave = function (info) {
         var _a;
@@ -24,25 +29,31 @@ var EnhanceCell = function (props) {
     };
     // 如果开启编辑 那么内部直接代理
     if (editable) {
-        var _c = editableConfig || {
+        var _d = editableConfig || {
             type: "input",
-        }, type = _c.type, resetEditableConfigProps = __rest(_c, ["type"]);
+        }, type = _d.type, resetEditableConfigProps = __rest(_d, ["type"]);
         var CurrentReactNode = null;
         // 输入框处理
         if (type === "input") {
             CurrentReactNode = (jsx(MemoInput, __assign({ value: val, onChange: function (e) {
                     setVal(e.target.value);
+                    if (isValidate) {
+                        removeErrorClass();
+                    }
                 }, onPressEnter: onSave, onBlur: onSave, ref: iptRef }, resetEditableConfigProps)));
         }
         // 数字输入框处理
         if (type === "inputNumber") {
             CurrentReactNode = (jsx(InputNumber, __assign({ value: val, onChange: function (value) {
                     setVal(value);
+                    if (isValidate) {
+                        removeErrorClass();
+                    }
                 }, onPressEnter: onSave, onBlur: onSave, ref: iptRef }, resetEditableConfigProps)));
         }
-        return (jsx("td", __assign({}, resetProps, { children: editing ? (jsx("div", __assign({ className: "ztxk-table__enhance-cell" }, { children: CurrentReactNode }))) : (jsx("div", __assign({ className: "ztxk-table__enhance-cell-wrap", onClick: toggleEdit }, { children: children }))) })));
+        return (jsx("td", __assign({ ref: tdRef }, resetProps, { children: editing ? (jsx("div", __assign({ className: "ztxk-table__enhance-cell" }, { children: CurrentReactNode }))) : (jsx("div", __assign({ className: "ztxk-table__enhance-cell-wrap", onClick: toggleEdit }, { children: children }))) })));
     }
-    return jsx("td", __assign({}, resetProps, { children: children }));
+    return (jsx("td", __assign({ ref: tdRef }, resetProps, { children: children })));
 };
 
 export { EnhanceCell as default };

package/dist/es/table/components/EnhanceRow.js

@@ -1,11 +1,21 @@
 import { __rest, __assign } from '../../_virtual/_tslib.js';
 import { jsx } from 'react/jsx-runtime';
 import classNames from '../../node_modules/classnames/index.js';
+import useDragRef from './useDragRef.js';
 
-var EnhanceRow = function (props) {
+var BasicRow = function (props) {
     var className = props.className, resetProps = __rest(props, ["className"]);
     var classes = classNames("ztxk-table__enhance-row", className);
     return jsx("tr", __assign({ className: classes }, resetProps));
+};
+// 拖拽行配置
+var MoveRow = function (props) {
+    var className = props.className, style = props.style, index = props.index, moveRow = props.moveRow, resetProps = __rest(props, ["className", "style", "index", "moveRow"]);
+    var ref = useDragRef(index, moveRow).ref;
+    var classes = classNames("ztxk-table__enhance-row", className
+    // isOver ? dropClassName : ""
+    );
+    return (jsx("tr", __assign({ ref: ref, style: __assign({ cursor: "move" }, style), className: classes }, resetProps)));
 };
 
-export { EnhanceRow as default };
+export { BasicRow, MoveRow };

package/dist/es/table/components/hooks.js

@@ -1,5 +1,7 @@
-import { useState, useRef, useEffect } from 'react';
+import { useState, useRef, useEffect, useCallback } from 'react';
+import { ERROR_TD_CLASSNAME } from '../constant.js';
 
+// 设置是否编辑状态
 function useEditing() {
     var _a = useState(false), editing = _a[0], setEditing = _a[1];
     var toggleEdit = function () {
@@ -19,6 +21,20 @@ function useIptRef(editing) {
         }
     }, [editing]);
     return iptRef;
+}
+function useTdRef() {
+    var tdRef = useRef();
+    var removeErrorClass = useCallback(function () {
+        var _a, _b;
+        if (tdRef.current &&
+            ((_b = (_a = tdRef.current.classList).contains) === null || _b === void 0 ? void 0 : _b.call(_a, ERROR_TD_CLASSNAME))) {
+            tdRef.current.classList.remove(ERROR_TD_CLASSNAME);
+        }
+    }, []);
+    return {
+        tdRef: tdRef,
+        removeErrorClass: removeErrorClass,
+    };
 }
 
-export { useEditing, useIptRef };
+export { useEditing, useIptRef, useTdRef };

package/dist/es/table/components/useDragRef.js

@@ -0,0 +1,56 @@
+import { useRef } from 'react';
+import { TABLE_DRAG_ROW_TYPE } from '../constant.js';
+import { useDrop } from '../../node_modules/react-dnd/dist/hooks/useDrop/useDrop.js';
+import { useDrag } from '../../node_modules/react-dnd/dist/hooks/useDrag/useDrag.js';
+
+function useDragRef(index, moveRow) {
+    var ref = useRef(null);
+    // 定义放置项
+    var _a = useDrop(function () { return ({
+        accept: TABLE_DRAG_ROW_TYPE,
+        collect: function (monitor) {
+            var dragIndex = (monitor.getItem() || {}).index;
+            if (dragIndex === index) {
+                return {};
+            }
+            return {
+            // 这里暂时不做拖放的样式 使用浏览器的默认样式
+            // isOver: monitor.isOver(),
+            // dropClassName:
+            //   dragIndex < index ? " drop-over-downward" : " drop-over-upward",
+            };
+        },
+        drop: function (item) {
+            if (!moveRow) {
+                throw new Error("请定义移动行后触发的函数 onmoveRow");
+            }
+            moveRow(item.index, index);
+        },
+    }); }, [index]), drop = _a[1];
+    // 定义拖拽项
+    var _b = useDrag({
+        type: TABLE_DRAG_ROW_TYPE,
+        item: { index: index },
+        collect: function (monitor) { return ({
+            isDragging: monitor.isDragging(),
+        }); },
+        canDrag: function (monitor) { var _a; 
+        // 解决拖拽行中有input 选中时 不让其拖拽
+        return !((_a = document.activeElement) === null || _a === void 0 ? void 0 : _a.tagName.toLowerCase().match(/input|textarea/)); },
+    }), drag = _b[1];
+    drop(drag(ref));
+    if (moveRow) {
+        return {
+            ref: ref,
+            // isOver,
+            // dropClassName,
+        };
+    }
+    return {
+        ref: ref,
+        // isOver: null,
+        // dropClassName: null,
+    };
+}
+
+export { useDragRef as default };

package/dist/es/table/constant.js

@@ -1,3 +1,7 @@
-var TABLE_DYNAMIC_KEY = "ztxk-webui-dynamic-table";
+var TABLE_DYNAMIC_KEY = "ztxk-webui-dynamic-table";
+var TABLE_DRAG_ROW_TYPE = Symbol("table-drag-row");
+var INNER_TABLE_PAGINATION_POSITION = ["bottomLeft"];
+var INNER_TABLE_PAGINATION_PAGESIZEOPTIONS = ["10", "20", "30", "40"];
+var ERROR_TD_CLASSNAME = "error-td";
 
-export { TABLE_DYNAMIC_KEY };
+export { ERROR_TD_CLASSNAME, INNER_TABLE_PAGINATION_PAGESIZEOPTIONS, INNER_TABLE_PAGINATION_POSITION, TABLE_DRAG_ROW_TYPE, TABLE_DYNAMIC_KEY };

package/dist/es/table/hooks.js

@@ -1,5 +1,13 @@
-import { useCallback } from 'react';
+import { __assign } from '../_virtual/_tslib.js';
+import { useCallback, useRef } from 'react';
+import update from '../node_modules/immutability-helper/index.js';
+import { getInnerIndex } from './useInnerPagination.js';
 
+/**
+ * @param dataSourceRef 数据引用
+ * @param onTableChange 外部传入的change事件
+ * @returns 编辑表格change事件
+ */
 function useEditChange(dataSourceRef, onTableChange) {
     // 内部表格编辑事件
     var onEditableSave = useCallback(function (record, index, dataIndex, otherInfo) {
@@ -15,10 +23,151 @@ function useEditChange(dataSourceRef, onTableChange) {
                 type: "edit",
                 currentIndex: index,
             });
-    }, 
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [onTableChange]);
+    }, [dataSourceRef, onTableChange]);
     return onEditableSave;
+}
+/**
+ * @param dataSourceRef 数据引用
+ * @param onTableChange 外部传入的change事件
+ * @param isMove 是否需要拖拽排序
+ * @returns 排序相关方法
+ */
+function useMoveRowChange(dataSourceRef, onTableChange, options) {
+    var isMove = options.isMove, refreshScuCell = options.refreshScuCell, currentPage = options.currentPage;
+    var moveRow = useCallback(function (dI, hI) {
+        var _a;
+        // 内部分页时，获取数据真正的行数
+        var dragIndex = getInnerIndex(currentPage, dI);
+        var hoverIndex = getInnerIndex(currentPage, hI);
+        if (dragIndex === hoverIndex) {
+            return;
+        }
+        var copyDataSource = (_a = dataSourceRef.current) === null || _a === void 0 ? void 0 : _a.slice();
+        var dragRow = copyDataSource[dragIndex];
+        var newDataSource = update(copyDataSource, {
+            $splice: [
+                [dragIndex, 1],
+                [hoverIndex, 0, dragRow],
+            ],
+        });
+        refreshScuCell && refreshScuCell();
+        onTableChange &&
+            onTableChange(newDataSource, dataSourceRef.current, {
+                type: "move",
+                dragIndex: dragIndex,
+                hoverIndex: hoverIndex,
+            });
+    }, [dataSourceRef, onTableChange, refreshScuCell, currentPage]);
+    var onRow = useCallback(function (_, index) {
+        return {
+            index: index,
+            moveRow: moveRow,
+        };
+    }, [moveRow]);
+    return {
+        onRow: isMove ? onRow : undefined,
+    };
+}
+/**
+ * @param dataSourceRef 数据引用
+ * @param onTableChange 外部传入的change事件
+ * @param options 增减行相关配置
+ * @returns 增减相关方法
+ */
+function useAddAndDelChange(dataSourceRef, onTableChange, options) {
+    var rowKey = options.rowKey, addMode = options.addMode, addCallback = options.addCallback, refreshScuCell = options.refreshScuCell, isAddAndDelAuto = options.isAddAndDelAuto, currentPage = options.currentPage;
+    // addCallback TODO:
+    var onAddAndDel = useCallback(function (type, i) {
+        var _a, _b;
+        var _c;
+        // 内部分页时，获取数据真正的行数
+        var index = getInnerIndex(currentPage, i);
+        var newDataSource = (_c = dataSourceRef.current) === null || _c === void 0 ? void 0 : _c.slice();
+        if (type === "delAll") {
+            if (Array.isArray(newDataSource) && newDataSource.length > 0) {
+                refreshScuCell && refreshScuCell();
+                onTableChange &&
+                    onTableChange([], dataSourceRef.current, {
+                        type: type,
+                        currentIndex: index,
+                    });
+            }
+            return;
+        }
+        // 新增 删除行为 开发自行处理
+        if (isAddAndDelAuto) {
+            refreshScuCell && refreshScuCell();
+            onTableChange &&
+                onTableChange(newDataSource, dataSourceRef.current, {
+                    type: type,
+                    currentIndex: index,
+                });
+        }
+        var currentRecord = newDataSource[index]; // 当前数据项
+        // 经过外部处理后的数据
+        var outsideRecord = addCallback
+            ? addCallback(currentRecord, { index: index })
+            : {};
+        if (type === "add") {
+            var newRecord = {};
+            if (addMode === "blank") {
+                newRecord = __assign((_a = {}, _a[String(rowKey)] = "".concat(Date.now(), "-").concat(index), 
+                // 证明这条数据是新增的，提交时需要把rowKey删除
+                _a.__INNER__ADD__DATA = true, _a), outsideRecord);
+            }
+            else {
+                newRecord = __assign(__assign(__assign({}, currentRecord), (_b = {}, _b[String(rowKey)] = "".concat(Date.now(), "-").concat(index), _b.__INNER__ADD__DATA = true, _b)), outsideRecord);
+            }
+            newDataSource.splice(index + 1, 0, newRecord);
+        }
+        else if (type === "del") {
+            newDataSource.splice(index, 1);
+        }
+        refreshScuCell && refreshScuCell();
+        onTableChange &&
+            onTableChange(newDataSource, dataSourceRef.current, {
+                type: type,
+                currentIndex: index,
+            });
+    }, [
+        addCallback,
+        addMode,
+        dataSourceRef,
+        onTableChange,
+        rowKey,
+        refreshScuCell,
+        isAddAndDelAuto,
+    ]);
+    return onAddAndDel;
+}
+// SCU刷新逻辑
+// 这么写的原因是 如果拖拽行 增减行后，并不能触发column的scu
+// 之前的写法是，通过useState刷新。但是 setState会触发整个组件的刷新
+// 设置数据后，本身会触发setState。导致执行两次rerender。每个单元格都会执行rerender
+// 通过Ref并不会触发 setState 通过setTimeout也不会导致每一个单元格的刷新出现问题
+function useScuRfresh() {
+    var timeOutRef = useRef(null);
+    var tableSCURefreshRef = useRef();
+    var refreshScuCell = useCallback(function () {
+        tableSCURefreshRef.current = true;
+    }, []);
+    var getRefreshScuCell = useCallback(function () {
+        if (tableSCURefreshRef.current) {
+            if (timeOutRef.current) {
+                clearTimeout(timeOutRef.current);
+                timeOutRef.current = null;
+            }
+            timeOutRef.current = setTimeout(function () {
+                tableSCURefreshRef.current = false;
+            });
+            return true;
+        }
+        return false;
+    }, []);
+    return {
+        refreshScuCell: refreshScuCell,
+        getRefreshScuCell: getRefreshScuCell,
+    };
 }
 
-export { useEditChange };
+export { useAddAndDelChange, useEditChange, useMoveRowChange, useScuRfresh };

package/dist/es/table/interface.d.ts

@@ -1,5 +1,5 @@
 import { Table } from 'antd';
-import { TableProps, ColumnType } from 'antd/lib/table';
+import { TableProps, TablePaginationConfig, ColumnType } from 'antd/lib/table';
 import { IInputProps } from '../input/input.js';
 import { IInputNumberProps } from '../inputnumber/inputNumber.js';
 
@@ -13,21 +13,68 @@ interface IColumnType<RecordType> extends ColumnType<RecordType> {
     isCopy?: boolean | string | string[];
     editable?: boolean;
     editableConfig?: IEditableConfig;
+    validate?: {
+        title?: string;
+        key?: string;
+        columnKey?: string;
+        validate?: (record: any, index: number, key: string) => Promise<{
+            msg?: string;
+            pass: boolean;
+        }>;
+    };
 }
 interface IColumnGroupType<RecordType> extends Omit<IColumnType<RecordType>, "dataIndex"> {
     children: IColumnsType<RecordType>;
 }
 type IColumnsTypeProp<RecordType> = IColumnGroupType<RecordType> | IColumnType<RecordType>;
 declare type IColumnsType<RecordType = unknown> = IColumnsTypeProp<RecordType>[];
+interface ITableRefHandel {
+    getRealyIndex?: (index: number) => number;
+    getDynamicList?: () => any;
+    tableValidate?: () => Promise<any>;
+    clearErrorClass?: () => void;
+}
 interface ITableProps<RecordType> extends Omit<TableProps<RecordType>, "columns"> {
+    isFlex?: boolean;
+    tablePreferences?: any;
     dynamicKey?: string;
     columns?: IColumnsType<RecordType>;
     onTableChange?: (dataSource: any, preDataSource: any, other?: {
-        currentIndex: number;
-        type?: "edit" | "move" | "add" | "del";
+        currentIndex?: number;
+        dragIndex?: number;
+        hoverIndex?: number;
+        type?: "edit" | "move" | "add" | "del" | "delAll";
     }) => void;
     isEdit?: boolean;
     isMove?: boolean;
+    isAdd?: boolean;
+    addMode?: "blank" | "copy";
+    addCallback?: (record: any, info: {
+        index: number;
+    }) => any;
+    isDel?: boolean;
+    isDelAll?: boolean;
+    isAddAndDelAuto?: boolean;
+    summaryConfig?: ISummaryConfig[];
+    summaryFixed?: boolean;
+    isInnerPagination?: boolean;
+    innerPaginationPageSize?: number;
+    innerPaginationPosition?: string[];
+    innerPaginationPageSizeOptions?: TablePaginationConfig["pageSizeOptions"];
+    tableRefHandle?: React.MutableRefObject<ITableRefHandel>;
+    tableName?: string;
+}
+interface IFields {
+    toFixedNum?: number | number[];
+    key: string;
+    showKey?: string | string[];
+    value?: string | number | (string | number)[];
+    callback?: (v: any) => any;
+}
+interface ISummaryConfig {
+    type: "subtotal" | "total";
+    fields: (string | IFields)[];
+    title?: string;
 }
 interface TableComponent<T> extends React.FC<ITableProps<T>> {
     SELECTION_COLUMN: typeof Table.SELECTION_COLUMN;
@@ -40,4 +87,4 @@ interface TableComponent<T> extends React.FC<ITableProps<T>> {
     Summary: typeof Table.Summary;
 }
 
-export { IColumnGroupType, IColumnType, IColumnsType, IColumnsTypeProp, IEditableConfig, ITableProps, TableComponent };
+export { IColumnGroupType, IColumnType, IColumnsType, IColumnsTypeProp, IEditableConfig, IFields, ISummaryConfig, ITableProps, TableComponent };