@chaoswise/ui 2.3.17 → 2.4.0

package/lib/DropdownDatePicker/index.js

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

package/lib/DropdownDatePicker/locale/index.js

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

package/lib/DropdownDatePicker/locale/zh_TW.js

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

package/lib/DropdownDatePicker/utils/index.js

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

package/lib/Empty/index.js

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

package/lib/Empty/locale/index.js

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

package/lib/Empty/locale/zh_TW.js

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

package/lib/Exception/index.js

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

package/lib/Exception/locale/en_US.js

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

package/lib/Exception/locale/index.js

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

package/lib/Exception/locale/zh_CN.js

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

package/lib/Exception/locale/zh_TW.js

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

package/lib/FilterDropDown/DragList.js

@@ -1,8 +1,12 @@
+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 "@chaoswise/ui/lib/Checkbox/index.less";
 import _Checkbox from "@chaoswise/ui/lib/Checkbox";
 import "@chaoswise/ui/lib/Tooltip/index.less";
 import _Tooltip from "@chaoswise/ui/lib/Tooltip";
 import _Icon from "@chaoswise/ui/lib/Antd/Icon";
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 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 _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."); }
@@ -10,16 +14,19 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 function _iterableToArrayLimit(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(arr) { if (Array.isArray(arr)) return arr; }
-import React, { useRef, useState } from 'react';
-import { useDrag, useDrop } from 'react-dnd';
+import React, { useRef } from "react";
+import { useDrag, useDrop } from "react-dnd";
+import DragSvg from "./assets/DragSvg";
+import classnames from "classnames";
 function DragList(_ref) {
   var option = _ref.option,
     index = _ref.index,
-    moveList = _ref.moveList;
+    moveList = _ref.moveList,
+    isHoverSwitching = _ref.isHoverSwitching;
   var dragRef = useRef(null);
   var _useDrag = useDrag({
       item: {
-        type: 'child',
+        type: "child",
         option: option,
         index: index
       }
@@ -27,8 +34,9 @@ function DragList(_ref) {
     _useDrag2 = _slicedToArray(_useDrag, 2),
     drag = _useDrag2[1];
   var _useDrop = useDrop({
-      accept: 'child',
+      accept: "child",
       hover: function hover(item, monitor) {
+        if (!isHoverSwitching) return;
         //拖拽目标的Index
         var dragIndex = item.index;
         //放置目标Index
@@ -56,41 +64,29 @@ function DragList(_ref) {
         }
         moveList(dragIndex, hoverIndex); //调用方法完成交换
         item.index = hoverIndex; //重新赋值index，否则会出现无限交换情况
+      },
+
+      collect: function collect(monitor) {
+        var _ref2 = monitor.getItem() || {},
+          dragIndex = _ref2.index;
+        if (dragIndex === index) {
+          return {};
+        }
+        return {
+          isOver: monitor.isOver(),
+          dropClassName: dragIndex < index ? "drop-over-downward" : "drop-over-upward"
+        };
+      },
+      drop: function drop(item) {
+        if (isHoverSwitching) return;
+        moveList(item.index, index);
       }
     }),
     _useDrop2 = _slicedToArray(_useDrop, 2),
+    _useDrop2$ = _useDrop2[0],
+    isOver = _useDrop2$.isOver,
+    dropClassName = _useDrop2$.dropClassName,
     drop = _useDrop2[1];
-  var DragSvg = function DragSvg() {
-    return /*#__PURE__*/React.createElement("svg", {
-      width: "7px",
-      height: "12px",
-      viewBox: "0 0 7 12",
-      version: "1.1",
-      fill: "currentColor"
-    }, /*#__PURE__*/React.createElement("title", null, "\u5F62\u72B6"), /*#__PURE__*/React.createElement("g", {
-      id: "\u9875\u9762-1",
-      stroke: "none",
-      strokeWidth: "1"
-    }, /*#__PURE__*/React.createElement("g", {
-      id: "4.2\u8BF7\u6C42\u5217\u8868\u4E0B\u94BB-\u2014\u5FEB\u7167\u8BF7\u6C42\u5217\u8868\u9875",
-      transform: "translate(-1368.000000, -705.000000)"
-    }, /*#__PURE__*/React.createElement("g", {
-      id: "\u7F16\u7EC4-11",
-      transform: "translate(232.000000, 554.000000)"
-    }, /*#__PURE__*/React.createElement("g", {
-      id: "\u9ED8\u8BA4",
-      transform: "translate(857.000000, 10.000000)"
-    }, /*#__PURE__*/React.createElement("g", {
-      id: "\u6E90\u5217\u8868",
-      transform: "translate(143.000000, 34.000000)"
-    }, /*#__PURE__*/React.createElement("g", {
-      id: "\u62D6\u62FD\u5907\u4EFD-3",
-      transform: "translate(132.000000, 105.000000)"
-    }, /*#__PURE__*/React.createElement("path", {
-      d: "M9.91111111,2 C9.37777778,2 8.97777778,2.4 8.97777778,2.93333333 C8.97777778,3.46666666 9.42222222,3.86666667 9.91111111,3.86666667 C10.4444444,3.86666667 10.8444444,3.46666667 10.8444444,2.93333333 C10.8888889,2.4 10.4444444,2 9.91111111,2 Z M9.91111111,6.71111111 C9.37777778,6.71111111 8.97777778,7.11111111 8.97777778,7.64444444 C8.97777778,8.17777777 9.42222222,8.57777778 9.91111111,8.57777778 C10.4444444,8.57777778 10.8444444,8.17777778 10.8444444,7.64444444 C10.8888889,7.11111111 10.4444444,6.71111111 9.91111111,6.71111111 Z M9.91111111,11.4222222 C9.37777778,11.4222222 8.97777778,11.8222222 8.97777778,12.3555556 C8.97777778,12.8888889 9.42222222,13.2888889 9.91111111,13.2888889 C10.4444444,13.2888889 10.8444444,12.8888889 10.8444444,12.3555556 C10.8888889,11.8222222 10.4444444,11.4222222 9.91111111,11.4222222 C9.42222222,11.4222222 9.91111111,11.4222222 9.91111111,11.4222222 Z M5.82222222,2 C5.33333333,2 4.88888889,2.4 4.88888889,2.93333333 C4.88888889,3.46666666 5.33333333,3.86666667 5.82222222,3.86666667 C6.35555555,3.86666667 6.75555555,3.46666667 6.75555556,2.93333333 C6.8,2.4 6.35555556,2 5.82222222,2 Z M5.82222222,6.71111111 C5.28888889,6.71111111 4.88888889,7.11111111 4.88888889,7.64444444 C4.88888889,8.17777777 5.33333333,8.57777778 5.82222222,8.57777778 C6.35555555,8.57777778 6.75555555,8.17777778 6.75555556,7.64444444 C6.8,7.11111111 6.35555556,6.71111111 5.82222222,6.71111111 Z M5.82222222,11.4222222 C5.28888889,11.4222222 4.88888889,11.8222222 4.88888889,12.3555556 C4.88888889,12.8888889 5.33333333,13.2888889 5.82222222,13.2888889 C6.35555555,13.2888889 6.75555555,12.8888889 6.75555556,12.3555556 C6.8,11.8222222 6.35555556,11.4222222 5.82222222,11.4222222 Z",
-      id: "\u5F62\u72B6"
-    }))))))));
-  };
   var DragIcon = function DragIcon(props) {
     return /*#__PURE__*/React.createElement(_Icon, _extends({
       component: DragSvg
@@ -99,7 +95,7 @@ function DragList(_ref) {
   return /*#__PURE__*/React.createElement("div", {
     key: option.id,
     ref: drag(drop(dragRef)),
-    className: "cw-checkbox-container"
+    className: classnames("cw-checkbox-container", _defineProperty({}, dropClassName, isOver && !isHoverSwitching))
   }, /*#__PURE__*/React.createElement(_Checkbox, {
     value: option.id,
     className: "cw-checkbox-ellipsis",

package/lib/FilterDropDown/assets/DragSvg.js

@@ -0,0 +1,33 @@
+import * as React from "react";
+var DragSvg = function DragSvg() {
+  return /*#__PURE__*/React.createElement("svg", {
+    width: "7px",
+    height: "12px",
+    viewBox: "0 0 7 12",
+    version: "1.1",
+    fill: "currentColor"
+  }, /*#__PURE__*/React.createElement("title", null, "\u5F62\u72B6"), /*#__PURE__*/React.createElement("g", {
+    id: "\u9875\u9762-1",
+    stroke: "none",
+    strokeWidth: "1"
+  }, /*#__PURE__*/React.createElement("g", {
+    id: "4.2\u8BF7\u6C42\u5217\u8868\u4E0B\u94BB-\u2014\u5FEB\u7167\u8BF7\u6C42\u5217\u8868\u9875",
+    transform: "translate(-1368.000000, -705.000000)"
+  }, /*#__PURE__*/React.createElement("g", {
+    id: "\u7F16\u7EC4-11",
+    transform: "translate(232.000000, 554.000000)"
+  }, /*#__PURE__*/React.createElement("g", {
+    id: "\u9ED8\u8BA4",
+    transform: "translate(857.000000, 10.000000)"
+  }, /*#__PURE__*/React.createElement("g", {
+    id: "\u6E90\u5217\u8868",
+    transform: "translate(143.000000, 34.000000)"
+  }, /*#__PURE__*/React.createElement("g", {
+    id: "\u62D6\u62FD\u5907\u4EFD-3",
+    transform: "translate(132.000000, 105.000000)"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M9.91111111,2 C9.37777778,2 8.97777778,2.4 8.97777778,2.93333333 C8.97777778,3.46666666 9.42222222,3.86666667 9.91111111,3.86666667 C10.4444444,3.86666667 10.8444444,3.46666667 10.8444444,2.93333333 C10.8888889,2.4 10.4444444,2 9.91111111,2 Z M9.91111111,6.71111111 C9.37777778,6.71111111 8.97777778,7.11111111 8.97777778,7.64444444 C8.97777778,8.17777777 9.42222222,8.57777778 9.91111111,8.57777778 C10.4444444,8.57777778 10.8444444,8.17777778 10.8444444,7.64444444 C10.8888889,7.11111111 10.4444444,6.71111111 9.91111111,6.71111111 Z M9.91111111,11.4222222 C9.37777778,11.4222222 8.97777778,11.8222222 8.97777778,12.3555556 C8.97777778,12.8888889 9.42222222,13.2888889 9.91111111,13.2888889 C10.4444444,13.2888889 10.8444444,12.8888889 10.8444444,12.3555556 C10.8888889,11.8222222 10.4444444,11.4222222 9.91111111,11.4222222 C9.42222222,11.4222222 9.91111111,11.4222222 9.91111111,11.4222222 Z M5.82222222,2 C5.33333333,2 4.88888889,2.4 4.88888889,2.93333333 C4.88888889,3.46666666 5.33333333,3.86666667 5.82222222,3.86666667 C6.35555555,3.86666667 6.75555555,3.46666667 6.75555556,2.93333333 C6.8,2.4 6.35555556,2 5.82222222,2 Z M5.82222222,6.71111111 C5.28888889,6.71111111 4.88888889,7.11111111 4.88888889,7.64444444 C4.88888889,8.17777777 5.33333333,8.57777778 5.82222222,8.57777778 C6.35555555,8.57777778 6.75555555,8.17777778 6.75555556,7.64444444 C6.8,7.11111111 6.35555556,6.71111111 5.82222222,6.71111111 Z M5.82222222,11.4222222 C5.28888889,11.4222222 4.88888889,11.8222222 4.88888889,12.3555556 C4.88888889,12.8888889 5.33333333,13.2888889 5.82222222,13.2888889 C6.35555555,13.2888889 6.75555555,12.8888889 6.75555556,12.3555556 C6.8,11.8222222 6.35555556,11.4222222 5.82222222,11.4222222 Z",
+    id: "\u5F62\u72B6"
+  }))))))));
+};
+export default DragSvg;

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 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) {
@@ -45,7 +46,9 @@ function FilterDropDown(props) {
     dropdownClassName = props.dropdownClassName,
     _props$isShowSelectAl = props.isShowSelectAll,
     isShowSelectAll = _props$isShowSelectAl === void 0 ? true : _props$isShowSelectAl,
-    fixed = props.fixed;
+    fixed = props.fixed,
+    _props$isHoverSwitchi = props.isHoverSwitching,
+    isHoverSwitching = _props$isHoverSwitchi === void 0 ? true : _props$isHoverSwitchi;
   var addRef = useRef(null);
   var _useState = useState({
       x: 0,
@@ -66,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();
@@ -137,7 +138,8 @@ function FilterDropDown(props) {
             option: option,
             index: index,
             moveList: moveList,
-            checkedList: _checkedList
+            checkedList: _checkedList,
+            isHoverSwitching: isHoverSwitching
           }));
         } else {
           checkOptions.push( /*#__PURE__*/React.createElement("div", {
@@ -175,11 +177,11 @@ function FilterDropDown(props) {
   var renderDropdown = function renderDropdown() {
     var style = {};
     if (fixed) {
-      style.position = 'fixed';
+      style.position = "fixed";
       style.top = XY.y;
       style.lef = XY.x;
-      style.right = 'initial';
-      style.bottom = 'initial';
+      style.right = "initial";
+      style.bottom = "initial";
     }
     return /*#__PURE__*/React.createElement("div", {
       className: classnames("cw-dropdown-content", dropdownClassName),
@@ -192,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())));
@@ -258,6 +260,10 @@ FilterDropDown.propTypes = {
   /**
    * 是否fixed定位
    */
-  fixed: PropTypes.bool
+  fixed: PropTypes.bool,
+  /**
+   * 开启拖拽后的交互模式，默认为true(true为悬停即交换，false为鼠标松开再交换)
+   */
+  isHoverSwitching: PropTypes.bool
 };
 export default FilterDropDown;

package/lib/FilterDropDown/index.less

@@ -31,6 +31,14 @@
             padding: 6px 10px;
             align-items: center;
             cursor: move;
+            &.drop-over-downward{
+                border-bottom: @border-width-base dashed @primary-color;
+                padding-bottom: 5px;
+            }
+            &.drop-over-upward{
+                border-top: @border-width-base dashed @primary-color;
+                padding-top: 5px;
+            }
             &:hover{
                 background-color: @primary-1;
             }

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: '全選'
+};