@cloudtower/eagle 0.33.46 → 0.33.47

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

@@ -9,11 +9,14 @@ var index$4 = require('../Icon/index.js');
 var index$2 = require('../../coreX/OverflowTooltip/index.js');
 var useParrotTranslation = require('../../hooks/useParrotTranslation.js');
 var antd = require('antd');
+var cs = require('classnames');
 var React = require('react');
+var SmallDialog_widget = require('../SmallDialog/SmallDialog.widget.js');
 var styles = require('./styles.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
+var cs__default = /*#__PURE__*/_interopDefault(cs);
 var React__default = /*#__PURE__*/_interopDefault(React);
 
 var __defProp = Object.defineProperty;
@@ -67,7 +70,9 @@ function ImmersiveDialog(props) {
     visible = true,
     isContentFull,
     onCancel,
-    onOk
+    onOk,
+    initializing,
+    initializingError
   } = _a, restProps = __objRest(_a, [
     "className",
     "title",
@@ -90,15 +95,27 @@ function ImmersiveDialog(props) {
     "visible",
     "isContentFull",
     "onCancel",
-    "onOk"
+    "onOk",
+    "initializing",
+    "initializingError"
   ]);
   const { t } = useParrotTranslation();
   const popModal = index.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 = React.useMemo(() => {
+    let text = cancelText || defaultCancelText;
+    return text;
+  }, [cancelText, defaultCancelText]);
   const _confirmText = React.useMemo(() => {
-    let text = okText || t("common.confirm");
+    let text = okText || defaultOkText;
     return text;
-  }, [okText, t]);
+  }, [okText, defaultOkText]);
   const finalFooter = React.useMemo(() => {
+    if (initializing) {
+      return null;
+    }
     return footer || /* @__PURE__ */ React__default.default.createElement("div", { className: styles.FooterStyle }, /* @__PURE__ */ React__default.default.createElement("div", { className: styles.FooterButtonStyle }, footerLeftAction, error && /* @__PURE__ */ React__default.default.createElement(React__default.default.Fragment, null, /* @__PURE__ */ React__default.default.createElement("span", { className: core.cx(styles.ErrorStyle, index$1.Typo.Label.l2_regular) }, /* @__PURE__ */ React__default.default.createElement(
       iconsReact.ExclamationErrorCircleFill16RedIcon,
       {
@@ -115,6 +132,7 @@ function ImmersiveDialog(props) {
     )))), /* @__PURE__ */ React__default.default.createElement("div", { className: styles.FooterButtonRightStyle }, showCancel ? /* @__PURE__ */ React__default.default.createElement(
       index$3,
       __spreadValues({
+        size: "large",
         type: "quiet",
         className: styles.CancelButtonStyle,
         onMouseDown: (e) => {
@@ -125,10 +143,11 @@ function ImmersiveDialog(props) {
           onCancel == null ? void 0 : onCancel(e);
         }
       }, cancelButtonProps),
-      cancelText || t("common.cancel")
+      /* @__PURE__ */ React__default.default.createElement("span", { className: index$1.Typo.Label.l1_bold_title }, _cancelText)
     ) : null, showOk ? /* @__PURE__ */ React__default.default.createElement(
       index$3,
       __spreadValues({
+        size: "large",
         onClick: (e) => {
           onOk == null ? void 0 : onOk(e);
         },
@@ -141,7 +160,7 @@ function ImmersiveDialog(props) {
     footerLeftAction,
     _confirmText,
     cancelButtonProps,
-    cancelText,
+    _cancelText,
     error,
     footer,
     okButtonProps,
@@ -151,17 +170,20 @@ function ImmersiveDialog(props) {
     popModal,
     showCancel,
     showOk,
-    t
+    initializing
   ]);
   return /* @__PURE__ */ React__default.default.createElement(
     antd.Modal,
     __spreadValues({
       width: "calc(100% - 20px)",
-      title: /* @__PURE__ */ React__default.default.createElement("span", { className: core.cx(index$1.Typo.Display.d1_bold_title, styles.TitleStyle) }, title),
-      className: core.cx(
+      title: initializing ? /* @__PURE__ */ React__default.default.createElement(SmallDialog_widget.ModelTitleSkeleton, null) : /* @__PURE__ */ React__default.default.createElement("span", { className: core.cx(index$1.Typo.Display.d1_bold_title, styles.TitleStyle) }, title || defaultTitle),
+      className: cs__default.default(
         styles.ImmersiveDialogStyle,
         isContentFull ? styles.FullContentStyle : styles.MultiAreaStyle,
-        className
+        className,
+        {
+          "initializing-error": initializingError
+        }
       ),
       closeIcon: closeIcon != null ? closeIcon : /* @__PURE__ */ React__default.default.createElement(
         index$4,
@@ -181,7 +203,7 @@ function ImmersiveDialog(props) {
       visible,
       destroyOnClose: true
     }, restProps),
-    /* @__PURE__ */ React__default.default.createElement("div", { className: core.cx(styles.BodyStyle, isContentFull ? "" : styles.MultiAreaBodyStyle) }, isContentFull ? null : /* @__PURE__ */ React__default.default.createElement("div", { className: core.cx("left", leftClassName) }, left), /* @__PURE__ */ React__default.default.createElement("div", { className: "middle" }, children), isContentFull ? null : /* @__PURE__ */ React__default.default.createElement("div", { className: core.cx("right", rightClassName) }, right))
+    /* @__PURE__ */ React__default.default.createElement("div", { className: core.cx(styles.BodyStyle, isContentFull ? "" : styles.MultiAreaBodyStyle) }, initializing || initializingError ? /* @__PURE__ */ React__default.default.createElement(React__default.default.Fragment, null, /* @__PURE__ */ React__default.default.createElement("div", { className: "middle" }, initializing ? /* @__PURE__ */ React__default.default.createElement(SmallDialog_widget.ModelContentSkeleton, { num: 4 }) : /* @__PURE__ */ React__default.default.createElement(SmallDialog_widget.ModelInitializingError, { error: initializingError }))) : /* @__PURE__ */ React__default.default.createElement(React__default.default.Fragment, null, isContentFull ? null : /* @__PURE__ */ React__default.default.createElement("div", { className: core.cx("left", leftClassName) }, left), /* @__PURE__ */ React__default.default.createElement("div", { className: "middle" }, children), isContentFull ? null : /* @__PURE__ */ React__default.default.createElement("div", { className: core.cx("right", rightClassName) }, right)))
   );
 }
 

package/dist/cjs/core/MediumDialog/MediumDialog.js

@@ -38,16 +38,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.default.createElement(SmallDialog.SmallDialog, __spreadValues({
     TitleRender: ({
       title
     }) => /* @__PURE__ */React__default.default.createElement("span", {
       className: index.Typo.Display.d1s_bold_title
     }, title),
-    className: core.cx(MediumDialogStyle, className)
+    className: core.cx(MediumDialogStyle, isContentFull && "content-full", className),
+    initializingSkeletonRows: 3,
+    width: isContentFull ? "calc(100vw - 160px)" : 720
   }, restProps));
 };
 

package/dist/cjs/core/SmallDialog/SmallDialog.js

@@ -9,6 +9,8 @@ var cs = require('classnames');
 var index$4 = require('../../coreX/OverflowTooltip/index.js');
 var index$1 = require('../../coreX/Show/index.js');
 var SmallDialog_style = require('./SmallDialog.style.js');
+var SmallDialog_widget = require('./SmallDialog.widget.js');
+var useParrotTranslation = require('../../hooks/useParrotTranslation.js');
 var index$3 = require('../Icon/index.js');
 var index$5 = require('../Button/index.js');
 var antd5 = require('antd5');
@@ -41,10 +43,11 @@ const DefaultTitleRender = ({
   return /* @__PURE__ */ React__default.default.createElement("span", { className: cs__default.default(index$2.Typo.Display.d2_bold_title) }, title);
 };
 const SmallDialog = ({
+  width = 492,
   title,
   TitleRender,
-  cancelText = "\u5173\u95ED",
-  okText = "\u786E\u5B9A",
+  cancelText,
+  okText,
   showOk = true,
   onOk,
   onCancel,
@@ -57,8 +60,12 @@ const SmallDialog = ({
   children,
   showFooterErrorIcon = true,
   error,
-  confirmLoading
+  confirmLoading,
+  initializing,
+  initializingError,
+  initializingSkeletonRows
 }) => {
+  const { t } = useParrotTranslation();
   const popModal = index.usePopModal();
   const handleClose = () => {
     if (onCancel) {
@@ -75,12 +82,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.default.createElement(
     antd.Modal,
     {
       visible: true,
-      title: /* @__PURE__ */ React__default.default.createElement(CustomTitleRender, { title }),
-      footer: /* @__PURE__ */ React__default.default.createElement(
+      width,
+      title: initializing ? /* @__PURE__ */ React__default.default.createElement(SmallDialog_widget.ModelTitleSkeleton, null) : /* @__PURE__ */ React__default.default.createElement(CustomTitleRender, { title: title || defaultTitle }),
+      footer: initializing ? null : /* @__PURE__ */ React__default.default.createElement(
         "div",
         {
           className: cs__default.default(SmallDialog_style.FooterStyle, footerClassName, {
@@ -102,7 +113,14 @@ const SmallDialog = ({
               iconWidth: 16
             }
           )),
-          /* @__PURE__ */ React__default.default.createElement(index$4, { multiLines: 3, content: error, tooltip: error })
+          /* @__PURE__ */ React__default.default.createElement(
+            index$4,
+            {
+              multiLines: 3,
+              content: error,
+              tooltip: error
+            }
+          )
         )),
         /* @__PURE__ */ React__default.default.createElement(antd5.Flex, null, /* @__PURE__ */ React__default.default.createElement(
           index$5,
@@ -111,7 +129,7 @@ const SmallDialog = ({
             onClick: handleClose,
             className: index$2.Typo.Label.l2_bold_title
           }, cancelButtonProps),
-          cancelText
+          cancelText || defaultCancelText
         ), showOk && /* @__PURE__ */ React__default.default.createElement(
           index$5,
           __spreadValues({
@@ -119,13 +137,15 @@ const SmallDialog = ({
             onClick: handleOk,
             loading: confirmLoading
           }, okButtonProps),
-          okText
+          okText || defaultOkText
         ))
       ),
       onCancel: handleClose,
       closable,
       maskClosable,
-      className: core.cx(SmallDialog_style.DialogStyle, className),
+      className: cs__default.default(SmallDialog_style.DialogStyle, className, {
+        "initializing-error": initializingError
+      }),
       closeIcon: /* @__PURE__ */ React__default.default.createElement(
         index$3,
         {
@@ -137,7 +157,7 @@ const SmallDialog = ({
         }
       )
     },
-    children
+    initializing ? /* @__PURE__ */ React__default.default.createElement(SmallDialog_widget.ModelContentSkeleton, { num: initializingSkeletonRows }) : initializingError ? /* @__PURE__ */ React__default.default.createElement(SmallDialog_widget.ModelInitializingError, { error: initializingError }) : children
   );
 };
 

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

@@ -4,8 +4,14 @@ 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";
 
 exports.CloseIconStyle = CloseIconStyle;
 exports.DialogStyle = DialogStyle;
 exports.ErrorTextStyle = ErrorTextStyle;
 exports.FooterStyle = FooterStyle;
+exports.ModelContentSkeletonStyle = ModelContentSkeletonStyle;
+exports.ModelInitializingErrorStyle = ModelInitializingErrorStyle;
+exports.ModelTitleSkeletonStyle = ModelTitleSkeletonStyle;

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

@@ -0,0 +1,28 @@
+'use strict';
+
+var core = require('@linaria/core');
+var React = require('react');
+var SmallDialog_style = require('./SmallDialog.style.js');
+var useParrotTranslation = require('../../hooks/useParrotTranslation.js');
+var index = require('../Skeleton/index.js');
+var antd = require('antd');
+var index$1 = require('../Typo/index.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+const ModelTitleSkeleton = () => {
+  return /* @__PURE__ */ React__default.default.createElement("div", { className: core.cx(SmallDialog_style.ModelTitleSkeletonStyle, "initializing-title") }, /* @__PURE__ */ React__default.default.createElement(index.default.Content, null));
+};
+const ModelContentSkeleton = ({ num = 2 }) => {
+  return /* @__PURE__ */ React__default.default.createElement(antd.Space, { direction: "vertical", size: 16, className: SmallDialog_style.ModelContentSkeletonStyle }, Array.from({ length: num }).map((_, index$1) => /* @__PURE__ */ React__default.default.createElement("div", { key: index$1, className: "skeleton-wrapper" }, /* @__PURE__ */ React__default.default.createElement(index.default.Content, null))));
+};
+const ModelInitializingError = ({ error }) => {
+  const { t } = useParrotTranslation();
+  return /* @__PURE__ */ React__default.default.createElement("div", { className: SmallDialog_style.ModelInitializingErrorStyle }, /* @__PURE__ */ React__default.default.createElement("p", { className: index$1.Typo.Display.d3_bold_title }, t("components.initializing_failed")), /* @__PURE__ */ React__default.default.createElement("div", { className: index$1.Typo.Label.l3_regular }, error));
+};
+
+exports.ModelContentSkeleton = ModelContentSkeleton;
+exports.ModelInitializingError = ModelInitializingError;
+exports.ModelTitleSkeleton = ModelTitleSkeleton;

package/dist/cjs/index.js

@@ -516,6 +516,9 @@ exports.CloseIconStyle = SmallDialog_style.CloseIconStyle;
 exports.DialogStyle = SmallDialog_style.DialogStyle;
 exports.ErrorTextStyle = SmallDialog_style.ErrorTextStyle;
 exports.FooterStyle = SmallDialog_style.FooterStyle;
+exports.ModelContentSkeletonStyle = SmallDialog_style.ModelContentSkeletonStyle;
+exports.ModelInitializingErrorStyle = SmallDialog_style.ModelInitializingErrorStyle;
+exports.ModelTitleSkeletonStyle = SmallDialog_style.ModelTitleSkeletonStyle;
 exports.CircleProgress = index$1i.CircleProgress;
 exports.CannotOperationInfo = index$1j.CannotOperationInfo;
 exports.CommonContent = index$1j.CommonContent;