es-grid-template 1.7.38 → 1.7.39

package/lib/table-component/body/TableBody.d.ts

@@ -3,7 +3,7 @@ import type { CommandClick } from "../type";
 import React from "react";
 interface TableBodyProps<T> {
     table: Table<T>;
-    tableContainerRef: React.RefObject<HTMLDivElement | null>;
+    tableContainerRef: React.RefObject<HTMLDivElement>;
     commandClick?: (args: CommandClick<T>) => void;
     editAble?: boolean;
     tableId: string;

package/lib/table-component/body/TableBody.js

@@ -8,9 +8,9 @@ exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _TableBodyRow = _interopRequireDefault(require("./TableBodyRow"));
 var _reactVirtual = require("@tanstack/react-virtual");
-var _rcMasterUi = require("rc-master-ui");
 var _react = _interopRequireWildcard(require("react"));
 var _useContext = require("../useContext");
+var _rcMasterUi = require("rc-master-ui");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 // import type { Virtualizer } from "@tanstack/react-virtual";
@@ -45,18 +45,18 @@ const TableBody = ({
     //estimate row height for accurate scrollbar dragging
     getScrollElement: () => tableContainerRef.current,
     //measure dynamic row height, except in firefox because it measures table border height incorrectly
-    measureElement: typeof window !== "undefined" && navigator.userAgent.indexOf("Firefox") === -1 ? element => element?.getBoundingClientRect().height : undefined,
+    measureElement: typeof window !== 'undefined' && navigator.userAgent.indexOf('Firefox') === -1 ? element => element?.getBoundingClientRect().height : undefined,
     overscan: 1
   });
   const virtualRows = rowVirtualizer.getVirtualItems();
   return /*#__PURE__*/_react.default.createElement("tbody", {
     className: `${prefix}-grid-tbody`,
     style: {
-      display: "grid",
+      display: 'grid',
       // height: `${rowVirtualizer.getTotalSize()}px`, //tells scrollbar how big the table is
       height: showEmptyText && rows.length === 0 ? `140px` : `${rowVirtualizer.getTotalSize()}px`,
       //tells scrollbar how big the table is
-      position: "relative" //needed for absolute positioning of rows
+      position: 'relative' //needed for absolute positioning of rows
     }
   }, showEmptyText && rows.length === 0 ? /*#__PURE__*/_react.default.createElement("tr", {
     style: {
@@ -68,7 +68,7 @@ const TableBody = ({
       position: "sticky",
       left: 0,
       width: tableContainerRef.current?.clientWidth,
-      overflow: "hidden"
+      overflow: 'hidden'
     }
   }, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_rcMasterUi.Empty, {
     image: _rcMasterUi.Empty.PRESENTED_IMAGE_SIMPLE,

package/lib/table-component/body/TableBodyCell.js

@@ -80,7 +80,7 @@ const renderCommand = args => {
   const commands = col.commandItems ? col.commandItems.map(it => {
     return {
       ...it,
-      visible: typeof it.visible === "function" ? it.visible?.(record) : it.visible
+      visible: typeof it.visible === 'function' ? it.visible?.(record) : it.visible
     };
   }) : [];
   return /*#__PURE__*/_react.default.createElement("span", {
@@ -120,6 +120,7 @@ const renderSelection = args => {
   } = args;
   return /*#__PURE__*/_react.default.createElement("div", {
     style: {
+
       // paddingLeft: `${row.depth * 2}rem`,
     }
   }, cell.column.getIndex() === expandIconColumnIndex && isDataTree && /*#__PURE__*/_react.default.createElement("div", {
@@ -157,14 +158,14 @@ const renderSelection = args => {
     className: "ui-rc-table-row-expand-icon ui-rc-table-row-expand-icon-spaced"
   }))), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_Checkbox.default, {
     checked: row.getIsSelected() || row.getIsAllSubRowsSelected(),
-    indeterminate: row.getIsSomeSelected() && selectionSettings && selectionSettings.mode === "checkbox" && selectionSettings.type !== "single"
+    indeterminate: row.getIsSomeSelected() && selectionSettings && selectionSettings.mode === 'checkbox' && selectionSettings.type !== 'single'
     // indeterminate={row.getIsSomeSelected() }
     ,
     onChange: e => {
       row.getToggleSelectedHandler()(e);
       setIsSelectionChange({
         isChange: true,
-        type: "rowSelected",
+        type: 'rowSelected',
         rowData: row.original
       });
       // row.toggleSelected()
@@ -199,53 +200,28 @@ const TableBodyCell = props => {
   const isPinned = cell.column.getIsPinned();
   const isLastLeftPinnedColumn = isPinned === "left" && cell.column.getIsLastColumn("left");
   const isFirstRightPinnedColumn = isPinned === "right" && cell.column.getIsFirstColumn("right");
-  const cellContent = columnMeta.type === "checkbox" ? "" : (0, _reactTable.flexRender)(cell.column.columnDef.cell, cell.getContext());
+  const cellContent = columnMeta.type === 'checkbox' ? '' : (0, _reactTable.flexRender)(cell.column.columnDef.cell, cell.getContext());
   const html = _server.default.renderToStaticMarkup( /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, cellContent));
   const hasValue = html.trim().length > 0;
-  if (cell.column.id === "command") {
-    return /*#__PURE__*/_react.default.createElement("td", {
-      key: cell.id,
-      className: (0, _classnames.default)(`${prefix}-grid-cell ${prefix}-grid-cell-command`, {
-        [`${prefix}-grid-cell-ellipsis`]: true,
-        [`${prefix}-grid-cell-fix-left-last`]: isLastLeftPinnedColumn,
-        [`${prefix}-grid-cell-fix-right-first`]: isFirstRightPinnedColumn,
-        [`${prefix}-grid-cell-text-center`]: columnMeta?.textAlign === "center",
-        [`${prefix}-grid-cell-text-right`]: columnMeta?.textAlign === "right"
-      }),
-      style: {
-        display: "flex",
-        height: "36px",
-        width: cell.column.getSize(),
-        minWidth: cell.column.getSize(),
-        maxWidth: cell.column.getSize(),
-        ...(0, _utils.getCommonPinningStyles)(cell.column)
-      }
-    }, renderCommand({
-      cell,
-      commandClick,
-      id,
-      data: originData
-    }));
-  }
   return /*#__PURE__*/_react.default.createElement("td", {
     key: cell.id,
     className: (0, _classnames.default)(`${prefix}-grid-cell`, {
-      [`${prefix}-grid-cell-ellipsis`]: !wrapSettings || !(wrapSettings && (wrapSettings.wrapMode === "Both" || wrapSettings.wrapMode === "Content")),
-      [`${prefix}-grid-cell-wrap`]: wrapSettings && (wrapSettings.wrapMode === "Both" || wrapSettings.wrapMode === "Content"),
+      [`${prefix}-grid-cell-ellipsis`]: !wrapSettings || !(wrapSettings && (wrapSettings.wrapMode === 'Both' || wrapSettings.wrapMode === 'Content')),
+      [`${prefix}-grid-cell-wrap`]: wrapSettings && (wrapSettings.wrapMode === 'Both' || wrapSettings.wrapMode === 'Content'),
       [`${prefix}-grid-cell-fix-left-last`]: isLastLeftPinnedColumn,
       [`${prefix}-grid-cell-fix-right-first`]: isFirstRightPinnedColumn,
-      [`${prefix}-grid-cell-text-center`]: columnMeta?.textAlign === "center",
-      [`${prefix}-grid-cell-text-right`]: columnMeta?.textAlign === "right" || columnMeta.type === "number"
+      [`${prefix}-grid-cell-text-center`]: columnMeta?.textAlign === 'center',
+      [`${prefix}-grid-cell-text-right`]: columnMeta?.textAlign === 'right' || columnMeta.type === 'number'
     }),
     style: {
-      display: "flex",
+      display: 'flex',
       // flex: 1,
       width: cell.column.getSize(),
       // border: '1px solid #e5e7eb',
       ...(0, _utils.getCommonPinningStyles)(cell.column)
     },
     "data-tooltip-id": `${id}-tooltip-content`,
-    "data-tooltip-html": !hasValue ? "" : _server.default.renderToStaticMarkup( /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, cellContent)),
+    "data-tooltip-html": !hasValue ? '' : _server.default.renderToStaticMarkup( /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, cellContent)),
     onClick: event => {
       const element = event.target;
       const container = document.querySelector(".ui-rc-table-row-expand");
@@ -254,7 +230,7 @@ const TableBodyCell = props => {
         cell.row.getToggleSelectedHandler()(event);
         setIsSelectionChange({
           isChange: true,
-          type: "rowSelected",
+          type: 'rowSelected',
           rowData: cell.row.original
         });
       }
@@ -266,6 +242,11 @@ const TableBodyCell = props => {
     isDataTree,
     setExpanded,
     expandIconColumnIndex
+  }), cell.column.id === "command" && renderCommand({
+    cell,
+    commandClick,
+    id,
+    data: originData
   }), cell.column.id === "selection_column" && renderSelection({
     cell,
     table,

package/lib/table-component/body/TableBodyCellEdit.d.ts

@@ -1,7 +1,7 @@
-import type { Cell, Table } from '@tanstack/react-table';
-import type { CommandClick } from '../type';
-import type { VirtualItem, Virtualizer } from '@tanstack/react-virtual';
-import React from 'react';
+import type { Cell, Table } from "@tanstack/react-table";
+import type { CommandClick } from "../type";
+import React from "react";
+import type { VirtualItem, Virtualizer } from "@tanstack/react-virtual";
 interface TableBodyCellProps<T> {
     table: Table<T>;
     rowVirtualizer: Virtualizer<HTMLDivElement, HTMLTableRowElement>;

package/lib/table-component/body/TableBodyCellEdit.js

@@ -10,12 +10,12 @@ var _space = _interopRequireDefault(require("rc-master-ui/es/space"));
 var _Command = _interopRequireDefault(require("../components/command/Command"));
 var _server = _interopRequireDefault(require("react-dom/server"));
 var _utils = require("../hook/utils");
-var _classnames = _interopRequireDefault(require("classnames"));
 var _Checkbox = _interopRequireDefault(require("rc-master-ui/lib/checkbox/Checkbox"));
+var _classnames = _interopRequireDefault(require("classnames"));
 var _react = _interopRequireDefault(require("react"));
-var _constant = require("../hook/constant");
 var _useContext = require("../useContext");
 var _EditableCell = _interopRequireDefault(require("./EditableCell"));
+var _constant = require("../hook/constant");
 // import { nonActionColumn } from "../hook/constant";
 
 // import type { Dispatch, SetStateAction } from "react";
@@ -89,6 +89,7 @@ const renderSelection = args => {
   } = args;
   return /*#__PURE__*/_react.default.createElement("div", {
     style: {
+
       // paddingLeft: `${row.depth * 2}rem`,
     }
   }, cell.column.getIndex() === expandIconColumnIndex && isDataTree && /*#__PURE__*/_react.default.createElement("div", {
@@ -115,15 +116,15 @@ const renderSelection = args => {
       }
     },
     style: {
-      cursor: 'pointer'
+      cursor: "pointer"
     },
     className: "ui-rc-table-row-expand"
   }, cell.row.getIsExpanded() ? /*#__PURE__*/_react.default.createElement("span", {
-    className: 'ui-rc-table-row-expand-icon ui-rc-table-row-expand-icon-expanded'
+    className: "ui-rc-table-row-expand-icon ui-rc-table-row-expand-icon-expanded"
   }) : /*#__PURE__*/_react.default.createElement("span", {
-    className: 'ui-rc-table-row-expand-icon ui-rc-table-row-expand-icon-collapsed'
+    className: "ui-rc-table-row-expand-icon ui-rc-table-row-expand-icon-collapsed"
   })) : /*#__PURE__*/_react.default.createElement("span", {
-    className: 'ui-rc-table-row-expand-icon ui-rc-table-row-expand-icon-spaced'
+    className: "ui-rc-table-row-expand-icon ui-rc-table-row-expand-icon-spaced"
   }))), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_Checkbox.default, {
     checked: row.getIsSelected() || row.getIsAllSubRowsSelected(),
     indeterminate: row.getIsSomeSelected() && selectionSettings && selectionSettings.mode === 'checkbox' && selectionSettings.type !== 'single'
@@ -195,8 +196,6 @@ const TableBodyCellEdit = props => {
     handleCellClick,
     setIsSelectionChange,
     selectionSettings
-
-    // isFullScreen
   } = _react.default.useContext(_useContext.TableContext);
   const expandIconColumnIndex = expandable?.expandIconColumnIndex;
   const record = cell.row.original;
@@ -215,15 +214,13 @@ const TableBodyCellEdit = props => {
   const rowNumber = allRows.findIndex(it => it.id === cell.row.id);
   const colIndex = cell.column.getIndex();
   const isPinned = cell.column.getIsPinned();
-  const isLastLeftPinnedColumn = isPinned === 'left' && cell.column.getIsLastColumn('left');
-  const isFirstRightPinnedColumn = isPinned === 'right' && cell.column.getIsFirstColumn('right');
+  const isLastLeftPinnedColumn = isPinned === "left" && cell.column.getIsLastColumn("left");
+  const isFirstRightPinnedColumn = isPinned === "right" && cell.column.getIsFirstColumn("right");
   const selectRowIds = _react.default.useMemo(() => {
     return startCell && endCell ? (0, _utils.getRowIdsBetween)(table, startCell.rowId, endCell.rowId) : [];
   }, [endCell, startCell, table]);
   const isCellSelected = _react.default.useMemo(() => {
-    if (!startCell || !endCell) {
-      return false;
-    }
+    if (!startCell || !endCell) return false;
 
     // const rowIds = getRowIdsBetween(table, startCell.rowId, endCell.rowId);
     const colIds = (0, _utils.getColIdsBetween)(table, startCell.colId, endCell.colId);
@@ -268,9 +265,7 @@ const TableBodyCellEdit = props => {
     const dataSelected = [];
     rowSelectIds.forEach(rowId => {
       const row = allRows.find(r => r.id === rowId);
-      if (!row) {
-        return;
-      }
+      if (!row) return;
       const rowData = [];
       colSelectIds.forEach(colId => {
         const cellll = row.getVisibleCells().find(c => c.column.id === colId);
@@ -344,9 +339,7 @@ const TableBodyCellEdit = props => {
     const dataSelected = [];
     rowSelectIds.forEach(rowId => {
       const row = allRows.find(r => r.id === rowId);
-      if (!row) {
-        return;
-      }
+      if (!row) return;
       const rowData = [];
       colSelectIds.forEach(colId => {
         const cellll = row.getVisibleCells().find(c => c.column.id === colId);
@@ -505,6 +498,7 @@ const TableBodyCellEdit = props => {
       }
     }
     if (editType === 'select') {
+
       // setSearchValue(e.key)
       // setOpen(true)
     }
@@ -516,11 +510,8 @@ const TableBodyCellEdit = props => {
         // const select = document.querySelector(`div.cell-editing[tabindex="${startSelectedCells.current.col}"] .ant-select-selection-search input`)
 
         if (textarea) {
-          // textarea.focus()
-          // textarea.setSelectionRange(
-          //   textarea.value.length,
-          //   textarea.value.length
-          // )
+          textarea.focus();
+          textarea.setSelectionRange(textarea.value.length, textarea.value.length);
         }
         // if (input) {
         //   input.focus()
@@ -707,6 +698,7 @@ const TableBodyCellEdit = props => {
   }
   const handleMouseDownIndex = rowId => {
     const allColumns = table.getVisibleLeafColumns();
+    const firstCOl = (0, _utils.findFirst)(allColumns);
     const startCol = allColumns[0].id;
     const endCol = allColumns[allColumns.length - 1].id;
     setStartCell?.({
@@ -717,6 +709,12 @@ const TableBodyCellEdit = props => {
       rowId,
       colId: endCol
     });
+    if (firstCOl) {
+      setFocusedCell?.({
+        rowId: cell.row.id,
+        colId: firstCOl.id
+      });
+    }
     setRangeState?.((0, _utils.getSelectedCellMatrix)(table, {
       rowId,
       colId: startCol
@@ -725,7 +723,7 @@ const TableBodyCellEdit = props => {
       colId: endCol
     }));
   };
-  if (cell.column.id === '#') {
+  if (cell.column.id === "#") {
     return /*#__PURE__*/_react.default.createElement("td", {
       key: cell.id,
       className: (0, _classnames.default)(`${prefix}-grid-cell ${prefix}-grid-cell-index`, {
@@ -789,21 +787,21 @@ const TableBodyCellEdit = props => {
         }
       },
       style: {
-        cursor: 'pointer'
+        cursor: "pointer"
       },
       className: "ui-rc-table-row-expand"
     }, cell.row.getIsExpanded() ? /*#__PURE__*/_react.default.createElement("span", {
-      className: 'ui-rc-table-row-expand-icon ui-rc-table-row-expand-icon-expanded'
+      className: "ui-rc-table-row-expand-icon ui-rc-table-row-expand-icon-expanded"
     }) : /*#__PURE__*/_react.default.createElement("span", {
-      className: 'ui-rc-table-row-expand-icon ui-rc-table-row-expand-icon-collapsed'
+      className: "ui-rc-table-row-expand-icon ui-rc-table-row-expand-icon-collapsed"
     })) : /*#__PURE__*/_react.default.createElement("span", {
-      className: 'ui-rc-table-row-expand-icon ui-rc-table-row-expand-icon-spaced'
+      className: "ui-rc-table-row-expand-icon ui-rc-table-row-expand-icon-spaced"
     }))), renderCellIndex({
       parrents,
       cell
     }));
   }
-  if (cell.column.id === 'command') {
+  if (cell.column.id === "command") {
     return /*#__PURE__*/_react.default.createElement("td", {
       key: cell.id,
       className: (0, _classnames.default)(`${prefix}-grid-cell ${prefix}-grid-cell-command`, {
@@ -828,7 +826,7 @@ const TableBodyCellEdit = props => {
       data: originData
     }));
   }
-  if (cell.column.id === 'selection_column') {
+  if (cell.column.id === "selection_column") {
     return /*#__PURE__*/_react.default.createElement("td", {
       key: cell.id,
       className: (0, _classnames.default)(`${prefix}-grid-cell cell-editable111 `, {
@@ -870,16 +868,16 @@ const TableBodyCellEdit = props => {
         }
       },
       style: {
-        cursor: 'pointer'
+        cursor: "pointer"
       },
       className: "ui-rc-table-row-expand"
     }, cell.row.getIsExpanded() ? /*#__PURE__*/_react.default.createElement("span", {
-      className: 'ui-rc-table-row-expand-icon ui-rc-table-row-expand-icon-expanded'
+      className: "ui-rc-table-row-expand-icon ui-rc-table-row-expand-icon-expanded"
     }) : /*#__PURE__*/_react.default.createElement("span", {
-      className: 'ui-rc-table-row-expand-icon ui-rc-table-row-expand-icon-collapsed'
+      className: "ui-rc-table-row-expand-icon ui-rc-table-row-expand-icon-collapsed"
     })) : /*#__PURE__*/_react.default.createElement("span", {
-      className: 'ui-rc-table-row-expand-icon ui-rc-table-row-expand-icon-spaced'
-    }))), cell.column.id === 'selection_column' && renderSelection({
+      className: "ui-rc-table-row-expand-icon ui-rc-table-row-expand-icon-spaced"
+    }))), cell.column.id === "selection_column" && renderSelection({
       cell,
       table,
       selectionSettings,
@@ -955,30 +953,14 @@ const TableBodyCellEdit = props => {
       height: '36px',
       ...(0, _utils.getCommonPinningStyles)(cell.column),
       cursor: isPasting ? 'crosshair' : undefined
-    }
-    // onClick={() => {
-    //   if (record[rowKey] === editingKey) {
-    //     // setFocusedCell?.({ rowId: cell.row.id, colId: cell.column.id })
-
-    //     if (canEdit) {
-    //       handleCellClick?.(
-    //         rowNumber,
-    //         record,
-    //         columnMeta as any,
-    //         record[rowKey],
-    //         record[columnMeta.field ?? ""]
-    //       )
-    //     }
-    //   }
-    // }}
-    ,
+    },
     onMouseDown: () => {
       if (record[rowKey] === editingKey) {
         setFocusedCell?.({
           rowId: cell.row.id,
           colId: cell.column.id
         });
-        if (canEdit && focusedCell?.colId !== cell.column.id) {
+        if (canEdit) {
           handleCellClick?.(rowNumber, record, columnMeta, record[rowKey], record[columnMeta.field ?? '']);
         }
       } else {
@@ -1000,6 +982,15 @@ const TableBodyCellEdit = props => {
 
         // reset?.()
       }
+
+      // if (record[rowKey] !== editingKey) {
+
+      //   setTimeout(() => {
+      //     // setEditingKey?.('')
+      //     reset?.()
+      //   })
+
+      // }
     },
     onMouseEnter: () => handleMouseEnter(cell.row.id, cell.column.id),
     onMouseUp: e => handleMouseUp(e),
@@ -1039,17 +1030,25 @@ const TableBodyCellEdit = props => {
                 align: 'center'
               });
             } else {
+
               // const newRowId = newGuid()
               // handleAddMulti?.({}, 1, newRowId)
+
               // setFocusedCell?.({ rowId: newRowId, colId: cell.column.id });
+
               // setStartCell?.({ rowId: newRowId, colId: cell.column.id });
               // setEndCell?.({ rowId: newRowId, colId: cell.column.id });
+
               // setTimeout(() => {
               //   setRangeState?.(getSelectedCellMatrix(table, { rowId: newRowId, colId: cell.column.id }, { rowId: newRowId, colId: cell.column.id }))
               //   // rowVirtualizer.scrollToIndex(currentRowIndex + 1, { align: 'end', })
+
               // })
+
               // setTimeout(() => {
+
               //   rowVirtualizer.scrollToIndex(currentRowIndex + 1, { align: 'center', })
+
               // }, 100)
             }
             handleChange();
@@ -1105,22 +1104,24 @@ const TableBodyCellEdit = props => {
       }
     },
     style: {
-      cursor: 'pointer'
+      cursor: "pointer"
     },
     className: "ui-rc-table-row-expand"
   }, cell.row.getIsExpanded() ? /*#__PURE__*/_react.default.createElement("span", {
-    className: 'ui-rc-table-row-expand-icon ui-rc-table-row-expand-icon-expanded'
+    className: "ui-rc-table-row-expand-icon ui-rc-table-row-expand-icon-expanded"
   }) : /*#__PURE__*/_react.default.createElement("span", {
-    className: 'ui-rc-table-row-expand-icon ui-rc-table-row-expand-icon-collapsed'
+    className: "ui-rc-table-row-expand-icon ui-rc-table-row-expand-icon-collapsed"
   })) : /*#__PURE__*/_react.default.createElement("span", {
-    className: 'ui-rc-table-row-expand-icon ui-rc-table-row-expand-icon-spaced'
+    className: "ui-rc-table-row-expand-icon ui-rc-table-row-expand-icon-spaced"
   }))), (0, _reactTable.flexRender)(cell.column.columnDef.cell, cell.getContext()), (editType === 'select' || editType === 'selectTable' || editType === 'asyncSelect' || editType === 'treeSelect') && canEdit && /*#__PURE__*/_react.default.createElement("span", {
     className: 'caret-down',
     onClick: e => {
       handleEdit(e);
       // setEditingKey?.(cell.row.id)
     }
-  })), !isSelecting && !isEditing && rowNumber === rangeState?.endRowIndex && cell.column.getIndex() === rangeState?.endColIndex && /*#__PURE__*/_react.default.createElement("div", {
+  })), !isSelecting && !isEditing && rowRange &&
+  // rowNumber === rangeState?.endRowIndex &&
+  cell.row.id === rowRange[rowRange?.length - 1] && cell.column.getIndex() === rangeState?.endColIndex && /*#__PURE__*/_react.default.createElement("div", {
     className: 'dragging-point',
     onMouseDown: e => {
       e.preventDefault();

package/lib/table-component/body/TableBodyRow.js

@@ -41,6 +41,7 @@ const TableBodyRow = ({
     ref: node => rowVirtualizer.measureElement(node) //measure dynamic row height
     ,
     key: row.id
+
     // className={} ui-rc-table-row-selected
     ,
     className: (0, _classnames.default)(`${prefix}-grid-row`, {

package/lib/table-component/footer/TableFooterCell.d.ts

@@ -1,7 +1,7 @@
-import type { Column } from '@tanstack/react-table';
-import React from 'react';
+import type { Column } from "@tanstack/react-table";
+import React from "react";
 interface TableFooterCellProps<T> {
     column: Column<T, any>;
 }
-declare const TableFooterCell: <RecordType extends object>({ column, }: TableFooterCellProps<RecordType>) => React.JSX.Element;
+declare const TableFooterCell: <RecordType extends object>({ column }: TableFooterCellProps<RecordType>) => React.JSX.Element;
 export default TableFooterCell;

package/lib/table-component/footer/TableFooterCell.js

@@ -6,11 +6,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _reactNumericComponent = require("react-numeric-component");
-var _hooks = require("../../grid-component/hooks");
 var _utils = require("../hook/utils");
 var _useContext = require("../useContext");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _hooks = require("../../grid-component/hooks");
+var _reactNumericComponent = require("react-numeric-component");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 // import type { VirtualItem, Virtualizer } from "@tanstack/react-virtual";
@@ -41,8 +41,6 @@ const TableFooterCell = ({
 
   // const sumValue = col.type === 'number' ? sumDataByField(filterDataByColumns4(dataSource, filterStates) as any[], col?.key as string) : 0
   const sumValue = col.type === 'number' ? (0, _hooks.sumByField)(dataSource, col?.field) : 0;
-  // const sumValue = col.type === "number" ? 0 : 0
-
   const value = !(0, _utils.isEmpty)(sumValue) ? dec || dec === 0 ? parseFloat(Number(sumValue).toFixed(dec)).toString() : sumValue.toString() : '0';
   const cellValue = col.type === 'number' && col.isSummary !== false ? value : '';
   const numberValue = Number(value);
@@ -75,8 +73,8 @@ const TableFooterCell = ({
       display: 'flex',
       ...(0, _utils.getCommonPinningStyles)(column),
       width: column?.getSize() ?? column.getSize(),
-      backgroundColor: '#fafafa'
+      backgroundColor: "#fafafa"
     }
-  }, column.id !== 'id' && column.id !== 'selection_column' ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, col.summaryTemplate ? col.summaryTemplate(numberValue, col.field) : (0, _reactNumericComponent.numericFormatter)(cellValue, numericFormatProps)) : '');
+  }, column.id !== "id" && column.id !== "selection_column" ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, col.summaryTemplate ? col.summaryTemplate(numberValue, col.field) : (0, _reactNumericComponent.numericFormatter)(cellValue, numericFormatProps)) : '');
 };
 var _default = exports.default = TableFooterCell;

package/lib/table-component/header/TableHead.d.ts

@@ -1,9 +1,9 @@
-import type { Column } from "@tanstack/react-table";
-import { type Table } from "@tanstack/react-table";
-import { type Virtualizer } from "@tanstack/react-virtual";
-import React from "react";
+import type { Column } from '@tanstack/react-table';
+import { type Table } from '@tanstack/react-table';
+import { type Virtualizer } from '@tanstack/react-virtual';
+import React from 'react';
 interface TableHeadProps<T> {
-    tableContainerRef: React.RefObject<HTMLDivElement | null>;
+    tableContainerRef: React.RefObject<HTMLDivElement>;
     table: Table<T>;
     columnVirtualizer: Virtualizer<HTMLDivElement, HTMLTableCellElement>;
     virtualPaddingLeft: number | undefined;

package/lib/table-component/header/TableHead.js

@@ -27,7 +27,7 @@ const TableHead = ({
     className: `${prefix}-grid-thead`,
     style: {
       // display: 'grid',
-      position: "sticky",
+      position: 'sticky',
       top: 0,
       zIndex: 1
     }

package/lib/table-component/hook/constant.js

@@ -220,16 +220,16 @@ const optionFontSize = exports.optionFontSize = [{
   label: '48'
 }];
 
-/**
- * Sort order for BaseTable
+/**
+ * Sort order for BaseTable
  */
 const SortOrder = {
-  /**
-   * Sort data in ascending order
+  /**
+   * Sort data in ascending order
    */
   ascend: 'Ascending',
-  /**
-   * Sort data in descending order
+  /**
+   * Sort data in descending order
    */
   descend: 'Descending'
 };

package/lib/table-component/hook/useFilterOperator.d.ts

@@ -1,4 +1,4 @@
-import type { Table } from '@tanstack/react-table';
+import { Table } from '@tanstack/react-table';
 import type { FilterOperator } from '../type';
 export declare function useFilterOperator(table: Table<any>): {
     setFilterOperator: (columnId: string, operator: FilterOperator) => void;

package/lib/table-component/hook/utils.d.ts

@@ -40,7 +40,7 @@ export declare function groupArrayByColumns(arr: any[], columns: string[] | unde
 export declare const flatColumns2: <RecordType>(columns: ColumnsTable<RecordType>) => ColumnsTable<RecordType>;
 export declare const checkThousandSeparator: (thousandSeparator: string | undefined, decimalSeparator: string | undefined) => string;
 export declare const checkDecimalSeparator: (thousandSeparator: string | undefined, decimalSeparator: string | undefined) => string;
-export declare const getFixedFields: <T>(columns: ColumnsTable<T>, type: "left" | "right") => string[];
+export declare const getFixedFields: <T>(columns: ColumnsTable<T>, type: 'left' | 'right') => string[];
 export declare function areStringArraysEqual(a: string[], b: string[]): boolean;
 export declare const getDefaultOperator: (col: ColumnTable) => FilterOperator;
 export declare function isEqualSet(setA: any, setB: any): boolean;
@@ -79,7 +79,7 @@ export declare const isNullOrUndefined: (d: any) => boolean;
 export declare const isObjEmpty: (obj: any) => boolean;
 export declare const isDisable: <T>(column: ColumnTable<T>, rowData?: any) => boolean;
 export declare const customWeekStartEndFormat: (value: any, weekFormat: string) => string;
-export declare const parseBooleanToValue: (value: boolean, type: "boolean" | "number") => number | boolean;
+export declare const parseBooleanToValue: (value: boolean, type: 'boolean' | 'number') => number | boolean;
 export declare const isNameColor: (strColor: string) => boolean;
 export declare const isColor: (value: string) => boolean;
 export declare const genPresets: (presets?: import("@ant-design/colors").PalettesProps) => import("antd/es/color-picker/interface").PresetsItem[];
@@ -135,3 +135,4 @@ export declare const convertToObjTrue: (arr: any) => {
 };
 export declare const getDiffent2Array: (a: any[], b: any[]) => any[];
 export declare function isTree(arr: any[]): boolean;
+export declare function findFirst(items: Column<any>[]): Column<any, unknown>;