mirror of
				https://github.com/Tencent/tmagic-editor.git
				synced 2025-11-04 02:28:04 +08:00 
			
		
		
		
	
		
			
				
	
	
		
			64 lines
		
	
	
		
			2.1 KiB
		
	
	
	
		
			TypeScript
		
	
	
	
	
	
			
		
		
	
	
			64 lines
		
	
	
		
			2.1 KiB
		
	
	
	
		
			TypeScript
		
	
	
	
	
	
/*
 | 
						|
 * Tencent is pleased to support the open source community by making TMagicEditor available.
 | 
						|
 *
 | 
						|
 * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
 | 
						|
 *
 | 
						|
 * Licensed under the Apache License, Version 2.0 (the "License");
 | 
						|
 * you may not use this file except in compliance with the License.
 | 
						|
 * You may obtain a copy of the License at
 | 
						|
 *
 | 
						|
 *   http://www.apache.org/licenses/LICENSE-2.0
 | 
						|
 *
 | 
						|
 * Unless required by applicable law or agreed to in writing, software
 | 
						|
 * distributed under the License is distributed on an "AS IS" BASIS,
 | 
						|
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 | 
						|
 * See the License for the specific language governing permissions and
 | 
						|
 * limitations under the License.
 | 
						|
 */
 | 
						|
 | 
						|
import { createApp, defineAsyncComponent } from 'vue';
 | 
						|
 | 
						|
import Core from '@tmagic/core';
 | 
						|
import { DataSourceManager } from '@tmagic/data-source';
 | 
						|
import { getUrlParam } from '@tmagic/utils';
 | 
						|
 | 
						|
import components from '../.tmagic/async-comp-entry';
 | 
						|
import datasources from '../.tmagic/datasource-entry';
 | 
						|
import plugins from '../.tmagic/plugin-entry';
 | 
						|
 | 
						|
import request from './utils/request';
 | 
						|
import AppComponent from './App.vue';
 | 
						|
import { getLocalConfig } from './utils';
 | 
						|
 | 
						|
import '@tmagic/utils/resetcss.css';
 | 
						|
 | 
						|
const magicApp = createApp(AppComponent);
 | 
						|
 | 
						|
magicApp.use(request);
 | 
						|
 | 
						|
Object.entries(components).forEach(([type, component]: [string, any]) => {
 | 
						|
  magicApp.component(`magic-ui-${type}`, defineAsyncComponent(component));
 | 
						|
});
 | 
						|
 | 
						|
Object.entries(datasources).forEach(([type, ds]: [string, any]) => {
 | 
						|
  DataSourceManager.register(type, ds);
 | 
						|
});
 | 
						|
 | 
						|
Object.values(plugins).forEach((plugin: any) => {
 | 
						|
  magicApp.use(plugin);
 | 
						|
});
 | 
						|
 | 
						|
const app = new Core({
 | 
						|
  ua: window.navigator.userAgent,
 | 
						|
  config: ((getUrlParam('localPreview') ? getLocalConfig() : window.magicDSL) || [])[0] || {},
 | 
						|
  curPage: getUrlParam('page'),
 | 
						|
  useMock: Boolean(getUrlParam('useMock')),
 | 
						|
});
 | 
						|
 | 
						|
app.setDesignWidth(app.env.isWeb ? window.document.documentElement.getBoundingClientRect().width : 375);
 | 
						|
 | 
						|
magicApp.config.globalProperties.app = app;
 | 
						|
magicApp.provide('app', app);
 | 
						|
 | 
						|
magicApp.mount('#app');
 |