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

sidesheets

Browse Source
This commit is contained in:
1ilit 2023-09-19 15:47:48 +03:00
parent 58642f3e8e
commit 9c61815999
1 changed files with 12 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
src/components/table.jsx
View File

@ -16,6 +16,7 @@ import {
Tag,
Popconfirm,
Toast,
SideSheet,
} from "@douyinfe/semi-ui";
export default function Table(props) {
@ -23,6 +24,7 @@ export default function Table(props) {
const [hoveredField, setHoveredField] = useState(-1);
const [name, setName] = useState(props.tableData.name);
const [visible, setVisible] = useState(false);
const [sideSheetOn, setSideSheetOn] = useState(false);
const [editFieldVisible, setEditFieldVisible] = useState(-1);
const [field, setField] = useState({
@ -135,7 +137,10 @@ export default function Table(props) {
}
{isHovered && (
<div className="flex justify-end items-center">
<button className="btn bg-sky-800 text-white text-xs py-1 px-2 me-2 opacity-80">
<button
className="btn bg-sky-800 text-white text-xs py-1 px-2 me-2 opacity-80"
onClick={() => setSideSheetOn(true)}
>
<IconEdit />
</button>
<button
@ -226,7 +231,7 @@ export default function Table(props) {
className={`w-[10px] h-[10px] bg-green-600 rounded-full me-2`}
onMouseDown={(ev) => {
props.handleGripField(i);
props.setLine((prev)=>({
props.setLine((prev) => ({
...prev,
startFieldId: i,
startTableId: props.id,
@ -470,6 +475,11 @@ export default function Table(props) {
</Row>
</Form>
</Modal>
<SideSheet title="Sidesheet" visible={sideSheetOn} onCancel={() => setSideSheetOn
(false)}>
<p>This is the content of a basic sidesheet.</p>
<p>Here is more content...</p>
</SideSheet>
</g>
);
}