support search in Select

This commit is contained in:
codetypes committed 2024-10-26 15:46:14 +08:00
1 parent 1898315095
commit b071f735e4
1 file changed
+30 -16
+30 -16
View File
@@ -600,18 +600,23 @@ const NodeInspector: FC = () => {
)}
{type === "enum" && (
<Select
showSearch
disabled={disabled}
onBlur={form.submit}
onChange={form.submit}
>
{arg.options?.map((value, i) => {
return (
<Select.Option key={i} value={value.value}>
{value.name}
</Select.Option>
);
options={(arg.options ?? []).map((option) => {
return {
value: option.value,
label: `${option.name}(${option.value})`,
};
})}
</Select>
filterOption={(value, option) => {
value = value.toUpperCase();
return !!option?.label
.toLocaleUpperCase()
.includes(value.toUpperCase());
}}
/>
)}
</Form.Item>
<MinusCircleOutlined
@@ -724,15 +729,24 @@ const NodeInspector: FC = () => {
{type === "boolean" && <Switch disabled={disabled} onChange={form.submit} />}
{type === "code" && <Input disabled={disabled} onBlur={form.submit} />}
{type === "enum" && (
<Select disabled={disabled} onBlur={form.submit} onChange={form.submit}>
{arg.options?.map((value, index) => {
return (
<Select.Option key={index} value={value.value}>
{value.name}
</Select.Option>
);
<Select
showSearch
disabled={disabled}
onBlur={form.submit}
onChange={form.submit}
options={(arg.options ?? []).map((option) => {
return {
value: option.value,
label: `${option.name}(${option.value})`,
};
})}
</Select>
filterOption={(value, option) => {
value = value.toUpperCase();
return !!option?.label
.toLocaleUpperCase()
.includes(value.toUpperCase());
}}
/>
)}
</Form.Item>
);