@chaoswise/ui 2.5.2 → 2.5.3

package/lib/TimeRangeSlider/TimeSpan/index.js

@@ -0,0 +1,81 @@
+import "@chaoswise/ui/lib/Tooltip/index.less";
+import _Tooltip from "@chaoswise/ui/lib/Tooltip";
+import _useLocale2 from "@chaoswise/ui/lib/useLocale";
+import "@chaoswise/ui/lib/Button/index.less";
+import _Button from "@chaoswise/ui/lib/Button";
+import React from "react";
+import { getChangeDate } from "../utils";
+import langConfig from "../locale";
+import { formatMessage } from "../../utils";
+import "./index.less";
+_Button.__ANT_BUTTON = true;
+var TimeSpan = function TimeSpan(props) {
+  var onChange = props.onChange,
+    recordDateValue = props.recordDateValue,
+    setRecordDateValue = props.setRecordDateValue,
+    _value = props.value,
+    isHasDate = props.isHasDate,
+    onRecover = props.onRecover,
+    timeSpanOption = props.timeSpanOption,
+    isRightDisabled = props.isRightDisabled,
+    isDisabledEnlargeBtn = props.isDisabledEnlargeBtn;
+  var _useLocale = _useLocale2(langConfig),
+    localeObj = _useLocale.langObj;
+  var _timeSpanOption$showF = timeSpanOption.showForwardBtn,
+    showForwardBtn = _timeSpanOption$showF === void 0 ? true : _timeSpanOption$showF,
+    _timeSpanOption$showB = timeSpanOption.showBackwardBtn,
+    showBackwardBtn = _timeSpanOption$showB === void 0 ? true : _timeSpanOption$showB,
+    _timeSpanOption$showE = timeSpanOption.showEnlargeBtn,
+    showEnlargeBtn = _timeSpanOption$showE === void 0 ? true : _timeSpanOption$showE,
+    _timeSpanOption$toolt = timeSpanOption.tooltipTitleCustom,
+    tooltipTitleCustom = _timeSpanOption$toolt === void 0 ? {} : _timeSpanOption$toolt,
+    forwardIcon = timeSpanOption.forwardIcon,
+    backIcon = timeSpanOption.backIcon,
+    expandIcon = timeSpanOption.expandIcon,
+    _timeSpanOption$growS = timeSpanOption.growSize,
+    growSize = _timeSpanOption$growS === void 0 ? 3 : _timeSpanOption$growS,
+    _timeSpanOption$timeS = timeSpanOption.timeSpanBoundary,
+    timeSpanBoundary = _timeSpanOption$timeS === void 0 ? 94608000 : _timeSpanOption$timeS;
+  var _tooltipTitleCustom$f = tooltipTitleCustom.forwardTitle,
+    forwardTitle = _tooltipTitleCustom$f === void 0 ? formatMessage(localeObj["forwardSmooth"]) : _tooltipTitleCustom$f,
+    _tooltipTitleCustom$b = tooltipTitleCustom.backTitle,
+    backTitle = _tooltipTitleCustom$b === void 0 ? formatMessage(localeObj["backSmooth"]) : _tooltipTitleCustom$b,
+    _tooltipTitleCustom$e = tooltipTitleCustom.expandTitle,
+    expandTitle = _tooltipTitleCustom$e === void 0 ? formatMessage(localeObj["ExpandSpan"], {
+      span: "".concat(growSize)
+    }) : _tooltipTitleCustom$e;
+  var onChangeTimeSpan = function onChangeTimeSpan(direction) {
+    var _getChangeDate = getChangeDate(recordDateValue, direction, growSize, timeSpanBoundary),
+      value = _getChangeDate.value,
+      isInvalidDate = _getChangeDate.isInvalidDate,
+      switchInitial = _getChangeDate.switchInitial;
+    if (isInvalidDate) {
+      onRecover();
+      return;
+    }
+    onChange(value);
+    if (!_value) {
+      setRecordDateValue(value);
+    }
+  };
+  var showTimeSpan = showForwardBtn || showBackwardBtn || showEnlargeBtn;
+  return isHasDate && showTimeSpan && /*#__PURE__*/React.createElement(_Button.Group, {
+    className: "cw-range-picker-time-span-wrapper"
+  }, /*#__PURE__*/React.createElement(_Tooltip, {
+    title: forwardTitle
+  }, showForwardBtn && /*#__PURE__*/React.createElement(_Button, {
+    icon: forwardIcon ? forwardIcon : "caret-left",
+    onClick: function onClick() {
+      onChangeTimeSpan("left");
+    }
+  })), /*#__PURE__*/React.createElement(_Tooltip, {
+    title: backTitle
+  }, showBackwardBtn && /*#__PURE__*/React.createElement(_Button, {
+    icon: backIcon ? backIcon : "caret-right",
+    onClick: function onClick() {
+      onChangeTimeSpan("right");
+    },
+    disabled: isRightDisabled
+  })));
+};
+export default TimeSpan;

package/lib/TimeRangeSlider/TimeSpan/index.less

@@ -0,0 +1,12 @@
+// 时间跨度模块
+.cw-range-picker-time-span-wrapper {
+    margin-left: 8px;
+    display: flex;
+    .@{ant-prefix}-btn-icon-only {
+        .@{iconfont-css-prefix} {
+            width: 14px !important;
+            height: 14px !important;
+            font-size: 14px !important;
+        }
+    }
+}

package/lib/TimeRangeSlider/assets/Calendar.js

@@ -0,0 +1,15 @@
+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); }
+import * as React from "react";
+var SvgCalendar = function SvgCalendar(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    width: 14,
+    height: 14,
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props), /*#__PURE__*/React.createElement("path", {
+    d: "M7 0a7 7 0 1 1 0 14A7 7 0 0 1 7 0Zm0 1.188a5.813 5.813 0 0 0 0 11.624A5.813 5.813 0 0 0 7 1.188Zm.377 2.187c.068 0 .125.056.125.125v3.867L9.73 8.978c.056.04.068.117.028.175l-.447.61a.126.126 0 0 1-.175.026L6.552 7.905a.124.124 0 0 1-.052-.102V3.5c0-.069.056-.125.125-.125Z",
+    fillOpacity: 0.45,
+    fill: "currentColor",
+    fillRule: "evenodd"
+  }));
+};
+export default SvgCalendar;

package/lib/TimeRangeSlider/assets/Calendar2.js

@@ -0,0 +1,15 @@
+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); }
+import * as React from "react";
+var SvgCalendar = function SvgCalendar(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    width: 12,
+    height: 12,
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props), /*#__PURE__*/React.createElement("path", {
+    d: "M11.031 1.516H8.734V.64a.11.11 0 0 0-.109-.11h-.766a.11.11 0 0 0-.109.11v.875h-3.5V.64a.11.11 0 0 0-.11-.11h-.765a.11.11 0 0 0-.11.11v.875H.97a.437.437 0 0 0-.438.437v9.078c0 .242.196.438.438.438H11.03a.437.437 0 0 0 .438-.438V1.953a.437.437 0 0 0-.438-.437Zm-.547 8.968H1.516V5.29h8.968v5.195ZM1.516 4.36V2.5h1.75v.656c0 .06.049.11.109.11h.766c.06 0 .109-.05.109-.11V2.5h3.5v.656c0 .06.05.11.11.11h.765c.06 0 .11-.05.11-.11V2.5h1.75v1.86h-8.97Z",
+    fillOpacity: 0.45,
+    fill: "currentColor",
+    fillRule: "evenodd"
+  }));
+};
+export default SvgCalendar;

package/lib/TimeRangeSlider/assets/Recover.js

@@ -0,0 +1,18 @@
+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); }
+import * as React from "react";
+var SvgCalendar = function SvgCalendar(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    width: 14,
+    height: 11,
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props), /*#__PURE__*/React.createElement("g", {
+    fill: "none",
+    fillRule: "evenodd"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M.428-.539h13.13v13.13H.428z"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M.466 2.898a.117.117 0 0 0 0 .174L3.31 5.656a.118.118 0 0 0 .197-.087V3.661h5.813a3.06 3.06 0 0 1 3.061 3.057 3.06 3.06 0 0 1-3.06 3.056H3.196v1.176h6.122a4.236 4.236 0 0 0 4.239-4.232 4.236 4.236 0 0 0-4.239-4.233H3.506V.4a.118.118 0 0 0-.197-.087L.466 2.898Z",
+    fill: "currentColor"
+  })));
+};
+export default SvgCalendar;

package/lib/TimeRangeSlider/assets/Refresh1.js

@@ -0,0 +1,14 @@
+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); }
+import * as React from "react";
+var SvgRefresh1 = function SvgRefresh1(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    width: 12,
+    height: 12,
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props), /*#__PURE__*/React.createElement("path", {
+    d: "M1.297 5.893a4.693 4.693 0 0 1 1.375-3.218 4.679 4.679 0 0 1 3.326-1.378 4.667 4.667 0 0 1 3.324 1.378c.136.135.263.279.38.43l-.823.642a.11.11 0 0 0 .041.193l2.402.588a.11.11 0 0 0 .136-.106l.01-2.473a.109.109 0 0 0-.176-.086l-.77.603A5.741 5.741 0 0 0 .257 5.888.11.11 0 0 0 .368 6h.82a.11.11 0 0 0 .109-.107ZM11.633 6h-.82a.11.11 0 0 0-.11.107 4.678 4.678 0 0 1-1.375 3.218A4.682 4.682 0 0 1 6 10.703a4.679 4.679 0 0 1-3.705-1.807l.823-.643a.11.11 0 0 0-.04-.193L.675 7.472a.11.11 0 0 0-.135.106l-.01 2.474c0 .092.106.144.177.086l.77-.602a5.741 5.741 0 0 0 10.264-3.423.11.11 0 0 0-.11-.113Z",
+    fill: "currentColor",
+    fillRule: "evenodd"
+  }));
+};
+export default SvgRefresh1;

package/lib/TimeRangeSlider/assets/Refresh2.js

@@ -0,0 +1,14 @@
+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); }
+import * as React from "react";
+var SvgRefresh2 = function SvgRefresh2(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    width: 12,
+    height: 12,
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props), /*#__PURE__*/React.createElement("path", {
+    d: "M1.297 5.893a4.693 4.693 0 0 1 1.375-3.218 4.679 4.679 0 0 1 3.326-1.378 4.667 4.667 0 0 1 3.324 1.378c.136.135.263.279.38.43l-.823.642a.11.11 0 0 0 .041.193l2.402.588a.11.11 0 0 0 .136-.106l.01-2.473a.109.109 0 0 0-.176-.086l-.77.603A5.741 5.741 0 0 0 .257 5.888.11.11 0 0 0 .368 6h.82a.11.11 0 0 0 .109-.107ZM11.633 6h-.82a.11.11 0 0 0-.11.107 4.678 4.678 0 0 1-1.375 3.218A4.682 4.682 0 0 1 6 10.703a4.679 4.679 0 0 1-3.705-1.807l.823-.643a.11.11 0 0 0-.04-.193L.675 7.472a.11.11 0 0 0-.135.106l-.01 2.474c0 .092.106.144.177.086l.77-.602a5.741 5.741 0 0 0 10.264-3.423.11.11 0 0 0-.11-.113Zm-3.492.313L5.182 8.49a.27.27 0 0 1-.431-.218V3.956a.27.27 0 0 1 .43-.22l2.958 2.14a.27.27 0 0 1 .002.437Z",
+    fill: "currentColor",
+    fillRule: "evenodd"
+  }));
+};
+export default SvgRefresh2;

package/lib/TimeRangeSlider/assets/Refresh3.js

@@ -0,0 +1,14 @@
+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); }
+import * as React from "react";
+var SvgRefresh3 = function SvgRefresh3(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    width: 12,
+    height: 12,
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props), /*#__PURE__*/React.createElement("path", {
+    d: "M11.633 6c.061 0 .11.05.11.112A5.741 5.741 0 0 1 1.478 9.536l-.771.602a.109.109 0 0 1-.177-.086l.01-2.474a.11.11 0 0 1 .135-.106l2.402.588a.11.11 0 0 1 .041.193l-.823.643a4.712 4.712 0 0 0 3.705 1.807 4.679 4.679 0 0 0 3.327-1.378 4.678 4.678 0 0 0 1.375-3.218.11.11 0 0 1 .11-.107ZM4.696 4.037c.241 0 .437.196.437.438v3.5a.437.437 0 1 1-.875 0v-3.5c0-.242.196-.438.438-.438Zm2.625 0c.241 0 .437.196.437.438v3.5a.437.437 0 1 1-.875 0v-3.5c0-.242.196-.438.438-.438ZM5.997.257c1.838 0 3.473.864 4.524 2.209l.771-.603a.109.109 0 0 1 .177.086l-.011 2.473a.11.11 0 0 1-.136.106L8.92 3.94a.11.11 0 0 1-.04-.193l.822-.643A4.712 4.712 0 0 0 6 1.297a4.679 4.679 0 0 0-3.327 1.378 4.693 4.693 0 0 0-1.375 3.218.11.11 0 0 1-.11.107h-.82a.11.11 0 0 1-.11-.112 5.741 5.741 0 0 1 5.74-5.63Z",
+    fill: "currentColor",
+    fillRule: "evenodd"
+  }));
+};
+export default SvgRefresh3;

package/lib/TimeRangeSlider/assets/live.js

@@ -0,0 +1,19 @@
+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); }
+import * as React from "react";
+var SvgLive = function SvgLive(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    width: 14,
+    height: 14,
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props), /*#__PURE__*/React.createElement("g", {
+    fill: "none",
+    fillRule: "evenodd"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M0 0h14v14H0z"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M6.937.564a6.5 6.5 0 1 1 0 13 6.5 6.5 0 0 1 0-13Zm1.189 2.507-4.37 3.973c-.151.138-.037.364.186.364h1.736c.156 0 .276.12.25.25l-.618 3.217c-.04.21.266.338.438.183l4.37-3.973c.152-.139.037-.364-.186-.364H8.196c-.157 0-.276-.12-.25-.251l.617-3.217c.041-.21-.265-.338-.437-.182Z",
+    fill: "#52c41a",
+    fillRule: "nonzero"
+  })));
+};
+export default SvgLive;

package/lib/TimeRangeSlider/assets/more.js

@@ -0,0 +1,23 @@
+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); }
+/*
+ * @Author: andrew.qiao andrew.qiao@cloudwise.com
+ * @Date: 2022-09-13 17:59:38
+ * @LastEditors: andrew.qiao andrew.qiao@cloudwise.com
+ * @LastEditTime: 2022-10-25 14:46:23
+ * @FilePath: /change_01/aops_web_commons/packages/ui/components/CWRangePicker/assets/more.js
+ * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+ */
+import * as React from "react";
+var SvgMore = function SvgMore(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    width: 14,
+    height: 14,
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props), /*#__PURE__*/React.createElement("path", {
+    d: "M7 .875a6.125 6.125 0 1 1 0 12.25A6.125 6.125 0 0 1 7 .876Zm0 1.04a5.087 5.087 0 1 0 .002 10.173A5.087 5.087 0 0 0 7 1.914ZM7 6.22a.766.766 0 1 1 0 1.531.766.766 0 0 1 0-1.531Zm3.828 0a.766.766 0 1 1 0 1.531.766.766 0 0 1 0-1.531Zm-8.039.102a.766.766 0 1 1 .766 1.326.766.766 0 0 1-.766-1.326Z",
+    fillOpacity: 0.45,
+    fill: "currentColor",
+    fillRule: "evenodd"
+  }));
+};
+export default SvgMore;