@voplus/morpho-document 1.4.100 → 1.4.101

package/es/controls/ToolBar/buttons/Sidebar.js

@@ -1,23 +1,23 @@
-import { Button, Tooltip } from "@voplus/antd";
-import { faArrowAltFromLeft, faArrowAltFromRight } from "@fortawesome/pro-light-svg-icons";
-import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
-import React from "react";
-import { observe } from "@voplus/morpho-ui";
-import { useAsideContentContext } from "@voplus/morpho-ui";
-/** Aside 侧边栏 */
-const Sidebar = (props) => {
-    const { size, disabled, action } = props;
-    const asideContext = useAsideContentContext();
-    return observe(() => (React.createElement(Tooltip, { title: !!(asideContext === null || asideContext === void 0 ? void 0 : asideContext.asideContent) ? "Hide Sidebar" : "Sidebar" },
-        React.createElement(Button, { size: size, type: "link", disabled: disabled, onClick: onClick },
-            React.createElement(FAIcon, { icon: !!(asideContext === null || asideContext === void 0 ? void 0 : asideContext.asideContent) ? faArrowAltFromLeft : faArrowAltFromRight })))));
-    function onClick() {
-        if (action)
-            action();
-    }
-};
-Sidebar.defaultProps = {
-    size: "small",
-};
-export default Sidebar;
+import { Button, Tooltip } from "@voplus/antd";
+import { faArrowAltFromLeft, faArrowAltFromRight } from "@fortawesome/pro-light-svg-icons";
+import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
+import React from "react";
+import { observe } from "@voplus/morpho-ui";
+import { useAsideContentContext } from "@voplus/morpho-ui";
+/** Aside 侧边栏 */
+const Sidebar = (props) => {
+    const { size, disabled, action } = props;
+    const asideContext = useAsideContentContext();
+    return observe(() => (React.createElement(Tooltip, { title: !!(asideContext === null || asideContext === void 0 ? void 0 : asideContext.asideContent) ? "Hide Sidebar" : "Sidebar" },
+        React.createElement(Button, { size: size, type: "link", disabled: disabled, onClick: onClick },
+            React.createElement(FAIcon, { icon: !!(asideContext === null || asideContext === void 0 ? void 0 : asideContext.asideContent) ? faArrowAltFromLeft : faArrowAltFromRight })))));
+    function onClick() {
+        if (action)
+            action();
+    }
+};
+Sidebar.defaultProps = {
+    size: "small",
+};
+export default Sidebar;
 //# sourceMappingURL=Sidebar.js.map

package/es/controls/ToolBar/buttons/UpLevel.d.ts

@@ -1,17 +1,17 @@
-/// <reference types="react" />
-declare const UpLevel: {
-    (props: {
-        /**  */
-        id: string;
-        /** size of Button */
-        size?: "small" | "middle" | "large" | undefined;
-        /** disabled Button */
-        disabled?: boolean | undefined;
-        /** function of Click */
-        action?: ((context?: any) => void) | undefined;
-    }): JSX.Element;
-    defaultProps: {
-        size: string;
-    };
-};
-export default UpLevel;
+/// <reference types="react" />
+declare const UpLevel: {
+    (props: {
+        /**  */
+        id: string;
+        /** size of Button */
+        size?: "small" | "middle" | "large" | undefined;
+        /** disabled Button */
+        disabled?: boolean | undefined;
+        /** function of Click */
+        action?: ((context?: any) => void) | undefined;
+    }): JSX.Element;
+    defaultProps: {
+        size: string;
+    };
+};
+export default UpLevel;

package/es/controls/ToolBar/buttons/UpLevel.js

@@ -1,27 +1,27 @@
-import { Button, Tooltip } from "@voplus/antd";
-import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
-import React from "react";
-import { faFolderOpen } from "@fortawesome/pro-light-svg-icons";
-import { observe } from "@voplus/morpho-ui";
-import { runInAction } from "mobx";
-import { useDocument } from "@voplus/morpho-document-core";
-import { useLayout } from "@voplus/morpho-data";
-import { useMetaStore } from "../../../data";
-const UpLevel = (props) => {
-    const { id, size, disabled, action } = props;
-    const layout = useLayout();
-    const meta = useMetaStore();
-    const document = useDocument(id);
-    const parent = useDocument(document.parentId);
-    return observe(() => document.parentId ? (React.createElement(Tooltip, { title: "Open Up-level Folder" },
-        React.createElement(Button, { size: size, type: "link", disabled: disabled, onClick: onClick },
-            React.createElement(FAIcon, { icon: faFolderOpen })))) : null);
-    function onClick() {
-        !!action ? action() : runInAction(() => layout.history.push(meta.getRoute(parent)));
-    }
-};
-UpLevel.defaultProps = {
-    size: "small",
-};
-export default UpLevel;
+import { Button, Tooltip } from "@voplus/antd";
+import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
+import React from "react";
+import { faFolderOpen } from "@fortawesome/pro-light-svg-icons";
+import { observe } from "@voplus/morpho-ui";
+import { runInAction } from "mobx";
+import { useDocument } from "@voplus/morpho-document-core";
+import { useLayout } from "@voplus/morpho-data";
+import { useMetaStore } from "../../../data";
+const UpLevel = (props) => {
+    const { id, size, disabled, action } = props;
+    const layout = useLayout();
+    const meta = useMetaStore();
+    const document = useDocument(id);
+    const parent = useDocument(document.parentId);
+    return observe(() => document.parentId ? (React.createElement(Tooltip, { title: "Open Up-level Folder" },
+        React.createElement(Button, { size: size, type: "link", disabled: disabled, onClick: onClick },
+            React.createElement(FAIcon, { icon: faFolderOpen })))) : null);
+    function onClick() {
+        !!action ? action() : runInAction(() => layout.history.push(meta.getRoute(parent)));
+    }
+};
+UpLevel.defaultProps = {
+    size: "small",
+};
+export default UpLevel;
 //# sourceMappingURL=UpLevel.js.map

package/es/controls/ToolBar/buttons/Versions.d.ts

@@ -1,15 +1,15 @@
-/// <reference types="react" />
-declare const Versions: {
-    (props: {
-        /** size of Button */
-        size?: "small" | "middle" | "large";
-        /** disabled Button */
-        disabled?: boolean;
-        /** function of Click */
-        action?: () => void;
-    }): JSX.Element;
-    defaultProps: {
-        size: string;
-    };
-};
-export default Versions;
+/// <reference types="react" />
+declare const Versions: {
+    (props: {
+        /** size of Button */
+        size?: "small" | "middle" | "large";
+        /** disabled Button */
+        disabled?: boolean;
+        /** function of Click */
+        action?: () => void;
+    }): JSX.Element;
+    defaultProps: {
+        size: string;
+    };
+};
+export default Versions;

package/es/controls/ToolBar/buttons/Versions.js

@@ -1,27 +1,27 @@
-import { Button, Tooltip } from "@voplus/antd";
-import React, { useState } from "react";
-import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
-import VersionsModal from "../../../components/VersionsModal";
-import { faHistory } from "@fortawesome/pro-light-svg-icons";
-import { observe } from "@voplus/morpho-ui";
-import { useDocument } from "@voplus/morpho-document-core";
-import { useToolBarContext } from "../ToolBarState";
-const Versions = (props) => {
-    const { size, disabled, action } = props;
-    const context = useToolBarContext();
-    const [visible, setVisible] = useState(false);
-    const document = useDocument(context.id);
-    return observe(() => (React.createElement(React.Fragment, null,
-        !document.system && document.isSupportVersions && document.status !== "Version" ? (React.createElement(Tooltip, { title: "Versions" },
-            React.createElement(Button, { size: size, type: "link", disabled: disabled, onClick: onClick },
-                React.createElement(FAIcon, { icon: faHistory })))) : null,
-        visible && React.createElement(VersionsModal, { id: context.id || "", onChange: onClick }))));
-    function onClick() {
-        action ? action() : setVisible(!visible);
-    }
-};
-Versions.defaultProps = {
-    size: "small",
-};
-export default Versions;
+import { Button, Tooltip } from "@voplus/antd";
+import React, { useState } from "react";
+import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
+import VersionsModal from "../../../components/VersionsModal";
+import { faHistory } from "@fortawesome/pro-light-svg-icons";
+import { observe } from "@voplus/morpho-ui";
+import { useDocument } from "@voplus/morpho-document-core";
+import { useToolBarContext } from "../ToolBarState";
+const Versions = (props) => {
+    const { size, disabled, action } = props;
+    const context = useToolBarContext();
+    const [visible, setVisible] = useState(false);
+    const document = useDocument(context.id);
+    return observe(() => (React.createElement(React.Fragment, null,
+        !document.system && document.isSupportVersions && document.status !== "Version" ? (React.createElement(Tooltip, { title: "Versions" },
+            React.createElement(Button, { size: size, type: "link", disabled: disabled, onClick: onClick },
+                React.createElement(FAIcon, { icon: faHistory })))) : null,
+        visible && React.createElement(VersionsModal, { id: context.id || "", onChange: onClick }))));
+    function onClick() {
+        action ? action() : setVisible(!visible);
+    }
+};
+Versions.defaultProps = {
+    size: "small",
+};
+export default Versions;
 //# sourceMappingURL=Versions.js.map

package/es/controls/ToolBar/buttons/index.d.ts

@@ -1,12 +1,12 @@
-export { default as More } from "./More";
-export { default as Reload } from "./Reload";
-export { default as Archive } from "./Archive";
-export { default as Download } from "./Download";
-export { default as Open } from "./Open";
-export { default as Print } from "./Print";
-export { default as Restore } from "./Restore";
-export { default as Sidebar } from "./Sidebar";
-export { default as Versions } from "./Versions";
-export { default as Edit } from "./Edit";
-export { default as UpLevel } from "./UpLevel";
-export { default as Delete } from "./Delete";
+export { default as More } from "./More";
+export { default as Reload } from "./Reload";
+export { default as Archive } from "./Archive";
+export { default as Download } from "./Download";
+export { default as Open } from "./Open";
+export { default as Print } from "./Print";
+export { default as Restore } from "./Restore";
+export { default as Sidebar } from "./Sidebar";
+export { default as Versions } from "./Versions";
+export { default as Edit } from "./Edit";
+export { default as UpLevel } from "./UpLevel";
+export { default as Delete } from "./Delete";

package/es/controls/ToolBar/buttons/index.js

@@ -1,13 +1,13 @@
-export { default as More } from "./More";
-export { default as Reload } from "./Reload";
-export { default as Archive } from "./Archive";
-export { default as Download } from "./Download";
-export { default as Open } from "./Open";
-export { default as Print } from "./Print";
-export { default as Restore } from "./Restore";
-export { default as Sidebar } from "./Sidebar";
-export { default as Versions } from "./Versions";
-export { default as Edit } from "./Edit";
-export { default as UpLevel } from "./UpLevel";
-export { default as Delete } from "./Delete";
+export { default as More } from "./More";
+export { default as Reload } from "./Reload";
+export { default as Archive } from "./Archive";
+export { default as Download } from "./Download";
+export { default as Open } from "./Open";
+export { default as Print } from "./Print";
+export { default as Restore } from "./Restore";
+export { default as Sidebar } from "./Sidebar";
+export { default as Versions } from "./Versions";
+export { default as Edit } from "./Edit";
+export { default as UpLevel } from "./UpLevel";
+export { default as Delete } from "./Delete";
 //# sourceMappingURL=index.js.map

package/es/controls/ToolBar/index.less

@@ -0,0 +1,76 @@
+@import "~@voplus/morpho-theme/styles/index.less";
+
+:global {
+	.tool-bar {
+		.ant-btn {
+			font-size: @font-size-lg;
+			color: @tabs-default-color;
+			padding: 0 6px;
+			&:hover {
+				color: #20aaea;
+			}
+		}
+		.ant-btn + .ant-btn {
+			margin-left: 5px;
+		}
+		.ant-tooltip-disabled-compatible-wrapper {
+			margin: 0 5px;
+			& + .ant-tooltip-disabled-compatible-wrapper {
+				margin-left: 0;
+			}
+		}
+		.archive-btn {
+			// background: #fff;
+			// border-color: #faad14;
+			color: @archive-color;
+		}
+		// .archive-btn:active,
+		// .archive-btn.active,
+		// .archive-btn:hover {
+		// 	background-color: #faad14;
+		// 	color: #fff;
+		// }
+		.delete-btn {
+			// background: #fff;
+			// border-color: #f5222d;
+			color: @delete-color;
+		}
+		// .delete-btn:active,
+		// .delete-btn.active,
+		// .delete-btn:hover {
+		// 	background-color: #f5222d;
+		// 	color: #fff;
+		// }
+	}
+	.tool-bar-menu {
+		padding: 4px 0;
+		list-style-type: none;
+		background-color: #fff;
+		background-clip: padding-box;
+		border-radius: @border-radius;
+		outline: none;
+		box-shadow: @more-box-shadow;
+
+		.ant-btn {
+			display: block;
+			width: 100%;
+			padding: 0 12px;
+			height: unit((38/16), em);
+			color: @cancel-color;
+			text-align: left;
+			border-radius: 0;
+			&[disabled] {
+				color: @disabled-color;
+			}
+			&:hover {
+				background-color: #f5f5f5;
+			}
+			> span {
+				margin-left: 10px;
+			}
+		}
+		.delete {
+			color: @delete-color;
+		}
+	}
+}

package/es/controls/data-icons/CommentDataIcon/index.d.ts

@@ -1,10 +1,10 @@
-/// <reference types="react" />
-declare const CommentDataIcon: (props: {
-    /** id of document  */
-    id: string;
-    /** LoadDocumentOptions of useDocument */
-    includes?: string;
-    /** */
-    onClick?: () => void;
-}) => JSX.Element;
-export default CommentDataIcon;
+/// <reference types="react" />
+declare const CommentDataIcon: (props: {
+    /** id of document  */
+    id: string;
+    /** LoadDocumentOptions of useDocument */
+    includes?: string;
+    /** */
+    onClick?: () => void;
+}) => JSX.Element;
+export default CommentDataIcon;

package/es/controls/data-icons/CommentDataIcon/index.js

@@ -1,16 +1,16 @@
-import { useDocument } from "@voplus/morpho-document-core";
-import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
-import React from "react";
-import { Tooltip } from "@voplus/antd";
-import { faCommentDots } from "@fortawesome/pro-light-svg-icons";
-import { observe } from "@voplus/morpho-ui";
-const CommentDataIcon = (props) => {
-    const { id, includes, onClick } = props;
-    const document = useDocument(id, { includes });
-    return observe(() => (React.createElement(Tooltip, { title: "Comment" },
-        React.createElement("span", { className: "data-icon", onClick: onClick },
-            React.createElement(FAIcon, { icon: faCommentDots }),
-            document.comments))));
-};
-export default CommentDataIcon;
+import { useDocument } from "@voplus/morpho-document-core";
+import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
+import React from "react";
+import { Tooltip } from "@voplus/antd";
+import { faCommentDots } from "@fortawesome/pro-light-svg-icons";
+import { observe } from "@voplus/morpho-ui";
+const CommentDataIcon = (props) => {
+    const { id, includes, onClick } = props;
+    const document = useDocument(id, { includes });
+    return observe(() => (React.createElement(Tooltip, { title: "Comment" },
+        React.createElement("span", { className: "data-icon", onClick: onClick },
+            React.createElement(FAIcon, { icon: faCommentDots }),
+            document.comments))));
+};
+export default CommentDataIcon;
 //# sourceMappingURL=index.js.map

package/es/controls/data-icons/DateQuickIcon/index.d.ts

@@ -1,7 +1,7 @@
-import { CSSProperties } from "react";
-declare const DateQuickIcon: (props: {
-    id: string;
-    className?: string;
-    styles?: CSSProperties;
-}) => JSX.Element;
-export default DateQuickIcon;
+import { CSSProperties } from "react";
+declare const DateQuickIcon: (props: {
+    id: string;
+    className?: string;
+    styles?: CSSProperties;
+}) => JSX.Element;
+export default DateQuickIcon;

package/es/controls/data-icons/DateQuickIcon/index.js

@@ -1,27 +1,27 @@
-import React from "react";
-import DateInputEditor from "@voplus/morpho-ui/es/controls/InlineEdit/editors/DateInputEditor";
-import { InlineEdit } from "@voplus/morpho-ui";
-import classnames from "classnames";
-import moment from "moment";
-import { observe } from "@voplus/morpho-ui";
-import { useDataIconBarContext } from "../../DataIconBar/DataIconState";
-import { useDocument } from "@voplus/morpho-document-core";
-const DateQuickIcon = (props) => {
-    const { id, className, styles } = props;
-    const context = useDataIconBarContext();
-    const document = useDocument(id);
-    return observe(() => {
-        const cursor = { cursor: document.readonly ? "default" : "pointer" };
-        return (React.createElement("span", { className: classnames("data-icon", className), style: props.styles },
-            React.createElement(InlineEdit, { defaultValue: moment(document.date), content: (v) => (React.createElement("span", { style: cursor }, v ? moment(v.store.value).format("DD MMM YYYY") : "Add Date")), editor: DateInputEditor, onSave: onSave })));
-    });
-    // update date
-    function onSave(v) {
-        // date未变更不保存
-        if (moment(v).isSame(document.date, "day"))
-            return;
-        context.save(id, { data: { Date: v.format("YYYY-MM-DD") }, error: "message" });
-    }
-};
-export default DateQuickIcon;
+import React from "react";
+import DateInputEditor from "@voplus/morpho-ui/es/controls/InlineEdit/editors/DateInputEditor";
+import { InlineEdit } from "@voplus/morpho-ui";
+import classnames from "classnames";
+import moment from "moment";
+import { observe } from "@voplus/morpho-ui";
+import { useDataIconBarContext } from "../../DataIconBar/DataIconState";
+import { useDocument } from "@voplus/morpho-document-core";
+const DateQuickIcon = (props) => {
+    const { id, className, styles } = props;
+    const context = useDataIconBarContext();
+    const document = useDocument(id);
+    return observe(() => {
+        const cursor = { cursor: document.readonly ? "default" : "pointer" };
+        return (React.createElement("span", { className: classnames("data-icon", className), style: props.styles },
+            React.createElement(InlineEdit, { defaultValue: moment(document.date), content: (v) => (React.createElement("span", { style: cursor }, v ? moment(v.store.value).format("DD MMM YYYY") : "Add Date")), editor: DateInputEditor, onSave: onSave })));
+    });
+    // update date
+    function onSave(v) {
+        // date未变更不保存
+        if (moment(v).isSame(document.date, "day"))
+            return;
+        context.save(id, { data: { Date: v.format("YYYY-MM-DD") }, error: "message" });
+    }
+};
+export default DateQuickIcon;
 //# sourceMappingURL=index.js.map

package/es/controls/data-icons/DescriptionDataIcon/index.d.ts

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

package/es/controls/data-icons/DescriptionDataIcon/index.js

@@ -1,18 +1,18 @@
-import "./index.less";
-import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
-import { Popover } from "@voplus/antd";
-import React from "react";
-import Viewer from "@voplus/morpho-text/es/controls/ProseMirror/Viewer";
-import classnames from "classnames";
-import { faCommentAltLines } from "@fortawesome/pro-light-svg-icons";
-import { observe } from "@voplus/morpho-ui";
-import { useDocument } from "@voplus/morpho-document-core";
-const DescriptionDataIcon = (props) => {
-    const { id, className } = props;
-    const document = useDocument(id);
-    return observe(() => (React.createElement(React.Fragment, null, document.description ? (React.createElement(Popover, { placement: "bottom", title: "Description", overlayClassName: "description-data-icon_popover", content: React.createElement(Viewer, { html: document.description }) },
-        React.createElement("span", { className: classnames("data-icon", className) },
-            React.createElement(FAIcon, { icon: faCommentAltLines, style: { marginRight: 0 } })))) : null)));
-};
-export default DescriptionDataIcon;
+import "./index.less";
+import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
+import { Popover } from "@voplus/antd";
+import React from "react";
+import Viewer from "@voplus/morpho-text/es/controls/ProseMirror/Viewer";
+import classnames from "classnames";
+import { faCommentAltLines } from "@fortawesome/pro-light-svg-icons";
+import { observe } from "@voplus/morpho-ui";
+import { useDocument } from "@voplus/morpho-document-core";
+const DescriptionDataIcon = (props) => {
+    const { id, className } = props;
+    const document = useDocument(id);
+    return observe(() => (React.createElement(React.Fragment, null, document.description ? (React.createElement(Popover, { placement: "bottom", title: "Description", overlayClassName: "description-data-icon_popover", content: React.createElement(Viewer, { html: document.description }) },
+        React.createElement("span", { className: classnames("data-icon", className) },
+            React.createElement(FAIcon, { icon: faCommentAltLines, style: { marginRight: 0 } })))) : null)));
+};
+export default DescriptionDataIcon;
 //# sourceMappingURL=index.js.map

package/es/controls/data-icons/DescriptionDataIcon/index.less

@@ -0,0 +1,13 @@
+:global {
+	.description-data-icon_popover {
+		.ant-popover-inner-content {
+			padding: 0;
+			.ProseMirror-container {
+				max-height: 50vh;
+				.ProseMirror {
+					padding: 0.75rem 1.25rem;
+				}
+			}
+		}
+	}
+}

package/es/controls/data-icons/DocumentDataIcon/index.d.ts

@@ -1,10 +1,10 @@
-/// <reference types="react" />
-declare const DocumentDataIcon: (props: {
-    /** id of document  */
-    id: string;
-    /** LoadDocumentOptions of useDocument */
-    includes?: string;
-    /** document list exclude */
-    exclude?: string[];
-}) => JSX.Element;
-export default DocumentDataIcon;
+/// <reference types="react" />
+declare const DocumentDataIcon: (props: {
+    /** id of document  */
+    id: string;
+    /** LoadDocumentOptions of useDocument */
+    includes?: string;
+    /** document list exclude */
+    exclude?: string[];
+}) => JSX.Element;
+export default DocumentDataIcon;

package/es/controls/data-icons/DocumentDataIcon/index.js

@@ -1,33 +1,33 @@
-import { useDocument } from "@voplus/morpho-document-core";
-import React, { useState } from "react";
-import DocumentList from "../../../components/DocumentList";
-import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
-import { Popover } from "@voplus/antd";
-import { faPaperclip } from "@fortawesome/pro-light-svg-icons";
-import { observe } from "@voplus/morpho-ui";
-import styles from "./index.less";
-import { useDataIconBarContext } from "../../../controls/DataIconBar/DataIconState";
-const DocumentDataIcon = (props) => {
-    const { id, includes, exclude } = props;
-    const context = useDataIconBarContext();
-    const [visible, setVisible] = useState(false);
-    // const state = context.getState("DocumentDataIcon", () => new State());
-    const document = useDocument(id, { includes });
-    return observe(() => (React.createElement(Popover, { placement: "bottom", title: "Documents", overlayClassName: styles["documents-data-icon_popover"], visible: visible, onVisibleChange: handleVisibleChange, content: React.createElement("div", { className: "documents-container", onClick: hide },
-            React.createElement(DocumentList, { id: id, header: false, disabled: true, type: "simple", exclude: exclude })) },
-        React.createElement("span", { className: "data-icon" },
-            React.createElement(FAIcon, { icon: faPaperclip }),
-            (document.documents || 0) > (document.taskNumbers || 0)
-                ? (document.documents || 0) - (document.taskNumbers || 0)
-                : 0))));
-    /** 显示隐藏的回调 */
-    function handleVisibleChange(vi) {
-        setVisible(vi);
-    }
-    /** 隐藏Popover */
-    function hide() {
-        setVisible(false);
-    }
-};
-export default DocumentDataIcon;
+import { useDocument } from "@voplus/morpho-document-core";
+import React, { useState } from "react";
+import DocumentList from "../../../components/DocumentList";
+import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
+import { Popover } from "@voplus/antd";
+import { faPaperclip } from "@fortawesome/pro-light-svg-icons";
+import { observe } from "@voplus/morpho-ui";
+import styles from "./index.less";
+import { useDataIconBarContext } from "../../../controls/DataIconBar/DataIconState";
+const DocumentDataIcon = (props) => {
+    const { id, includes, exclude } = props;
+    const context = useDataIconBarContext();
+    const [visible, setVisible] = useState(false);
+    // const state = context.getState("DocumentDataIcon", () => new State());
+    const document = useDocument(id, { includes });
+    return observe(() => (React.createElement(Popover, { placement: "bottom", title: "Documents", overlayClassName: styles["documents-data-icon_popover"], visible: visible, onVisibleChange: handleVisibleChange, content: React.createElement("div", { className: "documents-container", onClick: hide },
+            React.createElement(DocumentList, { id: id, header: false, disabled: true, type: "simple", exclude: exclude })) },
+        React.createElement("span", { className: "data-icon" },
+            React.createElement(FAIcon, { icon: faPaperclip }),
+            (document.documents || 0) > (document.taskNumbers || 0)
+                ? (document.documents || 0) - (document.taskNumbers || 0)
+                : 0))));
+    /** 显示隐藏的回调 */
+    function handleVisibleChange(vi) {
+        setVisible(vi);
+    }
+    /** 隐藏Popover */
+    function hide() {
+        setVisible(false);
+    }
+};
+export default DocumentDataIcon;
 //# sourceMappingURL=index.js.map