@voplus/morpho-document 5.0.18 → 5.0.19

package/es/modules/page/components/FolderItem/index.js

@@ -1,42 +1,42 @@
-import React, { useEffect } from "react";
-import { autorun, runInAction } from "mobx";
-import NewDocumentForm from "../../../../components/NewDocumentForm";
-import DocumentList from "../../../../components/DocumentList";
-import PageItemHeader from "../PageItemHeader";
-import { State } from "./state";
-import { useDocument, useDocumentStore, } from "@voplus/morpho-document-core";
-import AddDocDropdown from "../../../../components/AddDocDropdown";
-import DocumentSelectDialog from "../../../../components/DocumentSelectDialog";
-import { observe } from "@voplus/morpho-ui";
-import { usePageContext } from "../../data";
-const FolderItem = (props) => {
-    const { id, connectDragSource } = props;
-    const context = usePageContext();
-    const state = context.getState(id, () => new State());
-    const document = useDocument(id);
-    const store = useDocumentStore();
-    useEffect(() => autorun(() => context.setCollapse(id, state.collapse)), [id]);
-    useEffect(() => {
-        runInAction(() => {
-            context._data.map((i) => {
-                if (i.id === id)
-                    state.collapse = i.collapse;
-            });
-        });
-    }, [context.collapsed]);
-    return observe(() => (React.createElement("div", { id: id, className: "page-item page-text-item" },
-        React.createElement(PageItemHeader, { id: id, collapse: state.collapse, connectDragSource: connectDragSource, changeCollapse: state.changeCollapse, preToolBar: React.createElement(React.Fragment, null, !document.readonly && (React.createElement(AddDocDropdown, { id: props.id, className: "margin-left-10", onItemClick: (val) => state.onItemClick(val), onCancelClick: () => state.cancel() }))) }),
-        !state.collapse && React.createElement(DocumentList, { id: id, header: true, className: "folder-document-list" }),
-        state.shortcut && React.createElement(DocumentSelectDialog, { onSelect: onCreateShortcut }),
-        state.addAble && (React.createElement(NewDocumentForm, { className: "folder-item-add", parentId: props.id, type: state.type, onCancel: () => runInAction(() => (state.addAble = false)) })))));
-    function onCreateShortcut(doc) {
-        const shortcuts = [];
-        doc.map((item) => {
-            shortcuts.push({ TargetId: item.id, ParentId: id, Name: "" });
-        });
-        store.createShortcuts({ data: shortcuts, error: "message" });
-        state.shortcut = false;
-    }
-};
-export default FolderItem;
+import React, { useEffect } from "react";
+import { autorun, runInAction } from "mobx";
+import NewDocumentForm from "../../../../components/NewDocumentForm";
+import DocumentList from "../../../../components/DocumentList";
+import PageItemHeader from "../PageItemHeader";
+import { State } from "./state";
+import { useDocument, useDocumentStore, } from "@voplus/morpho-document-core";
+import AddDocDropdown from "../../../../components/AddDocDropdown";
+import DocumentSelectDialog from "../../../../components/DocumentSelectDialog";
+import { observe } from "@voplus/morpho-ui";
+import { usePageContext } from "../../data";
+const FolderItem = (props) => {
+    const { id, connectDragSource } = props;
+    const context = usePageContext();
+    const state = context.getState(id, () => new State());
+    const document = useDocument(id);
+    const store = useDocumentStore();
+    useEffect(() => autorun(() => context.setCollapse(id, state.collapse)), [id]);
+    useEffect(() => {
+        runInAction(() => {
+            context._data.map((i) => {
+                if (i.id === id)
+                    state.collapse = i.collapse;
+            });
+        });
+    }, [context.collapsed]);
+    return observe(() => (React.createElement("div", { id: id, className: "page-item page-text-item" },
+        React.createElement(PageItemHeader, { id: id, collapse: state.collapse, connectDragSource: connectDragSource, changeCollapse: state.changeCollapse, preToolBar: React.createElement(React.Fragment, null, !document.readonly && (React.createElement(AddDocDropdown, { id: props.id, className: "margin-left-10", onItemClick: (val) => state.onItemClick(val), onCancelClick: () => state.cancel() }))) }),
+        !state.collapse && React.createElement(DocumentList, { id: id, header: true, className: "folder-document-list" }),
+        state.shortcut && React.createElement(DocumentSelectDialog, { onSelect: onCreateShortcut }),
+        state.addAble && (React.createElement(NewDocumentForm, { className: "folder-item-add", parentId: props.id, type: state.type, onCancel: () => runInAction(() => (state.addAble = false)) })))));
+    function onCreateShortcut(doc) {
+        const shortcuts = [];
+        doc.map((item) => {
+            shortcuts.push({ TargetId: item.id, ParentId: id, Name: "" });
+        });
+        store.createShortcuts({ data: shortcuts, error: "message" });
+        state.shortcut = false;
+    }
+};
+export default FolderItem;
 //# sourceMappingURL=index.js.map

package/es/modules/page/components/FolderItem/state.d.ts

@@ -1,17 +1,17 @@
-import { IPageItemState } from "../../data/IPageItemState";
-import { docType } from "../../../../data";
-export declare class State implements IPageItemState {
-    /** collapse PageTextItem */
-    collapse: boolean;
-    shortcut: boolean;
-    /** NewDocumentForm */
-    addAble: boolean;
-    /** add document type */
-    type?: docType;
-    constructor();
-    changeCollapse: (collapse: boolean) => void;
-    /** documentList add Drop down more menus hidden*/
-    cancel(): void;
-    /** AddDocDropdown(新增type下拉Menu) item click */
-    onItemClick(val: docType): void;
-}
+import { IPageItemState } from "../../data/IPageItemState";
+import { docType } from "../../../../data";
+export declare class State implements IPageItemState {
+    /** collapse PageTextItem */
+    collapse: boolean;
+    shortcut: boolean;
+    /** NewDocumentForm */
+    addAble: boolean;
+    /** add document type */
+    type?: docType;
+    constructor();
+    changeCollapse: (collapse: boolean) => void;
+    /** documentList add Drop down more menus hidden*/
+    cancel(): void;
+    /** AddDocDropdown(新增type下拉Menu) item click */
+    onItemClick(val: docType): void;
+}

package/es/modules/page/components/FolderItem/state.js

@@ -1,82 +1,83 @@
-import { __decorate } from "tslib";
-import { action, makeObservable, observable } from "mobx";
-export class State {
-    constructor() {
-        /** collapse PageTextItem */
-        Object.defineProperty(this, "collapse", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: false
-        });
-        Object.defineProperty(this, "shortcut", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: false
-        });
-        /** NewDocumentForm */
-        Object.defineProperty(this, "addAble", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: false
-        });
-        /** add document type */
-        Object.defineProperty(this, "type", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "changeCollapse", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: (collapse) => {
-                this.collapse = collapse;
-            }
-        });
-        makeObservable(this);
-    }
-    /** documentList add Drop down more menus hidden*/
-    cancel() {
-        this.shortcut = false;
-        this.addAble = false;
-    }
-    /** AddDocDropdown(新增type下拉Menu) item click */
-    onItemClick(val) {
-        if (val.toLowerCase() === "shortcut") {
-            this.shortcut = true;
-        }
-        else if (val.toLowerCase() === "upload") {
-            this.type = undefined;
-        }
-        else {
-            this.type = val;
-            this.addAble = true;
-        }
-    }
-}
-__decorate([
-    observable
-], State.prototype, "collapse", void 0);
-__decorate([
-    observable
-], State.prototype, "shortcut", void 0);
-__decorate([
-    observable
-], State.prototype, "addAble", void 0);
-__decorate([
-    observable
-], State.prototype, "type", void 0);
-__decorate([
-    action
-], State.prototype, "changeCollapse", void 0);
-__decorate([
-    action
-], State.prototype, "cancel", null);
-__decorate([
-    action
-], State.prototype, "onItemClick", null);
+import { __decorate } from "tslib";
+import { action, makeObservable, observable } from "mobx";
+export class State {
+    constructor() {
+        /** collapse PageTextItem */
+        Object.defineProperty(this, "collapse", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: false
+        });
+        Object.defineProperty(this, "shortcut", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: false
+        });
+        /** NewDocumentForm */
+        Object.defineProperty(this, "addAble", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: false
+        });
+        /** add document type */
+        Object.defineProperty(this, "type", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "changeCollapse", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: (collapse) => {
+                this.collapse = collapse;
+            }
+        });
+        makeObservable(this);
+    }
+    /** documentList add Drop down more menus hidden*/
+    cancel() {
+        this.shortcut = false;
+        this.addAble = false;
+    }
+    /** AddDocDropdown(新增type下拉Menu) item click */
+    onItemClick(val) {
+        if (val.toLowerCase() === "shortcut") {
+            this.shortcut = true;
+        }
+        else if (val.toLowerCase() === "upload") {
+            this.type = undefined;
+        }
+        else {
+            this.type = val;
+            this.addAble = true;
+        }
+    }
+}
+__decorate([
+    observable
+], State.prototype, "collapse", void 0);
+__decorate([
+    observable
+], State.prototype, "shortcut", void 0);
+__decorate([
+    observable
+], State.prototype, "addAble", void 0);
+__decorate([
+    observable
+], State.prototype, "type", void 0);
+__decorate([
+    action
+    /** change item collapse */
+], State.prototype, "changeCollapse", void 0);
+__decorate([
+    action
+], State.prototype, "cancel", null);
+__decorate([
+    action
+], State.prototype, "onItemClick", null);
 //# sourceMappingURL=state.js.map

package/es/modules/page/components/FolderItem/state.js.map

@@ -1 +1 @@
-{"version":3,"file":"state.js","sourceRoot":"","sources":["../../../../../src/modules/page/components/FolderItem/state.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAK1D,MAAM,OAAO,KAAK;IASjB;QARA,4BAA4B;QAChB;;;;mBAAkB,KAAK;WAAC;QACxB;;;;mBAAkB,KAAK;WAAC;QACpC,sBAAsB;QACV;;;;mBAAiB,KAAK;WAAC;QACnC,wBAAwB;QACZ;;;;;WAAsB;QAQlC;;;;mBAAwB,CAAC,QAAiB,EAAE,EAAE;gBAC7C,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;YAC1B,CAAC;WAAC;QAPD,cAAc,CAAC,IAAI,CAAC,CAAC;IACtB,CAAC;IAQD,kDAAkD;IAE3C,MAAM;QACZ,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;QACtB,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;IACtB,CAAC;IAED,8CAA8C;IAEvC,WAAW,CAAC,GAAY;QAC9B,IAAI,GAAG,CAAC,WAAW,EAAE,KAAK,UAAU,EAAE;YACrC,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;SACrB;aAAM,IAAI,GAAG,CAAC,WAAW,EAAE,KAAK,QAAQ,EAAE;YAC1C,IAAI,CAAC,IAAI,GAAG,SAAS,CAAC;SACtB;aAAM;YACN,IAAI,CAAC,IAAI,GAAG,GAAG,CAAC;YAChB,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;SACpB;IACF,CAAC;CACD;AApCY;IAAX,UAAU;uCAAyB;AACxB;IAAX,UAAU;uCAAyB;AAExB;IAAX,UAAU;sCAAwB;AAEvB;IAAX,UAAU;mCAAuB;AAQlC;IAFC,MAAM;6CAIL;AAIF;IADC,MAAM;mCAIN;AAID;IADC,MAAM;wCAUN"}
+{"version":3,"file":"state.js","sourceRoot":"","sources":["../../../../../src/modules/page/components/FolderItem/state.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAK1D,MAAM,OAAO,KAAK;IASjB;QARA,4BAA4B;QACT;;;;mBAAW,KAAK;WAAC;QACjB;;;;mBAAW,KAAK;WAAC;QACpC,sBAAsB;QACH;;;;mBAAU,KAAK;WAAC;QACnC,wBAAwB;QACL;;;;;WAAe;QAQ3B;;;;mBAAiB,CAAC,QAAiB,EAAE,EAAE;gBAC7C,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;YAC1B,CAAC;WAAC;QAPD,cAAc,CAAC,IAAI,CAAC,CAAC;IACtB,CAAC;IAQD,kDAAkD;IAE3C,MAAM;QACZ,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;QACtB,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;IACtB,CAAC;IAED,8CAA8C;IAEvC,WAAW,CAAC,GAAY;QAC9B,IAAI,GAAG,CAAC,WAAW,EAAE,KAAK,UAAU,EAAE;YACrC,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;SACrB;aAAM,IAAI,GAAG,CAAC,WAAW,EAAE,KAAK,QAAQ,EAAE;YAC1C,IAAI,CAAC,IAAI,GAAG,SAAS,CAAC;SACtB;aAAM;YACN,IAAI,CAAC,IAAI,GAAG,GAAG,CAAC;YAChB,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;SACpB;IACF,CAAC;CACD;AApCmB;IAAlB,UAAU;uCAAyB;AACjB;IAAlB,UAAU;uCAAyB;AAEjB;IAAlB,UAAU;sCAAwB;AAEhB;IAAlB,UAAU;mCAAuB;AAQ3B;IAFN,MAAM;IACP,2BAA2B;6CAGzB;AAIK;IADN,MAAM;mCAIN;AAIM;IADN,MAAM;wCAUN"}

package/es/modules/page/components/GraphItem/index.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
-declare const GraphItem: (props: {
-    id: string;
-    connectDragSource?: any;
-}) => JSX.Element;
-export default GraphItem;
+import React from "react";
+declare const GraphItem: (props: {
+    id: string;
+    connectDragSource?: any;
+}) => React.JSX.Element;
+export default GraphItem;

package/es/modules/page/components/GraphItem/index.js

@@ -1,26 +1,26 @@
-import React, { useEffect } from "react";
-import { autorun, runInAction } from "mobx";
-import GraphViewer from "../../../graph/components/GraphViewer";
-import PageItemHeader from "../PageItemHeader";
-import { State } from "./state";
-import { observe } from "@voplus/morpho-ui";
-import { usePageContext } from "../../data";
-const GraphItem = (props) => {
-    const { id, connectDragSource } = props;
-    const context = usePageContext();
-    const state = context.getState(id, () => new State());
-    useEffect(() => autorun(() => context.setCollapse(id, state.collapse)), [id]);
-    useEffect(() => {
-        runInAction(() => {
-            context._data.map((i) => {
-                if (i.id === id)
-                    state.collapse = i.collapse;
-            });
-        });
-    }, [context.collapsed]);
-    return observe(() => (React.createElement("div", { id: id, className: "page-item page-graph-item" },
-        React.createElement(PageItemHeader, { id: id, collapse: state.collapse, connectDragSource: connectDragSource, changeCollapse: state.changeCollapse, openVisible: true }),
-        !state.collapse && React.createElement(GraphViewer, { id: id, autoHeight: true }))));
-};
-export default GraphItem;
+import React, { useEffect } from "react";
+import { autorun, runInAction } from "mobx";
+import GraphViewer from "../../../graph/components/GraphViewer";
+import PageItemHeader from "../PageItemHeader";
+import { State } from "./state";
+import { observe } from "@voplus/morpho-ui";
+import { usePageContext } from "../../data";
+const GraphItem = (props) => {
+    const { id, connectDragSource } = props;
+    const context = usePageContext();
+    const state = context.getState(id, () => new State());
+    useEffect(() => autorun(() => context.setCollapse(id, state.collapse)), [id]);
+    useEffect(() => {
+        runInAction(() => {
+            context._data.map((i) => {
+                if (i.id === id)
+                    state.collapse = i.collapse;
+            });
+        });
+    }, [context.collapsed]);
+    return observe(() => (React.createElement("div", { id: id, className: "page-item page-graph-item" },
+        React.createElement(PageItemHeader, { id: id, collapse: state.collapse, connectDragSource: connectDragSource, changeCollapse: state.changeCollapse, openVisible: true }),
+        !state.collapse && React.createElement(GraphViewer, { id: id, autoHeight: true }))));
+};
+export default GraphItem;
 //# sourceMappingURL=index.js.map

package/es/modules/page/components/GraphItem/state.d.ts

@@ -1,7 +1,7 @@
-import { IPageItemState } from "../../data/IPageItemState";
-export declare class State implements IPageItemState {
-    /** collapse PageTextItem */
-    collapse: boolean;
-    constructor();
-    changeCollapse: (collapse: boolean) => void;
-}
+import { IPageItemState } from "../../data/IPageItemState";
+export declare class State implements IPageItemState {
+    /** collapse PageTextItem */
+    collapse: boolean;
+    constructor();
+    changeCollapse: (collapse: boolean) => void;
+}

package/es/modules/page/components/GraphItem/state.js

@@ -1,29 +1,30 @@
-import { __decorate } from "tslib";
-import { action, makeObservable, observable } from "mobx";
-export class State {
-    constructor() {
-        /** collapse PageTextItem */
-        Object.defineProperty(this, "collapse", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: false
-        });
-        Object.defineProperty(this, "changeCollapse", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: (collapse) => {
-                this.collapse = collapse;
-            }
-        });
-        makeObservable(this);
-    }
-}
-__decorate([
-    observable
-], State.prototype, "collapse", void 0);
-__decorate([
-    action
-], State.prototype, "changeCollapse", void 0);
+import { __decorate } from "tslib";
+import { action, makeObservable, observable } from "mobx";
+export class State {
+    constructor() {
+        /** collapse PageTextItem */
+        Object.defineProperty(this, "collapse", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: false
+        });
+        Object.defineProperty(this, "changeCollapse", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: (collapse) => {
+                this.collapse = collapse;
+            }
+        });
+        makeObservable(this);
+    }
+}
+__decorate([
+    observable
+], State.prototype, "collapse", void 0);
+__decorate([
+    action
+    /** change item collapse */
+], State.prototype, "changeCollapse", void 0);
 //# sourceMappingURL=state.js.map

package/es/modules/page/components/GraphItem/state.js.map

@@ -1 +1 @@
-{"version":3,"file":"state.js","sourceRoot":"","sources":["../../../../../src/modules/page/components/GraphItem/state.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAI1D,MAAM,OAAO,KAAK;IAIjB;QAHA,4BAA4B;QAChB;;;;mBAAkB,KAAK;WAAC;QAQpC;;;;mBAAwB,CAAC,QAAiB,EAAE,EAAE;gBAC7C,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;YAC1B,CAAC;WAAC;QAPD,cAAc,CAAC,IAAI,CAAC,CAAC;IACtB,CAAC;CAOD;AAXY;IAAX,UAAU;uCAAyB;AAQpC;IAFC,MAAM;6CAIL"}
+{"version":3,"file":"state.js","sourceRoot":"","sources":["../../../../../src/modules/page/components/GraphItem/state.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAI1D,MAAM,OAAO,KAAK;IAIjB;QAHA,4BAA4B;QACT;;;;mBAAW,KAAK;WAAC;QAQ7B;;;;mBAAiB,CAAC,QAAiB,EAAE,EAAE;gBAC7C,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;YAC1B,CAAC;WAAC;QAPD,cAAc,CAAC,IAAI,CAAC,CAAC;IACtB,CAAC;CAOD;AAXmB;IAAlB,UAAU;uCAAyB;AAQ7B;IAFN,MAAM;IACP,2BAA2B;6CAGzB"}

package/es/modules/page/components/PageItem/index.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
-import "./index.less";
-declare const PageItem: (props: {
-    id: string;
-    connectDragSource?: any;
-}) => JSX.Element;
-export default PageItem;
+import "./index.less";
+import React from "react";
+declare const PageItem: (props: {
+    id: string;
+    connectDragSource?: any;
+}) => React.JSX.Element;
+export default PageItem;

package/es/modules/page/components/PageItem/index.js

@@ -1,19 +1,19 @@
-import "./index.less";
-import { useDocument } from "@voplus/morpho-document-core";
-import FolderItem from "../FolderItem";
-import GraphItem from "../GraphItem";
-import React from "react";
-import ShortcutItem from "../ShortcutItem";
-import TextItem from "../TextItem";
-import { observe } from "@voplus/morpho-ui";
-const PageItem = (props) => {
-    const { id, connectDragSource } = props;
-    const page = useDocument(props.id);
-    return observe(() => (React.createElement(React.Fragment, null,
-        page.type === "Text" && React.createElement(TextItem, { id: id, connectDragSource: connectDragSource }),
-        page.type === "Document" && React.createElement(FolderItem, { id: id, connectDragSource: connectDragSource }),
-        page.type === "Graph" && React.createElement(GraphItem, { id: id, connectDragSource: connectDragSource }),
-        page.type === "Shortcut" && (React.createElement(ShortcutItem, { id: page.target.id, shortcutId: id, connectDragSource: connectDragSource })))));
-};
-export default PageItem;
+import "./index.less";
+import { useDocument } from "@voplus/morpho-document-core";
+import FolderItem from "../FolderItem";
+import GraphItem from "../GraphItem";
+import React from "react";
+import ShortcutItem from "../ShortcutItem";
+import TextItem from "../TextItem";
+import { observe } from "@voplus/morpho-ui";
+const PageItem = (props) => {
+    const { id, connectDragSource } = props;
+    const page = useDocument(props.id);
+    return observe(() => (React.createElement(React.Fragment, null,
+        page.type === "Text" && React.createElement(TextItem, { id: id, connectDragSource: connectDragSource }),
+        page.type === "Document" && React.createElement(FolderItem, { id: id, connectDragSource: connectDragSource }),
+        page.type === "Graph" && React.createElement(GraphItem, { id: id, connectDragSource: connectDragSource }),
+        page.type === "Shortcut" && (React.createElement(ShortcutItem, { id: page.target.id, shortcutId: id, connectDragSource: connectDragSource })))));
+};
+export default PageItem;
 //# sourceMappingURL=index.js.map

package/es/modules/page/components/PageItem/index.less

@@ -1,4 +1,5 @@
-@import "~@voplus/antd/es/style/themes/index.less";
+@import "~@voplus/morpho-theme/styles/index.less";
+
 :global {
 	.page-item {
 		position: relative;

package/es/modules/page/components/PageItemHeader/index.d.ts

@@ -1,14 +1,14 @@
-import "./index.less";
-import { ReactNode } from "react";
-declare const PageItemHeader: (props: {
-    id: string;
-    collapse: boolean;
-    connectDragSource?: any;
-    changeCollapse?: ((collapse: boolean) => void) | undefined;
-    /** Open new tab button */
-    openVisible?: boolean | undefined;
-    /** show icon */
-    iconVisible?: boolean | undefined;
-    preToolBar?: ReactNode;
-}) => JSX.Element;
-export default PageItemHeader;
+import "./index.less";
+import React, { ReactNode } from "react";
+declare const PageItemHeader: (props: {
+    id: string;
+    collapse: boolean;
+    connectDragSource?: any;
+    changeCollapse?: ((collapse: boolean) => void) | undefined;
+    /** Open new tab button */
+    openVisible?: boolean | undefined;
+    /** show icon */
+    iconVisible?: boolean | undefined;
+    preToolBar?: ReactNode;
+}) => React.JSX.Element;
+export default PageItemHeader;

package/es/modules/page/components/PageItemHeader/index.js

@@ -1,41 +1,41 @@
-import "./index.less";
-import { Button, Tooltip } from "@voplus/antd";
-import { Open, Versions } from "../../../../controls/ToolBar/buttons";
-import React, { useEffect, useState } from "react";
-import { faBars, faChevronDown, faChevronUp } from "@fortawesome/pro-light-svg-icons";
-import { useDocument, useMetaStore } from "@voplus/morpho-document-core";
-import DocumentHeader from "../../../../components/DocumentHeader";
-import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
-import { State } from "./state";
-import ToolBar from "../../../../controls/ToolBar/ToolBar2";
-import { observe } from "@voplus/morpho-ui";
-import { runInAction } from "mobx";
-const PageItemHeader = (props) => {
-    const { id, connectDragSource, collapse, iconVisible } = props;
-    const meta = useMetaStore();
-    const [state] = useState(new State());
-    const document = useDocument(id);
-    useEffect(() => {
-        runInAction(() => (state.collapse = collapse));
-    }, [collapse]);
-    return observe(() => (React.createElement(DocumentHeader, { id: id, className: "page-item-header", size: "h2", clickNameEffect: "edit", autoSaveName: true, itemHover: true, skeletonVisible: false, quickDataBarVisible: false, flagVisible: false, onMouse: (over) => (state.over = over), pre: React.createElement(React.Fragment, null,
-            state.over && connectDragSource && (React.createElement("div", { className: "page-move" }, connectDragSource(React.createElement("span", null, React.createElement(FAIcon, { icon: faBars }))))),
-            iconVisible && React.createElement("span", { className: "page-icon" }, meta.getIcon(document))), tools: React.createElement("div", { style: { visibility: state.over ? "visible" : "hidden" }, className: "page-item-tools" },
-            React.createElement(ToolBar, { id: id, moreProps: { buttonProps: { size: "middle" } } },
-                props.preToolBar,
-                React.createElement(Tooltip, { title: state.collapse ? "Expand" : "Collapse" },
-                    React.createElement(Button, { type: "link", onClick: changeCollapse },
-                        React.createElement(FAIcon, { icon: state.collapse ? faChevronDown : faChevronUp }))),
-                props.openVisible && (React.createElement(Open, { size: "middle", url: meta.getRoute({ type: "Graph", id: id }) })),
-                React.createElement(Versions, { size: "middle" }))) })));
-    /** change item collapse */
-    function changeCollapse() {
-        runInAction(() => {
-            var _a;
-            state.collapse = !state.collapse;
-            (_a = props.changeCollapse) === null || _a === void 0 ? void 0 : _a.call(props, state.collapse);
-        });
-    }
-};
-export default PageItemHeader;
+import "./index.less";
+import { Button, Tooltip } from "antd";
+import { Open, Versions } from "../../../../controls/ToolBar/buttons";
+import React, { useEffect, useState } from "react";
+import { faBars, faChevronDown, faChevronUp } from "@fortawesome/pro-light-svg-icons";
+import { useDocument, useMetaStore } from "@voplus/morpho-document-core";
+import DocumentHeader from "../../../../components/DocumentHeader";
+import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
+import { State } from "./state";
+import ToolBar from "../../../../controls/ToolBar/ToolBar2";
+import { observe } from "@voplus/morpho-ui";
+import { runInAction } from "mobx";
+const PageItemHeader = (props) => {
+    const { id, connectDragSource, collapse, iconVisible } = props;
+    const meta = useMetaStore();
+    const [state] = useState(new State());
+    const document = useDocument(id);
+    useEffect(() => {
+        runInAction(() => (state.collapse = collapse));
+    }, [collapse]);
+    return observe(() => (React.createElement(DocumentHeader, { id: id, className: "page-item-header", size: "h2", clickNameEffect: "edit", autoSaveName: true, itemHover: true, skeletonVisible: false, quickDataBarVisible: false, flagVisible: false, onMouse: (over) => (state.over = over), pre: React.createElement(React.Fragment, null,
+            state.over && connectDragSource && (React.createElement("div", { className: "page-move" }, connectDragSource(React.createElement("span", null, React.createElement(FAIcon, { icon: faBars }))))),
+            iconVisible && React.createElement("span", { className: "page-icon" }, meta.getIcon(document))), tools: React.createElement("div", { style: { visibility: state.over ? "visible" : "hidden" }, className: "page-item-tools" },
+            React.createElement(ToolBar, { id: id, moreProps: { buttonProps: { size: "middle" } } },
+                props.preToolBar,
+                React.createElement(Tooltip, { title: state.collapse ? "Expand" : "Collapse" },
+                    React.createElement(Button, { type: "link", onClick: changeCollapse },
+                        React.createElement(FAIcon, { icon: state.collapse ? faChevronDown : faChevronUp }))),
+                props.openVisible && (React.createElement(Open, { size: "middle", url: meta.getRoute({ type: "Graph", id: id }) })),
+                React.createElement(Versions, { size: "middle" }))) })));
+    /** change item collapse */
+    function changeCollapse() {
+        runInAction(() => {
+            var _a;
+            state.collapse = !state.collapse;
+            (_a = props.changeCollapse) === null || _a === void 0 ? void 0 : _a.call(props, state.collapse);
+        });
+    }
+};
+export default PageItemHeader;
 //# sourceMappingURL=index.js.map

package/es/modules/page/components/PageItemHeader/index.js.map

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