@voplus/morpho-document 4.0.3 → 4.0.5

package/es/pages/VSubmit/components/DocumentIconList/index.js

@@ -1,55 +1,55 @@
-import "./index.less";
-import { Button, Empty, Tooltip, Upload } from "antd";
-import React, { useState } from "react";
-import { faDownload, faUpload } from "@fortawesome/pro-light-svg-icons";
-import { useDocumentListEffect, useDocumentStore, useFileStore, } from "@voplus/morpho-document-core";
-import DocumentIcon from "../DocumentIcon";
-import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
-import { State } from "./state";
-import { observe } from "@voplus/morpho-ui";
-import { runInAction } from "mobx";
-import { saveAs } from "file-saver";
-import { useApplicationContext } from "@voplus/morpho-data";
-const DocumentIconList = (props) => {
-    const { id, download, upload, header, size } = props;
-    const [state] = useState(new State());
-    const { user } = useApplicationContext();
-    const store = useDocumentStore();
-    const fileStore = useFileStore();
-    useDocumentListEffect(null, (list) => {
-        runInAction(() => (state.list = list || []));
-    }, {
-        Filters: [{ c: "ParentNodeId", o: "=", l: "And", v1: id }],
-    });
-    return observe(() => (React.createElement("div", { className: "documents-icon-list-view" },
-        header && (React.createElement("div", { className: "attachments-header" },
-            React.createElement("div", { className: "attachments-title" }, "Attachments"))),
-        React.createElement("div", { className: "attachments-cards" },
-            React.createElement("div", { className: "attachments-download" }, download !== false && (React.createElement(Tooltip, { title: "Download" },
-                React.createElement(Button, { size: "small", shape: "circle", type: "primary", disabled: !(state.list && state.list.length), className: "download-btn", onClick: onDownload },
-                    React.createElement(FAIcon, { icon: faDownload }))))),
-            React.createElement(Upload.Dragger, { action: `https://${store.endpoint.host}/api/files/${props.id}`, headers: {
-                    Authorization: `Bearer ${user.info.accessToken}`,
-                }, fileList: state.fileList, showUploadList: state.fileList.length > 0, onChange: state.onUploading, disabled: !upload, openFileDialogOnClick: false, multiple: true }, !!(state.list && state.list.length) ? (state.list.map((d) => React.createElement(DocumentIcon, { key: d.id, id: d.id, size: size }))) : upload ? (React.createElement("div", { className: "ant-upload-hint" },
-                React.createElement(FAIcon, { icon: faUpload }),
-                "Drag file to this area to upload")) : (React.createElement(Empty, { image: Empty.PRESENTED_IMAGE_SIMPLE })))))));
-    /** download file */
-    function onDownload() {
-        for (const item of state.list) {
-            fileStore.download(item.id).then((blob) => {
-                if (blob) {
-                    const url = URL.createObjectURL(blob);
-                    if (url) {
-                        saveAs(url, item.name);
-                    }
-                }
-            });
-        }
-    }
-};
-DocumentIconList.defaultProps = {
-    upload: true,
-    header: true,
-};
-export default DocumentIconList;
+import "./index.less";
+import { Button, Empty, Tooltip, Upload } from "antd";
+import React, { useState } from "react";
+import { faDownload, faUpload } from "@fortawesome/pro-light-svg-icons";
+import { useDocumentListEffect, useDocumentStore, useFileStore, } from "@voplus/morpho-document-core";
+import DocumentIcon from "../DocumentIcon";
+import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
+import { State } from "./state";
+import { observe } from "@voplus/morpho-ui";
+import { runInAction } from "mobx";
+import { saveAs } from "file-saver";
+import { useApplicationContext } from "@voplus/morpho-data";
+const DocumentIconList = (props) => {
+    const { id, download, upload, header, size } = props;
+    const [state] = useState(new State());
+    const { user } = useApplicationContext();
+    const store = useDocumentStore();
+    const fileStore = useFileStore();
+    useDocumentListEffect(null, (list) => {
+        runInAction(() => (state.list = list || []));
+    }, {
+        Filters: [{ c: "ParentNodeId", o: "=", l: "And", v1: id }],
+    });
+    return observe(() => (React.createElement("div", { className: "documents-icon-list-view" },
+        header && (React.createElement("div", { className: "attachments-header" },
+            React.createElement("div", { className: "attachments-title" }, "Attachments"))),
+        React.createElement("div", { className: "attachments-cards" },
+            React.createElement("div", { className: "attachments-download" }, download !== false && (React.createElement(Tooltip, { title: "Download" },
+                React.createElement(Button, { size: "small", shape: "circle", type: "primary", disabled: !(state.list && state.list.length), className: "download-btn", onClick: onDownload },
+                    React.createElement(FAIcon, { icon: faDownload }))))),
+            React.createElement(Upload.Dragger, { action: `https://${store.endpoint.host}/api/files/${props.id}`, headers: {
+                    Authorization: `Bearer ${user.info.accessToken}`,
+                }, fileList: state.fileList, showUploadList: state.fileList.length > 0, onChange: state.onUploading, disabled: !upload, openFileDialogOnClick: false, multiple: true }, !!(state.list && state.list.length) ? (state.list.map((d) => React.createElement(DocumentIcon, { key: d.id, id: d.id, size: size }))) : upload ? (React.createElement("div", { className: "ant-upload-hint" },
+                React.createElement(FAIcon, { icon: faUpload }),
+                "Drag file to this area to upload")) : (React.createElement(Empty, { image: Empty.PRESENTED_IMAGE_SIMPLE })))))));
+    /** download file */
+    function onDownload() {
+        for (const item of state.list) {
+            fileStore.download(item.id).then((blob) => {
+                if (blob) {
+                    const url = URL.createObjectURL(blob);
+                    if (url) {
+                        saveAs(url, item.name);
+                    }
+                }
+            });
+        }
+    }
+};
+DocumentIconList.defaultProps = {
+    upload: true,
+    header: true,
+};
+export default DocumentIconList;
 //# sourceMappingURL=index.js.map

package/es/pages/VSubmit/components/DocumentIconList/index.less

@@ -1,85 +1,85 @@
-:global {
-	.documents-icon-list-view {
-		display: flex;
-		padding: 0 20px;
-		.attachments-header {
-			display: flex;
-			justify-content: space-between;
-			// align-items: center;
-			padding: 10px 0;
-			min-width: 110px;
-			.attachments-title {
-				color: #000;
-				font-size: 15px;
-				font-weight: 600;
-			}
-			.download-btn {
-				padding: 0;
-				height: 26px;
-				font-size: 18px;
-			}
-		}
-		.attachments-cards {
-			flex: 1;
-			display: flex;
-			flex-wrap: wrap;
-			// margin: 0 20px;
-			padding: 10px 0;
-			background-color: #fff;
-			position: relative;
-			> span {
-				display: flex;
-				width: 100%;
-				flex-direction: column-reverse;
-				// padding: 0 0.5rem;
-				.ant-upload-disabled {
-					cursor: auto !important;
-				}
-				.ant-upload.ant-upload-drag {
-					border: none;
-					background-color: transparent;
-					text-align: left;
-					.ant-upload {
-						padding: 0;
-						.ant-upload-drag-container {
-							display: flex;
-							flex-wrap: wrap;
-							.document-icon-card {
-								width: 18rem;
-								margin: 0.5rem;
-							}
-							.ant-upload-hint {
-								width: 100%;
-								padding: 1rem 0;
-								// margin: 0.25rem 0.75rem 0 0.75rem;
-								background-color: #fff;
-								.svg-inline--fa {
-									margin: 0 10px 0 0;
-								}
-							}
-							.ant-empty {
-								width: 100%;
-								padding: 10px 0;
-								margin: 0.25rem 0.5rem 0 0.5rem;
-								background-color: #fff;
-							}
-						}
-					}
-				}
-			}
-			.attachments-download {
-				position: absolute;
-				right: -6px;
-				top: 0;
-				z-index: 10;
-				// .download-btn {
-				// 	padding: 0;
-				// 	color: #000;
-				// 	border-color: #000;
-				// 	height: 26px;
-				// 	font-size: 18px;
-				// }
-			}
-		}
-	}
-}
+:global {
+	.documents-icon-list-view {
+		display: flex;
+		padding: 0 20px;
+		.attachments-header {
+			display: flex;
+			justify-content: space-between;
+			// align-items: center;
+			padding: 10px 0;
+			min-width: 110px;
+			.attachments-title {
+				color: #000;
+				font-size: 15px;
+				font-weight: 600;
+			}
+			.download-btn {
+				padding: 0;
+				height: 26px;
+				font-size: 18px;
+			}
+		}
+		.attachments-cards {
+			flex: 1;
+			display: flex;
+			flex-wrap: wrap;
+			// margin: 0 20px;
+			padding: 10px 0;
+			background-color: #fff;
+			position: relative;
+			> span {
+				display: flex;
+				width: 100%;
+				flex-direction: column-reverse;
+				// padding: 0 0.5rem;
+				.ant-upload-disabled {
+					cursor: auto !important;
+				}
+				.ant-upload.ant-upload-drag {
+					border: none;
+					background-color: transparent;
+					text-align: left;
+					.ant-upload {
+						padding: 0;
+						.ant-upload-drag-container {
+							display: flex;
+							flex-wrap: wrap;
+							.document-icon-card {
+								width: 18rem;
+								margin: 0.5rem;
+							}
+							.ant-upload-hint {
+								width: 100%;
+								padding: 1rem 0;
+								// margin: 0.25rem 0.75rem 0 0.75rem;
+								background-color: #fff;
+								.svg-inline--fa {
+									margin: 0 10px 0 0;
+								}
+							}
+							.ant-empty {
+								width: 100%;
+								padding: 10px 0;
+								margin: 0.25rem 0.5rem 0 0.5rem;
+								background-color: #fff;
+							}
+						}
+					}
+				}
+			}
+			.attachments-download {
+				position: absolute;
+				right: -6px;
+				top: 0;
+				z-index: 10;
+				// .download-btn {
+				// 	padding: 0;
+				// 	color: #000;
+				// 	border-color: #000;
+				// 	height: 26px;
+				// 	font-size: 18px;
+				// }
+			}
+		}
+	}
+}

package/es/pages/VSubmit/components/DocumentIconList/state.d.ts

@@ -1,13 +1,13 @@
-import { IDocument } from "@voplus/morpho-document-core";
-import { UploadFile } from "antd/es/upload/interface";
-export declare class State {
-    /** list of attachments */
-    list: IDocument[];
-    /** list of upload file */
-    fileList: UploadFile[];
-    constructor();
-    onUploading: ({ file, fileList }: {
-        file: UploadFile;
-        fileList: UploadFile[];
-    }) => void;
-}
+import { IDocument } from "@voplus/morpho-document-core";
+import { UploadFile } from "antd/es/upload/interface";
+export declare class State {
+    /** list of attachments */
+    list: IDocument[];
+    /** list of upload file */
+    fileList: UploadFile[];
+    constructor();
+    onUploading: ({ file, fileList }: {
+        file: UploadFile;
+        fileList: UploadFile[];
+    }) => void;
+}

package/es/pages/VSubmit/components/DocumentIconList/state.js

@@ -1,43 +1,43 @@
-import { __decorate } from "tslib";
-import { action, makeObservable, observable } from "mobx";
-export class State {
-    constructor() {
-        /** list of attachments */
-        Object.defineProperty(this, "list", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: []
-        });
-        /** list of upload file */
-        Object.defineProperty(this, "fileList", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: []
-        });
-        Object.defineProperty(this, "onUploading", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: ({ file, fileList }) => {
-                /**上传完成不显示进度条 */
-                this.fileList = fileList.filter((f) => f.status !== "done");
-                if (file.status === "done")
-                    this.list = [...this.list, file.response];
-            }
-        });
-        makeObservable(this);
-    }
-}
-__decorate([
-    observable
-], State.prototype, "list", void 0);
-__decorate([
-    observable
-], State.prototype, "fileList", void 0);
-__decorate([
-    action
-    /** 文件上传中、完成、失败回调函数 */
-], State.prototype, "onUploading", void 0);
+import { __decorate } from "tslib";
+import { action, makeObservable, observable } from "mobx";
+export class State {
+    constructor() {
+        /** list of attachments */
+        Object.defineProperty(this, "list", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: []
+        });
+        /** list of upload file */
+        Object.defineProperty(this, "fileList", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: []
+        });
+        Object.defineProperty(this, "onUploading", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: ({ file, fileList }) => {
+                /**上传完成不显示进度条 */
+                this.fileList = fileList.filter((f) => f.status !== "done");
+                if (file.status === "done")
+                    this.list = [...this.list, file.response];
+            }
+        });
+        makeObservable(this);
+    }
+}
+__decorate([
+    observable
+], State.prototype, "list", void 0);
+__decorate([
+    observable
+], State.prototype, "fileList", void 0);
+__decorate([
+    action
+    /** 文件上传中、完成、失败回调函数 */
+], State.prototype, "onUploading", void 0);
 //# sourceMappingURL=state.js.map

package/es/pages/VSubmit/components/EmailRecipients/index.d.ts

@@ -1,9 +1,9 @@
-/// <reference types="react" />
-import "./index.less";
-import { IUnit } from "@voplus/morpho-org";
-declare const EmailRecipients: (props: {
-    submitters?: IUnit[] | undefined;
-    readonly?: boolean | undefined;
-    onChange?: ((units?: IUnit[]) => void) | undefined;
-}) => JSX.Element;
-export default EmailRecipients;
+/// <reference types="react" />
+import "./index.less";
+import { IUnit } from "@voplus/morpho-org";
+declare const EmailRecipients: (props: {
+    submitters?: IUnit[] | undefined;
+    readonly?: boolean | undefined;
+    onChange?: ((units?: IUnit[]) => void) | undefined;
+}) => JSX.Element;
+export default EmailRecipients;

package/es/pages/VSubmit/components/EmailRecipients/index.js

@@ -1,48 +1,48 @@
-import "./index.less";
-import { Alert, Button, Select } from "antd";
-import { useUnitListEffect } from "@voplus/morpho-org";
-import React, { useEffect, useState } from "react";
-import { faAt } from "@fortawesome/pro-light-svg-icons";
-import { CloseOutlined } from "@ant-design/icons";
-import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
-import { State } from "./state";
-import { observe } from "@voplus/morpho-ui";
-import { runInAction } from "mobx";
-const EmailRecipients = (props) => {
-    const { submitters, readonly, onChange } = props;
-    const [state] = useState(new State());
-    state.props = props;
-    useUnitListEffect(null, (list) => (state.list = list || []), {
-        Page: { Page: 1, PageSize: 500 },
-        reload: !readonly,
-    });
-    useEffect(() => {
-        runInAction(() => (state.recipients = submitters || []));
-    }, [submitters]);
-    return observe(() => (React.createElement("div", { className: "email-recipients" },
-        React.createElement("div", { className: "email-recipients-title" }, "Submitters"),
-        React.createElement("div", { className: "email-recipients-info" },
-            !!(state.recipients && state.recipients.length) && (React.createElement("div", { className: "recipients-list", onClick: () => runInAction(() => (state.editable = !readonly)) }, state.recipients.map((sub, index) => (React.createElement("span", { key: sub.id, className: "recipient-item" },
-                sub.name,
-                sub.email && React.createElement("span", { style: { color: "#7f7f7f" } }, "<" + sub.email + ">;"),
-                state.editable && (React.createElement(CloseOutlined, { onClick: () => runInAction(() => state.remove(sub.id)) }))))))),
-            !state.editable && !(submitters && submitters.length) && (React.createElement("div", { className: "recipients-tip", onClick: () => runInAction(() => (state.editable = !readonly)) }, !readonly ? (React.createElement(React.Fragment, null,
-                React.createElement(FAIcon, { icon: faAt }),
-                "Submitter")) : ("No Submitter"))),
-            !readonly && state.editable && (React.createElement(React.Fragment, null,
-                React.createElement(Select, { autoFocus: true, showSearch: true, showArrow: false, filterOption: filterItems, onSelect: state.onSelect, onSearch: state.onSearch, style: { width: "100%" } }, state.list.map((i) => (React.createElement(Select.Option, { key: i.id, value: i.id, title: i.email },
-                    i.name,
-                    i.email && React.createElement("span", { style: { color: "#7f7f7f" } }, "<" + i.email + ">"))))),
-                React.createElement(Alert, { message: `Input（Multiple email addresses separated by ";" eg: 12345678@voplus.com;25689897@voplus.com;） or select Unit.`, type: "warning", closable: true }),
-                React.createElement("div", { className: "email-recipients-footer" },
-                    React.createElement(Button, { type: "default", onClick: state.close }, "Close"),
-                    React.createElement(Button, { type: "primary", onClick: state.confirm }, "Ok"))))))));
-    /** 搜索units(必须有email)或直接輸入email地址,  */
-    function filterItems(input, option) {
-        return (option.title || option.children[0])
-            .toLowerCase()
-            .includes(input.toLowerCase());
-    }
-};
-export default EmailRecipients;
+import "./index.less";
+import { Alert, Button, Select } from "antd";
+import { useUnitListEffect } from "@voplus/morpho-org";
+import React, { useEffect, useState } from "react";
+import { faAt } from "@fortawesome/pro-light-svg-icons";
+import { CloseOutlined } from "@ant-design/icons";
+import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
+import { State } from "./state";
+import { observe } from "@voplus/morpho-ui";
+import { runInAction } from "mobx";
+const EmailRecipients = (props) => {
+    const { submitters, readonly, onChange } = props;
+    const [state] = useState(new State());
+    state.props = props;
+    useUnitListEffect(null, (list) => (state.list = list || []), {
+        Page: { Page: 1, PageSize: 500 },
+        reload: !readonly,
+    });
+    useEffect(() => {
+        runInAction(() => (state.recipients = submitters || []));
+    }, [submitters]);
+    return observe(() => (React.createElement("div", { className: "email-recipients" },
+        React.createElement("div", { className: "email-recipients-title" }, "Submitters"),
+        React.createElement("div", { className: "email-recipients-info" },
+            !!(state.recipients && state.recipients.length) && (React.createElement("div", { className: "recipients-list", onClick: () => runInAction(() => (state.editable = !readonly)) }, state.recipients.map((sub, index) => (React.createElement("span", { key: sub.id, className: "recipient-item" },
+                sub.name,
+                sub.email && React.createElement("span", { style: { color: "#7f7f7f" } }, "<" + sub.email + ">;"),
+                state.editable && (React.createElement(CloseOutlined, { onClick: () => runInAction(() => state.remove(sub.id)) }))))))),
+            !state.editable && !(submitters && submitters.length) && (React.createElement("div", { className: "recipients-tip", onClick: () => runInAction(() => (state.editable = !readonly)) }, !readonly ? (React.createElement(React.Fragment, null,
+                React.createElement(FAIcon, { icon: faAt }),
+                "Submitter")) : ("No Submitter"))),
+            !readonly && state.editable && (React.createElement(React.Fragment, null,
+                React.createElement(Select, { autoFocus: true, showSearch: true, showArrow: false, filterOption: filterItems, onSelect: state.onSelect, onSearch: state.onSearch, style: { width: "100%" } }, state.list.map((i) => (React.createElement(Select.Option, { key: i.id, value: i.id, title: i.email },
+                    i.name,
+                    i.email && React.createElement("span", { style: { color: "#7f7f7f" } }, "<" + i.email + ">"))))),
+                React.createElement(Alert, { message: `Input（Multiple email addresses separated by ";" eg: 12345678@voplus.com;25689897@voplus.com;） or select Unit.`, type: "warning", closable: true }),
+                React.createElement("div", { className: "email-recipients-footer" },
+                    React.createElement(Button, { type: "default", onClick: state.close }, "Close"),
+                    React.createElement(Button, { type: "primary", onClick: state.confirm }, "Ok"))))))));
+    /** 搜索units(必须有email)或直接輸入email地址,  */
+    function filterItems(input, option) {
+        return (option.title || option.children[0])
+            .toLowerCase()
+            .includes(input.toLowerCase());
+    }
+};
+export default EmailRecipients;
 //# sourceMappingURL=index.js.map

package/es/pages/VSubmit/components/EmailRecipients/index.less

@@ -1,56 +1,56 @@
-:global {
-	.email-recipients {
-		// padding: 10px 20px;
-		color: #000;
-		display: flex;
-		padding: 0 20px;
-		.email-recipients-title {
-			min-width: 110px;
-			font-size: 15px;
-			font-weight: 600;
-			padding: 10px 0;
-		}
-		.email-recipients-info{
-			flex: 1;
-		}
-		.ant-select {
-			padding: 10px 0 0;
-			.ant-select-selection-item {
-				border: 0;
-				background-color: #fff;
-				border-radius: 0;
-			}
-		}
-		.recipients-list {
-			padding: 10px 0 0;
-			.recipient-item {
-				margin-right: 10px;
-				&:last-child {
-					margin-right: 0;
-				}
-			}
-		}
-		.ant-alert {
-			padding: 3px 15px;
-			margin: 10px 20px 0 20px;
-			font-size: 13px;
-			&.ant-alert-no-icon .ant-alert-close-icon {
-				top: 7.0005px;
-			}
-		}
-		.email-recipients-footer {
-			padding: 10px 0 0;
-			text-align: right;
-			.ant-btn + .ant-btn {
-				margin-left: 10px;
-			}
-		}
-		.recipients-tip {
-			padding: 10px 0 0;
-			color: #999;
-			.svg-inline--fa {
-				margin-right: 5px;
-			}
-		}
-	}
-}
+:global {
+	.email-recipients {
+		// padding: 10px 20px;
+		color: #000;
+		display: flex;
+		padding: 0 20px;
+		.email-recipients-title {
+			min-width: 110px;
+			font-size: 15px;
+			font-weight: 600;
+			padding: 10px 0;
+		}
+		.email-recipients-info{
+			flex: 1;
+		}
+		.ant-select {
+			padding: 10px 0 0;
+			.ant-select-selection-item {
+				border: 0;
+				background-color: #fff;
+				border-radius: 0;
+			}
+		}
+		.recipients-list {
+			padding: 10px 0 0;
+			.recipient-item {
+				margin-right: 10px;
+				&:last-child {
+					margin-right: 0;
+				}
+			}
+		}
+		.ant-alert {
+			padding: 3px 15px;
+			margin: 10px 20px 0 20px;
+			font-size: 13px;
+			&.ant-alert-no-icon .ant-alert-close-icon {
+				top: 7.0005px;
+			}
+		}
+		.email-recipients-footer {
+			padding: 10px 0 0;
+			text-align: right;
+			.ant-btn + .ant-btn {
+				margin-left: 10px;
+			}
+		}
+		.recipients-tip {
+			padding: 10px 0 0;
+			color: #999;
+			.svg-inline--fa {
+				margin-right: 5px;
+			}
+		}
+	}
+}