@chaoswise/ui 2.3.18 → 2.4.0

package/lib/ColorPicker/locale/index.js

@@ -1,12 +1,11 @@
-import zhCN from './zh_CN.js';
-import enUS from './en_US.js';
-export var getLocale = function getLocale(locale) {
-  switch (locale) {
-    case 'zh':
-      return zhCN;
-    case 'en':
-      return enUS;
-    default:
-      return zhCN;
-  }
+import zh_CN from './zh_CN.js';
+import en_US from './en_US.js';
+import zh_TW from './zh_TW.js';
+export default {
+  zh_CN: zh_CN,
+  en_US: en_US,
+  zh_TW: zh_TW,
+  // 兼容
+  zh: zh_CN,
+  en: en_US
 };

package/lib/ColorPicker/locale/zh_TW.js

@@ -0,0 +1,4 @@
+export default {
+  "color-picker-single": "單色",
+  "color-picker-gradient": "漸變"
+};

package/lib/ConfigProvider/ConfigProvider.js

@@ -19,8 +19,9 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 import React, { useEffect, useState } from 'react';
 import Antd4ConfigProvider from '../Antd4/config-provider';
 import { IntlProvider } from 'react-intl';
-import zh_antd from '../Antd4/locale/zh_CN';
-import en_antd from '../Antd4/locale/en_US';
+import zh_CN_antd from '../Antd4/locale/zh_CN';
+import en_US_antd from '../Antd4/locale/en_US';
+import zh_TW_antd from '../Antd4/locale/zh_TW';
 import moment from 'moment';
 import 'moment/locale/zh-cn';
 export var intlContext = /*#__PURE__*/React.createContext({
@@ -35,7 +36,7 @@ var AllProvider = function AllProvider(_ref) {
     _ref$locales = _ref.locales,
     locales = _ref$locales === void 0 ? {} : _ref$locales,
     _ref$defaultLocale = _ref.defaultLocale,
-    defaultLocale = _ref$defaultLocale === void 0 ? 'zh' : _ref$defaultLocale,
+    defaultLocale = _ref$defaultLocale === void 0 ? 'zh_CN' : _ref$defaultLocale,
     resProps = _objectWithoutProperties(_ref, _excluded);
   var _useState = useState(defaultLocale),
     _useState2 = _slicedToArray(_useState, 2),
@@ -45,9 +46,11 @@ var AllProvider = function AllProvider(_ref) {
     if (locale && locales[locale]) {
       moment.locale(locales[locale].momentLocal);
     }
-  }, [locale]);
+  }, [locale, locales]);
   var nowLocalInfo = locales[locale] || {};
-  if (locale === 'en') {
+
+  // 文案按UX规范，原始为 No Data && 兼容老版本
+  if (['en', 'en_US'].includes(locale)) {
     if (nowLocalInfo.antdLocale) {
       nowLocalInfo.antdLocale.Empty.description = 'No data';
     }
@@ -57,8 +60,12 @@ var AllProvider = function AllProvider(_ref) {
     autoInsertSpaceInButton: false
   }, resProps);
   var Antd4Local = {
-    'zh': zh_antd,
-    'en': en_antd
+    zh_CN_antd: zh_CN_antd,
+    zh_TW_antd: zh_TW_antd,
+    en_US_antd: en_US_antd,
+    // 兼容老版本
+    zh: zh_CN_antd,
+    en: en_US_antd
   };
   return /*#__PURE__*/React.createElement(Provider, {
     value: {

package/lib/ConfigProvider/Switch.js

@@ -1,19 +1,24 @@
-import "antd/es/button/style";
-import _Button from "antd/es/button";
+import _Select from "@chaoswise/ui/lib/Antd/Select";
 import React from 'react';
 import useLocale from './useLocale';
+var LANG_LIST = [{
+  label: '简体中文',
+  value: 'zh_CN'
+}, {
+  label: '繁体中文',
+  value: 'zh_TW'
+}, {
+  label: 'English',
+  value: 'en_US'
+}];
 var Switch = function Switch(_ref) {
   var render = _ref.render;
   var _useLocale = useLocale(),
     locale = _useLocale.locale,
     setLocale = _useLocale.setLocale,
     locales = _useLocale.locales;
-  var toggleLocal = function toggleLocal() {
-    if (locale === 'en') {
-      setLocale('zh');
-    } else {
-      setLocale('en');
-    }
+  var onLangChange = function onLangChange(locale) {
+    setLocale(locale);
   };
   if (render) {
     return render({
@@ -22,8 +27,21 @@ var Switch = function Switch(_ref) {
       locales: locales
     });
   }
-  return /*#__PURE__*/React.createElement(_Button, {
-    onClick: toggleLocal
-  }, "\u8BED\u8A00\u5207\u6362");
+  return (
+    /*#__PURE__*/
+    // <Button onClick={toggleLocal}>语言切换</Button>
+    React.createElement(_Select, {
+      defaultValue: "zh_CN",
+      style: {
+        width: 100
+      },
+      onChange: onLangChange
+    }, LANG_LIST.map(function (item) {
+      return /*#__PURE__*/React.createElement(_Select.Option, {
+        key: item.value,
+        value: item.value
+      }, item.label);
+    }))
+  );
 };
 export default Switch;

package/lib/DateRangePicker/components/ExtraQuickFooter.js

@@ -1,10 +1,12 @@
-import "antd/es/button/style";
-import _Button from "antd/es/button";
-import "antd/es/tooltip/style";
-import _Tooltip from "antd/es/tooltip";
-import React, { Fragment } from 'react';
-import classnames from 'classnames';
-import { getLocale } from '../locale/index';
+import "@chaoswise/ui/lib/Button/index.less";
+import _Button from "@chaoswise/ui/lib/Button";
+import "@chaoswise/ui/lib/Tooltip/index.less";
+import _Tooltip from "@chaoswise/ui/lib/Tooltip";
+import _useLocale2 from "@chaoswise/ui/lib/useLocale";
+import React from "react";
+import classnames from "classnames";
+import langConfig from '../locale';
+import { formatMessage } from "../../utils";
 export default function ExtraFooter(_ref) {
   var firstFewArr = _ref.firstFewArr,
     moreArr = _ref.moreArr,
@@ -25,14 +27,16 @@ export default function ExtraFooter(_ref) {
     quickOverlayStyle = _ref.quickOverlayStyle,
     quickMoreItemClassName = _ref.quickMoreItemClassName,
     quickMoreItemStyle = _ref.quickMoreItemStyle;
+  var _useLocale = _useLocale2(langConfig),
+    localeObj = _useLocale.langObj;
   //渲染快速选择每一项
   var renderItem = function renderItem(data) {
     return /*#__PURE__*/React.createElement(React.Fragment, null, data.map(function (item) {
       return /*#__PURE__*/React.createElement("span", {
-        className: 'cw-presetRange-item-wrapper'
+        className: "cw-presetRange-item-wrapper"
       }, /*#__PURE__*/React.createElement("span", {
         key: item.value,
-        className: classnames('cw-presetRange-item', quickItemClassName),
+        className: classnames("cw-presetRange-item", quickItemClassName),
         style: quickItemStyle,
         onClick: function onClick(e) {
           return quickClick(e, item);
@@ -43,39 +47,39 @@ export default function ExtraFooter(_ref) {
   return /*#__PURE__*/React.createElement("div", {
     className: "cw-rangePicker-extraQuickContainer",
     style: !quickSelect && !showOperation ? {
-      display: 'none'
+      display: "none"
     } : {}
   }, quickSelect ? /*#__PURE__*/React.createElement("div", {
     className: classnames("cw-rangePicker-quickSelect", quickSelectClassName),
     style: quickSelectStyle
   }, /*#__PURE__*/React.createElement("div", {
-    className: 'cw-presetRange-wrapper'
+    className: "cw-presetRange-wrapper"
   }, renderItem(firstFewArr), moreArr.length === 0 ? null : /*#__PURE__*/React.createElement(_Tooltip, {
     placement: "topRight",
     title: renderItem(moreArr),
     overlayClassName: classnames({
-      'cw-presetRange-toolTip': moreArr.length > 1,
-      'cw-presetRange-toolTip-onlyOne': moreArr.length === 1
+      "cw-presetRange-toolTip": moreArr.length > 1,
+      "cw-presetRange-toolTip-onlyOne": moreArr.length === 1
     }, quickOverlayClassName),
     overlayStyle: quickOverlayStyle,
-    trigger: ['hover'],
+    trigger: ["hover"],
     getPopupContainer: function getPopupContainer(e) {
       return e.parentElement;
     }
   }, /*#__PURE__*/React.createElement("span", {
-    className: classnames('cw-presetRange-more', quickMoreItemClassName),
+    className: classnames("cw-presetRange-more", quickMoreItemClassName),
     style: quickMoreItemStyle
-  }, getLocale(locale).more)))) : null, showOperation ? /*#__PURE__*/React.createElement("div", {
+  }, formatMessage(localeObj["more"]))))) : null, showOperation ? /*#__PURE__*/React.createElement("div", {
     className: "cw-rangePicker-operation"
   }, /*#__PURE__*/React.createElement(_Button, {
     className: "cw-operation-cancel",
     onClick: onCancel,
-    size: 'small'
-  }, getLocale(locale).cancel), /*#__PURE__*/React.createElement(_Button, {
+    size: "small"
+  }, formatMessage(localeObj["cancel"])), /*#__PURE__*/React.createElement(_Button, {
     type: "primary",
     className: "cw-operation-confirm",
-    size: 'small',
+    size: "small",
     disabled: disabledConfirm,
     onClick: disabledConfirm ? function () {} : onOk
-  }, getLocale(locale).confirm)) : null);
+  }, formatMessage(localeObj["confirm"]))) : null);
 }

package/lib/DateRangePicker/locale/index.js

@@ -1,12 +1,11 @@
-import zhCN from './zh_CN.js';
-import enUS from './en_US.js';
-export var getLocale = function getLocale(locale) {
-  switch (locale) {
-    case 'zh':
-      return zhCN;
-    case 'en':
-      return enUS;
-    default:
-      return zhCN;
-  }
+import zh_CN from './zh_CN.js';
+import en_US from './en_US.js';
+import zh_TW from './zh_TW.js';
+export default {
+  zh_CN: zh_CN,
+  en_US: en_US,
+  zh_TW: zh_TW,
+  // 兼容
+  zh: zh_CN,
+  en: en_US
 };

package/lib/DateRangePicker/locale/zh_TW.js

@@ -0,0 +1,5 @@
+export default {
+  confirm: '確定',
+  cancel: '取消',
+  more: '更多'
+};

package/lib/DropdownDatePicker/DropdownMenu/MoreTimeList/index.js

@@ -2,20 +2,19 @@ import _Row from "@chaoswise/ui/lib/Antd/Row";
 import _Col from "@chaoswise/ui/lib/Antd/Col";
 import "@chaoswise/ui/lib/TooltipText/index.less";
 import _TooltipText from "@chaoswise/ui/lib/TooltipText";
-import _ConfigProvider from "@chaoswise/ui/lib/ConfigProvider";
+import _useLocale2 from "@chaoswise/ui/lib/useLocale";
 import React from "react";
 import classnames from "classnames";
-import { getLocale } from "../../locale";
 import _ from "lodash";
+import langConfig from '../../locale';
+import { formatMessage } from "../../../utils";
 import "./index.less";
 var MoreTimeList = function MoreTimeList(props) {
   var regroupDataSource = props.regroupDataSource,
     recordDateValue = props.recordDateValue,
     onClickItem = props.onClickItem;
-  var _ConfigProvider$useLo = _ConfigProvider.useLocale(),
-    _ConfigProvider$useLo2 = _ConfigProvider$useLo.locale,
-    locale = _ConfigProvider$useLo2 === void 0 ? "zh" : _ConfigProvider$useLo2;
-  var localeObj = getLocale(locale);
+  var _useLocale = _useLocale2(langConfig),
+    localeObj = _useLocale.langObj;
   // 点击Menu.Item中切换常规模式
   var onClickMoreItem = function onClickMoreItem(item) {
     onClickItem(item);
@@ -29,7 +28,7 @@ var MoreTimeList = function MoreTimeList(props) {
         borderBottom: regroupDataSource.length - 1 !== index ? "1px solid rgba(0,0,0,0.06)" : ""
       },
       key: timeTypeItem.type
-    }, /*#__PURE__*/React.createElement("h3", null, localeObj[timeTypeItem.type]), /*#__PURE__*/React.createElement(_Row, null, timeTypeItem.timeList.map(function (item) {
+    }, /*#__PURE__*/React.createElement("h3", null, formatMessage(localeObj[timeTypeItem.type])), /*#__PURE__*/React.createElement(_Row, null, timeTypeItem.timeList.map(function (item) {
       return /*#__PURE__*/React.createElement(_Col, {
         key: item.key,
         span: timeTypeItem.type === "absolute" || timeTypeItem.type == "unixTimestamp" ? 12 : 8,

package/lib/DropdownDatePicker/DropdownMenu/index.js

@@ -1,7 +1,7 @@
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 import _Dropdown from "@chaoswise/ui/lib/Antd/Dropdown";
 import _Icon from "@chaoswise/ui/lib/Antd/Icon";
-import _ConfigProvider from "@chaoswise/ui/lib/ConfigProvider";
+import _useLocale2 from "@chaoswise/ui/lib/useLocale";
 var _excluded = ["timeDomain", "number", "unit", "value", "isRecently"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -12,13 +12,14 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 import React from "react";
 import classnames from "classnames";
-import { getLocale } from "../locale";
 import Calendar2Svg from "../assets/Calendar2";
 import LiveSvg from "../assets/live";
 import MoreSvg from "../assets/more";
 import MoreTimeList from "./MoreTimeList";
 import { funcValueChangeArrayValue, getCorrectValue } from "../utils";
 import _ from "lodash";
+import langConfig from '../locale';
+import { formatMessage } from "../../utils";
 import "./index.less";
 var DropdownMenu = function DropdownMenu(props) {
   var dataSource = props.dataSource,
@@ -30,10 +31,8 @@ var DropdownMenu = function DropdownMenu(props) {
     onChange = props.onChange,
     menuOption = props.menuOption,
     setIsFocus = props.setIsFocus;
-  var _ConfigProvider$useLo = _ConfigProvider.useLocale(),
-    _ConfigProvider$useLo2 = _ConfigProvider$useLo.locale,
-    locale = _ConfigProvider$useLo2 === void 0 ? "zh" : _ConfigProvider$useLo2;
-  var localeObj = getLocale(locale);
+  var _useLocale = _useLocale2(langConfig),
+    localeObj = _useLocale.langObj;
   var _menuOption$showCalen = menuOption.showCalendar,
     showCalendar = _menuOption$showCalen === void 0 ? true : _menuOption$showCalen,
     _menuOption$showDefau = menuOption.showDefaultCount,
@@ -107,7 +106,7 @@ var DropdownMenu = function DropdownMenu(props) {
     style: {
       marginLeft: "4px"
     }
-  }, localeObj.more)), /*#__PURE__*/React.createElement(_Icon, {
+  }, formatMessage(localeObj["more"]))), /*#__PURE__*/React.createElement(_Icon, {
     type: "right"
   }))), showCalendar && /*#__PURE__*/React.createElement("div", {
     className: classnames("cw-dropdown-date-picker-dropdown-menu-_item"),
@@ -121,6 +120,6 @@ var DropdownMenu = function DropdownMenu(props) {
     style: {
       marginLeft: "4px"
     }
-  }, localeObj["select-calendar"])));
+  }, formatMessage(localeObj["select-calendar"]))));
 };
 export default DropdownMenu;

package/lib/DropdownDatePicker/index.js

@@ -8,7 +8,7 @@ import "@chaoswise/ui/lib/RangePicker/index.less";
 import _RangePicker from "@chaoswise/ui/lib/RangePicker";
 import "@chaoswise/ui/lib/Tooltip/index.less";
 import _Tooltip from "@chaoswise/ui/lib/Tooltip";
-import _ConfigProvider from "@chaoswise/ui/lib/ConfigProvider";
+import _useLocale2 from "@chaoswise/ui/lib/useLocale";
 var _excluded = ["inputPrefixIcon", "className"],
   _excluded2 = ["value"],
   _excluded3 = ["value"];
@@ -32,11 +32,12 @@ import classnames from "classnames";
 import DropDownMenu from "./DropdownMenu";
 import LiveSvg from "./assets/live";
 import RecoverSvg from "./assets/Recover";
-import { getLocale } from "./locale";
 import _ from "lodash";
 import { regroupDataSourceFn, echoInputValue, isEmptyObject, funcValueChangeArrayValue, getCorrectValue } from "./utils";
 import moment from "moment";
 import { v4 as uuidv4 } from 'uuid';
+import langConfig from './locale';
+import { formatMessage } from "../utils";
 import "./index.less";
 var DropdownDatePicker = /*#__PURE__*/forwardRef(function (props, ref) {
   var defaultValue = props.defaultValue,
@@ -53,10 +54,10 @@ var DropdownDatePicker = /*#__PURE__*/forwardRef(function (props, ref) {
     _props$format = props.format,
     format = _props$format === void 0 ? "YYYY/MM/DD HH:mm:ss" : _props$format,
     recordDateValueRender = props.recordDateValueRender;
-  var _ConfigProvider$useLo = _ConfigProvider.useLocale(),
-    _ConfigProvider$useLo2 = _ConfigProvider$useLo.locale,
-    locale = _ConfigProvider$useLo2 === void 0 ? "zh" : _ConfigProvider$useLo2;
-  var localeObj = getLocale(locale);
+  var _useLocale = _useLocale2(langConfig),
+    localeObj = _useLocale.langObj,
+    _useLocale$locale = _useLocale.locale,
+    locale = _useLocale$locale === void 0 ? "zh_CN" : _useLocale$locale;
   var _menuOption$showCalen = menuOption.showCalendar,
     showCalendar = _menuOption$showCalen === void 0 ? true : _menuOption$showCalen,
     _menuOption$isRangePi = menuOption.isRangePickerCalendar,
@@ -195,7 +196,7 @@ var DropdownDatePicker = /*#__PURE__*/forwardRef(function (props, ref) {
   }, [recordDateValue, dateValue]);
   // 输入框尾缀图标
   var inputSuffix = !isEqual && /*#__PURE__*/React.createElement(_Tooltip, {
-    title: localeObj.recover
+    title: formatMessage(localeObj["recover"])
   }, /*#__PURE__*/React.createElement(RecoverSvg, {
     onClick: onRecover,
     className: classnames("cw-dropdown-date-picker-suffix-recover")

package/lib/DropdownDatePicker/locale/index.js

@@ -1,12 +1,11 @@
-import zhCN from './zh_CN.js';
-import enUS from './en_US.js';
-export var getLocale = function getLocale(locale) {
-  switch (locale) {
-    case 'zh':
-      return zhCN;
-    case 'en':
-      return enUS;
-    default:
-      return zhCN;
-  }
+import zh_CN from './zh_CN.js';
+import en_US from './en_US.js';
+import zh_TW from './zh_TW.js';
+export default {
+  zh_CN: zh_CN,
+  en_US: en_US,
+  zh_TW: zh_TW,
+  // 兼容
+  zh: zh_CN,
+  en: en_US
 };

package/lib/DropdownDatePicker/locale/zh_TW.js

@@ -0,0 +1,21 @@
+export default {
+  recover: "恢復默認值",
+  s: "秒",
+  m: "分鐘",
+  h: "小時",
+  d: "天",
+  mo: "個月",
+  y: "年",
+  more: "更多",
+  "select-calendar": "日曆選擇",
+  recently: "最近",
+  relative: "相對",
+  absolute: "絕對",
+  unixTimestamp: "Unix",
+  other: "其他",
+  history: "歷史記錄",
+  clear: "清空",
+  "enter manually": "可根據以下類型，按查詢語句格式手動輸入",
+  "fit-the-input-format": "符合輸入格式",
+  "does-not-match-the-input-format": "不符合輸入格式,請重新輸入"
+};

package/lib/DropdownDatePicker/utils/index.js

@@ -109,7 +109,8 @@ export var judgeType = function judgeType(recordDateValue) {
   return [isRule, captureUnit, recordUnit];
 };
 export var echoRecentlyTimeTitle = function echoRecentlyTimeTitle(locale, captureUnit) {
-  if (locale == "zh") {
+  // todo： 需要优化
+  if (locale == "zh_CN" || locale == "zh" || locale == "zh_TW") {
     if (captureUnit[1] === "mo") {
       return "\u6700\u8FD1".concat(captureUnit[0], "\u4E2A").concat(ENUM_TimeUnit.mo[2]);
     }
@@ -120,6 +121,7 @@ export var echoRecentlyTimeTitle = function echoRecentlyTimeTitle(locale, captur
     }
     return "Past ".concat(captureUnit[0], " ").concat(ENUM_TimeUnit[captureUnit[1]][1]);
   }
+  ƒ;
 };
 export var echoAbsoluteTimeTitle = function echoAbsoluteTimeTitle(value, format) {
   var hasTimeSpan = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
@@ -136,7 +138,7 @@ export var echoAbsoluteTimeTitle = function echoAbsoluteTimeTitle(value, format)
 export var echoInputValue = function echoInputValue() {
   var _value;
   var recordDateValue = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  var locale = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "zh";
+  var locale = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "zh_CN";
   var format = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : "YYYY/MM/DD HH:mm:ss";
   var recordDateValueRender = arguments.length > 3 ? arguments[3] : undefined;
   var values = recordDateValue.value,

package/lib/Empty/index.js

@@ -1,4 +1,4 @@
-import _ConfigProvider from "@chaoswise/ui/lib/ConfigProvider";
+import _useLocale2 from "@chaoswise/ui/lib/useLocale";
 import "antd/es/empty/style";
 import _Empty from "antd/es/empty";
 var _excluded = ["image", "onlyDescription", "description"];
@@ -8,8 +8,9 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 import classnames from "classnames";
-import { getLocale } from "./locale";
 import { cloneComProps } from "../utils";
+import langConfig from './locale';
+import { formatMessage } from "../utils";
 import "./index.less";
 var CWEmpty = /*#__PURE__*/forwardRef(function (props, ref) {
   var _props$image = props.image,
@@ -18,16 +19,14 @@ var CWEmpty = /*#__PURE__*/forwardRef(function (props, ref) {
     onlyDescription = _props$onlyDescriptio === void 0 ? false : _props$onlyDescriptio,
     description = props.description,
     rest = _objectWithoutProperties(props, _excluded);
-  var _ConfigProvider$useLo = _ConfigProvider.useLocale(),
-    _ConfigProvider$useLo2 = _ConfigProvider$useLo.locale,
-    locale = _ConfigProvider$useLo2 === void 0 ? "zh" : _ConfigProvider$useLo2;
-  var localeObj = getLocale(locale);
+  var _useLocale = _useLocale2(langConfig),
+    localeObj = _useLocale.langObj;
   if (onlyDescription) {
     return /*#__PURE__*/React.createElement("div", {
       className: classnames({
         "cw-empty-only-description": true
       }, rest.className)
-    }, /*#__PURE__*/React.createElement("div", null, description ? description : localeObj.nodata), props.children && /*#__PURE__*/React.createElement("div", {
+    }, /*#__PURE__*/React.createElement("div", null, description ? description : formatMessage(localeObj["nodata"])), props.children && /*#__PURE__*/React.createElement("div", {
       style: {
         marginTop: "16px"
       }

package/lib/Empty/locale/index.js

@@ -1,12 +1,11 @@
-import zhCN from './zh_CN.js';
-import enUS from './en_US.js';
-export var getLocale = function getLocale(locale) {
-  switch (locale) {
-    case 'zh':
-      return zhCN;
-    case 'en':
-      return enUS;
-    default:
-      return zhCN;
-  }
+import zh_CN from './zh_CN.js';
+import en_US from './en_US.js';
+import zh_TW from './zh_TW.js';
+export default {
+  zh_CN: zh_CN,
+  en_US: en_US,
+  zh_TW: zh_TW,
+  // 兼容
+  zh: zh_CN,
+  en: en_US
 };

package/lib/Empty/locale/zh_TW.js

@@ -0,0 +1,3 @@
+export default {
+  nodata: '暫無數據'
+};

package/lib/Exception/index.js

@@ -1,8 +1,9 @@
-import _ConfigProvider from "@chaoswise/ui/lib/ConfigProvider";
+import _useLocale2 from "@chaoswise/ui/lib/useLocale";
 import React from "react";
 import classNames from "classnames";
 import PropTypes from "prop-types";
-import { getLocale } from "./locale";
+import langConfig from './locale';
+import { formatMessage } from "../utils";
 import ErrorImg from "./images/error.svg";
 import "./index.less";
 /**
@@ -18,30 +19,28 @@ function Exception(_ref) {
     children = _ref.children,
     errorTitle = _ref.errorTitle,
     errorText = _ref.errorText;
-  var _ConfigProvider$useLo = _ConfigProvider.useLocale(),
-    _ConfigProvider$useLo2 = _ConfigProvider$useLo.locale,
-    locale = _ConfigProvider$useLo2 === void 0 ? "zh" : _ConfigProvider$useLo2;
-  var localeObj = getLocale(locale);
+  var _useLocale = _useLocale2(langConfig),
+    localeObj = _useLocale.langObj;
   var ExceptionType = {
     403: {
       title: "403",
-      text: localeObj["403"]
+      text: formatMessage(localeObj["403"])
     },
     404: {
       title: "404",
-      text: "".concat(localeObj["404"])
+      text: formatMessage(localeObj["404"])
     },
     500: {
       title: "500",
-      text: "".concat(localeObj["500"])
+      text: formatMessage(localeObj["500"])
     },
     loadFail: {
-      title: locale == "zh" ? "加载失败" : "Load failed",
-      text: "".concat(localeObj["loadFail"])
+      title: formatMessage(localeObj["loadFailTitle"]),
+      text: formatMessage(localeObj["loadFail"])
     },
     incompatible: {
-      title: locale == "zh" ? "浏览器不兼容" : "Browser incompatible",
-      text: "".concat(localeObj["incompatible"])
+      title: formatMessage(localeObj["incompatibleTitle"]),
+      text: formatMessage(localeObj["incompatible"])
     }
   };
   var currentException = ExceptionType[type] ? ExceptionType[type] : ExceptionType["500"];

package/lib/Exception/locale/en_US.js

@@ -3,5 +3,7 @@ export default {
   404: 'The page is lost and the platform is retrieving it',
   500: 'The server can‘t keep up. The platform is under urgent repair',
   loadFail: 'Something went wrong. The platform is under urgent repair',
-  incompatible: 'The browser version is too early.  We recommended that upgrade the browser to avoid potential security risks'
+  incompatible: 'The browser version is too early.  We recommended that upgrade the browser to avoid potential security risks',
+  loadFailTitle: "Load failed",
+  incompatibleTitle: "Browser incompatible"
 };

package/lib/Exception/locale/index.js

@@ -1,12 +1,11 @@
-import zhCN from './zh_CN.js';
-import enUS from './en_US.js';
-export var getLocale = function getLocale(locale) {
-  switch (locale) {
-    case 'zh':
-      return zhCN;
-    case 'en':
-      return enUS;
-    default:
-      return zhCN;
-  }
+import zh_CN from './zh_CN.js';
+import en_US from './en_US.js';
+import zh_TW from './zh_TW.js';
+export default {
+  zh_CN: zh_CN,
+  en_US: en_US,
+  zh_TW: zh_TW,
+  // 兼容
+  zh: zh_CN,
+  en: en_US
 };

package/lib/Exception/locale/zh_CN.js

@@ -3,5 +3,7 @@ export default {
   404: '页面走丢了，平台正在找回页面',
   500: '服务器无法跟上您的脚步，平台正在紧急抢修',
   loadFail: '出错了，平台正在紧急抢修',
-  incompatible: '浏览器版本过低，为避免可能存在的安全隐患，推荐升级一下浏览器'
+  incompatible: '浏览器版本过低，为避免可能存在的安全隐患，推荐升级一下浏览器',
+  loadFailTitle: "加载失败",
+  incompatibleTitle: "浏览器不兼容"
 };