@lemon-fe/components 1.4.29 → 1.5.2

package/es/data-grid/index.d.ts

@@ -17,7 +17,7 @@ declare const Editors: {
     Text: React.ForwardRefExoticComponent<import("ag-grid-community").ICellEditorParams<any, any, any> & import("..").TextEditorParams<any> & React.RefAttributes<import("ag-grid-react").ICellEditorReactComp>>;
     Date: React.ForwardRefExoticComponent<import("ag-grid-community").ICellEditorParams<any, any, any> & import("..").DateEditorParams<any> & React.RefAttributes<import("ag-grid-react").ICellEditorReactComp>>;
     Number: React.ForwardRefExoticComponent<import("ag-grid-community").ICellEditorParams<any, any, any> & import("..").NumberEditorParams<any> & React.RefAttributes<import("ag-grid-react").ICellEditorReactComp>>;
-    Select: React.ForwardRefExoticComponent<import("ag-grid-community").ICellEditorParams<any, any, any> & Pick<import("antd").SelectProps<any, import("antd/lib/select").BaseOptionType>, "disabled" | "mode" | "virtual" | "allowClear" | "showSearch" | "optionFilterProp" | "options" | "listHeight"> & {
+    Select: React.ForwardRefExoticComponent<import("ag-grid-community").ICellEditorParams<any, any, any> & Pick<import("antd").SelectProps<any, import("antd/lib/select").BaseOptionType>, "disabled" | "allowClear" | "mode" | "showSearch" | "virtual" | "optionFilterProp" | "options" | "listHeight"> & {
         fieldNames?: {
             label: string;
             value: string;

package/es/select-view/index.d.ts

@@ -1,9 +1,17 @@
 import React from 'react';
-import type { CSSProperties, ForwardedRef, ReactElement } from 'react';
+import type { CSSProperties, ForwardedRef, ReactElement, ReactNode } from 'react';
 import { type DataGridRef } from '../data-grid';
 import type { ColType, CustomColumnData, DataGridProps, PaginationType, SortType } from '../data-grid/typings';
 import type { FilterProps } from '../filter/typings';
 import type { SideBarDef } from 'ag-grid-community';
+export interface SelectViewBodyOpts<RecordType, ParamsType> {
+    loading: boolean;
+    setLoading: (loading: boolean) => void;
+    params: ParamsType;
+    selectedData: RecordType[];
+    selectedKeys: string[];
+    onSelectChange: (keys: string[] | Set<string>, records: RecordType[], rowDoubleClicked?: boolean) => void;
+}
 export interface SelectViewProps<RecordType, ParamsType> extends Pick<DataGridProps<RecordType>, 'defaultColDef' | 'rowHeight' | 'cellDisplayFlex' | 'isRowSelectable' | 'rowMultiSelectWithClick' | 'suppressRowClickSelection'> {
     value?: RecordType[];
     onChange?: (value: RecordType[], rowDoubleClicked?: boolean) => void;
@@ -89,6 +97,10 @@ export interface SelectViewProps<RecordType, ParamsType> extends Pick<DataGridPr
      * @description 自定义主datagrid
      */
     customDataGridProps?: DataGridProps<RecordType>;
+    /**
+     * @description 自定义body区域，支持函数形式获取组件内部状态
+     */
+    body?: ReactElement | ((opts: SelectViewBodyOpts<RecordType, ParamsType>) => ReactNode);
 }
 declare function SelectView<RecordType extends Record<string | number, any>, ParamsType extends Record<string, any>>(originalProps: SelectViewProps<RecordType, ParamsType>, ref?: ForwardedRef<DataGridRef<RecordType>>): JSX.Element;
 declare const _default: <RecordType extends Record<string | number, any>, ParamsType extends Record<string, any>>(props: SelectViewProps<RecordType, ParamsType> & {

package/es/select-view/index.js

@@ -61,7 +61,8 @@ function SelectView(originalProps, ref) {
     customColumnPanelStorage = props.customColumnPanelStorage,
     _props$suppressRowCli = props.suppressRowClickSelection,
     suppressRowClickSelection = _props$suppressRowCli === void 0 ? false : _props$suppressRowCli,
-    rowMultiSelectWithClick = props.rowMultiSelectWithClick;
+    rowMultiSelectWithClick = props.rowMultiSelectWithClick,
+    bodyProp = props.body;
   var prefix = prefixClassName("select-view");
   var _useState = useState(value || emptyValue),
     _useState2 = _slicedToArray(_useState, 2),
@@ -218,6 +219,18 @@ function SelectView(originalProps, ref) {
       ref.current = val;
     }
   };
+  var bodyNode = useMemo(function () {
+    if (!bodyProp) return null;
+    return typeof bodyProp === 'function' ? bodyProp({
+      loading: loading,
+      setLoading: setLoading,
+      params: cParams,
+      selectedData: data,
+      selectedKeys: dataKeys,
+      onSelectChange: handleChangeData
+    }) : bodyProp;
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [bodyProp, loading, cParams, data, dataKeys]);
   var renderList = function renderList() {
     return /*#__PURE__*/React.createElement("div", {
       className: prefix('layout')
@@ -245,7 +258,7 @@ function SelectView(originalProps, ref) {
       className: prefix('head')
     }, headerNode), /*#__PURE__*/React.createElement("div", {
       className: prefix('body')
-    }, /*#__PURE__*/React.createElement(DataGrid, _extends({
+    }, bodyNode ? bodyNode : /*#__PURE__*/React.createElement(DataGrid, _extends({
       ref: function ref(val) {
         if (!readOnly) {
           initRef(val);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lemon-fe/components",
-  "version": "1.4.29",
+  "version": "1.5.2",
   "description": "> TODO: description",
   "homepage": "",
   "license": "MIT",
@@ -58,5 +58,5 @@
   "publishConfig": {
     "registry": "https://registry.npmjs.org"
   },
-  "gitHead": "dae2c5d9ba0de9059c879c6148a0e0df01ebe0f1"
+  "gitHead": "f1d68fc8b34f14b697a46df4c0d2bad9bc698426"
 }