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, Tag,
Popconfirm, Popconfirm,
Toast, Toast,
SideSheet,
} from "@douyinfe/semi-ui"; } from "@douyinfe/semi-ui";
export default function Table(props) { export default function Table(props) {
@ -23,6 +24,7 @@ export default function Table(props) {
const [hoveredField, setHoveredField] = useState(-1); const [hoveredField, setHoveredField] = useState(-1);
const [name, setName] = useState(props.tableData.name); const [name, setName] = useState(props.tableData.name);
const [visible, setVisible] = useState(false); const [visible, setVisible] = useState(false);
const [sideSheetOn, setSideSheetOn] = useState(false);
const [editFieldVisible, setEditFieldVisible] = useState(-1); const [editFieldVisible, setEditFieldVisible] = useState(-1);
const [field, setField] = useState({ const [field, setField] = useState({
@ -135,7 +137,10 @@ export default function Table(props) {
} }
{isHovered && ( {isHovered && (
<div className="flex justify-end items-center"> <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 /> <IconEdit />
</button> </button>
<button <button
@ -226,7 +231,7 @@ export default function Table(props) {
className={`w-[10px] h-[10px] bg-green-600 rounded-full me-2`} className={`w-[10px] h-[10px] bg-green-600 rounded-full me-2`}
onMouseDown={(ev) => { onMouseDown={(ev) => {
props.handleGripField(i); props.handleGripField(i);
props.setLine((prev)=>({ props.setLine((prev) => ({
...prev, ...prev,
startFieldId: i, startFieldId: i,
startTableId: props.id, startTableId: props.id,
@ -470,6 +475,11 @@ export default function Table(props) {
</Row> </Row>
</Form> </Form>
</Modal> </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> </g>
); );
} }