@lemon-fe/kits 1.0.0-21 → 1.0.0-210

package/es/components/DataGrid/hooks.js

@@ -10,11 +10,11 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
-import { useContext, useEffect, useRef, useState } from 'react';
+import { useContext, useEffect, useMemo, useRef, useState } from 'react';
 import shallowEqual from 'shallowequal';
-import GridContext from "./GridContext";
+import GridStoreContext from "./context/GridStore";
 export function useGridStore(getter) {
-  var store = useContext(GridContext);
+  var store = useContext(GridStoreContext);
   var ref = useRef(getter);
   ref.current = getter;
 
@@ -42,4 +42,47 @@ export function useGridStore(getter) {
     return unsubscribe;
   }, []);
   return state;
+}
+export function useDataGrid() {
+  var ref = useRef(null);
+  var mounted = useRef(false);
+  useEffect(function () {
+    mounted.current = true;
+    return function () {
+      mounted.current = false;
+    };
+  }, []);
+
+  var use = function use(cb, isAsync) {
+    if (!isAsync) {
+      if (ref.current === null || !ref.current.ready()) {
+        throw new Error('Grid尚未初始化，请使用异步形式');
+      }
+
+      return cb(ref.current);
+    }
+
+    if (ref.current !== null) {
+      var grid = ref.current;
+
+      var delay = function delay() {
+        if (mounted.current) {
+          if (grid.ready()) {
+            cb(grid);
+          } else {
+            requestAnimationFrame(delay);
+          }
+        }
+      };
+
+      delay();
+    }
+  };
+
+  return useMemo(function () {
+    return {
+      ref: ref,
+      use: use
+    };
+  }, []);
 }

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

@@ -1,21 +1,13 @@
+import type { ColDef, IRowNode } from '@ag-grid-community/core';
+import { GridApi, ColumnApi } from '@ag-grid-community/core';
 import React, { Component } from 'react';
-import type { ColDef, ColGroupDef } from '@ag-grid-community/core';
-import { GridApi } from '@ag-grid-community/core';
-import type { ColumnType, DataGridProps } from './typings';
 import EditorWrapper from './cell-editors/Wrapper';
-export { AgGridReact } from '@ag-grid-community/react';
-export default class DataGrid<TData> extends Component<DataGridProps<TData>, {
-    colDefs: (ColDef<TData> | ColGroupDef<TData>)[];
-    pagination: boolean;
-    page: number;
-    pageSize: number;
-    total: number;
-    loading: boolean;
-}> {
-    api: GridApi<any>;
+import type { FieldCol } from './components/CustomColumnPanel/typings';
+import type { ColType, DataGridProps, DataGridState } from './typings';
+export default class DataGrid<TData extends Record<string, any>> extends Component<DataGridProps<TData>, DataGridState<TData>> {
+    api: GridApi<TData>;
+    columnApi: ColumnApi;
     private selected;
-    private columnApi;
-    private colRenderer;
     private store;
     private dataSource;
     private validator;
@@ -24,7 +16,11 @@ export default class DataGrid<TData> extends Component<DataGridProps<TData>, {
     private readyQueue;
     private emptyRowData;
     private sideBarDef;
+    private searchRef;
+    private prevFocusedCell;
+    private fields;
     static defaultProps: {
+        stopEditingWhenCellsLoseFocus: boolean;
         autoLoad: boolean;
         localeText: {
             copy: string;
@@ -47,32 +43,54 @@ export default class DataGrid<TData> extends Component<DataGridProps<TData>, {
         };
         columnTypes: Record<string, ColDef<any>>;
         defaultColDef: ColDef<any>;
-        loading: boolean;
+        components: Record<string, any>;
     };
-    static EmptyCol: ColumnType<any>;
+    static SummaryFlag: symbol;
+    static IndexColId: string;
+    static EmptyCol: ColType<any>;
     static Editors: {
-        Text: React.ForwardRefExoticComponent<import("@ag-grid-community/core").ICellEditorParams<any, any> & import("./typings").TextEditorParams & React.RefAttributes<import("@ag-grid-community/react").ICellEditorReactComp>>;
-        Date: React.ForwardRefExoticComponent<import("@ag-grid-community/core").ICellEditorParams<any, any> & import("./typings").DateEditorParams & React.RefAttributes<import("@ag-grid-community/react").ICellEditorReactComp>>;
-        Number: React.ForwardRefExoticComponent<import("@ag-grid-community/core").ICellEditorParams<any, any> & import("./typings").NumberEditorParams & React.RefAttributes<import("@ag-grid-community/react").ICellEditorReactComp>>;
-        Select: React.ForwardRefExoticComponent<import("@ag-grid-community/core").ICellEditorParams<any, any> & import("./typings").SelectEditorParams & React.RefAttributes<import("@ag-grid-community/react").ICellEditorReactComp>>;
+        Text: React.ForwardRefExoticComponent<import("@ag-grid-community/core").ICellEditorParams<any, any, any> & import("./typings").TextEditorParams<any> & React.RefAttributes<import("@ag-grid-community/react").ICellEditorReactComp>>;
+        Date: React.ForwardRefExoticComponent<import("@ag-grid-community/core").ICellEditorParams<any, any, any> & import("./typings").DateEditorParams<any> & React.RefAttributes<import("@ag-grid-community/react").ICellEditorReactComp>>;
+        Number: React.ForwardRefExoticComponent<import("@ag-grid-community/core").ICellEditorParams<any, any, any> & import("./typings").NumberEditorParams<any> & React.RefAttributes<import("@ag-grid-community/react").ICellEditorReactComp>>;
+        Select: React.ForwardRefExoticComponent<import("@ag-grid-community/core").ICellEditorParams<any, any, any> & Pick<import("antd").SelectProps<any, import("antd/lib/select").BaseOptionType>, "disabled" | "allowClear" | "mode" | "options" | "virtual" | "showSearch" | "listHeight"> & {
+            fieldNames?: {
+                label: string;
+                value: string;
+            } | undefined;
+            valueByOption?: boolean | undefined;
+            action?: "stop" | "none" | "next" | undefined;
+        } & React.RefAttributes<import("@ag-grid-community/react").ICellEditorReactComp>>;
         Wrapper: typeof EditorWrapper;
     };
+    static isSummaryRow({ node }: {
+        node?: IRowNode<any>;
+    }): boolean;
     constructor(props: DataGridProps<TData>);
+    setField(field: FieldCol): void;
+    getField(id: string): FieldCol | undefined;
+    deleteField(id: string): void;
+    saveFields(): Promise<void>;
+    resetFields(): void;
     private getPagination;
     componentDidUpdate(prevProps: DataGridProps<TData>): void;
+    componentWillUnmount(): void;
+    componentDidMount(): Promise<void>;
     private syncColRender;
     private syncSelection;
     private syncRowData;
-    private getColumDefs;
+    private getFieldsSummary;
+    private updateColumnDefs;
+    private getFullColumnDef;
+    private getColumnDefs;
     private isClientMode;
     private clearReadyQueue;
-    private afterReady;
+    afterReady(cb: () => void): void;
+    private isPreserveSelected;
     private updateRowData;
+    private getSummaryRowData;
     private getDataFromServer;
-    private sort;
     private pagination;
     private init;
-    private LoadingOverlay;
     private NoRowsOverlay;
     private getMainMenuItems;
     private getRowId;
@@ -84,5 +102,24 @@ export default class DataGrid<TData> extends Component<DataGridProps<TData>, {
     fetch(page?: number): void;
     refresh(): void;
     ready(): boolean;
+    /**
+     * 自行实现stopEditingWhenCellsLoseFocus的效果
+     * 由于AgGrid使用的是原生的focusout事件不是React的合成事件，导致单元格内使用Modal这样的组件会有诸多不便，所以自行实现这个效果
+     */
+    private blurTimer;
+    private handleBlur;
+    private handleFocus;
+    private handleClearSelected;
+    private getMemoizedDefaultColDef;
+    private getMemoizedColumnTypes;
+    private getMemoizedComponents;
+    private getMemoizedDetailCellParams;
+    private getRowStyle;
+    private cellFocused;
+    /**
+     * 在表格失去焦点后，聚焦失去焦点的单元格
+     * @returns
+     */
+    focusPreviousCell(): void;
     render(): JSX.Element;
 }