@melt-js/demo-vue3 0.0.2 → 0.0.3

package/dist/assets/loadApp-HkqSR1jX.css

@@ -1 +0,0 @@
-:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#213547;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh}a{color:#42b983}.g-main[data-v-bcdd0773]{max-width:860px;margin:0 auto;padding:40px 20px 60px;font-family:Avenir,Helvetica,Arial,sans-serif;color:#2c3e50}.desc[data-v-bcdd0773]{color:#666}.desc code[data-v-bcdd0773]{padding:2px 6px;border-radius:4px;background:#f0f2f5;color:#c7254e}.card[data-v-bcdd0773]{margin-top:24px;padding:20px;border:1px solid #e5e7eb;border-radius:8px}.host-btn[data-v-bcdd0773]{padding:8px 16px;border:1px solid #42b983;border-radius:6px;background:#42b983;color:#fff;font-size:16px;cursor:pointer}.host-btn[data-v-bcdd0773]:hover{background:#369d6d}.remote-component-container[data-v-bcdd0773]{margin-top:24px;padding:20px;border:2px dashed #ccc;border-radius:8px}.remote-component-container h2[data-v-bcdd0773]{margin-top:0}

package/dist/assets/loadApp-bS933MoE.js

@@ -1,2 +0,0 @@
-import{d as c,o as a,c as m,a as o,b as r,t as p,e as u,r as d,u as i,f as v,g as _,l as f,h as b}from"./index-B7Rf8naU.js";const g={class:"g-main"},y={class:"card"},k={class:"remote-component-container"},C=c({__name:"App",setup(l){const s=v(0),n=_({loader:async()=>{console.log("[demo-vue3] 开始加载远程组件...");try{const t=await f();return console.log("[demo-vue3] 远程组件加载完成:",t),t.HelloWorld}catch(t){throw console.error("[demo-vue3] 获取远程组件失败:",t),t}},timeout:1e4});return(t,e)=>(a(),m("main",g,[e[3]||(e[3]=o("h1",null,"demo-vue3",-1)),e[4]||(e[4]=o("p",{class:"desc"},[r(" Vue 3 + Vite 5 宿主，通过 hel-micro 的 "),o("code",null,"preFetchLib"),r(" 加载远程组件 "),o("code",null,"comps-vue3"),r("。 ")],-1)),o("section",y,[e[1]||(e[1]=o("h2",null,"主应用内容",-1)),o("button",{class:"host-btn",onClick:e[0]||(e[0]=B=>s.value++)},"host 工程中的按钮 "+p(s.value),1)]),o("section",k,[e[2]||(e[2]=o("h2",null,"远程组件内容（comps-vue3）",-1)),(a(),u(d(i(n)),{msg:"来自 demo-vue3 的问候"}))])]))}}),h=(l,s)=>{const n=l.__vccOpts||l;for(const[t,e]of s)n[t]=e;return n},A=h(C,[["__scopeId","data-v-bcdd0773"]]);b(A).mount("#app");
-//# sourceMappingURL=loadApp-bS933MoE.js.map

package/dist/assets/loadApp-bS933MoE.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"loadApp-bS933MoE.js","sources":["../../src/App.vue","../../src/loadApp.ts"],"sourcesContent":["<template>\n  <main class=\"g-main\">\n    <h1>demo-vue3</h1>\n    <p class=\"desc\">\n      Vue 3 + Vite 5 宿主，通过 hel-micro 的 <code>preFetchLib</code> 加载远程组件\n      <code>comps-vue3</code>。\n    </p>\n\n    <section class=\"card\">\n      <h2>主应用内容</h2>\n      <button class=\"host-btn\" @click=\"num++\">host 工程中的按钮 {{ num }}</button>\n    </section>\n\n    <section class=\"remote-component-container\">\n      <h2>远程组件内容（comps-vue3）</h2>\n      <component :is=\"RemoteComp\" msg=\"来自 demo-vue3 的问候\" />\n    </section>\n  </main>\n</template>\n\n<script setup lang=\"ts\">\nimport { defineAsyncComponent, ref } from 'vue'\nimport { loadRemoteLib } from './configs/remote'\n\nconst num = ref(0)\n\nconst RemoteComp = defineAsyncComponent({\n  loader: async () => {\n    console.log('[demo-vue3] 开始加载远程组件...')\n\n    try {\n      // 入口处已经预加载，这里复用同一个 Promise（通常已 resolve）\n      const lib = await loadRemoteLib()\n\n      console.log('[demo-vue3] 远程组件加载完成:', lib)\n      return lib.HelloWorld\n    } catch (err) {\n      console.error('[demo-vue3] 获取远程组件失败:', err)\n      throw err\n    }\n  },\n  timeout: 10000,\n})\n</script>\n\n<style scoped>\n.g-main {\n  max-width: 860px;\n  margin: 0 auto;\n  padding: 40px 20px 60px;\n  font-family: Avenir, Helvetica, Arial, sans-serif;\n  color: #2c3e50;\n}\n\n.desc {\n  color: #666;\n}\n\n.desc code {\n  padding: 2px 6px;\n  border-radius: 4px;\n  background: #f0f2f5;\n  color: #c7254e;\n}\n\n.card {\n  margin-top: 24px;\n  padding: 20px;\n  border: 1px solid #e5e7eb;\n  border-radius: 8px;\n}\n\n.host-btn {\n  padding: 8px 16px;\n  border: 1px solid #42b983;\n  border-radius: 6px;\n  background: #42b983;\n  color: #fff;\n  font-size: 16px;\n  cursor: pointer;\n}\n\n.host-btn:hover {\n  background: #369d6d;\n}\n\n.remote-component-container {\n  margin-top: 24px;\n  padding: 20px;\n  border: 2px dashed #ccc;\n  border-radius: 8px;\n}\n\n.remote-component-container h2 {\n  margin-top: 0;\n}\n</style>\n","import { createApp } from 'vue'\nimport './style.css'\nimport App from './App.vue'\n\ncreateApp(App).mount('#app')\n"],"names":["num","ref","RemoteComp","defineAsyncComponent","lib","loadRemoteLib","err","_openBlock","_createElementBlock","_hoisted_1","_cache","_createElementVNode","_hoisted_2","_hoisted_3","_createBlock","_resolveDynamicComponent","_unref","createApp","App"],"mappings":"wOAwBA,MAAMA,EAAMC,EAAI,CAAC,EAEXC,EAAaC,EAAqB,CACtC,OAAQ,SAAY,CAClB,QAAQ,IAAI,yBAAyB,EAErC,GAAI,CAEF,MAAMC,EAAM,MAAMC,EAAA,EAElB,eAAQ,IAAI,wBAAyBD,CAAG,EACjCA,EAAI,UACb,OAASE,EAAK,CACZ,cAAQ,MAAM,wBAAyBA,CAAG,EACpCA,CACR,CACF,EACA,QAAS,GAAA,CACV,gBAzCCC,EAAA,EAAAC,EAgBO,OAhBPC,EAgBO,CAfLC,EAAA,CAAA,IAAAA,EAAA,CAAA,EAAAC,EAAkB,UAAd,YAAS,EAAA,eACbA,EAGI,IAAA,CAHD,MAAM,QAAM,GAAC,oCACmB,EAAAA,EAAwB,YAAlB,aAAW,IAAO,UACzD,EAAAA,EAAuB,YAAjB,YAAU,IAAO,IACzB,CAAA,OAEAA,EAGU,UAHVC,EAGU,CAFRF,EAAA,CAAA,IAAAA,EAAA,CAAA,EAAAC,EAAc,UAAV,QAAK,EAAA,GACTA,EAAsE,SAAA,CAA9D,MAAM,WAAY,uBAAOX,EAAA,QAAA,EAAO,iBAAeA,EAAA,KAAG,EAAA,CAAA,CAAA,GAG5DW,EAGU,UAHVE,EAGU,CAFRH,EAAA,CAAA,IAAAA,EAAA,CAAA,EAAAC,EAA2B,UAAvB,qBAAkB,EAAA,IACtBJ,EAAA,EAAAO,EAAqDC,EAArCC,EAAAd,CAAA,CAAU,EAAA,CAAE,IAAI,mBAAkB,EAAA,uHCXxDe,EAAUC,CAAG,EAAE,MAAM,MAAM"}