1.0.0-beta.21 • Published 3 years ago
@baic/sql-editor v1.0.0-beta.21
@baic/sql-editor
基于monaco-editor的SQL编辑器
使用
yarn add @baic/sql-editor
需要monaco-editor-webpack-plugin插件搭配
// 以umi为例
export default {
chainWebpack: (memo) => {
memo
.plugin('monaco-editor-webpack-plugin')
.use('monaco-editor-webpack-plugin', [['sql']]);
}
}
React方式
import SqlEditor, { Kind } from '@baic/sql-editor';
const hintData = {
databases: [
{
content: 'bigdata',
kind: Kind.Struct,
tables: [
{
content: 'auth',
fields: [
{
content: 'id',
kind: Kind.Field,
},
],
kind: Kind.Folder,
},
{
content: 'role',
fields: [
{
content: 'id',
kind: Kind.Field,
},
],
kind: Kind.Folder,
},
],
},
],
keywords: [
{
content: 'SELECT',
kind: Kind.Keyword,
},
{
content: 'INSERT',
kind: Kind.Keyword,
},
{
content: 'UPDATE',
kind: Kind.Keyword,
},
],
};
export default () => <SqlEditor hintData={hintData} />;
Dom方式
import { create, setHintData, Kind } from '@baic/sql-editor';
export default ({hintData}: any) => {
React.useEffect(() => {
create(
document.getElementById('container')!,
{},
{
databases: [
{
content: 'bigdata',
kind: Kind.Struct,
tables: [
{
content: 'auth',
fields: [
{
content: 'id',
kind: Kind.Field,
},
],
kind: Kind.Folder,
},
{
content: 'role',
fields: [
{
content: 'id',
kind: Kind.Field,
},
],
kind: Kind.Folder,
},
],
},
],
keywords: [
{
content: 'SELECT',
kind: Kind.Keyword,
},
{
content: 'INSERT',
kind: Kind.Keyword,
},
{
content: 'UPDATE',
kind: Kind.Keyword,
},
],
},
);
}, []);
React.useEffect(() => setHintData(hintData), [hintData]);
return (
<div
id="container"
style={{
height: '100%',
}}
/>
);
};
1.0.0-beta.21
3 years ago
1.0.0-beta.20
3 years ago
1.0.0-beta.19
3 years ago
1.0.0-beta.18
3 years ago
1.0.0-beta.17
3 years ago
1.0.0-beta.16
3 years ago
1.0.0-beta.15
3 years ago
1.0.0-beta.14
3 years ago
1.0.0-beta.13
3 years ago
1.0.0-beta.11
3 years ago
1.0.0-beta.12
3 years ago
1.0.0-beta.10
3 years ago
1.0.0-beta.9
3 years ago
1.0.0-beta.8
3 years ago
1.0.0-beta.7
3 years ago
1.0.0-beta.6
3 years ago
1.0.0-beta.4
3 years ago
1.0.0-beta.5
3 years ago
1.0.0-beta.3
3 years ago
1.0.0-beta.2
3 years ago
1.0.0-beta.1
3 years ago