+
+
+
+
+ }
+ >
+
+ แถว {active.row + 1}
+
+
+
+ จัดการแถว {active.row + 1}
+ {
+ onChange(moveExtraSheetRow(value, active.row, active.row - 1));
+ setActive((current) => ({ ...current, row: current.row - 1 }));
+ }}
+ >
+ ย้ายขึ้น
+
+ {
+ onChange(moveExtraSheetRow(value, active.row, active.row + 1));
+ setActive((current) => ({ ...current, row: current.row + 1 }));
+ }}
+ >
+ ย้ายลง
+
+
+
+
+ setDeleteTarget("row")}
+ >
+ ลบแถว
+
+
+
+
+
+ }
+ >
+
+ {activeColumn?.label ?? "คอลัมน์"}
+
+
+
+ {activeColumn?.label}
+ แก้ไขชื่อ
+ {
+ onChange(moveExtraSheetColumn(value, active.column, active.column - 1));
+ setActive((current) => ({ ...current, column: current.column - 1 }));
+ }}
+ >
+ ย้ายไปทางซ้าย
+
+ {
+ onChange(moveExtraSheetColumn(value, active.column, active.column + 1));
+ setActive((current) => ({ ...current, column: current.column + 1 }));
+ }}
+ >
+ ย้ายไปทางขวา
+
+
+
+
+ setDeleteTarget("column")}
+ >
+ ลบคอลัมน์
+
+
+
+
+
+
+
+
+ column.label)}
+ DataViewer={LiteralDataViewer}
+ onActivate={setActive}
+ onChange={(next) => onChange(matrixToExtraSheet(
+ value,
+ next as ExtraSheetMatrix,
+ createId,
+ ))}
+ />
+
+
+
+
+
{ if (!open) setDeleteTarget(null); }}
+ title={deleteTarget === "column" ? `ลบ ${activeColumn?.label}?` : `ลบแถว ${active.row + 1}?`}
+ description="ข้อมูลในรายการนี้จะถูกลบออกจากตาราง"
+ showSuccessToast={false}
+ onConfirm={() => {
+ if (deleteTarget === "column") {
+ onChange(deleteExtraSheetColumn(value, active.column));
+ setActive((current) => ({ ...current, column: Math.max(0, current.column - 1) }));
+ } else if (deleteTarget === "row") {
+ onChange(deleteExtraSheetRow(value, active.row));
+ setActive((current) => ({ ...current, row: Math.max(0, current.row - 1) }));
+ }
+ setDeleteTarget(null);
+ }}
+ />
+ {
+ onRemove();
+ setRemoveOpen(false);
+ }}
+ />
+