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

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;

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

@@ -0,0 +1,34 @@
+import "./index.less";
+import { useMemberStore } from "../../../../../../data/member";
+import { ListDataContext, useCreateListDataState } from "@voplus/morpho-ui/es/data/ListDataContext";
+import CompanyMemberItem from "../CompanyMemberItem";
+import CompanyMemberPropertiesView from "../CompanyMemberPropertiesView";
+import ListView from "@voplus/morpho-ui/es/components/layout/ListView/ListView2";
+import React from "react";
+import { useAutoUpdateListData } from "@voplus/morpho-document-core";
+import { useObserver } from "mobx-react-lite";
+import { useRenderOnChange } from "@voplus/morpho-ui";
+import { useUnitListEffect } from "@voplus/morpho-org/es/data";
+// import NewTypeDropdown from "../../../../../components/NewTypeDropdown";
+// import OfficerStatusFilter from "../OfficerStatusFilter";
+// import SelectLegalContactDialog from "../../Identity/SelectLegalContactDialog";
+const CompanyMemberList = (props) => {
+    const { allowEdit } = props;
+    const id = "1b9bef21-526f-4ea1-8e3f-12ced14ef92c";
+    const memberStore = useMemberStore();
+    const list = useCreateListDataState({}, [id]);
+    useAutoUpdateListData(list, (d) => d.parentId === id);
+    useRenderOnChange(() => list.filters.options);
+    // useMemberListEffect(list, result => list.union(result), list.filters.options);
+    useUnitListEffect(list, (result) => list.union(result), list.filters.options);
+    return useObserver(() => (React.createElement(ListDataContext.Provider, { value: list },
+        React.createElement(ListView, { headerProps: {
+                filterViewProps: {
+                    columns: [],
+                },
+                viewTitle: "Company Member List",
+                addAble: false,
+            }, renderItem: ({ item, index }) => (React.createElement(CompanyMemberItem, { key: item.id, id: item.id, index: index, className: index === 0 ? "shareTransaction-item-first" : "" })), propertiesView: (id) => React.createElement(CompanyMemberPropertiesView, { id: id, allowEdit: allowEdit }), className: "member-list-view" }))));
+};
+export default CompanyMemberList;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/modules/corporate/company/MemberRegister/components/CompanyMemberList/index.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAC;AAEtB,OAAO,EAAuC,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAEpG,OAAO,EAAE,eAAe,EAAE,sBAAsB,EAAE,MAAM,2CAA2C,CAAC;AAEpG,OAAO,iBAAiB,MAAM,sBAAsB,CAAC;AACrD,OAAO,2BAA2B,MAAM,gCAAgC,CAAC;AAEzE,OAAO,QAAQ,MAAM,2DAA2D,CAAC;AACjF,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,qBAAqB,EAAE,MAAM,8BAA8B,CAAC;AAErE,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9C,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AACtD,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAE/D,2EAA2E;AAC3E,4DAA4D;AAC5D,kFAAkF;AAElF,MAAM,iBAAiB,GAAG,CAAC,KAA0C,EAAE,EAAE;IACxE,MAAM,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IAC5B,MAAM,EAAE,GAAG,sCAAsC,CAAC;IAElD,MAAM,WAAW,GAAG,cAAc,EAAE,CAAC;IAErC,MAAM,IAAI,GAAG,sBAAsB,CAAM,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;IAEnD,qBAAqB,CAAC,IAAI,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,KAAK,EAAE,CAAC,CAAC;IAEtD,iBAAiB,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;IAE9C,iFAAiF;IACjF,iBAAiB,CAAC,IAAI,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;IAE9E,OAAO,WAAW,CAAC,GAAG,EAAE,CAAC,CACxB,oBAAC,eAAe,CAAC,QAAQ,IAAC,KAAK,EAAE,IAAI;QACpC,oBAAC,QAAQ,IACR,WAAW,EAAE;gBACZ,eAAe,EAAE;oBAChB,OAAO,EAAE,EAAE;iBACX;gBACD,SAAS,EAAE,qBAAqB;gBAChC,OAAO,EAAE,KAAK;aACd,EACD,UAAU,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,EAA2C,EAAE,EAAE,CAAC,CACzE,oBAAC,iBAAiB,IACjB,GAAG,EAAE,IAAI,CAAC,EAAE,EACZ,EAAE,EAAE,IAAI,CAAC,EAAE,EACX,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,6BAA6B,CAAC,CAAC,CAAC,EAAE,GAC1D,CACF,EACD,cAAc,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,oBAAC,2BAA2B,IAAC,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,SAAS,GAAI,EACrF,SAAS,EAAC,kBAAkB,GAC3B,CACwB,CAC3B,CAAC,CAAC;AACJ,CAAC,CAAC;AACF,eAAe,iBAAiB,CAAC"}

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

@@ -0,0 +1,12 @@
+@import "~@voplus/antd/es/style/themes/default.less";
+:global {
+	.member-list-view {
+		padding: 0 !important;
+		.list-view-header .view-title {
+			flex: 1;
+		}
+		aside {
+			border-top: 0;
+		}
+	}
+}

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

@@ -0,0 +1,7 @@
+export declare class State {
+    /** position of the new officer */
+    position: string;
+    /** can new Officer item  */
+    addAble: boolean;
+    loading: boolean;
+}

package/es/modules/corporate/company/MemberRegister/components/CompanyMemberList/state.js

@@ -0,0 +1,21 @@
+import { __decorate } from "tslib";
+import { observable } from "mobx";
+export class State {
+    constructor() {
+        /** position of the new officer */
+        this.position = "Director";
+        /** can new Officer item  */
+        this.addAble = false;
+        this.loading = false;
+    }
+}
+__decorate([
+    observable
+], State.prototype, "position", void 0);
+__decorate([
+    observable
+], State.prototype, "addAble", void 0);
+__decorate([
+    observable
+], State.prototype, "loading", void 0);
+//# sourceMappingURL=state.js.map

package/es/modules/corporate/company/MemberRegister/components/CompanyMemberList/state.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"state.js","sourceRoot":"","sources":["../../../../../../../src/modules/corporate/company/MemberRegister/components/CompanyMemberList/state.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAElC,MAAM,OAAO,KAAK;IAAlB;QACC,kCAAkC;QACf,aAAQ,GAAG,UAAU,CAAC;QACzC,4BAA4B;QACT,YAAO,GAAG,KAAK,CAAC;QAChB,YAAO,GAAG,KAAK,CAAC;IACpC,CAAC;CAAA;AAJY;IAAX,UAAU;uCAA8B;AAE7B;IAAX,UAAU;sCAAwB;AACvB;IAAX,UAAU;sCAAwB"}

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

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+import "./index.less";
+declare const CompanyMemberPropertiesView: {
+    (props: {
+        id: string;
+        allowEdit?: boolean;
+        toolbar?: boolean;
+        /** 是否显示document Tab */
+        documentTab?: boolean;
+    }): JSX.Element;
+    defaultProps: {
+        documentTab: boolean;
+    };
+};
+export default CompanyMemberPropertiesView;

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

@@ -0,0 +1,59 @@
+import "./index.less";
+import { Button, Modal, Tabs } from "@voplus/antd";
+import { useMemberStore } from "../../../../../../data/member";
+import Details from "../Details";
+import DocumentList from "@voplus/morpho-document/es/components/DocumentList";
+import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
+import MemberShareTransactions from "../MemberShareTransactions";
+import { Open } from "@voplus/morpho-document/es/controls/ToolBar/buttons";
+import React from "react";
+import ToolBar from "@voplus/morpho-document/es/controls/ToolBar/ToolBar2";
+import UnitAvatar from "@voplus/morpho-org/es/components/UnitAvatar";
+import { faTrashAlt } from "@fortawesome/pro-light-svg-icons";
+import { useAsideContentContext } from "@voplus/morpho-ui";
+import { useListDataContext } from "@voplus/morpho-ui/es/data";
+import { useObserver } from "mobx-react-lite";
+const CompanyMemberPropertiesView = (props) => {
+    const { id, allowEdit, toolbar, documentTab } = props;
+    // const member = useMember(id, { reload: true });
+    const member = { id: id, name: "股东名册" };
+    const memberStore = useMemberStore();
+    const dataState = useListDataContext();
+    const asideContext = useAsideContentContext();
+    return useObserver(() => (React.createElement("div", { className: "member-properties-view_content" },
+        React.createElement("div", { className: "member-properties-view_header" },
+            React.createElement(UnitAvatar, { id: "3a3947a6-e9a8-4d3b-bdab-ac44009ce20f", size: 70 }),
+            React.createElement("div", { className: "member-person-name" }, member.name),
+            React.createElement("div", null, "Member"),
+            toolbar !== false && (React.createElement(ToolBar, { showMenu: false },
+                React.createElement(Open, { url: `/member/${id}` }),
+                allowEdit && (React.createElement(Button, { danger: true, size: "small", shape: "circle", onClick: onDelete },
+                    React.createElement(FAIcon, { icon: faTrashAlt, color: "#f5222d" })))))),
+        React.createElement(Tabs, { defaultActiveKey: "Details" },
+            React.createElement(Tabs.TabPane, { tab: "Details", key: "Details" },
+                React.createElement(Details, { id: id, allowEdit: true })),
+            React.createElement(Tabs.TabPane, { tab: "Share Transactions", key: "Share" },
+                React.createElement(MemberShareTransactions, { id: id })),
+            documentTab && (React.createElement(Tabs.TabPane, { tab: "Documents", key: "Document" },
+                React.createElement(DocumentList, { id: id, header: false })))))));
+    /** member item */
+    function onDelete() {
+        const onOk = async () => {
+            await memberStore.delete([id]);
+            dataState.remove(id);
+            if (asideContext)
+                asideContext.closeAside();
+        };
+        Modal.confirm({
+            title: "Do you want to delete this item?",
+            onOk() {
+                return onOk();
+            },
+        });
+    }
+};
+CompanyMemberPropertiesView.defaultProps = {
+    documentTab: true,
+};
+export default CompanyMemberPropertiesView;
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,39 @@
+:global {
+	.member-properties-view_content {
+		display: flex;
+		flex-direction: column;
+		height: 100%;
+		overflow: hidden;
+		background-color: #fff;
+
+		.member-properties-view_header {
+			position: relative;
+			text-align: center;
+			padding: 20px 0 10px 0;
+			.member-person-name {
+				color: #000;
+				font-size: 16px;
+				font-weight: 500;
+				padding-top: 12px;
+			}
+			.tool-bar {
+				position: absolute;
+				top: 20px;
+				right: 20px;
+			}
+		}
+		.ant-tabs {
+			height: 100%;
+			.ant-tabs-nav {
+				margin: 0 20px;
+			}
+			.company-information {
+				padding: 15px 20px;
+				h3 {
+					margin-bottom: 15px;
+					color: #000;
+				}
+			}
+		}
+	}
+}

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

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