初始化

2025-11-08 10:38:36 +08:00
commit 3beeec7296
1626 changed files with 198488 additions and 0 deletions
--- a/frontend/packages/RemoteComponents/remoteComponentsList.js
+++ b/frontend/packages/RemoteComponents/remoteComponentsList.js
@@ -0,0 +1,114 @@
+// 得到用户自定义的远程组件列表
+import { dataConfig, settingConfig } from './settingConfig'
+// import _ from 'lodash'
+import cloneDeep from 'lodash/cloneDeep'
+
+const files = require.context('./innerComponents/', true, /index.vue$/)
+const innerRemoteComponents = []
+
+files.keys().forEach(key => {
+  const title = key.split('/')[1].replace('.vue', '')
+  let img = null
+  let config = {}
+  try {
+    img = require(`./innerComponents/${title}/component.png`)
+  } catch (error) {
+    console.log(error)
+  }
+  try {
+    config = require(`./innerComponents/${title}/config.js`).default
+  } catch (error) {
+
+  }
+  innerRemoteComponents.push({
+    title: config.title || title,
+    vueSysComponentDirName: 'inner_' + title,
+    vueFile: files(key).default,
+    ...config,
+    img
+  })
+})
+// 抛出内置系统组件
+export default getRemoteComponents(innerRemoteComponents)
+
+// 抛出外部的用户系统组件
+export function getRemoteComponents (comList) {
+  const customList = (comList || window.BS_CONFIG?.remoteComponents) || []
+
+  const list = []
+  customList.forEach((config) => {
+    list.push({
+      name: config.name,
+      title: config.title,
+      icon: null,
+      img: config.img,
+      border: { type: '', titleHeight: 60, fontSize: 16, isTitle: true, padding: [16, 16, 16, 16] },
+      className:
+        'com.gccloud.dataroom.core.module.chart.components.RemoteComponentChart',
+      w: 450,
+      h: 320,
+      x: 0,
+      y: 0,
+      rotateX: config.rotateX || 0,
+      rotateY: config.rotateY || 0,
+      rotateZ: config.rotateZ || 0,
+      perspective: config.perspective || 500,
+      skewX: config.skewX || 0,
+      skewY: config.skewY || 0,
+      type: 'remoteComponent',
+      option: {
+        ...cloneDeep(settingConfig),
+        ...config.option
+      },
+      // 右侧面板自定义配置
+      setting: config.setting,
+      ...cloneDeep(dataConfig),
+      // 自定义配置
+      customize: {
+        ...config.customize,
+        vueSysComponentDirName: config.vueSysComponentDirName,
+        vueFile: config.vueFile
+      }
+    })
+  })
+  return list
+}
+
+export function getRemoteComponentConfig (code, name) {
+  const config = {
+    name,
+    title: name,
+    icon: null,
+    img: null,
+    border: { type: '', titleHeight: 60, fontSize: 16, isTitle: true, padding: [16, 16, 16, 16] },
+    className:
+      'com.gccloud.dataroom.core.module.chart.components.RemoteComponentChart',
+    w: 450,
+    h: 320,
+    x: 0,
+    y: 0,
+    rotateX: 0,
+    rotateY: 0,
+    rotateZ: 0,
+    perspective: 0,
+    skewX: 0,
+    skewY: 0,
+    type: 'remoteComponent',
+    option: {
+      ...cloneDeep(settingConfig)
+    },
+    // 右侧面板自定义配置
+    setting: [],
+    ...cloneDeep(dataConfig),
+    // 自定义配置
+    customize: {
+      // 文件路径
+      vueSysComponentDirName: null,
+      // 用户上传的vue文件编码，根据此编码获取文件内容
+      vueBizComponentCode: code,
+      // vue文本内容
+      vueFileContent: null
+    }
+  }
+  return config
+}