@chaoswise/ui 3.0.12 → 3.0.14

package/lib/CWMessage/index.js

@@ -13,8 +13,8 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-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], t.indexOf(o) >= 0 || {}.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 (e.indexOf(n) >= 0) continue; t[n] = r[n]; } return t; }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(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 (e.includes(n)) continue; t[n] = r[n]; } return t; }
 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."); }
 function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
@@ -99,6 +99,8 @@ function Message(props) {
     setTotal = _useState8[1];
   // 保存消息配置
   var messageOptionRef = useRef({});
+  // 获取socket信息
+  var socketConnectInfo = useRef();
   // 分页配置初始化
   var _useState9 = useState({
       current: 1,
@@ -124,6 +126,11 @@ function Message(props) {
   useEffect(function () {
     getMessageQuerySettings();
     connectSocket();
+    return function () {
+      if (socketConnectInfo.current) {
+        socketConnectInfo.current.disconnect && socketConnectInfo.current.disconnect();
+      }
+    };
   }, []);
   useEffect(function () {
     setPageInfo(function (pre) {
@@ -166,9 +173,9 @@ function Message(props) {
               userMessageId: id,
               clientType: "BROWSER"
             };
-            resRequestApi = _getMessageDetailApi ? _getMessageDetailApi(params) : getMessageDetailApi(params, gatewayPrefix);
+            resRequestApi = _getMessageDetailApi || getMessageDetailApi;
             _context.next = 4;
-            return resRequestApi;
+            return resRequestApi(params, gatewayPrefix);
           case 4:
             res = _context.sent;
             if (res && res.status == "success") {
@@ -203,24 +210,13 @@ function Message(props) {
   }();
   var readInnerMessage = /*#__PURE__*/function () {
     var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(params) {
-      var resRequestApi, res;
+      var resRequestApi;
       return _regeneratorRuntime().wrap(function _callee2$(_context2) {
         while (1) switch (_context2.prev = _context2.next) {
           case 0:
-            resRequestApi = _readInnerMessageApi ? _readInnerMessageApi(params) : readInnerMessageApi(params, gatewayPrefix);
-            _context2.next = 3;
-            return resRequestApi;
-          case 3:
-            res = _context2.sent;
-            if (res.status == "success") {
-              // if (pageInfo.current > 1 && dataSource.length === 1) {
-              //   let _params = { current: pageInfo.current - 1 };
-              //   setPageInfo((pre) => ({ ...pre, current: pre.current - 1 }));
-              //   conditionsRef.current = { ...conditionsRef.current, ..._params };
-              // }
-              // 已读消息
-            }
-          case 5:
+            resRequestApi = _readInnerMessageApi || readInnerMessageApi;
+            resRequestApi(params, gatewayPrefix);
+          case 2:
           case "end":
             return _context2.stop();
         }
@@ -230,17 +226,53 @@ function Message(props) {
       return _ref3.apply(this, arguments);
     };
   }();
+  var getSocketPostMessage = function getSocketPostMessage(data) {
+    var _JSON$parse = JSON.parse(data),
+      count = _JSON$parse.count,
+      message = _JSON$parse.message;
+    var _ref4 = count || {},
+      _ref4$total = _ref4.total,
+      total = _ref4$total === void 0 ? 0 : _ref4$total;
+    setMessageTotal(total);
+    onSocketChange(JSON.parse(data));
+    if (message) {
+      var noticeMessage = message.noticeMessage,
+        action = message.action;
+      var _ref5 = noticeMessage || {},
+        userMessageId = _ref5.id,
+        type = _ref5.type;
+      if (!userMessageId) return;
+      if (action && action.mode === "recall") {
+        // 销毁强提醒
+        api.destroy(userMessageId);
+        // 销毁后如果弹窗开启关闭弹窗
+        setVisible(false);
+      } else {
+        // 生成强提醒
+        var _ref6 = messageOptionRef.current[type] || {},
+          enable = _ref6.enable,
+          _mode = _ref6.mode,
+          _ref6$time = _ref6.time,
+          time = _ref6$time === void 0 ? 5 : _ref6$time;
+        setMode(_mode);
+        if (enable) {
+          openNotification(time, userMessageId);
+        }
+      }
+    }
+  };
   var connectSocket = /*#__PURE__*/function () {
-    var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee5() {
+    var _ref7 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4() {
       var resRequestApi, res, finalOrigin, socket;
-      return _regeneratorRuntime().wrap(function _callee5$(_context5) {
-        while (1) switch (_context5.prev = _context5.next) {
+      return _regeneratorRuntime().wrap(function _callee4$(_context4) {
+        while (1) switch (_context4.prev = _context4.next) {
           case 0:
-            resRequestApi = _getSessionId ? _getSessionId() : getSessionId(gatewayPrefix);
-            _context5.next = 3;
-            return resRequestApi;
+            // 获取sessionId
+            resRequestApi = _getSessionId || getSessionId;
+            _context4.next = 3;
+            return resRequestApi(gatewayPrefix);
           case 3:
-            res = _context5.sent;
+            res = _context4.sent;
             if (res && res.status == "success") {
               finalOrigin = socketOrigin ? socketOrigin : "ws://".concat(window.location.host);
               socket = io(finalOrigin, {
@@ -250,62 +282,20 @@ function Message(props) {
                   sessionId: res.data,
                   clientType: "BROWSER"
                 }
-              });
-              socket.on("push", /*#__PURE__*/function () {
-                var _ref5 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3(data) {
-                  var _JSON$parse, count, message, _ref6, _ref6$total, total, noticeMessage, action, _ref7, userMessageId, type, _ref8, enable, _mode, _ref8$time, time;
-                  return _regeneratorRuntime().wrap(function _callee3$(_context3) {
-                    while (1) switch (_context3.prev = _context3.next) {
-                      case 0:
-                        _JSON$parse = JSON.parse(data), count = _JSON$parse.count, message = _JSON$parse.message;
-                        _ref6 = count || {}, _ref6$total = _ref6.total, total = _ref6$total === void 0 ? 0 : _ref6$total;
-                        setMessageTotal(total);
-                        onSocketChange(JSON.parse(data));
-                        if (!message) {
-                          _context3.next = 10;
-                          break;
-                        }
-                        noticeMessage = message.noticeMessage, action = message.action;
-                        _ref7 = noticeMessage || {}, userMessageId = _ref7.id, type = _ref7.type;
-                        if (userMessageId) {
-                          _context3.next = 9;
-                          break;
-                        }
-                        return _context3.abrupt("return");
-                      case 9:
-                        if (action && action.mode === "recall") {
-                          // 销毁强提醒
-                          api.destroy(userMessageId);
-                          // 销毁后如果弹窗开启关闭弹窗
-                          setVisible(false);
-                        } else {
-                          // 生成强提醒
-                          _ref8 = messageOptionRef.current[type] || {}, enable = _ref8.enable, _mode = _ref8.mode, _ref8$time = _ref8.time, time = _ref8$time === void 0 ? 5 : _ref8$time;
-                          setMode(_mode);
-                          if (enable) {
-                            openNotification(time, userMessageId);
-                          }
-                        }
-                      case 10:
-                      case "end":
-                        return _context3.stop();
-                    }
-                  }, _callee3);
-                }));
-                return function (_x4) {
-                  return _ref5.apply(this, arguments);
-                };
-              }());
+              }); // 记录socket连接信息，用于关闭socket连接
+              socketConnectInfo.current = socket;
+              // 监听从服务器传来的消息
+              socket.on("push", getSocketPostMessage);
               // socket重连
-              socket.on("reconnect_attempt", /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4() {
+              socket.on("reconnect_attempt", /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3() {
                 var res;
-                return _regeneratorRuntime().wrap(function _callee4$(_context4) {
-                  while (1) switch (_context4.prev = _context4.next) {
+                return _regeneratorRuntime().wrap(function _callee3$(_context3) {
+                  while (1) switch (_context3.prev = _context3.next) {
                     case 0:
-                      _context4.next = 2;
+                      _context3.next = 2;
                       return resRequestApi;
                     case 2:
-                      res = _context4.sent;
+                      res = _context3.sent;
                       if (res && res.status == "success") {
                         socket.io.opts.query = {
                           sessionId: res.data,
@@ -314,44 +304,44 @@ function Message(props) {
                       }
                     case 4:
                     case "end":
-                      return _context4.stop();
+                      return _context3.stop();
                   }
-                }, _callee4);
+                }, _callee3);
               })));
             }
           case 5:
           case "end":
-            return _context5.stop();
+            return _context4.stop();
         }
-      }, _callee5);
+      }, _callee4);
     }));
     return function connectSocket() {
-      return _ref4.apply(this, arguments);
+      return _ref7.apply(this, arguments);
     };
   }();
   var getMessageQuerySettings = /*#__PURE__*/function () {
-    var _ref10 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee6() {
+    var _ref9 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee5() {
       var resRequestApi, res, data;
-      return _regeneratorRuntime().wrap(function _callee6$(_context6) {
-        while (1) switch (_context6.prev = _context6.next) {
+      return _regeneratorRuntime().wrap(function _callee5$(_context5) {
+        while (1) switch (_context5.prev = _context5.next) {
           case 0:
-            resRequestApi = _getMessageQuerySettingsApi ? _getMessageQuerySettingsApi() : getMessageQuerySettingsApi(gatewayPrefix);
-            _context6.next = 3;
-            return resRequestApi;
+            resRequestApi = _getMessageQuerySettingsApi || getMessageQuerySettingsApi;
+            _context5.next = 3;
+            return resRequestApi(gatewayPrefix);
           case 3:
-            res = _context6.sent;
+            res = _context5.sent;
             if (res && res.status === "success") {
               data = res.data;
               messageOptionRef.current = data || {};
             }
           case 5:
           case "end":
-            return _context6.stop();
+            return _context5.stop();
         }
-      }, _callee6);
+      }, _callee5);
     }));
     return function getMessageQuerySettings() {
-      return _ref10.apply(this, arguments);
+      return _ref9.apply(this, arguments);
     };
   }();
   return wrapCSSVar( /*#__PURE__*/React.createElement("div", {

package/lib/CWMessage/index.style.js

@@ -126,9 +126,7 @@ var genCustomCWMessageStyle = function genCustomCWMessageStyle(token) {
     }
   })), "".concat(messagePrefixCls, "-content-tabs-list"), _defineProperty(_defineProperty(_defineProperty(_defineProperty({
     paddingTop: "16px"
-  }, "&".concat(messagePrefixCls, "-content-tabs-list-invalid"), _defineProperty({
-    color: "red"
-  }, "".concat(messagePrefixCls, "-content-tabs-list-title,").concat(messagePrefixCls, "-content-tabs-list-desc,").concat(messagePrefixCls, "-content-tabs-list-date"), {
+  }, "&".concat(messagePrefixCls, "-content-tabs-list-invalid"), _defineProperty({}, "".concat(messagePrefixCls, "-content-tabs-list-title,").concat(messagePrefixCls, "-content-tabs-list-desc,").concat(messagePrefixCls, "-content-tabs-list-date"), {
     color: token.colorTextDisabled,
     "&:hover": {
       color: token.colorTextDisabled
@@ -157,7 +155,7 @@ var genCustomCWMessageStyle = function genCustomCWMessageStyle(token) {
     WebkitBoxOrient: "vertical",
     marginTop: "8px",
     marginBottom: "4px",
-    height: "40px",
+    // height: "40px",
     lineHeight: "20px",
     color: token.colorTextSecondary,
     whiteSpace: "pre-wrap"

package/lib/CWRadioTabs/index.js

@@ -10,8 +10,8 @@ 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; }
-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], t.indexOf(o) >= 0 || {}.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 (e.indexOf(n) >= 0) continue; t[n] = r[n]; } return t; }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(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 (e.includes(n)) continue; t[n] = r[n]; } return t; }
 import React, { forwardRef, useState, useEffect, useMemo } from "react";
 import { EllipsisOutlined } from "@ant-design/icons";
 import PropTypes from "prop-types";

package/lib/CWRangePicker/DropdownMenu/index.js

@@ -11,26 +11,27 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-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], t.indexOf(o) >= 0 || {}.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 (e.indexOf(n) >= 0) continue; t[n] = r[n]; } return t; }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(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 (e.includes(n)) continue; t[n] = r[n]; } return t; }
 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."); }
 function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
 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 React from 'react';
-import { RightOutlined } from '@ant-design/icons';
-import classnames from 'classnames';
-import CalendarSvg from '../assets/Calendar';
-import Calendar2Svg from '../assets/Calendar2';
-import LiveSvg from '../assets/live';
-import MoreSvg from '../assets/more';
-import MoreTimeList from './MoreTimeList';
-import MoreHistoryList from './MoreHistoryList';
-import { judgeType, funcValueChangeArrayValue, getCorrectValue, getHistoryInfo } from '../utils';
-import { useIntl } from '../../locales';
-import useStyle from './index.style';
+import React from "react";
+import { RightOutlined } from "@ant-design/icons";
+import classnames from "classnames";
+import CalendarSvg from "../assets/Calendar";
+import Calendar2Svg from "../assets/Calendar2";
+import LiveSvg from "../assets/live";
+import MoreSvg from "../assets/more";
+import MoreTimeList from "./MoreTimeList";
+import MoreHistoryList from "./MoreHistoryList";
+import useConfigContext from "../../useConfigContext";
+import { judgeType, funcValueChangeArrayValue, getCorrectValue, getHistoryInfo } from "../utils";
+import { useIntl } from "../../locales";
+import useStyle from "./index.style";
 var DropdownMenu = function DropdownMenu(props) {
   var dataSource = props.dataSource,
     regroupDataSource = props.regroupDataSource,
@@ -46,7 +47,10 @@ var DropdownMenu = function DropdownMenu(props) {
     setHistoryList = props.setHistoryList,
     format = props.format,
     timeSpanOption = props.timeSpanOption;
-  var _useStyle = useStyle("cw-dropdown-menu-wrapper"),
+  var _useConfigContext = useConfigContext(),
+    getPrefixCls = _useConfigContext.getPrefixCls;
+  var prefixCls = getPrefixCls();
+  var _useStyle = useStyle("".concat(prefixCls, "-cw-dropdown-menu")),
     _useStyle2 = _slicedToArray(_useStyle, 3),
     wrapCSSVar = _useStyle2[0],
     hashId = _useStyle2[1],
@@ -54,7 +58,7 @@ var DropdownMenu = function DropdownMenu(props) {
   var intl = useIntl();
   var _ref = (intl === null || intl === void 0 ? void 0 : intl.options) || {},
     _ref$currentLocale = _ref.currentLocale,
-    locale = _ref$currentLocale === void 0 ? 'zh_CN' : _ref$currentLocale;
+    locale = _ref$currentLocale === void 0 ? "zh_CN" : _ref$currentLocale;
   var _timeSpanOption$timeS = timeSpanOption.timeSpanBoundary,
     timeSpanBoundary = _timeSpanOption$timeS === void 0 ? 94608000 : _timeSpanOption$timeS;
   var _menuOption$showCalen = menuOption.showCalendar,
@@ -66,7 +70,7 @@ var DropdownMenu = function DropdownMenu(props) {
     _menuOption$showDefau2 = menuOption.showDefaultHistoryCount,
     showDefaultHistoryCount = _menuOption$showDefau2 === void 0 ? 5 : _menuOption$showDefau2,
     _menuOption$moreHisto = menuOption.moreHistoryDropdownPosition,
-    moreHistoryDropdownPosition = _menuOption$moreHisto === void 0 ? 'left' : _menuOption$moreHisto;
+    moreHistoryDropdownPosition = _menuOption$moreHisto === void 0 ? "left" : _menuOption$moreHisto;
   // 点击Menu.Item中切换选项列表
   var onClickItem = function onClickItem(item) {
     var timeDomain = recordDateValue.timeDomain,
@@ -137,7 +141,7 @@ var DropdownMenu = function DropdownMenu(props) {
     setHistoryList([]);
   };
   return wrapCSSVar( /*#__PURE__*/React.createElement("div", {
-    className: classnames(hashId, cssVarCls, 'cw-dropdown-menu-wrapper')
+    className: classnames(hashId, cssVarCls, "".concat(prefixCls, "-cw-dropdown-menu-wrapper"))
   }, dataSource === null || dataSource === void 0 ? void 0 : dataSource.slice(0, showDefaultCount).map(function (item) {
     var values = item.value;
     var _judgeType = judgeType(item),
@@ -148,8 +152,8 @@ var DropdownMenu = function DropdownMenu(props) {
       isHasDate = false;
     }
     return /*#__PURE__*/React.createElement("div", {
-      className: classnames('cw-dropdown-menu-_item', {
-        'cw-dropdown-menu-item-selected': (recordDateValue === null || recordDateValue === void 0 ? void 0 : recordDateValue.key) === item.key
+      className: classnames("cw-dropdown-menu-_item", {
+        "cw-dropdown-menu-item-selected": (recordDateValue === null || recordDateValue === void 0 ? void 0 : recordDateValue.key) === item.key
       }),
       key: item.key,
       onClick: function onClick() {
@@ -159,7 +163,7 @@ var DropdownMenu = function DropdownMenu(props) {
       className: "cw-range-picker-prefix-icon"
     }) : /*#__PURE__*/React.createElement(LiveSvg, null), /*#__PURE__*/React.createElement("span", {
       style: {
-        marginLeft: '4px'
+        marginLeft: "4px"
       }
     }, item.render ? item.render(item) : item.title));
   }), (dataSource === null || dataSource === void 0 ? void 0 : dataSource.length) > showDefaultCount && /*#__PURE__*/React.createElement(_Dropdown, {
@@ -168,28 +172,28 @@ var DropdownMenu = function DropdownMenu(props) {
       recordDateValue: recordDateValue,
       onClickItem: onClickItem
     }),
-    overlayClassName: classnames('cw-dropdown-menu-more-wrapper', {
-      'cw-dropdown-menu-more-wrapper-left': moreItemDropdownPosition === 'left'
+    overlayClassName: classnames("cw-dropdown-menu-more-wrapper", {
+      "cw-dropdown-menu-more-wrapper-left": moreItemDropdownPosition === "left"
     }),
     getPopupContainer: function getPopupContainer(triggerNode) {
       return triggerNode;
     }
   }, /*#__PURE__*/React.createElement("div", {
-    className: classnames('cw-dropdown-menu-_item', 'cw-dropdown-menu-item-more')
+    className: classnames("cw-dropdown-menu-_item", "cw-dropdown-menu-item-more")
   }, /*#__PURE__*/React.createElement("div", {
     style: {
-      display: 'flex',
-      alignItems: 'center'
+      display: "flex",
+      alignItems: "center"
     }
   }, /*#__PURE__*/React.createElement(MoreSvg, {
     className: "cw-range-picker-prefix-icon"
   }), /*#__PURE__*/React.createElement("span", {
     style: {
-      marginLeft: '4px'
+      marginLeft: "4px"
     }
-  }, intl.get('a30db643-5238-42bc-bc5e-98a9d0c7df51').d('更多'))), /*#__PURE__*/React.createElement(RightOutlined, null))), showCalendar && /*#__PURE__*/React.createElement("div", {
-    className: classnames('cw-dropdown-menu-_item'),
-    key: 'unique-calendar',
+  }, intl.get("a30db643-5238-42bc-bc5e-98a9d0c7df51").d("更多"))), /*#__PURE__*/React.createElement(RightOutlined, null))), showCalendar && /*#__PURE__*/React.createElement("div", {
+    className: classnames("cw-dropdown-menu-_item"),
+    key: "unique-calendar",
     onClick: onClickSelectCalendar
   }, /*#__PURE__*/React.createElement("div", {
     className: "cw-range-picker-menu-item-calendar"
@@ -197,28 +201,28 @@ var DropdownMenu = function DropdownMenu(props) {
     className: "cw-range-picker-prefix-icon"
   })), /*#__PURE__*/React.createElement("span", {
     style: {
-      marginLeft: '4px'
+      marginLeft: "4px"
     }
-  }, intl.get('711fdb26-65b9-48da-ba3c-363f5ab8218c').d('日历选择'))), showHistoryList && Boolean(historyList.length) && /*#__PURE__*/React.createElement(_Dropdown, {
+  }, intl.get("711fdb26-65b9-48da-ba3c-363f5ab8218c").d("日历选择"))), showHistoryList && Boolean(historyList.length) && /*#__PURE__*/React.createElement(_Dropdown, {
     overlay: /*#__PURE__*/React.createElement(MoreHistoryList, {
       historyList: historyList,
       onClickTag: onClickTag,
       onCloseTag: onCloseTag,
       onCloseAllTag: onCloseAllTag
     }),
-    overlayClassName: classnames('cw-dropdown-menu-history-more-wrapper', {
-      'cw-dropdown-menu-history-more-wrapper-left': moreHistoryDropdownPosition === 'left'
+    overlayClassName: classnames("cw-dropdown-menu-history-more-wrapper", {
+      "cw-dropdown-menu-history-more-wrapper-left": moreHistoryDropdownPosition === "left"
     }),
     getPopupContainer: function getPopupContainer(triggerNode) {
       return triggerNode;
     }
   }, /*#__PURE__*/React.createElement("div", {
-    className: classnames('cw-dropdown-menu-history-outer-wrapper')
+    className: classnames("cw-dropdown-menu-history-outer-wrapper")
   }, /*#__PURE__*/React.createElement("div", {
-    className: classnames('cw-dropdown-menu-history-wrapper')
+    className: classnames("cw-dropdown-menu-history-wrapper")
   }, /*#__PURE__*/React.createElement("span", {
     className: "cw-dropdown-menu-history-title"
-  }, intl.get('294afc43-e2de-4d72-ba99-1f25d6f7a1d7').d('历史记录')), historyList.slice(0, showDefaultHistoryCount).map(function (tag) {
+  }, intl.get("294afc43-e2de-4d72-ba99-1f25d6f7a1d7").d("历史记录")), historyList.slice(0, showDefaultHistoryCount).map(function (tag) {
     return /*#__PURE__*/React.createElement(_Tag, {
       type: "custom_type01",
       closable: true,