@voplus/morpho-csp 11.2.6 → 11.2.8

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

@@ -1,112 +1,104 @@
 import React, { useState } from "react";
-import { Button, Col, Divider, Form, Row, Input, InputNumber, Space } from "antd";
+import { Button, InputNumber } from "antd";
 import { observe } from "@voplus/morpho-ui";
-import { useValidates, useLayout } from "@voplus/morpho-data";
+import { useValidates } from "@voplus/morpho-data";
 import { faTrashAltRegular, faPenToSquareRegular, 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 { ContactAddressFields, ContactBasicFields, ContactIdentityFields, ContactInternalUseFields, ContactTextField, } from "../ContactFields";
 import "./index.css";
+/** 只读态缺失值的占位符。 */
+const Dash = () => React.createElement("span", { className: "v dim" }, "\u2014");
+/**
+ * 人员行（股东 / 董事 / 首席执行官）：只读态按 Basic / Address / Identity / Internal Use 四组展示，
+ * 编辑态切换为「分组块 + 块标题在字段上方 + 底部动作栏」。
+ * 布局由容器查询按实际可用宽度切换，兼容 DefaultView 宽屏与 PropertiesView 侧栏（约 320-360px）。
+ */
 const CLDAContactList = (props) => {
     const { formId, memberId, shareholders, contacts, isOnlyInternalUse } = props;
     const [editable, setEditable] = useState(false);
     const [newShares, setNewShares] = useState(shareholders?.shares);
     const [capital, setCapital] = useState(shareholders?.capital);
-    const layout = useLayout();
     const store = useCLDAFormStore();
     const context = useIncorporationFormContext();
     const incorporation = useCLDAForm(props.formId);
     const validates = useValidates((c) => checkError(c), [incorporation.content?.contacts]);
-    return observe(() => (React.createElement("div", { className: "clda-contact-list" },
-        React.createElement(Row, { gutter: [16, 16] },
-            React.createElement(Col, { span: 22 },
-                React.createElement(Row, { gutter: [16, 16], className: "detail-section wider" },
-                    React.createElement(Col, { span: layout.ui.mobile ? 24 : shareholders ? 12 : 24 },
-                        React.createElement("div", { className: "required-information" },
-                            editable ? (React.createElement(Input, { defaultValue: contacts?.name, value: contacts?.name, onChange: (e) => (contacts.name = e.target.value) })) : (React.createElement("div", { className: "contact-value" }, contacts ? (React.createElement(UnitNameNoteAlert, { id: contacts.id, name: contacts.name ?? "" })) : null)),
-                            React.createElement("div", { className: "contact-label" }, "Shareholder Name"))),
-                    shareholders && (React.createElement(React.Fragment, null,
-                        React.createElement(Col, { span: layout.ui.mobile ? 24 : 6 },
-                            React.createElement("div", { className: "required-information" },
-                                editable ? (React.createElement(InputNumber, { value: newShares, placeholder: "Please enter the shares", onChange: (value) => setNewShares(value) })) : (React.createElement("div", { className: "contact-value" }, newShares)),
-                                React.createElement("div", { className: "contact-label" }, "Share(s)"))),
-                        React.createElement(Col, { span: layout.ui.mobile ? 24 : 6 },
-                            React.createElement("div", { className: "required-information" },
-                                editable ? (React.createElement(InputNumber, { value: capital, placeholder: "Please enter the capital", onChange: (value) => setCapital(value) })) : (React.createElement("div", { className: "contact-value" }, capital)),
-                                React.createElement("div", { className: "contact-label" }, "Capital")))))),
-                React.createElement(Row, { gutter: [16, 16], className: "detail-section" },
-                    React.createElement(Col, { span: layout.ui.mobile ? 24 : 12 },
-                        React.createElement("div", { className: "phone-email-information" },
-                            React.createElement("div", { className: "phone-email-label" }, "Email:"),
-                            editable ? (React.createElement(Input, { value: contacts?.email, placeholder: "Please enter the email", onChange: (e) => (contacts.email = e.target.value) })) : (React.createElement("div", { className: "phone-email-value" }, contacts?.email)))),
-                    React.createElement(Col, { span: layout.ui.mobile ? 24 : 12 },
-                        React.createElement("div", { className: "phone-email-information" },
-                            React.createElement("div", { className: "phone-email-label" }, "Phone:"),
-                            editable ? (React.createElement(Input, { value: contacts?.phone, placeholder: "Please enter the phone", onChange: (e) => (contacts.phone = e.target.value) })) : (React.createElement("div", { className: "phone-email-value" }, contacts?.phone))))),
-                React.createElement(Row, { gutter: [16, 16], className: "detail-section" },
-                    React.createElement(Col, { span: layout.ui.mobile ? 24 : isOnlyInternalUse ? 8 : 12 },
-                        React.createElement("div", { className: "basic-information", style: !editable ? { display: "flex" } : {} },
-                            React.createElement("div", { className: "basic-label" }, "Address:"),
-                            editable ? (React.createElement(Form, { layout: "vertical" },
-                                React.createElement(Address, { value: contacts.address, required: ["line1", "city", "postalCode", "country"], onChange: (v) => (contacts.address = v) }))) : (React.createElement("div", { className: "basic-value" },
-                                React.createElement("p", null, contacts?.address?.line1),
-                                React.createElement("p", null, contacts?.address?.line2),
-                                React.createElement("p", null, `${contacts?.address?.city ? contacts.address?.city : ""} ${contacts?.address?.state} ${contacts?.address?.country} ${contacts?.address?.postalCode}`.trim()))))),
-                    React.createElement(Col, { span: layout.ui.mobile ? 24 : isOnlyInternalUse ? 8 : 12 },
-                        React.createElement("div", { className: "basic-information", style: !editable ? { display: "flex" } : {} },
-                            React.createElement("div", { className: "basic-label" }, "Identity Card:"),
-                            editable ? (React.createElement(IdentityChange, { value: contacts?.identity, onChange: (v) => (contacts.identity = v) })) : (React.createElement("div", { className: "basic-value" },
-                                React.createElement("p", null, contacts?.identity?.country),
-                                React.createElement("p", null, contacts?.identity?.type),
-                                React.createElement("p", null, contacts?.identity?.number),
-                                React.createElement("p", null,
-                                    "Expiry: ",
-                                    React.createElement(UTCShortDate, { value: contacts?.identity?.expiryDate })))))),
-                    isOnlyInternalUse && (React.createElement(Col, { span: layout.ui.mobile ? 24 : 8 },
-                        React.createElement("div", { className: "basic-information", style: !editable ? { display: "flex" } : {} },
-                            React.createElement("div", { className: "basic-label" }, "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("div", { className: "basic-value" },
-                                contacts?.representative && (React.createElement("p", null,
-                                    "Representative: ",
-                                    contacts?.representative)),
-                                contacts?.representativePassport && (React.createElement("p", null,
-                                    "Representative Passport: ",
-                                    contacts?.representativePassport)),
-                                contacts?.foreignDirector1 && (React.createElement("p", null,
-                                    "Foreign Director 1: ",
-                                    contacts?.foreignDirector1)),
-                                contacts?.foreignDirector2 && (React.createElement("p", null,
-                                    "Foreign Director 2: ",
-                                    contacts?.foreignDirector2)))))))),
-                editable && (React.createElement(Space, { className: "save-cancel-btn" },
-                    React.createElement(Button, { type: "primary", onClick: onSave }, "Save"),
-                    React.createElement(Button, { onClick: () => setEditable(false) }, "Cancel")))),
-            React.createElement(Col, { span: 2 },
-                React.createElement(Row, { justify: "end" }, (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 }))))))),
+    // spec:2100 — CSP: 联系人缺失时降级展示，避免只读空白与编辑态崩溃
+    // shareholders / officerIds 与 contacts 靠 id 关联，任一侧缺失时 contacts 会是 undefined
+    if (!contacts) {
+        return (React.createElement("div", { className: "clda-contact-list clda-contact-list--missing" },
+            React.createElement("div", { className: "row-main" },
+                React.createElement("div", { className: "name-line" },
+                    React.createElement("span", { className: "name dim" }, "Contact not loaded"),
+                    React.createElement("span", { className: "name-meta" }, memberId))),
+            isEditableContext() && (React.createElement("div", { className: "action-button actions" },
+                React.createElement("span", { className: "delete-icon", onClick: props.onDeleteClick },
+                    React.createElement(FontAwesomeIcon, { icon: faTrashAltRegular }))))));
+    }
+    /**
+     * 当前表单是否允许编辑。
+     * context 的默认值是 `null`（见 incorporation/context.ts），因此不能用 `context.editable ?? true`
+     * —— 那会在没有 Provider 的场景（如单测直接渲染）抛 TypeError。
+     */
+    function isEditableContext() {
+        return context ? context.editable : true;
+    }
+    /** 行根节点的类名：缺列用 no-nums，编辑态用 editing。 */
+    const rowClassName = ["clda-contact-list"];
+    if (!shareholders)
+        rowClassName.push("no-nums");
+    if (editable)
+        rowClassName.push("editing");
+    return observe(() => (React.createElement("div", { className: rowClassName.join(" ") },
+        React.createElement("div", { className: "row-main" },
+            React.createElement("div", { className: "name-line" },
+                React.createElement("span", { className: "name" },
+                    React.createElement(UnitNameNoteAlert, { id: contacts.id, name: contacts.name ?? "" })),
+                editable ? (React.createElement("span", { className: "name-meta" }, "editing\u2026")) : (contacts.identity?.country && (React.createElement("span", { className: "name-meta" }, contacts.identity.country)))),
+            !editable && (React.createElement(React.Fragment, null,
+                React.createElement(ContactBasicFields, { editing: false, value: { email: contacts.email, phone: contacts.phone }, onChange: () => undefined }),
+                React.createElement(ContactAddressFields, { editing: false, value: contacts.address, onChange: () => undefined }),
+                React.createElement(ContactIdentityFields, { editing: false, value: contacts.identity, onChange: () => undefined }),
+                React.createElement(ContactInternalUseFields, { visible: !!isOnlyInternalUse, editing: false, value: {
+                        representative: contacts.representative,
+                        representativePassport: contacts.representativePassport,
+                        foreignDirector1: contacts.foreignDirector1,
+                        foreignDirector2: contacts.foreignDirector2,
+                    }, onChange: () => undefined, title: "Internal Use Only:" })))),
+        shareholders && (React.createElement("div", { className: "nums" },
+            React.createElement("div", { className: "num" },
+                React.createElement("span", { className: "v" }, editable ? (React.createElement(InputNumber, { value: newShares, placeholder: "Please enter the shares", onChange: (value) => setNewShares(value) })) : newShares !== undefined && newShares !== null ? (newShares) : (React.createElement(Dash, null))),
+                React.createElement("span", { className: "k" }, "Share(s)")),
+            React.createElement("div", { className: "num" },
+                React.createElement("span", { className: "v" }, editable ? (React.createElement(InputNumber, { value: capital, placeholder: "Please enter the capital", onChange: (value) => setCapital(value) })) : capital !== undefined && capital !== null ? (capital) : (React.createElement(Dash, null))),
+                React.createElement("span", { className: "k" }, "Capital")))),
+        isEditableContext() && (React.createElement("div", { className: "action-button actions" },
+            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 })))),
+        editable && (React.createElement("div", { className: "edit-area" },
+            React.createElement(ContactBasicFields, { editing: true, value: { email: contacts.email, phone: contacts.phone }, onChange: (patch) => Object.assign(contacts, patch), leadingField: React.createElement(ContactTextField, { label: "Name", value: contacts.name, placeholder: "Please enter the name", onChange: (name) => (contacts.name = name) }) }),
+            React.createElement(ContactAddressFields, { editing: true, value: contacts.address ?? undefined, onChange: (v) => (contacts.address = v) }),
+            React.createElement(ContactIdentityFields, { editing: true, value: contacts.identity, onChange: (v) => (contacts.identity = v) }),
+            React.createElement(ContactInternalUseFields, { visible: !!isOnlyInternalUse, editing: true, value: {
+                    representative: contacts.representative,
+                    representativePassport: contacts.representativePassport,
+                    foreignDirector1: contacts.foreignDirector1,
+                    foreignDirector2: contacts.foreignDirector2,
+                }, onChange: (patch) => Object.assign(contacts, patch) }))),
+        editable && (React.createElement("div", { className: "edit-bar" },
+            React.createElement(Button, { onClick: () => setEditable(false) }, "Cancel"),
+            React.createElement(Button, { type: "primary", onClick: onSave }, "Save"))),
         validates.hasError && (React.createElement("div", { className: "non-empty-check-prompt" },
-            React.createElement("span", null, "* "),
-            validates.errors.map((error) => (React.createElement(React.Fragment, null,
+            React.createElement("span", { className: "prompt-mark" }, "*"),
+            validates.errors.map((error) => (React.createElement("span", { key: error },
                 error,
-                " "))))),
-        props.memberLength > 1 && React.createElement(Divider, { className: "halvingline" }))));
-    // spec:2076
+                " "))))))));
+    /** 校验联系方式与地址信息是否完整。 */
     function checkError(c) {
         c.validate(() => contacts?.address?.line1 && contacts?.address.city && contacts.address.country, "Please input address.");
         c.validate(() => contacts?.email, "Please input email.");
@@ -114,7 +106,10 @@ const CLDAContactList = (props) => {
         c.validate(() => contacts?.identity?.number && contacts?.identity?.type && contacts.identity?.country, "Please input identity details.");
         return c;
     }
+    /** 保存联系人；股东会连同股数与资本一起写回。 */
     async function onSave() {
+        if (!contacts)
+            return;
         const officers = cloneDeep(incorporation.content?.contacts) ?? [];
         const index = officers.findIndex((i) => i.id === memberId);
         officers[index] = contacts;

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

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

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

@@ -1,4 +1,5 @@
 import { Button, Modal, Divider } from "antd";
+import { faPlusRegular, FontAwesomeIcon } from "@voplus/morpho-ui/es/faIcons";
 import React, { useState } from "react";
 import { useCLDAForm, useCLDAFormStore } from "../../../../../data/clda-form";
 import MemberInfo from "../MemberInfo";
@@ -23,12 +24,16 @@ const ChiefExecutiveOfficerList = (props) => {
             (incorporation.content?.chiefExecutiveOfficerIds &&
                 incorporation.content.chiefExecutiveOfficerIds.length > 0), "Need at least one Chief Executive Officer"),
     }), [incorporation.content?.chiefExecutiveOfficerIds, incorporation.content?.useNomineeDirector]);
+    /** 首席执行官的联系人记录；与 chiefExecutiveOfficerIds 靠 id 关联，缺失时由行组件兜底展示。 */
+    const contactsOf = (officerId) => incorporation.content?.contacts?.filter((item) => item.id === officerId)[0];
     return observe(() => (React.createElement("div", { className: "internal-use-section" },
         React.createElement("div", { className: "sub-title" }, "Chief Executive Officer(s)"),
         React.createElement(Divider, { style: { margin: "10px 0" } }),
-        incorporation.content?.chiefExecutiveOfficerIds &&
-            incorporation.content.chiefExecutiveOfficerIds.map((m, i) => (React.createElement(MemberInfo, { formId: id, memberId: m, contacts: incorporation.content.contacts?.filter((item) => item.id === m)[0], key: i, memberIndex: i, memberLength: incorporation.content.chiefExecutiveOfficerIds?.length, onDeleteClick: () => remove(i) }))),
-        (context ? context.editable : true) && (React.createElement(Button, { style: { marginTop: "20px" }, onClick: setAdd }, "Add Chief Executive Officer(s)")),
+        React.createElement("div", { className: "clda-list" }, incorporation.content?.chiefExecutiveOfficerIds &&
+            incorporation.content.chiefExecutiveOfficerIds.map((m, i) => (React.createElement(MemberInfo, { formId: id, memberId: m, contacts: contactsOf(m), key: i, memberIndex: i, memberLength: incorporation.content.chiefExecutiveOfficerIds?.length, onDeleteClick: () => remove(i) })))),
+        (context ? context.editable : true) && (React.createElement(Button, { type: "text", className: "add-ceo-btn", onClick: setAdd },
+            React.createElement(FontAwesomeIcon, { icon: faPlusRegular }),
+            "Add Chief Executive Officer(s)")),
         checks.hasChiefExecutiveOfficer.error && (React.createElement("div", { className: "non-empty-check-prompt" },
             React.createElement("span", null, "* "),
             checks.hasChiefExecutiveOfficer.message)),

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/modules/self-registration/clda-form/components/ChiefExecutiveOfficerList/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,MAAM,CAAC;AAC9C,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AAE9E,OAAO,UAAU,MAAM,eAAe,CAAC;AACvC,OAAO,kBAAkB,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AACtC,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,2BAA2B,EAAE,MAAM,6BAA6B,CAAC;AAC1E,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAEnD;;;GAGG;AACH,MAAM,yBAAyB,GAAG,CAAC,KAAqB,EAAE,EAAE;IAC3D,MAAM,EAAE,EAAE,EAAE,GAAG,KAAK,CAAC;IACrB,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACpD,MAAM,KAAK,GAAG,gBAAgB,EAAE,CAAC;IACjC,MAAM,OAAO,GAAG,2BAA2B,EAAE,CAAC;IAC9C,MAAM,aAAa,GAAG,WAAW,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;IAE5C,wCAAwC;IACxC,MAAM,MAAM,GAAG,YAAY,CAC1B,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;QACP,wBAAwB,EAAE,CAAC,CAAC,QAAQ,CACnC,GAAG,EAAE,CACJ,CAAC,aAAa,CAAC,OAAO,EAAE,kBAAkB;YAC1C,CAAC,aAAa,CAAC,OAAO,EAAE,wBAAwB;gBAC/C,aAAa,CAAC,OAAO,CAAC,wBAAwB,CAAC,MAAM,GAAG,CAAC,CAAC,EAC5D,2CAA2C,CAC3C;KACD,CAAC,EACF,CAAC,aAAa,CAAC,OAAO,EAAE,wBAAwB,EAAE,aAAa,CAAC,OAAO,EAAE,kBAAkB,CAAC,CAC5F,CAAC;IAEF,OAAO,OAAO,CAAC,GAAG,EAAE,CAAC,CACpB,6BAAK,SAAS,EAAC,sBAAsB;QACpC,6BAAK,SAAS,EAAC,WAAW,iCAAiC;QAC3D,oBAAC,OAAO,IAAC,KAAK,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAI;QACvC,aAAa,CAAC,OAAO,EAAE,wBAAwB;YAC/C,aAAa,CAAC,OAAO,CAAC,wBAAwB,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAC5D,oBAAC,UAAU,IACV,MAAM,EAAE,EAAE,EACV,QAAQ,EAAE,CAAC,EACX,QAAQ,EAAE,aAAa,CAAC,OAAO,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,CAAE,EAC7E,GAAG,EAAE,CAAC,EACN,WAAW,EAAE,CAAC,EACd,YAAY,EAAE,aAAa,CAAC,OAAO,CAAC,wBAAwB,EAAE,MAAM,EACpE,aAAa,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,GAC7B,CACF,CAAC;QACF,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CACvC,oBAAC,MAAM,IAAC,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,EAAE,OAAO,EAAE,MAAM,qCAE5C,CACT;QAEA,MAAM,CAAC,wBAAwB,CAAC,KAAK,IAAI,CACzC,6BAAK,SAAS,EAAC,wBAAwB;YACtC,uCAAe;YACd,MAAM,CAAC,wBAAwB,CAAC,OAAO,CACnC,CACN;QACA,UAAU,IAAI,CACd,oBAAC,kBAAkB,IAClB,EAAE,EAAE,EAAE,EACN,OAAO,EAAE,IAAI,EACb,IAAI,EAAC,uBAAuB,EAC5B,KAAK,EAAC,6BAA6B,EACnC,QAAQ,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,KAAK,CAAC,GACnC,CACF,CACI,CACN,CAAC,CAAC;IAEH,uBAAuB;IACvB,SAAS,MAAM;QACd,aAAa,CAAC,IAAI,CAAC,CAAC;IACrB,CAAC;IAED,8CAA8C;IAC9C,4BAA4B;IAC5B,SAAS,MAAM,CAAC,KAAa;QAC5B,OAAO,KAAK,CAAC,OAAO,CAAC;YACpB,KAAK,EAAE,kCAAkC;YACzC,KAAK,CAAC,IAAI;gBACT,MAAM,OAAO,GAAG,SAAS,CAAC,aAAa,CAAC,OAAO,CAAC,wBAAyB,CAAC,CAAC;gBAC3E,OAAO,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;gBACzB,MAAM,KAAK,CAAC,IAAI,CAAC,EAAE,EAAE;oBACpB,IAAI,EAAE,EAAE,wBAAwB,EAAE,OAAO,EAAE;oBAC3C,KAAK,EAAE,SAAS;iBAChB,CAAC,CAAC;YACJ,CAAC;SACD,CAAC,CAAC;IACJ,CAAC;AACF,CAAC,CAAC;AAEF,eAAe,yBAAyB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/modules/self-registration/clda-form/components/ChiefExecutiveOfficerList/index.tsx"],"names":[],"mappings":"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"}

package/es/modules/self-registration/clda-form/components/CompanyInfo/index.css

@@ -1,23 +1,202 @@
+/**
+ * Company Info：Business Name / Business Activities / Registered Address。
+ * 文字层级与人员行保持一致：组标题 #3d4352/700 → 值 #3d4352/500 → 说明 #6b7280。
+ */
 .company-info {
+	container-type: inline-size;
+	container-name: cldacompanyinfo;
+
 	.ant-form-item-label > label {
-		width: 110px;
+		width: 100px;
+		font-size: 11.5px;
+		font-weight: 700;
+		letter-spacing: 0.04em;
+		text-transform: uppercase;
+		color: #3d4352;
+	}
+
+	/* 校验提示：与人员行的提示块同一配色，替代刺眼的纯红 */
+	.warning {
+		display: inline-block;
+		margin-top: 10px;
+		color: #a84141;
+		font-size: 12.5px;
+		font-weight: 600;
 	}
 
 	.placeholder {
-		color: #00000040;
+		color: #94a3b8;
+		font-size: 13px;
+		border-bottom: 1px dotted #94a3b8;
+	}
+
+	/* Business Name：单值，最高一级 */
+	.value-lg {
+		font-size: 18px;
+		font-weight: 700;
+		color: var(--purple-primary-color);
+		line-height: 26px;
+		letter-spacing: -0.01em;
+		overflow-wrap: anywhere;
+	}
+
+	/* Business Activities：每行一个 SSIC 代码 + 描述 */
+	.activity-list {
+		display: flex;
+		flex-direction: column;
+		gap: 12px;
+
+		.ant-form-item {
+			margin-bottom: 0;
+		}
+
+		.ant-form-item-row {
+			align-items: baseline;
+		}
+
+		.activity-value {
+			display: inline-block;
+			font-size: 13.5px;
+			font-weight: 500;
+			color: #3d4352;
+			line-height: 21px;
+			overflow-wrap: anywhere;
+		}
+
+		.ant-form-item-control-input {
+			min-height: auto;
+		}
+	}
+
+	/* Registered Address：多行值 + 说明 */
+	.registered-address {
+		.content {
+			font-size: 13.5px;
+			font-weight: 500;
+			color: #3d4352;
+			line-height: 21px;
+		}
+
+		/* 编辑态：与人员行一致的分组块 + 底部动作栏 */
+		.address-editor {
+			.address-editor-fields {
+				.ant-form-item {
+					margin-bottom: 11px;
+				}
+
+				.ant-form-item-label {
+					padding-bottom: 5px;
+				}
+
+				.ant-form-item-label > label {
+					/* 外层 .company-info 给 label 设了 100px 固定宽，这里恢复自适应，避免长标签换行 */
+					width: auto;
+					max-width: 100%;
+					white-space: nowrap;
+					height: auto;
+					font-size: 11px;
+					font-weight: 500;
+					letter-spacing: 0.03em;
+					text-transform: uppercase;
+					color: #5f6b7d;
+				}
+
+				.ant-input,
+				.ant-select-single {
+					height: 32px;
+					border-radius: var(--border-radius, 5px);
+					font-size: 13px;
+				}
+
+				.ant-select-selector {
+					border-radius: var(--border-radius, 5px) !important;
+				}
+			}
+
+			.edit-bar {
+				display: flex;
+				justify-content: flex-end;
+				gap: 9px;
+				margin-top: 14px;
+				padding-top: 12px;
+				border-top: 1px solid var(--border-color-split, #f0f0f0);
+			}
+		}
+
+		.registered-address-prompted {
+			margin-top: 12px;
+			padding: 9px 12px;
+			border-left: 2px solid #dbe7f7;
+			background: #fbfdff;
+			color: #6b7280;
+			font-weight: 400;
+			font-size: 12px;
+			line-height: 1.8;
+		}
 	}
 
 	.sub-title {
-		font-size: 12px !important;
-		font-weight: normal;
-		color: var(--heading-subtitle-color);
+		font-size: 11.5px !important;
+		font-weight: 700;
+		letter-spacing: 0.04em;
+		text-transform: uppercase;
+		color: #3d4352;
 	}
+}
 
-	.registered-address-prompted {
-		margin-top: 20px;
-		color: #5d5d5d;
-		font-weight: 600;
-		font-size: 14px;
-		line-height: 19px;
+/* 窄容器：label 移到值上方，避免 100px 标签列吃掉正文宽度 */
+@container cldacompanyinfo (max-width: 459px) {
+	.company-info {
+		.ant-form-item-label > label {
+			width: auto;
+		}
+
+		.activity-list .ant-form-item-row {
+			display: block;
+		}
+
+		.activity-list .ant-form-item-label {
+			padding-bottom: 4px;
+			text-align: left;
+		}
+
+		.value-lg {
+			font-size: 17px;
+		}
+
+		/* 窄容器下地址字段单列、动作按钮等宽 */
+		.registered-address {
+			.address-editor-fields {
+				.ant-row {
+					display: block;
+					margin-left: 0 !important;
+					margin-right: 0 !important;
+				}
+
+				.ant-col {
+					flex: 0 0 100%;
+					max-width: 100%;
+					padding-left: 0 !important;
+					padding-right: 0 !important;
+				}
+			}
+
+			.edit-bar {
+				justify-content: stretch;
+
+				.ant-btn {
+					flex: 1;
+				}
+			}
+		}
+	}
+}
+
+/* 兜底：不支持容器查询的浏览器 */
+@media (max-width: 720px) {
+	.company-info {
+		.ant-form-item-label > label {
+			width: auto;
+		}
 	}
 }