@chaoswise/ui 2.7.12 → 2.8.0

package/lib/CWRangePicker/index.js

@@ -9,7 +9,6 @@ import _message from "@chaoswise/ui/lib/message";
 import "@chaoswise/ui/lib/Tooltip/index.less";
 import _Tooltip from "@chaoswise/ui/lib/Tooltip";
 import _Icon from "@chaoswise/ui/lib/Icon";
-import _useLocale2 from "@chaoswise/ui/lib/useLocale";
 var _excluded = ["showTipIcon"],
   _excluded2 = ["timeDomain", "number", "unit", "isRecently", "value"],
   _excluded3 = ["value", "timeDomain", "number", "unit", "isRecently"];
@@ -31,6 +30,8 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
 function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
 function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+import useIntl from '../useIntl';
+import useConfigLocale from '../ConfigProvider/useLocale';
 import React, { forwardRef, useState, useEffect, useMemo, useRef, useImperativeHandle } from "react";
 import PropTypes from "prop-types";
 import classnames from "classnames";
@@ -43,14 +44,13 @@ import RecoverSvg from "./assets/Recover";
 import { regroupDataSourceFn, echoInputValue, getUnit, judgeType, getChangeUnitDate, isInvalidDate, range, funcValueChangeArrayValue, getCorrectValue, getHistoryInfo, getFinalDateOption, getTruthDateCount, isAfterDate, isSameDate, isExceedMaxTimeSpan, getYears, computedRecentlyValue, getTimeSpanFromValue } from "./utils";
 import { isEqual } from "lodash-es";
 import moment from "moment";
-import langConfig from "./locale";
-import { formatMessage } from "../utils";
 import "./index.less";
+var EMPTY_DATA_SOURCE = [];
 var CWRangePicker = /*#__PURE__*/forwardRef(function (props, ref) {
   var defaultValue = props.defaultValue,
     value = props.value,
     _props$dataSource = props.dataSource,
-    dataSource = _props$dataSource === void 0 ? [] : _props$dataSource,
+    dataSource = _props$dataSource === void 0 ? EMPTY_DATA_SOURCE : _props$dataSource,
     classNameWrapper = props.classNameWrapper,
     _props$onChange = props.onChange,
     _onChange = _props$onChange === void 0 ? function () {} : _props$onChange,
@@ -74,10 +74,10 @@ var CWRangePicker = /*#__PURE__*/forwardRef(function (props, ref) {
     open = props.open,
     _props$rangePickerFor = props.rangePickerFormat,
     rangePickerFormat = _props$rangePickerFor === void 0 ? "YYYY/MM/DD" : _props$rangePickerFor;
-  var _useLocale = _useLocale2(langConfig),
-    localeObj = _useLocale.langObj,
-    _useLocale$locale = _useLocale.locale,
-    locale = _useLocale$locale === void 0 ? "zh_CN" : _useLocale$locale;
+  var intl = useIntl();
+  var _useConfigLocale = useConfigLocale(),
+    _useConfigLocale$loca = _useConfigLocale.locale,
+    locale = _useConfigLocale$loca === void 0 ? "zh_CN" : _useConfigLocale$loca;
   var _refreshOption$onAuto = refreshOption.onAutoRefresh,
     onAutoRefresh = _refreshOption$onAuto === void 0 ? function () {} : _refreshOption$onAuto,
     _refreshOption$onAuto2 = refreshOption.onAutoRefreshChange,
@@ -128,6 +128,7 @@ var CWRangePicker = /*#__PURE__*/forwardRef(function (props, ref) {
     _useState6 = _slicedToArray(_useState5, 2),
     recordDateValue = _useState6[0],
     setRecordDateValue = _useState6[1];
+  var inputSourceRef = useRef(recordDateValue);
   // 自动刷新状态是否开启
   var _useState7 = useState(false),
     _useState8 = _slicedToArray(_useState7, 2),
@@ -263,8 +264,14 @@ var CWRangePicker = /*#__PURE__*/forwardRef(function (props, ref) {
 
   // 输入框回显
   useEffect(function () {
-    setInputValue(customRenderTitle ? customRenderTitle(recordDateValue, isFocus) : echoInputValue(recordDateValue, isFocus, locale, format, forceRenderTitle, timeSpanBoundary, isSpecialRelativeTime, _defaultValue));
-  }, [recordDateValue, isFocus, locale, format, forceRenderTitle, _defaultValue]);
+    var sourceChanged = inputSourceRef.current !== recordDateValue;
+    inputSourceRef.current = recordDateValue;
+    if (sourceChanged) isInputRef.current = false;
+    // Localizing the committed value must not overwrite an unsubmitted draft.
+    // A new controlled/selected value still takes precedence over that draft.
+    if (isFocus && isInputRef.current && !sourceChanged) return;
+    setInputValue(customRenderTitle ? customRenderTitle(recordDateValue, isFocus) : echoInputValue(recordDateValue, isFocus, locale, format, forceRenderTitle, timeSpanBoundary, isSpecialRelativeTime, _defaultValue, intl));
+  }, [recordDateValue, isFocus, locale, format, forceRenderTitle, _defaultValue, customRenderTitle, intl]);
   useEffect(function () {
     var _judgeType5 = judgeType(recordDateValue),
       _judgeType6 = _slicedToArray(_judgeType5, 1),
@@ -429,7 +436,7 @@ var CWRangePicker = /*#__PURE__*/forwardRef(function (props, ref) {
     type: "question-circle",
     className: classnames("cw-range-picker-suffix-tips")
   })) : showRecoverIcon && !isFocus && !isEqualDateValue ? /*#__PURE__*/React.createElement(_Tooltip, {
-    title: formatMessage(localeObj["recover"])
+    title: intl.get("8aba20b3-9ee3-48b9-863c-224e6bdb4947").d("恢复默认值")
   }, /*#__PURE__*/React.createElement(RecoverSvg, {
     onClick: onRecover,
     className: classnames("cw-range-picker-suffix-recover")
@@ -471,16 +478,16 @@ var CWRangePicker = /*#__PURE__*/forwardRef(function (props, ref) {
       }, inputValue);
       var isInvalidDate_ = isInvalidDate(returnValue.value);
       if (!isInvalidDate_) {
-        // message.success(localeObj["fit-the-input-format"]);
+        // Input format validation succeeded.
         var passValue = returnValue.value;
         if (isExceedMaxTimeSpan(passValue, timeSpanBoundary)) {
-          _message.error(formatMessage(localeObj["the-maximum-time-span-is-exceeded"]));
+          _message.error(intl.get("e8a046c4-4611-47b9-bef0-cb46de7dd733").d("超过了限制的最大时间跨度，请重新输入"));
           return;
         }
         _onChange(returnValue);
         setIsFocus(false);
         var _getHistoryInfo = getHistoryInfo(returnValue, historyList, {
-            localeObj: localeObj,
+            intl: intl,
             locale: locale
           }, format, timeSpanBoundary),
           _getHistoryInfo2 = _slicedToArray(_getHistoryInfo, 2),
@@ -495,7 +502,7 @@ var CWRangePicker = /*#__PURE__*/forwardRef(function (props, ref) {
           setRecordDateValue(returnValue);
         }
       } else {
-        _message.error(formatMessage(localeObj["does-not-match-the-input-format"]));
+        _message.error(intl.get("e2008629-6fc2-4222-b28c-ada43aa79a74").d("不符合输入格式,请重新输入"));
       }
     } else {
       var finalDateOption = getFinalDateOption(inputValue);
@@ -507,13 +514,13 @@ var CWRangePicker = /*#__PURE__*/forwardRef(function (props, ref) {
         });
         var _passValue = _returnValue.value;
         if (isExceedMaxTimeSpan(_passValue, timeSpanBoundary)) {
-          _message.error(formatMessage(localeObj["the-maximum-time-span-is-exceeded"]));
+          _message.error(intl.get("e8a046c4-4611-47b9-bef0-cb46de7dd733").d("超过了限制的最大时间跨度，请重新输入"));
           return;
         }
         _onChange(_returnValue);
         setIsFocus(false);
         var _getHistoryInfo3 = getHistoryInfo(_returnValue, historyList, {
-            localeObj: localeObj,
+            intl: intl,
             locale: locale
           }, format, timeSpanBoundary),
           _getHistoryInfo4 = _slicedToArray(_getHistoryInfo3, 2),
@@ -528,7 +535,7 @@ var CWRangePicker = /*#__PURE__*/forwardRef(function (props, ref) {
           setRecordDateValue(_returnValue);
         }
       } else {
-        _message.error(formatMessage(localeObj["does-not-match-the-input-format"]));
+        _message.error(intl.get("e2008629-6fc2-4222-b28c-ada43aa79a74").d("不符合输入格式,请重新输入"));
       }
     }
     isInputRef.current = false;
@@ -596,16 +603,16 @@ var CWRangePicker = /*#__PURE__*/forwardRef(function (props, ref) {
         var _values2 = values,
           resValue = _values2.value;
         if (isSameDate(resValue[0], resValue[1], "second") || isAfterDate(resValue[0], resValue[1])) {
-          _message.error(formatMessage(localeObj["the-selected-time-does-not-meet-the-rule-limit"]));
+          _message.error(intl.get("92eb0ee0-1f72-4f49-bfad-ff7f0d1bd21d").d("选择的时间二者相同或者某一时间超过当前时间，请重新选择"));
           return;
         }
         if (isExceedMaxTimeSpan(resValue, timeSpanBoundary)) {
-          _message.error(formatMessage(localeObj["the-maximum-time-span-is-exceeded"]));
+          _message.error(intl.get("e8a046c4-4611-47b9-bef0-cb46de7dd733").d("超过了限制的最大时间跨度，请重新输入"));
           return;
         }
         _onChange(values);
         var _getHistoryInfo5 = getHistoryInfo(values, historyList, {
-            localeObj: localeObj,
+            intl: intl,
             locale: locale
           }, format, timeSpanBoundary),
           _getHistoryInfo6 = _slicedToArray(_getHistoryInfo5, 2),

package/lib/CWRangePicker/utils/index.js

@@ -10,63 +10,29 @@ function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r)
 function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+import formatRecentTime from '../../locales/messages/timeRanges';
 import moment from "moment";
+import { getFallbackIntl } from '../../locales/runtime';
 var _require = require("uuid"),
   uuidv4 = _require.v4;
 // 枚举时间单位
 var ENUM_TimeUnit = {
   s: {
-    zh_CN: "秒",
-    en_US: {
-      singular: "Second",
-      plural: "Seconds"
-    },
-    zh_TW: "秒",
     unit: "seconds"
   },
   m: {
-    zh_CN: "分钟",
-    en_US: {
-      singular: "Minute",
-      plural: "Minutes"
-    },
-    zh_TW: "分鐘",
     unit: "minutes"
   },
   h: {
-    zh_CN: "小时",
-    en_US: {
-      singular: "Hour",
-      plural: "Hours"
-    },
-    zh_TW: "小時",
     unit: "hours"
   },
   d: {
-    zh_CN: "天",
-    en_US: {
-      singular: "Day",
-      plural: "Days"
-    },
-    zh_TW: "天",
     unit: "days"
   },
   mo: {
-    zh_CN: "月",
-    en_US: {
-      singular: "Month",
-      plural: "Months"
-    },
-    zh_TW: "月",
     unit: "mo"
   },
   y: {
-    zh_CN: "年",
-    en_US: {
-      singular: "Year",
-      plural: "Years"
-    },
-    zh_TW: "年",
     unit: "years"
   }
 };
@@ -153,62 +119,7 @@ export var judgeType = function judgeType(recordDateValue) {
   }
   return [isRule, captureUnit, recordUnit];
 };
-export var echoRecentlyTimeTitle = function echoRecentlyTimeTitle(locale, captureUnit) {
-  // 参数验证
-  if (!captureUnit || !Array.isArray(captureUnit) || captureUnit.length < 2) {
-    return '';
-  }
-  var _captureUnit3 = _slicedToArray(captureUnit, 2),
-    count = _captureUnit3[0],
-    unit = _captureUnit3[1];
-  var timeUnit = ENUM_TimeUnit[unit];
-  if (!timeUnit) {
-    return '';
-  }
-  var countNum = parseInt(count, 10);
-
-  // 语言配置映射
-  var localeConfig = {
-    zh_CN: {
-      template: function template(count, unitText) {
-        return "\u6700\u8FD1".concat(count).concat(unit === 'mo' ? '个' : '').concat(unitText);
-      },
-      getUnitText: function getUnitText() {
-        return timeUnit.zh_CN;
-      }
-    },
-    zh: {
-      template: function template(count, unitText) {
-        return "\u6700\u8FD1".concat(count).concat(unit === 'mo' ? '个' : '').concat(unitText);
-      },
-      getUnitText: function getUnitText() {
-        return timeUnit.zh_CN;
-      }
-    },
-    zh_TW: {
-      template: function template(count, unitText) {
-        return "\u6700\u8FD1".concat(count).concat(unit === 'mo' ? '個' : '').concat(unitText);
-      },
-      getUnitText: function getUnitText() {
-        return timeUnit.zh_TW;
-      }
-    },
-    "default": {
-      template: function template(count, unitText) {
-        return "Past ".concat(count, " ").concat(unitText);
-      },
-      getUnitText: function getUnitText() {
-        var isPlural = countNum !== 1;
-        return isPlural ? timeUnit.en_US.plural : timeUnit.en_US.singular;
-      }
-    }
-  };
-
-  // 获取当前语言配置，如果不存在则使用默认配置
-  var config = localeConfig[locale] || localeConfig["default"];
-  var unitText = config.getUnitText();
-  return config.template(count, unitText);
-};
+export var echoRecentlyTimeTitle = formatRecentTime;
 export var echoAbsoluteTimeTitle = function echoAbsoluteTimeTitle(value, format) {
   var hasTimeSpan = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
   var timeSpanBoundary = arguments.length > 3 ? arguments[3] : undefined;
@@ -227,8 +138,12 @@ export var echoInputValue = function echoInputValue() {
   var timeSpanBoundary = arguments.length > 5 ? arguments[5] : undefined;
   var isSpecialRelativeTime = arguments.length > 6 ? arguments[6] : undefined;
   var _defaultValue = arguments.length > 7 ? arguments[7] : undefined;
-  var title = recordDateValue.title,
-    type = recordDateValue.type;
+  var intl = arguments.length > 8 && arguments[8] !== undefined ? arguments[8] : getFallbackIntl(locale);
+  var type = recordDateValue.type;
+  var title = recordDateValue.autoTitle ? getHistoryTitle(recordDateValue, {
+    locale: locale,
+    intl: intl
+  }, format, timeSpanBoundary) : recordDateValue.title;
   var _judgeType = judgeType(recordDateValue),
     _judgeType2 = _slicedToArray(_judgeType, 2),
     isRule = _judgeType2[0],
@@ -241,7 +156,7 @@ export var echoInputValue = function echoInputValue() {
     return title;
   }
   if (isRule && !isFoucs) {
-    return echoRecentlyTimeTitle(locale, captureUnit);
+    return echoRecentlyTimeTitle(locale, captureUnit, intl);
   }
   if (Array.isArray(_defaultValue) && _defaultValue !== null && _defaultValue !== void 0 && _defaultValue.length) {
     return echoAbsoluteTimeTitle(_defaultValue, format, true, timeSpanBoundary);
@@ -516,17 +431,22 @@ export var getCorrectValue = function getCorrectValue(value) {
 };
 //       ----------------------------------历史记录----------------------------------
 /**
- *
- * @param {Object} value
- * @returns
+ * Resolve generated history labels at render time; caller titles stay untouched.
+ * @param {Object} recordValue Stored time range and title origin.
  */
-export var getHistoryInfo = function getHistoryInfo(recordValue, historyList, _ref, format, timeSpanBoundary) {
-  var localeObj = _ref.localeObj,
-    locale = _ref.locale;
-  var key = recordValue.key,
-    value = recordValue.value,
-    _recordValue$title = recordValue.title,
-    title = _recordValue$title === void 0 ? "" : _recordValue$title;
+export var getHistoryTitle = function getHistoryTitle(recordValue) {
+  var language = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  var format = arguments.length > 2 ? arguments[2] : undefined;
+  var timeSpanBoundary = arguments.length > 3 ? arguments[3] : undefined;
+  var _ref = typeof language === 'string' ? {
+      locale: language
+    } : language,
+    _ref$locale = _ref.locale,
+    locale = _ref$locale === void 0 ? 'zh_CN' : _ref$locale,
+    _ref$intl = _ref.intl,
+    intl = _ref$intl === void 0 ? getFallbackIntl(locale) : _ref$intl;
+  var value = recordValue.value;
+  var title = recordValue.autoTitle ? '' : recordValue.title || '';
   var _judgeType3 = judgeType(recordValue),
     _judgeType4 = _slicedToArray(_judgeType3, 2),
     isRule = _judgeType4[0],
@@ -538,19 +458,30 @@ export var getHistoryInfo = function getHistoryInfo(recordValue, historyList, _r
   }
   if (isRule) {
     if (!title) {
-      _title = echoRecentlyTimeTitle(locale, captureUnit);
+      _title = echoRecentlyTimeTitle(locale, captureUnit, intl);
     }
   }
   if (!values && !isRule && !_title) {
-    _title = localeObj(["unconverted-title"]);
+    _title = intl.get("bbf8ccde-ab7c-4040-97eb-35b56742de27").d("未转化标题");
   }
-  var isRepeat = Boolean(historyList.find(function (item) {
-    return item.key === key || item.title === _title;
-  }));
-  var id = uuidv4();
-  return [isRepeat, _objectSpread(_objectSpread({}, recordValue), {}, {
-    title: _title,
-    key: key ? key : id
+  return _title;
+};
+export var getHistoryInfo = function getHistoryInfo(recordValue, historyList) {
+  var language = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+  var format = arguments.length > 3 ? arguments[3] : undefined;
+  var timeSpanBoundary = arguments.length > 4 ? arguments[4] : undefined;
+  // Preserve the old title field/signature, but mark generated labels for rendering.
+  var autoTitle = recordValue.autoTitle === true || !recordValue.title;
+  var record = _objectSpread(_objectSpread({}, recordValue), {}, {
+    autoTitle: autoTitle
+  });
+  var title = getHistoryTitle(record, language, format, timeSpanBoundary);
+  var isRepeat = historyList.some(function (item) {
+    return item.key === record.key || getHistoryTitle(item, language, format, timeSpanBoundary) === title;
+  });
+  return [isRepeat, _objectSpread(_objectSpread({}, record), {}, {
+    title: title,
+    key: record.key || uuidv4()
   })];
 };
 

package/lib/CWSelect/index.js

@@ -5,7 +5,6 @@ import "@chaoswise/ui/lib/Tooltip/index.less";
 import _Tooltip from "@chaoswise/ui/lib/Tooltip";
 import "@chaoswise/ui/lib/Tag/index.less";
 import _Tag from "@chaoswise/ui/lib/Tag";
-import _useLocale2 from "@chaoswise/ui/lib/useLocale";
 var _excluded = ["onChange", "tagTooltipRender", "tagLabelRender", "maxTagCount", "maxTagTextLength", "defaultValue", "tagRender", "tagDropdownStyle", "mode", "value", "labelInValue", "allowDrag", "onDragEnd", "showTooltip", "showCheckbox", "dropdownRender", "onSelect", "onDeselect", "listHeight", "onDropdownVisibleChange", "selectLabel", "label", "multipleOptions"];
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
@@ -25,6 +24,7 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
 function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
 function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+import useIntl from '../useIntl';
 import React, { useEffect, useState, forwardRef, useRef, useCallback, useMemo } from "react";
 import ReactDom from "react-dom";
 import RCSelect from "./antd-select";
@@ -36,8 +36,6 @@ import update from "immutability-helper";
 import { getDefaultPaddingLeft } from "./utils";
 import useConfigContext from "../useConfigContext";
 import DragTag from "./DragTag";
-import langConfig from "./locale";
-import { formatMessage } from "../utils";
 var Option = RCSelect.Option,
   OptGroup = RCSelect.OptGroup;
 /**
@@ -81,8 +79,7 @@ var CWSelect = /*#__PURE__*/forwardRef(function (props, ref) {
       isCheckboxMultipleHasSelectAll: true
     } : _props$multipleOption,
     rest = _objectWithoutProperties(props, _excluded);
-  var _useLocale = _useLocale2(langConfig),
-    localeObj = _useLocale.langObj;
+  var intl = useIntl();
   var _useConfigContext = useConfigContext(),
     getPrefixCls = _useConfigContext.getPrefixCls;
   var prefixCls = getPrefixCls();
@@ -372,7 +369,7 @@ var CWSelect = /*#__PURE__*/forwardRef(function (props, ref) {
     });
     var notFoundContent = rest.notFoundContent ? rest.notFoundContent : /*#__PURE__*/React.createElement("div", {
       className: "cw-select-show-checkbox-empty"
-    }, formatMessage(localeObj["no-results-were-found"]));
+    }, intl.get("812f44fc-ed3c-4bd3-8ad5-35cd2996c5ae").d("未查找到任何结果"));
     return !dataSource.length ? notFoundContent : /*#__PURE__*/React.createElement(React.Fragment, null, multipleOptions.isCheckboxMultipleHasSelectAll && /*#__PURE__*/React.createElement("div", {
       className: "cw-checkbox-all",
       onMouseDown: function onMouseDown(e) {
@@ -388,7 +385,7 @@ var CWSelect = /*#__PURE__*/forwardRef(function (props, ref) {
       style: {
         width: "100%"
       }
-    }, formatMessage(localeObj["checkAll"]), "\uFF08", filterActiveValues.length, "/", dataSource.length, "\uFF09")), originNode);
+    }, intl.get("3991a1d0-65a8-45ca-94a4-f89fbd9f8555").d("全选"), "\uFF08", filterActiveValues.length, "/", dataSource.length, "\uFF09")), originNode);
   };
   var onDropdownVisibleChange = function onDropdownVisibleChange(open) {
     setResOpen(open);

package/lib/CWTable/EditLine.js

@@ -9,7 +9,6 @@ import "@chaoswise/ui/lib/Form/index.less";
 import _Form from "@chaoswise/ui/lib/Form";
 import "@chaoswise/ui/lib/Input/index.less";
 import _Input from "@chaoswise/ui/lib/Input";
-import _useLocale2 from "@chaoswise/ui/lib/useLocale";
 var _excluded = ["form"],
   _excluded2 = ["render", "helpText", "rules"];
 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; }
@@ -30,9 +29,8 @@ function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(
 function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+import useIntl from '../useIntl';
 import React, { useEffect, useState } from 'react';
-import langConfig from './locale';
-import { formatMessage } from "../utils";
 import useConfigContext from '../useConfigContext';
 var EditableContext = /*#__PURE__*/React.createContext();
 
@@ -106,8 +104,7 @@ var EditableRowCell = function EditableRowCell(props) {
   var _useConfigContext2 = useConfigContext(),
     getPrefixCls = _useConfigContext2.getPrefixCls;
   var prefixCls = getPrefixCls();
-  var _useLocale = _useLocale2(langConfig),
-    localeObj = _useLocale.langObj;
+  var intl = useIntl();
   var editable = ['line', 'cell'].includes(editMode);
   var renderCell = function renderCell(_ref2) {
     var form = _ref2.form,
@@ -156,12 +153,12 @@ var EditableRowCell = function EditableRowCell(props) {
           disabled: Boolean(loading),
           type: "primary",
           onClick: onOk
-        }, formatMessage(localeObj["sure"])), /*#__PURE__*/React.createElement(_Button, {
+        }, intl.get("4253417c-d699-4eed-8c75-34d2a8b18a68").d("确定")), /*#__PURE__*/React.createElement(_Button, {
           disabled: Boolean(loading),
           onClick: function onClick() {
             return setEditing(false);
           }
-        }, formatMessage(localeObj["cancel"]))), /*#__PURE__*/React.createElement("span", {
+        }, intl.get("04a57125-d7d3-4559-9e88-cf91124095a4").d("取消"))), /*#__PURE__*/React.createElement("span", {
           className: "".concat(prefixCls, "-cw-editcell-help")
         }, helpText)) : '',
         trigger: "click",
@@ -170,7 +167,7 @@ var EditableRowCell = function EditableRowCell(props) {
       }, /*#__PURE__*/React.createElement("a", {
         className: "cw-edit-text"
       }, children, /*#__PURE__*/React.createElement(_Tooltip, {
-        title: formatMessage(localeObj["edit"])
+        title: intl.get("01f88687-defa-4388-8ccd-b9842fa5a6f2").d("编辑")
       }, /*#__PURE__*/React.createElement(_Icon, {
         className: "cw-edit-icon",
         type: "edit",

package/lib/CWTable/Filter.js

@@ -2,7 +2,6 @@ import "@chaoswise/ui/lib/Button/index.less";
 import _Button from "@chaoswise/ui/lib/Button";
 import "@chaoswise/ui/lib/Checkbox/index.less";
 import _Checkbox from "@chaoswise/ui/lib/Checkbox";
-import _useLocale2 from "@chaoswise/ui/lib/useLocale";
 import _Tree from "@chaoswise/ui/lib/Tree";
 function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _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."); }
@@ -10,13 +9,11 @@ function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r)
 function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+import useIntl from '../useIntl';
 import React, { memo, useEffect, useState } from "react";
-import langConfig from './locale';
-import { formatMessage } from "../utils";
 var TreeNode = _Tree.TreeNode;
 function Filter(props) {
-  var _useLocale = _useLocale2(langConfig),
-    localeObj = _useLocale.langObj;
+  var intl = useIntl();
   var _props$filters = props.filters,
     filters = _props$filters === void 0 ? [] : _props$filters,
     filterMultiple = props.filterMultiple,
@@ -104,7 +101,7 @@ function Filter(props) {
       setTempSelectKey(allKeys.length === tempSelectKey.length ? [] : allKeys);
     },
     checked: allKeys.length === tempSelectKey.length
-  }, formatMessage(localeObj["selectAll"]))), /*#__PURE__*/React.createElement(_Tree, {
+  }, intl.get("3991a1d0-65a8-45ca-94a4-f89fbd9f8555").d("全选"))), /*#__PURE__*/React.createElement(_Tree, {
     checkable: true,
     selectedKeys: [],
     checkedKeys: tempSelectKey,
@@ -119,10 +116,10 @@ function Filter(props) {
     style: {
       marginLeft: '8px'
     }
-  }, localeObj.cancel), /*#__PURE__*/React.createElement(_Button, {
+  }, intl.get("04a57125-d7d3-4559-9e88-cf91124095a4").d("取消")), /*#__PURE__*/React.createElement(_Button, {
     size: "small",
     onClick: sure,
     type: "primary"
-  }, localeObj.sure))) : _renderSelect(filters));
+  }, intl.get("4253417c-d699-4eed-8c75-34d2a8b18a68").d("确定")))) : _renderSelect(filters));
 }
 export default Filter;

package/lib/CWTable/index.js

@@ -241,7 +241,10 @@ Table.propTypes = {
    * 编辑行和编辑单元格，自定义渲染            
    * example2 render: `(props) => <Input {...props} />`
    */
+  // PropTypes metadata is not display text; preserve the existing contract.
+  /* cw-i18n-disable */
   'columns[0].form.render': PropTypes.oneOf(['React组件']),
+  /* cw-i18n-enable */
   /**
    * 编辑单元格的提示文字
    */

package/lib/CWTree/index.js

@@ -4,7 +4,6 @@ import "@chaoswise/ui/lib/TooltipText/index.less";
 import _TooltipText from "@chaoswise/ui/lib/TooltipText";
 import _Dropdown from "@chaoswise/ui/lib/Dropdown";
 import _Icon from "@chaoswise/ui/lib/Icon";
-import _useLocale2 from "@chaoswise/ui/lib/useLocale";
 import _Menu from "@chaoswise/ui/lib/Menu";
 import "antd/es/tree/style";
 import _Tree from "antd/es/tree";
@@ -19,6 +18,7 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
 function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
 function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+import useIntl from '../useIntl';
 import React, { Fragment, useState, useEffect, useMemo, useCallback } from "react";
 import PropTypes from "prop-types";
 import classnames from "classnames";
@@ -26,8 +26,6 @@ import DragSvg from "./assets/Drag";
 import "./index.less";
 import { createTitle } from "../QuickTransfer/utils";
 import { createTree } from "./utils";
-import langConfig from './locale';
-import { formatMessage } from "../utils";
 var TreeNode = _Tree.TreeNode,
   DirectoryTree = _Tree.DirectoryTree;
 var SubMenu = _Menu.SubMenu;
@@ -84,8 +82,7 @@ function CWTree(_ref) {
     _useState6 = _slicedToArray(_useState5, 2),
     selfSelectedKeys = _useState6[0],
     setSelfSelectedKeys = _useState6[1];
-  var _useLocale = _useLocale2(langConfig),
-    localeObj = _useLocale.langObj;
+  var intl = useIntl();
   useEffect(function () {
     if (selectedKeys !== undefined) {
       setSelfSelectedKeys(selectedKeys);
@@ -186,7 +183,7 @@ function CWTree(_ref) {
     }, title) : title), isDrawer && draggable && _showExtend === key && /*#__PURE__*/React.createElement("span", {
       className: classnames("cw-tree-treenode-drag-icon")
     }, /*#__PURE__*/React.createElement(_Tooltip, {
-      title: formatMessage(localeObj["dragMove"])
+      title: intl.get("d3158ace-0470-41b5-9f04-0dd8db0137c3").d("拖拽移动")
     }, /*#__PURE__*/React.createElement(DragSvg, null)))), /*#__PURE__*/React.createElement("span", {
       className: "cw-tree-treenode-extend ".concat(_showExtend === key ? "cw-tree-treenode-extend-show" : ""),
       treekey: key
@@ -196,7 +193,7 @@ function CWTree(_ref) {
       className: "cw-tree-treenode-extend-dropdown"
     }, menuDom) : creatButton(icon, title, key, props))));
     return titleDom;
-  }, [menuData, extendType, tooltipPlacement, isDrawer, draggable, _showExtend, menuRender, localeObj, useTooltipText, creatButton, creatMenu]);
+  }, [menuData, extendType, tooltipPlacement, isDrawer, draggable, _showExtend, menuRender, intl, useTooltipText, creatButton, creatMenu]);
   var innerTreeNode = useMemo(function () {
     function creatTreeNode(data) {
       // 创建树结构

package/lib/CWUpload/upload/Dragger.js

@@ -1,5 +1,4 @@
 import _Icon from "@chaoswise/ui/lib/Icon";
-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];
@@ -8,6 +7,8 @@ var __rest = this && this.__rest || function (s, e) {
   }
   return t;
 };
+// @ts-nocheck
+import useIntl from '../../useIntl';
 /*
  * @Author: andrew.qiao andrew.qiao@cloudwise.com
  * @Date: 2022-09-13 17:59:38
@@ -16,17 +17,13 @@ var __rest = this && this.__rest || function (s, e) {
  * @FilePath: /change_01/aops_web_commons/packages/ui/components/CWUpload/upload/Dragger.tsx
  * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
  */
-// @ts-nocheck
 import * as React from "react";
 import Upload from "./Upload";
 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 _useLocale = _useLocale2(langConfig),
-    localeObj = _useLocale.langObj;
+  var intl = useIntl();
   return /*#__PURE__*/React.createElement("div", {
     className: "cw-upload-drag-wrapper"
   }, /*#__PURE__*/React.createElement("p", {
@@ -35,7 +32,7 @@ var DefaultChildren = function DefaultChildren(_ref) {
     type: "cloud-upload"
   })), /*#__PURE__*/React.createElement("div", {
     className: "cw-upload-drag-text"
-  }, title !== null && title !== void 0 ? title : formatMessage(localeObj["upload"])), description && /*#__PURE__*/React.createElement("div", {
+  }, title !== null && title !== void 0 ? title : intl.get("dda16720-d447-4d73-9e71-b5af7b5bbcfd").d("单击或拖动文件到此区域")), description && /*#__PURE__*/React.createElement("div", {
     className: "cw-upload-drag-desc"
   }, description));
 };