@voplus/morpho-csp 11.2.6 → 11.2.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/es/modules/self-registration/clda-form/components/BVICompanyInfo/index.css +3 -3
- package/es/modules/self-registration/clda-form/components/BVICompanyInfo/index.js +32 -34
- package/es/modules/self-registration/clda-form/components/BVICompanyInfo/index.js.map +1 -1
- package/es/modules/self-registration/clda-form/components/CLDAContactList/index.css +298 -61
- package/es/modules/self-registration/clda-form/components/CLDAContactList/index.d.ts +8 -2
- package/es/modules/self-registration/clda-form/components/CLDAContactList/index.js +84 -89
- package/es/modules/self-registration/clda-form/components/CLDAContactList/index.js.map +1 -1
- package/es/modules/self-registration/clda-form/components/ChiefExecutiveOfficerList/index.js +8 -3
- package/es/modules/self-registration/clda-form/components/ChiefExecutiveOfficerList/index.js.map +1 -1
- package/es/modules/self-registration/clda-form/components/CompanyInfo/index.css +190 -11
- package/es/modules/self-registration/clda-form/components/CompanyInfo/index.js +29 -27
- package/es/modules/self-registration/clda-form/components/CompanyInfo/index.js.map +1 -1
- package/es/modules/self-registration/clda-form/components/ContactFields/index.d.ts +107 -0
- package/es/modules/self-registration/clda-form/components/ContactFields/index.js +80 -0
- package/es/modules/self-registration/clda-form/components/ContactFields/index.js.map +1 -0
- package/es/modules/self-registration/clda-form/components/DataProtectionOfficer/index.js +14 -4
- package/es/modules/self-registration/clda-form/components/DataProtectionOfficer/index.js.map +1 -1
- package/es/modules/self-registration/clda-form/components/InternalUse/index.js +7 -9
- package/es/modules/self-registration/clda-form/components/InternalUse/index.js.map +1 -1
- package/es/modules/self-registration/clda-form/components/MemberInfo/index.d.ts +13 -5
- package/es/modules/self-registration/clda-form/components/MemberInfo/index.js +10 -147
- package/es/modules/self-registration/clda-form/components/MemberInfo/index.js.map +1 -1
- package/es/modules/self-registration/clda-form/components/OfficerList/index.d.ts +3 -0
- package/es/modules/self-registration/clda-form/components/OfficerList/index.js +38 -18
- package/es/modules/self-registration/clda-form/components/OfficerList/index.js.map +1 -1
- package/es/modules/self-registration/clda-form/components/SecretaryList/index.js +5 -2
- package/es/modules/self-registration/clda-form/components/SecretaryList/index.js.map +1 -1
- package/es/modules/self-registration/clda-form/components/ShareCapital/index.css +123 -9
- package/es/modules/self-registration/clda-form/components/ShareCapital/index.js +70 -72
- package/es/modules/self-registration/clda-form/components/ShareCapital/index.js.map +1 -1
- package/es/modules/self-registration/clda-form/components/ShareholderList/index.d.ts +3 -0
- package/es/modules/self-registration/clda-form/components/ShareholderList/index.js +43 -28
- package/es/modules/self-registration/clda-form/components/ShareholderList/index.js.map +1 -1
- package/es/modules/self-registration/clda-form/incorporation/agm/index.css +26 -39
- package/es/modules/self-registration/clda-form/incorporation/agm/index.js +7 -7
- package/es/modules/self-registration/clda-form/incorporation/agm/index.js.map +1 -1
- package/es/modules/self-registration/clda-form/incorporation/appoint-representative/components/NewOfficerDetailItem/index.js +31 -44
- package/es/modules/self-registration/clda-form/incorporation/appoint-representative/components/NewOfficerDetailItem/index.js.map +1 -1
- package/es/modules/self-registration/clda-form/incorporation/appoint-representative/index.css +3 -165
- package/es/modules/self-registration/clda-form/incorporation/appoint-representative/index.js +1 -1
- package/es/modules/self-registration/clda-form/incorporation/appoint-representative/index.js.map +1 -1
- package/es/modules/self-registration/clda-form/incorporation/bvi/index.css +0 -41
- package/es/modules/self-registration/clda-form/incorporation/bvi/index.js +3 -3
- package/es/modules/self-registration/clda-form/incorporation/bvi/index.js.map +1 -1
- package/es/modules/self-registration/clda-form/incorporation/company-general/CompanyGeneralForm.js +8 -8
- package/es/modules/self-registration/clda-form/incorporation/company-general/CompanyGeneralForm.js.map +1 -1
- package/es/modules/self-registration/clda-form/incorporation/company-general/components/AllotmentItem/index.css +2 -37
- package/es/modules/self-registration/clda-form/incorporation/company-general/components/AllotmentItem/index.js +3 -3
- package/es/modules/self-registration/clda-form/incorporation/company-general/components/AllotmentItem/index.js.map +1 -1
- package/es/modules/self-registration/clda-form/incorporation/company-general/components/BankOpeningContactItem/index.css +0 -31
- package/es/modules/self-registration/clda-form/incorporation/company-general/components/BankOpeningContactItem/index.js +5 -7
- package/es/modules/self-registration/clda-form/incorporation/company-general/components/BankOpeningContactItem/index.js.map +1 -1
- package/es/modules/self-registration/clda-form/incorporation/company-general/components/BankOpeningItem/index.css +1 -28
- package/es/modules/self-registration/clda-form/incorporation/company-general/components/BankOpeningItem/index.js +4 -4
- package/es/modules/self-registration/clda-form/incorporation/company-general/components/BankOpeningItem/index.js.map +1 -1
- package/es/modules/self-registration/clda-form/incorporation/company-general/components/BankOpeningList/index.css +5 -0
- package/es/modules/self-registration/clda-form/incorporation/company-general/components/ChangeAddress/index.js +19 -21
- package/es/modules/self-registration/clda-form/incorporation/company-general/components/ChangeAddress/index.js.map +1 -1
- package/es/modules/self-registration/clda-form/incorporation/company-general/components/ChangeIndexAddress/index.js +19 -21
- package/es/modules/self-registration/clda-form/incorporation/company-general/components/ChangeIndexAddress/index.js.map +1 -1
- package/es/modules/self-registration/clda-form/incorporation/company-general/components/DivideColumnItem/index.css +1 -28
- package/es/modules/self-registration/clda-form/incorporation/company-general/components/DivideColumnItem/index.js +4 -4
- package/es/modules/self-registration/clda-form/incorporation/company-general/components/DivideColumnItem/index.js.map +1 -1
- package/es/modules/self-registration/clda-form/incorporation/company-general/components/OfficerDetailItem/index.css +1 -24
- package/es/modules/self-registration/clda-form/incorporation/company-general/components/OfficerDetailItem/index.js +3 -3
- package/es/modules/self-registration/clda-form/incorporation/company-general/components/OfficerDetailItem/index.js.map +1 -1
- package/es/modules/self-registration/clda-form/incorporation/company-general/components/RedonminationItem/index.css +1 -28
- package/es/modules/self-registration/clda-form/incorporation/company-general/components/RedonminationItem/index.js +4 -4
- package/es/modules/self-registration/clda-form/incorporation/company-general/components/RedonminationItem/index.js.map +1 -1
- package/es/modules/self-registration/clda-form/incorporation/company-general/components/RedonminationList/index.d.ts +0 -1
- package/es/modules/self-registration/clda-form/incorporation/company-general/components/RedonminationList/index.js +0 -1
- package/es/modules/self-registration/clda-form/incorporation/company-general/components/RedonminationList/index.js.map +1 -1
- package/es/modules/self-registration/clda-form/incorporation/company-general/components/TransferItem/index.css +2 -37
- package/es/modules/self-registration/clda-form/incorporation/company-general/components/TransferItem/index.js +3 -3
- package/es/modules/self-registration/clda-form/incorporation/company-general/components/TransferItem/index.js.map +1 -1
- package/es/modules/self-registration/clda-form/incorporation/company-general/index.css +36 -165
- package/es/modules/self-registration/clda-form/incorporation/components/FormContactEditor/index.css +32 -66
- package/es/modules/self-registration/clda-form/incorporation/components/FormContactEditor/index.d.ts +11 -0
- package/es/modules/self-registration/clda-form/incorporation/components/FormContactEditor/index.js +44 -92
- package/es/modules/self-registration/clda-form/incorporation/components/FormContactEditor/index.js.map +1 -1
- package/es/modules/self-registration/clda-form/incorporation/sgp/index.css +31 -40
- package/es/modules/self-registration/clda-form/incorporation/sgp/index.js +8 -13
- package/es/modules/self-registration/clda-form/incorporation/sgp/index.js.map +1 -1
- package/es/modules/self-registration/controls/BusinessNameInput/index.js +41 -7
- package/es/modules/self-registration/controls/BusinessNameInput/index.js.map +1 -1
- package/es/modules/self-registration/controls/Section/index.css +26 -4
- package/es/modules/self-registration/controls/Tips/Tip.css +24 -0
- package/es/modules/self-registration/controls/Tips/Tip.d.ts +12 -0
- package/es/modules/self-registration/controls/Tips/Tip.js +14 -2
- package/es/modules/self-registration/controls/Tips/Tip.js.map +1 -1
- package/es/style/clda-form-theme.css +1068 -0
- package/es/style/common.css +2 -53
- package/package.json +1 -1
- package/es/modules/self-registration/clda-form/components/MemberInfo/index.css +0 -181
- package/es/modules/self-registration/clda-form/incorporation/company-general/components/RedonminationList/index.css +0 -9
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { runInAction } from "mobx";
|
|
3
3
|
import { observe } from "@voplus/morpho-ui";
|
|
4
|
-
import { Button, Col, Form, Row
|
|
4
|
+
import { Button, Col, Form, Row } from "antd";
|
|
5
5
|
import { InlineEdit } from "@voplus/morpho-ui";
|
|
6
6
|
import { useValidates } from "@voplus/morpho-data";
|
|
7
7
|
import { faBriefcaseSolid, faCalendarCheckSolid, faLocationDotSolid, FontAwesomeIcon, } from "@voplus/morpho-ui/es/faIcons";
|
|
@@ -35,22 +35,23 @@ export const CompanyInfo = (props) => {
|
|
|
35
35
|
return observe(() => (React.createElement("div", { className: "company-info" },
|
|
36
36
|
React.createElement(Section, { className: "business-name", title: React.createElement("div", { className: "clda-interpretation-card-title" },
|
|
37
37
|
React.createElement("div", null,
|
|
38
|
-
React.createElement(FontAwesomeIcon, { icon: faBriefcaseSolid
|
|
38
|
+
React.createElement(FontAwesomeIcon, { icon: faBriefcaseSolid }),
|
|
39
39
|
"Business Name ",
|
|
40
40
|
React.createElement("span", { className: "required-fields" }, "*")),
|
|
41
41
|
React.createElement(BusinessNameTip, null)) },
|
|
42
|
-
React.createElement(InlineEdit, { defaultValue: incorporationForm.content?.legalEntityName, editTrigger: "both", editable: context ? context.editable : true, content: (v) => (React.createElement("div", null, incorporationForm.content?.legalEntityName ? (React.createElement("span",
|
|
42
|
+
React.createElement(InlineEdit, { defaultValue: incorporationForm.content?.legalEntityName, editTrigger: "both", editable: context ? context.editable : true, content: (v) => (React.createElement("div", null, incorporationForm.content?.legalEntityName ? (React.createElement("span", { className: "value-lg" }, incorporationForm.content.legalEntityName)) : (React.createElement("span", { className: "placeholder" }, "Please click here to enter the business name")))), editor: (v) => (React.createElement(BusinessNameInputFormItem, { value: v.store.value, onChange: (name) => runInAction(() => (v.store.value = name)), onSave: () => v.store.save({ trigger: "select" }), onCancel: () => v.store.cancel() })), onSave: (v) => store.edit(id, { data: { LegalEntityName: v } }) }),
|
|
43
43
|
checks.name.error && React.createElement("span", { className: "warning" }, checks.name.message)),
|
|
44
44
|
React.createElement(Section, { className: "business-activities", title: React.createElement("div", { className: "clda-interpretation-card-title" },
|
|
45
45
|
React.createElement("div", null,
|
|
46
|
-
React.createElement(FontAwesomeIcon, { icon: faCalendarCheckSolid
|
|
47
|
-
"Business Activities"
|
|
46
|
+
React.createElement(FontAwesomeIcon, { icon: faCalendarCheckSolid }),
|
|
47
|
+
"Business Activities ",
|
|
48
|
+
React.createElement("span", { className: "required-fields" }, "*")),
|
|
48
49
|
React.createElement(BusinessActivityTip, null)) },
|
|
49
50
|
React.createElement("div", { className: "content" },
|
|
50
|
-
React.createElement(Form,
|
|
51
|
+
React.createElement(Form, { className: "activity-list" }, incorporationForm.content?.businessActivities &&
|
|
51
52
|
incorporationForm.content.businessActivities.map((activity, i) => {
|
|
52
53
|
return (React.createElement(Form.Item, { label: `Activity ${i + 1}`, key: `activity-${i}`, className: `business-activity-${i + 1}` },
|
|
53
|
-
React.createElement(InlineEdit, { defaultValue: activity, editable: context ? context.editable : true, content: (v) => (React.createElement("div", null, activity ? (React.createElement("span",
|
|
54
|
+
React.createElement(InlineEdit, { defaultValue: activity, editable: context ? context.editable : true, content: (v) => (React.createElement("div", null, activity ? (React.createElement("span", { className: "activity-value" }, activity)) : (React.createElement("span", { className: "placeholder" }, "Please click here to enter the activities")))), onSave: (v) => {
|
|
54
55
|
store.edit(id, {
|
|
55
56
|
data: {
|
|
56
57
|
BusinessActivities: [
|
|
@@ -68,11 +69,13 @@ export const CompanyInfo = (props) => {
|
|
|
68
69
|
}, editor: (s) => {
|
|
69
70
|
return (React.createElement(BusinessActivityInput, { defaultValue: activity, onChange: (v) => runInAction(() => (s.store.value = v.toString())), onBlur: () => s.store.cancel(), autoFocus: true, onSelect: () => s.store.save({ trigger: "select" }) }));
|
|
70
71
|
}, editTrigger: "both" })));
|
|
71
|
-
})))
|
|
72
|
+
}))),
|
|
73
|
+
checks.businessActivity.error && (React.createElement("span", { className: "warning" }, checks.businessActivity.message))),
|
|
72
74
|
React.createElement(Section, { className: "registered-address", title: React.createElement("div", { className: "clda-interpretation-card-title" },
|
|
73
75
|
React.createElement("div", null,
|
|
74
|
-
React.createElement(FontAwesomeIcon, { icon: faLocationDotSolid
|
|
75
|
-
"Registered Address"
|
|
76
|
+
React.createElement(FontAwesomeIcon, { icon: faLocationDotSolid }),
|
|
77
|
+
"Registered Address ",
|
|
78
|
+
React.createElement("span", { className: "required-fields" }, "*")),
|
|
76
79
|
React.createElement(RegisteredAddressTip, null)) },
|
|
77
80
|
React.createElement("div", { className: "content" },
|
|
78
81
|
React.createElement(InlineEdit, { editTrigger: "both", editable: context ? context.editable : true, defaultValue: incorporationForm.content?.address, onSave: (v) => store.edit(id, {
|
|
@@ -100,23 +103,22 @@ export const CompanyInfo = (props) => {
|
|
|
100
103
|
React.createElement(Col, null, s?.line2)),
|
|
101
104
|
React.createElement(Row, null,
|
|
102
105
|
React.createElement(Col, null, `${s?.city ? s?.city : ""} ${s?.state} ${s?.country} ${s?.postalCode}`.trim()))))));
|
|
103
|
-
}, editor: (p) => observe(() => (React.createElement(
|
|
104
|
-
React.createElement(
|
|
105
|
-
React.createElement(
|
|
106
|
-
React.createElement(
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
React.createElement(Button, { type: "primary", onClick: () => p.store.save({ trigger: "select" }) }, "Save"),
|
|
119
|
-
React.createElement(Button, { onClick: () => p.store.cancel() }, "Cancel"))))) })),
|
|
106
|
+
}, editor: (p) => observe(() => (React.createElement("div", { className: "address-editor" },
|
|
107
|
+
React.createElement("div", { className: "address-editor-fields" },
|
|
108
|
+
React.createElement(Form, { layout: "vertical" },
|
|
109
|
+
React.createElement(Address, { value: p.store.value, onChange: (v) => {
|
|
110
|
+
runInAction(() => {
|
|
111
|
+
p.store.value.city = v.city;
|
|
112
|
+
p.store.value.country = v.country;
|
|
113
|
+
p.store.value.line1 = v.line1;
|
|
114
|
+
p.store.value.line2 = v.line2;
|
|
115
|
+
p.store.value.postalCode = v.postalCode;
|
|
116
|
+
p.store.value.state = v.state;
|
|
117
|
+
});
|
|
118
|
+
} }))),
|
|
119
|
+
React.createElement("div", { className: "edit-bar" },
|
|
120
|
+
React.createElement(Button, { onClick: () => p.store.cancel() }, "Cancel"),
|
|
121
|
+
React.createElement(Button, { type: "primary", onClick: () => p.store.save({ trigger: "select" }) }, "Save"))))) })),
|
|
120
122
|
checks.registeredAddress.error && (React.createElement("span", { className: "warning" }, checks.registeredAddress.message)),
|
|
121
123
|
React.createElement("div", { className: "registered-address-prompted" }, "Note: In the event that you choose not to utilize VOPLUS's registered address services, kindly ensure that you furnish us with a valid local address to be used as your official registered address.")))));
|
|
122
124
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/modules/self-registration/clda-form/components/CompanyInfo/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,WAAW,EAAE,MAAM,MAAM,CAAC;AACnC,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,EAAE,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/modules/self-registration/clda-form/components/CompanyInfo/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,107 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { IAddress } from "@voplus/morpho-ui/es/data";
|
|
3
|
+
import { IIdentity } from "../../../../../data/identity";
|
|
4
|
+
import { IFormPeopleOptions } from "../../../../../data/clda-form";
|
|
5
|
+
/** 只读态的缺失值占位。 */
|
|
6
|
+
export declare const Dash: () => React.JSX.Element;
|
|
7
|
+
export type ContactTextFieldProps = {
|
|
8
|
+
/** 字段标签 */
|
|
9
|
+
label: string;
|
|
10
|
+
/** 字段值 */
|
|
11
|
+
value?: string;
|
|
12
|
+
/** 占位提示 */
|
|
13
|
+
placeholder?: string;
|
|
14
|
+
/** 值变化回调 */
|
|
15
|
+
onChange: (next: string) => void;
|
|
16
|
+
};
|
|
17
|
+
/** 单个文本字段(编辑态),供调用方在字段网格中复用。 */
|
|
18
|
+
export declare const ContactTextField: ({ label, value, placeholder, onChange, }: ContactTextFieldProps) => React.JSX.Element;
|
|
19
|
+
export type ContactGroupProps = {
|
|
20
|
+
/** 组标题(只读态显示在左列,编辑态显示在块标题) */
|
|
21
|
+
title: string;
|
|
22
|
+
/** 是否处于编辑态:只读用 .grp 骨架,编辑用 .blk 块 */
|
|
23
|
+
editing: boolean;
|
|
24
|
+
/** Internal Use Only 用暖色标题 + 虚线分隔 */
|
|
25
|
+
internal?: boolean;
|
|
26
|
+
/** 隐藏组标题(仅渲染值 / 字段网格),用于行内已能自解释的场景 */
|
|
27
|
+
hideTitle?: boolean;
|
|
28
|
+
/** 追加类名(各表单可加自己的钩子类) */
|
|
29
|
+
className?: string;
|
|
30
|
+
children: React.ReactNode;
|
|
31
|
+
};
|
|
32
|
+
/**
|
|
33
|
+
* 联系人字段组的公共外壳:只读态为「组标题 + 值」两列,编辑态为「块标题 + 字段网格」。
|
|
34
|
+
* 视觉由 src/style/clda-form-theme.css 中的 .grp / .gk / .gv / .blk / .blk-k 提供。
|
|
35
|
+
*/
|
|
36
|
+
export declare const ContactGroup: ({ title, editing, internal, hideTitle, className, children, }: ContactGroupProps) => React.JSX.Element;
|
|
37
|
+
export type ContactBasicFieldsProps = {
|
|
38
|
+
/** 是否编辑态 */
|
|
39
|
+
editing: boolean;
|
|
40
|
+
/** 联系人邮箱 / 电话 */
|
|
41
|
+
value: Pick<IFormPeopleOptions, "email" | "phone">;
|
|
42
|
+
/** 字段变化回调 */
|
|
43
|
+
onChange: (patch: Pick<IFormPeopleOptions, "email" | "phone">) => void;
|
|
44
|
+
/** 组标题 */
|
|
45
|
+
title?: string;
|
|
46
|
+
/** 隐藏组标题(只渲染值 / 字段网格) */
|
|
47
|
+
hideTitle?: boolean;
|
|
48
|
+
/** 追加类名 */
|
|
49
|
+
className?: string;
|
|
50
|
+
/** 编辑态下的前置字段(如 Name),传入后网格由两列改为三列 */
|
|
51
|
+
leadingField?: React.ReactNode;
|
|
52
|
+
};
|
|
53
|
+
/** Basic 组:Email / Phone(可带前置字段)。 */
|
|
54
|
+
export declare const ContactBasicFields: ({ editing, value, onChange, title, hideTitle, className, leadingField, }: ContactBasicFieldsProps) => React.JSX.Element;
|
|
55
|
+
export type ContactAddressFieldsProps = {
|
|
56
|
+
/** 是否编辑态 */
|
|
57
|
+
editing: boolean;
|
|
58
|
+
/** 地址值 */
|
|
59
|
+
value?: IAddress;
|
|
60
|
+
/** 地址变化回调 */
|
|
61
|
+
onChange: (next: IAddress) => void;
|
|
62
|
+
/** 组标题 */
|
|
63
|
+
title?: string;
|
|
64
|
+
/** 隐藏组标题(只渲染值 / 字段网格) */
|
|
65
|
+
hideTitle?: boolean;
|
|
66
|
+
/** 追加类名 */
|
|
67
|
+
className?: string;
|
|
68
|
+
};
|
|
69
|
+
/** Address 组:只读为多行值,编辑复用 Address 控件(纵向表单)。 */
|
|
70
|
+
export declare const ContactAddressFields: ({ editing, value, onChange, title, hideTitle, className, }: ContactAddressFieldsProps) => React.JSX.Element;
|
|
71
|
+
export type ContactIdentityFieldsProps = {
|
|
72
|
+
/** 是否编辑态 */
|
|
73
|
+
editing: boolean;
|
|
74
|
+
/** 证件信息 */
|
|
75
|
+
value?: Partial<IIdentity>;
|
|
76
|
+
/** 证件信息变化回调 */
|
|
77
|
+
onChange: (next: Partial<IIdentity>) => void;
|
|
78
|
+
/** 组标题 */
|
|
79
|
+
title?: string;
|
|
80
|
+
/** 隐藏组标题(只渲染值 / 字段网格) */
|
|
81
|
+
hideTitle?: boolean;
|
|
82
|
+
/** 追加类名 */
|
|
83
|
+
className?: string;
|
|
84
|
+
};
|
|
85
|
+
/** Identity 组:只读为四项内联,编辑复用 IdentityChange(两列字段块)。 */
|
|
86
|
+
export declare const ContactIdentityFields: ({ editing, value, onChange, title, hideTitle, className, }: ContactIdentityFieldsProps) => React.JSX.Element;
|
|
87
|
+
export type ContactInternalUseFieldsProps = {
|
|
88
|
+
/** 是否渲染(仅 defaultView 的股东会开启) */
|
|
89
|
+
visible?: boolean;
|
|
90
|
+
/** 是否编辑态 */
|
|
91
|
+
editing: boolean;
|
|
92
|
+
/** 内部使用字段 */
|
|
93
|
+
value: Pick<IFormPeopleOptions, "representative" | "representativePassport" | "foreignDirector1" | "foreignDirector2">;
|
|
94
|
+
/** 字段变化回调 */
|
|
95
|
+
onChange: (patch: Pick<IFormPeopleOptions, "representative" | "representativePassport" | "foreignDirector1" | "foreignDirector2">) => void;
|
|
96
|
+
/** 组标题 */
|
|
97
|
+
title?: string;
|
|
98
|
+
/** 隐藏组标题(只渲染值 / 字段网格) */
|
|
99
|
+
hideTitle?: boolean;
|
|
100
|
+
/** 追加类名 */
|
|
101
|
+
className?: string;
|
|
102
|
+
};
|
|
103
|
+
/**
|
|
104
|
+
* Internal Use Only 组:四个内部字段常显(空值渲染 —),编辑态为 2×2 网格。
|
|
105
|
+
* 只在 `visible` 为 true 时渲染,是否开启由调用方按业务规则决定。
|
|
106
|
+
*/
|
|
107
|
+
export declare const ContactInternalUseFields: ({ visible, editing, value, onChange, title, hideTitle, className, }: ContactInternalUseFieldsProps) => React.JSX.Element | null;
|
|
@@ -0,0 +1,80 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { Form, Input } from "antd";
|
|
3
|
+
import classnames from "classnames";
|
|
4
|
+
import UTCShortDate from "@voplus/morpho-ui/es/controls/UTCShortDate";
|
|
5
|
+
import IdentityChange from "../../../../corporate/company/identity/components/IdentityChange";
|
|
6
|
+
import Address from "@voplus/morpho-ui/es/controls/Address";
|
|
7
|
+
/** 只读态的缺失值占位。 */
|
|
8
|
+
export const Dash = () => React.createElement("span", { className: "v dim" }, "\u2014");
|
|
9
|
+
/** 编辑态字段的统一外壳:标签在控件上方。 */
|
|
10
|
+
const Field = ({ label, children }) => (React.createElement("div", { className: "field" },
|
|
11
|
+
React.createElement("label", null, label),
|
|
12
|
+
children));
|
|
13
|
+
/** 单个文本字段(编辑态),供调用方在字段网格中复用。 */
|
|
14
|
+
export const ContactTextField = ({ label, value, placeholder, onChange, }) => (React.createElement(Field, { label: label },
|
|
15
|
+
React.createElement(Input, { value: value, placeholder: placeholder, onChange: (e) => onChange(e.target.value) })));
|
|
16
|
+
/** 只读态的「标签 + 值」对。 */
|
|
17
|
+
const Pair = ({ label, value }) => (React.createElement("span", { className: "f" },
|
|
18
|
+
React.createElement("span", { className: "k" }, label),
|
|
19
|
+
value ? React.createElement("span", { className: "v" }, value) : React.createElement(Dash, null)));
|
|
20
|
+
/**
|
|
21
|
+
* 联系人字段组的公共外壳:只读态为「组标题 + 值」两列,编辑态为「块标题 + 字段网格」。
|
|
22
|
+
* 视觉由 src/style/clda-form-theme.css 中的 .grp / .gk / .gv / .blk / .blk-k 提供。
|
|
23
|
+
*/
|
|
24
|
+
export const ContactGroup = ({ title, editing, internal, hideTitle, className, children, }) => {
|
|
25
|
+
if (editing) {
|
|
26
|
+
return (React.createElement("div", { className: classnames("blk", { internal, "blk--no-title": hideTitle }, className) },
|
|
27
|
+
!hideTitle && React.createElement("div", { className: "blk-k" }, title),
|
|
28
|
+
children));
|
|
29
|
+
}
|
|
30
|
+
return (React.createElement("div", { className: classnames("grp", { internal, "grp--no-title": hideTitle }, className) },
|
|
31
|
+
!hideTitle && React.createElement("span", { className: "gk" }, title),
|
|
32
|
+
children));
|
|
33
|
+
};
|
|
34
|
+
/** Basic 组:Email / Phone(可带前置字段)。 */
|
|
35
|
+
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") },
|
|
36
|
+
leadingField,
|
|
37
|
+
React.createElement(Field, { label: "Email" },
|
|
38
|
+
React.createElement(Input, { value: value.email, placeholder: "Please enter the email", onChange: (e) => onChange({ email: e.target.value, phone: value.phone }) })),
|
|
39
|
+
React.createElement(Field, { label: "Phone" },
|
|
40
|
+
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" },
|
|
41
|
+
React.createElement(Pair, { label: "Email", value: value.email }),
|
|
42
|
+
React.createElement(Pair, { label: "Phone", value: value.phone })))));
|
|
43
|
+
/** Address 组:只读为多行值,编辑复用 Address 控件(纵向表单)。 */
|
|
44
|
+
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" },
|
|
45
|
+
React.createElement("div", { className: "address-editor-fields" },
|
|
46
|
+
React.createElement(Form, { layout: "vertical" },
|
|
47
|
+
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,
|
|
48
|
+
React.createElement("span", { className: "value-line" }, value?.line1),
|
|
49
|
+
value?.line2 && React.createElement("span", { className: "value-line" }, value.line2),
|
|
50
|
+
React.createElement("span", { className: "value-line" }, `${value?.city ?? ""} ${value?.state ?? ""} ${value?.country ?? ""} ${value?.postalCode ?? ""}`.trim()))) : (React.createElement(Dash, null))))));
|
|
51
|
+
/** Identity 组:只读为四项内联,编辑复用 IdentityChange(两列字段块)。 */
|
|
52
|
+
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" },
|
|
53
|
+
React.createElement(IdentityChange, { value: value, onChange: onChange }))) : (React.createElement("span", { className: "gv gv-inline" },
|
|
54
|
+
React.createElement(Pair, { label: "ID Type", value: value?.type }),
|
|
55
|
+
React.createElement(Pair, { label: "Country", value: value?.country }),
|
|
56
|
+
React.createElement(Pair, { label: "No.", value: value?.number }),
|
|
57
|
+
React.createElement(Pair, { label: "Expiry", value: value?.expiryDate ? React.createElement(UTCShortDate, { value: value.expiryDate }) : undefined })))));
|
|
58
|
+
/**
|
|
59
|
+
* Internal Use Only 组:四个内部字段常显(空值渲染 —),编辑态为 2×2 网格。
|
|
60
|
+
* 只在 `visible` 为 true 时渲染,是否开启由调用方按业务规则决定。
|
|
61
|
+
*/
|
|
62
|
+
export const ContactInternalUseFields = ({ visible = true, editing, value, onChange, title = "Internal Use Only", hideTitle, className, }) => {
|
|
63
|
+
if (!visible)
|
|
64
|
+
return null;
|
|
65
|
+
const patch = (key, next) => ({ ...value, [key]: next });
|
|
66
|
+
return (React.createElement(ContactGroup, { title: title, editing: editing, internal: true, hideTitle: hideTitle, className: className }, editing ? (React.createElement("div", { className: "fgrid c2" },
|
|
67
|
+
React.createElement(Field, { label: "Representative" },
|
|
68
|
+
React.createElement(Input, { value: value.representative, onChange: (e) => onChange(patch("representative", e.target.value)) })),
|
|
69
|
+
React.createElement(Field, { label: "Representative Passport" },
|
|
70
|
+
React.createElement(Input, { value: value.representativePassport, onChange: (e) => onChange(patch("representativePassport", e.target.value)) })),
|
|
71
|
+
React.createElement(Field, { label: "Foreign Director 1" },
|
|
72
|
+
React.createElement(Input, { value: value.foreignDirector1, onChange: (e) => onChange(patch("foreignDirector1", e.target.value)) })),
|
|
73
|
+
React.createElement(Field, { label: "Foreign Director 2" },
|
|
74
|
+
React.createElement(Input, { value: value.foreignDirector2, onChange: (e) => onChange(patch("foreignDirector2", e.target.value)) })))) : (React.createElement("span", { className: "gv gv-grid2" },
|
|
75
|
+
React.createElement(Pair, { label: "Representative", value: value.representative }),
|
|
76
|
+
React.createElement(Pair, { label: "Rep. Passport", value: value.representativePassport }),
|
|
77
|
+
React.createElement(Pair, { label: "Foreign Director 1", value: value.foreignDirector1 }),
|
|
78
|
+
React.createElement(Pair, { label: "Foreign Director 2", value: value.foreignDirector2 })))));
|
|
79
|
+
};
|
|
80
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/modules/self-registration/clda-form/components/ContactFields/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -16,8 +16,9 @@ const DataProtectionOfficer = (props) => {
|
|
|
16
16
|
// spec:2081 — CSP: Data Protection Officer section with PDPA tooltip
|
|
17
17
|
return observe(() => (React.createElement(Section, { title: React.createElement("div", { className: "clda-interpretation-card-title" },
|
|
18
18
|
React.createElement("div", null,
|
|
19
|
-
React.createElement(FontAwesomeIcon, {
|
|
20
|
-
"Data Protection Officer"
|
|
19
|
+
React.createElement(FontAwesomeIcon, { icon: faUserGearSolid }),
|
|
20
|
+
"Data Protection Officer ",
|
|
21
|
+
React.createElement("span", { className: "required-fields" }, "*")),
|
|
21
22
|
React.createElement(Tips, { content: React.createElement(React.Fragment, null,
|
|
22
23
|
"It is mandatory for your Singapore-based company to appoint at least one ",
|
|
23
24
|
React.createElement("br", null),
|
|
@@ -30,11 +31,20 @@ const DataProtectionOfficer = (props) => {
|
|
|
30
31
|
React.createElement("div", { className: "sub-title" }, "DPO"),
|
|
31
32
|
React.createElement(Divider, { style: { margin: "10px 0" } }),
|
|
32
33
|
React.createElement(FolderEdit, { showEditIcon: context.editable ?? true, onEditIconClick: () => setVisible(true) },
|
|
33
|
-
incorporation.content?.dpo ? (React.createElement("div", { className: classnames("unit-reference-node", { symbol: true }) },
|
|
34
|
+
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) },
|
|
34
35
|
React.createElement("span", { className: "add-info-style" }, "Select Contact"))),
|
|
35
36
|
visible && (React.createElement(NewDPODialog, { id: props.id, defaultValues: incorporation.content.dpo, onCancel: () => setVisible(false) })))))));
|
|
37
|
+
/**
|
|
38
|
+
* DPO 展示文案:联系人被删除或尚未加载时回退为提示,避免 undefined.name 抛错导致整块渲染失败。
|
|
39
|
+
* @param id DPO 联系人 id
|
|
40
|
+
* @returns 形如 “@ Name” 的展示文本
|
|
41
|
+
*/
|
|
42
|
+
function dpoLabel(id) {
|
|
43
|
+
const name = findSelectedDPO(id)?.name;
|
|
44
|
+
return `@ ${name ?? "DPO not found"}`;
|
|
45
|
+
}
|
|
36
46
|
function findSelectedDPO(id) {
|
|
37
|
-
|
|
47
|
+
const selectedDPO = [];
|
|
38
48
|
incorporation.content?.contacts?.map((c) => {
|
|
39
49
|
if (c.id === id) {
|
|
40
50
|
selectedDPO.push(c);
|
package/es/modules/self-registration/clda-form/components/DataProtectionOfficer/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/modules/self-registration/clda-form/components/DataProtectionOfficer/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,OAAO,EAAE,MAAM,MAAM,CAAC;AAC/B,OAAO,EAAE,WAAW,EAAsB,MAAM,+BAA+B,CAAC;AAChF,OAAO,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAChF,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AACxD,OAAO,EAAE,2BAA2B,EAAE,MAAM,6BAA6B,CAAC;AAC1E,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAC1C,OAAO,OAAO,MAAM,2BAA2B,CAAC;AAChD,OAAO,IAAI,MAAM,4BAA4B,CAAC;AAC9C,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,wDAAwD,CAAC;AAEhE,MAAM,qBAAqB,GAAG,CAAC,KAAkB,EAAE,EAAE;IACpD,MAAM,OAAO,GAAG,2BAA2B,EAAE,CAAC;IAC9C,MAAM,aAAa,GAAG,WAAW,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;IAE5C,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE9C,qEAAqE;IACrE,OAAO,OAAO,CAAC,GAAG,EAAE,CAAC,CACpB,oBAAC,OAAO,IACP,KAAK,EACJ,6BAAK,SAAS,EAAC,gCAAgC;YAC9C;gBACC,oBAAC,eAAe,IAAC,SAAS,EAAC,iBAAiB,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/modules/self-registration/clda-form/components/DataProtectionOfficer/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,OAAO,EAAE,MAAM,MAAM,CAAC;AAC/B,OAAO,EAAE,WAAW,EAAsB,MAAM,+BAA+B,CAAC;AAChF,OAAO,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAChF,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AACxD,OAAO,EAAE,2BAA2B,EAAE,MAAM,6BAA6B,CAAC;AAC1E,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAC1C,OAAO,OAAO,MAAM,2BAA2B,CAAC;AAChD,OAAO,IAAI,MAAM,4BAA4B,CAAC;AAC9C,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,wDAAwD,CAAC;AAEhE,MAAM,qBAAqB,GAAG,CAAC,KAAkB,EAAE,EAAE;IACpD,MAAM,OAAO,GAAG,2BAA2B,EAAE,CAAC;IAC9C,MAAM,aAAa,GAAG,WAAW,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;IAE5C,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE9C,qEAAqE;IACrE,OAAO,OAAO,CAAC,GAAG,EAAE,CAAC,CACpB,oBAAC,OAAO,IACP,KAAK,EACJ,6BAAK,SAAS,EAAC,gCAAgC;YAC9C;gBACC,oBAAC,eAAe,IAAC,IAAI,EAAE,eAAe,GAAI;;gBAClB,8BAAM,SAAS,EAAC,iBAAiB,QAAS,CAC7D;YAEN,oBAAC,IAAI,IACJ,OAAO,EACN;;oBAC0E,+BAAM;;oBACJ,+BAAM;;oBACR,+BAAM;yFAE7E,GAEH,CACG;QAGP,6BAAK,SAAS,EAAC,qCAAqC;YACnD,6BAAK,SAAS,EAAC,WAAW,UAAU;YACpC,oBAAC,OAAO,IAAC,KAAK,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAI;YAExC,oBAAC,UAAU,IACV,YAAY,EAAE,OAAO,CAAC,QAAQ,IAAI,IAAI,EACtC,eAAe,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC;gBAEtC,aAAa,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC,CAAC,CAC7B,6BAAK,SAAS,EAAE,UAAU,CAAC,qBAAqB,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,IACjE,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,GAAG,CAAC,CAC/B,CACN,CAAC,CAAC,CAAC,CACH,6BAAK,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC;oBACjE,8BAAM,SAAS,EAAC,gBAAgB,qBAAsB,CACjD,CACN;gBAEA,OAAO,IAAI,CACX,oBAAC,YAAY,IACZ,EAAE,EAAE,KAAK,CAAC,EAAE,EACZ,aAAa,EAAE,aAAa,CAAC,OAAO,CAAC,GAAG,EACxC,QAAQ,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,GAChC,CACF,CACW,CACR,CACG,CACV,CAAC,CAAC;IAEH;;;;OAIG;IACH,SAAS,QAAQ,CAAC,EAAU;QAC3B,MAAM,IAAI,GAAG,eAAe,CAAC,EAAE,CAAC,EAAE,IAAI,CAAC;QACvC,OAAO,KAAK,IAAI,IAAI,eAAe,EAAE,CAAC;IACvC,CAAC;IAED,SAAS,eAAe,CAAC,EAAU;QAClC,MAAM,WAAW,GAAyB,EAAE,CAAC;QAE7C,aAAa,CAAC,OAAO,EAAE,QAAQ,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE;YAC1C,IAAI,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC;gBACjB,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;YACrB,CAAC;QACF,CAAC,CAAC,CAAC;QAEH,OAAO,WAAW,CAAC,CAAC,CAAC,CAAC;IACvB,CAAC;AACF,CAAC,CAAC;AAEF,eAAe,qBAAqB,CAAC"}
|
|
@@ -4,7 +4,6 @@ import React, { useState } from "react";
|
|
|
4
4
|
import { useCLDAForm, useCLDAFormStore } from "../../../../../data/clda-form";
|
|
5
5
|
import SecretaryList from "../SecretaryList";
|
|
6
6
|
import ChiefExecutiveOfficerList from "../ChiefExecutiveOfficerList";
|
|
7
|
-
import Card from "../../../components/Card";
|
|
8
7
|
import Section from "../../../controls/Section";
|
|
9
8
|
import { State } from "./state";
|
|
10
9
|
import { observe } from "@voplus/morpho-ui";
|
|
@@ -19,16 +18,15 @@ const InternalUse = (props) => {
|
|
|
19
18
|
// spec:2078 — CSP: Internal Use 区块:秘书、首席执行官、代名董事
|
|
20
19
|
return observe(() => (React.createElement("div", { className: "officer-list" },
|
|
21
20
|
React.createElement(Section, { title: React.createElement(React.Fragment, null,
|
|
22
|
-
React.createElement(FontAwesomeIcon, {
|
|
21
|
+
React.createElement(FontAwesomeIcon, { icon: faClipboardUserRegular }),
|
|
23
22
|
"Internal Use") },
|
|
24
23
|
React.createElement(Spin, { spinning: state.incorporationForm === null || !state.incorporationForm.loaded },
|
|
25
|
-
React.createElement(
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
React.createElement("div", { className: "
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
React.createElement(Checkbox, { checked: state.incorporationForm.content?.useNomineeDirector, onChange: onChange }, "Use Nominee Director"))))))));
|
|
24
|
+
React.createElement(SecretaryList, { id: props.id }),
|
|
25
|
+
React.createElement(ChiefExecutiveOfficerList, { id: props.id }),
|
|
26
|
+
React.createElement("div", { className: "internal-use-section" },
|
|
27
|
+
React.createElement("div", { className: "sub-title" }, "Other"),
|
|
28
|
+
React.createElement(Divider, { style: { margin: "10px 0" } }),
|
|
29
|
+
React.createElement(Checkbox, { checked: state.incorporationForm.content?.useNomineeDirector, onChange: onChange }, "Use Nominee Director")))))));
|
|
32
30
|
function onChange(e) {
|
|
33
31
|
store.edit(id, {
|
|
34
32
|
data: {
|
|
@@ -1 +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,
|
|
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,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"}
|
|
@@ -1,19 +1,27 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { IFormPeopleOptions, IShareholderOptions } from "../../../../../data/clda-form";
|
|
3
|
-
|
|
4
|
-
declare const MemberInfo: (props: {
|
|
3
|
+
export type MemberInfoProps = {
|
|
5
4
|
/** CLDAForm id */
|
|
6
5
|
formId: string;
|
|
7
6
|
memberId: string;
|
|
8
|
-
/** 是否显示
|
|
7
|
+
/** 是否显示 Internal Use Only(仅 defaultView 下的股东会传 true) */
|
|
9
8
|
isOnlyInternalUse?: boolean;
|
|
10
9
|
/** shareholders */
|
|
11
10
|
shareholders?: IShareholderOptions;
|
|
12
|
-
|
|
11
|
+
/** 联系人记录;与 shareholders / chiefExecutiveOfficerIds 靠 id 关联,缺失时渲染降级行 */
|
|
12
|
+
contacts?: IFormPeopleOptions;
|
|
13
13
|
/** members or officers of index */
|
|
14
14
|
memberIndex?: number;
|
|
15
15
|
/** members or officers of length */
|
|
16
16
|
memberLength?: number;
|
|
17
17
|
onDeleteClick?: () => void;
|
|
18
|
-
}
|
|
18
|
+
};
|
|
19
|
+
/**
|
|
20
|
+
* 首席执行官 / 秘书等人员行。
|
|
21
|
+
*
|
|
22
|
+
* 与股东、董事行共用同一套扁平布局({@link CLDAContactList}),视觉与交互因此保持一致;
|
|
23
|
+
* 数据写入(`Contacts` / `Shareholders` 载荷)、编辑开关、删除二次确认与校验规则全部沿用原实现,
|
|
24
|
+
* 这里只做语义命名与入参透传。
|
|
25
|
+
*/
|
|
26
|
+
declare const MemberInfo: (props: MemberInfoProps) => React.JSX.Element;
|
|
19
27
|
export default MemberInfo;
|