@voplus/morpho-document 1.4.100 → 1.4.102

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/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;
-}) => 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

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

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

@@ -1,30 +1,30 @@
-import "./index.less";
-import { DocumentHeaderProps } from "@voplus/morpho-document-core";
-import { ReactNode } from "react";
-export declare type ToolBarProps = {
-    /** toolBar Delete 操作是否关闭Aside */
-    closeAside?: boolean;
-    /** 打开新tab页 */
-    onOpen?: () => void;
-};
-declare const DocumentHeader: {
-    (props: DocumentHeaderProps & {
-        toolBarProps?: ToolBarProps;
-        status?: ReactNode;
-    }): JSX.Element;
-    defaultProps: {
-        clickNameEffect: string;
-        preVisible: boolean;
-        tagsVisible: boolean;
-        flagVisible: boolean;
-        size: string;
-        quickDataBarAlign: string;
-        quickVisible: boolean;
-        statusVisible: boolean;
-        skeletonVisible: boolean;
-        quickDataBarVisible: boolean;
-        toolsVisible: boolean;
-        descriptionVisible: boolean;
-    };
-};
-export default DocumentHeader;
+import "./index.less";
+import { DocumentHeaderProps } from "@voplus/morpho-document-core";
+import { ReactNode } from "react";
+export declare type ToolBarProps = {
+    /** toolBar Delete 操作是否关闭Aside */
+    closeAside?: boolean;
+    /** 打开新tab页 */
+    onOpen?: () => void;
+};
+declare const DocumentHeader: {
+    (props: DocumentHeaderProps & {
+        toolBarProps?: ToolBarProps;
+        status?: ReactNode;
+    }): JSX.Element;
+    defaultProps: {
+        clickNameEffect: string;
+        preVisible: boolean;
+        tagsVisible: boolean;
+        flagVisible: boolean;
+        size: string;
+        quickDataBarAlign: string;
+        quickVisible: boolean;
+        statusVisible: boolean;
+        skeletonVisible: boolean;
+        quickDataBarVisible: boolean;
+        toolsVisible: boolean;
+        descriptionVisible: boolean;
+    };
+};
+export default DocumentHeader;