feat: 添加 controller

wangshihao111 · wangshihao111 · commit ff7a0351eb46 · 2022-06-09T16:58:40.000+08:00
diff --git a/packages/base-monaco-editor/README.md b/packages/base-monaco-editor/README.md
@@ -125,6 +125,24 @@ function App() {
 ReactDOM.render(<App />, mountNode);
 ```
 
+### Using controller
+
+```ts
+import { controller } from '@alilc/lowcode-plugin-base-monaco-editor';
+
+// configure Monaco to be singleton
+controller.updateMeta({ singleton: true });
+
+// Get all metadata
+controller.getMeta();
+
+// register a custom method
+controller.registerMethod('methodName', (a, b, c) => { });
+
+// call custom methods
+const ret = controller.call('methodName', a, b, c);
+```
+
 ## Citation
 
 This is forked from [monaco-react](https://github.com/suren-atoyan/monaco-react). Thanks for [suren-atoyan](https://github.com/suren-atoyan)'s effort for making monaco editor appoachable.
diff --git a/packages/base-monaco-editor/src/controller.ts b/packages/base-monaco-editor/src/controller.ts
@@ -0,0 +1,39 @@
+export interface EditorMeta {
+  singleton: boolean;
+  [key: string]: any;
+}
+
+export class Controller {
+  private methodMap: Record<string, Function>;
+  private meta: EditorMeta;
+
+  constructor() {
+    this.methodMap = {};
+    this.meta = { singleton: false };
+  }
+
+  registerMethod(name: string, fn: Function) {
+    this.methodMap[name] = fn;
+  }
+
+  call(name: string, ...args: any[]) {
+    return this.methodMap[name]?.(...args);
+  }
+
+  updateMeta(obj: Partial<EditorMeta>) {
+    Object.assign(this.meta, obj);
+  }
+
+  getMeta() {
+    return Object.freeze({ ...this.meta });
+  }
+}
+
+const CONFIGURE_KEY = '__base_monaco_editor_controller__';
+const fakeWindow: any = window;
+
+if (!fakeWindow[CONFIGURE_KEY]) {
+  fakeWindow[CONFIGURE_KEY] = new Controller();
+}
+
+export const controller: Controller = fakeWindow[CONFIGURE_KEY];
diff --git a/packages/base-monaco-editor/src/index.tsx b/packages/base-monaco-editor/src/index.tsx
@@ -10,6 +10,7 @@ import {
 } from './helper';
 
 export * from './monaco';
+export * from './controller';
 
 const SingleMonacoEditor = (props: ISingleMonacoEditorProps) => {
   const { onChange, enableOutline, width, height, language, supportFullScreen } = props;
diff --git a/packages/base-monaco-editor/src/monaco.ts b/packages/base-monaco-editor/src/monaco.ts
@@ -1,19 +1,7 @@
 import loader, { Monaco } from '@monaco-editor/loader';
 //@ts-ignore
 import isEqual from 'lodash/isEqual';
-
-export interface Configure {
-  singleton?: boolean;
-}
-
-const CONFIGURE_KEY = '__base_monaco_editor_config__';
-const fakeWindow: any = window;
-
-if (!fakeWindow[CONFIGURE_KEY]) {
-  fakeWindow[CONFIGURE_KEY] = {};
-}
-
-export const configuration: Configure = fakeWindow[CONFIGURE_KEY];
+import { controller } from './controller';
 
 export const getSingletonMonaco = (() => {
   let monaco: Monaco;
@@ -52,14 +40,10 @@ export const getCommonMonaco = (config: any): Promise<Monaco> => {
   return loader.init();
 };
 
-export function getMonaco(config: any) {
+export function getMonaco(config?: any) {
   const hasConfig = Object.keys(config || {}).length > 0;
   const monacoConfig = hasConfig ? config : undefined;
-  return configuration.singleton
+  return controller.getMeta().singleton
     ? getSingletonMonaco(monacoConfig)
     : getCommonMonaco(monacoConfig);
 }
-
-export function configure(conf: Configure) {
-  Object.assign(configuration, conf || {});
-}
