@cloudtower/eagle 0.34.0 → 0.34.2

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

@@ -0,0 +1,144 @@
+'use strict';
+
+var iconsReact = require('@cloudtower/icons-react');
+var core = require('@linaria/core');
+var index = require('../KitStoreProvider/index.js');
+var antd = require('antd');
+var React = require('react');
+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 index$3 = require('../Icon/index.js');
+var index$5 = require('../Button/index.js');
+var antd5 = require('antd5');
+var index$2 = require('../Typo/index.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+var cs__default = /*#__PURE__*/_interopDefault(cs);
+
+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 DefaultTitleRender = ({
+  title
+}) => {
+  return /* @__PURE__ */ React__default.default.createElement("span", { className: cs__default.default(index$2.Typo.Display.d2_bold_title) }, title);
+};
+const SmallDialog = ({
+  title,
+  TitleRender,
+  cancelText = "\u5173\u95ED",
+  okText = "\u786E\u5B9A",
+  showOk = true,
+  onOk,
+  onCancel,
+  maskClosable = true,
+  closable = true,
+  className,
+  footerClassName,
+  okButtonProps,
+  cancelButtonProps,
+  children,
+  showFooterErrorIcon = true,
+  error,
+  confirmLoading
+}) => {
+  const popModal = index.usePopModal();
+  const handleClose = () => {
+    if (onCancel) {
+      onCancel(popModal);
+    } else {
+      popModal();
+    }
+  };
+  const handleOk = () => {
+    if (onOk) {
+      onOk(popModal);
+    } else {
+      popModal();
+    }
+  };
+  const CustomTitleRender = TitleRender || DefaultTitleRender;
+  return /* @__PURE__ */ React__default.default.createElement(
+    antd.Modal,
+    {
+      visible: true,
+      title: /* @__PURE__ */ React__default.default.createElement(CustomTitleRender, { title }),
+      footer: /* @__PURE__ */ React__default.default.createElement(
+        "div",
+        {
+          className: cs__default.default(SmallDialog_style.FooterStyle, footerClassName, {
+            "has-error": !!error
+          })
+        },
+        /* @__PURE__ */ React__default.default.createElement(index$1.Show, { condition: !!error }, /* @__PURE__ */ React__default.default.createElement(
+          antd5.Flex,
+          {
+            gap: 4,
+            align: "center",
+            className: core.cx(SmallDialog_style.ErrorTextStyle, index$2.Typo.Label.l3_regular)
+          },
+          /* @__PURE__ */ React__default.default.createElement(index$1.Show, { condition: showFooterErrorIcon }, /* @__PURE__ */ React__default.default.createElement(
+            index$3,
+            {
+              src: iconsReact.ExclamationErrorCircleFill16RedIcon,
+              iconHeight: 16,
+              iconWidth: 16
+            }
+          )),
+          /* @__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,
+          __spreadValues({
+            type: showOk ? "quiet" : "ordinary",
+            onClick: handleClose,
+            className: index$2.Typo.Label.l2_bold_title
+          }, cancelButtonProps),
+          cancelText
+        ), showOk && /* @__PURE__ */ React__default.default.createElement(
+          index$5,
+          __spreadValues({
+            type: "primary",
+            onClick: handleOk,
+            loading: confirmLoading
+          }, okButtonProps),
+          okText
+        ))
+      ),
+      onCancel: handleClose,
+      closable,
+      maskClosable,
+      className: core.cx(SmallDialog_style.DialogStyle, className),
+      closeIcon: /* @__PURE__ */ React__default.default.createElement(
+        index$3,
+        {
+          src: iconsReact.XmarkCloseBold24TertiaryIcon,
+          className: SmallDialog_style.CloseIconStyle,
+          iconHeight: 24,
+          iconWidth: 24,
+          hoverSrc: iconsReact.XmarkCloseBold24SecondaryIcon
+        }
+      )
+    },
+    children
+  );
+};
+
+exports.SmallDialog = SmallDialog;

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

@@ -0,0 +1,11 @@
+'use strict';
+
+const DialogStyle = "E_dxyv8bv";
+const FooterStyle = "E_fbgo4wr";
+const ErrorTextStyle = "E_ekxnz54";
+const CloseIconStyle = "E_ct1041x";
+
+exports.CloseIconStyle = CloseIconStyle;
+exports.DialogStyle = DialogStyle;
+exports.ErrorTextStyle = ErrorTextStyle;
+exports.FooterStyle = FooterStyle;

package/dist/cjs/core/TableForm/AddRowButton.js

@@ -48,7 +48,7 @@ const AddRowButton = (props) => {
   const {
     config: { maximum, className, CustomizedButton, buttonProps, text },
     columns,
-    updateData,
+    addData,
     data
   } = props;
   const { t } = useParrotTranslation();
@@ -63,7 +63,7 @@ const AddRowButton = (props) => {
     const newData = [...data2];
     const newRow = utils.genEmptyRow(columns);
     newData.push(newRow);
-    updateData(newData);
+    addData(newData);
     onClick == null ? void 0 : onClick(e);
   };
   const disabled = React.useMemo(

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

@@ -52,6 +52,7 @@ const TableForm = React__default.default.forwardRef(
       onHeaderChange,
       onHeaderBlur,
       onBodyChange,
+      onBodyAdd,
       onBodyBlur,
       row,
       errors,
@@ -72,6 +73,16 @@ const TableForm = React__default.default.forwardRef(
       },
       [onBodyChange]
     );
+    const addData = React.useCallback(
+      (value) => {
+        setLatestData(value);
+        setData(value);
+        onBodyChange == null ? void 0 : onBodyChange(value);
+        const rowIndex = value.length - 1;
+        onBodyAdd == null ? void 0 : onBodyAdd(value, rowIndex);
+      },
+      [onBodyChange, onBodyAdd]
+    );
     const handleBatchChange = React.useCallback(
       (newData, columnKey, shouldUpdateData) => {
         setLatestData(newData);
@@ -84,19 +95,19 @@ const TableForm = React__default.default.forwardRef(
       [onHeaderChange, onBodyChange]
     );
     const handleBatchBlur = React.useCallback(
-      (key, error) => {
+      (columnKey, error) => {
         if (error) {
           const newData = latestData.map((cell) => {
             return __spreadProps(__spreadValues({}, cell), {
-              [key]: ""
+              [columnKey]: ""
             });
           });
           setLatestData(newData);
-          onHeaderBlur == null ? void 0 : onHeaderBlur(newData);
+          onHeaderBlur == null ? void 0 : onHeaderBlur(newData, columnKey);
         } else {
           setData(latestData);
-          onBodyChange == null ? void 0 : onBodyChange(latestData, void 0, key);
-          onHeaderBlur == null ? void 0 : onHeaderBlur(latestData);
+          onBodyChange == null ? void 0 : onBodyChange(latestData, void 0, columnKey);
+          onHeaderBlur == null ? void 0 : onHeaderBlur(latestData, columnKey);
         }
       },
       [latestData, onHeaderBlur, onBodyChange]
@@ -107,6 +118,10 @@ const TableForm = React__default.default.forwardRef(
         setData: (data2) => {
           updateData(data2);
         },
+        setDataWithoutTriggerChange: (data2) => {
+          setLatestData(data2);
+          setData(data2);
+        },
         validateWholeFields() {
           formValidMapRef.current = {};
           setValidateAll(true);
@@ -185,7 +200,7 @@ const TableForm = React__default.default.forwardRef(
       AddRowButton,
       {
         config: rowAddConfig,
-        updateData,
+        addData,
         columns,
         data
       }

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

@@ -39,6 +39,7 @@ const Timeline = ({
   emptyText,
   emptyRender,
   compact,
+  timelineContainerClassName,
   emptyTextClassName
 }) => {
   if (!items.length) {
@@ -63,7 +64,7 @@ const Timeline = ({
     pending: "info",
     idle: "normal"
   };
-  return /* @__PURE__ */ React__default.default.createElement("div", { className: core.cx(Timeline_style.TimelineWrapper) }, /* @__PURE__ */ React__default.default.createElement(antd5.Timeline, null, items.map((item, index$2) => {
+  return /* @__PURE__ */ React__default.default.createElement("div", { className: core.cx(Timeline_style.TimelineWrapper, timelineContainerClassName) }, /* @__PURE__ */ React__default.default.createElement(antd5.Timeline, null, items.map((item, index$2) => {
     const {
       status,
       infos,
@@ -72,8 +73,10 @@ const Timeline = ({
       subInfo,
       subInfoRender,
       detailMessage,
+      detailMessages,
       detailMessageRender
     } = item;
+    const finalDetailMessages = detailMessages != null ? detailMessages : detailMessage ? [detailMessage] : [];
     return /* @__PURE__ */ React__default.default.createElement(
       antd5.Timeline.Item,
       {
@@ -108,12 +111,15 @@ const Timeline = ({
           })
         ))
       ),
-      /* @__PURE__ */ React__default.default.createElement("div", { className: "item-time" }, subInfoRender ? subInfoRender(subInfo) : subInfo ? /* @__PURE__ */ React__default.default.createElement(Timeline_widget.TimelineArea, __spreadValues({}, subInfo)) : /* @__PURE__ */ React__default.default.createElement(React__default.default.Fragment, null), detailMessageRender ? detailMessageRender(detailMessage) : detailMessage ? /* @__PURE__ */ React__default.default.createElement(
-        index$1,
-        __spreadValues({
-          showIcon: false,
-          type: alertTypeMap[status]
-        }, detailMessage)
+      /* @__PURE__ */ React__default.default.createElement("div", { className: "item-time" }, subInfoRender ? subInfoRender(subInfo) : subInfo ? /* @__PURE__ */ React__default.default.createElement(Timeline_widget.TimelineArea, __spreadValues({}, subInfo)) : /* @__PURE__ */ React__default.default.createElement(React__default.default.Fragment, null), finalDetailMessages.length > 0 ? finalDetailMessages.map(
+        (detailMessage2, index2) => detailMessageRender ? detailMessageRender(detailMessage2, index2) : /* @__PURE__ */ React__default.default.createElement(
+          index$1,
+          __spreadValues({
+            key: `detail-message-${index2}`,
+            showIcon: false,
+            type: alertTypeMap[status]
+          }, detailMessage2)
+        )
       ) : /* @__PURE__ */ React__default.default.createElement(React__default.default.Fragment, null))
     );
   })));

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

@@ -0,0 +1,170 @@
+'use strict';
+
+var iconsReact = require('@cloudtower/icons-react');
+var index$1 = require('../Button/index.js');
+var index = require('../ImmersiveDialog/index.js');
+var index$2 = require('../Steps/index.js');
+var useParrotTranslation = require('../../hooks/useParrotTranslation.js');
+var React = require('react');
+var styles = require('./styles.js');
+var core = require('@linaria/core');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+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;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+function WizardDialog(props) {
+  const _a = props, {
+    className,
+    steps,
+    step,
+    children,
+    hideSteps,
+    destroyOtherStep,
+    prevText,
+    nextText,
+    onPrevStep,
+    onNextStep,
+    onStepChange,
+    left,
+    right,
+    rightClassName,
+    okText,
+    onOk
+  } = _a, restProps = __objRest(_a, [
+    "className",
+    "steps",
+    "step",
+    "children",
+    "hideSteps",
+    "destroyOtherStep",
+    "prevText",
+    "nextText",
+    "onPrevStep",
+    "onNextStep",
+    "onStepChange",
+    "left",
+    "right",
+    "rightClassName",
+    "okText",
+    "onOk"
+  ]);
+  const { t } = useParrotTranslation();
+  const [_step, _setStep] = React.useState(step || 0);
+  const stepVal = React.useMemo(() => step != null ? step : _step, [step, _step]);
+  const content = React.useMemo(() => {
+    var _a2;
+    if (destroyOtherStep) {
+      return ((_a2 = steps == null ? void 0 : steps[stepVal]) == null ? void 0 : _a2.children) || children;
+    }
+    return (steps == null ? void 0 : steps.map((s, index) => /* @__PURE__ */ React__default.default.createElement(
+      "div",
+      {
+        key: s.title,
+        className: styles.StepContentStyle,
+        style: {
+          display: stepVal === index ? "block" : "none"
+        }
+      },
+      s.children
+    ))) || children;
+  }, [children, destroyOtherStep, steps, stepVal]);
+  const _confirmText = React.useMemo(() => {
+    let text = okText || t("common.confirm");
+    if (steps == null ? void 0 : steps.length) {
+      text = stepVal < steps.length - 1 ? nextText || t("common.next_step") : text;
+    }
+    return text;
+  }, [okText, t, steps == null ? void 0 : steps.length, stepVal, nextText]);
+  React.useEffect(() => {
+    if (step) {
+      _setStep(step);
+    }
+  }, [step]);
+  return /* @__PURE__ */ React__default.default.createElement(
+    index.ImmersiveDialog,
+    __spreadProps(__spreadValues({
+      className,
+      footerLeftAction: stepVal > 0 ? /* @__PURE__ */ React__default.default.createElement(
+        index$1,
+        {
+          type: "link",
+          onClick: () => {
+            const newStep = stepVal - 1;
+            _setStep(newStep);
+            onPrevStep == null ? void 0 : onPrevStep(newStep);
+            onStepChange == null ? void 0 : onStepChange(newStep);
+          }
+        },
+        /* @__PURE__ */ React__default.default.createElement(iconsReact.ArrowChevronLeft16BoldBlueIcon, { className: styles.PrevIconStyle }),
+        prevText || t("common.prev_step")
+      ) : null,
+      left: left || (steps && steps.length > 0 && !hideSteps ? /* @__PURE__ */ React__default.default.createElement(
+        index$2,
+        {
+          containerClassname: styles.StepStyle,
+          current: stepVal,
+          onChange: (value) => {
+            _setStep(value);
+            onStepChange == null ? void 0 : onStepChange(value);
+          },
+          direction: "vertical",
+          stepsConfig: steps.map((s) => ({
+            title: s.title
+          }))
+        }
+      ) : null),
+      right,
+      okText: _confirmText,
+      onOk: (e) => {
+        if (stepVal < ((steps == null ? void 0 : steps.length) || 0) - 1) {
+          const newStep = stepVal + 1;
+          const prevent = (onNextStep == null ? void 0 : onNextStep(newStep)) === false;
+          if (!prevent) {
+            _setStep(newStep);
+            onStepChange == null ? void 0 : onStepChange(newStep);
+          }
+        } else {
+          onOk == null ? void 0 : onOk(e);
+        }
+      },
+      rightClassName: core.cx(styles.RightPanelStyle, rightClassName)
+    }, restProps), {
+      isContentFull: false
+    }),
+    content
+  );
+}
+
+exports.WizardDialog = WizardDialog;

package/dist/cjs/core/WizardDialog/styles.js

@@ -0,0 +1,11 @@
+'use strict';
+
+const StepStyle = "E_sqv6dmy";
+const PrevIconStyle = "E_p1rm8wzb";
+const StepContentStyle = "E_sd7qcf4";
+const RightPanelStyle = "E_r1fxc9gq";
+
+exports.PrevIconStyle = PrevIconStyle;
+exports.RightPanelStyle = RightPanelStyle;
+exports.StepContentStyle = StepContentStyle;
+exports.StepStyle = StepStyle;

package/dist/cjs/core/index.js

@@ -6,20 +6,20 @@ var index$9 = require('./Bps/index.js');
 var index$d = require('./Byte/index.js');
 var index$e = require('./BytePerSecond/index.js');
 var index$t = require('./Frequency/index.js');
-var index$O = require('./Percent/index.js');
-var index$R = require('./Second/index.js');
-var index$V = require('./Speed/index.js');
+var index$N = require('./Percent/index.js');
+var index$Q = require('./Second/index.js');
+var index$U = require('./Speed/index.js');
 
 const units = {
-  Percent: index$O,
+  Percent: index$N,
   Byte: index$d,
   BytePerSecond: index$e,
   Frequency: index$t,
-  Speed: index$V,
+  Speed: index$U,
   Bps: index$9,
   BitPerSecond: index$8,
   Bit: index$7,
-  Second: index$R
+  Second: index$Q
 };
 
 exports.Bit = index$7;
@@ -28,8 +28,8 @@ exports.Bps = index$9;
 exports.Byte = index$d;
 exports.BytePerSecond = index$e;
 exports.Frequency = index$t;
-exports.Percent = index$O;
-exports.Second = index$R;
-exports.Speed = index$V;
+exports.Percent = index$N;
+exports.Second = index$Q;
+exports.Speed = index$U;
 exports.Units = units;
 exports.units = units;