ztxkui 4.2.18-2 → 4.2.18-21

package/dist/components/Table/table-enhance-cell.js

@@ -56,12 +56,14 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import React, { useContext, useEffect, memo, useRef } from 'react';
-import { EditableContext } from './table-enhance-row';
-import { Form, Input, InputNumber, Select, message } from '../../index';
+import React, { useEffect, memo, useRef, useCallback, useMemo, useState, } from 'react';
+// import { EditableContext } from './table-enhance-row';
+import { InputNumber, Select, message } from '../../index';
+import { Input } from 'antd';
 import { ERROR_TD_CLASSNAME } from './index';
 import { getInnerIndex } from './hooks/useInnerPagination';
 import { exactRound } from 'ztxkutils/dist/tools';
+import { INNER_PARENT_ROW_KEY_NO, INNER_PARENT_ROW_KEY } from './constants';
 /**
  * 数据转换 将粘贴过来的数据格式化处理
  */
@@ -85,74 +87,109 @@ function transformData(data, config) {
     }
     return newData;
 }
-var TableEnhanceCell = memo(function (_a) {
-    var title = _a.title, index = _a.index, editable = _a.editable, editableConfig = _a.editableConfig, children = _a.children, dataIndex = _a.dataIndex, record = _a.record, handleSave = _a.handleSave, onTableChange = _a.onTableChange, columns = _a.columns, currentpage = _a.currentpage, restProps = __rest(_a, ["title", "index", "editable", "editableConfig", "children", "dataIndex", "record", "handleSave", "onTableChange", "columns", "currentpage"]);
-    var form = useContext(EditableContext);
+var TableEnhanceCell = function (_a) {
+    var title = _a.title, index = _a.index, editable = _a.editable, editableConfig = _a.editableConfig, children = _a.children, dataIndex = _a.dataIndex, record = _a.record, handleSave = _a.handleSave, dataSource = _a.dataSource, onTableChange = _a.onTableChange, columns = _a.columns, currentpage = _a.currentpage, onMouseEnter = _a.onMouseEnter, onMouseLeave = _a.onMouseLeave, rowKey = _a.rowKey, expandableChildrenColumnName = _a.expandableChildrenColumnName, restProps = __rest(_a, ["title", "index", "editable", "editableConfig", "children", "dataIndex", "record", "handleSave", "dataSource", "onTableChange", "columns", "currentpage", "onMouseEnter", "onMouseLeave", "rowKey", "expandableChildrenColumnName"]);
     var tdRef = useRef();
+    var valueRef = useRef({});
+    var _b = useState(), val = _b[0], setVal = _b[1];
     useEffect(function () {
-        var _a;
         if (dataIndex) {
-            form === null || form === void 0 ? void 0 : form.setFieldsValue((_a = {}, _a[dataIndex] = record[dataIndex], _a));
+            // form?.setFieldsValue({ [dataIndex]: record[dataIndex] });
+            // form?.setFieldValue(dataIndex, record[dataIndex]);
+            setVal(record[dataIndex]);
+            valueRef.current[dataIndex] = record[dataIndex];
         }
-    }, [dataIndex, form, record]);
+    }, [dataIndex, record]);
     /**
      * @description 保存事件
      */
-    var save = function (info) { return __awaiter(void 0, void 0, void 0, function () {
-        var innerIndex, values, result, currentInputNumberValue, result, currentInputNumberValue, err_1;
-        var _a, _b;
-        return __generator(this, function (_c) {
-            switch (_c.label) {
-                case 0:
-                    innerIndex = getInnerIndex(currentpage, index);
-                    _c.label = 1;
-                case 1:
-                    _c.trys.push([1, 3, , 4]);
-                    return [4 /*yield*/, (form === null || form === void 0 ? void 0 : form.validateFields())];
-                case 2:
-                    values = _c.sent();
-                    if (!handleSave) {
-                        console.error('Table props onEditableSave is not a function');
+    var save = useCallback(function (info) { return __awaiter(void 0, void 0, void 0, function () {
+        var innerIndex, newDataSource, newRecord, parentId_1, currentParentItem, parentIndex, currentParentItemChildren, childrenRecord, values, result, currentInputNumberValue, result, currentInputNumberValue;
+        var _a, _b, _c;
+        return __generator(this, function (_d) {
+            innerIndex = getInnerIndex(currentpage, index);
+            newDataSource = dataSource ? dataSource() : undefined;
+            newRecord = record;
+            // 代表当前修改的是子项，需要通过rowKey找到父项中对应的子项，取到最新值
+            if (newRecord && newRecord[INNER_PARENT_ROW_KEY]) {
+                try {
+                    innerIndex = typeof index === 'number' ? index : innerIndex;
+                    parentId_1 = newRecord[INNER_PARENT_ROW_KEY];
+                    currentParentItem = null;
+                    // 代表没有配置rowKey，那需要找到父级index
+                    if (parentId_1.startsWith(INNER_PARENT_ROW_KEY_NO)) {
+                        parentIndex = parentId_1.slice(INNER_PARENT_ROW_KEY_NO.length) - 0;
+                        currentParentItem = newDataSource[parentIndex];
                     }
-                    if (info && info.maxResult) {
-                        result = info.maxResult;
-                        currentInputNumberValue = values[dataIndex];
-                        if (currentInputNumberValue > (result === null || result === void 0 ? void 0 : result.number)) {
-                            message.warning((result.tableName ? "\u60A8\u4FEE\u6539" + result.tableName + "\u8868\u683C\u7684" : '表格') + " \u7B2C" + (typeof index === 'number' ? index + 1 : index) + "\u884C \u7684" + title + "\u5B57\u6BB5\uFF0C\u8F93\u5165\u7684\u6570\u503C\uFF0C\u5DF2\u8D85\u8FC7\u6700\u5927\u503C\uFF0C\u5DF2\u5E2E\u60A8\u4FEE\u6539\u4E3A\u6700\u5927\u503C!");
-                            handleSave(__assign(__assign(__assign({}, record), values), (_a = {}, _a[dataIndex] = result === null || result === void 0 ? void 0 : result.number, _a)), 
-                            // index,
-                            innerIndex, dataIndex);
-                            return [2 /*return*/];
-                        }
+                    else {
+                        currentParentItem = newDataSource.find(function (item) { return item[rowKey] === parentId_1; });
                     }
-                    if (info && info.minResult) {
-                        result = info.minResult;
-                        currentInputNumberValue = values[dataIndex];
-                        if (currentInputNumberValue < (result === null || result === void 0 ? void 0 : result.number)) {
-                            message.warning((result.tableName ? "\u60A8\u4FEE\u6539" + result.tableName + "\u8868\u683C\u7684" : '表格') + " \u7B2C" + (index ? index + 1 : index) + "\u884C \u7684" + title + "\u5B57\u6BB5\uFF0C\u8F93\u5165\u7684\u6570\u503C\uFF0C\u5DF2\u4F4E\u4E8E\u6700\u5C0F\u503C\uFF0C\u5DF2\u5E2E\u60A8\u4FEE\u6539\u4E3A\u6700\u5C0F\u503C!");
-                            handleSave(__assign(__assign(__assign({}, record), values), (_b = {}, _b[dataIndex] = result === null || result === void 0 ? void 0 : result.number, _b)), 
-                            // index,
-                            innerIndex, dataIndex);
-                            return [2 /*return*/];
-                        }
+                    currentParentItemChildren = currentParentItem[expandableChildrenColumnName];
+                    childrenRecord = typeof index === 'number'
+                        ? __assign({}, currentParentItemChildren[index]) : record;
+                    Reflect.deleteProperty(childrenRecord, INNER_PARENT_ROW_KEY);
+                    newRecord = typeof index === 'number' ? childrenRecord : record;
+                }
+                catch (err) {
+                    console.log(err);
+                }
+            }
+            else {
+                // 直接取父级元素即可
+                newRecord =
+                    Array.isArray(newDataSource) && typeof innerIndex === 'number'
+                        ? newDataSource[innerIndex]
+                        : record;
+            }
+            try {
+                values = valueRef.current;
+                if (!handleSave) {
+                    console.error('Table props onEditableSave is not a function');
+                }
+                if (info && info.maxResult) {
+                    result = info.maxResult;
+                    currentInputNumberValue = values[dataIndex];
+                    if (currentInputNumberValue > (result === null || result === void 0 ? void 0 : result.number)) {
+                        message.warning((result.tableName ? "\u60A8\u4FEE\u6539" + result.tableName + "\u8868\u683C\u7684" : '表格') + " \u7B2C" + (typeof index === 'number' ? index + 1 : index) + "\u884C \u7684" + title + "\u5B57\u6BB5\uFF0C\u8F93\u5165\u7684\u6570\u503C\uFF0C\u5DF2\u8D85\u8FC7\u6700\u5927\u503C\uFF0C\u5DF2\u5E2E\u60A8\u4FEE\u6539\u4E3A\u6700\u5927\u503C!");
+                        handleSave(__assign(__assign({}, newRecord), (_a = {}, _a[dataIndex] = result === null || result === void 0 ? void 0 : result.number, _a)), innerIndex, dataIndex, { isInner: true });
+                        return [2 /*return*/];
+                    }
+                }
+                if (info && info.minResult) {
+                    result = info.minResult;
+                    currentInputNumberValue = values[dataIndex];
+                    if (currentInputNumberValue < (result === null || result === void 0 ? void 0 : result.number)) {
+                        message.warning((result.tableName ? "\u60A8\u4FEE\u6539" + result.tableName + "\u8868\u683C\u7684" : '表格') + " \u7B2C" + (index ? index + 1 : index) + "\u884C \u7684" + title + "\u5B57\u6BB5\uFF0C\u8F93\u5165\u7684\u6570\u503C\uFF0C\u5DF2\u4F4E\u4E8E\u6700\u5C0F\u503C\uFF0C\u5DF2\u5E2E\u60A8\u4FEE\u6539\u4E3A\u6700\u5C0F\u503C!");
+                        handleSave(__assign(__assign({}, newRecord), (_b = {}, _b[dataIndex] = result === null || result === void 0 ? void 0 : result.number, _b)), innerIndex, dataIndex, { isInner: true });
+                        return [2 /*return*/];
                     }
-                    // handleSave({ ...record, ...values }, index, dataIndex);
-                    handleSave(__assign(__assign({}, record), values), innerIndex, dataIndex);
-                    return [3 /*break*/, 4];
-                case 3:
-                    err_1 = _c.sent();
-                    console.error('Save failed:', err_1);
-                    return [3 /*break*/, 4];
-                case 4: return [2 /*return*/];
+                }
+                handleSave(__assign(__assign({}, newRecord), (_c = {}, _c[dataIndex] = values[dataIndex], _c)), innerIndex, dataIndex, { isInner: true });
             }
+            catch (err) {
+                console.error('Save failed:', err);
+            }
+            return [2 /*return*/];
         });
-    }); };
-    function removeErrorClass() {
-        if (tdRef.current) {
+    }); }, [
+        currentpage,
+        dataIndex,
+        handleSave,
+        index,
+        record,
+        title,
+        dataSource,
+        expandableChildrenColumnName,
+        rowKey,
+    ]);
+    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);
         }
-    }
-    function onPasteHandle(e) {
+    }, []);
+    var onPasteHandle = useCallback(function (e) {
         if (!onTableChange) {
             return;
         }
@@ -211,22 +248,38 @@ var TableEnhanceCell = memo(function (_a) {
                     return result;
                 });
                 // onTableChange && onTableChange(resultTextList, index, record);
+                setVal(resultTextList[0][dataIndex]);
+                valueRef.current[dataIndex] = resultTextList[0][dataIndex];
                 onTableChange && onTableChange(resultTextList, innerIndex, record);
             }
         }
-    }
+    }, [columns, currentpage, dataIndex, index, onTableChange, record]);
     /**
      * @description 生成编辑框
      */
-    var createEditableDom = function (editableConfig) {
+    var createEditableDom = useMemo(function () {
+        // 执行优化，减少生成无意义的组件rerender次数
+        if (!editable) {
+            return null;
+        }
         if (!editableConfig) {
-            return (React.createElement(Form.Item, { className: "zt-table__enhance-cell", name: dataIndex },
-                React.createElement(Input, { autoComplete: "new-password", maxLength: 50, onPressEnter: save, onBlur: save, allowClear: true, onPaste: onPasteHandle, onChange: function (e) {
-                        removeErrorClass();
-                        if (!e.target.value) {
-                            e.target.focus();
-                        }
-                    } })));
+            return (React.createElement(Input, { autoComplete: "new-password", maxLength: 50, onPressEnter: save, onBlur: save, allowClear: true, onPaste: onPasteHandle, value: val, onMouseUp: function (e) {
+                    e === null || e === void 0 ? void 0 : e.stopPropagation();
+                }, 
+                // draggable
+                // onDragStart={(e) => {
+                //   e?.stopPropagation?.();
+                //   e?.preventDefault?.();
+                //   e?.nativeEvent?.stopImmediatePropagation?.();
+                // }}
+                onChange: function (e) {
+                    setVal(e.target.value);
+                    removeErrorClass();
+                    valueRef.current[dataIndex] = e.target.value;
+                    if (!e.target.value) {
+                        e.target.focus();
+                    }
+                } }));
         }
         var type = editableConfig.type, data = editableConfig.data, keyValue = editableConfig.keyValue, maxHandle = editableConfig.maxHandle, minHandle = editableConfig.minHandle, overMaxTip = editableConfig.overMaxTip, lowMinTip = editableConfig.lowMinTip, disabledHandle = editableConfig.disabledHandle, editableProps = __rest(editableConfig, ["type", "data", "keyValue", "maxHandle", "minHandle", "overMaxTip", "lowMinTip", "disabledHandle"]);
         var selectData = data; // 下拉框使用到得数据
@@ -278,53 +331,87 @@ var TableEnhanceCell = memo(function (_a) {
         }
         // 处理各种类型
         if (type === 'select') {
-            return (React.createElement(Form.Item, { className: "zt-table__enhance-cell", name: dataIndex },
-                React.createElement(Select, __assign({ allowClear: true }, editableProps, { disabled: disabledResult, onChange: function (value, option) {
-                        removeErrorClass();
-                        save(value);
-                    } }), Array.isArray(selectData) &&
-                    selectData.map(function (item) { return (React.createElement(Select.Option, { key: item[selectKeyValue.key] + '', value: item[selectKeyValue === null || selectKeyValue === void 0 ? void 0 : selectKeyValue.key] }, item[selectKeyValue === null || selectKeyValue === void 0 ? void 0 : selectKeyValue.label])); }))));
+            return (React.createElement(Select, __assign({ allowClear: true }, editableProps, { disabled: disabledResult, value: val, onChange: function (value, option) {
+                    removeErrorClass();
+                    save(value);
+                    valueRef.current[dataIndex] = value;
+                } }), Array.isArray(selectData) &&
+                selectData.map(function (item) { return (React.createElement(Select.Option, { key: item[selectKeyValue.key] + '', value: item[selectKeyValue === null || selectKeyValue === void 0 ? void 0 : selectKeyValue.key] }, item[selectKeyValue === null || selectKeyValue === void 0 ? void 0 : selectKeyValue.label])); })));
         }
         else if (type === 'inputNumber') {
-            return (React.createElement(Form.Item, { className: "zt-table__enhance-cell", name: dataIndex },
-                React.createElement(InputNumber, __assign({ autoComplete: "new-password", maxLength: 50 }, inputNumMaxMin, editableProps, inputNumberRangeTip, { disabled: disabledResult, onPressEnter: function (e) {
-                        var _a;
-                        editableProps.onPressEnter && ((_a = editableProps.onPressEnter) === null || _a === void 0 ? void 0 : _a.call(editableProps, e));
-                        save({ maxResult: maxResult, minResult: minResult });
-                    }, onBlur: function (e) {
-                        var _a;
-                        editableProps.onBlur && ((_a = editableProps.onBlur) === null || _a === void 0 ? void 0 : _a.call(editableProps, e));
-                        save({ maxResult: maxResult, minResult: minResult });
-                    }, onFocus: function (e) {
-                        var _a;
-                        editableProps.onFocus && ((_a = editableProps.onFocus) === null || _a === void 0 ? void 0 : _a.call(editableProps, e));
-                    }, onPaste: onPasteHandle, onChange: function () {
-                        removeErrorClass();
-                    } }))));
+            return (React.createElement(InputNumber, __assign({ autoComplete: "new-password", maxLength: 50 }, inputNumMaxMin, editableProps, inputNumberRangeTip, { disabled: disabledResult, 
+                // draggable
+                // onDragStart={(e) => {
+                //   e?.stopPropagation?.();
+                //   e?.preventDefault?.();
+                //   e?.nativeEvent?.stopImmediatePropagation?.();
+                // }}
+                onPressEnter: function (e) {
+                    var _a;
+                    editableProps.onPressEnter && ((_a = editableProps.onPressEnter) === null || _a === void 0 ? void 0 : _a.call(editableProps, e));
+                    save({ maxResult: maxResult, minResult: minResult });
+                }, onBlur: function (e) {
+                    var _a;
+                    editableProps.onBlur && ((_a = editableProps.onBlur) === null || _a === void 0 ? void 0 : _a.call(editableProps, e));
+                    save({ maxResult: maxResult, minResult: minResult });
+                }, onFocus: function (e) {
+                    var _a;
+                    editableProps.onFocus && ((_a = editableProps.onFocus) === null || _a === void 0 ? void 0 : _a.call(editableProps, e));
+                }, onPaste: onPasteHandle, value: val, onChange: function (value) {
+                    setVal(value);
+                    valueRef.current[dataIndex] = value;
+                    removeErrorClass();
+                } })));
         }
         else if (type === 'textArea') {
-            return (React.createElement(Form.Item, { className: "zt-table__enhance-cell", name: dataIndex },
-                React.createElement(Input.TextArea, __assign({ autoComplete: "new-password", maxLength: 200, autoSize: { maxRows: 3 } }, editableProps, { disabled: disabledResult, onPressEnter: save, onBlur: save, onPaste: onPasteHandle, onChange: function (e) {
-                        removeErrorClass();
-                        if (!e.target.value) {
-                            e.target.focus();
-                        }
-                    }, allowClear: true }))));
+            return (React.createElement(Input.TextArea, __assign({ autoComplete: "new-password", maxLength: 200, autoSize: { maxRows: 3 } }, editableProps, { disabled: disabledResult, onPressEnter: save, onBlur: save, onPaste: onPasteHandle, value: val, onMouseUp: function (e) {
+                    e === null || e === void 0 ? void 0 : e.stopPropagation();
+                }, 
+                // draggable
+                // onDragStart={(e) => {
+                //   e?.stopPropagation?.();
+                //   e?.preventDefault?.();
+                //   e?.nativeEvent?.stopImmediatePropagation?.();
+                // }}
+                onChange: function (e) {
+                    setVal(e.target.value);
+                    valueRef.current[dataIndex] = e.target.value;
+                    removeErrorClass();
+                    if (!e.target.value) {
+                        e.target.focus();
+                    }
+                }, allowClear: true })));
         }
         else {
-            return (React.createElement(Form.Item, { className: "zt-table__enhance-cell", name: dataIndex },
-                React.createElement(Input, __assign({ autoComplete: "new-password", maxLength: 50 }, editableProps, { disabled: disabledResult, onPressEnter: save, onBlur: save, allowClear: true, onPaste: onPasteHandle, onChange: function (e) {
-                        removeErrorClass();
-                        if (!e.target.value) {
-                            e.target.focus();
-                        }
-                    } }))));
+            return (React.createElement(Input, __assign({ autoComplete: "new-password", maxLength: 50 }, editableProps, { disabled: disabledResult, onPressEnter: save, onBlur: save, allowClear: true, onPaste: onPasteHandle, value: val, onMouseUp: function (e) {
+                    e === null || e === void 0 ? void 0 : e.stopPropagation();
+                }, 
+                // draggable
+                // onDragStart={(e) => {
+                //   e?.stopPropagation?.();
+                //   e?.preventDefault?.();
+                //   e?.nativeEvent?.stopImmediatePropagation?.();
+                // }}
+                onChange: function (e) {
+                    setVal(e.target.value);
+                    valueRef.current[dataIndex] = e.target.value;
+                    removeErrorClass();
+                    if (!e.target.value) {
+                        e.target.focus();
+                    }
+                } })));
         }
-    };
-    var childNode = children;
-    if (editable) {
-        childNode = createEditableDom(editableConfig);
-    }
-    return (React.createElement("td", __assign({ ref: tdRef }, restProps), childNode));
-});
-export default TableEnhanceCell;
+    }, [
+        val,
+        editable,
+        editableConfig,
+        dataIndex,
+        index,
+        onPasteHandle,
+        record,
+        removeErrorClass,
+        save,
+    ]);
+    return (React.createElement("td", __assign({ ref: tdRef }, restProps), editable ? (React.createElement("div", { className: "zt-table__enhance-cell" }, createEditableDom)) : (children)));
+};
+export default memo(TableEnhanceCell);

package/dist/components/Table/table-enhance-row.d.ts

@@ -1,13 +1,13 @@
 import React from 'react';
 import { IMoveRow as _IMoveRow } from './hooks/useDropRef';
-import { FormInstance } from 'antd/lib/form';
 export declare type IMoveRow = _IMoveRow;
 interface IProps {
     index: number;
     moverow: IMoveRow;
     className?: string;
     style?: any;
+    vRow?: any;
+    [prop: string]: any;
 }
-export declare const EditableContext: React.Context<FormInstance<any>>;
-declare const TableEnhanceRow: React.FC<IProps>;
-export default TableEnhanceRow;
+declare const _default: React.NamedExoticComponent<IProps>;
+export default _default;

package/dist/components/Table/table-enhance-row.js

@@ -20,16 +20,15 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import React, { memo } from 'react';
+import React, { memo, useMemo } from 'react';
 import useDropRef from './hooks/useDropRef';
-import { Form } from '../../index';
-export var EditableContext = React.createContext(null);
-var TableEnhanceRow = memo(function (props) {
-    var index = props.index, moverow = props.moverow, className = props.className, style = props.style, restProps = __rest(props, ["index", "moverow", "className", "style"]);
+var TableEnhanceRow = function (props) {
+    var index = props.index, moverow = props.moverow, className = props.className, style = props.style, vRow = props.vRow, restProps = __rest(props, ["index", "moverow", "className", "style", "vRow"]);
     var _a = useDropRef(index, moverow), ref = _a.ref, isOver = _a.isOver, dropClassName = _a.dropClassName;
-    var form = Form.useForm()[0];
-    return (React.createElement(Form, { autoComplete: "off", form: form, component: false, name: props['data-row-key'] },
-        React.createElement(EditableContext.Provider, { value: form },
-            React.createElement("tr", __assign({ ref: ref, className: "" + className + (isOver ? dropClassName : ''), style: __assign({ cursor: !moverow ? 'default' : 'move' }, style) }, restProps)))));
-});
-export default TableEnhanceRow;
+    var memoStyle = useMemo(function () { return (__assign({ cursor: !moverow ? 'default' : 'move' }, style)); }, [moverow, style]);
+    var tempProps = useMemo(function () {
+        return __assign({ ref: ref, className: "" + className + (isOver ? dropClassName : ''), style: memoStyle }, restProps);
+    }, [className, dropClassName, restProps, memoStyle, isOver, ref]);
+    return vRow ? (vRow(tempProps, ref)) : (React.createElement("tr", __assign({ ref: ref, className: "" + className + (isOver ? dropClassName : ''), style: memoStyle }, restProps)));
+};
+export default memo(TableEnhanceRow);

package/dist/components/Table/table-headTooltip.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+declare const TableHeadTooltip: React.FC<{
+    children: React.ReactNode;
+    headTooltip: React.ReactNode;
+}>;
+export default TableHeadTooltip;

package/dist/components/Table/table-headTooltip.js

@@ -0,0 +1,13 @@
+import React from 'react';
+import { QuestionCircleOutlined } from '@ant-design/icons';
+import { Tooltip } from '../../index';
+var TableHeadTooltip = function (_a) {
+    var children = _a.children, headTooltip = _a.headTooltip;
+    return (React.createElement(React.Fragment, null,
+        children,
+        React.createElement(Tooltip, { title: headTooltip },
+            React.createElement(QuestionCircleOutlined, { style: {
+                    marginLeft: '5px',
+                } }))));
+};
+export default TableHeadTooltip;

package/dist/components/Table/table-resizable-title.d.ts

@@ -3,9 +3,8 @@
  * @description
  */
 import React from 'react';
-import type { ResizeCallbackData } from 'react-resizable';
-declare const TableResizableTitle: (props: React.HTMLAttributes<any> & {
-    onResize: (e: React.SyntheticEvent<Element>, data: any) => void;
+declare const _default: React.MemoExoticComponent<(props: React.HTMLAttributes<any> & {
+    onResize: (e: React.SyntheticEvent<Element, Event>, data: any) => void;
     width: number;
-}) => JSX.Element;
-export default TableResizableTitle;
+}) => JSX.Element>;
+export default _default;

package/dist/components/Table/table-resizable-title.js

@@ -24,16 +24,42 @@ var __rest = (this && this.__rest) || function (s, e) {
  * @author 陈亚雄
  * @description
  */
-import React from 'react';
+import React, { useState } from 'react';
 import { Resizable } from 'react-resizable';
+import classnames from 'classnames';
 var TableResizableTitle = function (props) {
-    var onResize = props.onResize, width = props.width, restProps = __rest(props, ["onResize", "width"]);
+    var onResize = props.onResize, width = props.width, onMouseEnter = props.onMouseEnter, onMouseLeave = props.onMouseLeave, restProps = __rest(props, ["onResize", "width", "onMouseEnter", "onMouseLeave"]);
+    // 添加偏移量
+    var _a = useState(0), offset = _a[0], setOffset = _a[1];
     if (!width) {
         return React.createElement("th", __assign({}, restProps));
     }
-    return (React.createElement(Resizable, { width: width, height: 0, handle: React.createElement("span", { className: "react-resizable-handle", onClick: function (e) {
+    return (React.createElement(Resizable, { width: Number(width) + Number(offset), height: 0, handle: React.createElement("span", { 
+            // 有偏移量显示竖线
+            // className="react-resizable-handle"
+            className: classnames(['react-resizable-handle', offset && 'active']), 
+            // 拖拽层偏移
+            style: { transform: "translateX(" + offset + "px)" }, onClick: function (e) {
                 e.stopPropagation();
-            } }), onResize: onResize, draggableOpts: { enableUserSelectHack: false } },
-        React.createElement("th", __assign({}, restProps))));
+                e.preventDefault();
+            } }), onResize: function (e, _a) {
+            var size = _a.size;
+            // 这里只更新偏移量，数据列表其实并没有伸缩
+            setOffset(size.width - width);
+        }, onResizeStop: function (e, data) {
+            // 拖拽结束以后偏移量归零
+            setOffset(0);
+            // 这里是props传进来的事件，在外部是列数据中的onHeaderCell方法提供的事件，请自行研究官方提供的案例
+            onResize(e, data);
+        }, draggableOpts: { enableUserSelectHack: false } },
+        React.createElement("th", __assign({}, restProps, { style: __assign({ overflow: 'visible' }, restProps.style) }),
+            React.createElement("div", { style: {
+                    width: '100%',
+                    overflow: 'hidden',
+                    whiteSpace: 'pre-wrap',
+                    // whiteSpace: 'nowrap',
+                    // textOverflow: 'ellipsis',
+                    // 此处样式是在th中增加div块，为了解决拖拉时偏移虚线在右侧不出现问题
+                } }, restProps.children))));
 };
-export default TableResizableTitle;
+export default React.memo(TableResizableTitle);

package/dist/components/Table/table-sort.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+interface IProps {
+    title?: any;
+    field?: any;
+    onChange?: any;
+    customOrder?: any;
+    setCustomOrder?: any;
+    align?: any;
+}
+export default function TableSortTitle(props: IProps): JSX.Element;
+export {};

package/dist/components/Table/table-sort.js

@@ -0,0 +1,65 @@
+import React, { useMemo } from 'react';
+import classNames from 'classnames';
+import CaretDownOutlined from '@ant-design/icons/CaretDownOutlined';
+import CaretUpOutlined from '@ant-design/icons/CaretUpOutlined';
+var ASCEND = 'ascend';
+var DESCEND = 'descend';
+export default function TableSortTitle(props) {
+    var title = props.title, field = props.field, onChange = props.onChange, customOrder = props.customOrder, setCustomOrder = props.setCustomOrder, align = props.align;
+    // const [order, setOrder] = useState<any>();
+    var order = !customOrder
+        ? null
+        : customOrder.field === field
+            ? customOrder.order
+            : null;
+    var handleSortClick = function (e) {
+        e.stopPropagation();
+        var currentOrd;
+        if (order === ASCEND) {
+            currentOrd = DESCEND;
+            setCustomOrder({
+                field: field,
+                order: currentOrd,
+            });
+            // setOrder(DESCEND);
+        }
+        else if (order === DESCEND) {
+            currentOrd = null;
+            setCustomOrder({
+                field: field,
+                order: currentOrd,
+            });
+            // setOrder(null);
+        }
+        else {
+            currentOrd = ASCEND;
+            setCustomOrder({
+                field: field,
+                order: currentOrd,
+            });
+            // setOrder(ASCEND);
+        }
+        onChange && onChange({ field: field, order: currentOrd });
+    };
+    var currentTitle = useMemo(function () {
+        if (order === ASCEND) {
+            return '点击降序';
+        }
+        else if (order === DESCEND) {
+            return '取消排序';
+        }
+        else {
+            return '点击升序';
+        }
+    }, [order]);
+    return (React.createElement("div", { className: "zt-table_sorter" },
+        align === 'center' ? React.createElement("div", null) : null,
+        React.createElement("div", { className: "sorter_title" }, typeof title === 'function' ? title() : title),
+        React.createElement("div", { className: "sorter_icon", onClick: handleSortClick, title: currentTitle },
+            React.createElement(CaretUpOutlined, { className: classNames("ant-table-column-sorter-up", {
+                    active: order === ASCEND,
+                }) }),
+            React.createElement(CaretDownOutlined, { className: classNames("ant-table-column-sorter-down", {
+                    active: order === DESCEND,
+                }) }))));
+}

package/dist/components/Table/table.d.ts

@@ -7,13 +7,15 @@ export interface IProps<RecordType> extends Omit<TableProps<RecordType>, 'column
     /**新增行删除行方法 */
     onAddAndDelHandle?: (type: 'add' | 'del', index: number) => void;
     /**隐藏新增icon */
-    hideAddIcon?: boolean;
+    hideAddIcon?: boolean | ((record: any, index: number) => boolean);
     /**新增icon提示文字 */
-    addIconText?: string;
+    addIconText?: string | ((record: any, index: number) => string);
     /**隐藏删除icon */
-    hideDelIcon?: boolean;
+    hideDelIcon?: boolean | ((record: any, index: number) => boolean);
     /**删除icon提示文字 */
-    delIconText?: string;
+    delIconText?: string | ((record: any, index: number) => string);
+    /** 是否隐藏图标 */
+    hiddenColumnDynamicIcon?: boolean;
     /**是否显示动态表头配置 */
     showColumnDynamic?: boolean;
     /**动态表头配置，是否缓存，动态列配置如果要缓存得话，必须得使用一个全局唯一得key来标识 */
@@ -57,6 +59,19 @@ export interface IProps<RecordType> extends Omit<TableProps<RecordType>, 'column
     /** 是否显示删除全部按钮 */
     showDelAllBtn?: boolean;
     delAllChange?: () => void;
+    /** 开启虚拟滚动 */
+    virtualTableKey?: string;
+    /** 是否需要排序 内部会有一个排序功能。自定义的 这个在某些条件下不会开启。但是还需要别的条件也不开启 */
+    isSort?: boolean;
+    /** 排序方法 ascend 升序 descend 降序  */
+    onSortChange?: (info: {
+        order: 'ascend' | 'descend' | null;
+        field: string;
+    }) => void;
+    /** 填充方法 */
+    onFillDownChange?: (info: {
+        field: string;
+    }) => void;
 }
 /**
  * TodoList
@@ -68,6 +83,7 @@ export interface IProps<RecordType> extends Omit<TableProps<RecordType>, 'column
  * 实现可拖拽行 completed
  * 实现可编辑功能
  */
+export declare function usePrevious(value: any): undefined;
 declare function Table<RecordType extends object = any>(props: IProps<RecordType>): JSX.Element;
 declare const _default: React.MemoExoticComponent<typeof Table>;
 export default _default;