@aloudata/aloudata-design 2.11.0 → 2.12.1

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/DatePicker/index.d.ts

@@ -2,25 +2,25 @@ import { DatePicker as AntdDatePicker, DatePickerProps as AntdDatePickerProps }
 import { Dayjs } from 'dayjs';
 export type { RangeValue } from 'rc-picker/lib/interface';
 declare const DatePicker: import("antd/es/date-picker/generatePicker/interface").PickerComponentClass<import("antd/es/date-picker/generatePicker").PickerProps<Dayjs> & {
-    status?: "" | "warning" | "error" | undefined;
+    status?: "" | "error" | "warning" | undefined;
     hashId?: string | undefined;
     popupClassName?: string | undefined;
     rootClassName?: string | undefined;
 }, unknown> & {
     WeekPicker: import("antd/es/date-picker/generatePicker/interface").PickerComponentClass<Omit<import("antd/es/date-picker/generatePicker").PickerProps<Dayjs> & {
-        status?: "" | "warning" | "error" | undefined;
+        status?: "" | "error" | "warning" | undefined;
         hashId?: string | undefined;
         popupClassName?: string | undefined;
         rootClassName?: string | undefined;
     }, "picker">, unknown>;
     MonthPicker: import("antd/es/date-picker/generatePicker/interface").PickerComponentClass<Omit<import("antd/es/date-picker/generatePicker").PickerProps<Dayjs> & {
-        status?: "" | "warning" | "error" | undefined;
+        status?: "" | "error" | "warning" | undefined;
         hashId?: string | undefined;
         popupClassName?: string | undefined;
         rootClassName?: string | undefined;
     }, "picker">, unknown>;
     YearPicker: import("antd/es/date-picker/generatePicker/interface").PickerComponentClass<Omit<import("antd/es/date-picker/generatePicker").PickerProps<Dayjs> & {
-        status?: "" | "warning" | "error" | undefined;
+        status?: "" | "error" | "warning" | undefined;
         hashId?: string | undefined;
         popupClassName?: string | undefined;
         rootClassName?: string | undefined;
@@ -32,11 +32,11 @@ declare const DatePicker: import("antd/es/date-picker/generatePicker/interface")
     TimePicker: import("antd/es/date-picker/generatePicker/interface").PickerComponentClass<Omit<Omit<import("rc-picker/lib/Picker").PickerTimeProps<Dayjs>, "locale" | "generateConfig" | "hideHeader" | "components"> & {
         locale?: import("antd/es/date-picker/generatePicker").PickerLocale | undefined;
         size?: import("antd/es/button").ButtonSize;
-        placement?: "bottomLeft" | "bottomRight" | "topLeft" | "topRight" | undefined;
+        placement?: "topLeft" | "topRight" | "bottomLeft" | "bottomRight" | undefined;
         bordered?: boolean | undefined;
-        status?: "" | "warning" | "error" | undefined;
+        status?: "" | "error" | "warning" | undefined;
     } & {
-        status?: "" | "warning" | "error" | undefined;
+        status?: "" | "error" | "warning" | undefined;
         hashId?: string | undefined;
         popupClassName?: string | undefined;
         rootClassName?: string | undefined;
@@ -44,11 +44,11 @@ declare const DatePicker: import("antd/es/date-picker/generatePicker/interface")
     QuarterPicker: import("antd/es/date-picker/generatePicker/interface").PickerComponentClass<Omit<Omit<import("rc-picker/lib/Picker").PickerTimeProps<Dayjs>, "locale" | "generateConfig" | "hideHeader" | "components"> & {
         locale?: import("antd/es/date-picker/generatePicker").PickerLocale | undefined;
         size?: import("antd/es/button").ButtonSize;
-        placement?: "bottomLeft" | "bottomRight" | "topLeft" | "topRight" | undefined;
+        placement?: "topLeft" | "topRight" | "bottomLeft" | "bottomRight" | undefined;
         bordered?: boolean | undefined;
-        status?: "" | "warning" | "error" | undefined;
+        status?: "" | "error" | "warning" | undefined;
     } & {
-        status?: "" | "warning" | "error" | undefined;
+        status?: "" | "error" | "warning" | undefined;
         hashId?: string | undefined;
         popupClassName?: string | undefined;
         rootClassName?: string | undefined;

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/Dropdown/index.d.ts

@@ -67,6 +67,15 @@ export interface IDropdownProps {
      * @default false
      */
     disabled?: boolean;
+    /**
+     * @description 鼠标移入后延迟显示下拉框的时间，单位为毫秒
+     * @default 0
+     */
     delay?: UseHoverProps['delay'];
+    /**
+     * @description 是否在下拉框变化的时候自动更新位置
+     * @default false
+     */
+    autoUpdatePos?: boolean;
 }
 export default function Dropdown(props: IDropdownProps): React.JSX.Element;

package/dist/Dropdown/index.js

@@ -11,7 +11,7 @@ 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(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 { FloatingFocusManager, flip, offset, safePolygon, shift, useClick, useDismiss, useFloating, useHover, useId, useInteractions, useRole } from '@floating-ui/react';
+import { FloatingFocusManager, autoUpdate, flip, offset, safePolygon, shift, useClick, useDismiss, useFloating, useHover, useId, useInteractions, useRole } from '@floating-ui/react';
 import { useMemoizedFn } from 'ahooks';
 import classNames from 'classnames';
 import ResizeObserver from 'rc-resize-observer';
@@ -39,7 +39,9 @@ export default function Dropdown(props) {
     _props$offset = props.offset,
     offsetProps = _props$offset === void 0 ? 4 : _props$offset,
     _props$delay = props.delay,
-    delay = _props$delay === void 0 ? 0 : _props$delay;
+    delay = _props$delay === void 0 ? 0 : _props$delay,
+    _props$autoUpdatePos = props.autoUpdatePos,
+    autoUpdatePos = _props$autoUpdatePos === void 0 ? false : _props$autoUpdatePos;
   var _useState = useState(open || false),
     _useState2 = _slicedToArray(_useState, 2),
     isOpen = _useState2[0],
@@ -63,7 +65,8 @@ export default function Dropdown(props) {
       onOpenChange: onChangeOpen,
       middleware: [offset(offsetProps), flip({
         fallbackAxisSideDirection: 'end'
-      }), shift()]
+      }), shift()],
+      whileElementsMounted: autoUpdatePos ? autoUpdate : undefined
     }),
     refs = _useFloating.refs,
     floatingStyles = _useFloating.floatingStyles,

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,