@voplus/morpho-document 4.0.3 → 4.0.5

package/es/components/QuickAccessPanel/index.less

@@ -1,20 +1,20 @@
-.element {
-	@apply shadow-sm;
-	display: flex;
-	flex-direction: column;
-	min-height: 100%;
-	height: 100%;
-	width: 100%;
-	// ensure shadow is shown
-	//margin-left: 2px;
-	z-index: 10;
-
-	> header {
-		display: flex;
-		align-items: center;
-		justify-content: space-between;
-
-		padding: 0.3rem;
-		border-bottom: 1px lightgray solid;
-	}
-}
+.element {
+	@apply shadow-sm;
+	display: flex;
+	flex-direction: column;
+	min-height: 100%;
+	height: 100%;
+	width: 100%;
+	// ensure shadow is shown
+	//margin-left: 2px;
+	z-index: 10;
+
+	> header {
+		display: flex;
+		align-items: center;
+		justify-content: space-between;
+
+		padding: 0.3rem;
+		border-bottom: 1px lightgray solid;
+	}
+}

package/es/components/QuickAccessSearch/ObjectItem/index.d.ts

@@ -1,9 +1,9 @@
-/// <reference types="react" />
-import "./index.less";
-declare const ObjectItem: (props: {
-    id: string;
-    type: string;
-    objectType: string;
-    index?: number;
-}) => JSX.Element;
-export default ObjectItem;
+/// <reference types="react" />
+import "./index.less";
+declare const ObjectItem: (props: {
+    id: string;
+    type: string;
+    objectType: string;
+    index?: number;
+}) => JSX.Element;
+export default ObjectItem;

package/es/components/QuickAccessSearch/ObjectItem/index.js

@@ -1,14 +1,14 @@
-import "./index.less";
-import React from "react";
-import DefaultDocumentItem from "../../DocumentItem/DefaultDocumentItem";
-import UnitItem from "@voplus/morpho-org/es/components/UnitItem";
-import { UpLevel } from "../../../controls/ToolBar/buttons";
-import { observe } from "@voplus/morpho-ui";
-const ObjectItem = (props) => {
-    const { id, index, objectType } = { ...props };
-    return observe(() => (React.createElement(React.Fragment, null,
-        objectType === "Document" && (React.createElement(DefaultDocumentItem, { id: id, toolbar: React.createElement(UpLevel, { size: "middle", id: id }) })),
-        objectType === "Unit" && React.createElement(UnitItem, { type: "sub", id: id, index: index }))));
-};
-export default ObjectItem;
+import "./index.less";
+import React from "react";
+import DefaultDocumentItem from "../../DocumentItem/DefaultDocumentItem";
+import UnitItem from "@voplus/morpho-org/es/components/UnitItem";
+import { UpLevel } from "../../../controls/ToolBar/buttons";
+import { observe } from "@voplus/morpho-ui";
+const ObjectItem = (props) => {
+    const { id, index, objectType } = { ...props };
+    return observe(() => (React.createElement(React.Fragment, null,
+        objectType === "Document" && (React.createElement(DefaultDocumentItem, { id: id, toolbar: React.createElement(UpLevel, { size: "middle", id: id }) })),
+        objectType === "Unit" && React.createElement(UnitItem, { type: "sub", id: id, index: index }))));
+};
+export default ObjectItem;
 //# sourceMappingURL=index.js.map

package/es/components/QuickAccessSearch/ObjectItem/index.less

@@ -1,21 +1,21 @@
-:global {
-	.docment-item-name {
-		display: flex;
-		align-items: center;
-		padding: 5px 0;
-		color: #333;
-		font-weight: normal;
-		.file-type {
-			width: 24px;
-			height: 24px;
-			display: flex;
-			justify-content: center;
-			margin-right: 6px;
-		}
-		.file-name {
-			color: #333;
-			font-size: 14px;
-			font-weight: normal;
-		}
-	}
-}
+:global {
+	.docment-item-name {
+		display: flex;
+		align-items: center;
+		padding: 5px 0;
+		color: #333;
+		font-weight: normal;
+		.file-type {
+			width: 24px;
+			height: 24px;
+			display: flex;
+			justify-content: center;
+			margin-right: 6px;
+		}
+		.file-name {
+			color: #333;
+			font-size: 14px;
+			font-weight: normal;
+		}
+	}
+}

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

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-declare const QuickAccessSearch: () => JSX.Element;
-export default QuickAccessSearch;
+/// <reference types="react" />
+declare const QuickAccessSearch: () => JSX.Element;
+export default QuickAccessSearch;

package/es/components/QuickAccessSearch/index.js

@@ -1,37 +1,37 @@
-import { useObjectListEffect } from "@voplus/morpho-document-core";
-import InfiniteScrollView from "@voplus/morpho-ui/es/controls/InfiniteScrollView";
-import ObjectItem from "./ObjectItem";
-import React from "react";
-import { SearchOutlined } from "@ant-design/icons";
-import { State } from "./state";
-import TimeoutInput from "@voplus/morpho-ui/es/controls/TimeoutInput";
-import { observe } from "@voplus/morpho-ui";
-import { runInAction } from "mobx";
-import styles from "./index.less";
-import { useDeepMemo } from "@voplus/morpho-data";
-import { useRenderOnChange } from "@voplus/morpho-ui";
-const QuickAccessSearch = () => {
-    const state = useDeepMemo(() => new State(), []);
-    useRenderOnChange(() => state.filters);
-    useObjectListEffect((list) => {
-        runInAction(() => {
-            for (const item of list) {
-                if (!state.lists.some(({ id }) => id === item.id)) {
-                    state.lists.push(item);
-                }
-            }
-            state.hasMore = list.length === 20;
-            state.loading = false;
-        });
-    }, {
-        Filters: state.filters,
-        Page: { Page: state.page, PageSize: state.filterName ? 20 : 0 },
-    });
-    return observe(() => (React.createElement("div", { className: styles["quick-access-search"] },
-        React.createElement("div", { className: "obj-search" },
-            React.createElement(TimeoutInput, { suffix: React.createElement(SearchOutlined, { style: { color: "lightgray" } }), className: "object-search-input", value: state.keyword, placeholder: "Search...", onChange: (e) => runInAction(() => (state.keyword = e.target.value)), onIdle: state.onIdle })),
-        React.createElement("div", { className: "obj-list" },
-            React.createElement(InfiniteScrollView, { empty: state.lists.length === 0, loading: state.loading, hasMore: state.hasMore, loadMore: () => state.loadData() }, state.lists.map((item, index) => (React.createElement(ObjectItem, { key: item.id, id: item.id, objectType: item.objectType, type: item.type, index: index }))))))));
-};
-export default QuickAccessSearch;
+import { useObjectListEffect } from "@voplus/morpho-document-core";
+import InfiniteScrollView from "@voplus/morpho-ui/es/controls/InfiniteScrollView";
+import ObjectItem from "./ObjectItem";
+import React from "react";
+import { SearchOutlined } from "@ant-design/icons";
+import { State } from "./state";
+import TimeoutInput from "@voplus/morpho-ui/es/controls/TimeoutInput";
+import { observe } from "@voplus/morpho-ui";
+import { runInAction } from "mobx";
+import styles from "./index.less";
+import { useDeepMemo } from "@voplus/morpho-data";
+import { useRenderOnChange } from "@voplus/morpho-ui";
+const QuickAccessSearch = () => {
+    const state = useDeepMemo(() => new State(), []);
+    useRenderOnChange(() => state.filters);
+    useObjectListEffect((list) => {
+        runInAction(() => {
+            for (const item of list) {
+                if (!state.lists.some(({ id }) => id === item.id)) {
+                    state.lists.push(item);
+                }
+            }
+            state.hasMore = list.length === 20;
+            state.loading = false;
+        });
+    }, {
+        Filters: state.filters,
+        Page: { Page: state.page, PageSize: state.filterName ? 20 : 0 },
+    });
+    return observe(() => (React.createElement("div", { className: styles["quick-access-search"] },
+        React.createElement("div", { className: "obj-search" },
+            React.createElement(TimeoutInput, { suffix: React.createElement(SearchOutlined, { style: { color: "lightgray" } }), className: "object-search-input", value: state.keyword, placeholder: "Search...", onChange: (e) => runInAction(() => (state.keyword = e.target.value)), onIdle: state.onIdle })),
+        React.createElement("div", { className: "obj-list" },
+            React.createElement(InfiniteScrollView, { empty: state.lists.length === 0, loading: state.loading, hasMore: state.hasMore, loadMore: () => state.loadData() }, state.lists.map((item, index) => (React.createElement(ObjectItem, { key: item.id, id: item.id, objectType: item.objectType, type: item.type, index: index }))))))));
+};
+export default QuickAccessSearch;
 //# sourceMappingURL=index.js.map

package/es/components/QuickAccessSearch/index.less

@@ -1,23 +1,23 @@
-.quick-access-search {
-	flex: 1;
-
-	background: #fff;
-	//box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
-	display: flex;
-	flex-direction: column;
-	overflow: hidden;
-	:global {
-		.obj-search {
-			padding: 10px 10px 5px 10px;
-		}
-		.obj-list {
-			flex: 1;
-		}
-		.avatar-item {
-			padding: 5px 10px 5px 10px;
-		}
-		.docment-item-name {
-			padding: 5px 10px 5px 10px;
-		}
-	}
-}
+.quick-access-search {
+	flex: 1;
+
+	background: #fff;
+	//box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
+	display: flex;
+	flex-direction: column;
+	overflow: hidden;
+	:global {
+		.obj-search {
+			padding: 10px 10px 5px 10px;
+		}
+		.obj-list {
+			flex: 1;
+		}
+		.avatar-item {
+			padding: 5px 10px 5px 10px;
+		}
+		.docment-item-name {
+			padding: 5px 10px 5px 10px;
+		}
+	}
+}

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

@@ -1,24 +1,24 @@
-import { IObject } from "@voplus/morpho-document-core";
-export declare class State {
-    keyword: string;
-    lists: IObject[];
-    loading: boolean;
-    page: number;
-    /** documentlist filter name */
-    filterName: string;
-    /** timeout input keyword */
-    timeout: any;
-    /** Indicating whether the list is loading new data. */
-    hasMore: boolean;
-    constructor();
-    /** reset */
-    reset(): void;
-    /** load more */
-    loadData(): void;
-    onIdle: (e: any) => void;
-    /**
-     * document filters
-     * @return document filters
-     */
-    get filters(): any[];
-}
+import { IObject } from "@voplus/morpho-document-core";
+export declare class State {
+    keyword: string;
+    lists: IObject[];
+    loading: boolean;
+    page: number;
+    /** documentlist filter name */
+    filterName: string;
+    /** timeout input keyword */
+    timeout: any;
+    /** Indicating whether the list is loading new data. */
+    hasMore: boolean;
+    constructor();
+    /** reset */
+    reset(): void;
+    /** load more */
+    loadData(): void;
+    onIdle: (e: any) => void;
+    /**
+     * document filters
+     * @return document filters
+     */
+    get filters(): any[];
+}

package/es/components/QuickAccessSearch/state.js

@@ -1,119 +1,119 @@
-import { __decorate } from "tslib";
-import { action, computed, makeObservable, observable } from "mobx";
-export class State {
-    constructor() {
-        Object.defineProperty(this, "keyword", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: ""
-        });
-        Object.defineProperty(this, "lists", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: []
-        });
-        Object.defineProperty(this, "loading", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: true
-        });
-        Object.defineProperty(this, "page", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: 1
-        });
-        /** documentlist filter name */
-        Object.defineProperty(this, "filterName", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: ""
-        });
-        /** timeout input keyword */
-        Object.defineProperty(this, "timeout", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: null
-        });
-        /** Indicating whether the list is loading new data. */
-        Object.defineProperty(this, "hasMore", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: true
-        });
-        Object.defineProperty(this, "onIdle", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: (e) => {
-                this.filterName = e;
-                this.reset();
-            }
-        });
-        makeObservable(this);
-    }
-    /** reset */
-    reset() {
-        this.lists = [];
-        this.page = 1;
-        this.loading = true;
-    }
-    /** load more */
-    loadData() {
-        if (this.loading || !this.hasMore)
-            return;
-        this.loading = true;
-        this.page = this.page + 1;
-    }
-    /**
-     * document filters
-     * @return document filters
-     */
-    get filters() {
-        const filters = [];
-        if (this.filterName) {
-            filters.push({ c: "Name", o: "contains", v1: this.filterName, l: "And" });
-        }
-        return filters;
-    }
-}
-__decorate([
-    observable
-], State.prototype, "keyword", void 0);
-__decorate([
-    observable
-], State.prototype, "lists", void 0);
-__decorate([
-    observable
-], State.prototype, "loading", void 0);
-__decorate([
-    observable
-], State.prototype, "page", void 0);
-__decorate([
-    observable
-], State.prototype, "filterName", void 0);
-__decorate([
-    observable
-], State.prototype, "timeout", void 0);
-__decorate([
-    observable
-], State.prototype, "hasMore", void 0);
-__decorate([
-    action
-], State.prototype, "reset", null);
-__decorate([
-    action
-], State.prototype, "loadData", null);
-__decorate([
-    action
-], State.prototype, "onIdle", void 0);
-__decorate([
-    computed
-], State.prototype, "filters", null);
+import { __decorate } from "tslib";
+import { action, computed, makeObservable, observable } from "mobx";
+export class State {
+    constructor() {
+        Object.defineProperty(this, "keyword", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: ""
+        });
+        Object.defineProperty(this, "lists", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: []
+        });
+        Object.defineProperty(this, "loading", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: true
+        });
+        Object.defineProperty(this, "page", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: 1
+        });
+        /** documentlist filter name */
+        Object.defineProperty(this, "filterName", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: ""
+        });
+        /** timeout input keyword */
+        Object.defineProperty(this, "timeout", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: null
+        });
+        /** Indicating whether the list is loading new data. */
+        Object.defineProperty(this, "hasMore", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: true
+        });
+        Object.defineProperty(this, "onIdle", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: (e) => {
+                this.filterName = e;
+                this.reset();
+            }
+        });
+        makeObservable(this);
+    }
+    /** reset */
+    reset() {
+        this.lists = [];
+        this.page = 1;
+        this.loading = true;
+    }
+    /** load more */
+    loadData() {
+        if (this.loading || !this.hasMore)
+            return;
+        this.loading = true;
+        this.page = this.page + 1;
+    }
+    /**
+     * document filters
+     * @return document filters
+     */
+    get filters() {
+        const filters = [];
+        if (this.filterName) {
+            filters.push({ c: "Name", o: "contains", v1: this.filterName, l: "And" });
+        }
+        return filters;
+    }
+}
+__decorate([
+    observable
+], State.prototype, "keyword", void 0);
+__decorate([
+    observable
+], State.prototype, "lists", void 0);
+__decorate([
+    observable
+], State.prototype, "loading", void 0);
+__decorate([
+    observable
+], State.prototype, "page", void 0);
+__decorate([
+    observable
+], State.prototype, "filterName", void 0);
+__decorate([
+    observable
+], State.prototype, "timeout", void 0);
+__decorate([
+    observable
+], State.prototype, "hasMore", void 0);
+__decorate([
+    action
+], State.prototype, "reset", null);
+__decorate([
+    action
+], State.prototype, "loadData", null);
+__decorate([
+    action
+], State.prototype, "onIdle", void 0);
+__decorate([
+    computed
+], State.prototype, "filters", null);
 //# sourceMappingURL=state.js.map

package/es/components/QuickViewDialog/QuickModal.d.ts

@@ -1,9 +1,9 @@
-import { ReactNode } from "react";
-declare const QuickModal: (props: {
-    className?: string;
-    width?: string | number | undefined;
-    visible?: boolean;
-    children?: ReactNode;
-    onCancel?: () => void;
-}) => JSX.Element;
-export default QuickModal;
+import { ReactNode } from "react";
+declare const QuickModal: (props: {
+    className?: string;
+    width?: string | number | undefined;
+    visible?: boolean;
+    children?: ReactNode;
+    onCancel?: () => void;
+}) => JSX.Element;
+export default QuickModal;

package/es/components/QuickViewDialog/QuickModal.js

@@ -1,12 +1,12 @@
-import React from "react";
-import Modal from "@voplus/morpho-ui/es/components/Modal";
-import classNames from "classnames";
-import { observe } from "@voplus/morpho-ui";
-import styles from "./index.less";
-import { useLayout } from "@voplus/morpho-data";
-const QuickModal = (props) => {
-    const layout = useLayout();
-    return observe(() => (React.createElement(React.Fragment, null, layout.ui.mobile ? (props.children) : (React.createElement(Modal, { width: props.width, className: classNames(styles["quickView-modal"], props.className), open: props.visible, destroyOnClose: true, closable: false, footer: null, onCancel: props.onCancel }, props.children)))));
-};
-export default QuickModal;
+import React from "react";
+import Modal from "@voplus/morpho-ui/es/components/Modal";
+import classNames from "classnames";
+import { observe } from "@voplus/morpho-ui";
+import styles from "./index.less";
+import { useLayout } from "@voplus/morpho-data";
+const QuickModal = (props) => {
+    const layout = useLayout();
+    return observe(() => (React.createElement(React.Fragment, null, layout.ui.mobile ? (props.children) : (React.createElement(Modal, { width: props.width, className: classNames(styles["quickView-modal"], props.className), open: props.visible, destroyOnClose: true, closable: false, footer: null, onCancel: props.onCancel }, props.children)))));
+};
+export default QuickModal;
 //# sourceMappingURL=QuickModal.js.map

package/es/components/QuickViewDialog/QuickSubTab/index.d.ts

@@ -1,29 +1,29 @@
-import { ReactNode } from "react";
-export declare type QuickViewProps = {
-    type?: string;
-    shape?: boolean;
-    isLinks?: boolean;
-    isProperties?: boolean;
-    isRelatedWorks?: boolean;
-    showSubTab?: (params?: any) => void;
-};
-declare const QuickSubTab: {
-    (props: QuickViewProps): JSX.Element;
-    defaultProps: {
-        shape: boolean;
-        isLinks: boolean;
-    };
-};
-declare const QuickSubContent: (props: {
-    id: string;
-    type?: string;
-    shape?: boolean;
-    className?: string;
-    exclude?: string[];
-    propertiesView?: ReactNode;
-    relatedWorks?: ReactNode;
-    relatedDocuments?: ReactNode;
-    taskList?: ReactNode;
-    onCancel?: () => void;
-}) => JSX.Element;
-export { QuickSubTab, QuickSubContent };
+import { ReactNode } from "react";
+export declare type QuickViewProps = {
+    type?: string;
+    shape?: boolean;
+    isLinks?: boolean;
+    isProperties?: boolean;
+    isRelatedWorks?: boolean;
+    showSubTab?: (params?: any) => void;
+};
+declare const QuickSubTab: {
+    (props: QuickViewProps): JSX.Element;
+    defaultProps: {
+        shape: boolean;
+        isLinks: boolean;
+    };
+};
+declare const QuickSubContent: (props: {
+    id: string;
+    type?: string;
+    shape?: boolean;
+    className?: string;
+    exclude?: string[];
+    propertiesView?: ReactNode;
+    relatedWorks?: ReactNode;
+    relatedDocuments?: ReactNode;
+    taskList?: ReactNode;
+    onCancel?: () => void;
+}) => JSX.Element;
+export { QuickSubTab, QuickSubContent };