@chaoswise/ui 2.5.2 → 2.5.4

package/lib/SingleSpa/system/amd.js

@@ -99,6 +99,7 @@ export default function (self) {
     var amdDefineDeps, amdDefineExec;
     global.define = function (name, deps, execute) {
       // define('', [], function () {})
+
       if (typeof name === 'string') {
         var _depsAndExec = getDepsAndExec(deps, execute);
         if (amdDefineDeps) {

package/lib/SingleSpa/system/system.js

@@ -105,12 +105,14 @@ export default function (self) {
     }
     function resolveAndComposePackages(packages, outPackages, baseUrl, parentMap, parentUrl) {
       for (var p in packages) {
-        var resolvedLhs = resolveIfNotPlainOrUrl(p, baseUrl) || p;
-        var rhs = packages[p];
-        // package fallbacks not currently supported
-        if (typeof rhs !== 'string') continue;
-        var mapped = resolveImportMap(parentMap, resolveIfNotPlainOrUrl(rhs, baseUrl) || rhs, parentUrl);
-        if (!mapped) targetWarning(p, rhs, 'bare specifier did not resolve');else outPackages[resolvedLhs] = mapped;
+        if (packages.hasOwnProperty(p)) {
+          var resolvedLhs = resolveIfNotPlainOrUrl(p, baseUrl) || p;
+          var rhs = packages[p];
+          // package fallbacks not currently supported
+          if (typeof rhs !== 'string') continue;
+          var mapped = resolveImportMap(parentMap, resolveIfNotPlainOrUrl(rhs, baseUrl) || rhs, parentUrl);
+          if (!mapped) targetWarning(p, rhs, 'bare specifier did not resolve');else outPackages[resolvedLhs] = mapped;
+        }
       }
     }
     function resolveAndComposeImportMap(json, baseUrl, parentMap) {
@@ -120,8 +122,10 @@ export default function (self) {
       };
       if (json.imports) resolveAndComposePackages(json.imports, outMap.imports, baseUrl, parentMap, null);
       if (json.scopes) for (var s in json.scopes) {
-        var resolvedScope = resolveUrl(s, baseUrl);
-        resolveAndComposePackages(json.scopes[s], outMap.scopes[resolvedScope] || (outMap.scopes[resolvedScope] = {}), baseUrl, parentMap, resolvedScope);
+        if (json.scopes.hasOwnProperty(s)) {
+          var resolvedScope = resolveUrl(s, baseUrl);
+          resolveAndComposePackages(json.scopes[s], outMap.scopes[resolvedScope] || (outMap.scopes[resolvedScope] = {}), baseUrl, parentMap, resolvedScope);
+        }
       }
       return outMap;
     }
@@ -241,10 +245,12 @@ export default function (self) {
             }
           } else {
             for (var p in name) {
-              var _value = name[p];
-              if (!(p in ns) || ns[p] !== _value) {
-                ns[p] = _value;
-                changed = true;
+              if (name.hasOwnProperty(p)) {
+                var _value = name[p];
+                if (!(p in ns) || ns[p] !== _value) {
+                  ns[p] = _value;
+                  changed = true;
+                }
               }
             }
             if (name.__esModule) {
@@ -463,7 +469,8 @@ export default function (self) {
       var script = document.createElement('script');
       script.charset = 'utf-8';
       script.async = true;
-      script.crossOrigin = 'anonymous';
+      // Fixed 外部链接跨域问题
+      // script.crossOrigin = 'anonymous';
       script.src = url;
       return script;
     };
@@ -644,13 +651,13 @@ export default function (self) {
                 }];
               });
             } else if (contentType.match(/^application\/wasm(;|$)/)) {
-              return (WebAssembly.compileStreaming ? WebAssembly.compileStreaming(res) : res.arrayBuffer().then(WebAssembly.compile)).then(function (module) {
+              return (window.WebAssembly.compileStreaming ? window.WebAssembly.compileStreaming(res) : res.arrayBuffer().then(window.WebAssembly.compile)).then(function (module) {
                 var deps = [];
                 var setters = [];
                 var importObj = {};
 
                 // we can only set imports if supported (eg early Safari doesnt support)
-                if (WebAssembly.Module.imports) WebAssembly.Module.imports(module).forEach(function (impt) {
+                if (window.WebAssembly.Module.imports) window.WebAssembly.Module.imports(module).forEach(function (impt) {
                   var key = impt.module;
                   if (deps.indexOf(key) === -1) {
                     deps.push(key);
@@ -663,7 +670,7 @@ export default function (self) {
                   return {
                     setters: setters,
                     execute: function execute() {
-                      return WebAssembly.instantiate(module, importObj).then(function (instance) {
+                      return window.WebAssembly.instantiate(module, importObj).then(function (instance) {
                         _export(instance.exports);
                       });
                     }

package/lib/SingleSpa/utils.js

@@ -33,9 +33,22 @@ export function importScripts() {
 }
 
 // 是否命中子应用
-export function hashPrefix(id, storeObj) {
+export function hashPrefix(id, storeObj, routerType, setCurrentAppId) {
   return function (location) {
-    return location.hash.startsWith("#".concat(storeObj.routerPrefix, "/").concat(id));
+    if (routerType === 'hash') {
+      var isMatch = location.hash.startsWith("#".concat(storeObj.routerPrefix, "/").concat(id));
+      if (isMatch) {
+        setCurrentAppId(id);
+      }
+      return isMatch;
+    }
+    if (routerType === 'browser') {
+      var _isMatch = location.pathname.startsWith("".concat(storeObj.routerPrefix, "/").concat(id));
+      if (_isMatch) {
+        setCurrentAppId(id);
+      }
+      return _isMatch;
+    }
   };
 }
 export var formatUrl = function formatUrl() {

package/lib/Table/index.js

@@ -1,4 +1,31 @@
 import "antd/es/table/style";
 import _Table from "antd/es/table";
-import './Table.less';
-export default _Table;
+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 React, { forwardRef, useRef, useEffect } from "react";
+import ReactDom from "react-dom";
+import { adjustScrollbarHeight } from "./util";
+import useConfigContext from "../useConfigContext";
+import "./Table.less";
+var Table = /*#__PURE__*/forwardRef(function (props, ref) {
+  var _ref = useRef(null);
+  var tableRef = ref ? ref : _ref;
+  var _useConfigContext = useConfigContext(),
+    getPrefixCls = _useConfigContext.getPrefixCls;
+  var prefix = getPrefixCls();
+  useEffect(function () {
+    // fixed 谷歌浏览器高版本表头高度异常问题
+    if (!tableRef.current) {
+      return;
+    }
+    var tableRefWrapperDom = ReactDom.findDOMNode(tableRef.current);
+    var scrollDom = tableRefWrapperDom === null || tableRefWrapperDom === void 0 ? void 0 : tableRefWrapperDom.querySelector(".".concat(prefix, "-table-scroll"));
+    var tableHeaderDom = scrollDom === null || scrollDom === void 0 ? void 0 : scrollDom.querySelector(".".concat(prefix, "-table-header"));
+    if (tableHeaderDom) {
+      adjustScrollbarHeight(tableHeaderDom);
+    }
+  });
+  return /*#__PURE__*/React.createElement(_Table, _extends({
+    ref: tableRef
+  }, props));
+});
+export default Table;

package/lib/Table/util.js

@@ -0,0 +1,15 @@
+function getDomCssAttr(element, attr) {
+  // 获取所有的计算后的样式
+  var style = window.getComputedStyle(element);
+  var attrValue = style.getPropertyValue(attr);
+  return parseFloat(attrValue);
+}
+export function adjustScrollbarHeight(element) {
+  var scrollbarHeight = element.offsetHeight - element.clientHeight;
+  var curMarginBottom = getDomCssAttr(element, "margin-bottom");
+  var curPaddingBottom = getDomCssAttr(element, "padding-bottom");
+  var finalMargin = Math.abs(curMarginBottom) - Math.abs(curPaddingBottom);
+  if (scrollbarHeight > 0 && finalMargin !== scrollbarHeight) {
+    element.style.marginBottom = "-".concat(scrollbarHeight + curPaddingBottom, "px");
+  }
+}

package/lib/TimeRangeSlider/Refresh/index.js

@@ -0,0 +1,161 @@
+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 "@chaoswise/ui/lib/Tooltip/index.less";
+import _Tooltip from "@chaoswise/ui/lib/Tooltip";
+import "@chaoswise/ui/lib/Button/index.less";
+import _Button from "@chaoswise/ui/lib/Button";
+import _useLocale2 from "@chaoswise/ui/lib/useLocale";
+var _excluded = ["value", "key"];
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+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(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(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 _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _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(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+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(arr) { if (Array.isArray(arr)) return arr; }
+import React, { forwardRef, useImperativeHandle } from "react";
+import classnames from "classnames";
+import Refresh1Svg from "../assets/Refresh1";
+import Refresh2Svg from "../assets/Refresh2";
+import Refresh3Svg from "../assets/Refresh3";
+import { getChangeUnitDate, funcValueChangeArrayValue, getTimeSpanFromValue, computedRecentlyValue, judgeType } from "../utils";
+import langConfig from "../locale";
+import { formatMessage } from "../../utils";
+import "./index.less";
+var Refresh = /*#__PURE__*/forwardRef(function (props, ref) {
+  var recordDateValue = props.recordDateValue,
+    setRecordDateValue = props.setRecordDateValue,
+    onChange = props.onChange,
+    value = props.value,
+    setIsAutoRefresh = props.setIsAutoRefresh,
+    refreshOption = props.refreshOption,
+    isHasDate = props.isHasDate,
+    enableAutoRefresh = props.enableAutoRefresh,
+    isClickAutoRefresh = props.isClickAutoRefresh,
+    timeSpanOption = props.timeSpanOption;
+  var _refreshOption$onAuto = refreshOption.onAutoRefreshChange,
+    onAutoRefreshChange = _refreshOption$onAuto === void 0 ? function () {} : _refreshOption$onAuto,
+    _refreshOption$onClic = refreshOption.onClickRefresh,
+    onClickRefresh = _refreshOption$onClic === void 0 ? function () {} : _refreshOption$onClic,
+    _refreshOption$onClic2 = refreshOption.onClickAutoRefresh,
+    onClickAutoRefresh = _refreshOption$onClic2 === void 0 ? function () {} : _refreshOption$onClic2,
+    isDisabledAutoRefresh = refreshOption.isDisabledAutoRefresh,
+    isDisabledRefresh = refreshOption.isDisabledRefresh,
+    _refreshOption$showAu = refreshOption.showAutoRefresh,
+    showAutoRefresh = _refreshOption$showAu === void 0 ? true : _refreshOption$showAu,
+    _refreshOption$showRe = refreshOption.showRefresh,
+    showRefresh = _refreshOption$showRe === void 0 ? true : _refreshOption$showRe;
+  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 _judgeType = judgeType(recordDateValue),
+      _judgeType2 = _slicedToArray(_judgeType, 2),
+      isRule = _judgeType2[0],
+      captureUnit = _judgeType2[1];
+    var returnValue = _objectSpread({}, recordDateValue);
+    values = funcValueChangeArrayValue(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])
+        });
+      }
+    }
+    onClickRefresh(returnValue);
+  };
+  // 自动刷新
+  var onAutoRefresh = function onAutoRefresh() {
+    onClickAutoRefresh(!enableAutoRefresh);
+    isClickAutoRefresh.current = true;
+    if (isHasDate) {
+      var values = recordDateValue.value,
+        key = recordDateValue.key,
+        rest = _objectWithoutProperties(recordDateValue, _excluded);
+      var _judgeType3 = judgeType(recordDateValue),
+        _judgeType4 = _slicedToArray(_judgeType3, 2),
+        isRule = _judgeType4[0],
+        captureUnit = _judgeType4[1];
+      values = funcValueChangeArrayValue(values);
+      var finalRecordDateValue = {
+        isRecently: false
+      };
+      if (!enableAutoRefresh) {
+        if (values) {
+          values = computedRecentlyValue(values);
+          finalRecordDateValue = _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, finalRecordDateValue), rest), getTimeSpanFromValue(values, timeSpanBoundary)), {}, {
+            isRecently: true
+          });
+        }
+        if (isRule && !values) {
+          values = getChangeUnitDate(captureUnit[0], captureUnit[1]);
+          finalRecordDateValue = _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, finalRecordDateValue), rest), getTimeSpanFromValue(values, timeSpanBoundary)), {}, {
+            isRecently: true
+          });
+        }
+      } else {
+        if (values) {
+          finalRecordDateValue = _objectSpread(_objectSpread({}, finalRecordDateValue), {}, {
+            value: computedRecentlyValue(values)
+          });
+        }
+        if (isRule && !values) {
+          finalRecordDateValue = _objectSpread(_objectSpread({}, finalRecordDateValue), {}, {
+            value: getChangeUnitDate(captureUnit[0], captureUnit[1])
+          });
+        }
+      }
+      onChange(finalRecordDateValue);
+      if (!value) {
+        setRecordDateValue(finalRecordDateValue);
+      }
+    } else {
+      onAutoRefreshChange(!enableAutoRefresh);
+      setIsAutoRefresh(function (pre) {
+        return !pre;
+      });
+      onChange(recordDateValue);
+      if (!value) {
+        setRecordDateValue(recordDateValue);
+      }
+    }
+  };
+  useImperativeHandle(ref, function () {
+    return {
+      onRefresh: onRefresh,
+      onAutoRefresh: onAutoRefresh
+    };
+  });
+  return (showRefresh || showAutoRefresh) && /*#__PURE__*/React.createElement(_Button.Group, {
+    className: "cw-range-picker-refresh-wrapper"
+  }, showRefresh && /*#__PURE__*/React.createElement(_Tooltip, {
+    title: formatMessage(localeObj["refresh"])
+  }, /*#__PURE__*/React.createElement(_Button, {
+    onClick: onRefresh,
+    disabled: isDisabledRefresh
+  }, /*#__PURE__*/React.createElement(Refresh1Svg, null))), showAutoRefresh && /*#__PURE__*/React.createElement(_Tooltip, {
+    title: formatMessage(localeObj["autoRefresh"])
+  }, /*#__PURE__*/React.createElement(_Button, {
+    onClick: onAutoRefresh,
+    disabled: isDisabledAutoRefresh,
+    className: classnames({
+      "cw-range-picker-auto-refresh-wrapper": enableAutoRefresh
+    })
+  }, enableAutoRefresh ? /*#__PURE__*/React.createElement(Refresh3Svg, {
+    className: "cw-range-picker-auto-refresh"
+  }) : /*#__PURE__*/React.createElement(Refresh2Svg, null))));
+});
+export default Refresh;

package/lib/TimeRangeSlider/Refresh/index.less

@@ -0,0 +1,26 @@
+.cw-range-picker-refresh-wrapper {
+    margin-left: 8px !important;
+    display: flex;
+    .@{ant-prefix}-btn {
+        width: 28px;
+        padding: 0;
+    }
+    .cw-range-picker-auto-refresh{
+        animation: autoRefresh 2s linear infinite;
+    }
+    .cw-range-picker-auto-refresh-wrapper{
+        &:not(&[disabled]){
+            border-color: @primary-color !important;
+            .cw-range-picker-auto-refresh{
+                color: @primary-color;
+            }
+        }
+
+    }
+
+}
+@keyframes autoRefresh{
+    100%{
+        transform: rotate(360deg);
+    }
+}

package/lib/TimeRangeSlider/TimeRangeSliderCmp/assets/LimitAreaSvg.js

@@ -0,0 +1,110 @@
+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 SvgLimitArea = function SvgLimitArea(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    xmlnsXlink: "http://www.w3.org/1999/xlink",
+    width: 6,
+    height: 24
+  }, props), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("filter", {
+    id: "limitArea_svg__a",
+    width: "109.6%",
+    height: "160.9%",
+    x: "-4.8%",
+    y: "-25.8%",
+    filterUnits: "objectBoundingBox"
+  }, /*#__PURE__*/React.createElement("feMorphology", {
+    "in": "SourceAlpha",
+    operator: "dilate",
+    radius: 4,
+    result: "shadowSpreadOuter1"
+  }), /*#__PURE__*/React.createElement("feOffset", {
+    dy: 9,
+    "in": "shadowSpreadOuter1",
+    result: "shadowOffsetOuter1"
+  }), /*#__PURE__*/React.createElement("feGaussianBlur", {
+    "in": "shadowOffsetOuter1",
+    result: "shadowBlurOuter1",
+    stdDeviation: 14
+  }), /*#__PURE__*/React.createElement("feColorMatrix", {
+    "in": "shadowBlurOuter1",
+    result: "shadowMatrixOuter1",
+    values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0"
+  }), /*#__PURE__*/React.createElement("feOffset", {
+    dy: 6,
+    "in": "SourceAlpha",
+    result: "shadowOffsetOuter2"
+  }), /*#__PURE__*/React.createElement("feGaussianBlur", {
+    "in": "shadowOffsetOuter2",
+    result: "shadowBlurOuter2",
+    stdDeviation: 8
+  }), /*#__PURE__*/React.createElement("feColorMatrix", {
+    "in": "shadowBlurOuter2",
+    result: "shadowMatrixOuter2",
+    values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.08 0"
+  }), /*#__PURE__*/React.createElement("feMorphology", {
+    "in": "SourceAlpha",
+    radius: 2,
+    result: "shadowSpreadOuter3"
+  }), /*#__PURE__*/React.createElement("feOffset", {
+    dy: 3,
+    "in": "shadowSpreadOuter3",
+    result: "shadowOffsetOuter3"
+  }), /*#__PURE__*/React.createElement("feGaussianBlur", {
+    "in": "shadowOffsetOuter3",
+    result: "shadowBlurOuter3",
+    stdDeviation: 3
+  }), /*#__PURE__*/React.createElement("feColorMatrix", {
+    "in": "shadowBlurOuter3",
+    result: "shadowMatrixOuter3",
+    values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.12 0"
+  }), /*#__PURE__*/React.createElement("feMerge", null, /*#__PURE__*/React.createElement("feMergeNode", {
+    "in": "shadowMatrixOuter1"
+  }), /*#__PURE__*/React.createElement("feMergeNode", {
+    "in": "shadowMatrixOuter2"
+  }), /*#__PURE__*/React.createElement("feMergeNode", {
+    "in": "shadowMatrixOuter3"
+  }))), /*#__PURE__*/React.createElement("path", {
+    id: "limitArea_svg__b",
+    d: "M0 0h1216v192H0z"
+  })), /*#__PURE__*/React.createElement("g", {
+    fill: "none",
+    fillRule: "evenodd"
+  }, /*#__PURE__*/React.createElement("path", {
+    fill: "#FFF",
+    d: "M-1370-215H70v750h-1440z"
+  }), /*#__PURE__*/React.createElement("g", {
+    transform: "translate(-1166 -120)"
+  }, /*#__PURE__*/React.createElement("use", {
+    xlinkHref: "#limitArea_svg__b",
+    fill: "#000",
+    filter: "url(#limitArea_svg__a)"
+  }), /*#__PURE__*/React.createElement("use", {
+    xlinkHref: "#limitArea_svg__b",
+    fill: "#FFF"
+  })), /*#__PURE__*/React.createElement("path", {
+    fill: "#FFF",
+    stroke: "#000",
+    strokeOpacity: 0.15,
+    d: "M-1133.5-11.5h1151v47h-1151z"
+  }), /*#__PURE__*/React.createElement("path", {
+    fill: "#FFF",
+    d: "M4 2h27v20H4z"
+  }), /*#__PURE__*/React.createElement("text", {
+    fill: "#000",
+    fillOpacity: 0.65,
+    fontFamily: "PingFangSC-Regular, PingFang SC",
+    fontSize: 12,
+    transform: "translate(-1151 -32)"
+  }, /*#__PURE__*/React.createElement("tspan", {
+    x: 1155,
+    y: 47
+  }, "18:17")), /*#__PURE__*/React.createElement("path", {
+    fill: "#1890FF",
+    d: "M0 19.846c0 2.034 2.326 2.823 3.569 3.236l.248.083.11.037Q5.003 23.582 6 24V0q-.998.42-2.073.797l-.11.038-.248.083C2.326 1.331 0 2.12 0 4.154Z"
+  }), /*#__PURE__*/React.createElement("path", {
+    fill: "#FFF",
+    d: "M1.5 9a.5.5 0 0 1 .5.5v5a.5.5 0 1 1-1 0v-5a.5.5 0 0 1 .5-.5m3 0a.5.5 0 0 1 .5.5v5a.5.5 0 1 1-1 0v-5a.5.5 0 0 1 .5-.5"
+  })));
+};
+export default SvgLimitArea;

package/lib/TimeRangeSlider/TimeRangeSliderCmp/components/BottomSlider/BottomPlaceholder.js

@@ -0,0 +1,70 @@
+import "@chaoswise/ui/lib/Tooltip/index.less";
+import _Tooltip from "@chaoswise/ui/lib/Tooltip";
+import React, { useMemo } from "react";
+import LimitAreaSvg from "../../assets/LimitAreaSvg";
+import classnames from "classnames";
+var BottomPlaceholder = function BottomPlaceholder(props) {
+  var timeSliderWidth = props.timeSliderWidth,
+    clickBottomWrapper = props.clickBottomWrapper,
+    bottomSliderInfo = props.bottomSliderInfo,
+    TimeRangeAreaLimitBottomSlider = props.TimeRangeAreaLimitBottomSlider,
+    beginMouseDown = props.beginMouseDown,
+    TimeRangeSliderBottomWrapperRef = props.TimeRangeSliderBottomWrapperRef,
+    bottomSliderHoverInfo = props.bottomSliderHoverInfo,
+    bottomSliderDragStatus = props.bottomSliderDragStatus,
+    isHoverBottomWrapper = props.isHoverBottomWrapper,
+    isHoverPlaceholderBottom = props.isHoverPlaceholderBottom;
+  var isHasTooltipTimeDate = useMemo(function () {
+    return Array.isArray(bottomSliderInfo.date) && bottomSliderInfo.date.length === 2;
+  }, [bottomSliderInfo]);
+  var isHasHoverTooltipTimeDate = useMemo(function () {
+    return Array.isArray(bottomSliderHoverInfo.date) && bottomSliderHoverInfo.date.length === 2;
+  }, [bottomSliderHoverInfo]);
+  return /*#__PURE__*/React.createElement("div", {
+    style: {
+      width: timeSliderWidth
+    },
+    className: "time-range-slider-bottom-clone-wrapper",
+    onClick: clickBottomWrapper,
+    ref: TimeRangeSliderBottomWrapperRef
+  }, /*#__PURE__*/React.createElement(_Tooltip, {
+    overlayClassName: "time-range-area-limit-slider-tooltip-wrapper",
+    title: isHasTooltipTimeDate && /*#__PURE__*/React.createElement(React.Fragment, null, bottomSliderInfo.date[0].format("YYYY/MM/DD HH:mm:ss"), " -", " ", bottomSliderInfo.date[1].format("YYYY/MM/DD HH:mm:ss")),
+    visible: isHoverPlaceholderBottom && bottomSliderDragStatus
+  }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      width: bottomSliderInfo.width,
+      height: 48,
+      left: bottomSliderInfo.left
+    },
+    className: classnames("time-range-area-limit-slider-bottom-wrapper", {
+      "time-range-area-limit-slider-bottom-wrapper-not-drag": !bottomSliderInfo.canDrag
+    }),
+    onMouseDown: function onMouseDown(e) {
+      return beginMouseDown(e, "bottom");
+    },
+    ref: TimeRangeAreaLimitBottomSlider
+  }, /*#__PURE__*/React.createElement("div", {
+    className: classnames("time-range-area-limit-slider-bottom-resize"),
+    onMouseDown: function onMouseDown(e) {
+      return beginMouseDown(e, "bottom", "left");
+    }
+  }, /*#__PURE__*/React.createElement(LimitAreaSvg, null)), /*#__PURE__*/React.createElement("div", {
+    className: classnames("time-range-area-limit-slider-bottom-resize", "time-range-area-limit-slider-bottom-resize-right"),
+    onMouseDown: function onMouseDown(e) {
+      return beginMouseDown(e, "bottom", "right");
+    }
+  }, /*#__PURE__*/React.createElement(LimitAreaSvg, null)))), isHoverBottomWrapper && !bottomSliderDragStatus && /*#__PURE__*/React.createElement(_Tooltip, {
+    overlayClassName: "time-range-area-limit-slider-tooltip-wrapper",
+    title: isHasHoverTooltipTimeDate && /*#__PURE__*/React.createElement(React.Fragment, null, bottomSliderHoverInfo.date[0].format("YYYY/MM/DD HH:mm:ss"), " -", " ", bottomSliderHoverInfo.date[1].format("YYYY/MM/DD HH:mm:ss")),
+    visible: !bottomSliderDragStatus
+  }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      width: bottomSliderHoverInfo.width,
+      height: 48,
+      left: bottomSliderHoverInfo.left
+    },
+    className: classnames("time-range-area-limit-slider-bottom-hover-wrapper")
+  })));
+};
+export default BottomPlaceholder;

package/lib/TimeRangeSlider/TimeRangeSliderCmp/components/BottomSlider/BottomTimeDateProcess.js

@@ -0,0 +1,36 @@
+import React, { useMemo } from "react";
+import { getAllTimeDates, getConvertedTimeDateDataByEndDate } from "../../utils";
+import classnames from "classnames";
+var BottomTimeDateProcess = function BottomTimeDateProcess(props) {
+  var recordTimeDateWrapper = props.recordTimeDateWrapper,
+    timeSliderWidth = props.timeSliderWidth;
+  var convertedTimeDateData = useMemo(function () {
+    if (recordTimeDateWrapper.length === 0) return [];
+    var allTimeDates = getAllTimeDates(recordTimeDateWrapper[1]);
+    return getConvertedTimeDateDataByEndDate(allTimeDates);
+  }, [recordTimeDateWrapper]);
+  var singleWidth = timeSliderWidth / 24; // 24代表24个小时
+  return convertedTimeDateData.map(function (item, index) {
+    var indexDivisibleByThree = index % 3 === 0; // 索引能够被三整除
+    var isCutLine = indexDivisibleByThree && index !== 0 && index !== 24;
+    var isShowMMDD = index == 0 || index == 24;
+    return /*#__PURE__*/React.createElement("div", {
+      key: index,
+      style: {
+        width: index === 0 ? 0 : singleWidth
+      },
+      className: classnames("time-range-single-slider-bottom", {
+        "time-range-single-odd-slider-bottom": indexDivisibleByThree
+      })
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "time-range-single-slider-bottom-HH-MM"
+    }, item.HH_MM), isCutLine && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+      className: classnames("time-range-single-slider-bottom-cut-line")
+    }), /*#__PURE__*/React.createElement("div", {
+      className: classnames("time-range-single-slider-bottom-cut-line", "time-range-single-slider-bottom-cut-line-bottom")
+    })), isShowMMDD && /*#__PURE__*/React.createElement("div", {
+      className: "time-range-single-slider-bottom-MM-DD"
+    }, item.MM_DD));
+  });
+};
+export default BottomTimeDateProcess;

package/lib/TimeRangeSlider/TimeRangeSliderCmp/components/BottomSlider/index.js

@@ -0,0 +1,38 @@
+import React from "react";
+import BottomTimeDateProcess from "./BottomTimeDateProcess";
+import BottomPlaceholder from "./BottomPlaceholder";
+import "./index.less";
+var Index = function Index(props) {
+  var timeSliderWidth = props.timeSliderWidth,
+    clickBottomWrapper = props.clickBottomWrapper,
+    bottomSliderInfo = props.bottomSliderInfo,
+    TimeRangeAreaLimitBottomSlider = props.TimeRangeAreaLimitBottomSlider,
+    beginMouseDown = props.beginMouseDown,
+    recordTimeDateWrapper = props.recordTimeDateWrapper,
+    TimeRangeSliderBottomWrapperRef = props.TimeRangeSliderBottomWrapperRef,
+    bottomSliderHoverInfo = props.bottomSliderHoverInfo,
+    bottomSliderDragStatus = props.bottomSliderDragStatus,
+    isHoverBottomWrapper = props.isHoverBottomWrapper,
+    isHoverPlaceholderBottom = props.isHoverPlaceholderBottom;
+  return /*#__PURE__*/React.createElement("div", {
+    className: "time-range-slider-bottom-wrapper",
+    style: {
+      width: timeSliderWidth
+    }
+  }, /*#__PURE__*/React.createElement(BottomTimeDateProcess, {
+    recordTimeDateWrapper: recordTimeDateWrapper,
+    timeSliderWidth: timeSliderWidth
+  }), /*#__PURE__*/React.createElement(BottomPlaceholder, {
+    timeSliderWidth: timeSliderWidth,
+    clickBottomWrapper: clickBottomWrapper,
+    bottomSliderInfo: bottomSliderInfo,
+    TimeRangeAreaLimitBottomSlider: TimeRangeAreaLimitBottomSlider,
+    beginMouseDown: beginMouseDown,
+    TimeRangeSliderBottomWrapperRef: TimeRangeSliderBottomWrapperRef,
+    bottomSliderHoverInfo: bottomSliderHoverInfo,
+    bottomSliderDragStatus: bottomSliderDragStatus,
+    isHoverBottomWrapper: isHoverBottomWrapper,
+    isHoverPlaceholderBottom: isHoverPlaceholderBottom
+  }));
+};
+export default Index;