xmirror-components 1.0.30-alpha.8 → 1.0.30

package/build/es/components/ConfigProvider/index.js

@@ -9,18 +9,9 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 import React from 'react';
+import IntlProvider from '../IntlProvider';
+import { messages } from '../../locale';
 // 递归合并函数
 function deepMerge(target, source) {
     var result = __assign({}, target);
@@ -40,14 +31,20 @@ var baseConfig = {
     iconButton: {
         size: 'small',
         render: function (_a) {
-            var children = _a.children, params = __rest(_a, ["children"]);
+            var children = _a.children;
             return children;
         }
     },
-    iconFont: {}
+    iconFont: {},
+    locale: 'zh'
 };
 export var ConfigContext = React.createContext(baseConfig);
 export default function ConfigProvider(_a) {
     var children = _a.children, config = _a.config;
-    return (React.createElement(ConfigContext.Provider, { value: deepMerge(baseConfig, config) }, children));
+    var mergeConfig = deepMerge(baseConfig, config);
+    return (React.createElement(ConfigContext.Provider, { value: mergeConfig },
+        React.createElement(IntlProvider, { config: {
+                locale: config.locale,
+                messages: messages
+            } }, children)));
 }

package/build/es/components/ConfigProvider/types.d.ts

@@ -1,6 +1,7 @@
 import React from "react";
 import { IconButtonProps } from "../IconButton";
 import { IconFontProps } from "../IconFont";
+import { type MessagesKeys } from "../../locale";
 type IconButtonConfig = Pick<IconButtonProps, 'size' | 'className' | 'style'> & {
     render: (props: IconButtonProps & {
         children: React.ReactNode;
@@ -10,6 +11,7 @@ type IconFontConfig = Pick<IconFontProps, 'className' | 'style'>;
 export interface ConfigContextProps {
     iconButton: IconButtonConfig;
     iconFont: IconFontConfig;
+    locale: MessagesKeys;
 }
 export type ConfigProviderConfigProps = Partial<ConfigContextProps>;
 export {};

package/build/es/components/IntlProvider/FormattedMessage/index.d.ts

@@ -0,0 +1,7 @@
+interface FormattedMessageProps {
+    id: string;
+    defaultMessage?: string;
+    values?: Record<string, any>;
+}
+export default function FormattedMessage({ id, defaultMessage, values }: FormattedMessageProps): any;
+export {};

package/build/es/components/IntlProvider/FormattedMessage/index.js

@@ -0,0 +1,8 @@
+import { useContext } from 'react';
+import { IntlContext } from '../index';
+import { formatMessageFn } from '../useIntl';
+export default function FormattedMessage(_a) {
+    var id = _a.id, defaultMessage = _a.defaultMessage, values = _a.values;
+    var _b = useContext(IntlContext), messages = _b.messages, locale = _b.locale;
+    return formatMessageFn({ messages: messages, locale: locale })({ id: id, defaultMessage: defaultMessage, values: values });
+}

package/build/es/components/IntlProvider/index.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { IntlContextProps, IntlProviderConfigProps } from './types';
+export type { IntlProviderConfigProps, IntlContextProps } from './types';
+import FormattedMessage from './FormattedMessage';
+import useIntl from './useIntl';
+export declare const IntlContext: React.Context<IntlContextProps>;
+interface IntlProviderProps {
+    children: React.ReactNode;
+    config: IntlProviderConfigProps;
+}
+export default function IntlProvider({ children, config }: IntlProviderProps): React.JSX.Element;
+export { FormattedMessage, useIntl };

package/build/es/components/IntlProvider/index.js

@@ -0,0 +1,17 @@
+import React from 'react';
+import { messages } from '../../locale';
+import FormattedMessage from './FormattedMessage';
+import useIntl from './useIntl';
+var baseConfig = {
+    locale: 'zh',
+    messages: messages
+};
+export var IntlContext = React.createContext(baseConfig);
+export default function IntlProvider(_a) {
+    var children = _a.children, config = _a.config;
+    return (React.createElement(IntlContext.Provider, { value: {
+            locale: config.locale,
+            messages: messages
+        } }, children));
+}
+export { FormattedMessage, useIntl };

package/build/es/components/IntlProvider/types.d.ts

@@ -0,0 +1,7 @@
+import { type MessagesKeys } from "../../locale";
+import { Messages } from "../../locale/types";
+export interface IntlContextProps {
+    locale: MessagesKeys;
+    messages: Messages;
+}
+export type IntlProviderConfigProps = Partial<IntlContextProps>;

package/build/es/components/IntlProvider/types.js

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

package/build/es/components/IntlProvider/useIntl/index.d.ts

@@ -0,0 +1,14 @@
+interface FormattedMessageProps {
+    id: string;
+    defaultMessage?: string;
+    values?: Record<string, any>;
+}
+export declare const formatMessageFn: ({ messages, locale }: {
+    messages: any;
+    locale: string;
+}) => ({ id, defaultMessage, values }: FormattedMessageProps) => any;
+export default function useIntl(): {
+    $t: ({ id, defaultMessage }: FormattedMessageProps, values?: Record<string, any>) => any;
+    formatMessage: ({ id, defaultMessage, values }: FormattedMessageProps) => any;
+};
+export {};

package/build/es/components/IntlProvider/useIntl/index.js

@@ -0,0 +1,26 @@
+import { useContext } from 'react';
+import { IntlContext } from '../index';
+export var formatMessageFn = function (_a) {
+    var messages = _a.messages, locale = _a.locale;
+    return function (_a) {
+        var _b;
+        var id = _a.id, defaultMessage = _a.defaultMessage, values = _a.values;
+        var message = ((_b = messages === null || messages === void 0 ? void 0 : messages[locale]) === null || _b === void 0 ? void 0 : _b[id]) || defaultMessage;
+        if (typeof values === 'object') {
+            Object.keys(values).forEach(function (key) {
+                message = message.replace("{".concat(key, "}"), values[key]);
+            });
+        }
+        return message;
+    };
+};
+export default function useIntl() {
+    var _a = useContext(IntlContext), messages = _a.messages, locale = _a.locale;
+    return {
+        $t: function (_a, values) {
+            var id = _a.id, defaultMessage = _a.defaultMessage;
+            return formatMessageFn({ messages: messages, locale: locale })({ id: id, defaultMessage: defaultMessage, values: values });
+        },
+        formatMessage: formatMessageFn({ messages: messages, locale: locale })
+    };
+}

package/build/es/components/SearchArea/ToggleButton/index.js

@@ -6,6 +6,7 @@ import React, { useCallback, useMemo } from 'react';
 import { Button } from 'antd';
 import { CaretUpOutlined } from '@ant-design/icons';
 import styled from '@emotion/styled';
+import { FormattedMessage } from '../../IntlProvider';
 var AnimatedIcon = styled(CaretUpOutlined, {
     shouldForwardProp: function (prop) { return prop !== 'show'; },
 })(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  transition: transform 0.3s ease-in-out;\n  transform: rotate(", ");\n"], ["\n  transition: transform 0.3s ease-in-out;\n  transform: rotate(", ");\n"])), function (props) { return props.show ? '0deg' : '180deg'; });
@@ -24,7 +25,7 @@ function ToggleButton(_a) {
         onChange === null || onChange === void 0 ? void 0 : onChange(!(panel === null || panel === void 0 ? void 0 : panel.show));
     }, [panel]);
     return (React.createElement(Button, { type: "link", style: { paddingLeft: 0, paddingRight: 0 }, onClick: toggle },
-        "\u9AD8\u7EA7\u641C\u7D22",
+        React.createElement(FormattedMessage, { id: "comgponent.searcharea.togle", defaultMessage: '高级搜索' }),
         React.createElement(AnimatedIcon, { show: show })));
 }
 export default ToggleButton;

package/build/es/components/SearchArea/index.js

@@ -30,6 +30,7 @@ import { UpOutlined } from '@ant-design/icons';
 import styled from '@emotion/styled';
 import Item from './Item';
 import ToggleButton from './ToggleButton';
+import { FormattedMessage } from '../IntlProvider';
 var AnimatedContainer = styled('div', {
     shouldForwardProp: function (prop) { return prop !== 'show'; },
 })(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  overflow: hidden;\n  transition: max-height 0.4s ease-in-out;\n  max-height: ", ";\n"], ["\n  overflow: hidden;\n  transition: max-height 0.4s ease-in-out;\n  max-height: ", ";\n"])), function (props) { return props.show ? '450px' : '0'; });
@@ -106,13 +107,15 @@ function InternalSearchArea(_a) {
                     : children,
                 React.createElement(Col, { flex: 1 },
                     React.createElement(SearchAreaHandle, null,
-                        React.createElement(Button, { loading: loading, type: "primary", onClick: submit }, "\u7B5B\u9009"),
-                        React.createElement(Button, { loading: loading, onClick: reset }, "\u91CD\u7F6E"),
+                        React.createElement(Button, { loading: loading, type: "primary", onClick: submit },
+                            React.createElement(FormattedMessage, { id: "component.searcharea.submit", defaultMessage: '筛选' })),
+                        React.createElement(Button, { loading: loading, onClick: reset },
+                            React.createElement(FormattedMessage, { id: "component.searcharea.reset", defaultMessage: '重置' })),
                         React.createElement(Button, { type: "link", style: {
                                 paddingLeft: 0,
                                 paddingRight: 0
                             }, onClick: close },
-                            "\u6536\u8D77",
+                            React.createElement(FormattedMessage, { id: "component.searcharea.close", defaultMessage: '收起' }),
                             React.createElement(UpOutlined, null))))))));
 }
 var SearchArea = InternalSearchArea;

package/build/es/components/Table/Footer/index.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-import type { TableComponentProps } from '../types.ts';
+import type { TableComponentProps } from '../types';
 declare function Index(props: TableComponentProps): React.JSX.Element;
 export default Index;

package/build/es/components/Table/Footer/index.js

@@ -1,5 +1,5 @@
 import React, { useMemo, useRef } from 'react';
-import { FormattedMessage } from 'react-intl';
+import { FormattedMessage } from '../../IntlProvider';
 import { Checkbox, Col } from 'antd';
 import { CSSTransition } from 'react-transition-group';
 import { CloseOutlined } from '@ant-design/icons';

package/build/es/components/Table/PopoverSetColumns/index.js

@@ -9,7 +9,7 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
 };
 import React, { useMemo, useRef } from 'react';
 import { Checkbox, Popover } from 'antd';
-import { FormattedMessage } from 'react-intl';
+import { FormattedMessage } from '../../IntlProvider';
 import { HolderOutlined } from '@ant-design/icons';
 // import { message, IconFont } from 'xmirror-components'
 import { message } from '../../AntdApp';

package/build/es/hooks/useTable/index.js

@@ -55,7 +55,7 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     return to.concat(ar || Array.prototype.slice.call(from));
 };
 import { useEffect, useRef, useState, useCallback } from 'react';
-import { useIntl } from 'react-intl';
+import { useIntl } from '../../components/IntlProvider';
 import { useMemoizedFn } from 'ahooks';
 import { message } from '../../components/AntdApp';
 var ORDER_MAP = {

package/build/es/locale/en-us.d.ts

@@ -0,0 +1,25 @@
+declare const messages: {
+    'operation.add': string;
+    'operation.delete': string;
+    'operation.batchDelete': string;
+    'operation.edit': string;
+    'operation.download': string;
+    'operation.logout': string;
+    'operation.export': string;
+    'operation.close': string;
+    'operation.details': string;
+    'operation.confirm': string;
+    'operation.save': string;
+    'operation.cancel': string;
+    'component.table.selected': string;
+    'component.table.total': string;
+    'component.table.visibleError': string;
+    'component.searcharea.toggle': string;
+    'component.searcharea.submit': string;
+    'component.searcharea.reset': string;
+    'component.searcharea.close': string;
+    'message.delete': string;
+    'message.success': string;
+    'table.pagination.total': string;
+};
+export default messages;

package/build/es/locale/en-us.js

@@ -0,0 +1,27 @@
+var messages = {
+    'operation.add': 'Add',
+    'operation.delete': 'Delete',
+    'operation.batchDelete': 'Batch Delete',
+    'operation.edit': 'Edit',
+    'operation.download': 'Download',
+    'operation.logout': 'Logout',
+    'operation.export': 'Export',
+    'operation.close': 'Close',
+    'operation.details': 'Details',
+    'operation.confirm': 'Confirm',
+    'operation.save': 'Save',
+    'operation.cancel': 'Cancel',
+    // Components
+    'component.table.selected': '{length} selected',
+    'component.table.total': 'Total {total} items',
+    'component.table.visibleError': 'At least one field must be visible',
+    'component.searcharea.toggle': 'Advanced Search',
+    'component.searcharea.submit': 'Submit',
+    'component.searcharea.reset': 'Reset',
+    'component.searcharea.close': 'Close',
+    // Messages
+    'message.delete': 'This action cannot be undone, confirm delete?',
+    'message.success': 'Operation successful',
+    'table.pagination.total': 'Total {total} items',
+};
+export default messages;

package/build/es/locale/index.d.ts

@@ -0,0 +1,3 @@
+import { type Messages, type MessagesKeys } from './types';
+declare const messages: Messages;
+export { messages, type MessagesKeys };

package/build/es/locale/index.js

@@ -0,0 +1,7 @@
+import zhCN from './zh-cn';
+import enUS from './en-us';
+var messages = {
+    zh: zhCN,
+    en: enUS
+};
+export { messages };

package/build/es/locale/types.d.ts

@@ -0,0 +1,9 @@
+import type zhCN from './zh-cn';
+type MessageIds = {
+    [K in keyof typeof zhCN]: string;
+};
+export type MessagesKeys = 'zh' | 'en';
+export type Messages = {
+    [K in MessagesKeys]: MessageIds;
+};
+export {};

package/build/es/locale/types.js

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

package/build/es/locale/zh-cn.d.ts

@@ -0,0 +1,25 @@
+declare const messages: {
+    'operation.add': string;
+    'operation.delete': string;
+    'operation.batchDelete': string;
+    'operation.edit': string;
+    'operation.download': string;
+    'operation.logout': string;
+    'operation.export': string;
+    'operation.close': string;
+    'operation.details': string;
+    'operation.confirm': string;
+    'operation.save': string;
+    'operation.cancel': string;
+    'component.table.selected': string;
+    'component.table.total': string;
+    'component.table.visibleError': string;
+    'component.searcharea.toggle': string;
+    'component.searcharea.submit': string;
+    'component.searcharea.reset': string;
+    'component.searcharea.close': string;
+    'message.delete': string;
+    'message.success': string;
+    'table.pagination.total': string;
+};
+export default messages;

package/build/es/locale/zh-cn.js

@@ -0,0 +1,28 @@
+var messages = {
+    // 操作类
+    'operation.add': '添加',
+    'operation.delete': '删除',
+    'operation.batchDelete': '批量删除',
+    'operation.edit': '编辑',
+    'operation.download': '下载',
+    'operation.logout': '退出登录',
+    'operation.export': '导出',
+    'operation.close': '关闭',
+    'operation.details': '详情',
+    'operation.confirm': '确认',
+    'operation.save': '保存',
+    'operation.cancel': '取消',
+    // 组件
+    'component.table.selected': '已选{length}条',
+    'component.table.total': '共{total}条',
+    'component.table.visibleError': '列表最少保留一个字段',
+    'component.searcharea.toggle': '高级搜索',
+    'component.searcharea.submit': '筛选',
+    'component.searcharea.reset': '重置',
+    'component.searcharea.close': '收起',
+    // 提示类
+    'message.delete': '删除操作无法恢复，确认删除？',
+    'message.success': '操作成功',
+    'table.pagination.total': '共{total}条',
+};
+export default messages;

package/build/lib/components/ConfigProvider/index.js

@@ -10,17 +10,6 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -28,6 +17,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ConfigContext = void 0;
 exports.default = ConfigProvider;
 var react_1 = __importDefault(require("react"));
+var IntlProvider_1 = __importDefault(require("../IntlProvider"));
+var locale_1 = require("../../locale");
 // 递归合并函数
 function deepMerge(target, source) {
     var result = __assign({}, target);
@@ -47,14 +38,20 @@ var baseConfig = {
     iconButton: {
         size: 'small',
         render: function (_a) {
-            var children = _a.children, params = __rest(_a, ["children"]);
+            var children = _a.children;
             return children;
         }
     },
-    iconFont: {}
+    iconFont: {},
+    locale: 'zh'
 };
 exports.ConfigContext = react_1.default.createContext(baseConfig);
 function ConfigProvider(_a) {
     var children = _a.children, config = _a.config;
-    return (react_1.default.createElement(exports.ConfigContext.Provider, { value: deepMerge(baseConfig, config) }, children));
+    var mergeConfig = deepMerge(baseConfig, config);
+    return (react_1.default.createElement(exports.ConfigContext.Provider, { value: mergeConfig },
+        react_1.default.createElement(IntlProvider_1.default, { config: {
+                locale: config.locale,
+                messages: locale_1.messages
+            } }, children)));
 }

package/build/lib/components/IntlProvider/FormattedMessage/index.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = FormattedMessage;
+var react_1 = require("react");
+var index_1 = require("../index");
+var useIntl_1 = require("../useIntl");
+function FormattedMessage(_a) {
+    var id = _a.id, defaultMessage = _a.defaultMessage, values = _a.values;
+    var _b = (0, react_1.useContext)(index_1.IntlContext), messages = _b.messages, locale = _b.locale;
+    return (0, useIntl_1.formatMessageFn)({ messages: messages, locale: locale })({ id: id, defaultMessage: defaultMessage, values: values });
+}

package/build/lib/components/IntlProvider/index.js

@@ -0,0 +1,25 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useIntl = exports.FormattedMessage = exports.IntlContext = void 0;
+exports.default = IntlProvider;
+var react_1 = __importDefault(require("react"));
+var locale_1 = require("../../locale");
+var FormattedMessage_1 = __importDefault(require("./FormattedMessage"));
+exports.FormattedMessage = FormattedMessage_1.default;
+var useIntl_1 = __importDefault(require("./useIntl"));
+exports.useIntl = useIntl_1.default;
+var baseConfig = {
+    locale: 'zh',
+    messages: locale_1.messages
+};
+exports.IntlContext = react_1.default.createContext(baseConfig);
+function IntlProvider(_a) {
+    var children = _a.children, config = _a.config;
+    return (react_1.default.createElement(exports.IntlContext.Provider, { value: {
+            locale: config.locale,
+            messages: locale_1.messages
+        } }, children));
+}

package/build/lib/components/IntlProvider/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/build/lib/components/IntlProvider/useIntl/index.js

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.formatMessageFn = void 0;
+exports.default = useIntl;
+var react_1 = require("react");
+var index_1 = require("../index");
+var formatMessageFn = function (_a) {
+    var messages = _a.messages, locale = _a.locale;
+    return function (_a) {
+        var _b;
+        var id = _a.id, defaultMessage = _a.defaultMessage, values = _a.values;
+        var message = ((_b = messages === null || messages === void 0 ? void 0 : messages[locale]) === null || _b === void 0 ? void 0 : _b[id]) || defaultMessage;
+        if (typeof values === 'object') {
+            Object.keys(values).forEach(function (key) {
+                message = message.replace("{".concat(key, "}"), values[key]);
+            });
+        }
+        return message;
+    };
+};
+exports.formatMessageFn = formatMessageFn;
+function useIntl() {
+    var _a = (0, react_1.useContext)(index_1.IntlContext), messages = _a.messages, locale = _a.locale;
+    return {
+        $t: function (_a, values) {
+            var id = _a.id, defaultMessage = _a.defaultMessage;
+            return (0, exports.formatMessageFn)({ messages: messages, locale: locale })({ id: id, defaultMessage: defaultMessage, values: values });
+        },
+        formatMessage: (0, exports.formatMessageFn)({ messages: messages, locale: locale })
+    };
+}

package/build/lib/components/SearchArea/ToggleButton/index.js

@@ -44,6 +44,7 @@ var react_1 = __importStar(require("react"));
 var antd_1 = require("antd");
 var icons_1 = require("@ant-design/icons");
 var styled_1 = __importDefault(require("@emotion/styled"));
+var IntlProvider_1 = require("../../IntlProvider");
 var AnimatedIcon = (0, styled_1.default)(icons_1.CaretUpOutlined, {
     shouldForwardProp: function (prop) { return prop !== 'show'; },
 })(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  transition: transform 0.3s ease-in-out;\n  transform: rotate(", ");\n"], ["\n  transition: transform 0.3s ease-in-out;\n  transform: rotate(", ");\n"])), function (props) { return props.show ? '0deg' : '180deg'; });
@@ -62,7 +63,7 @@ function ToggleButton(_a) {
         onChange === null || onChange === void 0 ? void 0 : onChange(!(panel === null || panel === void 0 ? void 0 : panel.show));
     }, [panel]);
     return (react_1.default.createElement(antd_1.Button, { type: "link", style: { paddingLeft: 0, paddingRight: 0 }, onClick: toggle },
-        "\u9AD8\u7EA7\u641C\u7D22",
+        react_1.default.createElement(IntlProvider_1.FormattedMessage, { id: "comgponent.searcharea.togle", defaultMessage: '高级搜索' }),
         react_1.default.createElement(AnimatedIcon, { show: show })));
 }
 exports.default = ToggleButton;

package/build/lib/components/SearchArea/index.js

@@ -68,6 +68,7 @@ var icons_1 = require("@ant-design/icons");
 var styled_1 = __importDefault(require("@emotion/styled"));
 var Item_1 = __importDefault(require("./Item"));
 var ToggleButton_1 = __importDefault(require("./ToggleButton"));
+var IntlProvider_1 = require("../IntlProvider");
 var AnimatedContainer = (0, styled_1.default)('div', {
     shouldForwardProp: function (prop) { return prop !== 'show'; },
 })(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  overflow: hidden;\n  transition: max-height 0.4s ease-in-out;\n  max-height: ", ";\n"], ["\n  overflow: hidden;\n  transition: max-height 0.4s ease-in-out;\n  max-height: ", ";\n"])), function (props) { return props.show ? '450px' : '0'; });
@@ -144,13 +145,15 @@ function InternalSearchArea(_a) {
                     : children,
                 react_1.default.createElement(antd_1.Col, { flex: 1 },
                     react_1.default.createElement(SearchAreaHandle, null,
-                        react_1.default.createElement(antd_1.Button, { loading: loading, type: "primary", onClick: submit }, "\u7B5B\u9009"),
-                        react_1.default.createElement(antd_1.Button, { loading: loading, onClick: reset }, "\u91CD\u7F6E"),
+                        react_1.default.createElement(antd_1.Button, { loading: loading, type: "primary", onClick: submit },
+                            react_1.default.createElement(IntlProvider_1.FormattedMessage, { id: "component.searcharea.submit", defaultMessage: '筛选' })),
+                        react_1.default.createElement(antd_1.Button, { loading: loading, onClick: reset },
+                            react_1.default.createElement(IntlProvider_1.FormattedMessage, { id: "component.searcharea.reset", defaultMessage: '重置' })),
                         react_1.default.createElement(antd_1.Button, { type: "link", style: {
                                 paddingLeft: 0,
                                 paddingRight: 0
                             }, onClick: close },
-                            "\u6536\u8D77",
+                            react_1.default.createElement(IntlProvider_1.FormattedMessage, { id: "component.searcharea.close", defaultMessage: '收起' }),
                             react_1.default.createElement(icons_1.UpOutlined, null))))))));
 }
 var SearchArea = InternalSearchArea;

package/build/lib/components/Table/Footer/index.js

@@ -34,7 +34,7 @@ var __importStar = (this && this.__importStar) || (function () {
 })();
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importStar(require("react"));
-var react_intl_1 = require("react-intl");
+var IntlProvider_1 = require("../../IntlProvider");
 var antd_1 = require("antd");
 var react_transition_group_1 = require("react-transition-group");
 var icons_1 = require("@ant-design/icons");
@@ -111,7 +111,7 @@ function Index(props) {
                 return (react_1.default.createElement(styles_1.StyledRow, { ref: transitionNodeRef, justify: "space-between" },
                     react_1.default.createElement(antd_1.Col, { style: { display: 'flex', alignItems: 'center' } },
                         react_1.default.createElement(antd_1.Checkbox, { checked: checked, indeterminate: indeterminate, onChange: changeCheckAll },
-                            react_1.default.createElement(react_intl_1.FormattedMessage, { id: "component.table.selected", defaultMessage: '已选{length}条', values: {
+                            react_1.default.createElement(IntlProvider_1.FormattedMessage, { id: "component.table.selected", defaultMessage: '已选{length}条', values: {
                                     length: (_b = (_a = rowSelection.selectedRowKeys) === null || _a === void 0 ? void 0 : _a.length) !== null && _b !== void 0 ? _b : 0
                                 } }))),
                     react_1.default.createElement(antd_1.Col, { style: { display: 'flex', alignItems: 'center' } },

package/build/lib/components/Table/PopoverSetColumns/index.js

@@ -47,7 +47,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importStar(require("react"));
 var antd_1 = require("antd");
-var react_intl_1 = require("react-intl");
+var IntlProvider_1 = require("../../IntlProvider");
 var icons_1 = require("@ant-design/icons");
 // import { message, IconFont } from 'xmirror-components'
 var AntdApp_1 = require("../../AntdApp");
@@ -122,7 +122,7 @@ function PopoverSetColumns(_a) {
         var checked = _a.target.checked;
         var dataIndex = _b.dataIndex;
         if (visibleItems.length === 1 && !checked) {
-            AntdApp_1.message.error(react_1.default.createElement(react_intl_1.FormattedMessage, { id: "component.table.visibleError", defaultMessage: '列表最少保留一个字段' }));
+            AntdApp_1.message.error(react_1.default.createElement(IntlProvider_1.FormattedMessage, { id: "component.table.visibleError", defaultMessage: '列表最少保留一个字段' }));
             return;
         }
         var id = Array.isArray(dataIndex) ? dataIndex.join(',') : dataIndex;

package/build/lib/hooks/useTable/index.js

@@ -57,7 +57,7 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = require("react");
-var react_intl_1 = require("react-intl");
+var IntlProvider_1 = require("../../components/IntlProvider");
 var ahooks_1 = require("ahooks");
 var AntdApp_1 = require("../../components/AntdApp");
 var ORDER_MAP = {
@@ -84,7 +84,7 @@ var defaultOptions = {
 function useTable(request, options) {
     var _this = this;
     if (options === void 0) { options = {}; }
-    var intl = (0, react_intl_1.useIntl)();
+    var intl = (0, IntlProvider_1.useIntl)();
     var _a = __assign(__assign({}, defaultOptions), options), rowKey = _a.rowKey, interval = _a.interval, immediate = _a.immediate, defaultPagination = _a.defaultPagination, showRowSelection = _a.showRowSelection, multiPageSelection = _a.multiPageSelection, onBeforeRequest = _a.onBeforeRequest, onAfterRequest = _a.onAfterRequest;
     var tableTimerRef = (0, react_1.useRef)(null);
     var _b = (0, react_1.useState)(false), loading = _b[0], setLoading = _b[1];

package/build/lib/index.d.ts

@@ -126,6 +126,7 @@ export declare const ConfigContext: default_2.Context<ConfigContextProps>;
 declare interface ConfigContextProps {
     iconButton: IconButtonConfig;
     iconFont: IconFontConfig;
+    locale: MessagesKeys;
 }
 
 export declare function ConfigProvider({ children, config }: ConfigProviderProps): default_2.JSX.Element;
@@ -229,6 +230,8 @@ declare interface InternalSearchAreaProps extends FormProps<any> {
 
 export declare let message: MessageInstance;
 
+declare type MessagesKeys = 'zh' | 'en';
+
 export declare let modal: Omit<ModalStaticFunctions, 'warn'>;
 
 export declare let notification: NotificationInstance;