@voplus/morpho-document 1.0.0-dev324 → 1.0.0-dev325

package/changelog.md

@@ -1,3 +1,5 @@
+[Fix]: Envelope Default View Letter Icon 签名，未签名信息使用真资料
+[Improve] Sign Receipent View 增加简介页、Sign Receipent View , 用户签好名后，需要reload activities
 【Fix】Test 上 Drive打开文件PropertiesView console显示错误
 【Improvement】改进Store action 错误处理，适当使用StoreActionOptions显示错误信息
 minor: QuickView 改成边到边; FIx: List filter rest几次后list 会不正常的变空

package/es/components/AvatarList/ListView.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import "./index.less";
+import { AvatarListProps } from "./state";
+declare const ListView: (props: AvatarListProps) => JSX.Element;
+export default ListView;

package/es/components/AvatarList/ListView.js

@@ -0,0 +1,103 @@
+import "./index.less";
+import { useMemberContext } from "./state";
+import { Button, Input, Spin } from "@voplus/antd";
+import { useUnitListEffect } from "@voplus/morpho-org";
+import React, { useState } from "react";
+import AvatarItem from "./AvatarItem";
+import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
+import InfiniteScrollView from "@voplus/morpho-ui/es/controls/InfiniteScrollView";
+import { LoadingOutlined } from "@ant-design/icons";
+import classnames from "classnames";
+import { faCheck } from "@fortawesome/pro-light-svg-icons";
+import { useCreateListDataState } from "@voplus/morpho-ui/es/data";
+import { useObserver } from "mobx-react-lite";
+const ListView = (props) => {
+    const { multiple, buttonText, size, editable } = props;
+    const context = useMemberContext();
+    const [, setTimer] = useState();
+    const list = useCreateListDataState({
+        filterDefaults: {
+            page: { Page: 1, PageSize: 50 },
+        },
+    }, []);
+    useUnitListEffect(list, (result) => {
+        const oList = result.map((item) => {
+            const avatar = context.members.find(({ id }) => item.id === id);
+            return {
+                ...item,
+                checked: !!(avatar && avatar.id),
+                disabled: !!(avatar && avatar.disabled),
+            };
+        });
+        context.checkedIds = result
+            .filter((item) => context.members.some((m) => m.id === item.id))
+            .map(({ id }) => id);
+        // context.list = oList;
+        list.union(oList);
+    }, {
+        ...list.filters.options,
+        Filters: context.filters,
+    });
+    return useObserver(() => (React.createElement("div", { className: "avatar-list-view_menu" },
+        React.createElement("div", { className: "avatar-search" },
+            React.createElement(Input.Search, { value: context.keyword, autoFocus: true, onSearch: searchByKeWord, onChange: (e) => searchByKeWord(e.target.value) }),
+            multiple && (React.createElement(Button, { type: "link", loading: context.saveLoading, onClick: onOk, className: "save-btn" }, buttonText))),
+        React.createElement("div", { style: { flex: 1 } }, context.loading ? (React.createElement("div", { style: { textAlign: "center", paddingTop: "20px" } },
+            React.createElement(Spin, { indicator: React.createElement(LoadingOutlined, { style: { fontSize: 20 }, spin: true }) }))) : (React.createElement(InfiniteScrollView, { empty: list.isEmpty, loading: list.loading, hasMore: list.hasMore, loadMore: loadMore }, list.data.map((item, index) => (React.createElement("div", { key: item.id, className: "avatar-menu-item", onClick: () => onTick(item, !item.checked) },
+            React.createElement(AvatarItem, { id: item.id, index: index, size: size, inline: true, disabled: item.disabled }),
+            item.checked && (React.createElement(FAIcon, { icon: faCheck, className: classnames("icon-check", { disabled: item.disabled }) })),
+            item.loading && React.createElement(LoadingOutlined, { className: "icon-check" }))))))))));
+    function loadMore() {
+        list.triggerNextPage();
+    }
+    async function onTick(item, checked) {
+        var _a;
+        if (item.disabled || !editable)
+            return;
+        context.checkedIds = checked
+            ? [...context.checkedIds, item.id]
+            : context.checkedIds.filter((id) => id !== item.id);
+        /** 单选 */
+        item.loading = true;
+        if (!multiple)
+            await ((_a = props.onChange) === null || _a === void 0 ? void 0 : _a.call(props, context.checkedIds, item));
+        item.loading = false;
+        item.checked = !item.checked;
+        if (!multiple)
+            context.visible = false;
+        /** 多选 */
+        if (multiple && buttonText === "Ok")
+            context.members = checked
+                ? [...context.members, item]
+                : context.members.filter(({ id }) => id !== item.id);
+    }
+    /** multiple save */
+    async function onOk() {
+        var _a;
+        context.saveLoading = true;
+        await ((_a = props.onChange) === null || _a === void 0 ? void 0 : _a.call(props, context.checkedIds, context.members));
+        context.saveLoading = false;
+        context.visible = false;
+    }
+    function searchByKeWord(keyword) {
+        context.keyword = keyword;
+        setTimer(setTimeout(() => {
+            context.filters = keyword ? [{ c: "Name", o: "contains", l: "And", v1: keyword }] : [];
+            list.clear();
+            setTimer(undefined);
+        }, 500));
+        // const items = context.list.filter(
+        // 	({ name }: any) =>
+        // 		name
+        // 			.toLowerCase()
+        // 			.replace(/\s*/g, "")
+        // 			.indexOf(keyWord.toLowerCase().replace(/\s*/g, "")) !== -1
+        // );
+        // for (const item of items) {
+        // 	list.remove(item.id);
+        // }
+        // list.union(items);
+    }
+};
+export default ListView;
+//# sourceMappingURL=ListView.js.map

package/es/components/AvatarList/ListView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListView.js","sourceRoot":"","sources":["../../../src/components/AvatarList/ListView.tsx"],"names":[],"mappings":"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"}

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

@@ -6,6 +6,7 @@ declare const AvatarList: {
     defaultProps: {
         editable: boolean;
         size: number;
+        buttonText: string;
     };
 };
 export default AvatarList;

package/es/components/AvatarList/index.js

@@ -1,117 +1,41 @@
 import "./index.less";
-import { Avatar, Button, Dropdown, Input } from "@voplus/antd";
-import { State } from "./state";
-import { LoadingOutlined, PlusOutlined } from "@ant-design/icons";
-import React, { useEffect, useRef, useState } from "react";
-import { useUnitListEffect, useUnitStore } from "@voplus/morpho-org";
+import { Avatar, Dropdown } from "@voplus/antd";
+import { MemberContext, State } from "./state";
+import React, { useEffect, useState } from "react";
 import AvatarItem from "./AvatarItem";
-import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
-import Scrollbars from "react-custom-scrollbars";
+import ListView from "./ListView";
+import { PlusOutlined } from "@ant-design/icons";
 import classnames from "classnames";
-import { faCheck } from "@fortawesome/pro-light-svg-icons";
 import { useObserver } from "mobx-react-lite";
 const AvatarList = (props) => {
-    const { multiple, list, size, editable, maxCount, icon, className } = props;
+    const { list, size, editable, maxCount, icon, className } = props;
     const [state] = useState(new State());
-    const unitStore = useUnitStore();
-    useUnitListEffect(null, (list) => {
-        state.list = list;
-    });
     useEffect(() => {
-        state.items = [];
         state.keyword = "";
-        if (state.visible)
-            load();
     }, [state.visible]);
     useEffect(() => {
         state.members = list || [];
-        // const total = (list && list.length) || 0;
-        // if (!multiple) {
-        // const parentWidth = ref.current ? ref.current.parentNode.offsetWidth : 0;
-        // const totalNum = Math.round(parentWidth / 26) - 1;
-        // 最多显示10个
-        // const num = totalNum > 9 && !multiple ? 9 : totalNum;
+        /** 加上JSON.stringify避免为list每次为[]时,state.members也为[] */
     }, [JSON.stringify(list)]);
-    const ref = useRef(null);
-    return useObserver(() => (React.createElement("div", { ref: ref, className: classnames("avatar-list-view", className) },
-        React.createElement(Avatar.Group, { maxCount: maxCount, maxStyle: {
-                color: "#f56a00",
-                backgroundColor: "#fde3cf",
-                width: size,
-                height: size,
-                lineHeight: size,
-            } }, state.members.map((member, index) => (React.createElement(AvatarItem, { key: member.id, id: member.id, index: index, size: size })))),
-        editable && (React.createElement(Dropdown, { onVisibleChange: visibleChange, visible: state.visible, overlay: React.createElement("div", { className: "avatar-list-view_menu" },
-                React.createElement("div", { className: "avatar-search" },
-                    React.createElement(Input.Search, { value: state.keyword, autoFocus: true, onSearch: searchByKeWord, onChange: (e) => searchByKeWord(e.target.value) })),
-                React.createElement("div", { style: { flex: 1 } },
-                    React.createElement(Scrollbars, { autoHide: true }, state.items.map((item, index) => (React.createElement("div", { key: item.id, className: "avatar-menu-item", onClick: () => onTick(item, !item.checked) },
-                        React.createElement(AvatarItem, { id: item.id, index: index, size: size, inline: true, disabled: item.disabled }),
-                        item.checked && (React.createElement(FAIcon, { icon: faCheck, className: classnames("icon-check", { disabled: item.disabled }) })),
-                        item.loading && React.createElement(LoadingOutlined, { className: "icon-check" })))))),
-                multiple && (React.createElement("div", { className: "multiple-footer-btn" },
-                    React.createElement(Button, { type: "link", loading: state.loading, onClick: onOk }, "Ok")))), trigger: ["click"] },
-            React.createElement(Avatar, { size: size, icon: icon || React.createElement(PlusOutlined, null), className: "avatar-item_block avatar-item-add", style: !!state.members.length ? { marginLeft: "-5px" } : {} }))))));
-    async function onTick(item, checked) {
-        var _a;
-        if (item.disabled || !editable)
-            return;
-        state.checkedIds = checked
-            ? [...state.checkedIds, item.id]
-            : state.checkedIds.filter((id) => id !== item.id);
-        /** 单选 */
-        item.loading = true;
-        if (!multiple)
-            await ((_a = props.onChange) === null || _a === void 0 ? void 0 : _a.call(props, state.checkedIds, item));
-        item.loading = false;
-        item.checked = !item.checked;
-        if (!multiple)
-            state.visible = false;
-        /** 多选 */
-        if (!!multiple)
-            state.members = checked
-                ? [...state.members, item]
-                : state.members.filter(({ id }) => id !== item.id);
-    }
-    /** 多选确认 */
-    async function onOk() {
-        var _a;
-        state.loading = true;
-        await ((_a = props.onChange) === null || _a === void 0 ? void 0 : _a.call(props, state.checkedIds));
-        state.loading = false;
-        visibleChange(false);
-    }
-    function searchByKeWord(keyWord) {
-        state.keyword = keyWord;
-        state.items = state.list.filter(({ name }) => name
-            .toLowerCase()
-            .replace(/\s*/g, "")
-            .indexOf(keyWord.toLowerCase().replace(/\s*/g, "")) !== -1);
-    }
+    return useObserver(() => (React.createElement(MemberContext.Provider, { value: state },
+        React.createElement("div", { className: classnames("avatar-list-view", className) },
+            React.createElement(Avatar.Group, { maxCount: maxCount, maxStyle: {
+                    color: "#f56a00",
+                    backgroundColor: "#fde3cf",
+                    width: size,
+                    height: size,
+                    lineHeight: size,
+                } }, state.members.map((member, index) => (React.createElement(AvatarItem, { key: member.id, id: member.id, index: index, size: size })))),
+            editable && (React.createElement(Dropdown, { onVisibleChange: visibleChange, visible: state.visible, overlay: React.createElement(ListView, Object.assign({}, props)), trigger: ["click"] },
+                React.createElement(Avatar, { size: size, icon: icon || React.createElement(PlusOutlined, null), className: "avatar-item_block avatar-item-add", style: !!state.members.length ? { marginLeft: "-5px" } : {} })))))));
     function visibleChange(visible) {
         state.visible = visible;
     }
-    /**  */
-    async function load() {
-        const list = await unitStore.loadList();
-        const oList = list.map((item) => {
-            const avatar = state.members.find(({ id }) => item.id === id);
-            return {
-                ...item,
-                checked: !!(avatar && avatar.id),
-                disabled: !!(avatar && avatar.disabled),
-            };
-        });
-        state.checkedIds = list
-            .filter((item) => state.members.some((m) => m.id === item.id))
-            .map(({ id }) => id);
-        state.list = oList;
-        state.items = oList;
-    }
 };
 AvatarList.defaultProps = {
     editable: true,
     size: 26,
+    buttonText: "Ok",
 };
 export default AvatarList;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/AvatarList/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/AvatarList/index.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAC;AAEtB,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAChD,OAAO,EAAmB,aAAa,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChE,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEnD,OAAO,UAAU,MAAM,cAAc,CAAC;AACtC,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAE9C,MAAM,UAAU,GAAG,CAAC,KAAsB,EAAE,EAAE;IAC7C,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IAClE,MAAM,CAAC,KAAK,CAAC,GAAG,QAAQ,CAAC,IAAI,KAAK,EAAE,CAAC,CAAC;IAEtC,SAAS,CAAC,GAAG,EAAE;QACd,KAAK,CAAC,OAAO,GAAG,EAAE,CAAC;IACpB,CAAC,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;IAEpB,SAAS,CAAC,GAAG,EAAE;QACd,KAAK,CAAC,OAAO,GAAG,IAAI,IAAI,EAAE,CAAC;QAC3B,sDAAsD;IACvD,CAAC,EAAE,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;IAE3B,OAAO,WAAW,CAAC,GAAG,EAAE,CAAC,CACxB,oBAAC,aAAa,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK;QACnC,6BAAK,SAAS,EAAE,UAAU,CAAC,kBAAkB,EAAE,SAAS,CAAC;YACxD,oBAAC,MAAM,CAAC,KAAK,IACZ,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE;oBACT,KAAK,EAAE,SAAS;oBAChB,eAAe,EAAE,SAAS;oBAC1B,KAAK,EAAE,IAAI;oBACX,MAAM,EAAE,IAAI;oBACZ,UAAU,EAAE,IAAI;iBAChB,IAEA,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAW,EAAE,KAAa,EAAE,EAAE,CAAC,CAClD,oBAAC,UAAU,IAAC,GAAG,EAAE,MAAM,CAAC,EAAE,EAAE,EAAE,EAAE,MAAM,CAAC,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,GAAI,CACvE,CAAC,CACY;YAEd,QAAQ,IAAI,CACZ,oBAAC,QAAQ,IACR,eAAe,EAAE,aAAa,EAC9B,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,OAAO,EAAE,oBAAC,QAAQ,oBAAK,KAAK,EAAI,EAChC,OAAO,EAAE,CAAC,OAAO,CAAC;gBAElB,oBAAC,MAAM,IACN,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,IAAI,oBAAC,YAAY,OAAG,EAC9B,SAAS,EAAC,mCAAmC,EAC7C,KAAK,EAAE,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,UAAU,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE,GAC1D,CACQ,CACX,CACI,CACkB,CACzB,CAAC,CAAC;IACH,SAAS,aAAa,CAAC,OAAgB;QACtC,KAAK,CAAC,OAAO,GAAG,OAAO,CAAC;IACzB,CAAC;AACF,CAAC,CAAC;AAEF,UAAU,CAAC,YAAY,GAAG;IACzB,QAAQ,EAAE,IAAI;IACd,IAAI,EAAE,EAAE;IACR,UAAU,EAAE,IAAI;CAChB,CAAC;AACF,eAAe,UAAU,CAAC"}

package/es/components/AvatarList/index.less

@@ -20,19 +20,30 @@
 		box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
 		overflow: hidden;
 		.avatar-search {
+			display: flex;
+			justify-content: space-between;
+			align-items: center;
 			padding: 10px 10px 5px 10px;
 			.ant-input-affix-wrapper {
 				border-radius: 20px;
 			}
+			.save-btn.ant-btn {
+				margin-left: 8px;
+				padding: 0 2px;
+			}
 		}
 		.avatar-menu-item {
 			display: flex;
 			align-items: center;
-			height: 34px;
-			padding: 0 15px;
+			// height: 34px;
+			padding: 5px 10px 5px 15px;
+			line-height: 15px;
 			cursor: pointer;
 			.avatar-item_inline {
 				flex: 1;
+				.ant-avatar {
+					flex-shrink: 0;
+				}
 			}
 			.icon-check {
 				color: @primary-color;

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

@@ -1,4 +1,5 @@
 /// <reference types="react" />
+import { FilterOption } from "@voplus/morpho-data";
 export declare type AvatarListProps = {
     /** 默认members */
     list?: any[];
@@ -10,12 +11,14 @@ export declare type AvatarListProps = {
     maxCount?: number;
     /** 头像的大小  */
     size?: number;
-    /** 多选, 点击Ok才能触发onChange */
+    /** 多选, 点击'Save' Button才能触发onChange */
     multiple?: boolean;
     /** 新增按钮的自定义图标  */
     icon?: React.ReactNode;
     /** */
     className?: string;
+    /** multiple 时按钮文本 */
+    buttonText?: "Save" | "Ok";
 };
 /** color of member of random display for no url */
 export declare const colorList: string[];
@@ -23,14 +26,18 @@ export declare class State {
     /** */
     members: any[];
     /** */
-    list: any[];
-    /** */
-    items: any[];
     /** checked of id of members */
     checkedIds: string[];
     visible: boolean;
     /** KeWord of search  member */
     keyword: string;
-    /** loading of on save */
+    /** loading of on load */
     loading: boolean;
+    /** loading of on save */
+    saveLoading: boolean;
+    /** */
+    filters: FilterOption[];
 }
+export declare const MemberContext: import("react").Context<State>;
+/** React hook to retrieve the nearest FormRowContext. */
+export declare const useMemberContext: () => State;

package/es/components/AvatarList/state.js

@@ -1,4 +1,5 @@
 import { __decorate } from "tslib";
+import { createContext, useContext } from "react";
 import { observable } from "mobx";
 /** color of member of random display for no url */
 export const colorList = ["#765FEE", "#fe4066", "#FFC832", "#FF8F5E", "#3AC43A", "#FFC832"];
@@ -7,28 +8,24 @@ export class State {
         /** */
         this.members = [];
         /** */
-        this.list = [];
-        /** */
-        this.items = [];
+        // @observable public list: any[] = [];
         /** checked of id of members */
         this.checkedIds = [];
         // @observable public loading = false;
         this.visible = false;
         /** KeWord of search  member */
         this.keyword = "";
-        /** loading of on save */
+        /** loading of on load */
         this.loading = false;
+        /** loading of on save */
+        this.saveLoading = false;
+        /** */
+        this.filters = [];
     }
 }
 __decorate([
     observable
 ], State.prototype, "members", void 0);
-__decorate([
-    observable
-], State.prototype, "list", void 0);
-__decorate([
-    observable
-], State.prototype, "items", void 0);
 __decorate([
     observable
 ], State.prototype, "checkedIds", void 0);
@@ -41,4 +38,13 @@ __decorate([
 __decorate([
     observable
 ], State.prototype, "loading", void 0);
+__decorate([
+    observable
+], State.prototype, "saveLoading", void 0);
+__decorate([
+    observable
+], State.prototype, "filters", void 0);
+export const MemberContext = createContext(null);
+/** React hook to retrieve the nearest FormRowContext. */
+export const useMemberContext = () => useContext(MemberContext);
 //# sourceMappingURL=state.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"state.js","sourceRoot":"","sources":["../../../src/components/AvatarList/state.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAqBlC,mDAAmD;AACnD,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,CAAC,CAAC;AAE5F,MAAM,OAAO,KAAK;IAAlB;QACC,MAAM;QACa,YAAO,GAAU,EAAE,CAAC;QACvC,MAAM;QACa,SAAI,GAAU,EAAE,CAAC;QACpC,MAAM;QACa,UAAK,GAAU,EAAE,CAAC;QACrC,+BAA+B;QACZ,eAAU,GAAa,EAAE,CAAC;QAC7C,sCAAsC;QACnB,YAAO,GAAG,KAAK,CAAC;QACnC,+BAA+B;QACZ,YAAO,GAAG,EAAE,CAAC;QAChC,yBAAyB;QACN,YAAO,GAAG,KAAK,CAAC;IACpC,CAAC;CAAA;AAbY;IAAX,UAAU;sCAA4B;AAE3B;IAAX,UAAU;mCAAyB;AAExB;IAAX,UAAU;oCAA0B;AAEzB;IAAX,UAAU;yCAAkC;AAEjC;IAAX,UAAU;sCAAwB;AAEvB;IAAX,UAAU;sCAAqB;AAEpB;IAAX,UAAU;sCAAwB"}
+{"version":3,"file":"state.js","sourceRoot":"","sources":["../../../src/components/AvatarList/state.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAGlD,OAAO,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAuBlC,mDAAmD;AACnD,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,CAAC,CAAC;AAE5F,MAAM,OAAO,KAAK;IAAlB;QACC,MAAM;QACa,YAAO,GAAU,EAAE,CAAC;QACvC,MAAM;QACN,uCAAuC;QACvC,+BAA+B;QACZ,eAAU,GAAa,EAAE,CAAC;QAC7C,sCAAsC;QACnB,YAAO,GAAG,KAAK,CAAC;QACnC,+BAA+B;QACZ,YAAO,GAAG,EAAE,CAAC;QAChC,yBAAyB;QACN,YAAO,GAAG,KAAK,CAAC;QACnC,yBAAyB;QACN,gBAAW,GAAG,KAAK,CAAC;QACvC,MAAM;QACa,YAAO,GAAmB,EAAE,CAAC;IACjD,CAAC;CAAA;AAfY;IAAX,UAAU;sCAA4B;AAI3B;IAAX,UAAU;yCAAkC;AAEjC;IAAX,UAAU;sCAAwB;AAEvB;IAAX,UAAU;sCAAqB;AAEpB;IAAX,UAAU;sCAAwB;AAEvB;IAAX,UAAU;0CAA4B;AAE3B;IAAX,UAAU;sCAAqC;AAGjD,MAAM,CAAC,MAAM,aAAa,GAAG,aAAa,CAAQ,IAAW,CAAC,CAAC;AAE/D,yDAAyD;AACzD,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,EAAE,CAAC,UAAU,CAAC,aAAa,CAAC,CAAC"}

package/es/pages/Signature/Envelope/EnvelopeRecipientView/index.d.ts

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

package/es/pages/Signature/Envelope/EnvelopeRecipientView/index.js

@@ -1,9 +1,32 @@
+import "./index.less";
+import { Button, Card, Checkbox, Spin } from "@voplus/antd";
+import React, { useState } from "react";
+import DescriptionEditor from "../../../../controls/DescriptionEditor";
+import { LoadingOutlined } from "@ant-design/icons";
 import MobileView from "./mobile";
 import PcView from "./pc";
-import React from "react";
+import { State } from "./state";
+import { useEnvelope } from "../../data/envelope";
+import { useObserver } from "mobx-react-lite";
+import { useRouteMatch } from "react-router";
 const EnvelopeRecipientView = () => {
     const sUserAgent = navigator.userAgent.toLowerCase();
-    return (React.createElement(React.Fragment, null, /ipad|iphone|midp|rv:1.2.3.4|ucweb|android|windows ce|windows mobile/.test(sUserAgent) ? (React.createElement(MobileView, null)) : (React.createElement(PcView, null))));
+    const match = useRouteMatch();
+    const id = match.params.id;
+    const [state] = useState(new State(id));
+    const envelope = useEnvelope(id, { reload: true, includes: "tags,versions" });
+    const DescriptionPage = () => useObserver(() => (React.createElement("div", { className: "envelope-recipient_description_page" },
+        React.createElement(Card, { title: `Digital Signature Envelope - ${envelope.name || "***"}`, className: "steps-content" },
+            React.createElement(DescriptionEditor, { id: id, collapsible: false, description: envelope.description, readonly: true, padding: "0" }),
+            React.createElement("div", { style: { padding: "0 24px" } },
+                React.createElement(Checkbox, { checked: state.show, onChange: (e) => {
+                        state.show = e.target.checked;
+                        state.setDoNotShow();
+                    } }, "Do not show this page any more")),
+            React.createElement("div", { className: "continue-btn" },
+                React.createElement(Button, { type: "primary", onClick: () => (state.continue = true) }, "Continue"))))));
+    return useObserver(() => (React.createElement(React.Fragment, null, envelope.loading ? (React.createElement("div", { style: { textAlign: "center" } },
+        React.createElement(Spin, { indicator: React.createElement(LoadingOutlined, { style: { fontSize: 30 }, spin: true }) }))) : envelope.description && !state.doNotShow && !state.continue ? (React.createElement(DescriptionPage, null)) : (React.createElement(React.Fragment, null, /ipad|iphone|midp|rv:1.2.3.4|ucweb|android|windows ce|windows mobile/.test(sUserAgent) ? (React.createElement(MobileView, { id: id })) : (React.createElement(PcView, { id: id })))))));
 };
 export default EnvelopeRecipientView;
 //# sourceMappingURL=index.js.map

package/es/pages/Signature/Envelope/EnvelopeRecipientView/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/pages/Signature/Envelope/EnvelopeRecipientView/index.tsx"],"names":[],"mappings":"AAAA,OAAO,UAAU,MAAM,UAAU,CAAC;AAClC,OAAO,MAAM,MAAM,MAAM,CAAC;AAC1B,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,qBAAqB,GAAG,GAAG,EAAE;IAClC,MAAM,UAAU,GAAG,SAAS,CAAC,SAAS,CAAC,WAAW,EAAE,CAAC;IAErD,OAAO,CACN,oBAAC,KAAK,CAAC,QAAQ,QAEb,qEAAqE,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CACzF,oBAAC,UAAU,OAAG,CACd,CAAC,CAAC,CAAC,CACH,oBAAC,MAAM,OAAG,CACV,CACe,CACjB,CAAC;AACH,CAAC,CAAC;AAEF,eAAe,qBAAqB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/pages/Signature/Envelope/EnvelopeRecipientView/index.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAC;AAEtB,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAC5D,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAGxC,OAAO,iBAAiB,MAAM,wCAAwC,CAAC;AACvE,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,UAAU,MAAM,UAAU,CAAC;AAClC,OAAO,MAAM,MAAM,MAAM,CAAC;AAC1B,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClD,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9C,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAE7C,MAAM,qBAAqB,GAAG,GAAG,EAAE;IAClC,MAAM,UAAU,GAAG,SAAS,CAAC,SAAS,CAAC,WAAW,EAAE,CAAC;IAErD,MAAM,KAAK,GAAG,aAAa,EAAkB,CAAC;IAC9C,MAAM,EAAE,GAAG,KAAK,CAAC,MAAM,CAAC,EAAE,CAAC;IAE3B,MAAM,CAAC,KAAK,CAAC,GAAG,QAAQ,CAAC,IAAI,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC;IAExC,MAAM,QAAQ,GAAG,WAAW,CAAC,EAAE,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,eAAe,EAAE,CAAC,CAAC;IAE9E,MAAM,eAAe,GAAG,GAAG,EAAE,CAC5B,WAAW,CAAC,GAAG,EAAE,CAAC,CACjB,6BAAK,SAAS,EAAC,qCAAqC;QACnD,oBAAC,IAAI,IACJ,KAAK,EAAE,gCAAgC,QAAQ,CAAC,IAAI,IAAI,KAAK,EAAE,EAC/D,SAAS,EAAC,eAAe;YAEzB,oBAAC,iBAAiB,IACjB,EAAE,EAAE,EAAE,EACN,WAAW,EAAE,KAAK,EAClB,WAAW,EAAE,QAAQ,CAAC,WAAW,EACjC,QAAQ,EAAE,IAAI,EACd,OAAO,EAAC,GAAG,GACV;YACF,6BAAK,KAAK,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE;gBAChC,oBAAC,QAAQ,IACR,OAAO,EAAE,KAAK,CAAC,IAAI,EACnB,QAAQ,EAAE,CAAC,CAAsB,EAAE,EAAE;wBACpC,KAAK,CAAC,IAAI,GAAG,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC;wBAC9B,KAAK,CAAC,YAAY,EAAE,CAAC;oBACtB,CAAC,qCAGS,CACN;YACN,6BAAK,SAAS,EAAC,cAAc;gBAC5B,oBAAC,MAAM,IAAC,IAAI,EAAC,SAAS,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,KAAK,CAAC,QAAQ,GAAG,IAAI,CAAC,eAEpD,CACJ,CACA,CACF,CACN,CAAC,CAAC;IAEJ,OAAO,WAAW,CAAC,GAAG,EAAE,CAAC,CACxB,oBAAC,KAAK,CAAC,QAAQ,QACb,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,CACnB,6BAAK,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE;QAClC,oBAAC,IAAI,IAAC,SAAS,EAAE,oBAAC,eAAe,IAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,EAAE,IAAI,SAAG,GAAI,CACjE,CACN,CAAC,CAAC,CAAC,QAAQ,CAAC,WAAW,IAAI,CAAC,KAAK,CAAC,SAAS,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CACjE,oBAAC,eAAe,OAAG,CACnB,CAAC,CAAC,CAAC,CACH,0CAEE,qEAAqE,CAAC,IAAI,CAC1E,UAAU,CACV,CAAC,CAAC,CAAC,CACH,oBAAC,UAAU,IAAC,EAAE,EAAE,EAAE,GAAI,CACtB,CAAC,CAAC,CAAC,CACH,oBAAC,MAAM,IAAC,EAAE,EAAE,EAAE,GAAI,CAClB,CACC,CACH,CACe,CACjB,CAAC,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,qBAAqB,CAAC"}

package/es/pages/Signature/Envelope/EnvelopeRecipientView/index.less

@@ -0,0 +1,22 @@
+:global {
+	.envelope-recipient_description_page {
+		height: 100%;
+		padding: 70px;
+		background-color: #f5f5f5;
+		.ant-card {
+			width: 60%;
+			margin: auto;
+			.ant-card-body {
+				padding: 0;
+				max-height: calc(100vh - 240px);
+				overflow-y: auto;
+				.continue-btn {
+					padding: 20px 24px;
+				}
+			}
+			.description-editor .description-readonly-proseMirror .ProseMirror-container .ProseMirror {
+				padding: 20px 24px;
+			}
+		}
+	}
+}

package/es/pages/Signature/Envelope/EnvelopeRecipientView/mobile/index.d.ts

@@ -1,4 +1,6 @@
 /// <reference types="react" />
 import "./index.less";
-declare const MobileView: () => JSX.Element;
+declare const MobileView: (props: {
+    id: string;
+}) => JSX.Element;
 export default MobileView;

package/es/pages/Signature/Envelope/EnvelopeRecipientView/mobile/index.js

@@ -11,12 +11,10 @@ import LetterContentView from "../../../Letter/LetterContentView";
 import LetterList from "../../../Letter/LetterList";
 import { State } from "./state";
 import { useObserver } from "mobx-react-lite";
-import { useRouteMatch } from "react-router";
-const MobileView = () => {
-    const match = useRouteMatch();
-    const id = match.params.id;
+const MobileView = (props) => {
+    const { id } = props;
     const { user } = useApplicationContext();
-    const envelope = useEnvelope(id, { reload: true, includes: "tags,versions" });
+    const envelope = useEnvelope(id, { includes: "tags,versions" });
     const envelopStore = useEnvelopeStore();
     const [context] = useState(new EnvelopeContextState(id, envelopStore));
     const [state] = useState(new State());

package/es/pages/Signature/Envelope/EnvelopeRecipientView/mobile/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/pages/Signature/Envelope/EnvelopeRecipientView/mobile/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/pages/Signature/Envelope/EnvelopeRecipientView/mobile/index.tsx"],"names":[],"mappings":"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"}

package/es/pages/Signature/Envelope/EnvelopeRecipientView/pc/index.d.ts

@@ -1,4 +1,6 @@
 /// <reference types="react" />
 import "./index.less";
-declare const PcView: () => JSX.Element;
+declare const PcView: (props: {
+    id: string;
+}) => JSX.Element;
 export default PcView;

package/es/pages/Signature/Envelope/EnvelopeRecipientView/pc/index.js

@@ -9,13 +9,12 @@ import LetterContentView from "../../../Letter/LetterContentView";
 import LetterList from "../../../Letter/LetterList";
 import { LoadingOutlined } from "@ant-design/icons";
 import MainContent from "@voplus/morpho-ui/es/components/layout/MainContent";
+import classnames from "classnames";
 import { useObserver } from "mobx-react-lite";
-import { useRouteMatch } from "react-router";
-const PcView = () => {
-    const match = useRouteMatch();
-    const id = match.params.id;
+const PcView = (props) => {
+    const { id } = props;
     const { user } = useApplicationContext();
-    const envelope = useEnvelope(id, { reload: true, includes: "tags,versions" });
+    const envelope = useEnvelope(id, { includes: "tags,versions" });
     const envelopStore = useEnvelopeStore();
     const [context] = useState(new EnvelopeContextState(id, envelopStore));
     const [letter, setLetter] = useState();
@@ -33,13 +32,16 @@ const PcView = () => {
             setLetter(letters[0]);
         }
     }, [envelope.letters]);
+    const LoadingElement = (props) => (React.createElement("div", { className: classnames("loading", props.className) },
+        React.createElement(Spin, { tip: "Loading...", indicator: React.createElement(LoadingOutlined, { style: { fontSize: 24 }, spin: true }) })));
     return useObserver(() => (React.createElement(EnvelopeContext.Provider, { value: context },
         React.createElement(MainContent, { className: "envelope-recipient-view_pc" },
-            React.createElement(MainContent.Nav, { collapsible: true }, envelope.loading ? (React.createElement("div", { style: { textAlign: "center", padding: "10px 0" } },
-                React.createElement(Spin, { tip: "Loading...", indicator: React.createElement(LoadingOutlined, { style: { fontSize: 24 }, spin: true }) }))) : (React.createElement(LetterList, { id: id, recipient: true, onClick: onDocumentSelected }))),
-            envelope.loading || context.loading ? (React.createElement(Spin, null)) : (letter === null || letter === void 0 ? void 0 : letter.document.id) ? (React.createElement(LetterContentView, { envelopeId: id, letter: letter, onOpen: onDocumentSelected })) : (React.createElement(Empty, { image: Empty.PRESENTED_IMAGE_SIMPLE })),
-            React.createElement("nav", { className: "envelope-recipient-activity" },
-                React.createElement(ActivityLog, { id: (letter === null || letter === void 0 ? void 0 : letter.document.id) || id }))))));
+            React.createElement(MainContent.Nav, { collapsible: true }, envelope.loading || context.loading ? (React.createElement(LoadingElement, null)) : (React.createElement(React.Fragment, null,
+                React.createElement("div", { className: "title" }, "Documents"),
+                React.createElement(LetterList, { id: id, recipient: true, onClick: onDocumentSelected })))),
+            envelope.loading || context.loading ? (React.createElement(LoadingElement, null)) : (letter === null || letter === void 0 ? void 0 : letter.document.id) ? (React.createElement(LetterContentView, { envelopeId: id, letter: letter, onOpen: onDocumentSelected })) : (React.createElement(Empty, { image: Empty.PRESENTED_IMAGE_SIMPLE })),
+            React.createElement("nav", { className: "envelope-recipient-activity" }, context.loading ? React.createElement(LoadingElement, null) : React.createElement(ActivityLog, { id: (letter === null || letter === void 0 ? void 0 : letter.document.id) || id })),
+            React.createElement(React.Fragment, null, context.downloadLoading && React.createElement(LoadingElement, { className: "blocking" }))))));
     function onDocumentSelected(id) {
         if (!context.letters)
             return;