@chaoswise/ui 2.6.9 → 2.7.0

package/lib/Antd3/es/card/index.js

@@ -143,7 +143,7 @@ import { ConfigConsumer } from '../config-provider';
 import warning from '../_util/warning';
 function getAction(actions) {
   var actionList = actions.map(function (action, index) {
-    return /*#__PURE__*/(
+    return (/*#__PURE__*/
       // eslint-disable-next-line react/no-array-index-key
       React.createElement("li", {
         style: {

package/lib/Antd3/es/checkbox/Checkbox.js

@@ -182,7 +182,7 @@ var Checkbox = /*#__PURE__*/function (_React$Component) {
       }
       var classString = classNames(className, (_classNames = {}, _defineProperty(_classNames, "".concat(prefixCls, "-wrapper"), true), _defineProperty(_classNames, "".concat(prefixCls, "-wrapper-checked"), checkboxProps.checked), _defineProperty(_classNames, "".concat(prefixCls, "-wrapper-disabled"), checkboxProps.disabled), _classNames));
       var checkboxClass = classNames(_defineProperty({}, "".concat(prefixCls, "-indeterminate"), indeterminate));
-      return /*#__PURE__*/(
+      return (/*#__PURE__*/
         // eslint-disable-next-line jsx-a11y/label-has-associated-control
         React.createElement("label", {
           className: classString,

package/lib/Antd3/es/list/Item.js

@@ -189,7 +189,7 @@ var Item = /*#__PURE__*/function (_React$Component) {
         className: "".concat(prefixCls, "-item-action"),
         key: "actions"
       }, actions.map(function (action, i) {
-        return /*#__PURE__*/(
+        return (/*#__PURE__*/
           // eslint-disable-next-line react/no-array-index-key
           React.createElement("li", {
             key: "".concat(prefixCls, "-item-action-").concat(i)

package/lib/Antd3/es/radio/radio.js

@@ -176,7 +176,7 @@ var Radio = /*#__PURE__*/function (_React$Component) {
         radioProps.disabled = props.disabled || radioGroup.disabled;
       }
       var wrapperClassString = classNames(className, (_classNames = {}, _defineProperty(_classNames, "".concat(prefixCls, "-wrapper"), true), _defineProperty(_classNames, "".concat(prefixCls, "-wrapper-checked"), radioProps.checked), _defineProperty(_classNames, "".concat(prefixCls, "-wrapper-disabled"), radioProps.disabled), _classNames));
-      return /*#__PURE__*/(
+      return (/*#__PURE__*/
         // eslint-disable-next-line jsx-a11y/label-has-associated-control
         React.createElement("label", {
           className: wrapperClassString,

package/lib/Antd3/es/skeleton/Paragraph.js

@@ -156,7 +156,7 @@ var Paragraph = /*#__PURE__*/function (_React$Component) {
         style = _this$props2.style,
         rows = _this$props2.rows;
       var rowList = _toConsumableArray(Array(rows)).map(function (_, index) {
-        return /*#__PURE__*/(
+        return (/*#__PURE__*/
           // eslint-disable-next-line react/no-array-index-key
           React.createElement("li", {
             key: index,

package/lib/Antd4/card/index.js

@@ -22,7 +22,7 @@ import { ConfigContext } from '../config-provider';
 import SizeContext from '../config-provider/SizeContext';
 function getAction(actions) {
   var actionList = actions.map(function (action, index) {
-    return /*#__PURE__*/(
+    return (/*#__PURE__*/
       // eslint-disable-next-line react/no-array-index-key
       React.createElement("li", {
         style: {

package/lib/Antd4/checkbox/Checkbox.js

@@ -71,7 +71,7 @@ var InternalCheckbox = function InternalCheckbox(_a, ref) {
   }
   var classString = classNames((_classNames = {}, _defineProperty(_classNames, "".concat(prefixCls, "-wrapper"), true), _defineProperty(_classNames, "".concat(prefixCls, "-rtl"), direction === 'rtl'), _defineProperty(_classNames, "".concat(prefixCls, "-wrapper-checked"), checkboxProps.checked), _defineProperty(_classNames, "".concat(prefixCls, "-wrapper-disabled"), checkboxProps.disabled), _classNames), className);
   var checkboxClass = classNames(_defineProperty({}, "".concat(prefixCls, "-indeterminate"), indeterminate));
-  return /*#__PURE__*/(
+  return (/*#__PURE__*/
     // eslint-disable-next-line jsx-a11y/label-has-associated-control
     React.createElement("label", {
       className: classString,

package/lib/Antd4/collapse/Collapse.js

@@ -35,7 +35,7 @@ var Collapse = function Collapse(props) {
     var icon = expandIcon ? expandIcon(panelProps) : /*#__PURE__*/React.createElement(RightOutlined, {
       rotate: panelProps.isActive ? 90 : undefined
     });
-    return /*#__PURE__*/(
+    return (/*#__PURE__*/
       // Create additional div here to make arrow align to center of first line
       React.createElement("div", null, cloneElement(icon, function () {
         return {

package/lib/Antd4/list/Item.js

@@ -73,7 +73,7 @@ var Item = function Item(_a) {
     className: "".concat(prefixCls, "-item-action"),
     key: "actions"
   }, actions.map(function (action, i) {
-    return /*#__PURE__*/(
+    return (/*#__PURE__*/
       // eslint-disable-next-line react/no-array-index-key
       React.createElement("li", {
         key: "".concat(prefixCls, "-item-action-").concat(i)

package/lib/Antd4/radio/radio.js

@@ -47,7 +47,7 @@ var InternalRadio = function InternalRadio(props, ref) {
     radioProps.disabled = props.disabled || context.disabled;
   }
   var wrapperClassString = classNames("".concat(prefixCls, "-wrapper"), (_classNames = {}, _defineProperty(_classNames, "".concat(prefixCls, "-wrapper-checked"), radioProps.checked), _defineProperty(_classNames, "".concat(prefixCls, "-wrapper-disabled"), radioProps.disabled), _defineProperty(_classNames, "".concat(prefixCls, "-wrapper-rtl"), direction === 'rtl'), _classNames), className);
-  return /*#__PURE__*/(
+  return (/*#__PURE__*/
     // eslint-disable-next-line jsx-a11y/label-has-associated-control
     React.createElement("label", {
       className: wrapperClassString,

package/lib/Antd4/skeleton/Paragraph.js

@@ -20,7 +20,7 @@ var Paragraph = function Paragraph(props) {
     style = props.style,
     rows = props.rows;
   var rowList = _toConsumableArray(Array(rows)).map(function (_, index) {
-    return /*#__PURE__*/(
+    return (/*#__PURE__*/
       // eslint-disable-next-line react/no-array-index-key
       React.createElement("li", {
         key: index,

package/lib/CWMessage/index.js

@@ -2,8 +2,11 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
 import _Drawer from "@chaoswise/ui/lib/Drawer";
 import "@chaoswise/ui/lib/Badge/index.less";
 import _Badge from "@chaoswise/ui/lib/Badge";
+import "@chaoswise/ui/lib/Modal/index.less";
+import _Modal from "@chaoswise/ui/lib/Modal";
 import "@chaoswise/ui/lib/CustomNotification/index.less";
 import _CustomNotification from "@chaoswise/ui/lib/CustomNotification";
+import _useLocale2 from "@chaoswise/ui/lib/useLocale";
 import _useConfigContext2 from "@chaoswise/ui/lib/useConfigContext";
 var _excluded = ["count"],
   _excluded2 = ["onClickStrongMessageItem"];
@@ -32,6 +35,9 @@ import MessageContent from "./MessageContent";
 import classnames from "classnames";
 import PropTypes from "prop-types";
 import io from "socket.io-client";
+import audioMp3 from "./audioMp3.wav";
+import langConfig from "./locale";
+import { formatMessage } from "../utils";
 import "./index.less";
 function Message(props) {
   var _props$hideOnSinglePa = props.hideOnSinglePage,
@@ -62,10 +68,15 @@ function Message(props) {
     _props$onSocketChange = props.onSocketChange,
     onSocketChange = _props$onSocketChange === void 0 ? function () {} : _props$onSocketChange,
     _props$renderMessageD = props.renderMessageDateFormat,
-    renderMessageDateFormat = _props$renderMessageD === void 0 ? function () {} : _props$renderMessageD;
+    renderMessageDateFormat = _props$renderMessageD === void 0 ? function () {} : _props$renderMessageD,
+    customAudioSrc = props.customAudioSrc,
+    _props$enableVoicePro = props.enableVoicePrompt,
+    enableVoicePrompt = _props$enableVoicePro === void 0 ? false : _props$enableVoicePro;
   var _useConfigContext = _useConfigContext2(),
     getPrefixCls = _useConfigContext.getPrefixCls;
   var prefixCls = getPrefixCls();
+  var _useLocale = _useLocale2(langConfig),
+    localeObj = _useLocale.langObj;
   var messageImg = imgOption.messageImg,
     _imgOption$badgeOptio = imgOption.badgeOption,
     badgeOption = _imgOption$badgeOptio === void 0 ? {} : _imgOption$badgeOptio;
@@ -114,6 +125,7 @@ function Message(props) {
     clientType: "BROWSER",
     status: 0
   });
+  var audioRef = useRef(null);
   useEffect(function () {
     getMessageQuerySettings();
     connectSocket();
@@ -121,6 +133,10 @@ function Message(props) {
       if (socketConnectInfo.current) {
         socketConnectInfo.current.disconnect && socketConnectInfo.current.disconnect();
       }
+      var audio = audioRef.current;
+      if (audio) {
+        audio.pause();
+      }
     };
   }, []);
   useEffect(function () {
@@ -162,6 +178,27 @@ function Message(props) {
   var onClickBell = function onClickBell() {
     setVisible(true);
   };
+  // 播放音频
+  var playAudio = function playAudio() {
+    var audio = audioRef.current;
+    if (audio) {
+      audio.currentTime = 0; // 重置播放时间
+      audio.play()["catch"](function (err) {
+        if ((err === null || err === void 0 ? void 0 : err.name) === "NotAllowedError") {
+          _Modal.warning({
+            title: formatMessage(localeObj["playAutomatically"]),
+            prefixCls: "".concat(prefixCls, "-modal"),
+            okButtonProps: {
+              prefixCls: "".concat(prefixCls, "-btn")
+            },
+            okText: formatMessage(localeObj["ok"]),
+            mask: true,
+            maskClosable: true
+          });
+        }
+      });
+    }
+  };
   var openNotification = /*#__PURE__*/function () {
     var _ref = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(time, id) {
       var params, resRequestApi, res, data, _ref2, userMessageId, title, summary;
@@ -179,7 +216,8 @@ function Message(props) {
             res = _context.sent;
             if (res && res.status == "success") {
               data = res.data;
-              _ref2 = data || {}, userMessageId = _ref2.userMessageId, title = _ref2.title, summary = _ref2.summary;
+              _ref2 = data || {}, userMessageId = _ref2.userMessageId, title = _ref2.title, summary = _ref2.summary; // 消息语音提示
+              playAudio();
               _CustomNotification.open(_objectSpread({
                 message: title,
                 description: summary,
@@ -370,7 +408,11 @@ function Message(props) {
     closable: closable,
     conditionsRef: conditionsRef,
     renderMessageDateFormat: renderMessageDateFormat
-  })));
+  })), enableVoicePrompt && /*#__PURE__*/React.createElement("audio", {
+    ref: audioRef,
+    preload: "auto",
+    src: customAudioSrc || audioMp3
+  }));
 }
 Message.defaultProps = {
   pageSize: 30,

package/lib/CWMessage/locale/en_US.js

@@ -2,5 +2,7 @@ export default {
   "markAllRead": "Mark all read",
   "no_new_messages": "No new messages",
   "more": "More",
-  "totalItems": "{total} total"
+  "totalItems": "{total} total",
+  "ok": "OK",
+  "playAutomatically": "Message alerts can be played automatically only when interactive behavior is required"
 };

package/lib/CWMessage/locale/zh_CN.js

@@ -2,5 +2,7 @@ export default {
   "markAllRead": "全部已读",
   "no_new_messages": "暂无新消息",
   "more": "更多",
-  "totalItems": "共{total}条"
+  "totalItems": "共{total}条",
+  "ok": "确定",
+  "playAutomatically": "消息提醒需要有交互行为才可以自动播放"
 };

package/lib/CWMessage/locale/zh_TW.js

@@ -2,5 +2,7 @@ export default {
   "markAllRead": "全部已讀",
   "no_new_messages": "暫無新消息",
   "more": "更多",
-  "totalItems": "共{total}條"
+  "totalItems": "共{total}條",
+  "ok": "確定",
+  "playAutomatically": "消息提醒需要有交互行爲纔可以自動播放"
 };

package/lib/CWRangePicker/Refresh/index.js

@@ -37,7 +37,8 @@ var Refresh = /*#__PURE__*/forwardRef(function (props, ref) {
     isHasDate = props.isHasDate,
     enableAutoRefresh = props.enableAutoRefresh,
     isClickAutoRefresh = props.isClickAutoRefresh,
-    timeSpanOption = props.timeSpanOption;
+    timeSpanOption = props.timeSpanOption,
+    findDataSourceValue = props.findDataSourceValue;
   var _refreshOption$onAuto = refreshOption.onAutoRefreshChange,
     onAutoRefreshChange = _refreshOption$onAuto === void 0 ? function () {} : _refreshOption$onAuto,
     _refreshOption$onClic = refreshOption.onClickRefresh,
@@ -49,30 +50,39 @@ var Refresh = /*#__PURE__*/forwardRef(function (props, ref) {
     _refreshOption$showAu = refreshOption.showAutoRefresh,
     showAutoRefresh = _refreshOption$showAu === void 0 ? true : _refreshOption$showAu,
     _refreshOption$showRe = refreshOption.showRefresh,
-    showRefresh = _refreshOption$showRe === void 0 ? true : _refreshOption$showRe;
+    showRefresh = _refreshOption$showRe === void 0 ? true : _refreshOption$showRe,
+    _refreshOption$isSpec = refreshOption.isSpecialRelativeTime,
+    isSpecialRelativeTime = _refreshOption$isSpec === void 0 ? false : _refreshOption$isSpec;
   var _timeSpanOption$timeS = timeSpanOption.timeSpanBoundary,
     timeSpanBoundary = _timeSpanOption$timeS === void 0 ? 94608000 : _timeSpanOption$timeS;
   var _useLocale = _useLocale2(langConfig),
     localeObj = _useLocale.langObj;
   // 手动刷新
   var onRefresh = function onRefresh() {
-    var values = recordDateValue.value;
+    var values = recordDateValue.value,
+      type = recordDateValue.type;
     var _judgeType = judgeType(recordDateValue),
       _judgeType2 = _slicedToArray(_judgeType, 2),
       isRule = _judgeType2[0],
       captureUnit = _judgeType2[1];
     var returnValue = _objectSpread({}, recordDateValue);
-    values = funcValueChangeArrayValue(values);
+    if (findDataSourceValue || values) {
+      values = funcValueChangeArrayValue(findDataSourceValue || values);
+      returnValue = _objectSpread(_objectSpread({}, returnValue), {}, {
+        value: values
+      });
+    }
     if (enableAutoRefresh) {
-      if (values) {
-        returnValue = _objectSpread(_objectSpread({}, returnValue), {}, {
-          value: computedRecentlyValue(values)
-        });
-      }
-      if (isRule && !values) {
-        returnValue = _objectSpread(_objectSpread({}, recordDateValue), {}, {
-          value: getChangeUnitDate(captureUnit[0], captureUnit[1])
-        });
+      if (type !== "relative" || !isSpecialRelativeTime) {
+        if (values) {
+          returnValue = _objectSpread(_objectSpread({}, returnValue), {}, {
+            value: computedRecentlyValue(values)
+          });
+        } else if (isRule) {
+          returnValue = _objectSpread(_objectSpread({}, returnValue), {}, {
+            value: getChangeUnitDate(captureUnit[0], captureUnit[1])
+          });
+        }
       }
     }
     onClickRefresh(returnValue);
@@ -89,34 +99,36 @@ var Refresh = /*#__PURE__*/forwardRef(function (props, ref) {
         _judgeType4 = _slicedToArray(_judgeType3, 2),
         isRule = _judgeType4[0],
         captureUnit = _judgeType4[1];
-      values = funcValueChangeArrayValue(values);
       var finalRecordDateValue = {
         isRecently: false
       };
-      if (!enableAutoRefresh) {
+      if (findDataSourceValue || values) {
+        values = funcValueChangeArrayValue(findDataSourceValue || values);
+        finalRecordDateValue = _objectSpread(_objectSpread({}, finalRecordDateValue), {}, {
+          value: values
+        });
+      }
+      if (rest.type === "relative" && isSpecialRelativeTime) {
+        // 如果type是relative，则需要把type和title回传回去，受控value接收时type和title也必须回传回来
+        finalRecordDateValue = _objectSpread(_objectSpread({}, finalRecordDateValue), {}, {
+          type: rest.type,
+          title: rest.title
+        });
+      } else {
         if (values) {
           values = computedRecentlyValue(values);
-          finalRecordDateValue = _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, finalRecordDateValue), rest), getTimeSpanFromValue(values, timeSpanBoundary)), {}, {
-            isRecently: true
-          });
-        }
-        if (isRule && !values) {
+        } else if (isRule) {
           values = getChangeUnitDate(captureUnit[0], captureUnit[1]);
-          finalRecordDateValue = _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, finalRecordDateValue), rest), getTimeSpanFromValue(values, timeSpanBoundary)), {}, {
-            isRecently: true
-          });
         }
+      }
+      if (!enableAutoRefresh) {
+        finalRecordDateValue = _objectSpread(_objectSpread(_objectSpread({}, finalRecordDateValue), rest), {}, {
+          isRecently: true
+        }, getTimeSpanFromValue(values, timeSpanBoundary));
       } else {
-        if (values) {
-          finalRecordDateValue = _objectSpread(_objectSpread({}, finalRecordDateValue), {}, {
-            value: computedRecentlyValue(values)
-          });
-        }
-        if (isRule && !values) {
-          finalRecordDateValue = _objectSpread(_objectSpread({}, finalRecordDateValue), {}, {
-            value: getChangeUnitDate(captureUnit[0], captureUnit[1])
-          });
-        }
+        finalRecordDateValue = _objectSpread(_objectSpread({}, finalRecordDateValue), {}, {
+          value: values
+        });
       }
       onChange(finalRecordDateValue);
       if (!value) {

package/lib/CWRangePicker/TimeSpan/index.js

@@ -27,6 +27,12 @@ var TimeSpan = function TimeSpan(props) {
     showBackwardBtn = _timeSpanOption$showB === void 0 ? true : _timeSpanOption$showB,
     _timeSpanOption$showE = timeSpanOption.showEnlargeBtn,
     showEnlargeBtn = _timeSpanOption$showE === void 0 ? true : _timeSpanOption$showE,
+    _timeSpanOption$isDis = timeSpanOption.isDisabledForwardBtn,
+    isDisabledForwardBtn = _timeSpanOption$isDis === void 0 ? false : _timeSpanOption$isDis,
+    _timeSpanOption$isDis2 = timeSpanOption.isDisabledBackwardBtn,
+    isDisabledBackwardBtn = _timeSpanOption$isDis2 === void 0 ? false : _timeSpanOption$isDis2,
+    _timeSpanOption$isDis3 = timeSpanOption.isDisabledEnlargeBtn,
+    disabledEnlargeBtn = _timeSpanOption$isDis3 === void 0 ? false : _timeSpanOption$isDis3,
     _timeSpanOption$toolt = timeSpanOption.tooltipTitleCustom,
     tooltipTitleCustom = _timeSpanOption$toolt === void 0 ? {} : _timeSpanOption$toolt,
     forwardIcon = timeSpanOption.forwardIcon,
@@ -67,7 +73,8 @@ var TimeSpan = function TimeSpan(props) {
     icon: forwardIcon ? forwardIcon : "caret-left",
     onClick: function onClick() {
       onChangeTimeSpan("left");
-    }
+    },
+    disabled: isDisabledForwardBtn
   })), /*#__PURE__*/React.createElement(_Tooltip, {
     title: backTitle
   }, showBackwardBtn && /*#__PURE__*/React.createElement(_Button, {
@@ -75,7 +82,7 @@ var TimeSpan = function TimeSpan(props) {
     onClick: function onClick() {
       onChangeTimeSpan("right");
     },
-    disabled: isRightDisabled
+    disabled: isDisabledBackwardBtn || isRightDisabled
   })), showEnlargeBtn && /*#__PURE__*/React.createElement(_Tooltip, {
     title: expandTitle
   }, /*#__PURE__*/React.createElement(_Button, {
@@ -83,7 +90,7 @@ var TimeSpan = function TimeSpan(props) {
     onClick: function onClick() {
       onChangeTimeSpan("even");
     },
-    disabled: isDisabledEnlargeBtn
+    disabled: disabledEnlargeBtn || isDisabledEnlargeBtn
   })));
 };
 export default TimeSpan;