Docs

lineCode · Jun 3, 2024 · cffd742 · cffd742
1 parent bbdb99d
commit cffd742
Show file tree

Hide file tree

Showing 9 changed files with 1,030 additions and 78 deletions.
diff --git a/packages/docs/docs/core/panels/add.mdx b/packages/docs/docs/core/panels/add.mdx
@@ -165,6 +165,6 @@ api.addPanel({
 api.addPanel({
     id: 'panel_2',
     component: 'default',
-    floating: { x: 10, y: 10, width: 300, height: 300 },
+    floating: { left: 10, top: 10, width: 300, height: 300 },
 });
 ```
diff --git a/packages/docs/sandboxes/react/dockview/demo-dockview/src/groupActions.tsx b/packages/docs/sandboxes/react/dockview/demo-dockview/src/groupActions.tsx
@@ -65,7 +65,14 @@ const GroupAction = (props: {
                     }
                     onClick={() => {
                         if (group) {
-                            props.api.addFloatingGroup(group);
+                            props.api.addFloatingGroup(group, undefined, {
+                                position: {
+                                    width: 400,
+                                    height: 300,
+                                    top: 50,
+                                    right: 50,
+                                }
+                            });
                         }
                     }}
                 >

diff --git a/packages/docs/sandboxes/react/dockview/demo-dockview/src/panelActions.tsx b/packages/docs/sandboxes/react/dockview/demo-dockview/src/panelActions.tsx
@@ -33,8 +33,8 @@ const PanelAction = (props: {
                                 position: {
                                     width: 400,
                                     height: 300,
-                                    bottom: 20,
-                                    right: 20,
+                                    bottom: 50,
+                                    right: 50,
                                 }
                             });
                         }

diff --git a/packages/docs/sandboxes/react/dockview/floating-groups/src/app.tsx b/packages/docs/sandboxes/react/dockview/floating-groups/src/app.tsx
@@ -84,7 +84,7 @@ function addFloatingPanel2(api: DockviewApi) {
         id: (++panelCount).toString(),
         title: `Tab ${panelCount}`,
         component: 'default',
-        floating: { width: 250, height: 150, x: 50, y: 50 },
+        floating: { width: 250, height: 150, left: 50, top: 50 },
     });
 }
 
@@ -217,9 +217,8 @@ export const DockviewPersistence = (props: { theme?: string }) => {
                         setDisableFloatingGroups((x) => !x);
                     }}
                 >
-                    {`${
-                        disableFloatingGroups ? 'Enable' : 'Disable'
-                    } floating groups`}
+                    {`${disableFloatingGroups ? 'Enable' : 'Disable'
+                        } floating groups`}
                 </button>
             </div>
             <div
@@ -275,7 +274,14 @@ const RightComponent = (props: IDockviewHeaderActionsProps) => {
             const group = props.containerApi.addGroup();
             props.group.api.moveTo({ group });
         } else {
-            props.containerApi.addFloatingGroup(props.group);
+            props.containerApi.addFloatingGroup(props.group, undefined, {
+                position: {
+                    width: 400,
+                    height: 300,
+                    bottom: 50,
+                    right: 50,
+                }
+            });
         }
     };
 

diff --git a/packages/docs/src/generated/api.output.json b/packages/docs/src/generated/api.output.json
diff --git a/packages/docs/templates/dockview/demo-dockview/react/src/groupActions.tsx b/packages/docs/templates/dockview/demo-dockview/react/src/groupActions.tsx
@@ -32,7 +32,14 @@ export const GroupActions = (props: {
                                 onClick={() => {
                                     const panel = props.api?.getGroup(x);
                                     if (panel) {
-                                        props.api?.addFloatingGroup(panel);
+                                        props.api?.addFloatingGroup(panel, undefined, {
+                                            position: {
+                                                width: 400,
+                                                height: 300,
+                                                bottom: 50,
+                                                right: 50,
+                                            }
+                                        });
                                     }
                                 }}
                             >

diff --git a/packages/docs/templates/dockview/demo-dockview/react/src/panelActions.tsx b/packages/docs/templates/dockview/demo-dockview/react/src/panelActions.tsx
@@ -32,7 +32,14 @@ export const PanelActions = (props: {
                                 onClick={() => {
                                     const panel = props.api?.getPanel(x);
                                     if (panel) {
-                                        props.api?.addFloatingGroup(panel);
+                                        props.api?.addFloatingGroup(panel, undefined, {
+                                            position: {
+                                                width: 400,
+                                                height: 300,
+                                                bottom: 50,
+                                                right: 50,
+                                            }
+                                        });
                                     }
                                 }}
                             >

diff --git a/packages/docs/templates/dockview/floating-groups/react/src/app.tsx b/packages/docs/templates/dockview/floating-groups/react/src/app.tsx
@@ -209,9 +209,8 @@ export const DockviewPersistence = (props: { theme?: string }) => {
                         setDisableFloatingGroups((x) => !x);
                     }}
                 >
-                    {`${
-                        disableFloatingGroups ? 'Enable' : 'Disable'
-                    } floating groups`}
+                    {`${disableFloatingGroups ? 'Enable' : 'Disable'
+                        } floating groups`}
                 </button>
             </div>
             <div
@@ -265,7 +264,14 @@ const RightComponent = (props: IDockviewHeaderActionsProps) => {
             const group = props.containerApi.addGroup();
             props.group.api.moveTo({ group });
         } else {
-            props.containerApi.addFloatingGroup(props.group);
+            props.containerApi.addFloatingGroup(props.group, undefined, {
+                position: {
+                    width: 400,
+                    height: 300,
+                    bottom: 50,
+                    right: 50,
+                }
+            });
         }
     };
 

diff --git a/packages/docs/templates/dockview/floating-groups/vue/src/index.ts b/packages/docs/templates/dockview/floating-groups/vue/src/index.ts
@@ -93,7 +93,14 @@ const RightAction = defineComponent({
                 const group = this.params.containerApi.addGroup();
                 this.group.api.moveTo({ group });
             } else {
-                this.containerApi.addFloatingGroup(this.params.group);
+                this.containerApi.addFloatingGroup(this.params.group, undefined, {
+                    position: {
+                        width: 400,
+                        height: 300,
+                        bottom: 50,
+                        right: 50,
+                    }
+                });
             }
         },
     },