@voplus/morpho-document 1.4.96 → 1.4.97

package/es/pages/Signature/Envelope/components/EnvelopeMenu.js

@@ -1,64 +1,64 @@
-import { Access, Archive, Delete, Move, Paste } from "../../../../controls/DocumentMenu/items";
-import React, { useState } 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 DocumentMenu from "../../../../controls/DocumentMenu";
-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 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(DocumentMenu, { id: props.id },
-                React.createElement(Move, null),
-                React.createElement(Paste, 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),
-                (!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;
+import { Access, Archive, Delete, Move, Paste } from "../../../../controls/DocumentMenu/items";
+import React, { useState } 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 DocumentMenu from "../../../../controls/DocumentMenu";
+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 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(DocumentMenu, { id: props.id },
+                React.createElement(Move, null),
+                React.createElement(Paste, 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),
+                (!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

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

@@ -1,7 +1,7 @@
-/// <reference types="react" />
-declare const EnvelopeQuickView: (props: {
-    id: string;
-    visible?: boolean;
-    onCancel?: () => void;
-}) => JSX.Element;
-export default EnvelopeQuickView;
+/// <reference types="react" />
+declare const EnvelopeQuickView: (props: {
+    id: string;
+    visible?: boolean;
+    onCancel?: () => void;
+}) => JSX.Element;
+export default EnvelopeQuickView;

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

@@ -1,47 +1,47 @@
-import { AsideContent, observe } from "@voplus/morpho-ui";
-import { Button, Tooltip } from "@voplus/antd";
-import React, { useState } from "react";
-import { faTimes, faUserChart } from "@fortawesome/pro-light-svg-icons";
-import ActivityLog from "@voplus/morpho-org/es/components/ActivityLog/ActivityLog2";
-import { ArrowLeftOutlined } from "@ant-design/icons";
-import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
-import { Open } from "../../../../../controls/ToolBar/buttons";
-import PropertiesView from "../PropertiesView";
-import QuickModal from "../../../../../components/QuickViewDialog/QuickModal";
-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(QuickModal, { width: activity ? "1000px" : "500px", visible: props.visible, onCancel: props.onCancel, className: styles["envelope-quick-view-modal"] },
-        React.createElement(AsideContent, { context: asideContext, style: { width: "100%" } },
-            React.createElement("div", { className: "envelope-quick-aside" },
-                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(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, { shape: "circle", size: "small", style: { marginRight: "5px" }, onClick: activitiesClick },
-                                React.createElement(FAIcon, { icon: faUserChart }))),
-                        !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 "@voplus/antd";
+import React, { useState } from "react";
+import { faTimes, faUserChart } from "@fortawesome/pro-light-svg-icons";
+import ActivityLog from "@voplus/morpho-org/es/components/ActivityLog/ActivityLog2";
+import { ArrowLeftOutlined } from "@ant-design/icons";
+import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
+import { Open } from "../../../../../controls/ToolBar/buttons";
+import PropertiesView from "../PropertiesView";
+import QuickModal from "../../../../../components/QuickViewDialog/QuickModal";
+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(QuickModal, { width: activity ? "1000px" : "500px", visible: props.visible, onCancel: props.onCancel, className: styles["envelope-quick-view-modal"] },
+        React.createElement(AsideContent, { context: asideContext, style: { width: "100%" } },
+            React.createElement("div", { className: "envelope-quick-aside" },
+                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(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, { shape: "circle", size: "small", style: { marginRight: "5px" }, onClick: activitiesClick },
+                                React.createElement(FAIcon, { icon: faUserChart }))),
+                        !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.less

@@ -0,0 +1,45 @@
+.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;
+				.envelope-default-view {
+					position: relative;
+					&::before {
+						position: absolute;
+						content: "";
+						right: 0;
+						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;
+									top: 10px;
+									font-size: 22px;
+									cursor: pointer;
+									padding: 0 23px 0;
+								}
+							}
+						}
+					}
+				}
+			}
+		}
+		.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 { 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;

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

@@ -1,50 +1,50 @@
-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 EnvelopeMenu from "../EnvelopeMenu";
-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 "../../../../../data";
-/** 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,
-                            menus: {
-                                default: React.createElement(EnvelopeMenu, { id: id }),
-                            },
-                        } },
-                        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 EnvelopeMenu from "../EnvelopeMenu";
+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 "../../../../../data";
+/** 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,
+                            menus: {
+                                default: React.createElement(EnvelopeMenu, { id: id }),
+                            },
+                        } },
+                        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.less

@@ -0,0 +1,46 @@
+@import "~@voplus/antd/es/style/themes/index.less";
+:global {
+	.envelope-default-view {
+		position: relative;
+		display: flex;
+		height: 100%;
+		flex-direction: column;
+		background-color: @background-color-base;
+		> header {
+			box-shadow: 2px 2px 5px #e8e8e8;
+			background-color: @component-background;
+		}
+		.envelope-description {
+			padding: 0 20px 10px 20px;
+		}
+		> div {
+			margin: 1rem 1rem 0 1rem;
+			.letter-item-card {
+				margin-bottom: 1rem;
+			}
+		}
+		.envelope-loading {
+			margin: 1rem;
+			text-align: center;
+		}
+	}
+	.envelope-default-view_aside {
+		height: 100%;
+		.ant-tabs {
+			display: flex;
+			flex-direction: column;
+			height: 100%;
+			.ant-tabs-content {
+				height: 100%;
+				padding-bottom: 0px !important;
+				.ant-tabs-tabpane {
+					position: relative;
+					height: 100%;
+				}
+			}
+			.ant-tabs-bar {
+				margin: 0 20px;
+			}
+		}
+	}
+}

package/es/pages/Signature/Envelope/components/ReasonDialog.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;
+/// <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;

package/es/pages/Signature/Envelope/components/ReasonDialog.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;
+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

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

@@ -1,17 +1,17 @@
-/// <reference types="react" />
-import "./index.less";
-declare const SignaturePercentageDataIcon: {
-    (props: {
-        /** id of meeting */
-        id: string;
-        /** width of Progress */
-        width?: string;
-        /** 显示与否 */
-        visible?: boolean;
-    }): JSX.Element;
-    defaultProps: {
-        width: string;
-        visible: boolean;
-    };
-};
-export default SignaturePercentageDataIcon;
+/// <reference types="react" />
+import "./index.less";
+declare const SignaturePercentageDataIcon: {
+    (props: {
+        /** id of meeting */
+        id: string;
+        /** width of Progress */
+        width?: string;
+        /** 显示与否 */
+        visible?: boolean;
+    }): JSX.Element;
+    defaultProps: {
+        width: string;
+        visible: boolean;
+    };
+};
+export default SignaturePercentageDataIcon;