@lemon-fe/components 1.4.28 → 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" | "allowClear" | "showSearch" | "optionFilterProp" | "options" | "virtual" | "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/filter/index.js

@@ -491,7 +491,7 @@ function Filter(originalProps) {
   var handleTabChange = function handleTabChange(index) {
     if (index !== active) {
       setActive(index);
-      var result = _objectSpread(_objectSpread({}, emptyValue), tabs[index].value);
+      var result = _objectSpread(_objectSpread(_objectSpread({}, emptyValue), defaultValue), tabs[index].value);
       form.setFieldsValue(result);
       handleFinish(form.getFieldsValue(), 'reset');
     }

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;
@@ -78,7 +86,9 @@ export interface SelectViewProps<RecordType, ParamsType> extends Pick<DataGridPr
      * @description 表格顶部header区域自定义
      * @default null
      */
-    header?: ReactElement | null;
+    header?: ReactElement | ((opts: {
+        filter: ReactElement | null;
+    }) => ReactElement) | null;
     /**
      * @description 自定义已选择datagrid
      */
@@ -87,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),
@@ -160,10 +161,9 @@ function SelectView(originalProps, ref) {
   };
   var headerNode = null;
   var siderNode = null;
+  var filterNode = null;
   if (filter && filter.data) {
-    headerNode = /*#__PURE__*/React.createElement(React.Fragment, null, headerProp && /*#__PURE__*/React.createElement("div", {
-      className: prefix('head-wrapper')
-    }, headerProp), /*#__PURE__*/React.createElement(Filter, _extends({
+    filterNode = /*#__PURE__*/React.createElement(Filter, _extends({
       simple: true,
       autoPlaceholder: true,
       form: filterForm
@@ -172,9 +172,16 @@ function SelectView(originalProps, ref) {
       onChange: function onChange(val, actionType) {
         return handleChangeParams(_objectSpread(_objectSpread({}, cParams), val), actionType);
       }
-    })));
-  } else if (headerProp) {
-    headerNode = headerProp;
+    }));
+  }
+  if (headerProp && typeof headerProp === 'function') {
+    headerNode = headerProp({
+      filter: filterNode
+    });
+  } else if (headerProp || filterNode) {
+    headerNode = /*#__PURE__*/React.createElement(React.Fragment, null, headerProp && /*#__PURE__*/React.createElement("div", {
+      className: prefix('head-wrapper')
+    }, headerProp), filterNode);
   }
   if (filter && filter.sider) {
     siderNode = filter.sider({
@@ -212,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')
@@ -239,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.28",
+  "version": "1.5.2",
   "description": "> TODO: description",
   "homepage": "",
   "license": "MIT",
@@ -58,5 +58,5 @@
   "publishConfig": {
     "registry": "https://registry.npmjs.org"
   },
-  "gitHead": "8569d6f611b682d2b0213d7ada70f43b23ad7933"
+  "gitHead": "f1d68fc8b34f14b697a46df4c0d2bad9bc698426"
 }