dosubot[bot] commented on issue #594:
URL:
https://github.com/apache/incubator-hugegraph-toolchain/issues/594#issuecomment-2009276043
<!-- Greeting -->
嗨，@WhiteHSBG！很高兴再次见到你😄 希望你今天过得不错！
<!-- Answer -->
在Apache HugeGraph Toolchain Release
1.2.0中，如果你想在定义顶点时直接设置顶点的颜色，你可以在代码中修改`vertexTypeStore.newVertexType.style.color`的值。这可以在`Select`组件的`onChange`处理器中完成，该处理器用于选择顶点颜色。以下是相关的代码片段：
```tsx
<Select
width={66}
size="medium"
value={vertexTypeStore.newVertexType.style.color}
prefixCls="new-fc-one-select-another"
dropdownMatchSelectWidth={false}
onChange={(value: string) => {
vertexTypeStore.mutateNewProperty({
...vertexTypeStore.newVertexType,
style: {
...vertexTypeStore.newVertexType.style,
color: value,
size: vertexTypeStore.newVertexType.style.size
}
});
}}
>
{vertexTypeStore.colorSchemas.map(
(color: string, index: number) => (
<Select.Option
value={color}
key={color}
style={{
display: 'inline-block',
marginLeft: index % 5 === 0 ? 8 : 0,
marginTop: index < 5 ? 6 : 2,
width: 31
}}
>
<div
className={
vertexTypeStore.newVertexType.style.color === color
? 'new-vertex-type-options-border
new-vertex-type-options-color'
: 'new-vertex-type-options-no-border
new-vertex-type-options-color'
}
style={{
background: color,
marginLeft: -4,
marginTop: 4.4
}}
></div>
</Select.Option>
)
)}
</Select>
```
在这段代码中，`onChange`处理器通过更新`vertexTypeStore.newVertexType.style.color`的值来设置顶点的颜色。如果你想在代码中直接设置特定的颜色，你可以以类似于`onChange`处理器中所做的方式来编程设置`vertexTypeStore.newVertexType.style.color`的值。
请确保你直接设置的颜色值是`vertexTypeStore.colorSchemas`中的值之一，以保持与UI中可用颜色选项的一致性。
相关资源：
-
[hugegraph-hubble/hubble-fe/src/components/graph-management/metadata-configs/vertex-type/NewVertexType.tsx](https://github.com/apache/incubator-hugegraph-toolchain/blob/master/hugegraph-hubble/hubble-fe/src/components/graph-management/metadata-configs/vertex-type/NewVertexType.tsx)
## Sources
-
[hugegraph-hubble/hubble-fe/src/components/graph-management/metadata-configs/vertex-type/NewVertexType.tsx](https://github.com/apache/incubator-hugegraph-toolchain/blob/master/hugegraph-hubble/hubble-fe/src/components/graph-management/metadata-configs/vertex-type/NewVertexType.tsx)
-
[hugegraph-hubble/hubble-fe/src/stores/GraphManagementStore/metadataConfigsStore/vertexTypeStore.ts](https://github.com/apache/incubator-hugegraph-toolchain/blob/master/hugegraph-hubble/hubble-fe/src/stores/GraphManagementStore/metadataConfigsStore/vertexTypeStore.ts)
<!-- Dosu Comment Footer -->
<details open>
<summary>
#### About Dosu
</summary>
This response is meant to be useful and save you time. It is **not meant to
be a precise solution**, but rather a starting point for your own research.
Help me be more useful! Please leave a 👍 if this is helpful and 👎 if it is
irrelevant.
If you want to continue the conversation, start your reply with @dosu-bot.
</details>
--
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.
To unsubscribe, e-mail: [email protected]
For queries about this service, please contact Infrastructure at:
[email protected]
---------------------------------------------------------------------
To unsubscribe, e-mail: [email protected]
For additional commands, e-mail: [email protected]
