@voplus/morpho-document 4.0.3 → 4.0.5

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

@@ -1,34 +1,34 @@
-import { DocumentStore, EditDocumentOptions } from "@voplus/morpho-document-core";
-import { ReactNode } from "react";
-export declare type DataIconBarProps = {
-    children?: ReactNode | ReactNode[];
-    /** visible icons */
-    visible?: boolean;
-    /** props click function */
-    onClick?: (key: string) => void;
-};
-export interface IDataIconState {
-    /** 暂时无用 */
-    id?: string;
-}
-export declare class DataIconBarState {
-    private store;
-    private props;
-    /** Current icons states. */
-    private states;
-    id: string;
-    constructor(store: DocumentStore, props: DataIconBarProps);
-    /** 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<T extends IDataIconState>(key: string, factory: () => T): T;
-    /** Edit document */
-    save(id: string, options: EditDocumentOptions): Promise<void>;
-    /** Click function for each icon */
-    onClick(key: string): void;
-}
-/** React context for DataIconState. */
-export declare const DataIconBarContext: import("react").Context<DataIconBarState>;
-/** React hook to retrieve the nearest DataIconBarContext. */
-export declare const useDataIconBarContext: () => DataIconBarState;
+import { DocumentStore, EditDocumentOptions } from "@voplus/morpho-document-core";
+import { ReactNode } from "react";
+export declare type DataIconBarProps = {
+    children?: ReactNode | ReactNode[];
+    /** visible icons */
+    visible?: boolean;
+    /** props click function */
+    onClick?: (key: string) => void;
+};
+export interface IDataIconState {
+    /** 暂时无用 */
+    id?: string;
+}
+export declare class DataIconBarState {
+    private store;
+    private props;
+    /** Current icons states. */
+    private states;
+    id: string;
+    constructor(store: DocumentStore, props: DataIconBarProps);
+    /** 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<T extends IDataIconState>(key: string, factory: () => T): T;
+    /** Edit document */
+    save(id: string, options: EditDocumentOptions): Promise<void>;
+    /** Click function for each icon */
+    onClick(key: string): void;
+}
+/** React context for DataIconState. */
+export declare const DataIconBarContext: import("react").Context<DataIconBarState>;
+/** React hook to retrieve the nearest DataIconBarContext. */
+export declare const useDataIconBarContext: () => DataIconBarState;

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/DataIconBar/index.less

@@ -1,17 +1,17 @@
-@import "~@voplus/morpho-theme/styles/index.less";
-
-:global {
-	.data-icon {
-		display: inline-block;
-		cursor: pointer;
-		.svg-inline--fa {
-			margin-right: 5px;
-		}
-		&:hover {
-			color: @primary-color;
-		}
-		& + .data-icon {
-			margin-left: 12px;
-		}
-	}
-}
+@import "~@voplus/morpho-theme/styles/index.less";
+
+:global {
+	.data-icon {
+		display: inline-block;
+		cursor: pointer;
+		.svg-inline--fa {
+			margin-right: 5px;
+		}
+		&:hover {
+			color: @primary-color;
+		}
+		& + .data-icon {
+			margin-left: 12px;
+		}
+	}
+}

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 "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 "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/index.less

@@ -1,59 +1,59 @@
-:global {
-	.description-editor {
-		padding: 0.75rem 0;
-		.description-editor-header {
-			padding: 0 1.25rem;
-		}
-		.editor-toolbar {
-			padding: 0.2rem 0.65rem;
-		}
-		.description-readonly-proseMirror {
-			.ProseMirror-container {
-				// max-height: 7rem;
-				transition: height 0.3s ease-in;
-				.ProseMirror {
-					padding: 0 1.25rem;
-				}
-			}
-			&.description-collapse-proseMirror {
-				.ProseMirror-container {
-					max-height: 7rem;
-				}
-				&.collapseAll {
-					.ProseMirror-container {
-						max-height: 0 !important;
-					}
-				}
-			}
-			&.description-expand-proseMirror .ProseMirror-container {
-				max-height: 100%;
-			}
-		}
-
-		.description-editor-proseMirror {
-			height: 20rem !important;
-			padding: 0 1.25rem;
-			.ProseMirror {
-				padding: 1rem 1.25rem;
-			}
-		}
-		.more-description-btn {
-			width: 44px;
-			line-height: 14px;
-			margin: auto;
-			color: #555;
-			text-align: center;
-			cursor: pointer;
-			.svg-inline--fa {
-				font-size: 13px;
-			}
-		}
-		.description-editor-footer {
-			padding: 0.75rem 1.25rem 0 1.25rem;
-			text-align: right;
-			.ant-btn {
-				margin-left: 10px;
-			}
-		}
-	}
-}
+:global {
+	.description-editor {
+		padding: 0.75rem 0;
+		.description-editor-header {
+			padding: 0 1.25rem;
+		}
+		.editor-toolbar {
+			padding: 0.2rem 0.65rem;
+		}
+		.description-readonly-proseMirror {
+			.ProseMirror-container {
+				// max-height: 7rem;
+				transition: height 0.3s ease-in;
+				.ProseMirror {
+					padding: 0 1.25rem;
+				}
+			}
+			&.description-collapse-proseMirror {
+				.ProseMirror-container {
+					max-height: 7rem;
+				}
+				&.collapseAll {
+					.ProseMirror-container {
+						max-height: 0 !important;
+					}
+				}
+			}
+			&.description-expand-proseMirror .ProseMirror-container {
+				max-height: 100%;
+			}
+		}
+
+		.description-editor-proseMirror {
+			height: 20rem !important;
+			padding: 0 1.25rem;
+			.ProseMirror {
+				padding: 1rem 1.25rem;
+			}
+		}
+		.more-description-btn {
+			width: 44px;
+			line-height: 14px;
+			margin: auto;
+			color: #555;
+			text-align: center;
+			cursor: pointer;
+			.svg-inline--fa {
+				font-size: 13px;
+			}
+		}
+		.description-editor-footer {
+			padding: 0.75rem 1.25rem 0 1.25rem;
+			text-align: right;
+			.ant-btn {
+				margin-left: 10px;
+			}
+		}
+	}
+}