42 lines
1.5 KiB
TypeScript
42 lines
1.5 KiB
TypeScript
|
import { SchemaComponentOptions, SchemaInitializerContext, SchemaInitializerProvider } from '@nocobase/client';
|
||
|
import React, { useContext } from 'react';
|
||
|
import { ChartInitializers, ChartV2Block, ChartV2BlockDesigner, ChartV2BlockInitializer } from './block';
|
||
|
import { useChartsTranslation } from './locale';
|
||
|
import { ChartRenderer, ChartRendererProvider, InternalLibrary } from './renderer';
|
||
|
import { ChartLibraryProvider } from './renderer/ChartLibrary';
|
||
|
|
||
|
const Chart: React.FC = (props) => {
|
||
|
const { t } = useChartsTranslation();
|
||
|
const initializers = useContext<any>(SchemaInitializerContext);
|
||
|
const children = initializers.BlockInitializers.items[0].children;
|
||
|
const has = children.some((initializer) => initializer.component === 'ChartV2BlockInitializer');
|
||
|
if (!has) {
|
||
|
children.push({
|
||
|
key: 'chart-v2',
|
||
|
type: 'item',
|
||
|
title: t('Chart'),
|
||
|
component: 'ChartV2BlockInitializer',
|
||
|
});
|
||
|
}
|
||
|
return (
|
||
|
<SchemaComponentOptions
|
||
|
components={{
|
||
|
ChartV2BlockInitializer,
|
||
|
ChartRenderer,
|
||
|
ChartV2BlockDesigner,
|
||
|
ChartV2Block,
|
||
|
ChartRendererProvider,
|
||
|
}}
|
||
|
>
|
||
|
<SchemaInitializerProvider initializers={{ ...initializers, ChartInitializers }}>
|
||
|
<ChartLibraryProvider name="Built-in" charts={InternalLibrary}>
|
||
|
{props.children}
|
||
|
</ChartLibraryProvider>
|
||
|
</SchemaInitializerProvider>
|
||
|
</SchemaComponentOptions>
|
||
|
);
|
||
|
};
|
||
|
|
||
|
export default Chart;
|
||
|
export { ChartLibraryProvider };
|