Refactor Share Entry Point & Add Shart Chart Drill Through

frontend/craco.config.js

@@ -15,17 +15,17 @@ const {
 const rewireEntries = [
   {
     name: 'shareChart',
-    entry: path.resolve(__dirname, './src/shareChart.tsx'),
+    entry: path.resolve(__dirname, './src/shareChart.entry.ts'),
     outPath: 'shareChart.html',
   },
   {
     name: 'shareDashboard',
-    entry: path.resolve(__dirname, './src/shareDashboard.tsx'),
+    entry: path.resolve(__dirname, './src/shareDashboard.entry.ts'),
     outPath: 'shareDashboard.html',
   },
   {
     name: 'shareStoryPlayer',
-    entry: path.resolve(__dirname, './src/shareStoryPlayer.tsx'),
+    entry: path.resolve(__dirname, './src/shareStoryPlayer.entry.ts'),
     outPath: 'shareStoryPlayer.html',
   },
 ];

frontend/src/app/index.tsx → frontend/src/app/AppRouter.tsx

@@ -41,7 +41,7 @@ import { getSystemInfo, logout, setLoggedInUser } from './slice/thunks';
 
 registerTheme('default', echartsDefaultTheme);
 
-export function App() {
+export function AppRouter() {
   const dispatch = useDispatch();
   const { i18n } = useTranslation();
   const logged = !!getToken();

frontend/src/app/components/FormGenerator/Customize/Interaction/DrillThroughPanel.tsx

@@ -78,7 +78,11 @@ const DrillThroughPanel: FC<ItemLayoutProps<ChartStyleConfig>> = memo(
           layout="horizontal"
           size="middle"
         >
-          <Form.Item label={t('drillThrough.rule.title')} name="rule">
+          <Form.Item
+            label={t('drillThrough.rule.title')}
+            name="rule"
+            tooltip={t('drillThrough.rule.tip')}
+          >
             <Button type="link" onClick={handleAddRule}>
               {t('drillThrough.rule.addRule')}
             </Button>

frontend/src/app/hooks/useChartInteractions.ts

@@ -151,6 +151,7 @@ const useChartInteractions = (props: {
       computedFields,
       aggregation,
       chartConfig,
+      isJumpUrlOnly,
     }) => {
       if (drillThroughSetting) {
         const sourceChartFilters = new ChartDataRequestBuilder(
@@ -175,13 +176,19 @@ const useChartInteractions = (props: {
         const hasNoSelectedItems = isEmptyArray(
           clickEventParams?.selectedItems,
         );
+
         if (hasNoSelectedItems) {
           return;
         }
 
         (drillThroughSetting?.rules || [])
           .filter(rule => rule.event === targetEvent)
           .filter(rule => isEmpty(ruleId) || rule.id === ruleId)
+          .filter(
+            rule =>
+              !isJumpUrlOnly ||
+              rule?.category === InteractionCategory.JumpToUrl,
+          )
           .forEach(rule => {
             const clickFilters = buildClickEventBaseFilters(
               clickEventParams?.selectedItems?.map(item => item?.data?.rowData),

frontend/src/app/pages/DashBoardPage/components/WidgetManager/utils/init.ts

@@ -126,6 +126,7 @@ export const InteractionI18N = {
       title: '跳转设置',
       rule: {
         title: '规则设置',
+        tip: '分享页仅支持跳转到URL一种方式',
         addRule: '+ 点击新建',
         inputUrl: '请输入URL',
         header: {
@@ -210,6 +211,7 @@ export const InteractionI18N = {
       title: 'Drill Through',
       rule: {
         title: 'Rule',
+        tip: 'Drill through only support jump to url',
         addRule: '+ Add New',
         inputUrl: 'Please input url',
         header: {

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

@@ -728,7 +728,6 @@ const ChartPreviewBoard: FC<{
             <StyledChartDrillPathsContainer>
               <ChartDrillPaths chartConfig={chartPreview?.chartConfig!} />
             </StyledChartDrillPathsContainer>
-            <StyledChartDrillPathsContainer />
           </ChartDrillContext.Provider>
         </PreviewBlock>
         {viewDetailPanelContextHolder}

frontend/src/app/pages/MainPage/pages/VizPage/ChartPreview/index.ts

@@ -16,4 +16,4 @@
  * limitations under the License.
  */
 
-export { default as ChartPreview } from './ChartPreview';
+export { default as ChartPreviewBoard } from './ChartPreviewBoard';

frontend/src/app/pages/MainPage/pages/VizPage/Main/VizContainer.tsx

@@ -10,7 +10,7 @@ import {
   ResourceTypes,
   VizResourceSubTypes,
 } from '../../PermissionPage/constants';
-import { ChartPreview } from '../ChartPreview';
+import { ChartPreviewBoard } from '../ChartPreview';
 import { FolderViewModel, VizTab } from '../slice/types';
 
 interface VizContainerProps {
@@ -70,7 +70,7 @@ export const VizContainer = memo(
         break;
       case 'DATACHART':
         content = (
-          <ChartPreview
+          <ChartPreviewBoard
             key={id}
             backendChartId={id}
             orgId={orgId}