@voplus/morpho-document 5.0.17 → 5.0.18

package/es/components/DocumentCard/index.less

@@ -1,116 +1,116 @@
-@import "~@voplus/morpho-theme/styles/index.less";
-
-.document-card {
-	// margin-bottom: 15px;
-	background: #ffffff;
-	cursor: pointer;
-	border-radius: 3px;
-	border: 1px solid rgba(0, 0, 0, 0.075);
-	:global {
-		.document-header-default {
-			padding: unset;
-			margin-bottom: 0.5rem;
-			.flag-icon {
-				margin-left: unset;
-			}
-		}
-		.document-card-control {
-			display: flex;
-			align-items: center;
-			font-size: 13px;
-			color: #666;
-			line-height: 24px;
-			& > span {
-				display: flex;
-				align-items: center;
-			}
-			& > span + span {
-				margin-left: 8px;
-			}
-			> span:hover {
-				color: @primary-color;
-			}
-			.document-icon-move {
-				&:hover {
-					color: #666;
-				}
-				.svg-inline--fa {
-					margin-right: 0;
-				}
-			}
-			.svg-inline--fa {
-				margin-right: 5px;
-			}
-		}
-		.document-card-label {
-			height: 24px;
-			margin-top: 4px;
-			.item {
-				display: inline-block;
-				font-size: 13px;
-				height: 22px;
-				line-height: 20px;
-				padding: 0 11px 0 8px;
-				color: #a50909;
-				background: #fbc7c8;
-				border-top-right-radius: 11px;
-				border-bottom-right-radius: 11px;
-				border-top-left-radius: 2px;
-				border-bottom-left-radius: 2px;
-				margin-right: 10px;
-				&.project {
-					color: #5d0303;
-					background: #d6bdbd;
-				}
-				.close {
-					float: right;
-					margin-left: 4px;
-					margin-top: 1px;
-					font-size: 10px;
-				}
-				.svg-inline--fa {
-					transform: scale(0.7, 0.9);
-				}
-			}
-		}
-		.hover-operate-icon {
-			opacity: 0;
-			height: 0;
-			transition: height 0.3s, opacity 0.4s ease-out;
-			&.show {
-				height: auto;
-				opacity: 1;
-			}
-			.ant-dropdown-trigger {
-				float: right;
-			}
-			.ant-btn {
-				margin: 0 8px 0 0;
-			}
-			.ant-btn + .ant-btn {
-				margin-left: 0;
-			}
-		}
-		.document-card-editable-name {
-			display: flex;
-			justify-content: flex-end;
-			.ant-btn {
-				margin-left: 8px;
-			}
-		}
-		.document-card-item {
-			.document-icon-move {
-				opacity: 0;
-				cursor: move;
-				font-size: 16px;
-			}
-			&:hover .document-icon-move,
-			.document-icon-move.show {
-				opacity: 1;
-			}
-			&.opacity {
-				opacity: 0.5;
-			}
-		}
-	}
-}
+@import "~@voplus/antd/es/style/themes/index.less";
+
+.document-card {
+	// margin-bottom: 15px;
+	background: #ffffff;
+	cursor: pointer;
+	border-radius: 3px;
+	border: 1px solid rgba(0, 0, 0, 0.075);
+	:global {
+		.document-header-default {
+			padding: unset;
+			margin-bottom: 0.5rem;
+			.flag-icon {
+				margin-left: unset;
+			}
+		}
+		.document-card-control {
+			display: flex;
+			align-items: center;
+			font-size: 13px;
+			color: #666;
+			line-height: 24px;
+			& > span {
+				display: flex;
+				align-items: center;
+			}
+			& > span + span {
+				margin-left: 8px;
+			}
+			> span:hover {
+				color: @primary-color;
+			}
+			.document-icon-move {
+				&:hover {
+					color: #666;
+				}
+				.svg-inline--fa {
+					margin-right: 0;
+				}
+			}
+			.svg-inline--fa {
+				margin-right: 5px;
+			}
+		}
+		.document-card-label {
+			height: 24px;
+			margin-top: 4px;
+			.item {
+				display: inline-block;
+				font-size: 13px;
+				height: 22px;
+				line-height: 20px;
+				padding: 0 11px 0 8px;
+				color: #a50909;
+				background: #fbc7c8;
+				border-top-right-radius: 11px;
+				border-bottom-right-radius: 11px;
+				border-top-left-radius: 2px;
+				border-bottom-left-radius: 2px;
+				margin-right: 10px;
+				&.project {
+					color: #5d0303;
+					background: #d6bdbd;
+				}
+				.close {
+					float: right;
+					margin-left: 4px;
+					margin-top: 1px;
+					font-size: 10px;
+				}
+				.svg-inline--fa {
+					transform: scale(0.7, 0.9);
+				}
+			}
+		}
+		.hover-operate-icon {
+			opacity: 0;
+			height: 0;
+			transition: height 0.3s, opacity 0.4s ease-out;
+			&.show {
+				height: auto;
+				opacity: 1;
+			}
+			.ant-dropdown-trigger {
+				float: right;
+			}
+			.ant-btn {
+				margin: 0 8px 0 0;
+			}
+			.ant-btn + .ant-btn {
+				margin-left: 0;
+			}
+		}
+		.document-card-editable-name {
+			display: flex;
+			justify-content: flex-end;
+			.ant-btn {
+				margin-left: 8px;
+			}
+		}
+		.document-card-item {
+			.document-icon-move {
+				opacity: 0;
+				cursor: move;
+				font-size: 16px;
+			}
+			&:hover .document-icon-move,
+			.document-icon-move.show {
+				opacity: 1;
+			}
+			&.opacity {
+				opacity: 0.5;
+			}
+		}
+	}
+}

package/es/components/DocumentCard/state.d.ts

@@ -1,16 +1,16 @@
-import { DocumentStore, IDocument } from "@voplus/morpho-document-core";
-export declare class State {
-    private store;
-    document: IDocument;
-    id: string;
-    name: string;
-    editable: boolean;
-    loading: boolean;
-    isHover: boolean;
-    reload: boolean;
-    constructor(store: DocumentStore);
-    get hasChanges(): boolean | undefined;
-    update(document: IDocument): void;
-    save: () => Promise<void>;
-    onEdit: () => void;
-}
+import { DocumentStore, IDocument } from "@voplus/morpho-document-core";
+export declare class State {
+    private store;
+    document: IDocument;
+    id: string;
+    name: string;
+    editable: boolean;
+    loading: boolean;
+    isHover: boolean;
+    reload: boolean;
+    constructor(store: DocumentStore);
+    get hasChanges(): boolean | undefined;
+    update(document: IDocument): void;
+    save: () => Promise<void>;
+    onEdit: () => void;
+}

package/es/components/DocumentCard/state.js

@@ -1,124 +1,124 @@
-import { __decorate } from "tslib";
-import { action, computed, makeObservable, observable } from "mobx";
-import { isEqual } from "lodash-es";
-export class State {
-    constructor(store) {
-        Object.defineProperty(this, "store", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: store
-        });
-        Object.defineProperty(this, "document", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "id", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: ""
-        });
-        Object.defineProperty(this, "name", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: ""
-        });
-        Object.defineProperty(this, "editable", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: false
-        });
-        Object.defineProperty(this, "loading", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: false
-        });
-        Object.defineProperty(this, "isHover", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: false
-        });
-        Object.defineProperty(this, "reload", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: false
-        });
-        Object.defineProperty(this, "save", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: async () => {
-                this.loading = true;
-                await this.store.edit(this.document.id, { data: { Name: this.name }, error: "message" });
-                this.loading = false;
-                this.editable = false;
-            }
-        });
-        Object.defineProperty(this, "onEdit", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: () => {
-                this.name = this.document.name;
-                this.isHover = false;
-                this.editable = !this.editable;
-            }
-        });
-        makeObservable(this);
-    }
-    get hasChanges() {
-        if (!this.name)
-            return;
-        const { name } = this.document;
-        const originalData = { name };
-        const modifiedData = {
-            name: this.name.trim(),
-        };
-        return !isEqual(originalData, modifiedData);
-    }
-    update(document) {
-        this.document = document;
-    }
-}
-__decorate([
-    observable
-], State.prototype, "document", void 0);
-__decorate([
-    observable
-], State.prototype, "id", void 0);
-__decorate([
-    observable
-], State.prototype, "name", void 0);
-__decorate([
-    observable
-], State.prototype, "editable", void 0);
-__decorate([
-    observable
-], State.prototype, "loading", void 0);
-__decorate([
-    observable
-], State.prototype, "isHover", void 0);
-__decorate([
-    observable
-], State.prototype, "reload", void 0);
-__decorate([
-    computed
-], State.prototype, "hasChanges", null);
-__decorate([
-    action
-], State.prototype, "update", null);
-__decorate([
-    action
-], State.prototype, "save", void 0);
-__decorate([
-    action
-], State.prototype, "onEdit", void 0);
+import { __decorate } from "tslib";
+import { action, computed, makeObservable, observable } from "mobx";
+import { isEqual } from "lodash-es";
+export class State {
+    constructor(store) {
+        Object.defineProperty(this, "store", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: store
+        });
+        Object.defineProperty(this, "document", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "id", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: ""
+        });
+        Object.defineProperty(this, "name", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: ""
+        });
+        Object.defineProperty(this, "editable", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: false
+        });
+        Object.defineProperty(this, "loading", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: false
+        });
+        Object.defineProperty(this, "isHover", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: false
+        });
+        Object.defineProperty(this, "reload", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: false
+        });
+        Object.defineProperty(this, "save", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: async () => {
+                this.loading = true;
+                await this.store.edit(this.document.id, { data: { Name: this.name }, error: "message" });
+                this.loading = false;
+                this.editable = false;
+            }
+        });
+        Object.defineProperty(this, "onEdit", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: () => {
+                this.name = this.document.name;
+                this.isHover = false;
+                this.editable = !this.editable;
+            }
+        });
+        makeObservable(this);
+    }
+    get hasChanges() {
+        if (!this.name)
+            return;
+        const { name } = this.document;
+        const originalData = { name };
+        const modifiedData = {
+            name: this.name.trim(),
+        };
+        return !isEqual(originalData, modifiedData);
+    }
+    update(document) {
+        this.document = document;
+    }
+}
+__decorate([
+    observable
+], State.prototype, "document", void 0);
+__decorate([
+    observable
+], State.prototype, "id", void 0);
+__decorate([
+    observable
+], State.prototype, "name", void 0);
+__decorate([
+    observable
+], State.prototype, "editable", void 0);
+__decorate([
+    observable
+], State.prototype, "loading", void 0);
+__decorate([
+    observable
+], State.prototype, "isHover", void 0);
+__decorate([
+    observable
+], State.prototype, "reload", void 0);
+__decorate([
+    computed
+], State.prototype, "hasChanges", null);
+__decorate([
+    action
+], State.prototype, "update", null);
+__decorate([
+    action
+], State.prototype, "save", void 0);
+__decorate([
+    action
+], State.prototype, "onEdit", void 0);
 //# sourceMappingURL=state.js.map

package/es/components/DocumentCard/state.js.map

@@ -1 +1 @@
-{"version":3,"file":"state.js","sourceRoot":"","sources":["../../../src/components/DocumentCard/state.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAEpE,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEpC,MAAM,OAAO,KAAK;IASjB,YAA2B,KAAoB;QAA5B;;;;mBAAQ,KAAK;WAAe;QAR5B;;;;;WAAoB;QACpB;;;;mBAAK,EAAE;WAAC;QACR;;;;mBAAO,EAAE;WAAC;QACV;;;;mBAAW,KAAK;WAAC;QACjB;;;;mBAAU,KAAK;WAAC;QAChB;;;;mBAAU,KAAK;WAAC;QAChB;;;;mBAAS,KAAK;WAAC;QAuB3B;;;;mBAAO,KAAK,IAAI,EAAE;gBACxB,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;gBACpB,MAAM,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC;gBACzF,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;gBACrB,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;YACvB,CAAC;WAAC;QAGK;;;;mBAAS,GAAG,EAAE;gBACpB,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC;gBAC/B,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;gBACrB,IAAI,CAAC,QAAQ,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC;YAChC,CAAC;WAAC;QAhCD,cAAc,CAAC,IAAI,CAAC,CAAC;IACtB,CAAC;IAGD,IAAW,UAAU;QACpB,IAAI,CAAC,IAAI,CAAC,IAAI;YAAE,OAAO;QACvB,MAAM,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC,QAAQ,CAAC;QAC/B,MAAM,YAAY,GAAG,EAAE,IAAI,EAAE,CAAC;QAC9B,MAAM,YAAY,GAAG;YACpB,IAAI,EAAE,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE;SACtB,CAAC;QACF,OAAO,CAAC,OAAO,CAAC,YAAY,EAAE,YAAY,CAAC,CAAC;IAC7C,CAAC;IAGM,MAAM,CAAC,QAAmB;QAChC,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;IAC1B,CAAC;CAgBD;AA1CmB;IAAlB,UAAU;uCAA4B;AACpB;IAAlB,UAAU;iCAAgB;AACR;IAAlB,UAAU;mCAAkB;AACV;IAAlB,UAAU;uCAAyB;AACjB;IAAlB,UAAU;sCAAwB;AAChB;IAAlB,UAAU;sCAAwB;AAChB;IAAlB,UAAU;qCAAuB;AAOlC;IADC,QAAQ;uCASR;AAGM;IADN,MAAM;mCAGN;AAGM;IADN,MAAM;mCAML;AAGK;IADN,MAAM;qCAKL"}
+{"version":3,"file":"state.js","sourceRoot":"","sources":["../../../src/components/DocumentCard/state.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAEpE,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEpC,MAAM,OAAO,KAAK;IASjB,YAA2B,KAAoB;;;;;mBAApB;;QARf;;;;;WAA2B;QAC3B;;;;mBAAY,EAAE;WAAC;QACf;;;;mBAAc,EAAE;WAAC;QACjB;;;;mBAAkB,KAAK;WAAC;QACxB;;;;mBAAiB,KAAK;WAAC;QACvB;;;;mBAAiB,KAAK;WAAC;QACvB;;;;mBAAgB,KAAK;WAAC;QAuBlC;;;;mBAAc,KAAK,IAAI,EAAE;gBACxB,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;gBACpB,MAAM,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC;gBACzF,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;gBACrB,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;YACvB,CAAC;WAAC;QAGF;;;;mBAAgB,GAAG,EAAE;gBACpB,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC;gBAC/B,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;gBACrB,IAAI,CAAC,QAAQ,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC;YAChC,CAAC;WAAC;QAhCD,cAAc,CAAC,IAAI,CAAC,CAAC;IACtB,CAAC;IAGD,IAAW,UAAU;QACpB,IAAI,CAAC,IAAI,CAAC,IAAI;YAAE,OAAO;QACvB,MAAM,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC,QAAQ,CAAC;QAC/B,MAAM,YAAY,GAAG,EAAE,IAAI,EAAE,CAAC;QAC9B,MAAM,YAAY,GAAG;YACpB,IAAI,EAAE,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE;SACtB,CAAC;QACF,OAAO,CAAC,OAAO,CAAC,YAAY,EAAE,YAAY,CAAC,CAAC;IAC7C,CAAC;IAGM,MAAM,CAAC,QAAmB;QAChC,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;IAC1B,CAAC;CAgBD;AA1CY;IAAX,UAAU;uCAA4B;AAC3B;IAAX,UAAU;iCAAgB;AACf;IAAX,UAAU;mCAAkB;AACjB;IAAX,UAAU;uCAAyB;AACxB;IAAX,UAAU;sCAAwB;AACvB;IAAX,UAAU;sCAAwB;AACvB;IAAX,UAAU;qCAAuB;AAOlC;IADC,QAAQ;uCASR;AAGD;IADC,MAAM;mCAGN;AAGD;IADC,MAAM;mCAML;AAGF;IADC,MAAM;qCAKL"}

package/es/components/DocumentCardList/index.d.ts

@@ -1,11 +1,11 @@
-import { DocumentCardProps } from "@voplus/morpho-document-core";
-import React from "react";
-/** A document list view shows document in card style. */
-declare const DocumentCardList: (props: {
-    id: string;
-    /** Mouse double click on card */
-    onCardDoubleClick?: ((id: string, ev: React.MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined;
-    /** Optional custom props for default card */
-    cardProps?: Partial<DocumentCardProps> | undefined;
-}) => React.JSX.Element;
-export default DocumentCardList;
+import { DocumentCardProps } from "@voplus/morpho-document-core";
+import React from "react";
+/** A document list view shows document in card style. */
+declare const DocumentCardList: (props: {
+    id: string;
+    /** Mouse double click on card */
+    onCardDoubleClick?: ((id: string, ev: React.MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined;
+    /** Optional custom props for default card */
+    cardProps?: Partial<DocumentCardProps> | undefined;
+}) => JSX.Element;
+export default DocumentCardList;

package/es/components/DocumentCardList/index.js

@@ -1,36 +1,36 @@
-import { useAutoUpdateListData, useDocumentListEffect, } from "@voplus/morpho-document-core";
-import { ListDataContext, useCreateListDataState } from "@voplus/morpho-ui/es/data";
-import DocumentCard from "../DocumentCard";
-import InfiniteScrollView from "@voplus/morpho-ui/es/controls/InfiniteScrollView";
-import React from "react";
-import { observe } from "@voplus/morpho-ui";
-import styles from "./index.less";
-import { useRenderOnChange } from "@voplus/morpho-ui";
-/** A document list view shows document in card style. */
-const DocumentCardList = (props) => {
-    /** 建立 ListView 和useDocumentListEffect所需的ListDataState. 会根据state.id重建所以不需reset. */
-    const list = useCreateListDataState({
-        filterDefaults: {
-            includes: "tags",
-            filters: [{ c: "ParentNodeId", o: "=", l: "And", v1: props.id }],
-        },
-    }, [props.id]);
-    /** 如果 list.filters.options变更了就重渲染，使下一行的useDocumentListEffect 可以接收新参数*/
-    useRenderOnChange(() => list.filters.options);
-    /** 把ListDataState传给useDocumentListEffect,使之可以自動更新loading, hasmore. */
-    useDocumentListEffect(list, (result) => list.union(result), list.filters.options);
-    /** useOnNewDocument, useOnDeleteDocument的sugar syntax 自動更新list. */
-    useAutoUpdateListData(list, (d) => d.parentId === props.id);
-    return observe(() => (React.createElement(ListDataContext.Provider, { value: list },
-        React.createElement(InfiniteScrollView, { empty: list.isEmpty, loading: list.loading, hasMore: list.hasMore, loadMore: loadMore },
-            React.createElement("div", { className: styles["document-card-list"] }, list.data.map((i) => (React.createElement(DocumentCard, { id: i.id, key: i.id, ...props.cardProps, onDoubleClick: (ev) => doubleClickHandler(i.id, ev) }))))))));
-    function doubleClickHandler(id, ev) {
-        if (props.onCardDoubleClick)
-            props.onCardDoubleClick(id, ev);
-    }
-    function loadMore() {
-        list.triggerNextPage();
-    }
-};
-export default DocumentCardList;
+import { useAutoUpdateListData, useDocumentListEffect, } from "@voplus/morpho-document-core";
+import { ListDataContext, useCreateListDataState } from "@voplus/morpho-ui/es/data";
+import DocumentCard from "../DocumentCard";
+import InfiniteScrollView from "@voplus/morpho-ui/es/controls/InfiniteScrollView";
+import React from "react";
+import { observe } from "@voplus/morpho-ui";
+import styles from "./index.less";
+import { useRenderOnChange } from "@voplus/morpho-ui";
+/** A document list view shows document in card style. */
+const DocumentCardList = (props) => {
+    /** 建立 ListView 和useDocumentListEffect所需的ListDataState. 会根据state.id重建所以不需reset. */
+    const list = useCreateListDataState({
+        filterDefaults: {
+            includes: "tags",
+            filters: [{ c: "ParentNodeId", o: "=", l: "And", v1: props.id }],
+        },
+    }, [props.id]);
+    /** 如果 list.filters.options变更了就重渲染，使下一行的useDocumentListEffect 可以接收新参数*/
+    useRenderOnChange(() => list.filters.options);
+    /** 把ListDataState传给useDocumentListEffect,使之可以自動更新loading, hasmore. */
+    useDocumentListEffect(list, (result) => list.union(result), list.filters.options);
+    /** useOnNewDocument, useOnDeleteDocument的sugar syntax 自動更新list. */
+    useAutoUpdateListData(list, (d) => d.parentId === props.id);
+    return observe(() => (React.createElement(ListDataContext.Provider, { value: list },
+        React.createElement(InfiniteScrollView, { empty: list.isEmpty, loading: list.loading, hasMore: list.hasMore, loadMore: loadMore },
+            React.createElement("div", { className: styles["document-card-list"] }, list.data.map((i) => (React.createElement(DocumentCard, { id: i.id, key: i.id, ...props.cardProps, onDoubleClick: (ev) => doubleClickHandler(i.id, ev) }))))))));
+    function doubleClickHandler(id, ev) {
+        if (props.onCardDoubleClick)
+            props.onCardDoubleClick(id, ev);
+    }
+    function loadMore() {
+        list.triggerNextPage();
+    }
+};
+export default DocumentCardList;
 //# sourceMappingURL=index.js.map

package/es/components/DocumentCardList/index.less

@@ -1,9 +1,9 @@
-.document-card-list {
-	display: flex;
-	flex-wrap: wrap;
-	margin: 0.5rem;
-	> div {
-		width: 20rem;
-		margin: 0.5rem;
-	}
-}
+.document-card-list {
+	display: flex;
+	flex-wrap: wrap;
+	margin: 0.5rem;
+	> div {
+		width: 20rem;
+		margin: 0.5rem;
+	}
+}