@empjs/bridge-vue3 0.0.3 → 4.0.0-alpha.1

package/README.md

@@ -1,13 +1,14 @@
-# EMP Bridge React
+# EMP Bridge Vue3
 
-EMP Bridge React 是一个用于跨 React 版本组件通信的桥接工具，它解决了不同 React 版本之间组件共享和通信的问题。
+EMP Bridge Vue 是一个用于在 React 应用中集成 Vue3 组件的桥接工具，它解决了 React 与 Vue 之间组件共享和通信的问题。
 
 ## 功能特点
 
-- 支持不同 React 版本（16/17/18/19）之间的组件共享
+- 支持在 React 应用中使用 Vue 组件
 - 提供简单的 API 用于生产者和消费者之间的通信
-- 自动处理 React 不同版本的渲染和卸载方法差异
-- 支持异步加载组件
+- 自动处理 React 与 Vue 之间的渲染和卸载方法差异
+- 支持插件系统扩展 Vue 功能
+
 
 ## 安装
 

package/dist/index.cjs

@@ -1,11 +1,15 @@
 "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__.d = (exports1, getters, values)=>{
+        var define = (defs, kind)=>{
+            for(var key in defs)if (__webpack_require__.o(defs, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+                enumerable: true,
+                [kind]: defs[key]
+            });
+        };
+        define(getters, "get");
+        define(values, "value");
     };
 })();
 (()=>{
@@ -13,7 +17,7 @@ var __webpack_require__ = {};
 })();
 (()=>{
     __webpack_require__.r = (exports1)=>{
-        if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
             value: 'Module'
         });
         Object.defineProperty(exports1, '__esModule', {
@@ -23,11 +27,6 @@ var __webpack_require__ = {};
 })();
 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 { createApp } = options.Vue;
     return function() {
@@ -70,7 +69,7 @@ function createRemoteAppComponent(component, vueOptions, options = {}) {
     if (!component) throw new Error('createRemoteAppComponent: component parameter cannot be empty');
     const { Vue } = vueOptions;
     return defineComponent({
-        name: 'RemoteAppComponent',
+        name: 'Vue3RemoteAppComponent',
         props: {},
         setup () {
             const provider = ref(null);
@@ -119,7 +118,7 @@ function createRemoteAppComponent(component, vueOptions, options = {}) {
             onBeforeUnmount(()=>{
                 isMounted.value = false;
                 const cleanup = ()=>unmountComponent();
-                if ('undefined' != typeof window && window.requestAnimationFrame) window.requestAnimationFrame(cleanup);
+                if ("u" > typeof window && window.requestAnimationFrame) window.requestAnimationFrame(cleanup);
                 else setTimeout(cleanup, 0);
             });
             loadComponent();
@@ -148,18 +147,24 @@ function onBeforeUnmount(fn) {}
 function getCurrentInstance() {
     return null;
 }
-const __WEBPACK_DEFAULT_EXPORT__ = {
+const __rspack_default_export = {
     createBridgeComponent,
     createRemoteAppComponent
 };
+__webpack_require__.d(__webpack_exports__, {
+    createBridgeComponent: ()=>createBridgeComponent,
+    createRemoteAppComponent: ()=>createRemoteAppComponent
+}, {
+    default: __rspack_default_export
+});
 exports.createBridgeComponent = __webpack_exports__.createBridgeComponent;
 exports.createRemoteAppComponent = __webpack_exports__.createRemoteAppComponent;
 exports["default"] = __webpack_exports__["default"];
-for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+for(var __rspack_i in __webpack_exports__)if (-1 === [
     "createBridgeComponent",
     "createRemoteAppComponent",
     "default"
-].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
 Object.defineProperty(exports, '__esModule', {
     value: true
 });

package/dist/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["webpack://@empjs/bridge-vue3/webpack/runtime/define_property_getters","webpack://@empjs/bridge-vue3/webpack/runtime/has_own_property","webpack://@empjs/bridge-vue3/webpack/runtime/make_namespace_object","webpack://@empjs/bridge-vue3/./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};","// Type definitions\nexport 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 Vue3Options {\n  Vue?: any\n  plugin?: (app: any) => void\n}\n\n/**\n * Create bridge component - for producer to wrap application-level export modules\n */\nexport function createBridgeComponent(Component: any, options: Vue3Options): BridgeProvider {\n  const {createApp} = options.Vue\n\n  return function (): BridgeProviderReturn {\n    const appMap = new Map<HTMLElement, any>()\n\n    const render = (dom: HTMLElement, props?: Record<string, any>): void => {\n      try {\n        const existingApp = appMap.get(dom)\n\n        if (existingApp) {\n          // Update props for existing app\n          if (props) {\n            Object.keys(props).forEach(key => {\n              existingApp._instance.props[key] = props[key]\n            })\n          }\n        } else {\n          // Create new app instance\n          const app = createApp(Component, props || {})\n\n          // 使用自定义插件（如果提供）\n          if (options.plugin) {\n            options.plugin(app)\n          }\n\n          app.mount(dom)\n          appMap.set(dom, app)\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      const app = appMap.get(dom)\n      if (!app) return\n\n      try {\n        app.unmount()\n        appMap.delete(dom)\n      } catch (error) {\n        console.error('[EMP-ERROR] Failed to unmount Vue component', error)\n      }\n    }\n\n    return {render, destroy}\n  }\n}\n\n/**\n * Create remote app component - for consumer to load application-level modules\n */\nexport function createRemoteAppComponent(\n  component: ComponentProvider,\n  vueOptions: Vue3Options,\n  options: {onError?: (error: Error) => void} = {},\n): any {\n  if (!component) {\n    throw new Error('createRemoteAppComponent: component parameter cannot be empty')\n  }\n\n  const {Vue} = vueOptions\n\n  return defineComponent({\n    name: 'RemoteAppComponent',\n    props: {},\n    setup() {\n      const provider = ref<BridgeProviderReturn | null>(null)\n      const providerInfo = ref<BridgeProvider | null>(null)\n      const isMounted = ref(false)\n      const containerRef = ref<HTMLElement | null>(null)\n\n      const loadComponent = async () => {\n        try {\n          if (typeof component === 'function') {\n            const result = component()\n\n            if (result instanceof Promise) {\n              const module = await result\n              providerInfo.value = module.default\n            } else {\n              providerInfo.value = component as BridgeProvider\n            }\n          }\n\n          if (isMounted.value && containerRef.value) {\n            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\n      const renderComponent = () => {\n        if (!providerInfo.value || !containerRef.value) return\n\n        try {\n          if (!provider.value) {\n            provider.value = providerInfo.value()\n          }\n          provider.value.render(containerRef.value, getCurrentInstance()?.props || {})\n        } catch (error) {\n          console.error('[EMP-ERROR] Failed to render component', error)\n        }\n      }\n\n      const unmountComponent = () => {\n        if (provider.value && containerRef.value) {\n          try {\n            provider.value.destroy(containerRef.value)\n            provider.value = null\n          } catch (error) {\n            console.error('[EMP-ERROR] Failed to unmount component', error)\n          }\n        }\n      }\n\n      onMounted(() => {\n        isMounted.value = true\n        if (providerInfo.value) renderComponent()\n      })\n\n      onUpdated(() => {\n        if (provider.value && containerRef.value) {\n          provider.value.render(containerRef.value, getCurrentInstance()?.props || {})\n        }\n      })\n\n      onBeforeUnmount(() => {\n        isMounted.value = false\n        const cleanup = () => unmountComponent()\n\n        if (typeof window !== 'undefined' && window.requestAnimationFrame) {\n          window.requestAnimationFrame(cleanup)\n        } else {\n          setTimeout(cleanup, 0)\n        }\n      })\n\n      // 立即加载组件\n      loadComponent()\n\n      return {\n        containerRef,\n      }\n    },\n    render() {\n      return Vue.h('div', {ref: 'containerRef'})\n    },\n  })\n}\n\n// 添加必要的导入声明\nfunction defineComponent(options: any): any {\n  return options\n}\n\nfunction ref<T>(initialValue?: T): {value: T | null} {\n  return {value: initialValue || null}\n}\n\nfunction onMounted(fn: () => void): void {}\nfunction onUpdated(fn: () => void): void {}\nfunction onBeforeUnmount(fn: () => void): void {}\nfunction getCurrentInstance(): {props: Record<string, any>} | null {\n  return null\n}\n\nexport default {\n  createBridgeComponent,\n  createRemoteAppComponent,\n}\n"],"names":["__webpack_require__","definition","key","Object","obj","prop","Symbol","createBridgeComponent","Component","options","createApp","appMap","Map","render","dom","props","existingApp","app","error","console","destroy","createRemoteAppComponent","component","vueOptions","Error","Vue","defineComponent","provider","ref","providerInfo","isMounted","containerRef","loadComponent","result","Promise","module","renderComponent","getCurrentInstance","unmountComponent","onMounted","onUpdated","onBeforeUnmount","cleanup","window","setTimeout","initialValue","fn"],"mappings":"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"}
+{"version":3,"file":"index.cjs","sources":["webpack://webpack/runtime/define_property_getters","webpack://webpack/runtime/has_own_property","webpack://webpack/runtime/make_namespace_object","../src/index.ts"],"sourcesContent":["__webpack_require__.d = (exports, getters, values) => {\n\tvar define = (defs, kind) => {\n\t\tfor(var key in defs) {\n\t\t\tif(__webpack_require__.o(defs, key) && !__webpack_require__.o(exports, key)) {\n\t\t\t\tObject.defineProperty(exports, key, { enumerable: true, [kind]: defs[key] });\n\t\t\t}\n\t\t}\n\t};\n\tdefine(getters, \"get\");\n\tdefine(values, \"value\");\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};","// Type definitions\nexport 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 Vue3Options {\n  Vue?: any\n  plugin?: (app: any) => void\n}\n\n/**\n * Create bridge component - for producer to wrap application-level export modules\n */\nexport function createBridgeComponent(Component: any, options: Vue3Options): BridgeProvider {\n  const {createApp} = options.Vue\n\n  return function (): BridgeProviderReturn {\n    const appMap = new Map<HTMLElement, any>()\n\n    const render = (dom: HTMLElement, props?: Record<string, any>): void => {\n      try {\n        const existingApp = appMap.get(dom)\n\n        if (existingApp) {\n          // Update props for existing app\n          if (props) {\n            Object.keys(props).forEach(key => {\n              existingApp._instance.props[key] = props[key]\n            })\n          }\n        } else {\n          // Create new app instance\n          const app = createApp(Component, props || {})\n\n          // 使用自定义插件（如果提供）\n          if (options.plugin) {\n            options.plugin(app)\n          }\n\n          app.mount(dom)\n          appMap.set(dom, app)\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      const app = appMap.get(dom)\n      if (!app) return\n\n      try {\n        app.unmount()\n        appMap.delete(dom)\n      } catch (error) {\n        console.error('[EMP-ERROR] Failed to unmount Vue component', error)\n      }\n    }\n\n    return {render, destroy}\n  }\n}\n\n/**\n * Create remote app component - for consumer to load application-level modules\n */\nexport function createRemoteAppComponent(\n  component: ComponentProvider,\n  vueOptions: Vue3Options,\n  options: {onError?: (error: Error) => void} = {},\n): any {\n  if (!component) {\n    throw new Error('createRemoteAppComponent: component parameter cannot be empty')\n  }\n\n  const {Vue} = vueOptions\n\n  return defineComponent({\n    name: 'Vue3RemoteAppComponent',\n    props: {},\n    setup() {\n      const provider = ref<BridgeProviderReturn | null>(null)\n      const providerInfo = ref<BridgeProvider | null>(null)\n      const isMounted = ref(false)\n      const containerRef = ref<HTMLElement | null>(null)\n\n      const loadComponent = async () => {\n        try {\n          if (typeof component === 'function') {\n            const result = component()\n\n            if (result instanceof Promise) {\n              const module = await result\n              providerInfo.value = module.default\n            } else {\n              providerInfo.value = component as BridgeProvider\n            }\n          }\n\n          if (isMounted.value && containerRef.value) {\n            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\n      const renderComponent = () => {\n        if (!providerInfo.value || !containerRef.value) return\n\n        try {\n          if (!provider.value) {\n            provider.value = providerInfo.value()\n          }\n          provider.value.render(containerRef.value, getCurrentInstance()?.props || {})\n        } catch (error) {\n          console.error('[EMP-ERROR] Failed to render component', error)\n        }\n      }\n\n      const unmountComponent = () => {\n        if (provider.value && containerRef.value) {\n          try {\n            provider.value.destroy(containerRef.value)\n            provider.value = null\n          } catch (error) {\n            console.error('[EMP-ERROR] Failed to unmount component', error)\n          }\n        }\n      }\n\n      onMounted(() => {\n        isMounted.value = true\n        if (providerInfo.value) renderComponent()\n      })\n\n      onUpdated(() => {\n        if (provider.value && containerRef.value) {\n          provider.value.render(containerRef.value, getCurrentInstance()?.props || {})\n        }\n      })\n\n      onBeforeUnmount(() => {\n        isMounted.value = false\n        const cleanup = () => unmountComponent()\n\n        if (typeof window !== 'undefined' && window.requestAnimationFrame) {\n          window.requestAnimationFrame(cleanup)\n        } else {\n          setTimeout(cleanup, 0)\n        }\n      })\n\n      // 立即加载组件\n      loadComponent()\n\n      return {\n        containerRef,\n      }\n    },\n    render() {\n      return Vue.h('div', {ref: 'containerRef'})\n    },\n  })\n}\n\n// 添加必要的导入声明\nfunction defineComponent(options: any): any {\n  return options\n}\n\nfunction ref<T>(initialValue?: T): {value: T | null} {\n  return {value: initialValue || null}\n}\n\nfunction onMounted(fn: () => void): void {}\nfunction onUpdated(fn: () => void): void {}\nfunction onBeforeUnmount(fn: () => void): void {}\nfunction getCurrentInstance(): {props: Record<string, any>} | null {\n  return null\n}\n\nexport default {\n  createBridgeComponent,\n  createRemoteAppComponent,\n}\n"],"names":["__webpack_require__","getters","values","define","defs","kind","key","Object","obj","prop","Symbol","createBridgeComponent","Component","options","createApp","appMap","Map","render","dom","props","existingApp","app","error","console","destroy","createRemoteAppComponent","component","vueOptions","Error","Vue","defineComponent","provider","ref","providerInfo","isMounted","containerRef","loadComponent","result","Promise","module","renderComponent","getCurrentInstance","unmountComponent","onMounted","onUpdated","onBeforeUnmount","cleanup","window","setTimeout","initialValue","fn"],"mappings":"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"}

package/dist/index.js

@@ -40,7 +40,7 @@ function createRemoteAppComponent(component, vueOptions, options = {}) {
     if (!component) throw new Error('createRemoteAppComponent: component parameter cannot be empty');
     const { Vue } = vueOptions;
     return defineComponent({
-        name: 'RemoteAppComponent',
+        name: 'Vue3RemoteAppComponent',
         props: {},
         setup () {
             const provider = ref(null);
@@ -89,7 +89,7 @@ function createRemoteAppComponent(component, vueOptions, options = {}) {
             onBeforeUnmount(()=>{
                 isMounted.value = false;
                 const cleanup = ()=>unmountComponent();
-                if ('undefined' != typeof window && window.requestAnimationFrame) window.requestAnimationFrame(cleanup);
+                if ("u" > typeof window && window.requestAnimationFrame) window.requestAnimationFrame(cleanup);
                 else setTimeout(cleanup, 0);
             });
             loadComponent();
@@ -119,9 +119,10 @@ function getCurrentInstance() {
     return null;
 }
 const src = {
-    createBridgeComponent,
-    createRemoteAppComponent
+    createBridgeComponent: createBridgeComponent,
+    createRemoteAppComponent: createRemoteAppComponent
 };
-export { createBridgeComponent, createRemoteAppComponent, src as default };
+export default src;
+export { createBridgeComponent, createRemoteAppComponent };
 
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["webpack://@empjs/bridge-vue3/./src/index.ts"],"sourcesContent":["// Type definitions\nexport 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 Vue3Options {\n  Vue?: any\n  plugin?: (app: any) => void\n}\n\n/**\n * Create bridge component - for producer to wrap application-level export modules\n */\nexport function createBridgeComponent(Component: any, options: Vue3Options): BridgeProvider {\n  const {createApp} = options.Vue\n\n  return function (): BridgeProviderReturn {\n    const appMap = new Map<HTMLElement, any>()\n\n    const render = (dom: HTMLElement, props?: Record<string, any>): void => {\n      try {\n        const existingApp = appMap.get(dom)\n\n        if (existingApp) {\n          // Update props for existing app\n          if (props) {\n            Object.keys(props).forEach(key => {\n              existingApp._instance.props[key] = props[key]\n            })\n          }\n        } else {\n          // Create new app instance\n          const app = createApp(Component, props || {})\n\n          // 使用自定义插件（如果提供）\n          if (options.plugin) {\n            options.plugin(app)\n          }\n\n          app.mount(dom)\n          appMap.set(dom, app)\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      const app = appMap.get(dom)\n      if (!app) return\n\n      try {\n        app.unmount()\n        appMap.delete(dom)\n      } catch (error) {\n        console.error('[EMP-ERROR] Failed to unmount Vue component', error)\n      }\n    }\n\n    return {render, destroy}\n  }\n}\n\n/**\n * Create remote app component - for consumer to load application-level modules\n */\nexport function createRemoteAppComponent(\n  component: ComponentProvider,\n  vueOptions: Vue3Options,\n  options: {onError?: (error: Error) => void} = {},\n): any {\n  if (!component) {\n    throw new Error('createRemoteAppComponent: component parameter cannot be empty')\n  }\n\n  const {Vue} = vueOptions\n\n  return defineComponent({\n    name: 'RemoteAppComponent',\n    props: {},\n    setup() {\n      const provider = ref<BridgeProviderReturn | null>(null)\n      const providerInfo = ref<BridgeProvider | null>(null)\n      const isMounted = ref(false)\n      const containerRef = ref<HTMLElement | null>(null)\n\n      const loadComponent = async () => {\n        try {\n          if (typeof component === 'function') {\n            const result = component()\n\n            if (result instanceof Promise) {\n              const module = await result\n              providerInfo.value = module.default\n            } else {\n              providerInfo.value = component as BridgeProvider\n            }\n          }\n\n          if (isMounted.value && containerRef.value) {\n            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\n      const renderComponent = () => {\n        if (!providerInfo.value || !containerRef.value) return\n\n        try {\n          if (!provider.value) {\n            provider.value = providerInfo.value()\n          }\n          provider.value.render(containerRef.value, getCurrentInstance()?.props || {})\n        } catch (error) {\n          console.error('[EMP-ERROR] Failed to render component', error)\n        }\n      }\n\n      const unmountComponent = () => {\n        if (provider.value && containerRef.value) {\n          try {\n            provider.value.destroy(containerRef.value)\n            provider.value = null\n          } catch (error) {\n            console.error('[EMP-ERROR] Failed to unmount component', error)\n          }\n        }\n      }\n\n      onMounted(() => {\n        isMounted.value = true\n        if (providerInfo.value) renderComponent()\n      })\n\n      onUpdated(() => {\n        if (provider.value && containerRef.value) {\n          provider.value.render(containerRef.value, getCurrentInstance()?.props || {})\n        }\n      })\n\n      onBeforeUnmount(() => {\n        isMounted.value = false\n        const cleanup = () => unmountComponent()\n\n        if (typeof window !== 'undefined' && window.requestAnimationFrame) {\n          window.requestAnimationFrame(cleanup)\n        } else {\n          setTimeout(cleanup, 0)\n        }\n      })\n\n      // 立即加载组件\n      loadComponent()\n\n      return {\n        containerRef,\n      }\n    },\n    render() {\n      return Vue.h('div', {ref: 'containerRef'})\n    },\n  })\n}\n\n// 添加必要的导入声明\nfunction defineComponent(options: any): any {\n  return options\n}\n\nfunction ref<T>(initialValue?: T): {value: T | null} {\n  return {value: initialValue || null}\n}\n\nfunction onMounted(fn: () => void): void {}\nfunction onUpdated(fn: () => void): void {}\nfunction onBeforeUnmount(fn: () => void): void {}\nfunction getCurrentInstance(): {props: Record<string, any>} | null {\n  return null\n}\n\nexport default {\n  createBridgeComponent,\n  createRemoteAppComponent,\n}\n"],"names":["createBridgeComponent","Component","options","createApp","appMap","Map","render","dom","props","existingApp","Object","key","app","error","console","destroy","createRemoteAppComponent","component","vueOptions","Error","Vue","defineComponent","provider","ref","providerInfo","isMounted","containerRef","loadComponent","result","Promise","module","renderComponent","getCurrentInstance","unmountComponent","onMounted","onUpdated","onBeforeUnmount","cleanup","window","setTimeout","initialValue","fn"],"mappings":"AAkBO,SAASA,sBAAsBC,SAAc,EAAEC,OAAoB;IACxE,MAAM,EAACC,SAAS,EAAC,GAAGD,QAAQ,GAAG;IAE/B,OAAO;QACL,MAAME,SAAS,IAAIC;QAEnB,MAAMC,SAAS,CAACC,KAAkBC;YAChC,IAAI;gBACF,MAAMC,cAAcL,OAAO,GAAG,CAACG;gBAE/B,IAAIE,aAEF;oBAAA,IAAID,OACFE,OAAO,IAAI,CAACF,OAAO,OAAO,CAACG,CAAAA;wBACzBF,YAAY,SAAS,CAAC,KAAK,CAACE,IAAI,GAAGH,KAAK,CAACG,IAAI;oBAC/C;gBACF,OACK;oBAEL,MAAMC,MAAMT,UAAUF,WAAWO,SAAS,CAAC;oBAG3C,IAAIN,QAAQ,MAAM,EAChBA,QAAQ,MAAM,CAACU;oBAGjBA,IAAI,KAAK,CAACL;oBACVH,OAAO,GAAG,CAACG,KAAKK;gBAClB;YACF,EAAE,OAAOC,OAAO;gBACdC,QAAQ,KAAK,CAAC,qDAAqDD;gBACnE,MAAMA;YACR;QACF;QAEA,MAAME,UAAU,CAACR;YACf,MAAMK,MAAMR,OAAO,GAAG,CAACG;YACvB,IAAI,CAACK,KAAK;YAEV,IAAI;gBACFA,IAAI,OAAO;gBACXR,OAAO,MAAM,CAACG;YAChB,EAAE,OAAOM,OAAO;gBACdC,QAAQ,KAAK,CAAC,+CAA+CD;YAC/D;QACF;QAEA,OAAO;YAACP;YAAQS;QAAO;IACzB;AACF;AAKO,SAASC,yBACdC,SAA4B,EAC5BC,UAAuB,EACvBhB,UAA8C,CAAC,CAAC;IAEhD,IAAI,CAACe,WACH,MAAM,IAAIE,MAAM;IAGlB,MAAM,EAACC,GAAG,EAAC,GAAGF;IAEd,OAAOG,gBAAgB;QACrB,MAAM;QACN,OAAO,CAAC;QACR;YACE,MAAMC,WAAWC,IAAiC;YAClD,MAAMC,eAAeD,IAA2B;YAChD,MAAME,YAAYF,IAAI;YACtB,MAAMG,eAAeH,IAAwB;YAE7C,MAAMI,gBAAgB;gBACpB,IAAI;oBACF,IAAI,AAAqB,cAArB,OAAOV,WAA0B;wBACnC,MAAMW,SAASX;wBAEf,IAAIW,kBAAkBC,SAAS;4BAC7B,MAAMC,SAAS,MAAMF;4BACrBJ,aAAa,KAAK,GAAGM,OAAO,OAAO;wBACrC,OACEN,aAAa,KAAK,GAAGP;oBAEzB;oBAEA,IAAIQ,UAAU,KAAK,IAAIC,aAAa,KAAK,EACvCK;gBAEJ,EAAE,OAAOlB,OAAO;oBACd,IAAIX,QAAQ,OAAO,EAAEA,QAAQ,OAAO,CAACW;oBACrCC,QAAQ,KAAK,CAAC,wCAAwCD;gBACxD;YACF;YAEA,MAAMkB,kBAAkB;gBACtB,IAAI,CAACP,aAAa,KAAK,IAAI,CAACE,aAAa,KAAK,EAAE;gBAEhD,IAAI;oBACF,IAAI,CAACJ,SAAS,KAAK,EACjBA,SAAS,KAAK,GAAGE,aAAa,KAAK;oBAErCF,SAAS,KAAK,CAAC,MAAM,CAACI,aAAa,KAAK,EAAEM,sBAAsB,SAAS,CAAC;gBAC5E,EAAE,OAAOnB,OAAO;oBACdC,QAAQ,KAAK,CAAC,0CAA0CD;gBAC1D;YACF;YAEA,MAAMoB,mBAAmB;gBACvB,IAAIX,SAAS,KAAK,IAAII,aAAa,KAAK,EACtC,IAAI;oBACFJ,SAAS,KAAK,CAAC,OAAO,CAACI,aAAa,KAAK;oBACzCJ,SAAS,KAAK,GAAG;gBACnB,EAAE,OAAOT,OAAO;oBACdC,QAAQ,KAAK,CAAC,2CAA2CD;gBAC3D;YAEJ;YAEAqB,UAAU;gBACRT,UAAU,KAAK,GAAG;gBAClB,IAAID,aAAa,KAAK,EAAEO;YAC1B;YAEAI,UAAU;gBACR,IAAIb,SAAS,KAAK,IAAII,aAAa,KAAK,EACtCJ,SAAS,KAAK,CAAC,MAAM,CAACI,aAAa,KAAK,EAAEM,sBAAsB,SAAS,CAAC;YAE9E;YAEAI,gBAAgB;gBACdX,UAAU,KAAK,GAAG;gBAClB,MAAMY,UAAU,IAAMJ;gBAEtB,IAAI,AAAkB,eAAlB,OAAOK,UAA0BA,OAAO,qBAAqB,EAC/DA,OAAO,qBAAqB,CAACD;qBAE7BE,WAAWF,SAAS;YAExB;YAGAV;YAEA,OAAO;gBACLD;YACF;QACF;QACA;YACE,OAAON,IAAI,CAAC,CAAC,OAAO;gBAAC,KAAK;YAAc;QAC1C;IACF;AACF;AAGA,SAASC,gBAAgBnB,OAAY;IACnC,OAAOA;AACT;AAEA,SAASqB,IAAOiB,YAAgB;IAC9B,OAAO;QAAC,OAAOA,gBAAgB;IAAI;AACrC;AAEA,SAASN,UAAUO,EAAc,GAAS;AAC1C,SAASN,UAAUM,EAAc,GAAS;AAC1C,SAASL,gBAAgBK,EAAc,GAAS;AAChD,SAAST;IACP,OAAO;AACT;AAEA,YAAe;IACbhC;IACAgB;AACF"}
+{"version":3,"file":"index.js","sources":["../src/index.ts"],"sourcesContent":["// Type definitions\nexport 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 Vue3Options {\n  Vue?: any\n  plugin?: (app: any) => void\n}\n\n/**\n * Create bridge component - for producer to wrap application-level export modules\n */\nexport function createBridgeComponent(Component: any, options: Vue3Options): BridgeProvider {\n  const {createApp} = options.Vue\n\n  return function (): BridgeProviderReturn {\n    const appMap = new Map<HTMLElement, any>()\n\n    const render = (dom: HTMLElement, props?: Record<string, any>): void => {\n      try {\n        const existingApp = appMap.get(dom)\n\n        if (existingApp) {\n          // Update props for existing app\n          if (props) {\n            Object.keys(props).forEach(key => {\n              existingApp._instance.props[key] = props[key]\n            })\n          }\n        } else {\n          // Create new app instance\n          const app = createApp(Component, props || {})\n\n          // 使用自定义插件（如果提供）\n          if (options.plugin) {\n            options.plugin(app)\n          }\n\n          app.mount(dom)\n          appMap.set(dom, app)\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      const app = appMap.get(dom)\n      if (!app) return\n\n      try {\n        app.unmount()\n        appMap.delete(dom)\n      } catch (error) {\n        console.error('[EMP-ERROR] Failed to unmount Vue component', error)\n      }\n    }\n\n    return {render, destroy}\n  }\n}\n\n/**\n * Create remote app component - for consumer to load application-level modules\n */\nexport function createRemoteAppComponent(\n  component: ComponentProvider,\n  vueOptions: Vue3Options,\n  options: {onError?: (error: Error) => void} = {},\n): any {\n  if (!component) {\n    throw new Error('createRemoteAppComponent: component parameter cannot be empty')\n  }\n\n  const {Vue} = vueOptions\n\n  return defineComponent({\n    name: 'Vue3RemoteAppComponent',\n    props: {},\n    setup() {\n      const provider = ref<BridgeProviderReturn | null>(null)\n      const providerInfo = ref<BridgeProvider | null>(null)\n      const isMounted = ref(false)\n      const containerRef = ref<HTMLElement | null>(null)\n\n      const loadComponent = async () => {\n        try {\n          if (typeof component === 'function') {\n            const result = component()\n\n            if (result instanceof Promise) {\n              const module = await result\n              providerInfo.value = module.default\n            } else {\n              providerInfo.value = component as BridgeProvider\n            }\n          }\n\n          if (isMounted.value && containerRef.value) {\n            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\n      const renderComponent = () => {\n        if (!providerInfo.value || !containerRef.value) return\n\n        try {\n          if (!provider.value) {\n            provider.value = providerInfo.value()\n          }\n          provider.value.render(containerRef.value, getCurrentInstance()?.props || {})\n        } catch (error) {\n          console.error('[EMP-ERROR] Failed to render component', error)\n        }\n      }\n\n      const unmountComponent = () => {\n        if (provider.value && containerRef.value) {\n          try {\n            provider.value.destroy(containerRef.value)\n            provider.value = null\n          } catch (error) {\n            console.error('[EMP-ERROR] Failed to unmount component', error)\n          }\n        }\n      }\n\n      onMounted(() => {\n        isMounted.value = true\n        if (providerInfo.value) renderComponent()\n      })\n\n      onUpdated(() => {\n        if (provider.value && containerRef.value) {\n          provider.value.render(containerRef.value, getCurrentInstance()?.props || {})\n        }\n      })\n\n      onBeforeUnmount(() => {\n        isMounted.value = false\n        const cleanup = () => unmountComponent()\n\n        if (typeof window !== 'undefined' && window.requestAnimationFrame) {\n          window.requestAnimationFrame(cleanup)\n        } else {\n          setTimeout(cleanup, 0)\n        }\n      })\n\n      // 立即加载组件\n      loadComponent()\n\n      return {\n        containerRef,\n      }\n    },\n    render() {\n      return Vue.h('div', {ref: 'containerRef'})\n    },\n  })\n}\n\n// 添加必要的导入声明\nfunction defineComponent(options: any): any {\n  return options\n}\n\nfunction ref<T>(initialValue?: T): {value: T | null} {\n  return {value: initialValue || null}\n}\n\nfunction onMounted(fn: () => void): void {}\nfunction onUpdated(fn: () => void): void {}\nfunction onBeforeUnmount(fn: () => void): void {}\nfunction getCurrentInstance(): {props: Record<string, any>} | null {\n  return null\n}\n\nexport default {\n  createBridgeComponent,\n  createRemoteAppComponent,\n}\n"],"names":["createBridgeComponent","Component","options","createApp","appMap","Map","render","dom","props","existingApp","Object","key","app","error","console","destroy","createRemoteAppComponent","component","vueOptions","Error","Vue","defineComponent","provider","ref","providerInfo","isMounted","containerRef","loadComponent","result","Promise","module","renderComponent","getCurrentInstance","unmountComponent","onMounted","onUpdated","onBeforeUnmount","cleanup","window","setTimeout","initialValue","fn"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@empjs/bridge-vue3",
-  "version": "0.0.3",
+  "version": "4.0.0-alpha.1",
   "description": "Emp Bridge Vue v3",
   "license": "MIT",
   "type": "module",
@@ -36,7 +36,7 @@
     }
   },
   "engines": {
-    "node": ">=16.0.0"
+    "node": "^20.19.0 || >=22.12.0"
   },
   "author": "Ken",
   "dependencies": {},