@aloudata/aloudata-design 2.11.0 → 2.12.0

package/dist/ColorPicker/index.js

@@ -9,9 +9,10 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import { default as cls } from 'classnames';
-import React, { useEffect, useRef, useState } from 'react';
+import React, { useContext, useEffect, useRef, useState } from 'react';
 import Dropdown from "../Dropdown";
 import { FoldDownFill } from "../Icon";
+import { LocaleContext, getTranslator } from "../locale/default";
 import { colors as defaultColors, specialColors } from "./constant";
 function getLocalRecentColors(localStorageKey) {
   if (!window.localStorage) {
@@ -41,6 +42,9 @@ export default function ColorPicker(_ref) {
     localStorageKey = _ref$localStorageKey === void 0 ? 'ald_recent_colors' : _ref$localStorageKey,
     _ref$disabled = _ref.disabled,
     disabled = _ref$disabled === void 0 ? false : _ref$disabled;
+  var _useContext = useContext(LocaleContext),
+    locale = _useContext.locale;
+  var t = getTranslator(locale);
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     open = _useState2[0],
@@ -98,9 +102,9 @@ export default function ColorPicker(_ref) {
     style: {
       backgroundColor: defaultColor
     }
-  })), "\u9ED8\u8BA4"), /*#__PURE__*/React.createElement("div", {
+  })), t.ColorPicker.default), /*#__PURE__*/React.createElement("div", {
     className: 'standard'
-  }, /*#__PURE__*/React.createElement("p", null, "\u6807\u51C6\u8272"), /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React.createElement("p", null, t.ColorPicker.standardColor), /*#__PURE__*/React.createElement("div", {
     className: 'items'
   }, defaultColors.map(function (color) {
     return /*#__PURE__*/React.createElement("div", {
@@ -123,7 +127,7 @@ export default function ColorPicker(_ref) {
     }));
   }))), /*#__PURE__*/React.createElement("div", {
     className: 'recent'
-  }, /*#__PURE__*/React.createElement("p", null, "\u6700\u8FD1\u4F7F\u7528"), /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React.createElement("p", null, t.ColorPicker.recentlyUsed), /*#__PURE__*/React.createElement("div", {
     className: 'items'
   }, recentColors.map(function (color) {
     return /*#__PURE__*/React.createElement("div", {

package/dist/ConfigProvider/defaultRenderEmpty.js

@@ -17,8 +17,10 @@ var defaultRenderEmpty = function defaultRenderEmpty(componentName) {
       case 'Transfer':
       case 'Mentions':
         return /*#__PURE__*/React.createElement(Empty, {
-          image: Empty.PRESENTED_IMAGE_SEARCH_SMALL,
-          title: "\u65E0\u6570\u636E",
+          image: Empty.PRESENTED_IMAGE_SEARCH_SMALL
+          // 没有地方用到
+          // title="无数据"
+          ,
           className: "".concat(prefix, "-small")
         });
 

package/dist/ConfigProvider/index.js

@@ -1,12 +1,16 @@
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 import { ConfigProvider } from 'antd';
+import antdEnUS from 'antd/locale/en_US';
+import antdZhCN from 'antd/locale/zh_CN';
 import React from 'react';
+import { LocaleContext, defaultLocale } from "../locale/default";
 import getUserListContext from "./getUserList";
 import useGetUserList from "./hooks/useGetUserList";
 import SizeContext from "./sizeContext";
 export { ConfigContext } from 'antd/lib/config-provider';
 export { ConfigConsumer } from 'antd/lib/config-provider/';
 var AldCustomConfigProvider = function AldCustomConfigProvider(props) {
+  var _props$locale;
   var children = props.children,
     getUsersByIds = props.getUsersByIds,
     getUsersByKeywords = props.getUsersByKeywords;
@@ -26,7 +30,11 @@ var AldCustomConfigProvider = function AldCustomConfigProvider(props) {
         fontFamily: "Inter,'PingFang SC', system-ui, -apple-system, blinkmacsystemfont,\n          'Helvetica Neue', 'Segoe UI', helvetica, arial, 'Microsoft YaHei',\n          'WenQuanYi Micro Hei', sans-serif;"
       }
     }
-  }, props), childNode);
+  }, props, {
+    locale: ((_props$locale = props.locale) === null || _props$locale === void 0 ? void 0 : _props$locale.locale) === 'zh-cn' ? antdZhCN : antdEnUS
+  }), /*#__PURE__*/React.createElement(LocaleContext.Provider, {
+    value: props.locale || defaultLocale
+  }, childNode));
 };
 AldCustomConfigProvider.ConfigContext = ConfigProvider.ConfigContext;
 AldCustomConfigProvider.SizeContext = SizeContext;

package/dist/DataPreviewTable/components/Body/Error.js

@@ -1,9 +1,13 @@
-import React, { memo } from 'react';
+import React, { memo, useContext } from 'react';
 import Result from "../../../Result";
+import { LocaleContext, getTranslator } from "../../../locale/default";
 function ErrorBody(props) {
+  var _useContext = useContext(LocaleContext),
+    locale = _useContext.locale;
+  var t = getTranslator(locale);
   var wrapWidth = props.wrapWidth,
     _props$errorMsg = props.errorMsg,
-    errorMsg = _props$errorMsg === void 0 ? '加载失败' : _props$errorMsg;
+    errorMsg = _props$errorMsg === void 0 ? t.DataPreviewTable.loadFailed : _props$errorMsg;
   return /*#__PURE__*/React.createElement("div", {
     className: "ald-data-preview-table-error",
     style: {

package/dist/DataPreviewTable/index.js

@@ -1,8 +1,9 @@
 import classNames from 'classnames';
-import React, { forwardRef, memo, useImperativeHandle, useMemo, useRef } from 'react';
+import React, { forwardRef, memo, useContext, useImperativeHandle, useMemo, useRef } from 'react';
 import Progress from "../Progress";
 import ScrollArea from "../ScrollArea";
 import Spin from "../Spin";
+import { LocaleContext, getTranslator } from "../locale/default";
 import Body from "./components/Body";
 import Error from "./components/Body/Error";
 import Header from "./components/Header";
@@ -10,6 +11,9 @@ import { CELL_HEIGHT, DEFAULT_HEADER_HEIGHT } from "./constant";
 import useDirection from "./hooks/useDirection";
 var DataPreviewTable = /*#__PURE__*/forwardRef(function (props, ref) {
   var _wrapRef$current5;
+  var _useContext = useContext(LocaleContext),
+    locale = _useContext.locale;
+  var t = getTranslator(locale);
   var _props$columns = props.columns,
     columns = _props$columns === void 0 ? [] : _props$columns,
     _props$datasource = props.datasource,
@@ -21,7 +25,7 @@ var DataPreviewTable = /*#__PURE__*/forwardRef(function (props, ref) {
     loading = props.loading,
     dataStatus = props.dataStatus,
     _props$errorMsg = props.errorMsg,
-    errorMsg = _props$errorMsg === void 0 ? '数据加载失败' : _props$errorMsg;
+    errorMsg = _props$errorMsg === void 0 ? t.DataPreviewTable.dataLoadFailed : _props$errorMsg;
   var realHeaderHeight = Math.max(headerHeight, DEFAULT_HEADER_HEIGHT);
   var contentHeight = useMemo(function () {
     return datasource.length * CELL_HEIGHT + realHeaderHeight;

package/dist/DoubleCircleIcon/index.d.ts

@@ -5,6 +5,6 @@ declare const DoubleCircleIcon: (props: {
     size?: number | undefined;
     innerColor?: string | undefined;
     children: React.ReactNode;
-    type?: "warning" | "error" | "success" | "info" | undefined;
+    type?: "warning" | "error" | "info" | "success" | undefined;
 }) => React.JSX.Element;
 export default DoubleCircleIcon;

package/dist/Empty/index.js

@@ -9,6 +9,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 import classNames from 'classnames';
 import _ from 'lodash';
 import * as React from 'react';
+import { LocaleContext, getTranslator } from "../locale/default";
 import DataEmptyImg from "./image/Data";
 import SearchEmptyImg from "./image/Search";
 import SearchEmptySmallImage from "./image/SearchSmall";
@@ -20,12 +21,15 @@ var workbookEmptyImg = /*#__PURE__*/React.createElement(WorkbookEmptyImg, null);
 var dataEmptyImg = /*#__PURE__*/React.createElement(DataEmptyImg, null);
 var searchEmptySmallImage = /*#__PURE__*/React.createElement(SearchEmptySmallImage, null);
 var Empty = function Empty(props) {
+  var _React$useContext = React.useContext(LocaleContext),
+    locale = _React$useContext.locale;
+  var t = getTranslator(locale);
   var className = props.className,
     _props$image = props.image,
     image = _props$image === void 0 ? props.size === 'small' ? searchEmptySmallImage : searchEmptyImg : _props$image,
     description = props.description,
     _props$title = props.title,
-    title = _props$title === void 0 ? '未找到内容' : _props$title,
+    title = _props$title === void 0 ? t.Empty.noContentFound : _props$title,
     size = props.size,
     children = props.children,
     imageStyle = props.imageStyle,

package/dist/HighlightText/index.js

@@ -17,7 +17,8 @@ export default function HighlightText(props) {
   var regex = new RegExp("(".concat(trimKeyword, ")"), 'gi');
   var parts = text.split(regex);
   return /*#__PURE__*/React.createElement("span", {
-    className: className
+    className: className,
+    title: children
   }, parts.map(function (part, index) {
     return regex.test(part) ? /*#__PURE__*/React.createElement("span", {
       key: index,

package/dist/InputSearch/index.js

@@ -11,11 +11,15 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import { useDebounceFn } from 'ahooks';
 import classnames from 'classnames';
 import _ from 'lodash';
-import React, { useCallback, useState } from 'react';
+import React, { useCallback, useContext, useState } from 'react';
 import { SearchLine } from "../Icon";
 import Input from "../Input";
+import { LocaleContext, getTranslator } from "../locale/default";
 var DEFAULT_WIDTH = 68;
 export default function InputSearch(props) {
+  var _useContext = useContext(LocaleContext),
+    locale = _useContext.locale;
+  var t = getTranslator(locale);
   var onSearch = props.onSearch,
     className = props.className,
     _props$debounce = props.debounce,
@@ -60,7 +64,7 @@ export default function InputSearch(props) {
     prefix: /*#__PURE__*/React.createElement(SearchLine, {
       size: 16
     }),
-    placeholder: placeholder || '搜索',
+    placeholder: placeholder || t.InputSearch.search,
     allowClear: true,
     defaultValue: defaultValue
   }));

package/dist/List/Item.js

@@ -22,7 +22,8 @@ export var Meta = function Meta(_ref) {
   var content = /*#__PURE__*/React.createElement("div", {
     className: "".concat(prefixCls, "-item-meta-content")
   }, title && /*#__PURE__*/React.createElement("div", {
-    className: classnames("".concat(prefixCls, "-item-meta-content-title"), _defineProperty({}, "".concat(prefixCls, "-item-meta-content-title-no-description"), !description))
+    className: classnames("".concat(prefixCls, "-item-meta-content-title"), _defineProperty({}, "".concat(prefixCls, "-item-meta-content-title-no-description"), !description)),
+    title: typeof title === 'string' ? title : ''
   }, title), description && /*#__PURE__*/React.createElement("div", {
     className: "".concat(prefixCls, "-item-meta-content-description"),
     title: typeof description === 'string' ? description : ''

package/dist/MemberPicker/components/MemberSelection.js

@@ -7,11 +7,12 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import { useVirtualizer } from '@tanstack/react-virtual';
 import classNames from 'classnames';
 import _ from 'lodash';
-import React, { useDeferredValue, useEffect, useState } from 'react';
+import React, { useContext, useDeferredValue, useEffect, useState } from 'react';
 import Empty from "../../Empty";
 import { SearchLine } from "../../Icon";
 import Input from "../../Input";
 import Spin from "../../Spin";
+import { LocaleContext, getTranslator } from "../../locale/default";
 import { isUser } from "../utils/getUsersWithUserId";
 import MultipleOption from "./MultipleOption";
 import { userDisplayNameIsRepeated } from "./Panel";
@@ -19,6 +20,9 @@ import SingleOption from "./SingleOption";
 export var OPTION_HEIGHT = 36;
 export var WRAPPER_HEIGHT = 300;
 export default function MemberSelection(props) {
+  var _useContext = useContext(LocaleContext),
+    locale = _useContext.locale;
+  var t = getTranslator(locale);
   var className = props.className,
     userList = props.userList,
     multiple = props.multiple,
@@ -64,7 +68,7 @@ export default function MemberSelection(props) {
       setSearchValue(e.target.value);
     }
   }), userList.length === 0 && !loading && /*#__PURE__*/React.createElement(Empty, {
-    title: "\u65E0\u6570\u636E",
+    title: t.MemberPicker.noData,
     size: "small",
     image: Empty.PRESENTED_IMAGE_SEARCH,
     className: "ald-member-picker-member-list-empty"

package/dist/MemberPicker/components/MultipleOption.js

@@ -2,8 +2,9 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 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(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
 function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+import { LocaleContext, getTranslator } from "../../locale/default";
 import classnames from 'classnames';
-import React from 'react';
+import React, { useContext } from 'react';
 import Checkbox from "../../Checkbox";
 import { EUserType } from "../../ConfigProvider/getUserList";
 import TextLink from "../../TextLink/index";
@@ -11,6 +12,9 @@ import { getAccount, getId, getPhoto } from "../utils";
 import { isUserGroup } from "../utils/getUsersWithUserId";
 import NickLabel from "./NickLabel";
 export default function MultipleList(params) {
+  var _useContext = useContext(LocaleContext),
+    locale = _useContext.locale;
+  var t = getTranslator(locale);
   var disabled = params.disabled,
     user = params.user,
     selected = params.selected,
@@ -54,5 +58,5 @@ export default function MultipleList(params) {
       e.stopPropagation();
       e.preventDefault();
     }
-  }, "\u4E0B\u7EA7"));
+  }, t.MemberPicker.subLevel));
 }

package/dist/MemberPicker/components/Panel.js

@@ -14,8 +14,9 @@ function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefine
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import classNames from 'classnames';
 import { EUserType } from "../../ConfigProvider/getUserList";
-import React, { useCallback, useEffect, useMemo, useState } from 'react';
+import React, { useCallback, useContext, useEffect, useMemo, useState } from 'react';
 import Tabs from "../../Tabs";
+import { LocaleContext, getTranslator } from "../../locale/default";
 import { EMemberPicker } from "../interface";
 import { getId } from "../utils";
 import { isUser, isUserGroup } from "../utils/getUsersWithUserId";
@@ -30,6 +31,9 @@ export var userDisplayNameIsRepeated = function userDisplayNameIsRepeated(userLi
 };
 export default function Panel(props) {
   var _classNames;
+  var _useContext = useContext(LocaleContext),
+    locale = _useContext.locale;
+  var t = getTranslator(locale);
   var type = props.type,
     multiple = props.multiple,
     dropdownWidth = props.dropdownWidth,
@@ -123,17 +127,17 @@ export default function Panel(props) {
         destroyInactiveTabPane: true,
         items: [{
           key: 'user',
-          label: '用户',
+          label: t.MemberPicker.users,
           children: userSelection
         }, {
           key: 'userGroup',
-          label: '用户组',
+          label: t.MemberPicker.userGroups,
           children: userGroupSelection
         }],
         className: "ald-member-tabs"
       });
     }
-  }, [dataList, panelWidth, selectedUsers, onSelectionChange, onSearchValueChange, lockedIds, props.loading, type]);
+  }, [t, dataList, panelWidth, selectedUsers, onSelectionChange, onSearchValueChange, lockedIds, props.loading, type]);
   return /*#__PURE__*/React.createElement("div", {
     className: classNames(className, 'ald-member-picker-wrapper', (_classNames = {}, _defineProperty(_classNames, 'ald-member-picker-multiple', multiple), _defineProperty(_classNames, 'ald-member-picker-single', !multiple), _classNames)),
     style: {

package/dist/MemberPicker/components/PanelWrapper.d.ts

@@ -1,5 +1,5 @@
-import { IUserGroup, TUser, TUserGroupValue, TUserValue } from "../../ConfigProvider/getUserList";
 import React from 'react';
+import { IUserGroup, TUser, TUserGroupValue, TUserValue } from '../../ConfigProvider/getUserList';
 import { EMemberPicker, IUser, MemberPickerValue } from '../interface';
 interface IProps {
     type: EMemberPicker;

package/dist/MemberPicker/components/PanelWrapper.js

@@ -7,10 +7,11 @@ function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefine
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import { message } from "../..";
 import ConfigProvider from "../../ConfigProvider";
-import { EUserType } from "../../ConfigProvider/getUserList";
 import { useRequest } from 'ahooks';
 import _ from 'lodash';
-import React, { useCallback, useEffect, useMemo, useState } from 'react';
+import React, { useCallback, useContext, useEffect, useMemo, useState } from 'react';
+import { EUserType } from "../../ConfigProvider/getUserList";
+import { LocaleContext, getTranslator } from "../../locale/default";
 import { isUser, isUserGroup } from "../utils/getUsersWithUserId";
 import Panel from "./Panel";
 export var PanelWrapper = function PanelWrapper(_ref) {
@@ -23,6 +24,9 @@ export var PanelWrapper = function PanelWrapper(_ref) {
     className = _ref.className,
     _ref$lockedIds = _ref.lockedIds,
     lockedIds = _ref$lockedIds === void 0 ? [] : _ref$lockedIds;
+  var _useContext = useContext(LocaleContext),
+    locale = _useContext.locale;
+  var t = getTranslator(locale);
   var _ConfigProvider$useGe = ConfigProvider.useGetUserList(),
     getUsersByIds = _ConfigProvider$useGe.getUsersByIds,
     getUsersByKeywords = _ConfigProvider$useGe.getUsersByKeywords;
@@ -48,10 +52,10 @@ export var PanelWrapper = function PanelWrapper(_ref) {
     return function (_ref2) {
       _objectDestructuringEmpty(_ref2);
       return Promise.reject({
-        message: '请在ConfigProvider中配置getUsersByKeywords方法'
+        message: t.MemberPicker.pleaseConfigGetUserByKeywordsMethod
       });
     };
-  }, [getUsersByKeywords]);
+  }, [getUsersByKeywords, t.MemberPicker.pleaseConfigGetUserByKeywordsMethod]);
   var queryByIds = useMemo(function () {
     if (getUsersByIds) {
       return getUsersByIds;
@@ -59,10 +63,10 @@ export var PanelWrapper = function PanelWrapper(_ref) {
     return function (_ref3) {
       _objectDestructuringEmpty(_ref3);
       return Promise.reject({
-        message: '请在ConfigProvider中配置getUsersByIds方法'
+        message: t.MemberPicker.pleaseConfigGetUserByIdsMethod
       });
     };
-  }, [getUsersByIds]);
+  }, [getUsersByIds, t.MemberPicker.pleaseConfigGetUserByIdsMethod]);
   var _useRequest = useRequest(function () {
       return queryByKeywords(searchString);
     }, {

package/dist/MemberPicker/components/SelectedMemberTags.js

@@ -1,6 +1,7 @@
+import { LocaleContext, getTranslator } from "../../locale/default";
 import classNames from 'classnames';
 import _ from 'lodash';
-import React from 'react';
+import React, { useContext } from 'react';
 import { CloseMLine } from "../../Icon";
 import ScrollArea from "../../ScrollArea";
 import { getAccount, getId, getPhoto } from "../utils";
@@ -13,11 +14,14 @@ export default function SelectedMemberTags(props) {
     _props$lockedIds = props.lockedIds,
     lockedIds = _props$lockedIds === void 0 ? [] : _props$lockedIds,
     userList = props.userList;
+  var _useContext = useContext(LocaleContext),
+    locale = _useContext.locale;
+  var t = getTranslator(locale);
   return /*#__PURE__*/React.createElement("div", {
     className: classNames(className, 'ald-member-picker-selected-member-tags-wrap')
   }, /*#__PURE__*/React.createElement("div", {
     className: 'ald-member-picker-has-selected'
-  }, "\u5DF2\u9009 ", selectedUsers.length), /*#__PURE__*/React.createElement(ScrollArea, {
+  }, t.MemberPicker.selectedTotal(selectedUsers.length)), /*#__PURE__*/React.createElement(ScrollArea, {
     style: {
       maxHeight: 'calc(100% - 20px)',
       overflow: 'hidden'

package/dist/MemberPicker/components/SelectorFooter.js

@@ -1,15 +1,19 @@
 import classNames from 'classnames';
-import React from 'react';
+import React, { useContext } from 'react';
 import Button from "../../Button";
+import { LocaleContext, getTranslator } from "../../locale/default";
 export default function SelectorFooter(props) {
+  var _useContext = useContext(LocaleContext),
+    locale = _useContext.locale;
+  var t = getTranslator(locale);
   var className = props.className;
   return /*#__PURE__*/React.createElement("div", {
     className: classNames(className, 'ald-member-picker-footer')
   }, /*#__PURE__*/React.createElement(Button, {
     onClick: props.onCancel,
     type: "secondary"
-  }, "\u53D6\u6D88"), /*#__PURE__*/React.createElement(Button, {
+  }, t.MemberPicker.cancel), /*#__PURE__*/React.createElement(Button, {
     onClick: props.onOk,
     type: "primary"
-  }, "\u786E\u8BA4"));
+  }, t.MemberPicker.confirm));
 }

package/dist/MemberPicker/components/SingleOption.js

@@ -2,14 +2,18 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 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(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
 function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+import { LocaleContext, getTranslator } from "../../locale/default";
 import classnames from 'classnames';
-import React from 'react';
+import React, { useContext } from 'react';
 import { EUserType } from "../../ConfigProvider/getUserList";
 import TextLink from "../../TextLink/index";
 import { getAccount, getId, getPhoto } from "../utils";
 import { isUserGroup } from "../utils/getUsersWithUserId";
 import NickLabel from "./NickLabel";
 export default function SingleOption(params) {
+  var _useContext = useContext(LocaleContext),
+    locale = _useContext.locale;
+  var t = getTranslator(locale);
   var disabled = params.disabled,
     user = params.user,
     selected = params.selected,
@@ -48,5 +52,5 @@ export default function SingleOption(params) {
       e.stopPropagation();
       e.preventDefault();
     }
-  }, "\u4E0B\u7EA7"));
+  }, t.MemberPicker.subLevel));
 }

package/dist/MemberPicker/components/UserGroupSelection.js

@@ -7,12 +7,13 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import { Breadcrumb } from 'antd';
 import classNames from 'classnames';
 import _ from 'lodash';
-import React, { useState } from 'react';
+import React, { useContext, useState } from 'react';
 import Empty from "../../Empty";
 import { ChevronLeftLine, SearchLine } from "../../Icon";
 import Input from "../../Input";
 import ScrollArea from "../../ScrollArea";
 import Spin from "../../Spin";
+import { LocaleContext, getTranslator } from "../../locale/default";
 import { isUserGroup } from "../utils/getUsersWithUserId";
 import MultipleOption from "./MultipleOption";
 import SingleOption from "./SingleOption";
@@ -25,6 +26,9 @@ var UserGroupSelection = function UserGroupSelection(_ref) {
     loading = _ref.loading,
     width = _ref.width,
     lockedIds = _ref.lockedIds;
+  var _useContext = useContext(LocaleContext),
+    locale = _useContext.locale;
+  var t = getTranslator(locale);
   var _useState = useState(''),
     _useState2 = _slicedToArray(_useState, 2),
     searchKey = _useState2[0],
@@ -68,7 +72,7 @@ var UserGroupSelection = function UserGroupSelection(_ref) {
       setSearchKey(e.target.value);
     }
   }), userGroupList.length === 0 && !loading && /*#__PURE__*/React.createElement(Empty, {
-    title: "\u65E0\u6570\u636E",
+    title: t.MemberPicker.noData,
     size: "small",
     image: Empty.PRESENTED_IMAGE_SEARCH,
     className: "ald-member-picker-member-list-empty"
@@ -85,7 +89,7 @@ var UserGroupSelection = function UserGroupSelection(_ref) {
     className: "ald-member-picker-breadcrumb-item-inner"
   }, /*#__PURE__*/React.createElement(ChevronLeftLine, {
     size: 16
-  }), "\u7528\u6237\u7EC4")), groupPath.map(function (group) {
+  }), t.MemberPicker.userGroups)), groupPath.map(function (group) {
     return /*#__PURE__*/React.createElement(Breadcrumb.Item, {
       className: "ald-member-picker-breadcrumb-item",
       key: group.groupId,

package/dist/MemberPicker/index.js

@@ -17,39 +17,43 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 import { usePrevious, useRequest } from 'ahooks';
 import classNames from 'classnames';
 import _ from 'lodash';
-import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import React, { useCallback, useContext, useEffect, useMemo, useRef, useState } from 'react';
 import Avatar from "../Avatar";
 import ConfigProvider from "../ConfigProvider";
 import { EUserType } from "../ConfigProvider/getUserList";
 import { UserGroup } from "../Icon";
 import Select from "../Select";
+import { LocaleContext, getTranslator } from "../locale/default";
 import message from "../message";
 import Panel from "./components/Panel";
 import MemberPanel from "./components/PanelWrapper";
 import { EMemberPicker } from "./interface";
 import { isUser, isUserGroup } from "./utils/getUsersWithUserId";
-var Component = function Component(_ref) {
-  var value = _ref.value,
-    _ref$type = _ref.type,
-    type = _ref$type === void 0 ? EMemberPicker.USER : _ref$type,
-    onChange = _ref.onChange,
-    multiple = _ref.multiple,
-    dropdownWidth = _ref.dropdownWidth,
-    open = _ref.open,
-    onOpenChange = _ref.onOpenChange,
-    _ref$placeholder = _ref.placeholder,
-    placeholder = _ref$placeholder === void 0 ? '选择' : _ref$placeholder,
-    className = _ref.className,
-    allowClear = _ref.allowClear,
-    disabled = _ref.disabled,
-    _onClear = _ref.onClear,
-    size = _ref.size,
-    _ref$selectType = _ref.selectType,
-    selectType = _ref$selectType === void 0 ? 'secondary' : _ref$selectType,
-    propPrefix = _ref.prefix,
-    _ref$lockedIds = _ref.lockedIds,
-    lockedIds = _ref$lockedIds === void 0 ? [] : _ref$lockedIds,
-    restProps = _objectWithoutProperties(_ref, _excluded);
+var Component = function Component(props) {
+  var _useContext = useContext(LocaleContext),
+    locale = _useContext.locale;
+  var t = getTranslator(locale);
+  var value = props.value,
+    _props$type = props.type,
+    type = _props$type === void 0 ? EMemberPicker.USER : _props$type,
+    onChange = props.onChange,
+    multiple = props.multiple,
+    dropdownWidth = props.dropdownWidth,
+    open = props.open,
+    onOpenChange = props.onOpenChange,
+    _props$placeholder = props.placeholder,
+    placeholder = _props$placeholder === void 0 ? t.MemberPicker.select : _props$placeholder,
+    className = props.className,
+    allowClear = props.allowClear,
+    disabled = props.disabled,
+    _onClear = props.onClear,
+    size = props.size,
+    _props$selectType = props.selectType,
+    selectType = _props$selectType === void 0 ? 'secondary' : _props$selectType,
+    propPrefix = props.prefix,
+    _props$lockedIds = props.lockedIds,
+    lockedIds = _props$lockedIds === void 0 ? [] : _props$lockedIds,
+    restProps = _objectWithoutProperties(props, _excluded);
   var _ConfigProvider$useGe = ConfigProvider.useGetUserList(),
     getUsersByIds = _ConfigProvider$useGe.getUsersByIds,
     getUsersByKeywords = _ConfigProvider$useGe.getUsersByKeywords;
@@ -82,24 +86,24 @@ var Component = function Component(_ref) {
     if (getUsersByKeywords) {
       return getUsersByKeywords;
     }
-    return function (_ref2) {
-      _objectDestructuringEmpty(_ref2);
+    return function (_ref) {
+      _objectDestructuringEmpty(_ref);
       return Promise.reject({
-        message: '请在ConfigProvider中配置getUsersByKeywords方法'
+        message: t.MemberPicker.pleaseConfigGetUserByKeywordsMethod
       });
     };
-  }, [getUsersByKeywords]);
+  }, [getUsersByKeywords, t.MemberPicker.pleaseConfigGetUserByKeywordsMethod]);
   var queryByIds = useMemo(function () {
     if (getUsersByIds) {
       return getUsersByIds;
     }
-    return function (_ref3) {
-      _objectDestructuringEmpty(_ref3);
+    return function (_ref2) {
+      _objectDestructuringEmpty(_ref2);
       return Promise.reject({
-        message: '请在ConfigProvider中配置getUsersByIds方法'
+        message: t.MemberPicker.pleaseConfigGetUserByIdsMethod
       });
     };
-  }, [getUsersByIds]);
+  }, [getUsersByIds, t.MemberPicker.pleaseConfigGetUserByIdsMethod]);
   var _useRequest = useRequest(function () {
       return queryByKeywords(searchString);
     }, {