@chaoswise/ui 3.0.15 → 3.0.17

package/lib/TimeRangeSlider/TimeRangeSliderCmp/utils/index.js

@@ -0,0 +1,255 @@
+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 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); }
+import moment from "moment";
+import { round } from "lodash-es";
+// 获取所有日期 最近30天: 年月日
+// 第一天和最后一天合并成一天(上部分)
+export var getAllDates = function getAllDates(date, days) {
+  var currentDate = date;
+  var allDates = [];
+  for (var i = 0; i <= days; i++) {
+    var _date = currentDate.clone().subtract(i, "days");
+    allDates.unshift(_date);
+  }
+  return allDates;
+};
+
+// 将日期数据转化为需要的格式(上部分)
+export var getConvertedDateData = function getConvertedDateData(dates, singleWidth, days) {
+  var convertedDateData = [];
+  var recordYYYY = "";
+  var left = 0; // 上一次的总left
+  var lastWidth = 0; // 上一次的宽度
+  dates.forEach(function (date, index) {
+    var YYYY = date.format("YYYY");
+    var MM_DD = date.format("MM-DD");
+    var DD = date.format("DD");
+    var isStartYYYY = false;
+    if (recordYYYY !== YYYY) {
+      recordYYYY = YYYY;
+      isStartYYYY = true;
+    }
+    var _getDateInfo = getDateInfo(date, index, left, singleWidth, lastWidth, days),
+      resLeft = _getDateInfo.resLeft,
+      percentage = _getDateInfo.percentage,
+      width = _getDateInfo.width;
+    left = resLeft;
+    lastWidth = width;
+    convertedDateData.push({
+      YYYY: YYYY,
+      MM_DD: MM_DD,
+      DD: DD,
+      isStartYYYY: isStartYYYY,
+      date: date,
+      position: {
+        left: left,
+        percentage: percentage,
+        width: width
+      }
+    });
+  });
+  return convertedDateData;
+};
+// 获取传入日期的相关数据(上部分)
+var getDateInfo = function getDateInfo(date, index, left, singleWidth, lastWidth, days) {
+  var millisecondsOfTheDay = moment.duration(1, "days").valueOf(); // 一天的毫秒数 86400000
+  var millisecondsOfTheDate = moment(date).valueOf(); // 传入日期的毫秒数
+  var millisecondsOfTheDateStart = moment(date).startOf("day").valueOf(); // 传入日期的开始时间的毫秒数
+  var millisecondsOfTheDateEnd = moment(date).endOf("day").valueOf(); // 传入日期的结束时间的毫秒数
+  var diffTime = millisecondsOfTheDay; // 时间差
+  var percentage = 1; // 所占比例
+  if (index === 0) {
+    // 时间轴开始位置
+    diffTime = millisecondsOfTheDateEnd - millisecondsOfTheDate;
+  } else if (index === days) {
+    // 时间轴结束位置
+    diffTime = millisecondsOfTheDate - millisecondsOfTheDateStart;
+  }
+  percentage = round(diffTime / millisecondsOfTheDay, 2); // 小数点后两位四舍五入
+  var width = round(percentage * singleWidth, 2);
+  var resLeft = round(Number(left + lastWidth), 2);
+  return {
+    percentage: percentage,
+    resLeft: resLeft,
+    width: width
+  };
+};
+// 根据left位置获取日期(上部分)
+export var getDateInfoByPositionInfo = function getDateInfoByPositionInfo(left, allWidth, currentMoment, days) {
+  var millisecondsOfRecentlyMonth = moment.duration(days, "days").valueOf(); // 默认为30天的毫秒数 2592000000
+  var millisecondsOfRecentlyMonthStart = currentMoment.clone().subtract(days, "days").valueOf(); // 默认为最近30天的开始时间的毫秒数
+  var diffTime = round(left / allWidth * millisecondsOfRecentlyMonth);
+  var millisecondsOfTheDate = Number(diffTime);
+  var startDate = moment(Number(millisecondsOfTheDate + millisecondsOfRecentlyMonthStart));
+  var endDate = startDate.clone().add(1, "days");
+  return {
+    startDate: startDate,
+    endDate: endDate
+  };
+};
+// 根据日期获取left位置(上部分)
+export var getPositionInfoByDateInfo = function getPositionInfoByDateInfo(date, allWidth, currentMoment, days) {
+  var millisecondsOfRecentlyMonth = moment.duration(days, "days").valueOf(); // 默认30天的毫秒数 2592000000
+  var millisecondsOfTheDate = moment(date).valueOf(); // 传入日期的毫秒数
+  var millisecondsOfRecentlyMonthStart = currentMoment.clone().subtract(days, "days").valueOf(); // 默认最近30天的开始时间的毫秒数
+  var diffTime = millisecondsOfTheDate - millisecondsOfRecentlyMonthStart;
+  var left = round(diffTime / millisecondsOfRecentlyMonth * allWidth, 2);
+  return left;
+};
+
+// 第一小时和最后一小时合并成一小时(下部分)
+export var getAllTimeDates = function getAllTimeDates(date) {
+  var currentTimeDates = date.clone();
+  var allTimeDates = [];
+  for (var i = 0; i < 25; i++) {
+    var _date2 = currentTimeDates.clone().subtract(i, "hours");
+    allTimeDates.unshift(_date2);
+  }
+  return allTimeDates;
+};
+// 根据结束日期获取最近一天内的时间并转化为需要的格式(下部分)
+export var getConvertedTimeDateDataByEndDate = function getConvertedTimeDateDataByEndDate(dates) {
+  var convertedDateData = [];
+  var recordNewDay = "";
+  dates.forEach(function (date, index) {
+    var YYYY = date.format("YYYY");
+    var MM_DD = date.format("MM-DD");
+    var DD = date.format("DD");
+    var HH_MM = date.format("HH:mm");
+    var isNewDay = false;
+    if (recordNewDay !== MM_DD) {
+      recordNewDay = MM_DD;
+      isNewDay = true;
+    }
+    convertedDateData.push({
+      YYYY: YYYY,
+      MM_DD: MM_DD,
+      DD: DD,
+      HH_MM: HH_MM,
+      isNewDay: isNewDay,
+      date: date
+    });
+  });
+  return convertedDateData;
+};
+var getValueOfDateByDate = function getValueOfDateByDate(date) {
+  return moment(date).valueOf();
+};
+// 根据日期时间获取相关位置(下部分)
+export var getPositionInfoByTimeDateInfo = function getPositionInfoByTimeDateInfo(date, allWidth, currentMoment, recordTimeDateWrapper, days) {
+  var width = 0;
+  var left = 0;
+  if ((date === null || date === void 0 ? void 0 : date.length) !== 2 || (recordTimeDateWrapper === null || recordTimeDateWrapper === void 0 ? void 0 : recordTimeDateWrapper.length) !== 2) {
+    return {
+      left: left,
+      width: width
+    };
+  }
+  var millisecondsOfRecentlyMonth = moment.duration(days, "days").valueOf(); // 默认30天的毫秒数 2592000000
+  var millisecondsOfTheDateStart = getValueOfDateByDate(date[0]); // 传入日期的毫秒数开始值
+  var millisecondsOfTheDateEnd = getValueOfDateByDate(date[1]); // 传入日期的毫秒数结束值
+  var millisecondsOfTheDateRecordTimeDataStart = getValueOfDateByDate(recordTimeDateWrapper[0]); // 容器轴开始时间点的毫秒数
+  var millisecondsOfRecentlyMonthStart = currentMoment.clone().subtract(days, "days").valueOf(); // 默认最近30天的开始时间的毫秒数
+  var diffTimeStart = millisecondsOfTheDateStart - millisecondsOfRecentlyMonthStart; // 传入日期于默认最近30天开始时间的毫秒差
+  var diffTimeEnd = millisecondsOfTheDateEnd - millisecondsOfRecentlyMonthStart; // 传入日期于默认最近30天开始时间的毫秒差
+  var diffTimeRecordTimeStart = millisecondsOfTheDateRecordTimeDataStart - millisecondsOfRecentlyMonthStart; // 容器轴开始时间点于默认最近30天开始时间的毫秒差
+  var leftStart = round(diffTimeStart / millisecondsOfRecentlyMonth * allWidth * days, 2); // 传入日期的未处理数据left
+  var leftEnd = round(diffTimeEnd / millisecondsOfRecentlyMonth * allWidth * days, 2); // 传入日期的未处理数据left
+  var leftWrapperStart = round(diffTimeRecordTimeStart / millisecondsOfRecentlyMonth * allWidth * days, 2); // 容器轴开始时间未处理数据left
+  width = round(leftEnd - leftStart, 2);
+  left = round(leftStart - leftWrapperStart, 2);
+  return {
+    width: width,
+    left: left
+  };
+};
+// 传入left和width获取日期(下部分)
+export var getTimeDateInfoByPositionInfo = function getTimeDateInfoByPositionInfo(left, width, allWidth, currentMoment, recordTimeDateWrapper, days) {
+  var millisecondsOfRecentlyMonth = moment.duration(days, "days").valueOf(); // 默认为30天的毫秒数 2592000000
+  var millisecondsOfRecentlyMonthStart = currentMoment.clone().subtract(days, "days").valueOf(); // 默认为最近30天的开始时间的毫秒数
+  var millisecondsOfTheDateRecordTimeDataStart = getValueOfDateByDate(recordTimeDateWrapper[0]); // 容器轴开始时间点的毫秒数
+  var diffTimeRecordTimeStart = millisecondsOfTheDateRecordTimeDataStart - millisecondsOfRecentlyMonthStart; // 容器轴开始时间点于默认最近30天开始时间的毫秒差
+  var leftWrapperStart = round(diffTimeRecordTimeStart / millisecondsOfRecentlyMonth * allWidth * days, 2); // 容器轴开始时间未处理数据left
+  var leftStart = round(left + leftWrapperStart, 2); // 传入日期的未处理数据left
+  var leftEnd = round(leftStart + width, 2); // 传入日期的未处理数据left
+  var millisecondsOfTheDateStart = round(leftStart / allWidth / days * millisecondsOfRecentlyMonth);
+  var millisecondsOfTheDateEnd = round(leftEnd / allWidth / days * millisecondsOfRecentlyMonth);
+  var startDate = moment(Number(millisecondsOfTheDateStart + millisecondsOfRecentlyMonthStart));
+  var endDate = moment(Number(millisecondsOfTheDateEnd + millisecondsOfRecentlyMonthStart));
+  return {
+    startDate: startDate,
+    endDate: endDate
+  };
+};
+
+// 检查一个 moment 是否在另一个 moment 之后或与之相同。
+export var isSameOrAfter = function isSameOrAfter(date1, date2) {
+  return moment(date1).isSameOrAfter(date2);
+};
+
+// 获取鼠标位置距离目标元素左侧的距离
+export var getOffsetLeft = function getOffsetLeft(e, currentTargetRef) {
+  var _currentTargetRef$cur;
+  var mouseX = e.clientX; // 获取鼠标距离浏览器窗口左侧的距离
+  var elemX = (_currentTargetRef$cur = currentTargetRef.current) === null || _currentTargetRef$cur === void 0 ? void 0 : _currentTargetRef$cur.getBoundingClientRect().left; // 获取元素距离浏览器窗口左侧的距离
+  var left = mouseX - elemX; // 计算鼠标位置距离元素左侧的距离
+  return left;
+};
+export var getBottomSliderHoverInfo = function getBottomSliderHoverInfo(left, bottomSliderInfoRef, timeSliderWidth, currentMomentRef, recordTimeDateWrapper, days) {
+  var width = bottomSliderInfoRef.current.width;
+  left = left - width / 2;
+  var date = getTimeDateInfoByPositionInfo(left, width, timeSliderWidth, currentMomentRef.current, recordTimeDateWrapper, days);
+  var resStartDate = date.startDate;
+  var resEndDate = date.endDate;
+  var startDate = currentMomentRef.current.clone().subtract(days, "days");
+  var isSameOrAfterStart = isSameOrAfter(resStartDate, startDate);
+  var isSameOrAfterEnd = isSameOrAfter(currentMomentRef.current, resEndDate);
+  var millisecondsOfTheStartDate = moment(date.startDate).valueOf(); // 开始日期的毫秒数
+  var millisecondsOfTheEndDate = moment(date.endDate).valueOf(); // 传入日期的毫秒数
+  var timeDiff = millisecondsOfTheEndDate - millisecondsOfTheStartDate; // 传入日期与开始日期的毫秒差
+  if (!isSameOrAfterStart) {
+    resStartDate = startDate;
+    resEndDate = resStartDate.clone().add(timeDiff, "milliseconds");
+  }
+  if (!isSameOrAfterEnd) {
+    resEndDate = currentMomentRef.current;
+    resStartDate = currentMomentRef.current.clone().subtract(timeDiff, "milliseconds");
+  }
+  var newTimeDate = [resStartDate, resEndDate];
+  var positionInfo = getPositionInfoByTimeDateInfo(newTimeDate, timeSliderWidth, currentMomentRef.current, recordTimeDateWrapper, days);
+  return _objectSpread(_objectSpread({}, positionInfo), {}, {
+    date: newTimeDate
+  });
+};
+
+// 计算输入框时间跨度
+export var computeTimeSpan = function computeTimeSpan(value) {
+  // 当前传入日期的时间
+  var timeDiff = value[1].diff(value[0], "s");
+  if (timeDiff >= 60) {
+    timeDiff = Number(timeDiff + 1);
+  }
+  var duration = moment.duration(timeDiff, "s");
+  var _duration$_data = duration._data,
+    years = _duration$_data.years,
+    months = _duration$_data.months,
+    days = _duration$_data.days,
+    hours = _duration$_data.hours,
+    minutes = _duration$_data.minutes,
+    seconds = _duration$_data.seconds;
+  var timeSpan = "";
+  if (days) {
+    timeSpan += "".concat(days, "d");
+  }
+  if (hours) {
+    timeSpan += "".concat(hours, "h");
+  }
+  if (minutes) {
+    timeSpan += "".concat(minutes, "m");
+  }
+  return timeSpan;
+};

package/lib/TimeRangeSlider/TimeSpan/index.js

@@ -0,0 +1,93 @@
+import _Tooltip from "@chaoswise/ui/lib/Tooltip";
+import _Button from "@chaoswise/ui/lib/Button";
+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 { CaretLeftOutlined, CaretRightOutlined, ZoomInOutlined } from "@ant-design/icons";
+import { getChangeDate } from "../utils";
+import useConfigContext from "../../useConfigContext";
+import { useIntl } from "../../locales";
+import classnames from "classnames";
+import useStyle from "../styles/timeSpan.style";
+_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 _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 _useConfigContext = useConfigContext(),
+    getPrefixCls = _useConfigContext.getPrefixCls;
+  var prefixCls = getPrefixCls();
+  var _useStyle = useStyle("".concat(prefixCls, "-time-range-slider-time-span")),
+    _useStyle2 = _slicedToArray(_useStyle, 3),
+    wrapCSSVar = _useStyle2[0],
+    hashId = _useStyle2[1],
+    cssVarCls = _useStyle2[2];
+  var intl = useIntl();
+  var _tooltipTitleCustom$f = tooltipTitleCustom.forwardTitle,
+    forwardTitle = _tooltipTitleCustom$f === void 0 ? intl.get("df9a3bfb-00df-44cd-9761-87dc21ffc0e8").d("向前平滑") : _tooltipTitleCustom$f,
+    _tooltipTitleCustom$b = tooltipTitleCustom.backTitle,
+    backTitle = _tooltipTitleCustom$b === void 0 ? intl.get("cefeccff-2f9e-4b59-925c-af11c28aa8ed").d("向后平滑") : _tooltipTitleCustom$b,
+    _tooltipTitleCustom$e = tooltipTitleCustom.expandTitle,
+    expandTitle = _tooltipTitleCustom$e === void 0 ? intl.get("56a89179-5086-4c43-8814-06eac1ba9983", {
+      span: growSize
+    }).d("按{span}倍增加时间跨度") : _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 wrapCSSVar(isHasDate && showTimeSpan && /*#__PURE__*/React.createElement(_Button.Group, {
+    className: classnames(hashId, cssVarCls, "".concat(prefixCls, "-time-range-slider-time-span-wrapper"))
+  }, /*#__PURE__*/React.createElement(_Tooltip, {
+    title: forwardTitle
+  }, showForwardBtn && /*#__PURE__*/React.createElement(_Button, {
+    icon: forwardIcon ? forwardIcon : /*#__PURE__*/React.createElement(CaretLeftOutlined, null),
+    onClick: function onClick() {
+      onChangeTimeSpan("left");
+    }
+  })), /*#__PURE__*/React.createElement(_Tooltip, {
+    title: backTitle
+  }, showBackwardBtn && /*#__PURE__*/React.createElement(_Button, {
+    icon: backIcon ? backIcon : /*#__PURE__*/React.createElement(CaretRightOutlined, null),
+    onClick: function onClick() {
+      onChangeTimeSpan("right");
+    },
+    disabled: isRightDisabled
+  }))));
+};
+export default TimeSpan;

package/lib/TimeRangeSlider/assets/Calendar.js

@@ -0,0 +1,15 @@
+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); }
+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() { 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); }
+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() { 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); }
+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() { 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); }
+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() { 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); }
+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() { 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); }
+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() { 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); }
+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() { 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); }
+/*
+ * @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;