From c277791ef3d6eb2bdef9db9d6ae004993778a1c8 Mon Sep 17 00:00:00 2001
From: Syngnat <yangguofeng919@gmail.com>
Date: Tue, 2 Jun 2026 12:02:28 +0800
Subject: [PATCH] =?UTF-8?q?=F0=9F=90=9B=20fix(data-grid):=20=E4=BF=AE?=
 =?UTF-8?q?=E5=A4=8D=E5=8D=95=E5=85=83=E6=A0=BC=E7=BC=96=E8=BE=91=E8=87=AA?=
 =?UTF-8?q?=E5=8A=A8=E9=A6=96=E5=AD=97=E6=AF=8D=E5=A4=A7=E5=86=99?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 编辑修复：普通内联单元格编辑输入框增加 noAutoCapInputProps

- 虚拟表格：同步为虚拟行内编辑输入框关闭自动大写

- 输入体验：禁用 autoCapitalize、autoCorrect 和 spellCheck，避免 true 被提示为 True

- 回归测试：新增 DataGrid 布局断言，覆盖两个内联编辑入口
---
 frontend/src/components/DataGrid.layout.test.tsx | 9 +++++++++
 frontend/src/components/DataGrid.tsx             | 2 ++
 2 files changed, 11 insertions(+)

diff --git a/frontend/src/components/DataGrid.layout.test.tsx b/frontend/src/components/DataGrid.layout.test.tsx
index 32a927f..7897c4b 100644
--- a/frontend/src/components/DataGrid.layout.test.tsx
+++ b/frontend/src/components/DataGrid.layout.test.tsx
@@ -433,6 +433,15 @@ describe('DataGrid layout', () => {
     expect(source).toContain('.${gridId} .data-grid-inline-editor-input');
   });
 
+  it('disables browser autocapitalization for inline cell editors', () => {
+    const source = readFileSync(new URL('./DataGrid.tsx', import.meta.url), 'utf8');
+
+    const editorInputCount = source.match(/\{\.\.\.noAutoCapInputProps\}[\s\S]{0,180}className="data-grid-inline-editor-input"/g)?.length || 0;
+
+    expect(source).toContain("import { applyNoAutoCapAttributesWithin, noAutoCapInputProps } from '../utils/inputAutoCap';");
+    expect(editorInputCount).toBe(2);
+  });
+
   it('renders a quick WHERE condition editor when table filters are visible', () => {
     const markup = renderToStaticMarkup(
       <DataGrid
diff --git a/frontend/src/components/DataGrid.tsx b/frontend/src/components/DataGrid.tsx
index ab0ebb4..08c2c05 100644
--- a/frontend/src/components/DataGrid.tsx
+++ b/frontend/src/components/DataGrid.tsx
@@ -1018,6 +1018,7 @@ const EditableCell: React.FC<EditableCellProps> = React.memo(({
           )
         ) : (
           <Input
+            {...noAutoCapInputProps}
             ref={inputRef}
             className="data-grid-inline-editor-input"
             style={{ width: '100%', ...inputCellPadding }}
@@ -5039,6 +5040,7 @@ const DataGrid: React.FC<DataGridProps> = ({
                                       )
                                   ) : (
                                       <Input
+                                          {...noAutoCapInputProps}
                                           ref={virtualInlineInputRef}
                                           className="data-grid-inline-editor-input"
                                           style={{ width: '100%', ...inputCellPadding }}