feat: fix property graph query statement

packages/studio-explore/src/components/Searchbar/PropertyChart.tsx

@@ -7,7 +7,7 @@ import Chart from '../ChartView/index';
 import { Illustration } from '@graphscope/studio-components';
 export interface IQueryPropertyStatics {
   id: 'queryPropertyStatics';
-  query: (property: string) => Promise<{ [key: string]: any }>;
+  query: (label: string, property: string) => Promise<{ [key: string]: any }>;
 }
 
 interface ITableViewProps {
@@ -49,7 +49,7 @@ const ChartView: React.FunctionComponent<ITableViewProps> = props => {
       });
 
       try {
-        const data = await getService<IQueryPropertyStatics>('queryPropertyStatics')(property);
+        const data = await getService<IQueryPropertyStatics>('queryPropertyStatics')(label, property);
         setState(preState => {
           return {
             ...preState,

packages/studio-explore/src/components/Searchbar/index.tsx

@@ -220,7 +220,11 @@ const Searchbar: React.FunctionComponent<ISearchbarProps> = props => {
       />
 
       {state.onEnter && (
-        <Flex justify="center" vertical style={{ padding: '0px 12px 12px 12px' }}>
+        <Flex
+          justify="center"
+          vertical
+          style={{ padding: '0px 12px 12px 12px', overflowY: 'scroll', maxHeight: '80vh' }}
+        >
           <>
             <Divider style={{ margin: '0px' }} />
             <CascaderSearch breadcrumb={breadcrumb} updateState={setState} />

packages/studio-explore/src/services/cypher/queryPropertyStatics.tsx

@@ -1,10 +1,14 @@
 import { queryStatement } from './queryStatement';
-export const queryPropertyStatics = async (property: string) => {
+export const queryPropertyStatics = async (label: string, property: string) => {
+  const match = ['year', 'month'];
+  if (!match.includes(property)) {
+    return [];
+  }
+
   const data = await queryStatement(`
-          MATCH(a) where a.${property} IS NOT NULL
+          MATCH(a:${label}) where a.${property} IS NOT NULL
           WITH a.${property} AS ${property}
           return ${property},COUNT(${property}) as counts
         `);
-
   return data.table;
 };

packages/studio-graph/src/components/BasicInteraction/useNodeClick.ts

@@ -1,14 +1,33 @@
 import { useEffect } from 'react';
 import { useContext, getDataMap } from '../../';
 
+let isCtrlPressed = false;
+
 const useNodeClick = () => {
   const { store, updateStore } = useContext();
   const { emitter, data, graph } = store;
 
   useEffect(() => {
     const dataMap = getDataMap(data);
+
+    const handleKeydown = (event: KeyboardEvent) => {
+      if (event.key === 'Shift') {
+        isCtrlPressed = true;
+      }
+    };
+    const handleKeyup = (event: KeyboardEvent) => {
+      if (event.key === 'Shift') {
+        isCtrlPressed = false;
+      }
+    };
+    const applyStatus = () => {};
+
+    document.addEventListener('keydown', handleKeydown);
+    document.addEventListener('keyup', handleKeyup);
+
     const handleClick = (node: any) => {
       const { id } = node;
+      console.log(isCtrlPressed);
 
       const {
         outNeighbors = [],
@@ -66,6 +85,8 @@ const useNodeClick = () => {
     emitter?.on('node:click', handleClick);
     return () => {
       emitter?.off('node:click', handleClick);
+      document.removeEventListener('keydown', handleKeydown);
+      document.removeEventListener('keyup', handleKeyup);
     };
   }, [emitter, data, graph]);
 };