@cloudtower/eagle 0.27.70 → 0.27.71

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

@@ -0,0 +1,63 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var parrot = require('@cloudtower/parrot');
+var index = require('../ErrorBoundary/index.js');
+var Pointer = require('./Pointer.js');
+var RenderChart = require('./RenderChart.js');
+var styled = require('./styled.js');
+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);
+
+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 Metric = (props) => {
+  const {
+    height = 154,
+    showPointer = true,
+    showLegend = true,
+    showXaxis = false,
+    chartProps
+  } = props;
+  const [width, setWidth] = React.useState();
+  const wrapperRef = React.useRef(null);
+  React.useEffect(() => {
+    var _a;
+    setWidth((_a = wrapperRef.current) == null ? void 0 : _a.offsetWidth);
+  }, []);
+  return /* @__PURE__ */ React__default.default.createElement(index, { i18n: parrot.parrotI18n }, /* @__PURE__ */ React__default.default.createElement(
+    styled.MetricWrapper,
+    {
+      className: cs__default.default("metric-wrapper", !showXaxis && "hidden-xaxis"),
+      ref: wrapperRef,
+      style: { height: showLegend ? height + 30 : height }
+    },
+    /* @__PURE__ */ React__default.default.createElement(RenderChart, __spreadValues({}, chartProps)),
+    showPointer && /* @__PURE__ */ React__default.default.createElement(Pointer, { uuid: chartProps.syncId, metricWidth: width })
+  ));
+};
+var Metric$1 = Metric;
+
+exports.Pointer = Pointer;
+exports.RenderChart = RenderChart;
+exports.default = Metric$1;

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

@@ -2,15 +2,74 @@
 
 var tower = require('../../utils/tower.js');
 var dayjs = require('dayjs');
+var _ = require('lodash');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var dayjs__default = /*#__PURE__*/_interopDefault(dayjs);
+var ___default = /*#__PURE__*/_interopDefault(_);
 
+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 filterPointsByDateRange(points, dateRange) {
+  const [startDate, endDate] = dateRange;
+  return points == null ? void 0 : points.filter((point) => {
+    const pointDate = dayjs__default.default(point.t);
+    if (startDate && pointDate.isBefore(startDate)) {
+      return false;
+    }
+    if (endDate && pointDate.isAfter(endDate)) {
+      return false;
+    }
+    return true;
+  });
+}
+const parseRange = (range) => {
+  const span = parseInt(range.slice(0, range.length - 1));
+  const unit = range.slice(range.length - 1);
+  return { span, unit };
+};
 function getRangeTimestamp(dateRange) {
   const [startDate, endDate] = dateRange;
   return endDate.valueOf() - startDate.valueOf();
 }
+const xaxisCal = (lastTime, dateRange) => {
+  const tangeTime = getRangeTimestamp(dateRange);
+  const tick = tangeTime / 4;
+  const msPerMinute = tower.MINUTE * 1e3;
+  const lastTimeMinute = dayjs__default.default(lastTime).minute();
+  const baseline = lastTimeMinute < 30 ? lastTime - lastTimeMinute * msPerMinute : lastTime - lastTimeMinute * msPerMinute + msPerMinute * 30;
+  return [baseline - tick * 3, baseline - tick * 2, baseline - tick, baseline];
+};
 const tickFormatter = (tick, dateRange) => {
   const rangeTime = getRangeTimestamp(dateRange);
   if (rangeTime <= 2 * tower.HOUR * 1e3) {
@@ -21,5 +80,92 @@ const tickFormatter = (tick, dateRange) => {
   }
   return dayjs__default.default(tick).format("MM/DD");
 };
+function getXAxisDomain(dateRange, xaxisLastTime) {
+  const [startDate, endDate] = dateRange;
+  return [startDate.valueOf(), xaxisLastTime != null ? xaxisLastTime : endDate.valueOf()];
+}
+const getMs = (dateRange) => {
+  const [startDate, endDate] = dateRange;
+  return endDate.valueOf() - startDate.valueOf();
+};
+const getStep = (dateRange) => {
+  const [startDate, endDate] = dateRange;
+  const range = endDate.valueOf() - startDate.valueOf();
+  if (range <= 2 * 60 * 60 * 1e3) {
+    return tower.SECOND * 30 * 1e3;
+  }
+  if (range <= 24 * 60 * 60 * 1e3) {
+    return tower.MINUTE * 5 * 1e3;
+  }
+  if (range <= 7 * 24 * 60 * 60 * 1e3) {
+    return tower.MINUTE * 30 * 1e3;
+  }
+  if (range <= 30 * 24 * 60 * 60 * 1e3) {
+    return tower.DAY * 1e3;
+  }
+  return tower.DAY * 1e3;
+};
+const filterDataOverlapping = (data, startTimestamp, length, step, tolerance) => {
+  const points = [...new Array(Math.round(length))].map((_2, index) => {
+    return startTimestamp + index * step;
+  }).map((timestamp) => {
+    const closestPoint = ___default.default.minBy(
+      data.filter((value) => {
+        return Math.abs(value.t - timestamp) < tolerance;
+      }),
+      (value) => {
+        return Math.abs(value.t - timestamp);
+      }
+    );
+    if (closestPoint == null) {
+      return {
+        t: timestamp,
+        v: -Infinity
+      };
+    }
+    return closestPoint;
+  });
+  return points;
+};
+const convertDataStruct = (streams) => {
+  const points = streams.flatMap((points2, index) => {
+    return points2.map((point) => {
+      return __spreadProps(__spreadValues({}, point), { [`v${index}`]: point.v });
+    });
+  });
+  const groupedPoints = ___default.default.groupBy(points, (point) => {
+    return point.t;
+  });
+  const combinedPoints = Object.entries(groupedPoints).map(([key, values]) => {
+    return values.reduce((p, c) => {
+      const _a = __spreadValues(__spreadValues({}, p), c), values2 = __objRest(_a, ["v"]);
+      return values2;
+    }, {});
+  });
+  return combinedPoints;
+};
+const filterOverlappingMetric = (metric, dateRange) => {
+  const range = getMs(dateRange);
+  return __spreadProps(__spreadValues({}, metric), {
+    sample_streams: metric.sample_streams.map((stream) => __spreadProps(__spreadValues({}, stream), {
+      points: filterDataOverlapping(
+        stream.points,
+        dateRange[0].valueOf(),
+        range / stream.step,
+        stream.step,
+        stream.tolerance
+      )
+    }))
+  });
+};
 
+exports.convertDataStruct = convertDataStruct;
+exports.filterDataOverlapping = filterDataOverlapping;
+exports.filterOverlappingMetric = filterOverlappingMetric;
+exports.filterPointsByDateRange = filterPointsByDateRange;
+exports.getMs = getMs;
+exports.getStep = getStep;
+exports.getXAxisDomain = getXAxisDomain;
+exports.parseRange = parseRange;
 exports.tickFormatter = tickFormatter;
+exports.xaxisCal = xaxisCal;

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

@@ -0,0 +1,33 @@
+'use strict';
+
+var react = require('@linaria/react');
+
+const MetricLegendTabStyle = "E_mp64wfi";
+const LegendStyle = "E_l1oyigan";
+const LegendItemStyle = "E_l1noi4n1";
+const ColorBlockStyle = "E_cz19rz6";
+const ExtraResource = "E_e17r5r9c";
+const MetricWrapper = /*#__PURE__*/react.styled('div')({
+  name: "MetricWrapper",
+  class: "E_m1y1hhnr",
+  propsAsIs: false
+});
+const TooltipWrapper = /*#__PURE__*/react.styled('div')({
+  name: "TooltipWrapper",
+  class: "E_tnvijvs",
+  propsAsIs: false
+});
+const TooltipColumn = /*#__PURE__*/react.styled('div')({
+  name: "TooltipColumn",
+  class: "E_t1ub2aex",
+  propsAsIs: false
+});
+
+exports.ColorBlockStyle = ColorBlockStyle;
+exports.ExtraResource = ExtraResource;
+exports.LegendItemStyle = LegendItemStyle;
+exports.LegendStyle = LegendStyle;
+exports.MetricLegendTabStyle = MetricLegendTabStyle;
+exports.MetricWrapper = MetricWrapper;
+exports.TooltipColumn = TooltipColumn;
+exports.TooltipWrapper = TooltipWrapper;

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

@@ -0,0 +1,16 @@
+'use strict';
+
+var TimeUnit = /* @__PURE__ */ ((TimeUnit2) => {
+  TimeUnit2["Day"] = "DAY";
+  TimeUnit2["Hour"] = "HOUR";
+  TimeUnit2["Month"] = "MONTH";
+  return TimeUnit2;
+})(TimeUnit || {});
+var GraphType = /* @__PURE__ */ ((GraphType2) => {
+  GraphType2["Area"] = "AREA";
+  GraphType2["Stack"] = "STACK";
+  return GraphType2;
+})(GraphType || {});
+
+exports.GraphType = GraphType;
+exports.TimeUnit = TimeUnit;

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

@@ -117,6 +117,7 @@ const ExtraOverflow = props => {
     ref: wrapperRef
   }, els);
 };
+var Overflow$1 = Overflow;
 
 exports.ExtraOverflow = ExtraOverflow;
-exports.default = Overflow;
+exports.default = Overflow$1;

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

@@ -138,4 +138,6 @@ const Progress = _a => {
   }) : leftBottom, actionNode) : null);
 };
 
+exports.Area = progress_widgets.Area;
+exports.TitleArea = progress_widgets.TitleArea;
 exports.Progress = Progress;

package/dist/cjs/core/SidebarMenu/SidebarMenu.js

@@ -0,0 +1,33 @@
+'use strict';
+
+var antd5 = require('antd5');
+var React = require('react');
+
+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));
+const SidebarMenu = (props) => {
+  return /* @__PURE__ */ React__default.default.createElement(antd5.Menu, __spreadProps(__spreadValues({}, props), { mode: "inline" }));
+};
+
+exports.SidebarMenu = SidebarMenu;

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

@@ -4,8 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var iconsReact = require('@cloudtower/icons-react');
 var react = require('@linaria/react');
-var index$1 = require('../Icon/index.js');
-var index = require('../Typo/index.js');
+var index = require('../Icon/index.js');
+var index$1 = require('../Typo/index.js');
 var antd = require('antd');
 var cs = require('classnames');
 var React = require('react');
@@ -43,7 +43,7 @@ var __objRest = (source, exclude) => {
   }
   return target;
 };
-const PresetColors = ["blue", "red", "yellow", "green", "gray"];
+const StatusPresetColors = ["blue", "red", "yellow", "green", "gray"];
 const StatusCapsuleStyle = "E_sddwhm6";
 const StatusCode = /*#__PURE__*/react.styled('i')({
   name: "StatusCode",
@@ -54,7 +54,7 @@ const StatusIcon = ({
   loading
 }) => {
   if (loading) {
-    return /* @__PURE__ */React__default.default.createElement(index$1, {
+    return /* @__PURE__ */React__default.default.createElement(index, {
       className: "ui-kit-status-capsule-icon ui-kit-status-capsule-icon-loading",
       iconWidth: 8,
       iconHeight: 8,
@@ -85,8 +85,8 @@ const StatusCapsule = _a => {
     props = __objRest(_b, ["color", "className", "loading", "hoverable", "children", "offWhiteMode", "number"]);
   const computedColor = ColorMap[color] || color;
   return /* @__PURE__ */React__default.default.createElement(antd.Tag, __spreadProps(__spreadValues({}, props), {
-    className: cs__default.default(className, StatusCapsuleStyle, index.Typo.Label.l4_regular, "ui-kit-status-capsule", {
-      [`ant-tag-${computedColor}`]: PresetColors.includes(computedColor),
+    className: cs__default.default(className, StatusCapsuleStyle, index$1.Typo.Label.l4_regular, "ui-kit-status-capsule", {
+      [`ant-tag-${computedColor}`]: StatusPresetColors.includes(computedColor),
       "tag-hover": hoverable,
       "off-white": offWhiteMode
     }),
@@ -100,6 +100,6 @@ const StatusCapsule = _a => {
 };
 var StatusCapsule$1 = StatusCapsule;
 
-exports.PresetColors = PresetColors;
 exports.StatusIcon = StatusIcon;
+exports.StatusPresetColors = StatusPresetColors;
 exports.default = StatusCapsule$1;

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

@@ -2,16 +2,123 @@
 
 var react = require('@linaria/react');
 
+const CommonContent = /*#__PURE__*/react.styled('div')({
+  name: "CommonContent",
+  class: "E_cnujxq2",
+  propsAsIs: false
+});
+const ModalBody = /*#__PURE__*/react.styled('div')({
+  name: "ModalBody",
+  class: "E_m7s48ia",
+  propsAsIs: false
+});
 const WizardBody = /*#__PURE__*/react.styled('div')({
   name: "WizardBody",
   class: "E_wt5zbg6",
   propsAsIs: false
 });
+const HorizontalWizardModalCompactStyle = "E_h18jprzg";
+const HorizontalWizardModalLooseStyle = "E_h16z9xgz";
+const FormWrapper = /*#__PURE__*/react.styled('div')({
+  name: "FormWrapper",
+  class: "E_f1lrhghm",
+  propsAsIs: false
+});
+const FormSectionTitle = /*#__PURE__*/react.styled('h4')({
+  name: "FormSectionTitle",
+  class: "E_f18ot8em",
+  propsAsIs: false
+});
+const FormField = /*#__PURE__*/react.styled('div')({
+  name: "FormField",
+  class: "E_f1l1g2k0",
+  propsAsIs: false
+});
+const ErrorSpan = /*#__PURE__*/react.styled('span')({
+  name: "ErrorSpan",
+  class: "E_e1k89cwg",
+  propsAsIs: false
+});
+const Divider = /*#__PURE__*/react.styled('div')({
+  name: "Divider",
+  class: "E_d1oui1gf",
+  propsAsIs: false
+});
+const LoadingWrapper = /*#__PURE__*/react.styled('div')({
+  name: "LoadingWrapper",
+  class: "E_l15itdbb",
+  propsAsIs: false
+});
+const Dot = /*#__PURE__*/react.styled('span')({
+  name: "Dot",
+  class: "E_d1y3z4w",
+  propsAsIs: false
+});
+const ModalWrapper = "E_m177r7a3";
+const _exp = () => ({
+  color
+}) => {
+  switch (color) {
+    case "red":
+      return "linear-gradient(262.79deg, #FA5F3C 0%, #FF9412 100%)";
+    case "yellow":
+      return "linear-gradient(260.13deg, #FFA600 0%, #FFD900 100%)";
+    case "blue":
+      return "linear-gradient(276.05deg, #0066FF 10.65%, #5CA8FF 89.35%)";
+  }
+};
+const TagSpan = /*#__PURE__*/react.styled('span')({
+  name: "TagSpan",
+  class: "E_t1wwio3v",
+  propsAsIs: false,
+  vars: {
+    "t1wwio3v-0": [_exp()]
+  }
+});
 const FullView = /*#__PURE__*/react.styled('div')({
   name: "FullView",
   class: "E_f17jvtfk",
   propsAsIs: false
 });
+const NameTag = /*#__PURE__*/react.styled('span')({
+  name: "NameTag",
+  class: "E_nzppkea",
+  propsAsIs: false
+});
+const FormItemDiv = /*#__PURE__*/react.styled('div')({
+  name: "FormItemDiv",
+  class: "E_f4mi9eq",
+  propsAsIs: false
+});
+const FieldTitle = /*#__PURE__*/react.styled('div')({
+  name: "FieldTitle",
+  class: "E_fh0ewl8",
+  propsAsIs: false
+});
+const ExpandArrow = /*#__PURE__*/react.styled('i')({
+  name: "ExpandArrow",
+  class: "E_e1qrlvot",
+  propsAsIs: false
+});
+const WarningAlert = "E_w9ic984";
+const NoticeAlert = "E_n1k9qi4r";
+const NormalAlert = "E_n16fsg9x";
+const InfoAlert = "E_i173wxzw";
+const Description = /*#__PURE__*/react.styled('div')({
+  name: "Description",
+  class: "E_dld369h",
+  propsAsIs: false
+});
+const SelectOptionDisabledText = /*#__PURE__*/react.styled('div')({
+  name: "SelectOptionDisabledText",
+  class: "E_s1epv22q",
+  propsAsIs: false
+});
+const OperationWraper = /*#__PURE__*/react.styled('div')({
+  name: "OperationWraper",
+  class: "E_okus5hk",
+  propsAsIs: false
+});
 const TertiaryText = /*#__PURE__*/react.styled('div')({
   name: "TertiaryText",
   class: "E_t1auuzri",
@@ -19,6 +126,10 @@ const TertiaryText = /*#__PURE__*/react.styled('div')({
 });
 const InputStyle = "E_i74cfyt";
 const KitInputStyle = "E_k1ci6977";
+const LeftEndInputStyle = "E_l1f7td1d";
+const RightEndInputStyle = "E_rf8rlle";
+const LeftEndSelectStyle = "E_llt2k48";
+const RightEndSelectStyle = "E_rdwz7eh";
 const ContentWrapper = /*#__PURE__*/react.styled('div')({
   name: "ContentWrapper",
   class: "E_c3ni091",
@@ -45,13 +156,41 @@ const radioStyle = "E_r1skkc3l";
 const CannotOperationInfo = "E_c3cobmo";
 
 exports.CannotOperationInfo = CannotOperationInfo;
+exports.CommonContent = CommonContent;
 exports.ContentWrapper = ContentWrapper;
 exports.Desc = Desc;
+exports.Description = Description;
+exports.Divider = Divider;
+exports.Dot = Dot;
+exports.ErrorSpan = ErrorSpan;
+exports.ExpandArrow = ExpandArrow;
+exports.FieldTitle = FieldTitle;
+exports.FormField = FormField;
+exports.FormItemDiv = FormItemDiv;
+exports.FormSectionTitle = FormSectionTitle;
+exports.FormWrapper = FormWrapper;
 exports.FullView = FullView;
+exports.HorizontalWizardModalCompactStyle = HorizontalWizardModalCompactStyle;
+exports.HorizontalWizardModalLooseStyle = HorizontalWizardModalLooseStyle;
+exports.InfoAlert = InfoAlert;
 exports.InputStyle = InputStyle;
 exports.KitInputStyle = KitInputStyle;
+exports.LeftEndInputStyle = LeftEndInputStyle;
+exports.LeftEndSelectStyle = LeftEndSelectStyle;
 exports.LightDesc = LightDesc;
+exports.LoadingWrapper = LoadingWrapper;
+exports.ModalBody = ModalBody;
+exports.ModalWrapper = ModalWrapper;
+exports.NameTag = NameTag;
+exports.NormalAlert = NormalAlert;
+exports.NoticeAlert = NoticeAlert;
+exports.OperationWraper = OperationWraper;
 exports.RadioDesc = RadioDesc;
+exports.RightEndInputStyle = RightEndInputStyle;
+exports.RightEndSelectStyle = RightEndSelectStyle;
+exports.SelectOptionDisabledText = SelectOptionDisabledText;
+exports.TagSpan = TagSpan;
 exports.TertiaryText = TertiaryText;
+exports.WarningAlert = WarningAlert;
 exports.WizardBody = WizardBody;
 exports.radioStyle = radioStyle;

package/dist/cjs/core/Table/TableWidget.js

@@ -35,7 +35,7 @@ const TableLoading = () => {
     className: "td-loading"
   }))));
 };
-React.createContext({});
+const KitTableContext = React.createContext({});
 const ColumnTitle = props => {
   const {
     title,
@@ -47,6 +47,11 @@ const ColumnTitle = props => {
     src: iconsReact.ArrowChevronUp16BoldSecondaryIcon
   }));
 };
+const EmptyRowMenu = () => {
+  return /* @__PURE__ */React__default.default.createElement(React__default.default.Fragment, null);
+};
 
 exports.ColumnTitle = ColumnTitle;
+exports.EmptyRowMenu = EmptyRowMenu;
+exports.KitTableContext = KitTableContext;
 exports.TableLoading = TableLoading;

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

@@ -109,9 +109,12 @@ const Table = props => {
     showSorterTooltip: false
   }));
 };
+var Table$1 = Table;
 
 exports.useTableBodyHasScrollBar = common.useTableBodyHasScrollBar;
 exports.ColumnTitle = TableWidget.ColumnTitle;
+exports.EmptyRowMenu = TableWidget.EmptyRowMenu;
+exports.KitTableContext = TableWidget.KitTableContext;
 exports.TableLoading = TableWidget.TableLoading;
-exports.default = Table;
+exports.default = Table$1;
 exports.tableStyleCover = tableStyleCover;

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

@@ -1,5 +1,7 @@
 'use strict';
 
+Object.defineProperty(exports, '__esModule', { value: true });
+
 var AddRowButton = require('./AddRowButton.js');
 var style = require('./style.js');
 var TableFormBodyRows = require('./TableFormBodyRows.js');
@@ -76,7 +78,7 @@ const TableForm = React__default.default.forwardRef(
           [...Array(DEFAULT_ROW_COUNT)].map(() => utils.genEmptyRow(columns))
         );
       }
-    }, []);
+    }, [columns, defaultData, updateData]);
     const handleBatchChange = React.useCallback(
       (newData, columnKey, shouldUpdateData) => {
         setLatestData(newData);
@@ -138,7 +140,7 @@ const TableForm = React__default.default.forwardRef(
       () => maxHeight ? {
         maxHeight: typeof maxHeight === "number" ? maxHeight + "px" : maxHeight
       } : void 0,
-      []
+      [maxHeight]
     );
     return /* @__PURE__ */ React__default.default.createElement("div", { className }, /* @__PURE__ */ React__default.default.createElement(
       style.TableFormWrapper,
@@ -188,4 +190,4 @@ const TableForm = React__default.default.forwardRef(
 );
 var TableForm$1 = TableForm;
 
-module.exports = TableForm$1;
+exports.default = TableForm$1;

package/dist/cjs/core/Tag/SplitTag.js

@@ -54,11 +54,11 @@ const SplitTag = _a => {
     props = __objRest(_b, ["size", "color", "className", "primaryContent", "secondaryContent", "icon"]);
   return /* @__PURE__ */React__default.default.createElement(antd.Tag, __spreadProps(__spreadValues({}, props), {
     className: cs__default.default(className, style.TagStyle, style.Size[size], WrapperStyle, index.Typo.Label.l4_regular, {
-      [`ant-tag-${color}`]: _const.PresetColors.includes(color)
+      [`ant-tag-${color}`]: _const.TagBasePresetColors.includes(color)
     }, "outside-tag")
   }), /* @__PURE__ */React__default.default.createElement(antd.Tag, {
     className: cs__default.default(style.Size[size], style.TagStyle, index.Typo.Label.l4_regular, {
-      [`ant-tag-${color}`]: _const.PresetColors.includes(color)
+      [`ant-tag-${color}`]: _const.TagBasePresetColors.includes(color)
     }, "inside-tag")
   }, icon && /* @__PURE__ */React__default.default.createElement("span", {
     className: cs__default.default("ui-kit-tag-icon", style.IconStyle)

package/dist/cjs/core/Tag/const.js

@@ -1,6 +1,6 @@
 'use strict';
 
-const PresetColors = [
+const TagBasePresetColors = [
   "blue",
   "red",
   "yellow",
@@ -9,4 +9,4 @@ const PresetColors = [
   "purple"
 ];
 
-exports.PresetColors = PresetColors;
+exports.TagBasePresetColors = TagBasePresetColors;

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

@@ -46,8 +46,8 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
-const PresetColors = [
-  ..._const.PresetColors,
+const TagPresetColors = [
+  ..._const.TagBasePresetColors,
   "red-ontint",
   "green-ontint"
 ];
@@ -79,7 +79,7 @@ const Tag = (_a) => {
     antd.Tag,
     __spreadProps(__spreadValues({}, props), {
       className: cs__default.default(className, style.Size[size], style.TagStyle, index.Typo.Label.l4_regular, {
-        [`ant-tag-${computedColor}`]: PresetColors.includes(computedColor),
+        [`ant-tag-${computedColor}`]: TagPresetColors.includes(computedColor),
         "tag-hover": hoverable
       }),
       closable: false,
@@ -97,5 +97,5 @@ Tag.SplitTag = SplitTag;
 Tag.NameTag = NameTag;
 var Tag$1 = Tag;
 
-exports.PresetColors = PresetColors;
+exports.TagPresetColors = TagPresetColors;
 exports.default = Tag$1;