@cloudtower/eagle 0.29.5 → 0.29.7

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

@@ -0,0 +1,63 @@
+'use strict';
+
+var React = require('react');
+var useElementsSize = require('../../hooks/useElementsSize.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+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.default.createElement("div", {
+    className: `${TableLoadingStyle} table-loading`
+  }, /* @__PURE__ */React__default.default.createElement("div", {
+    className: "table-loading-header table-loading-item",
+    style: {
+      height: headerHeight
+    }
+  }, /* @__PURE__ */React__default.default.createElement("div", {
+    className: "checkbox-loading"
+  }), /* @__PURE__ */React__default.default.createElement("div", {
+    className: "td-loading"
+  }), /* @__PURE__ */React__default.default.createElement("div", {
+    className: "td-loading"
+  }), /* @__PURE__ */React__default.default.createElement("div", {
+    className: "td-loading"
+  })), rows.map(i => /* @__PURE__ */React__default.default.createElement("div", {
+    key: i,
+    className: "table-loading-item",
+    style: {
+      height: itemHeight
+    }
+  }, /* @__PURE__ */React__default.default.createElement("div", {
+    className: "checkbox-loading"
+  }), /* @__PURE__ */React__default.default.createElement("div", {
+    className: "td-loading"
+  }), /* @__PURE__ */React__default.default.createElement("div", {
+    className: "td-loading"
+  }), /* @__PURE__ */React__default.default.createElement("div", {
+    className: "td-loading"
+  }))));
+};
+const TableLoadingStyle = "E_t1g36k2w";
+
+exports.TableSkeleton = TableSkeleton;

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

@@ -3,13 +3,13 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var core = require('@linaria/core');
-var index = require('../Loading/index.js');
 var common = require('./common.js');
 var TableWidget = require('./TableWidget.js');
 var antd = require('antd');
 var cs = require('classnames');
 var _ = require('lodash');
 var React = require('react');
+var TableSkeleton = require('./TableSkeleton.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
@@ -39,6 +39,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,
@@ -53,11 +54,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 = React.useRef(null);
   const hasScrollBard = common.useTableBodyHasScrollBar(wrapper, _dataSource);
@@ -75,7 +78,10 @@ const Table = props => {
     return _column;
   }), [columns]);
   const dataSource = React.useMemo(() => {
-    if (!_.isNil(error) || loading) {
+    if (loading) {
+      return _dataSource;
+    }
+    if (!_.isNil(error)) {
       return [];
     }
     return _dataSource != null ? _dataSource : [];
@@ -92,11 +98,13 @@ 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) && "empty-table", rowSelection && "has-selection"),
     bordered,
     loading: {
-      spinning: loading,
-      indicator: initLoading ? /* @__PURE__ */React__default.default.createElement(TableWidget.TableLoading, null) : /* @__PURE__ */React__default.default.createElement(index, null)
+      spinning: loading || initLoading,
+      indicator: /* @__PURE__ */React__default.default.createElement(TableSkeleton.TableSkeleton, __spreadValues({
+        scrollY: !!((_a = props.scroll) == null ? void 0 : _a.y)
+      }, skeletonProps))
     },
     locale: {
       emptyText
@@ -132,5 +140,6 @@ exports.ColumnTitle = TableWidget.ColumnTitle;
 exports.EmptyRowMenu = TableWidget.EmptyRowMenu;
 exports.KitTableContext = TableWidget.KitTableContext;
 exports.TableLoading = TableWidget.TableLoading;
+exports.TableSkeleton = TableSkeleton.TableSkeleton;
 exports.default = Table$1;
 exports.tableStyleCover = tableStyleCover;

package/dist/cjs/index.js

@@ -99,6 +99,7 @@ var SidebarMenu = require('./core/SidebarMenu/SidebarMenu.js');
 var index$19 = require('./core/StepProgress/index.js');
 var index$1a = require('./core/Styled/index.js');
 var common = require('./core/Table/common.js');
+var TableSkeleton = require('./core/Table/TableSkeleton.js');
 var TableWidget = require('./core/Table/TableWidget.js');
 var types = require('./core/TableForm/types.js');
 var index$1b = require('./core/Typo/index.js');
@@ -469,6 +470,7 @@ exports.WarningAlert = index$1a.WarningAlert;
 exports.WizardBody = index$1a.WizardBody;
 exports.radioStyle = index$1a.radioStyle;
 exports.useTableBodyHasScrollBar = common.useTableBodyHasScrollBar;
+exports.TableSkeleton = TableSkeleton.TableSkeleton;
 exports.ColumnTitle = TableWidget.ColumnTitle;
 exports.EmptyRowMenu = TableWidget.EmptyRowMenu;
 exports.KitTableContext = TableWidget.KitTableContext;