Disable keepDOM in tabs and collapses (#335)

This commit is contained in:
1ilit 2025-01-18 22:26:42 +04:00 committed by GitHub
parent f0adcf1a25
commit 40ef1ca91b
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
8 changed files with 9 additions and 8 deletions

View File

@ -32,7 +32,7 @@ export default function Issues() {
}, [tables, relationships, issues, types, database, enums]); }, [tables, relationships, issues, types, database, enums]);
return ( return (
<Collapse keepDOM lazyRender style={{ width: "100%" }}> <Collapse lazyRender keepDOM={false} style={{ width: "100%" }}>
<Collapse.Panel <Collapse.Panel
header={ header={
<Badge <Badge

View File

@ -33,7 +33,7 @@ export default function NotesTab() {
) : ( ) : (
<Collapse <Collapse
activeKey={selectedElement.open ? `${selectedElement.id}` : ""} activeKey={selectedElement.open ? `${selectedElement.id}` : ""}
keepDOM keepDOM={false}
lazyRender lazyRender
onChange={(activeKey) => { onChange={(activeKey) => {
setSelectedElement((prev) => ({ setSelectedElement((prev) => ({

View File

@ -27,7 +27,7 @@ export default function RelationshipsTab() {
? `${selectedElement.id}` ? `${selectedElement.id}`
: "" : ""
} }
keepDOM keepDOM={false}
lazyRender lazyRender
onChange={(k) => onChange={(k) =>
setSelectedElement((prev) => ({ setSelectedElement((prev) => ({

View File

@ -62,6 +62,7 @@ export default function SidePanel({ width, resize, setResize }) {
type="card" type="card"
activeKey={selectedElement.currentTab} activeKey={selectedElement.currentTab}
lazyRender lazyRender
keepDOM={false}
onChange={(key) => onChange={(key) =>
setSelectedElement((prev) => ({ ...prev, currentTab: key })) setSelectedElement((prev) => ({ ...prev, currentTab: key }))
} }

View File

@ -160,7 +160,7 @@ export default function TableInfo({ data }) {
> >
<Collapse <Collapse
activeKey={indexActiveKey} activeKey={indexActiveKey}
keepDOM keepDOM={false}
lazyRender lazyRender
onChange={(itemKey) => setIndexActiveKey(itemKey)} onChange={(itemKey) => setIndexActiveKey(itemKey)}
accordion accordion
@ -187,7 +187,7 @@ export default function TableInfo({ data }) {
style={{ marginTop: "12px", marginBottom: "12px" }} style={{ marginTop: "12px", marginBottom: "12px" }}
headerLine={false} headerLine={false}
> >
<Collapse keepDOM lazyRender> <Collapse keepDOM={false} lazyRender>
<Collapse.Panel header={t("comment")} itemKey="1"> <Collapse.Panel header={t("comment")} itemKey="1">
<TextArea <TextArea
field="comment" field="comment"

View File

@ -31,7 +31,7 @@ export default function TablesTab() {
? `${selectedElement.id}` ? `${selectedElement.id}`
: "" : ""
} }
keepDOM keepDOM={false}
lazyRender lazyRender
onChange={(k) => onChange={(k) =>
setSelectedElement((prev) => ({ setSelectedElement((prev) => ({

View File

@ -89,7 +89,7 @@ export default function TypeInfo({ index, data }) {
style={{ marginTop: "12px", marginBottom: "12px" }} style={{ marginTop: "12px", marginBottom: "12px" }}
headerLine={false} headerLine={false}
> >
<Collapse keepDOM lazyRender> <Collapse lazyRender keepDOM={false}>
<Collapse.Panel header={t("comment")} itemKey="1"> <Collapse.Panel header={t("comment")} itemKey="1">
<TextArea <TextArea
field="comment" field="comment"

View File

@ -49,7 +49,7 @@ export default function TypesTab() {
? `${selectedElement.id}` ? `${selectedElement.id}`
: "" : ""
} }
keepDOM keepDOM={false}
lazyRender lazyRender
onChange={(id) => onChange={(id) =>
setSelectedElement((prev) => ({ setSelectedElement((prev) => ({