@cloudtower/eagle 0.31.6 → 0.31.8

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

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

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

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

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

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

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

@@ -1,12 +1,13 @@
 'use strict';
 
 var core = require('@linaria/core');
-var index$1 = require('./Columns/index.js');
+var index$2 = require('./Columns/index.js');
 var FormItem = require('./Columns/FormItem.js');
 var style = require('./style.js');
 var utils = require('./utils.js');
-var index = require('../Typo/index.js');
+var index$1 = require('../Typo/index.js');
 var React = require('react');
+var index = require('../../coreX/OverflowTooltip/index.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
@@ -50,28 +51,54 @@ const BatchInputListHeaderCell = (props) => {
     },
     [onChange, data, column]
   );
-  const _onBlur = React.useCallback(() => {
+  const headerOnBlur = React.useCallback(() => {
     onBlur == null ? void 0 : onBlur(column.key, errMsg);
   }, [column.key, onBlur, errMsg]);
   const renderDefaultComponent = () => {
     if (!column.type)
       return null;
-    const CellComponent = index$1.ColumnHeaderImpls[column.type];
+    const CellComponent = index$2.ColumnHeaderImpls[column.type];
     return /* @__PURE__ */ React__default.default.createElement(
       CellComponent,
       __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.default.createElement(index, { tooltip: column.title, content: column.title }) : column.title;
+    return /* @__PURE__ */ React__default.default.createElement("p", { className: core.cx(index$1.Typo.Label.l3_bold_title, style.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.default.createElement(
+      FormItem.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.default.createElement(
     "div",
     {
@@ -82,15 +109,8 @@ const BatchInputListHeaderCell = (props) => {
         visibility: column.hidden ? "hidden" : "visible"
       }
     },
-    /* @__PURE__ */ React__default.default.createElement("p", { className: core.cx(index.Typo.Label.l3_bold_title, style.TitleStyle) }, column.title),
-    disableBatchFilling ? null : /* @__PURE__ */ React__default.default.createElement(
-      FormItem.FormItem,
-      {
-        validateStatus: typeof errMsg === "string" && errMsg ? "error" : "",
-        message: errMsg || void 0
-      },
-      renderCell()
-    )
+    renderTitle(),
+    renderSubTitle()
   );
 };
 

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

@@ -6,7 +6,6 @@ var AddRowButton = require('./AddRowButton.js');
 var style = require('./style.js');
 var TableFormBodyRows = require('./TableFormBodyRows.js');
 var TableFormHeaderCell = require('./TableFormHeaderCell.js');
-var utils = require('./utils.js');
 var antd = require('antd');
 var React = require('react');
 
@@ -33,7 +32,6 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-const DEFAULT_ROW_COUNT = 3;
 const TableForm = React__default.default.forwardRef(
   (props, ref) => {
     var _a, _b;
@@ -56,7 +54,8 @@ const TableForm = React__default.default.forwardRef(
       onBodyChange,
       onBodyBlur,
       row,
-      errors
+      errors,
+      hideEmptyTable
     } = props;
     const [data, setData] = React.useState(defaultData || []);
     const [passwordVisible, setPasswordVisible] = React.useState(false);
@@ -72,13 +71,6 @@ const TableForm = React__default.default.forwardRef(
       },
       [onBodyChange]
     );
-    React.useLayoutEffect(() => {
-      if (!defaultData) {
-        updateData(
-          [...Array(DEFAULT_ROW_COUNT)].map(() => utils.genEmptyRow(columns))
-        );
-      }
-    }, [columns, defaultData, updateData]);
     const handleBatchChange = React.useCallback(
       (newData, columnKey, shouldUpdateData) => {
         setLatestData(newData);
@@ -142,9 +134,10 @@ const TableForm = React__default.default.forwardRef(
       } : void 0,
       [maxHeight]
     );
-    return /* @__PURE__ */ React__default.default.createElement("div", { className }, /* @__PURE__ */ React__default.default.createElement(
+    return /* @__PURE__ */ React__default.default.createElement("div", { className }, hideEmptyTable && data.length < 1 ? null : /* @__PURE__ */ React__default.default.createElement(
       style.TableFormWrapper,
       {
+        "data-testid": "eagle-table-form-wrapper",
         className: `table-form row-split-by-${rowSplitType}`,
         style: tableFormWrapperStyle
       },