in hugegraph-hubble/hubble-fe/src/components/graph-management/metadata-configs/edge-type/ReuseEdgeTypes.tsx [945:1017]
content: t('data-analyze.hint.graph-disabled'),
size: 'medium',
showCloseIcon: false
});
}
}}
value={selectedId}
>
{graphManagementStore.idList
.filter(
({ id }) =>
Number(id) !== metadataConfigsRootStore.currentId
)
.map(({ name }) => (
<Select.Option value={name} key={name}>
{name}
</Select.Option>
))}
</Select>
</div>
<div
className="reuse-properties-row"
style={{ alignItems: 'normal' }}
>
<div className="reuse-properties-row-name">
<span className="metdata-essential-form-options">*</span>
<span>{t('addition.edge.multiplexing-edge-type')}:</span>
</div>
<Transfer
treeName={t('addition.common.edge-type')}
allDataMap={edgeTypeStore.reusableEdgeTypeDataMap}
candidateList={edgeTypeStore.reusableEdgeTypes.map(
({ name }) => name
)}
selectedList={selectedList}
showSearchBox={false}
candidateTreeStyle={{
width: 359,
fontSize: 14
}}
selectedTreeStyle={{
width: 359,
fontSize: 14
}}
handleSelect={(selectedList: string[]) => {
mutateSelectedList(selectedList);
}}
handleSelectAll={(selectedList: string[]) => {
mutateSelectedList(selectedList);
}}
handleDelete={(selectedList: string[]) => {
mutateSelectedList(selectedList);
}}
handleDeleteAll={(selectedList: string[]) => {
mutateSelectedList(selectedList);
}}
/>
</div>
<div className="reuse-properties-manipulations">
<Button
type="primary"
size="medium"
style={{ width: 78, marginRight: 12 }}
disabled={selectedList.length === 0}
onClick={() => {
setCurrentStatus(2);
edgeTypeStore.checkConflict(
selectedId as string,
selectedList
);
if (edgeTypeStore.requestStatus.checkConflict === 'failed') {
Message.error({