titor/drawDB
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add custom types to the selection

Browse Source
This commit is contained in:
1ilit 2023-09-19 15:51:34 +03:00
parent 796e302eeb
commit 9a1c086870
3 changed files with 35 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
src/components/table.jsx
View File

@ -39,6 +39,7 @@ import {
SettingsContext,
TabContext,
TableContext,
TypeContext,
UndoRedoContext,
} from "../pages/editor";
import { getSize, hasCheck, hasPrecision, isSized } from "../utils";
@ -52,6 +53,7 @@ export default function Table(props) {
useContext(TableContext);
const { tab, setTab } = useContext(TabContext);
const { settings } = useContext(SettingsContext);
const { types } = useContext(TypeContext);
const { setUndoStack, setRedoStack } = useContext(UndoRedoContext);
const { selectedElement, setSelectedElement } = useContext(SelectContext);
@ -347,12 +349,16 @@ export default function Table(props) {
<Col span={8}>
<Select
className="w-full"
optionList={sqlDataTypes.map((value) => {
return {
optionList={[
...sqlDataTypes.map((value) => ({
label: value,
value: value,
};
})}
})),
...types.map((type) => ({
label: type.name.toUpperCase(),
value: type.name.toUpperCase(),
})),
]}
filter
value={f.type}
validateStatus={f.type === "" ? "error" : "default"}

20
src/components/table_overview.jsx
View File

@ -35,7 +35,12 @@ import {
IllustrationNoContent,
IllustrationNoContentDark,
} from "@douyinfe/semi-illustrations";
import { SelectContext, TableContext, UndoRedoContext } from "../pages/editor";
import {
SelectContext,
TableContext,
TypeContext,
UndoRedoContext,
} from "../pages/editor";
import { getSize, hasCheck, hasPrecision, isSized } from "../utils";
export default function TableOverview(props) {
@ -49,6 +54,7 @@ export default function TableOverview(props) {
updateTable,
setRelationships,
} = useContext(TableContext);
const { types } = useContext(TypeContext);
const { setUndoStack, setRedoStack } = useContext(UndoRedoContext);
const { selectedElement, setSelectedElement } = useContext(SelectContext);
const [editField, setEditField] = useState({});
@ -193,12 +199,16 @@ export default function TableOverview(props) {
<Col span={8}>
<Select
className="w-full"
optionList={sqlDataTypes.map((value) => {
return {
optionList={[
...sqlDataTypes.map((value) => ({
label: value,
value: value,
};
})}
})),
...types.map((type) => ({
label: type.name.toUpperCase(),
value: type.name.toUpperCase(),
})),
]}
filter
value={f.type}
validateStatus={f.type === "" ? "error" : "default"}

14
src/components/types_overview.jsx
View File

@ -180,12 +180,18 @@ export default function TableOverview(props) {
<Col span={11}>
<Select
className="w-full"
optionList={sqlDataTypes.map((value) => {
return {
optionList={[
...sqlDataTypes.map((value) => ({
label: value,
value: value,
};
})}
})),
...types
.filter((type) => type.name !== t.name)
.map((type) => ({
label: type.name.toUpperCase(),
value: type.name.toUpperCase(),
})),
]}
filter
value={f.type}
validateStatus={f.type === "" ? "error" : "default"}