@voplus/morpho-document 1.4.97 → 1.4.100

package/es/controls/DataIconBar/DataIconState.js

@@ -1,65 +1,65 @@
-import { __decorate } from "tslib";
-import { createContext, useContext } from "react";
-import { action, makeObservable, observable } from "mobx";
-export class DataIconBarState {
-    constructor(store, props) {
-        Object.defineProperty(this, "store", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: store
-        });
-        Object.defineProperty(this, "props", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: props
-        });
-        /** Current icons states. */
-        Object.defineProperty(this, "states", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: new Map()
-        });
-        Object.defineProperty(this, "id", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: ""
-        });
-        makeObservable(this);
-    }
-    /** Try to get an existing icons state or create a new one if it's not already exists.
-     * @param key - Key of the icons state.
-     * @param factory - factor to create a new option state.
-     */
-    getState(key, factory) {
-        if (!this.states.has(key))
-            this.states.set(key, factory());
-        return this.states.get(key);
-    }
-    /** Edit document */
-    async save(id, options) {
-        await this.store.edit(id, options);
-    }
-    /** Click function for each icon */
-    onClick(key) {
-        if (this.props.onClick)
-            this.props.onClick(key);
-    }
-}
-__decorate([
-    observable
-], DataIconBarState.prototype, "id", void 0);
-__decorate([
-    action
-], DataIconBarState.prototype, "save", null);
-__decorate([
-    action
-], DataIconBarState.prototype, "onClick", null);
-/** React context for DataIconState. */
-export const DataIconBarContext = createContext(null);
-/** React hook to retrieve the nearest DataIconBarContext. */
-export const useDataIconBarContext = () => useContext(DataIconBarContext);
+import { __decorate } from "tslib";
+import { createContext, useContext } from "react";
+import { action, makeObservable, observable } from "mobx";
+export class DataIconBarState {
+    constructor(store, props) {
+        Object.defineProperty(this, "store", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: store
+        });
+        Object.defineProperty(this, "props", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: props
+        });
+        /** Current icons states. */
+        Object.defineProperty(this, "states", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: new Map()
+        });
+        Object.defineProperty(this, "id", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: ""
+        });
+        makeObservable(this);
+    }
+    /** Try to get an existing icons state or create a new one if it's not already exists.
+     * @param key - Key of the icons state.
+     * @param factory - factor to create a new option state.
+     */
+    getState(key, factory) {
+        if (!this.states.has(key))
+            this.states.set(key, factory());
+        return this.states.get(key);
+    }
+    /** Edit document */
+    async save(id, options) {
+        await this.store.edit(id, options);
+    }
+    /** Click function for each icon */
+    onClick(key) {
+        if (this.props.onClick)
+            this.props.onClick(key);
+    }
+}
+__decorate([
+    observable
+], DataIconBarState.prototype, "id", void 0);
+__decorate([
+    action
+], DataIconBarState.prototype, "save", null);
+__decorate([
+    action
+], DataIconBarState.prototype, "onClick", null);
+/** React context for DataIconState. */
+export const DataIconBarContext = createContext(null);
+/** React hook to retrieve the nearest DataIconBarContext. */
+export const useDataIconBarContext = () => useContext(DataIconBarContext);
 //# sourceMappingURL=DataIconState.js.map

package/es/controls/DataIconBar/index.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
-import "./index.less";
-import { DataIconBarProps } from "./DataIconState";
-declare const DataIconBar: (props: DataIconBarProps) => JSX.Element;
-export default DataIconBar;
+/// <reference types="react" />
+import "./index.less";
+import { DataIconBarProps } from "./DataIconState";
+declare const DataIconBar: (props: DataIconBarProps) => JSX.Element;
+export default DataIconBar;

package/es/controls/DataIconBar/index.js

@@ -1,13 +1,13 @@
-import "./index.less";
-import { DataIconBarContext, DataIconBarState } from "./DataIconState";
-import React, { useState } from "react";
-import { observe } from "@voplus/morpho-ui";
-import { useDocumentStore } from "@voplus/morpho-document-core";
-const DataIconBar = (props) => {
-    const { children, visible } = props;
-    const store = useDocumentStore();
-    const [state] = useState(new DataIconBarState(store, props));
-    return observe(() => (React.createElement(DataIconBarContext.Provider, { value: state }, visible !== false ? children : null)));
-};
-export default DataIconBar;
+import "./index.less";
+import { DataIconBarContext, DataIconBarState } from "./DataIconState";
+import React, { useState } from "react";
+import { observe } from "@voplus/morpho-ui";
+import { useDocumentStore } from "@voplus/morpho-document-core";
+const DataIconBar = (props) => {
+    const { children, visible } = props;
+    const store = useDocumentStore();
+    const [state] = useState(new DataIconBarState(store, props));
+    return observe(() => (React.createElement(DataIconBarContext.Provider, { value: state }, visible !== false ? children : null)));
+};
+export default DataIconBar;
 //# sourceMappingURL=index.js.map

package/es/controls/DescriptionEditor/index.d.ts

@@ -1,11 +1,11 @@
-/// <reference types="react" />
-import "./index.less";
-import { DescriptionEditorProps } from "./state";
-declare const DescriptionEditor: {
-    (props: DescriptionEditorProps): JSX.Element;
-    defaultProps: {
-        collapsible: boolean;
-        collapseAll: boolean;
-    };
-};
-export default DescriptionEditor;
+/// <reference types="react" />
+import "./index.less";
+import { DescriptionEditorProps } from "./state";
+declare const DescriptionEditor: {
+    (props: DescriptionEditorProps): JSX.Element;
+    defaultProps: {
+        collapsible: boolean;
+        collapseAll: boolean;
+    };
+};
+export default DescriptionEditor;

package/es/controls/DescriptionEditor/index.js

@@ -1,93 +1,93 @@
-import "./index.less";
-import { Button, Tooltip } from "@voplus/antd";
-import { State } from "./state";
-import React, { useEffect, useRef, useState } from "react";
-import { faChevronDoubleDown, faChevronDoubleUp, faCommentAltLines, } from "@fortawesome/pro-light-svg-icons";
-import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
-import ProseMirror from "@voplus/morpho-text/es/controls/ProseMirror";
-import { Scrollbars } from "react-custom-scrollbars";
-import classnames from "classnames";
-import { observe } from "@voplus/morpho-ui";
-import { runInAction } from "mobx";
-import { useDocumentStore } from "@voplus/morpho-document-core";
-const DescriptionEditor = (props) => {
-    var _a;
-    const { id, description, readonly, padding, collapsible, onSave } = props;
-    const [state] = useState(new State());
-    const documentStore = useDocumentStore();
-    const ref = useRef(null);
-    useEffect(() => {
-        runInAction(() => {
-            state.description = description || "";
-        });
-    }, [description]);
-    /** init */
-    useEffect(() => {
-        runInAction(() => {
-            state.description = "";
-            state.collapse = false;
-            state.hasMore = false;
-            state.editable = false;
-        });
-        getDescEditorHeight();
-    }, [id, (_a = ref.current) === null || _a === void 0 ? void 0 : _a.getElementsByClassName("description-proseMirror")[0]]);
-    useEffect(() => {
-        runInAction(() => {
-            state.collapse = false;
-        });
-        getDescEditorHeight();
-    }, [state.editable]);
-    // const offsetParentHeight = ref?.current?.offsetParent?.clientHeight || "60vh";
-    const Mirror = observe(() => (React.createElement(ProseMirror, { toolbarProps: { sticky: false }, scroll: state.editable, defaultHtml: description || "", readonly: !state.editable || readonly, className: classnames("description-proseMirror", state.editable ? "description-editor-proseMirror" : "description-readonly-proseMirror", { "description-collapse-proseMirror": state.hasMore && !state.editable }, { "description-expand-proseMirror": state.collapse && !state.editable }, { collapseAll: !state.collapse && props.collapseAll }), onClick: () => runInAction(() => (state.editable = !readonly)), onChange: (opt) => (state.description =
-            opt.editor.dom.innerHTML === "<p><br></p>" ? "" : opt.editor.dom.innerHTML) })));
-    return observe(() => (React.createElement("div", { className: "description-editor", ref: ref, style: { padding: padding }, title: state.editable || readonly ? "" : "Click to Edit" },
-        !state.editable &&
-            !description &&
-            (readonly ? (
-            // No description && readonly
-            React.createElement("div", { className: "description-editor-header" },
-                React.createElement(FAIcon, { icon: faCommentAltLines }),
-                " No Description")) : (
-            // No description && !readonly && !state.editable
-            React.createElement("div", { className: "description-editor-header", onClick: () => runInAction(() => (state.editable = true)) },
-                React.createElement(FAIcon, { icon: faCommentAltLines }),
-                " Add Description"))),
-        state.hasMore && !state.editable ? (React.createElement(Scrollbars, { autoHide: true, autoHeight: true, autoHeightMax: "60vh" }, Mirror)) : (Mirror),
-        state.hasMore && !state.editable && (React.createElement(Tooltip, { title: state.collapse ? "Collapse Description" : "Expand all Description" },
-            React.createElement("div", { className: "more-description-btn", onClick: () => runInAction(() => (state.collapse = !state.collapse)) },
-                React.createElement(FAIcon, { icon: state.collapse ? faChevronDoubleUp : faChevronDoubleDown })))),
-        state.editable && !readonly && (React.createElement("div", { className: "description-editor-footer" },
-            React.createElement(Button, { type: "default", onClick: () => runInAction(() => (state.editable = false)) }, "Cancel"),
-            React.createElement(Button, { type: "primary", loading: state.loading, onClick: save }, "Save"))))));
-    async function save() {
-        runInAction(() => (state.loading = true));
-        onSave
-            ? await onSave(state.description)
-            : await documentStore.edit(id, {
-                data: { Description: state.description },
-                error: "message",
-            });
-        runInAction(() => {
-            state.loading = false;
-            state.editable = false;
-            getDescEditorHeight();
-        });
-    }
-    function getDescEditorHeight() {
-        runInAction(() => {
-            var _a;
-            const ele = (_a = ref.current) === null || _a === void 0 ? void 0 : _a.getElementsByClassName("description-proseMirror")[0];
-            state.hasMore = !!(ele && (ele === null || ele === void 0 ? void 0 : ele.clientHeight) > 110) && !!collapsible;
-            return () => {
-                state.hasMore = false;
-                state.collapse = false;
-            };
-        });
-    }
-};
-DescriptionEditor.defaultProps = {
-    collapsible: true,
-    collapseAll: false,
-};
-export default DescriptionEditor;
+import "./index.less";
+import { Button, Tooltip } from "@voplus/antd";
+import { State } from "./state";
+import React, { useEffect, useRef, useState } from "react";
+import { faChevronDoubleDown, faChevronDoubleUp, faCommentAltLines, } from "@fortawesome/pro-light-svg-icons";
+import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
+import ProseMirror from "@voplus/morpho-text/es/controls/ProseMirror";
+import { Scrollbars } from "react-custom-scrollbars";
+import classnames from "classnames";
+import { observe } from "@voplus/morpho-ui";
+import { runInAction } from "mobx";
+import { useDocumentStore } from "@voplus/morpho-document-core";
+const DescriptionEditor = (props) => {
+    var _a;
+    const { id, description, readonly, padding, collapsible, onSave } = props;
+    const [state] = useState(new State());
+    const documentStore = useDocumentStore();
+    const ref = useRef(null);
+    useEffect(() => {
+        runInAction(() => {
+            state.description = description || "";
+        });
+    }, [description]);
+    /** init */
+    useEffect(() => {
+        runInAction(() => {
+            state.description = "";
+            state.collapse = false;
+            state.hasMore = false;
+            state.editable = false;
+        });
+        getDescEditorHeight();
+    }, [id, (_a = ref.current) === null || _a === void 0 ? void 0 : _a.getElementsByClassName("description-proseMirror")[0]]);
+    useEffect(() => {
+        runInAction(() => {
+            state.collapse = false;
+        });
+        getDescEditorHeight();
+    }, [state.editable]);
+    // const offsetParentHeight = ref?.current?.offsetParent?.clientHeight || "60vh";
+    const Mirror = observe(() => (React.createElement(ProseMirror, { toolbarProps: { sticky: false }, scroll: state.editable, defaultHtml: description || "", readonly: !state.editable || readonly, className: classnames("description-proseMirror", state.editable ? "description-editor-proseMirror" : "description-readonly-proseMirror", { "description-collapse-proseMirror": state.hasMore && !state.editable }, { "description-expand-proseMirror": state.collapse && !state.editable }, { collapseAll: !state.collapse && props.collapseAll }), onClick: () => runInAction(() => (state.editable = !readonly)), onChange: (opt) => (state.description =
+            opt.editor.dom.innerHTML === "<p><br></p>" ? "" : opt.editor.dom.innerHTML) })));
+    return observe(() => (React.createElement("div", { className: "description-editor", ref: ref, style: { padding: padding }, title: state.editable || readonly ? "" : "Click to Edit" },
+        !state.editable &&
+            !description &&
+            (readonly ? (
+            // No description && readonly
+            React.createElement("div", { className: "description-editor-header" },
+                React.createElement(FAIcon, { icon: faCommentAltLines }),
+                " No Description")) : (
+            // No description && !readonly && !state.editable
+            React.createElement("div", { className: "description-editor-header", onClick: () => runInAction(() => (state.editable = true)) },
+                React.createElement(FAIcon, { icon: faCommentAltLines }),
+                " Add Description"))),
+        state.hasMore && !state.editable ? (React.createElement(Scrollbars, { autoHide: true, autoHeight: true, autoHeightMax: "60vh" }, Mirror)) : (Mirror),
+        state.hasMore && !state.editable && (React.createElement(Tooltip, { title: state.collapse ? "Collapse Description" : "Expand all Description" },
+            React.createElement("div", { className: "more-description-btn", onClick: () => runInAction(() => (state.collapse = !state.collapse)) },
+                React.createElement(FAIcon, { icon: state.collapse ? faChevronDoubleUp : faChevronDoubleDown })))),
+        state.editable && !readonly && (React.createElement("div", { className: "description-editor-footer" },
+            React.createElement(Button, { type: "default", onClick: () => runInAction(() => (state.editable = false)) }, "Cancel"),
+            React.createElement(Button, { type: "primary", loading: state.loading, onClick: save }, "Save"))))));
+    async function save() {
+        runInAction(() => (state.loading = true));
+        onSave
+            ? await onSave(state.description)
+            : await documentStore.edit(id, {
+                data: { Description: state.description },
+                error: "message",
+            });
+        runInAction(() => {
+            state.loading = false;
+            state.editable = false;
+            getDescEditorHeight();
+        });
+    }
+    function getDescEditorHeight() {
+        runInAction(() => {
+            var _a;
+            const ele = (_a = ref.current) === null || _a === void 0 ? void 0 : _a.getElementsByClassName("description-proseMirror")[0];
+            state.hasMore = !!(ele && (ele === null || ele === void 0 ? void 0 : ele.clientHeight) > 110) && !!collapsible;
+            return () => {
+                state.hasMore = false;
+                state.collapse = false;
+            };
+        });
+    }
+};
+DescriptionEditor.defaultProps = {
+    collapsible: true,
+    collapseAll: false,
+};
+export default DescriptionEditor;
 //# sourceMappingURL=index.js.map

package/es/controls/DescriptionEditor/state.d.ts

@@ -1,30 +1,30 @@
-export declare type DescriptionEditorProps = {
-    /** id of document  */
-    id: string;
-    /** description of document  */
-    description?: string;
-    /** readonly  */
-    readonly?: boolean;
-    /** padding of 'description-editor' */
-    padding?: string;
-    /** 是否可折叠 */
-    collapsible?: boolean;
-    /** 是否全部折叠 (高度0), 预设false */
-    collapseAll?: boolean;
-    /** save function */
-    onSave?: (description?: string) => Promise<void> | void;
-};
-export declare class State {
-    props: DescriptionEditorProps;
-    /** description of document */
-    description: string;
-    /** editable of ProseMirror */
-    editable: boolean;
-    /** loading of save */
-    loading: boolean;
-    /** collapse description */
-    collapse: boolean;
-    /** proseMirror.height > 110 显示折叠按钮 */
-    hasMore: boolean;
-    constructor();
-}
+export declare type DescriptionEditorProps = {
+    /** id of document  */
+    id: string;
+    /** description of document  */
+    description?: string;
+    /** readonly  */
+    readonly?: boolean;
+    /** padding of 'description-editor' */
+    padding?: string;
+    /** 是否可折叠 */
+    collapsible?: boolean;
+    /** 是否全部折叠 (高度0), 预设false */
+    collapseAll?: boolean;
+    /** save function */
+    onSave?: (description?: string) => Promise<void> | void;
+};
+export declare class State {
+    props: DescriptionEditorProps;
+    /** description of document */
+    description: string;
+    /** editable of ProseMirror */
+    editable: boolean;
+    /** loading of save */
+    loading: boolean;
+    /** collapse description */
+    collapse: boolean;
+    /** proseMirror.height > 110 显示折叠按钮 */
+    hasMore: boolean;
+    constructor();
+}

package/es/controls/DescriptionEditor/state.js

@@ -1,64 +1,64 @@
-import { __decorate } from "tslib";
-import { makeObservable, observable } from "mobx";
-export class State {
-    constructor() {
-        Object.defineProperty(this, "props", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        /** description of document */
-        Object.defineProperty(this, "description", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: ""
-        });
-        /** editable of ProseMirror */
-        Object.defineProperty(this, "editable", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: false
-        });
-        /** loading of save */
-        Object.defineProperty(this, "loading", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: false
-        });
-        /** collapse description */
-        Object.defineProperty(this, "collapse", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: false
-        });
-        /** proseMirror.height > 110 显示折叠按钮 */
-        Object.defineProperty(this, "hasMore", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: false
-        });
-        makeObservable(this);
-    }
-}
-__decorate([
-    observable
-], State.prototype, "description", void 0);
-__decorate([
-    observable
-], State.prototype, "editable", void 0);
-__decorate([
-    observable
-], State.prototype, "loading", void 0);
-__decorate([
-    observable
-], State.prototype, "collapse", void 0);
-__decorate([
-    observable
-], State.prototype, "hasMore", void 0);
+import { __decorate } from "tslib";
+import { makeObservable, observable } from "mobx";
+export class State {
+    constructor() {
+        Object.defineProperty(this, "props", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        /** description of document */
+        Object.defineProperty(this, "description", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: ""
+        });
+        /** editable of ProseMirror */
+        Object.defineProperty(this, "editable", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: false
+        });
+        /** loading of save */
+        Object.defineProperty(this, "loading", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: false
+        });
+        /** collapse description */
+        Object.defineProperty(this, "collapse", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: false
+        });
+        /** proseMirror.height > 110 显示折叠按钮 */
+        Object.defineProperty(this, "hasMore", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: false
+        });
+        makeObservable(this);
+    }
+}
+__decorate([
+    observable
+], State.prototype, "description", void 0);
+__decorate([
+    observable
+], State.prototype, "editable", void 0);
+__decorate([
+    observable
+], State.prototype, "loading", void 0);
+__decorate([
+    observable
+], State.prototype, "collapse", void 0);
+__decorate([
+    observable
+], State.prototype, "hasMore", void 0);
 //# sourceMappingURL=state.js.map

package/es/controls/DocumentDataIconBar/index.d.ts

@@ -1,10 +1,10 @@
-/// <reference types="react" />
-declare const DocumentDataIconBar: (props: {
-    /** id of document */
-    id: string;
-    /** visible DataIconBar  */
-    visible?: boolean | undefined;
-    /** props click function */
-    onClick?: ((key?: string | undefined) => void) | undefined;
-}) => JSX.Element;
-export default DocumentDataIconBar;
+/// <reference types="react" />
+declare const DocumentDataIconBar: (props: {
+    /** id of document */
+    id: string;
+    /** visible DataIconBar  */
+    visible?: boolean | undefined;
+    /** props click function */
+    onClick?: ((key?: string | undefined) => void) | undefined;
+}) => JSX.Element;
+export default DocumentDataIconBar;

package/es/controls/DocumentDataIconBar/index.js

@@ -1,15 +1,15 @@
-import { CommentDataIcon, DateQuickIcon, DocumentDataIcon, DocumentPathDataIcon, UserQuickIcon } from "../data-icons";
-import DataIconBar from "../DataIconBar";
-import React from "react";
-import { observe } from "@voplus/morpho-ui";
-const DocumentDataIconBar = (props) => {
-    const { id, visible, onClick } = props;
-    return observe(() => (React.createElement(DataIconBar, { visible: visible, onClick: onClick },
-        React.createElement(DateQuickIcon, { id: id }),
-        React.createElement(DocumentDataIcon, { id: id }),
-        React.createElement(CommentDataIcon, { id: id }),
-        React.createElement(UserQuickIcon, { id: id }),
-        React.createElement(DocumentPathDataIcon, { id: id }))));
-};
-export default DocumentDataIconBar;
+import { CommentDataIcon, DateQuickIcon, DocumentDataIcon, DocumentPathDataIcon, UserQuickIcon } from "../data-icons";
+import DataIconBar from "../DataIconBar";
+import React from "react";
+import { observe } from "@voplus/morpho-ui";
+const DocumentDataIconBar = (props) => {
+    const { id, visible, onClick } = props;
+    return observe(() => (React.createElement(DataIconBar, { visible: visible, onClick: onClick },
+        React.createElement(DateQuickIcon, { id: id }),
+        React.createElement(DocumentDataIcon, { id: id }),
+        React.createElement(CommentDataIcon, { id: id }),
+        React.createElement(UserQuickIcon, { id: id }),
+        React.createElement(DocumentPathDataIcon, { id: id }))));
+};
+export default DocumentDataIconBar;
 //# sourceMappingURL=index.js.map

package/es/controls/DocumentItemFrame/index.d.ts

@@ -1,10 +1,10 @@
-import { ItemFrameProps } from "@voplus/morpho-ui/es/controls/ItemFrame";
-import React, { MouseEventHandler } from "react";
-/** 提供hover, active效果給在list內的DocumentItem */
-declare const DocumentItemFrame: (props: {
-    /** ItemFrame的Props */
-    frameProps?: ItemFrameProps;
-    onClick?: MouseEventHandler;
-    children?: React.ReactNode | React.ReactNode[];
-}) => JSX.Element;
-export default DocumentItemFrame;
+import { ItemFrameProps } from "@voplus/morpho-ui/es/controls/ItemFrame";
+import React, { MouseEventHandler } from "react";
+/** 提供hover, active效果給在list內的DocumentItem */
+declare const DocumentItemFrame: (props: {
+    /** ItemFrame的Props */
+    frameProps?: ItemFrameProps;
+    onClick?: MouseEventHandler;
+    children?: React.ReactNode | React.ReactNode[];
+}) => JSX.Element;
+export default DocumentItemFrame;