+
+ {
+ setCustomHeaders((prev) => {
+ const newHeaders = prev.map((item, i) =>
+ i === index ? { ...item, key: val } : item
+ );
+ setValue(
+ 'metadata.customHeaders',
+ '{\n' +
+ newHeaders
+ .map((item) => `"${item.key}":"${item.value}"`)
+ .join(',\n') +
+ '\n}'
+ );
+ return newHeaders;
+ });
+ setUpdateTrigger((prev) => !prev);
+ }}
+ placeholder={t('core.module.http.Props name')}
+ value={item.key}
+ variables={leftVariables}
+ onBlur={(val) => {
+ setCustomHeaders((prev) => {
+ const newHeaders = prev.map((item, i) =>
+ i === index ? { ...item, key: val } : item
+ );
+ setValue(
+ 'metadata.customHeaders',
+ '{\n' +
+ newHeaders
+ .map((item) => `"${item.key}":"${item.value}"`)
+ .join(',\n') +
+ '\n}'
+ );
+ return newHeaders;
+ });
+ }}
+ updateTrigger={updateTrigger}
+ />
+ |
+
+
+
+ setCustomHeaders((prev) => {
+ const newHeaders = prev.map((item, i) =>
+ i === index ? { ...item, value: val } : item
+ );
+ setValue(
+ 'metadata.customHeaders',
+ '{\n' +
+ newHeaders
+ .map((item) => `"${item.key}":"${item.value}"`)
+ .join(',\n') +
+ '\n}'
+ );
+ return newHeaders;
+ })
+ }
+ />
+
+ setCustomHeaders((prev) => {
+ const newHeaders = prev.filter((val) => val.key !== item.key);
+ setValue(
+ 'metadata.customHeaders',
+ '{\n' +
+ newHeaders
+ .map((item) => `"${item.key}":"${item.value}"`)
+ .join(',\n') +
+ '\n}'
+ );
+ return newHeaders;
+ })
+ }
+ />
+
+ |
+
+ ))}
+
+
+ {
+ setCustomHeaders((prev) => {
+ const newHeaders = [...prev, { key: val, value: '' }];
+ setValue(
+ 'metadata.customHeaders',
+ '{\n' +
+ newHeaders
+ .map((item) => `"${item.key}":"${item.value}"`)
+ .join(',\n') +
+ '\n}'
+ );
+ return newHeaders;
+ });
+ setUpdateTrigger((prev) => !prev);
+ }}
+ placeholder={t('core.module.http.Add props')}
+ value={''}
+ variables={leftVariables}
+ updateTrigger={updateTrigger}
+ onBlur={(val) => {
+ if (!val) return;
+ setCustomHeaders((prev) => {
+ const newHeaders = [...prev, { key: val, value: '' }];
+ setValue(
+ 'metadata.customHeaders',
+ '{\n' +
+ newHeaders
+ .map((item) => `"${item.key}":"${item.value}"`)
+ .join(',\n') +
+ '\n}'
+ );
+ return newHeaders;
+ });
+ setUpdateTrigger((prev) => !prev);
+ }}
+ />
+ |
+
+
+
+
+ |
+
+