@cloudtower/eagle 0.27.70 → 0.27.71-alpha.0

package/dist/cjs/UIKitProvider/index.js

@@ -3,13 +3,13 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var parrot = require('@cloudtower/parrot');
-var antd = require('../core/antd.js');
-var index$1 = require('../core/message/index.js');
-var antd$1 = require('antd');
+var index = require('../core/message/index.js');
+var legacyAntd = require('../legacy-antd.js');
+var antd = require('antd');
 var enUS = require('antd/lib/locale/en_US');
 var zhCN = require('antd/lib/locale/zh_CN');
 var React = require('react');
-var index = require('../core/message-group/index.js');
+var index$1 = require('../core/message-group/index.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
@@ -36,25 +36,28 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-const kitContext = React.createContext(antd.antdKit);
+const kitContext = React.createContext(legacyAntd.antdKit);
+const MessageContext = React.createContext(index.default);
 const UIKitProvider = (props) => {
   const {
     children,
-    kit = antd.antdKit,
+    kit = legacyAntd.antdKit,
     message,
     lng = "en-US",
     getPopupContainer
   } = props;
-  const _kit = React.useMemo(() => {
+  const batchMessage = React.useMemo(() => {
     if ((message == null ? void 0 : message.batch) != null) {
-      return __spreadProps(__spreadValues({}, kit), {
-        message: index.createBatchMessageMethods(index$1.default, message.batch)
-      });
+      return index$1.createBatchMessageMethods(index.default, message.batch);
     }
-    return kit;
-  }, [kit, message == null ? void 0 : message.batch]);
+  }, [message == null ? void 0 : message.batch]);
+  const _kit = React.useMemo(() => {
+    return __spreadProps(__spreadValues({}, kit), {
+      message: batchMessage != null ? batchMessage : index.default
+    });
+  }, [batchMessage, kit]);
   React.useEffect(() => {
-    index$1.default.config({
+    index.default.config({
       maxCount: message == null ? void 0 : message.maxCount
     });
   }, [message == null ? void 0 : message.maxCount]);
@@ -63,21 +66,26 @@ const UIKitProvider = (props) => {
       parrot.parrotI18n.changeLanguage(lng);
     }
   }, [lng]);
-  return /* @__PURE__ */ React__default.default.createElement(kitContext.Provider, { value: _kit }, /* @__PURE__ */ React__default.default.createElement(
-    antd$1.ConfigProvider,
+  return /* @__PURE__ */ React__default.default.createElement(kitContext.Provider, { value: _kit }, /* @__PURE__ */ React__default.default.createElement(MessageContext.Provider, { value: batchMessage != null ? batchMessage : index.default }, /* @__PURE__ */ React__default.default.createElement(
+    antd.ConfigProvider,
     {
       autoInsertSpaceInButton: false,
       locale: lng === "zh-CN" ? zhCN__default.default : enUS__default.default,
       getPopupContainer
     },
     children
-  ));
+  )));
 };
 var UIKitProvider$1 = UIKitProvider;
 const useUIKit = () => {
   return React.useContext(kitContext);
 };
+const useMessage = () => {
+  return React.useContext(MessageContext);
+};
 
+exports.MessageContext = MessageContext;
 exports.default = UIKitProvider$1;
 exports.kitContext = kitContext;
+exports.useMessage = useMessage;
 exports.useUIKit = useUIKit;

package/dist/cjs/antd.js

@@ -0,0 +1,151 @@
+'use strict';
+
+var antd = require('antd');
+
+const DatePickerRangePicker = antd.DatePicker.RangePicker;
+const ListItem = antd.List.Item;
+const MenuItemGroup = antd.Menu.ItemGroup;
+const SkeletonButton = antd.Skeleton.Button;
+const TabsTabPane = antd.Tabs.TabPane;
+const TimelineItem = antd.Timeline.Item;
+const TypographyText = antd.Typography.Text;
+const UploadDragger = antd.Upload.Dragger;
+const AntdOption = antd.Select.Option;
+const AntdSelectOptGroup = antd.Select.OptGroup;
+const AntdModal = antd.Modal;
+
+Object.defineProperty(exports, 'AntdBadge', {
+  enumerable: true,
+  get: function () { return antd.Badge; }
+});
+Object.defineProperty(exports, 'AntdButton', {
+  enumerable: true,
+  get: function () { return antd.Button; }
+});
+Object.defineProperty(exports, 'AntdCheckbox', {
+  enumerable: true,
+  get: function () { return antd.Checkbox; }
+});
+Object.defineProperty(exports, 'AntdCollapse', {
+  enumerable: true,
+  get: function () { return antd.Collapse; }
+});
+Object.defineProperty(exports, 'AntdDivider', {
+  enumerable: true,
+  get: function () { return antd.Divider; }
+});
+Object.defineProperty(exports, 'AntdDrawer', {
+  enumerable: true,
+  get: function () { return antd.Drawer; }
+});
+Object.defineProperty(exports, 'AntdEmpty', {
+  enumerable: true,
+  get: function () { return antd.Empty; }
+});
+Object.defineProperty(exports, 'AntdInput', {
+  enumerable: true,
+  get: function () { return antd.Input; }
+});
+Object.defineProperty(exports, 'AntdMessage', {
+  enumerable: true,
+  get: function () { return antd.message; }
+});
+Object.defineProperty(exports, 'AntdSelect', {
+  enumerable: true,
+  get: function () { return antd.Select; }
+});
+Object.defineProperty(exports, 'AntdSteps', {
+  enumerable: true,
+  get: function () { return antd.Steps; }
+});
+Object.defineProperty(exports, 'AntdSwitch', {
+  enumerable: true,
+  get: function () { return antd.Switch; }
+});
+Object.defineProperty(exports, 'AntdTable', {
+  enumerable: true,
+  get: function () { return antd.Table; }
+});
+Object.defineProperty(exports, 'AntdTimePicker', {
+  enumerable: true,
+  get: function () { return antd.TimePicker; }
+});
+Object.defineProperty(exports, 'AntdTooltip', {
+  enumerable: true,
+  get: function () { return antd.Tooltip; }
+});
+Object.defineProperty(exports, 'AntdTreeSelect', {
+  enumerable: true,
+  get: function () { return antd.TreeSelect; }
+});
+Object.defineProperty(exports, 'AutoComplete', {
+  enumerable: true,
+  get: function () { return antd.AutoComplete; }
+});
+Object.defineProperty(exports, 'Col', {
+  enumerable: true,
+  get: function () { return antd.Col; }
+});
+Object.defineProperty(exports, 'DatePicker', {
+  enumerable: true,
+  get: function () { return antd.DatePicker; }
+});
+Object.defineProperty(exports, 'Dropdown', {
+  enumerable: true,
+  get: function () { return antd.Dropdown; }
+});
+Object.defineProperty(exports, 'Layout', {
+  enumerable: true,
+  get: function () { return antd.Layout; }
+});
+Object.defineProperty(exports, 'List', {
+  enumerable: true,
+  get: function () { return antd.List; }
+});
+Object.defineProperty(exports, 'Menu', {
+  enumerable: true,
+  get: function () { return antd.Menu; }
+});
+Object.defineProperty(exports, 'Popover', {
+  enumerable: true,
+  get: function () { return antd.Popover; }
+});
+Object.defineProperty(exports, 'Row', {
+  enumerable: true,
+  get: function () { return antd.Row; }
+});
+Object.defineProperty(exports, 'Skeleton', {
+  enumerable: true,
+  get: function () { return antd.Skeleton; }
+});
+Object.defineProperty(exports, 'Tabs', {
+  enumerable: true,
+  get: function () { return antd.Tabs; }
+});
+Object.defineProperty(exports, 'Timeline', {
+  enumerable: true,
+  get: function () { return antd.Timeline; }
+});
+Object.defineProperty(exports, 'Tree', {
+  enumerable: true,
+  get: function () { return antd.Tree; }
+});
+Object.defineProperty(exports, 'Typography', {
+  enumerable: true,
+  get: function () { return antd.Typography; }
+});
+Object.defineProperty(exports, 'Upload', {
+  enumerable: true,
+  get: function () { return antd.Upload; }
+});
+exports.AntdModal = AntdModal;
+exports.AntdOption = AntdOption;
+exports.AntdSelectOptGroup = AntdSelectOptGroup;
+exports.DatePickerRangePicker = DatePickerRangePicker;
+exports.ListItem = ListItem;
+exports.MenuItemGroup = MenuItemGroup;
+exports.SkeletonButton = SkeletonButton;
+exports.TabsTabPane = TabsTabPane;
+exports.TimelineItem = TimelineItem;
+exports.TypographyText = TypographyText;
+exports.UploadDragger = UploadDragger;

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

@@ -1,5 +1,7 @@
 'use strict';
 
+Object.defineProperty(exports, '__esModule', { value: true });
+
 var useParrotTranslation = require('../../hooks/useParrotTranslation.js');
 var React = require('react');
 
@@ -18,4 +20,4 @@ const Arch = (props) => {
 };
 var Arch$1 = Arch;
 
-module.exports = Arch$1;
+exports.default = Arch$1;

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

@@ -109,6 +109,7 @@ const ButtonGroup = React__default.default.forwardRef((props, ref) => {
     }, title || children));
   }));
 });
+var ButtonGroup$1 = ButtonGroup;
 
 exports.ButtonStyle = ButtonStyle;
-exports.default = ButtonGroup;
+exports.default = ButtonGroup$1;

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

@@ -76,4 +76,20 @@ const Cascader = (props) => {
   );
 };
 
+exports.CascaderDefaultHeader = cascader_style.CascaderDefaultHeader;
+exports.CascaderDefaultHeaderContainer = cascader_style.CascaderDefaultHeaderContainer;
+exports.CascaderDefaultHeaderSearch = cascader_style.CascaderDefaultHeaderSearch;
+exports.CascaderDefaultOptionLabel = cascader_style.CascaderDefaultOptionLabel;
+exports.CascaderDropdown = cascader_style.CascaderDropdown;
+exports.CascaderInputStyle = cascader_style.CascaderInputStyle;
+exports.CascaderLargeDropdown = cascader_style.CascaderLargeDropdown;
+exports.CascaderNotData = cascader_style.CascaderNotData;
+exports.CascaderSmallDropdown = cascader_style.CascaderSmallDropdown;
+exports.DoubleRowOptionStyleWrapper = cascader_style.DoubleRowOptionStyleWrapper;
+exports.CascaderDoubleRowOption = cascader_widget.CascaderDoubleRowOption;
+exports.CascaderOptionWithCount = cascader_widget.CascaderOptionWithCount;
+exports.NotDataContent = cascader_widget.NotDataContent;
+exports.PresetCascaderHeader = cascader_widget.PresetCascaderHeader;
+exports.PresetCascaderRender = cascader_widget.PresetCascaderRender;
+exports.defaultTagRender = cascader_widget.defaultTagRender;
 exports.Cascader = Cascader;

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

@@ -17,6 +17,14 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 var cs__default = /*#__PURE__*/_interopDefault(cs);
 var React__default = /*#__PURE__*/_interopDefault(React);
 
+var DonutChartColor = /* @__PURE__ */(DonutChartColor2 => {
+  DonutChartColor2["RED"] = "red";
+  DonutChartColor2["GREEN"] = "green";
+  DonutChartColor2["YeLLOW"] = "yellow";
+  DonutChartColor2["BLUE"] = "blue";
+  DonutChartColor2["PURPLE"] = "purple";
+  return DonutChartColor2;
+})(DonutChartColor || {});
 const DonutChartWrapper = /*#__PURE__*/react.styled('div')({
   name: "DonutChartWrapper",
   class: "E_d1bw7c5z",
@@ -167,6 +175,7 @@ const DonutChart = ({
 };
 var DonutChart$1 = DonutChart;
 
+exports.DonutChartColor = DonutChartColor;
 exports.default = DonutChart$1;
 exports.formatChartData = formatChartData;
 exports.formatCollapse = formatCollapse;

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

@@ -0,0 +1,12 @@
+'use strict';
+
+var React = require('react');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+const Error = ({ error }) => /* @__PURE__ */ React__default.default.createElement("div", { className: "error" }, String(error));
+var Error$1 = Error;
+
+module.exports = Error$1;

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

@@ -0,0 +1,27 @@
+'use strict';
+
+var React = require('react');
+var reactI18next = require('react-i18next');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+class ErrorBoundary extends React__default.default.Component {
+  constructor(props) {
+    super(props);
+    this.state = { error: null };
+  }
+  static getDerivedStateFromError(error) {
+    return { error };
+  }
+  render() {
+    if (this.state.error) {
+      return /* @__PURE__ */ React__default.default.createElement("div", { title: String(this.state.error) }, this.props.t("components.unknow_error"));
+    }
+    return this.props.children;
+  }
+}
+var ErrorBoundary$1 = reactI18next.withTranslation()(ErrorBoundary);
+
+module.exports = ErrorBoundary$1;

package/dist/cjs/core/Metric/MetricActions.js

@@ -0,0 +1,18 @@
+'use strict';
+
+var useParrotTranslation = require('../../hooks/useParrotTranslation.js');
+var React = require('react');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+const MetricActions = (props) => {
+  const { info, dropdown } = props;
+  const { current, max } = info;
+  const { t } = useParrotTranslation();
+  return /* @__PURE__ */ React__default.default.createElement("div", { className: "metric-extra" }, /* @__PURE__ */ React__default.default.createElement("div", null, /* @__PURE__ */ React__default.default.createElement("span", { className: "info-item" }, t("metric.max"), "\uFF1A", max), /* @__PURE__ */ React__default.default.createElement("span", { className: "info-item" }, t("metric.current"), "\uFF1A", current)), dropdown);
+};
+var MetricActions$1 = MetricActions;
+
+module.exports = MetricActions$1;

package/dist/cjs/core/Metric/MetricLegend.js

@@ -0,0 +1,73 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var icons = require('@ant-design/icons');
+var styled = require('./styled.js');
+var index = require('../Overflow/index.js');
+var index$1 = require('../Truncate/index.js');
+var antd = require('antd');
+var cs = require('classnames');
+var React = require('react');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var cs__default = /*#__PURE__*/_interopDefault(cs);
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+const ColorBlock = ({ background }) => /* @__PURE__ */ React__default.default.createElement("div", { className: cs__default.default(styled.ColorBlockStyle, "color-block"), style: { background } });
+const MetricLegend = (props) => {
+  const { deselected, onClick, legends } = props;
+  return /* @__PURE__ */ React__default.default.createElement(
+    index.ExtraOverflow,
+    {
+      className: styled.LegendStyle,
+      extraEl: (end) => /* @__PURE__ */ React__default.default.createElement(
+        antd.Dropdown,
+        {
+          overlayClassName: styled.ExtraResource,
+          overlay: /* @__PURE__ */ React__default.default.createElement(antd.Menu, null, legends.slice(end).map((legend, idx) => {
+            return /* @__PURE__ */ React__default.default.createElement(
+              antd.Menu.Item,
+              {
+                className: cs__default.default(
+                  styled.LegendItemStyle,
+                  deselected.includes(legend.id) && "deselected"
+                ),
+                key: legend.id,
+                onClick: () => onClick(legend.id)
+              },
+              /* @__PURE__ */ React__default.default.createElement(ColorBlock, { background: legend.color }),
+              /* @__PURE__ */ React__default.default.createElement("span", null, legend.name)
+            );
+          }))
+        },
+        /* @__PURE__ */ React__default.default.createElement(icons.DoubleRightOutlined, { rotate: 90 })
+      ),
+      els: legends.map((legend) => {
+        return /* @__PURE__ */ React__default.default.createElement(
+          "div",
+          {
+            className: cs__default.default(
+              styled.LegendItemStyle,
+              deselected.includes(legend.id) && "deselected"
+            ),
+            key: legend.id,
+            onClick: () => onClick(legend.id)
+          },
+          /* @__PURE__ */ React__default.default.createElement(ColorBlock, { background: legend.color }),
+          /* @__PURE__ */ React__default.default.createElement("span", null, /* @__PURE__ */ React__default.default.createElement(index$1, { text: legend.name, len: 50, backLen: 20 }))
+        );
+      })
+    }
+  );
+};
+const LegendComponent = (props) => {
+  const { name, color } = props;
+  return /* @__PURE__ */ React__default.default.createElement("div", { className: cs__default.default(styled.LegendItemStyle, "legend-component") }, /* @__PURE__ */ React__default.default.createElement(ColorBlock, { background: color }), /* @__PURE__ */ React__default.default.createElement("span", null, name));
+};
+var MetricLegend$1 = MetricLegend;
+
+exports.ColorBlock = ColorBlock;
+exports.LegendComponent = LegendComponent;
+exports.default = MetricLegend$1;

package/dist/cjs/core/Metric/Pointer.js

@@ -0,0 +1,45 @@
+'use strict';
+
+var index = require('../KitStoreProvider/index.js');
+var _ = require('lodash');
+var React = require('react');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var ___default = /*#__PURE__*/_interopDefault(_);
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+const Pointer = ({ uuid = "", metricWidth }) => {
+  const pointers = index.useKitSelector(
+    (state) => ___default.default.get(state, "chart.pointers")
+  );
+  if (!(pointers == null ? void 0 : pointers[uuid])) {
+    return null;
+  }
+  const { left = 0, text } = pointers[uuid];
+  let dis = -99999999;
+  const threshold = 50;
+  if (metricWidth) {
+    if (left <= threshold) {
+      dis = threshold;
+    } else if (left >= metricWidth - threshold) {
+      dis = metricWidth - threshold;
+    } else {
+      dis = left;
+    }
+  }
+  return /* @__PURE__ */ React__default.default.createElement(
+    "div",
+    {
+      style: {
+        transform: `translate(${dis}px)`,
+        position: "absolute",
+        whiteSpace: "nowrap"
+      }
+    },
+    /* @__PURE__ */ React__default.default.createElement("div", { className: "pointer-wrapper" }, text)
+  );
+};
+var Pointer$1 = Pointer;
+
+module.exports = Pointer$1;