JLNTV_IPD/tmagic-editor
4
0
Fork 0
mirror of https://github.com/Tencent/tmagic-editor.git synced 2025-11-29 22:12:11 +08:00
Code Issues Projects Releases Wiki Activity

chore(playground): adapter改成异步加载

Browse Source
This commit is contained in:
roymondchen 2025-10-31 14:14:00 +08:00
parent 2a29971318
commit 723e79c0fd
1 changed files with 16 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
playground/src/main.ts
View File

@ -24,15 +24,12 @@ import HtmlWorker from 'monaco-editor/esm/vs/language/html/html.worker?worker';
import JsonWorker from 'monaco-editor/esm/vs/language/json/json.worker?worker';
import TsWorker from 'monaco-editor/esm/vs/language/typescript/ts.worker?worker';
import editorPlugin, { type DesignPluginOptions } from '@tmagic/editor';
import MagicElementPlusAdapter from '@tmagic/element-plus-adapter';
import MagicTdesignAdapter from '@tmagic/tdesign-vue-next-adapter';
import editorPlugin from '@tmagic/editor';
import App from './App.vue';
import router from './route';
import 'element-plus/dist/index.css';
import 'tdesign-vue-next/es/style/index.css';
import '@tmagic/editor/dist/style.css';
// @ts-ignore
@ -58,12 +55,19 @@ monaco.languages.typescript.typescriptDefaults.setEagerModelSync(true);
const adpter = sessionStorage.getItem('tmagic-playground-ui-adapter') || 'element-plus';
const adpterMap: Record<string, DesignPluginOptions> = {
'element-plus': MagicElementPlusAdapter,
'tdesign-vue-next': MagicTdesignAdapter,
};
let adpterModule;
const app = createApp(App);
app.use(router);
app.use(editorPlugin, adpterMap[adpter] || MagicElementPlusAdapter);
app.mount('#app');
if (adpter === 'tdesign-vue-next') {
import('tdesign-vue-next/es/style/index.css');
adpterModule = import('@tmagic/tdesign-vue-next-adapter');
} else {
import('element-plus/dist/index.css');
adpterModule = import('@tmagic/element-plus-adapter');
}
adpterModule.then((module: any) => {
const app = createApp(App);
app.use(router);
app.use(editorPlugin, module.default);
app.mount('#app');
});