@lemon-fe/components 1.2.11-alpha.2 → 1.2.11

package/es/filter/index.js

@@ -536,7 +536,9 @@ function Filter(originalProps) {
   }, /*#__PURE__*/React.createElement(Button, {
     type: "primary",
     htmlType: "submit"
-  }, filterLocale.searchText)), /*#__PURE__*/React.createElement(Space, null, simple ? /*#__PURE__*/React.createElement(Button, {
+  }, filterLocale.searchText)), /*#__PURE__*/React.createElement(Space, {
+    align: "start"
+  }, simple ? /*#__PURE__*/React.createElement(Button, {
     onClick: handleReset
   }, filterLocale.resetText) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Dropdown, {
     actions: [{

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

@@ -2,7 +2,7 @@ import type { CSSProperties, ReactElement } from 'react';
 import type { ColType, CustomColumnData, DataGridProps, PaginationType, SortType } from '../data-grid/typings';
 import type { FilterProps } from '../filter/typings';
 import type { SideBarDef } from '@ag-grid-community/core';
-export interface SelectViewProps<RecordType, ParamsType> extends Pick<DataGridProps<RecordType>, 'defaultColDef' | 'rowHeight' | 'cellDisplayFlex' | 'isRowSelectable'> {
+export interface SelectViewProps<RecordType, ParamsType> extends Pick<DataGridProps<RecordType>, 'defaultColDef' | 'rowHeight' | 'cellDisplayFlex' | 'isRowSelectable' | 'rowMultiSelectWithClick' | 'suppressRowClickSelection'> {
     value?: RecordType[];
     onChange?: (value: RecordType[], rowDoubleClicked?: boolean) => void;
     /**
@@ -72,5 +72,10 @@ export interface SelectViewProps<RecordType, ParamsType> extends Pick<DataGridPr
         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>>(originalProps: SelectViewProps<RecordType, ParamsType>): JSX.Element;

package/es/select-view/index.js

@@ -47,13 +47,19 @@ export default function SelectView(originalProps) {
     rowFilter = props.rowFilter,
     loadingProp = props.loading,
     readOnly = props.readOnly,
+    _props$header = props.header,
+    headerProp = _props$header === void 0 ? null : _props$header,
     defaultColDef = props.defaultColDef,
     rowHeight = props.rowHeight,
     cellDisplayFlex = props.cellDisplayFlex,
     isRowSelectable = props.isRowSelectable,
     checkSearchParams = props.checkSearchParams,
     sideBar = props.sideBar,
-    customColumnPanelStorage = props.customColumnPanelStorage;
+    customColumnPanelStorage = props.customColumnPanelStorage,
+    _props$suppressRowCli = props.suppressRowClickSelection,
+    suppressRowClickSelection = _props$suppressRowCli === void 0 ? false : _props$suppressRowCli,
+    _props$rowMultiSelect = props.rowMultiSelectWithClick,
+    rowMultiSelectWithClick = _props$rowMultiSelect === void 0 ? true : _props$rowMultiSelect;
   var prefix = prefixClassName("select-view");
   var _useState = useState(value || emptyValue),
     _useState2 = _slicedToArray(_useState, 2),
@@ -152,30 +158,32 @@ export default function SelectView(originalProps) {
   };
   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);
@@ -236,6 +244,8 @@ export default function SelectView(originalProps) {
           handleChangeData([node.id], [node.data], true);
         }
       },
+      rowMultiSelectWithClick: rowMultiSelectWithClick,
+      suppressRowClickSelection: suppressRowClickSelection,
       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.11-alpha.2",
+  "version": "1.2.11",
   "description": "> TODO: description",
   "homepage": "",
   "license": "ISC",
@@ -27,7 +27,7 @@
     "@ag-grid-community/react": "29.2.0",
     "@ag-grid-community/styles": "29.2.0",
     "@dnd-kit/core": "^6.0.8",
-    "@lemon-fe/hooks": "^1.2.11-alpha.2",
+    "@lemon-fe/hooks": "^1.2.11",
     "@lemon-fe/utils": "^1.1.0",
     "async-validator": "^4.2.5",
     "bignumber.js": ">=9.0.0",
@@ -67,5 +67,5 @@
   "publishConfig": {
     "registry": "https://registry.npmjs.org"
   },
-  "gitHead": "ae15ff1f11ac069128da561e6afeb1515c77a36e"
+  "gitHead": "cef67af16608ce9d8f154bf892336d6a9fcf5f53"
 }