@voplus/morpho-document 5.0.18 → 5.0.20

package/es/components/QuickViewDialog/index.js

@@ -1,54 +1,54 @@
-import React, { useState } from "react";
-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 { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
-import { State } from "./state";
-import { faTimes } from "@fortawesome/pro-light-svg-icons";
-import { useLayout } from "@voplus/morpho-data";
-import DataIconBar from "../../controls/DataIconBar";
-import DocumentHeader from "../DocumentHeader";
-import Preview from "../FileViewer/Preview";
-import FlexDialog from "../FlexDialog";
-import styles from "./index.less";
-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,
-            visible: 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, 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.propertiesView, isRelatedWorks: !!props.relatedWorks, 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.js.map

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

package/es/components/QuickViewDialog/index.less

@@ -1,84 +1,82 @@
-@import "~@voplus/antd/es/style/themes/default.less";
-
-.quickView-modal {
-	height: calc(100% - 200px);
-
-	:global {
-		.ant-modal-content {
-			height: 100%;
-		}
-
-		.ant-modal-body {
-			display: flex;
-			height: 100%;
-			padding: 0;
-		}
-	}
-}
-
-.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/QuickViewDialog/state.js.map

@@ -1 +1 @@
-{"version":3,"file":"state.js","sourceRoot":"","sources":["../../../src/components/QuickViewDialog/state.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAE1D,MAAM,OAAO,KAAK;IAMjB;QALA,uBAAuB;QACX;;;;mBAAa,EAAE;WAAC;QAC5B,eAAe;QACH;;;;mBAAgB,KAAK;WAAC;QAGjC,cAAc,CAAC,IAAI,CAAC,CAAC;IACtB,CAAC;IAED,gCAAgC;IAEzB,UAAU,CAAC,GAAW;QAC5B,IAAI,CAAC,IAAI,CAAC,MAAM;YAAE,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC;QACrC,IAAI,CAAC,GAAG,GAAG,GAAG,CAAC;IAChB,CAAC;CACD;AAdY;IAAX,UAAU;kCAAiB;AAEhB;IAAX,UAAU;qCAAuB;AAQlC;IADC,MAAM;uCAIN"}
+{"version":3,"file":"state.js","sourceRoot":"","sources":["../../../src/components/QuickViewDialog/state.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAE1D,MAAM,OAAO,KAAK;IAMjB;QALA,uBAAuB;QACJ;;;;mBAAM,EAAE;WAAC;QAC5B,eAAe;QACI;;;;mBAAS,KAAK;WAAC;QAGjC,cAAc,CAAC,IAAI,CAAC,CAAC;IACtB,CAAC;IAED,gCAAgC;IAEzB,UAAU,CAAC,GAAW;QAC5B,IAAI,CAAC,IAAI,CAAC,MAAM;YAAE,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC;QACrC,IAAI,CAAC,GAAG,GAAG,GAAG,CAAC;IAChB,CAAC;CACD;AAdmB;IAAlB,UAAU;kCAAiB;AAET;IAAlB,UAAU;qCAAuB;AAQ3B;IADN,MAAM;uCAIN"}

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

@@ -0,0 +1,26 @@
+import React from "react";
+declare const SendForm: {
+    (props: {
+        /** 用于显示 模块的 title */
+        name?: string | undefined;
+        /** 是否需要显示 Contact 和 AttachmentButton, 默认只显示 Email Content */
+        label?: ("Contact" | "AttachmentButton")[] | undefined;
+        /** 是否需要显示默认的contact 「label 需要配置 Contact」 */
+        defaultContact?: {
+            id: string;
+            name: string;
+        } | undefined;
+        /** ProseMirror默认值 */
+        defaultDescription?: string | undefined;
+        /** 打开send form 的方式 Modal: 以dialog的方式打开 | SideForm: 从侧面打开 */
+        openType?: "Modal" | "SideForm" | undefined;
+        /** cancel */
+        onCancel?: (() => void) | undefined;
+        /** send */
+        onSend?: ((data: any) => void) | undefined;
+    }): React.JSX.Element;
+    defaultProps: {
+        openType: string;
+    };
+};
+export default SendForm;

package/es/components/SendForm/index.js

@@ -0,0 +1,48 @@
+import React, { useState } from "react";
+import { observe } from "@voplus/morpho-ui";
+import { State } from "./state";
+import { runInAction } from "mobx";
+import { Button, Checkbox, Form, Modal, Row, Space } from "antd";
+import MentionList from "@voplus/morpho-org/es/controls/MentionList";
+import ProseMirror from "@voplus/morpho-text/es/controls/ProseMirror";
+import SideForm from "@voplus/morpho-ui/es/controls/SideForm";
+import classnames from "classnames";
+import styles from "./index.less";
+const SendForm = (props) => {
+    const { name, label, defaultContact, defaultDescription, openType } = props;
+    const [state] = useState(new State(defaultContact, defaultDescription));
+    const content = observe(() => (React.createElement(Form, { layout: "vertical", className: classnames(styles["general-send-form"]) },
+        (label === null || label === void 0 ? void 0 : label.includes("Contact")) && (React.createElement(Form.Item, { label: "Contact" },
+            React.createElement(MentionList, { multiple: false, contacts: state.contact ? [state.contact] : [], onChange: (list) => {
+                    state.contact = list[0];
+                    state.params.To = [list[0].id];
+                } }))),
+        React.createElement(Form.Item, { label: "Email Content", className: "email-content", style: { height: (label === null || label === void 0 ? void 0 : label.includes("Contact")) ? "calc(100% - 100px)" : "100%" } },
+            React.createElement(ProseMirror, { toolbarProps: { sticky: false }, scroll: true, defaultHtml: defaultDescription, className: "proseMirror", onChange: (opt) => (state.params.Message = opt.getInnerHtml()) })),
+        (label === null || label === void 0 ? void 0 : label.includes("AttachmentButton")) && (React.createElement(Row, { justify: "end", style: { marginBottom: "20px" } },
+            React.createElement(Checkbox, { onChange: (e) => (state.params.ShowAttachmentButton = e.target.checked) }, "Show Attachment Download Button"))),
+        openType === "Modal" && (React.createElement(Row, { justify: "end" },
+            React.createElement(Space, null,
+                React.createElement(Button, { onClick: onCancel }, "Cancel"),
+                React.createElement(Button, { type: "primary", onClick: onSend }, "Send")))))));
+    return observe(() => openType === "Modal" ? (React.createElement(Modal, { title: `${name} Send Form Dialog`, open: true, destroyOnClose: true, closable: false, footer: null, onCancel: onCancel },
+        React.createElement("div", { className: styles["general-send-dialog"] }, content))) : (React.createElement(SideForm, { title: `${name} Send Form`, okText: "Send", onCancel: onCancel, onSubmit: onSend }, content)));
+    function onCancel() {
+        var _a;
+        runInAction(() => {
+            state.params = state.Params;
+            defaultContact ? (state.contact = defaultContact) : (state.contact = undefined);
+        });
+        (_a = props.onCancel) === null || _a === void 0 ? void 0 : _a.call(props);
+    }
+    /** email send */
+    function onSend() {
+        var _a;
+        (_a = props.onSend) === null || _a === void 0 ? void 0 : _a.call(props, state.params);
+    }
+};
+SendForm.defaultProps = {
+    openType: "SideForm",
+};
+export default SendForm;
+//# sourceMappingURL=index.js.map

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

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

package/es/components/SendForm/index.less

@@ -0,0 +1,48 @@
+.general-send-form {
+	height: calc(100% - 50px);
+
+	:global {
+		.email-content {
+			// height: calc(100% - 100px);
+
+			.ant-form-item-row {
+				height: 100%;
+				flex-direction: inherit;
+			}
+		}
+
+		.ant-form-item-control {
+			height: 100%;
+
+			.ant-form-item-control-input {
+				height: 100%;
+				align-items: flex-start;
+
+				.ant-form-item-control-input-content {
+					height: 95%;
+				}
+			}
+		}
+
+		.proseMirror {
+			background: #fff;
+
+			.editor-toolbar .toolbar-button {
+				display: inline-block;
+			}
+		}
+	}
+}
+
+.general-send-dialog {
+	:global {
+		.proseMirror {
+			height: 15rem !important;
+			background: #fff;
+
+			.editor-toolbar .toolbar-button {
+				display: inline-block;
+			}
+		}
+	}
+}

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

@@ -0,0 +1,22 @@
+export declare class State {
+    private defaultContact?;
+    private defaultDescription?;
+    constructor(defaultContact?: {
+        id: string;
+        name: string;
+    } | undefined, defaultDescription?: string | undefined);
+    Params: {
+        To: string[];
+        Message: string;
+        ShowAttachmentButton: boolean;
+    };
+    params: {
+        To: string[];
+        Message: string;
+        ShowAttachmentButton: boolean;
+    };
+    contact: {
+        id: string;
+        name: string;
+    } | undefined;
+}

package/es/components/SendForm/state.js

@@ -0,0 +1,49 @@
+import { __decorate } from "tslib";
+import { makeObservable, observable } from "mobx";
+export class State {
+    constructor(defaultContact, defaultDescription) {
+        var _a, _b;
+        Object.defineProperty(this, "defaultContact", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: defaultContact
+        });
+        Object.defineProperty(this, "defaultDescription", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: defaultDescription
+        });
+        Object.defineProperty(this, "Params", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: {
+                To: ((_a = this.defaultContact) === null || _a === void 0 ? void 0 : _a.id) ? [(_b = this.defaultContact) === null || _b === void 0 ? void 0 : _b.id] : [],
+                Message: this.defaultDescription || "",
+                ShowAttachmentButton: false,
+            }
+        });
+        Object.defineProperty(this, "params", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: this.Params
+        });
+        Object.defineProperty(this, "contact", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: this.defaultContact
+        });
+        makeObservable(this);
+    }
+}
+__decorate([
+    observable
+], State.prototype, "params", void 0);
+__decorate([
+    observable
+], State.prototype, "contact", void 0);
+//# sourceMappingURL=state.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"state.js","sourceRoot":"","sources":["../../../src/components/SendForm/state.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAElD,MAAM,OAAO,KAAK;IACjB,YACS,cAA6C,EAC7C,kBAA2B;;QADnC;;;;mBAAQ,cAAc;WAA+B;QACrD;;;;mBAAQ,kBAAkB;WAAS;QAI7B;;;;mBAAS;gBACf,EAAE,EAAE,CAAA,MAAA,IAAI,CAAC,cAAc,0CAAE,EAAE,EAAC,CAAC,CAAC,CAAC,MAAA,IAAI,CAAC,cAAc,0CAAE,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE;gBAC5D,OAAO,EAAE,IAAI,CAAC,kBAAkB,IAAI,EAAE;gBACtC,oBAAoB,EAAE,KAAK;aAC3B;WAAC;QAEiB;;;;mBAAS,IAAI,CAAC,MAAM;WAAC;QACrB;;;;mBAAoD,IAAI,CAAC,cAAc;WAAC;QAT1F,cAAc,CAAC,IAAI,CAAC,CAAC;IACtB,CAAC;CASD;AAFmB;IAAlB,UAAU;qCAA6B;AACrB;IAAlB,UAAU;sCAAgF"}

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;
+import "./index.less";
+import React from "react";
+import { TagViewProps } from "./state";
+declare const TagView: (props: TagViewProps) => React.JSX.Element;
+export default TagView;