@voplus/morpho-document 4.0.3 → 4.0.5

package/es/components/QuickViewDialog/QuickSubTab/index.js

@@ -1,56 +1,56 @@
-import { Button, Tooltip } from "antd";
-import React, { useEffect, useState } from "react";
-import { faAlignLeft, faBriefcase, faFileAlt, faLink, faListCheck, faListTimeline, faTimes, } from "@fortawesome/pro-light-svg-icons";
-import ActivityLog from "@voplus/morpho-org/es/components/ActivityLog/ActivityLog2";
-import DocumentList from "../../DocumentList";
-import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
-import Links from "../../Links";
-import classnames from "classnames";
-import { observe } from "@voplus/morpho-ui";
-import styles from "./index.less";
-import { useLayout } from "@voplus/morpho-data";
-const QuickSubTab = (props) => {
-    const { type, shape, isProperties, isRelatedWorks, isLinks, showSubTab } = { ...props };
-    const [buttonProps, setButtonProps] = useState({});
-    useEffect(() => {
-        if (shape)
-            setButtonProps({ shape: "circle" });
-    }, [shape]);
-    return observe(() => (React.createElement(React.Fragment, null,
-        isProperties && (React.createElement(Tooltip, { title: "Display properties separately" },
-            React.createElement(Button, { ...buttonProps, icon: React.createElement(FAIcon, { icon: faAlignLeft }), onClick: () => showSubTab === null || showSubTab === void 0 ? void 0 : showSubTab("properties") }))),
-        isRelatedWorks && (React.createElement(Tooltip, { title: "Related Works" },
-            React.createElement(Button, { ...buttonProps, icon: React.createElement(FAIcon, { icon: faBriefcase }), onClick: () => showSubTab === null || showSubTab === void 0 ? void 0 : showSubTab("related-works") }))),
-        type !== "Document" && type !== "Shortcut" && type !== "Deal" && (React.createElement(Tooltip, { title: "Sub-Documents" },
-            React.createElement(Button, { ...buttonProps, icon: React.createElement(FAIcon, { icon: faFileAlt }), onClick: () => showSubTab === null || showSubTab === void 0 ? void 0 : showSubTab("documents") }))),
-        type === "Deal" && (React.createElement(Tooltip, { title: "Task" },
-            React.createElement(Button, { ...buttonProps, icon: React.createElement(FAIcon, { icon: faListCheck }), onClick: () => showSubTab === null || showSubTab === void 0 ? void 0 : showSubTab("tasks") }))),
-        type === "Deal" && (React.createElement(Tooltip, { title: "Documents" },
-            React.createElement(Button, { ...buttonProps, icon: React.createElement(FAIcon, { icon: faFileAlt }), onClick: () => showSubTab === null || showSubTab === void 0 ? void 0 : showSubTab("related-documents") }))),
-        React.createElement(Tooltip, { title: "Activities" },
-            React.createElement(Button, { ...buttonProps, icon: React.createElement(FAIcon, { icon: faListTimeline }), onClick: () => showSubTab === null || showSubTab === void 0 ? void 0 : showSubTab("activities") })),
-        isLinks && (React.createElement(Tooltip, { title: "Links" },
-            React.createElement(Button, { ...buttonProps, icon: React.createElement(FAIcon, { icon: faLink }), onClick: () => showSubTab === null || showSubTab === void 0 ? void 0 : showSubTab("links") }))))));
-};
-QuickSubTab.defaultProps = {
-    shape: false,
-    isLinks: true,
-};
-const QuickSubContent = (props) => {
-    const { type, id, shape, exclude, className, propertiesView, relatedWorks, relatedDocuments, taskList, onCancel, } = {
-        ...props,
-    };
-    const layout = useLayout();
-    return observe(() => (React.createElement("div", { className: classnames(styles["quickView-right"], className) },
-        layout.ui.mobile ? null : (React.createElement("div", { className: "close-icon" }, shape ? (React.createElement(Button, { icon: React.createElement(FAIcon, { icon: faTimes }), onClick: onCancel })) : (React.createElement(FAIcon, { icon: faTimes, onClick: onCancel })))),
-        React.createElement("div", { className: "tab-content" },
-            type === "documents" && React.createElement(DocumentList, { id: id, exclude: exclude, multiple: true }),
-            type === "activities" && React.createElement(ActivityLog, { id: id }),
-            type === "links" && React.createElement(Links, { id: id, isTitle: false }),
-            type === "properties" && propertiesView,
-            type === "related-works" && relatedWorks,
-            type === "related-documents" && relatedDocuments,
-            type === "tasks" && taskList))));
-};
-export { QuickSubTab, QuickSubContent };
+import { Button, Tooltip } from "antd";
+import React, { useEffect, useState } from "react";
+import { faAlignLeft, faBriefcase, faFileAlt, faLink, faListCheck, faListTimeline, faTimes, } from "@fortawesome/pro-light-svg-icons";
+import ActivityLog from "@voplus/morpho-org/es/components/ActivityLog/ActivityLog2";
+import DocumentList from "../../DocumentList";
+import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
+import Links from "../../Links";
+import classnames from "classnames";
+import { observe } from "@voplus/morpho-ui";
+import styles from "./index.less";
+import { useLayout } from "@voplus/morpho-data";
+const QuickSubTab = (props) => {
+    const { type, shape, isProperties, isRelatedWorks, isLinks, showSubTab } = { ...props };
+    const [buttonProps, setButtonProps] = useState({});
+    useEffect(() => {
+        if (shape)
+            setButtonProps({ shape: "circle" });
+    }, [shape]);
+    return observe(() => (React.createElement(React.Fragment, null,
+        isProperties && (React.createElement(Tooltip, { title: "Display properties separately" },
+            React.createElement(Button, { ...buttonProps, icon: React.createElement(FAIcon, { icon: faAlignLeft }), onClick: () => showSubTab === null || showSubTab === void 0 ? void 0 : showSubTab("properties") }))),
+        isRelatedWorks && (React.createElement(Tooltip, { title: "Related Works" },
+            React.createElement(Button, { ...buttonProps, icon: React.createElement(FAIcon, { icon: faBriefcase }), onClick: () => showSubTab === null || showSubTab === void 0 ? void 0 : showSubTab("related-works") }))),
+        type !== "Document" && type !== "Shortcut" && type !== "Deal" && (React.createElement(Tooltip, { title: "Sub-Documents" },
+            React.createElement(Button, { ...buttonProps, icon: React.createElement(FAIcon, { icon: faFileAlt }), onClick: () => showSubTab === null || showSubTab === void 0 ? void 0 : showSubTab("documents") }))),
+        type === "Deal" && (React.createElement(Tooltip, { title: "Task" },
+            React.createElement(Button, { ...buttonProps, icon: React.createElement(FAIcon, { icon: faListCheck }), onClick: () => showSubTab === null || showSubTab === void 0 ? void 0 : showSubTab("tasks") }))),
+        type === "Deal" && (React.createElement(Tooltip, { title: "Documents" },
+            React.createElement(Button, { ...buttonProps, icon: React.createElement(FAIcon, { icon: faFileAlt }), onClick: () => showSubTab === null || showSubTab === void 0 ? void 0 : showSubTab("related-documents") }))),
+        React.createElement(Tooltip, { title: "Activities" },
+            React.createElement(Button, { ...buttonProps, icon: React.createElement(FAIcon, { icon: faListTimeline }), onClick: () => showSubTab === null || showSubTab === void 0 ? void 0 : showSubTab("activities") })),
+        isLinks && (React.createElement(Tooltip, { title: "Links" },
+            React.createElement(Button, { ...buttonProps, icon: React.createElement(FAIcon, { icon: faLink }), onClick: () => showSubTab === null || showSubTab === void 0 ? void 0 : showSubTab("links") }))))));
+};
+QuickSubTab.defaultProps = {
+    shape: false,
+    isLinks: true,
+};
+const QuickSubContent = (props) => {
+    const { type, id, shape, exclude, className, propertiesView, relatedWorks, relatedDocuments, taskList, onCancel, } = {
+        ...props,
+    };
+    const layout = useLayout();
+    return observe(() => (React.createElement("div", { className: classnames(styles["quickView-right"], className) },
+        layout.ui.mobile ? null : (React.createElement("div", { className: "close-icon" }, shape ? (React.createElement(Button, { icon: React.createElement(FAIcon, { icon: faTimes }), onClick: onCancel })) : (React.createElement(FAIcon, { icon: faTimes, onClick: onCancel })))),
+        React.createElement("div", { className: "tab-content" },
+            type === "documents" && React.createElement(DocumentList, { id: id, exclude: exclude, multiple: true }),
+            type === "activities" && React.createElement(ActivityLog, { id: id }),
+            type === "links" && React.createElement(Links, { id: id, isTitle: false }),
+            type === "properties" && propertiesView,
+            type === "related-works" && relatedWorks,
+            type === "related-documents" && relatedDocuments,
+            type === "tasks" && taskList))));
+};
+export { QuickSubTab, QuickSubContent };
 //# sourceMappingURL=index.js.map

package/es/components/QuickViewDialog/QuickSubTab/index.less

@@ -1,23 +1,23 @@
-.quickView-right {
-	height: 100%;
-	flex: 1;
-	display: flex;
-	flex-direction: column;
-	border-left: solid 1px #eeeeee;
-	:global {
-		.close-icon {
-			font-size: 22px;
-			text-align: right;
-			padding: 10px 20px 0;
-			cursor: pointer;
-		}
-		.tab-content {
-			position: relative;
-			flex: 1;
-			.tab-module-box {
-				height: 100%;
-				padding: 10px 0 0 10px;
-			}
-		}
-	}
-}
+.quickView-right {
+	height: 100%;
+	flex: 1;
+	display: flex;
+	flex-direction: column;
+	border-left: solid 1px #eeeeee;
+	:global {
+		.close-icon {
+			font-size: 22px;
+			text-align: right;
+			padding: 10px 20px 0;
+			cursor: pointer;
+		}
+		.tab-content {
+			position: relative;
+			flex: 1;
+			.tab-module-box {
+				height: 100%;
+				padding: 10px 0 0 10px;
+			}
+		}
+	}
+}

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

@@ -1,34 +1,34 @@
-import { QuickViewProps } from "@voplus/morpho-document-core";
-import { ReactNode } from "react";
-export declare type QuickViewDialogProps = {
-    className?: string;
-    /** 是否单独显示properties */
-    isProperties?: boolean;
-    /** 当isProperties为true时，单独显示properties */
-    propertiesView?: ReactNode;
-    /** 是否单独显示Related Works */
-    isRelatedWorks?: boolean;
-    /** 当isRelatedWorks为true时，单独显示Related Works */
-    relatedWorks?: ReactNode;
-    /** 个别 (Deal) quickView 需要显示 RelatedDocuments */
-    relatedDocuments?: ReactNode;
-    /** 是否显示Links */
-    isLinks?: boolean;
-    /** 个别 (Deal) quickView 需要显示 TaskList */
-    taskList?: ReactNode;
-    /** show close button or not. */
-    closeVisible?: boolean;
-    /** 不显示某些类型的文件 e.g. exclude={["Task", "Agenda"]} */
-    exclude?: string[];
-    /** header */
-    header?: ReactNode;
-    /** listContent */
-    children?: ReactNode;
-} & QuickViewProps;
-declare const QuickViewDialog: {
-    (props: QuickViewDialogProps): JSX.Element;
-    defaultProps: {
-        closeVisible: boolean;
-    };
-};
-export default QuickViewDialog;
+import { QuickViewProps } from "@voplus/morpho-document-core";
+import { ReactNode } from "react";
+export declare type QuickViewDialogProps = {
+    className?: string;
+    /** 是否单独显示properties */
+    isProperties?: boolean;
+    /** 当isProperties为true时，单独显示properties */
+    propertiesView?: ReactNode;
+    /** 是否单独显示Related Works */
+    isRelatedWorks?: boolean;
+    /** 当isRelatedWorks为true时，单独显示Related Works */
+    relatedWorks?: ReactNode;
+    /** 个别 (Deal) quickView 需要显示 RelatedDocuments */
+    relatedDocuments?: ReactNode;
+    /** 是否显示Links */
+    isLinks?: boolean;
+    /** 个别 (Deal) quickView 需要显示 TaskList */
+    taskList?: ReactNode;
+    /** show close button or not. */
+    closeVisible?: boolean;
+    /** 不显示某些类型的文件 e.g. exclude={["Task", "Agenda"]} */
+    exclude?: string[];
+    /** header */
+    header?: ReactNode;
+    /** listContent */
+    children?: ReactNode;
+} & QuickViewProps;
+declare const QuickViewDialog: {
+    (props: QuickViewDialogProps): JSX.Element;
+    defaultProps: {
+        closeVisible: boolean;
+    };
+};
+export default QuickViewDialog;

package/es/components/QuickViewDialog/index.js

@@ -1,54 +1,54 @@
-import { AsideContent, observe } from "@voplus/morpho-ui";
-import { CommentDataIcon, DateQuickIcon, DocumentPathDataIcon, UserQuickIcon, } from "../../controls/data-icons";
-import { QuickSubContent, QuickSubTab } from "./QuickSubTab";
-import { useDocument } from "@voplus/morpho-document-core";
-import React, { useState } from "react";
-import DataIconBar from "../../controls/DataIconBar";
-import DocumentHeader from "../DocumentHeader";
-import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
-import FlexDialog from "../FlexDialog";
-import Preview from "../FileViewer/Preview";
-import { State } from "./state";
-import { faTimes } from "@fortawesome/pro-light-svg-icons";
-import styles from "./index.less";
-import { useLayout } from "@voplus/morpho-data";
-const QuickViewDialog = (props) => {
-    const [state] = useState(new State());
-    const [asideContext] = useState(AsideContent.createContext());
-    const layout = useLayout();
-    const doc = useDocument(props.id, { reload: true, includes: "tags, versions" });
-    return observe(() => (React.createElement(React.Fragment, null, doc.type === "File" ? (React.createElement(Preview, { id: props.id, visible: props.visible, url: `/document/${props.id}`, onClose: props.onCancel })) : (React.createElement(FlexDialog, { modalProps: {
-            className: "quickView-modal-style",
-            width: state.subTab ? "1000px" : "500px",
-            destroyOnClose: true,
-            closable: false,
-            footer: false,
-            open: props.visible,
-            onCancel: props.onCancel,
-        }, closeAside: props.onCancel },
-        React.createElement(AsideContent, { context: asideContext, className: styles["quickView-aside"] },
-            React.createElement("div", { className: "quickView-left" },
-                React.createElement("div", { className: "document-header" },
-                    props.closeVisible && !layout.ui.mobile && (React.createElement("div", { className: "close-icon" },
-                        React.createElement(FAIcon, { icon: faTimes, onClick: props.onCancel }))),
-                    props.header ? (props.header) : (React.createElement(DocumentHeader, { id: props.id, size: "h3", quickDataBar: React.createElement(DataIconBar, null,
-                            React.createElement(DateQuickIcon, { id: props.id }),
-                            React.createElement(CommentDataIcon, { id: props.id }),
-                            React.createElement(UserQuickIcon, { id: props.id }),
-                            React.createElement(DocumentPathDataIcon, { id: props.id })), quickDataBarAlign: "left", clickNameEffect: "edit", autoSaveName: true }))),
-                React.createElement("div", { className: "quickView-contents" },
-                    React.createElement("div", { className: "quickView-subTab" },
-                        React.createElement(QuickSubTab, { type: doc.type, isLinks: props.isLinks, isProperties: props.isProperties, isRelatedWorks: props.isRelatedWorks, showSubTab: (key) => {
-                                state.subTab = true;
-                                asideContext.openAside(React.createElement(QuickSubContent, { id: props.id, type: key, propertiesView: props.propertiesView, relatedWorks: props.relatedWorks, relatedDocuments: props.relatedDocuments, taskList: props.taskList, exclude: props.exclude, onCancel: () => {
-                                        asideContext.closeAside();
-                                        state.subTab = false;
-                                    } }), { span: 12 });
-                            } })),
-                    props.children))))))));
-};
-QuickViewDialog.defaultProps = {
-    closeVisible: true,
-};
-export default QuickViewDialog;
+import { AsideContent, observe } from "@voplus/morpho-ui";
+import { CommentDataIcon, DateQuickIcon, DocumentPathDataIcon, UserQuickIcon, } from "../../controls/data-icons";
+import { QuickSubContent, QuickSubTab } from "./QuickSubTab";
+import { useDocument } from "@voplus/morpho-document-core";
+import React, { useState } from "react";
+import DataIconBar from "../../controls/DataIconBar";
+import DocumentHeader from "../DocumentHeader";
+import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
+import FlexDialog from "../FlexDialog";
+import Preview from "../FileViewer/Preview";
+import { State } from "./state";
+import { faTimes } from "@fortawesome/pro-light-svg-icons";
+import styles from "./index.less";
+import { useLayout } from "@voplus/morpho-data";
+const QuickViewDialog = (props) => {
+    const [state] = useState(new State());
+    const [asideContext] = useState(AsideContent.createContext());
+    const layout = useLayout();
+    const doc = useDocument(props.id, { reload: true, includes: "tags, versions" });
+    return observe(() => (React.createElement(React.Fragment, null, doc.type === "File" ? (React.createElement(Preview, { id: props.id, visible: props.visible, url: `/document/${props.id}`, onClose: props.onCancel })) : (React.createElement(FlexDialog, { modalProps: {
+            className: "quickView-modal-style",
+            width: state.subTab ? "1000px" : "500px",
+            destroyOnClose: true,
+            closable: false,
+            footer: false,
+            open: props.visible,
+            onCancel: props.onCancel,
+        }, closeAside: props.onCancel },
+        React.createElement(AsideContent, { context: asideContext, className: styles["quickView-aside"] },
+            React.createElement("div", { className: "quickView-left" },
+                React.createElement("div", { className: "document-header" },
+                    props.closeVisible && !layout.ui.mobile && (React.createElement("div", { className: "close-icon" },
+                        React.createElement(FAIcon, { icon: faTimes, onClick: props.onCancel }))),
+                    props.header ? (props.header) : (React.createElement(DocumentHeader, { id: props.id, size: "h3", quickDataBar: React.createElement(DataIconBar, null,
+                            React.createElement(DateQuickIcon, { id: props.id }),
+                            React.createElement(CommentDataIcon, { id: props.id }),
+                            React.createElement(UserQuickIcon, { id: props.id }),
+                            React.createElement(DocumentPathDataIcon, { id: props.id })), quickDataBarAlign: "left", clickNameEffect: "edit", autoSaveName: true }))),
+                React.createElement("div", { className: "quickView-contents" },
+                    React.createElement("div", { className: "quickView-subTab" },
+                        React.createElement(QuickSubTab, { type: doc.type, isLinks: props.isLinks, isProperties: props.isProperties, isRelatedWorks: props.isRelatedWorks, showSubTab: (key) => {
+                                state.subTab = true;
+                                asideContext.openAside(React.createElement(QuickSubContent, { id: props.id, type: key, propertiesView: props.propertiesView, relatedWorks: props.relatedWorks, relatedDocuments: props.relatedDocuments, taskList: props.taskList, exclude: props.exclude, onCancel: () => {
+                                        asideContext.closeAside();
+                                        state.subTab = false;
+                                    } }), { span: 12 });
+                            } })),
+                    props.children))))))));
+};
+QuickViewDialog.defaultProps = {
+    closeVisible: true,
+};
+export default QuickViewDialog;
 //# sourceMappingURL=index.js.map

package/es/components/QuickViewDialog/index.less

@@ -1,82 +1,82 @@
-.quickView-modal {
-	height: calc(100% - 200px);
-
-	:global {
-		.ant-modal-content {
-			height: 100%;
-		}
-
-		.ant-modal-body {
-			display: flex;
-			height: 100%;
-			padding: 0 !important;
-		}
-	}
-}
-
-.quickView-aside {
-	width: 100%;
-
-	:global {
-		.document-header {
-			.document-header-default {
-				display: flex;
-				padding: 20px;
-			}
-
-			.tools-bar {
-				align-self: flex-end;
-			}
-		}
-
-		.quickView-left {
-			flex: 1;
-			display: flex;
-			flex-direction: column;
-
-			.document-header {
-				// padding: 10px 15px;
-				position: relative;
-				border-bottom: solid 1px #eeeeee;
-
-				.close-icon {
-					position: absolute;
-					right: 0;
-					font-size: 22px;
-					text-align: right;
-					cursor: pointer;
-					padding: 10px 20px 0;
-				}
-			}
-
-			.quickView-contents {
-				flex: 1;
-				display: flex;
-				flex-direction: column;
-				overflow: hidden;
-
-				.quickView-subTab {
-					display: inline-block;
-					text-align: right;
-					padding: 10px 20px;
-
-					.ant-btn {
-						margin-left: 10px;
-					}
-				}
-
-				.quickView-description {
-					padding: 10px 15px;
-				}
-			}
-		}
-
-		.frame-view___o5TgK {
-			.frame-header {
-				position: absolute;
-				top: 0;
-				background-color: #fff;
-			}
-		}
-	}
-}
+.quickView-modal {
+	height: calc(100% - 200px);
+
+	:global {
+		.ant-modal-content {
+			height: 100%;
+		}
+
+		.ant-modal-body {
+			display: flex;
+			height: 100%;
+			padding: 0 !important;
+		}
+	}
+}
+
+.quickView-aside {
+	width: 100%;
+
+	:global {
+		.document-header {
+			.document-header-default {
+				display: flex;
+				padding: 20px;
+			}
+
+			.tools-bar {
+				align-self: flex-end;
+			}
+		}
+
+		.quickView-left {
+			flex: 1;
+			display: flex;
+			flex-direction: column;
+
+			.document-header {
+				// padding: 10px 15px;
+				position: relative;
+				border-bottom: solid 1px #eeeeee;
+
+				.close-icon {
+					position: absolute;
+					right: 0;
+					font-size: 22px;
+					text-align: right;
+					cursor: pointer;
+					padding: 10px 20px 0;
+				}
+			}
+
+			.quickView-contents {
+				flex: 1;
+				display: flex;
+				flex-direction: column;
+				overflow: hidden;
+
+				.quickView-subTab {
+					display: inline-block;
+					text-align: right;
+					padding: 10px 20px;
+
+					.ant-btn {
+						margin-left: 10px;
+					}
+				}
+
+				.quickView-description {
+					padding: 10px 15px;
+				}
+			}
+		}
+
+		.frame-view___o5TgK {
+			.frame-header {
+				position: absolute;
+				top: 0;
+				background-color: #fff;
+			}
+		}
+	}
+}

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

@@ -1,9 +1,9 @@
-export declare class State {
-    /** 当前激活 tab 面板的 key */
-    key: string;
-    /** 是否显示 tab */
-    subTab: boolean;
-    constructor();
-    /** Callback of switch panel  */
-    showSubTab(key: string): void;
-}
+export declare class State {
+    /** 当前激活 tab 面板的 key */
+    key: string;
+    /** 是否显示 tab */
+    subTab: boolean;
+    constructor();
+    /** Callback of switch panel  */
+    showSubTab(key: string): void;
+}

package/es/components/QuickViewDialog/state.js

@@ -1,37 +1,37 @@
-import { __decorate } from "tslib";
-import { action, makeObservable, observable } from "mobx";
-export class State {
-    constructor() {
-        /** 当前激活 tab 面板的 key */
-        Object.defineProperty(this, "key", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: ""
-        });
-        /** 是否显示 tab */
-        Object.defineProperty(this, "subTab", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: false
-        });
-        makeObservable(this);
-    }
-    /** Callback of switch panel  */
-    showSubTab(key) {
-        if (!this.subTab)
-            this.subTab = true;
-        this.key = key;
-    }
-}
-__decorate([
-    observable
-], State.prototype, "key", void 0);
-__decorate([
-    observable
-], State.prototype, "subTab", void 0);
-__decorate([
-    action
-], State.prototype, "showSubTab", null);
+import { __decorate } from "tslib";
+import { action, makeObservable, observable } from "mobx";
+export class State {
+    constructor() {
+        /** 当前激活 tab 面板的 key */
+        Object.defineProperty(this, "key", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: ""
+        });
+        /** 是否显示 tab */
+        Object.defineProperty(this, "subTab", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: false
+        });
+        makeObservable(this);
+    }
+    /** Callback of switch panel  */
+    showSubTab(key) {
+        if (!this.subTab)
+            this.subTab = true;
+        this.key = key;
+    }
+}
+__decorate([
+    observable
+], State.prototype, "key", void 0);
+__decorate([
+    observable
+], State.prototype, "subTab", void 0);
+__decorate([
+    action
+], State.prototype, "showSubTab", null);
 //# sourceMappingURL=state.js.map

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

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