@chaoswise/ui 2.3.17 → 2.4.0

package/lib/CWUpload/upload/Dragger.js

@@ -1,5 +1,5 @@
 import _Icon from "@chaoswise/ui/lib/Antd/Icon";
-import _ConfigProvider from "@chaoswise/ui/lib/ConfigProvider";
+import _useLocale2 from "@chaoswise/ui/lib/useLocale";
 var __rest = this && this.__rest || function (s, e) {
   var t = {};
   for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
@@ -19,15 +19,14 @@ var __rest = this && this.__rest || function (s, e) {
 // @ts-nocheck
 import * as React from "react";
 import Upload from "./Upload";
-import { getLocale } from "../locale";
 import classnames from "classnames";
+import langConfig from '../locale';
+import { formatMessage } from "../../utils";
 var DefaultChildren = function DefaultChildren(_ref) {
   var title = _ref.title,
     description = _ref.description;
-  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;
   return /*#__PURE__*/React.createElement("div", {
     className: "cw-upload-drag-wrapper"
   }, /*#__PURE__*/React.createElement("p", {
@@ -36,7 +35,7 @@ var DefaultChildren = function DefaultChildren(_ref) {
     type: "cloud-upload"
   })), /*#__PURE__*/React.createElement("div", {
     className: "cw-upload-drag-text"
-  }, title !== null && title !== void 0 ? title : localeObj.upload), description && /*#__PURE__*/React.createElement("div", {
+  }, title !== null && title !== void 0 ? title : formatMessage(localeObj["upload"])), description && /*#__PURE__*/React.createElement("div", {
     className: "cw-upload-drag-desc"
   }, description));
 };

package/lib/CWUpload/upload/Upload.js

@@ -321,7 +321,6 @@ var Upload = /*#__PURE__*/function (_React$Component) {
       });
     };
     _this.renderUpload = function (_ref2) {
-      var _classNames3;
       var getPrefixCls = _ref2.getPrefixCls;
       var _this$props4 = _this.props,
         customizePrefixCls = _this$props4.prefixCls,
@@ -371,11 +370,10 @@ var Upload = /*#__PURE__*/function (_React$Component) {
         }
       };
       if (type === "drag") {
-        var _classNames, _classNames2;
-        var dragCls = classNames(prefixCls, (_classNames = {}, _defineProperty(_classNames, "".concat(prefixCls, "-drag"), true), _defineProperty(_classNames, "".concat(prefixCls, "-drag-uploading"), fileList.some(function (file) {
+        var dragCls = classNames(prefixCls, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(prefixCls, "-drag"), true), "".concat(prefixCls, "-drag-uploading"), fileList.some(function (file) {
           return file.status === "uploading";
-        })), _defineProperty(_classNames, "".concat(prefixCls, "-drag-hover"), dragState === "dragover"), _defineProperty(_classNames, "".concat(prefixCls, "-drag-click"), dragClickState), _defineProperty(_classNames, "".concat(prefixCls, "-disabled"), disabled), _classNames), className);
-        var containerCls = classNames(prefixCls, (_classNames2 = {}, _defineProperty(_classNames2, "".concat(prefixCls, "-drag-container"), true), _defineProperty(_classNames2, "".concat(prefixCls, "-drag-disabled"), disabled), _defineProperty(_classNames2, "".concat(prefixCls, "-drag-custom-container"), errorMessage || successMessage), _classNames2));
+        })), "".concat(prefixCls, "-drag-hover"), dragState === "dragover"), "".concat(prefixCls, "-drag-click"), dragClickState), "".concat(prefixCls, "-disabled"), disabled), className);
+        var containerCls = classNames(prefixCls, _defineProperty(_defineProperty(_defineProperty({}, "".concat(prefixCls, "-drag-container"), true), "".concat(prefixCls, "-drag-disabled"), disabled), "".concat(prefixCls, "-drag-custom-container"), errorMessage || successMessage));
         return /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement("div", {
           className: dragCls,
           onDrop: _this.onFileDrop,
@@ -401,7 +399,7 @@ var Upload = /*#__PURE__*/function (_React$Component) {
           className: containerCls
         }, dropSingleFileRender()))), dropSingleFileUpload ? "" : uploadList);
       }
-      var uploadButtonCls = classNames(prefixCls, (_classNames3 = {}, _defineProperty(_classNames3, "".concat(prefixCls, "-select"), true), _defineProperty(_classNames3, "".concat(prefixCls, "-select-").concat(listType), true), _defineProperty(_classNames3, "".concat(prefixCls, "-disabled"), disabled), _classNames3));
+      var uploadButtonCls = classNames(prefixCls, _defineProperty(_defineProperty(_defineProperty({}, "".concat(prefixCls, "-select"), true), "".concat(prefixCls, "-select-").concat(listType), true), "".concat(prefixCls, "-disabled"), disabled));
       var uploadButton = /*#__PURE__*/React.createElement("div", {
         className: uploadButtonCls,
         style: children ? undefined : {

package/lib/CWUpload/upload/UploadList.js

@@ -4,7 +4,7 @@ import _Tooltip from "@chaoswise/ui/lib/Tooltip";
 import "@chaoswise/ui/lib/Progress/index.less";
 import _Progress from "@chaoswise/ui/lib/Progress";
 import _Icon from "@chaoswise/ui/lib/Antd/Icon";
-import _ConfigProvider from "@chaoswise/ui/lib/ConfigProvider";
+import _useLocale2 from "@chaoswise/ui/lib/useLocale";
 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 _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
@@ -20,7 +20,6 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
 function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
 // @ts-nocheck
 import * as React from "react";
-import { getLocale } from "../locale";
 import Animate from "rc-animate";
 import classNames from "classnames";
 import { previewImage, isImageUrl } from "./utils";
@@ -28,11 +27,11 @@ import { ConfigConsumer } from "antd/es/config-provider";
 import { HTML5Backend } from "react-dnd-html5-backend";
 import { DndProvider } from "react-dnd";
 import DragList from "./DragList";
+import langConfig from '../locale';
+import { formatMessage } from "../../utils";
 export default function UploadList(props) {
-  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;
   return /*#__PURE__*/React.createElement(IUploadList, Object.assign({
     localeObj: localeObj
   }, props));
@@ -67,7 +66,6 @@ var IUploadList = /*#__PURE__*/function (_React$Component) {
       }
     };
     _this.renderUploadList = function (_ref) {
-      var _classNames5;
       var getPrefixCls = _ref.getPrefixCls;
       var _this$props = _this.props,
         customizePrefixCls = _this$props.prefixCls,
@@ -93,9 +91,9 @@ var IUploadList = /*#__PURE__*/function (_React$Component) {
         isCustomErrorMessage = _customErrorOption$is === void 0 ? false : _customErrorOption$is,
         _customErrorOption$op = customErrorOption.operateTitle,
         operateTitle = _customErrorOption$op === void 0 ? {
-          reloadTitle: localeObj["reUpload"],
-          deleteTitle: localeObj["delete"],
-          downloadExceptionReportTitle: localeObj["downloadExceptionReport"]
+          reloadTitle: formatMessage(localeObj["reUpload"]),
+          deleteTitle: formatMessage(localeObj["delete"]),
+          downloadExceptionReportTitle: formatMessage(localeObj["downloadExceptionReport"])
         } : _customErrorOption$op,
         _customErrorOption$on = customErrorOption.onDownloadExceptionReport,
         onDownloadExceptionReport = _customErrorOption$on === void 0 ? function () {} : _customErrorOption$on;
@@ -103,7 +101,6 @@ var IUploadList = /*#__PURE__*/function (_React$Component) {
         return null;
       }
       var list = items.map(function (file, fileIndex) {
-        var _classNames2, _classNames3;
         var progress;
         var icon = /*#__PURE__*/React.createElement(_Icon, {
           type: file.status === "uploading" ? "loading" : "paper-clip"
@@ -155,7 +152,7 @@ var IUploadList = /*#__PURE__*/function (_React$Component) {
             key: "progress"
           }, loadingProgress);
         }
-        var infoUploadingClass = classNames((_classNames2 = {}, _defineProperty(_classNames2, "".concat(prefixCls, "-list-item"), true), _defineProperty(_classNames2, "".concat(prefixCls, "-list-item-").concat(file.status), true), _defineProperty(_classNames2, "".concat(prefixCls, "-list-item-list-type-").concat(listType), true), _classNames2));
+        var infoUploadingClass = classNames(_defineProperty(_defineProperty(_defineProperty({}, "".concat(prefixCls, "-list-item"), true), "".concat(prefixCls, "-list-item-").concat(file.status), true), "".concat(prefixCls, "-list-item-list-type-").concat(listType), true));
         var linkProps = typeof file.linkProps === "string" ? JSON.parse(file.linkProps) : file.linkProps;
         var removeIcon = showRemoveIcon ? /*#__PURE__*/React.createElement(_Icon, {
           type: "delete",
@@ -186,9 +183,9 @@ var IUploadList = /*#__PURE__*/function (_React$Component) {
           title: locale.removeFile,
           className: "".concat(prefixCls, "-list-item-card-actions-delete ")
         }, removeIcon));
-        var listItemNameClass = classNames((_classNames3 = {}, _defineProperty(_classNames3, "".concat(prefixCls, "-list-item-name"), true), _defineProperty(_classNames3, "".concat(prefixCls, "-list-item-name-icon-count-").concat([downloadIcon, removeIcon].filter(function (x) {
+        var listItemNameClass = classNames(_defineProperty(_defineProperty({}, "".concat(prefixCls, "-list-item-name"), true), "".concat(prefixCls, "-list-item-name-icon-count-").concat([downloadIcon, removeIcon].filter(function (x) {
           return x;
-        }).length), true), _classNames3));
+        }).length), true));
         var preview = file.url ? [/*#__PURE__*/React.createElement("a", Object.assign({
           key: "view",
           target: "_blank",
@@ -290,7 +287,7 @@ var IUploadList = /*#__PURE__*/function (_React$Component) {
           type: "reload"
         })), /*#__PURE__*/React.createElement("div", {
           className: "".concat(prefixCls, "-one-drag-error")
-        }, localeObj["reUpload"])), file.status === "done" && successMessage, (file.status === "done" && !successMessage || file.status == "removed" || !file.status) && /*#__PURE__*/React.createElement("div", {
+        }, formatMessage(localeObj["reUpload"]))), file.status === "done" && successMessage, (file.status === "done" && !successMessage || file.status == "removed" || !file.status) && /*#__PURE__*/React.createElement("div", {
           className: "".concat(prefixCls, "-one-drag-uploading")
         }, /*#__PURE__*/React.createElement("div", {
           className: listItemNameClass,
@@ -328,7 +325,7 @@ var IUploadList = /*#__PURE__*/function (_React$Component) {
             fontSize: "16px",
             marginRight: "4px"
           }
-        }), localeObj["reUpload"]), /*#__PURE__*/React.createElement("a", {
+        }), formatMessage(localeObj["reUpload"])), /*#__PURE__*/React.createElement("a", {
           title: locale.removeFile,
           onClick: function onClick(e) {
             if (!disabled) {
@@ -348,7 +345,7 @@ var IUploadList = /*#__PURE__*/function (_React$Component) {
             fontSize: "16px",
             marginRight: "4px"
           }
-        }), localeObj["delete"]))), file.status === "uploading" && /*#__PURE__*/React.createElement("div", {
+        }), formatMessage(localeObj["delete"])))), file.status === "uploading" && /*#__PURE__*/React.createElement("div", {
           className: "".concat(prefixCls, "-one-drag-uploading"),
           style: {
             height: "76px",
@@ -384,7 +381,7 @@ var IUploadList = /*#__PURE__*/function (_React$Component) {
           title: message
         }, dom) : /*#__PURE__*/React.createElement("span", null, renderMethod ? dragDom : dom));
       });
-      var listClassNames = classNames((_classNames5 = {}, _defineProperty(_classNames5, "".concat(prefixCls, "-list"), true), _defineProperty(_classNames5, "".concat(prefixCls, "-list-").concat(listType), true), _defineProperty(_classNames5, "".concat(prefixCls, "-list-").concat(_this.props.type), true), _classNames5));
+      var listClassNames = classNames(_defineProperty(_defineProperty(_defineProperty({}, "".concat(prefixCls, "-list"), true), "".concat(prefixCls, "-list-").concat(listType), true), "".concat(prefixCls, "-list-").concat(_this.props.type), true));
       var animationDirection = listType === "picture-card" ? "animate-inline" : "animate";
       return /*#__PURE__*/React.createElement(Animate, {
         transitionName: "".concat(prefixCls, "-").concat(animationDirection),

package/lib/Checkbox/Checkbox.js

@@ -43,7 +43,6 @@ var Checkbox = /*#__PURE__*/function (_Component) {
       _this.rcCheckbox = node;
     });
     _defineProperty(_assertThisInitialized(_this), "renderCheckbox", function (_ref) {
-      var _classNames;
       var getPrefixCls = _ref.getPrefixCls;
       var _assertThisInitialize = _assertThisInitialized(_this),
         props = _assertThisInitialize.props,
@@ -77,7 +76,7 @@ var Checkbox = /*#__PURE__*/function (_Component) {
         checkboxProps.checked = checkboxGroup.value.indexOf(props.value) !== -1;
         checkboxProps.disabled = props.disabled || checkboxGroup.disabled;
       }
-      var classString = classNames(className, (_classNames = {}, _defineProperty(_classNames, "".concat(prefixCls, "-wrapper"), true), _defineProperty(_classNames, "".concat(prefixCls, "-wrapper-checked"), checkboxProps.checked), _defineProperty(_classNames, "".concat(prefixCls, "-wrapper-disabled"), checkboxProps.disabled), _defineProperty(_classNames, "".concat(prefixCls, "-checkbox_-wrapper"), newTypeExist), _defineProperty(_classNames, "".concat(prefixCls, "-checkbox_-wrapper-checked"), checkboxProps.checked && newTypeExist), _defineProperty(_classNames, "".concat(prefixCls, "-checkbox_-wrapper-disabled"), checkboxProps.disabled && newTypeExist), _defineProperty(_classNames, "".concat(prefixCls, "-checkbox_-wrapper-custom"), render), _classNames));
+      var classString = classNames(className, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(prefixCls, "-wrapper"), true), "".concat(prefixCls, "-wrapper-checked"), checkboxProps.checked), "".concat(prefixCls, "-wrapper-disabled"), checkboxProps.disabled), "".concat(prefixCls, "-checkbox_-wrapper"), newTypeExist), "".concat(prefixCls, "-checkbox_-wrapper-checked"), checkboxProps.checked && newTypeExist), "".concat(prefixCls, "-checkbox_-wrapper-disabled"), checkboxProps.disabled && newTypeExist), "".concat(prefixCls, "-checkbox_-wrapper-custom"), render));
       var checkboxClass = classNames(_defineProperty({}, "".concat(prefixCls, "-indeterminate"), indeterminate));
       function renderImg() {
         return checkboxProps.checked ? checkboxProps.disabled ? /*#__PURE__*/React.createElement(Duigou02, {

package/lib/ColorPicker/index.js

@@ -6,7 +6,7 @@ import _Space from "@chaoswise/ui/lib/Space";
 import _Icon from "@chaoswise/ui/lib/Antd/Icon";
 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";
 import "@chaoswise/ui/lib/Tabs/index.less";
 import _Tabs from "@chaoswise/ui/lib/Tabs";
 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; }
@@ -24,7 +24,8 @@ import React, { useEffect, useState } from "react";
 import { SketchPicker } from "react-color";
 import classnames from "classnames";
 import { formatRgbaObj, hexToRgba } from "./utils";
-import { getLocale } from "./locale";
+import langConfig from './locale';
+import { formatMessage } from "../utils";
 import PropTypes from "prop-types";
 import "./index.less";
 var TabPane = _Tabs.TabPane;
@@ -65,11 +66,8 @@ var ColorPicker = function ColorPicker(_ref) {
     _useState8 = _slicedToArray(_useState7, 2),
     gradientColorValue = _useState8[0],
     setGradientColorValue = _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 _value = value || defaultValue;
   useEffect(function () {
     if (_value) {
@@ -98,7 +96,6 @@ var ColorPicker = function ColorPicker(_ref) {
       });
     }
   }, [_value]);
-
   //颜色变化触发值改变
   var onChangeColor = function onChangeColor(colorObj) {
     console.log(colorObj, "colorObj");
@@ -187,7 +184,7 @@ var ColorPicker = function ColorPicker(_ref) {
     onChange: changeTab
   }, /*#__PURE__*/React.createElement(TabPane, {
     key: "single",
-    tab: localeObj["color-picker-single"]
+    tab: formatMessage(localeObj["color-picker-single"])
   }, /*#__PURE__*/React.createElement("div", {
     className: "color-picker"
   }, /*#__PURE__*/React.createElement(_Input, {
@@ -199,7 +196,7 @@ var ColorPicker = function ColorPicker(_ref) {
     onChange: onChangeColor
   }))), showGradient && /*#__PURE__*/React.createElement(TabPane, {
     key: "gradient",
-    tab: localeObj["color-picker-gradient"]
+    tab: formatMessage(localeObj["color-picker-gradient"])
   }, /*#__PURE__*/React.createElement("div", {
     className: "color-picker"
   }, /*#__PURE__*/React.createElement("div", {

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;