@cloudtower/eagle 0.31.6 → 0.31.8

package/dist/esm/core/TableForm/Columns/AffixColumn.js

@@ -22,7 +22,7 @@ const AffixColumnHeaderCell = ({ data, column, onChange, onBlur }) => {
     },
     [prefix, onChange]
   );
-  return /* @__PURE__ */ React__default.createElement(Space, null, !column.disablePrefix ? /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ React__default.createElement(Space, { style: { marginTop: "4px" } }, !column.disablePrefix ? /* @__PURE__ */ React__default.createElement(
     Input,
     {
       value: prefix,

package/dist/esm/core/TableForm/Columns/CheckboxColumn.js

@@ -8,7 +8,7 @@ const CheckboxColumnHeaderCell = ({ onChange }) => {
     },
     [onChange]
   );
-  return /* @__PURE__ */ React__default.createElement(Checkbox, { onChange: _onChange });
+  return /* @__PURE__ */ React__default.createElement(Checkbox, { style: { marginTop: "4px" }, onChange: _onChange });
 };
 const CheckboxColumnBodyCell = ({ data, column, index, onChange }) => {
   const value = data[index][column.key] === void 0 ? column.defaultValue : data[index][column.key];

package/dist/esm/core/TableForm/Columns/InputColumn.js

@@ -68,6 +68,7 @@ const InputColumnHeaderCell = ({ disabled, column, onChange, onBlur, onVisibleCh
   return /* @__PURE__ */ React__default.createElement(
     CustomInput,
     {
+      style: { marginTop: "4px" },
       type: column.type,
       placeholder: column.placeholder,
       disabled,

package/dist/esm/core/TableForm/TableFormHeaderCell.js

@@ -5,6 +5,7 @@ import { TitleStyle } from './style.js';
 import { increaseLastNumber } from './utils.js';
 import { Typo } from '../Typo/index.js';
 import React__default, { useState, useCallback } from 'react';
+import OverflowTooltip from '../../coreX/OverflowTooltip/index.js';
 
 var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
@@ -44,7 +45,7 @@ const BatchInputListHeaderCell = (props) => {
     },
     [onChange, data, column]
   );
-  const _onBlur = useCallback(() => {
+  const headerOnBlur = useCallback(() => {
     onBlur == null ? void 0 : onBlur(column.key, errMsg);
   }, [column.key, onBlur, errMsg]);
   const renderDefaultComponent = () => {
@@ -56,16 +57,42 @@ const BatchInputListHeaderCell = (props) => {
       __spreadProps(__spreadValues({}, props), {
         column,
         onChange: headerOnChange,
-        onBlur: _onBlur
+        onBlur: headerOnBlur
       })
     );
   };
-  const renderCell = () => column.render ? column.render({
-    isHeader: true,
-    disabled,
-    onChange: headerOnChange,
-    onBlur: _onBlur
-  }) : renderDefaultComponent();
+  const renderTitle = () => {
+    const titleContent = typeof column.title === "string" ? /* @__PURE__ */ React__default.createElement(OverflowTooltip, { tooltip: column.title, content: column.title }) : column.title;
+    return /* @__PURE__ */ React__default.createElement("p", { className: cx(Typo.Label.l3_bold_title, TitleStyle) }, titleContent);
+  };
+  const renderSubTitle = () => {
+    if (column.subTitleRender) {
+      return column.subTitleRender({
+        isHeader: true,
+        disabled,
+        onChange: headerOnChange,
+        onBlur: headerOnBlur
+      });
+    }
+    if (disableBatchFilling) {
+      return null;
+    }
+    return /* @__PURE__ */ React__default.createElement(
+      FormItem,
+      {
+        validateStatus: typeof errMsg === "string" && errMsg ? "error" : "",
+        message: errMsg || void 0
+      },
+      // if the render prop is provided, use it to render the subTitle
+      // otherwise, render the default component
+      column.render ? column.render({
+        isHeader: true,
+        disabled,
+        onChange: headerOnChange,
+        onBlur: headerOnBlur
+      }) : renderDefaultComponent()
+    );
+  };
   return /* @__PURE__ */ React__default.createElement(
     "div",
     {
@@ -76,15 +103,8 @@ const BatchInputListHeaderCell = (props) => {
         visibility: column.hidden ? "hidden" : "visible"
       }
     },
-    /* @__PURE__ */ React__default.createElement("p", { className: cx(Typo.Label.l3_bold_title, TitleStyle) }, column.title),
-    disableBatchFilling ? null : /* @__PURE__ */ React__default.createElement(
-      FormItem,
-      {
-        validateStatus: typeof errMsg === "string" && errMsg ? "error" : "",
-        message: errMsg || void 0
-      },
-      renderCell()
-    )
+    renderTitle(),
+    renderSubTitle()
   );
 };
 

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

@@ -2,9 +2,8 @@ import AddRowButton from './AddRowButton.js';
 import { TableFormWrapper, DraggableHandleWrapper } from './style.js';
 import TableFormBodyRows from './TableFormBodyRows.js';
 import { BatchInputListHeaderCell } from './TableFormHeaderCell.js';
-import { genEmptyRow } from './utils.js';
 import { List } from 'antd';
-import React__default, { useState, useCallback, useLayoutEffect, useImperativeHandle, useMemo } from 'react';
+import React__default, { useState, useCallback, useImperativeHandle, useMemo } from 'react';
 
 var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
@@ -25,7 +24,6 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-const DEFAULT_ROW_COUNT = 3;
 const TableForm = React__default.forwardRef(
   (props, ref) => {
     var _a, _b;
@@ -48,7 +46,8 @@ const TableForm = React__default.forwardRef(
       onBodyChange,
       onBodyBlur,
       row,
-      errors
+      errors,
+      hideEmptyTable
     } = props;
     const [data, setData] = useState(defaultData || []);
     const [passwordVisible, setPasswordVisible] = useState(false);
@@ -64,13 +63,6 @@ const TableForm = React__default.forwardRef(
       },
       [onBodyChange]
     );
-    useLayoutEffect(() => {
-      if (!defaultData) {
-        updateData(
-          [...Array(DEFAULT_ROW_COUNT)].map(() => genEmptyRow(columns))
-        );
-      }
-    }, [columns, defaultData, updateData]);
     const handleBatchChange = useCallback(
       (newData, columnKey, shouldUpdateData) => {
         setLatestData(newData);
@@ -134,9 +126,10 @@ const TableForm = React__default.forwardRef(
       } : void 0,
       [maxHeight]
     );
-    return /* @__PURE__ */ React__default.createElement("div", { className }, /* @__PURE__ */ React__default.createElement(
+    return /* @__PURE__ */ React__default.createElement("div", { className }, hideEmptyTable && data.length < 1 ? null : /* @__PURE__ */ React__default.createElement(
       TableFormWrapper,
       {
+        "data-testid": "eagle-table-form-wrapper",
         className: `table-form row-split-by-${rowSplitType}`,
         style: tableFormWrapperStyle
       },