refactor: 悦码项目重构

packages/render-adapter/src/App.vue

@@ -0,0 +1,8 @@
+<!-- 仅用于本地调试时预览 -->
+<script setup lang="ts">
+import Adapter from './components/adapter.vue'
+</script>
+
+<template>
+  <Adapter url="http://localhost:9000/" name="vue3" :plugins="[]" />
+</template>

packages/render-adapter/src/assets/vue.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="37.07" height="36" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 198"><path fill="#41B883" d="M204.8 0H256L128 220.8L0 0h97.92L128 51.2L157.44 0h47.36Z"></path><path fill="#41B883" d="m0 0l128 220.8L256 0h-51.2L128 132.48L50.56 0H0Z"></path><path fill="#35495E" d="M50.56 0L128 133.12L204.8 0h-47.36L128 51.2L97.92 0H50.56Z"></path></svg>

packages/render-adapter/src/components/adapter.vue

@@ -0,0 +1,66 @@
+<script setup lang="ts">
+import WujieVue from "wujie-vue3";
+
+type lifecycle = (appWindow: Window) => any;
+type loadErrorHandler = (url: string, e: Error) => any;
+
+type startOption = {
+  /** 唯一性用户必须保证 */
+  name: string;
+  /** 需要渲染的url */
+  url: string;
+  /** 需要渲染的html, 如果用户已有则无需从url请求 */
+  html?: string;
+  /** 渲染的容器 */
+  // el: HTMLElement | string;
+  /** 子应用加载时loading元素 */
+  loading?: HTMLElement;
+  /** 路由同步开关， false刷新无效，但是前进后退依然有效 */
+  sync?: boolean;
+  /** 子应用短路径替换，路由同步时生效 */
+  prefix?: { [key: string]: string };
+  /** 子应用保活模式，state不会丢失 */
+  alive?: boolean;
+  /** 注入给子应用的数据 */
+  props?: { [key: string]: any };
+  /** js采用fiber模式执行 */
+  fiber?: boolean;
+  /** 子应用采用降级iframe方案 */
+  degrade?: boolean;
+  /** 自定义运行iframe的属性 */
+  attrs?: { [key: string]: any };
+  /** 自定义降级渲染iframe的属性 */
+  degradeAttrs?: { [key: string]: any };
+  /** 代码替换钩子 */
+  replace?: (codeText: string) => string;
+  /** 自定义fetch，资源和接口 */
+  fetch?: (input: RequestInfo, init?: RequestInit) => Promise<Response>;
+  /** 子应插件 */
+  plugins: Array<Plugin>;
+  /** 子应用生命周期 */
+  beforeLoad?: lifecycle;
+  /** 没有做生命周期改造的子应用不会调用 */
+  beforeMount?: lifecycle;
+  afterMount?: lifecycle;
+  beforeUnmount?: lifecycle;
+  afterUnmount?: lifecycle;
+  /** 非保活应用不会调用 */
+  activated?: lifecycle;
+  deactivated?: lifecycle;
+  /** 子应用资源加载失败后调用 */
+  loadError?: loadErrorHandler
+};
+
+const containerId = "low-code-render-adapter";
+
+
+const props = defineProps<startOption>();
+</script>
+
+<template>
+  <div :id="containerId">
+    <WujieVue v-bind="props" :el="containerId" />
+  </div>
+</template>
+
+<style scoped></style>

packages/render-adapter/src/components/index.ts

@@ -0,0 +1 @@
+export { default as Adapter } from "./adapter.vue";

packages/render-adapter/src/env.d.ts

@@ -0,0 +1,2 @@
+declare module '*.vue';
+declare module '*.svg';

packages/render-adapter/src/index.js

@@ -0,0 +1,4 @@
+import { createApp } from "vue";
+import App from "./App.vue";
+
+createApp(App).mount("#app");