@lemon-fe/components 1.1.8 → 1.2.0-alpha.2

package/es/base-table/index.js

@@ -19,12 +19,14 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-import React, { useMemo, useState, useEffect, useRef, forwardRef, useContext } from 'react';
 import { Table as AntdTable, ConfigProvider } from 'antd';
+import React, { useMemo, useState, useEffect, useRef, forwardRef, useContext } from 'react';
 import classNames from 'classnames';
 import { get } from 'lodash';
 import ResizeObserver from 'rc-resize-observer';
 import { PREFIX_CLS } from "../constants";
+import { useLocaleReceiver } from "../locale-receiver";
+import { parseLocalTemplate } from "../locale/locale";
 import Actions from "./actions";
 import BaseTableContext from "./base-table-context";
 import empty from "./empty.png";
@@ -104,6 +106,9 @@ function BaseTable(props, _ref) {
     localeProp = props.locale,
     restProps = _objectWithoutProperties(props, _excluded2);
   var antPrefixCls = useContext(ConfigProvider.ConfigContext).getPrefixCls('table');
+  var _useLocaleReceiver = useLocaleReceiver('BaseTable'),
+    _useLocaleReceiver2 = _slicedToArray(_useLocaleReceiver, 1),
+    baseTableLocale = _useLocaleReceiver2[0];
   var fullTableRef = useRef(null);
   var _useState = useState(new Map()),
     _useState2 = _slicedToArray(_useState, 2),
@@ -372,7 +377,7 @@ function BaseTable(props, _ref) {
         className: "".concat(PREFIX_CLS, "-table-empty")
       }, /*#__PURE__*/React.createElement("img", {
         src: empty
-      }), /*#__PURE__*/React.createElement("div", null, "\u6682\u65E0\u6570\u636E"))
+      }), /*#__PURE__*/React.createElement("div", null, baseTableLocale.noDataText))
     }, localeProp)
   }, restProps, {
     pagination: paginationProp !== false ? _objectSpread({
@@ -381,7 +386,9 @@ function BaseTable(props, _ref) {
       showSizeChanger: true,
       showQuickJumper: true,
       showTotal: function showTotal(val) {
-        return "\u5171".concat(val, "\u6761");
+        return parseLocalTemplate(baseTableLocale.dataTotalText, {
+          total: val
+        });
       },
       defaultPageSize: 20
     }, paginationProp) : false

package/es/base-table/locale/en_US.d.ts

@@ -0,0 +1,3 @@
+import type { BaseTableLocale } from './locale';
+declare const locale: BaseTableLocale;
+export default locale;

package/es/base-table/locale/en_US.js

@@ -0,0 +1,5 @@
+var locale = {
+  noDataText: 'No data',
+  dataTotalText: 'Total ${total} items'
+};
+export default locale;

package/es/base-table/locale/locale.d.ts

@@ -0,0 +1,4 @@
+export interface BaseTableLocale {
+    noDataText: string;
+    dataTotalText: string;
+}

package/es/base-table/locale/locale.js

@@ -0,0 +1 @@
+export {};

package/es/base-table/locale/zh_CN.d.ts

@@ -0,0 +1,3 @@
+import type { BaseTableLocale } from './locale';
+declare const locale: BaseTableLocale;
+export default locale;

package/es/base-table/locale/zh_CN.js

@@ -0,0 +1,5 @@
+var locale = {
+  noDataText: '暂无数据',
+  dataTotalText: '共${total}条'
+};
+export default locale;

package/es/color-picker/index.js

@@ -4,10 +4,11 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 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 _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import { Tooltip } from 'antd';
 import React, { useEffect, useState } from 'react';
 import { SketchPicker } from 'react-color';
 import ReactGPicker from 'react-gcolor-picker';
-import { Tooltip } from 'antd';
+import { useLocaleReceiver } from "../locale-receiver";
 import colorString from 'color-string';
 var DEFAULT_COLORS = ['#FFD5B6', '#F5A623', '#F8E71C', '#8B572A', '#7ED321', '#417505', '#BD10E0', '#9013FE', '#456ad4', '#4A90E2', '#50E3C2', '#B8E986', '#000000', '#4A4A4A', '#9B9B9B', '#FFFFFF'];
 var DEFAULT_COLOR = 'rgba(255, 255, 255, 0)';
@@ -29,6 +30,9 @@ var ColorPicker = function ColorPicker(_ref) {
     _useState6 = _slicedToArray(_useState5, 2),
     alpha = _useState6[0],
     setAlpha = _useState6[1];
+  var _useLocaleReceiver = useLocaleReceiver('ColorPicker'),
+    _useLocaleReceiver2 = _slicedToArray(_useLocaleReceiver, 1),
+    ColorPickerLocale = _useLocaleReceiver2[0];
   useEffect(function () {
     if (!gradientEnable) {
       var rgbaColorArr = colorString.get.rgb(value);
@@ -65,7 +69,7 @@ var ColorPicker = function ColorPicker(_ref) {
     className: "lemon-color-picker-hex"
   }, hexColor === null || hexColor === void 0 ? void 0 : hexColor.toLocaleUpperCase()), /*#__PURE__*/React.createElement(Tooltip, {
     placement: "topRight",
-    title: "\u989C\u8272\u7684\u900F\u660E\u5EA6\uFF0C0\u8868\u793A\u900F\u660E\uFF0C100\u8868\u793A\u4E0D\u900F\u660E"
+    title: ColorPickerLocale.gridientTooltipText
   }, /*#__PURE__*/React.createElement("div", {
     className: "lemon-color-picker-alpha"
   }, Math.floor(Number(alpha) * 100), "%"))), pickerShow && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {

package/es/color-picker/locale/en_US.d.ts

@@ -0,0 +1,3 @@
+import type { ColorPickerLocale } from './locale';
+declare const locale: ColorPickerLocale;
+export default locale;

package/es/color-picker/locale/en_US.js

@@ -0,0 +1,4 @@
+var locale = {
+  gridientTooltipText: 'The transparency of the color, 0 means transparent, 100 means opaque'
+};
+export default locale;

package/es/color-picker/locale/locale.d.ts

@@ -0,0 +1,3 @@
+export interface ColorPickerLocale {
+    gridientTooltipText: string;
+}

package/es/color-picker/locale/locale.js

@@ -0,0 +1 @@
+export {};

package/es/color-picker/locale/zh_CN.d.ts

@@ -0,0 +1,3 @@
+import type { ColorPickerLocale } from './locale';
+declare const locale: ColorPickerLocale;
+export default locale;

package/es/color-picker/locale/zh_CN.js

@@ -0,0 +1,4 @@
+var locale = {
+  gridientTooltipText: '颜色的透明度，0表示透明，100表示不透明'
+};
+export default locale;

package/es/data-grid/cell-editors/select.d.ts

@@ -1,7 +1,7 @@
+import type { BaseOptionType, SelectProps } from 'antd/lib/select';
 import React from 'react';
 import type { ICellEditorParams } from '@ag-grid-community/core';
 import type { ICellEditorReactComp } from '@ag-grid-community/react';
-import type { BaseOptionType, SelectProps } from 'antd/lib/select';
 export declare type SelectEditorParams = Pick<SelectProps<any, BaseOptionType>, 'disabled' | 'options' | 'virtual' | 'showSearch' | 'listHeight' | 'allowClear' | 'mode'> & {
     fieldNames?: {
         label: string;
@@ -16,7 +16,7 @@ export declare type SelectEditorParams = Pick<SelectProps<any, BaseOptionType>,
      */
     action?: 'next' | 'stop' | 'none';
 };
-declare const _default: React.ForwardRefExoticComponent<ICellEditorParams<any, any, any> & Pick<SelectProps<any, BaseOptionType>, "disabled" | "mode" | "virtual" | "allowClear" | "options" | "showSearch" | "listHeight"> & {
+declare const _default: React.ForwardRefExoticComponent<ICellEditorParams<any, any, any> & Pick<SelectProps<any, BaseOptionType>, "disabled" | "mode" | "virtual" | "allowClear" | "showSearch" | "options" | "listHeight"> & {
     fieldNames?: {
         label: string;
         value: string;

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

@@ -8,9 +8,9 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import { useMemo } from 'react';
 import React, { useEffect, useRef } from 'react';
 import { forwardRef, useImperativeHandle, useState } from 'react';
+import Select from "../../select";
 import { editorPrefixClass } from "./utils";
 import EditorWrapper from "./wrapper";
-import { Select } from 'antd';
 export default /*#__PURE__*/forwardRef(function SelectEditor(props, ref) {
   var stopEditing = props.stopEditing,
     api = props.api,

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

@@ -7,6 +7,8 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import { message } from 'antd';
 import React, { useEffect, useMemo, useRef } from 'react';
 import { forwardRef, useImperativeHandle, useState } from 'react';
+import { useLocaleReceiver } from "../../locale-receiver";
+import { parseLocalTemplate } from "../../locale/locale";
 import { editorPrefixClass, navigateCell } from "./utils";
 import EditorWrapper from "./wrapper";
 export default /*#__PURE__*/forwardRef(function TextEditor(props, ref) {
@@ -15,6 +17,9 @@ export default /*#__PURE__*/forwardRef(function TextEditor(props, ref) {
     _isCancelAfterEnd = props.isCancelAfterEnd,
     data = props.data,
     headerName = props.colDef.headerName;
+  var _useLocaleReceiver = useLocaleReceiver('DataGrid'),
+    _useLocaleReceiver2 = _slicedToArray(_useLocaleReceiver, 1),
+    locale = _useLocaleReceiver2[0];
   var _useMemo = useMemo(function () {
       if (props.eventKey === 'BackSpace') {
         return ['', false];
@@ -45,7 +50,11 @@ export default /*#__PURE__*/forwardRef(function TextEditor(props, ref) {
     return {
       isCancelAfterEnd: function isCancelAfterEnd() {
         if (maxLength && (value || '').length > maxLength) {
-          message.warning("".concat(headerName || '', "\u6700\u591A").concat(maxLength, "\u4E2A\u5B57\u7B26"));
+          var text = parseLocalTemplate(locale.maxWordText, {
+            headerName: headerName || '',
+            maxLength: maxLength
+          });
+          message.warning(text);
           return true;
         }
         if (_isCancelAfterEnd !== undefined) {

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

@@ -17,6 +17,7 @@ import { Checkbox, Form, Input, Modal, Select } from 'antd';
 import React, { useEffect, useMemo, useRef, useState } from 'react';
 import FormLayout from "../../../form-layout";
 import Icons from "../../../icons";
+import { useLocaleReceiver } from "../../../locale-receiver";
 import TipMark from "../../../tip-mark";
 import { isCustomField, prefix } from "../../utils";
 export default function FieldModal(props) {
@@ -122,6 +123,9 @@ export default function FieldModal(props) {
       setOpen(false);
     }
   }, [openProp]);
+  var _useLocaleReceiver = useLocaleReceiver('DataGrid'),
+    _useLocaleReceiver2 = _slicedToArray(_useLocaleReceiver, 1),
+    fieldModal = _useLocaleReceiver2[0].fieldModal;
   return /*#__PURE__*/React.createElement(Modal, {
     title: "",
     width: 600,
@@ -157,7 +161,7 @@ export default function FieldModal(props) {
     className: prefix('column-panel-modal-left')
   }, /*#__PURE__*/React.createElement("div", {
     className: prefix('column-panel-modal-title')
-  }, "\u6DFB\u52A0\u81EA\u5B9A\u4E49\u5217"), /*#__PURE__*/React.createElement(Form, {
+  }, fieldModal.addCustomColumnText), /*#__PURE__*/React.createElement(Form, {
     form: form
   }, /*#__PURE__*/React.createElement(FormLayout, {
     direction: "column",
@@ -166,13 +170,13 @@ export default function FieldModal(props) {
     hidden: true,
     name: "id"
   }, /*#__PURE__*/React.createElement(Input, null)), /*#__PURE__*/React.createElement(Form.Item, {
-    label: "\u81EA\u5B9A\u4E49\u5217\u540D",
+    label: fieldModal.customColumnNameText,
     name: "name",
     rules: [{
       required: true
     }]
   }, /*#__PURE__*/React.createElement(Input, null)), /*#__PURE__*/React.createElement(Form.Item, {
-    label: "\u81EA\u5B9A\u4E49\u516C\u5F0F",
+    label: fieldModal.customColumnExpressionText,
     name: 'expression',
     rules: [{
       required: true
@@ -188,17 +192,21 @@ export default function FieldModal(props) {
     label: " ",
     name: "summary",
     valuePropName: "checked"
-  }, /*#__PURE__*/React.createElement(Checkbox, null, "\u662F\u5426\u7EDF\u8BA1\u5408\u8BA1")), /*#__PURE__*/React.createElement(Form.Item, {
+  }, /*#__PURE__*/React.createElement(Checkbox, null, fieldModal.summaryText)), /*#__PURE__*/React.createElement(Form.Item, {
     name: "summaryType",
-    label: /*#__PURE__*/React.createElement("span", null, "\u5408\u8BA1\u89C4\u5219", /*#__PURE__*/React.createElement(TipMark, {
-      infoContent: /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("p", null, "1\u3001\u81EA\u5B9A\u4E49\u5217\u6570\u636E\u503C\u6C42\u548C\u5F97\u51FA\u5408\u8BA1\u503C"), /*#__PURE__*/React.createElement("p", null, "2\u3001\u6570\u636E\u6E90\u6839\u636E\u8BA1\u7B97\u516C\u5F0F\u5F97\u51FA\u5408\u8BA1\u503C", /*#__PURE__*/React.createElement("br", null), "\u516C\u5F0F\u4E2D\u6DFB\u52A0\u7684\u5B57\u6BB5\u5148\u6C42\u548C\uFF0C\u518D\u6839\u636E\u8BA1\u7B97\u516C\u5F0F\u8BA1\u7B97\u51FA\u5408\u8BA1"))
+    label: /*#__PURE__*/React.createElement("span", null, fieldModal.summaryTypeText, /*#__PURE__*/React.createElement(TipMark, {
+      infoContent: /*#__PURE__*/React.createElement("div", {
+        dangerouslySetInnerHTML: {
+          __html: fieldModal.summaryTypeContentText
+        }
+      })
     }))
   }, /*#__PURE__*/React.createElement(Select, {
     options: [{
-      label: '自定义列数据值求和得出合计值',
+      label: fieldModal.customSummaryDataText,
       value: 1
     }, {
-      label: '数据源根据计算公式得出合计值',
+      label: fieldModal.dataSourceSummaryDataText,
       value: 2
     }]
   }))))), /*#__PURE__*/React.createElement("div", {
@@ -207,7 +215,7 @@ export default function FieldModal(props) {
     className: prefix('column-panel-modal-right')
   }, /*#__PURE__*/React.createElement("div", {
     className: prefix('column-panel-modal-title')
-  }, "\u6DFB\u52A0\u5B57\u6BB5"), /*#__PURE__*/React.createElement("div", {
+  }, fieldModal.addFieldText), /*#__PURE__*/React.createElement("div", {
     className: prefix('column-panel-modal-fields')
   }, leaves.map(function (item) {
     return /*#__PURE__*/React.createElement("div", {

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

@@ -12,6 +12,7 @@ import { Button, Space, Tooltip, message } from 'antd';
 import React, { useEffect, useMemo, useState } from 'react';
 import { createPortal } from 'react-dom';
 import Icons from "../../../icons";
+import { useLocaleReceiver } from "../../../locale-receiver";
 import { useGridStore } from "../../hooks";
 import { prefix } from "../../utils";
 import DragContext from "./drag-context";
@@ -48,6 +49,9 @@ export default function CustomColumnPanel(params) {
     _useState12 = _slicedToArray(_useState11, 2),
     keywords = _useState12[0],
     setKeywords = _useState12[1];
+  var _useLocaleReceiver = useLocaleReceiver('DataGrid'),
+    _useLocaleReceiver2 = _slicedToArray(_useLocaleReceiver, 1),
+    dataGridLocale = _useLocaleReceiver2[0];
   var handleColumnState = useDebounce(function () {
     setState(columnApi.getColumnState());
   }, 16);
@@ -152,7 +156,7 @@ export default function CustomColumnPanel(params) {
       loadingState: true,
       onSuccess: function onSuccess() {
         grid.api.closeToolPanel();
-        message.success('操作成功');
+        message.success(dataGridLocale.operationSuccessText);
       }
     }),
     save = _useRequest.run,
@@ -163,7 +167,7 @@ export default function CustomColumnPanel(params) {
     className: prefix('column-panel-header')
   }, !searching ? /*#__PURE__*/React.createElement("div", {
     className: prefix('column-panel-tools')
-  }, /*#__PURE__*/React.createElement("div", null, "\u663E\u793A"), /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", null, dataGridLocale.displayText), /*#__PURE__*/React.createElement("div", {
     className: prefix('column-panel-icon'),
     style: {
       marginLeft: 'auto'
@@ -172,7 +176,7 @@ export default function CustomColumnPanel(params) {
       setSearching(true);
     }
   }, /*#__PURE__*/React.createElement(Tooltip, {
-    title: "\u641C\u7D22",
+    title: dataGridLocale.searchText,
     placement: "bottom"
   }, /*#__PURE__*/React.createElement(Icons.Search, null))), /*#__PURE__*/React.createElement("div", {
     className: prefix('column-panel-icon'),
@@ -180,13 +184,13 @@ export default function CustomColumnPanel(params) {
       setField(true);
     }
   }, /*#__PURE__*/React.createElement(Tooltip, {
-    title: "\u6DFB\u52A0\u81EA\u5B9A\u4E49\u5217",
+    title: dataGridLocale.addCustomColumnText,
     placement: "bottom"
   }, /*#__PURE__*/React.createElement(Icons.Plus, null)))) : /*#__PURE__*/React.createElement("div", {
     className: prefix('column-panel-search')
   }, /*#__PURE__*/React.createElement("input", {
     autoFocus: true,
-    placeholder: "\u641C\u7D22",
+    placeholder: dataGridLocale.searchText,
     onChange: function onChange(e) {
       handleChangeKeywords(e.target.value);
     }
@@ -304,12 +308,12 @@ export default function CustomColumnPanel(params) {
     onClick: function onClick() {
       grid.resetFields();
     }
-  }, "\u91CD\u7F6E"), enableSave ? /*#__PURE__*/React.createElement(Button, {
+  }, dataGridLocale.resetText), enableSave ? /*#__PURE__*/React.createElement(Button, {
     type: "primary",
     loading: loading,
     onClick: save,
     size: "small"
-  }, "\u4FDD\u5B58") : null)), /*#__PURE__*/React.createElement(FieldModal, {
+  }, dataGridLocale.saveText) : null)), /*#__PURE__*/React.createElement(FieldModal, {
     open: field,
     nodes: list,
     onCancel: function onCancel() {

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

@@ -8,6 +8,7 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import React, { memo, useContext, useEffect, useState } from 'react';
 import Dropdown from "../../../dropdown";
 import Icons from "../../../icons";
+import { useLocaleReceiver } from "../../../locale-receiver";
 import { isCustomField, prefix } from "../../utils";
 import DragContext from "./drag-context";
 import { useDraggable, useDroppable } from '@dnd-kit/core';
@@ -74,6 +75,9 @@ var Item = /*#__PURE__*/memo(function (props) {
       api.removeEventListener('columnVisible', handler);
     };
   }, [node.column]);
+  var _useLocaleReceiver = useLocaleReceiver('DataGrid'),
+    _useLocaleReceiver2 = _slicedToArray(_useLocaleReceiver, 1),
+    dataGridLocale = _useLocaleReceiver2[0];
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
     style: {
       paddingLeft: level * 20 + 8
@@ -126,13 +130,13 @@ var Item = /*#__PURE__*/memo(function (props) {
     menu: {
       items: [{
         key: 'edit',
-        label: '编辑',
+        label: dataGridLocale.editText,
         onClick: function onClick() {
           onEdit(node);
         }
       }, {
         key: 'delete',
-        label: '删除',
+        label: dataGridLocale.deleteText,
         onClick: function onClick() {
           onDelete(node);
         }

package/es/data-grid/components/search.js

@@ -10,10 +10,11 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 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 _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import { Button, Input, Space } from 'antd';
 import React, { forwardRef, memo, useState, useImperativeHandle, useMemo } from 'react';
+import { useLocaleReceiver } from "../../locale-receiver";
 import { useGridStore } from "../hooks";
 import { useDebounce } from '@lemon-fe/hooks';
-import { Button, Input, Space } from 'antd';
 export default /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function Search(props, ref) {
   var placeholder = props.placeholder,
     searchFields = props.searchFields,
@@ -32,6 +33,9 @@ export default /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function Search(props,
     _useState2 = _slicedToArray(_useState, 2),
     state = _useState2[0],
     setState = _useState2[1];
+  var _useLocaleReceiver = useLocaleReceiver('DataGrid'),
+    _useLocaleReceiver2 = _slicedToArray(_useLocaleReceiver, 1),
+    dataGridLocale = _useLocaleReceiver2[0];
   var handleSearch = useDebounce(function (keywords) {
     if (keywords.length <= 0) {
       setState(defaultState);
@@ -132,7 +136,7 @@ export default /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function Search(props,
     };
   });
   return /*#__PURE__*/React.createElement(Space, null, /*#__PURE__*/React.createElement(Input, {
-    placeholder: placeholder || '输入关键字搜索',
+    placeholder: placeholder || dataGridLocale.searchPlaceholderText,
     value: state.keywords,
     size: "small",
     onChange: function onChange(e) {
@@ -152,8 +156,8 @@ export default /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function Search(props,
   }), /*#__PURE__*/React.createElement(Button, {
     size: "small",
     onClick: handlePrev
-  }, "\u4E0A\u4E00\u4E2A"), /*#__PURE__*/React.createElement(Button, {
+  }, dataGridLocale.searchPrevText), /*#__PURE__*/React.createElement(Button, {
     size: "small",
     onClick: handleNext
-  }, "\u4E0B\u4E00\u4E2A"));
+  }, dataGridLocale.searchNextText));
 }));

package/es/data-grid/components/selected.js

@@ -5,6 +5,8 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import React, { useEffect, useState, memo } from 'react';
+import { useLocaleReceiver } from "../../locale-receiver";
+import { parseLocalTemplate } from "../../locale/locale";
 import { prefix } from "../utils";
 export default /*#__PURE__*/memo(function Selected(props) {
   var selection = props.selection,
@@ -13,12 +15,17 @@ export default /*#__PURE__*/memo(function Selected(props) {
     _useState2 = _slicedToArray(_useState, 2),
     keys = _useState2[0],
     setKeys = _useState2[1];
+  var _useLocaleReceiver = useLocaleReceiver('DataGrid'),
+    _useLocaleReceiver2 = _slicedToArray(_useLocaleReceiver, 1),
+    dataGridLocale = _useLocaleReceiver2[0];
   useEffect(function () {
     return selection.listen(setKeys);
   }, []);
   return keys.length > 0 ? /*#__PURE__*/React.createElement("span", {
     className: prefix('selected')
-  }, "\u5DF2\u9009", keys.length, "\u6761", /*#__PURE__*/React.createElement("a", {
+  }, parseLocalTemplate(dataGridLocale.selectedTipText, {
+    length: keys.length
+  }), /*#__PURE__*/React.createElement("a", {
     onClick: onClear
-  }, "\u6E05\u7A7A\u5DF2\u9009")) : null;
+  }, dataGridLocale.clearSelectedText)) : null;
 });

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

@@ -1,20 +1,20 @@
 /// <reference types="react" />
-import type DataGrid from '.';
+import type { DataGridRef } from './index';
 import type { GridStore } from './typings';
 export declare function useGridStore<T>(getter: (state: GridStore) => T): T;
 interface UseGrid<TData extends Record<string, any>> {
     /**
      * @param 执行函数
      */
-    <T>(cb: (curr: DataGrid<TData>) => T): T;
+    <T>(cb: (curr: DataGridRef<TData>) => T): T;
     /**
      * @param 执行函数
      * @param isAsync 是否启用异步形式
      */
-    (cb: (curr: DataGrid<TData>) => void, isAsync?: boolean): void;
+    (cb: (curr: DataGridRef<TData>) => void, isAsync?: boolean): void;
 }
 export declare function useDataGrid<TData extends Record<string, any>>(): {
-    ref: import("react").MutableRefObject<DataGrid<TData> | null>;
+    ref: import("react").MutableRefObject<DataGridRef<TData> | null>;
     use: UseGrid<TData>;
 };
 export {};

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

@@ -1,10 +1,35 @@
-import React, { Component } from 'react';
+import React, { Component, type ForwardedRef } from 'react';
 import EditorWrapper from './cell-editors/wrapper';
 import type { FieldCol } from './components/custom-panel/typings';
+import type { DataGridLocale } from './locale/locale';
 import type { ColType, DataGridProps, DataGridState } from './typings';
 import type { IRowNode } from '@ag-grid-community/core';
 import { GridApi, ColumnApi } from '@ag-grid-community/core';
-export default class DataGrid<TData extends Record<string, any>> extends Component<DataGridProps<TData>, DataGridState<TData>> {
+interface InternaleDataGridProps<T> extends DataGridProps<T> {
+    locale: DataGridLocale;
+}
+declare const defaultProps: Partial<InternaleDataGridProps<any>>;
+declare const SummaryFlag: unique symbol;
+declare const IndexColId = "$$index";
+declare const EmptyCol: ColType<any>;
+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" | "mode" | "virtual" | "allowClear" | "showSearch" | "options" | "listHeight"> & {
+        fieldNames?: {
+            label: string;
+            value: string;
+        } | undefined;
+        valueByOption?: boolean | undefined;
+        action?: "stop" | "none" | "next" | undefined;
+    } & React.RefAttributes<import("@ag-grid-community/react").ICellEditorReactComp>>;
+    Wrapper: typeof EditorWrapper;
+};
+declare function isSummaryRow({ node }: {
+    node?: IRowNode<any> | null;
+}): boolean;
+declare class InternalDataGrid<TData extends Record<string, any>> extends Component<InternaleDataGridProps<TData>, DataGridState<TData>> {
     api: GridApi<TData>;
     columnApi: ColumnApi;
     private selected;
@@ -20,31 +45,7 @@ export default class DataGrid<TData extends Record<string, any>> extends Compone
     private prevFocusedCell;
     private fields;
     private fieldSuffix;
-    static contextType?: React.Context<any> | undefined;
-    static defaultProps: Partial<DataGridProps<any>>;
-    static SummaryFlag: symbol;
-    static IndexColId: string;
-    static EmptyCol: ColType<any>;
-    static 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" | "mode" | "virtual" | "allowClear" | "options" | "showSearch" | "listHeight"> & {
-            fieldNames?: {
-                label: string;
-                value: string;
-            } | undefined;
-            valueByOption?: boolean | undefined;
-            action?: "stop" | "none" | "next" | undefined;
-        } & React.RefAttributes<import("@ag-grid-community/react").ICellEditorReactComp>>;
-        Wrapper: typeof EditorWrapper;
-    };
-    static isSummaryRow({ node }: {
-        node?: IRowNode<any>;
-    }): boolean;
-    constructor(props: DataGridProps<TData>, context: any);
-    /** TODO目前只应用在部分地方，临时解决一下获取的columnTypes不正确的问题，考虑未来转成函数组件 */
-    private getProps;
+    constructor(props: InternaleDataGridProps<TData>);
     setField(field: FieldCol): void;
     getField(id: string): FieldCol | undefined;
     getFields(): FieldCol[];
@@ -73,6 +74,7 @@ export default class DataGrid<TData extends Record<string, any>> extends Compone
     private init;
     private NoRowsOverlay;
     private getMainMenuItems;
+    private getFieldErrMessage;
     private getRowId;
     private validateRecord;
     validate(): Promise<boolean>;
@@ -92,6 +94,7 @@ export default class DataGrid<TData extends Record<string, any>> extends Compone
     private handleClearSelected;
     private getMemoizedDefaultColDef;
     private getMemoizedColumnTypes;
+    private getMemoizedLocaleText;
     private getMemoizedComponents;
     private getMemoizedDetailCellParams;
     private getRowStyle;
@@ -103,3 +106,17 @@ export default class DataGrid<TData extends Record<string, any>> extends Compone
     focusPreviousCell(): void;
     render(): JSX.Element;
 }
+export declare type DataGridRef<T extends Record<string, any>> = InternalDataGrid<T>;
+interface DataGridType {
+    <T extends Record<string, any>>(props: DataGridProps<T> & {
+        ref?: ForwardedRef<DataGridRef<T>>;
+    }): ReturnType<InternalDataGrid<T>['render']>;
+    SummaryFlag: typeof SummaryFlag;
+    IndexColId: typeof IndexColId;
+    EmptyCol: typeof EmptyCol;
+    Editors: typeof Editors;
+    isSummaryRow: typeof isSummaryRow;
+    defaultProps: typeof defaultProps;
+}
+declare const DataGrid: DataGridType;
+export default DataGrid;