feat: update assets

antvis · Oct 20, 2023 · c21201b · c21201b
1 parent 4c540cc
commit c21201b
Show file tree

Hide file tree

Showing 8 changed files with 34 additions and 24 deletions.
diff --git a/packages/gi-assets-basic/src/components/CanvasSetting/CanvasDoubleClick.tsx b/packages/gi-assets-basic/src/components/CanvasSetting/CanvasDoubleClick.tsx
@@ -10,7 +10,12 @@ const CanvasClick = () => {
 
   React.useEffect(() => {
     const handleCenter = () => {
-      graph.fitView();
+      graph.fitView(
+        { padding: 10, rules: {} },
+        {
+          duration: 500,
+        },
+      );
     };
     graph.on('canvas:dblclick', handleCenter);
     return () => {

diff --git a/packages/gi-assets-basic/src/components/ChartAnalysis/Component.tsx b/packages/gi-assets-basic/src/components/ChartAnalysis/Component.tsx
@@ -15,7 +15,6 @@ export interface TimeChartProps {
 
 const TimeChart: React.FunctionComponent<TimeChartProps> = props => {
   const { chartType, height, dataType, title, brushMode } = props;
-  console.log(' props', props);
 
   return (
     <div>

diff --git a/packages/gi-assets-basic/src/components/FilterPanel/Component.tsx b/packages/gi-assets-basic/src/components/FilterPanel/Component.tsx
@@ -173,22 +173,22 @@ const FilterPanel: React.FunctionComponent<FilterPanelProps> = props => {
     if (highlightMode) {
       const { isEmpty, isFull } = highlightSubGraph(graph, data);
 
-      updateContext(draft => {
-        //@ts-ignore
-        draft.persistentHighlight = !isEmpty && !isFull;
-      });
+      // updateContext(draft => {
+      //   //@ts-ignore
+      //   draft.persistentHighlight = !isEmpty && !isFull;
+      // });
 
       return;
     }
 
-    updateContext(draft => {
-      if (isStyles(source.nodes)) {
-        draft.data = data;
-      } else {
-        draft.data = transform(data);
-      }
-      draft.layoutCache = true;
-    });
+    // updateContext(draft => {
+    //   if (isStyles(source.nodes)) {
+    //     draft.data = data;
+    //   } else {
+    //     draft.data = transform(data);
+    //   }
+    //   draft.layoutCache = true;
+    // });
   };
 
   useEffect(() => {

diff --git a/packages/gi-assets-basic/src/components/FitCenter/Component.tsx b/packages/gi-assets-basic/src/components/FitCenter/Component.tsx
@@ -13,7 +13,9 @@ const FitCenter: React.FunctionComponent<IProps> = props => {
     <GIAComponent
       GIAC={GIAC}
       onClick={() => {
-        graph.fitCenter();
+        graph.fitCenter({
+          'duration':100,
+        });
       }}
     />
   );

diff --git a/packages/gi-assets-basic/src/components/FitCenterView/Component.tsx b/packages/gi-assets-basic/src/components/FitCenterView/Component.tsx
@@ -13,7 +13,12 @@ const FitView: React.FunctionComponent<IProps> = props => {
 
   const callback = () => {
     // graph.fitCenter();
-    graph.fitView();
+    graph.fitView({
+      padding:10,
+      rules:{}
+    },{
+      'duration':200,
+    });
   };
 
   return <GIAComponent GIAC={GIAC} onClick={callback} />;

diff --git a/packages/gi-assets-basic/src/components/Initializer/Component.tsx b/packages/gi-assets-basic/src/components/Initializer/Component.tsx
@@ -32,7 +32,7 @@ const transform = data => {
     };
   });
 
-  console.log('TransformGraphinData edges ', edges, nodes);
+  // console.log('TransformGraphinData edges ', edges, nodes);
 
   return {
     nodes,

diff --git a/packages/gi-assets-basic/src/components/PropertyGraphInitializer/Component.tsx b/packages/gi-assets-basic/src/components/PropertyGraphInitializer/Component.tsx
@@ -7,12 +7,12 @@ const PropertyGraphInitializer: React.FunctionComponent<IProps> = props => {
   const context = useContext();
   const { data, schemaData, updateContext } = context;
 
-  React.useEffect(() => {
-    const propertyGraphData = utils.graphData2PropertyGraph(data, schemaData);
-    updateContext(draft => {
-      draft.propertyGraphData = propertyGraphData;
-    });
-  }, [data]);
+  // React.useEffect(() => {
+  //   const propertyGraphData = utils.graphData2PropertyGraph(data, schemaData);
+  //   updateContext(draft => {
+  //     draft.propertyGraphData = propertyGraphData;
+  //   });
+  // }, [data]);
 
   return null;
 };

diff --git a/packages/gi-assets-basic/src/components/SegmentedLayout/component.tsx b/packages/gi-assets-basic/src/components/SegmentedLayout/component.tsx
@@ -21,7 +21,6 @@ const SegmentedLayout: React.FunctionComponent<UadLayoutProps> = props => {
   const [SideContent] = Containers;
   const { width = 360, padding = 12 } = SideContent;
   const items = useMemo(() => {
-    console.log('SegmentContainer >>>> calc');
     return SideContent.components.map(item => {
       return {
         icon: <Icon type={item.icon} />,
-Original file line number
+Diff line change
@@ Expand Up / @@ -32,7 +32,7 @@ const transform = data => { @@
         };
       });
-      console.log('TransformGraphinData edges ', edges, nodes);
+      // console.log('TransformGraphinData edges ', edges, nodes);
       return {
         nodes,
@@ Expand Down @@