@cloudtower/eagle 0.29.7 → 0.29.8

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

@@ -1,26 +1,43 @@
-import React__default from 'react';
+import React__default, { useMemo } from 'react';
 import useElementsSize from '../../hooks/useElementsSize.js';
 
-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.createElement(TableSkeleton, {
+    rowsCount,
+    itemHeight,
+    headerHeight
+  });
+};
+const TableLoadingStyle = "E_t1g36k2w";
+const TableSkeleton = props => {
+  const {
+    rowsCount = 50,
+    headerHeight = 48,
+    itemHeight
+  } = props;
+  const rows = useMemo(() => Array.from({
+    length: rowsCount
+  }, (r, i) => i), [rowsCount]);
   return /* @__PURE__ */React__default.createElement("div", {
     className: `${TableLoadingStyle} table-loading`
   }, /* @__PURE__ */React__default.createElement("div", {
@@ -52,6 +69,5 @@ const TableSkeleton = props => {
     className: "td-loading"
   }))));
 };
-const TableLoadingStyle = "E_t1g36k2w";
 
-export { TableSkeleton };
+export { DynamicTableSkeleton, TableSkeleton };

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

@@ -6,7 +6,8 @@ import { Table as Table$2 } from 'antd';
 import cs from 'classnames';
 import { isNil } from 'lodash';
 import React__default, { useRef, useMemo } from 'react';
-import { TableSkeleton } from './TableSkeleton.js';
+import { DynamicTableSkeleton } from './TableSkeleton.js';
+export { TableSkeleton } from './TableSkeleton.js';
 
 var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
@@ -29,7 +30,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 {
@@ -90,11 +92,11 @@ const Table = props => {
   return /* @__PURE__ */React__default.createElement("div", {
     className: cx(TableContainerStyle, "table-container", !hasScrollBard && "no-scroll-bar")
   }, /* @__PURE__ */React__default.createElement(Table$2, {
-    className: cs(tableStyleCover, !(dataSource == null ? void 0 : dataSource.length) && "empty-table", rowSelection && "has-selection"),
+    className: cs(tableStyleCover, !(dataSource == null ? void 0 : dataSource.length) && emptyTableStyle, rowSelection && "has-selection"),
     bordered,
     loading: {
       spinning: loading || initLoading,
-      indicator: /* @__PURE__ */React__default.createElement(TableSkeleton, __spreadValues({
+      indicator: /* @__PURE__ */React__default.createElement(DynamicTableSkeleton, __spreadValues({
         scrollY: !!((_a = props.scroll) == null ? void 0 : _a.y)
       }, skeletonProps))
     },
@@ -127,4 +129,4 @@ const Table = props => {
 };
 var Table$1 = Table;
 
-export { ColumnTitle, TableSkeleton, Table$1 as default, tableStyleCover, useTableBodyHasScrollBar };
+export { ColumnTitle, DynamicTableSkeleton, Table$1 as default, emptyTableStyle, tableStyleCover, useTableBodyHasScrollBar };

package/dist/esm/index.js

@@ -63,7 +63,7 @@ export { default as Speed } from './core/Speed/index.js';
 export { default as StatusCapsule, StatusIcon, StatusPresetColors } from './core/StatusCapsule/index.js';
 export { default as Steps } from './core/Steps/index.js';
 export { default as Switch } from './core/Switch/index.js';
-export { default as Table, tableStyleCover } from './core/Table/index.js';
+export { default as Table, emptyTableStyle, tableStyleCover } from './core/Table/index.js';
 export { default as TableForm } from './core/TableForm/index.js';
 export { default as Tag, TagPresetColors } from './core/Tag/index.js';
 export { default as TextArea } from './core/TextArea/index.js';
@@ -97,7 +97,7 @@ export { SidebarMenu } from './core/SidebarMenu/SidebarMenu.js';
 export { CircleProgress } from './core/StepProgress/index.js';
 export { CannotOperationInfo, CommonContent, ContentWrapper, Desc, Description, Divider, Dot, ErrorSpan, ExpandArrow, FieldTitle, FormField, FormItemDiv, FormSectionTitle, FormWrapper, FullView, HorizontalWizardModalCompactStyle, HorizontalWizardModalLooseStyle, InfoAlert, InputStyle, KitInputStyle, LeftEndInputStyle, LeftEndSelectStyle, LightDesc, LoadingWrapper, ModalBody, ModalWrapper, NameTag, NormalAlert, NoticeAlert, OperationWraper, RadioDesc, RightEndInputStyle, RightEndSelectStyle, SelectOptionDisabledText, TagSpan, TertiaryText, WarningAlert, WizardBody, radioStyle } from './core/Styled/index.js';
 export { useTableBodyHasScrollBar } from './core/Table/common.js';
-export { TableSkeleton } from './core/Table/TableSkeleton.js';
+export { DynamicTableSkeleton, TableSkeleton } from './core/Table/TableSkeleton.js';
 export { ColumnTitle, EmptyRowMenu, KitTableContext, TableLoading } from './core/Table/TableWidget.js';
 export { ValidateTriggerType } from './core/TableForm/types.js';
 export { Typo } from './core/Typo/index.js';