root/gpustack-ui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: volume name update while typing

Browse Source
This commit is contained in:
jialin
2026-04-10 15:17:58 +08:00
committed by jialin
parent f2a4ab2654
commit 0956538b79
3 changed files with 38 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/pages/cluster-management/components/cluster-form.tsx
+1 -4
View File
@@ -174,10 +174,7 @@ const ClusterForm: React.FC<AddModalProps> = forwardRef(
></SealTextArea>
</Form.Item>
{provider === ProviderValueMap.Kubernetes && (
<K8SVolumeMount
action={action}
currentData={currentData}
></K8SVolumeMount>
<K8SVolumeMount action={action}></K8SVolumeMount>
)}
<CollapsePanel
accordion={false}
src/pages/cluster-management/components/k8s-volume-mount.tsx
+32 -28
View File
@@ -37,6 +37,7 @@ const VolumeMountsForm: React.FC<{ action: PageActionType }> = ({ action }) => {
const form = Form.useFormInstance();
const intl = useIntl();
const { getRuleMessage } = useAppUtils();
const k8sVolumeMounts = Form.useWatch('k8s_volume_mounts', form);
const [collapseKey, setCollapseKey] = useState<Set<number | string>>(
new Set([0])
@@ -103,35 +104,26 @@ const VolumeMountsForm: React.FC<{ action: PageActionType }> = ({ action }) => {
};
const handleSourceChange = (value: string, index: number) => {
const list = form.getFieldValue('k8s_volume_mounts') || [];
let volumeSource: any = {};
const updated = list.map((item: any, i: number) => {
if (i !== index) return item;
let volumeSource: any = {};
if (value === 'hostPath') {
volumeSource = {
hostPath: { path: '', type: 'DirectoryOrCreate' }
};
} else if (value === 'pvc') {
volumeSource = {
persistentVolumeClaim: { claimName: '', readOnly: false }
};
} else if (value === 'configMap') {
volumeSource = {
configMap: { name: '', optional: false }
};
}
return {
...item,
sourceType: value,
volumeSource
if (value === 'hostPath') {
volumeSource = {
hostPath: { path: '', type: 'DirectoryOrCreate' }
};
});
} else if (value === 'persistentVolumeClaim') {
volumeSource = {
persistentVolumeClaim: { claimName: '', readOnly: false }
};
} else if (value === 'configMap') {
volumeSource = {
configMap: { name: '', optional: false }
};
}
form.setFieldValue('k8s_volume_mounts', updated);
form.setFieldValue(
['k8s_volume_mounts', index, 'volumeSource'],
volumeSource
);
};
return (
@@ -184,7 +176,7 @@ const VolumeMountsForm: React.FC<{ action: PageActionType }> = ({ action }) => {
<span>
{intl.formatMessage({ id: 'clusters.volume.name' })}:
</span>
<span>{list[name]?.name}</span>
<span>{item.name}</span>
</Label>
}
right={
@@ -228,6 +220,12 @@ const VolumeMountsForm: React.FC<{ action: PageActionType }> = ({ action }) => {
'input',
'clusters.volume.mountPath'
)
},
{
pattern: /^\//,
message: intl.formatMessage({
id: 'clusters.volume.mountPath.format'
})
}
]}
>
@@ -294,6 +292,12 @@ const VolumeMountsForm: React.FC<{ action: PageActionType }> = ({ action }) => {
'input',
'clusters.volume.hostPath.path'
)
},
{
pattern: /^\//,
message: intl.formatMessage({
id: 'clusters.volume.mountPath.format'
})
}
]}
>
@@ -333,7 +337,7 @@ const VolumeMountsForm: React.FC<{ action: PageActionType }> = ({ action }) => {
</Flex>
)}
{item.sourceType === 'pvc' && (
{item.sourceType === 'persistentVolumeClaim' && (
<Flex style={{ gap: 16 }}>
<div style={{ flex: 1 }}>
<Form.Item
src/pages/cluster-management/config/index.ts
+5 -1
View File
@@ -142,7 +142,11 @@ export const sourceTypeOptions = [
locale: true,
value: 'hostPath'
},
{ label: 'clusters.volume.sourceType.pvc', locale: true, value: 'pvc' },
{
label: 'clusters.volume.sourceType.pvc',
locale: true,
value: 'persistentVolumeClaim'
},
{
label: 'clusters.volume.sourceType.configMap',
locale: true,