@arim-aisdc/public-components 2.3.31 → 2.3.33

package/dist/components/TableMax/TableBody/Row.d.ts

@@ -60,6 +60,7 @@ type IRowProps = {
     dropSide: DropSide;
     onEditValueChange?: (field: string, value: any, extra?: any) => void;
     setRowSelection?: Function;
+    openMemo?: boolean;
 };
-declare const Row: ({ tableBodyRef, table, tableId, row, rowSelectedId, setRowSelectedId, rowHighLightId, setRowHighLightId, selectedRowChange, onSelectChange, canSelection, selectionWithoutChecked, reorderRow, canRowDrag, rowClassName, cellClassName, rowStyle, getCellProps, editting, rowEditing, renderSubComponent, selectedRowDragging, setSelectedRowDragging, onRowMouseEnter, onRowMouseLeave, onRowMouseClick, onRowMouseDoubleClick, rowHeight, disableDragRowIds, selectRowWhenClick, handleEditRowWhenDClick, canEditRowWhenDClick, theme, dragBeforeStart, shadowColumnInfo, onCellContextMenu, getRowHoverTipConfig, tableTooltip, changeHoverRow, clearHoverRowIndex, hoverRowIndex, dropSide, onEditValueChange, setRowSelection }: IRowProps) => import("react/jsx-runtime").JSX.Element;
+declare const Row: ({ tableBodyRef, table, tableId, row, rowSelectedId, setRowSelectedId, rowHighLightId, setRowHighLightId, selectedRowChange, onSelectChange, canSelection, selectionWithoutChecked, reorderRow, canRowDrag, rowClassName, cellClassName, rowStyle, getCellProps, editting, rowEditing, renderSubComponent, selectedRowDragging, setSelectedRowDragging, onRowMouseEnter, onRowMouseLeave, onRowMouseClick, onRowMouseDoubleClick, rowHeight, disableDragRowIds, selectRowWhenClick, handleEditRowWhenDClick, canEditRowWhenDClick, theme, dragBeforeStart, shadowColumnInfo, onCellContextMenu, getRowHoverTipConfig, tableTooltip, changeHoverRow, clearHoverRowIndex, hoverRowIndex, dropSide, onEditValueChange, setRowSelection, openMemo }: IRowProps) => import("react/jsx-runtime").JSX.Element;
 export default Row;

package/dist/components/TableMax/TableBody/Row.js

@@ -75,7 +75,8 @@ var Row = function Row(_ref) {
     hoverRowIndex = _ref.hoverRowIndex,
     dropSide = _ref.dropSide,
     onEditValueChange = _ref.onEditValueChange,
-    setRowSelection = _ref.setRowSelection;
+    setRowSelection = _ref.setRowSelection,
+    openMemo = _ref.openMemo;
   var _useConfig = useConfig(),
     dateFormat = _useConfig.dateFormat;
   var timerRef = useRef();
@@ -324,7 +325,7 @@ var Row = function Row(_ref) {
   }, []);
 
   // 优化：将行渲染逻辑提取为useMemo
-  var rowCom = useMemo(function () {
+  var rowComMemo = useMemo(function () {
     var renderCell = function renderCell(cell) {
       var _cellClassName;
       var _cell$column$columnDe = cell.column.columnDef,
@@ -390,6 +391,72 @@ var Row = function Row(_ref) {
       children: row.getVisibleCells().map(renderCell)
     });
   }, [row, rowEditing, tableId, editting, canRowDrag, disableDragRowIds, isDragging, selectedRowDragging, rowStyle, handleRowClick, rowMouseEnter, rowMouseLeave, rowClassNames, leftLastColumnId, rightFirstColumnId, cellClassName, theme, rowHeight, table, handleCellRightClick, getCellProps, tableTooltip, onEditValueChange, dateFormat]);
+  var rowCom = function rowCom() {
+    var renderCell = function renderCell(cell) {
+      var _cellClassName2;
+      var _cell$column$columnDe3 = cell.column.columnDef,
+        columnEditable = _cell$column$columnDe3.editable,
+        accessorKey = _cell$column$columnDe3.accessorKey,
+        header = _cell$column$columnDe3.header,
+        columnClassName = _cell$column$columnDe3.columnClassName,
+        id = _cell$column$columnDe3.id,
+        filterType = _cell$column$columnDe3.filterType;
+      var columnEditing = rowEditing && columnEditable;
+      var rawValue = cell.getValue();
+
+      // 创建增强上下文
+      var originalContext = cell.getContext();
+      var enhancedContext = _objectSpread(_objectSpread({}, originalContext), {}, {
+        getValue: function getValue() {
+          return rawValue;
+        },
+        getFormattedValue: function getFormattedValue() {
+          var _cell$column$columnDe4;
+          return isDateColumn(cell.column.columnDef) ? formatDate(rawValue, ((_cell$column$columnDe4 = cell.column.columnDef) === null || _cell$column$columnDe4 === void 0 || (_cell$column$columnDe4 = _cell$column$columnDe4.meta) === null || _cell$column$columnDe4 === void 0 ? void 0 : _cell$column$columnDe4.dateFormat) || dateFormat) : rawValue;
+        },
+        renderValue: function renderValue() {
+          return enhancedContext.getFormattedValue();
+        }
+      });
+      var cellClassNames = [columnEditing ? 'tbody-tr-td-editting' : '', id === leftLastColumnId ? 'tbody-tr-td-cell-fix-left-last' : '', id === rightFirstColumnId ? 'tbody-tr-td-cell-fix-right-first' : '', columnClassName ? columnClassName.join(' ') : ''].concat(_toConsumableArray((cellClassName === null || cellClassName === void 0 || (_cellClassName2 = cellClassName(cell)) === null || _cellClassName2 === void 0 ? void 0 : _cellClassName2.map(function (item) {
+        return "".concat(item, "-").concat(theme);
+      })) || []), ['tbody-tr-td']).filter(Boolean).join(' ');
+      return /*#__PURE__*/_jsx("td", _objectSpread(_objectSpread({
+        className: cellClassNames,
+        style: _objectSpread({
+          height: rowHeight - 1
+        }, getPinningStyle(cell, table, false)),
+        onContextMenu: function onContextMenu(e) {
+          return handleCellRightClick(e, cell);
+        }
+      }, getCellProps === null || getCellProps === void 0 ? void 0 : getCellProps(cell.getContext())), {}, {
+        children: EditableCell(_objectSpread(_objectSpread({}, cell.column.columnDef), {}, {
+          tableTooltip: tableTooltip,
+          editing: columnEditing,
+          dataIndex: accessorKey,
+          title: header,
+          onEditValueChange: onEditValueChange,
+          children: flexRender(cell.column.columnDef.cell, enhancedContext)
+        }))
+      }), cell.id);
+    };
+    return /*#__PURE__*/_jsx("tr", {
+      id: rowEditing ? "".concat(tableId, "-tbody-tr-editing") : undefined,
+      ref: function ref(node) {
+        dropRef(node && !editting ? node : null);
+        dragRef(node && canRowDrag && !editting && !(disableDragRowIds !== null && disableDragRowIds !== void 0 && disableDragRowIds.includes(row.id)) ? node : null);
+      },
+      style: _objectSpread({
+        opacity: isDragging || selectedRowDragging && row.getIsSelected() ? 0.5 : 1,
+        cursor: canRowDrag && !editting && !(disableDragRowIds !== null && disableDragRowIds !== void 0 && disableDragRowIds.includes(row.id)) ? 'move' : 'auto'
+      }, rowStyle),
+      onClick: handleRowClick,
+      onMouseEnter: rowMouseEnter,
+      onMouseLeave: rowMouseLeave,
+      className: rowClassNames,
+      children: row.getVisibleCells().map(renderCell)
+    });
+  };
   return /*#__PURE__*/_jsxs(_Fragment, {
     children: [!!getRowHoverTipConfig ? /*#__PURE__*/_jsx(Tooltip, _objectSpread(_objectSpread({}, tooltipConfig), {}, {
       onOpenChange: onOpenChange,
@@ -400,8 +467,8 @@ var Row = function Row(_ref) {
       getPopupContainer: function getPopupContainer() {
         return tableBodyRef.current || document.body;
       },
-      children: rowCom
-    })) : rowCom, row.getIsExpanded() && /*#__PURE__*/_jsx("tr", {
+      children: openMemo ? rowComMemo : rowCom()
+    })) : openMemo ? rowComMemo : rowCom(), row.getIsExpanded() && /*#__PURE__*/_jsx("tr", {
       className: "tbody-tr-subrow",
       children: /*#__PURE__*/_jsx("td", {
         colSpan: row.getVisibleCells().length,

package/dist/components/TableMax/TableBody/index.d.ts

@@ -74,7 +74,8 @@ type TableBodyPropsType = {
     hasTotalRow?: boolean;
     totalDatas?: any[];
     setRowSelection: Function;
+    openMemo?: boolean;
 };
-declare const TableBody: ({ tableBodyRef, table, tableId, theme, reorderRow, rowSelectedId, setRowSelectedId, rowHighLightId, setRowHighLightId, selectedRowChange, onSelectChange, canSelection, selectionWithoutChecked, tableContainerWidth, selectedRowDragging, setSelectedRowDragging, canRowDrag, rowKey, loading, rowClassName, cellClassName, rowStyle, getCellProps, rowHeight, renderSubComponent, onRowMouseEnter, onRowMouseLeave, onRowMouseClick, onRowMouseDoubleClick, disableDragRowIds, selectRowWhenClick, datas, canEditRowWhenDClick, editingRowId, handleEditRowWhenDClick, dragBeforeStart, shadowColumnInfo, getContextMenu, onClickContextMenu, getRowHoverTipConfig, tableTooltip, compactMode, onEditValueChange, hasTotalRow, totalDatas, setRowSelection }: TableBodyPropsType) => import("react/jsx-runtime").JSX.Element;
+declare const TableBody: ({ tableBodyRef, table, tableId, theme, reorderRow, rowSelectedId, setRowSelectedId, rowHighLightId, setRowHighLightId, selectedRowChange, onSelectChange, canSelection, selectionWithoutChecked, tableContainerWidth, selectedRowDragging, setSelectedRowDragging, canRowDrag, rowKey, loading, rowClassName, cellClassName, rowStyle, getCellProps, rowHeight, renderSubComponent, onRowMouseEnter, onRowMouseLeave, onRowMouseClick, onRowMouseDoubleClick, disableDragRowIds, selectRowWhenClick, datas, canEditRowWhenDClick, editingRowId, handleEditRowWhenDClick, dragBeforeStart, shadowColumnInfo, getContextMenu, onClickContextMenu, getRowHoverTipConfig, tableTooltip, compactMode, onEditValueChange, hasTotalRow, totalDatas, setRowSelection, openMemo }: TableBodyPropsType) => import("react/jsx-runtime").JSX.Element;
 export default TableBody;
-export declare const MemoizedTableBody: ({ tableBodyRef, table, tableId, theme, reorderRow, rowSelectedId, setRowSelectedId, rowHighLightId, setRowHighLightId, selectedRowChange, onSelectChange, canSelection, selectionWithoutChecked, tableContainerWidth, selectedRowDragging, setSelectedRowDragging, canRowDrag, rowKey, loading, rowClassName, cellClassName, rowStyle, getCellProps, rowHeight, renderSubComponent, onRowMouseEnter, onRowMouseLeave, onRowMouseClick, onRowMouseDoubleClick, disableDragRowIds, selectRowWhenClick, datas, canEditRowWhenDClick, editingRowId, handleEditRowWhenDClick, dragBeforeStart, shadowColumnInfo, getContextMenu, onClickContextMenu, getRowHoverTipConfig, tableTooltip, compactMode, onEditValueChange, hasTotalRow, totalDatas, setRowSelection }: TableBodyPropsType) => import("react/jsx-runtime").JSX.Element;
+export declare const MemoizedTableBody: ({ tableBodyRef, table, tableId, theme, reorderRow, rowSelectedId, setRowSelectedId, rowHighLightId, setRowHighLightId, selectedRowChange, onSelectChange, canSelection, selectionWithoutChecked, tableContainerWidth, selectedRowDragging, setSelectedRowDragging, canRowDrag, rowKey, loading, rowClassName, cellClassName, rowStyle, getCellProps, rowHeight, renderSubComponent, onRowMouseEnter, onRowMouseLeave, onRowMouseClick, onRowMouseDoubleClick, disableDragRowIds, selectRowWhenClick, datas, canEditRowWhenDClick, editingRowId, handleEditRowWhenDClick, dragBeforeStart, shadowColumnInfo, getContextMenu, onClickContextMenu, getRowHoverTipConfig, tableTooltip, compactMode, onEditValueChange, hasTotalRow, totalDatas, setRowSelection, openMemo }: TableBodyPropsType) => import("react/jsx-runtime").JSX.Element;

package/dist/components/TableMax/TableBody/index.js

@@ -76,7 +76,8 @@ var TableBody = function TableBody(_ref) {
     onEditValueChange = _ref.onEditValueChange,
     hasTotalRow = _ref.hasTotalRow,
     totalDatas = _ref.totalDatas,
-    setRowSelection = _ref.setRowSelection;
+    setRowSelection = _ref.setRowSelection,
+    openMemo = _ref.openMemo;
   var _useConfig = useConfig(),
     root = _useConfig.root;
   var headerGroups = table.getHeaderGroups();
@@ -373,7 +374,8 @@ var TableBody = function TableBody(_ref) {
         hoverRowIndex: hoverRowIndex,
         dropSide: dropSide,
         onEditValueChange: onEditValueChange,
-        setRowSelection: setRowSelection
+        setRowSelection: setRowSelection,
+        openMemo: openMemo
       }, row.id);
     });
   };
@@ -468,7 +470,8 @@ var TableBody = function TableBody(_ref) {
                 hoverRowIndex: hoverRowIndex,
                 dropSide: dropSide,
                 onEditValueChange: onEditValueChange,
-                setRowSelection: setRowSelection
+                setRowSelection: setRowSelection,
+                openMemo: openMemo
               }, row.id);
             })
             // TBodyContent()

package/dist/components/TableMax/TableMax.js

@@ -193,7 +193,8 @@ var TableMax = function TableMax(_ref) {
     onEditValueChange = _ref.onEditValueChange,
     hasTotalRow = _ref.hasTotalRow,
     totalDatas = _ref.totalDatas,
-    pageSizeOptions = _ref.pageSizeOptions;
+    pageSizeOptions = _ref.pageSizeOptions,
+    openMemo = _ref.openMemo;
   var tableMaxRef = useRef(null);
   // 表格元素
   var tableContentRef = useRef(null);
@@ -456,7 +457,6 @@ var TableMax = function TableMax(_ref) {
     onExpandedChange: setExpanded,
     sortDescFirst: true // 首次排序为递减排序，不加这个属性的话，有些列的排序会有问题
   });
-  console.log(table, 'table');
 
   // 暴露给外部的api
   useImperativeHandle(refInstance, function () {
@@ -497,7 +497,6 @@ var TableMax = function TableMax(_ref) {
   var setColumnInfoFromCache = function setColumnInfoFromCache(tableColumns) {
     var _localStorage$getItem, _tableMaxConfig$cache;
     var cache = JSON.parse((_localStorage$getItem = localStorage.getItem(tableKey)) !== null && _localStorage$getItem !== void 0 ? _localStorage$getItem : '{}');
-    console.log(+cache.editTime, 'cache.editTime');
     if (cache && cache !== null && cache !== void 0 && cache.editTime && +new Date() - cache.editTime > ((_tableMaxConfig$cache = tableMaxConfig.cacheMaxAge) !== null && _tableMaxConfig$cache !== void 0 ? _tableMaxConfig$cache : CACHE_MAX_AGE)) {
       return;
     }
@@ -602,7 +601,6 @@ var TableMax = function TableMax(_ref) {
         cell: function cell(_ref5) {
           var row = _ref5.row,
             table = _ref5.table;
-          console.log("cell-check", row, table);
           return /*#__PURE__*/_jsx(Checkbox, {
             checked: row.getIsSelected(),
             disabled: !row.getCanSelect(),
@@ -737,7 +735,6 @@ var TableMax = function TableMax(_ref) {
   /**缓存table数据 */
   useUpdateEffect(function () {
     var tableState = table.getState();
-    console.log(new Date(), 'new Date()');
     localStorage.setItem(tableKey, JSON.stringify({
       enableFilters: enableFilters,
       headerRowNum: headerRowNum,
@@ -1071,7 +1068,8 @@ var TableMax = function TableMax(_ref) {
     onEditValueChange: onEditValueChange,
     hasTotalRow: hasTotalRow,
     totalDatas: totalDatas,
-    setRowSelection: setRowSelection
+    setRowSelection: setRowSelection,
+    openMemo: openMemo
   };
   var changeCompactMode = function changeCompactMode() {
     setCompactMode(!compactMode);

package/dist/components/TableMax/type.d.ts

@@ -318,6 +318,7 @@ export type TableMaxProps = {
     totalDatas?: any[];
     /**分页，每页多少条可选值 */
     pageSizeOptions?: number[];
+    openMemo?: boolean;
 };
 export interface TableMaxColumnType {
     /**每一列的id是唯一的 */
@@ -400,6 +401,8 @@ export interface TableMaxColumnType {
         /**日期展示格式 */
         dateFormat?: string;
     };
+    /** 是否缓存行单元格 */
+    openMemo?: boolean;
 }
 export type FormatFilterType = {
     field: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arim-aisdc/public-components",
-  "version": "2.3.31",
+  "version": "2.3.33",
   "description": "前端组件库",
   "license": "MIT",
   "main": "dist/index.js",