@chaoswise/ui 3.0.14 → 3.0.16

package/lib/TimeRangeSlider/styles/index.style.js

@@ -0,0 +1,64 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { genStyleHooks } from "../../Antd5/theme/internal";
+var genCustomTimeRangeSliderStyle = function genCustomTimeRangeSliderStyle(token) {
+  var prefixCls = token.antCls;
+  return _defineProperty(_defineProperty({}, "".concat(prefixCls, "-time-range-slider-wrapper"), _defineProperty(_defineProperty({
+    display: "flex",
+    alignItems: "center"
+  }, "".concat(prefixCls, "-time-range-slider-box-wrapper"), {
+    display: "flex",
+    flexDirection: "column"
+  }), "".concat(prefixCls, "-time-range-slider-input-wrapper"), _defineProperty(_defineProperty({
+    width: "360px"
+  }, "".concat(prefixCls, "-time-range-slider-prefix-wrapper"), {
+    width: "16px",
+    height: "16px",
+    display: "flex",
+    justifyContent: "center",
+    alignItems: "center"
+  }), "".concat(prefixCls, "-time-range-slider-prefix-icon"), {
+    color: "#000"
+  }))), ".custom-popover-wrapper", _defineProperty({
+    padding: "0",
+    right: "0 !important",
+    left: "auto !important",
+    top: "32px !important"
+  }, "".concat(prefixCls, "-popover-content"), _defineProperty(_defineProperty(_defineProperty({
+    minWidth: "1200px"
+  }, "".concat(prefixCls, "-popover-arrow"), {
+    display: "none"
+  }), "".concat(prefixCls, "-popover-title"), {
+    display: "flex",
+    justifyContent: "space-between",
+    alignItems: "center",
+    borderBottom: "none",
+    minHeight: "0",
+    lineHeight: "20px",
+    paddingTop: "12px",
+    paddingBottom: "0",
+    color: token.colorTextSecondary,
+    fontWeight: "400",
+    ".time-slider-popover-close-icon": {
+      fontSize: "16px",
+      "&:hover": {
+        cursor: "pointer",
+        color: token.colorPrimaryHover
+      }
+    }
+  }), "".concat(prefixCls, "-popover-inner-content"), {
+    padding: "16px 16px 36px",
+    display: "flex",
+    flexDirection: "column",
+    alignItems: "center",
+    justifyContent: "center"
+  })));
+};
+// ============================== Export ==============================
+export default genStyleHooks("TimeRangeSlider", function (token) {
+  return [
+  //
+  genCustomTimeRangeSliderStyle(token)];
+});

package/lib/TimeRangeSlider/styles/refresh.style.js

@@ -0,0 +1,38 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { genStyleHooks } from "../../Antd5/theme/internal";
+import { Keyframes } from "@ant-design/cssinjs";
+var autoRefresh = new Keyframes("autoRefresh", {
+  "100%": {
+    transform: "rotate(360deg)"
+  }
+});
+var genCustomRefreshStyle = function genCustomRefreshStyle(token) {
+  var prefixCls = token.antCls;
+  return _defineProperty({}, "".concat(prefixCls, "-time-range-slider-refresh-wrapper"), _defineProperty(_defineProperty(_defineProperty({
+    marginLeft: "8px !important",
+    display: "flex"
+  }, "".concat(prefixCls, "-btn"), {
+    width: "28px",
+    padding: "0"
+  }), "".concat(prefixCls, "-time-range-slider-auto-refresh"), {
+    animationName: autoRefresh,
+    animationDuration: "2s",
+    animationTimingFunction: "linear",
+    animationIterationCount: "infinite"
+  }), "".concat(prefixCls, "-time-range-slider-auto-refresh-wrapper"), {
+    "&:not(&[disabled])": _defineProperty({
+      borderColor: "".concat(token.colorPrimary, " !important")
+    }, "".concat(prefixCls, "-time-range-slider-auto-refresh"), {
+      color: token.colorPrimary
+    })
+  }));
+};
+// ============================== Export ==============================
+export default genStyleHooks(["TimeRangeSlider", "Refresh"], function (token) {
+  return [
+  //
+  genCustomRefreshStyle(token)];
+});

package/lib/TimeRangeSlider/styles/timeRangeSliderBottom.style.js

@@ -0,0 +1,125 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { genStyleHooks } from "../../Antd5/theme/internal";
+import { unit } from "@ant-design/cssinjs";
+var genCustomTimeRangeSliderBottomStyle = function genCustomTimeRangeSliderBottomStyle(token) {
+  var prefixCls = token.antCls;
+  return {
+    ".time-range-slider-bottom-wrapper": {
+      display: "flex",
+      alignItems: "center",
+      height: "48px",
+      border: "".concat(unit(token.lineWidth), " ").concat(token.lineType, " ").concat(token.colorBorder),
+      position: "relative",
+      ".time-range-single-slider-bottom": {
+        position: "relative",
+        height: "100%",
+        ".time-range-single-slider-bottom-HH-MM": {
+          position: "absolute",
+          width: "40px",
+          textAlign: "center",
+          backgroundColor: token.colorBgContainer,
+          height: "20px",
+          lineHeight: "20px",
+          top: "13px",
+          right: "-20px",
+          zIndex: "2",
+          color: token.colorTextTertiary,
+          userSelect: "none"
+        },
+        ".time-range-single-slider-bottom-cut-line": {
+          position: "absolute",
+          borderLeft: "".concat(unit(token.lineWidth), " ").concat(token.lineType, " ").concat(token.colorBorder),
+          right: " -0.5px",
+          height: "12px",
+          userSelect: "none",
+          "&.time-range-single-slider-bottom-cut-line-bottom": {
+            bottom: "0"
+          }
+        },
+        ".time-range-single-slider-bottom-MM-DD": {
+          position: "absolute",
+          width: "40px",
+          textAlign: "center",
+          backgroundColor: token.colorBgContainer,
+          height: "20px",
+          lineHeight: "20px",
+          bottom: "-24px",
+          right: "-20px",
+          zIndex: "2",
+          color: token.colorTextTertiary,
+          userSelect: "none"
+        }
+      },
+      ".time-range-slider-bottom-clone-wrapper": {
+        position: "absolute",
+        height: "48px",
+        left: "-1px",
+        overflow: "hidden",
+        zIndex: "3",
+        cursor: "crosshair",
+        ".time-range-area-limit-slider-bottom-wrapper": {
+          position: "absolute",
+          cursor: "move",
+          border: "".concat(unit(token.lineWidth), " dashed ").concat(token.colorPrimary),
+          zIndex: "2",
+          "&.time-range-area-limit-slider-bottom-wrapper-not-drag": {
+            borderColor: token.colorError
+          },
+          ".time-range-area-limit-slider-bottom-resize": {
+            position: "absolute",
+            left: "-3px",
+            width: "5px",
+            height: "22px",
+            top: "12px",
+            cursor: "ew-resize"
+          },
+          ".time-range-area-limit-slider-bottom-resize-right": {
+            right: "-3px",
+            left: "auto",
+            transform: "rotateY(180deg)"
+          }
+        },
+        ".time-range-area-limit-slider-bottom-hover-wrapper": {
+          position: "absolute",
+          zIndex: "1",
+          backgroundColor: "rgba(24, 144, 255, 0.1)",
+          "&::before": {
+            content: '""',
+            position: "absolute",
+            zIndex: "1",
+            top: "0",
+            left: "calc((100% - 1px) /2)",
+            width: "1px",
+            height: "100%",
+            backgroundColor: token.colorTextSecondary
+          }
+        }
+      }
+    },
+    ".time-range-area-limit-slider-tooltip-wrapper": _defineProperty({
+      maxWidth: "500px",
+      pointerEvents: "none",
+      backgroundColor: "transparent !important",
+      "&.time-range-area-limit-slider-tooltip-wrapper-custom": _defineProperty(_defineProperty({}, "".concat(prefixCls, "-tooltip-arrow"), {
+        display: "none"
+      }), "".concat(prefixCls, "-tooltip-content"), _defineProperty({}, "".concat(prefixCls, "-tooltip-inner"), {
+        // backgroundColor: "transparent !important",
+        boxShadow: "none !important",
+        padding: "3px 8px",
+        minHeight: "20px",
+        color: "#4e91d1"
+      }))
+    }, "".concat(prefixCls, "-tooltip-inner"), {
+      whiteSpace: "nowrap !important"
+    })
+  };
+};
+// ============================== Export ==============================
+export default genStyleHooks(["TimeRangeSlider", "Bottom"], function (token) {
+  return [
+  //
+  genCustomTimeRangeSliderBottomStyle(token)];
+});

package/lib/TimeRangeSlider/styles/timeRangeSliderTop.style.js

@@ -0,0 +1,81 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { genStyleHooks } from "../../Antd5/theme/internal";
+import { unit } from "@ant-design/cssinjs";
+var genCustomTimeRangeSliderTopStyle = function genCustomTimeRangeSliderTopStyle(token) {
+  var prefixCls = token.antCls;
+  return {
+    ".time-range-slider-top-wrapper": {
+      display: "flex",
+      alignItems: "center",
+      height: "28px",
+      backgroundColor: token.colorBgContainerDisabled,
+      position: "relative",
+      marginBottom: "40px",
+      ".time-range-single-slider": {
+        position: "relative",
+        height: "100%",
+        color: token.colorTextDescription,
+        display: "flex",
+        justifyContent: "center",
+        alignItems: "center",
+        ".time-range-single-slider-MM-DD": {
+          fontSize: "12px",
+          height: "20px",
+          lineHeight: "20px"
+        },
+        ".time-range-single-slider-cut-line-MM-DD": {
+          position: "absolute",
+          width: "4px",
+          left: "-2px",
+          height: "6px",
+          lineHeight: "6px",
+          top: "28px",
+          overflow: "hidden",
+          textAlign: "center",
+          color: token.colorTextDisabled
+        }
+      },
+      ".time-range-area-limit-slider": {
+        position: "absolute",
+        zIndex: "2",
+        cursor: "move",
+        height: "28px",
+        ".time-range-slider-top-placeholder-out": {
+          width: "100%",
+          height: "100%",
+          position: "relative",
+          display: "flex",
+          justifyContent: "center",
+          alignItems: "center",
+          border: "".concat(unit(token.lineWidth), " ").concat(token.lineType, " ").concat(token.colorPrimary),
+          borderRadius: token.borderRadius,
+          backgroundColor: token.colorBgContainer,
+          "time-range-slider-top-placeholder-date-info": {
+            fontSize: "12px",
+            color: token.colorPrimary
+          },
+          ".time-range-slider-top-placeholder-inner": {
+            position: "absolute",
+            color: "".concat(token.colorPrimary, " !important"),
+            left: "calc((100% - 12px) / 2)",
+            bottom: "-9px"
+          }
+        }
+      }
+    },
+    ".time-range-area-limit-slider-tooltip-wrapper": _defineProperty({
+      maxWidth: "500px"
+    }, "".concat(prefixCls, "-tooltip-inner"), {
+      whiteSpace: "nowrap !important"
+    })
+  };
+};
+// ============================== Export ==============================
+export default genStyleHooks(["TimeRangeSlider", "Top"], function (token) {
+  return [
+  //
+  genCustomTimeRangeSliderTopStyle(token)];
+});

package/lib/TimeRangeSlider/styles/timeSpan.style.js

@@ -0,0 +1,22 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { genStyleHooks } from "../../Antd5/theme/internal";
+var genCustomTimeSpanStyle = function genCustomTimeSpanStyle(token) {
+  var prefixCls = token.antCls;
+  return _defineProperty({}, "".concat(prefixCls, "-time-range-slider-time-span-wrapper"), _defineProperty({
+    marginLeft: "8px",
+    display: "flex"
+  }, "".concat(prefixCls, "-btn-icon-only"), _defineProperty({}, token.iconCls, {
+    width: "14px !important",
+    height: "14px !important",
+    fontSize: "14px !important"
+  })));
+};
+// ============================== Export ==============================
+export default genStyleHooks(["TimeRangeSlider", "TimeSpan"], function (token) {
+  return [
+  //
+  genCustomTimeSpanStyle(token)];
+});