feat: profiling支持条件值自定义输入

# Reviewed, transaction id: 29202
TencentBlueKing · Jan 14, 2025 · f31ae6b · f31ae6b
1 parent 8f1c8c5
commit f31ae6b
Showing 1 changed file with 10 additions and 4 deletions.
diff --git a/src/profiling/src/components/condition-input.tsx b/src/profiling/src/components/condition-input.tsx
@@ -155,9 +155,15 @@ const ConditionInput: React.FC<IProps> = ({ datasource, filterList, keyList, onC
     onChange(param);
   };
 
-  const handleValueConditionKeyDown = e => {
-    if (e.key === 'Enter') {
-      e.preventDefault();
+  const handleValueConditionKeyDown = (e, index: number, list: ICommonItem[]) => {
+    if (
+      e.key === 'Enter' &&
+      e.target.value &&
+      !list?.some(item => item.id === e.target.value || item.name === e.target.value)
+    ) {
+      const dimension = e.target.value;
+      list.push({ id: dimension, name: dimension });
+      handleValueChange(e.target.value, index);
     }
   };
 
@@ -295,7 +301,7 @@ const ConditionInput: React.FC<IProps> = ({ datasource, filterList, keyList, onC
                 showArrow={false}
                 tokenSeparators={[',', '|', '\n', ' ', '\r\n', '\r']}
                 onChange={v => handleValueChange(v, index)}
-                onInputKeyDown={v => handleValueConditionKeyDown(v)}
+                onInputKeyDown={v => handleValueConditionKeyDown(v, index, dimensionValueMap[item.key!] || [])}
                 showSearch={true}
               >
                 {/* {needNUll(item.key) && (