@cloudtower/eagle 0.34.3 → 0.34.5

package/dist/esm/core/BlankState/index.js

@@ -0,0 +1,83 @@
+import { cx } from '@linaria/core';
+import { Typo } from '../Typo/index.js';
+import React__default from 'react';
+import { BlankStateWrapper } from './style.js';
+import Button from '../Button/index.js';
+
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+const SIZE_FONT_MAP = {
+  large: {
+    title: Typo.Display.d2_bold_title,
+    desc: Typo.Label.l2_regular
+  },
+  medium: {
+    title: Typo.Display.d3_bold_title,
+    desc: Typo.Label.l3_regular
+  },
+  small: {
+    title: Typo.Heading.h2_bold_title,
+    desc: Typo.Label.l4_regular
+  },
+  area: {
+    title: Typo.Heading.h2_bold_title,
+    desc: Typo.Label.l4_regular
+  },
+  xSmall: {
+    title: Typo.Heading.h2_regular_title
+  }
+};
+const BlankState = (props) => {
+  const {
+    className,
+    style,
+    width,
+    height,
+    title,
+    description,
+    action,
+    backgroundColor,
+    size = "medium"
+  } = props;
+  const fontStyle = SIZE_FONT_MAP[size];
+  const buttonSize = size === "large" || size === "medium" ? "middle" : "small";
+  return /* @__PURE__ */ React__default.createElement(
+    "div",
+    {
+      className: cx(className, BlankStateWrapper, size, backgroundColor),
+      style: __spreadValues({
+        width: typeof width === "number" ? `${width}px` : width,
+        height: typeof height === "number" ? `${height}px` : height
+      }, style || {})
+    },
+    /* @__PURE__ */ React__default.createElement("div", { className: cx("title", fontStyle.title) }, title),
+    size !== "xSmall" && description ? /* @__PURE__ */ React__default.createElement("div", { className: cx("desc", fontStyle.desc) }, description) : null,
+    action ? /* @__PURE__ */ React__default.createElement(
+      Button,
+      {
+        type: "ordinary",
+        size: buttonSize,
+        className: cx("action-button", buttonSize),
+        onClick: action.onClick
+      },
+      action.label
+    ) : null
+  );
+};
+var BlankState$1 = BlankState;
+
+export { BlankState$1 as default };

package/dist/esm/core/BlankState/style.js

@@ -0,0 +1,3 @@
+const BlankStateWrapper = "E_b1lj76ty";
+
+export { BlankStateWrapper };

package/dist/esm/core/ImmersiveDialog/index.js

@@ -7,7 +7,9 @@ import Icon from '../Icon/index.js';
 import OverflowTooltip from '../../coreX/OverflowTooltip/index.js';
 import useParrotTranslation from '../../hooks/useParrotTranslation.js';
 import { Modal } from 'antd';
+import cs from 'classnames';
 import React__default, { useMemo } from 'react';
+import { ModelTitleSkeleton, ModelContentSkeleton, ModelInitializingError } from '../SmallDialog/SmallDialog.widget.js';
 import { FooterStyle, FooterButtonStyle, ErrorStyle, ErrorIconStyle, ErrorTextStyle, FooterButtonRightStyle, TitleStyle, ImmersiveDialogStyle, FullContentStyle, MultiAreaStyle, CloseIconStyle, BodyStyle, MultiAreaBodyStyle, CancelButtonStyle } from './styles.js';
 
 var __defProp = Object.defineProperty;
@@ -61,7 +63,9 @@ function ImmersiveDialog(props) {
     visible = true,
     isContentFull,
     onCancel,
-    onOk
+    onOk,
+    initializing,
+    initializingError
   } = _a, restProps = __objRest(_a, [
     "className",
     "title",
@@ -84,15 +88,27 @@ function ImmersiveDialog(props) {
     "visible",
     "isContentFull",
     "onCancel",
-    "onOk"
+    "onOk",
+    "initializing",
+    "initializingError"
   ]);
   const { t } = useParrotTranslation();
   const popModal = usePopModal();
+  const defaultTitle = initializingError ? t("common.load_failed") : "";
+  const defaultCancelText = showOk ? t("common.cancel") : t("common.close");
+  const defaultOkText = initializingError ? t("common.retry") : t("common.confirm");
+  const _cancelText = useMemo(() => {
+    let text = cancelText || defaultCancelText;
+    return text;
+  }, [cancelText, defaultCancelText]);
   const _confirmText = useMemo(() => {
-    let text = okText || t("common.confirm");
+    let text = okText || defaultOkText;
     return text;
-  }, [okText, t]);
+  }, [okText, defaultOkText]);
   const finalFooter = useMemo(() => {
+    if (initializing) {
+      return null;
+    }
     return footer || /* @__PURE__ */ React__default.createElement("div", { className: FooterStyle }, /* @__PURE__ */ React__default.createElement("div", { className: FooterButtonStyle }, footerLeftAction, error && /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement("span", { className: cx(ErrorStyle, Typo.Label.l2_regular) }, /* @__PURE__ */ React__default.createElement(
       ExclamationErrorCircleFill16RedIcon,
       {
@@ -109,6 +125,7 @@ function ImmersiveDialog(props) {
     )))), /* @__PURE__ */ React__default.createElement("div", { className: FooterButtonRightStyle }, showCancel ? /* @__PURE__ */ React__default.createElement(
       Button,
       __spreadValues({
+        size: "large",
         type: "quiet",
         className: CancelButtonStyle,
         onMouseDown: (e) => {
@@ -119,10 +136,11 @@ function ImmersiveDialog(props) {
           onCancel == null ? void 0 : onCancel(e);
         }
       }, cancelButtonProps),
-      cancelText || t("common.cancel")
+      /* @__PURE__ */ React__default.createElement("span", { className: Typo.Label.l1_bold_title }, _cancelText)
     ) : null, showOk ? /* @__PURE__ */ React__default.createElement(
       Button,
       __spreadValues({
+        size: "large",
         onClick: (e) => {
           onOk == null ? void 0 : onOk(e);
         },
@@ -135,7 +153,7 @@ function ImmersiveDialog(props) {
     footerLeftAction,
     _confirmText,
     cancelButtonProps,
-    cancelText,
+    _cancelText,
     error,
     footer,
     okButtonProps,
@@ -145,17 +163,20 @@ function ImmersiveDialog(props) {
     popModal,
     showCancel,
     showOk,
-    t
+    initializing
   ]);
   return /* @__PURE__ */ React__default.createElement(
     Modal,
     __spreadValues({
       width: "calc(100% - 20px)",
-      title: /* @__PURE__ */ React__default.createElement("span", { className: cx(Typo.Display.d1_bold_title, TitleStyle) }, title),
-      className: cx(
+      title: initializing ? /* @__PURE__ */ React__default.createElement(ModelTitleSkeleton, null) : /* @__PURE__ */ React__default.createElement("span", { className: cx(Typo.Display.d1_bold_title, TitleStyle) }, title || defaultTitle),
+      className: cs(
         ImmersiveDialogStyle,
         isContentFull ? FullContentStyle : MultiAreaStyle,
-        className
+        className,
+        {
+          "initializing-error": initializingError
+        }
       ),
       closeIcon: closeIcon != null ? closeIcon : /* @__PURE__ */ React__default.createElement(
         Icon,
@@ -175,7 +196,7 @@ function ImmersiveDialog(props) {
       visible,
       destroyOnClose: true
     }, restProps),
-    /* @__PURE__ */ React__default.createElement("div", { className: cx(BodyStyle, isContentFull ? "" : MultiAreaBodyStyle) }, isContentFull ? null : /* @__PURE__ */ React__default.createElement("div", { className: cx("left", leftClassName) }, left), /* @__PURE__ */ React__default.createElement("div", { className: "middle" }, children), isContentFull ? null : /* @__PURE__ */ React__default.createElement("div", { className: cx("right", rightClassName) }, right))
+    /* @__PURE__ */ React__default.createElement("div", { className: cx(BodyStyle, isContentFull ? "" : MultiAreaBodyStyle) }, initializing || initializingError ? /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement("div", { className: "middle" }, initializing ? /* @__PURE__ */ React__default.createElement(ModelContentSkeleton, { num: 4 }) : /* @__PURE__ */ React__default.createElement(ModelInitializingError, { error: initializingError }))) : /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, isContentFull ? null : /* @__PURE__ */ React__default.createElement("div", { className: cx("left", leftClassName) }, left), /* @__PURE__ */ React__default.createElement("div", { className: "middle" }, children), isContentFull ? null : /* @__PURE__ */ React__default.createElement("div", { className: cx("right", rightClassName) }, right)))
   );
 }
 

package/dist/esm/core/MediumDialog/MediumDialog.js

@@ -32,16 +32,19 @@ const MediumDialogStyle = "E_m5foqp8";
 const MediumDialog = _a => {
   var _b = _a,
     {
-      className
+      className,
+      isContentFull = false
     } = _b,
-    restProps = __objRest(_b, ["className"]);
+    restProps = __objRest(_b, ["className", "isContentFull"]);
   return /* @__PURE__ */React__default.createElement(SmallDialog, __spreadValues({
     TitleRender: ({
       title
     }) => /* @__PURE__ */React__default.createElement("span", {
       className: Typo.Display.d1s_bold_title
     }, title),
-    className: cx(MediumDialogStyle, className)
+    className: cx(MediumDialogStyle, isContentFull && "content-full", className),
+    initializingSkeletonRows: 3,
+    width: isContentFull ? "calc(100vw - 160px)" : 720
   }, restProps));
 };
 

package/dist/esm/core/SmallDialog/SmallDialog.js

@@ -7,6 +7,8 @@ import cs from 'classnames';
 import OverflowTooltip from '../../coreX/OverflowTooltip/index.js';
 import { Show } from '../../coreX/Show/index.js';
 import { FooterStyle, ErrorTextStyle, DialogStyle, CloseIconStyle } from './SmallDialog.style.js';
+import { ModelTitleSkeleton, ModelContentSkeleton, ModelInitializingError } from './SmallDialog.widget.js';
+import useParrotTranslation from '../../hooks/useParrotTranslation.js';
 import Icon from '../Icon/index.js';
 import Button from '../Button/index.js';
 import { Flex } from 'antd5';
@@ -34,10 +36,11 @@ const DefaultTitleRender = ({
   return /* @__PURE__ */ React__default.createElement("span", { className: cs(Typo.Display.d2_bold_title) }, title);
 };
 const SmallDialog = ({
+  width = 492,
   title,
   TitleRender,
-  cancelText = "\u5173\u95ED",
-  okText = "\u786E\u5B9A",
+  cancelText,
+  okText,
   showOk = true,
   onOk,
   onCancel,
@@ -50,8 +53,12 @@ const SmallDialog = ({
   children,
   showFooterErrorIcon = true,
   error,
-  confirmLoading
+  confirmLoading,
+  initializing,
+  initializingError,
+  initializingSkeletonRows
 }) => {
+  const { t } = useParrotTranslation();
   const popModal = usePopModal();
   const handleClose = () => {
     if (onCancel) {
@@ -68,12 +75,16 @@ const SmallDialog = ({
     }
   };
   const CustomTitleRender = TitleRender || DefaultTitleRender;
+  const defaultTitle = initializingError ? t("common.load_failed") : "";
+  const defaultCancelText = showOk ? t("common.cancel") : t("common.close");
+  const defaultOkText = initializingError ? t("common.retry") : t("common.confirm");
   return /* @__PURE__ */ React__default.createElement(
     Modal,
     {
       visible: true,
-      title: /* @__PURE__ */ React__default.createElement(CustomTitleRender, { title }),
-      footer: /* @__PURE__ */ React__default.createElement(
+      width,
+      title: initializing ? /* @__PURE__ */ React__default.createElement(ModelTitleSkeleton, null) : /* @__PURE__ */ React__default.createElement(CustomTitleRender, { title: title || defaultTitle }),
+      footer: initializing ? null : /* @__PURE__ */ React__default.createElement(
         "div",
         {
           className: cs(FooterStyle, footerClassName, {
@@ -95,7 +106,14 @@ const SmallDialog = ({
               iconWidth: 16
             }
           )),
-          /* @__PURE__ */ React__default.createElement(OverflowTooltip, { multiLines: 3, content: error, tooltip: error })
+          /* @__PURE__ */ React__default.createElement(
+            OverflowTooltip,
+            {
+              multiLines: 3,
+              content: error,
+              tooltip: error
+            }
+          )
         )),
         /* @__PURE__ */ React__default.createElement(Flex, null, /* @__PURE__ */ React__default.createElement(
           Button,
@@ -104,7 +122,7 @@ const SmallDialog = ({
             onClick: handleClose,
             className: Typo.Label.l2_bold_title
           }, cancelButtonProps),
-          cancelText
+          cancelText || defaultCancelText
         ), showOk && /* @__PURE__ */ React__default.createElement(
           Button,
           __spreadValues({
@@ -112,13 +130,15 @@ const SmallDialog = ({
             onClick: handleOk,
             loading: confirmLoading
           }, okButtonProps),
-          okText
+          okText || defaultOkText
         ))
       ),
       onCancel: handleClose,
       closable,
       maskClosable,
-      className: cx(DialogStyle, className),
+      className: cs(DialogStyle, className, {
+        "initializing-error": initializingError
+      }),
       closeIcon: /* @__PURE__ */ React__default.createElement(
         Icon,
         {
@@ -130,7 +150,7 @@ const SmallDialog = ({
         }
       )
     },
-    children
+    initializing ? /* @__PURE__ */ React__default.createElement(ModelContentSkeleton, { num: initializingSkeletonRows }) : initializingError ? /* @__PURE__ */ React__default.createElement(ModelInitializingError, { error: initializingError }) : children
   );
 };
 

package/dist/esm/core/SmallDialog/SmallDialog.style.js

@@ -2,5 +2,8 @@ const DialogStyle = "E_dxyv8bv";
 const FooterStyle = "E_fbgo4wr";
 const ErrorTextStyle = "E_ekxnz54";
 const CloseIconStyle = "E_ct1041x";
+const ModelTitleSkeletonStyle = "E_m1k84ymw";
+const ModelContentSkeletonStyle = "E_m15ds5xe";
+const ModelInitializingErrorStyle = "E_ma56n19";
 
-export { CloseIconStyle, DialogStyle, ErrorTextStyle, FooterStyle };
+export { CloseIconStyle, DialogStyle, ErrorTextStyle, FooterStyle, ModelContentSkeletonStyle, ModelInitializingErrorStyle, ModelTitleSkeletonStyle };

package/dist/esm/core/SmallDialog/SmallDialog.widget.js

@@ -0,0 +1,20 @@
+import { cx } from '@linaria/core';
+import React__default from 'react';
+import { ModelTitleSkeletonStyle, ModelContentSkeletonStyle, ModelInitializingErrorStyle } from './SmallDialog.style.js';
+import useParrotTranslation from '../../hooks/useParrotTranslation.js';
+import Skeleton from '../Skeleton/index.js';
+import { Space } from 'antd';
+import { Typo } from '../Typo/index.js';
+
+const ModelTitleSkeleton = () => {
+  return /* @__PURE__ */ React__default.createElement("div", { className: cx(ModelTitleSkeletonStyle, "initializing-title") }, /* @__PURE__ */ React__default.createElement(Skeleton.Content, null));
+};
+const ModelContentSkeleton = ({ num = 2 }) => {
+  return /* @__PURE__ */ React__default.createElement(Space, { direction: "vertical", size: 16, className: ModelContentSkeletonStyle }, Array.from({ length: num }).map((_, index) => /* @__PURE__ */ React__default.createElement("div", { key: index, className: "skeleton-wrapper" }, /* @__PURE__ */ React__default.createElement(Skeleton.Content, null))));
+};
+const ModelInitializingError = ({ error }) => {
+  const { t } = useParrotTranslation();
+  return /* @__PURE__ */ React__default.createElement("div", { className: ModelInitializingErrorStyle }, /* @__PURE__ */ React__default.createElement("p", { className: Typo.Display.d3_bold_title }, t("components.initializing_failed")), /* @__PURE__ */ React__default.createElement("div", { className: Typo.Label.l3_regular }, error));
+};
+
+export { ModelContentSkeleton, ModelInitializingError, ModelTitleSkeleton };

package/dist/esm/index.js

@@ -17,6 +17,7 @@ export { default as Badge } from './core/Badge/index.js';
 export { default as BaseIcon } from './core/BaseIcon/index.js';
 export { default as Bit } from './core/Bit/index.js';
 export { default as BitPerSecond } from './core/BitPerSecond/index.js';
+export { default as BlankState } from './core/BlankState/index.js';
 export { default as Bps } from './core/Bps/index.js';
 export { BreadWrapper, default as Breadcrumb } from './core/Breadcrumb/index.js';
 export { default as Button } from './core/Button/index.js';
@@ -113,7 +114,7 @@ export { SidebarMenu } from './core/SidebarMenu/SidebarMenu.js';
 export { default as Skeleton } from './core/Skeleton/index.js';
 export { default as SkeletonContent } from './core/Skeleton/Content.js';
 export { SmallDialog } from './core/SmallDialog/SmallDialog.js';
-export { CloseIconStyle, DialogStyle, ErrorTextStyle, FooterStyle } from './core/SmallDialog/SmallDialog.style.js';
+export { CloseIconStyle, DialogStyle, ErrorTextStyle, FooterStyle, ModelContentSkeletonStyle, ModelInitializingErrorStyle, ModelTitleSkeletonStyle } from './core/SmallDialog/SmallDialog.style.js';
 export { CircleProgress } from './core/StepProgress/index.js';
 export { CannotOperationInfo, CommonContent, ContentWrapper, Desc, Description, Divider, Dot, ErrorSpan, ExpandArrow, FieldTitle, FormField, FormItemDiv, FormSectionTitle, FormWrapper, FullView, HorizontalWizardModalCompactStyle, HorizontalWizardModalLooseStyle, InfoAlert, InputStyle, KitInputStyle, LeftEndInputStyle, LeftEndSelectStyle, LightDesc, LoadingWrapper, ModalBody, ModalWrapper, NameTag, NormalAlert, NoticeAlert, OperationWraper, RadioDesc, RightEndInputStyle, RightEndSelectStyle, SelectOptionDisabledText, TagSpan, TertiaryText, UnitStyle, WarningAlert, WizardBody, radioStyle } from './core/Styled/index.js';
 export { useTableBodyHasScrollBar } from './core/Table/common.js';