@lemon-fe/components 1.2.5 → 1.2.7

package/es/data-grid/cell-editors/text.js

@@ -11,6 +11,12 @@ import { useLocaleReceiver } from "../../locale-receiver";
 import { parseLocalTemplate } from "../../locale/locale";
 import { editorPrefixClass, navigateCell } from "./utils";
 import EditorWrapper from "./wrapper";
+function trimInput(val) {
+  if (typeof val === 'string') {
+    return val.trim();
+  }
+  return val;
+}
 export default /*#__PURE__*/forwardRef(function TextEditor(props, ref) {
   var disabled = props.disabled,
     maxLength = props.maxLength,
@@ -27,7 +33,7 @@ export default /*#__PURE__*/forwardRef(function TextEditor(props, ref) {
       if (props.charPress) {
         return [props.charPress, false];
       }
-      return [props.value, true];
+      return [trimInput(props.value), true];
     }, []),
     _useMemo2 = _slicedToArray(_useMemo, 2),
     defaultValue = _useMemo2[0],
@@ -63,7 +69,7 @@ export default /*#__PURE__*/forwardRef(function TextEditor(props, ref) {
         return false;
       },
       getValue: function getValue() {
-        return value;
+        return trimInput(value);
       }
     };
   });

package/es/data-grid/components/custom-panel/field-modal.d.ts

@@ -1,6 +1,7 @@
 /// <reference types="react" />
 import type { FieldCol, Node } from './typings';
 interface Props {
+    enableSummary: boolean;
     open?: boolean | FieldCol;
     onCancel: () => void;
     onOk: (field: FieldCol) => void;

package/es/data-grid/components/custom-panel/field-modal.js

@@ -24,7 +24,8 @@ export default function FieldModal(props) {
   var openProp = props.open,
     _onCancel = props.onCancel,
     nodes = props.nodes,
-    onOk = props.onOk;
+    onOk = props.onOk,
+    enableSummary = props.enableSummary;
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     open = _useState2[0],
@@ -188,7 +189,7 @@ export default function FieldModal(props) {
     style: {
       height: 120
     }
-  })), /*#__PURE__*/React.createElement(Form.Item, {
+  })), enableSummary ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Form.Item, {
     label: " ",
     name: "summary",
     valuePropName: "checked"
@@ -209,7 +210,7 @@ export default function FieldModal(props) {
       label: fieldModal.dataSourceSummaryDataText,
       value: 2
     }]
-  }))))), /*#__PURE__*/React.createElement("div", {
+  }))) : null))), /*#__PURE__*/React.createElement("div", {
     className: prefix('column-panel-modal-gutter')
   }), /*#__PURE__*/React.createElement("div", {
     className: prefix('column-panel-modal-right')

package/es/data-grid/components/custom-panel/index.d.ts

@@ -2,4 +2,5 @@
 import type { IToolPanelParams } from '@ag-grid-community/core';
 export default function CustomColumnPanel(params: IToolPanelParams & {
     enableSave: boolean;
+    enableSummary: boolean;
 }): JSX.Element;

package/es/data-grid/components/custom-panel/index.js

@@ -24,7 +24,8 @@ import classNames from 'classnames';
 export default function CustomColumnPanel(params) {
   var columnApi = params.columnApi,
     api = params.api,
-    enableSave = params.enableSave;
+    enableSave = params.enableSave,
+    enableSummary = params.enableSummary;
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     searching = _useState2[0],
@@ -359,6 +360,7 @@ export default function CustomColumnPanel(params) {
     size: "small"
   }, dataGridLocale.saveText) : null)), /*#__PURE__*/React.createElement(FieldModal, {
     open: field,
+    enableSummary: enableSummary,
     nodes: list,
     onCancel: function onCancel() {
       setField(false);

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

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

package/es/data-grid/index.js

@@ -62,7 +62,7 @@ import CellIndexRender from "./renderer/cell-index-renderer";
 import CellRenderer from "./renderer/cell-renderer";
 import DetailCellRenderer from "./renderer/detali-cell-renderer";
 import HeaderRenderer from "./renderer/header-renderer";
-import { prefix, getColField, isColumn, withSyncRender, Store, Selection, columnTypes } from "./utils";
+import { prefix, getColField, isColumn, withSyncRender, Store, Selection, getDefaultColumnTypes } from "./utils";
 import { ClientSideRowModelModule } from '@ag-grid-community/client-side-row-model';
 import { ModuleRegistry, GridApi, ColumnApi } from '@ag-grid-community/core';
 import { InfiniteRowModelModule } from '@ag-grid-community/infinite-row-model';
@@ -182,7 +182,8 @@ var InternalDataGrid = /*#__PURE__*/function (_Component) {
         iconKey: 'columns',
         toolPanel: CustomColumnPanel,
         toolPanelParams: {
-          enableSave: !!_this.props.customColumnPanelStorage
+          enableSave: !!_this.props.customColumnPanelStorage,
+          enableSummary: _this.isClientMode()
         }
       }]
     });
@@ -382,7 +383,7 @@ var InternalDataGrid = /*#__PURE__*/function (_Component) {
      */
     _defineProperty(_assertThisInitialized(_this), "blurTimer", null);
     _defineProperty(_assertThisInitialized(_this), "handleBlur", function () {
-      if (_this.props.stopEditingWhenCellsLoseFocus) {
+      if (_this.props.stopEditingWhenCellsLoseFocus && _this.blurTimer === null) {
         _this.blurTimer = setTimeout(function () {
           if (_this.isReady) {
             _this.api.clearFocusedCell();
@@ -394,6 +395,7 @@ var InternalDataGrid = /*#__PURE__*/function (_Component) {
     _defineProperty(_assertThisInitialized(_this), "handleFocus", function () {
       if (_this.blurTimer !== null) {
         clearTimeout(_this.blurTimer);
+        _this.blurTimer = null;
       }
     });
     _defineProperty(_assertThisInitialized(_this), "handleClearSelected", function () {
@@ -413,7 +415,8 @@ var InternalDataGrid = /*#__PURE__*/function (_Component) {
       return shallowEqual(prev[0], next[0]);
     }));
     _defineProperty(_assertThisInitialized(_this), "getMemoizedColumnTypes", memoizeOne(function (columnTypesProp) {
-      return _objectSpread(_objectSpread({}, columnTypes), columnTypesProp);
+      var locale = _this.props.locale;
+      return _objectSpread(_objectSpread({}, getDefaultColumnTypes(locale)), columnTypesProp);
     }));
     _defineProperty(_assertThisInitialized(_this), "getMemoizedLocaleText", memoizeOne(function (localeTextProp) {
       return _objectSpread(_objectSpread({}, _this.props.localeText), localeTextProp);
@@ -824,8 +827,7 @@ var InternalDataGrid = /*#__PURE__*/function (_Component) {
       }
       var _this$props6 = this.props,
         mColumnTypes = _this$props6.columnTypes,
-        mDefaultColDef = _this$props6.defaultColDef,
-        locale = _this$props6.locale;
+        mDefaultColDef = _this$props6.defaultColDef;
       var colTypes = this.getMemoizedColumnTypes(mColumnTypes);
       var result = {};
       var types;

package/es/data-grid/index.less

@@ -208,6 +208,7 @@
 
       &-left {
         width: 360px;
+        min-height: 210px;
         padding-right: @padding-md;
       }
 

package/es/data-grid/locale/en_US.js

@@ -50,6 +50,7 @@ var locale = {
   selectedTipText: '${length} Selected',
   clearSelectedText: 'Clear',
   moreText: 'More',
-  actionText: 'Action'
+  actionText: 'Action',
+  index: 'IDX'
 };
 export default locale;

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

@@ -32,4 +32,5 @@ export interface DataGridLocale {
     searchNextText: string;
     selectedTipText: string;
     clearSelectedText: string;
+    index: string;
 }

package/es/data-grid/locale/zh_CN.js

@@ -50,6 +50,7 @@ var locale = {
   selectedTipText: '已选${length}条',
   clearSelectedText: '清空已选',
   moreText: '更多',
-  actionText: '操作'
+  actionText: '操作',
+  index: '序号'
 };
 export default locale;

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

@@ -1,3 +1,4 @@
+import type { DataGridLocale } from './locale/locale';
 import type { ColType, ColGroupType, PathType } from './typings';
 import type { ColDef, ColGroupDef } from '@ag-grid-community/core';
 import { Subject } from '@lemon-fe/utils';
@@ -49,3 +50,4 @@ export declare class Selection<T> {
     listen(cb: (keys: string[]) => void): () => void;
 }
 export declare const columnTypes: Record<string, ColDef>;
+export declare function getDefaultColumnTypes(locale: DataGridLocale): Record<string, ColDef<any>>;

package/es/data-grid/utils.js

@@ -290,4 +290,8 @@ export var columnTypes = {
     cellClass: prefix('center-aligned-cell'),
     headerClass: prefix('center-aligned-header')
   }
-};
+};
+export function getDefaultColumnTypes(locale) {
+  columnTypes.index.headerName = locale.index;
+  return columnTypes;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lemon-fe/components",
-  "version": "1.2.5",
+  "version": "1.2.7",
   "description": "> TODO: description",
   "homepage": "",
   "license": "ISC",
@@ -67,5 +67,5 @@
   "publishConfig": {
     "registry": "https://registry.npmjs.org"
   },
-  "gitHead": "2387c5a7ca757fa6704b046a4e9fab89b0b330df"
+  "gitHead": "86e212d77dedc2a6c5af2f11ecb19b0e3c8704cf"
 }