@lemon-fe/kits 1.0.0-150 → 1.0.0-151

package/es/components/DataGrid/index.d.ts

@@ -1,4 +1,4 @@
-import type { ColDef, RowNode } from '@ag-grid-community/core';
+import type { ColDef, IRowNode } from '@ag-grid-community/core';
 import { GridApi, ColumnApi } from '@ag-grid-community/core';
 import React, { Component } from 'react';
 import EditorWrapper from './cell-editors/Wrapper';
@@ -44,6 +44,7 @@ export default class DataGrid<TData extends Record<string, any>> extends Compone
         components: Record<string, any>;
     };
     static SummaryFlag: symbol;
+    static IndexColId: string;
     static EmptyCol: ColType<any>;
     static Editors: {
         Text: React.ForwardRefExoticComponent<import("@ag-grid-community/core").ICellEditorParams<any, any, any> & import("./typings").TextEditorParams<any> & React.RefAttributes<import("@ag-grid-community/react").ICellEditorReactComp>>;
@@ -74,7 +75,7 @@ export default class DataGrid<TData extends Record<string, any>> extends Compone
     private isPreserveSelected;
     private updateRowData;
     isSummaryRow({ node }: {
-        node?: RowNode<any>;
+        node?: IRowNode<any>;
     }): boolean;
     private getSummaryRowData;
     private getDataFromServer;

package/es/components/DataGrid/index.js

@@ -822,7 +822,7 @@ var DataGrid = /*#__PURE__*/function (_Component) {
         if (checkboxSelection) {
           result.unshift({
             width: 32,
-            colId: '__selection__',
+            colId: '$$selection',
             checkboxSelection: checkboxSelection,
             showDisabledCheckboxes: true,
             headerCheckboxSelection: rowSelection.type !== 'radio',
@@ -841,7 +841,7 @@ var DataGrid = /*#__PURE__*/function (_Component) {
 
       if (rowActions !== undefined) {
         result.push({
-          colId: '__actions__',
+          colId: '$$actions',
           pinned: 'right',
           cellRenderer: CellRenderer,
           width: 1,
@@ -1472,8 +1472,10 @@ _defineProperty(DataGrid, "defaultProps", {
 
 _defineProperty(DataGrid, "SummaryFlag", Symbol('summary'));
 
+_defineProperty(DataGrid, "IndexColId", '$$index');
+
 _defineProperty(DataGrid, "EmptyCol", {
-  field: '__empty_column__',
+  colId: '$$empty',
   flex: 1,
   resizable: false,
   suppressMovable: true,

package/es/components/DataGrid/index.less

@@ -31,7 +31,11 @@
     }
   }
 
-  &-cell-align-center {
+  &-center-aligned-header .ag-header-cell-label {
+    justify-content: center;
+  }
+
+  &-center-aligned-cell {
     text-align: center;
   }
 

package/es/components/DataGrid/utils.d.ts

@@ -1,6 +1,6 @@
+import type { ColDef } from '@ag-grid-community/core';
 import { Subject } from '@lemon-fe/utils';
 import type { ColType, ColGroupType, PathType } from './typings';
-import type { ColDef } from '@ag-grid-community/core';
 export declare const prefix: (val?: string | undefined) => string;
 export declare function isColumn<T>(col: ColGroupType<T> | ColType<T>): col is ColType<T>;
 export declare function getColField(col: {

package/es/components/DataGrid/utils.js

@@ -26,8 +26,8 @@ import { Subject } from '@lemon-fe/utils';
 import { get as _get, set as _set } from 'lodash';
 import moment from 'moment';
 import { prefixClassName } from "../utils";
-import CellIndexRender from "./renderer/CellIndexRenderer";
 import CellDeleteRender from "./renderer/CellDeleteRenderer";
+import CellIndexRender from "./renderer/CellIndexRenderer";
 export var prefix = prefixClassName('grid');
 export function isColumn(col) {
   return col.children === undefined;
@@ -301,23 +301,33 @@ export var columnTypes = {
     initialWidth: 120
   },
   index: {
-    colId: '__index__',
+    colId: '$$index',
     headerName: '序号',
     cellRenderer: CellIndexRender,
     initialWidth: 45,
     suppressMenu: true,
     valueGetter: function valueGetter(_ref4) {
       var node = _ref4.node;
-      return node === null || node === void 0 ? void 0 : node.rowIndex;
+
+      if (node && node.rowIndex !== null) {
+        return node.rowIndex + 1;
+      }
+
+      return null;
     },
-    cellClass: prefix('cell-align-center'),
+    cellClass: prefix('center-aligned-cell'),
+    headerClass: prefix('center-aligned-header'),
     sortable: false
   },
   delete: {
-    colId: '__delete__',
+    colId: '$$delete',
     initialWidth: 30,
     sortable: false,
     suppressMenu: true,
     cellRenderer: CellDeleteRender
+  },
+  centerAligned: {
+    cellClass: prefix('center-aligned-cell'),
+    headerClass: prefix('center-aligned-header')
   }
 };

package/es/hooks/useBatchOperator/index.js

@@ -300,7 +300,7 @@ function BatchOperate(props) {
     }];
     cols.unshift({
       title: '',
-      colId: '__delete__',
+      colId: '$$delete',
       width: 32,
       render: function render(_1, _2, _3, _ref7) {
         var context = _ref7.context,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lemon-fe/kits",
-  "version": "1.0.0-150",
+  "version": "1.0.0-151",
   "scripts": {
     "start": "dumi dev",
     "docs:build": "dumi build",