@voplus/morpho-document 1.4.93 → 1.4.95

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

@@ -1,21 +1,21 @@
-/// <reference types="react" />
-export declare type QuickViewProps = {
-    type?: string;
-    shape?: boolean;
-    showSubTab?: (params?: any) => void;
-};
-declare const QuickSubTab: {
-    (props: QuickViewProps): JSX.Element;
-    defaultProps: {
-        shape: boolean;
-    };
-};
-declare const QuickSubContent: (props: {
-    id: string;
-    type?: string;
-    shape?: boolean;
-    className?: string;
-    exclude?: string[];
-    onCancel?: () => void;
-}) => JSX.Element;
-export { QuickSubTab, QuickSubContent };
+/// <reference types="react" />
+export declare type QuickViewProps = {
+    type?: string;
+    shape?: boolean;
+    showSubTab?: (params?: any) => void;
+};
+declare const QuickSubTab: {
+    (props: QuickViewProps): JSX.Element;
+    defaultProps: {
+        shape: boolean;
+    };
+};
+declare const QuickSubContent: (props: {
+    id: string;
+    type?: string;
+    shape?: boolean;
+    className?: string;
+    exclude?: string[];
+    onCancel?: () => void;
+}) => JSX.Element;
+export { QuickSubTab, QuickSubContent };

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

@@ -1,37 +1,37 @@
-import { Button, Tooltip } from "@voplus/antd";
-import React, { useEffect, useState } from "react";
-import { faFileAlt, faTimes, faUserChart } 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 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, showSubTab } = { ...props };
-    const [buttonProps, setButtonProps] = useState({});
-    useEffect(() => {
-        if (shape)
-            setButtonProps({ shape: "circle" });
-    }, [shape]);
-    return observe(() => (React.createElement(React.Fragment, null,
-        (type !== "Document" && type !== "Shortcut") && (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") }))),
-        React.createElement(Tooltip, { title: "Activities" },
-            React.createElement(Button, { ...buttonProps, icon: React.createElement(FAIcon, { icon: faUserChart }), onClick: () => showSubTab === null || showSubTab === void 0 ? void 0 : showSubTab("activities") })))));
-};
-QuickSubTab.defaultProps = {
-    shape: true,
-};
-const QuickSubContent = (props) => {
-    const { type, id, shape, exclude, className, 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 })))));
-};
-export { QuickSubTab, QuickSubContent };
+import { Button, Tooltip } from "@voplus/antd";
+import React, { useEffect, useState } from "react";
+import { faFileAlt, faTimes, faUserChart } 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 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, showSubTab } = { ...props };
+    const [buttonProps, setButtonProps] = useState({});
+    useEffect(() => {
+        if (shape)
+            setButtonProps({ shape: "circle" });
+    }, [shape]);
+    return observe(() => (React.createElement(React.Fragment, null,
+        (type !== "Document" && type !== "Shortcut") && (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") }))),
+        React.createElement(Tooltip, { title: "Activities" },
+            React.createElement(Button, { ...buttonProps, icon: React.createElement(FAIcon, { icon: faUserChart }), onClick: () => showSubTab === null || showSubTab === void 0 ? void 0 : showSubTab("activities") })))));
+};
+QuickSubTab.defaultProps = {
+    shape: true,
+};
+const QuickSubContent = (props) => {
+    const { type, id, shape, exclude, className, 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 })))));
+};
+export { QuickSubTab, QuickSubContent };
 //# sourceMappingURL=index.js.map

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

@@ -1,18 +1,18 @@
-import { ReactNode } from "react";
-export declare type QuickViewProps = {
-    id: string;
-    className?: string;
-    visible?: boolean;
-    closeVisible?: boolean;
-    onCancel?: () => void;
-    exclude?: string[];
-    header?: ReactNode;
-    children?: ReactNode;
-};
-declare const QuickViewDialog: {
-    (props: QuickViewProps): JSX.Element;
-    defaultProps: {
-        closeVisible: boolean;
-    };
-};
-export default QuickViewDialog;
+import { ReactNode } from "react";
+export declare type QuickViewProps = {
+    id: string;
+    className?: string;
+    visible?: boolean;
+    closeVisible?: boolean;
+    onCancel?: () => void;
+    exclude?: string[];
+    header?: ReactNode;
+    children?: ReactNode;
+};
+declare const QuickViewDialog: {
+    (props: QuickViewProps): JSX.Element;
+    defaultProps: {
+        closeVisible: boolean;
+    };
+};
+export default QuickViewDialog;

package/es/components/QuickViewDialog/index.js

@@ -1,49 +1,49 @@
-import { AsideContent, observe } from "@voplus/morpho-ui";
-import { CommentDataIcon, DateQuickIcon, UserQuickIcon } from "../../controls/data-icons";
-import { useDocument } from "@voplus/morpho-document-core";
-import { QuickSubContent, QuickSubTab } from "./QuickSubTab";
-import React, { useState } from "react";
-import { ArrowLeftOutlined } from "@ant-design/icons";
-import DataIconBar from "../../controls/DataIconBar";
-import DocumentHeader from "../DocumentHeader";
-import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
-import Preview from "../FileViewer/Preview";
-import QuickModal from "./QuickModal";
-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(QuickModal, { width: state.subTab ? "1000px" : "500px", visible: props.visible, onCancel: 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", { style: { padding: "10px 20px", borderBottom: "1px solid #f2f2f2" } },
-                            React.createElement(ArrowLeftOutlined, { style: { fontSize: "16px" }, onClick: props.onCancel }))) : (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 })), quickDataBarAlign: "left", clickNameEffect: "edit", autoSaveName: true }))),
-                React.createElement("div", { className: "quickView-contents" },
-                    React.createElement("div", { className: "quickView-subTab" },
-                        React.createElement(QuickSubTab, { type: doc.type, showSubTab: (key) => {
-                                state.subTab = true;
-                                asideContext.openAside(React.createElement(QuickSubContent, { id: props.id, type: key, 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, UserQuickIcon } from "../../controls/data-icons";
+import { useDocument } from "@voplus/morpho-document-core";
+import { QuickSubContent, QuickSubTab } from "./QuickSubTab";
+import React, { useState } from "react";
+import { ArrowLeftOutlined } from "@ant-design/icons";
+import DataIconBar from "../../controls/DataIconBar";
+import DocumentHeader from "../DocumentHeader";
+import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
+import Preview from "../FileViewer/Preview";
+import QuickModal from "./QuickModal";
+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(QuickModal, { width: state.subTab ? "1000px" : "500px", visible: props.visible, onCancel: 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", { style: { padding: "10px 20px", borderBottom: "1px solid #f2f2f2" } },
+                            React.createElement(ArrowLeftOutlined, { style: { fontSize: "16px" }, onClick: props.onCancel }))) : (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 })), quickDataBarAlign: "left", clickNameEffect: "edit", autoSaveName: true }))),
+                React.createElement("div", { className: "quickView-contents" },
+                    React.createElement("div", { className: "quickView-subTab" },
+                        React.createElement(QuickSubTab, { type: doc.type, showSubTab: (key) => {
+                                state.subTab = true;
+                                asideContext.openAside(React.createElement(QuickSubContent, { id: props.id, type: key, 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/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;

package/es/components/TagView/index.js

@@ -1,47 +1,47 @@
-import "./index.less";
-import { Button, Popover, Select, Spin, Tag, Tooltip } from "@voplus/antd";
-import { useDocumentStore } from "@voplus/morpho-document-core";
-import React, { useEffect, useState } from "react";
-import { State, colorList } from "./state";
-import { PlusOutlined } from "@ant-design/icons";
-import classnames from "classnames";
-import { observe } from "@voplus/morpho-ui";
-import { runInAction } from "mobx";
-const TagView = (props) => {
-    const { id, tags, editable, className } = props;
-    const documentStore = useDocumentStore();
-    const [state] = useState(new State(id, documentStore));
-    useEffect(() => {
-        if (state.visible)
-            state.init();
-    }, [state.visible]);
-    useEffect(() => {
-        runInAction(() => (state.tags = tags || []));
-    }, [tags]);
-    const content = observe(() => (React.createElement("div", { className: "add-tag-dialog" },
-        React.createElement("div", { className: "tag-view-color" }, colorList.map((item) => (React.createElement("div", { key: item.value, className: "tag-color-item", style: state.color === item.value ? { borderColor: item.borderColor || item.color } : {} },
-            React.createElement("span", { className: "color", onClick: () => state.selectColor(item.value), style: {
-                    backgroundColor: item.color,
-                    borderColor: item.borderColor,
-                } }, ""))))),
-        state.editTagName && (React.createElement("div", { className: "reselect-information" },
-            React.createElement(Tag, { color: state.info.color }, state.editTagName),
-            React.createElement(Button, { type: "link", onClick: () => (state.info = {}) }, "Close Reselect"))),
-        React.createElement(Select, { autoFocus: true, showSearch: true, value: state.name, disabled: !!state.editTagName, showArrow: false, filterOption: false, notFoundContent: state.loading ? React.createElement(Spin, null) : null, placeholder: state.name, onSearch: state.onSearch, onSelect: state.onChange, onInputKeyDown: state.onkeydown }, state.list.map((d, index) => (React.createElement(Select.Option, { key: index, value: d.name }, d.name)))),
-        React.createElement("div", null, state.addTags.map((tag, index) => (React.createElement(Tooltip, { key: index, title: state.editTagName === tag.name ? "" : "Click to reselect color" },
-            React.createElement(Tag, { color: tag.color, closable: true, onClick: () => (state.info = tag), onClose: (e) => state.onRemove(e, tag.name) }, tag.name))))),
-        React.createElement("div", { className: "add-tag-dialog-footer" },
-            React.createElement(Button, { type: "link", className: "cancel", onClick: () => runInAction(() => (state.visible = false)) }, "Cancel"),
-            React.createElement(Button, { type: "link", loading: state.saveLoading, onClick: state.onOk }, "Ok")))));
-    return observe(() => (React.createElement("div", { className: classnames(className, "tag-view") },
-        state.tags.map((tag, index) => (React.createElement(Tag, { key: index, color: tag.color, closable: !!editable, onClose: (e) => {
-                e.preventDefault();
-                state.onClose(tag.name);
-            } }, tag.name))),
-        !!editable && (React.createElement(Popover, { content: content, title: "", trigger: "click", visible: state.visible, onVisibleChange: state.onVisibleChange },
-            React.createElement(Tag, { className: classnames("add-tag-btn", { show: state.show }) },
-                React.createElement(PlusOutlined, null),
-                " tag"))))));
-};
-export default TagView;
+import "./index.less";
+import { Button, Popover, Select, Spin, Tag, Tooltip } from "@voplus/antd";
+import { useDocumentStore } from "@voplus/morpho-document-core";
+import React, { useEffect, useState } from "react";
+import { State, colorList } from "./state";
+import { PlusOutlined } from "@ant-design/icons";
+import classnames from "classnames";
+import { observe } from "@voplus/morpho-ui";
+import { runInAction } from "mobx";
+const TagView = (props) => {
+    const { id, tags, editable, className } = props;
+    const documentStore = useDocumentStore();
+    const [state] = useState(new State(id, documentStore));
+    useEffect(() => {
+        if (state.visible)
+            state.init();
+    }, [state.visible]);
+    useEffect(() => {
+        runInAction(() => (state.tags = tags || []));
+    }, [tags]);
+    const content = observe(() => (React.createElement("div", { className: "add-tag-dialog" },
+        React.createElement("div", { className: "tag-view-color" }, colorList.map((item) => (React.createElement("div", { key: item.value, className: "tag-color-item", style: state.color === item.value ? { borderColor: item.borderColor || item.color } : {} },
+            React.createElement("span", { className: "color", onClick: () => state.selectColor(item.value), style: {
+                    backgroundColor: item.color,
+                    borderColor: item.borderColor,
+                } }, ""))))),
+        state.editTagName && (React.createElement("div", { className: "reselect-information" },
+            React.createElement(Tag, { color: state.info.color }, state.editTagName),
+            React.createElement(Button, { type: "link", onClick: () => (state.info = {}) }, "Close Reselect"))),
+        React.createElement(Select, { autoFocus: true, showSearch: true, value: state.name, disabled: !!state.editTagName, showArrow: false, filterOption: false, notFoundContent: state.loading ? React.createElement(Spin, null) : null, placeholder: state.name, onSearch: state.onSearch, onSelect: state.onChange, onInputKeyDown: state.onkeydown }, state.list.map((d, index) => (React.createElement(Select.Option, { key: index, value: d.name }, d.name)))),
+        React.createElement("div", null, state.addTags.map((tag, index) => (React.createElement(Tooltip, { key: index, title: state.editTagName === tag.name ? "" : "Click to reselect color" },
+            React.createElement(Tag, { color: tag.color, closable: true, onClick: () => (state.info = tag), onClose: (e) => state.onRemove(e, tag.name) }, tag.name))))),
+        React.createElement("div", { className: "add-tag-dialog-footer" },
+            React.createElement(Button, { type: "link", className: "cancel", onClick: () => runInAction(() => (state.visible = false)) }, "Cancel"),
+            React.createElement(Button, { type: "link", loading: state.saveLoading, onClick: state.onOk }, "Ok")))));
+    return observe(() => (React.createElement("div", { className: classnames(className, "tag-view") },
+        state.tags.map((tag, index) => (React.createElement(Tag, { key: index, color: tag.color, closable: !!editable, onClose: (e) => {
+                e.preventDefault();
+                state.onClose(tag.name);
+            } }, tag.name))),
+        !!editable && (React.createElement(Popover, { content: content, title: "", trigger: "click", visible: state.visible, onVisibleChange: state.onVisibleChange },
+            React.createElement(Tag, { className: classnames("add-tag-btn", { show: state.show }) },
+                React.createElement(PlusOutlined, null),
+                " tag"))))));
+};
+export default TagView;
 //# sourceMappingURL=index.js.map

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

@@ -1,59 +1,59 @@
-/// <reference types="node" />
-import { DocumentStore, ITag } from "@voplus/morpho-document-core";
-export declare type TagViewProps = {
-    id: string;
-    tags?: ITag[];
-    /** editable of new tag */
-    editable?: boolean;
-    className?: string;
-};
-/** colors of preset */
-export declare const colorList: ({
-    value: string;
-    color: string;
-    borderColor?: undefined;
-} | {
-    value: string;
-    color: string;
-    borderColor: string;
-})[];
-export declare class State {
-    private id;
-    private documentStore;
-    /** porps list of tags */
-    tags: ITag[];
-    /** Add list of tags */
-    addTags: ITag[];
-    /** load list of tags */
-    list: any[];
-    /** name of tag */
-    name: string;
-    /** color of tag */
-    color: string;
-    /** loaded of tag list */
-    saveLoading: boolean;
-    /** data loading */
-    loading: boolean;
-    /**  visible of AddTagDialog */
-    visible: boolean;
-    /** 当前可更改Tag */
-    info: ITag;
-    /**  */
-    timer: NodeJS.Timeout | undefined;
-    constructor(id: string, documentStore: DocumentStore);
-    get show(): boolean;
-    /** Name of 当前可更改Tag */
-    get editTagName(): string;
-    onRemove(e: MouseEvent, tagName: string): void;
-    onClose(removedTag: string): Promise<void>;
-    onkeydown: (e: any) => void;
-    onChange: (name: string) => void;
-    deduplicate(): void;
-    onSearch: (value: string) => void;
-    loadData(): Promise<void>;
-    onVisibleChange: (visible: boolean) => void;
-    onOk: () => Promise<void>;
-    selectColor(value: string): void;
-    init(): void;
-    reset(): void;
-}
+/// <reference types="node" />
+import { DocumentStore, ITag } from "@voplus/morpho-document-core";
+export declare type TagViewProps = {
+    id: string;
+    tags?: ITag[];
+    /** editable of new tag */
+    editable?: boolean;
+    className?: string;
+};
+/** colors of preset */
+export declare const colorList: ({
+    value: string;
+    color: string;
+    borderColor?: undefined;
+} | {
+    value: string;
+    color: string;
+    borderColor: string;
+})[];
+export declare class State {
+    private id;
+    private documentStore;
+    /** porps list of tags */
+    tags: ITag[];
+    /** Add list of tags */
+    addTags: ITag[];
+    /** load list of tags */
+    list: any[];
+    /** name of tag */
+    name: string;
+    /** color of tag */
+    color: string;
+    /** loaded of tag list */
+    saveLoading: boolean;
+    /** data loading */
+    loading: boolean;
+    /**  visible of AddTagDialog */
+    visible: boolean;
+    /** 当前可更改Tag */
+    info: ITag;
+    /**  */
+    timer: NodeJS.Timeout | undefined;
+    constructor(id: string, documentStore: DocumentStore);
+    get show(): boolean;
+    /** Name of 当前可更改Tag */
+    get editTagName(): string;
+    onRemove(e: MouseEvent, tagName: string): void;
+    onClose(removedTag: string): Promise<void>;
+    onkeydown: (e: any) => void;
+    onChange: (name: string) => void;
+    deduplicate(): void;
+    onSearch: (value: string) => void;
+    loadData(): Promise<void>;
+    onVisibleChange: (visible: boolean) => void;
+    onOk: () => Promise<void>;
+    selectColor(value: string): void;
+    init(): void;
+    reset(): void;
+}