feat: update

antvis · Oct 11, 2023 · ddcd5a6 · ddcd5a6
1 parent b53c459
commit ddcd5a6
Show file tree

Hide file tree

Showing 5 changed files with 23 additions and 14 deletions.
diff --git a/packages/gi-assets-basic/src/components/SegmentedLayout/SegmentedTabs.tsx b/packages/gi-assets-basic/src/components/SegmentedLayout/SegmentedTabs.tsx
@@ -32,7 +32,7 @@ const SegmentedTabs: React.FunctionComponent<SegmentedTabsProps> = props => {
 
   const [state, setState] = React.useState<{ active: string }>(() => {
     const { searchParams } = getSearchParams(window.location);
-    const active = searchParams.get(queryKey) || defaultActive || items[0].key;
+    const active = searchParams.get(queryKey) || defaultActive || (items[0] && items[0].key) || '';
     return {
       active,
     };

diff --git a/packages/gi-assets-basic/src/components/SegmentedLayout/component.tsx b/packages/gi-assets-basic/src/components/SegmentedLayout/component.tsx
@@ -47,7 +47,16 @@ const SegmentedLayout: React.FunctionComponent<UadLayoutProps> = props => {
       >
         <SegmentedTabs items={items} />
       </div>
-      <div style={{ width: `calc(100% - ${width + padding * 2}px)` }}>{children}</div>
+      <div
+        style={{
+          width: `calc(100% - ${width + padding * 2}px)`,
+          position: 'relative',
+          transform: 'scale(1)',
+          height: 'calc(100% - 12px)',
+        }}
+      >
+        {children}
+      </div>
     </div>
   );
 };

diff --git a/packages/gi-sdk/src/GISDK.tsx b/packages/gi-sdk/src/GISDK.tsx
@@ -46,15 +46,6 @@ const GISDK = (props: Props) => {
   const constants = useConstant(id, state, updateState);
   const { GISDK_ID } = constants;
 
-  /**
-   *  响应 graph 的变化
-   */
-  const handleGraphInit = ins => {
-    updateState(draft => {
-      draft.graph = ins;
-      draft.HAS_GRAPH = true;
-    });
-  };
   /**
    * 响应 props.config 变化
    */
@@ -67,6 +58,16 @@ const GISDK = (props: Props) => {
     });
   }, [props.config]);
 
+  /**
+   *  响应 graph 的变化
+   */
+  const handleGraphInit = ins => {
+    updateState(draft => {
+      draft.graph = ins;
+      draft.HAS_GRAPH = true;
+    });
+  };
+
   /**
    * 响应 config.components 变化，重新渲染组件
    */

diff --git a/packages/gi-site/src/components/Navbar/SaveWorkbook.tsx b/packages/gi-site/src/components/Navbar/SaveWorkbook.tsx
@@ -19,6 +19,7 @@ const getCover = async (graph: Graph) => {
   return new Promise(resolve => {
     setTimeout(() => {
       const cover = graph.toDataURL('image/png');
+
       resolve(cover);
     }, 30);
   });

diff --git a/packages/graphin/src/compatible/graph.ts b/packages/graphin/src/compatible/graph.ts
@@ -18,9 +18,7 @@ export default (graph: IGraph) => {
     changeSize: size => {
       graph.setSize(size);
     },
-    toDataURL: () => {
-      return true;
-    },
+
     setAutoPaint: paint => {
       return true;
     },