87 lines
2.4 KiB
JavaScript
87 lines
2.4 KiB
JavaScript
(function registerEChartsModule(global) {
|
|
'use strict';
|
|
|
|
if (!global.ModuleRegistry) {
|
|
throw new Error('ModuleRegistry 未初始化');
|
|
}
|
|
|
|
const CODE_FENCE_REGEX = /```(?:json|js|javascript|echarts|option)?\s*([\s\S]*?)```/i;
|
|
|
|
const parseOptionText = (text) => {
|
|
if (!text) return null;
|
|
try {
|
|
return JSON.parse(text);
|
|
} catch (error) {
|
|
try {
|
|
// 尝试处理 JS 对象语法
|
|
// eslint-disable-next-line no-new-func
|
|
return new Function(`return (${text});`)();
|
|
} catch (innerError) {
|
|
console.warn('解析 ECharts 配置失败:', innerError);
|
|
return null;
|
|
}
|
|
}
|
|
};
|
|
|
|
const parseResponse = (content) => {
|
|
const match = content.match(CODE_FENCE_REGEX);
|
|
if (match) {
|
|
const optionText = match[1].trim();
|
|
return {
|
|
optionText,
|
|
option: parseOptionText(optionText),
|
|
beforeText: content.substring(0, match.index).trim(),
|
|
afterText: content.substring(match.index + match[0].length).trim()
|
|
};
|
|
}
|
|
return {
|
|
optionText: '',
|
|
option: null,
|
|
beforeText: content.trim(),
|
|
afterText: ''
|
|
};
|
|
};
|
|
|
|
global.ModuleRegistry.register({
|
|
id: 'echarts',
|
|
label: 'ECharts 图表',
|
|
icon: 'ph:chart-line-up-duotone',
|
|
renderer: 'echarts',
|
|
promptKey: 'echarts',
|
|
storageNamespace: 'module:echarts',
|
|
chat: {
|
|
placeholder: '描述想生成的图表或调整需求，我会输出 ECharts 配置…',
|
|
streamStartToken: '```json',
|
|
contextWindow: 8
|
|
},
|
|
artifact: {
|
|
type: 'echarts-option',
|
|
fence: ['json', 'js', 'javascript', 'echarts', 'option'],
|
|
startPattern: /```(?:json|js|javascript|echarts|option)/i,
|
|
parser: parseResponse
|
|
},
|
|
hooks: {
|
|
onActivate() {
|
|
// 预留钩子，可在此初始化额外资源
|
|
}
|
|
},
|
|
exports: {
|
|
allowSvg: true,
|
|
allowPng: true,
|
|
allowClipboard: true,
|
|
allowCode: true
|
|
},
|
|
ui: {
|
|
placeholderText: '生成的 ECharts 图表将在此处显示',
|
|
quickActions: [
|
|
{ label: '折线图', value: '使用折线图配置;' },
|
|
{ label: '面积图', value: '使用面积图配置;' },
|
|
{ label: '柱状图', value: '使用柱状图配置;' },
|
|
{ label: '条形图', value: '使用条形图配置;' },
|
|
{ label: '饼图', value: '使用饼图配置;' },
|
|
{ label: '雷达图', value: '使用雷达图配置;' }
|
|
]
|
|
}
|
|
});
|
|
})(window);
|