@cloudtower/eagle 0.22.11 → 0.22.12

package/dist/style.css

@@ -1597,23 +1597,6 @@ input[type=submit] {
   cursor: pointer;
 }
 
-.i1mrf09m {
-  display: inline-flex;
-  align-items: center;
-}
-.i1mrf09m .icon-inner {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-}
-.i1mrf09m .icon-inner + span,
-.i1mrf09m span + .icon-inner.suffix {
-  margin-left: 4px;
-}
-.i1mrf09m.is-rotate img {
-  animation: rotate 680ms linear infinite;
-}
-
 .buj61ew.ant-btn {
   height: 32px;
   border-radius: 6px;
@@ -1862,21 +1845,6 @@ input[type=submit] {
   padding: 0;
 }
 
-.fde5mpd {
-  width: 100%;
-  height: 100%;
-  min-height: 124px;
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-}
-.fde5mpd .error-text {
-  color: rgba(10, 37, 85, 0.6);
-  margin-bottom: 16px;
-  font-size: 18px;
-}
-
 .bpq0js6 {
   padding: 4px 11px;
 }
@@ -1906,6 +1874,38 @@ input[type=submit] {
   border-radius: unset;
 }
 
+.fde5mpd {
+  width: 100%;
+  height: 100%;
+  min-height: 124px;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+}
+.fde5mpd .error-text {
+  color: rgba(10, 37, 85, 0.6);
+  margin-bottom: 16px;
+  font-size: 18px;
+}
+
+.i1mrf09m {
+  display: inline-flex;
+  align-items: center;
+}
+.i1mrf09m .icon-inner {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+}
+.i1mrf09m .icon-inner + span,
+.i1mrf09m span + .icon-inner.suffix {
+  margin-left: 4px;
+}
+.i1mrf09m.is-rotate img {
+  animation: rotate 680ms linear infinite;
+}
+
 .obf05yr {
   display: inline-block;
 }
@@ -1972,25 +1972,6 @@ input[type=submit] {
   line-height: 18px;
 }
 
-.s1fc623g {
-  width: 430px !important;
-}
-
-.oa3mx0o {
-  display: flex;
-  flex-direction: column;
-}
-
-.onr9gzt {
-  display: flex;
-  justify-content: space-between;
-}
-
-.oiy0apc {
-  display: flex;
-  color: rgba(44, 56, 82, 0.6);
-}
-
 .rxbeqvl.ant-radio-wrapper {
   display: inline-flex;
   align-items: baseline;
@@ -2133,6 +2114,89 @@ input[type=submit] {
   width: 36px;
 }
 
+.s3mgie3 .ant-steps-horizontal.ant-steps-label-horizontal {
+  flex-direction: row;
+  justify-content: stretch;
+}
+.s3mgie3 .ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item {
+  padding: 0;
+  margin-right: 4px;
+  flex: 1;
+  overflow: visible;
+}
+.s3mgie3 .ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item-tail, .s3mgie3 .ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item-icon {
+  display: none;
+}
+.s3mgie3 .ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item .ant-steps-item-content {
+  width: 100%;
+  min-height: unset;
+}
+.s3mgie3 .ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item .ant-steps-item-content .ant-steps-item-title {
+  height: 26px;
+  line-height: 26px;
+  width: 100%;
+  text-align: center;
+  padding: 0;
+  font-size: 12px;
+  font-weight: normal;
+}
+.s3mgie3 .ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item .ant-steps-item-content .ant-steps-item-title .step-count {
+  margin-right: 10px;
+}
+.s3mgie3 .ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item .ant-steps-item-content .ant-steps-item-title::after {
+  display: none;
+}
+.s3mgie3 .ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item:first-child .ant-steps-item-container {
+  border-radius: 4px 0 0 4px;
+}
+.s3mgie3 .ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item:last-child {
+  margin-right: 0;
+}
+.s3mgie3 .ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item:last-child .ant-steps-item-container {
+  border-radius: 0 4px 4px 0;
+}
+.s3mgie3 .ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item:not(.s3mgie3 .ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item:last-child)::after {
+  content: "";
+  width: 0;
+  height: 0;
+  border: 13px solid transparent;
+  position: absolute;
+  top: 0;
+  border-left: 8px solid rgba(237, 241, 250, 0.6);
+  right: -21px;
+  z-index: 2;
+}
+.s3mgie3 .ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item:not(.s3mgie3 .ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item:first-child)::before {
+  content: "";
+  width: 0;
+  height: 0;
+  border: 13px solid transparent;
+  position: absolute;
+  top: 0;
+  border-left: 8px solid #fff;
+  left: 0;
+}
+.s3mgie3 .ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item-active .ant-steps-item-container {
+  background-color: rgba(0, 136, 255, 0.1);
+}
+.s3mgie3 .ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item-active::after {
+  border-left-color: rgba(0, 136, 255, 0.1) !important;
+}
+.s3mgie3 .ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item-active .ant-steps-item-title {
+  color: #005ed1;
+}
+.s3mgie3 .ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item-wait .ant-steps-item-container,
+.s3mgie3 .ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item-finish .ant-steps-item-container {
+  background-color: rgba(237, 241, 250, 0.6);
+}
+.s3mgie3 .ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item-wait .ant-steps-item-title,
+.s3mgie3 .ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item-finish .ant-steps-item-title {
+  color: rgba(44, 56, 82, 0.6);
+}
+.s3mgie3 .ant-steps:not(.ant-steps-dot):not(.ant-steps-navigation):not(.ant-steps-vertical) .ant-steps-item {
+  padding: 0;
+}
+
 .cz04yix {
   display: flex;
   flex-direction: column;
@@ -2798,144 +2862,6 @@ input.rrg1fkn.ant-input {
   border-bottom-left-radius: 0;
 }
 
-.s3mgie3 .ant-steps-horizontal.ant-steps-label-horizontal {
-  flex-direction: row;
-  justify-content: stretch;
-}
-.s3mgie3 .ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item {
-  padding: 0;
-  margin-right: 4px;
-  flex: 1;
-  overflow: visible;
-}
-.s3mgie3 .ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item-tail, .s3mgie3 .ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item-icon {
-  display: none;
-}
-.s3mgie3 .ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item .ant-steps-item-content {
-  width: 100%;
-  min-height: unset;
-}
-.s3mgie3 .ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item .ant-steps-item-content .ant-steps-item-title {
-  height: 26px;
-  line-height: 26px;
-  width: 100%;
-  text-align: center;
-  padding: 0;
-  font-size: 12px;
-  font-weight: normal;
-}
-.s3mgie3 .ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item .ant-steps-item-content .ant-steps-item-title .step-count {
-  margin-right: 10px;
-}
-.s3mgie3 .ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item .ant-steps-item-content .ant-steps-item-title::after {
-  display: none;
-}
-.s3mgie3 .ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item:first-child .ant-steps-item-container {
-  border-radius: 4px 0 0 4px;
-}
-.s3mgie3 .ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item:last-child {
-  margin-right: 0;
-}
-.s3mgie3 .ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item:last-child .ant-steps-item-container {
-  border-radius: 0 4px 4px 0;
-}
-.s3mgie3 .ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item:not(.s3mgie3 .ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item:last-child)::after {
-  content: "";
-  width: 0;
-  height: 0;
-  border: 13px solid transparent;
-  position: absolute;
-  top: 0;
-  border-left: 8px solid rgba(237, 241, 250, 0.6);
-  right: -21px;
-  z-index: 2;
-}
-.s3mgie3 .ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item:not(.s3mgie3 .ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item:first-child)::before {
-  content: "";
-  width: 0;
-  height: 0;
-  border: 13px solid transparent;
-  position: absolute;
-  top: 0;
-  border-left: 8px solid #fff;
-  left: 0;
-}
-.s3mgie3 .ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item-active .ant-steps-item-container {
-  background-color: rgba(0, 136, 255, 0.1);
-}
-.s3mgie3 .ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item-active::after {
-  border-left-color: rgba(0, 136, 255, 0.1) !important;
-}
-.s3mgie3 .ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item-active .ant-steps-item-title {
-  color: #005ed1;
-}
-.s3mgie3 .ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item-wait .ant-steps-item-container,
-.s3mgie3 .ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item-finish .ant-steps-item-container {
-  background-color: rgba(237, 241, 250, 0.6);
-}
-.s3mgie3 .ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item-wait .ant-steps-item-title,
-.s3mgie3 .ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item-finish .ant-steps-item-title {
-  color: rgba(44, 56, 82, 0.6);
-}
-.s3mgie3 .ant-steps:not(.ant-steps-dot):not(.ant-steps-navigation):not(.ant-steps-vertical) .ant-steps-item {
-  padding: 0;
-}
-
-.s34f1qb.ant-switch {
-  min-width: 40px;
-  height: 24px;
-  background: rgba(172, 186, 211, 0.6);
-  overflow: hidden;
-}
-.s34f1qb.ant-switch:focus {
-  box-shadow: 0 0 0 2px rgba(225, 230, 241, 0.6);
-}
-.s34f1qb.ant-switch-small {
-  min-width: 26px;
-  height: 16px;
-}
-.s34f1qb.ant-switch-large {
-  min-width: 52px;
-  height: 32px;
-}
-.s34f1qb.ant-switch .ant-switch-handle {
-  height: 20px;
-  width: 20px;
-}
-.s34f1qb.ant-switch .ant-switch-handle::before {
-  border-radius: 10px;
-  transition-delay: 120ms;
-}
-.s34f1qb.ant-switch-small .ant-switch-handle {
-  height: 14px;
-  width: 14px;
-  top: 1px;
-  left: 1px;
-}
-.s34f1qb.ant-switch-large .ant-switch-handle {
-  height: 28px;
-  width: 28px;
-}
-.s34f1qb.ant-switch-large .ant-switch-handle::before {
-  border-radius: 14px;
-}
-.s34f1qb.ant-switch-checked {
-  background-color: #00ba5d;
-}
-.s34f1qb.ant-switch-checked .ant-switch-handle {
-  left: calc(100% - 20px - 2px);
-}
-.s34f1qb.ant-switch-small.ant-switch-checked .ant-switch-handle {
-  left: calc(100% - 14px - 1px);
-}
-.s34f1qb.ant-switch-large.ant-switch-checked .ant-switch-handle {
-  left: calc(100% - 28px - 2px);
-}
-
-.c1to9vb9 {
-  margin-left: 5px;
-}
-
 .t1upn1sz {
   height: 100%;
 }
@@ -3292,6 +3218,80 @@ input.rrg1fkn.ant-input {
   background: #fff;
 }
 
+.s1fc623g {
+  width: 430px !important;
+}
+
+.oa3mx0o {
+  display: flex;
+  flex-direction: column;
+}
+
+.onr9gzt {
+  display: flex;
+  justify-content: space-between;
+}
+
+.oiy0apc {
+  display: flex;
+  color: rgba(44, 56, 82, 0.6);
+}
+
+.s34f1qb.ant-switch {
+  min-width: 40px;
+  height: 24px;
+  background: rgba(172, 186, 211, 0.6);
+  overflow: hidden;
+}
+.s34f1qb.ant-switch:focus {
+  box-shadow: 0 0 0 2px rgba(225, 230, 241, 0.6);
+}
+.s34f1qb.ant-switch-small {
+  min-width: 26px;
+  height: 16px;
+}
+.s34f1qb.ant-switch-large {
+  min-width: 52px;
+  height: 32px;
+}
+.s34f1qb.ant-switch .ant-switch-handle {
+  height: 20px;
+  width: 20px;
+}
+.s34f1qb.ant-switch .ant-switch-handle::before {
+  border-radius: 10px;
+  transition-delay: 120ms;
+}
+.s34f1qb.ant-switch-small .ant-switch-handle {
+  height: 14px;
+  width: 14px;
+  top: 1px;
+  left: 1px;
+}
+.s34f1qb.ant-switch-large .ant-switch-handle {
+  height: 28px;
+  width: 28px;
+}
+.s34f1qb.ant-switch-large .ant-switch-handle::before {
+  border-radius: 14px;
+}
+.s34f1qb.ant-switch-checked {
+  background-color: #00ba5d;
+}
+.s34f1qb.ant-switch-checked .ant-switch-handle {
+  left: calc(100% - 20px - 2px);
+}
+.s34f1qb.ant-switch-small.ant-switch-checked .ant-switch-handle {
+  left: calc(100% - 14px - 1px);
+}
+.s34f1qb.ant-switch-large.ant-switch-checked .ant-switch-handle {
+  left: calc(100% - 28px - 2px);
+}
+
+.c1to9vb9 {
+  margin-left: 5px;
+}
+
 .i1e4sgug {
   display: inline-block;
 }
@@ -3907,6 +3907,10 @@ input.rrg1fkn.ant-input {
   color: rgba(44, 56, 82, 0.6);
 }
 
+.iiqau4c.ant-input-group.ant-input-group-compact {
+  display: flex;
+}
+
 .m1thnes4 {
   color: rgba(44, 56, 82, 0.6);
   text-align: center;
@@ -4068,14 +4072,6 @@ input.rrg1fkn.ant-input {
   margin-left: 8px;
 }
 
-.iiqau4c.ant-input-group.ant-input-group-compact {
-  display: flex;
-}
-
-.asgcu6r {
-  height: 32px;
-}
-
 .t1gz6wqf {
   height: 100%;
 }
@@ -4106,6 +4102,10 @@ input.rrg1fkn.ant-input {
   background: rgba(163, 180, 204, 0.18);
 }
 
+.asgcu6r {
+  height: 32px;
+}
+
 .d1h5z4k4.ant-dropdown {
   background: #fff;
   border: 1px solid #dfe4eb;

package/dist/umd/index.js

@@ -4,10 +4,36 @@
   (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.index = {}, global.antd, global.cs, global.React, global._, global.moment, global.reactDom, global.reactIs, global.react, global.icons, global.parrot, global.redux, global.reactRedux, global.core, null, global.TimeZones, global.reactI18next, global.dayjs));
 })(this, (function (exports, antd, cs, React, _, moment, reactDom, reactIs, react, icons, parrot, redux, reactRedux, core, getScrollBarSize, TimeZones, reactI18next, dayjs) { 'use strict';
 
+  const MAGIC_METRIC_NULL = -2;
   const SECOND = 1;
   const MINUTE = 60 * SECOND;
   const HOUR = 60 * MINUTE;
   const DAY = 24 * HOUR;
+  function formatPercent(input, decimals = 2) {
+    if (input <= 0 || input === MAGIC_METRIC_NULL) {
+      input = 0;
+    }
+    if (input > 100) {
+      input = 100;
+    }
+    const value = parseFloat(input.toFixed(decimals));
+    if (value === 0 && input > 0) {
+      if (decimals - 1 >= 0) {
+        return {
+          value: parseFloat(`0.${"0".repeat(decimals - 1)}1`),
+          unit: "%"
+        };
+      }
+      return {
+        value: 1,
+        unit: "%"
+      };
+    }
+    return {
+      value,
+      unit: "%"
+    };
+  }
 
   const EMPTY_FUNCTION = () => {
   };
@@ -101,8 +127,8 @@
         style,
         children,
         prefixNode,
-        suffixIconSrc,
-        src
+        suffixIconSrc: SuffixSrc,
+        src: Src
       } = _a, HTMLSpanElementProps = __objRest$o(_a, [
         "alt",
         "className",
@@ -123,9 +149,9 @@
           style: _.pickBy(__spreadValues$s({ cursor }, style))
         }, HTMLSpanElementProps),
         prefixNode,
-        /* @__PURE__ */ React.createElement("span", { className: "icon-inner" }, /* @__PURE__ */ React.createElement("img", { alt, src, width, height })),
+        /* @__PURE__ */ React.createElement("span", { className: "icon-inner" }, typeof Src === "string" ? /* @__PURE__ */ React.createElement("img", { alt, src: Src, width, height }) : /* @__PURE__ */ React.createElement(Src, { width, height })),
         children && /* @__PURE__ */ React.createElement("span", { className: "icon-children" }, children),
-        suffixIconSrc && /* @__PURE__ */ React.createElement("span", { className: "icon-inner suffix" }, /* @__PURE__ */ React.createElement("img", { alt, src: suffixIconSrc, width, height }))
+        SuffixSrc && /* @__PURE__ */ React.createElement("span", { className: "icon-inner suffix" }, typeof SuffixSrc === "string" ? /* @__PURE__ */ React.createElement("img", { alt, src: SuffixSrc, width, height }) : /* @__PURE__ */ React.createElement(SuffixSrc, { width, height }))
       );
     }
   );
@@ -2248,6 +2274,28 @@
     }))));
   };
 
+  function isEmpty(rawValue) {
+    if (rawValue === null || rawValue === void 0 || rawValue === MAGIC_METRIC_NULL || Number.isNaN(rawValue)) {
+      return true;
+    }
+    return false;
+  }
+
+  const Empty = /* @__PURE__ */ React.createElement(React.Fragment, null, "-");
+
+  const Percent = ({
+    rawValue,
+    decimals,
+    valueClassName,
+    unitClassName
+  }) => {
+    if (isEmpty(rawValue)) {
+      return Empty;
+    }
+    const { value, unit } = formatPercent(rawValue, decimals);
+    return /* @__PURE__ */ React.createElement("span", null, /* @__PURE__ */ React.createElement("span", { className: core.cx("value", valueClassName) }, value), /* @__PURE__ */ React.createElement("span", { className: core.cx("unit", unitClassName) }, unit));
+  };
+
   var __defProp$5 = Object.defineProperty;
   var __getOwnPropSymbols$5 = Object.getOwnPropertySymbols;
   var __hasOwnProp$5 = Object.prototype.hasOwnProperty;
@@ -2870,6 +2918,9 @@
       textArea: TextArea,
       checkbox: Checkbox,
       fields,
+      units: {
+        Percent
+      },
       inputGroup: InputGroup,
       alert: Alert,
       searchInput: SearchInput,