@empjs/bridge-vue2 0.2.2

package/README.md

@@ -0,0 +1,200 @@
+# EMP Bridge Vue2
+
+EMP Bridge Vue2 是一个用于在 React 应用中集成 Vue2 组件的桥接工具，它解决了 React 与 Vue2 之间组件共享和通信的问题。
+
+## 功能特点
+
+- 支持在 React 应用中使用 Vue2 组件
+- 提供简单的 API 用于生产者和消费者之间的通信
+- 自动处理 React 与 Vue2 之间的渲染和卸载方法差异
+- 支持插件系统扩展 Vue2 功能
+
+## 安装
+
+```bash
+# 使用 npm
+npm install @empjs/bridge-vue2
+
+# 使用 yarn
+yarn add @empjs/bridge-vue2
+
+# 使用 pnpm
+pnpm add @empjs/bridge-vue2
+```
+
+## 基本用法
+
+### 生产者（Vue2 应用导出组件）
+
+```js
+// 在 Vue2 应用中
+import Vue from 'vue';
+
+// 创建要共享的 Vue2 组件
+const HelloVue = {
+  name: 'HelloVue',
+  props: {
+    name: {
+      type: String,
+      default: 'Vue2'
+    }
+  },
+  template: '<div>Hello from {{ name }}!</div>'
+};
+
+// 导出组件
+export default HelloVue;
+```
+
+### 消费者（React 应用使用 Vue2 组件）
+
+```jsx
+// 在 React 应用中
+import React from 'react';
+import { createRemoteAppComponent } from '@empjs/bridge-react';
+import { createBridgeComponent } from '@empjs/bridge-vue2';
+
+// 导入远程 Vue2 组件
+import v2App from 'v2h/HelloVue';
+
+// 获取全局 Vue 实例（通过适配器注入）
+const { EMP_ADAPTER_VUE_v2 } = window;
+const { Vue } = EMP_ADAPTER_VUE_v2;
+
+// 创建 Vue2 桥接组件
+const BridgeComponent = createBridgeComponent(v2App, { Vue });
+
+// 创建可在 React 中使用的组件
+export const RemoteVue2App = createRemoteAppComponent(BridgeComponent, { React });
+
+// 在 React 应用中使用
+function App() {
+  return (
+    <div>
+      <h1>My React App</h1>
+      <RemoteVue2App name="vue2 in React" />
+    </div>
+  );
+}
+```
+
+## 热更新支持
+
+在开发环境中，您必须在 `bootstrap.ts` 添加热更新支持：
+
+```js
+// 只在热更新时加载 vue-2-hmr 模块
+if (module.hot) {
+  console.log('vue-2-hmr', module);
+  import('src/adapter/vue-2-hmr');
+}
+```
+
+vue-2-hmr: 预载组件
+```js
+import 'v2h/HelloVue'
+```
+
+## API 参考
+
+### createBridgeComponent
+
+用于生产者包装 Vue2 组件。
+
+```typescript
+function createBridgeComponent(
+  Component: any,
+  options: {
+    Vue?: any;
+    plugin?: (vue: any) => void;
+    instanceOptions?: {
+      store?: any;
+      router?: any;
+      [key: string]: any;
+    };
+  }
+): BridgeProvider
+```
+
+参数:
+- `Component`: 要导出的 Vue2 组件
+- `options`: Vue2 相关配置
+  - `Vue`: Vue2 实例
+  - `plugin`: (可选) 用于扩展 Vue 功能的插件函数
+  - `instanceOptions`: (可选) 传递给 Vue 实例的选项
+    - `store`: (可选) Vuex store 实例
+    - `router`: (可选) Vue Router 实例
+    - 其他可能需要的 Vue 实例选项
+
+plugin 内容参考
+```js
+import ElementUI from 'element-ui'
+import Router from 'vue-router'
+import Vuex from 'vuex'
+import 'element-ui/lib/theme-chalk/index.css'
+export default Vue => {
+  Vue.use(Router)
+  Vue.use(Vuex)
+  Vue.config.productionTip = false
+  Vue.use(ElementUI)
+}
+```
+
+store 内容参考 
+> `countStore = ()=>{}` 是必须，避免后置请求报错
+```js
+import Vuex from 'vuex'
+export const countStore = () =>
+  new Vuex.Store({
+    state: {
+      count: 0,
+    },
+    mutations: {
+      increment(state) {
+        state.count++
+      },
+    },
+  })
+export default countStore
+
+```
+
+### createRemoteAppComponent (来自 @empjs/bridge-react)
+
+用于消费者加载远程组件。
+
+```typescript
+function createRemoteAppComponent(
+  component: ComponentProvider,
+  reactOptions: {
+    React: any;
+    ReactDOM?: any;
+    createRoot?: Function;
+  },
+  options?: {
+    onError?: (error: Error) => void;
+  }
+): React.ComponentType<any>
+```
+
+参数:
+- `component`: 组件提供者函数，通常是 `createBridgeComponent` 的返回值
+- `reactOptions`: 当前应用的 React 相关配置
+  - `React`: React 实例
+  - `ReactDOM`: (可选) ReactDOM 实例
+  - `createRoot`: (可选) React 18+ 的 createRoot 方法
+- `options`: (可选) 额外配置
+  - `onError`: 错误处理回调函数
+
+## 使用场景
+
+1. 微前端架构中 React 与 Vue2 应用的集成
+2. 在 React 项目中复用现有的 Vue2 组件
+3. 逐步从 Vue2 迁移到 React 的过渡阶段
+
+## 注意事项
+
+- 确保正确提供 Vue2 实例
+- 组件间通信仅限于 props 传递，不支持 Vue 的 provide/inject 或 React 的 Context API 跨框架共享
+- 在使用前需要确保 Vue2 适配器已正确加载
+- 复杂的状态管理需要在各自框架内部处理

package/dist/index.cjs

@@ -0,0 +1,214 @@
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, definition)=>{
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    createBridgeComponent: ()=>createBridgeComponent,
+    createRemoteAppComponent: ()=>createRemoteAppComponent,
+    default: ()=>__WEBPACK_DEFAULT_EXPORT__
+});
+function createBridgeComponent(Component, options) {
+    const Vue = options.Vue;
+    const instanceOptions = options.instanceOptions || {};
+    return function() {
+        const instanceMap = new Map();
+        const render = (dom, props)=>{
+            if (!dom || !(dom instanceof HTMLElement)) return void console.error('[EMP-ERROR] Invalid DOM element provided to render');
+            try {
+                const existingInstance = instanceMap.get(dom);
+                if (existingInstance) {
+                    if (props) try {
+                        existingInstance.$options.render = (h)=>h(Component, {
+                                props: props || {}
+                            });
+                        existingInstance.$options.propsData = props || {};
+                        existingInstance.$forceUpdate();
+                    } catch (error) {
+                        console.warn('[EMP-WARN] Failed to update props:', error);
+                    }
+                } else {
+                    const vueContainer = document.createElement('div');
+                    vueContainer.className = 'vue2-container';
+                    dom.appendChild(vueContainer);
+                    if (options.plugin) options.plugin(Vue);
+                    const instance = new Vue({
+                        propsData: props || {},
+                        render: (h)=>h(Component, {
+                                props: props || {}
+                            }),
+                        el: vueContainer,
+                        beforeDestroy () {
+                            if (vueContainer && vueContainer.parentNode) {
+                                while(vueContainer.firstChild)vueContainer.removeChild(vueContainer.firstChild);
+                                try {
+                                    dom.removeChild(vueContainer);
+                                } catch (e) {
+                                    console.warn('[EMP-WARN] Failed to remove Vue container:', e);
+                                }
+                            }
+                        },
+                        ...instanceOptions
+                    });
+                    instanceMap.set(dom, instance);
+                }
+            } catch (error) {
+                console.error('[EMP-ERROR] Failed to render/update Vue component', error);
+                throw error;
+            }
+        };
+        const destroy = (dom)=>{
+            if (!dom || !(dom instanceof HTMLElement)) return void console.error('[EMP-ERROR] Invalid DOM element provided to destroy');
+            const instance = instanceMap.get(dom);
+            if (!instance) return;
+            try {
+                const vmToDestroy = instance;
+                instanceMap.delete(dom);
+                try {
+                    if (dom) {
+                        try {
+                            if ('function' == typeof dom.replaceChildren) dom.replaceChildren();
+                        } catch (replaceError) {
+                            console.warn('[EMP-WARN] destroy - replaceChildren failed:', replaceError);
+                        }
+                        try {
+                            while(dom.firstChild)dom.removeChild(dom.firstChild);
+                        } catch (removeError) {
+                            console.warn('[EMP-WARN] destroy - removeChild failed:', removeError);
+                        }
+                    }
+                } catch (domError) {
+                    console.warn('[EMP-WARN] Error clearing DOM before destroy:', domError);
+                }
+                try {
+                    vmToDestroy.$destroy();
+                } catch (destroyError) {
+                    console.error('[EMP-ERROR] Error during Vue instance destroy:', destroyError);
+                }
+            } catch (error) {
+                console.error('[EMP-ERROR] Failed to unmount Vue component', error);
+            }
+        };
+        return {
+            render,
+            destroy
+        };
+    };
+}
+function createRemoteAppComponent(component, vueOptions, options = {}) {
+    if (!component) throw new Error('createRemoteAppComponent: component parameter cannot be empty');
+    return {
+        name: 'Vue2RemoteAppComponent',
+        props: {
+            name: String,
+            [Symbol.toPrimitive]: Function
+        },
+        data () {
+            return {
+                provider: null,
+                providerInfo: null,
+                isMounted: false
+            };
+        },
+        methods: {
+            async loadComponent () {
+                try {
+                    if ('function' == typeof component) {
+                        const result = component();
+                        if (result instanceof Promise) {
+                            const module = await result;
+                            this.providerInfo = module.default;
+                        } else this.providerInfo = component;
+                    }
+                    if (this.isMounted && this.$el) this.renderComponent();
+                } catch (error) {
+                    if (options.onError) options.onError(error);
+                    console.error('[EMP-ERROR] Failed to load component', error);
+                }
+            },
+            renderComponent () {
+                if (!this.providerInfo || !this.$el) return;
+                try {
+                    if (!this.provider && this.providerInfo) this.provider = this.providerInfo();
+                    if (!this.provider) return void console.warn('[EMP-WARN] Provider not available yet');
+                    const props = this.$props || this.$options.propsData || {};
+                    if (props && 'object' == typeof props) this.provider.render(this.$el, props);
+                    else this.provider.render(this.$el, {});
+                } catch (error) {
+                    console.error('[EMP-ERROR] Failed to render component', error);
+                    if (options.onError) options.onError(error);
+                }
+            },
+            unmountComponent () {
+                if (this.provider && this.$el) try {
+                    try {
+                        while(this.$el.firstChild)this.$el.removeChild(this.$el.firstChild);
+                    } catch (clearError) {
+                        console.error('[EMP-ERROR] unmountComponent - Error during DOM clearing:', clearError);
+                    }
+                    this.provider.destroy(this.$el);
+                    this.provider = null;
+                } catch (error) {
+                    console.error('[EMP-ERROR] Failed to unmount component', error);
+                }
+            }
+        },
+        mounted () {
+            this.isMounted = true;
+            if (this.providerInfo) this.renderComponent();
+        },
+        updated () {
+            if (this.provider && this.$el) {
+                const props = this.$props || this.$options.propsData || {};
+                this.provider.render(this.$el, props);
+            }
+        },
+        beforeDestroy () {
+            this.isMounted = false;
+            this.unmountComponent();
+        },
+        created () {
+            this.loadComponent();
+        },
+        render (h) {
+            return h('div');
+        }
+    };
+}
+const __WEBPACK_DEFAULT_EXPORT__ = {
+    createBridgeComponent,
+    createRemoteAppComponent
+};
+exports.createBridgeComponent = __webpack_exports__.createBridgeComponent;
+exports.createRemoteAppComponent = __webpack_exports__.createRemoteAppComponent;
+exports["default"] = __webpack_exports__["default"];
+for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+    "createBridgeComponent",
+    "createRemoteAppComponent",
+    "default"
+].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});
+
+//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["webpack://@empjs/bridge-vue2/webpack/runtime/define_property_getters","webpack://@empjs/bridge-vue2/webpack/runtime/has_own_property","webpack://@empjs/bridge-vue2/webpack/runtime/make_namespace_object","webpack://@empjs/bridge-vue2/./src/index.ts"],"sourcesContent":["__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n        if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n            Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n        }\n    }\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","export interface BridgeProviderReturn {\n  render: (dom: HTMLElement, props?: Record<string, any>) => void\n  destroy: (dom: HTMLElement) => void\n}\n\nexport type BridgeProvider = () => BridgeProviderReturn\nexport type AsyncBridgeProvider = () => Promise<{default: BridgeProvider}>\nexport type ComponentProvider = BridgeProvider | AsyncBridgeProvider\n\ninterface Vue2Options {\n  Vue?: any\n  plugin?: (vue: any) => void\n  instanceOptions?: Record<string, any>\n}\n\nexport function createBridgeComponent(Component: any, options: Vue2Options): BridgeProvider {\n  const Vue = options.Vue\n  const instanceOptions = options.instanceOptions || {}\n\n  return function (): BridgeProviderReturn {\n    const instanceMap = new Map<HTMLElement, any>()\n\n    const render = (dom: HTMLElement, props?: Record<string, any>): void => {\n      if (!dom || !(dom instanceof HTMLElement)) {\n        console.error('[EMP-ERROR] Invalid DOM element provided to render')\n        return\n      }\n\n      try {\n        const existingInstance = instanceMap.get(dom)\n\n        if (existingInstance) {\n          if (props) {\n            try {\n              existingInstance.$options.render = (h: any) => h(Component, {props: props || {}})\n              existingInstance.$options.propsData = props || {}\n              existingInstance.$forceUpdate()\n            } catch (error) {\n              console.warn('[EMP-WARN] Failed to update props:', error)\n            }\n          }\n        } else {\n          const vueContainer = document.createElement('div')\n          vueContainer.className = 'vue2-container'\n          dom.appendChild(vueContainer)\n          if (options.plugin) {\n            options.plugin(Vue)\n          }\n          const instance = new Vue({\n            propsData: props || {},\n            render: (h: any) => h(Component, {props: props || {}}),\n            el: vueContainer,\n            beforeDestroy() {\n              if (vueContainer && vueContainer.parentNode) {\n                while (vueContainer.firstChild) {\n                  vueContainer.removeChild(vueContainer.firstChild)\n                }\n                try {\n                  dom.removeChild(vueContainer)\n                } catch (e) {\n                  console.warn('[EMP-WARN] Failed to remove Vue container:', e)\n                }\n              }\n            },\n            ...instanceOptions,\n          })\n\n          instanceMap.set(dom, instance)\n        }\n      } catch (error) {\n        console.error('[EMP-ERROR] Failed to render/update Vue component', error)\n        throw error\n      }\n    }\n\n    const destroy = (dom: HTMLElement): void => {\n      if (!dom || !(dom instanceof HTMLElement)) {\n        console.error('[EMP-ERROR] Invalid DOM element provided to destroy')\n        return\n      }\n\n      const instance = instanceMap.get(dom)\n\n      if (!instance) return\n\n      try {\n        const vmToDestroy = instance\n        instanceMap.delete(dom)\n\n        try {\n          if (dom) {\n            try {\n              if (typeof dom.replaceChildren === 'function') {\n                dom.replaceChildren()\n              }\n            } catch (replaceError) {\n              console.warn('[EMP-WARN] destroy - replaceChildren failed:', replaceError)\n            }\n\n            try {\n              while (dom.firstChild) {\n                dom.removeChild(dom.firstChild)\n              }\n            } catch (removeError) {\n              console.warn('[EMP-WARN] destroy - removeChild failed:', removeError)\n            }\n          }\n        } catch (domError) {\n          console.warn('[EMP-WARN] Error clearing DOM before destroy:', domError)\n        }\n\n        try {\n          vmToDestroy.$destroy()\n        } catch (destroyError) {\n          console.error('[EMP-ERROR] Error during Vue instance destroy:', destroyError)\n        }\n      } catch (error) {\n        console.error('[EMP-ERROR] Failed to unmount Vue component', error)\n      }\n    }\n\n    return {render, destroy}\n  }\n}\n\nexport function createRemoteAppComponent(\n  component: ComponentProvider,\n  vueOptions: Vue2Options,\n  options: {onError?: (error: Error) => void} = {},\n): any {\n  if (!component) {\n    throw new Error('createRemoteAppComponent: component parameter cannot be empty')\n  }\n\n  return {\n    name: 'Vue2RemoteAppComponent',\n    props: {\n      name: String,\n      [Symbol.toPrimitive]: Function,\n    },\n    data() {\n      return {\n        provider: null,\n        providerInfo: null,\n        isMounted: false,\n      }\n    },\n    methods: {\n      async loadComponent() {\n        try {\n          if (typeof component === 'function') {\n            const result = component()\n\n            if (result instanceof Promise) {\n              const module = await result\n              this.providerInfo = module.default\n            } else {\n              this.providerInfo = component as BridgeProvider\n            }\n          }\n\n          if (this.isMounted && this.$el) {\n            this.renderComponent()\n          }\n        } catch (error) {\n          if (options.onError) options.onError(error as Error)\n          console.error('[EMP-ERROR] Failed to load component', error)\n        }\n      },\n      renderComponent() {\n        if (!this.providerInfo || !this.$el) return\n\n        try {\n          if (!this.provider && this.providerInfo) {\n            this.provider = this.providerInfo()\n          }\n\n          if (!this.provider) {\n            console.warn('[EMP-WARN] Provider not available yet')\n            return\n          }\n\n          const props = this.$props || this.$options.propsData || {}\n\n          if (props && typeof props === 'object') {\n            this.provider.render(this.$el, props)\n          } else {\n            this.provider.render(this.$el, {})\n          }\n        } catch (error) {\n          console.error('[EMP-ERROR] Failed to render component', error)\n          if (options.onError) options.onError(error as Error)\n        }\n      },\n      unmountComponent() {\n        if (this.provider && this.$el) {\n          try {\n            try {\n              while (this.$el.firstChild) {\n                this.$el.removeChild(this.$el.firstChild)\n              }\n            } catch (clearError) {\n              console.error('[EMP-ERROR] unmountComponent - Error during DOM clearing:', clearError)\n            }\n\n            this.provider.destroy(this.$el)\n            this.provider = null\n          } catch (error) {\n            console.error('[EMP-ERROR] Failed to unmount component', error)\n          }\n        }\n      },\n    },\n    mounted() {\n      this.isMounted = true\n      if (this.providerInfo) this.renderComponent()\n    },\n    updated() {\n      if (this.provider && this.$el) {\n        const props = this.$props || this.$options.propsData || {}\n        this.provider.render(this.$el, props)\n      }\n    },\n    beforeDestroy() {\n      this.isMounted = false\n      this.unmountComponent()\n    },\n    created() {\n      this.loadComponent()\n    },\n    render(h: any) {\n      return h('div')\n    },\n  }\n}\n\nexport default {\n  createBridgeComponent,\n  createRemoteAppComponent,\n}\n"],"names":["__webpack_require__","definition","key","Object","obj","prop","Symbol","createBridgeComponent","Component","options","Vue","instanceOptions","instanceMap","Map","render","dom","props","HTMLElement","console","existingInstance","h","error","vueContainer","document","instance","e","destroy","vmToDestroy","replaceError","removeError","domError","destroyError","createRemoteAppComponent","component","vueOptions","Error","String","Function","result","Promise","module","clearError"],"mappings":"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"}

package/dist/index.d.ts

@@ -0,0 +1,23 @@
+export interface BridgeProviderReturn {
+    render: (dom: HTMLElement, props?: Record<string, any>) => void;
+    destroy: (dom: HTMLElement) => void;
+}
+export type BridgeProvider = () => BridgeProviderReturn;
+export type AsyncBridgeProvider = () => Promise<{
+    default: BridgeProvider;
+}>;
+export type ComponentProvider = BridgeProvider | AsyncBridgeProvider;
+interface Vue2Options {
+    Vue?: any;
+    plugin?: (vue: any) => void;
+    instanceOptions?: Record<string, any>;
+}
+export declare function createBridgeComponent(Component: any, options: Vue2Options): BridgeProvider;
+export declare function createRemoteAppComponent(component: ComponentProvider, vueOptions: Vue2Options, options?: {
+    onError?: (error: Error) => void;
+}): any;
+declare const _default: {
+    createBridgeComponent: typeof createBridgeComponent;
+    createRemoteAppComponent: typeof createRemoteAppComponent;
+};
+export default _default;

package/dist/index.js

@@ -0,0 +1,174 @@
+function createBridgeComponent(Component, options) {
+    const Vue = options.Vue;
+    const instanceOptions = options.instanceOptions || {};
+    return function() {
+        const instanceMap = new Map();
+        const render = (dom, props)=>{
+            if (!dom || !(dom instanceof HTMLElement)) return void console.error('[EMP-ERROR] Invalid DOM element provided to render');
+            try {
+                const existingInstance = instanceMap.get(dom);
+                if (existingInstance) {
+                    if (props) try {
+                        existingInstance.$options.render = (h)=>h(Component, {
+                                props: props || {}
+                            });
+                        existingInstance.$options.propsData = props || {};
+                        existingInstance.$forceUpdate();
+                    } catch (error) {
+                        console.warn('[EMP-WARN] Failed to update props:', error);
+                    }
+                } else {
+                    const vueContainer = document.createElement('div');
+                    vueContainer.className = 'vue2-container';
+                    dom.appendChild(vueContainer);
+                    if (options.plugin) options.plugin(Vue);
+                    const instance = new Vue({
+                        propsData: props || {},
+                        render: (h)=>h(Component, {
+                                props: props || {}
+                            }),
+                        el: vueContainer,
+                        beforeDestroy () {
+                            if (vueContainer && vueContainer.parentNode) {
+                                while(vueContainer.firstChild)vueContainer.removeChild(vueContainer.firstChild);
+                                try {
+                                    dom.removeChild(vueContainer);
+                                } catch (e) {
+                                    console.warn('[EMP-WARN] Failed to remove Vue container:', e);
+                                }
+                            }
+                        },
+                        ...instanceOptions
+                    });
+                    instanceMap.set(dom, instance);
+                }
+            } catch (error) {
+                console.error('[EMP-ERROR] Failed to render/update Vue component', error);
+                throw error;
+            }
+        };
+        const destroy = (dom)=>{
+            if (!dom || !(dom instanceof HTMLElement)) return void console.error('[EMP-ERROR] Invalid DOM element provided to destroy');
+            const instance = instanceMap.get(dom);
+            if (!instance) return;
+            try {
+                const vmToDestroy = instance;
+                instanceMap.delete(dom);
+                try {
+                    if (dom) {
+                        try {
+                            if ('function' == typeof dom.replaceChildren) dom.replaceChildren();
+                        } catch (replaceError) {
+                            console.warn('[EMP-WARN] destroy - replaceChildren failed:', replaceError);
+                        }
+                        try {
+                            while(dom.firstChild)dom.removeChild(dom.firstChild);
+                        } catch (removeError) {
+                            console.warn('[EMP-WARN] destroy - removeChild failed:', removeError);
+                        }
+                    }
+                } catch (domError) {
+                    console.warn('[EMP-WARN] Error clearing DOM before destroy:', domError);
+                }
+                try {
+                    vmToDestroy.$destroy();
+                } catch (destroyError) {
+                    console.error('[EMP-ERROR] Error during Vue instance destroy:', destroyError);
+                }
+            } catch (error) {
+                console.error('[EMP-ERROR] Failed to unmount Vue component', error);
+            }
+        };
+        return {
+            render,
+            destroy
+        };
+    };
+}
+function createRemoteAppComponent(component, vueOptions, options = {}) {
+    if (!component) throw new Error('createRemoteAppComponent: component parameter cannot be empty');
+    return {
+        name: 'Vue2RemoteAppComponent',
+        props: {
+            name: String,
+            [Symbol.toPrimitive]: Function
+        },
+        data () {
+            return {
+                provider: null,
+                providerInfo: null,
+                isMounted: false
+            };
+        },
+        methods: {
+            async loadComponent () {
+                try {
+                    if ('function' == typeof component) {
+                        const result = component();
+                        if (result instanceof Promise) {
+                            const module = await result;
+                            this.providerInfo = module.default;
+                        } else this.providerInfo = component;
+                    }
+                    if (this.isMounted && this.$el) this.renderComponent();
+                } catch (error) {
+                    if (options.onError) options.onError(error);
+                    console.error('[EMP-ERROR] Failed to load component', error);
+                }
+            },
+            renderComponent () {
+                if (!this.providerInfo || !this.$el) return;
+                try {
+                    if (!this.provider && this.providerInfo) this.provider = this.providerInfo();
+                    if (!this.provider) return void console.warn('[EMP-WARN] Provider not available yet');
+                    const props = this.$props || this.$options.propsData || {};
+                    if (props && 'object' == typeof props) this.provider.render(this.$el, props);
+                    else this.provider.render(this.$el, {});
+                } catch (error) {
+                    console.error('[EMP-ERROR] Failed to render component', error);
+                    if (options.onError) options.onError(error);
+                }
+            },
+            unmountComponent () {
+                if (this.provider && this.$el) try {
+                    try {
+                        while(this.$el.firstChild)this.$el.removeChild(this.$el.firstChild);
+                    } catch (clearError) {
+                        console.error('[EMP-ERROR] unmountComponent - Error during DOM clearing:', clearError);
+                    }
+                    this.provider.destroy(this.$el);
+                    this.provider = null;
+                } catch (error) {
+                    console.error('[EMP-ERROR] Failed to unmount component', error);
+                }
+            }
+        },
+        mounted () {
+            this.isMounted = true;
+            if (this.providerInfo) this.renderComponent();
+        },
+        updated () {
+            if (this.provider && this.$el) {
+                const props = this.$props || this.$options.propsData || {};
+                this.provider.render(this.$el, props);
+            }
+        },
+        beforeDestroy () {
+            this.isMounted = false;
+            this.unmountComponent();
+        },
+        created () {
+            this.loadComponent();
+        },
+        render (h) {
+            return h('div');
+        }
+    };
+}
+const src = {
+    createBridgeComponent,
+    createRemoteAppComponent
+};
+export { createBridgeComponent, createRemoteAppComponent, src as default };
+
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["webpack://@empjs/bridge-vue2/./src/index.ts"],"sourcesContent":["export interface BridgeProviderReturn {\n  render: (dom: HTMLElement, props?: Record<string, any>) => void\n  destroy: (dom: HTMLElement) => void\n}\n\nexport type BridgeProvider = () => BridgeProviderReturn\nexport type AsyncBridgeProvider = () => Promise<{default: BridgeProvider}>\nexport type ComponentProvider = BridgeProvider | AsyncBridgeProvider\n\ninterface Vue2Options {\n  Vue?: any\n  plugin?: (vue: any) => void\n  instanceOptions?: Record<string, any>\n}\n\nexport function createBridgeComponent(Component: any, options: Vue2Options): BridgeProvider {\n  const Vue = options.Vue\n  const instanceOptions = options.instanceOptions || {}\n\n  return function (): BridgeProviderReturn {\n    const instanceMap = new Map<HTMLElement, any>()\n\n    const render = (dom: HTMLElement, props?: Record<string, any>): void => {\n      if (!dom || !(dom instanceof HTMLElement)) {\n        console.error('[EMP-ERROR] Invalid DOM element provided to render')\n        return\n      }\n\n      try {\n        const existingInstance = instanceMap.get(dom)\n\n        if (existingInstance) {\n          if (props) {\n            try {\n              existingInstance.$options.render = (h: any) => h(Component, {props: props || {}})\n              existingInstance.$options.propsData = props || {}\n              existingInstance.$forceUpdate()\n            } catch (error) {\n              console.warn('[EMP-WARN] Failed to update props:', error)\n            }\n          }\n        } else {\n          const vueContainer = document.createElement('div')\n          vueContainer.className = 'vue2-container'\n          dom.appendChild(vueContainer)\n          if (options.plugin) {\n            options.plugin(Vue)\n          }\n          const instance = new Vue({\n            propsData: props || {},\n            render: (h: any) => h(Component, {props: props || {}}),\n            el: vueContainer,\n            beforeDestroy() {\n              if (vueContainer && vueContainer.parentNode) {\n                while (vueContainer.firstChild) {\n                  vueContainer.removeChild(vueContainer.firstChild)\n                }\n                try {\n                  dom.removeChild(vueContainer)\n                } catch (e) {\n                  console.warn('[EMP-WARN] Failed to remove Vue container:', e)\n                }\n              }\n            },\n            ...instanceOptions,\n          })\n\n          instanceMap.set(dom, instance)\n        }\n      } catch (error) {\n        console.error('[EMP-ERROR] Failed to render/update Vue component', error)\n        throw error\n      }\n    }\n\n    const destroy = (dom: HTMLElement): void => {\n      if (!dom || !(dom instanceof HTMLElement)) {\n        console.error('[EMP-ERROR] Invalid DOM element provided to destroy')\n        return\n      }\n\n      const instance = instanceMap.get(dom)\n\n      if (!instance) return\n\n      try {\n        const vmToDestroy = instance\n        instanceMap.delete(dom)\n\n        try {\n          if (dom) {\n            try {\n              if (typeof dom.replaceChildren === 'function') {\n                dom.replaceChildren()\n              }\n            } catch (replaceError) {\n              console.warn('[EMP-WARN] destroy - replaceChildren failed:', replaceError)\n            }\n\n            try {\n              while (dom.firstChild) {\n                dom.removeChild(dom.firstChild)\n              }\n            } catch (removeError) {\n              console.warn('[EMP-WARN] destroy - removeChild failed:', removeError)\n            }\n          }\n        } catch (domError) {\n          console.warn('[EMP-WARN] Error clearing DOM before destroy:', domError)\n        }\n\n        try {\n          vmToDestroy.$destroy()\n        } catch (destroyError) {\n          console.error('[EMP-ERROR] Error during Vue instance destroy:', destroyError)\n        }\n      } catch (error) {\n        console.error('[EMP-ERROR] Failed to unmount Vue component', error)\n      }\n    }\n\n    return {render, destroy}\n  }\n}\n\nexport function createRemoteAppComponent(\n  component: ComponentProvider,\n  vueOptions: Vue2Options,\n  options: {onError?: (error: Error) => void} = {},\n): any {\n  if (!component) {\n    throw new Error('createRemoteAppComponent: component parameter cannot be empty')\n  }\n\n  return {\n    name: 'Vue2RemoteAppComponent',\n    props: {\n      name: String,\n      [Symbol.toPrimitive]: Function,\n    },\n    data() {\n      return {\n        provider: null,\n        providerInfo: null,\n        isMounted: false,\n      }\n    },\n    methods: {\n      async loadComponent() {\n        try {\n          if (typeof component === 'function') {\n            const result = component()\n\n            if (result instanceof Promise) {\n              const module = await result\n              this.providerInfo = module.default\n            } else {\n              this.providerInfo = component as BridgeProvider\n            }\n          }\n\n          if (this.isMounted && this.$el) {\n            this.renderComponent()\n          }\n        } catch (error) {\n          if (options.onError) options.onError(error as Error)\n          console.error('[EMP-ERROR] Failed to load component', error)\n        }\n      },\n      renderComponent() {\n        if (!this.providerInfo || !this.$el) return\n\n        try {\n          if (!this.provider && this.providerInfo) {\n            this.provider = this.providerInfo()\n          }\n\n          if (!this.provider) {\n            console.warn('[EMP-WARN] Provider not available yet')\n            return\n          }\n\n          const props = this.$props || this.$options.propsData || {}\n\n          if (props && typeof props === 'object') {\n            this.provider.render(this.$el, props)\n          } else {\n            this.provider.render(this.$el, {})\n          }\n        } catch (error) {\n          console.error('[EMP-ERROR] Failed to render component', error)\n          if (options.onError) options.onError(error as Error)\n        }\n      },\n      unmountComponent() {\n        if (this.provider && this.$el) {\n          try {\n            try {\n              while (this.$el.firstChild) {\n                this.$el.removeChild(this.$el.firstChild)\n              }\n            } catch (clearError) {\n              console.error('[EMP-ERROR] unmountComponent - Error during DOM clearing:', clearError)\n            }\n\n            this.provider.destroy(this.$el)\n            this.provider = null\n          } catch (error) {\n            console.error('[EMP-ERROR] Failed to unmount component', error)\n          }\n        }\n      },\n    },\n    mounted() {\n      this.isMounted = true\n      if (this.providerInfo) this.renderComponent()\n    },\n    updated() {\n      if (this.provider && this.$el) {\n        const props = this.$props || this.$options.propsData || {}\n        this.provider.render(this.$el, props)\n      }\n    },\n    beforeDestroy() {\n      this.isMounted = false\n      this.unmountComponent()\n    },\n    created() {\n      this.loadComponent()\n    },\n    render(h: any) {\n      return h('div')\n    },\n  }\n}\n\nexport default {\n  createBridgeComponent,\n  createRemoteAppComponent,\n}\n"],"names":["createBridgeComponent","Component","options","Vue","instanceOptions","instanceMap","Map","render","dom","props","HTMLElement","console","existingInstance","h","error","vueContainer","document","instance","e","destroy","vmToDestroy","replaceError","removeError","domError","destroyError","createRemoteAppComponent","component","vueOptions","Error","String","Symbol","Function","result","Promise","module","clearError"],"mappings":"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"}

package/package.json

@@ -0,0 +1,48 @@
+{
+  "name": "@empjs/bridge-vue2",
+  "version": "0.2.2",
+  "description": "Emp Bridge Vue v2",
+  "license": "MIT",
+  "type": "module",
+  "files": [
+    "dist"
+  ],
+  "maintainers": [
+    "xuhongbin",
+    "ckken",
+    "doerme",
+    "ron0115"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/empjs/emp.git",
+    "directory": "packages/bridge-vue2"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/index.js"
+      },
+      "require": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/index.cjs"
+      }
+    }
+  },
+  "engines": {
+    "node": ">=16.0.0"
+  },
+  "author": "Ken",
+  "dependencies": {},
+  "devDependencies": {},
+  "scripts": {
+    "dev": "rslib build --watch --env-mode development",
+    "build": "rslib build"
+  }
+}