@lemon-fe/kits 1.0.0-13 → 1.0.0-15

package/es/components/Actions/index.js

@@ -89,7 +89,7 @@ function Actions(props) {
       }));
 
       if (handleClick !== undefined) {
-        return /*#__PURE__*/React.createElement(Dropdown.Button, {
+        return /*#__PURE__*/React.createElement(Dropdown.Button, _extends({
           key: text,
           disabled: disabled,
           overlay: overlay,
@@ -100,10 +100,11 @@ function Actions(props) {
                 _ = _ref2[1];
 
             return [leftBtn, /*#__PURE__*/React.createElement(Button, {
-              icon: /*#__PURE__*/React.createElement(Icons.More, null)
+              icon: /*#__PURE__*/React.createElement(Icons.More, null),
+              type: rest.type
             })];
           }
-        }, text);
+        }, rest), text);
       }
 
       return /*#__PURE__*/React.createElement(Dropdown, {

package/es/components/DataGrid/cell-editors/Custom.js

@@ -1,3 +1,9 @@
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
@@ -97,9 +103,9 @@ export default /*#__PURE__*/forwardRef(function CustomEditor(props, ref) {
     }
   };
 
-  return /*#__PURE__*/React.createElement(EditorWrapper, null, editableRender(field ? get(value, field) : null, data, rowIndex, {
+  return /*#__PURE__*/React.createElement(EditorWrapper, null, editableRender(field ? get(value, field) : null, data, rowIndex, _objectSpread(_objectSpread({}, props), {}, {
     context: context,
     ref: elm,
     onChange: handleChange
-  }));
+  })));
 });

package/es/components/DataGrid/cell-editors/Number.d.ts

@@ -2,8 +2,22 @@ import React from 'react';
 import type { ICellEditorReactComp } from '@ag-grid-community/react';
 import type { ICellEditorParams } from '@ag-grid-community/core';
 export interface NumberEditorParams {
+    /**
+     * @description 最小值
+     */
     min?: number;
+    /**
+     * @description 最大值
+     */
     max?: number;
+    /**
+     * @description 空值
+     */
+    emptyValue?: number;
+    /**
+     * @description 当值不合理时，不修改单元格
+     */
+    undoWhenError?: boolean;
 }
 declare const _default: React.ForwardRefExoticComponent<ICellEditorParams<any, any> & NumberEditorParams & React.RefAttributes<ICellEditorReactComp>>;
 export default _default;

package/es/components/DataGrid/cell-editors/Number.js

@@ -18,8 +18,12 @@ export default /*#__PURE__*/forwardRef(function NumberEditor(props, ref) {
   var _props$value;
 
   var cellStartedEdit = props.cellStartedEdit,
-      min = props.min,
-      max = props.max;
+      _props$min = props.min,
+      min = _props$min === void 0 ? -99999999 : _props$min,
+      _props$max = props.max,
+      max = _props$max === void 0 ? 99999999 : _props$max,
+      emptyValue = props.emptyValue,
+      undoWhenError = props.undoWhenError;
 
   var _useState = useState((_props$value = props.value) !== null && _props$value !== void 0 ? _props$value : null),
       _useState2 = _slicedToArray(_useState, 2),
@@ -36,24 +40,31 @@ export default /*#__PURE__*/forwardRef(function NumberEditor(props, ref) {
   }, [cellStartedEdit]);
 
   var getValue = function getValue() {
-    if (value === '' || value === null) {
-      return null;
-    }
-
     var val;
+    var error = false;
 
-    if (typeof value === 'string') {
+    if (value === '' || value === null) {
+      val = emptyValue !== null && emptyValue !== void 0 ? emptyValue : null;
+    } else if (typeof value === 'string') {
       val = parseFloat(value);
     } else {
       val = value;
     }
 
-    if (min !== undefined && val < min) {
+    if (val === null) {
+      error = true;
+    } else if (val < min) {
+      error = true;
       val = min;
-    } else if (max !== undefined && val > max) {
+    } else if (val > max) {
+      error = true;
       val = max;
     }
 
+    if (error && undoWhenError) {
+      return props.value;
+    }
+
     return val;
   };
 

package/es/components/DataGrid/cell-editors/Select.js

@@ -18,9 +18,10 @@ import { Select } from 'antd';
 import EditorWrapper from "./Wrapper";
 import { editorPrefixClass } from "./utils";
 export default /*#__PURE__*/forwardRef(function SelectEditor(props, ref) {
-  var stopEditing = props.stopEditing,
-      cellStartedEdit = props.cellStartedEdit,
-      cellEditorParams = props.colDef.cellEditorParams;
+  var cellStartedEdit = props.cellStartedEdit,
+      cellEditorParams = props.colDef.cellEditorParams,
+      column = props.column,
+      node = props.node;
 
   var _useState = useState(props.value),
       _useState2 = _slicedToArray(_useState, 2),
@@ -62,9 +63,7 @@ export default /*#__PURE__*/forwardRef(function SelectEditor(props, ref) {
     value: value,
     onChange: function onChange(val) {
       setValue(val);
-      requestAnimationFrame(function () {
-        stopEditing();
-      });
+      node.setDataValue(column, val);
     }
   })));
 });

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

@@ -79,6 +79,7 @@ export default class DataGrid<TData> extends Component<DataGridProps<TData>, {
     private validateRecord;
     validate(): Promise<boolean>;
     private cellValueChanged;
+    private rowDataUpdated;
     private cellEditingStop;
     fetch(page?: number): void;
     refresh(): void;

package/es/components/DataGrid/index.js

@@ -11,6 +11,16 @@ function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try
 
 function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
 
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
 
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
@@ -23,16 +33,6 @@ function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToAr
 
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
 
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
 function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
@@ -203,10 +203,47 @@ var DataGrid = /*#__PURE__*/function (_Component) {
     });
 
     _defineProperty(_assertThisInitialized(_this), "cellValueChanged", function (evt) {
-      var onDataSouceChange = _this.props.onDataSouceChange;
+      var _this$props2 = _this.props,
+          onDataSouceChange = _this$props2.onDataSouceChange,
+          onCellValueChanged = _this$props2.onCellValueChanged;
+
+      if (onCellValueChanged) {
+        onCellValueChanged(evt);
+      }
 
       if (onDataSouceChange !== undefined) {
-        onDataSouceChange(_this.dataSource || []);
+        /**
+         * 这么做是为了解决可编辑表格直接修改了原始数据的问题
+         */
+        _this.dataSource = _toConsumableArray(_this.dataSource);
+        onDataSouceChange(_this.dataSource);
+      }
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "rowDataUpdated", function () {
+      if (!_this.isReady) {
+        return;
+      }
+
+      var onDataSouceChange = _this.props.onDataSouceChange;
+      var data = [];
+
+      _this.api.forEachNode(function (rowNode) {
+        if (rowNode.data !== undefined) {
+          data.push(rowNode.data);
+        }
+      });
+      /**
+       * 浅比较是为了防止通过设置props.dataSource触发onDataSourceChange
+       */
+
+
+      if (!shallowEqual(data, _this.dataSource)) {
+        _this.dataSource = data;
+
+        if (onDataSouceChange !== undefined) {
+          onDataSouceChange(data);
+        }
       }
     });
 
@@ -240,9 +277,9 @@ var DataGrid = /*#__PURE__*/function (_Component) {
   _createClass(DataGrid, [{
     key: "getPagination",
     value: function getPagination() {
-      var _this$props2 = this.props,
-          pagination = _this$props2.pagination,
-          fetch = _this$props2.fetch;
+      var _this$props3 = this.props,
+          pagination = _this$props3.pagination,
+          fetch = _this$props3.fetch;
       var page = 1;
       var pageSize = 50;
       var total = 0;
@@ -275,12 +312,12 @@ var DataGrid = /*#__PURE__*/function (_Component) {
     value: function componentDidUpdate(prevProps) {
       var _prevProps$rowSelecti;
 
-      var _this$props3 = this.props,
-          columns = _this$props3.columns,
-          rowSelection = _this$props3.rowSelection,
-          dataSource = _this$props3.dataSource,
-          context = _this$props3.context,
-          loading = _this$props3.loading;
+      var _this$props4 = this.props,
+          columns = _this$props4.columns,
+          rowSelection = _this$props4.rowSelection,
+          dataSource = _this$props4.dataSource,
+          context = _this$props4.context,
+          loading = _this$props4.loading;
 
       if (columns !== prevProps.columns) {
         this.syncColRender();
@@ -311,11 +348,11 @@ var DataGrid = /*#__PURE__*/function (_Component) {
     value: function syncColRender() {
       var _this2 = this;
 
-      var _this$props4 = this.props,
-          _this$props4$columns = _this$props4.columns,
-          columns = _this$props4$columns === void 0 ? [] : _this$props4$columns,
-          _this$props4$columnRe = _this$props4.columnRenderMethods,
-          columnRenderMethods = _this$props4$columnRe === void 0 ? ['title', 'render', 'editable.render'] : _this$props4$columnRe;
+      var _this$props5 = this.props,
+          _this$props5$columns = _this$props5.columns,
+          columns = _this$props5$columns === void 0 ? [] : _this$props5$columns,
+          _this$props5$columnRe = _this$props5.columnRenderMethods,
+          columnRenderMethods = _this$props5$columnRe === void 0 ? ['title', 'render', 'editable.render'] : _this$props5$columnRe;
       this.colRenderer.reset();
       var descriptor = Object.create(null);
 
@@ -408,10 +445,10 @@ var DataGrid = /*#__PURE__*/function (_Component) {
     value: function getColumDefs() {
       var _this4 = this;
 
-      var _this$props5 = this.props,
-          _this$props5$columns = _this$props5.columns,
-          columns = _this$props5$columns === void 0 ? [] : _this$props5$columns,
-          rowActions = _this$props5.rowActions;
+      var _this$props6 = this.props,
+          _this$props6$columns = _this$props6.columns,
+          columns = _this$props6$columns === void 0 ? [] : _this$props6$columns,
+          rowActions = _this$props6.rowActions;
 
       var map = function map(cols) {
         return cols.map(function (item) {
@@ -884,31 +921,39 @@ var DataGrid = /*#__PURE__*/function (_Component) {
       var _validate = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
         var _this9 = this;
 
-        var result, flag, errors, failed;
+        var promises, result, flag, errors, failed;
         return _regeneratorRuntime().wrap(function _callee$(_context) {
           while (1) {
             switch (_context.prev = _context.next) {
               case 0:
-                _context.next = 2;
-                return Promise.allSettled(this.dataSource.map(function (record) {
+                promises = [];
+                this.api.forEachNode(function (rowNode) {
+                  var record = rowNode.data;
+
+                  if (record === undefined) {
+                    return;
+                  }
+
                   var rowId = _this9.getRowId({
                     data: record
                   });
 
                   if (_this9.validator === null) {
-                    return Promise.resolve(true);
+                    promises.push(Promise.resolve(true));
+                  } else {
+                    promises.push(_this9.validator.validate(record).catch(function (_ref5) {
+                      var fields = _ref5.fields;
+                      return Promise.reject({
+                        id: rowId,
+                        fields: fields
+                      });
+                    }));
                   }
+                });
+                _context.next = 4;
+                return Promise.allSettled(promises);
 
-                  return _this9.validator.validate(record).catch(function (_ref5) {
-                    var fields = _ref5.fields;
-                    return Promise.reject({
-                      id: rowId,
-                      fields: fields
-                    });
-                  });
-                }));
-
-              case 2:
+              case 4:
                 result = _context.sent;
                 flag = false;
                 errors = new Map();
@@ -931,7 +976,7 @@ var DataGrid = /*#__PURE__*/function (_Component) {
                 });
 
                 if (!flag) {
-                  _context.next = 10;
+                  _context.next = 12;
                   break;
                 }
 
@@ -940,10 +985,10 @@ var DataGrid = /*#__PURE__*/function (_Component) {
                 });
                 return _context.abrupt("return", Promise.reject(failed));
 
-              case 10:
+              case 12:
                 return _context.abrupt("return", true);
 
-              case 11:
+              case 13:
               case "end":
                 return _context.stop();
             }
@@ -991,24 +1036,24 @@ var DataGrid = /*#__PURE__*/function (_Component) {
     value: function render() {
       var _this11 = this;
 
-      var _this$props6 = this.props,
-          rowSelection = _this$props6.rowSelection,
-          rowKey = _this$props6.rowKey,
-          fetch = _this$props6.fetch,
-          dataSource = _this$props6.dataSource,
-          summary = _this$props6.summary,
-          rowActions = _this$props6.rowActions,
-          context = _this$props6.context,
-          onGridReady = _this$props6.onGridReady,
-          pagination = _this$props6.pagination,
-          columnTypesProp = _this$props6.columnTypes,
-          defaultColDefProp = _this$props6.defaultColDef,
-          componentsProp = _this$props6.components,
-          columns = _this$props6.columns,
-          loadingProp = _this$props6.loading,
-          autoLoad = _this$props6.autoLoad,
-          sideBarProp = _this$props6.sideBar,
-          restProps = _objectWithoutProperties(_this$props6, _excluded4);
+      var _this$props7 = this.props,
+          rowSelection = _this$props7.rowSelection,
+          rowKey = _this$props7.rowKey,
+          fetch = _this$props7.fetch,
+          dataSource = _this$props7.dataSource,
+          summary = _this$props7.summary,
+          rowActions = _this$props7.rowActions,
+          context = _this$props7.context,
+          onGridReady = _this$props7.onGridReady,
+          pagination = _this$props7.pagination,
+          columnTypesProp = _this$props7.columnTypes,
+          defaultColDefProp = _this$props7.defaultColDef,
+          componentsProp = _this$props7.components,
+          columns = _this$props7.columns,
+          loadingProp = _this$props7.loading,
+          autoLoad = _this$props7.autoLoad,
+          sideBarProp = _this$props7.sideBar,
+          restProps = _objectWithoutProperties(_this$props7, _excluded4);
 
       var _this$state2 = this.state,
           colDefs = _this$state2.colDefs,
@@ -1030,8 +1075,7 @@ var DataGrid = /*#__PURE__*/function (_Component) {
         suppressPaginationPanel: true,
         suppressCopyRowsToClipboard: true,
         suppressColumnVirtualisation: true,
-        onCellValueChanged: this.cellValueChanged,
-        onCellEditingStopped: this.cellEditingStop,
+        stopEditingWhenCellsLoseFocus: true,
         loadingOverlayComponent: this.LoadingOverlay,
         noRowsOverlayComponent: this.NoRowsOverlay,
         getMainMenuItems: this.getMainMenuItems,
@@ -1040,6 +1084,9 @@ var DataGrid = /*#__PURE__*/function (_Component) {
         sideBar: sideBarProp === true ? this.sideBarDef : sideBarProp,
         pinnedBottomRowData: Array.isArray(summary) ? summary : summary ? [summary] : undefined
       }, restProps, {
+        onRowDataUpdated: this.rowDataUpdated,
+        onCellValueChanged: this.cellValueChanged,
+        onCellEditingStopped: this.cellEditingStop,
         pagination: enablePagination,
         paginationPageSize: pageSize,
         columnDefs: colDefs,

package/es/components/DataGrid/index.less

@@ -261,10 +261,13 @@
   }
 
   .ag-cell-inline-editing {
+    background-color: transparent;
     height: calc(var(--ag-row-height) - 1px);
   }
 
-  .ag-ltr .ag-context-menu-open .ag-cell-focus:not(.ag-cell-range-selected),
+  .ag-ltr
+    .ag-context-menu-open
+    .ag-cell-focus:not(.ag-cell-range-selected):not(.ag-cell-inline-editing),
   .ag-ltr .ag-cell-focus:not(.ag-cell-range-selected):not(.ag-cell-inline-editing):focus-within,
   .ag-rll .ag-cell-focus:not(.ag-cell-range-selected):not(.ag-cell-inline-editing):focus-within {
     border-color: transparent;

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

@@ -1,8 +1,8 @@
 import type { AgGridReactProps } from '@ag-grid-community/react';
-import type { ColDef, ColGroupDef, ICellRendererParams, IHeaderParams } from '@ag-grid-community/core';
+import type { ColDef, ColGroupDef, ICellEditorParams, ICellRendererParams, IHeaderParams } from '@ag-grid-community/core';
 import type { RuleItem } from 'async-validator/dist-types/interface';
 import type { ReactElement, ReactNode, RefObject } from 'react';
-export type { ColDef, ColGroupDef, ColumnState } from '@ag-grid-community/core';
+export type { ColDef, ColGroupDef, ColumnState, GridApi, ICellEditorParams, ICellRendererParams, } from '@ag-grid-community/core';
 export declare type GetRowKey<T> = string | ((data: T) => string);
 export declare type PathType = string | (string | number)[];
 export declare type ValidateRule<T> = Pick<RuleItem, 'required' | 'message' | 'pattern' | 'min' | 'max' | 'len' | 'type'> & {
@@ -16,7 +16,7 @@ export declare type EditableRender<T> = (val: any, record: T, index: number, par
         blur?: () => void;
     }>;
     onChange: (val: Partial<T>, action?: 'stop' | 'next') => void;
-}) => ReactNode;
+} & ICellEditorParams) => ReactNode;
 export interface ColumnType<TData> extends Omit<ColDef<TData>, 'editable'> {
     title?: ReactNode | ((params: IHeaderParams) => ReactNode);
     dataIndex?: PathType;

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

@@ -46,6 +46,7 @@ interface Props<RecordType, ParamsType extends Record<string, any>> {
             style?: CSSProperties;
         }) => ReactElement;
     } & FilterProps<ParamsType>;
+    loading?: boolean;
 }
 export default function SelectView<RecordType extends Record<string | number, any>, ParamsType extends Record<string, any>>(props: Props<RecordType, ParamsType>): JSX.Element;
 export {};

package/es/components/SelectView/index.js

@@ -33,7 +33,6 @@ import Filter from "../Filter";
 import DataGrid from "../DataGrid";
 import { PREFIX_CLS } from "../../constants";
 import { DeleteTwoTone } from '@ant-design/icons';
-var defaultRows = [];
 export default function SelectView(props) {
   var emptyValue = useMemo(function () {
     return [];
@@ -49,7 +48,8 @@ export default function SelectView(props) {
       rowKey = props.rowKey,
       filter = props.filter,
       dataSource = props.dataSource,
-      rowFilter = props.rowFilter;
+      rowFilter = props.rowFilter,
+      loading = props.loading;
   var prefixCls = "".concat(PREFIX_CLS, "-select-view");
 
   var _useState = useState(value || emptyValue),
@@ -196,6 +196,7 @@ export default function SelectView(props) {
     },
     dataSource: rows,
     columns: columns,
+    loading: loading,
     fetch: request,
     pagination: true
   }))));

package/es/styles/utils.less

@@ -100,11 +100,11 @@
 
   &::-webkit-scrollbar-track {
     background-color: #fff;
-    border-radius: 10px; // 滑块颜色
+    border-radius: 4px;
   }
 
   &::-webkit-scrollbar-thumb {
     background-color: #ddd;
-    border-radius: 10px; // 滑块颜色
+    border-radius: 4px;
   }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lemon-fe/kits",
-  "version": "1.0.0-13",
+  "version": "1.0.0-15",
   "scripts": {
     "start": "dumi dev",
     "docs:build": "dumi build",