@chaoswise/ui 2.3.18 → 2.4.0

package/lib/Exception/locale/zh_TW.js

@@ -0,0 +1,9 @@
+export default {
+  403: '抱歉無權訪問此頁面/內容',
+  404: '頁面走丟了，平臺正在找回頁面',
+  500: '服務器無法跟上您的腳步，平臺正在緊急搶修',
+  loadFail: '出錯了，平臺正在緊急搶修',
+  incompatible: '瀏覽器版本過低，爲避免可能存在的安全隱患，推薦升級一下瀏覽器',
+  loadFailTitle: "加載失敗",
+  incompatibleTitle: "瀏覽器不兼容"
+};

package/lib/FilterDropDown/index.js

@@ -3,7 +3,7 @@ import _Button from "@chaoswise/ui/lib/Button";
 import _Row from "@chaoswise/ui/lib/Antd/Row";
 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";
 import "@chaoswise/ui/lib/Checkbox/index.less";
 import _Checkbox from "@chaoswise/ui/lib/Checkbox";
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
@@ -22,9 +22,10 @@ import classnames from "classnames";
 import PropTypes from "prop-types";
 import { HTML5Backend } from "react-dnd-html5-backend";
 import { DndProvider } from "react-dnd";
-import { getLocale } from "./locale";
 import useConfigContext from "../useConfigContext";
 import ShowSvgIcon from "./assets/ShowSvgIcon";
+import langConfig from './locale';
+import { formatMessage } from "../utils";
 import "./index.less";
 var CheckboxGroup = _Checkbox.Group;
 function FilterDropDown(props) {
@@ -68,10 +69,8 @@ function FilterDropDown(props) {
     _useState8 = _slicedToArray(_useState7, 2),
     filterOptions = _useState8[0],
     setFilterOptions = _useState8[1];
-  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 _useConfigContext = useConfigContext(),
     getPrefixCls = _useConfigContext.getPrefixCls;
   var prefixCls = getPrefixCls();
@@ -195,7 +194,7 @@ function FilterDropDown(props) {
       className: "cw-dropdown-select-all",
       indeterminate: _checkedList.length !== filterOptions.length && !!_checkedList.length,
       checked: _checkedList.length === filterOptions.length
-    }, localeObj["selectAll"], "(", _checkedList.length, "/", filterOptions.length, ")"), /*#__PURE__*/React.createElement(CheckboxGroup, {
+    }, formatMessage(localeObj["selectAll"]), "(", _checkedList.length, "/", filterOptions.length, ")"), /*#__PURE__*/React.createElement(CheckboxGroup, {
       value: _checkedList,
       onChange: onChange
     }, /*#__PURE__*/React.createElement(_Row, null, setCheckOptions())));

package/lib/FilterDropDown/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/FilterDropDown/locale/zh_TW.js

@@ -0,0 +1,3 @@
+export default {
+  selectAll: '全選'
+};

package/lib/Header/UserSetting/index.js

@@ -11,6 +11,13 @@ import React, { useEffect, useState } from 'react';
 import TenantList from './TenantList';
 import TenantTree from './TenantTree';
 import axios from 'axios';
+var localOptionsMap = {
+  zh: "title",
+  zh_CN: "title",
+  zh_TW: "zh_TW_Title",
+  en: "enTitle",
+  en_US: "enTitle"
+};
 function UserSetting(_ref) {
   var option = _ref.option;
   if (!option) {
@@ -18,7 +25,7 @@ function UserSetting(_ref) {
   }
   var _ConfigProvider$useLo = _ConfigProvider.useLocale(),
     _ConfigProvider$useLo2 = _ConfigProvider$useLo.locale,
-    locale = _ConfigProvider$useLo2 === void 0 ? 'zh' : _ConfigProvider$useLo2;
+    locale = _ConfigProvider$useLo2 === void 0 ? 'zh_CN' : _ConfigProvider$useLo2;
   var _useState = useState([]),
     _useState2 = _slicedToArray(_useState, 2),
     myTenantList = _useState2[0],
@@ -87,16 +94,19 @@ function UserSetting(_ref) {
     key: 'user-setting',
     title: '个人设置',
     enTitle: 'Personal settings',
+    zh_TW_Title: "個人設置",
     icon: 'setting'
   }, {
     key: 'lock-screen',
     title: '开启锁屏',
     enTitle: 'Enable screen lock',
+    zh_TW_Title: "開啓鎖屏",
     icon: 'lock'
   }, {
     key: 'switch-tenant',
     title: '切换租户',
     enTitle: 'Switch tenant',
+    zh_TW_Title: "切換租戶",
     icon: 'swap',
     showRight: true,
     noEvent: true,
@@ -112,6 +122,7 @@ function UserSetting(_ref) {
     key: 'sub-tenant',
     title: '子租户',
     enTitle: 'Go to subtenant',
+    zh_TW_Title: "子租戶",
     icon: 'login',
     showRight: true,
     noEvent: true,
@@ -127,6 +138,7 @@ function UserSetting(_ref) {
     key: 'logout',
     title: '退出',
     enTitle: 'Logout',
+    zh_TW_Title: "退出",
     icon: 'poweroff'
   }];
   return /*#__PURE__*/React.createElement(_Popover, {
@@ -155,7 +167,7 @@ function UserSetting(_ref) {
         type: item.icon
       }), /*#__PURE__*/React.createElement("span", {
         className: "cw-user-setting-item"
-      }, locale === 'zh' ? item.title : item.enTitle), item.showRight && /*#__PURE__*/React.createElement(_Icon, {
+      }, item[localOptionsMap[locale]]), item.showRight && /*#__PURE__*/React.createElement(_Icon, {
         type: "right",
         style: {
           marginLeft: 4,

package/lib/IconSelect/components/CustomImg/index.js

@@ -4,19 +4,18 @@ import "@chaoswise/ui/lib/Button/index.less";
 import _Button from "@chaoswise/ui/lib/Button";
 import "@chaoswise/ui/lib/message/index.less";
 import _message from "@chaoswise/ui/lib/message";
-import _ConfigProvider from "@chaoswise/ui/lib/ConfigProvider";
+import _useLocale2 from "@chaoswise/ui/lib/useLocale";
 import React from "react";
-import { getLocale } from "../../locale";
+import langConfig from '../../locale';
+import { formatMessage } from "../../../utils";
 import "./index.less";
 var CustomImg = function CustomImg(_ref) {
   var onChange = _ref.onChange,
     iconInfo = _ref.iconInfo,
     setCustomFileInfo = _ref.setCustomFileInfo,
     customFileInfo = _ref.customFileInfo;
-  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 beforeUpload = function beforeUpload(file) {
     var type = file.type,
       size = file.size;
@@ -30,15 +29,15 @@ var CustomImg = function CustomImg(_ref) {
       return size > 2 * 1024 * 1024;
     };
     if (checkTypeIsImage()) {
-      _message.error(localeObj["icon-select-custom-type"]);
+      _message.error(formatMessage(localeObj["icon-select-custom-type"]));
       return false;
     }
     if (checkSizeIsNull()) {
-      _message.error(localeObj["icon-select-custom-null"]);
+      _message.error(formatMessage(localeObj["icon-select-custom-null"]));
       return false;
     }
     if (checkSizeIsBig()) {
-      _message.error(localeObj["icon-select-custom-length"]);
+      _message.error(formatMessage(localeObj["icon-select-custom-length"]));
       return false;
     }
     var reader = new FileReader();
@@ -59,7 +58,7 @@ var CustomImg = function CustomImg(_ref) {
     };
 
     reader.onerror = function () {
-      _message.error(localeObj["icon-select-custom-fail"]);
+      _message.error(formatMessage(localeObj["icon-select-custom-fail"]));
     };
     return false;
   };
@@ -86,8 +85,8 @@ var CustomImg = function CustomImg(_ref) {
     className: "custom-img"
   }, /*#__PURE__*/React.createElement(_Button, {
     icon: "upload"
-  }, localeObj["icon-select-custom-upload"]), /*#__PURE__*/React.createElement("div", {
+  }, formatMessage(localeObj["icon-select-custom-upload"])), /*#__PURE__*/React.createElement("div", {
     className: "custom-img-tip"
-  }, localeObj["icon-select-custom-img-tip"])))));
+  }, formatMessage(localeObj["icon-select-custom-img-tip"]))))));
 };
 export default CustomImg;

package/lib/IconSelect/components/SearchIcon/index.js

@@ -4,7 +4,7 @@ import "@chaoswise/ui/lib/Tooltip/index.less";
 import _Tooltip from "@chaoswise/ui/lib/Tooltip";
 import "@chaoswise/ui/lib/Input/index.less";
 import _Input from "@chaoswise/ui/lib/Input";
-import _ConfigProvider from "@chaoswise/ui/lib/ConfigProvider";
+import _useLocale2 from "@chaoswise/ui/lib/useLocale";
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
@@ -13,9 +13,10 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import React, { useEffect, useState, useMemo } from "react";
 import Icon from "@icon-park/react/es/all";
-import { getLocale } from "../../locale";
 import { iconData } from "../../constants/icon";
 import classnames from "classnames";
+import langConfig from '../../locale';
+import { formatMessage } from "../../../utils";
 import "./index.less";
 var SearchIcon = function SearchIcon(_ref) {
   var iconInfo = _ref.iconInfo,
@@ -28,10 +29,10 @@ var SearchIcon = function SearchIcon(_ref) {
     _useState2 = _slicedToArray(_useState, 2),
     iconList = _useState2[0],
     setIconList = _useState2[1];
-  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 iconSelectList = useMemo(function () {
     return iconData.filter(function (item) {
       return category.includes(item.category);
@@ -69,14 +70,15 @@ var SearchIcon = function SearchIcon(_ref) {
   }, /*#__PURE__*/React.createElement("div", {
     className: "icon-selsect-search"
   }, /*#__PURE__*/React.createElement(_Input.Search, {
-    placeholder: localeObj["icon-select-store-icon-search"],
+    placeholder: formatMessage(localeObj["icon-select-store-icon-search"]),
     onChange: onSearch,
     allowClear: true
   })), /*#__PURE__*/React.createElement("div", {
     className: "icon-selsect-content"
   }, iconList.length > 0 ? iconList.map(function (item) {
     return /*#__PURE__*/React.createElement(_Tooltip, {
-      title: locale === "zh" ? item.title : item.name,
+      title: locale === "zh" || locale === "zh_CN" || locale === "zh_TW" ? item.title : item.name // todo 繁体未做
+      ,
       key: item.name
     }, /*#__PURE__*/React.createElement("div", {
       key: item.name,

package/lib/IconSelect/index.js

@@ -2,7 +2,7 @@ import _Dropdown from "@chaoswise/ui/lib/Antd/Dropdown";
 import "@chaoswise/ui/lib/Button/index.less";
 import _Button from "@chaoswise/ui/lib/Button";
 import _Space from "@chaoswise/ui/lib/Space";
-import _ConfigProvider from "@chaoswise/ui/lib/ConfigProvider";
+import _useLocale2 from "@chaoswise/ui/lib/useLocale";
 import "@chaoswise/ui/lib/Tabs/index.less";
 import _Tabs from "@chaoswise/ui/lib/Tabs";
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
@@ -15,7 +15,8 @@ import React, { useEffect, useState } from "react";
 import Icon from "@icon-park/react/es/all";
 import CustomImg from "./components/CustomImg";
 import SearchIcon from "./components/SearchIcon";
-import { getLocale } from "./locale";
+import langConfig from './locale';
+import { formatMessage } from "../utils";
 import "./index.less";
 import PropTypes from "prop-types";
 var TabPane = _Tabs.TabPane;
@@ -40,10 +41,8 @@ function IconSelect(_ref) {
     customFileInfo = _useState6[0],
     setCustomFileInfo = _useState6[1]; //组件图标数据集合
 
-  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 _value = value || defaultValue;
 
   //切换tab
@@ -75,7 +74,7 @@ function IconSelect(_ref) {
     className: "icon-select-dropdown-tabs"
   }, /*#__PURE__*/React.createElement(TabPane, {
     key: "icon",
-    tab: localeObj["icon-select-store-icon"]
+    tab: formatMessage(localeObj["icon-select-store-icon"])
   }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(SearchIcon, {
     category: category,
     iconInfo: iconInfo,
@@ -84,7 +83,7 @@ function IconSelect(_ref) {
     onChange: onChange
   }))), /*#__PURE__*/React.createElement(TabPane, {
     key: "customImg",
-    tab: localeObj["icon-select-custom-img"]
+    tab: formatMessage(localeObj["icon-select-custom-img"])
   }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(CustomImg, {
     iconInfo: iconInfo,
     customFileInfo: customFileInfo,

package/lib/IconSelect/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/IconSelect/locale/zh_TW.js

@@ -0,0 +1,11 @@
+export default {
+  "icon-select-custom-type": "暫不支持該格式文件",
+  "icon-select-custom-null": "不能上傳空文件",
+  "icon-select-custom-length": "圖片大小不超過2M",
+  "icon-select-custom-fail": "讀取文件失敗",
+  "icon-select-custom-upload": "上傳本地圖片",
+  "icon-select-store-icon": "圖標庫",
+  "icon-select-store-icon-search": "請輸入搜索關鍵字",
+  "icon-select-custom-img": "自定義圖片",
+  "icon-select-custom-img-tip": "推薦上傳40*40的PNG、SVG、JPG、JGPG,⼤⼩不超過2M"
+};

package/lib/Joyride/List.js

@@ -2,9 +2,10 @@ import _Carousel from "@chaoswise/ui/lib/Antd/Carousel";
 import _Icon from "@chaoswise/ui/lib/Antd/Icon";
 import "@chaoswise/ui/lib/Progress/index.less";
 import _Progress from "@chaoswise/ui/lib/Progress";
-import _ConfigProvider from "@chaoswise/ui/lib/ConfigProvider";
+import _useLocale2 from "@chaoswise/ui/lib/useLocale";
 import React from "react";
-import { getLocale } from './locale';
+import langConfig from './locale';
+import { formatMessage } from "../utils";
 var _ = require("lodash-es");
 function List(_ref) {
   var _ref$pageSize = _ref.pageSize,
@@ -13,10 +14,8 @@ function List(_ref) {
     data = _ref$data === void 0 ? {} : _ref$data,
     _ref$onItemClick = _ref.onItemClick,
     onItemClick = _ref$onItemClick === void 0 ? function () {} : _ref$onItemClick;
-  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 getPercent = function getPercent() {
     if (data && data.nviceGuidanceLists) {
       var finiedNum = data.nviceGuidanceLists.filter(function (item) {
@@ -30,7 +29,7 @@ function List(_ref) {
     className: "cw-joyride-taskCard"
   }, /*#__PURE__*/React.createElement("div", {
     className: "cw-joyride-taskCard-title"
-  }, localeObj['newTask']), /*#__PURE__*/React.createElement("div", {
+  }, formatMessage(localeObj['newTask'])), /*#__PURE__*/React.createElement("div", {
     className: "cw-joyride-taskCard-top",
     style: {
       marginBottom: 25
@@ -43,7 +42,7 @@ function List(_ref) {
     style: {
       marginLeft: 20
     }
-  }, localeObj['total'], " ", data.nviceGuidanceLists ? data.nviceGuidanceLists.length : 0, " ", localeObj['term'], localeObj['task'])), /*#__PURE__*/React.createElement("div", {
+  }, formatMessage(localeObj['total']), " ", data.nviceGuidanceLists ? data.nviceGuidanceLists.length : 0, " ", formatMessage(localeObj['term']), formatMessage(localeObj['task']))), /*#__PURE__*/React.createElement("div", {
     className: "cw-joyride-taskCard-bottom"
   }, /*#__PURE__*/React.createElement(_Carousel, {
     className: "joyride-carousel"
@@ -63,7 +62,7 @@ function List(_ref) {
           return onItemClick(item, index);
         },
         className: isFinish ? "cw-joyride-carousel-finish" : "cw-joyride-carousel-noFinish"
-      }, isFinish ? localeObj['completed'] : localeObj['notCompleted'], isFinish && /*#__PURE__*/React.createElement(_Icon, {
+      }, isFinish ? formatMessage(localeObj['completed']) : formatMessage(localeObj['notCompleted']), isFinish && /*#__PURE__*/React.createElement(_Icon, {
         type: "check-circle",
         theme: "filled",
         className: "cw-joyride-car-icon"

package/lib/Joyride/index.js

@@ -1,7 +1,7 @@
 import "@chaoswise/ui/lib/Modal/index.less";
 import _Modal from "@chaoswise/ui/lib/Modal";
 import _Icon from "@chaoswise/ui/lib/Antd/Icon";
-import _ConfigProvider from "@chaoswise/ui/lib/ConfigProvider";
+import _useLocale2 from "@chaoswise/ui/lib/useLocale";
 var _excluded = ["run", "steps", "beginCallback", "finishCallback", "nextCallback", "callback", "onClose", "isShowHomeModal", "isShowNextModal", "isShowFinishedModal", "onFinished", "onNextCancel", "onFinishCancel", "onWelecomCancel"];
 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); }
 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); }
@@ -25,7 +25,8 @@ import "./index.less";
 import welcomeImg from "./img/welcomeImg.png";
 import finishImg from "./img/finishImg.png";
 import List from './List';
-import { getLocale } from './locale';
+import langConfig from './locale';
+import { formatMessage } from "../utils";
 import _ from 'lodash-es';
 
 /**
@@ -61,9 +62,6 @@ function CWJoyride(_ref) {
     _ref$onWelecomCancel = _ref.onWelecomCancel,
     onWelecomCancel = _ref$onWelecomCancel === void 0 ? function () {} : _ref$onWelecomCancel,
     rest = _objectWithoutProperties(_ref, _excluded);
-  var _ConfigProvider$useLo = _ConfigProvider.useLocale(),
-    _ConfigProvider$useLo2 = _ConfigProvider$useLo.locale,
-    locale = _ConfigProvider$useLo2 === void 0 ? 'zh' : _ConfigProvider$useLo2;
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     welcomeVisible = _useState2[0],
@@ -85,7 +83,8 @@ function CWJoyride(_ref) {
     isClose = _useState10[0],
     setIsClose = _useState10[1]; // 是否点击了关闭 关闭后停止指引但是不算完成
 
-  var localeObj = getLocale(locale);
+  var _useLocale = _useLocale2(langConfig),
+    localeObj = _useLocale.langObj;
 
   // 根据受控状态控制state状态
   useEffect(function () {
@@ -157,22 +156,22 @@ function CWJoyride(_ref) {
             style: {
               color: "#8C8C8C"
             }
-          }, localeObj['skip']),
+          }, formatMessage(localeObj['skip'])),
           next: /*#__PURE__*/React.createElement("span", {
             style: {
               color: "#1890FF"
             }
-          }, localeObj['next']),
+          }, formatMessage(localeObj['next'])),
           last: /*#__PURE__*/React.createElement("span", {
             style: {
               color: "#1890FF"
             }
-          }, localeObj['last']),
+          }, formatMessage(localeObj['last'])),
           back: /*#__PURE__*/React.createElement("span", {
             style: {
               color: "#5D5D5D"
             }
-          }, localeObj['back'])
+          }, formatMessage(localeObj['back']))
         }, item.locale || {})
       });
     });
@@ -302,20 +301,20 @@ function CWJoyride(_ref) {
       color: "#000",
       fontWeight: 500
     }
-  }, localeObj['welcome']), /*#__PURE__*/React.createElement("div", {
+  }, formatMessage(localeObj['welcome'])), /*#__PURE__*/React.createElement("div", {
     style: {
       fontSize: 26,
       color: "#000",
       fontWeight: 600,
       marginBottom: 24
     }
-  }, localeObj['welcomeSystem']), /*#__PURE__*/React.createElement("span", {
+  }, formatMessage(localeObj['welcomeSystem'])), /*#__PURE__*/React.createElement("span", {
     className: "cw-joyride-back",
     onClick: welcomeHandleCancel
-  }, localeObj['notCome']), /*#__PURE__*/React.createElement("span", {
+  }, formatMessage(localeObj['notCome'])), /*#__PURE__*/React.createElement("span", {
     className: "cw-joyride-enter",
     onClick: welcomeHandleOk
-  }, localeObj['letGoBegin'], /*#__PURE__*/React.createElement(_Icon, {
+  }, formatMessage(localeObj['letGoBegin']), /*#__PURE__*/React.createElement(_Icon, {
     type: "arrow-right",
     className: "cw-joyride-icon"
   })))), /*#__PURE__*/React.createElement(_Modal, {
@@ -338,21 +337,21 @@ function CWJoyride(_ref) {
     }
   }, /*#__PURE__*/React.createElement("div", {
     className: "cw-joyride-finish-title"
-  }, localeObj['greatComplete']), /*#__PURE__*/React.createElement("div", {
+  }, formatMessage(localeObj['greatComplete'])), /*#__PURE__*/React.createElement("div", {
     style: {
       fontSize: 16,
       marginBottom: 24
     },
     className: "cw-joyride-finish-title"
-  }, localeObj['needNextTask']), /*#__PURE__*/React.createElement("div", {
+  }, formatMessage(localeObj['needNextTask'])), /*#__PURE__*/React.createElement("div", {
     className: "cw-joyride-bottom"
   }, /*#__PURE__*/React.createElement("span", {
     className: "cw-joyride-back",
     onClick: taskHandleCancel
-  }, localeObj['notContinue']), /*#__PURE__*/React.createElement("span", {
+  }, formatMessage(localeObj['notContinue'])), /*#__PURE__*/React.createElement("span", {
     className: "cw-joyride-enter",
     onClick: taskHandleOk
-  }, localeObj['continueNextTask'], /*#__PURE__*/React.createElement(_Icon, {
+  }, formatMessage(localeObj['continueNextTask']), /*#__PURE__*/React.createElement(_Icon, {
     type: "arrow-right",
     className: "cw-joyride-icon"
   }))))), /*#__PURE__*/React.createElement(_Modal, {
@@ -375,21 +374,21 @@ function CWJoyride(_ref) {
     }
   }, /*#__PURE__*/React.createElement("div", {
     className: "cw-joyride-finish-title"
-  }, localeObj['congratulations']), /*#__PURE__*/React.createElement("div", {
+  }, formatMessage(localeObj['congratulations'])), /*#__PURE__*/React.createElement("div", {
     style: {
       fontSize: 16,
       marginBottom: 24
     },
     className: "cw-joyride-finish-title"
-  }, localeObj['watchTaskAgain']), /*#__PURE__*/React.createElement("div", {
+  }, formatMessage(localeObj['watchTaskAgain'])), /*#__PURE__*/React.createElement("div", {
     className: "cw-joyride-bottom"
   }, /*#__PURE__*/React.createElement("span", {
     className: "cw-joyride-back",
     onClick: finishHandleCancel
-  }, localeObj['no']), /*#__PURE__*/React.createElement("span", {
+  }, formatMessage(localeObj['no'])), /*#__PURE__*/React.createElement("span", {
     className: "cw-joyride-enter",
     onClick: finishHandleOk
-  }, localeObj['lookAgain'], /*#__PURE__*/React.createElement(_Icon, {
+  }, formatMessage(localeObj['lookAgain']), /*#__PURE__*/React.createElement(_Icon, {
     type: "arrow-right",
     className: "cw-joyride-icon"
   }))))));

package/lib/Joyride/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/Joyride/locale/zh_TW.js

@@ -0,0 +1,25 @@
+export default {
+  'newTask': '我的新手任務',
+  'total': '共有',
+  'term': '項',
+  'task': '任務',
+  'subtasks': '子任務',
+  'completed': '已完成',
+  'notCompleted': '去完成',
+  'skip': '跳過',
+  'next': '下一步',
+  'last': '完成',
+  'back': '上一步',
+  'welcome': '歡迎來到～',
+  'welcomeSystem': '雲智慧IT服務管理系統',
+  'notCome': '我不想進入',
+  'letGoBegin': '讓我們開始新手指引吧',
+  'greatComplete': '非常好！您已經完成此任務!',
+  'needNextTask': '需要繼續下一個任務嗎?',
+  'notContinue': '不想繼續了',
+  'continueNextTask': '繼續下一個任務',
+  'congratulations': '恭喜您已經完成所有任務！',
+  'watchTaskAgain': '再看一次新手引導嗎？',
+  'no': '不了',
+  'lookAgain': '再看一次新手指引'
+};