@lemon-fe/components 1.2.9 → 1.2.11-alpha.0

package/es/component-configure/index.d.ts

@@ -1,10 +1,13 @@
 /// <reference types="react" />
 import type { ActionsProps } from '../actions';
+import type { PaginationType } from '../data-grid/typings';
 import type { FilterProps } from '../filter/typings';
 import type { AgGridReactProps } from '@ag-grid-community/react';
 interface ContextProps {
     /** 目前DataGrid由于是类组件，比较难处理，只支持ag-grid自带的属性 */
-    DataGrid?: Omit<AgGridReactProps<any>, 'rowSelection' | 'pagination'>;
+    DataGrid?: Omit<AgGridReactProps<any>, 'rowSelection' | 'pagination'> & {
+        pagination?: PaginationType;
+    };
     Filter?: FilterProps<any>;
     Actions?: Partial<ActionsProps>;
 }

package/es/data-grid/index.js

@@ -1681,7 +1681,7 @@ var InternalDataGrid = /*#__PURE__*/function (_Component) {
         enableCellEditingOnBackspace: true,
         maintainColumnOrder: true,
         suppressCsvExport: true,
-        rowMultiSelectWithClick: gridRowSelection === 'multiple',
+        suppressRowClickSelection: gridRowSelection === 'multiple',
         noRowsOverlayComponent: this.NoRowsOverlay,
         getMainMenuItems: this.getMainMenuItems,
         rowBuffer: 20,

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

@@ -72,6 +72,11 @@ interface Props<RecordType, ParamsType extends Record<string, any>> extends Pick
         set: (data: CustomColumnData) => Promise<void> | void;
         get: () => Promise<CustomColumnData | null | undefined> | CustomColumnData | null | undefined;
     };
+    /**
+     * @description 表格顶部header区域自定义
+     * @default null
+     */
+    header?: ReactElement | null;
 }
 export default function SelectView<RecordType extends Record<string | number, any>, ParamsType extends Record<string, any>>(props: Props<RecordType, ParamsType>): JSX.Element;
 export {};

package/es/select-view/index.js

@@ -51,7 +51,9 @@ export default function SelectView(props) {
     isRowSelectable = props.isRowSelectable,
     checkSearchParams = props.checkSearchParams,
     sideBar = props.sideBar,
-    customColumnPanelStorage = props.customColumnPanelStorage;
+    customColumnPanelStorage = props.customColumnPanelStorage,
+    _props$header = props.header,
+    headerProp = _props$header === void 0 ? null : _props$header;
   var prefix = prefixClassName("select-view");
   var _useState = useState(value || emptyValue),
     _useState2 = _slicedToArray(_useState, 2),
@@ -150,30 +152,32 @@ export default function SelectView(props) {
   };
   var headerNode = null;
   var siderNode = null;
-  if (filter) {
-    if (filter.data) {
-      headerNode = /*#__PURE__*/React.createElement(Filter, _extends({
-        simple: true,
-        autoPlaceholder: true,
-        form: filterForm
-      }, filter, {
-        value: cParams,
-        onChange: function onChange(val) {
-          return handleChangeParams(_objectSpread(_objectSpread({}, cParams), val));
-        }
-      }));
-    }
-    if (filter.sider) {
-      siderNode = filter.sider({
-        /**
-         * 原则上这里使用cParams也会有问题，不排除Filter中的条件可能会影响Sider的渲染，但此种情况先忽略，尽可能避免这个情况
-         */
-        value: cParams,
-        onChange: function onChange(val) {
-          handleChangeParams(_objectSpread(_objectSpread(_objectSpread({}, cParams), filterForm.getFieldsValue()), val));
-        }
-      });
-    }
+  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({
+      simple: true,
+      autoPlaceholder: true,
+      form: filterForm
+    }, filter, {
+      value: cParams,
+      onChange: function onChange(val) {
+        return handleChangeParams(_objectSpread(_objectSpread({}, cParams), val));
+      }
+    })));
+  } else if (headerProp) {
+    headerNode = headerProp;
+  }
+  if (filter && filter.sider) {
+    siderNode = filter.sider({
+      /**
+       * 原则上这里使用cParams也会有问题，不排除Filter中的条件可能会影响Sider的渲染，但此种情况先忽略，尽可能避免这个情况
+       */
+      value: cParams,
+      onChange: function onChange(val) {
+        handleChangeParams(_objectSpread(_objectSpread(_objectSpread({}, cParams), filterForm.getFieldsValue()), val));
+      }
+    });
   }
   var dataKeys = useMemo(function () {
     return data.map(getRowKey);
@@ -234,6 +238,8 @@ export default function SelectView(props) {
           handleChangeData([node.id], [node.data], true);
         }
       },
+      rowMultiSelectWithClick: true,
+      suppressRowClickSelection: false,
       sideBar: sideBar,
       rowHeight: rowHeight,
       defaultColDef: defaultColDef,

package/es/select-view/index.less

@@ -68,6 +68,12 @@
     margin-top: @padding-md;
   }
 
+  &-head {
+    &-wrapper {
+      margin-bottom: 4px;
+    }
+  }
+
   &-body {
     flex: 1;
     min-height: 0;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lemon-fe/components",
-  "version": "1.2.9",
+  "version": "1.2.11-alpha.0",
   "description": "> TODO: description",
   "homepage": "",
   "license": "ISC",
@@ -67,5 +67,5 @@
   "publishConfig": {
     "registry": "https://registry.npmjs.org"
   },
-  "gitHead": "0fa7b3cadda71468fdc8179c8ee1c92822fd0c7d"
+  "gitHead": "084f158755b14b82bca352d812f0da492b120b66"
 }