@voplus/morpho-document 4.0.7 → 4.0.9

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

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

package/es/components/SendForm/index.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/SendForm/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,WAAW,EAAE,MAAM,MAAM,CAAC;AACnC,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,MAAM,CAAC;AACjE,OAAO,WAAW,MAAM,4CAA4C,CAAC;AACrE,OAAO,WAAW,MAAM,6CAA6C,CAAC;AACtE,OAAO,QAAQ,MAAM,wCAAwC,CAAC;AAC9D,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,MAAM,MAAM,cAAc,CAAC;AAElC,MAAM,QAAQ,GAAG,CAAC,KAejB,EAAE,EAAE;IACJ,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,cAAc,EAAE,kBAAkB,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAE5E,MAAM,CAAC,KAAK,CAAC,GAAG,QAAQ,CAAC,IAAI,KAAK,CAAC,cAAc,EAAE,kBAAkB,CAAC,CAAC,CAAC;IAExE,MAAM,OAAO,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,CAC7B,oBAAC,IAAI,IAAC,MAAM,EAAC,UAAU,EAAC,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,mBAAmB,CAAC,CAAC;QACxE,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,QAAQ,CAAC,SAAS,CAAC,KAAI,CAC9B,oBAAC,IAAI,CAAC,IAAI,IAAC,KAAK,EAAC,SAAS;YACzB,oBAAC,WAAW,IACX,QAAQ,EAAE,KAAK,EACf,QAAQ,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,EAAE,EAC9C,QAAQ,EAAE,CACT,IAGG,EACF,EAAE;oBACH,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC;oBACxB,KAAK,CAAC,MAAM,CAAC,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;gBAClC,CAAC,GACA,CACS,CACZ;QACD,oBAAC,IAAI,CAAC,IAAI,IACT,KAAK,EAAC,eAAe,EACrB,SAAS,EAAC,eAAe,EACzB,KAAK,EAAE,EAAE,MAAM,EAAE,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,QAAQ,CAAC,SAAS,CAAC,EAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,MAAM,EAAE;YAE7E,oBAAC,WAAW,IACX,YAAY,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,EAC/B,MAAM,QACN,WAAW,EAAE,kBAAkB,EAC/B,SAAS,EAAC,aAAa,EACvB,QAAQ,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,GAAG,GAAG,CAAC,YAAY,EAAE,CAAC,GAC7D,CACS;QACX,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,QAAQ,CAAC,kBAAkB,CAAC,KAAI,CACvC,oBAAC,GAAG,IAAC,OAAO,EAAC,KAAK,EAAC,KAAK,EAAE,EAAE,YAAY,EAAE,MAAM,EAAE;YACjD,oBAAC,QAAQ,IAAC,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,oBAAoB,GAAG,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,sCAEtE,CACN,CACN;QAEA,QAAQ,KAAK,OAAO,IAAI,CACxB,oBAAC,GAAG,IAAC,OAAO,EAAC,KAAK;YACjB,oBAAC,KAAK;gBACL,oBAAC,MAAM,IAAC,OAAO,EAAE,QAAQ,aAAiB;gBAC1C,oBAAC,MAAM,IAAC,IAAI,EAAC,SAAS,EAAC,OAAO,EAAE,MAAM,WAE7B,CACF,CACH,CACN,CACK,CACP,CAAC,CAAC;IAEH,OAAO,OAAO,CAAC,GAAG,EAAE,CACnB,QAAQ,KAAK,OAAO,CAAC,CAAC,CAAC,CACtB,oBAAC,KAAK,IACL,KAAK,EAAE,GAAG,IAAI,mBAAmB,EACjC,IAAI,EAAE,IAAI,EACV,cAAc,EAAE,IAAI,EACpB,QAAQ,EAAE,KAAK,EACf,MAAM,EAAE,IAAI,EACZ,QAAQ,EAAE,QAAQ;QAElB,6BAAK,SAAS,EAAE,MAAM,CAAC,qBAAqB,CAAC,IAAG,OAAO,CAAO,CACvD,CACR,CAAC,CAAC,CAAC,CACH,oBAAC,QAAQ,IAAC,KAAK,EAAE,GAAG,IAAI,YAAY,EAAE,MAAM,EAAC,MAAM,EAAC,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,IACtF,OAAO,CACE,CACX,CACD,CAAC;IAEF,SAAS,QAAQ;;QAChB,WAAW,CAAC,GAAG,EAAE;YAChB,KAAK,CAAC,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC;YAC5B,cAAc,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,GAAG,SAAS,CAAC,CAAC;QACjF,CAAC,CAAC,CAAC;QACH,MAAA,KAAK,CAAC,QAAQ,qDAAI,CAAC;IACpB,CAAC;IAED,iBAAiB;IACjB,SAAS,MAAM;;QACd,MAAA,KAAK,CAAC,MAAM,sDAAG,KAAK,CAAC,MAAM,CAAC,CAAC;IAC9B,CAAC;AACF,CAAC,CAAC;AAEF,QAAQ,CAAC,YAAY,GAAG;IACvB,QAAQ,EAAE,UAAU;CACpB,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/es/components/SendForm/index.less

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

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

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

package/es/components/SendForm/state.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"state.js","sourceRoot":"","sources":["../../../src/components/SendForm/state.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAElD,MAAM,OAAO,KAAK;IACjB,YACS,cAA6C,EAC7C,kBAA2B;;;;;;mBAD3B;;;;;;mBACA;;QAIT;;;;mBAAgB;gBACf,EAAE,EAAE,CAAA,MAAA,IAAI,CAAC,cAAc,0CAAE,EAAE,EAAC,CAAC,CAAC,CAAC,MAAA,IAAI,CAAC,cAAc,0CAAE,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE;gBAC5D,OAAO,EAAE,IAAI,CAAC,kBAAkB,IAAI,EAAE;gBACtC,oBAAoB,EAAE,KAAK;aAC3B;WAAC;QAEU;;;;mBAAgB,IAAI,CAAC,MAAM;WAAC;QAC5B;;;;mBAA2D,IAAI,CAAC,cAAc;WAAC;QAT1F,cAAc,CAAC,IAAI,CAAC,CAAC;IACtB,CAAC;CASD;AAFY;IAAX,UAAU;qCAA6B;AAC5B;IAAX,UAAU;sCAAgF"}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@voplus/morpho-document",
-	"version": "4.0.7",
+	"version": "4.0.9",
 	"repository": {
 		"type": "git",
 		"url": "https://voplus.visualstudio.com/morpho-document/_git/morpho-document"