fix: 修复渲染器无法调用 project 内定义的 api

apps/designer/src/views/extension.ts

@@ -0,0 +1,81 @@
+import * as Vue from 'vue';
+import * as core from '@vtj/core';
+import * as VtjUtils from '@vtj/utils';
+import * as VtjUI from '@vtj/ui';
+import * as designer from '@vtj/designer';
+import * as renderer from '@vtj/renderer';
+import * as VtjIcons from '@vtj/icons';
+import * as ElementPlus from 'element-plus';
+import type { ExtensionConfig } from '@vtj/core';
+import type { EngineOptions } from '@vtj/designer';
+
+export type ExtensionOptions = ExtensionConfig;
+export type ExtensionFactory = (
+  config: ExtensionConfig
+) => Partial<EngineOptions> | void;
+
+export interface ExtensionOutput {
+  options: Partial<EngineOptions>;
+  adapters: Record<string, any>;
+}
+
+export class Extension {
+  private urls: string[] = [];
+  private library: string = '';
+  private params: any[] = [];
+  private __BASE_PATH__: string = '/';
+  private __adapters__: Record<string, any> = {};
+  constructor(private options: ExtensionOptions) {
+    const __VTJ_PRO__ = {
+      ...core,
+      ...designer,
+      ...renderer
+    };
+
+    (window as any).Vue = Vue;
+    (window as any).__VTJ_PRO__ = __VTJ_PRO__;
+    (window as any).VtjUtils = VtjUtils;
+    (window as any).VtjIcons = VtjIcons;
+    (window as any).VtjUI = VtjUI;
+    (window as any).ElementPlus = ElementPlus;
+    const {
+      urls = [],
+      library,
+      params = [],
+      __BASE_PATH__ = '/',
+      __adapters__ = {}
+    } = options || {};
+    this.urls = urls;
+    this.library = library;
+    this.params = params;
+    this.__BASE_PATH__ = __BASE_PATH__;
+    this.__adapters__ = __adapters__;
+  }
+  async load(): Promise<ExtensionOutput> {
+    let options: Partial<EngineOptions> = {};
+    if (this.library) {
+      const base = this.__BASE_PATH__;
+      const css = this.urls
+        .filter((n) => renderer.isCSSUrl(n))
+        .map((n) => `${base}${n}`);
+      const scripts: string[] = this.urls
+        .filter((n) => renderer.isJSUrl(n))
+        .map((n) => `${base}${n}`);
+      renderer.loadCssUrl(css);
+      if (scripts.length) {
+        const output = await renderer
+          .loadScriptUrl(scripts, this.library)
+          .catch(() => null);
+        if (output && typeof output === 'function') {
+          options = output.call(output, this.options, this.params);
+        } else {
+          options = output || {};
+        }
+      }
+    }
+    return {
+      options,
+      adapters: this.__adapters__
+    };
+  }
+}