@cloudtower/eagle 0.29.6 → 0.29.8

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

@@ -7,26 +7,43 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var React__default = /*#__PURE__*/_interopDefault(React);
 
-const TableSkeleton = props => {
+const DynamicTableSkeleton = props => {
+  var _a;
   const {
-    rows: _rowLength,
+    rowsCount: _rowsCount,
     scrollY = false,
     headerHeight = 48,
     itemHeight: _itemHeight
   } = props;
   const sizes = useElementsSize({
-    loading: ".ant-table-container .ant-table-content .ant-table-tbody",
-    scrollYLoading: ".ant-table-container .ant-table-tbody"
+    loading: ".ant-table-container .ant-table-content .ant-table-tbody:not(:has(.ant-empty))",
+    scrollYLoading: ".ant-table-container .ant-table-tbody:not(:has(.ant-empty))"
   }, {});
+  const containerHeight = (_a = sizes[scrollY ? "scrollYLoading" : "loading"].height) != null ? _a : 0;
   const itemSizes = useElementsSize({
-    loading: ".ant-table-container .ant-table-content .ant-table-tbody > tr:not(:first-child)",
-    scrollYLoading: ".ant-table-container .ant-table-tbody > tr:not(:first-child)"
+    loading: ".ant-table-container .ant-table-content .ant-table-tbody > tr:not(:first-child):not(:has(.ant-empty))",
+    scrollYLoading: ".ant-table-container .ant-table-tbody > tr:not(:first-child):not(:has(.ant-empty))"
   }, {});
-  const itemHeight = (_itemHeight != null ? _itemHeight : itemSizes[scrollY ? "scrollYLoading" : "loading"].height) || 40;
-  const rowLength = (_rowLength != null ? _rowLength : Math.ceil(sizes[scrollY ? "scrollYLoading" : "loading"].height / itemHeight)) || 20;
-  const rows = Array.from({
-    length: rowLength
-  }, (r, i) => i);
+  const dynamicItemHeight = itemSizes[scrollY ? "scrollYLoading" : "loading"].height;
+  const defaultItemHeight = 40;
+  const itemHeight = (_itemHeight != null ? _itemHeight : dynamicItemHeight) || defaultItemHeight;
+  const rowsCount = (_rowsCount != null ? _rowsCount : Math.ceil(containerHeight / itemHeight)) || 50;
+  return /* @__PURE__ */React__default.default.createElement(TableSkeleton, {
+    rowsCount,
+    itemHeight,
+    headerHeight
+  });
+};
+const TableLoadingStyle = "E_t1g36k2w";
+const TableSkeleton = props => {
+  const {
+    rowsCount = 50,
+    headerHeight = 48,
+    itemHeight
+  } = props;
+  const rows = React.useMemo(() => Array.from({
+    length: rowsCount
+  }, (r, i) => i), [rowsCount]);
   return /* @__PURE__ */React__default.default.createElement("div", {
     className: `${TableLoadingStyle} table-loading`
   }, /* @__PURE__ */React__default.default.createElement("div", {
@@ -58,6 +75,6 @@ const TableSkeleton = props => {
     className: "td-loading"
   }))));
 };
-const TableLoadingStyle = "E_t1g36k2w";
 
+exports.DynamicTableSkeleton = DynamicTableSkeleton;
 exports.TableSkeleton = TableSkeleton;

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

@@ -37,7 +37,8 @@ var __spreadValues = (a, b) => {
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 const TableContainerStyle = "E_tc97u5y";
-const tableStyleCover = "E_tfzf37v";
+const emptyTableStyle = "E_efzf37v";
+const tableStyleCover = "E_t1fisho6";
 const Table = props => {
   var _a;
   const {
@@ -54,7 +55,8 @@ const Table = props => {
     rowSelection,
     empty,
     tableLayout = "fixed",
-    initLoading,
+    // FIXME Should be removed at 0.30.x
+    initLoading = false,
     rowKey,
     wrapper,
     pagination,
@@ -97,11 +99,11 @@ const Table = props => {
   return /* @__PURE__ */React__default.default.createElement("div", {
     className: core.cx(TableContainerStyle, "table-container", !hasScrollBard && "no-scroll-bar")
   }, /* @__PURE__ */React__default.default.createElement(antd.Table, {
-    className: cs__default.default(tableStyleCover, !(dataSource == null ? void 0 : dataSource.length) && "empty-table", initLoading && "table-init-loading", rowSelection && "has-selection"),
+    className: cs__default.default(tableStyleCover, !(dataSource == null ? void 0 : dataSource.length) && emptyTableStyle, rowSelection && "has-selection"),
     bordered,
     loading: {
-      spinning: loading,
-      indicator: /* @__PURE__ */React__default.default.createElement(TableSkeleton.TableSkeleton, __spreadValues({
+      spinning: loading || initLoading,
+      indicator: /* @__PURE__ */React__default.default.createElement(TableSkeleton.DynamicTableSkeleton, __spreadValues({
         scrollY: !!((_a = props.scroll) == null ? void 0 : _a.y)
       }, skeletonProps))
     },
@@ -139,6 +141,8 @@ exports.ColumnTitle = TableWidget.ColumnTitle;
 exports.EmptyRowMenu = TableWidget.EmptyRowMenu;
 exports.KitTableContext = TableWidget.KitTableContext;
 exports.TableLoading = TableWidget.TableLoading;
+exports.DynamicTableSkeleton = TableSkeleton.DynamicTableSkeleton;
 exports.TableSkeleton = TableSkeleton.TableSkeleton;
 exports.default = Table$1;
+exports.emptyTableStyle = emptyTableStyle;
 exports.tableStyleCover = tableStyleCover;

package/dist/cjs/index.js

@@ -366,6 +366,7 @@ exports.StatusPresetColors = index$U.StatusPresetColors;
 exports.Steps = index$V;
 exports.Switch = index$W;
 exports.Table = index$X.default;
+exports.emptyTableStyle = index$X.emptyTableStyle;
 exports.tableStyleCover = index$X.tableStyleCover;
 exports.TableForm = index$Y.default;
 exports.Tag = index$Z.default;
@@ -470,6 +471,7 @@ exports.WarningAlert = index$1a.WarningAlert;
 exports.WizardBody = index$1a.WizardBody;
 exports.radioStyle = index$1a.radioStyle;
 exports.useTableBodyHasScrollBar = common.useTableBodyHasScrollBar;
+exports.DynamicTableSkeleton = TableSkeleton.DynamicTableSkeleton;
 exports.TableSkeleton = TableSkeleton.TableSkeleton;
 exports.ColumnTitle = TableWidget.ColumnTitle;
 exports.EmptyRowMenu = TableWidget.EmptyRowMenu;