From 9f54efbf82de0ecdc10fe9f35309c7b4ef5c07e8 Mon Sep 17 00:00:00 2001
From: fit2cloud-chenyw <yawen.chen@fit2cloud.com>
Date: Mon, 17 Jun 2024 09:47:59 +0800
Subject: [PATCH] =?UTF-8?q?feat(X-Pack):=20=E6=96=B0=E5=A2=9E=E8=A7=86?=
 =?UTF-8?q?=E5=9B=BE=E6=8F=92=E4=BB=B6demo?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 core/core-frontend/src/api/plugin.ts          |   3 +
 .../data-visualization/canvas/CanvasCore.vue  |  22 ++-
 .../src/components/icon-custom/src/Icon.vue   |  25 +++-
 .../src/components/plugin/index.ts            |   3 +-
 .../components/plugin/src/PluginComponent.vue | 139 ++++++++++++++++++
 .../component-group/UserViewGroup.vue         |  47 +++++-
 .../src/custom-component/component-list.ts    |   8 +-
 core/core-frontend/src/utils/canvasUtils.ts   |   3 +-
 .../src/views/canvas/DeCanvas.vue             |   5 +-
 .../views/chart/components/editor/index.vue   |   9 ++
 .../views/chart/components/views/index.vue    |  18 ++-
 .../src/views/data-visualization/index.vue    |   4 +-
 de-xpack                                      |   2 +-
 .../xpack/component/XpackComponentApi.java    |   7 +
 .../component/vo/XpackPluginsViewVO.java      |  29 ++++
 .../io/dataease/utils/WhitelistUtils.java     |   2 +-
 .../view/factory/PluginsChartFactory.java     |   9 ++
 .../view/template/PluginsChartTemplate.java   |   4 +
 18 files changed, 322 insertions(+), 17 deletions(-)
 create mode 100644 core/core-frontend/src/components/plugin/src/PluginComponent.vue
 create mode 100644 sdk/api/api-base/src/main/java/io/dataease/api/xpack/component/vo/XpackPluginsViewVO.java

diff --git a/core/core-frontend/src/api/plugin.ts b/core/core-frontend/src/api/plugin.ts
index b708650759..ca46ba6613 100644
--- a/core/core-frontend/src/api/plugin.ts
+++ b/core/core-frontend/src/api/plugin.ts
@@ -2,6 +2,9 @@ import request from '@/config/axios'
 
 export const load = (key: string) => request.get({ url: `/xpackComponent/content/${key}` })
 
+export const loadPluginApi = (key: string) =>
+  request.get({ url: `/xpackComponent/pluginContent/${key}` })
+
 export const loadDistributed = () => request.get({ url: '/DEXPack.umd.js' })
 
 export const xpackModelApi = () => request.get({ url: '/xpackModel' })
diff --git a/core/core-frontend/src/components/data-visualization/canvas/CanvasCore.vue b/core/core-frontend/src/components/data-visualization/canvas/CanvasCore.vue
index 800f5a30c1..8124d96530 100644
--- a/core/core-frontend/src/components/data-visualization/canvas/CanvasCore.vue
+++ b/core/core-frontend/src/components/data-visualization/canvas/CanvasCore.vue
@@ -43,6 +43,8 @@ import DragInfo from '@/components/visualization/common/DragInfo.vue'
 import { activeWatermark } from '@/components/watermark/watermark'
 import { personInfoApi } from '@/api/user'
 import ComponentHangPopver from '@/custom-component/independent-hang/ComponentHangPopver.vue'
+
+import { PluginComponent } from '@/components/plugin'
 const snapshotStore = snapshotStoreWithOut()
 const dvMainStore = dvMainStoreWithOut()
 const composeStore = composeStoreWithOut()
@@ -1490,9 +1492,27 @@ defineExpose({
       @linkageSetOpen="linkageSetOpen(item)"
     >
       <!--如果是图表 则动态获取预存的chart-view数据-->
+      <PluginComponent
+        v-if="item['isPlugin']"
+        :jsname="item['pluginFlag'] || 'L2NvbXBvbmVudC9pbmRleA=='"
+        class="component"
+        :id="'component' + item.id"
+        :active="item.id === curComponentId"
+        :dv-type="dvInfo.type"
+        :scale="curBaseScale"
+        :style="getComponentStyle(item.style)"
+        :prop-value="item.propValue"
+        :is-edit="true"
+        :view="canvasViewInfo[item.id]"
+        :element="item"
+        :request="item.request"
+        @input="handleInput"
+        :dv-info="dvInfo"
+        :canvas-active="canvasActive"
+      />
       <component
         :is="findComponent(item.component)"
-        v-if="item.component === 'UserView'"
+        v-else-if="item.component === 'UserView'"
         class="component"
         :id="'component' + item.id"
         :active="item.id === curComponentId"
diff --git a/core/core-frontend/src/components/icon-custom/src/Icon.vue b/core/core-frontend/src/components/icon-custom/src/Icon.vue
index cce346ccf6..2805209eff 100644
--- a/core/core-frontend/src/components/icon-custom/src/Icon.vue
+++ b/core/core-frontend/src/components/icon-custom/src/Icon.vue
@@ -5,7 +5,8 @@ import { propTypes } from '@/utils/propTypes'
 const props = defineProps({
   prefix: propTypes.string.def('icon'),
   name: propTypes.string,
-  className: propTypes.string
+  className: propTypes.string,
+  staticContent: propTypes.string
 })
 const symbolId = computed(() => `#${props.prefix}-${props.name}`)
 const svgClass = computed(() => {
@@ -17,14 +18,32 @@ const svgClass = computed(() => {
 </script>
 
 <template>
-  <svg :class="svgClass" aria-hidden="true">
+  <div
+    class="svg-container"
+    v-if="staticContent"
+    v-html="staticContent"
+    :class="svgClass"
+    aria-hidden="true"
+  ></div>
+  <svg v-else :class="svgClass" aria-hidden="true">
     <use class="svg-use" :href="symbolId" />
   </svg>
 </template>
-<style scope>
+<style lang="less" scope>
 .svg-icon {
   overflow: hidden;
   vertical-align: -0.1em; /* 因icon大小被设置为和字体大小一致，而span等标签的下边缘会和字体的基线对齐，故需设置一个往下的偏移比例，来纠正视觉上的未对齐效果 */
   fill: currentcolor; /* 定义元素的颜色，currentColor是一个变量，这个变量的值就表示当前元素的color值，如果当前元素未设置color值，则从父元素继承 */
 }
+.svg-container {
+  width: 100%;
+  height: 100%;
+  svg {
+    overflow: hidden;
+    vertical-align: -0.1em;
+    fill: currentcolor;
+    width: 100%;
+    height: 100%;
+  }
+}
 </style>
diff --git a/core/core-frontend/src/components/plugin/index.ts b/core/core-frontend/src/components/plugin/index.ts
index ec3e799a3a..6e790b2880 100644
--- a/core/core-frontend/src/components/plugin/index.ts
+++ b/core/core-frontend/src/components/plugin/index.ts
@@ -1,3 +1,4 @@
 import XpackComponent from './src/index.vue'
+import PluginComponent from './src/PluginComponent.vue'
 
-export { XpackComponent }
+export { XpackComponent, PluginComponent }
diff --git a/core/core-frontend/src/components/plugin/src/PluginComponent.vue b/core/core-frontend/src/components/plugin/src/PluginComponent.vue
new file mode 100644
index 0000000000..568b19e436
--- /dev/null
+++ b/core/core-frontend/src/components/plugin/src/PluginComponent.vue
@@ -0,0 +1,139 @@
+<script lang="ts" setup>
+import noLic from './nolic.vue'
+import { ref, useAttrs, onMounted } from 'vue'
+import { execute, randomKey, formatArray } from './convert'
+import { loadPluginApi, loadDistributed, xpackModelApi } from '@/api/plugin'
+import { useCache } from '@/hooks/web/useCache'
+import { i18n } from '@/plugins/vue-i18n'
+import * as Vue from 'vue'
+import axios from 'axios'
+import * as Pinia from 'pinia'
+import * as vueRouter from 'vue-router'
+import { useEmitt } from '@/hooks/web/useEmitt'
+
+const { wsCache } = useCache()
+
+const plugin = ref()
+
+const loading = ref(false)
+
+const attrs = useAttrs()
+
+const showNolic = () => {
+  plugin.value = noLic
+  loading.value = false
+}
+const generateRamStr = (len: number) => {
+  const chars = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789'
+  let randomStr = ''
+  for (var i = 0; i < len; i++) {
+    randomStr += chars.charAt(Math.floor(Math.random() * chars.length))
+  }
+  return randomStr
+}
+
+const importProxy = (bytesArray: any[]) => {
+  const promise = import(
+    `../../../../../../../${formatArray(bytesArray[6])}/${formatArray(bytesArray[7])}/${formatArray(
+      bytesArray[8]
+    )}/${formatArray(bytesArray[9])}/${formatArray(bytesArray[10])}.vue`
+  )
+  promise
+    .then((res: any) => {
+      plugin.value = res.default
+    })
+    .catch(e => {
+      console.error(e)
+      showNolic()
+    })
+}
+
+const loadComponent = () => {
+  loading.value = true
+  const byteArray = wsCache.get(`de-plugin-proxy`)
+  if (byteArray) {
+    importProxy(JSON.parse(byteArray))
+    loading.value = false
+    return
+  }
+  const key = generateRamStr(randomKey())
+  loadPluginApi(key)
+    .then(response => {
+      let code = response.data
+      const byteArray = execute(code, key)
+      storeCacheProxy(byteArray)
+      importProxy(byteArray)
+    })
+    .catch(() => {
+      emits('loadFail')
+      showNolic()
+    })
+    .finally(() => {
+      loading.value = false
+    })
+}
+const storeCacheProxy = byteArray => {
+  const result = []
+  byteArray.forEach(item => {
+    result.push([...item])
+  })
+  wsCache.set(`de-plugin-proxy`, JSON.stringify(result))
+}
+const pluginProxy = ref(null)
+const invokeMethod = param => {
+  if (pluginProxy.value['invokeMethod']) {
+    pluginProxy.value['invokeMethod'](param)
+  } else {
+    pluginProxy.value[param.methodName](param.args)
+  }
+}
+
+onMounted(async () => {
+  const key = 'xpack-model-distributed'
+  let distributed = false
+  if (wsCache.get(key) === null) {
+    const res = await xpackModelApi()
+    wsCache.set('xpack-model-distributed', res.data)
+    distributed = res.data
+  } else {
+    distributed = wsCache.get(key)
+  }
+  if (distributed) {
+    if (window['DEXPack']) {
+      const xpack = await window['DEXPack'].mapping[attrs.jsname]
+      plugin.value = xpack.default
+    } else {
+      window['Vue'] = Vue
+      window['Axios'] = axios
+      window['Pinia'] = Pinia
+      window['vueRouter'] = vueRouter
+      window['MittAll'] = useEmitt().emitter.all
+      window['I18n'] = i18n
+      loadDistributed().then(async res => {
+        new Function(res.data)()
+        const xpack = await window['DEXPack'].mapping[attrs.jsname]
+        plugin.value = xpack.default
+      })
+    }
+  } else {
+    loadComponent()
+  }
+})
+
+const emits = defineEmits(['loadFail'])
+defineExpose({
+  invokeMethod
+})
+</script>
+
+<template>
+  <component
+    :key="attrs.jsname"
+    ref="pluginProxy"
+    :is="plugin"
+    v-loading="loading"
+    v-bind="attrs"
+  ></component>
+</template>
+
+<style lang="less" scoped></style>
diff --git a/core/core-frontend/src/custom-component/component-group/UserViewGroup.vue b/core/core-frontend/src/custom-component/component-group/UserViewGroup.vue
index ad90171f69..a29141eaf4 100644
--- a/core/core-frontend/src/custom-component/component-group/UserViewGroup.vue
+++ b/core/core-frontend/src/custom-component/component-group/UserViewGroup.vue
@@ -5,6 +5,7 @@ import { CHART_TYPE_CONFIGS } from '@/views/chart/components/editor/util/chart'
 import Icon from '@/components/icon-custom/src/Icon.vue'
 import { commonHandleDragEnd, commonHandleDragStart } from '@/utils/canvasUtils'
 import { ElScrollbar } from 'element-plus-secondary'
+import { XpackComponent } from '@/components/plugin'
 
 const props = defineProps({
   propValue: {
@@ -47,8 +48,8 @@ const anchorPosition = anchor => {
   scrollTo(element.offsetTop)
 }
 
-const newComponent = innerType => {
-  eventBus.emit('handleNew', { componentName: 'UserView', innerType: innerType })
+const newComponent = (innerType, isPlugin) => {
+  eventBus.emit('handleNew', { componentName: 'UserView', innerType: innerType, isPlugin })
 }
 
 const handleDragStart = e => {
@@ -63,6 +64,36 @@ const groupActiveChange = category => {
   state.curCategory = category
   anchorPosition('#' + category)
 }
+const loadPluginCategory = data => {
+  data.forEach(item => {
+    const { category, title, render, chartValue, chartTitle, icon } = item
+    const node = {
+      render,
+      category,
+      icon,
+      value: chartValue,
+      title: chartTitle,
+      isPlugin: true
+    }
+    const stack = [...state.chartGroupList]
+    let findParent = false
+    while (stack?.length) {
+      const parent = stack.pop()
+      if (parent.category === category) {
+        parent.details.push(node)
+        findParent = true
+      }
+    }
+    if (!findParent) {
+      state.chartGroupList.push({
+        category,
+        title,
+        display: 'show',
+        details: [node]
+      })
+    }
+  })
+}
 </script>
 
 <template>
@@ -97,12 +128,18 @@ const groupActiveChange = category => {
             :key="chartInfo.title"
           >
             <div
-              v-on:click="newComponent(chartInfo.value)"
+              v-on:click="newComponent(chartInfo.value, chartInfo['isPlugin'])"
               class="item-top"
               draggable="true"
               :data-id="'UserView&' + chartInfo.value"
             >
               <Icon
+                class-name="item-top-icon"
+                v-if="chartInfo['isPlugin']"
+                :static-content="chartInfo.icon"
+              />
+              <Icon
+                v-else
                 class-name="item-top-icon"
                 :name="chartInfo.icon + (props.themes === 'dark' ? '-dark' : '')"
               />
@@ -115,6 +152,10 @@ const groupActiveChange = category => {
       </el-row>
     </el-scrollbar>
   </el-row>
+  <XpackComponent
+    jsname="L2NvbXBvbmVudC9wbHVnaW5zLWhhbmRsZXIvVmlld0NhdGVnb3J5SGFuZGxlcg=="
+    @load-plugin-category="loadPluginCategory"
+  />
 </template>
 
 <style lang="less" scoped>
diff --git a/core/core-frontend/src/custom-component/component-list.ts b/core/core-frontend/src/custom-component/component-list.ts
index f8a7cb2527..18b5ca0dfb 100644
--- a/core/core-frontend/src/custom-component/component-list.ts
+++ b/core/core-frontend/src/custom-component/component-list.ts
@@ -514,7 +514,12 @@ for (let i = 0, len = list.length; i < len; i++) {
   list[i] = { ...commonAttr, ...item }
 }
 
-export function findNewComponentFromList(componentName, innerType, curOriginThemes) {
+export function findNewComponentFromList(
+  componentName,
+  innerType,
+  curOriginThemes,
+  isPlugin?: boolean
+) {
   let newComponent
   list.forEach(comp => {
     if (comp.component === componentName) {
@@ -534,6 +539,7 @@ export function findNewComponentFromList(componentName, innerType, curOriginThem
     newComponent.name = viewConfig?.title
     newComponent.label = viewConfig?.title
     newComponent.render = viewConfig?.render
+    newComponent.isPlugin = !!isPlugin
   }
   return newComponent
 }
diff --git a/core/core-frontend/src/utils/canvasUtils.ts b/core/core-frontend/src/utils/canvasUtils.ts
index c1b41bddeb..34a73b5b84 100644
--- a/core/core-frontend/src/utils/canvasUtils.ts
+++ b/core/core-frontend/src/utils/canvasUtils.ts
@@ -44,7 +44,7 @@ export function findDragComponent(componentInfo) {
   return findNewComponent(componentName, innerType)
 }
 
-export function findNewComponent(componentName, innerType) {
+export function findNewComponent(componentName, innerType, isPlugin?: boolean) {
   let newComponent
   componentList.forEach(comp => {
     if (comp.component === componentName || comp.component === innerType) {
@@ -67,6 +67,7 @@ export function findNewComponent(componentName, innerType) {
     newComponent.name = viewConfig?.title
     newComponent.label = viewConfig?.title
     newComponent.render = viewConfig?.render
+    newComponent.isPlugin = !!isPlugin
   }
   return newComponent
 }
diff --git a/core/core-frontend/src/views/canvas/DeCanvas.vue b/core/core-frontend/src/views/canvas/DeCanvas.vue
index 4ebbb983f6..71aaca2a0f 100644
--- a/core/core-frontend/src/views/canvas/DeCanvas.vue
+++ b/core/core-frontend/src/views/canvas/DeCanvas.vue
@@ -73,9 +73,10 @@ const editStyle = computed(() => {
 
 // 通过实时监听的方式直接添加组件
 const handleNewFromCanvasMain = newComponentInfo => {
-  const { componentName, innerType } = newComponentInfo
+  const { componentName, innerType, isPlugin } = newComponentInfo
   if (componentName) {
-    const component = findNewComponentFromList(componentName, innerType, curOriginThemes)
+    const component = findNewComponentFromList(componentName, innerType, curOriginThemes, isPlugin)
+    component.isPlugin = !!isPlugin
     syncShapeItemStyle(component, baseWidth.value, baseHeight.value)
     component.id = guid()
     component.y = 200
diff --git a/core/core-frontend/src/views/chart/components/editor/index.vue b/core/core-frontend/src/views/chart/components/editor/index.vue
index 4771b34f25..3aadee394c 100644
--- a/core/core-frontend/src/views/chart/components/editor/index.vue
+++ b/core/core-frontend/src/views/chart/components/editor/index.vue
@@ -50,6 +50,7 @@ import chartViewManager from '@/views/chart/components/js/panel'
 import DatasetSelect from '@/views/chart/components/editor/dataset-select/DatasetSelect.vue'
 import { useDraggable } from '@vueuse/core'
 import { set, concat, keys } from 'lodash-es'
+import { PluginComponent } from '@/components/plugin'
 import {
   Field,
   getFieldByDQ,
@@ -1597,6 +1598,14 @@ const deleteChartFieldItem = id => {
                 />
               </div>
             </div>
+            <plugin-component
+              v-else-if="view?.isPlugin"
+              jsname="L2NvbXBvbmVudC9lZGl0b3IvaW5kZXg="
+              :view="view"
+              :dimension="state.dimension"
+              :quota="state.quota"
+              :themes="themes"
+            />
             <el-tabs
               v-else
               v-model="tabActive"
diff --git a/core/core-frontend/src/views/chart/components/views/index.vue b/core/core-frontend/src/views/chart/components/views/index.vue
index 8181202335..66c969be9b 100644
--- a/core/core-frontend/src/views/chart/components/views/index.vue
+++ b/core/core-frontend/src/views/chart/components/views/index.vue
@@ -6,6 +6,7 @@ import { useAppStoreWithOut } from '@/store/modules/app'
 import router from '@/router'
 import { useEmbedded } from '@/store/modules/embedded'
 import { XpackComponent } from '@/components/plugin'
+import { PluginComponent } from '@/components/plugin'
 import {
   computed,
   CSSProperties,
@@ -752,8 +753,23 @@ const showActionIcons = computed(() => {
     </div>
     <!--这里去渲染不同图库的图表-->
     <div v-if="chartAreaShow" style="flex: 1; overflow: hidden">
+      <plugin-component
+        v-if="view?.isPlugin"
+        jsname="L2NvbXBvbmVudC9pbmRleA=="
+        :scale="scale"
+        :dynamic-area-id="dynamicAreaId"
+        :view="view"
+        :show-position="showPosition"
+        :element="element"
+        ref="chartComponent"
+        @onChartClick="chartClick"
+        @onPointClick="onPointClick"
+        @onDrillFilters="onDrillFilters"
+        @onJumpClick="jumpClick"
+        @resetLoading="() => (loading = false)"
+      />
       <de-rich-text-view
-        v-if="showChartView(ChartLibraryType.RICH_TEXT)"
+        v-else-if="showChartView(ChartLibraryType.RICH_TEXT)"
         :themes="canvasStyleData.dashboard.themeColor"
         ref="chartComponent"
         :element="element"
diff --git a/core/core-frontend/src/views/data-visualization/index.vue b/core/core-frontend/src/views/data-visualization/index.vue
index 80ed02760b..0c8eaac0b6 100644
--- a/core/core-frontend/src/views/data-visualization/index.vue
+++ b/core/core-frontend/src/views/data-visualization/index.vue
@@ -108,10 +108,10 @@ const contentStyle = computed(() => {
 
 // 通过实时监听的方式直接添加组件
 const handleNew = newComponentInfo => {
-  const { componentName, innerType } = newComponentInfo
+  const { componentName, innerType, isPlugin } = newComponentInfo
   if (componentName) {
     const { width, height, scale } = canvasStyleData.value
-    const component = findNewComponent(componentName, innerType)
+    const component = findNewComponent(componentName, innerType, isPlugin)
     component.style.top = ((height - component.style.height) * scale) / 200
     component.style.left = ((width - component.style.width) * scale) / 200
     component.id = guid()
diff --git a/de-xpack b/de-xpack
index c36d845145..443462cf58 160000
--- a/de-xpack
+++ b/de-xpack
@@ -1 +1 @@
-Subproject commit c36d845145b1dd398da4451e03e28329bd3d8a82
+Subproject commit 443462cf58f5ad6a97ef48cf6479064b6ec3540b
diff --git a/sdk/api/api-base/src/main/java/io/dataease/api/xpack/component/XpackComponentApi.java b/sdk/api/api-base/src/main/java/io/dataease/api/xpack/component/XpackComponentApi.java
index 5e5b44a194..5f5efb74db 100644
--- a/sdk/api/api-base/src/main/java/io/dataease/api/xpack/component/XpackComponentApi.java
+++ b/sdk/api/api-base/src/main/java/io/dataease/api/xpack/component/XpackComponentApi.java
@@ -1,6 +1,7 @@
 package io.dataease.api.xpack.component;
 
 import io.dataease.api.xpack.component.vo.XpackMenuVO;
+import io.dataease.api.xpack.component.vo.XpackPluginsViewVO;
 import org.springframework.web.bind.annotation.GetMapping;
 import org.springframework.web.bind.annotation.PathVariable;
 
@@ -11,6 +12,12 @@ public interface XpackComponentApi {
     @GetMapping("/content/{name}")
     String content(@PathVariable("name") String name);
 
+    @GetMapping("/contentPlugin/{name}")
+    String pluginContent(@PathVariable("name") String name);
+
     @GetMapping("/menu")
     List<XpackMenuVO> menu();
+
+    @GetMapping("/viewPlugins")
+    List<XpackPluginsViewVO> viewPlugins();
 }
diff --git a/sdk/api/api-base/src/main/java/io/dataease/api/xpack/component/vo/XpackPluginsViewVO.java b/sdk/api/api-base/src/main/java/io/dataease/api/xpack/component/vo/XpackPluginsViewVO.java
new file mode 100644
index 0000000000..8da2f16acd
--- /dev/null
+++ b/sdk/api/api-base/src/main/java/io/dataease/api/xpack/component/vo/XpackPluginsViewVO.java
@@ -0,0 +1,29 @@
+package io.dataease.api.xpack.component.vo;
+
+import lombok.Data;
+
+import java.io.Serial;
+import java.io.Serializable;
+
+@Data
+public class XpackPluginsViewVO implements Serializable {
+    @Serial
+    private static final long serialVersionUID = 5059944608544058565L;
+
+    private Long id;
+
+    private String name;
+
+    private String icon;
+
+    private String category;
+
+    private String title;
+
+    private String chartValue;
+
+    private String chartTitle;
+
+    private String render;
+
+}
diff --git a/sdk/common/src/main/java/io/dataease/utils/WhitelistUtils.java b/sdk/common/src/main/java/io/dataease/utils/WhitelistUtils.java
index dcceb3419f..608be9fbd5 100644
--- a/sdk/common/src/main/java/io/dataease/utils/WhitelistUtils.java
+++ b/sdk/common/src/main/java/io/dataease/utils/WhitelistUtils.java
@@ -62,7 +62,7 @@ public class WhitelistUtils {
                 || StringUtils.startsWithAny(requestURI, "/static-resource/")
                 || StringUtils.startsWithAny(requestURI, "/appearance/image/")
                 || StringUtils.startsWithAny(requestURI, "/share/proxyInfo")
-                || StringUtils.startsWithAny(requestURI, "/xpackComponent/content/")
+                || StringUtils.startsWithAny(requestURI, "/xpackComponent/content")
                 || StringUtils.startsWithAny(requestURI, "/geo/")
                 || StringUtils.startsWithAny(requestURI, "/websocket")
                 || StringUtils.startsWithAny(requestURI, "/map/")
diff --git a/sdk/extensions/extensions-view/src/main/java/io/dataease/extensions/view/factory/PluginsChartFactory.java b/sdk/extensions/extensions-view/src/main/java/io/dataease/extensions/view/factory/PluginsChartFactory.java
index be344f6c7c..fce6afcaed 100644
--- a/sdk/extensions/extensions-view/src/main/java/io/dataease/extensions/view/factory/PluginsChartFactory.java
+++ b/sdk/extensions/extensions-view/src/main/java/io/dataease/extensions/view/factory/PluginsChartFactory.java
@@ -2,6 +2,7 @@ package io.dataease.extensions.view.factory;
 
 import io.dataease.extensions.view.template.PluginsChartTemplate;
 
+import java.util.List;
 import java.util.Map;
 import java.util.concurrent.ConcurrentHashMap;
 
@@ -19,4 +20,12 @@ public class PluginsChartFactory {
         if (templateMap.containsKey(key)) return;
         templateMap.put(key, template);
     }
+
+    public static List<String> getViewConfigList() {
+        return templateMap.values().stream().map(PluginsChartTemplate::getConfig).toList();
+    }
+
+    public static List<String> getAllPlugins() {
+        return null;
+    }
 }
diff --git a/sdk/extensions/extensions-view/src/main/java/io/dataease/extensions/view/template/PluginsChartTemplate.java b/sdk/extensions/extensions-view/src/main/java/io/dataease/extensions/view/template/PluginsChartTemplate.java
index c64ad94fd4..b2a6a28176 100644
--- a/sdk/extensions/extensions-view/src/main/java/io/dataease/extensions/view/template/PluginsChartTemplate.java
+++ b/sdk/extensions/extensions-view/src/main/java/io/dataease/extensions/view/template/PluginsChartTemplate.java
@@ -10,6 +10,10 @@ import java.util.Map;
 
 public abstract class PluginsChartTemplate {
 
+    public abstract String getConfig();
+
+
+
     public abstract Map<String, List<ChartViewFieldDTO>> formatChartAxis(ChartViewDTO view);
 
     /*public Map<String, List<ChartViewFieldDTO>> formatChartAxis(ChartViewDTO view) {