@voplus/morpho-csp 11.2.5 → 11.2.7

package/es/modules/self-registration/clda-form/components/ContactFields/index.js

@@ -0,0 +1,80 @@
+import React from "react";
+import { Form, Input } from "antd";
+import classnames from "classnames";
+import UTCShortDate from "@voplus/morpho-ui/es/controls/UTCShortDate";
+import IdentityChange from "../../../../corporate/company/identity/components/IdentityChange";
+import Address from "@voplus/morpho-ui/es/controls/Address";
+/** 只读态的缺失值占位。 */
+export const Dash = () => React.createElement("span", { className: "v dim" }, "\u2014");
+/** 编辑态字段的统一外壳：标签在控件上方。 */
+const Field = ({ label, children }) => (React.createElement("div", { className: "field" },
+    React.createElement("label", null, label),
+    children));
+/** 单个文本字段（编辑态），供调用方在字段网格中复用。 */
+export const ContactTextField = ({ label, value, placeholder, onChange, }) => (React.createElement(Field, { label: label },
+    React.createElement(Input, { value: value, placeholder: placeholder, onChange: (e) => onChange(e.target.value) })));
+/** 只读态的「标签 + 值」对。 */
+const Pair = ({ label, value }) => (React.createElement("span", { className: "f" },
+    React.createElement("span", { className: "k" }, label),
+    value ? React.createElement("span", { className: "v" }, value) : React.createElement(Dash, null)));
+/**
+ * 联系人字段组的公共外壳：只读态为「组标题 + 值」两列，编辑态为「块标题 + 字段网格」。
+ * 视觉由 src/style/clda-form-theme.css 中的 .grp / .gk / .gv / .blk / .blk-k 提供。
+ */
+export const ContactGroup = ({ title, editing, internal, hideTitle, className, children, }) => {
+    if (editing) {
+        return (React.createElement("div", { className: classnames("blk", { internal, "blk--no-title": hideTitle }, className) },
+            !hideTitle && React.createElement("div", { className: "blk-k" }, title),
+            children));
+    }
+    return (React.createElement("div", { className: classnames("grp", { internal, "grp--no-title": hideTitle }, className) },
+        !hideTitle && React.createElement("span", { className: "gk" }, title),
+        children));
+};
+/** Basic 组：Email / Phone（可带前置字段）。 */
+export const ContactBasicFields = ({ editing, value, onChange, title = "Basic", hideTitle, className, leadingField, }) => (React.createElement(ContactGroup, { title: title, editing: editing, hideTitle: hideTitle, className: className }, editing ? (React.createElement("div", { className: classnames("fgrid", leadingField ? "c3" : "c2") },
+    leadingField,
+    React.createElement(Field, { label: "Email" },
+        React.createElement(Input, { value: value.email, placeholder: "Please enter the email", onChange: (e) => onChange({ email: e.target.value, phone: value.phone }) })),
+    React.createElement(Field, { label: "Phone" },
+        React.createElement(Input, { value: value.phone, placeholder: "Please enter the phone", onChange: (e) => onChange({ email: value.email, phone: e.target.value }) })))) : (React.createElement("span", { className: "gv gv-inline" },
+    React.createElement(Pair, { label: "Email", value: value.email }),
+    React.createElement(Pair, { label: "Phone", value: value.phone })))));
+/** Address 组：只读为多行值，编辑复用 Address 控件（纵向表单）。 */
+export const ContactAddressFields = ({ editing, value, onChange, title = "Address", hideTitle, className, }) => (React.createElement(ContactGroup, { title: title, editing: editing, hideTitle: hideTitle, className: className }, editing ? (React.createElement("div", { className: "address-editor" },
+    React.createElement("div", { className: "address-editor-fields" },
+        React.createElement(Form, { layout: "vertical" },
+            React.createElement(Address, { value: value ?? {}, required: ["line1", "city", "postalCode", "country"], onChange: onChange }))))) : (React.createElement("span", { className: "gv address-display" }, value?.line1 || value?.country ? (React.createElement(React.Fragment, null,
+    React.createElement("span", { className: "value-line" }, value?.line1),
+    value?.line2 && React.createElement("span", { className: "value-line" }, value.line2),
+    React.createElement("span", { className: "value-line" }, `${value?.city ?? ""} ${value?.state ?? ""} ${value?.country ?? ""} ${value?.postalCode ?? ""}`.trim()))) : (React.createElement(Dash, null))))));
+/** Identity 组：只读为四项内联，编辑复用 IdentityChange（两列字段块）。 */
+export const ContactIdentityFields = ({ editing, value, onChange, title = "Identity", hideTitle, className, }) => (React.createElement(ContactGroup, { title: title, editing: editing, hideTitle: hideTitle, className: className }, editing ? (React.createElement("div", { className: "identity-fields" },
+    React.createElement(IdentityChange, { value: value, onChange: onChange }))) : (React.createElement("span", { className: "gv gv-inline" },
+    React.createElement(Pair, { label: "ID Type", value: value?.type }),
+    React.createElement(Pair, { label: "Country", value: value?.country }),
+    React.createElement(Pair, { label: "No.", value: value?.number }),
+    React.createElement(Pair, { label: "Expiry", value: value?.expiryDate ? React.createElement(UTCShortDate, { value: value.expiryDate }) : undefined })))));
+/**
+ * Internal Use Only 组：四个内部字段常显（空值渲染 —），编辑态为 2×2 网格。
+ * 只在 `visible` 为 true 时渲染，是否开启由调用方按业务规则决定。
+ */
+export const ContactInternalUseFields = ({ visible = true, editing, value, onChange, title = "Internal Use Only", hideTitle, className, }) => {
+    if (!visible)
+        return null;
+    const patch = (key, next) => ({ ...value, [key]: next });
+    return (React.createElement(ContactGroup, { title: title, editing: editing, internal: true, hideTitle: hideTitle, className: className }, editing ? (React.createElement("div", { className: "fgrid c2" },
+        React.createElement(Field, { label: "Representative" },
+            React.createElement(Input, { value: value.representative, onChange: (e) => onChange(patch("representative", e.target.value)) })),
+        React.createElement(Field, { label: "Representative Passport" },
+            React.createElement(Input, { value: value.representativePassport, onChange: (e) => onChange(patch("representativePassport", e.target.value)) })),
+        React.createElement(Field, { label: "Foreign Director 1" },
+            React.createElement(Input, { value: value.foreignDirector1, onChange: (e) => onChange(patch("foreignDirector1", e.target.value)) })),
+        React.createElement(Field, { label: "Foreign Director 2" },
+            React.createElement(Input, { value: value.foreignDirector2, onChange: (e) => onChange(patch("foreignDirector2", e.target.value)) })))) : (React.createElement("span", { className: "gv gv-grid2" },
+        React.createElement(Pair, { label: "Representative", value: value.representative }),
+        React.createElement(Pair, { label: "Rep. Passport", value: value.representativePassport }),
+        React.createElement(Pair, { label: "Foreign Director 1", value: value.foreignDirector1 }),
+        React.createElement(Pair, { label: "Foreign Director 2", value: value.foreignDirector2 })))));
+};
+//# sourceMappingURL=index.js.map

package/es/modules/self-registration/clda-form/components/ContactFields/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/modules/self-registration/clda-form/components/ContactFields/index.tsx"],"names":[],"mappings":"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"}

package/es/modules/self-registration/clda-form/components/DataProtectionOfficer/NewDPODialog/index.js

@@ -14,20 +14,17 @@ const NewDPODialog = (props) => {
     const store = useCLDAFormStore();
     const incorporation = useCLDAForm(id);
     // spec:2082 — CSP: DPO dialog supports clearing the DPO selection
-    return observe(() => {
-        var _a, _b;
-        return (React.createElement(Modal, { width: 500, open: true, title: "Select Data Protection Officer", okText: "Add", onOk: onAdd, confirmLoading: loading, onCancel: onCancel },
-            React.createElement(Form, { labelCol: { span: 4 }, labelAlign: "left" },
-                React.createElement(Form.Item, { label: "Contact" },
-                    React.createElement(Select, { allowClear: true, placeholder: "Select or create a contact", showSearch: { optionFilterProp: "label" }, value: contactId, onChange: onChange, className: "director-select-contact", classNames: { popup: { root: "director-select-contact-dropdown" } }, options: [
-                            { value: "new", label: "New Contact" },
-                            ...((_b = (_a = incorporation.content) === null || _a === void 0 ? void 0 : _a.contacts) !== null && _b !== void 0 ? _b : []).map((item) => ({
-                                value: item.id,
-                                label: item.name,
-                            })),
-                        ] }))),
-            showDialog && React.createElement(NewLegalContactDialog, { visible: true, type: "Person", updateVisible: onSave })));
-    });
+    return observe(() => (React.createElement(Modal, { width: 500, open: true, title: "Select Data Protection Officer", okText: "Add", onOk: onAdd, confirmLoading: loading, onCancel: onCancel },
+        React.createElement(Form, { labelCol: { span: 4 }, labelAlign: "left" },
+            React.createElement(Form.Item, { label: "Contact" },
+                React.createElement(Select, { allowClear: true, placeholder: "Select or create a contact", showSearch: { optionFilterProp: "label" }, value: contactId, onChange: onChange, className: "director-select-contact", classNames: { popup: { root: "director-select-contact-dropdown" } }, options: [
+                        { value: "new", label: "New Contact" },
+                        ...(incorporation.content?.contacts ?? []).map((item) => ({
+                            value: item.id,
+                            label: item.name,
+                        })),
+                    ] }))),
+        showDialog && React.createElement(NewLegalContactDialog, { visible: true, type: "Person", updateVisible: onSave }))));
     async function onChange(value) {
         if (!value) {
             await store
@@ -43,7 +40,6 @@ const NewDPODialog = (props) => {
         }
     }
     async function onAdd() {
-        var _a;
         if (!contactId) {
             message.warning("Please select contacts!");
             return;
@@ -51,14 +47,13 @@ const NewDPODialog = (props) => {
         setLoading(true);
         await store.edit(props.id, { data: { DPO: contactId }, error: "message" });
         setLoading(false);
-        (_a = props.onCancel) === null || _a === void 0 ? void 0 : _a.call(props);
+        props.onCancel?.();
     }
     /** 新增director Item */
     async function onSave(info) {
-        var _a;
         /** SelectLegalContactDialog 选择/新增有identity信息的unit */
         if (info) {
-            const data = cloneDeep((_a = incorporation.content) === null || _a === void 0 ? void 0 : _a.contacts);
+            const data = cloneDeep(incorporation.content?.contacts);
             const officer = {
                 id: uuid(),
                 name: info.FullName,

package/es/modules/self-registration/clda-form/components/DataProtectionOfficer/NewDPODialog/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/modules/self-registration/clda-form/components/DataProtectionOfficer/NewDPODialog/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/modules/self-registration/clda-form/components/DataProtectionOfficer/NewDPODialog/index.tsx"],"names":[],"mappings":"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"}

package/es/modules/self-registration/clda-form/components/DataProtectionOfficer/index.js

@@ -14,32 +14,38 @@ const DataProtectionOfficer = (props) => {
     const incorporation = useCLDAForm(props.id);
     const [visible, setVisible] = useState(false);
     // spec:2081 — CSP: Data Protection Officer section with PDPA tooltip
-    return observe(() => {
-        var _a, _b;
-        return (React.createElement(Section, { title: React.createElement("div", { className: "clda-interpretation-card-title" },
-                React.createElement("div", null,
-                    React.createElement(FontAwesomeIcon, { className: "margin-right-10", icon: faUserGearSolid }),
-                    "Data Protection Officer"),
-                React.createElement(Tips, { content: React.createElement(React.Fragment, null,
-                        "It is mandatory for your Singapore-based company to appoint at least one ",
-                        React.createElement("br", null),
-                        "Data Protection Officer (DPO). Appoint at least one DPO to comply with the ",
-                        React.createElement("br", null),
-                        "PDPA. The DPO ensures data protection compliance and acts as the primary ",
-                        React.createElement("br", null),
-                        "contact for related queries. Non-compliance may lead to penalties.") })) },
-            React.createElement("div", { className: "internal-use-section secretary-list" },
-                React.createElement("div", { className: "sub-title" }, "DPO"),
-                React.createElement(Divider, { style: { margin: "10px 0" } }),
-                React.createElement(FolderEdit, { showEditIcon: (_a = context.editable) !== null && _a !== void 0 ? _a : true, onEditIconClick: () => setVisible(true) },
-                    ((_b = incorporation.content) === null || _b === void 0 ? void 0 : _b.dpo) ? (React.createElement("div", { className: classnames("unit-reference-node", { symbol: true }) }, `@ ${findSelectedDPO(incorporation.content.dpo).name}`)) : (React.createElement("div", { style: { minHeight: "26px" }, onClick: () => setVisible(true) },
-                        React.createElement("span", { className: "add-info-style" }, "Select Contact"))),
-                    visible && (React.createElement(NewDPODialog, { id: props.id, defaultValues: incorporation.content.dpo, onCancel: () => setVisible(false) }))))));
-    });
+    return observe(() => (React.createElement(Section, { title: React.createElement("div", { className: "clda-interpretation-card-title" },
+            React.createElement("div", null,
+                React.createElement(FontAwesomeIcon, { icon: faUserGearSolid }),
+                "Data Protection Officer ",
+                React.createElement("span", { className: "required-fields" }, "*")),
+            React.createElement(Tips, { content: React.createElement(React.Fragment, null,
+                    "It is mandatory for your Singapore-based company to appoint at least one ",
+                    React.createElement("br", null),
+                    "Data Protection Officer (DPO). Appoint at least one DPO to comply with the ",
+                    React.createElement("br", null),
+                    "PDPA. The DPO ensures data protection compliance and acts as the primary ",
+                    React.createElement("br", null),
+                    "contact for related queries. Non-compliance may lead to penalties.") })) },
+        React.createElement("div", { className: "internal-use-section secretary-list" },
+            React.createElement("div", { className: "sub-title" }, "DPO"),
+            React.createElement(Divider, { style: { margin: "10px 0" } }),
+            React.createElement(FolderEdit, { showEditIcon: context.editable ?? true, onEditIconClick: () => setVisible(true) },
+                incorporation.content?.dpo ? (React.createElement("div", { className: classnames("unit-reference-node", { symbol: true }) }, dpoLabel(incorporation.content.dpo))) : (React.createElement("div", { style: { minHeight: "26px" }, onClick: () => setVisible(true) },
+                    React.createElement("span", { className: "add-info-style" }, "Select Contact"))),
+                visible && (React.createElement(NewDPODialog, { id: props.id, defaultValues: incorporation.content.dpo, onCancel: () => setVisible(false) })))))));
+    /**
+     * DPO 展示文案：联系人被删除或尚未加载时回退为提示，避免 undefined.name 抛错导致整块渲染失败。
+     * @param id DPO 联系人 id
+     * @returns 形如 “@ Name” 的展示文本
+     */
+    function dpoLabel(id) {
+        const name = findSelectedDPO(id)?.name;
+        return `@ ${name ?? "DPO not found"}`;
+    }
     function findSelectedDPO(id) {
-        var _a, _b;
-        let selectedDPO = [];
-        (_b = (_a = incorporation.content) === null || _a === void 0 ? void 0 : _a.contacts) === null || _b === void 0 ? void 0 : _b.map((c) => {
+        const selectedDPO = [];
+        incorporation.content?.contacts?.map((c) => {
             if (c.id === id) {
                 selectedDPO.push(c);
             }

package/es/modules/self-registration/clda-form/components/DataProtectionOfficer/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/modules/self-registration/clda-form/components/DataProtectionOfficer/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/modules/self-registration/clda-form/components/DataProtectionOfficer/index.tsx"],"names":[],"mappings":"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"}

package/es/modules/self-registration/clda-form/components/InternalUse/index.js

@@ -4,7 +4,6 @@ import React, { useState } from "react";
 import { useCLDAForm, useCLDAFormStore } from "../../../../../data/clda-form";
 import SecretaryList from "../SecretaryList";
 import ChiefExecutiveOfficerList from "../ChiefExecutiveOfficerList";
-import Card from "../../../components/Card";
 import Section from "../../../controls/Section";
 import { State } from "./state";
 import { observe } from "@voplus/morpho-ui";
@@ -17,21 +16,17 @@ const InternalUse = (props) => {
     const incorporation = useCLDAForm(props.id);
     state.update(incorporation);
     // spec:2078 — CSP: Internal Use 区块：秘书、首席执行官、代名董事
-    return observe(() => {
-        var _a;
-        return (React.createElement("div", { className: "officer-list" },
-            React.createElement(Section, { title: React.createElement(React.Fragment, null,
-                    React.createElement(FontAwesomeIcon, { className: "margin-right-10", icon: faClipboardUserRegular }),
-                    "Internal Use") },
-                React.createElement(Spin, { spinning: state.incorporationForm === null || !state.incorporationForm.loaded },
-                    React.createElement(Card, { isAdd: false, layout: props.isShowDetails ? "vertical" : "horizontal" },
-                        React.createElement(SecretaryList, { id: props.id }),
-                        React.createElement(ChiefExecutiveOfficerList, { id: props.id }),
-                        React.createElement("div", { className: "internal-use-section" },
-                            React.createElement("div", { className: "sub-title" }, "Other"),
-                            React.createElement(Divider, { style: { margin: "10px 0" } }),
-                            React.createElement(Checkbox, { checked: (_a = state.incorporationForm.content) === null || _a === void 0 ? void 0 : _a.useNomineeDirector, onChange: onChange }, "Use Nominee Director")))))));
-    });
+    return observe(() => (React.createElement("div", { className: "officer-list" },
+        React.createElement(Section, { title: React.createElement(React.Fragment, null,
+                React.createElement(FontAwesomeIcon, { icon: faClipboardUserRegular }),
+                "Internal Use") },
+            React.createElement(Spin, { spinning: state.incorporationForm === null || !state.incorporationForm.loaded },
+                React.createElement(SecretaryList, { id: props.id }),
+                React.createElement(ChiefExecutiveOfficerList, { id: props.id }),
+                React.createElement("div", { className: "internal-use-section" },
+                    React.createElement("div", { className: "sub-title" }, "Other"),
+                    React.createElement(Divider, { style: { margin: "10px 0" } }),
+                    React.createElement(Checkbox, { checked: state.incorporationForm.content?.useNomineeDirector, onChange: onChange }, "Use Nominee Director")))))));
     function onChange(e) {
         store.edit(id, {
             data: {

package/es/modules/self-registration/clda-form/components/InternalUse/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/modules/self-registration/clda-form/components/InternalUse/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AACvF,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,MAAM,CAAC;AAC/C,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,gBAAgB,EAAmB,MAAM,+BAA+B,CAAC;AAC/F,OAAO,aAAa,MAAM,kBAAkB,CAAC;AAC7C,OAAO,yBAAyB,MAAM,8BAA8B,CAAC;AACrE,OAAO,IAAI,MAAM,0BAA0B,CAAC;AAC5C,OAAO,OAAO,MAAM,2BAA2B,CAAC;AAChD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,2BAA2B,EAAE,MAAM,6BAA6B,CAAC;AAE1E,MAAM,WAAW,GAAG,CAAC,KAA2C,EAAE,EAAE;IACnE,MAAM,EAAE,EAAE,EAAE,aAAa,EAAE,GAAG,KAAK,CAAC;IACpC,MAAM,CAAC,KAAK,CAAC,GAAG,QAAQ,CAAC,IAAI,KAAK,EAAE,CAAC,CAAC;IACtC,MAAM,KAAK,GAAG,gBAAgB,EAAE,CAAC;IACjC,MAAM,OAAO,GAAG,2BAA2B,EAAE,CAAC;IAC9C,MAAM,aAAa,GAAG,WAAW,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;IAC5C,KAAK,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC;IAE5B,iDAAiD;IACjD,OAAO,OAAO,CAAC,GAAG,EAAE;;QAAC,OAAA,CACpB,6BAAK,SAAS,EAAC,cAAc;YAC5B,oBAAC,OAAO,IACP,KAAK,EACJ;oBACC,oBAAC,eAAe,IAAC,SAAS,EAAC,iBAAiB,EAAC,IAAI,EAAE,sBAAsB,GAAI;mCAE3E;gBAGJ,oBAAC,IAAI,IAAC,QAAQ,EAAE,KAAK,CAAC,iBAAiB,KAAK,IAAI,IAAI,CAAC,KAAK,CAAC,iBAAiB,CAAC,MAAM;oBAClF,oBAAC,IAAI,IAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,YAAY;wBAE1E,oBAAC,aAAa,IAAC,EAAE,EAAE,KAAK,CAAC,EAAE,GAAI;wBAC/B,oBAAC,yBAAyB,IAAC,EAAE,EAAE,KAAK,CAAC,EAAE,GAAI;wBAC3C,6BAAK,SAAS,EAAC,sBAAsB;4BACpC,6BAAK,SAAS,EAAC,WAAW,YAAY;4BACtC,oBAAC,OAAO,IAAC,KAAK,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAI;4BACxC,oBAAC,QAAQ,IACR,OAAO,EAAE,MAAC,KAAK,CAAC,iBAAiB,CAAC,OAA2B,0CAAE,kBAAkB,EACjF,QAAQ,EAAE,QAAQ,2BAGR,CACN,CACA,CACD,CACE,CACL,CACN,CAAA;KAAA,CAAC,CAAC;IAEH,SAAS,QAAQ,CAAC,CAAM;QACvB,KAAK,CAAC,IAAI,CAAC,EAAE,EAAE;YACd,IAAI,EAAE;gBACL,kBAAkB,EAAE,CAAC,CAAC,MAAM,CAAC,OAAO;aACpC;YACD,KAAK,EAAE,SAAS;SAChB,CAAC,CAAC;IACJ,CAAC;AACF,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/modules/self-registration/clda-form/components/InternalUse/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AACvF,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,MAAM,CAAC;AAC/C,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,gBAAgB,EAAmB,MAAM,+BAA+B,CAAC;AAC/F,OAAO,aAAa,MAAM,kBAAkB,CAAC;AAC7C,OAAO,yBAAyB,MAAM,8BAA8B,CAAC;AACrE,OAAO,OAAO,MAAM,2BAA2B,CAAC;AAChD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,2BAA2B,EAAE,MAAM,6BAA6B,CAAC;AAE1E,MAAM,WAAW,GAAG,CAAC,KAA2C,EAAE,EAAE;IACnE,MAAM,EAAE,EAAE,EAAE,aAAa,EAAE,GAAG,KAAK,CAAC;IACpC,MAAM,CAAC,KAAK,CAAC,GAAG,QAAQ,CAAC,IAAI,KAAK,EAAE,CAAC,CAAC;IACtC,MAAM,KAAK,GAAG,gBAAgB,EAAE,CAAC;IACjC,MAAM,OAAO,GAAG,2BAA2B,EAAE,CAAC;IAC9C,MAAM,aAAa,GAAG,WAAW,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;IAC5C,KAAK,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC;IAE5B,iDAAiD;IACjD,OAAO,OAAO,CAAC,GAAG,EAAE,CAAC,CACpB,6BAAK,SAAS,EAAC,cAAc;QAC5B,oBAAC,OAAO,IACP,KAAK,EACJ;gBACC,oBAAC,eAAe,IAAC,IAAI,EAAE,sBAAsB,GAAI;+BAE/C;YAGJ,oBAAC,IAAI,IAAC,QAAQ,EAAE,KAAK,CAAC,iBAAiB,KAAK,IAAI,IAAI,CAAC,KAAK,CAAC,iBAAiB,CAAC,MAAM;gBAElF,oBAAC,aAAa,IAAC,EAAE,EAAE,KAAK,CAAC,EAAE,GAAI;gBAC/B,oBAAC,yBAAyB,IAAC,EAAE,EAAE,KAAK,CAAC,EAAE,GAAI;gBAC3C,6BAAK,SAAS,EAAC,sBAAsB;oBACpC,6BAAK,SAAS,EAAC,WAAW,YAAY;oBACtC,oBAAC,OAAO,IAAC,KAAK,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAI;oBACxC,oBAAC,QAAQ,IACR,OAAO,EAAG,KAAK,CAAC,iBAAiB,CAAC,OAA2B,EAAE,kBAAkB,EACjF,QAAQ,EAAE,QAAQ,2BAGR,CACN,CACA,CACE,CACL,CACN,CAAC,CAAC;IAEH,SAAS,QAAQ,CAAC,CAAM;QACvB,KAAK,CAAC,IAAI,CAAC,EAAE,EAAE;YACd,IAAI,EAAE;gBACL,kBAAkB,EAAE,CAAC,CAAC,MAAM,CAAC,OAAO;aACpC;YACD,KAAK,EAAE,SAAS;SAChB,CAAC,CAAC;IACJ,CAAC;AACF,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/es/modules/self-registration/clda-form/components/InternalUse/state.js

@@ -1,41 +1,33 @@
-import { __classPrivateFieldGet, __classPrivateFieldSet, __esDecorate, __runInitializers } from "tslib";
+import { __esDecorate, __runInitializers } from "tslib";
 import { action, observable, makeObservable } from "mobx";
 let State = (() => {
-    var _a, _State_incorporationForm_accessor_storage;
     let _instanceExtraInitializers = [];
     let _incorporationForm_decorators;
     let _incorporationForm_initializers = [];
     let _incorporationForm_extraInitializers = [];
     let _update_decorators;
-    return _a = class State {
-            /**  */
-            get incorporationForm() { return __classPrivateFieldGet(this, _State_incorporationForm_accessor_storage, "f"); }
-            set incorporationForm(value) { __classPrivateFieldSet(this, _State_incorporationForm_accessor_storage, value, "f"); }
-            constructor() {
-                _State_incorporationForm_accessor_storage.set(this, (__runInitializers(this, _instanceExtraInitializers), __runInitializers(this, _incorporationForm_initializers, void 0)));
-                /** 编辑 members 的 index */
-                Object.defineProperty(this, "index", {
-                    enumerable: true,
-                    configurable: true,
-                    writable: true,
-                    value: __runInitializers(this, _incorporationForm_extraInitializers)
-                });
-                makeObservable(this, { index: observable });
-            }
-            update(incorporationForm) {
-                this.incorporationForm = incorporationForm;
-            }
-        },
-        _State_incorporationForm_accessor_storage = new WeakMap(),
-        (() => {
+    return class State {
+        static {
             const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(null) : void 0;
             _incorporationForm_decorators = [observable];
             _update_decorators = [action];
-            __esDecorate(_a, null, _incorporationForm_decorators, { kind: "accessor", name: "incorporationForm", static: false, private: false, access: { has: obj => "incorporationForm" in obj, get: obj => obj.incorporationForm, set: (obj, value) => { obj.incorporationForm = value; } }, metadata: _metadata }, _incorporationForm_initializers, _incorporationForm_extraInitializers);
-            __esDecorate(_a, null, _update_decorators, { kind: "method", name: "update", static: false, private: false, access: { has: obj => "update" in obj, get: obj => obj.update }, metadata: _metadata }, null, _instanceExtraInitializers);
-            if (_metadata) Object.defineProperty(_a, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
-        })(),
-        _a;
+            __esDecorate(this, null, _incorporationForm_decorators, { kind: "accessor", name: "incorporationForm", static: false, private: false, access: { has: obj => "incorporationForm" in obj, get: obj => obj.incorporationForm, set: (obj, value) => { obj.incorporationForm = value; } }, metadata: _metadata }, _incorporationForm_initializers, _incorporationForm_extraInitializers);
+            __esDecorate(this, null, _update_decorators, { kind: "method", name: "update", static: false, private: false, access: { has: obj => "update" in obj, get: obj => obj.update }, metadata: _metadata }, null, _instanceExtraInitializers);
+            if (_metadata) Object.defineProperty(this, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+        }
+        #incorporationForm_accessor_storage = (__runInitializers(this, _instanceExtraInitializers), __runInitializers(this, _incorporationForm_initializers, void 0));
+        /**  */
+        get incorporationForm() { return this.#incorporationForm_accessor_storage; }
+        set incorporationForm(value) { this.#incorporationForm_accessor_storage = value; }
+        /** 编辑 members 的 index */
+        index = __runInitializers(this, _incorporationForm_extraInitializers);
+        constructor() {
+            makeObservable(this, { index: observable });
+        }
+        update(incorporationForm) {
+            this.incorporationForm = incorporationForm;
+        }
+    };
 })();
 export { State };
 //# sourceMappingURL=state.js.map

package/es/modules/self-registration/clda-form/components/InternalUse/state.js.map

@@ -1 +1 @@
-{"version":3,"file":"state.js","sourceRoot":"","sources":["../../../../../../src/modules/self-registration/clda-form/components/InternalUse/state.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,MAAM,CAAC;IAE7C,KAAK;;;;;;;sBAAL,KAAK;YACjB,OAAO;YACK,IAAgB,iBAAiB,2FAAa;YAA9C,IAAgB,iBAAiB,gGAAa;YAI1D;gBAJ4B,qDAFhB,mDAAK,qEAEyC;gBAC1D,yBAAyB;gBAClB;;;;;mBAAe;gBAGrB,cAAc,CAAC,IAAI,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE,CAAC,CAAC;YAC7C,CAAC;YAEc,MAAM,CAAC,iBAA4B;gBACjD,IAAI,CAAC,iBAAiB,GAAG,iBAAiB,CAAC;YAC5C,CAAC;;;;;6CAVA,UAAU;kCAQV,MAAM;YARK,sMAAgB,iBAAiB,6BAAjB,iBAAiB,6GAAa;YAQlD,mKAAO,MAAM,6DAEpB;;;;;SAZW,KAAK"}
+{"version":3,"file":"state.js","sourceRoot":"","sources":["../../../../../../src/modules/self-registration/clda-form/components/InternalUse/state.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,MAAM,CAAC;IAE7C,KAAK;;;;;;iBAAL,KAAK;;;6CAEhB,UAAU;kCAQV,MAAM;YARK,wMAAgB,iBAAiB,6BAAjB,iBAAiB,6GAAa;YAQlD,qKAAO,MAAM,6DAEpB;;;QAVW,uCAFA,mDAAK,oEAEyC;QAD1D,OAAO;QACK,IAAgB,iBAAiB,uDAAa;QAA9C,IAAgB,iBAAiB,6DAAa;QAC1D,yBAAyB;QAClB,KAAK,iEAAU;QAEtB;YACC,cAAc,CAAC,IAAI,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE,CAAC,CAAC;QAC7C,CAAC;QAEc,MAAM,CAAC,iBAA4B;YACjD,IAAI,CAAC,iBAAiB,GAAG,iBAAiB,CAAC;QAC5C,CAAC;;;SAZW,KAAK"}

package/es/modules/self-registration/clda-form/components/MemberInfo/index.d.ts

@@ -1,19 +1,27 @@
 import React from "react";
 import { IFormPeopleOptions, IShareholderOptions } from "../../../../../data/clda-form";
-import "./index.css";
-declare const MemberInfo: (props: {
+export type MemberInfoProps = {
     /** CLDAForm id */
     formId: string;
     memberId: string;
-    /** 是否显示 Representative */
+    /** 是否显示 Internal Use Only（仅 defaultView 下的股东会传 true） */
     isOnlyInternalUse?: boolean;
     /** shareholders */
     shareholders?: IShareholderOptions;
-    contacts: IFormPeopleOptions;
+    /** 联系人记录；与 shareholders / chiefExecutiveOfficerIds 靠 id 关联，缺失时渲染降级行 */
+    contacts?: IFormPeopleOptions;
     /** members or officers of index */
     memberIndex?: number;
     /** members or officers of length */
     memberLength?: number;
     onDeleteClick?: () => void;
-}) => React.JSX.Element;
+};
+/**
+ * 首席执行官 / 秘书等人员行。
+ *
+ * 与股东、董事行共用同一套扁平布局（{@link CLDAContactList}），视觉与交互因此保持一致；
+ * 数据写入（`Contacts` / `Shareholders` 载荷）、编辑开关、删除二次确认与校验规则全部沿用原实现，
+ * 这里只做语义命名与入参透传。
+ */
+declare const MemberInfo: (props: MemberInfoProps) => React.JSX.Element;
 export default MemberInfo;

package/es/modules/self-registration/clda-form/components/MemberInfo/index.js

@@ -1,154 +1,12 @@
-import React, { useState } from "react";
-import { Alert, Button, Col, Divider, Form, Row, Input, InputNumber } from "antd";
-import { UserOutlined } from "@ant-design/icons";
-import { observe } from "@voplus/morpho-ui";
-import { useValidates, useLayout } from "@voplus/morpho-data";
-import { faAddressCardRegular, faEnvelopeRegular, faMapMarkerAltRegular, faPhoneRegular, faTrashAltRegular, faPenToSquareRegular, faMoneyBillRegular, faBadgeDollarRegular, faLockRegular, FontAwesomeIcon, } from "@voplus/morpho-ui/es/faIcons";
-import { cloneDeep } from "lodash-es";
-import { useCLDAForm, useCLDAFormStore, } from "../../../../../data/clda-form";
-import UTCShortDate from "@voplus/morpho-ui/es/controls/UTCShortDate";
-import UnitNameNoteAlert from "@voplus/morpho-org/es/components/UnitNameNoteAlert";
-import IdentityChange from "../../../../corporate/company/identity/components/IdentityChange";
-import { CapitalizeFirstLetter } from "../../../../../data/clda-form/conversion";
-import { useIncorporationFormContext } from "../../incorporation/context";
-import Address from "@voplus/morpho-ui/es/controls/Address";
-import classnames from "classnames";
-import "./index.css";
-const MemberInfo = (props) => {
-    var _a;
-    const { formId, memberId, shareholders, contacts, isOnlyInternalUse } = props;
-    const [editable, setEditable] = useState(false);
-    const [newShares, setNewShares] = useState(shareholders === null || shareholders === void 0 ? void 0 : shareholders.shares);
-    const [capital, setCapital] = useState(shareholders === null || shareholders === void 0 ? void 0 : shareholders.capital);
-    const layout = useLayout();
-    const store = useCLDAFormStore();
-    const context = useIncorporationFormContext();
-    const incorporation = useCLDAForm(props.formId);
-    const validates = useValidates((c) => checkError(c), [(_a = incorporation.content) === null || _a === void 0 ? void 0 : _a.contacts]);
-    return observe(() => {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
-        return (React.createElement("div", { className: "clda-form-member-info" },
-            React.createElement("div", { className: classnames({ "member-info-mobile": layout.ui.mobile }) },
-                React.createElement("div", { className: "member-title" },
-                    React.createElement("div", { className: "member-title-info" }, editable ? (React.createElement(Input, { prefix: React.createElement(UserOutlined, null), defaultValue: contacts === null || contacts === void 0 ? void 0 : contacts.name, value: contacts === null || contacts === void 0 ? void 0 : contacts.name, onChange: (e) => (contacts.name = e.target.value) })) : (React.createElement("span", { className: "member-name" }, contacts && React.createElement(UnitNameNoteAlert, { id: contacts.id, name: (_a = contacts.name) !== null && _a !== void 0 ? _a : "" })))),
-                    (context ? context.editable : true) && (React.createElement("div", { className: "action-button" },
-                        React.createElement("span", { className: "edit-icon", onClick: () => setEditable(!editable) },
-                            React.createElement(FontAwesomeIcon, { icon: faPenToSquareRegular })),
-                        React.createElement("span", { className: "delete-icon", onClick: props.onDeleteClick },
-                            React.createElement(FontAwesomeIcon, { icon: faTrashAltRegular }))))),
-                shareholders && (React.createElement("div", { className: "basic-info" },
-                    React.createElement("div", { className: "shares-input" },
-                        React.createElement(InputNumber, { prefix: React.createElement(FontAwesomeIcon, { icon: faMoneyBillRegular }), disabled: !editable, bordered: editable, value: newShares, placeholder: "Please enter the shares", onChange: (value) => setNewShares(value) })),
-                    React.createElement("div", { className: "shares-input" },
-                        React.createElement(InputNumber, { prefix: React.createElement(FontAwesomeIcon, { icon: faBadgeDollarRegular }), disabled: !editable, bordered: editable, value: capital, placeholder: "Please enter the capital", onChange: (value) => setCapital(value) })))),
-                React.createElement("div", { className: "basic-info" },
-                    React.createElement(Input, { disabled: !editable, bordered: editable, value: contacts === null || contacts === void 0 ? void 0 : contacts.email, placeholder: "Please enter the email", prefix: React.createElement(FontAwesomeIcon, { icon: faEnvelopeRegular }), onChange: (e) => (contacts.email = e.target.value) }),
-                    React.createElement(Input, { disabled: !editable, bordered: editable, value: contacts === null || contacts === void 0 ? void 0 : contacts.phone, placeholder: "Please enter the phone", prefix: React.createElement(FontAwesomeIcon, { icon: faPhoneRegular }), onChange: (e) => (contacts.phone = e.target.value) })),
-                React.createElement("div", { className: "member-info-content" },
-                    React.createElement("div", { className: "member-info-item" },
-                        React.createElement("div", { className: "member-item-name" },
-                            React.createElement(FontAwesomeIcon, { icon: faMapMarkerAltRegular }),
-                            "Address:"),
-                        editable ? (React.createElement(Form, { layout: "horizontal" },
-                            React.createElement(Address, { value: contacts.address, required: ["line1", "city", "postalCode", "country"], onChange: (v) => (contacts.address = v) }))) : (React.createElement(React.Fragment, null,
-                            React.createElement(Row, null,
-                                React.createElement(Col, null, (_b = contacts === null || contacts === void 0 ? void 0 : contacts.address) === null || _b === void 0 ? void 0 : _b.line1)),
-                            React.createElement(Row, null,
-                                React.createElement(Col, null, (_c = contacts === null || contacts === void 0 ? void 0 : contacts.address) === null || _c === void 0 ? void 0 : _c.line2)),
-                            React.createElement(Row, null,
-                                React.createElement(Col, null, `${((_d = contacts === null || contacts === void 0 ? void 0 : contacts.address) === null || _d === void 0 ? void 0 : _d.city) ? (_e = contacts.address) === null || _e === void 0 ? void 0 : _e.city : ""} ${(_f = contacts === null || contacts === void 0 ? void 0 : contacts.address) === null || _f === void 0 ? void 0 : _f.state} ${(_g = contacts === null || contacts === void 0 ? void 0 : contacts.address) === null || _g === void 0 ? void 0 : _g.country} ${(_h = contacts === null || contacts === void 0 ? void 0 : contacts.address) === null || _h === void 0 ? void 0 : _h.postalCode}`.trim()))))),
-                    React.createElement("div", { className: "member-info-item" },
-                        React.createElement("div", { className: "member-item-name" },
-                            React.createElement(FontAwesomeIcon, { icon: faAddressCardRegular }),
-                            "Identify Info:"),
-                        editable ? (React.createElement(IdentityChange, { value: contacts === null || contacts === void 0 ? void 0 : contacts.identity, onChange: (v) => (contacts.identity = v) })) : (React.createElement(React.Fragment, null,
-                            React.createElement(Row, null,
-                                React.createElement(Col, null, (_j = contacts === null || contacts === void 0 ? void 0 : contacts.identity) === null || _j === void 0 ? void 0 : _j.country)),
-                            React.createElement(Row, null,
-                                React.createElement(Col, null, (_k = contacts === null || contacts === void 0 ? void 0 : contacts.identity) === null || _k === void 0 ? void 0 : _k.type)),
-                            React.createElement(Row, null,
-                                React.createElement(Col, null, (_l = contacts === null || contacts === void 0 ? void 0 : contacts.identity) === null || _l === void 0 ? void 0 : _l.number)),
-                            React.createElement(Row, null,
-                                React.createElement(Col, null,
-                                    "Expiry: ",
-                                    React.createElement(UTCShortDate, { value: (_m = contacts === null || contacts === void 0 ? void 0 : contacts.identity) === null || _m === void 0 ? void 0 : _m.expiryDate })))))),
-                    isOnlyInternalUse && (React.createElement("div", { className: "member-info-item" },
-                        React.createElement("div", { className: "member-item-name" },
-                            React.createElement(FontAwesomeIcon, { icon: faLockRegular }),
-                            "Internal Use Only:"),
-                        editable ? (React.createElement(Form, { labelAlign: "left", layout: "horizontal" },
-                            React.createElement(Form.Item, { label: "Representative", name: "representative" },
-                                React.createElement(Input, { defaultValue: contacts.representative, value: contacts.representative, onChange: (e) => (contacts.representative = e.target.value) })),
-                            React.createElement(Form.Item, { label: "Representative Passport", name: "representativePassport" },
-                                React.createElement(Input, { defaultValue: contacts.representativePassport, value: contacts.representativePassport, onChange: (e) => (contacts.representativePassport = e.target.value) })),
-                            React.createElement(Form.Item, { label: "Foreign Director 1", name: "foreignDirector1" },
-                                React.createElement(Input, { defaultValue: contacts.foreignDirector1, value: contacts.foreignDirector1, onChange: (e) => (contacts.foreignDirector1 = e.target.value) })),
-                            React.createElement(Form.Item, { label: "Foreign Director 2", name: "foreignDirector2" },
-                                React.createElement(Input, { defaultValue: contacts.foreignDirector2, value: contacts.foreignDirector2, onChange: (e) => (contacts.foreignDirector2 = e.target.value) })))) : (React.createElement(React.Fragment, null,
-                            (contacts === null || contacts === void 0 ? void 0 : contacts.representative) && (React.createElement(Row, null,
-                                React.createElement(Col, null,
-                                    "Representative: ", contacts === null || contacts === void 0 ? void 0 :
-                                    contacts.representative))),
-                            (contacts === null || contacts === void 0 ? void 0 : contacts.representativePassport) && (React.createElement(Row, null,
-                                React.createElement(Col, null,
-                                    "Representative Passport: ", contacts === null || contacts === void 0 ? void 0 :
-                                    contacts.representativePassport))),
-                            (contacts === null || contacts === void 0 ? void 0 : contacts.foreignDirector1) && (React.createElement(Row, null,
-                                React.createElement(Col, null,
-                                    "Foreign Director 1: ", contacts === null || contacts === void 0 ? void 0 :
-                                    contacts.foreignDirector1))),
-                            (contacts === null || contacts === void 0 ? void 0 : contacts.foreignDirector2) && (React.createElement(Row, null,
-                                React.createElement(Col, null,
-                                    "Foreign Director 2: ", contacts === null || contacts === void 0 ? void 0 :
-                                    contacts.foreignDirector2)))))))),
-                editable && (React.createElement(Row, { justify: "end", style: { paddingRight: "3em" } },
-                    React.createElement(Button, { onClick: () => setEditable(false) }, "Cancel"),
-                    React.createElement(Button, { type: "primary", style: { marginLeft: "1rem" }, onClick: onSave }, "Save"))),
-                validates.hasError && (React.createElement(Alert, { message: React.createElement(React.Fragment, null, errorTip(validates.errors)), showIcon: true, type: "warning" }))),
-            props.memberLength > 1 && React.createElement(Divider, { className: "halvingline" })));
-    });
-    function checkError(c) {
-        c.validate(() => { var _a; return ((_a = contacts === null || contacts === void 0 ? void 0 : contacts.address) === null || _a === void 0 ? void 0 : _a.line1) && (contacts === null || contacts === void 0 ? void 0 : contacts.address.city) && contacts.address.country; }, "Please input address.");
-        // c.validate(() => unit.type !== "Organization" && unit.nationality, "Please input nationality.");
-        c.validate(() => contacts === null || contacts === void 0 ? void 0 : contacts.email, "Please input email.");
-        c.validate(() => contacts === null || contacts === void 0 ? void 0 : contacts.phone, "Please input phone.");
-        c.validate(() => { var _a, _b, _c; return ((_a = contacts === null || contacts === void 0 ? void 0 : contacts.identity) === null || _a === void 0 ? void 0 : _a.number) && ((_b = contacts === null || contacts === void 0 ? void 0 : contacts.identity) === null || _b === void 0 ? void 0 : _b.type) && ((_c = contacts.identity) === null || _c === void 0 ? void 0 : _c.country); }, "Please input identity details.");
-        // if (isShareholder) {
-        // 	c.validate(() => props.contacts.shares! > 0, "Please input number of shares.");
-        // 	c.validate(() => props.contacts.capital! > 0, "Please input subscription amount (capital).");
-        // }
-        return c;
-    }
-    async function onSave() {
-        var _a, _b, _c, _d;
-        const officers = (_b = cloneDeep((_a = incorporation.content) === null || _a === void 0 ? void 0 : _a.contacts)) !== null && _b !== void 0 ? _b : [];
-        const index = officers.findIndex((i) => i.id === memberId);
-        officers[index] = contacts;
-        if (shareholders && newShares && capital) {
-            const shareholder = (_d = cloneDeep((_c = incorporation.content) === null || _c === void 0 ? void 0 : _c.shareholders)) !== null && _d !== void 0 ? _d : [];
-            const i = shareholder === null || shareholder === void 0 ? void 0 : shareholder.findIndex((i) => i.id === memberId);
-            shareholder[i] = { id: memberId, shares: newShares, capital: capital };
-            await store.edit(formId, {
-                data: {
-                    Contacts: CapitalizeFirstLetter(officers),
-                    Shareholders: CapitalizeFirstLetter(shareholder),
-                },
-                error: "message",
-            });
-        }
-        else {
-            await store.edit(formId, {
-                data: { Contacts: CapitalizeFirstLetter(officers) },
-                error: "message",
-            });
-        }
-        setEditable(false);
-    }
-    function errorTip(errors) {
-        return (React.createElement("div", null, errors.map((item, index) => {
-            return (React.createElement("span", { key: index, style: { marginRight: "10px" } }, item));
-        })));
-    }
-};
+import React from "react";
+import CLDAContactList from "../CLDAContactList";
+/**
+ * 首席执行官 / 秘书等人员行。
+ *
+ * 与股东、董事行共用同一套扁平布局（{@link CLDAContactList}），视觉与交互因此保持一致；
+ * 数据写入（`Contacts` / `Shareholders` 载荷）、编辑开关、删除二次确认与校验规则全部沿用原实现，
+ * 这里只做语义命名与入参透传。
+ */
+const MemberInfo = (props) => React.createElement(CLDAContactList, { ...props });
 export default MemberInfo;
 //# sourceMappingURL=index.js.map