@cloudtower/eagle 0.29.5 → 0.29.7

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

@@ -0,0 +1,57 @@
+import React__default from 'react';
+import useElementsSize from '../../hooks/useElementsSize.js';
+
+const TableSkeleton = props => {
+  const {
+    rows: _rowLength,
+    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"
+  }, {});
+  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)"
+  }, {});
+  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);
+  return /* @__PURE__ */React__default.createElement("div", {
+    className: `${TableLoadingStyle} table-loading`
+  }, /* @__PURE__ */React__default.createElement("div", {
+    className: "table-loading-header table-loading-item",
+    style: {
+      height: headerHeight
+    }
+  }, /* @__PURE__ */React__default.createElement("div", {
+    className: "checkbox-loading"
+  }), /* @__PURE__ */React__default.createElement("div", {
+    className: "td-loading"
+  }), /* @__PURE__ */React__default.createElement("div", {
+    className: "td-loading"
+  }), /* @__PURE__ */React__default.createElement("div", {
+    className: "td-loading"
+  })), rows.map(i => /* @__PURE__ */React__default.createElement("div", {
+    key: i,
+    className: "table-loading-item",
+    style: {
+      height: itemHeight
+    }
+  }, /* @__PURE__ */React__default.createElement("div", {
+    className: "checkbox-loading"
+  }), /* @__PURE__ */React__default.createElement("div", {
+    className: "td-loading"
+  }), /* @__PURE__ */React__default.createElement("div", {
+    className: "td-loading"
+  }), /* @__PURE__ */React__default.createElement("div", {
+    className: "td-loading"
+  }))));
+};
+const TableLoadingStyle = "E_t1g36k2w";
+
+export { TableSkeleton };

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

@@ -1,12 +1,12 @@
 import { cx } from '@linaria/core';
-import Loading from '../Loading/index.js';
 import { useTableBodyHasScrollBar } from './common.js';
-import { ColumnTitle, TableLoading } from './TableWidget.js';
-export { EmptyRowMenu, KitTableContext } from './TableWidget.js';
+import { ColumnTitle } from './TableWidget.js';
+export { EmptyRowMenu, KitTableContext, TableLoading } from './TableWidget.js';
 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';
 
 var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
@@ -31,6 +31,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 const TableContainerStyle = "E_tc97u5y";
 const tableStyleCover = "E_tfzf37v";
 const Table = props => {
+  var _a;
   const {
     loading = false,
     error,
@@ -45,11 +46,13 @@ const Table = props => {
     rowSelection,
     empty,
     tableLayout = "fixed",
-    initLoading,
+    // FIXME Should be removed at 0.30.x
+    initLoading = false,
     rowKey,
     wrapper,
     pagination,
-    onRow
+    onRow,
+    skeletonProps
   } = props;
   const orderRef = useRef(null);
   const hasScrollBard = useTableBodyHasScrollBar(wrapper, _dataSource);
@@ -67,7 +70,10 @@ const Table = props => {
     return _column;
   }), [columns]);
   const dataSource = useMemo(() => {
-    if (!isNil(error) || loading) {
+    if (loading) {
+      return _dataSource;
+    }
+    if (!isNil(error)) {
       return [];
     }
     return _dataSource != null ? _dataSource : [];
@@ -84,11 +90,13 @@ 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", initLoading && "table-init-loading", rowSelection && "has-selection"),
+    className: cs(tableStyleCover, !(dataSource == null ? void 0 : dataSource.length) && "empty-table", rowSelection && "has-selection"),
     bordered,
     loading: {
-      spinning: loading,
-      indicator: initLoading ? /* @__PURE__ */React__default.createElement(TableLoading, null) : /* @__PURE__ */React__default.createElement(Loading, null)
+      spinning: loading || initLoading,
+      indicator: /* @__PURE__ */React__default.createElement(TableSkeleton, __spreadValues({
+        scrollY: !!((_a = props.scroll) == null ? void 0 : _a.y)
+      }, skeletonProps))
     },
     locale: {
       emptyText
@@ -119,4 +127,4 @@ const Table = props => {
 };
 var Table$1 = Table;
 
-export { ColumnTitle, TableLoading, Table$1 as default, tableStyleCover, useTableBodyHasScrollBar };
+export { ColumnTitle, TableSkeleton, Table$1 as default, tableStyleCover, useTableBodyHasScrollBar };

package/dist/esm/index.js

@@ -97,6 +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 { ColumnTitle, EmptyRowMenu, KitTableContext, TableLoading } from './core/Table/TableWidget.js';
 export { ValidateTriggerType } from './core/TableForm/types.js';
 export { Typo } from './core/Typo/index.js';