ztxkui 4.2.18-2 → 4.2.18-21

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

@@ -12,6 +12,7 @@ function useDropRef(index, moverow) {
         collect: function (monitor) { return ({
             isDragging: monitor.isDragging(),
         }); },
+        canDrag: function (monitor) { var _a; return !((_a = document.activeElement) === null || _a === void 0 ? void 0 : _a.tagName.toLowerCase().match(/input|textarea/)); },
     }); }, [index]), drag = _a[1];
     /**
      * @description 定义可放置项
@@ -44,7 +45,7 @@ function useDropRef(index, moverow) {
         };
     }
     return {
-        ref: null,
+        ref: ref,
         isOver: null,
         dropClassName: null,
     };

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

@@ -37,6 +37,7 @@ export default function useInnerPagination(isShow, defaultInnerPageSize) {
             }
         },
         hideOnSinglePage: true,
+        position: ['bottomLeft'],
         defaultPageSize: DEFAULT_PAGESIZE,
         pageSizeOptions: ['10', '20', '30'],
     }); }, [isShow, current, pageSize]);

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

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+export default function useSelectSubtotal(tableRef: any, props: any): {
+    tipRef: import("react").MutableRefObject<any>;
+};

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

@@ -0,0 +1,178 @@
+import { useRef, useEffect } from 'react';
+import { domFind } from '../utils/dom';
+import { plus } from 'number-precision';
+import { copyValueHandle } from '../../utils/index';
+export default function useSelectSubtotal(tableRef, props) {
+    var onMoveRow = props.onMoveRow, onEditableSave = props.onEditableSave;
+    var tipRef = useRef();
+    useEffect(function () {
+        if (onMoveRow || onEditableSave) {
+            return;
+        }
+        var tableContent = domFind(tableRef.current, '.ant-table-content');
+        if (!tableContent) {
+            tableContent = domFind(tableRef.current, '.ant-table-container');
+        }
+        var tbody = domFind(tableContent, '.ant-table-tbody');
+        var container = tbody.parentNode;
+        var $tip = tipRef.current;
+        var isDragging = false;
+        var startCell = null; // 开始选中的项
+        var lastEndCell = null; // 最终选中的项
+        var textArr = []; // 选中的文本
+        var textPositionArr = []; // 包含位置信息
+        if (!container) {
+            return;
+        }
+        var contaienrRect = container.getBoundingClientRect();
+        var mousedownHandler = function (e) {
+            if (e.target.tagName === 'TD') {
+                isDragging = true;
+                startCell = e.target;
+                // 是否按下ctrl键  可以选取多段内容
+                if (!e.ctrlKey) {
+                    clearSelections();
+                }
+            }
+        };
+        container.addEventListener('mousedown', mousedownHandler);
+        var mouseupHandler = function (e) {
+            isDragging = false;
+            startCell = null;
+            lastEndCell = null;
+            if (textArr.length) {
+                // console.log(textPositionArr, textArr);
+                var result = sumArrayValues(textArr);
+                if (e.target) {
+                    var rect = e.target.getBoundingClientRect();
+                    $tip.style.top = rect.top - contaienrRect.top + rect.height + "px";
+                    $tip.style.left = rect.left - contaienrRect.left + rect.width + "px";
+                    $tip.innerText = "\u5C0F\u8BA1\uFF1A " + result + " \n \u5DF2\u9009\uFF1A" + textArr.length + "\u9879";
+                }
+            }
+            // 是否按下ctrl键
+            if (!e.ctrlKey) {
+                container.classList.remove('table-select-none');
+            }
+        };
+        container.addEventListener('mouseup', mouseupHandler);
+        var mousemoveHandler = function (e) {
+            if (isDragging && e.target.tagName === 'TD') {
+                if (lastEndCell !== e.target) {
+                    lastEndCell = e.target;
+                    if (startCell !== lastEndCell) {
+                        container.classList.add('table-select-none');
+                        var isCtrl = e.ctrlKey;
+                        selectCells(startCell, e.target, isCtrl); // 仅在必要时更新选择
+                    }
+                }
+            }
+        };
+        container.addEventListener('mousemove', mousemoveHandler);
+        var selectCells = function (start, end, isCtrl) {
+            var _a, _b;
+            if (!isCtrl) {
+                clearSelections(); // 清除之前的选择
+            }
+            if (!start || !end)
+                return;
+            var startRow = start.parentNode.rowIndex;
+            var startCol = start.cellIndex;
+            var endRow = end.parentNode.rowIndex;
+            var endCol = end.cellIndex;
+            var initRow = Math.min(startRow, endRow);
+            var lenRow = Math.max(startRow, endRow);
+            var initCell = Math.min(startCol, endCol);
+            var lenCell = Math.max(startCol, endCol);
+            for (var i = initRow; i <= lenRow; i++) {
+                var positionArr = [];
+                for (var j = initCell; j <= lenCell; j++) {
+                    var $td = (_a = container.rows[i]) === null || _a === void 0 ? void 0 : _a.cells[j];
+                    if ($td && !$td.classList.contains('move-selected')) {
+                        var innerText = $td.innerText;
+                        textArr.push(innerText);
+                        positionArr.push(innerText);
+                    }
+                    (_b = $td === null || $td === void 0 ? void 0 : $td.classList) === null || _b === void 0 ? void 0 : _b.add('move-selected');
+                }
+                if (positionArr.length > 0) {
+                    textPositionArr.push(positionArr);
+                }
+            }
+        };
+        var clearSelections = function () {
+            textArr = [];
+            textPositionArr = [];
+            $tip.innerText = '';
+            $tip.style.top = '-1000px';
+            $tip.style.left = '-1000px';
+            var selectedCells = container.querySelectorAll('.move-selected');
+            selectedCells.forEach(function (cell) { return cell.classList.remove('move-selected'); });
+        };
+        var keydownHandle = function (event) {
+            // 检查按下的键是否是C键
+            var isCKey = event.key === 'c' || event.key === 'C';
+            // 检查是否按下了Ctrl键（在Windows中）或Cmd键（在Mac中）
+            var isCtrlPressed = event.ctrlKey || event.metaKey;
+            // 如果同时按下了Ctrl/Cmd键和C键，则执行你的复制操作
+            if (isCtrlPressed && isCKey && textPositionArr.length > 0) {
+                // 执行你的复制操作，例如将文本添加到剪贴板
+                var textToCopy = textPositionArr
+                    .map(function (row) { return row.join('\t'); })
+                    .join('\n');
+                copyValueHandle(textToCopy);
+                // 阻止浏览器默认的复制操作
+                event.preventDefault();
+            }
+        };
+        document.addEventListener('keydown', keydownHandle);
+        return function () {
+            if (container) {
+                container.removeEventListener('mousedown', mousedownHandler);
+                container.removeEventListener('mouseup', mouseupHandler);
+                container.removeEventListener('mousemove', mousemoveHandler);
+            }
+            document.removeEventListener('keydown', keydownHandle);
+        };
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []);
+    return {
+        tipRef: tipRef,
+    };
+}
+// 计算相关逻辑
+function parseValue(value) {
+    // 移除千分符和金额符号，并替换逗号
+    value = value.replace(/[$,]/g, '').replace(/,/g, '');
+    // 如果是百分号，除以100并返回
+    if (value.endsWith('%')) {
+        return parseFloat(value) / 100;
+    }
+    // 尝试将字符串转换为数字，如果无法转换，则返回NaN
+    var parsedValue = parseFloat(value);
+    return isNaN(parsedValue) ? 0 : parsedValue;
+}
+function sumArrayValues(arr) {
+    var sum = 0;
+    if (arr.find(function (item) { return item.indexOf('/'); })) {
+        var newArr = arr.map(function (item) {
+            var i = item.split('/');
+            return i.map(function (item) { return parseValue(item); });
+        });
+        var result = newArr.reduce(function (prev, current) {
+            var prevLen = prev.length;
+            var currentLen = current.length;
+            if (prevLen > currentLen) {
+                return prev.map(function (item, index) { return plus(current[index] || 0, item || 0); });
+            }
+            return current.map(function (item, index) { return plus(prev[index] || 0, item || 0); });
+        }, []);
+        return result.join('/');
+    }
+    for (var i = 0; i < arr.length; i++) {
+        var value = arr[i];
+        var parsedValue = parseValue(value);
+        sum = plus(sum, parsedValue);
+    }
+    return sum;
+}

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

@@ -1,3 +1,4 @@
+import { ReactNode } from 'react';
 import Table from './table';
 import { Table as AntTable } from 'antd';
 import { ColumnType } from 'antd/lib/table';
@@ -36,6 +37,12 @@ export interface IColumnType<RecordType> extends ColumnType<RecordType> {
     validate?: IValidate;
     /** 是否添加复制当前列功能 */
     showCopy?: boolean;
+    /**表头提示信息 */
+    headTooltip?: ReactNode;
+    /** 是否需要前端过滤 */
+    isFilter?: boolean;
+    /** 是否需要往下填充 */
+    isFillDown?: boolean;
 }
 export interface IColumnGroupType<RecordType> extends Omit<IColumnType<RecordType>, ''> {
     children: ColumnsType<RecordType>;

package/dist/components/Table/table-adddel-column.d.ts

@@ -1,15 +1,18 @@
 import React from 'react';
+import { IProps as ITableProps } from './table';
 interface IProps {
     /**新增行删除行方法 */
-    onAddAndDelHandle?: (type: 'add' | 'del') => void;
+    onAddAndDelHandle?: (type: 'add' | 'del', index: number) => void;
     /**隐藏新增icon */
-    hideAddIcon?: boolean;
+    hideAddIcon?: ITableProps<any>['hideAddIcon'];
     /**新增icon提示文字 */
-    addIconText?: string;
+    addIconText?: ITableProps<any>['addIconText'];
     /**隐藏删除icon */
-    hideDelIcon?: boolean;
+    hideDelIcon?: ITableProps<any>['hideDelIcon'];
     /**删除icon提示文字 */
-    delIconText?: string;
+    delIconText?: ITableProps<any>['delIconText'];
+    record?: any;
+    index: number;
 }
 declare const _default: React.NamedExoticComponent<IProps>;
 export default _default;

package/dist/components/Table/table-adddel-column.js

@@ -3,15 +3,25 @@ import { PlusOutlined, MinusOutlined } from '@ant-design/icons';
 import debounce from 'lodash/debounce';
 import { Popconfirm } from '../../index';
 var TableAddDelColumn = function (_a) {
-    var onAddAndDelHandle = _a.onAddAndDelHandle, hideAddIcon = _a.hideAddIcon, addIconText = _a.addIconText, hideDelIcon = _a.hideDelIcon, _b = _a.delIconText, delIconText = _b === void 0 ? '是否删除该行?' : _b;
+    var onAddAndDelHandle = _a.onAddAndDelHandle, hideAddIcon = _a.hideAddIcon, addIconText = _a.addIconText, hideDelIcon = _a.hideDelIcon, _b = _a.delIconText, delIconText = _b === void 0 ? '是否删除该行?' : _b, index = _a.index, record = _a.record;
     var onAddfn = function () {
-        onAddAndDelHandle && onAddAndDelHandle('add');
+        onAddAndDelHandle && onAddAndDelHandle('add', index);
     };
+    var hiddenAddIcon = typeof hideAddIcon === 'function'
+        ? hideAddIcon(record, index)
+        : hideAddIcon;
+    var hiddenDelIcon = typeof hideDelIcon === 'function'
+        ? hideDelIcon(record, index)
+        : hideDelIcon;
     return (React.createElement(React.Fragment, null,
-        hideAddIcon ? null : (React.createElement("div", { title: "\u65B0\u589E\u4E00\u884C", className: "zt-column__add-icon" },
+        hiddenAddIcon ? null : (React.createElement("div", { title: "\u65B0\u589E\u4E00\u884C", className: "zt-column__add-icon" },
             React.createElement(PlusOutlined, { onClick: debounce(onAddfn, 500) }))),
-        hideDelIcon ? null : (React.createElement("div", { title: "\u5220\u9664\u8BE5\u884C", className: "zt-column__del-icon" },
-            React.createElement(Popconfirm, { title: delIconText, onConfirm: function () { return onAddAndDelHandle && onAddAndDelHandle('del'); } },
+        hiddenDelIcon ? null : (React.createElement("div", { title: "\u5220\u9664\u8BE5\u884C", className: "zt-column__del-icon" },
+            React.createElement(Popconfirm, { title: typeof delIconText === 'function'
+                    ? delIconText(record, index)
+                    : delIconText, onConfirm: function () {
+                    return onAddAndDelHandle && onAddAndDelHandle('del', index);
+                } },
                 React.createElement(MinusOutlined, null))))));
 };
 export default memo(TableAddDelColumn);

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

@@ -11,14 +11,52 @@ var __assign = (this && this.__assign) || function () {
 };
 import React, { useState, memo, useEffect, useCallback } from 'react';
 import { SettingOutlined } from '@ant-design/icons';
-import { Drawer, Button, Checkbox, message, SortableCancel } from '../../index';
+import { Switch } from 'antd';
+import { Drawer, Button, Checkbox, message, SortableCancel, Popover, } from '../../index';
 import { useDrop } from 'react-dnd';
 import { dynamicColumnDragType } from './constants';
 import update from 'immutability-helper';
+import { Select } from 'antd';
+function DynamicItemConfig(_a) {
+    var fixed = _a.fixed, onConfigItemHandle = _a.onConfigItemHandle;
+    var _b = useState({
+        isFixed: !fixed ? false : true,
+        fixed: fixed === true ? 'left' : fixed || 'left',
+    }), config = _b[0], setConfig = _b[1];
+    var onCheckedChangeHandle = function (e) {
+        setConfig(function (state) {
+            return __assign(__assign({}, state), { isFixed: e });
+        });
+        onConfigItemHandle(__assign(__assign({}, config), { isFixed: e }));
+    };
+    var onSelectChangeHandle = function (e) {
+        setConfig(function (state) {
+            return __assign(__assign({}, state), { fixed: e });
+        });
+        onConfigItemHandle(__assign(__assign({}, config), { fixed: e }));
+    };
+    return (React.createElement("div", { style: {
+            float: 'right',
+        } },
+        React.createElement(Popover, { content: React.createElement(React.Fragment, null,
+                React.createElement(Switch, { checked: config.isFixed, onChange: onCheckedChangeHandle }),
+                React.createElement(Select, { value: config.fixed, options: [
+                        {
+                            label: '左',
+                            value: 'left',
+                        },
+                        {
+                            label: '右',
+                            value: 'right',
+                        },
+                    ], allowClear: false, disabled: config.isFixed === false, onChange: onSelectChangeHandle })), trigger: "click", placement: "bottomRight" },
+            React.createElement(Button, { icon: React.createElement(SettingOutlined, null), shape: "circle", size: "small" }))));
+}
 function TableDynamic(props) {
     var visible = props.visible, onClose = props.onClose, onReset = props.onReset, onSave = props.onSave, columns = props.columns;
     var _a = useState(columns || []), dynamicColumns = _a[0], setDynamicColumns = _a[1];
     var _b = useState([]), checkedValues = _b[0], setCheckedValues = _b[1];
+    var _c = useState({}), dynamicColumnConfigs = _c[0], setDynamicColumnConfigs = _c[1];
     useEffect(function () {
         setDynamicColumns(columns || []);
         var _checkedValues = [];
@@ -43,7 +81,13 @@ function TableDynamic(props) {
             if (checkedValues.includes(dynamicColumn.key)) {
                 dynamicColumn.hideColumn = false;
             }
-            return __assign({}, dynamicColumn);
+            if (dynamicColumnConfigs[dynamicColumn.key]) {
+                var _a = dynamicColumnConfigs[dynamicColumn.key], isFixed = _a.isFixed, fixed = _a.fixed;
+                return __assign(__assign({}, dynamicColumn), { fixed: isFixed ? fixed : false });
+            }
+            else {
+                return __assign({}, dynamicColumn);
+            }
         });
         onClose && onClose();
         onSave && onSave(saveResult);
@@ -75,6 +119,14 @@ function TableDynamic(props) {
     var onDynamicChangeHandle = function (checkedValue) {
         setCheckedValues(checkedValue);
     };
+    /**
+     * @description 修改配置触发的回调
+     */
+    var onConfigItemHandle = function (dynamicColumnConfigs) {
+        setDynamicColumnConfigs(function (state) {
+            return __assign(__assign({}, state), dynamicColumnConfigs);
+        });
+    };
     return (React.createElement(Drawer, { placement: "right", getContainer: false, closable: false, maskClosable: false, 
         // style={{ position: 'absolute' }}
         visible: visible, className: "zt-table__dynamic", title: React.createElement("div", null,
@@ -86,15 +138,21 @@ function TableDynamic(props) {
             React.createElement(Button, { type: "default", onClick: onReset }, "\u91CD\u7F6E"),
             React.createElement(Button, { type: "primary", onClick: onSureHandle }, "\u786E\u5B9A")) },
         React.createElement(Checkbox.Group, { style: { width: '100%' }, value: checkedValues, onChange: onDynamicChangeHandle },
-            React.createElement(Container, { dynamicColumns: dynamicColumns, onFindItemHandle: onFindItemHandle, onMoveItemHandle: onMoveItemHandle }))));
+            React.createElement(Container, { dynamicColumns: dynamicColumns, onFindItemHandle: onFindItemHandle, onMoveItemHandle: onMoveItemHandle, onConfigItemHandle: onConfigItemHandle }))));
 }
 function Container(_a) {
-    var dynamicColumns = _a.dynamicColumns, onFindItemHandle = _a.onFindItemHandle, onMoveItemHandle = _a.onMoveItemHandle;
+    var dynamicColumns = _a.dynamicColumns, onFindItemHandle = _a.onFindItemHandle, onMoveItemHandle = _a.onMoveItemHandle, onConfigItemHandle = _a.onConfigItemHandle;
     var _b = useDrop(function () { return ({ accept: dynamicColumnDragType }); }), drop = _b[1];
     return (React.createElement("div", { ref: drop }, Array.isArray(dynamicColumns) &&
         dynamicColumns.map(function (column, index) {
             return column.key ? (React.createElement(SortableCancel, { type: dynamicColumnDragType, key: column.key, id: column.key, onFindItem: onFindItemHandle, onMoveItem: onMoveItemHandle },
-                React.createElement(Checkbox, { value: column.key }, column.title))) : null;
+                React.createElement(Checkbox, { value: column.key, disabled: column.isNoDynamicHide }, column.title),
+                React.createElement(DynamicItemConfig, { fixed: column.fixed, onConfigItemHandle: function (e) {
+                        var _a;
+                        onConfigItemHandle((_a = {},
+                            _a[column.key] = e,
+                            _a));
+                    } }))) : null;
         })));
 }
 export default memo(TableDynamic);

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

@@ -33,10 +33,13 @@ interface IEditableCellProps {
     children: React.ReactNode;
     dataIndex: string;
     record: any;
-    handleSave: (record: any, index: number | undefined, dataIndex: string) => void;
+    handleSave: (record: any, index: number | undefined, dataIndex: string, otherInfo?: {
+        isInner?: boolean;
+    }) => void;
     columns: any;
     onTableChange: any;
     currentpage: ICurrentPage;
+    [props: string]: any;
 }
-declare const TableEnhanceCell: React.FC<IEditableCellProps>;
-export default TableEnhanceCell;
+declare const _default: React.NamedExoticComponent<IEditableCellProps>;
+export default _default;