@voplus/morpho-csp 1.0.0-dev003 → 1.0.0-dev006

package/es/modules/corporate/company/Identity/SelectLegalContactDialog/index.less

@@ -0,0 +1,55 @@
+:global {
+	.select-legal-contact-dialog {
+		.ant-modal-body {
+			padding: 20px 0;
+		}
+		h3,
+		h4 {
+			margin-bottom: 0;
+		}
+		.select-legal-contact_title {
+			padding: 0 20px 15px 20px;
+			color: rgba(0, 0, 0, 0.85);
+			font-weight: 500;
+			font-size: 16px;
+			line-height: 17px;
+			border-bottom: 1px solid #f0f0f0;
+		}
+		.select-legal-contact_content {
+			padding: 15px 20px;
+			&.page5 {
+				padding: 15px 30px;
+			}
+			.ant-radio-group,
+			.ant-radio-wrapper {
+				display: block;
+			}
+			.full-name-displayed {
+				padding: 10px 0;
+				border-bottom: 1px solid #f0f0f0;
+			}
+			.full-name {
+				padding-bottom: 8px;
+				color: rgba(0, 0, 0, 0.85);
+				font-weight: 500;
+				font-size: 16px;
+			}
+			.padding-top-15 {
+				padding-top: 15px;
+			}
+		}
+		.ant-tabs .ant-tabs-tabpane {
+			padding: 0 20px;
+		}
+		.ant-form .ant-form-item {
+			margin-bottom: 20px;
+		}
+		.select-legal-contact_footer {
+			padding: 0 20px;
+			text-align: right;
+			& .ant-btn {
+				margin-left: 10px;
+			}
+		}
+	}
+}

package/es/modules/corporate/company/Identity/SelectLegalContactDialog/state.d.ts

@@ -0,0 +1,53 @@
+/// <reference types="react" />
+import { IAddress } from "@voplus/morpho-org";
+import { IIdentity } from "../../../../../data/identity";
+export declare type LegalProps = {
+    visible: boolean;
+    updateVisible?: (unitId?: string) => Promise<void>;
+};
+export declare class State {
+    props: LegalProps;
+    /** step of Add Legal Contact */
+    step: number;
+    /** Search an existing contact or Create a new contact */
+    operate: "Search" | "Create";
+    /** type of unit of the new officer */
+    unitType: string;
+    /** id of identity */
+    identityId: string;
+    /** id of unit of the new officer */
+    unitId: string;
+    /** */
+    fistName: string;
+    /** last name */
+    lastName: string;
+    /** */
+    middleName: string;
+    /** number of identity of the new officer */
+    number: string | number;
+    /** country of identity of the new officer */
+    country: string;
+    /** type of identity of the new officer */
+    type: string;
+    /** expiryDate of identity(Passport required) */
+    expiryDate: null;
+    /** email of unit of the new officer */
+    email: string;
+    /** phone of unit of the new officer */
+    phone: string;
+    /** address of unit of the new officer */
+    address: IAddress;
+    /** list of unit */
+    contactList: IIdentity[];
+    /** order name by Western or Eastern */
+    orderName: string;
+    /** key of tabPane of Page4 */
+    tabKey: "Contact" | "Identify";
+    /** loading of load identity list */
+    loading: boolean;
+    /** loading of save identity item */
+    saving: boolean;
+    get fullName(): string;
+}
+export declare const LegalContext: import("react").Context<State>;
+export declare const useLegalContext: () => State;

package/es/modules/corporate/company/Identity/SelectLegalContactDialog/state.js

@@ -0,0 +1,125 @@
+import { __decorate } from "tslib";
+import { computed, observable } from "mobx";
+import { createContext, useContext } from "react";
+export class State {
+    constructor() {
+        /** step of Add Legal Contact */
+        this.step = 1;
+        /** Search an existing contact or Create a new contact */
+        this.operate = "Search";
+        /** type of unit of the new officer */
+        this.unitType = "Person";
+        /** id of identity */
+        this.identityId = "";
+        /** id of unit of the new officer */
+        this.unitId = "";
+        /** */
+        this.fistName = "";
+        /** last name */
+        this.lastName = "";
+        /** */
+        this.middleName = "";
+        /** number of identity of the new officer */
+        this.number = "";
+        /** country of identity of the new officer */
+        this.country = "";
+        /** type of identity of the new officer */
+        this.type = "Passport";
+        /** email of unit of the new officer */
+        this.email = "";
+        /** phone of unit of the new officer */
+        this.phone = "";
+        /** address of unit of the new officer */
+        this.address = {
+            line1: "",
+            line2: "",
+            city: "",
+            state: "",
+            postalCode: "",
+            country: "",
+        };
+        /** list of unit */
+        this.contactList = [];
+        /** order name by Western or Eastern */
+        this.orderName = "Western";
+        /** key of tabPane of Page4 */
+        this.tabKey = "Contact";
+        /** loading of load identity list */
+        this.loading = true;
+        /** loading of save identity item */
+        this.saving = false;
+    }
+    get fullName() {
+        return this.orderName === "Western"
+            ? (this.fistName ? this.fistName + " " : "") +
+                (this.middleName ? this.middleName + " " : "") +
+                (this.lastName ? this.lastName + " " : "")
+            : (this.lastName ? this.lastName + " " : "") + (this.fistName ? this.fistName + " " : "");
+    }
+}
+__decorate([
+    observable
+], State.prototype, "step", void 0);
+__decorate([
+    observable
+], State.prototype, "operate", void 0);
+__decorate([
+    observable
+], State.prototype, "unitType", void 0);
+__decorate([
+    observable
+], State.prototype, "identityId", void 0);
+__decorate([
+    observable
+], State.prototype, "unitId", void 0);
+__decorate([
+    observable
+], State.prototype, "fistName", void 0);
+__decorate([
+    observable
+], State.prototype, "lastName", void 0);
+__decorate([
+    observable
+], State.prototype, "middleName", void 0);
+__decorate([
+    observable
+], State.prototype, "number", void 0);
+__decorate([
+    observable
+], State.prototype, "country", void 0);
+__decorate([
+    observable
+], State.prototype, "type", void 0);
+__decorate([
+    observable
+], State.prototype, "expiryDate", void 0);
+__decorate([
+    observable
+], State.prototype, "email", void 0);
+__decorate([
+    observable
+], State.prototype, "phone", void 0);
+__decorate([
+    observable
+], State.prototype, "address", void 0);
+__decorate([
+    observable
+], State.prototype, "contactList", void 0);
+__decorate([
+    observable
+], State.prototype, "orderName", void 0);
+__decorate([
+    observable
+], State.prototype, "tabKey", void 0);
+__decorate([
+    observable
+], State.prototype, "loading", void 0);
+__decorate([
+    observable
+], State.prototype, "saving", void 0);
+__decorate([
+    computed
+], State.prototype, "fullName", null);
+export const LegalContext = createContext(null);
+export const useLegalContext = () => useContext(LegalContext);
+//# sourceMappingURL=state.js.map

package/es/modules/corporate/company/Identity/SelectLegalContactDialog/state.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"state.js","sourceRoot":"","sources":["../../../../../../src/modules/corporate/company/Identity/SelectLegalContactDialog/state.ts"],"names":[],"mappings":"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"}

package/es/modules/corporate/company/InlineEditAddress/index.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import "./index.less";
+import { IAddress } from "@voplus/morpho-org";
+declare const InlineEditAddress: (props: {
+    address?: IAddress | undefined;
+    onChange?: ((address?: IAddress | undefined) => Promise<void>) | undefined;
+    /** label */
+    label?: string | undefined;
+    /** 只读 */
+    readonly?: boolean | undefined;
+    /** Edit 时 Modal 方式打开  */
+    modal?: boolean | undefined;
+}) => JSX.Element;
+export default InlineEditAddress;

package/es/modules/corporate/company/InlineEditAddress/index.js

@@ -0,0 +1,48 @@
+import "./index.less";
+import { Button, Form, Modal, Row } from "@voplus/antd";
+import React, { useEffect, useState } from "react";
+import Address from "@voplus/morpho-org/es/components/Address";
+import { clone } from "lodash-es";
+import { useObserver } from "mobx-react-lite";
+const InlineEditAddress = (props) => {
+    const { address, readonly, label, modal, onChange } = props;
+    const [editable, setEditable] = useState(false);
+    const [loading, setLoading] = useState(false);
+    const [registeredAddress, setRegisteredAddress] = useState();
+    useEffect(() => {
+        setRegisteredAddress(clone(address));
+    }, [address]);
+    const LabelElement = (registeredAddress === null || registeredAddress === void 0 ? void 0 : registeredAddress.line1) || (registeredAddress === null || registeredAddress === void 0 ? void 0 : registeredAddress.country) || (registeredAddress === null || registeredAddress === void 0 ? void 0 : registeredAddress.city) ? (React.createElement(React.Fragment, null,
+        (registeredAddress === null || registeredAddress === void 0 ? void 0 : registeredAddress.line1) ? (registeredAddress === null || registeredAddress === void 0 ? void 0 : registeredAddress.line1) + ", " : registeredAddress === null || registeredAddress === void 0 ? void 0 : registeredAddress.line1,
+        (registeredAddress === null || registeredAddress === void 0 ? void 0 : registeredAddress.line2) ? (registeredAddress === null || registeredAddress === void 0 ? void 0 : registeredAddress.line2) + ", " : registeredAddress === null || registeredAddress === void 0 ? void 0 : registeredAddress.line2,
+        (registeredAddress === null || registeredAddress === void 0 ? void 0 : registeredAddress.city) ? (registeredAddress === null || registeredAddress === void 0 ? void 0 : registeredAddress.city) + ", " : registeredAddress === null || registeredAddress === void 0 ? void 0 : registeredAddress.city,
+        (registeredAddress === null || registeredAddress === void 0 ? void 0 : registeredAddress.state) ? (registeredAddress === null || registeredAddress === void 0 ? void 0 : registeredAddress.state) + ", " : registeredAddress === null || registeredAddress === void 0 ? void 0 : registeredAddress.state, registeredAddress === null || registeredAddress === void 0 ? void 0 :
+        registeredAddress.country)) : readonly ? ("") : ("Add Address");
+    return useObserver(() => (React.createElement(React.Fragment, null,
+        modal && (React.createElement(Modal, { visible: editable, title: "Address", width: 480, wrapClassName: "inline-edit-address", footer: null, onOk: onOk, onCancel: cancel },
+            React.createElement(Address, { value: registeredAddress, onChange: (v) => setRegisteredAddress(v) }),
+            React.createElement(Row, { justify: "end" },
+                React.createElement(Button, { size: "middle", className: "margin-right-10", onClick: cancel }, "Cancel"),
+                React.createElement(Button, { size: "middle", type: "primary", loading: loading, onClick: onOk }, "Ok")))),
+        editable && !modal ? (React.createElement(React.Fragment, null,
+            React.createElement(Address, { value: registeredAddress, onChange: (v) => setRegisteredAddress(v) }),
+            React.createElement(Row, { justify: "end" },
+                React.createElement(Button, { size: "middle", className: "margin-right-10", onClick: cancel }, "Cancel"),
+                React.createElement(Button, { size: "middle", type: "primary", loading: loading, onClick: onOk }, "Ok")))) : (React.createElement("span", { onClick: () => setEditable(!readonly) }, label ? React.createElement(Form.Item, { label: label }, LabelElement) : LabelElement)))));
+    /** cancel edit */
+    function cancel() {
+        setEditable(false);
+        /** 恢复成更改前的Address */
+        setRegisteredAddress(clone(address));
+    }
+    /** confirm edit */
+    async function onOk() {
+        setLoading(true);
+        await (onChange === null || onChange === void 0 ? void 0 : onChange(registeredAddress).then((r) => {
+            setLoading(false);
+            setEditable(false);
+        }).catch((r) => setRegisteredAddress(clone(address))));
+    }
+};
+export default InlineEditAddress;
+//# sourceMappingURL=index.js.map

package/es/modules/corporate/company/InlineEditAddress/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/corporate/company/InlineEditAddress/index.tsx"],"names":[],"mappings":"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"}

package/es/modules/corporate/company/InlineEditAddress/index.less

@@ -0,0 +1,16 @@
+:global {
+	.inline-edit-address,
+	.company-information {
+		.ant-col .ant-row.ant-form-item {
+			display: block;
+			.ant-col.ant-form-item-label {
+				display: inline;
+				width: 100%;
+				text-align: left;
+				> label {
+					height: auto;
+				}
+			}
+		}
+	}
+}

package/es/modules/corporate/company/InlineEditCountry/index.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+declare const InlineEditCountry: (props: {
+    country?: string | undefined;
+    onChange?: ((country?: string | undefined) => void) | undefined;
+}) => JSX.Element;
+export default InlineEditCountry;

package/es/modules/corporate/company/InlineEditCountry/index.js

@@ -0,0 +1,18 @@
+import React, { useRef, useState } from "react";
+import { InputCountry } from "@voplus/morpho-ui";
+const InlineEditCountry = (props) => {
+    const { country } = props;
+    const [editable, setEditable] = useState(false);
+    const ref = useRef(null);
+    return (React.createElement("div", { onBlur: () => setEditable(false) }, editable ? (React.createElement(InputCountry, { defaultValue: country, onChange: onChange })) : (React.createElement("span", { onClick: onClick }, country || "No Country"))));
+    function onChange(v) {
+        var _a;
+        (_a = props.onChange) === null || _a === void 0 ? void 0 : _a.call(props, v);
+        setEditable(false);
+    }
+    function onClick() {
+        setEditable(true);
+    }
+};
+export default InlineEditCountry;
+//# sourceMappingURL=index.js.map

package/es/modules/corporate/company/InlineEditCountry/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/corporate/company/InlineEditCountry/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEhD,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEjD,MAAM,iBAAiB,GAAG,CAAC,KAAkE,EAAE,EAAE;IAChG,MAAM,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;IAE1B,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEhD,MAAM,GAAG,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAEzC,OAAO,CACN,6BAAK,MAAM,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,KAAK,CAAC,IACnC,QAAQ,CAAC,CAAC,CAAC,CACX,oBAAC,YAAY,IAAC,YAAY,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,GAAI,CAC3D,CAAC,CAAC,CAAC,CACH,8BAAM,OAAO,EAAE,OAAO,IAAG,OAAO,IAAI,YAAY,CAAQ,CACxD,CACI,CACN,CAAC;IACF,SAAS,QAAQ,CAAC,CAAS;;QAC1B,MAAA,KAAK,CAAC,QAAQ,+CAAd,KAAK,EAAY,CAAC,EAAE;QACpB,WAAW,CAAC,KAAK,CAAC,CAAC;IACpB,CAAC;IAED,SAAS,OAAO;QACf,WAAW,CAAC,IAAI,CAAC,CAAC;IACnB,CAAC;AACF,CAAC,CAAC;AACF,eAAe,iBAAiB,CAAC"}

package/es/modules/corporate/company/InlineEditType/index.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+declare const InlineEditType: (props: {
+    type: string;
+    list: string[];
+    readonly?: boolean | undefined;
+    onSave?: ((value?: string | undefined) => Promise<void>) | undefined;
+}) => JSX.Element;
+export default InlineEditType;

package/es/modules/corporate/company/InlineEditType/index.js

@@ -0,0 +1,27 @@
+import React, { useEffect, useState } from "react";
+import { Select } from "@voplus/antd";
+import { clone } from "lodash-es";
+const InlineEditType = (props) => {
+    const { type, list, readonly, onSave } = props;
+    const [editable, setEditable] = useState(false);
+    const [loading, setLoading] = useState(false);
+    const [value, setValue] = useState(type);
+    useEffect(() => {
+        setValue(clone(type));
+    }, [type]);
+    return (React.createElement(React.Fragment, null, editable ? (React.createElement(Select, { value: value, autoFocus: editable, loading: loading, onChange: onChange, onBlur: () => setEditable(false), style: { width: "100%" } }, list.map((type) => (React.createElement(Select.Option, { value: type, key: type }, type.replace(/.(?=[A-Z])/g, "$& ")))))) : (React.createElement("span", { onClick: () => setEditable(!readonly) }, value.replace(/.(?=[A-Z])/g, "$& ")))));
+    async function onChange(value) {
+        setLoading(true);
+        setValue(value);
+        await (onSave === null || onSave === void 0 ? void 0 : onSave(value).then((r) => {
+            setLoading(false);
+            setEditable(false);
+        }).catch((r) => {
+            setValue(clone(type));
+            setEditable(false);
+            setEditable(false);
+        }));
+    }
+};
+export default InlineEditType;
+//# sourceMappingURL=index.js.map

package/es/modules/corporate/company/InlineEditType/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/corporate/company/InlineEditType/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEnD,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AACtC,OAAO,EAAE,KAAK,EAAE,MAAM,WAAW,CAAC;AAElC,MAAM,cAAc,GAAG,CAAC,KAKvB,EAAE,EAAE;IACJ,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC;IAE/C,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEhD,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE9C,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IAEzC,SAAS,CAAC,GAAG,EAAE;QACd,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC;IACvB,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,OAAO,CACN,oBAAC,KAAK,CAAC,QAAQ,QACb,QAAQ,CAAC,CAAC,CAAC,CACX,oBAAC,MAAM,IACN,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,QAAQ,EACnB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,KAAK,CAAC,EAChC,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,IAEvB,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACnB,oBAAC,MAAM,CAAC,MAAM,IAAC,KAAK,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,IACnC,IAAI,CAAC,OAAO,CAAC,aAAa,EAAE,KAAK,CAAC,CACpB,CAChB,CAAC,CACM,CACT,CAAC,CAAC,CAAC,CACH,8BAAM,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,CAAC,QAAQ,CAAC,IAAG,KAAK,CAAC,OAAO,CAAC,aAAa,EAAE,KAAK,CAAC,CAAQ,CACzF,CACe,CACjB,CAAC;IACF,KAAK,UAAU,QAAQ,CAAC,KAAa;QACpC,UAAU,CAAC,IAAI,CAAC,CAAC;QACjB,QAAQ,CAAC,KAAK,CAAC,CAAC;QAChB,OAAM,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAG,KAAK,EAClB,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE;YACX,UAAU,CAAC,KAAK,CAAC,CAAC;YAClB,WAAW,CAAC,KAAK,CAAC,CAAC;QACpB,CAAC,EACA,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE;YACZ,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC;YACtB,WAAW,CAAC,KAAK,CAAC,CAAC;YACnB,WAAW,CAAC,KAAK,CAAC,CAAC;QACpB,CAAC,EAAC,CAAC;IACL,CAAC;AACF,CAAC,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/es/modules/corporate/company/MemberRegister/CompanyMemberDefaultView/index.d.ts

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

package/es/modules/corporate/company/MemberRegister/CompanyMemberDefaultView/index.js

@@ -0,0 +1,21 @@
+import "./index.less";
+import React, { useEffect, useState } from "react";
+import { AsideContent } from "@voplus/morpho-ui";
+import CompanyMemberPropertiesView from "../components/CompanyMemberPropertiesView";
+import DocumentTabs from "@voplus/morpho-document/es/components/DocumentTabs";
+import { useObserver } from "mobx-react-lite";
+import { useRouteMatch } from "react-router";
+const CompanyMemberDefaultView = () => {
+    const match = useRouteMatch();
+    const id = match.params.id;
+    const [asideContext] = useState(AsideContent.createContext());
+    useEffect(() => {
+        asideContext.openAside(AsideElement, { span: 12 });
+    }, []);
+    const AsideElement = (React.createElement("div", { className: "csp-default-view_aside" },
+        React.createElement(DocumentTabs, { id: id })));
+    return useObserver(() => (React.createElement(AsideContent, { context: asideContext, className: "company-member-default-view" },
+        React.createElement(CompanyMemberPropertiesView, { id: id, toolbar: false, documentTab: false }))));
+};
+export default CompanyMemberDefaultView;
+//# sourceMappingURL=index.js.map

package/es/modules/corporate/company/MemberRegister/CompanyMemberDefaultView/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/modules/corporate/company/MemberRegister/CompanyMemberDefaultView/index.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAC;AAEtB,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEnD,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,2BAA2B,MAAM,2CAA2C,CAAC;AACpF,OAAO,YAAY,MAAM,oDAAoD,CAAC;AAC9E,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9C,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAE7C,MAAM,wBAAwB,GAAG,GAAG,EAAE;IACrC,MAAM,KAAK,GAAG,aAAa,EAAmC,CAAC;IAC/D,MAAM,EAAE,GAAG,KAAK,CAAC,MAAM,CAAC,EAAE,CAAC;IAE3B,MAAM,CAAC,YAAY,CAAC,GAAG,QAAQ,CAAC,YAAY,CAAC,aAAa,EAAE,CAAC,CAAC;IAE9D,SAAS,CAAC,GAAG,EAAE;QACd,YAAY,CAAC,SAAS,CAAC,YAAY,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,CAAC;IACpD,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,YAAY,GAAG,CACpB,6BAAK,SAAS,EAAC,wBAAwB;QACtC,oBAAC,YAAY,IAAC,EAAE,EAAE,EAAE,GAAI,CACnB,CACN,CAAC;IAEF,OAAO,WAAW,CAAC,GAAG,EAAE,CAAC,CACxB,oBAAC,YAAY,IAAC,OAAO,EAAE,YAAY,EAAE,SAAS,EAAC,6BAA6B;QAC3E,oBAAC,2BAA2B,IAAC,EAAE,EAAE,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,GAAI,CAC7D,CACf,CAAC,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,wBAAwB,CAAC"}

package/es/modules/corporate/company/MemberRegister/CompanyMemberDefaultView/index.less

@@ -0,0 +1,6 @@
+:global {
+	.company-member-default-view {
+		padding: 0 !important;
+		overflow: hidden;
+	}
+}

package/es/modules/corporate/company/MemberRegister/components/CompanyMemberAvatar/index.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import "./index.less";
+declare const CompanyMemberAvatar: {
+    (props: {
+        id: string;
+        index?: number;
+        disabled?: boolean;
+        tooltip?: boolean;
+        size?: number | "large" | "small" | "default";
+        className?: string;
+    }): JSX.Element;
+    defaultProps: {
+        size: string;
+    };
+};
+export default CompanyMemberAvatar;

package/es/modules/corporate/company/MemberRegister/components/CompanyMemberAvatar/index.js

@@ -0,0 +1,26 @@
+import "./index.less";
+import { Avatar, Tooltip } from "@voplus/antd";
+import React from "react";
+import classnames from "classnames";
+import styles from "./index.less";
+import { useObserver } from "mobx-react-lite";
+const colorList = ["#765FEE", "#fe4066", "#FFC832", "#FF8F5E", "#3AC43A", "#FFC832"];
+const CompanyMemberAvatar = (props) => {
+    const { id, index, size, disabled, tooltip, className } = props;
+    // const member = useMember(id, { reload: false });
+    const member = { name: "Meow Cat" };
+    const avatar = useObserver(() => (React.createElement(Avatar, { size: size, className: classnames({ "avatar-item-disabled": !!disabled }, styles["avatar-item-img"], className), style: { backgroundColor: colorList[(index || 0) % 6] } }, setName(member.name))));
+    return useObserver(() => (React.createElement(React.Fragment, null, !tooltip ? avatar : React.createElement(Tooltip, { title: member.name }, avatar))));
+    function setName(name) {
+        let str = "";
+        name === null || name === void 0 ? void 0 : name.split(" ").forEach((r) => {
+            str += r.substr(0, 1);
+        });
+        return str;
+    }
+};
+CompanyMemberAvatar.defaultProps = {
+    size: "small",
+};
+export default CompanyMemberAvatar;
+//# sourceMappingURL=index.js.map

package/es/modules/corporate/company/MemberRegister/components/CompanyMemberAvatar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/modules/corporate/company/MemberRegister/components/CompanyMemberAvatar/index.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAC;AAEtB,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAE/C,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,MAAM,MAAM,cAAc,CAAC;AAElC,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAE9C,MAAM,SAAS,GAAG,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,CAAC,CAAC;AAErF,MAAM,mBAAmB,GAAG,CAAC,KAO5B,EAAE,EAAE;IACJ,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IAChE,mDAAmD;IACnD,MAAM,MAAM,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC;IAEpC,MAAM,MAAM,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC,CAChC,oBAAC,MAAM,IACN,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,UAAU,CACpB,EAAE,sBAAsB,EAAE,CAAC,CAAC,QAAQ,EAAE,EACtC,MAAM,CAAC,iBAAiB,CAAC,EACzB,SAAS,CACT,EACD,KAAK,EAAE,EAAE,eAAe,EAAE,SAAS,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,EAAE,IAEtD,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,CACb,CACT,CAAC,CAAC;IAEH,OAAO,WAAW,CAAC,GAAG,EAAE,CAAC,CACxB,oBAAC,KAAK,CAAC,QAAQ,QACb,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,oBAAC,OAAO,IAAC,KAAK,EAAE,MAAM,CAAC,IAAI,IAAG,MAAM,CAAW,CACpD,CACjB,CAAC,CAAC;IACH,SAAS,OAAO,CAAC,IAAY;QAC5B,IAAI,GAAG,GAAG,EAAE,CAAC;QACb,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,CAAC,GAAG,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE;YAC9B,GAAG,IAAI,CAAC,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;QACvB,CAAC,EAAE;QACH,OAAO,GAAG,CAAC;IACZ,CAAC;AACF,CAAC,CAAC;AACF,mBAAmB,CAAC,YAAY,GAAG;IAClC,IAAI,EAAE,OAAO;CACb,CAAC;AACF,eAAe,mBAAmB,CAAC"}

package/es/modules/corporate/company/MemberRegister/components/CompanyMemberAvatar/index.less

@@ -0,0 +1,7 @@
+.avatar-item-img {
+	:global {
+		&-disabled {
+			opacity: 0.7;
+		}
+	}
+}

package/es/modules/corporate/company/MemberRegister/components/CompanyMemberItem/index.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import "./index.less";
+declare const CompanyMemberItem: (props: {
+    /** id of member */
+    id: string;
+    /** index of member list */
+    index: number;
+    className?: string;
+}) => JSX.Element;
+export default CompanyMemberItem;

package/es/modules/corporate/company/MemberRegister/components/CompanyMemberItem/index.js

@@ -0,0 +1,44 @@
+import "./index.less";
+import { faCalendar, faEnvelope, faPhone } from "@fortawesome/pro-light-svg-icons";
+import CompanyMemberAvatar from "../CompanyMemberAvatar";
+import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
+import React from "react";
+import ShareTransactionsDataIcon from "../ShareTransactionsDataIcon";
+import moment from "moment";
+import { useObserver } from "mobx-react-lite";
+const CompanyMemberItem = (props) => {
+    const { id, index } = props;
+    // const member = useMember(id);
+    return useObserver(() => {
+        const member = {
+            id: "1121",
+            name: "Meow Cat",
+            guarantee: 20000,
+            email: "174545554@voplus.com",
+            phone: "12345678910",
+            since: "2020-01-19T09:20:30.072",
+            until: "2022-11-19T09:20:30.072",
+        };
+        return (React.createElement("div", { className: "member-item" },
+            React.createElement(React.Fragment, null,
+                React.createElement(CompanyMemberAvatar, { id: member.id, index: index, size: "large" }),
+                React.createElement("div", { className: "member-info" },
+                    React.createElement("div", { className: "title" }, member.name),
+                    React.createElement("div", { className: "member-contact" },
+                        React.createElement("span", null,
+                            React.createElement(FAIcon, { icon: faEnvelope }),
+                            member.email),
+                        React.createElement("span", { className: "margin-left-15" },
+                            React.createElement(FAIcon, { icon: faPhone }),
+                            member.phone)),
+                    React.createElement("div", null,
+                        React.createElement("span", null, member.since || member.until ? (React.createElement(React.Fragment, null,
+                            React.createElement(FAIcon, { icon: faCalendar, className: "margin-right-5" }),
+                            member.since && moment(member.since).format("DD MMM YYYY"),
+                            member.since && member.until && "~",
+                            member.until && moment(member.until).format("DD MMM YYYY"))) : null),
+                        React.createElement(ShareTransactionsDataIcon, { id: member.id, className: "margin-left-15" }))))));
+    });
+};
+export default CompanyMemberItem;
+//# sourceMappingURL=index.js.map

package/es/modules/corporate/company/MemberRegister/components/CompanyMemberItem/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/modules/corporate/company/MemberRegister/components/CompanyMemberItem/index.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAC;AAGtB,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,kCAAkC,CAAC;AAEnF,OAAO,mBAAmB,MAAM,wBAAwB,CAAC;AACzD,OAAO,EAAE,eAAe,IAAI,MAAM,EAAE,MAAM,gCAAgC,CAAC;AAC3E,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,yBAAyB,MAAM,8BAA8B,CAAC;AAErE,OAAO,MAAM,MAAM,QAAQ,CAAC;AAE5B,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAE9C,MAAM,iBAAiB,GAAG,CAAC,KAM1B,EAAE,EAAE;IACJ,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC;IAE5B,gCAAgC;IAEhC,OAAO,WAAW,CAAC,GAAG,EAAE;QACvB,MAAM,MAAM,GAAG;YACd,EAAE,EAAE,MAAM;YACV,IAAI,EAAE,UAAU;YAChB,SAAS,EAAE,KAAK;YAChB,KAAK,EAAE,sBAAsB;YAC7B,KAAK,EAAE,aAAa;YACpB,KAAK,EAAE,yBAAyB;YAChC,KAAK,EAAE,yBAAyB;SAChC,CAAC;QACF,OAAO,CACN,6BAAK,SAAS,EAAC,aAAa;YAI3B,oBAAC,KAAK,CAAC,QAAQ;gBACd,oBAAC,mBAAmB,IAAC,EAAE,EAAE,MAAM,CAAC,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAC,OAAO,GAAG;gBACjE,6BAAK,SAAS,EAAC,aAAa;oBAC3B,6BAAK,SAAS,EAAC,OAAO,IAAE,MAAM,CAAC,IAAI,CAAO;oBAC1C,6BAAK,SAAS,EAAC,gBAAgB;wBAC9B;4BACC,oBAAC,MAAM,IAAC,IAAI,EAAE,UAAU,GAAI;4BAC3B,MAAM,CAAC,KAAK,CACP;wBACP,8BAAM,SAAS,EAAC,gBAAgB;4BAC/B,oBAAC,MAAM,IAAC,IAAI,EAAE,OAAO,GAAI;4BACxB,MAAM,CAAC,KAAK,CACP,CACF;oBACN;wBACC,kCACE,MAAM,CAAC,KAAK,IAAI,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAC/B,oBAAC,KAAK,CAAC,QAAQ;4BACd,oBAAC,MAAM,IAAC,IAAI,EAAE,UAAU,EAAE,SAAS,EAAC,gBAAgB,GAAG;4BACtD,MAAM,CAAC,KAAK,IAAI,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,aAAa,CAAC;4BAC1D,MAAM,CAAC,KAAK,IAAI,MAAM,CAAC,KAAK,IAAI,GAAG;4BACnC,MAAM,CAAC,KAAK,IAAI,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,aAAa,CAAC,CAC3C,CACjB,CAAC,CAAC,CAAC,IAAI,CACF;wBACP,oBAAC,yBAAyB,IAAC,EAAE,EAAE,MAAM,CAAC,EAAE,EAAE,SAAS,EAAC,gBAAgB,GAAG,CAClE,CACD,CACU,CAEZ,CACN,CAAC;IACH,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC;AACF,eAAe,iBAAiB,CAAC"}

package/es/modules/corporate/company/MemberRegister/components/CompanyMemberItem/index.less

@@ -0,0 +1,36 @@
+:global {
+	.member-item {
+		position: relative;
+		display: flex;
+		align-items: center;
+		padding: 10px 20px;
+		&::after {
+			position: absolute;
+			content: "";
+			left: 20px;
+			bottom: 0;
+			right: 20px;
+			border-bottom: 1px solid #f2f2f2;
+		}
+		.member-info {
+			flex: 1;
+			margin-left: 10px;
+			.title {
+				color: #000;
+				font-size: 15px;
+				font-weight: 500;
+			}
+			.member-contact {
+				color: rgba(0, 0, 0, 0.45);
+				.svg-inline--fa {
+					margin-right: 5px;
+				}
+			}
+		}
+		.appointment-date,
+		.cease-date {
+			font-size: 13px;
+			line-height: 22px;
+		}
+	}
+}

package/es/modules/corporate/company/MemberRegister/components/CompanyMemberList/index.d.ts

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