@voplus/morpho-document 5.0.18 → 5.0.19

package/es/pages/Signature/Envelope/components/EnvelopeQuickView/index.js

@@ -1,53 +1,53 @@
-import { AsideContent, observe } from "@voplus/morpho-ui";
-import { Button, Tooltip } from "@voplus/antd";
-import React, { useState } from "react";
-import { faTimes, faListTimeline } from "@fortawesome/pro-light-svg-icons";
-import ActivityLog from "@voplus/morpho-org/es/components/ActivityLog/ActivityLog2";
-import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
-import { Open } from "../../../../../controls/ToolBar/buttons";
-import PropertiesView from "../PropertiesView";
-import FlexDialog from "../../../../../components/FlexDialog";
-import { runInAction } from "mobx";
-import classnames from "classnames";
-import styles from "./index.less";
-import { useLayout } from "@voplus/morpho-data";
-const EnvelopeQuickView = (props) => {
-    const { id } = props;
-    const [activity, setActivity] = useState(false);
-    const [asideContext] = useState(AsideContent.createContext());
-    const layout = useLayout();
-    const AsideElement = (React.createElement("div", { className: "envelope-default-view_aside" },
-        React.createElement(ActivityLog, { id: id })));
-    return observe(() => (React.createElement(FlexDialog, { modalProps: {
-            className: classnames("quickView-modal-style", styles["envelope-quick-view-modal"]),
-            width: activity ? "1000px" : "500px",
-            visible: props.visible,
-            destroyOnClose: true,
-            closable: false,
-            footer: false,
-            onCancel: props.onCancel,
-        }, closeAside: props.onCancel },
-        React.createElement(AsideContent, { context: asideContext, style: { width: "100%" } },
-            React.createElement("div", { className: "envelope-quick-aside" },
-                React.createElement(PropertiesView, { id: id, size: "h3", quickDataBarAlign: "left", toolbar: React.createElement(React.Fragment, null,
-                        React.createElement(Open, { url: `/document/${id}` }),
-                        React.createElement(Tooltip, { title: "Activities" },
-                            React.createElement(Button, { size: "small", type: "link", style: { marginRight: "5px" }, onClick: activitiesClick },
-                                React.createElement(FAIcon, { icon: faListTimeline }))),
-                        !layout.ui.mobile && (React.createElement("span", { className: "close-icon" },
-                            React.createElement(FAIcon, { icon: faTimes, onClick: props.onCancel })))) }))))));
-    /** Activities组件的显示 */
-    function activitiesClick() {
-        runInAction(() => {
-            if (!activity) {
-                asideContext.openAside(AsideElement, { span: 12 });
-            }
-            else {
-                asideContext.closeAside();
-            }
-            setActivity(layout.ui.mobile ? false : !activity);
-        });
-    }
-};
-export default EnvelopeQuickView;
+import { AsideContent, observe } from "@voplus/morpho-ui";
+import { Button, Tooltip } from "antd";
+import React, { useState } from "react";
+import { faListTimeline, faTimes } from "@fortawesome/pro-light-svg-icons";
+import ActivityLog from "@voplus/morpho-org/es/components/ActivityLog/ActivityLog2";
+import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
+import FlexDialog from "../../../../../components/FlexDialog";
+import { Open } from "../../../../../controls/ToolBar/buttons";
+import PropertiesView from "../PropertiesView";
+import classnames from "classnames";
+import { runInAction } from "mobx";
+import styles from "./index.less";
+import { useLayout } from "@voplus/morpho-data";
+const EnvelopeQuickView = (props) => {
+    const { id } = props;
+    const [activity, setActivity] = useState(false);
+    const [asideContext] = useState(AsideContent.createContext());
+    const layout = useLayout();
+    const AsideElement = (React.createElement("div", { className: "envelope-default-view_aside" },
+        React.createElement(ActivityLog, { id: id })));
+    return observe(() => (React.createElement(FlexDialog, { modalProps: {
+            className: classnames("quickView-modal-style", styles["envelope-quick-view-modal"]),
+            width: activity ? "1000px" : "500px",
+            open: props.visible,
+            destroyOnClose: true,
+            closable: false,
+            footer: false,
+            onCancel: props.onCancel,
+        }, closeAside: props.onCancel },
+        React.createElement(AsideContent, { context: asideContext, style: { width: "100%" } },
+            React.createElement("div", { className: "envelope-quick-aside" },
+                React.createElement(PropertiesView, { id: id, size: "h3", quickDataBarAlign: "left", toolbar: React.createElement(React.Fragment, null,
+                        React.createElement(Open, { url: `/document/${id}` }),
+                        React.createElement(Tooltip, { title: "Activities" },
+                            React.createElement(Button, { size: "small", type: "link", style: { marginRight: "5px" }, onClick: activitiesClick },
+                                React.createElement(FAIcon, { icon: faListTimeline }))),
+                        !layout.ui.mobile && (React.createElement("span", { className: "close-icon" },
+                            React.createElement(FAIcon, { icon: faTimes, onClick: props.onCancel })))) }))))));
+    /** Activities组件的显示 */
+    function activitiesClick() {
+        runInAction(() => {
+            if (!activity) {
+                asideContext.openAside(AsideElement, { span: 12 });
+            }
+            else {
+                asideContext.closeAside();
+            }
+            setActivity(layout.ui.mobile ? false : !activity);
+        });
+    }
+};
+export default EnvelopeQuickView;
 //# sourceMappingURL=index.js.map

package/es/pages/Signature/Envelope/components/EnvelopeQuickView/index.js.map

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

package/es/pages/Signature/Envelope/components/EnvelopeQuickView/index.less

@@ -1,15 +1,19 @@
 .envelope-quick-view-modal {
 	height: calc(100% - 200px);
 	min-height: 250px;
+
 	:global {
 		.ant-modal-content {
 			height: 100%;
+
 			.ant-modal-body {
 				display: flex;
 				height: 100%;
-				padding: 0;
+				padding: 0 !important;
+
 				.envelope-default-view {
 					position: relative;
+
 					&::before {
 						position: absolute;
 						content: "";
@@ -17,12 +21,16 @@
 						height: 100%;
 						border-right: 1px solid #f2f2f2;
 					}
+
 					header {
 						box-shadow: none;
+
 						.document-header-default {
 							padding: 20px 20px 10px 20px;
+
 							.tool-bar {
 								align-self: flex-end;
+
 								.close-icon {
 									position: absolute;
 									right: 0;
@@ -37,9 +45,10 @@
 				}
 			}
 		}
-		.envelope-quick-aside{
+
+		.envelope-quick-aside {
 			display: flex;
 			flex-direction: column;
 		}
 	}
-}
+}

package/es/pages/Signature/Envelope/components/PropertiesView/index.d.ts

@@ -1,23 +1,23 @@
-import "./index.less";
-import { CSSProperties, ReactNode } from "react";
-/** create Type:'signEnvelope' */
-declare const PropertiesView: {
-    (props: {
-        /** id of Envelope */
-        id: string;
-        /** toolbar of header */
-        toolbar?: ReactNode;
-        /** Size of title and icon */
-        size?: "normal" | "h1" | "h2" | "h3" | "h4";
-        /** Align of quick dataBar 左对齐/跟title对齐, default title  */
-        quickDataBarAlign?: "left" | "title";
-        /** 删除时是否关闭AsideElement */
-        closeAside?: boolean;
-        /** */
-        style?: CSSProperties;
-    }): JSX.Element;
-    defaultProps: {
-        size: string;
-    };
-};
-export default PropertiesView;
+import "./index.less";
+import React, { CSSProperties, ReactNode } from "react";
+/** create Type:'signEnvelope' */
+declare const PropertiesView: {
+    (props: {
+        /** id of Envelope */
+        id: string;
+        /** toolbar of header */
+        toolbar?: ReactNode;
+        /** Size of title and icon */
+        size?: "normal" | "h1" | "h2" | "h3" | "h4";
+        /** Align of quick dataBar 左对齐/跟title对齐, default title  */
+        quickDataBarAlign?: "left" | "title";
+        /** 删除时是否关闭AsideElement */
+        closeAside?: boolean;
+        /** */
+        style?: CSSProperties;
+    }): React.JSX.Element;
+    defaultProps: {
+        size: string;
+    };
+};
+export default PropertiesView;

package/es/pages/Signature/Envelope/components/PropertiesView/index.js

@@ -1,46 +1,46 @@
-import "./index.less";
-import { EnvelopeContext, EnvelopeContextState } from "../../../data/EnvelopeContext";
-import { Open, Reload } from "../../../../../controls/ToolBar/buttons";
-import React, { useEffect, useState } from "react";
-import { useEnvelope, useEnvelopeStore } from "../../../data/envelope";
-import DescriptionEditor from "../../../../../controls/DescriptionEditor";
-import DocumentHeader from "../../../../../components/DocumentHeader";
-import LetterList from "../../../Letter/LetterList";
-import { LoadingOutlined } from "@ant-design/icons";
-import Skeleton from "@voplus/antd/es/skeleton";
-import { Spin } from "@voplus/antd";
-import ToolBar from "../../../../../controls/ToolBar/ToolBar2";
-import { autorun } from "mobx";
-import { observe } from "@voplus/morpho-ui";
-import { useMetaStore } from "@voplus/morpho-document-core";
-/** create Type:'signEnvelope' */
-const PropertiesView = (props) => {
-    const { id, toolbar, size, quickDataBarAlign, closeAside, style } = props;
-    const meta = useMetaStore();
-    const envelopStore = useEnvelopeStore();
-    const [context] = useState(new EnvelopeContextState(id, envelopStore));
-    const envelope = useEnvelope(id, { reload: true, includes: "tags,versions" });
-    useEffect(() => autorun(() => context.set(envelope.letters)), [id]);
-    return observe(() => (React.createElement(EnvelopeContext.Provider, { value: context },
-        React.createElement("div", { className: "envelope-default-view", style: style },
-            React.createElement("header", null,
-                React.createElement(DocumentHeader, { id: id, size: size, clickNameEffect: "edit", quickDataBarAlign: quickDataBarAlign, autoSaveName: true, status: envelope.envelopeStatus, tools: React.createElement(ToolBar, { id: id, moreProps: {
-                            closeAside: !!closeAside,
-                        } },
-                        React.createElement(Reload, { action: reload }), toolbar !== null && toolbar !== void 0 ? toolbar : React.createElement(Open, { url: meta.getRoute(envelope) })), descriptionVisible: false }),
-                envelope.loading ? (React.createElement("div", { className: "envelope-description" },
-                    React.createElement(Skeleton, { active: true }))) : (React.createElement(DescriptionEditor, { id: id, description: envelope.description, readonly: envelope.readonly, padding: "0 0 0.75rem 0" }))),
-            envelope.loading || context.reloadLoading ? (React.createElement("div", { className: "envelope-loading" },
-                React.createElement(Spin, { indicator: React.createElement(LoadingOutlined, { style: { fontSize: 32 }, spin: true }) }))) : (React.createElement(LetterList, { id: id, size: "h4" }))))));
-    /** reload */
-    async function reload() {
-        context.reloadLoading = true;
-        await context.reload();
-        context.reloadLoading = false;
-    }
-};
-PropertiesView.defaultProps = {
-    size: "h2",
-};
-export default PropertiesView;
+import "./index.less";
+import { EnvelopeContext, EnvelopeContextState } from "../../../data/EnvelopeContext";
+import { Open, Reload } from "../../../../../controls/ToolBar/buttons";
+import React, { useEffect, useState } from "react";
+import { useEnvelope, useEnvelopeStore } from "../../../data/envelope";
+import DescriptionEditor from "../../../../../controls/DescriptionEditor";
+import DocumentHeader from "../../../../../components/DocumentHeader";
+import LetterList from "../../../Letter/LetterList";
+import { LoadingOutlined } from "@ant-design/icons";
+import Skeleton from "antd/es/skeleton";
+import { Spin } from "antd";
+import ToolBar from "../../../../../controls/ToolBar/ToolBar2";
+import { autorun } from "mobx";
+import { observe } from "@voplus/morpho-ui";
+import { useMetaStore } from "@voplus/morpho-document-core";
+/** create Type:'signEnvelope' */
+const PropertiesView = (props) => {
+    const { id, toolbar, size, quickDataBarAlign, closeAside, style } = props;
+    const meta = useMetaStore();
+    const envelopStore = useEnvelopeStore();
+    const [context] = useState(new EnvelopeContextState(id, envelopStore));
+    const envelope = useEnvelope(id, { reload: true, includes: "tags,versions" });
+    useEffect(() => autorun(() => context.set(envelope.letters)), [id]);
+    return observe(() => (React.createElement(EnvelopeContext.Provider, { value: context },
+        React.createElement("div", { className: "envelope-default-view", style: style },
+            React.createElement("header", null,
+                React.createElement(DocumentHeader, { id: id, size: size, clickNameEffect: "edit", quickDataBarAlign: quickDataBarAlign, autoSaveName: true, status: envelope.envelopeStatus, tools: React.createElement(ToolBar, { id: id, moreProps: {
+                            closeAside: !!closeAside,
+                        } },
+                        React.createElement(Reload, { action: reload }), toolbar !== null && toolbar !== void 0 ? toolbar : React.createElement(Open, { url: meta.getRoute(envelope) })), descriptionVisible: false }),
+                envelope.loading ? (React.createElement("div", { className: "envelope-description" },
+                    React.createElement(Skeleton, { active: true }))) : (React.createElement(DescriptionEditor, { id: id, description: envelope.description, readonly: envelope.readonly, padding: "0 0 0.75rem 0" }))),
+            envelope.loading || context.reloadLoading ? (React.createElement("div", { className: "envelope-loading" },
+                React.createElement(Spin, { indicator: React.createElement(LoadingOutlined, { style: { fontSize: 32 }, spin: true }) }))) : (React.createElement(LetterList, { id: id, size: "h4" }))))));
+    /** reload */
+    async function reload() {
+        context.reloadLoading = true;
+        await context.reload();
+        context.reloadLoading = false;
+    }
+};
+PropertiesView.defaultProps = {
+    size: "h2",
+};
+export default PropertiesView;
 //# sourceMappingURL=index.js.map

package/es/pages/Signature/Envelope/components/PropertiesView/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/pages/Signature/Envelope/components/PropertiesView/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/pages/Signature/Envelope/components/PropertiesView/index.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAC;AAEtB,OAAO,EAAE,eAAe,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAC;AACtF,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,yCAAyC,CAAC;AACvE,OAAO,KAAK,EAAE,EAA4B,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC7E,OAAO,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAEvE,OAAO,iBAAiB,MAAM,2CAA2C,CAAC;AAC1E,OAAO,cAAc,MAAM,0CAA0C,CAAC;AAEtE,OAAO,UAAU,MAAM,4BAA4B,CAAC;AACpD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,QAAQ,MAAM,kBAAkB,CAAC;AACxC,OAAO,EAAE,IAAI,EAAE,MAAM,MAAM,CAAC;AAC5B,OAAO,OAAO,MAAM,0CAA0C,CAAC;AAC/D,OAAO,EAAE,OAAO,EAAE,MAAM,MAAM,CAAC;AAC/B,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAE5D,iCAAiC;AACjC,MAAM,cAAc,GAAG,CAAC,KAavB,EAAE,EAAE;IACJ,MAAM,EAAE,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,iBAAiB,EAAE,UAAU,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC;IAE1E,MAAM,IAAI,GAAG,YAAY,EAAE,CAAC;IAE5B,MAAM,YAAY,GAAG,gBAAgB,EAAE,CAAC;IAExC,MAAM,CAAC,OAAO,CAAC,GAAG,QAAQ,CAAC,IAAI,oBAAoB,CAAC,EAAE,EAAE,YAAY,CAAC,CAAC,CAAC;IAEvE,MAAM,QAAQ,GAAG,WAAW,CAAC,EAAE,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,eAAe,EAAE,CAAC,CAAC;IAE9E,SAAS,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;IAEpE,OAAO,OAAO,CAAC,GAAG,EAAE,CAAC,CACpB,oBAAC,eAAe,CAAC,QAAQ,IAAC,KAAK,EAAE,OAAO;QACvC,6BAAK,SAAS,EAAC,uBAAuB,EAAC,KAAK,EAAE,KAAK;YAIlD;gBACC,oBAAC,cAAc,IACd,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EACV,eAAe,EAAC,MAAM,EACtB,iBAAiB,EAAE,iBAAiB,EACpC,YAAY,QACZ,MAAM,EAAE,QAAQ,CAAC,cAAc,EAC/B,KAAK,EACJ,oBAAC,OAAO,IACP,EAAE,EAAE,EAAE,EACN,SAAS,EAAE;4BACV,UAAU,EAAE,CAAC,CAAC,UAAU;yBACxB;wBAED,oBAAC,MAAM,IAAC,MAAM,EAAE,MAAM,GAAI,EACzB,OAAO,aAAP,OAAO,cAAP,OAAO,GAAI,oBAAC,IAAI,IAAC,GAAG,EAAE,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,GAAI,CACzC,EAEX,kBAAkB,EAAE,KAAK,GACxB;gBAED,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,CACnB,6BAAK,SAAS,EAAC,sBAAsB;oBACpC,oBAAC,QAAQ,IAAC,MAAM,SAAG,CACd,CACN,CAAC,CAAC,CAAC,CACH,oBAAC,iBAAiB,IACjB,EAAE,EAAE,EAAE,EACN,WAAW,EAAE,QAAQ,CAAC,WAAW,EACjC,QAAQ,EAAE,QAAQ,CAAC,QAAQ,EAC3B,OAAO,EAAC,eAAe,GACtB,CACF,CACO;YACR,QAAQ,CAAC,OAAO,IAAI,OAAO,CAAC,aAAa,CAAC,CAAC,CAAC,CAC5C,6BAAK,SAAS,EAAC,kBAAkB;gBAChC,oBAAC,IAAI,IAAC,SAAS,EAAE,oBAAC,eAAe,IAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,EAAE,IAAI,SAAG,GAAI,CACjE,CACN,CAAC,CAAC,CAAC,CACH,oBAAC,UAAU,IAAC,EAAE,EAAE,EAAE,EAAE,IAAI,EAAC,IAAI,GAAG,CAChC,CACI,CACoB,CAC3B,CAAC,CAAC;IACH,aAAa;IACb,KAAK,UAAU,MAAM;QACpB,OAAO,CAAC,aAAa,GAAG,IAAI,CAAC;QAC7B,MAAM,OAAO,CAAC,MAAM,EAAE,CAAC;QACvB,OAAO,CAAC,aAAa,GAAG,KAAK,CAAC;IAC/B,CAAC;AACF,CAAC,CAAC;AACF,cAAc,CAAC,YAAY,GAAG;IAC7B,IAAI,EAAE,IAAI;CACV,CAAC;AACF,eAAe,cAAc,CAAC"}

package/es/pages/Signature/Envelope/components/PropertiesView/index.less

@@ -1,4 +1,5 @@
-@import "~@voplus/antd/es/style/themes/index.less";
+@import "~@voplus/morpho-theme/styles/index.less";
+
 :global {
 	.envelope-default-view {
 		position: relative;

package/es/pages/Signature/Envelope/components/{ReasonDialog.d.ts → ReasonDialog/index.d.ts}

@@ -1,10 +1,10 @@
-/// <reference types="react" />
-declare const ReasonDialog: (props: {
-    /** title of dialog */
-    type: "Cancel" | "Complete" | "Reopen";
-    /** id of envelope */
-    envelopeId: string;
-    /** */
-    updateVisible?: ((visible: boolean) => void) | undefined;
-}) => JSX.Element;
-export default ReasonDialog;
+import React from "react";
+declare const ReasonDialog: (props: {
+    /** title of dialog */
+    type: "Cancel" | "Complete" | "Reopen";
+    /** id of envelope */
+    envelopeId: string;
+    /** */
+    updateVisible?: ((visible: boolean) => void) | undefined;
+}) => React.JSX.Element;
+export default ReasonDialog;

package/es/pages/Signature/Envelope/components/{ReasonDialog.js → ReasonDialog/index.js}

@@ -1,26 +1,26 @@
-import { Button, Input, Modal } from "@voplus/antd";
-import React, { useState } from "react";
-import { observe } from "@voplus/morpho-ui";
-import { useEnvelopeStore } from "../../data/envelope";
-const ReasonDialog = (props) => {
-    const { type, envelopeId, updateVisible } = props;
-    const envelopStore = useEnvelopeStore();
-    const [reason, setReason] = useState("");
-    const [loading, setLoading] = useState(false);
-    return observe(() => (React.createElement(Modal, { title: `${type} ?`, visible: true, confirmLoading: loading, onOk: remove, onCancel: () => updateVisible === null || updateVisible === void 0 ? void 0 : updateVisible(false), bodyStyle: { padding: "15px 14px" }, footer: React.createElement("div", null,
-            React.createElement(Button, { onClick: () => updateVisible === null || updateVisible === void 0 ? void 0 : updateVisible(false) }, "Close"),
-            React.createElement(Button, { type: "primary", loading: loading, onClick: remove }, "Confirm")) },
-        React.createElement(Input.TextArea, { value: reason, onChange: (e) => setReason(e.target.value), placeholder: "Reason", bordered: false, autoSize: { minRows: 3, maxRows: 5 } }))));
-    async function remove() {
-        setLoading(true);
-        const EnvelopeStatus = type === "Reopen" ? "Signing" : type === "Complete" ? "Completed" : "Cancelled";
-        await envelopStore.edit(envelopeId, {
-            data: { EnvelopeStatus, Reason: reason },
-            error: "message",
-        });
-        setLoading(false);
-        updateVisible === null || updateVisible === void 0 ? void 0 : updateVisible(false);
-    }
-};
-export default ReasonDialog;
-//# sourceMappingURL=ReasonDialog.js.map
+import { Button, Input, Modal } from "antd";
+import React, { useState } from "react";
+import { observe } from "@voplus/morpho-ui";
+import { useEnvelopeStore } from "../../../data/envelope";
+const ReasonDialog = (props) => {
+    const { type, envelopeId, updateVisible } = props;
+    const envelopStore = useEnvelopeStore();
+    const [reason, setReason] = useState("");
+    const [loading, setLoading] = useState(false);
+    return observe(() => (React.createElement(Modal, { title: `${type} ?`, open: true, confirmLoading: loading, onOk: remove, onCancel: () => updateVisible === null || updateVisible === void 0 ? void 0 : updateVisible(false), bodyStyle: { padding: "15px 14px" }, footer: React.createElement("div", null,
+            React.createElement(Button, { onClick: () => updateVisible === null || updateVisible === void 0 ? void 0 : updateVisible(false) }, "Close"),
+            React.createElement(Button, { type: "primary", loading: loading, onClick: remove }, "Confirm")) },
+        React.createElement(Input.TextArea, { value: reason, onChange: (e) => setReason(e.target.value), placeholder: "Reason", bordered: false, autoSize: { minRows: 3, maxRows: 5 } }))));
+    async function remove() {
+        setLoading(true);
+        const EnvelopeStatus = type === "Reopen" ? "Signing" : type === "Complete" ? "Completed" : "Cancelled";
+        await envelopStore.edit(envelopeId, {
+            data: { EnvelopeStatus, Reason: reason },
+            error: "message",
+        });
+        setLoading(false);
+        updateVisible === null || updateVisible === void 0 ? void 0 : updateVisible(false);
+    }
+};
+export default ReasonDialog;
+//# sourceMappingURL=index.js.map

package/es/pages/Signature/Envelope/components/ReasonDialog/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/pages/Signature/Envelope/components/ReasonDialog/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,MAAM,CAAC;AAC5C,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAExC,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAE1D,MAAM,YAAY,GAAG,CAAC,KAOrB,EAAE,EAAE;IACJ,MAAM,EAAE,IAAI,EAAE,UAAU,EAAE,aAAa,EAAE,GAAG,KAAK,CAAC;IAElD,MAAM,YAAY,GAAG,gBAAgB,EAAE,CAAC;IAExC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAS,EAAE,CAAC,CAAC;IAEjD,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE9C,OAAO,OAAO,CAAC,GAAG,EAAE,CAAC,CACpB,oBAAC,KAAK,IACL,KAAK,EAAE,GAAG,IAAI,IAAI,EAClB,IAAI,QACJ,cAAc,EAAE,OAAO,EACvB,IAAI,EAAE,MAAM,EACZ,QAAQ,EAAE,GAAG,EAAE,CAAC,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAG,KAAK,CAAC,EACtC,SAAS,EAAE,EAAE,OAAO,EAAE,WAAW,EAAE,EACnC,MAAM,EACL;YACC,oBAAC,MAAM,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAG,KAAK,CAAC,YAAgB;YAC7D,oBAAC,MAAM,IAAC,IAAI,EAAC,SAAS,EAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,cAE/C,CACJ;QAGP,oBAAC,KAAK,CAAC,QAAQ,IACd,KAAK,EAAE,MAAM,EACb,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAC1C,WAAW,EAAC,QAAQ,EACpB,QAAQ,EAAE,KAAK,EACf,QAAQ,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,GACnC,CACK,CACR,CAAC,CAAC;IACH,KAAK,UAAU,MAAM;QACpB,UAAU,CAAC,IAAI,CAAC,CAAC;QACjB,MAAM,cAAc,GACnB,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,KAAK,UAAU,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC;QACjF,MAAM,YAAY,CAAC,IAAI,CAAC,UAAU,EAAE;YACnC,IAAI,EAAE,EAAE,cAAc,EAAE,MAAM,EAAE,MAAM,EAAE;YACxC,KAAK,EAAE,SAAS;SAChB,CAAC,CAAC;QACH,UAAU,CAAC,KAAK,CAAC,CAAC;QAClB,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAG,KAAK,CAAC,CAAC;IACxB,CAAC;AACF,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/es/pages/Signature/Envelope/controls/EnvelopeMenu/index.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+declare const EnvelopeMenu: (props: {
+    id: string;
+    onClickItem?: ((open?: boolean) => void) | undefined;
+}) => React.JSX.Element;
+export default EnvelopeMenu;

package/es/pages/Signature/Envelope/{components/EnvelopeMenu.js → controls/EnvelopeMenu/index.js}

@@ -1,71 +1,84 @@
-import { Access, Archive, Delete, Move, Paste, Pin, Unpin, PrintActivities, CopyReference, Lock, Unlock, } from "../../../../controls/DocumentMenu/items";
-import { DocumentMenuContext, DocumentMenuState } from "@voplus/morpho-document-core";
-import React, { useState, useMemo } from "react";
-import { faBellOn, faCheck, faEnvelope, faSync, faUndo } from "@fortawesome/pro-light-svg-icons";
-import { useEnvelope, useEnvelopeStore } from "../../data/envelope";
-import { Button } from "@voplus/antd";
-import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
-import ReasonDialog from "./ReasonDialog";
-import { observe } from "@voplus/morpho-ui";
-const EnvelopeMenu = (props) => {
-    var _a;
-    const [visible, setVisible] = useState(false);
-    const [reload, setReload] = useState(false);
-    const [type, setType] = useState("Cancel");
-    const context = useMemo(() => new DocumentMenuState(props.id), [props.id]);
-    const envelope = useEnvelope(props.id, { reload: reload });
-    const store = useEnvelopeStore();
-    /** 有未签名line */
-    const unsigned = (_a = envelope === null || envelope === void 0 ? void 0 : envelope.letters) === null || _a === void 0 ? void 0 : _a.some((l) => { var _a; return (_a = l.signatureLines) === null || _a === void 0 ? void 0 : _a.some(({ signatureDate }) => !signatureDate); });
-    return observe(() => {
-        var _a;
-        return (React.createElement(React.Fragment, null,
-            React.createElement(DocumentMenuContext.Provider, { value: context },
-                React.createElement(Pin, null),
-                React.createElement(Unpin, null),
-                React.createElement(CopyReference, null),
-                React.createElement(Move, null),
-                React.createElement(Paste, null),
-                React.createElement(Lock, null),
-                React.createElement(Unlock, null),
-                envelope.envelopeStatus !== "Signing" && envelope.status === "Draft" && (React.createElement(Button, { type: "link", key: "Envelope", onClick: invite },
-                    React.createElement(FAIcon, { icon: faEnvelope }),
-                    React.createElement("span", null, "Send Envelope"))),
-                envelope.envelopeStatus === "Signing" && (React.createElement(Button, { type: "link", key: "Reminders", onClick: remind },
-                    React.createElement(FAIcon, { icon: faBellOn }),
-                    React.createElement("span", null, "Send Reminders"))),
-                React.createElement(Access, null),
-                envelope.envelopeStatus === "Signing" && (React.createElement(Button, { type: "link", key: "Complete", onClick: () => operate("Complete"), style: { color: "#52c41a" } },
-                    React.createElement(FAIcon, { icon: faCheck }),
-                    React.createElement("span", null, "Complete"))),
-                (envelope.envelopeStatus === "Cancelled" || envelope.envelopeStatus === "Completed") &&
-                    unsigned && (React.createElement(Button, { type: "link", key: "Reopen", onClick: () => operate("Reopen"), style: { color: "#1890ff" } },
-                    React.createElement(FAIcon, { icon: faSync }),
-                    React.createElement("span", null, "Reopen"))),
-                envelope.envelopeStatus === "Signing" && (React.createElement(Button, { type: "link", key: "Cancel", onClick: () => operate("Cancel") },
-                    React.createElement(FAIcon, { icon: faUndo }),
-                    React.createElement("span", null, "Cancel"))),
-                React.createElement(Archive, null),
-                React.createElement(PrintActivities, null),
-                (!envelope.envelopeStatus || !((_a = envelope.letters) === null || _a === void 0 ? void 0 : _a.length)) && React.createElement(Delete, null)),
-            visible && (React.createElement(ReasonDialog, { type: type, envelopeId: props.id, updateVisible: (visible) => {
-                    setVisible(visible);
-                    setReload(true);
-                } }))));
-    });
-    /** email send */
-    async function invite() {
-        await store.invite(props.id, { error: "message" });
-    }
-    /** email remind */
-    async function remind() {
-        await store.remind(props.id, { error: "message" });
-    }
-    function operate(type) {
-        setType(type);
-        setVisible(true);
-        setReload(false);
-    }
-};
-export default EnvelopeMenu;
-//# sourceMappingURL=EnvelopeMenu.js.map
+import React, { useMemo, useState } from "react";
+import { Move, Pin, Unpin, CopyReference } from "../../../../../controls/DocumentMenu/items";
+import { DocumentMenuContext, DocumentMenuState } from "@voplus/morpho-document-core";
+import { faBellOn, faCheck, faEnvelope, faSync, faUndo } from "@fortawesome/pro-light-svg-icons";
+import { useEnvelope, useEnvelopeStore } from "../../../data/envelope";
+import { Button } from "antd";
+import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
+import { observe, MenuTitle } from "@voplus/morpho-ui";
+import SubPasteMenu from "../../../../../controls/SubPasteMenu";
+import LockMenuGroup from "../../../../../controls/DocumentMenu/LockMenuGroup";
+import MiscMenuGroup from "../../../../../controls/DocumentMenu/MiscMenuGroup";
+import ReasonDialog from "../../components/ReasonDialog";
+const EnvelopeMenu = (props) => {
+    var _a;
+    const [visible, setVisible] = useState(false);
+    const [reload, setReload] = useState(false);
+    const [type, setType] = useState("Cancel");
+    const context = useMemo(() => new DocumentMenuState(props.id), [props.id]);
+    const envelope = useEnvelope(props.id, { reload: reload });
+    const store = useEnvelopeStore();
+    /** 有未签名line */
+    const unsigned = (_a = envelope === null || envelope === void 0 ? void 0 : envelope.letters) === null || _a === void 0 ? void 0 : _a.some((l) => { var _a; return (_a = l.signatureLines) === null || _a === void 0 ? void 0 : _a.some(({ signatureDate }) => !signatureDate); });
+    return observe(() => {
+        var _a;
+        return (React.createElement(React.Fragment, null,
+            React.createElement(DocumentMenuContext.Provider, { value: context },
+                React.createElement(MenuTitle, { title: "Envelope Menu" }),
+                envelope.envelopeStatus !== "Signing" && envelope.status === "Draft" && (React.createElement(Button, { type: "link", key: "Envelope", onClick: invite },
+                    React.createElement(FAIcon, { icon: faEnvelope }),
+                    React.createElement("span", null, "Send Envelope"))),
+                envelope.envelopeStatus === "Signing" && (React.createElement(Button, { type: "link", key: "Reminders", onClick: remind },
+                    React.createElement(FAIcon, { icon: faBellOn }),
+                    React.createElement("span", null, "Send Reminders"))),
+                envelope.envelopeStatus === "Signing" && (React.createElement(Button, { type: "link", key: "Complete", onClick: () => {
+                        var _a;
+                        operate("Complete");
+                        (_a = props.onClickItem) === null || _a === void 0 ? void 0 : _a.call(props);
+                    }, style: { color: "#52c41a" } },
+                    React.createElement(FAIcon, { icon: faCheck }),
+                    React.createElement("span", null, "Complete"))),
+                (envelope.envelopeStatus === "Cancelled" || envelope.envelopeStatus === "Completed") &&
+                    unsigned && (React.createElement(Button, { type: "link", key: "Reopen", onClick: () => {
+                        var _a;
+                        operate("Reopen");
+                        (_a = props.onClickItem) === null || _a === void 0 ? void 0 : _a.call(props);
+                    }, style: { color: "#1890ff" } },
+                    React.createElement(FAIcon, { icon: faSync }),
+                    React.createElement("span", null, "Reopen"))),
+                envelope.envelopeStatus === "Signing" && (React.createElement(Button, { type: "link", key: "Cancel", onClick: () => operate("Cancel") },
+                    React.createElement(FAIcon, { icon: faUndo }),
+                    React.createElement("span", null, "Cancel"))),
+                React.createElement(MenuTitle, { title: "Document Menu" }),
+                React.createElement(Pin, null),
+                React.createElement(Unpin, null),
+                React.createElement(CopyReference, null),
+                React.createElement(Move, null),
+                React.createElement(SubPasteMenu, { onClickItem: props.onClickItem }),
+                React.createElement(LockMenuGroup, { configMenu: ["Lock", "Unlock"] }),
+                React.createElement(MiscMenuGroup, { configMenu: !envelope.envelopeStatus || !((_a = envelope.letters) === null || _a === void 0 ? void 0 : _a.length)
+                        ? ["PrintActivities", "Access", "Archive", "Delete"]
+                        : ["PrintActivities", "Access", "Archive"], 
+                    // style={{ left: "-180px" }}
+                    onClickItem: props.onClickItem })),
+            visible && (React.createElement(ReasonDialog, { type: type, envelopeId: props.id, updateVisible: (visible) => {
+                    setVisible(visible);
+                    setReload(true);
+                } }))));
+    });
+    /** email send */
+    async function invite() {
+        await store.invite(props.id, { error: "message" });
+    }
+    /** email remind */
+    async function remind() {
+        await store.remind(props.id, { error: "message" });
+    }
+    function operate(type) {
+        setType(type);
+        setVisible(true);
+        setReload(false);
+    }
+};
+export default EnvelopeMenu;
+//# sourceMappingURL=index.js.map

package/es/pages/Signature/Envelope/controls/EnvelopeMenu/index.js.map

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