drawdb-io/drawdb
1
0
Fork 0
mirror of https://github.com/drawdb-io/drawdb.git synced 2025-10-16 23:44:03 +00:00
Code Issues Packages Projects Releases Wiki Activity

add sets

Browse Source
This commit is contained in:
1ilit
2023-09-19 15:50:44 +03:00
parent 662e2294e8
commit 2760f458af
5 changed files with 37 additions and 131 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
src/components/table.jsx
View File

@@ -348,17 +348,11 @@ export default function Table(props) {
(value === "INT" ||
value === "BIGINT" ||
value === "SMALLINT");
updateField(
props.tableData.id,
j,
value === "ENUM"
? { type: value, enumValues: [], increment: incr }
: {
type: value,
length: value === "VARCHAR" ? 255 : "n/a",
increment: incr,
}
);
updateField(props.tableData.id, j, {
type: value,
length: value === "VARCHAR" ? 255 : "n/a",
increment: incr,
});
}}
></Select>
</Col>
@@ -450,26 +444,26 @@ export default function Table(props) {
setRedoStack([]);
}}
/>
{f.type === "ENUM" && (
{(f.type === "ENUM" || f.type === "SET") && (
<>
<div className="font-semibold mb-1">Enum values</div>
<div className="font-semibold mb-1">
{f.type} values
</div>
<TagInput
separator={[",", ", ", " ,"]}
value={f.enumValues}
value={f.values}
className="my-2"
placeholder="Use ',' for batch input"
onChange={(v) =>
updateField(props.tableData.id, j, {
enumValues: v,
values: v,
})
}
onFocus={(e) =>
setEditField({ enumValues: f.enumValues })
}
onFocus={(e) => setEditField({ values: f.values })}
onBlur={(e) => {
if (
JSON.stringify(editField.enumValues) ===
JSON.stringify(f.enumValues)
JSON.stringify(editField.values) ===
JSON.stringify(f.values)
)
return;
setUndoStack((prev) => [
@@ -481,7 +475,7 @@ export default function Table(props) {
tid: props.tableData.id,
fid: j,
undo: editField,
redo: { enumValues: f.enumValues },
redo: { values: f.values },
},
]);
setRedoStack([]);

32
src/components/table_overview.jsx
View File

@@ -183,17 +183,11 @@ export default function TableOverview(props) {
(value === "INT" ||
value === "BIGINT" ||
value === "SMALLINT");
updateField(
i,
j,
value === "ENUM"
? { type: value, enumValues: [], increment: incr }
: {
type: value,
length: value === "VARCHAR" ? 255 : "n/a",
increment: incr,
}
);
updateField(i, j, {
type: value,
length: value === "VARCHAR" ? 255 : "n/a",
increment: incr,
});
}}
></Select>
</Col>
@@ -286,26 +280,26 @@ export default function TableOverview(props) {
setRedoStack([]);
}}
/>
{f.type === "ENUM" && (
{(f.type === "ENUM" || f.type === "SET") && (
<>
<div className="font-semibold mb-1">
Enum values
{f.type} values
</div>
<TagInput
separator={[",", ", ", " ,"]}
value={f.enumValues}
value={f.values}
className="my-2"
placeholder="Use ',' for batch input"
onChange={(v) =>
updateField(i, j, { enumValues: v })
updateField(i, j, { values: v })
}
onFocus={(e) =>
setEditField({ enumValues: f.enumValues })
setEditField({ values: f.values })
}
onBlur={(e) => {
if (
JSON.stringify(editField.enumValues) ===
JSON.stringify(f.enumValues)
JSON.stringify(editField.values) ===
JSON.stringify(f.values)
)
return;
setUndoStack((prev) => [
@@ -317,7 +311,7 @@ export default function TableOverview(props) {
tid: i,
fid: j,
undo: editField,
redo: { enumValues: f.enumValues },
redo: { values: f.values },
},
]);
setRedoStack([]);