@seafile/seafile-database 0.0.41 → 0.0.42

package/dist/api/api.js

@@ -174,7 +174,9 @@ class SeafileAPI {
       file_view_id: fileViewId
     } = params;
     const url = this.server + '/api/v2.1/wiki2/' + wikiId + '/file-view/' + fileViewId + '/records';
-    return this.req.get(url);
+    return this.req.get(url, {
+      params
+    });
   }
   getView(view_data) {
     const {

package/dist/constants/view/table.js

@@ -64,7 +64,7 @@ const OVER_SCAN_COLUMNS = exports.OVER_SCAN_COLUMNS = 10;
 const DELETED_OPTION_BACKGROUND_COLOR = exports.DELETED_OPTION_BACKGROUND_COLOR = '#eaeaea';
 const DELETED_OPTION_TIPS = exports.DELETED_OPTION_TIPS = _translate.default.gettext('Deleted option');
 const SUPPORT_BATCH_DOWNLOAD_TYPES = exports.SUPPORT_BATCH_DOWNLOAD_TYPES = [];
-const PER_LOAD_NUMBER = exports.PER_LOAD_NUMBER = 1000;
+const PER_LOAD_NUMBER = exports.PER_LOAD_NUMBER = 100;
 const DEFAULT_RETRY_TIMES = exports.DEFAULT_RETRY_TIMES = 4;
 const DEFAULT_RETRY_INTERVAL = exports.DEFAULT_RETRY_INTERVAL = 1000;
 const MAX_LOAD_NUMBER = exports.MAX_LOAD_NUMBER = 10000;

package/dist/store/index.js

@@ -231,7 +231,7 @@ class Store {
       start: this.startIndex,
       limit
     });
-    let rows = (res === null || res === void 0 ? void 0 : (_res$data3 = res.data) === null || _res$data3 === void 0 ? void 0 : _res$data3.rows) || [];
+    let rows = (res === null || res === void 0 ? void 0 : (_res$data3 = res.data) === null || _res$data3 === void 0 ? void 0 : _res$data3.results) || [];
     if (!Array.isArray(rows) || rows.length === 0) {
       this.hasMore = false;
       return;

package/dist/views/card/card-footer/index.css

@@ -0,0 +1,56 @@
+.sea-metadata-card-footer {
+  position: relative;
+  height: 32px;
+  width: 100%;
+  overflow: hidden;
+  line-height: 32px;
+  background: var(--bs-body-bg);
+  border-top: 1px solid var(--bs-border-secondary-color);
+  border-bottom: 1px solid var(--bs-border-secondary-color);
+  display: flex;
+  flex-shrink: 0;
+}
+
+.sea-metadata-card-footer.at-border {
+  border-bottom: none;
+}
+
+.sea-metadata-card-footer .rows-row {
+  width: 80px;
+  padding-left: 8px;
+}
+
+.load-all-tip {
+  display: flex;
+  align-items: center;
+}
+
+.load-all-tip .load-all,
+.sea-metadata-card-footer .load-all {
+  height: 16px;
+  line-height: 16px;
+  color: #666;
+  cursor: pointer;
+  border-bottom: 1px solid #666;
+}
+
+.sea-metadata-card-footer .load-all {
+  margin: auto;
+}
+
+.load-all-tip .load-all:hover,
+.sea-metadata-card-footer .load-all:hover {
+  color: var(--bs-body-color);
+  border-bottom: 1px solid #212529;
+}
+
+.sea-metadata-card-footer .loading-message {
+  display: inline-flex;
+  align-items: center;
+  color: #666;
+}
+
+.sea-metadata-card-footer .loading-message .loading-icon {
+  width: 16px;
+  height: 16px;
+}

package/dist/views/card/card-footer/index.js

@@ -0,0 +1,69 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
+var _react = _interopRequireDefault(require("react"));
+var _loading = _interopRequireDefault(require("../../../common/components/loading"));
+var _constants = require("../../../constants");
+var _translate = _interopRequireDefault(require("../../../lang/translate"));
+require("./index.css");
+class CardFooter extends _react.default.Component {
+  constructor() {
+    super(...arguments);
+    (0, _defineProperty2.default)(this, "ref", null);
+    (0, _defineProperty2.default)(this, "onClick", () => {
+      if (this.props.isLoadingMore) {
+        return;
+      }
+      this.props.loadMore();
+    });
+    (0, _defineProperty2.default)(this, "getRow", () => {
+      const {
+        hasMore,
+        rowsCount
+      } = this.props;
+      let rowsCountText;
+      if (rowsCount > 1) {
+        rowsCountText = _translate.default.gettext('{count} rows').replace('{count}', rowsCount);
+      } else {
+        rowsCountText = _translate.default.gettext('{count} row').replace('{count}', rowsCount);
+      }
+      if (hasMore) {
+        rowsCountText += ' +';
+      }
+      return rowsCountText;
+    });
+  }
+  render() {
+    const {
+      hasMore,
+      isLoadingMore
+    } = this.props;
+    if (!hasMore) {
+      return null;
+    }
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: "sea-metadata-card-footer",
+      style: {
+        zIndex: _constants.seaTableZIndexes.GRID_FOOTER
+      },
+      ref: ref => this.ref = ref
+    }, /*#__PURE__*/_react.default.createElement("div", {
+      className: "rows-row d-flex text-nowrap"
+    }, /*#__PURE__*/_react.default.createElement("span", null, this.getRow()), !isLoadingMore && hasMore && /*#__PURE__*/_react.default.createElement("span", {
+      className: "load-all ml-4",
+      onClick: this.onClick
+    }, _translate.default.gettext('Load more')), isLoadingMore && /*#__PURE__*/_react.default.createElement("span", {
+      className: "loading-message ml-4"
+    }, /*#__PURE__*/_react.default.createElement("span", {
+      className: "mr-2"
+    }, _translate.default.gettext('Loading')), /*#__PURE__*/_react.default.createElement(_loading.default, {
+      className: "sea-metadata-loading-tip center"
+    }))));
+  }
+}
+var _default = exports.default = CardFooter;

package/dist/views/card/index.js

@@ -7,21 +7,39 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
+var _components = require("../../common/components");
+var _utils = require("../../common/utils/utils");
 var _constants = require("../../constants");
 var _hooks = require("../../hooks");
+var _cardFooter = _interopRequireDefault(require("./card-footer"));
 var _cardItems = _interopRequireDefault(require("./card-items"));
-// import Settings from './settings';
-
 const Card = () => {
   const [isShowSettings, setShowSettings] = (0, _react.useState)(false);
   const {
     context
   } = (0, _hooks.useFileViewContext)();
+  const [isLoadingMore, setLoadingMore] = (0, _react.useState)(false);
   const {
+    metadata,
+    store,
     modifyRecord: modifyRecordAPI,
     deleteRecords,
     modifyColumnData
   } = (0, _hooks.useMetadata)();
+  const loadMore = (0, _react.useCallback)(async () => {
+    if (!metadata.hasMore) return;
+    if (isLoadingMore) return;
+    setLoadingMore(true);
+    try {
+      await store.loadMore(_constants.PER_LOAD_NUMBER);
+      setLoadingMore(false);
+    } catch (error) {
+      const errorMsg = _utils.Utils.getErrorMsg(error);
+      _components.toaster.danger(errorMsg);
+      setLoadingMore(false);
+      return;
+    }
+  }, [isLoadingMore, metadata, store]);
   const modifyRecord = (0, _react.useCallback)(function (rowId, updates, oldRowData, originalUpdates, originalOldRowData) {
     let {
       success_callback
@@ -48,7 +66,7 @@ const Card = () => {
     };
   }, [context, isShowSettings]);
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: "sea-metadata-container"
+    className: "sea-metadata-container flex-column"
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: "sea-metadata-view-card flex-fill o-auto position-relative"
   }, /*#__PURE__*/_react.default.createElement(_cardItems.default, {
@@ -56,6 +74,11 @@ const Card = () => {
     deleteRecords: deleteRecords,
     modifyColumnData: modifyColumnData,
     onCloseSettings: closeSettings
-  })));
+  })), /*#__PURE__*/_react.default.createElement(_cardFooter.default, {
+    rowsCount: metadata === null || metadata === void 0 ? void 0 : metadata.rows.length,
+    hasMore: metadata.hasMore,
+    isLoadingMore: isLoadingMore,
+    loadMore: loadMore
+  }));
 };
 var _default = exports.default = Card;

package/dist/views/table/table-main/rows/body.js

@@ -542,7 +542,8 @@ class RowsBody extends _react.Component {
     });
     this.state = {
       startRenderIndex: 0,
-      endRenderIndex: this.getInitEndIndex(_props),
+      // endRenderIndex: this.getInitEndIndex(props),
+      endRenderIndex: this.props.rowsCount,
       activeRows: [],
       selectedPosition: null,
       isScrollingRightScrollbar: false
@@ -568,7 +569,10 @@ class RowsBody extends _react.Component {
       rowIds
     } = nextProps;
     if (rowsCount !== this.props.rowsCount || rowIds !== this.props.rowIds) {
-      this.recalculateRenderIndex(rowIds);
+      // this.recalculateRenderIndex(rowIds);
+      this.setState({
+        endRenderIndex: rowsCount
+      });
     }
   }
   componentWillUnmount() {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seafile/seafile-database",
-  "version": "0.0.41",
+  "version": "0.0.42",
   "private": false,
   "description": "This is a seafile database components",
   "main": "dist/index.js",