@chaoswise/ui 3.0.6 → 3.0.8

package/lib/CWMessage/service/index.js

@@ -0,0 +1,35 @@
+import { fetchGet, fetchPost } from "../utils";
+
+// 用户登录预处理接口
+export var getSessionId = function getSessionId(gateway) {
+  return fetchGet("".concat(gateway, "/message/api/v1/tool/getSessionId"));
+};
+
+// 查询权限对应的tab栏信息
+export var getMessageTypeApi = function getMessageTypeApi(gateway) {
+  return fetchGet("".concat(gateway, "/message/api/v1/messageType/list"));
+};
+
+// 查询消息列表
+export var getMessageListApi = function getMessageListApi(params, gateway) {
+  return fetchGet("".concat(gateway, "/message/api/v1/innerMessage/page"), params);
+};
+
+// 已读指定信息
+export var readInnerMessageApi = function readInnerMessageApi(params, gateway) {
+  return fetchPost("".concat(gateway, "/message/api/v1/innerMessage/read"), params);
+};
+
+// 查询所有类型的未读信息
+export var getMessageUnreadCountApi = function getMessageUnreadCountApi(gateway) {
+  return fetchGet("".concat(gateway, "/message/api/v1/innerMessage/unreadCount"));
+};
+
+// 查询消息详情
+export var getMessageDetailApi = function getMessageDetailApi(params, gateway) {
+  return fetchGet("".concat(gateway, "/message/api/v1/innerMessage/getDetail"), params);
+};
+// 查询强提醒配置
+export var getMessageQuerySettingsApi = function getMessageQuerySettingsApi(gateway) {
+  return fetchGet("".concat(gateway, "/message/api/v1/notice/querySettings"));
+};

package/lib/CWMessage/utils/index.js

@@ -0,0 +1,33 @@
+var _window$localStorage$;
+var headers = {
+  withCredentials: true,
+  userId: window.localStorage.getItem("accountUserId") || "2",
+  accountId: window.localStorage.getItem("accountId") || "110",
+  "Content-Type": "application/json",
+  language: (_window$localStorage$ = window.localStorage.getItem("language")) !== null && _window$localStorage$ !== void 0 && _window$localStorage$.includes("en") ? "en_US" : "zh_CN"
+};
+export var fetchGet = function fetchGet(url, params) {
+  var str = "";
+  if (params) {
+    var arr = [];
+    Object.keys(params).forEach(function (item, index) {
+      arr.push(item + "=" + params[item]);
+    });
+    str = arr.join("&");
+  }
+  return fetch(url + "?" + str, {
+    method: "GET",
+    headers: headers
+  }).then(function (response) {
+    return response.json();
+  });
+};
+export var fetchPost = function fetchPost(url, params) {
+  return fetch(url, {
+    method: "POST",
+    body: JSON.stringify(params),
+    headers: headers
+  }).then(function (response) {
+    return response.json();
+  });
+};

package/lib/CWRadioTabs/index.js

@@ -0,0 +1,150 @@
+import _Dropdown from "@chaoswise/ui/lib/Dropdown";
+import _Radio from "@chaoswise/ui/lib/Radio";
+import _Menu from "@chaoswise/ui/lib/Menu";
+var _excluded = ["dataSource", "defaultActiveKey", "activeKey", "onChange", "maxShowCount", "size", "dropdownOption", "menuOption", "className"],
+  _excluded2 = ["className"];
+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 _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; }
+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; }
+import React, { forwardRef, useState, useEffect, useMemo } from "react";
+import { EllipsisOutlined } from "@ant-design/icons";
+import PropTypes from "prop-types";
+import classnames from "classnames";
+import useConfigContext from "../useConfigContext";
+import useStyle from "./index.style";
+var CWRadioTabs = /*#__PURE__*/forwardRef(function (props, ref) {
+  var _dataSource$find;
+  var _props$dataSource = props.dataSource,
+    dataSource = _props$dataSource === void 0 ? [] : _props$dataSource,
+    _props$defaultActiveK = props.defaultActiveKey,
+    defaultActiveKey = _props$defaultActiveK === void 0 ? (_dataSource$find = dataSource.find(function (item) {
+      return item.key;
+    })) === null || _dataSource$find === void 0 ? void 0 : _dataSource$find.key : _props$defaultActiveK,
+    activeKey = props.activeKey,
+    _props$onChange = props.onChange,
+    _onChange = _props$onChange === void 0 ? function () {} : _props$onChange,
+    maxShowCount = props.maxShowCount,
+    _props$size = props.size,
+    size = _props$size === void 0 ? "default" : _props$size,
+    dropdownOption = props.dropdownOption,
+    menuOption = props.menuOption,
+    className = props.className,
+    rest = _objectWithoutProperties(props, _excluded);
+  var _useConfigContext = useConfigContext(),
+    getPrefixCls = _useConfigContext.getPrefixCls;
+  var prefixCls = getPrefixCls("radio-tabs");
+  var _useStyle = useStyle(prefixCls),
+    _useStyle2 = _slicedToArray(_useStyle, 3),
+    wrapCSSVar = _useStyle2[0],
+    hashId = _useStyle2[1],
+    cssVarCls = _useStyle2[2];
+  // 活跃的key
+  var _useState = useState(""),
+    _useState2 = _slicedToArray(_useState, 2),
+    finalActiveKey = _useState2[0],
+    setFinalActiveKey = _useState2[1];
+  useEffect(function () {
+    if (activeKey) {
+      setFinalActiveKey(activeKey);
+    } else {
+      setFinalActiveKey(defaultActiveKey);
+    }
+  }, [defaultActiveKey, activeKey]);
+  var menuClassName = menuOption.className,
+    rest_ = _objectWithoutProperties(menuOption, _excluded2);
+  // 根据maxShowCount判断展示形式
+  var finalSliceCount = "maxShowCount" in props && maxShowCount >= 0 ? maxShowCount : dataSource.length;
+  var menu = /*#__PURE__*/React.createElement(_Menu, _extends({
+    selectable: true,
+    selectedKeys: [finalActiveKey],
+    className: classnames("".concat(prefixCls, "-menu"), menuClassName)
+  }, rest_), dataSource.slice(finalSliceCount).map(function (item) {
+    return /*#__PURE__*/React.createElement(_Menu.Item, {
+      onClick: function onClick() {
+        /* 切换item的回调，重复点击不生效 */
+        if (item.key == finalActiveKey) return;
+        if (!("activeKey" in props)) {
+          setFinalActiveKey(item.key);
+        }
+        _onChange(item.key);
+      },
+      key: item.key
+    }, item.title);
+  }));
+  if (!dataSource.length) return null;
+  return wrapCSSVar( /*#__PURE__*/React.createElement("div", _extends({
+    className: classnames(hashId, cssVarCls, prefixCls, className)
+  }, rest), /*#__PURE__*/React.createElement(_Radio.Group, {
+    value: finalActiveKey,
+    onChange: function onChange(e) {
+      if (!e.target.value || e.target.value === "more") {
+        return;
+      }
+      if (!("activeKey" in props)) {
+        setFinalActiveKey(e.target.value);
+      }
+      _onChange(e.target.value);
+    },
+    size: size
+  }, dataSource.slice(0, finalSliceCount).map(function (item) {
+    return /*#__PURE__*/React.createElement(_Radio.Button, {
+      value: item.key,
+      key: item.key
+    }, item.title);
+  }), dataSource.length > finalSliceCount && /*#__PURE__*/React.createElement(_Dropdown, _extends({
+    overlay: menu
+  }, dropdownOption), /*#__PURE__*/React.createElement(_Radio.Button, {
+    value: "more"
+  }, /*#__PURE__*/React.createElement(EllipsisOutlined, null)))), props.children));
+});
+CWRadioTabs.defaultProps = {
+  size: "default"
+};
+CWRadioTabs.propTypes = {
+  /**
+   * 设置按钮样式的大小
+   */
+  size: PropTypes.oneOf(["large", "default", "small"]),
+  /**
+   * 初始化选中面板的 key，如果没有设置 activeKey
+   */
+  defaultActiveKey: PropTypes.string,
+  /**
+   * 当前激活面板的 key
+   */
+  activeKey: PropTypes.string,
+  /**
+   * 切换面板的回调 Function(activeKey) {}
+   */
+  onChange: PropTypes.func,
+  /**
+   * 定制dropdown相关配置
+   */
+  dropdownOption: PropTypes.object,
+  /**
+   * menu菜单相关配置
+   */
+  menuOption: PropTypes.object,
+  /**
+   * 超出多少数目展示更多
+   */
+  maxShowCount: PropTypes.number,
+  /**
+   *外层容器的类名
+   */
+  className: PropTypes.string,
+  /**
+   * 标签页数据源,title-标题，key：唯一value值
+   */
+  dataSource: PropTypes.arrayOf(PropTypes.shape({
+    key: PropTypes.string,
+    title: PropTypes.oneOfType([PropTypes.string, PropTypes.node])
+  }))
+};
+export default CWRadioTabs;

package/lib/CWRadioTabs/index.style.js

@@ -0,0 +1,33 @@
+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); }
+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); }
+import { genStyleHooks } from "../Antd5/theme/internal";
+var genCustomCWRadioTabsStyle = function genCustomCWRadioTabsStyle(token) {
+  var prefixCls = token.antCls,
+    colorPickerPrefix = token.componentCls;
+  var radioPrefix = ".".concat(prefixCls, "-radio");
+  var radioTabsPrefix = "".concat(prefixCls, "-radio-tabs");
+  return _defineProperty(_defineProperty({}, radioTabsPrefix, _defineProperty({
+    display: "flex",
+    flexDirection: "column"
+  }, "".concat(radioPrefix, "-group"), _defineProperty(_defineProperty({}, "".concat(radioPrefix, "-button-wrapper:not(").concat(prefixCls, "-dropdown-trigger)"), {
+    padding: "0 11px"
+  }), "".concat(radioPrefix, "-button-wrapper").concat(prefixCls, "-dropdown-trigger"), {
+    display: "inline-flex",
+    "> span:last-child": _defineProperty({
+      display: "flex",
+      justifyContent: "center",
+      alignItems: "center"
+    }, token.iconCls, {
+      fontSize: "16px"
+    })
+  }))), "".concat(radioTabsPrefix, "-menu"), {
+    maxHeight: "200px",
+    overflowY: "auto"
+  });
+};
+// ============================== Export ==============================
+export default genStyleHooks("CWRadioTabs", function (token) {
+  return [genCustomCWRadioTabsStyle(token)];
+});

package/lib/CWRangePicker/DropdownMenu/MoreHistoryList/index.js

@@ -0,0 +1,37 @@
+import _Tag from "@chaoswise/ui/lib/Tag";
+import React from "react";
+import { DeleteOutlined } from "@ant-design/icons";
+import { useIntl } from "../../../locales";
+export default function MoreHistoryList(props) {
+  var historyList = props.historyList,
+    onClickTag = props.onClickTag,
+    onCloseTag = props.onCloseTag,
+    onCloseAllTag = props.onCloseAllTag;
+  var intl = useIntl();
+  return /*#__PURE__*/React.createElement("div", {
+    className: "cw-dropdown-menu-history-popup-more-wrapper"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "cw-dropdown-menu-history-popup-more-header"
+  }, /*#__PURE__*/React.createElement("span", null, intl.get("294afc43-e2de-4d72-ba99-1f25d6f7a1d7").d("历史记录")), /*#__PURE__*/React.createElement("div", {
+    onClick: onCloseAllTag
+  }, /*#__PURE__*/React.createElement(DeleteOutlined, null), /*#__PURE__*/React.createElement("span", {
+    style: {
+      marginLeft: "4px"
+    }
+  }, intl.get("53e957d9-8aee-4322-a144-31d4cff11c9f").d("清空")))), /*#__PURE__*/React.createElement("div", {
+    className: "cw-dropdown-menu-history-popup-more-content"
+  }, historyList.map(function (tag) {
+    return /*#__PURE__*/React.createElement(_Tag, {
+      key: tag.title,
+      closable: true,
+      onClose: function onClose(e) {
+        return onCloseTag(e, tag);
+      },
+      onClick: function onClick(e) {
+        return onClickTag(e, tag);
+      },
+      type: "custom_type01",
+      className: "cw-dropdown-menu-history-popup-more-content-tag-title"
+    }, tag.title);
+  })));
+}

package/lib/CWRangePicker/DropdownMenu/MoreTimeList/index.js

@@ -0,0 +1,46 @@
+import _Row from "@chaoswise/ui/lib/Row";
+import _Col from "@chaoswise/ui/lib/Col";
+import _TooltipText from "@chaoswise/ui/lib/TooltipText";
+import React from "react";
+import classnames from "classnames";
+import { useIntl } from "../../../locales";
+var MoreTimeList = function MoreTimeList(props) {
+  var regroupDataSource = props.regroupDataSource,
+    recordDateValue = props.recordDateValue,
+    onClickItem = props.onClickItem;
+  var intl = useIntl();
+  var timeTypeItemLangConfig = {
+    recently: intl.get("0e9700d5-1df7-43d4-921b-d6fc4a3bb9b8").d("最近"),
+    relative: intl.get("41621b6c-711d-4461-8e3f-66b5c355d67c").d("相对"),
+    absolute: intl.get("dd9a42ea-9eca-4315-b925-8cc97cacfd41").d("绝对"),
+    unixTimestamp: "Unix",
+    other: intl.get("80547f6f-9a34-486f-9bc4-8d5e0af23ae0").d("其他")
+  };
+  // 点击Menu.Item中切换常规模式
+  var onClickMoreItem = function onClickMoreItem(item) {
+    onClickItem(item);
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    className: classnames("cw-range-picker-popup-more-content")
+  }, regroupDataSource.map(function (timeTypeItem, index) {
+    return /*#__PURE__*/React.createElement("div", {
+      style: {
+        padding: "8px 0",
+        borderBottom: regroupDataSource.length - 1 !== index ? "1px solid rgba(0,0,0,0.06)" : ""
+      },
+      key: timeTypeItem.type
+    }, /*#__PURE__*/React.createElement("h3", null, timeTypeItemLangConfig[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,
+        className: classnames("more-col-item", {
+          "cw-dropdown-menu-item-selected": (recordDateValue === null || recordDateValue === void 0 ? void 0 : recordDateValue.key) === item.key
+        }),
+        onClick: function onClick() {
+          return onClickMoreItem(item);
+        }
+      }, /*#__PURE__*/React.createElement(_TooltipText, null, item.render ? item.render(item) : item.title));
+    })));
+  }));
+};
+export default MoreTimeList;

package/lib/CWRangePicker/DropdownMenu/index.js

@@ -0,0 +1,240 @@
+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 _Tag from "@chaoswise/ui/lib/Tag";
+import _Dropdown from "@chaoswise/ui/lib/Dropdown";
+var _excluded = ["timeDomain", "number", "unit", "value", "isRecently"];
+function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
+function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
+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; }
+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 _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';
+var DropdownMenu = function DropdownMenu(props) {
+  var dataSource = props.dataSource,
+    regroupDataSource = props.regroupDataSource,
+    setIsCalendar = props.setIsCalendar,
+    recordDateValue = props.recordDateValue,
+    setRecordDateValue = props.setRecordDateValue,
+    _value = props.value,
+    onChange = props.onChange,
+    moreItemDropdownPosition = props.moreItemDropdownPosition,
+    menuOption = props.menuOption,
+    setIsFocus = props.setIsFocus,
+    historyList = props.historyList,
+    setHistoryList = props.setHistoryList,
+    format = props.format,
+    timeSpanOption = props.timeSpanOption;
+  var _useStyle = useStyle("cw-dropdown-menu-wrapper"),
+    _useStyle2 = _slicedToArray(_useStyle, 3),
+    wrapCSSVar = _useStyle2[0],
+    hashId = _useStyle2[1],
+    cssVarCls = _useStyle2[2];
+  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;
+  var _timeSpanOption$timeS = timeSpanOption.timeSpanBoundary,
+    timeSpanBoundary = _timeSpanOption$timeS === void 0 ? 94608000 : _timeSpanOption$timeS;
+  var _menuOption$showCalen = menuOption.showCalendar,
+    showCalendar = _menuOption$showCalen === void 0 ? true : _menuOption$showCalen,
+    _menuOption$showHisto = menuOption.showHistoryList,
+    showHistoryList = _menuOption$showHisto === void 0 ? false : _menuOption$showHisto,
+    _menuOption$showDefau = menuOption.showDefaultCount,
+    showDefaultCount = _menuOption$showDefau === void 0 ? 8 : _menuOption$showDefau,
+    _menuOption$showDefau2 = menuOption.showDefaultHistoryCount,
+    showDefaultHistoryCount = _menuOption$showDefau2 === void 0 ? 5 : _menuOption$showDefau2,
+    _menuOption$moreHisto = menuOption.moreHistoryDropdownPosition,
+    moreHistoryDropdownPosition = _menuOption$moreHisto === void 0 ? 'left' : _menuOption$moreHisto;
+  // 点击Menu.Item中切换选项列表
+  var onClickItem = function onClickItem(item) {
+    var timeDomain = recordDateValue.timeDomain,
+      number = recordDateValue.number,
+      unit = recordDateValue.unit,
+      value = recordDateValue.value,
+      isRecently = recordDateValue.isRecently,
+      rest = _objectWithoutProperties(recordDateValue, _excluded);
+    setIsFocus(false);
+    var values = item.value;
+    if (item.key !== recordDateValue.key) {
+      var returnValue = _objectSpread(_objectSpread({}, item), {}, {
+        value: funcValueChangeArrayValue(values)
+      });
+      returnValue = getCorrectValue(returnValue, item.key);
+      onChange(returnValue);
+      var _getHistoryInfo = getHistoryInfo(returnValue, historyList, {
+          intl: intl,
+          locale: locale
+        }, format, timeSpanBoundary),
+        _getHistoryInfo2 = _slicedToArray(_getHistoryInfo, 2),
+        isRepeat = _getHistoryInfo2[0],
+        historyValue = _getHistoryInfo2[1];
+      if (!isRepeat) {
+        setHistoryList(function (pre) {
+          return [historyValue].concat(_toConsumableArray(pre));
+        });
+      }
+      if (!_value) {
+        setRecordDateValue(returnValue);
+      }
+    }
+  };
+  // 点击切换为日历
+  var onClickSelectCalendar = function onClickSelectCalendar(e) {
+    e.nativeEvent.stopImmediatePropagation();
+    setIsCalendar(true);
+  };
+  // 存在历史记录点击tag回显时间
+  var onClickTag = function onClickTag(e, item) {
+    e.stopPropagation();
+    setIsFocus(false);
+    if (item.key !== recordDateValue.key) {
+      var values = item.value,
+        timeDomain = item.timeDomain;
+      var returnValue = _objectSpread(_objectSpread({}, item), {}, {
+        value: funcValueChangeArrayValue(values)
+      });
+      returnValue = getCorrectValue(returnValue, timeDomain);
+      onChange(returnValue);
+      if (!_value) {
+        setRecordDateValue(returnValue);
+      }
+    }
+  };
+  // 存在历史记录点击tag关闭按钮标签
+  var onCloseTag = function onCloseTag(e, item) {
+    var key = item.key;
+    e.stopPropagation();
+    setHistoryList(function (pre) {
+      return pre.filter(function (i) {
+        return i.key !== key;
+      });
+    });
+  };
+  var onCloseAllTag = function onCloseAllTag(e) {
+    e.stopPropagation();
+    setHistoryList([]);
+  };
+  return wrapCSSVar( /*#__PURE__*/React.createElement("div", {
+    className: classnames(hashId, cssVarCls, '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),
+      _judgeType2 = _slicedToArray(_judgeType, 1),
+      isRule = _judgeType2[0];
+    var isHasDate = true;
+    if (!isRule && !values) {
+      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
+      }),
+      key: item.key,
+      onClick: function onClick() {
+        return onClickItem(item);
+      }
+    }, item.icon ? item.icon : isHasDate ? /*#__PURE__*/React.createElement(CalendarSvg, {
+      className: "cw-range-picker-prefix-icon"
+    }) : /*#__PURE__*/React.createElement(LiveSvg, null), /*#__PURE__*/React.createElement("span", {
+      style: {
+        marginLeft: '4px'
+      }
+    }, item.render ? item.render(item) : item.title));
+  }), (dataSource === null || dataSource === void 0 ? void 0 : dataSource.length) > showDefaultCount && /*#__PURE__*/React.createElement(_Dropdown, {
+    overlay: /*#__PURE__*/React.createElement(MoreTimeList, {
+      regroupDataSource: regroupDataSource,
+      recordDateValue: recordDateValue,
+      onClickItem: onClickItem
+    }),
+    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')
+  }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      display: 'flex',
+      alignItems: 'center'
+    }
+  }, /*#__PURE__*/React.createElement(MoreSvg, {
+    className: "cw-range-picker-prefix-icon"
+  }), /*#__PURE__*/React.createElement("span", {
+    style: {
+      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',
+    onClick: onClickSelectCalendar
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "cw-range-picker-menu-item-calendar"
+  }, /*#__PURE__*/React.createElement(Calendar2Svg, {
+    className: "cw-range-picker-prefix-icon"
+  })), /*#__PURE__*/React.createElement("span", {
+    style: {
+      marginLeft: '4px'
+    }
+  }, 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'
+    }),
+    getPopupContainer: function getPopupContainer(triggerNode) {
+      return triggerNode;
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    className: classnames('cw-dropdown-menu-history-outer-wrapper')
+  }, /*#__PURE__*/React.createElement("div", {
+    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) {
+    return /*#__PURE__*/React.createElement(_Tag, {
+      type: "custom_type01",
+      closable: true,
+      key: tag.key,
+      className: "cw-dropdown-menu-history-tag-title",
+      onClick: function onClick(e) {
+        return onClickTag(e, tag);
+      },
+      onClose: function onClose(e) {
+        return onCloseTag(e, tag);
+      }
+    }, tag.title);
+  }), historyList.length > showDefaultHistoryCount && /*#__PURE__*/React.createElement("span", {
+    className: "cw-dropdown-menu-history-more-ellipsis"
+  }, "...")), /*#__PURE__*/React.createElement(RightOutlined, {
+    className: "cw-dropdown-menu-history-arrow"
+  })))));
+};
+export default DropdownMenu;