mirror of
https://github.com/alibaba/lowcode-engine.git
synced 2026-02-08 15:05:48 +00:00
173 lines
3.1 KiB
TypeScript
173 lines
3.1 KiB
TypeScript
import * as utils from '@ali/ve-utils';
|
||
import Popup from '@ali/ve-popups';
|
||
import Icons from '@ali/ve-icons';
|
||
import logger from '@ali/vu-logger';
|
||
import { render } from 'react-dom';
|
||
import I18nUtil from './i18n-util';
|
||
import { hotkey as Hotkey, monitor } from '@ali/lowcode-editor-core';
|
||
import { createElement } from 'react';
|
||
import { VE_EVENTS as EVENTS, VE_HOOKS as HOOKS, VERSION as Version } from './base/const';
|
||
import Bus from './bus';
|
||
import { skeleton } from './editor';
|
||
import { Workbench } from '@ali/lowcode-editor-skeleton';
|
||
import Panes from './panes';
|
||
import Exchange from './exchange';
|
||
import context from './context';
|
||
import VisualManager from './base/visualManager';
|
||
import Trunk from './bundle/trunk';
|
||
import Prototype from './bundle/prototype';
|
||
import Bundle from './bundle/bundle';
|
||
import Pages from './pages';
|
||
import * as Field from './fields';
|
||
import Prop from './prop';
|
||
import Env from './env';
|
||
import DragEngine from './drag-engine';
|
||
import Viewport from './viewport';
|
||
import Project from './project';
|
||
import { designer, editor } from './editor';
|
||
import Symbols from './symbols';
|
||
|
||
import './vision.less';
|
||
|
||
function init(container?: Element) {
|
||
//TODO: dirty fix
|
||
// 之前的组件库依赖了这个样式，临时fix一下。
|
||
// 取决于预览模式是否保留。
|
||
document.documentElement.classList.add('engine-design-mode');
|
||
|
||
if (!container) {
|
||
container = document.createElement('div');
|
||
document.body.appendChild(container);
|
||
}
|
||
container.id = 'engine';
|
||
|
||
render(
|
||
createElement(Workbench, {
|
||
skeleton,
|
||
className: 'engine-main',
|
||
topAreaItemClassName: 'engine-actionitem',
|
||
}),
|
||
container,
|
||
);
|
||
}
|
||
|
||
/**
|
||
* VE.ui.xxx
|
||
*
|
||
* Core UI Components
|
||
*/
|
||
const ui = {
|
||
Field,
|
||
Icon: Icons,
|
||
Icons,
|
||
Popup,
|
||
};
|
||
|
||
const modules = {
|
||
VisualManager,
|
||
I18nUtil,
|
||
Prop,
|
||
};
|
||
|
||
const VisualEngine = {
|
||
designer,
|
||
editor,
|
||
skeleton,
|
||
/**
|
||
* VE.Popup
|
||
*/
|
||
Popup,
|
||
/**
|
||
* VE Utils
|
||
*/
|
||
utils,
|
||
I18nUtil,
|
||
Hotkey,
|
||
Env,
|
||
monitor,
|
||
/* pub/sub 集线器 */
|
||
Bus,
|
||
/* 事件 */
|
||
EVENTS,
|
||
/* 修饰方法 */
|
||
HOOKS,
|
||
Exchange,
|
||
context,
|
||
/**
|
||
* VE.init
|
||
*
|
||
* Initialized the whole VisualEngine UI
|
||
*/
|
||
init,
|
||
ui,
|
||
Panes,
|
||
modules,
|
||
Trunk,
|
||
Prototype,
|
||
Bundle,
|
||
Pages,
|
||
DragEngine,
|
||
Viewport,
|
||
Version,
|
||
Project,
|
||
logger,
|
||
Symbols,
|
||
};
|
||
|
||
(window as any).VisualEngine = VisualEngine;
|
||
|
||
export default VisualEngine;
|
||
|
||
export {
|
||
designer,
|
||
editor,
|
||
skeleton,
|
||
/**
|
||
* VE.Popup
|
||
*/
|
||
Popup,
|
||
/**
|
||
* VE Utils
|
||
*/
|
||
utils,
|
||
I18nUtil,
|
||
Hotkey,
|
||
Env,
|
||
monitor,
|
||
/* pub/sub 集线器 */
|
||
Bus,
|
||
/* 事件 */
|
||
EVENTS,
|
||
/* 修饰方法 */
|
||
HOOKS,
|
||
Exchange,
|
||
context,
|
||
/**
|
||
* VE.init
|
||
*
|
||
* Initialized the whole VisualEngine UI
|
||
*/
|
||
init,
|
||
ui,
|
||
Panes,
|
||
modules,
|
||
Trunk,
|
||
Prototype,
|
||
Bundle,
|
||
Pages,
|
||
DragEngine,
|
||
Viewport,
|
||
Version,
|
||
Project,
|
||
logger,
|
||
Symbols,
|
||
};
|
||
|
||
const version = '6.0.0(LowcodeEngine 0.9.0-beta)';
|
||
|
||
console.log(
|
||
`%c VisionEngine %c v${version} `,
|
||
"padding: 2px 1px; border-radius: 3px 0 0 3px; color: #fff; background: #606060;font-weight:bold;",
|
||
"padding: 2px 1px; border-radius: 0 3px 3px 0; color: #fff; background: #42c02e;font-weight:bold;"
|
||
);
|