mirror of
https://github.com/alibaba/lowcode-engine.git
synced 2026-03-01 05:30:40 +00:00
refactor(style): fix code style for editor-core refactor(style): fix code style for editor-skeleton refactor(style): fix code style for react-simulator-renderer refactor(style): fix code style for rax-simulator-renderer
209 lines
4.7 KiB
TypeScript
209 lines
4.7 KiB
TypeScript
import { EventEmitter } from 'events';
|
|
import {
|
|
IEditor,
|
|
EditorConfig,
|
|
PluginClassSet,
|
|
KeyType,
|
|
GetOptions,
|
|
GetReturnType,
|
|
HookConfig,
|
|
} from '@ali/lowcode-types';
|
|
import { IocContext, RegisterOptions } from './di';
|
|
import { globalLocale } from './intl';
|
|
import * as utils from './utils';
|
|
// import { tipHandler } from './widgets/tip/tip-handler';
|
|
|
|
EventEmitter.defaultMaxListeners = 100;
|
|
|
|
const NOT_FOUND = Symbol.for('not_found');
|
|
|
|
export class Editor extends EventEmitter implements IEditor {
|
|
/**
|
|
* Ioc Container
|
|
*/
|
|
private context = new IocContext({
|
|
notFoundHandler: (/* type: KeyType */) => NOT_FOUND,
|
|
});
|
|
|
|
get locale() {
|
|
return globalLocale.getLocale();
|
|
}
|
|
|
|
readonly utils = utils;
|
|
|
|
private hooks: HookConfig[] = [];
|
|
|
|
get<T = undefined, KeyOrType = any>(keyOrType: KeyOrType, opt?: GetOptions): GetReturnType<T, KeyOrType> | undefined {
|
|
const x = this.context.get<T, KeyOrType>(keyOrType, opt);
|
|
if (x === NOT_FOUND) {
|
|
return undefined;
|
|
}
|
|
return x;
|
|
}
|
|
|
|
has(keyOrType: KeyType): boolean {
|
|
return this.context.has(keyOrType);
|
|
}
|
|
|
|
set(key: KeyType, data: any): void {
|
|
if (this.context.has(key)) {
|
|
this.context.replace(key, data, undefined, true);
|
|
} else {
|
|
this.context.register(data, key);
|
|
}
|
|
this.notifyGot(key);
|
|
}
|
|
|
|
onceGot<T = undefined, KeyOrType extends KeyType = any>(keyOrType: KeyOrType): Promise<GetReturnType<T, KeyOrType>> {
|
|
const x = this.context.get<T, KeyOrType>(keyOrType);
|
|
if (x !== NOT_FOUND) {
|
|
return Promise.resolve(x);
|
|
}
|
|
return new Promise((resolve) => {
|
|
this.setWait(keyOrType, resolve, true);
|
|
});
|
|
}
|
|
|
|
onGot<T = undefined, KeyOrType extends KeyType = any>(
|
|
keyOrType: KeyOrType,
|
|
fn: (data: GetReturnType<T, KeyOrType>) => void,
|
|
): () => void {
|
|
const x = this.context.get<T, KeyOrType>(keyOrType);
|
|
if (x !== NOT_FOUND) {
|
|
fn(x);
|
|
return () => {};
|
|
} else {
|
|
this.setWait(keyOrType, fn);
|
|
return () => {
|
|
this.delWait(keyOrType, fn);
|
|
};
|
|
}
|
|
}
|
|
|
|
register(data: any, key?: KeyType, options?: RegisterOptions): void {
|
|
this.context.register(data, key, options);
|
|
this.notifyGot(key || data);
|
|
}
|
|
|
|
config?: EditorConfig;
|
|
|
|
components?: PluginClassSet;
|
|
|
|
async init(config?: EditorConfig, components?: PluginClassSet): Promise<any> {
|
|
this.config = config || {};
|
|
this.components = components || {};
|
|
const { hooks = [], lifeCycles } = this.config;
|
|
|
|
this.emit('editor.beforeInit');
|
|
const init = (lifeCycles && lifeCycles.init) || ((): void => {});
|
|
|
|
try {
|
|
await init(this);
|
|
// 注册快捷键
|
|
// registShortCuts(shortCuts, this);
|
|
// 注册 hooks
|
|
this.registerHooks(hooks);
|
|
this.emit('editor.afterInit');
|
|
|
|
return true;
|
|
} catch (err) {
|
|
console.error(err);
|
|
}
|
|
}
|
|
|
|
destroy(): void {
|
|
if (!this.config) {
|
|
return;
|
|
}
|
|
try {
|
|
const { lifeCycles = {} } = this.config;
|
|
// unRegistShortCuts(shortCuts);
|
|
|
|
this.unregisterHooks();
|
|
|
|
if (lifeCycles.destroy) {
|
|
lifeCycles.destroy(this);
|
|
}
|
|
} catch (err) {
|
|
console.warn(err);
|
|
}
|
|
}
|
|
|
|
initHooks = (hooks: HookConfig[]) => {
|
|
this.hooks = hooks.map((hook) => ({
|
|
...hook,
|
|
// 指定第一个参数为 editor
|
|
handler: hook.handler.bind(this, this),
|
|
}));
|
|
|
|
return this.hooks;
|
|
};
|
|
|
|
registerHooks = (hooks: HookConfig[]) => {
|
|
this.initHooks(hooks).forEach(({ message, type, handler }) => {
|
|
if (['on', 'once'].indexOf(type) !== -1) {
|
|
this[type](message, handler);
|
|
}
|
|
});
|
|
};
|
|
|
|
unregisterHooks = () => {
|
|
this.hooks.forEach(({ message, handler }) => {
|
|
this.removeListener(message, handler);
|
|
});
|
|
};
|
|
|
|
private waits = new Map<
|
|
KeyType,
|
|
Array<{
|
|
once?: boolean;
|
|
resolve:(data: any) => void;
|
|
}>
|
|
>();
|
|
|
|
private notifyGot(key: KeyType) {
|
|
let waits = this.waits.get(key);
|
|
if (!waits) {
|
|
return;
|
|
}
|
|
waits = waits.slice().reverse();
|
|
let i = waits.length;
|
|
while (i--) {
|
|
waits[i].resolve(this.get(key));
|
|
if (waits[i].once) {
|
|
waits.splice(i, 1);
|
|
}
|
|
}
|
|
if (waits.length > 0) {
|
|
this.waits.set(key, waits);
|
|
} else {
|
|
this.waits.delete(key);
|
|
}
|
|
}
|
|
|
|
private setWait(key: KeyType, resolve: (data: any) => void, once?: boolean) {
|
|
const waits = this.waits.get(key);
|
|
if (waits) {
|
|
waits.push({ resolve, once });
|
|
} else {
|
|
this.waits.set(key, [{ resolve, once }]);
|
|
}
|
|
}
|
|
|
|
private delWait(key: KeyType, fn: any) {
|
|
const waits = this.waits.get(key);
|
|
if (!waits) {
|
|
return;
|
|
}
|
|
let i = waits.length;
|
|
while (i--) {
|
|
if (waits[i].resolve === fn) {
|
|
waits.splice(i, 1);
|
|
}
|
|
}
|
|
if (waits.length < 1) {
|
|
this.waits.delete(key);
|
|
}
|
|
}
|
|
}
|