@voplus/morpho-document 4.0.3 → 4.0.5

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

@@ -1,53 +1,53 @@
-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;
+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.less

@@ -1,54 +1,54 @@
-.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 !important;
-
-				.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;
-		}
-	}
+.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 !important;
+
+				.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,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 "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;
+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.less

@@ -1,47 +1,47 @@
-@import "~@voplus/morpho-theme/styles/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;
-			}
-		}
-	}
-}
+@import "~@voplus/morpho-theme/styles/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 "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;
+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=ReasonDialog.js.map

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

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

package/es/pages/Signature/Envelope/controls/EnvelopeStatusLabel/index.js

@@ -1,9 +1,9 @@
-import "./index.less";
-import DocumentStatusLabel from "../../../../../controls/DocumentStatusLabel";
-import React from "react";
-import classnames from "classnames";
-const EnvelopeStatusLabel = (props) => {
-    return (React.createElement(DocumentStatusLabel, { className: classnames("envelope-status", props.className), editable: false, list: [{ name: "Signing" }, { name: "Cancelled" }, { name: "Completed" }], status: props.status }));
-};
-export default EnvelopeStatusLabel;
+import "./index.less";
+import DocumentStatusLabel from "../../../../../controls/DocumentStatusLabel";
+import React from "react";
+import classnames from "classnames";
+const EnvelopeStatusLabel = (props) => {
+    return (React.createElement(DocumentStatusLabel, { className: classnames("envelope-status", props.className), editable: false, list: [{ name: "Signing" }, { name: "Cancelled" }, { name: "Completed" }], status: props.status }));
+};
+export default EnvelopeStatusLabel;
 //# sourceMappingURL=index.js.map

package/es/pages/Signature/Envelope/controls/EnvelopeStatusLabel/index.less

@@ -1,20 +1,20 @@
-@import "~@voplus/morpho-theme/styles/index.less";
-
-:global {
-	.envelope-status {
-		&.signing,
-		&.signing:hover {
-			border: unset;
-			background: #e6ad51;
-			color: white;
-		}
-		&.cancelled,
-		&.cancelled:hover {
-			background: @closed-color;
-		}
-		&.completed,
-		&.completed:hover {
-			background: @done-color;
-		}
-	}
-}
+@import "~@voplus/morpho-theme/styles/index.less";
+
+:global {
+	.envelope-status {
+		&.signing,
+		&.signing:hover {
+			border: unset;
+			background: #e6ad51;
+			color: white;
+		}
+		&.cancelled,
+		&.cancelled:hover {
+			background: @closed-color;
+		}
+		&.completed,
+		&.completed:hover {
+			background: @done-color;
+		}
+	}
+}

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;