@cloudtower/eagle 0.26.10 → 0.26.11

package/dist/umd/index.js

@@ -507,22 +507,6 @@
     }));
   };
 
-  const useParrotTranslation = () => {
-    return reactI18next.useTranslation(void 0, {
-      i18n: parrot.parrotI18n
-    });
-  };
-
-  const Arch = (props) => {
-    const { t } = useParrotTranslation();
-    const { architecture } = props;
-    let text = "";
-    if (architecture) {
-      text = t(`components.Architecture_${architecture}`);
-    }
-    return /* @__PURE__ */ React__namespace.default.createElement("span", null, text);
-  };
-
   var __defProp$P = Object.defineProperty;
   var __defProps$z = Object.defineProperties;
   var __getOwnPropDescs$z = Object.getOwnPropertyDescriptors;
@@ -554,31 +538,126 @@
       }
     return target;
   };
-  const Badge = (_a) => {
-    var _b = _a, { type = "error", className } = _b, props = __objRest$t(_b, ["type", "className"]);
+  let componentId = 0;
+  const Tooltip = (props) => {
+    const _a = props, {
+      followMouse,
+      overlayClassName,
+      overlayStyle,
+      children
+    } = _a, restProps = __objRest$t(_a, [
+      "followMouse",
+      "overlayClassName",
+      "overlayStyle",
+      "children"
+    ]);
+    const id = React.useRef(++componentId);
+    const uniquePopupClass = `kit-popup-${id.current}`;
+    const uniqueContainerClass = `kit-tooltip-${id.current}`;
+    const _children = React.useMemo(() => {
+      if (followMouse) {
+        const child = React__namespace.default.isValidElement(children) ? children : /* @__PURE__ */ React__namespace.default.createElement("span", null, children);
+        return React__namespace.default.cloneElement(child, {
+          className: cs__default.default(child.props.className, uniqueContainerClass)
+        });
+      } else {
+        return children;
+      }
+    }, [children, followMouse, uniqueContainerClass]);
+    const onmousemove = React.useCallback(
+      (event) => {
+        const popup = document.querySelector(`.${uniquePopupClass}`);
+        if (!popup)
+          return;
+        popup.style.left = event.pageX + "px";
+        popup.style.top = event.pageY + "px";
+      },
+      [uniquePopupClass]
+    );
+    React.useEffect(() => {
+      if (followMouse) {
+        const container = document.querySelector(
+          `.${uniqueContainerClass}`
+        );
+        container == null ? void 0 : container.addEventListener("mousemove", onmousemove);
+        return () => {
+          container == null ? void 0 : container.removeEventListener("mousemove", onmousemove);
+        };
+      }
+    }, [followMouse, onmousemove, uniqueContainerClass]);
     return /* @__PURE__ */ React__namespace.default.createElement(
-      antd.Badge,
-      __spreadProps$z(__spreadValues$P({
-        className: core.cx(`badge-${type}`, className)
-      }, props), {
-        showZero: false
+      antd.Tooltip,
+      __spreadProps$z(__spreadValues$P({}, restProps), {
+        overlayClassName: followMouse ? cs__default.default(overlayClassName, uniquePopupClass) : overlayClassName,
+        children: _children,
+        overlayStyle: followMouse ? __spreadValues$P({
+          transform: "translate(-50%, -100%)",
+          pointerEvents: "none"
+        }, overlayStyle) : overlayStyle
       })
     );
   };
 
-  function isEmpty(rawValue) {
-    if (rawValue === null || rawValue === void 0 || rawValue === MAGIC_METRIC_NULL || Number.isNaN(rawValue) || !Number.isFinite(rawValue)) {
-      return true;
+  const Inline = "i1e4sgug";
+  const Truncate = props => {
+    const {
+      text,
+      len = 100,
+      frontLen,
+      backLen = 4,
+      hoverShowFullText = true,
+      className,
+      inline
+    } = props;
+    if (len <= 0) {
+      console.error("[Truncate] prop len can not be 0 or negative number");
+      return null;
     }
-    return false;
-  }
+    if (backLen < 0) {
+      console.error("[Truncate] prop backLen can not be negative number");
+      return null;
+    }
+    if (frontLen && frontLen < 0) {
+      console.error("[Truncate] prop frontLen can not be negative number");
+      return null;
+    }
+    const ellipse = "...";
+    let _backLen = Math.min(backLen, text.length - ellipse.length, len - ellipse.length);
+    const _frontLen = frontLen !== void 0 ? Math.min(frontLen, text.length - ellipse.length, len - ellipse.length) : Math.max(len - _backLen - ellipse.length, 0);
+    if (_frontLen + _backLen + ellipse.length > len) {
+      _backLen = len - _frontLen - ellipse.length;
+    }
+    const truncated = text.length <= len ? text : text.slice(0, _frontLen) + ellipse + text.slice(text.length - _backLen);
+    const Text = /* @__PURE__ */React__namespace.default.createElement("div", {
+      className: cs__default.default([className, inline && Inline])
+    }, truncated);
+    if (!hoverShowFullText || text.length <= len) {
+      return Text;
+    }
+    return /* @__PURE__ */React__namespace.default.createElement(Tooltip, {
+      title: text
+    }, Text);
+  };
 
-  const Empty = (props) => {
-    const { className, style } = props;
-    return /* @__PURE__ */ React__namespace.default.createElement("span", { className, style }, "-");
+  const useParrotTranslation = () => {
+    return reactI18next.useTranslation(void 0, {
+      i18n: parrot.parrotI18n
+    });
+  };
+
+  const Arch = (props) => {
+    const { t } = useParrotTranslation();
+    const { architecture } = props;
+    let text = "";
+    if (architecture) {
+      text = t(`components.Architecture_${architecture}`);
+    }
+    return /* @__PURE__ */ React__namespace.default.createElement("span", null, text);
   };
 
   var __defProp$O = Object.defineProperty;
+  var __defProps$y = Object.defineProperties;
+  var __getOwnPropDescs$y = Object.getOwnPropertyDescriptors;
   var __getOwnPropSymbols$P = Object.getOwnPropertySymbols;
   var __hasOwnProp$P = Object.prototype.hasOwnProperty;
   var __propIsEnum$P = Object.prototype.propertyIsEnumerable;
@@ -594,18 +673,41 @@
       }
     return a;
   };
-  const Bit = ({
-    rawValue,
-    decimals,
-    unitClassName,
-    valueClassName,
-    emptyProps
-  }) => {
-    if (isEmpty(rawValue)) {
-      return /* @__PURE__ */ React__namespace.default.createElement(Empty, __spreadValues$O({}, emptyProps));
+  var __spreadProps$y = (a, b) => __defProps$y(a, __getOwnPropDescs$y(b));
+  var __objRest$s = (source, exclude) => {
+    var target = {};
+    for (var prop in source)
+      if (__hasOwnProp$P.call(source, prop) && exclude.indexOf(prop) < 0)
+        target[prop] = source[prop];
+    if (source != null && __getOwnPropSymbols$P)
+      for (var prop of __getOwnPropSymbols$P(source)) {
+        if (exclude.indexOf(prop) < 0 && __propIsEnum$P.call(source, prop))
+          target[prop] = source[prop];
+      }
+    return target;
+  };
+  const Badge = (_a) => {
+    var _b = _a, { type = "error", className } = _b, props = __objRest$s(_b, ["type", "className"]);
+    return /* @__PURE__ */ React__namespace.default.createElement(
+      antd.Badge,
+      __spreadProps$y(__spreadValues$O({
+        className: core.cx(`badge-${type}`, className)
+      }, props), {
+        showZero: false
+      })
+    );
+  };
+
+  function isEmpty(rawValue) {
+    if (rawValue === null || rawValue === void 0 || rawValue === MAGIC_METRIC_NULL || Number.isNaN(rawValue) || !Number.isFinite(rawValue)) {
+      return true;
     }
-    const { value, unit } = formatBits(rawValue, decimals);
-    return /* @__PURE__ */ React__namespace.default.createElement("span", null, /* @__PURE__ */ React__namespace.default.createElement("span", { className: core.cx("value", valueClassName) }, value), /* @__PURE__ */ React__namespace.default.createElement("span", { className: core.cx("unit", unitClassName) }, ` ${unit}`));
+    return false;
+  }
+
+  const Empty = (props) => {
+    const { className, style } = props;
+    return /* @__PURE__ */ React__namespace.default.createElement("span", { className, style }, "-");
   };
 
   var __defProp$N = Object.defineProperty;
@@ -624,17 +726,17 @@
       }
     return a;
   };
-  const BitPerSeconds = ({
+  const Bit = ({
     rawValue,
     decimals,
-    valueClassName,
     unitClassName,
+    valueClassName,
     emptyProps
   }) => {
     if (isEmpty(rawValue)) {
       return /* @__PURE__ */ React__namespace.default.createElement(Empty, __spreadValues$N({}, emptyProps));
     }
-    const { value, unit } = formatBitPerSecond(rawValue, decimals);
+    const { value, unit } = formatBits(rawValue, decimals);
     return /* @__PURE__ */ React__namespace.default.createElement("span", null, /* @__PURE__ */ React__namespace.default.createElement("span", { className: core.cx("value", valueClassName) }, value), /* @__PURE__ */ React__namespace.default.createElement("span", { className: core.cx("unit", unitClassName) }, ` ${unit}`));
   };
 
@@ -654,7 +756,7 @@
       }
     return a;
   };
-  const Bps = ({
+  const BitPerSeconds = ({
     rawValue,
     decimals,
     valueClassName,
@@ -664,6 +766,36 @@
     if (isEmpty(rawValue)) {
       return /* @__PURE__ */ React__namespace.default.createElement(Empty, __spreadValues$M({}, emptyProps));
     }
+    const { value, unit } = formatBitPerSecond(rawValue, decimals);
+    return /* @__PURE__ */ React__namespace.default.createElement("span", null, /* @__PURE__ */ React__namespace.default.createElement("span", { className: core.cx("value", valueClassName) }, value), /* @__PURE__ */ React__namespace.default.createElement("span", { className: core.cx("unit", unitClassName) }, ` ${unit}`));
+  };
+
+  var __defProp$L = Object.defineProperty;
+  var __getOwnPropSymbols$M = Object.getOwnPropertySymbols;
+  var __hasOwnProp$M = Object.prototype.hasOwnProperty;
+  var __propIsEnum$M = Object.prototype.propertyIsEnumerable;
+  var __defNormalProp$L = (obj, key, value) => key in obj ? __defProp$L(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __spreadValues$L = (a, b) => {
+    for (var prop in b || (b = {}))
+      if (__hasOwnProp$M.call(b, prop))
+        __defNormalProp$L(a, prop, b[prop]);
+    if (__getOwnPropSymbols$M)
+      for (var prop of __getOwnPropSymbols$M(b)) {
+        if (__propIsEnum$M.call(b, prop))
+          __defNormalProp$L(a, prop, b[prop]);
+      }
+    return a;
+  };
+  const Bps = ({
+    rawValue,
+    decimals,
+    valueClassName,
+    unitClassName,
+    emptyProps
+  }) => {
+    if (isEmpty(rawValue)) {
+      return /* @__PURE__ */ React__namespace.default.createElement(Empty, __spreadValues$L({}, emptyProps));
+    }
     const { value, unit } = formatBps(rawValue, decimals);
     return /* @__PURE__ */ React__namespace.default.createElement("span", null, /* @__PURE__ */ React__namespace.default.createElement("span", { className: core.cx("value", valueClassName) }, value), /* @__PURE__ */ React__namespace.default.createElement("span", { className: core.cx("unit", unitClassName) }, ` ${unit}`));
   };
@@ -803,28 +935,28 @@
     return icon != null ? React__namespace.default.cloneElement(icon, { className }) : null;
   };
 
-  var __defProp$L = Object.defineProperty;
-  var __getOwnPropSymbols$M = Object.getOwnPropertySymbols;
-  var __hasOwnProp$M = Object.prototype.hasOwnProperty;
-  var __propIsEnum$M = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$L = (obj, key, value) => key in obj ? __defProp$L(obj, key, {
+  var __defProp$K = Object.defineProperty;
+  var __getOwnPropSymbols$L = Object.getOwnPropertySymbols;
+  var __hasOwnProp$L = Object.prototype.hasOwnProperty;
+  var __propIsEnum$L = Object.prototype.propertyIsEnumerable;
+  var __defNormalProp$K = (obj, key, value) => key in obj ? __defProp$K(obj, key, {
     enumerable: true,
     configurable: true,
     writable: true,
     value
   }) : obj[key] = value;
-  var __spreadValues$L = (a, b) => {
-    for (var prop in b || (b = {})) if (__hasOwnProp$M.call(b, prop)) __defNormalProp$L(a, prop, b[prop]);
-    if (__getOwnPropSymbols$M) for (var prop of __getOwnPropSymbols$M(b)) {
-      if (__propIsEnum$M.call(b, prop)) __defNormalProp$L(a, prop, b[prop]);
+  var __spreadValues$K = (a, b) => {
+    for (var prop in b || (b = {})) if (__hasOwnProp$L.call(b, prop)) __defNormalProp$K(a, prop, b[prop]);
+    if (__getOwnPropSymbols$L) for (var prop of __getOwnPropSymbols$L(b)) {
+      if (__propIsEnum$L.call(b, prop)) __defNormalProp$K(a, prop, b[prop]);
     }
     return a;
   };
-  var __objRest$s = (source, exclude) => {
+  var __objRest$r = (source, exclude) => {
     var target = {};
-    for (var prop in source) if (__hasOwnProp$M.call(source, prop) && exclude.indexOf(prop) < 0) target[prop] = source[prop];
-    if (source != null && __getOwnPropSymbols$M) for (var prop of __getOwnPropSymbols$M(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$M.call(source, prop)) target[prop] = source[prop];
+    for (var prop in source) if (__hasOwnProp$L.call(source, prop) && exclude.indexOf(prop) < 0) target[prop] = source[prop];
+    if (source != null && __getOwnPropSymbols$L) for (var prop of __getOwnPropSymbols$L(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$L.call(source, prop)) target[prop] = source[prop];
     }
     return target;
   };
@@ -847,11 +979,11 @@
         onMouseLeave,
         size = "middle"
       } = _a,
-      restProps = __objRest$s(_a, ["type", "className", "children", "prefixIcon", "hoverPrefixIcon", "suffixIcon", "hoverSuffixIcon", "onMouseEnter", "onMouseLeave", "size"]);
+      restProps = __objRest$r(_a, ["type", "className", "children", "prefixIcon", "hoverPrefixIcon", "suffixIcon", "hoverSuffixIcon", "onMouseEnter", "onMouseLeave", "size"]);
     const [status, setStatus] = React.useState("normal");
     const hasIcon = prefixIcon || suffixIcon;
     const hasHoverIcon = hoverPrefixIcon || hoverSuffixIcon;
-    return /* @__PURE__ */React__namespace.default.createElement(antd.Button, __spreadValues$L({
+    return /* @__PURE__ */React__namespace.default.createElement(antd.Button, __spreadValues$K({
       ref,
       className: cs__default.default(className, ButtonStyle$1, type === "link" && NoPadding, (prefixIcon || suffixIcon) && "has-icon", size === "large" && Typo.Label.l1_regular_title, size === "middle" && Typo.Label.l2_regular_title, size === "small" && Typo.Label.l3_regular_title, type && `ant-btn-${type}`, !children && children !== 0 && restProps.icon && "ant-btn-icon-only"),
       type: isAntdButtonTypes(type) ? type : void 0,
@@ -881,97 +1013,6 @@
     }));
   });
 
-  var __defProp$K = Object.defineProperty;
-  var __defProps$y = Object.defineProperties;
-  var __getOwnPropDescs$y = Object.getOwnPropertyDescriptors;
-  var __getOwnPropSymbols$L = Object.getOwnPropertySymbols;
-  var __hasOwnProp$L = Object.prototype.hasOwnProperty;
-  var __propIsEnum$L = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$K = (obj, key, value) => key in obj ? __defProp$K(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-  var __spreadValues$K = (a, b) => {
-    for (var prop in b || (b = {}))
-      if (__hasOwnProp$L.call(b, prop))
-        __defNormalProp$K(a, prop, b[prop]);
-    if (__getOwnPropSymbols$L)
-      for (var prop of __getOwnPropSymbols$L(b)) {
-        if (__propIsEnum$L.call(b, prop))
-          __defNormalProp$K(a, prop, b[prop]);
-      }
-    return a;
-  };
-  var __spreadProps$y = (a, b) => __defProps$y(a, __getOwnPropDescs$y(b));
-  var __objRest$r = (source, exclude) => {
-    var target = {};
-    for (var prop in source)
-      if (__hasOwnProp$L.call(source, prop) && exclude.indexOf(prop) < 0)
-        target[prop] = source[prop];
-    if (source != null && __getOwnPropSymbols$L)
-      for (var prop of __getOwnPropSymbols$L(source)) {
-        if (exclude.indexOf(prop) < 0 && __propIsEnum$L.call(source, prop))
-          target[prop] = source[prop];
-      }
-    return target;
-  };
-  let componentId = 0;
-  const Tooltip = (props) => {
-    const _a = props, {
-      followMouse,
-      overlayClassName,
-      overlayStyle,
-      children
-    } = _a, restProps = __objRest$r(_a, [
-      "followMouse",
-      "overlayClassName",
-      "overlayStyle",
-      "children"
-    ]);
-    const id = React.useRef(++componentId);
-    const uniquePopupClass = `kit-popup-${id.current}`;
-    const uniqueContainerClass = `kit-tooltip-${id.current}`;
-    const _children = React.useMemo(() => {
-      if (followMouse) {
-        const child = React__namespace.default.isValidElement(children) ? children : /* @__PURE__ */ React__namespace.default.createElement("span", null, children);
-        return React__namespace.default.cloneElement(child, {
-          className: cs__default.default(child.props.className, uniqueContainerClass)
-        });
-      } else {
-        return children;
-      }
-    }, [children, followMouse, uniqueContainerClass]);
-    const onmousemove = React.useCallback(
-      (event) => {
-        const popup = document.querySelector(`.${uniquePopupClass}`);
-        if (!popup)
-          return;
-        popup.style.left = event.pageX + "px";
-        popup.style.top = event.pageY + "px";
-      },
-      [uniquePopupClass]
-    );
-    React.useEffect(() => {
-      if (followMouse) {
-        const container = document.querySelector(
-          `.${uniqueContainerClass}`
-        );
-        container == null ? void 0 : container.addEventListener("mousemove", onmousemove);
-        return () => {
-          container == null ? void 0 : container.removeEventListener("mousemove", onmousemove);
-        };
-      }
-    }, [followMouse, onmousemove, uniqueContainerClass]);
-    return /* @__PURE__ */ React__namespace.default.createElement(
-      antd.Tooltip,
-      __spreadProps$y(__spreadValues$K({}, restProps), {
-        overlayClassName: followMouse ? cs__default.default(overlayClassName, uniquePopupClass) : overlayClassName,
-        children: _children,
-        overlayStyle: followMouse ? __spreadValues$K({
-          transform: "translate(-50%, -100%)",
-          pointerEvents: "none"
-        }, overlayStyle) : overlayStyle
-      })
-    );
-  };
-
   var __defProp$J = Object.defineProperty;
   var __getOwnPropSymbols$K = Object.getOwnPropertySymbols;
   var __hasOwnProp$K = Object.prototype.hasOwnProperty;
@@ -4841,7 +4882,7 @@
     medium: "mfsz1jz"
   };
   const TagStyle$1 = "tnd6h4m";
-  const IconStyle = "i1qw4clm";
+  const IconStyle$1 = "i1qw4clm";
 
   var __defProp$5 = Object.defineProperty;
   var __defProps$5 = Object.defineProperties;
@@ -4892,7 +4933,7 @@
         [`ant-tag-${color}`]: PresetColors$2.includes(color)
       }, "inside-tag")
     }, icon && /* @__PURE__ */React__namespace.default.createElement("span", {
-      className: cs__default.default("ui-kit-tag-icon", IconStyle)
+      className: cs__default.default("ui-kit-tag-icon", IconStyle$1)
     }, icon), primaryContent), secondaryContent);
   };
 
@@ -4927,7 +4968,18 @@
       }
     return target;
   };
-  const PresetColors$1 = [...PresetColors$2, "red-ontint", "green-ontint"];
+  const PresetColors$1 = [
+    ...PresetColors$2,
+    "red-ontint",
+    "green-ontint"
+  ];
+  const AntdColorMap = {
+    processing: "blue",
+    success: "green",
+    error: "red",
+    warn: "yellow",
+    default: "gray"
+  };
   const Tag = (_a) => {
     var _b = _a, {
       size = "small",
@@ -4944,17 +4996,18 @@
       "icon",
       "children"
     ]);
+    const computedColor = AntdColorMap[color] || color;
     return /* @__PURE__ */ React__namespace.default.createElement(
       antd.Tag,
       __spreadProps$4(__spreadValues$4({}, props), {
         className: cs__default.default(className, Size$1[size], TagStyle$1, Typo.Label.l4_regular, {
-          [`ant-tag-${color}`]: PresetColors$1.includes(color),
+          [`ant-tag-${computedColor}`]: PresetColors$1.includes(computedColor),
           "tag-hover": hoverable
         }),
         closable: false,
-        color: color === "gray" ? void 0 : color
+        color: computedColor === "gray" ? void 0 : computedColor
       }),
-      icon && /* @__PURE__ */ React__namespace.default.createElement("span", { className: cs__default.default("ui-kit-tag-icon", IconStyle) }, icon),
+      icon && /* @__PURE__ */ React__namespace.default.createElement("span", { className: IconStyle$1 }, icon),
       children
     );
   };
@@ -5110,6 +5163,8 @@
     })));
   };
 
+  const IconStyle = "iwsze0q";
+
   var __defProp$3 = Object.defineProperty;
   var __defProps$3 = Object.defineProperties;
   var __getOwnPropDescs$3 = Object.getOwnPropertyDescriptors;
@@ -5151,9 +5206,11 @@
         size = "small",
         color = "gray",
         className,
-        checked
+        icon,
+        checked,
+        children
       } = _b,
-      props = __objRest(_b, ["size", "color", "className", "checked"]);
+      props = __objRest(_b, ["size", "color", "className", "icon", "checked", "children"]);
     return /* @__PURE__ */React__namespace.default.createElement(antd.Tag, __spreadProps$3(__spreadValues$3({}, props), {
       className: cs__default.default(className, Size[size], TokenStyle, {
         [Typo.Label.l4_regular]: size === "small" || size === "medium",
@@ -5167,7 +5224,9 @@
         iconWidth: 16
       }),
       color: color === "gray" ? void 0 : color
-    }));
+    }), icon && /* @__PURE__ */React__namespace.default.createElement("span", {
+      className: cs__default.default("ui-kit-tag-icon", IconStyle)
+    }, icon), children);
   };
 
   function getAntdKit() {
@@ -5260,7 +5319,8 @@
       antdTreeSelect: antd.TreeSelect,
       antdDrawer: antd.Drawer,
       antdSteps: antd.Steps,
-      card: Card
+      card: Card,
+      truncate: Truncate
     };
     kit.option.isSelectOption = true;
     kit.button.__ANT_BUTTON = true;
@@ -5589,6 +5649,7 @@
   exports.KitStoreProvider = KitStoreProvider;
   exports.ModalActions = ModalActions;
   exports.ModalStack = ModalStack;
+  exports.Truncate = Truncate;
   exports.Typo = Typo;
   exports.UIKitProvider = UIKitProvider;
   exports.UIKitStore = UIKitStore;