20260723225202

code/fms/fms-vue/src/components/fms-table/utils/createEditableCellRenderer.js

@@ -11,13 +11,24 @@ export function createEditableCellRenderer({ getRowKey, getActiveRowKey }) {
     const activeRowKey = getActiveRowKey();
     const isEditing = activeRowKey != null && String(getRowKey(row)) === String(activeRowKey);
 
+    const update = (value) => {
+      row[col.dataIndex] = value;
+      editor.onChange?.(value, row, col);
+    };
+
+    // checkbox 始终可交互（显示态与编辑态一致）
+    if (editor.type === "checkbox") {
+      const checkedValue = editor.checkedValue ?? 1;
+      const uncheckedValue = editor.uncheckedValue ?? 0;
+      return h(Checkbox, {
+        checked: cellValue === checkedValue,
+        disabled: resolveOption(editor.disabled, row),
+        onClick: (event) => event.stopPropagation(),
+        "onUpdate:checked": (checked) => update(checked ? checkedValue : uncheckedValue),
+      });
+    }
+
     if (!isEditing) {
-      if (editor.type === "checkbox") {
-        return h(Checkbox, {
-          checked: cellValue === (editor.checkedValue ?? 1),
-          style: { pointerEvents: "none" },
-        });
-      }
       if (editor.type === "select") {
         const options = resolveOption(editor.options, row) || [];
         const option = options.find((item) => item.value === cellValue);
@@ -26,14 +37,17 @@ export function createEditableCellRenderer({ getRowKey, getActiveRowKey }) {
       return h("span", { class: "fms-cell-text" }, cellValue ?? "");
     }
 
-    const update = (value) => {
-      row[col.dataIndex] = value;
-      editor.onChange?.(value, row, col);
-    };
     const common = {
       size: "small",
       style: { width: "100%" },
       onClick: (event) => event.stopPropagation(),
+      // 编辑态首次渲染自动聚焦
+      ref: (instance) => {
+        if (instance) {
+          const target = instance.focus ? instance : instance.$el;
+          target?.focus?.();
+        }
+      },
     };
 
     if (editor.type === "number") {
@@ -56,16 +70,6 @@ export function createEditableCellRenderer({ getRowKey, getActiveRowKey }) {
         "onUpdate:value": update,
       });
     }
-    if (editor.type === "checkbox") {
-      const checkedValue = editor.checkedValue ?? 1;
-      const uncheckedValue = editor.uncheckedValue ?? 0;
-      return h(Checkbox, {
-        checked: cellValue === checkedValue,
-        disabled: resolveOption(editor.disabled, row),
-        onClick: (event) => event.stopPropagation(),
-        "onUpdate:checked": (checked) => update(checked ? checkedValue : uncheckedValue),
-      });
-    }
     return h(Input, {
       ...common,
       value: cellValue,