From a85ded8a390557f44c0396cd3344ae7f5dc88c6b Mon Sep 17 00:00:00 2001
From: JIANG <huarch97@gmail.com>
Date: Tue, 18 Nov 2025 14:32:21 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E8=A1=A5=E8=87=AA=E5=AE=9A=E4=B9=89?=
 =?UTF-8?q?=E5=88=86=E6=AE=B5=E5=90=8E=EF=BC=8C=E9=9D=A2=E6=9D=BF=E8=BF=87?=
 =?UTF-8?q?=E9=95=BF=E7=9A=84=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/app/OlMap/Controls/StyleEditorPanel.tsx | 85 +++++++++++----------
 1 file changed, 45 insertions(+), 40 deletions(-)

diff --git a/src/app/OlMap/Controls/StyleEditorPanel.tsx b/src/app/OlMap/Controls/StyleEditorPanel.tsx
index fb9e1f0..a7bcab3 100644
--- a/src/app/OlMap/Controls/StyleEditorPanel.tsx
+++ b/src/app/OlMap/Controls/StyleEditorPanel.tsx
@@ -715,7 +715,7 @@ const StyleEditorPanel: React.FC<StyleEditorPanelProps> = ({
     // 判断此次触发是否由用户点击“应用”按钮引起
     const isUserTrigger =
       styleUpdateTrigger !== prevStyleUpdateTriggerRef.current;
-    // 更新 prevStyleUpdateTriggerRef
+    // 更新 prevStyleUpdateTrigger
     prevStyleUpdateTriggerRef.current = styleUpdateTrigger;
 
     const updateJunctionStyle = () => {
@@ -1368,45 +1368,50 @@ const StyleEditorPanel: React.FC<StyleEditorPanelProps> = ({
             <Typography variant="subtitle2" gutterBottom>
               手动设置区间阈值（按升序填写，最小值 {">="} 0）
             </Typography>
-            <Box className="flex flex-col gap-2">
-              {Array.from({ length: styleConfig.segments }).map((_, idx) => (
-                <TextField
-                  key={idx}
-                  label={`阈值 ${idx + 1}`}
-                  type="number"
-                  size="small"
-                  slotProps={{ input: { inputProps: { min: 0, step: 0.1 } } }}
-                  value={
-                    (styleConfig.customBreaks &&
-                      styleConfig.customBreaks[idx]) ??
-                    ""
-                  }
-                  onChange={(e) => {
-                    const v = parseFloat(e.target.value);
-                    setStyleConfig((prev) => {
-                      const prevBreaks = prev.customBreaks
-                        ? [...prev.customBreaks]
-                        : [];
-                      // 保证长度
-                      while (prevBreaks.length < styleConfig.segments + 1)
-                        prevBreaks.push(0);
-                      prevBreaks[idx] = isNaN(v) ? 0 : Math.max(0, v);
-                      return { ...prev, customBreaks: prevBreaks };
-                    });
-                  }}
-                  onBlur={() => {
-                    // on blur 保证升序
-                    setStyleConfig((prev) => {
-                      const prevBreaks = (prev.customBreaks || []).slice(
-                        0,
-                        styleConfig.segments + 1
-                      );
-                      prevBreaks.sort((a, b) => a - b);
-                      return { ...prev, customBreaks: prevBreaks };
-                    });
-                  }}
-                />
-              ))}
+            <Box
+              className="flex flex-col gap-2"
+              sx={{ maxHeight: "240px", overflowY: "auto", paddingTop: "12px" }}
+            >
+              {Array.from({ length: styleConfig.segments + 1 }).map(
+                (_, idx) => (
+                  <TextField
+                    key={idx}
+                    label={`阈值 ${idx + 1}`}
+                    type="number"
+                    size="small"
+                    slotProps={{ input: { inputProps: { min: 0, step: 0.1 } } }}
+                    value={
+                      (styleConfig.customBreaks &&
+                        styleConfig.customBreaks[idx]) ??
+                      ""
+                    }
+                    onChange={(e) => {
+                      const v = parseFloat(e.target.value);
+                      setStyleConfig((prev) => {
+                        const prevBreaks = prev.customBreaks
+                          ? [...prev.customBreaks]
+                          : [];
+                        // 保证长度
+                        while (prevBreaks.length < styleConfig.segments + 1)
+                          prevBreaks.push(0);
+                        prevBreaks[idx] = isNaN(v) ? 0 : Math.max(0, v);
+                        return { ...prev, customBreaks: prevBreaks };
+                      });
+                    }}
+                    onBlur={() => {
+                      // on blur 保证升序
+                      setStyleConfig((prev) => {
+                        const prevBreaks = (prev.customBreaks || []).slice(
+                          0,
+                          styleConfig.segments + 1
+                        );
+                        prevBreaks.sort((a, b) => a - b);
+                        return { ...prev, customBreaks: prevBreaks };
+                      });
+                    }}
+                  />
+                )
+              )}
             </Box>
           </Box>
         )}