ztxkui 10.0.25 → 10.0.27

package/dist/DemoCom/SelectDemo.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const CustomSelect: () => JSX.Element;
+export default CustomSelect;

package/dist/DemoCom/SelectDemo.js

@@ -0,0 +1,20 @@
+import React, { useState } from 'react';
+import { Select } from 'antd';
+var Option = Select.Option;
+var CustomSelect = function () {
+    var _a = useState(false), isMenuVisible = _a[0], setIsMenuVisible = _a[1];
+    var handleContextMenu = function (event) {
+        console.log('handleContextMenu');
+        event.preventDefault(); // 阻止浏览器默认的右键菜单
+        setIsMenuVisible(true);
+        // 根据需要在这里展示自定义的右键菜单
+    };
+    var hideMenu = function () {
+        setIsMenuVisible(false);
+    };
+    return (React.createElement("div", { onContextMenuCapture: handleContextMenu },
+        React.createElement(Select, { style: { width: 200 }, onFocus: hideMenu, onBlur: hideMenu },
+            React.createElement(Option, { value: "jack" }, "Jack"),
+            React.createElement(Option, { value: "lucy" }, "Lucy"))));
+};
+export default CustomSelect;

package/dist/DemoCom/TableDemo.js

@@ -52,6 +52,7 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from) {
 };
 import React, { useEffect, useState, useCallback, useRef } from 'react';
 import Table from 'components/Table';
+import SelectDemo from './SelectDemo';
 import EnhanceSelect from 'components/EnhanceSelect';
 import { OperationBtnGroup, Empty, Button, message, Container } from '../index';
 import MaterialComp, { 
@@ -63,6 +64,7 @@ import { DatePicker } from 'index';
 import dayjs from 'dayjs';
 import update from 'immutability-helper';
 import FormDemo from './FormDemo';
+import { useContextMenu } from 'react-contexify';
 // 获取表格数据
 function useGetTableRecords() {
     // 表格数据
@@ -472,6 +474,8 @@ var list1 = [
  * }
  */
 var TableDemo = function () {
+    var menuId = 'xxxx';
+    var show = useContextMenu({ id: menuId }).show;
     var _a = useGetTableRecords(), records = _a.records, setRecords = _a.setRecords;
     var _b = useGetSelectList(), list = _b.list, loading = _b.loading, setLoading = _b.setLoading;
     var _c = useState(false), btnLoading = _c[0], setBtnLoading = _c[1];
@@ -490,6 +494,7 @@ var TableDemo = function () {
     }), tableConfig = _g[0], setTableConfig = _g[1];
     // 刷新选择框
     var _h = useState(false), refreshSel = _h[0], setRefreshSel = _h[1];
+    var _j = useState([]), keys = _j[0], setKeys = _j[1];
     var refreshId = useRef(1);
     useEffect(function () {
         setTimeout(function () {
@@ -523,6 +528,7 @@ var TableDemo = function () {
             dataIndex: 'materialId',
             key: 'materialId',
             validate: {},
+            isMenuShow: true,
             shouldCellUpdate: function (record, preRecord) {
                 if (lengthChange) {
                     setLengthChange(false);
@@ -620,6 +626,7 @@ var TableDemo = function () {
                     return Promise.resolve();
                 },
             },
+            isMenuShow: true,
             shouldCellUpdate: function (record, preRecord) {
                 if (firstRender) {
                     setFirstRender(false);
@@ -691,6 +698,7 @@ var TableDemo = function () {
             width: 220,
             dataIndex: 'time',
             key: 'time',
+            isMenuShow: true,
             shouldCellUpdate: function (record, preRecord) {
                 if (lengthChange) {
                     setLengthChange(false);
@@ -792,6 +800,7 @@ var TableDemo = function () {
             dataIndex: 'test6',
             key: 'test6',
             fixed: 'right',
+            isMenuShow: true,
         },
         {
             title: '操作',
@@ -890,6 +899,7 @@ var TableDemo = function () {
     var tableHandleRef = useRef();
     return (React.createElement(Container, { isFlex: true, loading: false, style: { height: '100vh' } },
         React.createElement(FormDemo, null),
+        React.createElement(SelectDemo, null),
         React.createElement("div", null,
             React.createElement(Button, { loading: btnLoading, onClick: function () {
                     console.log(111);
@@ -922,7 +932,10 @@ var TableDemo = function () {
                     clearAllCatchData();
                     setRefreshSel(true);
                     refreshId.current = refreshId.current + 1;
-                } }, "\u6E32\u67D3")),
+                } }, "\u6E32\u67D3"),
+            React.createElement(Button, { onClick: function () {
+                    setRecords(function (state) { return __spreadArray([], state); });
+                } }, "clearKeys")),
         React.createElement(Table
         // 如果需要保留本地偏好，那么这里需要预处理一下columns数据
         // columns={getTableLayoutFullData(columns, tableLayout)}
@@ -931,7 +944,7 @@ var TableDemo = function () {
             // 如果需要保留本地偏好，那么这里需要预处理一下columns数据
             // columns={getTableLayoutFullData(columns, tableLayout)}
             // initColumns={columns}
-            columns: columns, dataSource: records, rowKey: "id", tableHandleRef: tableHandleRef, 
+            menuId: "menuid", columns: columns, dataSource: records, rowKey: "id", tableHandleRef: tableHandleRef, 
             // 配置表格列
             // configInfo={tableConfig}
             // 添加动态列配置
@@ -942,9 +955,11 @@ var TableDemo = function () {
             // 新增删除行
             onAddAndDelHandle: onAddAndDelHandle, 
             // 表格行拖拽
-            onMoveRow: onMoveRowHandle, 
+            // onMoveRow={onMoveRowHandle}
             // 自动伸缩列
-            isResizableColumn: true, isFlex: true, scroll: { x: 1000 }, summaryFixed: true, summaryConfig: [
+            isResizableColumn: true, isFlex: true, scroll: { x: 1000 }, rowSelection: {
+                type: 'checkbox',
+            }, summaryFixed: true, summaryConfig: [
                 {
                     type: 'subtotal',
                     fields: [
@@ -982,8 +997,19 @@ var TableDemo = function () {
                         },
                     ],
                 },
-            ] }),
-        React.createElement(Empty, null)));
+            ], onMenuItemClick: function (type, _a) {
+                var value = _a.value, key = _a.key;
+                setRecords(function (state) {
+                    return state.map(function (item) {
+                        var _a;
+                        return __assign(__assign({}, item), (_a = {}, _a[key] = value, _a));
+                    });
+                });
+            } }),
+        React.createElement(Empty, null),
+        React.createElement("div", { onContextMenuCapture: function (event) {
+                show(event, { props: { key: 'value' } });
+            } }, "menu\u6D4B\u8BD5")));
 };
 // function getStorage(key) {
 //   try {

package/dist/components/EnhanceSelect/index.d.ts

@@ -148,6 +148,7 @@ export interface IProps<T> extends Omit<SelectProps<T>, 'onChange'> {
     isPaste?: boolean;
     pasteRule?: string[];
     dropdownRenderBtns?: any;
+    onContextMenuCapture?: (e: any) => void;
 }
 export declare function clearCatchData(url: string): void;
 /**
@@ -165,6 +166,6 @@ export declare function clearCatchData(url: string): void;
  *    { code: 200, data: { records: [] } } || { status: 200, data: { code: 200, data: { records: [] } } }
  * 如果数据不能在接口层面满足以上形式，那么组件提供transformData属性，转换接口数据格式
  */
-declare function EnhanceSelect<VT extends SelectValue = SelectValue>({ list, defaultList, params, url, method, timeout, dataKey, componentKey, titleKey, showAll, isCatch, onCompleted, onChange, onSearch, request, remoteSearch, remoteSearchKey, remoteSearchDataKey, isRemoteSearchDataKey, transformData, transformRenderData, joinKey, joinStr, lineFeedKey, lineFeedStr, mustHasParams, disabledValues, searchDeleteKeys, isHandAddItem, isPage, currentSize, isCopy, onBlur, onFocus, isClickRequest, handleRef, isPaste, pasteRule, dropdownRenderBtns, dropdownMatchSelectWidth, ...restProps }: IProps<VT>): JSX.Element;
+declare function EnhanceSelect<VT extends SelectValue = SelectValue>({ list, defaultList, params, url, method, timeout, dataKey, componentKey, titleKey, showAll, isCatch, onCompleted, onChange, onSearch, request, remoteSearch, remoteSearchKey, remoteSearchDataKey, isRemoteSearchDataKey, transformData, transformRenderData, joinKey, joinStr, lineFeedKey, lineFeedStr, mustHasParams, disabledValues, searchDeleteKeys, isHandAddItem, isPage, currentSize, isCopy, onBlur, onFocus, isClickRequest, handleRef, isPaste, pasteRule, dropdownRenderBtns, dropdownMatchSelectWidth, onContextMenuCapture, ...restProps }: IProps<VT>): JSX.Element;
 declare const _default: React.MemoExoticComponent<typeof EnhanceSelect>;
 export default _default;

package/dist/components/EnhanceSelect/index.js

@@ -168,7 +168,7 @@ function clearNullData(arr, dataKey, titleKey) {
  * 如果数据不能在接口层面满足以上形式，那么组件提供transformData属性，转换接口数据格式
  */
 function EnhanceSelect(_a) {
-    var list = _a.list, defaultList = _a.defaultList, params = _a.params, url = _a.url, _b = _a.method, method = _b === void 0 ? 'GET' : _b, _c = _a.timeout, timeout = _c === void 0 ? 60000 : _c, _d = _a.dataKey, dataKey = _d === void 0 ? 'id' : _d, componentKey = _a.componentKey, _e = _a.titleKey, titleKey = _e === void 0 ? 'name' : _e, showAll = _a.showAll, isCatch = _a.isCatch, onCompleted = _a.onCompleted, onChange = _a.onChange, onSearch = _a.onSearch, request = _a.request, remoteSearch = _a.remoteSearch, remoteSearchKey = _a.remoteSearchKey, remoteSearchDataKey = _a.remoteSearchDataKey, _f = _a.isRemoteSearchDataKey, isRemoteSearchDataKey = _f === void 0 ? true : _f, transformData = _a.transformData, transformRenderData = _a.transformRenderData, joinKey = _a.joinKey, _g = _a.joinStr, joinStr = _g === void 0 ? '-' : _g, lineFeedKey = _a.lineFeedKey, _h = _a.lineFeedStr, lineFeedStr = _h === void 0 ? '-' : _h, mustHasParams = _a.mustHasParams, disabledValues = _a.disabledValues, searchDeleteKeys = _a.searchDeleteKeys, isHandAddItem = _a.isHandAddItem, isPage = _a.isPage, _j = _a.currentSize, currentSize = _j === void 0 ? 30 : _j, isCopy = _a.isCopy, onBlur = _a.onBlur, onFocus = _a.onFocus, isClickRequest = _a.isClickRequest, handleRef = _a.handleRef, isPaste = _a.isPaste, _k = _a.pasteRule, pasteRule = _k === void 0 ? [',', '-', '\r\n', '\r', '\n', ' '] : _k, dropdownRenderBtns = _a.dropdownRenderBtns, _l = _a.dropdownMatchSelectWidth, dropdownMatchSelectWidth = _l === void 0 ? 150 : _l, restProps = __rest(_a, ["list", "defaultList", "params", "url", "method", "timeout", "dataKey", "componentKey", "titleKey", "showAll", "isCatch", "onCompleted", "onChange", "onSearch", "request", "remoteSearch", "remoteSearchKey", "remoteSearchDataKey", "isRemoteSearchDataKey", "transformData", "transformRenderData", "joinKey", "joinStr", "lineFeedKey", "lineFeedStr", "mustHasParams", "disabledValues", "searchDeleteKeys", "isHandAddItem", "isPage", "currentSize", "isCopy", "onBlur", "onFocus", "isClickRequest", "handleRef", "isPaste", "pasteRule", "dropdownRenderBtns", "dropdownMatchSelectWidth"]);
+    var list = _a.list, defaultList = _a.defaultList, params = _a.params, url = _a.url, _b = _a.method, method = _b === void 0 ? 'GET' : _b, _c = _a.timeout, timeout = _c === void 0 ? 60000 : _c, _d = _a.dataKey, dataKey = _d === void 0 ? 'id' : _d, componentKey = _a.componentKey, _e = _a.titleKey, titleKey = _e === void 0 ? 'name' : _e, showAll = _a.showAll, isCatch = _a.isCatch, onCompleted = _a.onCompleted, onChange = _a.onChange, onSearch = _a.onSearch, request = _a.request, remoteSearch = _a.remoteSearch, remoteSearchKey = _a.remoteSearchKey, remoteSearchDataKey = _a.remoteSearchDataKey, _f = _a.isRemoteSearchDataKey, isRemoteSearchDataKey = _f === void 0 ? true : _f, transformData = _a.transformData, transformRenderData = _a.transformRenderData, joinKey = _a.joinKey, _g = _a.joinStr, joinStr = _g === void 0 ? '-' : _g, lineFeedKey = _a.lineFeedKey, _h = _a.lineFeedStr, lineFeedStr = _h === void 0 ? '-' : _h, mustHasParams = _a.mustHasParams, disabledValues = _a.disabledValues, searchDeleteKeys = _a.searchDeleteKeys, isHandAddItem = _a.isHandAddItem, isPage = _a.isPage, _j = _a.currentSize, currentSize = _j === void 0 ? 30 : _j, isCopy = _a.isCopy, onBlur = _a.onBlur, onFocus = _a.onFocus, isClickRequest = _a.isClickRequest, handleRef = _a.handleRef, isPaste = _a.isPaste, _k = _a.pasteRule, pasteRule = _k === void 0 ? [',', '-', '\r\n', '\r', '\n', ' '] : _k, dropdownRenderBtns = _a.dropdownRenderBtns, _l = _a.dropdownMatchSelectWidth, dropdownMatchSelectWidth = _l === void 0 ? 150 : _l, onContextMenuCapture = _a.onContextMenuCapture, restProps = __rest(_a, ["list", "defaultList", "params", "url", "method", "timeout", "dataKey", "componentKey", "titleKey", "showAll", "isCatch", "onCompleted", "onChange", "onSearch", "request", "remoteSearch", "remoteSearchKey", "remoteSearchDataKey", "isRemoteSearchDataKey", "transformData", "transformRenderData", "joinKey", "joinStr", "lineFeedKey", "lineFeedStr", "mustHasParams", "disabledValues", "searchDeleteKeys", "isHandAddItem", "isPage", "currentSize", "isCopy", "onBlur", "onFocus", "isClickRequest", "handleRef", "isPaste", "pasteRule", "dropdownRenderBtns", "dropdownMatchSelectWidth", "onContextMenuCapture"]);
     // TODO: 注释动态设置open逻辑 start
     // const currentClick = useRef<boolean>(true);
     // TODO: 注释动态设置open逻辑 end
@@ -958,6 +958,7 @@ function EnhanceSelect(_a) {
         onFocus && onFocus(e);
     };
     var onBlurHandle = function (e) {
+        setIsOpen(false);
         onBlur && onBlur(e);
     };
     // 清空数据时
@@ -971,6 +972,9 @@ function EnhanceSelect(_a) {
             var text = textContent(obj.children);
             copyValue(text);
         }
+        if (!restProps.mode) {
+            setIsOpen(false);
+        }
     };
     // 点击时
     var onClickHandle = function (e) {
@@ -1087,29 +1091,37 @@ function EnhanceSelect(_a) {
             }
         }
     };
-    return (React.createElement(Select, __assign({ defaultValue: showAll ? '' : undefined, allowClear: true, showSearch: true, filterOption: remoteSearch ? false : filterOptionHandle, onSearch: remoteSearch ? onSearchHandle : onSearchHandleInner, onChange: onChangeHandle, optionLabelProp: "title", loading: loading, onFocus: onFocusHandle, onBlur: onBlurHandle, onClear: onClearHandle, onSelect: onSelectHandle, onClick: onClickHandle, onMouseDown: onMouseDownHandle, 
-        // getPopupContainer={(trigger) => trigger || document.body}
-        open: isOpen, onDropdownVisibleChange: function (visible) { return setIsOpen(visible); }, onPopupScroll: onPopupScrollHandle, dropdownRender: url && !remoteSearch && isCatch
-            ? function (menu) { return (React.createElement(React.Fragment, null,
-                menu,
-                React.createElement(Divider, { style: { marginTop: 0, marginBottom: '4px' } }),
-                React.createElement("div", { style: {
-                        display: 'flex',
-                        alignItems: 'center',
-                        flexDirection: 'row',
-                        justifyContent: 'space-between',
-                        padding: '0 6px',
-                    } },
-                    React.createElement("span", null),
-                    dropdownRenderBtns && dropdownRenderBtns(),
-                    React.createElement(Button, { onClick: function (e) {
-                            e.preventDefault();
-                            sendRequestNoCatch();
-                        } }, "\u5237\u65B0\u6570\u636E")))); }
-            : undefined }, restProps, { value: newValue, 
-        // 这里需要注释掉，因为修改了一部分逻辑
-        disabled: remoteSearch || isClickRequest
-            ? restProps.disabled
-            : loading || restProps.disabled, ref: selectRef, dropdownMatchSelectWidth: dropdownMatchSelectWidth }), renderSelectOption()));
+    return (React.createElement("div", { onContextMenuCapture: function (e) {
+            setIsOpen(false);
+            e.preventDefault();
+            e.stopPropagation();
+            onContextMenuCapture && onContextMenuCapture(e);
+        } },
+        React.createElement(Select, __assign({ defaultValue: showAll ? '' : undefined, allowClear: true, showSearch: true, filterOption: remoteSearch ? false : filterOptionHandle, onSearch: remoteSearch ? onSearchHandle : onSearchHandleInner, onChange: onChangeHandle, optionLabelProp: "title", loading: loading, onFocus: onFocusHandle, onBlur: onBlurHandle, onClear: onClearHandle, onSelect: onSelectHandle, onClick: onClickHandle, onMouseDown: onMouseDownHandle, 
+            // getPopupContainer={(trigger) => trigger || document.body}
+            open: isOpen, 
+            // onDropdownVisibleChange={(visible) => setIsOpen(visible)}
+            onPopupScroll: onPopupScrollHandle, dropdownRender: url && !remoteSearch && isCatch
+                ? function (menu) { return (React.createElement(React.Fragment, null,
+                    menu,
+                    React.createElement(Divider, { style: { marginTop: 0, marginBottom: '4px' } }),
+                    React.createElement("div", { style: {
+                            display: 'flex',
+                            alignItems: 'center',
+                            flexDirection: 'row',
+                            justifyContent: 'space-between',
+                            padding: '0 6px',
+                        } },
+                        React.createElement("span", null),
+                        dropdownRenderBtns && dropdownRenderBtns(),
+                        React.createElement(Button, { onClick: function (e) {
+                                e.preventDefault();
+                                sendRequestNoCatch();
+                            } }, "\u5237\u65B0\u6570\u636E")))); }
+                : undefined }, restProps, { value: newValue, 
+            // 这里需要注释掉，因为修改了一部分逻辑
+            disabled: remoteSearch || isClickRequest
+                ? restProps.disabled
+                : loading || restProps.disabled, ref: selectRef, dropdownMatchSelectWidth: dropdownMatchSelectWidth }), renderSelectOption())));
 }
 export default memo(EnhanceSelect);

package/dist/components/Table/hooks/useColumns.d.ts

@@ -41,6 +41,13 @@ interface IProps<RecordType> {
     customOrder?: any;
     setCustomOrder?: any;
     isSort?: boolean;
+    menuShow?: any;
+    getMenuInfoByCell: ({ record, index, value, key }: {
+        record: any;
+        index: any;
+        value: any;
+        key: any;
+    }) => void;
 }
 export declare const getTableLayoutFullData: (columns: any, tableLayout: any) => any;
 export declare const LOCALSTORAGE_KEY = "ztui_dynamic_table_key";

package/dist/components/Table/hooks/useColumns.js

@@ -214,7 +214,7 @@ function getNewColumns(basicConfig, editableConfig, dynamicConfig, otherConfig)
     var columns = basicConfig.columns, newColumnsRef = basicConfig.newColumnsRef, showColumnDynamic = basicConfig.showColumnDynamic, showColumnDynamicKey = basicConfig.showColumnDynamicKey, configInfo = basicConfig.configInfo, currentDataSource = basicConfig.currentDataSource, preDataSource = basicConfig.preDataSource, rowKey = basicConfig.rowKey, dataSourceRef = basicConfig.dataSourceRef, expandableChildrenColumnName = basicConfig.expandableChildrenColumnName, upDateColumnsRef = basicConfig.upDateColumnsRef, setUpDateColumnsRef = basicConfig.setUpDateColumnsRef, isUpDateColumnsRef = basicConfig.isUpDateColumnsRef, setIsUpDateColumnsRef = basicConfig.setIsUpDateColumnsRef;
     var onEditableSave = editableConfig.onEditableSave, onTableChange = editableConfig.onTableChange, currentPage = editableConfig.currentPage;
     var ColumnDynamicCom = dynamicConfig.ColumnDynamicCom, DelAllCom = dynamicConfig.DelAllCom, onAddAndDelHandleMemo = dynamicConfig.onAddAndDelHandleMemo, onAddAndDelHandle = dynamicConfig.onAddAndDelHandle, hideAddIcon = dynamicConfig.hideAddIcon, addIconText = dynamicConfig.addIconText, hideDelIcon = dynamicConfig.hideDelIcon, delIconText = dynamicConfig.delIconText;
-    var copyByKey = otherConfig.copyByKey, myCatchColumns = otherConfig.myCatchColumns, customSortHandle = otherConfig.customSortHandle, customOrder = otherConfig.customOrder, setCustomOrder = otherConfig.setCustomOrder, isSort = otherConfig.isSort;
+    var copyByKey = otherConfig.copyByKey, myCatchColumns = otherConfig.myCatchColumns, customSortHandle = otherConfig.customSortHandle, customOrder = otherConfig.customOrder, setCustomOrder = otherConfig.setCustomOrder, isSort = otherConfig.isSort, menuShow = otherConfig.menuShow, getMenuInfoByCell = otherConfig.getMenuInfoByCell;
     var tableLayout = showColumnDynamicKey
         ? getStorage(showColumnDynamicKey)
         : myCatchColumns;
@@ -347,6 +347,26 @@ function getNewColumns(basicConfig, editableConfig, dynamicConfig, otherConfig)
                         textAlign: _column.align,
                     } }, "\u590D\u5236\u6574\u5217")));
         }
+        // 右键菜单
+        if (_column.isMenuShow && _column.key) {
+            var _onCell_1 = _column.onCell;
+            _column = __assign(__assign({}, _column), { onCell: function (record, index) {
+                    var others = _onCell_1 ? _onCell_1(record, index) : {};
+                    return __assign(__assign({}, others), { onContextMenuCapture: function (event) {
+                            if (_column.isMenuShow) {
+                                getMenuInfoByCell({
+                                    record: record,
+                                    index: index,
+                                    value: _column.key ? record[_column.key] : undefined,
+                                    key: _column.key,
+                                });
+                                menuShow(event, {
+                                    key: 'value',
+                                });
+                            }
+                        } });
+                } });
+        }
         // 如果配置了固定列的 不做处理
         // if (!col.fixed) {
         _dynamicColumns.push(__assign({}, col));
@@ -451,7 +471,7 @@ function getNewColumns(basicConfig, editableConfig, dynamicConfig, otherConfig)
     };
 }
 function useColumns(props) {
-    var columns = props.columns, hiddenColumnDynamicIcon = props.hiddenColumnDynamicIcon, showColumnDynamic = props.showColumnDynamic, showColumnDynamicKey = props.showColumnDynamicKey, onAddAndDelHandle = props.onAddAndDelHandle, hideAddIcon = props.hideAddIcon, showDelAllBtn = props.showDelAllBtn, delAllChange = props.delAllChange, addIconText = props.addIconText, hideDelIcon = props.hideDelIcon, delIconText = props.delIconText, showDynamicHandle = props.showDynamicHandle, onEditableSave = props.onEditableSave, configInfo = props.configInfo, copyByKey = props.copyByKey, onTableChange = props.onTableChange, currentPage = props.currentPage, currentDataSource = props.currentDataSource, preDataSource = props.preDataSource, rowKey = props.rowKey, dataSourceRef = props.dataSourceRef, expandableChildrenColumnName = props.expandableChildrenColumnName, customSortHandle = props.customSortHandle, customOrder = props.customOrder, setCustomOrder = props.setCustomOrder, isSort = props.isSort;
+    var columns = props.columns, hiddenColumnDynamicIcon = props.hiddenColumnDynamicIcon, showColumnDynamic = props.showColumnDynamic, showColumnDynamicKey = props.showColumnDynamicKey, onAddAndDelHandle = props.onAddAndDelHandle, hideAddIcon = props.hideAddIcon, showDelAllBtn = props.showDelAllBtn, delAllChange = props.delAllChange, addIconText = props.addIconText, hideDelIcon = props.hideDelIcon, delIconText = props.delIconText, showDynamicHandle = props.showDynamicHandle, onEditableSave = props.onEditableSave, configInfo = props.configInfo, copyByKey = props.copyByKey, onTableChange = props.onTableChange, currentPage = props.currentPage, currentDataSource = props.currentDataSource, preDataSource = props.preDataSource, rowKey = props.rowKey, dataSourceRef = props.dataSourceRef, expandableChildrenColumnName = props.expandableChildrenColumnName, customSortHandle = props.customSortHandle, customOrder = props.customOrder, setCustomOrder = props.setCustomOrder, isSort = props.isSort, menuShow = props.menuShow, getMenuInfoByCell = props.getMenuInfoByCell;
     var newColumnsRef = useRef();
     var _a = useAsyncSetValue(columns), upDateColumnsRef = _a[0], setUpDateColumnsRef = _a[1];
     var _b = useAsyncSetValue(false), isUpDateColumnsRef = _b[0], setIsUpDateColumnsRef = _b[1];
@@ -511,6 +531,8 @@ function useColumns(props) {
             customOrder: customOrder,
             setCustomOrder: setCustomOrder,
             isSort: isSort,
+            menuShow: menuShow,
+            getMenuInfoByCell: getMenuInfoByCell,
         });
     }, [
         showColumnDynamic,
@@ -541,6 +563,8 @@ function useColumns(props) {
         isUpDateColumnsRef,
         setIsUpDateColumnsRef,
         isSort,
+        menuShow,
+        getMenuInfoByCell,
     ]);
     var _c = useState(false), refreshColumns = _c[0], setRefreshColumns = _c[1];
     var _d = useState([]), myCatchColumns = _d[0], setMyCatchColumns = _d[1];

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

@@ -45,6 +45,8 @@ export interface IColumnType<RecordType> extends ColumnType<RecordType> {
     precision?: number;
     /**是否加上千分符 */
     thousand?: boolean;
+    /**是否右键显示菜单 */
+    isMenuShow?: boolean;
 }
 export interface IColumnGroupType<RecordType> extends Omit<IColumnType<RecordType>, ''> {
     children: ColumnsType<RecordType>;

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

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import 'react-contexify/dist/ReactContexify.min.css';
+declare const TableMenu: ({ menuId, onMenuItemClick }: {
+    menuId: any;
+    onMenuItemClick: any;
+}) => JSX.Element;
+export default TableMenu;

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

@@ -0,0 +1,10 @@
+import { Menu, Item } from 'react-contexify';
+import 'react-contexify/dist/ReactContexify.min.css';
+var TableMenu = function (_a) {
+    var menuId = _a.menuId, onMenuItemClick = _a.onMenuItemClick;
+    return (React.createElement(Menu, { id: menuId },
+        React.createElement(Item, { id: "copyAll", onClick: function () {
+                onMenuItemClick('copyAll');
+            } }, "\u5E94\u7528\u6240\u6709\u884C")));
+};
+export default TableMenu;

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

@@ -65,6 +65,15 @@ export interface IProps<RecordType> extends Omit<TableProps<RecordType>, 'column
     virtualTableKey?: string;
     /** 是否需要排序 内部会有一个排序功能。自定义的 这个在某些条件下不会开启。但是还需要别的条件也不开启 */
     isSort?: boolean;
+    /** 鼠标右键显示菜单id */
+    menuId?: string;
+    /**右键菜单点击 */
+    onMenuItemClick?: (type: 'coyAll', props: {
+        record: any;
+        index: number;
+        value: any;
+        key: string;
+    }) => void;
 }
 /**
  * TodoList

package/dist/components/Table/table.js

@@ -64,6 +64,7 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from) {
 import React, { useCallback, memo, useState, useEffect, useRef, useMemo, useImperativeHandle, } from 'react';
 import { unstable_batchedUpdates } from 'react-dom';
 import { Table as AntTable } from 'antd';
+import { useContextMenu } from 'react-contexify';
 import { message } from '../../index';
 import { ERROR_TD_CLASSNAME } from './';
 import TableDynamic from './table-dynamic';
@@ -71,6 +72,7 @@ import TableDynamic from './table-dynamic';
 import TableEnhanceRow from './table-enhance-row';
 import TableEnhanceCell from './table-enhance-cell';
 import TableResizableTitle from './table-resizable-title';
+import TableMenu from './table-menu';
 import useColumns, { setDynamicKey, getStorage, } from './hooks/useColumns';
 import getSummaryData from './utils/getSummaryData';
 import { domFind } from './utils/dom';
@@ -116,7 +118,7 @@ export function usePrevious(value) {
 function Table(props) {
     var _this = this;
     var _a, _b;
-    var className = props.className, scroll = props.scroll, _c = props.pagination, pagination = _c === void 0 ? false : _c, _d = props.bordered, bordered = _d === void 0 ? true : _d, _columns = props.columns, initColumns = props.initColumns, dataSource = props.dataSource, onAddAndDelHandle = props.onAddAndDelHandle, hideAddIcon = props.hideAddIcon, addIconText = props.addIconText, hideDelIcon = props.hideDelIcon, showDelAllBtn = props.showDelAllBtn, delAllChange = props.delAllChange, delIconText = props.delIconText, hiddenColumnDynamicIcon = props.hiddenColumnDynamicIcon, showColumnDynamic = props.showColumnDynamic, showColumnDynamicKey = props.showColumnDynamicKey, summaryConfig = props.summaryConfig, summaryFixed = props.summaryFixed, summary = props.summary, onMoveRow = props.onMoveRow, onEditableSave = props.onEditableSave, onDynamicChange = props.onDynamicChange, _e = props.isResizableColumn, isResizableColumn = _e === void 0 ? true : _e, configInfo = props.configInfo, tableHandleRef = props.tableHandleRef, tableName = props.tableName, isFlex = props.isFlex, onTableChange = props.onTableChange, rowSelection = props.rowSelection, showInnerPagination = props.showInnerPagination, defaultInnerPageSize = props.defaultInnerPageSize, virtualTableKey = props.virtualTableKey, _f = props.isSort, isSort = _f === void 0 ? true : _f, isColumnDynamicAutoRefresh = props.isColumnDynamicAutoRefresh, restProps = __rest(props, ["className", "scroll", "pagination", "bordered", "columns", "initColumns", "dataSource", "onAddAndDelHandle", "hideAddIcon", "addIconText", "hideDelIcon", "showDelAllBtn", "delAllChange", "delIconText", "hiddenColumnDynamicIcon", "showColumnDynamic", "showColumnDynamicKey", "summaryConfig", "summaryFixed", "summary", "onMoveRow", "onEditableSave", "onDynamicChange", "isResizableColumn", "configInfo", "tableHandleRef", "tableName", "isFlex", "onTableChange", "rowSelection", "showInnerPagination", "defaultInnerPageSize", "virtualTableKey", "isSort", "isColumnDynamicAutoRefresh"]);
+    var className = props.className, scroll = props.scroll, _c = props.pagination, pagination = _c === void 0 ? false : _c, _d = props.bordered, bordered = _d === void 0 ? true : _d, _columns = props.columns, initColumns = props.initColumns, dataSource = props.dataSource, onAddAndDelHandle = props.onAddAndDelHandle, hideAddIcon = props.hideAddIcon, addIconText = props.addIconText, hideDelIcon = props.hideDelIcon, showDelAllBtn = props.showDelAllBtn, delAllChange = props.delAllChange, delIconText = props.delIconText, hiddenColumnDynamicIcon = props.hiddenColumnDynamicIcon, showColumnDynamic = props.showColumnDynamic, showColumnDynamicKey = props.showColumnDynamicKey, summaryConfig = props.summaryConfig, summaryFixed = props.summaryFixed, summary = props.summary, onMoveRow = props.onMoveRow, onEditableSave = props.onEditableSave, onDynamicChange = props.onDynamicChange, _e = props.isResizableColumn, isResizableColumn = _e === void 0 ? true : _e, configInfo = props.configInfo, tableHandleRef = props.tableHandleRef, tableName = props.tableName, isFlex = props.isFlex, onTableChange = props.onTableChange, rowSelection = props.rowSelection, showInnerPagination = props.showInnerPagination, defaultInnerPageSize = props.defaultInnerPageSize, virtualTableKey = props.virtualTableKey, _f = props.isSort, isSort = _f === void 0 ? true : _f, isColumnDynamicAutoRefresh = props.isColumnDynamicAutoRefresh, menuId = props.menuId, onMenuItemClick = props.onMenuItemClick, restProps = __rest(props, ["className", "scroll", "pagination", "bordered", "columns", "initColumns", "dataSource", "onAddAndDelHandle", "hideAddIcon", "addIconText", "hideDelIcon", "showDelAllBtn", "delAllChange", "delIconText", "hiddenColumnDynamicIcon", "showColumnDynamic", "showColumnDynamicKey", "summaryConfig", "summaryFixed", "summary", "onMoveRow", "onEditableSave", "onDynamicChange", "isResizableColumn", "configInfo", "tableHandleRef", "tableName", "isFlex", "onTableChange", "rowSelection", "showInnerPagination", "defaultInnerPageSize", "virtualTableKey", "isSort", "isColumnDynamicAutoRefresh", "menuId", "onMenuItemClick"]);
     var classes = classNames('zt-table', className, {
         'zt-table--flex': isFlex,
     });
@@ -126,6 +128,8 @@ function Table(props) {
     var dataSourceRef = useRef();
     var preDataSource = usePrevious(dataSource);
     var _h = useState(), sortDataSource = _h[0], setSortDataSource = _h[1];
+    // 菜单右键选中record信息
+    var menuRecords = useRef();
     // 内部分页相关配置
     var _j = useInnerPagination(showInnerPagination, defaultInnerPageSize), paginationConfig = _j.paginationConfig, currentPage = _j.currentPage, setCurrent = _j.setCurrent, pageSize = _j.pageSize;
     var rowSelectionDataSource = useRef({});
@@ -282,6 +286,16 @@ function Table(props) {
             }
         }
     }, [expandableDataSource]);
+    /**
+     * @description 鼠标右键显示
+     */
+    var menuShow = useContextMenu({ id: menuId }).show;
+    /**
+     * @description 表格onCell右键选中信息
+     */
+    var getMenuInfoByCell = useCallback(function (value) {
+        menuRecords.current = value;
+    }, []);
     /**
      * @description 根据配置生成一个新的columns
      *              以及一个需要动态列配置的columns
@@ -313,6 +327,8 @@ function Table(props) {
         customOrder: customOrder,
         setCustomOrder: setCustomOrder,
         isSort: isSort,
+        menuShow: menuShow,
+        getMenuInfoByCell: getMenuInfoByCell,
     }), newColumns = _l.newColumns, dynamicColumns = _l.dynamicColumns, refreshColumnsHandle = _l.refreshColumnsHandle;
     useEffect(function () {
         if (isColumnDynamicAutoRefresh && showColumnDynamicKey && dynamicColumns) {
@@ -602,13 +618,13 @@ function Table(props) {
     // 表格合计
     var onSummaryHandle = useCallback(function (pageData) {
         var _a;
-        var _b = rowSelectionDataSource.current || {}, isChange = _b.isChange, selectedRowKeys = _b.selectedRowKeys, selectedRows = _b.selectedRows;
+        var _b = rowSelectionDataSource.current || {}, isChange = _b.isChange, selectedRowKeys = _b.selectedRowKeys;
         var rowKey = restProps.rowKey;
         var resultDataSoure = typeof rowKey === 'string' && Array.isArray(selectedRowKeys)
             ? pageData.filter(function (item) {
                 return selectedRowKeys.find(function (key) { return item[rowKey] === key; });
             })
-            : selectedRows;
+            : pageData;
         var summaryData = getSummaryData(summaryConfig, isChange && Array.isArray(resultDataSoure) && resultDataSoure.length > 0
             ? resultDataSoure
             : pageData, newColumns, {
@@ -649,6 +665,10 @@ function Table(props) {
         summaryFixed,
         virtualTableKey,
     ]);
+    if (rowSelection === null || rowSelection === void 0 ? void 0 : rowSelection.selectedRowKeys) {
+        rowSelectionDataSource.current.selectedRowKeys =
+            rowSelection === null || rowSelection === void 0 ? void 0 : rowSelection.selectedRowKeys;
+    }
     // 多选
     var rowSelectionObj = useMemo(function () { return (__assign(__assign({}, rowSelection), { onChange: function (selectedRowKeys, selectedRows) {
             rowSelectionDataSource.current = {
@@ -706,6 +726,11 @@ function Table(props) {
         tableResizableTitle,
         vComponents,
     ]);
+    var handleMenuItemClick = function (type) {
+        if (menuRecords.current) {
+            onMenuItemClick && onMenuItemClick(type, menuRecords.current);
+        }
+    };
     return (React.createElement("div", { style: isFlex
             ? { position: 'relative', overflow: 'hidden', flex: 1 }
             : { position: 'relative', overflow: 'hidden' }, ref: tableRef },
@@ -715,7 +740,8 @@ function Table(props) {
                         ? pagination
                         : paginationConfig
                     : pagination, scroll: myScroll, columns: mergeColumns, dataSource: sortDataSource ? sortDataSource : expandableDataSource, components: tableComponents, onRow: onMoveRow ? onRowHandle : undefined, summary: summaryConfig ? onSummaryHandle : summary, rowSelection: rowSelection ? rowSelectionObj : rowSelection }, restProps)),
-            showColumnDynamic && dynamicVisible && (React.createElement(TableDynamic, { visible: dynamicVisible, onClose: hideDynamicHandle, onSave: saveDynamicHandle, onReset: resetDynamicHandle, columns: dynamicColumns })))));
+            showColumnDynamic && dynamicVisible && (React.createElement(TableDynamic, { visible: dynamicVisible, onClose: hideDynamicHandle, onSave: saveDynamicHandle, onReset: resetDynamicHandle, columns: dynamicColumns }))),
+        React.createElement(TableMenu, { menuId: menuId, onMenuItemClick: handleMenuItemClick })));
 }
 // export default memo(Table, (prevProps, nextProps) => {
 //   return shallowEqual(prevProps, nextProps);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ztxkui",
-  "version": "10.0.25",
+  "version": "10.0.27",
   "private": false,
   "description": "React components library",
   "author": "zt-front-end",
@@ -21,6 +21,7 @@
     "number-precision": "^1.5.0",
     "pinyin-pro": "^3.14.0",
     "rc-resize-observer": "^1.3.1",
+    "react-contexify": "5.0.0",
     "react-dnd": "^14.0.2",
     "react-dnd-html5-backend": "^14.0.0",
     "react-draggable": "^4.4.5",