@voplus/morpho-document 1.4.97 → 1.4.100

package/es/pages/VSubmit/VSubmitDefaultView/state.d.ts

@@ -1,5 +1,5 @@
-export declare class State {
-    /** Enable of new Text  */
-    reload: boolean;
-    constructor();
-}
+export declare class State {
+    /** Enable of new Text  */
+    reload: boolean;
+    constructor();
+}

package/es/pages/VSubmit/VSubmitDefaultView/state.js

@@ -1,18 +1,18 @@
-import { __decorate } from "tslib";
-import { makeObservable, observable } from "mobx";
-export class State {
-    constructor() {
-        /** Enable of new Text  */
-        Object.defineProperty(this, "reload", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: true
-        });
-        makeObservable(this);
-    }
-}
-__decorate([
-    observable
-], State.prototype, "reload", void 0);
+import { __decorate } from "tslib";
+import { makeObservable, observable } from "mobx";
+export class State {
+    constructor() {
+        /** Enable of new Text  */
+        Object.defineProperty(this, "reload", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: true
+        });
+        makeObservable(this);
+    }
+}
+__decorate([
+    observable
+], State.prototype, "reload", void 0);
 //# sourceMappingURL=state.js.map

package/es/pages/VSubmit/VSubmitSubmitterView/index.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
-import "./index.less";
-declare const VSubmitSubmitterView: () => JSX.Element;
-export default VSubmitSubmitterView;
+/// <reference types="react" />
+import "./index.less";
+declare const VSubmitSubmitterView: () => JSX.Element;
+export default VSubmitSubmitterView;

package/es/pages/VSubmit/VSubmitSubmitterView/index.js

@@ -1,32 +1,32 @@
-import "./index.less";
-import { useDocumentStore } from "@voplus/morpho-document-core";
-import DescriptionEditor from "../../../controls/DescriptionEditor";
-import DocumentHeader from "../../../components/DocumentHeader";
-import DocumentIconList from "../components/DocumentIconList";
-import MainContent from "@voplus/morpho-ui/es/components/layout/MainContent";
-import React from "react";
-import { Scrollbars } from "react-custom-scrollbars";
-import { Skeleton } from "@voplus/antd";
-import SubmitSections from "../components/SubmitSections";
-import { observe } from "@voplus/morpho-ui";
-import { useRouteMatch } from "react-router";
-import { useVSubmit } from "../data";
-const VSubmitSubmitterView = () => {
-    const match = useRouteMatch();
-    const id = match.params.id;
-    const submitter = useVSubmit(id, { reload: true });
-    const documentStore = useDocumentStore();
-    return observe(() => (React.createElement(MainContent, { className: "v-submit-submitter-view" },
-        React.createElement("div", { className: "v-submit-submitter_content" },
-            React.createElement("header", null,
-                React.createElement(DocumentHeader, { id: id, size: "h2", toolsVisible: false }),
-                submitter.loading ? (React.createElement("div", { className: "submitter-description" },
-                    React.createElement(Skeleton, { active: true }))) : (React.createElement(DescriptionEditor, { id: id, description: submitter.description, readonly: true, padding: "0 0 0.75rem 0" }))),
-            submitter.loading ? (React.createElement(Skeleton, { active: true })) : (React.createElement(Scrollbars, { autoHide: true },
-                React.createElement(DocumentIconList, { id: submitter.attachmentsId, size: "small", upload: true }),
-                React.createElement(SubmitSections, { id: id, readonly: true })))),
-        React.createElement("nav", null, submitter.loading ? (React.createElement(Skeleton, { active: true })) : null /*
-            <ChatView channelId={submitter.channelId || ""} />*/))));
-};
-export default VSubmitSubmitterView;
+import "./index.less";
+import { useDocumentStore } from "@voplus/morpho-document-core";
+import DescriptionEditor from "../../../controls/DescriptionEditor";
+import DocumentHeader from "../../../components/DocumentHeader";
+import DocumentIconList from "../components/DocumentIconList";
+import MainContent from "@voplus/morpho-ui/es/components/layout/MainContent";
+import React from "react";
+import { Scrollbars } from "react-custom-scrollbars";
+import { Skeleton } from "@voplus/antd";
+import SubmitSections from "../components/SubmitSections";
+import { observe } from "@voplus/morpho-ui";
+import { useRouteMatch } from "react-router";
+import { useVSubmit } from "../data";
+const VSubmitSubmitterView = () => {
+    const match = useRouteMatch();
+    const id = match.params.id;
+    const submitter = useVSubmit(id, { reload: true });
+    const documentStore = useDocumentStore();
+    return observe(() => (React.createElement(MainContent, { className: "v-submit-submitter-view" },
+        React.createElement("div", { className: "v-submit-submitter_content" },
+            React.createElement("header", null,
+                React.createElement(DocumentHeader, { id: id, size: "h2", toolsVisible: false }),
+                submitter.loading ? (React.createElement("div", { className: "submitter-description" },
+                    React.createElement(Skeleton, { active: true }))) : (React.createElement(DescriptionEditor, { id: id, description: submitter.description, readonly: true, padding: "0 0 0.75rem 0" }))),
+            submitter.loading ? (React.createElement(Skeleton, { active: true })) : (React.createElement(Scrollbars, { autoHide: true },
+                React.createElement(DocumentIconList, { id: submitter.attachmentsId, size: "small", upload: true }),
+                React.createElement(SubmitSections, { id: id, readonly: true })))),
+        React.createElement("nav", null, submitter.loading ? (React.createElement(Skeleton, { active: true })) : null /*
+            <ChatView channelId={submitter.channelId || ""} />*/))));
+};
+export default VSubmitSubmitterView;
 //# sourceMappingURL=index.js.map

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

@@ -1,12 +1,12 @@
-/// <reference types="react" />
-import "./index.less";
-declare const DocumentIcon: {
-    (props: {
-        id: string;
-        size?: "small" | "normal" | "large";
-    }): JSX.Element;
-    defaultProps: {
-        size: string;
-    };
-};
-export default DocumentIcon;
+/// <reference types="react" />
+import "./index.less";
+declare const DocumentIcon: {
+    (props: {
+        id: string;
+        size?: "small" | "normal" | "large";
+    }): JSX.Element;
+    defaultProps: {
+        size: string;
+    };
+};
+export default DocumentIcon;

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

@@ -1,21 +1,21 @@
-import "./index.less";
-import React from "react";
-import { observe } from "@voplus/morpho-ui";
-import { useDocument } from "@voplus/morpho-document-core";
-import { useMetaStore } from "../../../../data/DocumentMetaStore";
-const DocumentIcon = (props) => {
-    const { id, size } = props;
-    const meta = useMetaStore();
-    const document = useDocument(id, {
-        reload: (d) => !d.tags,
-        includes: "tags,versions",
-    });
-    return observe(() => (React.createElement("div", { className: "document-icon-view" },
-        React.createElement("span", { className: `document-icon-${size}` }, meta.getIcon(document)),
-        React.createElement("span", { className: "document-icon-name", title: document.name }, document.name))));
-};
-DocumentIcon.defaultProps = {
-    size: "normal",
-};
-export default DocumentIcon;
+import "./index.less";
+import React from "react";
+import { observe } from "@voplus/morpho-ui";
+import { useDocument } from "@voplus/morpho-document-core";
+import { useMetaStore } from "../../../../data/DocumentMetaStore";
+const DocumentIcon = (props) => {
+    const { id, size } = props;
+    const meta = useMetaStore();
+    const document = useDocument(id, {
+        reload: (d) => !d.tags,
+        includes: "tags,versions",
+    });
+    return observe(() => (React.createElement("div", { className: "document-icon-view" },
+        React.createElement("span", { className: `document-icon-${size}` }, meta.getIcon(document)),
+        React.createElement("span", { className: "document-icon-name", title: document.name }, document.name))));
+};
+DocumentIcon.defaultProps = {
+    size: "normal",
+};
+export default DocumentIcon;
 //# sourceMappingURL=index.js.map

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

@@ -1,20 +1,20 @@
-/// <reference types="react" />
-import "./index.less";
-declare const DocumentIconList: {
-    (props: {
-        id: string;
-        /** can  download */
-        download?: boolean;
-        /** can  upload */
-        upload?: boolean;
-        /** visible header */
-        header?: boolean;
-        /** size of icon */
-        size?: "small" | "normal" | "large";
-    }): JSX.Element;
-    defaultProps: {
-        upload: boolean;
-        header: boolean;
-    };
-};
-export default DocumentIconList;
+/// <reference types="react" />
+import "./index.less";
+declare const DocumentIconList: {
+    (props: {
+        id: string;
+        /** can  download */
+        download?: boolean;
+        /** can  upload */
+        upload?: boolean;
+        /** visible header */
+        header?: boolean;
+        /** size of icon */
+        size?: "small" | "normal" | "large";
+    }): JSX.Element;
+    defaultProps: {
+        upload: boolean;
+        header: boolean;
+    };
+};
+export default DocumentIconList;

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

@@ -1,55 +1,55 @@
-import "./index.less";
-import { Button, Empty, Tooltip, Upload } from "@voplus/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 "@voplus/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/state.d.ts

@@ -1,13 +1,13 @@
-import { IDocument } from "@voplus/morpho-document-core";
-import { UploadFile } from "@voplus/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 "@voplus/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,42 +1,42 @@
-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[] | undefined) => 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[] | undefined) => 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 "@voplus/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 "@voplus/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/state.d.ts

@@ -1,24 +1,24 @@
-import { IUnit } from "@voplus/morpho-org";
-export declare type EmailRecipientsProps = {
-    submitters?: IUnit[];
-    readonly?: boolean;
-    onChange?: (units?: IUnit[]) => void;
-};
-export declare class State {
-    props: EmailRecipientsProps;
-    /** list of contact */
-    list: IUnit[];
-    /** contact  */
-    recipients: IUnit[];
-    /** edit model */
-    editable: boolean;
-    /** 手动输入email,有多个以";"分隔 */
-    emails: string;
-    constructor();
-    hasEmail(id: string): boolean;
-    onSelect: (id: string) => void;
-    onSearch: (value: string) => void;
-    remove(id: string): void;
-    confirm: () => void;
-    close: () => void;
-}
+import { IUnit } from "@voplus/morpho-org";
+export declare type EmailRecipientsProps = {
+    submitters?: IUnit[];
+    readonly?: boolean;
+    onChange?: (units?: IUnit[]) => void;
+};
+export declare class State {
+    props: EmailRecipientsProps;
+    /** list of contact */
+    list: IUnit[];
+    /** contact  */
+    recipients: IUnit[];
+    /** edit model */
+    editable: boolean;
+    /** 手动输入email,有多个以";"分隔 */
+    emails: string;
+    constructor();
+    hasEmail(id: string): boolean;
+    onSelect: (id: string) => void;
+    onSearch: (value: string) => void;
+    remove(id: string): void;
+    confirm: () => void;
+    close: () => void;
+}