refactor: add drill level limitation

Author: scottsut

frontend/src/app/components/ChartDrill/ChartDrillContextMenu.tsx

@@ -57,12 +57,14 @@ const ChartDrillContextMenu: FC<{}> = memo(({ children }) => {
         {!!currentDrillLevel && (
           <Menu.Item key={'rollUp'}>{t('rollUp')}</Menu.Item>
         )}
-        {drillOption?.mode !== DrillMode.Expand && (
-          <Menu.Item key={DrillMode.Drill}>{t('showNextLevel')}</Menu.Item>
-        )}
-        {drillOption?.mode !== DrillMode.Drill && (
-          <Menu.Item key={DrillMode.Expand}>{t('expandNextLevel')}</Menu.Item>
-        )}
+        {drillOption?.mode !== DrillMode.Expand &&
+          !drillOption?.isBottomLevel && (
+            <Menu.Item key={DrillMode.Drill}>{t('showNextLevel')}</Menu.Item>
+          )}
+        {drillOption?.mode !== DrillMode.Drill &&
+          !drillOption?.isBottomLevel && (
+            <Menu.Item key={DrillMode.Expand}>{t('expandNextLevel')}</Menu.Item>
+          )}
         {drillOption?.mode !== DrillMode.Expand && (
           <Menu.Item key="selectDrillStatus">
             <MenuSwitch

frontend/src/app/models/ChartDrillOption.ts

@@ -59,6 +59,10 @@ export class ChartDrillOption implements IChartDrillOption {
     return this.isSelected;
   }
 
+  public get isBottomLevel() {
+    return this.cursor + 2 === this.drillFields.length;
+  }
+
   public get canSelect() {
     return isEmptyArray(this.expandDownFields);
   }

frontend/src/app/pages/MainPage/pages/VizPage/ChartPreview/ChartPreview.tsx

@@ -159,7 +159,10 @@ const ChartPreviewBoard: FC<{
         {
           name: 'click',
           callback: param => {
-            if (drillOptionRef.current?.isSelectedDrill) {
+            if (
+              drillOptionRef.current?.isSelectedDrill &&
+              !drillOptionRef.current.isBottomLevel
+            ) {
               const option = drillOptionRef.current;
               option.drillDown(param.data.rowData);
               drillOptionRef.current = option;

frontend/src/app/types/ChartDrillOption.d.ts

@@ -21,6 +21,7 @@ import { ChartDataSectionField } from 'app/types/ChartConfig';
 export interface IChartDrillOption {
   mode: DrillMode;
   isSelectedDrill: boolean;
+  isBottomLevel: boolean;
   canSelect: boolean;
   toggleSelectedDrill(enable?: boolean): void;
   getAllFields(): ChartDataSectionField[];