@voplus/morpho-document 5.0.17 → 5.0.18

package/es/components/ViewFrame/ViewFrameContext.js

@@ -1,136 +1,135 @@
-import { __decorate } from "tslib";
-import { action, makeObservable, observable } from "mobx";
-import { createContext, useContext } from "react";
-import DocumentTabbedView from "../../views/DocumentTabbedView";
-import ExplorerView from "../../views/ExplorerView";
-import React from "react";
-import TreeView from "../../views/TreeView";
-import { computed } from "mobx";
-export class ViewFrameContextState {
-    constructor(metas, document, _view, type, exclude, disabled) {
-        Object.defineProperty(this, "metas", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: metas
-        });
-        Object.defineProperty(this, "document", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: document
-        });
-        Object.defineProperty(this, "_view", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: _view
-        });
-        Object.defineProperty(this, "type", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: type
-        });
-        Object.defineProperty(this, "exclude", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: exclude
-        });
-        Object.defineProperty(this, "disabled", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: disabled
-        });
-        Object.defineProperty(this, "Extra", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "PreExtra", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        /** list exclude type eg:  exclude={["Task", "Agenda"]} 結果:不會顯示 Task和Agenda文件*/
-        Object.defineProperty(this, "Exclude", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        /** disabled icon view eg: disabled={["TreeView"]} */
-        Object.defineProperty(this, "disabledIcon", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "onNavigate", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        makeObservable(this);
-        this.Exclude = this.exclude;
-        this.disabledIcon = this.disabled;
-    }
-    get id() {
-        return this.document.id;
-    }
-    get view() {
-        return this._view;
-    }
-    get ViewComponent() {
-        var _a;
-        switch (this.view) {
-            case "explorer":
-                return React.createElement(ExplorerView, { id: this.id });
-            case "tree":
-                return React.createElement(TreeView, { id: this.id });
-            case "tabbed":
-                return React.createElement(DocumentTabbedView, { id: this.id });
-            default:
-                const v = this.metas.getDefaultView({ id: this.id, type: (_a = this.type) !== null && _a !== void 0 ? _a : this.document.type });
-                return v !== null && v !== void 0 ? v : React.createElement(ExplorerView, { id: this.id });
-        }
-    }
-    navigate(id, view) {
-        var _a;
-        (_a = this.onNavigate) === null || _a === void 0 ? void 0 : _a.call(this, id !== null && id !== void 0 ? id : this.document.id, view !== null && view !== void 0 ? view : this.view);
-    }
-}
-__decorate([
-    observable.ref
-], ViewFrameContextState.prototype, "Extra", void 0);
-__decorate([
-    observable.ref
-], ViewFrameContextState.prototype, "PreExtra", void 0);
-__decorate([
-    observable
-], ViewFrameContextState.prototype, "Exclude", void 0);
-__decorate([
-    observable
-], ViewFrameContextState.prototype, "disabledIcon", void 0);
-__decorate([
-    computed
-], ViewFrameContextState.prototype, "id", null);
-__decorate([
-    computed
-], ViewFrameContextState.prototype, "ViewComponent", null);
-__decorate([
-    action
-    /** 尝试Navigate现在的Frame至新文件id，view */
-], ViewFrameContextState.prototype, "navigate", null);
-/** React context for ListContextState. */
-export const ViewFrameContext = createContext(null);
-/** React hook to retrieve the nearest ListContextState. */
-export function useFrame() {
-    return useContext(ViewFrameContext);
-}
+import { __decorate } from "tslib";
+import { action, makeObservable, observable } from "mobx";
+import { createContext, useContext } from "react";
+import DocumentTabbedView from "../../views/DocumentTabbedView";
+import ExplorerView from "../../views/ExplorerView";
+import React from "react";
+import TreeView from "../../views/TreeView";
+import { computed } from "mobx";
+export class ViewFrameContextState {
+    constructor(metas, document, _view, type, exclude, disabled) {
+        Object.defineProperty(this, "metas", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: metas
+        });
+        Object.defineProperty(this, "document", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: document
+        });
+        Object.defineProperty(this, "_view", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: _view
+        });
+        Object.defineProperty(this, "type", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: type
+        });
+        Object.defineProperty(this, "exclude", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: exclude
+        });
+        Object.defineProperty(this, "disabled", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: disabled
+        });
+        Object.defineProperty(this, "Extra", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "PreExtra", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        /** list exclude type eg:  exclude={["Task", "Agenda"]} 結果:不會顯示 Task和Agenda文件*/
+        Object.defineProperty(this, "Exclude", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        /** disabled icon view eg: disabled={["TreeView"]} */
+        Object.defineProperty(this, "disabledIcon", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "onNavigate", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        makeObservable(this);
+        this.Exclude = this.exclude;
+        this.disabledIcon = this.disabled;
+    }
+    get id() {
+        return this.document.id;
+    }
+    get view() {
+        return this._view;
+    }
+    get ViewComponent() {
+        var _a;
+        switch (this.view) {
+            case "explorer":
+                return React.createElement(ExplorerView, { id: this.id });
+            case "tree":
+                return React.createElement(TreeView, { id: this.id });
+            case "tabbed":
+                return React.createElement(DocumentTabbedView, { id: this.id });
+            default:
+                const v = this.metas.getDefaultView({ id: this.id, type: (_a = this.type) !== null && _a !== void 0 ? _a : this.document.type });
+                return v !== null && v !== void 0 ? v : React.createElement(ExplorerView, { id: this.id });
+        }
+    }
+    navigate(id, view) {
+        var _a;
+        (_a = this.onNavigate) === null || _a === void 0 ? void 0 : _a.call(this, id !== null && id !== void 0 ? id : this.document.id, view !== null && view !== void 0 ? view : this.view);
+    }
+}
+__decorate([
+    observable.ref
+], ViewFrameContextState.prototype, "Extra", void 0);
+__decorate([
+    observable.ref
+], ViewFrameContextState.prototype, "PreExtra", void 0);
+__decorate([
+    observable
+], ViewFrameContextState.prototype, "Exclude", void 0);
+__decorate([
+    observable
+], ViewFrameContextState.prototype, "disabledIcon", void 0);
+__decorate([
+    computed
+], ViewFrameContextState.prototype, "id", null);
+__decorate([
+    computed
+], ViewFrameContextState.prototype, "ViewComponent", null);
+__decorate([
+    action
+], ViewFrameContextState.prototype, "navigate", null);
+/** React context for ListContextState. */
+export const ViewFrameContext = createContext(null);
+/** React hook to retrieve the nearest ListContextState. */
+export function useFrame() {
+    return useContext(ViewFrameContext);
+}
 //# sourceMappingURL=ViewFrameContext.js.map

package/es/components/ViewFrame/ViewFrameContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"ViewFrameContext.js","sourceRoot":"","sources":["../../../src/components/ViewFrame/ViewFrameContext.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAC1D,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAElD,OAAO,kBAAkB,MAAM,gCAAgC,CAAC;AAChE,OAAO,YAAY,MAAM,0BAA0B,CAAC;AACpD,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,QAAQ,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,MAAM,CAAC;AAIhC,MAAM,OAAO,qBAAqB;IASjC,YACS,KAAyB,EACzB,QAAmB,EACnB,KAAa,EACb,IAAa,EACb,OAAkB,EAClB,QAAmB;QAL3B;;;;mBAAQ,KAAK;WAAoB;QACjC;;;;mBAAQ,QAAQ;WAAW;QAC3B;;;;mBAAQ,KAAK;WAAQ;QACrB;;;;mBAAQ,IAAI;WAAS;QACrB;;;;mBAAQ,OAAO;WAAW;QAC1B;;;;mBAAQ,QAAQ;WAAW;QAdL;;;;;WAAuB;QACvB;;;;;WAA0B;QACjD,+EAA+E;QAC5D;;;;;WAAmB;QACtC,qDAAqD;QAClC;;;;;WAAwB;QACnC;;;;;WAA6C;QAUpD,cAAc,CAAC,IAAI,CAAC,CAAC;QACrB,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC;QAC5B,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,QAAQ,CAAC;IACnC,CAAC;IAES,IAAI,EAAE;QACf,OAAO,IAAI,CAAC,QAAQ,CAAC,EAAE,CAAC;IACzB,CAAC;IAED,IAAW,IAAI;QACd,OAAO,IAAI,CAAC,KAAK,CAAC;IACnB,CAAC;IAGD,IAAW,aAAa;;QACvB,QAAQ,IAAI,CAAC,IAAI,EAAE;YAClB,KAAK,UAAU;gBACd,OAAO,oBAAC,YAAY,IAAC,EAAE,EAAE,IAAI,CAAC,EAAE,GAAI,CAAC;YACtC,KAAK,MAAM;gBACV,OAAO,oBAAC,QAAQ,IAAC,EAAE,EAAE,IAAI,CAAC,EAAE,GAAI,CAAC;YAClC,KAAK,QAAQ;gBACZ,OAAO,oBAAC,kBAAkB,IAAC,EAAE,EAAE,IAAI,CAAC,EAAE,GAAI,CAAC;YAC5C;gBACC,MAAM,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,EAAE,EAAE,EAAE,IAAI,CAAC,EAAE,EAAE,IAAI,EAAE,MAAA,IAAI,CAAC,IAAI,mCAAI,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE,CAAC,CAAC;gBAC5F,OAAO,CAAC,aAAD,CAAC,cAAD,CAAC,GAAI,oBAAC,YAAY,IAAC,EAAE,EAAE,IAAI,CAAC,EAAE,GAAI,CAAC;SAC3C;IACF,CAAC;IAIM,QAAQ,CAAC,EAAiB,EAAE,IAAY;;QAC9C,MAAA,IAAI,CAAC,UAAU,qDAAG,EAAE,aAAF,EAAE,cAAF,EAAE,GAAI,IAAI,CAAC,QAAQ,CAAC,EAAE,EAAE,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,IAAI,CAAC,IAAI,CAAC,CAAC;IAC9D,CAAC;CACD;AAjDuB;IAAtB,UAAU,CAAC,GAAG;oDAA+B;AACvB;IAAtB,UAAU,CAAC,GAAG;uDAAkC;AAE9B;IAAlB,UAAU;sDAA2B;AAEnB;IAAlB,UAAU;2DAAgC;AAgBjC;IAAT,QAAQ;+CAER;AAOD;IADC,QAAQ;0DAaR;AAIM;IAFN,MAAM;IACP,oCAAoC;qDAGnC;AAGF,0CAA0C;AAC1C,MAAM,CAAC,MAAM,gBAAgB,GAAG,aAAa,CAAwB,IAAW,CAAC,CAAC;AAElF,2DAA2D;AAC3D,MAAM,UAAU,QAAQ;IACvB,OAAO,UAAU,CAAC,gBAAgB,CAAC,CAAC;AACrC,CAAC"}
+{"version":3,"file":"ViewFrameContext.js","sourceRoot":"","sources":["../../../src/components/ViewFrame/ViewFrameContext.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAC1D,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAElD,OAAO,kBAAkB,MAAM,gCAAgC,CAAC;AAChE,OAAO,YAAY,MAAM,0BAA0B,CAAC;AACpD,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,QAAQ,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,MAAM,CAAC;AAIhC,MAAM,OAAO,qBAAqB;IASjC,YACS,KAAyB,EACzB,QAAmB,EACnB,KAAa,EACb,IAAa,EACb,OAAkB,EAClB,QAAmB;;;;;mBALnB;;;;;;mBACA;;;;;;mBACA;;;;;;mBACA;;;;;;mBACA;;;;;;mBACA;;QAdO;;;;;WAA8B;QAC9B;;;;;WAAiC;QACjD,+EAA+E;QACnE;;;;;WAA0B;QACtC,qDAAqD;QACzC;;;;;WAA+B;QAC3C;;;;;WAAqD;QAUpD,cAAc,CAAC,IAAI,CAAC,CAAC;QACrB,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC;QAC5B,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,QAAQ,CAAC;IACnC,CAAC;IAES,IAAI,EAAE;QACf,OAAO,IAAI,CAAC,QAAQ,CAAC,EAAE,CAAC;IACzB,CAAC;IAED,IAAW,IAAI;QACd,OAAO,IAAI,CAAC,KAAK,CAAC;IACnB,CAAC;IAGD,IAAW,aAAa;;QACvB,QAAQ,IAAI,CAAC,IAAI,EAAE;YAClB,KAAK,UAAU;gBACd,OAAO,oBAAC,YAAY,IAAC,EAAE,EAAE,IAAI,CAAC,EAAE,GAAI,CAAC;YACtC,KAAK,MAAM;gBACV,OAAO,oBAAC,QAAQ,IAAC,EAAE,EAAE,IAAI,CAAC,EAAE,GAAI,CAAC;YAClC,KAAK,QAAQ;gBACZ,OAAO,oBAAC,kBAAkB,IAAC,EAAE,EAAE,IAAI,CAAC,EAAE,GAAI,CAAC;YAC5C;gBACC,MAAM,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,EAAE,EAAE,EAAE,IAAI,CAAC,EAAE,EAAE,IAAI,EAAE,MAAA,IAAI,CAAC,IAAI,mCAAI,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE,CAAC,CAAC;gBAC5F,OAAO,CAAC,aAAD,CAAC,cAAD,CAAC,GAAI,oBAAC,YAAY,IAAC,EAAE,EAAE,IAAI,CAAC,EAAE,GAAI,CAAC;SAC3C;IACF,CAAC;IAIM,QAAQ,CAAC,EAAiB,EAAE,IAAY;;QAC9C,MAAA,IAAI,CAAC,UAAU,+CAAf,IAAI,EAAc,EAAE,aAAF,EAAE,cAAF,EAAE,GAAI,IAAI,CAAC,QAAQ,CAAC,EAAE,EAAE,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,IAAI,CAAC,IAAI,CAAC,CAAC;IAC9D,CAAC;CACD;AAjDgB;IAAf,UAAU,CAAC,GAAG;oDAA+B;AAC9B;IAAf,UAAU,CAAC,GAAG;uDAAkC;AAErC;IAAX,UAAU;sDAA2B;AAE1B;IAAX,UAAU;2DAAgC;AAgBjC;IAAT,QAAQ;+CAER;AAOD;IADC,QAAQ;0DAaR;AAID;IAFC,MAAM;qDAIN;AAGF,0CAA0C;AAC1C,MAAM,CAAC,MAAM,gBAAgB,GAAG,aAAa,CAAwB,IAAW,CAAC,CAAC;AAElF,2DAA2D;AAC3D,MAAM,UAAU,QAAQ;IACvB,OAAO,UAAU,CAAC,gBAAgB,CAAC,CAAC;AACrC,CAAC"}

package/es/components/ViewFrame/ViewFrameHeader/ViewIcons.d.ts

@@ -1,9 +1,9 @@
-import "./index.less";
-import React from "react";
-export type ViewIconsProps = {
-    id: string;
-    /** 是否disabled default view icon */
-    defaultViewDisabled?: boolean;
-};
-declare const ViewIcons: (props: ViewIconsProps) => React.JSX.Element;
-export default ViewIcons;
+/// <reference types="react" />
+import "./index.less";
+export declare type ViewIconsProps = {
+    id: string;
+    /** 是否disabled default view icon */
+    defaultViewDisabled?: boolean;
+};
+declare const ViewIcons: (props: ViewIconsProps) => JSX.Element;
+export default ViewIcons;

package/es/components/ViewFrame/ViewFrameHeader/ViewIcons.js

@@ -1,46 +1,46 @@
-import "./index.less";
-import React from "react";
-import { faEllipsisHAlt, faFileAlt, faFileDownload, faFolderTree, faFolders, faSidebarFlip, } from "@fortawesome/pro-light-svg-icons";
-import { observe, useAsideContentContext } from "@voplus/morpho-ui";
-import { useDocument, useFileStore } from "@voplus/morpho-document-core";
-import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
-import Icon from "../../Icon";
-import classnames from "classnames";
-import { saveAs } from "file-saver";
-import { useFrame } from "../ViewFrameContext";
-const ViewIcons = (props) => {
-    const frame = useFrame();
-    const asideContext = useAsideContentContext();
-    const fileStore = useFileStore();
-    const document = useDocument(props.id);
-    return observe(() => {
-        var _a, _b, _c;
-        return (React.createElement("div", { className: "view-icons" },
-            frame.PreExtra,
-            React.createElement(Icon, { title: "Default View", border: false, active: frame.view === "default", onClick: () => !props.defaultViewDisabled && frame.navigate(null, "default") },
-                React.createElement(FAIcon, { icon: faFileAlt, className: classnames({ disabled: props.defaultViewDisabled }) })),
-            React.createElement(Icon, { title: "Explorer View", border: false, active: frame.view === "explorer", onClick: () => { var _a; return !((_a = frame.disabledIcon) === null || _a === void 0 ? void 0 : _a.includes("ExplorerView")) && frame.navigate(null, "explorer"); } },
-                React.createElement(FAIcon, { icon: faFolders, className: classnames({ disabled: (_a = frame.disabledIcon) === null || _a === void 0 ? void 0 : _a.includes("ExplorerView") }) })),
-            React.createElement(Icon, { title: "Tree View", border: false, active: frame.view === "tree", onClick: () => { var _a; return !((_a = frame.disabledIcon) === null || _a === void 0 ? void 0 : _a.includes("TreeView")) && frame.navigate(null, "tree"); } },
-                React.createElement(FAIcon, { icon: faFolderTree, className: classnames({ disabled: (_b = frame.disabledIcon) === null || _b === void 0 ? void 0 : _b.includes("TreeView") }) })),
-            React.createElement(Icon, { title: "Tabbed View", border: false, active: frame.view === "tabbed", onClick: () => { var _a; return !((_a = frame.disabledIcon) === null || _a === void 0 ? void 0 : _a.includes("TabbedView")) && frame.navigate(null, "tabbed"); } },
-                React.createElement(FAIcon, { icon: faEllipsisHAlt, className: classnames({ disabled: (_c = frame.disabledIcon) === null || _c === void 0 ? void 0 : _c.includes("TabbedView") }) })),
-            React.createElement(Icon, { title: "Close Aside Content", border: false, active: (asideContext === null || asideContext === void 0 ? void 0 : asideContext.asideContent) ? true : false, onClick: () => asideContext === null || asideContext === void 0 ? void 0 : asideContext.closeAside() },
-                React.createElement(FAIcon, { icon: faSidebarFlip, className: classnames({ disabled: !(asideContext === null || asideContext === void 0 ? void 0 : asideContext.asideContent) }) })),
-            document.type === "File" && (React.createElement(Icon, { title: "Download", border: false, onClick: onDownload },
-                React.createElement(FAIcon, { icon: faFileDownload }))),
-            frame.Extra));
-    });
-    function onDownload() {
-        fileStore.download(props.id).then((blob) => {
-            if (blob) {
-                const url = URL.createObjectURL(blob);
-                if (url) {
-                    saveAs(url, document.name);
-                }
-            }
-        });
-    }
-};
-export default ViewIcons;
+import "./index.less";
+import React from "react";
+import { faEllipsisHAlt, faFileAlt, faFileDownload, faFolderTree, faFolders, faSidebarFlip, } from "@fortawesome/pro-light-svg-icons";
+import { observe, useAsideContentContext } from "@voplus/morpho-ui";
+import { useDocument, useFileStore } from "@voplus/morpho-document-core";
+import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
+import Icon from "../../Icon";
+import classnames from "classnames";
+import { saveAs } from "file-saver";
+import { useFrame } from "../ViewFrameContext";
+const ViewIcons = (props) => {
+    const frame = useFrame();
+    const asideContext = useAsideContentContext();
+    const fileStore = useFileStore();
+    const document = useDocument(props.id);
+    return observe(() => {
+        var _a, _b, _c;
+        return (React.createElement("div", { className: "view-icons" },
+            frame.PreExtra,
+            React.createElement(Icon, { title: "Default View", border: false, active: frame.view === "default", onClick: () => !props.defaultViewDisabled && frame.navigate(null, "default") },
+                React.createElement(FAIcon, { icon: faFileAlt, className: classnames({ disabled: props.defaultViewDisabled }) })),
+            React.createElement(Icon, { title: "Explorer View", border: false, active: frame.view === "explorer", onClick: () => { var _a; return !((_a = frame.disabledIcon) === null || _a === void 0 ? void 0 : _a.includes("ExplorerView")) && frame.navigate(null, "explorer"); } },
+                React.createElement(FAIcon, { icon: faFolders, className: classnames({ disabled: (_a = frame.disabledIcon) === null || _a === void 0 ? void 0 : _a.includes("ExplorerView") }) })),
+            React.createElement(Icon, { title: "Tree View", border: false, active: frame.view === "tree", onClick: () => { var _a; return !((_a = frame.disabledIcon) === null || _a === void 0 ? void 0 : _a.includes("TreeView")) && frame.navigate(null, "tree"); } },
+                React.createElement(FAIcon, { icon: faFolderTree, className: classnames({ disabled: (_b = frame.disabledIcon) === null || _b === void 0 ? void 0 : _b.includes("TreeView") }) })),
+            React.createElement(Icon, { title: "Tabbed View", border: false, active: frame.view === "tabbed", onClick: () => { var _a; return !((_a = frame.disabledIcon) === null || _a === void 0 ? void 0 : _a.includes("TabbedView")) && frame.navigate(null, "tabbed"); } },
+                React.createElement(FAIcon, { icon: faEllipsisHAlt, className: classnames({ disabled: (_c = frame.disabledIcon) === null || _c === void 0 ? void 0 : _c.includes("TabbedView") }) })),
+            React.createElement(Icon, { title: "Close Aside Content", border: false, active: (asideContext === null || asideContext === void 0 ? void 0 : asideContext.asideContent) ? true : false, onClick: () => asideContext === null || asideContext === void 0 ? void 0 : asideContext.closeAside() },
+                React.createElement(FAIcon, { icon: faSidebarFlip, className: classnames({ disabled: !(asideContext === null || asideContext === void 0 ? void 0 : asideContext.asideContent) }) })),
+            document.type === "File" && (React.createElement(Icon, { title: "Download", border: false, onClick: onDownload },
+                React.createElement(FAIcon, { icon: faFileDownload }))),
+            frame.Extra));
+    });
+    function onDownload() {
+        fileStore.download(props.id).then((blob) => {
+            if (blob) {
+                const url = URL.createObjectURL(blob);
+                if (url) {
+                    saveAs(url, document.name);
+                }
+            }
+        });
+    }
+};
+export default ViewIcons;
 //# sourceMappingURL=ViewIcons.js.map

package/es/components/ViewFrame/ViewFrameHeader/index.d.ts

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

package/es/components/ViewFrame/ViewFrameHeader/index.js

@@ -1,14 +1,14 @@
-import DocumentBreadCrumbsHeader from "../../DocumentBreadCrumbsHeader";
-import React from "react";
-import ViewIcons from "./ViewIcons";
-import { observe } from "@voplus/morpho-ui";
-import styles from "./index.less";
-import { useFrame } from "../ViewFrameContext";
-const ViewFrameHeader = (props) => {
-    const frame = useFrame();
-    return observe(() => (React.createElement("div", { className: styles["view-frame-header"] },
-        React.createElement(DocumentBreadCrumbsHeader, { id: props.id, onBreadCrumb: (id) => frame.navigate(id) }),
-        React.createElement(ViewIcons, { id: props.id }))));
-};
-export default ViewFrameHeader;
+import DocumentBreadCrumbsHeader from "../../DocumentBreadCrumbsHeader";
+import React from "react";
+import ViewIcons from "./ViewIcons";
+import { observe } from "@voplus/morpho-ui";
+import styles from "./index.less";
+import { useFrame } from "../ViewFrameContext";
+const ViewFrameHeader = (props) => {
+    const frame = useFrame();
+    return observe(() => (React.createElement("div", { className: styles["view-frame-header"] },
+        React.createElement(DocumentBreadCrumbsHeader, { id: props.id, onBreadCrumb: (id) => frame.navigate(id) }),
+        React.createElement(ViewIcons, { id: props.id }))));
+};
+export default ViewFrameHeader;
 //# sourceMappingURL=index.js.map

package/es/components/ViewFrame/ViewFrameHeader/index.less

@@ -1,16 +1,18 @@
-.view-frame-header {
-	display: flex;
-	padding: 10px 20px;
-	align-items: center;
-	justify-content: space-between;
-	border-bottom: 1px solid #f2f2f2;
-	:global {
-		.view-icons {
-			display: flex;
-			align-items: center;
-			.disabled {
-				color: #bbb9b9;
-			}
-		}
-	}
-}
+@import "~@voplus/antd/es/style/themes/index.less";
+
+.view-frame-header {
+	display: flex;
+	padding: 10px 20px;
+	align-items: center;
+	justify-content: space-between;
+	border-bottom: 1px solid #f2f2f2;
+	:global {
+		.view-icons {
+			display: flex;
+			align-items: center;
+			.disabled {
+				color: #bbb9b9;
+			}
+		}
+	}
+}

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

@@ -1,15 +1,15 @@
-import { IView } from "./ViewFrameContext";
-import React from "react";
-declare const ViewFrame: (props: {
-    id: string;
-    view?: IView | undefined;
-    onNavigate?: ((id: string, view: any) => void) | undefined;
-    className?: string | undefined;
-    /** type override, use this to display the default view type */
-    defaultViewType?: string | undefined;
-    /** list exclude type eg:  exclude={["Task", "Agenda"]} 結果:不會顯示 Task和Agenda文件*/
-    exclude?: string[] | undefined;
-    /** disabled icon view eg: disabled={["TreeView"]} */
-    disabled?: string[] | undefined;
-}) => React.JSX.Element;
-export default ViewFrame;
+/// <reference types="react" />
+import { IView } from "./ViewFrameContext";
+declare const ViewFrame: (props: {
+    id: string;
+    view?: IView | undefined;
+    onNavigate?: ((id: string, view: any) => void) | undefined;
+    className?: string | undefined;
+    /** type override, use this to display the default view type */
+    defaultViewType?: string | undefined;
+    /** list exclude type eg:  exclude={["Task", "Agenda"]} 結果:不會顯示 Task和Agenda文件*/
+    exclude?: string[] | undefined;
+    /** disabled icon view eg: disabled={["TreeView"]} */
+    disabled?: string[] | undefined;
+}) => JSX.Element;
+export default ViewFrame;

package/es/components/ViewFrame/index.js

@@ -1,28 +1,28 @@
-import { ViewFrameContext, ViewFrameContextState } from "./ViewFrameContext";
-import React, { useMemo, useState } from "react";
-import { observe, useAutorunEffect } from "@voplus/morpho-ui";
-import { useDocument, useMetaStore } from "@voplus/morpho-document-core";
-import AsideContent from "@voplus/morpho-ui/es/components/layout/AsideContent";
-import ViewFrameHeader from "./ViewFrameHeader";
-import classnames from "classnames";
-import { runInAction } from "mobx";
-import styles from "./index.less";
-import { useTabItem } from "@voplus/morpho-data";
-const ViewFrame = (props) => {
-    const { id, view, onNavigate, defaultViewType, exclude, disabled } = props;
-    const tab = useTabItem();
-    const metas = useMetaStore();
-    const [asideContext] = useState(AsideContent.createContext());
-    const document = useDocument(id, { reload: (i) => !i.path, includes: "tags,path" });
-    const context = useMemo(() => new ViewFrameContextState(metas, document, view, defaultViewType, exclude, disabled), [id, view, defaultViewType, disabled]);
-    context["onNavigate"] = onNavigate;
-    useAutorunEffect(() => {
-        runInAction(() => (tab.title = document === null || document === void 0 ? void 0 : document.name));
-    });
-    return observe(() => (React.createElement(ViewFrameContext.Provider, { value: context },
-        React.createElement("div", { className: classnames(styles["view-frame"], props.className) },
-            React.createElement(AsideContent, { context: asideContext, header: React.createElement(ViewFrameHeader, { id: props.id }) },
-                React.createElement("div", { className: "view-frame-context" }, context.ViewComponent))))));
-};
-export default ViewFrame;
+import { ViewFrameContext, ViewFrameContextState } from "./ViewFrameContext";
+import React, { useMemo, useState } from "react";
+import { observe, useAutorunEffect } from "@voplus/morpho-ui";
+import { useDocument, useMetaStore } from "@voplus/morpho-document-core";
+import AsideContent from "@voplus/morpho-ui/es/components/layout/AsideContent";
+import ViewFrameHeader from "./ViewFrameHeader";
+import classnames from "classnames";
+import { runInAction } from "mobx";
+import styles from "./index.less";
+import { useTabItem } from "@voplus/morpho-data";
+const ViewFrame = (props) => {
+    const { id, view, onNavigate, defaultViewType, exclude, disabled } = props;
+    const tab = useTabItem();
+    const metas = useMetaStore();
+    const [asideContext] = useState(AsideContent.createContext());
+    const document = useDocument(id, { reload: (i) => !i.path, includes: "tags,path" });
+    const context = useMemo(() => new ViewFrameContextState(metas, document, view, defaultViewType, exclude, disabled), [id, view, defaultViewType, disabled]);
+    context["onNavigate"] = onNavigate;
+    useAutorunEffect(() => {
+        runInAction(() => (tab.title = document === null || document === void 0 ? void 0 : document.name));
+    });
+    return observe(() => (React.createElement(ViewFrameContext.Provider, { value: context },
+        React.createElement("div", { className: classnames(styles["view-frame"], props.className) },
+            React.createElement(AsideContent, { context: asideContext, header: React.createElement(ViewFrameHeader, { id: props.id }) },
+                React.createElement("div", { className: "view-frame-context" }, context.ViewComponent))))));
+};
+export default ViewFrame;
 //# sourceMappingURL=index.js.map

package/es/components/ViewFrame/index.less

@@ -1,12 +1,12 @@
-.view-frame {
-	width: 100%;
-	height: 100%;
-	display: flex;
-	flex-direction: column;
-	background: white;
-	:global {
-		.view-frame-context {
-			height: 100%;
-		}
-	}
-}
+.view-frame {
+	width: 100%;
+	height: 100%;
+	display: flex;
+	flex-direction: column;
+	background: white;
+	:global {
+		.view-frame-context {
+			height: 100%;
+		}
+	}
+}

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

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