122 lines
3.7 KiB
JavaScript
122 lines
3.7 KiB
JavaScript
|
/*
|
|||
|
|
* @description: webpack读取当前文件夹下的所有 图表的js文件配置, 生成g2Plot配置列表
|
|||
|
|
* @Date: 2023-03-28 10:40:22
|
|||
|
|
* @Author: xing.heng
|
|||
|
|
*/
|
|||
|
|
import { dataConfig, settingConfig } from "../PlotRender/settingConfig";
|
|||
|
|
import { mapData } from "data-room-ui/BasicComponents/Map/settingConfig";
|
|||
|
|
import { FlyMapData } from "data-room-ui/BasicComponents/FlyMap/settingConfig";
|
|||
|
|
import { candlestickData } from "data-room-ui/BasicComponents/Candlestick/settingConfig";
|
|||
|
|
import { sankeyData } from "data-room-ui/BasicComponents/Sankey/settingConfig";
|
|||
|
|
// import _ from 'lodash'
|
|||
|
|
import cloneDeep from "lodash/cloneDeep";
|
|||
|
|
import sortList from "./plotListSort";
|
|||
|
|
// 遍历 当前文件夹下的所有文件，找到中文.js文件，然后导出
|
|||
|
|
const files = require.context("./", true, /[\u4e00-\u9fa5]+.js$/);
|
|||
|
|
const plotList = getPlotList(files);
|
|||
|
|
const customPlots = getCustomPlots();
|
|||
|
|
// 获取plot配置
|
|||
|
|
function getPlotList(files) {
|
|||
|
|
const configMapList = {};
|
|||
|
|
files.keys().forEach((key) => {
|
|||
|
|
// ./折线图/基础折线图.js
|
|||
|
|
// 取到 "基础折线图"
|
|||
|
|
const configName = key.split("/")[2].replace(".js", "");
|
|||
|
|
configMapList[configName] = files(key).default;
|
|||
|
|
});
|
|||
|
|
const plotList = [];
|
|||
|
|
for (const configMapKey in configMapList) {
|
|||
|
|
const index = sortList.findIndex((item) => item === configMapKey);
|
|||
|
|
const config = configMapList[configMapKey];
|
|||
|
|
|
|||
|
|
plotList[index] = {
|
|||
|
|
version: config.version,
|
|||
|
|
category: configMapKey,
|
|||
|
|
name: config.name,
|
|||
|
|
title: config.title,
|
|||
|
|
border: {
|
|||
|
|
type: "",
|
|||
|
|
titleHeight: 60,
|
|||
|
|
fontSize: 16,
|
|||
|
|
isTitle: true,
|
|||
|
|
padding: [16, 16, 16, 16],
|
|||
|
|
},
|
|||
|
|
icon: null,
|
|||
|
|
img: require(`../G2Plots/images/componentLogo/${config.title}.png`),
|
|||
|
|
className:
|
|||
|
|
"com.gccloud.dataroom.core.module.chart.components.CustomComponentChart",
|
|||
|
|
w: config?.option?.width || 450,
|
|||
|
|
h: config?.option?.height || 320,
|
|||
|
|
x: 0,
|
|||
|
|
y: 0,
|
|||
|
|
rotateX: config.rotateX || 0,
|
|||
|
|
rotateY: config.rotateY || 0,
|
|||
|
|
rotateZ: config.rotateZ || 0,
|
|||
|
|
perspective: config.perspective || 0,
|
|||
|
|
skewX: config.skewX || 0,
|
|||
|
|
skewY: config.skewY || 0,
|
|||
|
|
type: "customComponent",
|
|||
|
|
chartType: config.chartType,
|
|||
|
|
loading: false,
|
|||
|
|
option: {
|
|||
|
|
...config.option,
|
|||
|
|
...cloneDeep(settingConfig),
|
|||
|
|
},
|
|||
|
|
setting: config.setting, // 右侧面板自定义配置
|
|||
|
|
dataHandler: config.dataHandler, // 数据自定义处理js脚本
|
|||
|
|
optionHandler: config.optionHandler, // 配置自定义处理js脚本
|
|||
|
|
...cloneDeep(dataConfig),
|
|||
|
|
};
|
|||
|
|
}
|
|||
|
|
return plotList;
|
|||
|
|
}
|
|||
|
|
export function getCustomPlots() {
|
|||
|
|
const customList = window.BS_CONFIG?.customPlots || [];
|
|||
|
|
|
|||
|
|
const list = [];
|
|||
|
|
customList.forEach((config) => {
|
|||
|
|
list.push({
|
|||
|
|
version: config.version,
|
|||
|
|
category: config.category,
|
|||
|
|
name: config.name,
|
|||
|
|
title: config.title,
|
|||
|
|
border: {
|
|||
|
|
type: "",
|
|||
|
|
titleHeight: 60,
|
|||
|
|
fontSize: 16,
|
|||
|
|
isTitle: true,
|
|||
|
|
padding: [16, 16, 16, 16],
|
|||
|
|
},
|
|||
|
|
icon: null,
|
|||
|
|
img: config.img,
|
|||
|
|
className:
|
|||
|
|
"com.gccloud.dataroom.core.module.chart.components.CustomComponentChart",
|
|||
|
|
w: 450,
|
|||
|
|
h: 320,
|
|||
|
|
x: 0,
|
|||
|
|
y: 0,
|
|||
|
|
type: "customComponent",
|
|||
|
|
chartType: config.chartType,
|
|||
|
|
option: {
|
|||
|
|
...config.option,
|
|||
|
|
...cloneDeep(settingConfig),
|
|||
|
|
},
|
|||
|
|
setting: config.setting, // 右侧面板自定义配置
|
|||
|
|
dataHandler: config.dataHandler, // 数据自定义处理js脚本
|
|||
|
|
optionHandler: config.optionHandler, // 配置自定义处理js脚本
|
|||
|
|
...cloneDeep(dataConfig),
|
|||
|
|
});
|
|||
|
|
});
|
|||
|
|
return list;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
const plots = [
|
|||
|
|
...plotList,
|
|||
|
|
...customPlots,
|
|||
|
|
sankeyData,
|
|||
|
|
candlestickData,
|
|||
|
|
mapData,
|
|||
|
|
FlyMapData,
|
|||
|
|
];
|
|||
|
|
export default plots;
|