@voplus/morpho-document 1.0.0-dev339 → 1.0.0-mobx01

package/es/components/TextQuickViewDialog/index.js

@@ -2,10 +2,10 @@ import "./index.less";
 import React, { useState } from "react";
 import QuickViewDialog from "../QuickViewDialog";
 import TextEditor2 from "@voplus/morpho-text/es/components/TextEditor2";
-import { useObserver } from "mobx-react-lite";
+import { observe } from "@voplus/morpho-ui";
 const TextQuickViewDialog = (props) => {
     const [readonly, setReadonly] = useState(true);
-    return useObserver(() => (React.createElement(QuickViewDialog, { id: props.id, visible: props.visible, onCancel: props.onCancel, className: "text-quick-view" },
+    return observe(() => (React.createElement(QuickViewDialog, { id: props.id, visible: props.visible, onCancel: props.onCancel, className: "text-quick-view" },
         React.createElement(TextEditor2, { id: props.id, proseMirrorProps: {
                 readonly: readonly,
                 showNoContent: true,

package/es/components/TextQuickViewDialog/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/TextQuickViewDialog/index.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAC;AAEtB,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAExC,OAAO,eAAe,MAAM,oBAAoB,CAAC;AACjD,OAAO,WAAW,MAAM,+CAA+C,CAAC;AAExE,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAE9C,MAAM,mBAAmB,GAAG,CAAC,KAA+D,EAAE,EAAE;IAC/F,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IAE/C,OAAO,WAAW,CAAC,GAAG,EAAE,CAAC,CACxB,oBAAC,eAAe,IACf,EAAE,EAAE,KAAK,CAAC,EAAE,EACZ,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,SAAS,EAAC,iBAAiB;QAE3B,oBAAC,WAAW,IACX,EAAE,EAAE,KAAK,CAAC,EAAE,EACZ,gBAAgB,EAAE;gBACjB,QAAQ,EAAE,QAAQ;gBAClB,aAAa,EAAE,IAAI;gBACnB,MAAM,EAAE,IAAI;gBACZ,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,KAAK,CAAC;gBACjC,MAAM,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,IAAI,CAAC;aAC/B,GACA,CACe,CAClB,CAAC,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,mBAAmB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/TextQuickViewDialog/index.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAC;AAEtB,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAExC,OAAO,eAAe,MAAM,oBAAoB,CAAC;AACjD,OAAO,WAAW,MAAM,+CAA+C,CAAC;AACxE,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAG5C,MAAM,mBAAmB,GAAG,CAAC,KAA+D,EAAE,EAAE;IAC/F,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IAE/C,OAAO,OAAO,CAAC,GAAG,EAAE,CAAC,CACpB,oBAAC,eAAe,IACf,EAAE,EAAE,KAAK,CAAC,EAAE,EACZ,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,SAAS,EAAC,iBAAiB;QAE3B,oBAAC,WAAW,IACX,EAAE,EAAE,KAAK,CAAC,EAAE,EACZ,gBAAgB,EAAE;gBACjB,QAAQ,EAAE,QAAQ;gBAClB,aAAa,EAAE,IAAI;gBACnB,MAAM,EAAE,IAAI;gBACZ,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,KAAK,CAAC;gBACjC,MAAM,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,IAAI,CAAC;aAC/B,GACA,CACe,CAClB,CAAC,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,mBAAmB,CAAC"}

package/es/components/VersionsModal/index.js

@@ -7,8 +7,8 @@ import Modal from "@voplus/morpho-ui/es/components/Modal";
 import { State } from "./state";
 import classnames from "classnames";
 import { faPlus } from "@fortawesome/pro-light-svg-icons";
+import { observe } from "@voplus/morpho-ui";
 import styles from "./index.less";
-import { useObserver } from "mobx-react-lite";
 const VersionsModal = (props) => {
     const { id } = props;
     const [state] = useState(new State());
@@ -21,15 +21,15 @@ const VersionsModal = (props) => {
         state.reset();
     }, [props.id]);
     /** Menu 内容*/
-    const menu = useObserver(() => (React.createElement(Menu, { onClick: moreOperate },
+    const menu = observe(() => (React.createElement(Menu, { onClick: moreOperate },
         React.createElement(Menu.Item, { key: "DraftVersion" },
             React.createElement("span", { className: "type-name" }, "Draft Version")),
         React.createElement(Menu.Item, { disabled: state.document.type !== "File" },
             React.createElement("span", { className: "type-name" }, "Draft Version(From File)")))));
-    const versionsMenu = useObserver(() => (React.createElement(Dropdown, { overlay: menu, placement: "bottomRight", trigger: ["click"], visible: state.menuVisible, onVisibleChange: onVisibleChange },
+    const versionsMenu = observe(() => (React.createElement(Dropdown, { overlay: menu, placement: "bottomRight", trigger: ["click"], visible: state.menuVisible, onVisibleChange: onVisibleChange },
         React.createElement("span", { className: classnames(styles["versions-plus-icon"]) },
             React.createElement(FAIcon, { icon: faPlus, color: "#fff" })))));
-    return useObserver(() => (React.createElement(Modal, { title: "Versions", visible: true, maskClosable: true, destroyOnClose: true, footer: null, className: styles["versions-modal"], onCancel: props.onChange },
+    return observe(() => (React.createElement(Modal, { title: "Versions", visible: true, maskClosable: true, destroyOnClose: true, footer: null, className: styles["versions-modal"], onCancel: props.onChange },
         React.createElement("div", { className: classnames("versions-modal-content", {
                 disabled: !state.document.versionsId,
             }) }, state.document.versionsId ? (React.createElement(DocumentList, { id: state.document.versionsId, disabled: true, filtersSystem: true, addAble: false, sort: { Sort: "CreateDate", Direction: "Desc" }, appendLocation: "top", versionsMenu: versionsMenu })) : ("")),

package/es/components/VersionsModal/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/VersionsModal/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/VersionsModal/index.tsx"],"names":[],"mappings":"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"}

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

@@ -5,5 +5,6 @@ export declare class State {
     checked: boolean;
     /** visible of Versions Menu */
     menuVisible: boolean;
+    constructor();
     reset(): void;
 }

package/es/components/VersionsModal/state.js

@@ -1,11 +1,28 @@
 import { __decorate } from "tslib";
-import { action, observable } from "mobx";
+import { action, makeObservable, observable } from "mobx";
 export class State {
     constructor() {
+        Object.defineProperty(this, "document", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
         /** checked of Enable Versions */
-        this.checked = false;
+        Object.defineProperty(this, "checked", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: false
+        });
         /** visible of Versions Menu */
-        this.menuVisible = false;
+        Object.defineProperty(this, "menuVisible", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: false
+        });
+        makeObservable(this);
     }
     reset() {
         this.checked = false;

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

@@ -1 +1 @@
-{"version":3,"file":"state.js","sourceRoot":"","sources":["../../../src/components/VersionsModal/state.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAI1C,MAAM,OAAO,KAAK;IAAlB;QAEC,iCAAiC;QACd,YAAO,GAAG,KAAK,CAAC;QACnC,+BAA+B;QACZ,gBAAW,GAAG,KAAK,CAAC;IAOxC,CAAC;IAJO,KAAK;QACX,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;QACrB,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC;IAC1B,CAAC;CACD;AAXY;IAAX,UAAU;uCAA4B;AAE3B;IAAX,UAAU;sCAAwB;AAEvB;IAAX,UAAU;0CAA4B;AAGvC;IADC,MAAM;kCAIN"}
+{"version":3,"file":"state.js","sourceRoot":"","sources":["../../../src/components/VersionsModal/state.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAI1D,MAAM,OAAO,KAAK;IAOjB;QANY;;;;;WAA2B;QACvC,iCAAiC;QACrB;;;;mBAAiB,KAAK;WAAC;QACnC,+BAA+B;QACnB;;;;mBAAqB,KAAK;WAAC;QAGtC,cAAc,CAAC,IAAI,CAAC,CAAC;IACtB,CAAC;IAGM,KAAK;QACX,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;QACrB,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC;IAC1B,CAAC;CACD;AAfY;IAAX,UAAU;uCAA4B;AAE3B;IAAX,UAAU;sCAAwB;AAEvB;IAAX,UAAU;0CAA4B;AAOvC;IADC,MAAM;kCAIN"}

package/es/controls/DataIconBar/DataIconState.js

@@ -1,13 +1,34 @@
 import { __decorate } from "tslib";
 import { createContext, useContext } from "react";
-import { action, observable } from "mobx";
+import { action, makeObservable, observable } from "mobx";
 export class DataIconBarState {
     constructor(store, props) {
-        this.store = store;
-        this.props = 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. */
-        this.states = new Map();
-        this.id = "";
+        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.

package/es/controls/DataIconBar/DataIconState.js.map

@@ -1 +1 @@
-{"version":3,"file":"DataIconState.js","sourceRoot":"","sources":["../../../src/controls/DataIconBar/DataIconState.ts"],"names":[],"mappings":";AACA,OAAO,EAAa,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC7D,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAgB1C,MAAM,OAAO,gBAAgB;IAM5B,YAA2B,KAAoB,EAAU,KAAuB;QAArD,UAAK,GAAL,KAAK,CAAe;QAAU,UAAK,GAAL,KAAK,CAAkB;QALhF,4BAA4B;QACpB,WAAM,GAAgC,IAAI,GAAG,EAAE,CAAC;QAErC,OAAE,GAAG,EAAE,CAAC;IAEwD,CAAC;IAEpF;;;OAGG;IACI,QAAQ,CAA2B,GAAW,EAAE,OAAgB;QACtE,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,GAAG,CAAC;YAAE,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,GAAG,EAAE,OAAO,EAAE,CAAC,CAAC;QAC3D,OAAO,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,GAAG,CAAM,CAAC;IAClC,CAAC;IAED,oBAAoB;IAEb,KAAK,CAAC,IAAI,CAAC,EAAU,EAAE,OAA4B;QACzD,MAAM,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,EAAE,OAAO,CAAC,CAAC;IACpC,CAAC;IAED,mCAAmC;IAE5B,OAAO,CAAC,GAAW;QACzB,IAAI,IAAI,CAAC,KAAK,CAAC,OAAO;YAAE,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;IACjD,CAAC;CACD;AAxBY;IAAX,UAAU;4CAAgB;AAe3B;IADC,MAAM;4CAGN;AAID;IADC,MAAM;+CAGN;AAGF,uCAAuC;AACvC,MAAM,CAAC,MAAM,kBAAkB,GAAG,aAAa,CAAmB,IAAW,CAAC,CAAC;AAE/E,6DAA6D;AAC7D,MAAM,CAAC,MAAM,qBAAqB,GAAG,GAAG,EAAE,CAAC,UAAU,CAAC,kBAAkB,CAAC,CAAC"}
+{"version":3,"file":"DataIconState.js","sourceRoot":"","sources":["../../../src/controls/DataIconBar/DataIconState.ts"],"names":[],"mappings":";AACA,OAAO,EAAa,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC7D,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAgB1D,MAAM,OAAO,gBAAgB;IAM5B,YAA2B,KAAoB,EAAU,KAAuB;;;;;mBAArD;;;;;;mBAA8B;;QALzD,4BAA4B;QAC5B;;;;mBAA8C,IAAI,GAAG,EAAE;WAAC;QAE5C;;;;mBAAY,EAAE;WAAC;QAG1B,cAAc,CAAC,IAAI,CAAC,CAAC;IACtB,CAAC;IAED;;;OAGG;IACI,QAAQ,CAA2B,GAAW,EAAE,OAAgB;QACtE,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,GAAG,CAAC;YAAE,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,GAAG,EAAE,OAAO,EAAE,CAAC,CAAC;QAC3D,OAAO,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,GAAG,CAAM,CAAC;IAClC,CAAC;IAED,oBAAoB;IAEb,KAAK,CAAC,IAAI,CAAC,EAAU,EAAE,OAA4B;QACzD,MAAM,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,EAAE,OAAO,CAAC,CAAC;IACpC,CAAC;IAED,mCAAmC;IAE5B,OAAO,CAAC,GAAW;QACzB,IAAI,IAAI,CAAC,KAAK,CAAC,OAAO;YAAE,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;IACjD,CAAC;CACD;AA1BY;IAAX,UAAU;4CAAgB;AAiB3B;IADC,MAAM;4CAGN;AAID;IADC,MAAM;+CAGN;AAGF,uCAAuC;AACvC,MAAM,CAAC,MAAM,kBAAkB,GAAG,aAAa,CAAmB,IAAW,CAAC,CAAC;AAE/E,6DAA6D;AAC7D,MAAM,CAAC,MAAM,qBAAqB,GAAG,GAAG,EAAE,CAAC,UAAU,CAAC,kBAAkB,CAAC,CAAC"}

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";
-import { useObserver } from "mobx-react-lite";
 const DataIconBar = (props) => {
     const { children, visible } = props;
     const store = useDocumentStore();
     const [state] = useState(new DataIconBarState(store, props));
-    return useObserver(() => (React.createElement(DataIconBarContext.Provider, { value: state }, visible !== false ? children : null)));
+    return observe(() => (React.createElement(DataIconBarContext.Provider, { value: state }, visible !== false ? children : null)));
 };
 export default DataIconBar;
 //# sourceMappingURL=index.js.map

package/es/controls/DataIconBar/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/controls/DataIconBar/index.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAC;AAEtB,OAAO,EAAE,kBAAkB,EAAoB,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AACzF,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAExC,OAAO,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAChE,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAE9C,MAAM,WAAW,GAAG,CAAC,KAAuB,EAAE,EAAE;IAC/C,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;IAEpC,MAAM,KAAK,GAAG,gBAAgB,EAAE,CAAC;IAEjC,MAAM,CAAC,KAAK,CAAC,GAAG,QAAQ,CAAC,IAAI,gBAAgB,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC;IAE7D,OAAO,WAAW,CAAC,GAAG,EAAE,CAAC,CACxB,oBAAC,kBAAkB,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,IACvC,OAAO,KAAK,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CACP,CAC9B,CAAC,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/controls/DataIconBar/index.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAC;AAEtB,OAAO,EAAE,kBAAkB,EAAoB,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AACzF,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAExC,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAEhE,MAAM,WAAW,GAAG,CAAC,KAAuB,EAAE,EAAE;IAC/C,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;IAEpC,MAAM,KAAK,GAAG,gBAAgB,EAAE,CAAC;IAEjC,MAAM,CAAC,KAAK,CAAC,GAAG,QAAQ,CAAC,IAAI,gBAAgB,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC;IAE7D,OAAO,OAAO,CAAC,GAAG,EAAE,CAAC,CACpB,oBAAC,kBAAkB,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,IACvC,OAAO,KAAK,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CACP,CAC9B,CAAC,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/es/controls/DescriptionEditor/index.js

@@ -6,8 +6,9 @@ import { faAngleDoubleDown, faAngleDoubleUp, faCommentAltLines, } from "@fortawe
 import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
 import ProseMirror from "@voplus/morpho-text/es/controls/ProseMirror";
 import classnames from "classnames";
+import { observe } from "@voplus/morpho-ui";
+import { runInAction } from "mobx";
 import { useDocumentStore } from "@voplus/morpho-document-core";
-import { useObserver } from "mobx-react-lite";
 const DescriptionEditor = (props) => {
     const { id, description, readonly, padding, collapsible, onSave } = props;
     const [state] = useState(new State());
@@ -17,7 +18,7 @@ const DescriptionEditor = (props) => {
         state.description = description || "";
     }, [description]);
     useEffect(getDescEditorHeight, [id, state.editable]);
-    return useObserver(() => (React.createElement("div", { className: "description-editor", ref: ref, style: { padding: padding } },
+    return observe(() => (React.createElement("div", { className: "description-editor", ref: ref, style: { padding: padding } },
         !state.editable &&
             !description &&
             (readonly ? (
@@ -26,37 +27,39 @@ const DescriptionEditor = (props) => {
                 React.createElement(FAIcon, { icon: faCommentAltLines }),
                 " No Description")) : (
             // No description && !readonly && !state.editable
-            React.createElement("div", { className: "description-editor-header", onClick: () => (state.editable = true) },
+            React.createElement("div", { className: "description-editor-header", onClick: () => runInAction(() => (state.editable = true)) },
                 React.createElement(FAIcon, { icon: faCommentAltLines }),
                 " Add Description"))),
-        React.createElement(ProseMirror, { toolbarProps: { sticky: false }, scroll: state.editable, defaultHtml: description || "", readonly: !state.editable || readonly, className: classnames(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: () => (state.editable = !readonly), onChange: (opt) => (state.description =
+        React.createElement(ProseMirror, { toolbarProps: { sticky: false }, scroll: state.editable, defaultHtml: description || "", readonly: !state.editable || readonly, className: classnames(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) }),
         state.hasMore && (React.createElement(Tooltip, { title: state.collapse ? "Collapse Description" : "Expand all Description" },
             React.createElement("div", { className: "more-description-btn" },
-                React.createElement(FAIcon, { icon: state.collapse ? faAngleDoubleUp : faAngleDoubleDown, onClick: () => (state.collapse = !state.collapse) })))),
+                React.createElement(FAIcon, { icon: state.collapse ? faAngleDoubleUp : faAngleDoubleDown, onClick: () => runInAction(() => (state.collapse = !state.collapse)) })))),
         state.editable && !readonly && (React.createElement("div", { className: "description-editor-footer" },
-            React.createElement(Button, { type: "default", onClick: () => (state.editable = false) }, "Cancel"),
+            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() {
-        state.loading = true;
+        runInAction(() => (state.loading = true));
         onSave
             ? await onSave(state.description)
             : await documentStore.edit(id, {
                 data: { Description: state.description },
                 error: "message",
             });
-        state.loading = false;
-        state.editable = false;
-        getDescEditorHeight();
+        runInAction(() => (state.loading = false));
+        runInAction(() => (state.editable = false));
+        runInAction(() => getDescEditorHeight());
     }
     function getDescEditorHeight() {
-        var _a;
-        const ele = (_a = ref.current) === null || _a === void 0 ? void 0 : _a.getElementsByClassName("description-readonly-proseMirror")[0];
-        state.hasMore = !!(ele && (ele === null || ele === void 0 ? void 0 : ele.clientHeight) > 110) && !!collapsible;
-        return () => {
-            state.hasMore = false;
-            state.collapse = false;
-        };
+        runInAction(() => {
+            var _a;
+            const ele = (_a = ref.current) === null || _a === void 0 ? void 0 : _a.getElementsByClassName("description-readonly-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 = {

package/es/controls/DescriptionEditor/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/controls/DescriptionEditor/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/controls/DescriptionEditor/index.tsx"],"names":[],"mappings":"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"}

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

@@ -26,4 +26,5 @@ export declare class State {
     collapse: boolean;
     /** proseMirror.height > 110 显示折叠按钮 */
     hasMore: boolean;
+    constructor();
 }

package/es/controls/DescriptionEditor/state.js

@@ -1,17 +1,49 @@
 import { __decorate } from "tslib";
-import { observable } from "mobx";
+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 */
-        this.description = "";
+        Object.defineProperty(this, "description", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: ""
+        });
         /** editable of ProseMirror */
-        this.editable = false;
+        Object.defineProperty(this, "editable", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: false
+        });
         /** loading of save */
-        this.loading = false;
+        Object.defineProperty(this, "loading", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: false
+        });
         /** collapse description */
-        this.collapse = false;
+        Object.defineProperty(this, "collapse", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: false
+        });
         /** proseMirror.height > 110 显示折叠按钮 */
-        this.hasMore = false;
+        Object.defineProperty(this, "hasMore", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: false
+        });
+        makeObservable(this);
     }
 }
 __decorate([

package/es/controls/DescriptionEditor/state.js.map

@@ -1 +1 @@
-{"version":3,"file":"state.js","sourceRoot":"","sources":["../../../src/controls/DescriptionEditor/state.ts"],"names":[],"mappings":";AAAA,OAAO,EAAY,UAAU,EAAE,MAAM,MAAM,CAAC;AAyB5C,MAAM,OAAO,KAAK;IAAlB;QAEC,8BAA8B;QACX,gBAAW,GAAG,EAAE,CAAC;QACpC,8BAA8B;QACX,aAAQ,GAAG,KAAK,CAAC;QACpC,sBAAsB;QACH,YAAO,GAAG,KAAK,CAAC;QACnC,2BAA2B;QACR,aAAQ,GAAG,KAAK,CAAC;QACpC,sCAAsC;QACnB,YAAO,GAAG,KAAK,CAAC;IACpC,CAAC;CAAA;AATY;IAAX,UAAU;0CAAyB;AAExB;IAAX,UAAU;uCAAyB;AAExB;IAAX,UAAU;sCAAwB;AAEvB;IAAX,UAAU;uCAAyB;AAExB;IAAX,UAAU;sCAAwB"}
+{"version":3,"file":"state.js","sourceRoot":"","sources":["../../../src/controls/DescriptionEditor/state.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAyBlD,MAAM,OAAO,KAAK;IAajB;QAZA;;;;;WAAqC;QACrC,8BAA8B;QAClB;;;;mBAAqB,EAAE;WAAC;QACpC,8BAA8B;QAClB;;;;mBAAkB,KAAK;WAAC;QACpC,sBAAsB;QACV;;;;mBAAiB,KAAK;WAAC;QACnC,2BAA2B;QACf;;;;mBAAkB,KAAK;WAAC;QACpC,sCAAsC;QAC1B;;;;mBAAiB,KAAK;WAAC;QAGlC,cAAc,CAAC,IAAI,CAAC,CAAC;IACtB,CAAC;CACD;AAbY;IAAX,UAAU;0CAAyB;AAExB;IAAX,UAAU;uCAAyB;AAExB;IAAX,UAAU;sCAAwB;AAEvB;IAAX,UAAU;uCAAyB;AAExB;IAAX,UAAU;sCAAwB"}

package/es/controls/DocumentLabel/index.js

@@ -2,12 +2,12 @@ import "./index.less";
 import { useDocument } from "@voplus/morpho-document-core";
 import React, { useState } from "react";
 import DocumentQuickViewDialog from "../../components/DocumentQuickViewDialog";
-import { useObserver } from "mobx-react-lite";
+import { observe } from "@voplus/morpho-ui";
 const DocumentLabel = (props) => {
     const { id, title } = props;
     const doc = useDocument(id);
     const [quickVisible, setQuickVisible] = useState(false);
-    return useObserver(() => (React.createElement(React.Fragment, null,
+    return observe(() => (React.createElement(React.Fragment, null,
         React.createElement("div", { className: "document-label-control", onClick: onClick }, title ? title : doc.name),
         quickVisible && (React.createElement(DocumentQuickViewDialog, { id: id, visible: true, onCancel: () => setQuickVisible(false) })))));
     /** 点击事件 */

package/es/controls/DocumentLabel/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/controls/DocumentLabel/index.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAC;AAEtB,OAAO,EAAa,WAAW,EAAE,MAAM,8BAA8B,CAAC;AACtE,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAExC,OAAO,uBAAuB,MAAM,0CAA0C,CAAC;AAC/E,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAE9C,MAAM,aAAa,GAAG,CAAC,KAStB,EAAE,EAAE;IACJ,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC;IAC5B,MAAM,GAAG,GAAG,WAAW,CAAC,EAAE,CAAC,CAAC;IAC5B,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAExD,OAAO,WAAW,CAAC,GAAG,EAAE,CAAC,CACxB,oBAAC,KAAK,CAAC,QAAQ;QACd,6BAAK,SAAS,EAAC,wBAAwB,EAAC,OAAO,EAAE,OAAO,IACtD,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,IAAI,CACpB;QACL,YAAY,IAAI,CAChB,oBAAC,uBAAuB,IAAC,EAAE,EAAE,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,eAAe,CAAC,KAAK,CAAC,GAAI,CAC1F,CACe,CACjB,CAAC,CAAC;IAEH,WAAW;IACX,SAAS,OAAO,CAAC,EAAO;QACvB,IAAI,KAAK,CAAC,OAAO,KAAK,WAAW,EAAE;YAClC,eAAe,CAAC,IAAI,CAAC,CAAC;SACtB;aAAM,IAAI,KAAK,CAAC,OAAO,EAAE;YACzB,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC;SACvB;IACF,CAAC;AACF,CAAC,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/controls/DocumentLabel/index.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAC;AAEtB,OAAO,EAAa,WAAW,EAAE,MAAM,8BAA8B,CAAC;AACtE,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAExC,OAAO,uBAAuB,MAAM,0CAA0C,CAAC;AAC/E,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAE5C,MAAM,aAAa,GAAG,CAAC,KAStB,EAAE,EAAE;IACJ,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC;IAC5B,MAAM,GAAG,GAAG,WAAW,CAAC,EAAE,CAAC,CAAC;IAC5B,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAExD,OAAO,OAAO,CAAC,GAAG,EAAE,CAAC,CACpB,oBAAC,KAAK,CAAC,QAAQ;QACd,6BAAK,SAAS,EAAC,wBAAwB,EAAC,OAAO,EAAE,OAAO,IACtD,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,IAAI,CACpB;QACL,YAAY,IAAI,CAChB,oBAAC,uBAAuB,IAAC,EAAE,EAAE,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,eAAe,CAAC,KAAK,CAAC,GAAI,CAC1F,CACe,CACjB,CAAC,CAAC;IAEH,WAAW;IACX,SAAS,OAAO,CAAC,EAAO;QACvB,IAAI,KAAK,CAAC,OAAO,KAAK,WAAW,EAAE;YAClC,eAAe,CAAC,IAAI,CAAC,CAAC;SACtB;aAAM,IAAI,KAAK,CAAC,OAAO,EAAE;YACzB,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC;SACvB;IACF,CAAC;AACF,CAAC,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/es/controls/FlagIcon/index.js

@@ -6,8 +6,8 @@ import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
 import classnames from "classnames";
 import { faCircle } from "@fortawesome/pro-light-svg-icons";
 import { library } from "@fortawesome/fontawesome-svg-core";
+import { observe } from "@voplus/morpho-ui";
 import { useDocumentStore } from "@voplus/morpho-document-core";
-import { useObserver } from "mobx-react-lite";
 library.add(faStar, faCircle, faExclamationCircle);
 const FlagIcon = (props) => {
     const documentStore = useDocumentStore();
@@ -26,7 +26,7 @@ const FlagIcon = (props) => {
     const NoIndicatorElement = React.createElement(FAIcon, { icon: ["fas", "star"], color: "#777", size: props.size });
     const StarElement = React.createElement(FAIcon, { icon: ["fas", "star"], color: "#fd7e14", size: props.size });
     const UrgentElement = (React.createElement(FAIcon, { icon: ["fas", "exclamation-circle"], size: props.size, color: "#ff4d4f" }));
-    const menu = useObserver(() => (React.createElement(Menu, { onClick: onClick, className: "flag-menu" },
+    const menu = observe(() => (React.createElement(Menu, { onClick: onClick, className: "flag-menu" },
         React.createElement(Menu.Item, { key: "None" },
             NoIndicatorElement,
             "No Indicator"),
@@ -48,7 +48,7 @@ const FlagIcon = (props) => {
     useEffect(() => {
         setFlag(props.flag);
     }, [props.flag]);
-    return useObserver(() => (React.createElement(React.Fragment, null, editable ? (React.createElement(Dropdown, { overlay: menu, trigger: ["click", "hover"] },
+    return observe(() => (React.createElement(React.Fragment, null, editable ? (React.createElement(Dropdown, { overlay: menu, trigger: ["click", "hover"] },
         React.createElement("span", { className: classnames("flag-icon", props.className) }, flagIcon()))) : (React.createElement("span", { className: classnames("flag-icon", "readonly", props.className) }, flagIcon())))));
 };
 FlagIcon.defaultProps = {

package/es/controls/FlagIcon/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/controls/FlagIcon/index.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAC;AAEtB,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,mBAAmB,EAAE,MAAM,EAAE,MAAM,mCAAmC,CAAC;AAEhF,OAAO,EAAE,eAAe,IAAI,MAAM,EAAE,MAAM,gCAAgC,CAAC;AAC3E,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,QAAQ,EAAE,MAAM,kCAAkC,CAAC;AAC5D,OAAO,EAAE,OAAO,EAAE,MAAM,mCAAmC,CAAC;AAC5D,OAAO,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAChE,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAE9C,OAAO,CAAC,GAAG,CAAC,MAAM,EAAE,QAAQ,EAAE,mBAAmB,CAAC,CAAC;AACnD,MAAM,QAAQ,GAAG,CAAC,KASjB,EAAE,EAAE;IACJ,MAAM,aAAa,GAAG,gBAAgB,EAAE,CAAC;IACzC,MAAM,EAAE,EAAE,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAC/B,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IAC7C,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IAC7C,MAAM,OAAO,GAAG,CAAC,EAAE,GAAG,EAAO,EAAE,EAAE;QAChC,IAAI,KAAK,CAAC,IAAI,EAAE;YACf,OAAO,CAAC,IAAI,CAAC,CAAC;YACd,OAAO,CAAC,GAAG,CAAC,CAAC;SACb;aAAM;YACN,aAAa,CAAC,IAAI,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,IAAI,EAAE,GAAG,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC;SAClE;IACF,CAAC,CAAC;IACF,MAAM,kBAAkB,GAAG,oBAAC,MAAM,IAAC,IAAI,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC,EAAE,KAAK,EAAC,MAAM,EAAC,IAAI,EAAE,KAAK,CAAC,IAAI,GAAI,CAAC;IAC5F,MAAM,WAAW,GAAG,oBAAC,MAAM,IAAC,IAAI,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,GAAI,CAAC;IAC1F,MAAM,aAAa,GAAG,CACrB,oBAAC,MAAM,IAAC,IAAI,EAAE,CAAC,KAAK,EAAE,oBAAoB,CAAC,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,KAAK,EAAC,SAAS,GAAG,CACjF,CAAC;IACF,MAAM,IAAI,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC,CAC9B,oBAAC,IAAI,IAAC,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,WAAW;QAC7C,oBAAC,IAAI,CAAC,IAAI,IAAC,GAAG,EAAC,MAAM;YACnB,kBAAkB;2BAER;QACZ,oBAAC,IAAI,CAAC,IAAI,IAAC,GAAG,EAAC,MAAM;YACnB,WAAW;mBAED;QACZ,oBAAC,IAAI,CAAC,IAAI,IAAC,GAAG,EAAC,QAAQ;YACrB,aAAa;qBAEH,CACN,CACP,CAAC,CAAC;IACH,MAAM,QAAQ,GAAG,GAAG,EAAE;QACrB,IAAI,IAAI;YAAE,OAAO,IAAI,CAAC;QACtB,IAAI,IAAI,KAAK,MAAM;YAAE,OAAO,WAAW,CAAC;QACxC,IAAI,IAAI,KAAK,QAAQ;YAAE,OAAO,aAAa,CAAC;QAC5C,OAAO,kBAAkB,CAAC;IAC3B,CAAC,CAAC;IACF,SAAS,CAAC,GAAG,EAAE;QACd,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IACrB,CAAC,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC;IACjB,OAAO,WAAW,CAAC,GAAG,EAAE,CAAC,CACxB,oBAAC,KAAK,CAAC,QAAQ,QACb,QAAQ,CAAC,CAAC,CAAC,CACX,oBAAC,QAAQ,IACR,OAAO,EAAE,IAAI,EACb,OAAO,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC;QAI3B,8BAAM,SAAS,EAAE,UAAU,CAAC,WAAW,EAAE,KAAK,CAAC,SAAS,CAAC,IAAG,QAAQ,EAAE,CAAQ,CACpE,CACX,CAAC,CAAC,CAAC,CACH,8BAAM,SAAS,EAAE,UAAU,CAAC,WAAW,EAAE,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,IAAG,QAAQ,EAAE,CAAQ,CAC1F,CACe,CACjB,CAAC,CAAC;AACJ,CAAC,CAAC;AACF,QAAQ,CAAC,YAAY,GAAG;IACvB,QAAQ,EAAE,IAAI;CACd,CAAC;AACF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/controls/FlagIcon/index.tsx"],"names":[],"mappings":"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"}

package/es/controls/PDFViewer/Toolbar/ToolbarState.js

@@ -1,9 +1,20 @@
 import { __decorate } from "tslib";
-import { observable } from "mobx";
+import { makeObservable, observable } from "mobx";
 export class DefaultToolState {
     constructor(context) {
-        this.context = context;
-        this.enable = true;
+        Object.defineProperty(this, "context", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: context
+        });
+        Object.defineProperty(this, "enable", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: true
+        });
+        makeObservable(this);
     }
 }
 __decorate([
@@ -12,10 +23,26 @@ __decorate([
 /** Toolbar state, also a ProseMirror plugin  */
 export class ToolbarState {
     constructor(context) {
-        this.context = context;
-        this.visible = true;
+        Object.defineProperty(this, "context", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: context
+        });
+        Object.defineProperty(this, "visible", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: true
+        });
         /** Current tools states. */
-        this.states = new Map();
+        Object.defineProperty(this, "states", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: new Map()
+        });
+        makeObservable(this);
     }
     /** Try to get an existing tool state or create a new one if it's not already exists.
      * @param key - Key of the tool state.

package/es/controls/PDFViewer/Toolbar/ToolbarState.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToolbarState.js","sourceRoot":"","sources":["../../../../src/controls/PDFViewer/Toolbar/ToolbarState.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAOlC,MAAM,OAAO,gBAAgB;IAG5B,YAAsB,OAAuB;QAAvB,YAAO,GAAP,OAAO,CAAgB;QAFjC,WAAM,GAAG,IAAI,CAAC;IAEsB,CAAC;CACjD;AAHY;IAAX,UAAU;gDAAe;AAK3B,gDAAgD;AAChD,MAAM,OAAO,YAAY;IAKxB,YAAoB,OAAuB;QAAvB,YAAO,GAAP,OAAO,CAAgB;QAFpC,YAAO,GAAG,IAAI,CAAC;QAGtB,4BAA4B;QACpB,WAAM,GAA4B,IAAI,GAAG,EAAE,CAAC;IAFN,CAAC;IAI/C;;;OAGG;IACI,QAAQ,CAAuB,GAAW,EAAE,OAAgB;QAClE,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,GAAG,CAAC;YAAE,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,GAAG,EAAE,OAAO,EAAE,CAAC,CAAC;QAC3D,OAAO,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,GAAG,CAAM,CAAC;IAClC,CAAC;CACD;AAdA;IAFC,UAAU;6CAEW"}
+{"version":3,"file":"ToolbarState.js","sourceRoot":"","sources":["../../../../src/controls/PDFViewer/Toolbar/ToolbarState.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AASlD,MAAM,OAAO,gBAAgB;IAG5B,YAAsB,OAAuB;;;;;mBAAvB;;QAFV;;;;mBAAS,IAAI;WAAC;QAGzB,cAAc,CAAC,IAAI,CAAC,CAAC;IACtB,CAAC;CACD;AALY;IAAX,UAAU;gDAAe;AAO3B,gDAAgD;AAChD,MAAM,OAAO,YAAY;IAKxB,YAAoB,OAAuB;;;;;mBAAvB;;QAFpB;;;;mBAAiB,IAAI;WAAC;QAKtB,4BAA4B;QAC5B;;;;mBAA0C,IAAI,GAAG,EAAE;WAAC;QAHnD,cAAc,CAAC,IAAI,CAAC,CAAC;IACtB,CAAC;IAID;;;OAGG;IACI,QAAQ,CAAuB,GAAW,EAAE,OAAgB;QAClE,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,GAAG,CAAC;YAAE,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,GAAG,EAAE,OAAO,EAAE,CAAC,CAAC;QAC3D,OAAO,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,GAAG,CAAM,CAAC;IAClC,CAAC;CACD;AAhBA;IAFC,UAAU;6CAEW"}

package/es/controls/PDFViewer/Toolbar/buttons/Zoom/index.js

@@ -3,13 +3,13 @@ import { CaretDownOutlined, CaretUpOutlined } from "@ant-design/icons";
 import { DefaultToolState } from "../../ToolbarState";
 import React from "react";
 import { Select } from "@voplus/antd";
-import { useObserver } from "mobx-react-lite";
+import { observe } from "@voplus/morpho-ui";
 import { usePDFViewerContext } from "../../../state";
 const Zoom = () => {
     const { Option } = Select;
     const context = usePDFViewerContext();
     const state = context === null || context === void 0 ? void 0 : context.toolbar.getState("Zoom", () => new DefaultToolState(context));
-    return useObserver(() => (React.createElement("span", { className: "toolbar-button", title: "Zoom" },
+    return observe(() => (React.createElement("span", { className: "toolbar-button", title: "Zoom" },
         React.createElement(Select, { className: "zoom-select", value: `${Math.round((context === null || context === void 0 ? void 0 : context.Scale) * 100)} %`, style: { width: 110 }, bordered: false, 
             // disabled={!state?.enableNode}
             suffixIcon: React.createElement("span", null,

package/es/controls/PDFViewer/Toolbar/buttons/Zoom/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/controls/PDFViewer/Toolbar/buttons/Zoom/index.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAC;AAEtB,OAAO,EAAE,iBAAiB,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEvE,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AACtC,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9C,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAErD,MAAM,IAAI,GAAG,GAAG,EAAE;IACjB,MAAM,EAAE,MAAM,EAAE,GAAG,MAAM,CAAC;IAC1B,MAAM,OAAO,GAAG,mBAAmB,EAAG,CAAC;IACvC,MAAM,KAAK,GAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,OAAO,CAAC,QAAQ,CAAC,MAAM,EAAE,GAAG,EAAE,CAAC,IAAI,gBAAgB,CAAC,OAAO,CAAC,CAAC,CAAC;IAErF,OAAO,WAAW,CAAC,GAAG,EAAE,CAAC,CACxB,8BAAM,SAAS,EAAC,gBAAgB,EAAC,KAAK,EAAC,MAAM;QAC5C,oBAAC,MAAM,IACN,SAAS,EAAC,aAAa,EACvB,KAAK,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,IAAG,GAAG,CAAC,IAAI,EAC9C,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,EACrB,QAAQ,EAAE,KAAK;YACf,gCAAgC;YAChC,UAAU,EACT;gBACC,oBAAC,eAAe,OAAG;gBACnB,oBAAC,iBAAiB,IAAC,SAAS,EAAC,WAAW,GAAG,CACrC,EAER,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;YAEjD,oBAAC,MAAM,IAAC,KAAK,EAAC,GAAG,gBAAmB;YACpC,oBAAC,MAAM,IAAC,KAAK,EAAC,KAAK,UAAa;YAChC,oBAAC,MAAM,IAAC,KAAK,EAAC,MAAM,UAAa;YACjC,oBAAC,MAAM,IAAC,KAAK,EAAC,KAAK,UAAa;YAChC,oBAAC,MAAM,IAAC,KAAK,EAAC,MAAM,UAAa;YACjC,oBAAC,MAAM,IAAC,KAAK,EAAC,GAAG,WAAc;YAC/B,oBAAC,MAAM,IAAC,KAAK,EAAC,MAAM,WAAc;YAClC,oBAAC,MAAM,IAAC,KAAK,EAAC,MAAM,WAAc;YAClC,oBAAC,MAAM,IAAC,KAAK,EAAC,GAAG,WAAc;YAC/B,oBAAC,MAAM,IAAC,KAAK,EAAC,GAAG,WAAc;YAC/B,oBAAC,MAAM,IAAC,KAAK,EAAC,GAAG,WAAc;YAC/B,oBAAC,MAAM,IAAC,KAAK,EAAC,IAAI,YAAe,CACzB,CACH,CACP,CAAC,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/controls/PDFViewer/Toolbar/buttons/Zoom/index.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAC;AAEtB,OAAO,EAAE,iBAAiB,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEvE,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AACtC,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAErD,MAAM,IAAI,GAAG,GAAG,EAAE;IACjB,MAAM,EAAE,MAAM,EAAE,GAAG,MAAM,CAAC;IAC1B,MAAM,OAAO,GAAG,mBAAmB,EAAG,CAAC;IACvC,MAAM,KAAK,GAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,OAAO,CAAC,QAAQ,CAAC,MAAM,EAAE,GAAG,EAAE,CAAC,IAAI,gBAAgB,CAAC,OAAO,CAAC,CAAC,CAAC;IAErF,OAAO,OAAO,CAAC,GAAG,EAAE,CAAC,CACpB,8BAAM,SAAS,EAAC,gBAAgB,EAAC,KAAK,EAAC,MAAM;QAC5C,oBAAC,MAAM,IACN,SAAS,EAAC,aAAa,EACvB,KAAK,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,IAAG,GAAG,CAAC,IAAI,EAC9C,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,EACrB,QAAQ,EAAE,KAAK;YACf,gCAAgC;YAChC,UAAU,EACT;gBACC,oBAAC,eAAe,OAAG;gBACnB,oBAAC,iBAAiB,IAAC,SAAS,EAAC,WAAW,GAAG,CACrC,EAER,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;YAEjD,oBAAC,MAAM,IAAC,KAAK,EAAC,GAAG,gBAAmB;YACpC,oBAAC,MAAM,IAAC,KAAK,EAAC,KAAK,UAAa;YAChC,oBAAC,MAAM,IAAC,KAAK,EAAC,MAAM,UAAa;YACjC,oBAAC,MAAM,IAAC,KAAK,EAAC,KAAK,UAAa;YAChC,oBAAC,MAAM,IAAC,KAAK,EAAC,MAAM,UAAa;YACjC,oBAAC,MAAM,IAAC,KAAK,EAAC,GAAG,WAAc;YAC/B,oBAAC,MAAM,IAAC,KAAK,EAAC,MAAM,WAAc;YAClC,oBAAC,MAAM,IAAC,KAAK,EAAC,MAAM,WAAc;YAClC,oBAAC,MAAM,IAAC,KAAK,EAAC,GAAG,WAAc;YAC/B,oBAAC,MAAM,IAAC,KAAK,EAAC,GAAG,WAAc;YAC/B,oBAAC,MAAM,IAAC,KAAK,EAAC,GAAG,WAAc;YAC/B,oBAAC,MAAM,IAAC,KAAK,EAAC,IAAI,YAAe,CACzB,CACH,CACP,CAAC,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/es/controls/PDFViewer/Toolbar/buttons/ZoomIn.js

@@ -2,12 +2,12 @@ import { DefaultToolState } from "../ToolbarState";
 import { FontAwesomeIcon as Icon } from "@fortawesome/react-fontawesome";
 import React from "react";
 import { faPlusCircle } from "@fortawesome/pro-regular-svg-icons";
-import { useObserver } from "mobx-react-lite";
+import { observe } from "@voplus/morpho-ui";
 import { usePDFViewerContext } from "../../state";
 const Zoom = () => {
     const context = usePDFViewerContext();
     const state = context === null || context === void 0 ? void 0 : context.toolbar.getState("ZoomIn", () => new DefaultToolState(context));
-    return useObserver(() => (React.createElement("span", { className: "toolbar-button", title: "Zoom In", onClick: () => context === null || context === void 0 ? void 0 : context.Zoom(context.Scale * 1.1) },
+    return observe(() => (React.createElement("span", { className: "toolbar-button", title: "Zoom In", onClick: () => context === null || context === void 0 ? void 0 : context.Zoom(context.Scale * 1.1) },
         React.createElement(Icon, { icon: faPlusCircle }))));
 };
 export default Zoom;

package/es/controls/PDFViewer/Toolbar/buttons/ZoomIn.js.map

@@ -1 +1 @@
-{"version":3,"file":"ZoomIn.js","sourceRoot":"","sources":["../../../../../src/controls/PDFViewer/Toolbar/buttons/ZoomIn.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AACnD,OAAO,EAAE,eAAe,IAAI,IAAI,EAAE,MAAM,gCAAgC,CAAC;AACzE,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,YAAY,EAAE,MAAM,oCAAoC,CAAC;AAClE,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9C,OAAO,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAElD,MAAM,IAAI,GAAG,GAAG,EAAE;IACjB,MAAM,OAAO,GAAG,mBAAmB,EAAG,CAAC;IACvC,MAAM,KAAK,GAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,OAAO,CAAC,QAAQ,CAAC,QAAQ,EAAE,GAAG,EAAE,CAAC,IAAI,gBAAgB,CAAC,OAAO,CAAC,CAAC,CAAC;IAEvF,OAAO,WAAW,CAAC,GAAG,EAAE,CAAC,CACxB,8BACC,SAAS,EAAC,gBAAgB,EAC1B,KAAK,EAAC,SAAS,EACf,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,CAAC,OAAO,CAAC,KAAK,GAAG,GAAG,CAAC;QAEjD,oBAAC,IAAI,IAAC,IAAI,EAAE,YAAY,GAAI,CACtB,CACP,CAAC,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"ZoomIn.js","sourceRoot":"","sources":["../../../../../src/controls/PDFViewer/Toolbar/buttons/ZoomIn.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AACnD,OAAO,EAAE,eAAe,IAAI,IAAI,EAAE,MAAM,gCAAgC,CAAC;AACzE,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,YAAY,EAAE,MAAM,oCAAoC,CAAC;AAClE,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAElD,MAAM,IAAI,GAAG,GAAG,EAAE;IACjB,MAAM,OAAO,GAAG,mBAAmB,EAAG,CAAC;IACvC,MAAM,KAAK,GAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,OAAO,CAAC,QAAQ,CAAC,QAAQ,EAAE,GAAG,EAAE,CAAC,IAAI,gBAAgB,CAAC,OAAO,CAAC,CAAC,CAAC;IAEvF,OAAO,OAAO,CAAC,GAAG,EAAE,CAAC,CACpB,8BACC,SAAS,EAAC,gBAAgB,EAC1B,KAAK,EAAC,SAAS,EACf,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,CAAC,OAAO,CAAC,KAAK,GAAG,GAAG,CAAC;QAEjD,oBAAC,IAAI,IAAC,IAAI,EAAE,YAAY,GAAI,CACtB,CACP,CAAC,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/es/controls/PDFViewer/Toolbar/buttons/ZoomOut.js

@@ -2,12 +2,12 @@ import { DefaultToolState } from "../ToolbarState";
 import { FontAwesomeIcon as Icon } from "@fortawesome/react-fontawesome";
 import React from "react";
 import { faMinusCircle } from "@fortawesome/pro-regular-svg-icons";
-import { useObserver } from "mobx-react-lite";
+import { observe } from "@voplus/morpho-ui";
 import { usePDFViewerContext } from "../../state";
 const Zoom = () => {
     const context = usePDFViewerContext();
     const state = context === null || context === void 0 ? void 0 : context.toolbar.getState("ZoomIn", () => new DefaultToolState(context));
-    return useObserver(() => (React.createElement("span", { className: "toolbar-button", title: "Zoom In", onClick: () => context === null || context === void 0 ? void 0 : context.Zoom(context.Scale * 0.9) },
+    return observe(() => (React.createElement("span", { className: "toolbar-button", title: "Zoom In", onClick: () => context === null || context === void 0 ? void 0 : context.Zoom(context.Scale * 0.9) },
         React.createElement(Icon, { icon: faMinusCircle }))));
 };
 export default Zoom;

package/es/controls/PDFViewer/Toolbar/buttons/ZoomOut.js.map

@@ -1 +1 @@
-{"version":3,"file":"ZoomOut.js","sourceRoot":"","sources":["../../../../../src/controls/PDFViewer/Toolbar/buttons/ZoomOut.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AACnD,OAAO,EAAE,eAAe,IAAI,IAAI,EAAE,MAAM,gCAAgC,CAAC;AACzE,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,aAAa,EAAE,MAAM,oCAAoC,CAAC;AACnE,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9C,OAAO,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAElD,MAAM,IAAI,GAAG,GAAG,EAAE;IACjB,MAAM,OAAO,GAAG,mBAAmB,EAAG,CAAC;IACvC,MAAM,KAAK,GAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,OAAO,CAAC,QAAQ,CAAC,QAAQ,EAAE,GAAG,EAAE,CAAC,IAAI,gBAAgB,CAAC,OAAO,CAAC,CAAC,CAAC;IAEvF,OAAO,WAAW,CAAC,GAAG,EAAE,CAAC,CACxB,8BACC,SAAS,EAAC,gBAAgB,EAC1B,KAAK,EAAC,SAAS,EACf,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,CAAC,OAAO,CAAC,KAAK,GAAG,GAAG,CAAC;QAEjD,oBAAC,IAAI,IAAC,IAAI,EAAE,aAAa,GAAI,CACvB,CACP,CAAC,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"ZoomOut.js","sourceRoot":"","sources":["../../../../../src/controls/PDFViewer/Toolbar/buttons/ZoomOut.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AACnD,OAAO,EAAE,eAAe,IAAI,IAAI,EAAE,MAAM,gCAAgC,CAAC;AACzE,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,aAAa,EAAE,MAAM,oCAAoC,CAAC;AACnE,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAElD,MAAM,IAAI,GAAG,GAAG,EAAE;IACjB,MAAM,OAAO,GAAG,mBAAmB,EAAG,CAAC;IACvC,MAAM,KAAK,GAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,OAAO,CAAC,QAAQ,CAAC,QAAQ,EAAE,GAAG,EAAE,CAAC,IAAI,gBAAgB,CAAC,OAAO,CAAC,CAAC,CAAC;IAEvF,OAAO,OAAO,CAAC,GAAG,EAAE,CAAC,CACpB,8BACC,SAAS,EAAC,gBAAgB,EAC1B,KAAK,EAAC,SAAS,EACf,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,CAAC,OAAO,CAAC,KAAK,GAAG,GAAG,CAAC;QAEjD,oBAAC,IAAI,IAAC,IAAI,EAAE,aAAa,GAAI,CACvB,CACP,CAAC,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/es/controls/PDFViewer/index.js

@@ -4,8 +4,9 @@ import { PDFViewerContext, PDFViewerState } from "./state";
 import React, { useLayoutEffect, useRef, useState } from "react";
 import Panable from "@voplus/morpho-ui/es/controls/Panable";
 import Toolbar from "./Toolbar";
+import { observe } from "@voplus/morpho-ui";
+import { runInAction } from "mobx";
 import { useDeepMemo } from "@voplus/morpho-data";
-import { useObserver } from "mobx-react-lite";
 pdfjs.GlobalWorkerOptions.workerSrc = `//cdnjs.cloudflare.com/ajax/libs/pdf.js/${pdfjs.version}/pdf.worker.js`;
 const PDFViewer = (props) => {
     const viewerRef = useRef(null);
@@ -13,12 +14,14 @@ const PDFViewer = (props) => {
     const [numPages, setNumPages] = useState(0);
     useLayoutEffect(() => {
         const observer = new ResizeObserver(() => {
-            state.containerWidth = viewerRef.current.getBoundingClientRect().width;
+            runInAction(() => {
+                state.containerWidth = viewerRef.current.getBoundingClientRect().width;
+            });
         });
         observer.observe(viewerRef.current);
         return () => observer.disconnect();
     }, []);
-    return useObserver(() => {
+    return observe(() => {
         var _a;
         return (React.createElement(PDFViewerContext.Provider, { value: state }, (_a = props.toolbar) !== null && _a !== void 0 ? _a : React.createElement(Toolbar, null),
             React.createElement(Panable, { scroll: true },