@melt-js/demo-vue3 0.0.2 → 0.0.5

package/README.md

@@ -2,18 +2,59 @@
 
 Vue 3 + Vite 5 的 hel 宿主（消费方）示例，消费 [`comps-vue3`](../comps-vue3)。
 
+页面使用 **vue-router（hash 模式）** 把示例拆成三个可切换的页面，顶部导航栏同时显示当前示例的简介，示例区右上角有**全屏按钮**（只放大当前示例的组件预览区，基于 `vue-fullscreen` 的 `pageOnly + teleport` 模式）。
+
 | 项 | 值 |
 | --- | --- |
 | npm 包名 | `@melt-js/demo-vue3` |
 | unpkg 入口 | `https://unpkg.com/@melt-js/demo-vue3/dist/index.html` |
 | 端口 | `30020` |
 | 消费的远程组件 | `comps-vue3`（开发 `http://localhost:20020` / 生产 unpkg） |
+| 路由 | `vue-router@4.6.4`，hash 模式 |
+| 全屏 | `vue-fullscreen@5.1.2`，`pageOnly` + `teleport`（不调用浏览器原生全屏） |
+
+## 示例路由
+
+| 路由 | 导航文案 | 内容 |
+| --- | --- | --- |
+| `#/` | 简介 | demo 概览：依赖、端口、远端地址与示例入口 |
+| `#/host` | 主应用 | 宿主自己的计数按钮，用来对照远程组件的行为 |
+| `#/remote` | 远程组件 | `preFetchLib` 加载的 `comps-vue3` `HelloWorld` |
+
+约定：
+
+- **hash 模式**：demo 的构建产物会通过 unpkg 上的 `dist/index.html` 打开，history 模式在那种静态文件路径下会 404。
+- 路由清单在 `src/router/index.ts`，每条路由的 `meta.title` / `meta.description` 同时驱动导航栏 tab 与下方那行简介；新增示例只要加一条路由。
+- 全屏按钮只把当前示例标记为 `data-demo-preview` 的组件预览区送进全屏，页面标题、简介、说明与页脚都留在屏幕外；全屏借用 `vue-fullscreen` 5.x 的 `pageOnly + teleport` 模式：预览区临时挂到 body、用 fixed 铺满视口，退出时还原到页面原位置，不调用浏览器原生 Fullscreen API（iframe 内也可用）。预览区右下角提供「退出全屏」浮层按钮，Esc 也可退出；切换路由时会自动退出并还原。
+- 需要全屏的示例在组件预览区外包一层 `<DemoPreview>`；简介页没有预览区，在路由 `meta` 里标记 `fullscreen: false`，工具栏不显示全屏按钮。
+
+## 文件结构
+
+```
+demo-vue3/src
+├── App.vue                   # demo 外壳：导航栏 + 示例舞台（含全屏按钮）+ router-view
+├── components/
+│   ├── DemoNavbar.vue        # 顶部导航栏：示例 tab + 当前示例简介
+│   ├── DemoPreview.vue       # 组件预览区：全屏目标 + 「退出全屏」浮层按钮
+│   └── ScreenfullButton.vue  # 示例区全屏按钮
+├── composables/
+│   └── useDemoFullscreen.ts  # vue-fullscreen 的 pageOnly + teleport 封装（provide/inject）
+├── configs/
+│   ├── app.ts                # demo 展示信息（名称 / 端口 / unpkg 入口）
+│   └── remote.ts             # 远程组件地址与 preFetchLib（Promise 复用）
+├── router/index.ts           # 示例路由（hash 模式）
+├── styles/demo-shell.css     # 外壳样式（导航栏 / 舞台 / 全屏 / 通用排版）
+├── style.css                 # 变量与全局重置
+└── views/                    # OverviewView / HostView / RemoteView
+```
 
 ## 关键流程
 
 1. `src/main.ts`：`bindVueRuntime({ Vue })` 把宿主 vue 挂到 `window.Vue`，远程组件 external 的 `vue` 会复用这一份（少了这一份会出现双 vue，表现为远程组件点击后视图不更新）；随后在入口处调用 `loadRemoteLib()` 预加载远程组件，就绪后再挂载宿主。
 2. `src/configs/remote.ts`：按 `import.meta.env.PROD` 选择远端地址——生产构建指向 unpkg 上的 `hel-meta.json`，本地开发指向 `http://localhost:20020`，可用 `VITE_REMOTE_HOST` 覆盖。`loadRemoteLib()` 内部调用 `preFetchLib('comps-vue3', { custom: { host } })`：host 为 `hel-meta.json` 时直接取元数据，本地 dev server 没有该文件时解析 `index.html`。
-3. `src/App.vue`：`defineAsyncComponent` 复用入口处已预加载的同一个 Promise，渲染远程组件的 `HelloWorld`。
+3. `src/router/index.ts` + `src/loadApp.ts`：创建 hash 路由并在 `createApp(App).use(router)` 时挂载；`#/host`、`#/remote` 等示例按路由懒加载。
+4. `src/views/RemoteView.vue`：`defineAsyncComponent` 复用入口处已预加载的同一个 Promise，渲染远程组件的 `HelloWorld`。
+5. `src/composables/useDemoFullscreen.ts` + `src/components/DemoPreview.vue`：`App.vue` 用 `provideDemoFullscreen()` 创建唯一一份 `useFullscreen` 控制器（`pageOnly`、`teleport`、`fullscreenClass: 'is-demo-fullscreen'`），`ScreenfullButton` 与 `DemoPreview` 通过 `useDemoFullscreen()` 共用它，全屏状态与「退出全屏」按钮始终同步；全屏目标由 App 解析为当前页面的 `[data-demo-preview]`。
 
 > `vite build` 的产物会自动从 unpkg 加载已发布的 `comps-vue3`；`vite dev` 仍走本地 20020，无需手动改 `host`。
 
@@ -27,7 +68,7 @@ pnpm comps-vue3:dev
 pnpm demo-vue3:dev
 ```
 
-打开 http://localhost:30020 ，`远程组件内容` 区域会渲染 `comps-vue3` 的 `HelloWorld` 组件。
+打开 <http://localhost:30020> ，`远程组件` 示例会渲染 `comps-vue3` 的 `HelloWorld` 组件。
 
 也可以让宿主指向已构建的远程产物：
 
@@ -43,6 +84,6 @@ pnpm demo-vue3:build                                  # 产出 dist/
 pnpm --filter @melt-js/demo-vue3 run publish:stage    # build → npm stage 暂存，等待 2FA 审批
 ```
 
-- `vite.config.ts` 的 `base` 为 `./`，发布后 unpkg 上的 `dist/index.html` 可直接加载同目录资源。
+- `vite.config.ts` 的 `base` 为 `./`，发布后 unpkg 上的 `dist/index.html` 可直接加载同目录资源；hash 路由同样可用。
 - `files` 白名单只发布 `dist/` 与 README。
 - 生产构建自动使用 `https://unpkg.com/@melt-js/comps-vue3/hel_dist/hel-meta.json`，本地开发自动使用 `http://localhost:20020`；也可用 `VITE_REMOTE_HOST` 覆盖。

package/dist/assets/HostView-CI4NKKTv.js

@@ -0,0 +1,2 @@
+import{_ as n,a as d}from"./_plugin-vue_export-helper-BWAI2PXX.js";import{d as l,f as i,g as e,m as o,A as r,l as m,o as p,t as _,b as c}from"./index-BWYTdPfJ.js";import"./loadApp-VfkNA6r0.js";const u={class:"demo-page"},b={class:"demo-card"},f={class:"host-actions"},v=l({__name:"HostView",setup(g){const s=c(0);return(V,t)=>(p(),i("div",u,[t[4]||(t[4]=e("header",null,[e("p",{class:"demo-page__eyebrow"},"主应用"),e("h1",{class:"demo-page__title"},"宿主自己的内容"),e("p",{class:"demo-page__lead"},[o(" 这块内容完全由宿主渲染，用来对照远程组件：两者用的是同一份 Vue 运行时 （"),e("code",null,"bindVueRuntime"),o(" 注入），所以点击计数都应该即时更新。 ")])],-1)),r(n,{class:"host-preview"},{default:m(()=>[e("section",b,[t[2]||(t[2]=e("h2",{class:"demo-card__title"},"主应用内容",-1)),t[3]||(t[3]=e("p",{class:"demo-card__text"},"宿主按钮的计数只存在宿主里，与远程组件无关。",-1)),e("div",f,[e("button",{type:"button",class:"demo-btn",onClick:t[0]||(t[0]=a=>s.value++)}," host 工程中的按钮 "+_(s.value),1),e("button",{type:"button",class:"demo-btn demo-btn--ghost",onClick:t[1]||(t[1]=a=>s.value=0)}," 重置 ")])])]),_:1})]))}}),y=d(v,[["__scopeId","data-v-d6fb7a4a"]]);export{y as default};
+//# sourceMappingURL=HostView-CI4NKKTv.js.map

package/dist/assets/HostView-CI4NKKTv.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HostView-CI4NKKTv.js","sources":["../../src/views/HostView.vue"],"sourcesContent":["<template>\n  <div class=\"demo-page\">\n    <header>\n      <p class=\"demo-page__eyebrow\">主应用</p>\n      <h1 class=\"demo-page__title\">宿主自己的内容</h1>\n      <p class=\"demo-page__lead\">\n        这块内容完全由宿主渲染，用来对照远程组件：两者用的是同一份 Vue 运行时\n        （<code>bindVueRuntime</code> 注入），所以点击计数都应该即时更新。\n      </p>\n    </header>\n\n    <DemoPreview class=\"host-preview\">\n      <section class=\"demo-card\">\n        <h2 class=\"demo-card__title\">主应用内容</h2>\n        <p class=\"demo-card__text\">宿主按钮的计数只存在宿主里，与远程组件无关。</p>\n        <div class=\"host-actions\">\n          <button type=\"button\" class=\"demo-btn\" @click=\"num++\">\n            host 工程中的按钮 {{ num }}\n          </button>\n          <button type=\"button\" class=\"demo-btn demo-btn--ghost\" @click=\"num = 0\">\n            重置\n          </button>\n        </div>\n      </section>\n    </DemoPreview>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref } from 'vue'\nimport DemoPreview from '../components/DemoPreview.vue'\n\nconst num = ref(0)\n</script>\n\n<style scoped>\n.host-actions {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 10px;\n  margin-top: 14px;\n}\n\n/* 全屏时把宿主卡片居中展示，页面标题与说明留在屏幕外 */\n.host-preview.is-demo-fullscreen {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 24px;\n  background: var(--demo-bg);\n}\n\n.host-preview.is-demo-fullscreen .demo-card {\n  width: 100%;\n  max-width: 560px;\n}\n</style>\n"],"names":["num","ref","_openBlock","_createElementBlock","_hoisted_1","_createElementVNode","_createVNode","DemoPreview","_hoisted_2","_cache","_hoisted_3"],"mappings":"4SAgCA,MAAMA,EAAMC,EAAI,CAAC,gBA/BfC,EAAA,EAAAC,EAwBM,MAxBNC,EAwBM,aAvBJC,EAOS,SAAA,KAAA,CANPA,EAAqC,IAAA,CAAlC,MAAM,oBAAA,EAAqB,KAAG,EACjCA,EAAyC,KAAA,CAArC,MAAM,kBAAA,EAAmB,SAAO,EACpCA,EAGI,IAAA,CAHD,MAAM,mBAAiB,GAAC,0CAExB,EAAAA,EAA2B,YAArB,gBAAc,IAAO,sBAC9B,CAAA,SAGFC,EAacC,EAAA,CAbD,MAAM,gBAAc,WAC/B,IAWU,CAXVF,EAWU,UAXVG,EAWU,CAVRC,EAAA,CAAA,IAAAA,EAAA,CAAA,EAAAJ,EAAuC,KAAA,CAAnC,MAAM,kBAAA,EAAmB,QAAK,EAAA,GAClCI,EAAA,CAAA,IAAAA,EAAA,CAAA,EAAAJ,EAAqD,IAAA,CAAlD,MAAM,iBAAA,EAAkB,yBAAsB,EAAA,GACjDA,EAOM,MAPNK,EAOM,CANJL,EAES,SAAA,CAFD,KAAK,SAAS,MAAM,WAAY,uBAAOL,EAAA,QAAA,EAAO,kBACrCA,EAAA,KAAG,EAAA,CAAA,EAEpBK,EAES,SAAA,CAFD,KAAK,SAAS,MAAM,2BAA4B,uBAAOL,EAAA,MAAG,EAAA,EAAM,MAExE,CAAA"}

package/dist/assets/HostView-I-DgsKrJ.css

@@ -0,0 +1 @@
+.host-actions[data-v-d6fb7a4a]{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.host-preview.is-demo-fullscreen[data-v-d6fb7a4a]{display:flex;align-items:center;justify-content:center;padding:24px;background:var(--demo-bg)}.host-preview.is-demo-fullscreen .demo-card[data-v-d6fb7a4a]{width:100%;max-width:560px}

package/dist/assets/OverviewView-BzBqZXy_.js

@@ -0,0 +1,2 @@
+import{d as v,A as d}from"./loadApp-VfkNA6r0.js";import{d as g,f as m,g as l,t as n,u as o,m as t,R as k,L as f,U as V,F as E,j as b,e as c,o as r,k as x,l as T}from"./index-BWYTdPfJ.js";const O={class:"demo-page"},y={class:"demo-page__title"},L={class:"demo-table"},R=["href"],h={class:"demo-grid"},w={class:"demo-card__title"},A={class:"demo-card__text"},N=g({__name:"OverviewView",setup(B){const p=v.filter(u=>u.name&&u.name!=="overview");return(u,e)=>{const _=c("router-link");return r(),m("div",O,[l("header",null,[e[0]||(e[0]=l("p",{class:"demo-page__eyebrow"},"Vue 3 · hel 宿主",-1)),l("h1",y,n(o(d).name)+" 简介",1),e[1]||(e[1]=l("p",{class:"demo-page__lead"},[t(" Vue 3 + Vite 5 的 hel 宿主（消费方）示例：入口处用 "),l("code",null,"bindVueRuntime"),t(" 注入宿主 Vue 运行时，再用 "),l("code",null,"preFetchLib"),t(" 预加载远程组件 "),l("code",null,"comps-vue3"),t("。 顶部导航栏用于切换示例，示例页右上角的「全屏」按钮只把组件预览区放大到全屏， 简介与说明文字不会进入全屏。 ")],-1))]),l("table",L,[l("tbody",null,[e[7]||(e[7]=l("tr",null,[l("th",null,"npm 包名"),l("td",null,[l("code",null,"@melt-js/demo-vue3")])],-1)),l("tr",null,[e[2]||(e[2]=l("th",null,"unpkg 入口",-1)),l("td",null,[l("a",{href:o(d).unpkgEntry,target:"_blank",rel:"noopener"},n(o(d).unpkgEntry),9,R)])]),l("tr",null,[e[3]||(e[3]=l("th",null,"本地端口",-1)),l("td",null,n(o(d).port),1)]),l("tr",null,[e[6]||(e[6]=l("th",null,"远程组件",-1)),l("td",null,[l("div",null,[l("code",null,n(o(k)),1)]),l("div",null,[e[4]||(e[4]=t("开发：",-1)),l("code",null,n(o(f)),1)]),l("div",null,[e[5]||(e[5]=t("生产：",-1)),l("code",null,n(o(V)),1)])])]),e[8]||(e[8]=l("tr",null,[l("th",null,"运行时共享"),l("td",null,[l("code",null,"bindVueRuntime({ Vue })"),t("，远程组件 external 的 vue 复用宿主这一份")])],-1)),e[9]||(e[9]=l("tr",null,[l("th",null,"路由模式"),l("td",null,[t(" hash（"),l("code",null,"#/remote"),t("），保证从 unpkg 的 "),l("code",null,"dist/index.html"),t(" 直接打开也能切换示例 ")])],-1))])]),l("section",null,[e[11]||(e[11]=l("h2",{class:"demo-page__section-title"},"示例导航",-1)),l("div",h,[(r(!0),m(E,null,b(o(p),s=>(r(),x(_,{key:s.path,to:s.path,class:"demo-card demo-card--link"},{default:T(()=>{var a,i;return[l("h3",w,n((a=s.meta)==null?void 0:a.title),1),l("p",A,n((i=s.meta)==null?void 0:i.description),1),e[10]||(e[10]=l("span",{class:"demo-card__action"},"进入示例 →",-1))]}),_:2},1032,["to"]))),128))])]),e[12]||(e[12]=l("p",{class:"demo-note"},[t(" 本地开发先执行 "),l("code",null,"pnpm comps-vue3:dev"),t("（20020），再执行 "),l("code",null,"pnpm demo-vue3:dev"),t(" 打开 http://localhost:30020；远端地址可用 "),l("code",null,"VITE_REMOTE_HOST"),t(" 覆盖。 ")],-1))])}}});export{N as default};
+//# sourceMappingURL=OverviewView-BzBqZXy_.js.map

package/dist/assets/OverviewView-BzBqZXy_.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OverviewView-BzBqZXy_.js","sources":["../../src/views/OverviewView.vue"],"sourcesContent":["<template>\n  <div class=\"demo-page\">\n    <header>\n      <p class=\"demo-page__eyebrow\">Vue 3 · hel 宿主</p>\n      <h1 class=\"demo-page__title\">{{ APP_META.name }} 简介</h1>\n      <p class=\"demo-page__lead\">\n        Vue 3 + Vite 5 的 hel 宿主（消费方）示例：入口处用\n        <code>bindVueRuntime</code> 注入宿主 Vue 运行时，再用\n        <code>preFetchLib</code> 预加载远程组件 <code>comps-vue3</code>。\n        顶部导航栏用于切换示例，示例页右上角的「全屏」按钮只把组件预览区放大到全屏，\n        简介与说明文字不会进入全屏。\n      </p>\n    </header>\n\n    <table class=\"demo-table\">\n      <tbody>\n        <tr>\n          <th>npm 包名</th>\n          <td><code>@melt-js/demo-vue3</code></td>\n        </tr>\n        <tr>\n          <th>unpkg 入口</th>\n          <td>\n            <a :href=\"APP_META.unpkgEntry\" target=\"_blank\" rel=\"noopener\">{{ APP_META.unpkgEntry }}</a>\n          </td>\n        </tr>\n        <tr>\n          <th>本地端口</th>\n          <td>{{ APP_META.port }}</td>\n        </tr>\n        <tr>\n          <th>远程组件</th>\n          <td>\n            <div><code>{{ REMOTE_LIB_NAME }}</code></div>\n            <div>开发：<code>{{ LOCAL_HOST }}</code></div>\n            <div>生产：<code>{{ UNPKG_HOST }}</code></div>\n          </td>\n        </tr>\n        <tr>\n          <th>运行时共享</th>\n          <td><code>bindVueRuntime({ Vue })</code>，远程组件 external 的 vue 复用宿主这一份</td>\n        </tr>\n        <tr>\n          <th>路由模式</th>\n          <td>\n            hash（<code>#/remote</code>），保证从 unpkg 的 <code>dist/index.html</code>\n            直接打开也能切换示例\n          </td>\n        </tr>\n      </tbody>\n    </table>\n\n    <section>\n      <h2 class=\"demo-page__section-title\">示例导航</h2>\n      <div class=\"demo-grid\">\n        <router-link\n          v-for=\"item in examples\"\n          :key=\"item.path\"\n          :to=\"item.path\"\n          class=\"demo-card demo-card--link\"\n        >\n          <h3 class=\"demo-card__title\">{{ item.meta?.title }}</h3>\n          <p class=\"demo-card__text\">{{ item.meta?.description }}</p>\n          <span class=\"demo-card__action\">进入示例 →</span>\n        </router-link>\n      </div>\n    </section>\n\n    <p class=\"demo-note\">\n      本地开发先执行 <code>pnpm comps-vue3:dev</code>（20020），再执行\n      <code>pnpm demo-vue3:dev</code> 打开 http://localhost:30020；远端地址可用\n      <code>VITE_REMOTE_HOST</code> 覆盖。\n    </p>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { APP_META } from '../configs/app'\nimport { LOCAL_HOST, REMOTE_LIB_NAME, UNPKG_HOST } from '../configs/remote'\nimport { demoRoutes } from '../router'\n\n// 简介页也列出其余示例，方便直接跳转\nconst examples = demoRoutes.filter((item) => item.name && item.name !== 'overview')\n</script>\n"],"names":["examples","demoRoutes","item","_openBlock","_createElementBlock","_hoisted_1","_createElementVNode","_cache","_hoisted_2","_toDisplayString","_unref","_hoisted_3","APP_META","_hoisted_4","REMOTE_LIB_NAME","LOCAL_HOST","UNPKG_HOST","_hoisted_5","_Fragment","_renderList","_createBlock","_component_router_link","_hoisted_6","_a","_hoisted_7","_b"],"mappings":"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"}

package/dist/assets/RemoteView-Bf-M2ckO.js

@@ -0,0 +1,2 @@
+import{_ as c,a as n}from"./_plugin-vue_export-helper-BWAI2PXX.js";import{d as m,f as d,g as e,m as o,A as r,l as p,o as a,k as u,B as _,u as i,D as v,E as f}from"./index-BWYTdPfJ.js";import"./loadApp-VfkNA6r0.js";const g={class:"demo-page"},h={class:"demo-remote"},w=m({__name:"RemoteView",setup(V){const l=v({loader:async()=>{console.log("[demo-vue3] 开始加载远程组件...");try{const s=await f();return console.log("[demo-vue3] 远程组件加载完成:",s),s.HelloWorld}catch(s){throw console.error("[demo-vue3] 获取远程组件失败:",s),s}},timeout:1e4});return(s,t)=>(a(),d("div",g,[t[0]||(t[0]=e("header",null,[e("p",{class:"demo-page__eyebrow"},"远程组件"),e("h1",{class:"demo-page__title"},"comps-vue3 · HelloWorld"),e("p",{class:"demo-page__lead"},[o(" 下面的组件由 "),e("code",null,"preFetchLib('comps-vue3')"),o(" 从远端加载，宿主产物里没有它。 组件内的计数按钮验证远程组件复用的是宿主注入的那一份 Vue 运行时。 ")])],-1)),r(c,{class:"remote-preview"},{default:p(()=>[e("div",h,[(a(),u(_(i(l)),{msg:"来自 demo-vue3 的问候"}))])]),_:1}),t[1]||(t[1]=e("p",{class:"demo-note"},[o(" 远端地址：开发 "),e("code",null,"http://localhost:20020"),o("（先执行 "),e("code",null,"pnpm comps-vue3:dev"),o("），生产 "),e("code",null,"unpkg"),o(" 上的 "),e("code",null,"hel-meta.json"),o("；也可用 "),e("code",null,"VITE_REMOTE_HOST"),o(" 覆盖。 ")],-1))]))}}),B=n(w,[["__scopeId","data-v-86658c00"]]);export{B as default};
+//# sourceMappingURL=RemoteView-Bf-M2ckO.js.map

package/dist/assets/RemoteView-Bf-M2ckO.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RemoteView-Bf-M2ckO.js","sources":["../../src/views/RemoteView.vue"],"sourcesContent":["<template>\n  <div class=\"demo-page\">\n    <header>\n      <p class=\"demo-page__eyebrow\">远程组件</p>\n      <h1 class=\"demo-page__title\">comps-vue3 · HelloWorld</h1>\n      <p class=\"demo-page__lead\">\n        下面的组件由 <code>preFetchLib('comps-vue3')</code> 从远端加载，宿主产物里没有它。\n        组件内的计数按钮验证远程组件复用的是宿主注入的那一份 Vue 运行时。\n      </p>\n    </header>\n\n    <DemoPreview class=\"remote-preview\">\n      <div class=\"demo-remote\">\n        <component :is=\"RemoteComp\" msg=\"来自 demo-vue3 的问候\" />\n      </div>\n    </DemoPreview>\n\n    <p class=\"demo-note\">\n      远端地址：开发 <code>http://localhost:20020</code>（先执行\n      <code>pnpm comps-vue3:dev</code>），生产 <code>unpkg</code> 上的\n      <code>hel-meta.json</code>；也可用 <code>VITE_REMOTE_HOST</code> 覆盖。\n    </p>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { defineAsyncComponent } from 'vue'\nimport DemoPreview from '../components/DemoPreview.vue'\nimport { loadRemoteLib } from '../configs/remote'\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/* 全屏时只保留远程组件，页头与说明文字留在屏幕外 */\n.remote-preview.is-demo-fullscreen {\n  display: flex;\n  padding: 24px;\n  background: var(--demo-bg);\n}\n\n.remote-preview.is-demo-fullscreen .demo-remote {\n  width: 100%;\n  max-width: 1100px;\n  /* 内容比视口高时从顶部开始滚，不用 auto 垂直居中，避免顶部被裁掉 */\n  margin: 0 auto;\n}\n</style>\n"],"names":["RemoteComp","defineAsyncComponent","lib","loadRemoteLib","err","_openBlock","_createElementBlock","_hoisted_1","_createElementVNode","_createVNode","DemoPreview","_hoisted_2","_createBlock","_resolveDynamicComponent","_unref"],"mappings":"4SA8BA,MAAMA,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,gBA7CCC,EAAA,EAAAC,EAqBM,MArBNC,EAqBM,aApBJC,EAOS,SAAA,KAAA,CANPA,EAAsC,IAAA,CAAnC,MAAM,oBAAA,EAAqB,MAAI,EAClCA,EAAyD,KAAA,CAArD,MAAM,kBAAA,EAAmB,yBAAuB,EACpDA,EAGI,IAAA,CAHD,MAAM,mBAAiB,GAAC,UAClB,EAAAA,EAAsC,YAAhC,2BAAyB,IAAO,uDAE/C,CAAA,SAGFC,EAIcC,EAAA,CAJD,MAAM,kBAAgB,WACjC,IAEM,CAFNF,EAEM,MAFNG,EAEM,EADJN,EAAA,EAAAO,EAAqDC,EAArCC,EAAAd,CAAA,CAAU,EAAA,CAAE,IAAI,mBAAkB,EAAA,uBAItDQ,EAII,IAAA,CAJD,MAAM,aAAW,GAAC,WACX,EAAAA,EAAmC,YAA7B,wBAAsB,IAAO,OAC3C,EAAAA,EAAgC,YAA1B,qBAAmB,IAAO,OAAK,EAAAA,EAAkB,YAAZ,OAAK,IAAO,MACvD,EAAAA,EAA0B,YAApB,eAAa,IAAO,OAAK,EAAAA,EAA6B,YAAvB,kBAAgB,IAAO,OAC9D,CAAA"}

package/dist/assets/RemoteView-DagINN91.css

@@ -0,0 +1 @@
+.remote-preview.is-demo-fullscreen[data-v-86658c00]{display:flex;padding:24px;background:var(--demo-bg)}.remote-preview.is-demo-fullscreen .demo-remote[data-v-86658c00]{width:100%;max-width:1100px;margin:0 auto}

package/dist/assets/_plugin-vue_export-helper-BWAI2PXX.js

@@ -0,0 +1,2 @@
+import{d as l,w as c,f as u,g as r,G as d,H as p,o as f,b as _,n as m}from"./index-BWYTdPfJ.js";import{u as v}from"./loadApp-VfkNA6r0.js";const w={class:"demo-preview","data-demo-preview":""},h=l({__name:"DemoPreview",setup(n){const{isFullscreen:a,exit:o}=v(),s=_(null);c(a,async e=>{var t;e&&(await m(),(t=s.value)==null||t.focus({preventScroll:!0}))});function i(){o().catch(e=>{console.warn("[Fullscreen] Failed to exit fullscreen:",e)})}return(e,t)=>(f(),u("div",w,[r("button",{ref_key:"exitButton",ref:s,type:"button",class:"demo-preview__exit",title:"退出全屏（Esc）","aria-label":"退出全屏",onClick:d(i,["stop"])},[...t[0]||(t[0]=[r("svg",{class:"demo-preview__exit-icon",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round","aria-hidden":"true",focusable:"false"},[r("path",{d:"M8 3v3a2 2 0 0 1-2 2H3m18 0h-3a2 2 0 0 1-2-2V3m0 18v-3a2 2 0 0 1 2-2h3M3 16h3a2 2 0 0 1 2 2v3"})],-1),r("span",{class:"demo-preview__exit-text"},"退出全屏",-1)])],512),p(e.$slots,"default")]))}}),B=(n,a)=>{const o=n.__vccOpts||n;for(const[s,i]of a)o[s]=i;return o};export{h as _,B as a};
+//# sourceMappingURL=_plugin-vue_export-helper-BWAI2PXX.js.map

package/dist/assets/_plugin-vue_export-helper-BWAI2PXX.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"_plugin-vue_export-helper-BWAI2PXX.js","sources":["../../src/components/DemoPreview.vue"],"sourcesContent":["<template>\n  <div class=\"demo-preview\" data-demo-preview>\n    <button\n      ref=\"exitButton\"\n      type=\"button\"\n      class=\"demo-preview__exit\"\n      title=\"退出全屏（Esc）\"\n      aria-label=\"退出全屏\"\n      @click.stop=\"exitFullscreen\"\n    >\n      <svg\n        class=\"demo-preview__exit-icon\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        stroke-width=\"2\"\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"\n        aria-hidden=\"true\"\n        focusable=\"false\"\n      >\n        <path\n          d=\"M8 3v3a2 2 0 0 1-2 2H3m18 0h-3a2 2 0 0 1-2-2V3m0 18v-3a2 2 0 0 1 2-2h3M3 16h3a2 2 0 0 1 2 2v3\"\n        />\n      </svg>\n      <span class=\"demo-preview__exit-text\">退出全屏</span>\n    </button>\n    <slot />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { nextTick, ref, watch } from 'vue'\nimport { useDemoFullscreen } from '../composables/useDemoFullscreen'\n\n/**\n * 组件预览区：全屏按钮的唯一目标。\n *\n * 普通模式下它只是页面里的一个普通容器；进入全屏后由 vue-fullscreen 给根节点\n * 加上 is-demo-fullscreen 类，只保留插槽里的组件内容，页面标题、简介、说明与\n * 页脚都不会进入全屏。右下角的「退出全屏」按钮也只在全屏时出现。\n */\nconst { isFullscreen, exit } = useDemoFullscreen()\nconst exitButton = ref<HTMLButtonElement | null>(null)\n\n// 进入全屏后把焦点移到「退出全屏」，键盘用户可以直接 Esc / Enter 退出\nwatch(isFullscreen, async (value) => {\n  if (!value) return\n  await nextTick()\n  exitButton.value?.focus({ preventScroll: true })\n})\n\nfunction exitFullscreen() {\n  exit().catch((error) => {\n    console.warn('[Fullscreen] Failed to exit fullscreen:', error)\n  })\n}\n</script>\n"],"names":["isFullscreen","exit","useDemoFullscreen","exitButton","ref","watch","value","nextTick","_a","exitFullscreen","error","_openBlock","_createElementBlock","_hoisted_1","_createElementVNode","_renderSlot","_ctx"],"mappings":"mOA0CA,KAAM,CAAE,aAAAA,EAAc,KAAAC,CAAA,EAASC,EAAA,EACzBC,EAAaC,EAA8B,IAAI,EAGrDC,EAAML,EAAc,MAAOM,GAAU,OAC9BA,IACL,MAAMC,EAAA,GACNC,EAAAL,EAAW,QAAX,MAAAK,EAAkB,MAAM,CAAE,cAAe,KAC3C,CAAC,EAED,SAASC,GAAiB,CACxBR,EAAA,EAAO,MAAOS,GAAU,CACtB,QAAQ,KAAK,0CAA2CA,CAAK,CAC/D,CAAC,CACH,eAvDEC,EAAA,EAAAC,EA2BM,MA3BNC,EA2BM,CA1BJC,EAwBS,SAAA,SAvBH,aAAJ,IAAIX,EACJ,KAAK,SACL,MAAM,qBACN,MAAM,YACN,aAAW,OACV,UAAYM,EAAc,CAAA,MAAA,CAAA,CAAA,mBAE3BK,EAcM,MAAA,CAbJ,MAAM,0BACN,QAAQ,YACR,KAAK,OACL,OAAO,eACP,eAAa,IACb,iBAAe,QACf,kBAAgB,QAChB,cAAY,OACZ,UAAU,OAAA,GAEVA,EAEE,OAAA,CADA,EAAE,gGAA+F,CAAA,MAGrGA,EAAiD,OAAA,CAA3C,MAAM,yBAAA,EAA0B,OAAI,EAAA,CAAA,SAE5CC,EAAQC,EAAA,OAAA,SAAA,CAAA"}

package/dist/assets/{index-B7Rf8naU.js → index-BWYTdPfJ.js}

@@ -1,4 +1,4 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./loadApp-bS933MoE.js","./loadApp-HkqSR1jX.css"])))=>i.map(i=>d[i]);
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./loadApp-VfkNA6r0.js","./loadApp-t5jvd8FF.css"])))=>i.map(i=>d[i]);
 (function(){const t=document.createElement("link").relList;if(t&&t.supports&&t.supports("modulepreload"))return;for(const s of document.querySelectorAll('link[rel="modulepreload"]'))n(s);new MutationObserver(s=>{for(const i of s)if(i.type==="childList")for(const o of i.addedNodes)o.tagName==="LINK"&&o.rel==="modulepreload"&&n(o)}).observe(document,{childList:!0,subtree:!0});function r(s){const i={};return s.integrity&&(i.integrity=s.integrity),s.referrerPolicy&&(i.referrerPolicy=s.referrerPolicy),s.crossOrigin==="use-credentials"?i.credentials="include":s.crossOrigin==="anonymous"?i.credentials="omit":i.credentials="same-origin",i}function n(s){if(s.ep)return;s.ep=!0;const i=r(s);fetch(s.href,i)}})();const qd="modulepreload",Jd=function(e,t){return new URL(e,t).href},Ya={},Xd=function(t,r,n){let s=Promise.resolve();if(r&&r.length>0){const o=document.getElementsByTagName("link"),a=document.querySelector("meta[property=csp-nonce]"),l=(a==null?void 0:a.nonce)||(a==null?void 0:a.getAttribute("nonce"));s=Promise.allSettled(r.map(c=>{if(c=Jd(c,n),c in Ya)return;Ya[c]=!0;const u=c.endsWith(".css"),f=u?'[rel="stylesheet"]':"";if(!!n)for(let m=o.length-1;m>=0;m--){const _=o[m];if(_.href===c&&(!u||_.rel==="stylesheet"))return}else if(document.querySelector(`link[href="${c}"]${f}`))return;const p=document.createElement("link");if(p.rel=u?"stylesheet":qd,u||(p.as="script"),p.crossOrigin="",p.href=c,l&&p.setAttribute("nonce",l),document.head.appendChild(p),u)return new Promise((m,_)=>{p.addEventListener("load",m),p.addEventListener("error",()=>_(new Error(`Unable to preload CSS for ${c}`)))})}))}function i(o){const a=new Event("vite:preloadError",{cancelable:!0});if(a.payload=o,window.dispatchEvent(a),!a.defaultPrevented)throw o}return s.then(o=>{for(const a of o||[])a.status==="rejected"&&i(a.reason);return t().catch(i)})};var zd=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{};function Zd(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}function Qd(e){if(e.__esModule)return e;var t=e.default;if(typeof t=="function"){var r=function n(){return this instanceof n?Reflect.construct(t,arguments,this.constructor):t.apply(this,arguments)};r.prototype=t.prototype}else r={};return Object.defineProperty(r,"__esModule",{value:!0}),Object.keys(e).forEach(function(n){var s=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(r,n,s.get?s:{enumerable:!0,get:function(){return e[n]}})}),r}var Yi={exports:{}};function qi(e,t){(t==null||t>e.length)&&(t=e.length);for(var r=0,n=Array(t);r<t;r++)n[r]=e[r];return n}function ep(e){if(Array.isArray(e))return e}function tp(e){if(Array.isArray(e))return qi(e)}function rp(e,t){var r=typeof Symbol<"u"&&e[Symbol.iterator]||e["@@iterator"];if(!r){if(Array.isArray(e)||(r=Fo(e))||t){r&&(e=r);var n=0,s=function(){};return{s,n:function(){return n>=e.length?{done:!0}:{done:!1,value:e[n++]}},e:function(l){throw l},f:s}}throw new TypeError(`Invalid attempt to iterate non-iterable instance.
 In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}var i,o=!0,a=!1;return{s:function(){r=r.call(e)},n:function(){var l=r.next();return o=l.done,l},e:function(l){a=!0,i=l},f:function(){try{o||r.return==null||r.return()}finally{if(a)throw i}}}}function Ji(e,t,r){return(t=lp(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function np(e){if(typeof Symbol<"u"&&e[Symbol.iterator]!=null||e["@@iterator"]!=null)return Array.from(e)}function sp(e,t){var r=e==null?null:typeof Symbol<"u"&&e[Symbol.iterator]||e["@@iterator"];if(r!=null){var n,s,i,o,a=[],l=!0,c=!1;try{if(i=(r=r.call(e)).next,t===0){if(Object(r)!==r)return;l=!1}else for(;!(l=(n=i.call(r)).done)&&(a.push(n.value),a.length!==t);l=!0);}catch(u){c=!0,s=u}finally{try{if(!l&&r.return!=null&&(o=r.return(),Object(o)!==o))return}finally{if(c)throw s}}return a}}function ip(){throw new TypeError(`Invalid attempt to destructure non-iterable instance.
 In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function op(){throw new TypeError(`Invalid attempt to spread non-iterable instance.
@@ -63,5 +63,5 @@ PERFORMANCE OF THIS SOFTWARE.
 * vue v3.5.44
 * (c) 2018-present Yuxi (Evan) You and Vue contributors
 * @license MIT
-**/const xy=()=>{},wy=Object.freeze(Object.defineProperty({__proto__:null,BaseTransition:Mf,BaseTransitionPropsValidators:La,Comment:Ae,DeprecationTypes:Ob,EffectScope:_a,ErrorCodes:Rm,ErrorTypeStrings:Pb,Fragment:we,KeepAlive:m_,ReactiveEffect:_n,Static:er,Suspense:lb,Teleport:qm,Text:Qt,TrackOpTypes:Tm,Transition:jb,TransitionGroup:fy,TriggerOpTypes:Lm,VueElement:mi,assertNumber:Mm,callWithAsyncErrorHandling:et,callWithErrorHandling:$r,camelize:Te,capitalize:On,cloneVNode:wt,compatUtils:Nb,compile:xy,computed:yd,createApp:Vo,createBlock:Ms,createCommentVNode:dd,createElementBlock:hb,createElementVNode:ja,createHydrationRenderer:nd,createPropsRestProxy:j_,createRenderer:rd,createSSRApp:Gd,createSlots:C_,createStaticVNode:mb,createTextVNode:Ha,createVNode:ve,customRef:vf,defineAsyncComponent:v_,defineComponent:Ia,defineCustomElement:Dd,defineEmits:x_,defineExpose:w_,defineModel:D_,defineOptions:M_,defineProps:P_,defineSSRCustomElement:iy,defineSlots:R_,devtools:xb,effect:Jg,effectScope:Wg,getCurrentInstance:Be,getCurrentScope:Yu,getCurrentWatcher:Im,getTransitionRawChildren:ui,guardReactiveProps:fd,h:Ad,handleError:yr,hasInjectionContext:Um,hydrate:Iy,hydrateOnIdle:c_,hydrateOnInteraction:p_,hydrateOnMediaQuery:d_,hydrateOnVisible:f_,initCustomFormatter:Tb,initDirectivesForSSR:Py,inject:un,isMemoSame:Sd,isProxy:kn,isReactive:Tt,isReadonly:gt,isRef:Le,isRuntimeOnly:Sb,isShallow:Ye,isVNode:Bt,markRaw:df,mergeDefaults:F_,mergeModels:k_,mergeProps:pd,nextTick:ai,nodeOps:Td,normalizeClass:Fn,normalizeProps:Hg,normalizeStyle:Vn,onActivated:Df,onBeforeMount:Vf,onBeforeUnmount:pi,onBeforeUpdate:wa,onDeactivated:Nf,onErrorCaptured:Hf,onMounted:Bn,onRenderTracked:jf,onRenderTriggered:kf,onScopeDispose:Yg,onServerPrefetch:Ff,onUnmounted:$n,onUpdated:di,onWatcherCleanup:mf,openBlock:In,patchProp:Rd,popScopeId:km,provide:Cf,proxyRefs:Sa,pushScopeId:Fm,queuePostFlushCb:An,reactive:ii,readonly:As,ref:cn,registerRuntimeCompiler:Ab,render:Kd,renderList:E_,renderSlot:T_,resolveComponent:y_,resolveDirective:S_,resolveDynamicComponent:A_,resolveFilter:Db,resolveTransitionHooks:Vr,setBlockTracking:Pn,setDevtoolsHook:wb,setTransitionHooks:xt,shallowReactive:ff,shallowReadonly:pm,shallowRef:pf,ssrContextKey:Tf,ssrUtils:Rb,stop:Xg,toDisplayString:Gu,toHandlerKey:on,toHandlers:L_,toRaw:ie,toRef:Sm,toRefs:bm,toValue:gm,transformVNodeArgs:vb,triggerRef:vm,unref:jn,useAttrs:V_,useCssModule:ly,useCssVars:Kb,useHost:Nd,useId:Xm,useModel:q_,useSSRContext:Lf,useShadowRoot:ay,useSlots:O_,useTemplateRef:zm,useTransitionState:Ta,vModelCheckbox:Ba,vModelDynamic:jd,vModelRadio:$a,vModelSelect:Fd,vModelText:ks,vShow:wd,version:Ed,warn:Ib,watch:Mr,watchEffect:Bm,watchPostEffect:$m,watchSyncEffect:If,withAsyncContext:H_,withCtx:Ca,withDefaults:N_,withDirectives:Hm,withKeys:Ly,withMemo:Lb,withModifiers:Cy,withScopeId:jm},Symbol.toStringTag,{value:"Module"})),My="comps-vue3",Ry="https://unpkg.com/@melt-js/comps-vue3/hel_dist/hel-meta.json",uc=Ry;let Wi;function Dy(){return Wi||(Wi=ku(My,{custom:{host:uc,skipFetchHelMeta:!uc.endsWith("hel-meta.json"),enable:!0,trust:!0}})),Wi}ju({Vue:wy});(async function(){try{await Dy(),await Xd(()=>import("./loadApp-bS933MoE.js"),__vite__mapDeps([0,1]),import.meta.url)}catch(e){throw console.error("[demo-vue3] 启动失败:",e),e}})();export{ja as a,Ha as b,hb as c,Ia as d,Ms as e,cn as f,v_ as g,Vo as h,Dy as l,In as o,A_ as r,Gu as t,jn as u};
-//# sourceMappingURL=index-B7Rf8naU.js.map
+**/const xy=()=>{},wy=Object.freeze(Object.defineProperty({__proto__:null,BaseTransition:Mf,BaseTransitionPropsValidators:La,Comment:Ae,DeprecationTypes:Ob,EffectScope:_a,ErrorCodes:Rm,ErrorTypeStrings:Pb,Fragment:we,KeepAlive:m_,ReactiveEffect:_n,Static:er,Suspense:lb,Teleport:qm,Text:Qt,TrackOpTypes:Tm,Transition:jb,TransitionGroup:fy,TriggerOpTypes:Lm,VueElement:mi,assertNumber:Mm,callWithAsyncErrorHandling:et,callWithErrorHandling:$r,camelize:Te,capitalize:On,cloneVNode:wt,compatUtils:Nb,compile:xy,computed:yd,createApp:Vo,createBlock:Ms,createCommentVNode:dd,createElementBlock:hb,createElementVNode:ja,createHydrationRenderer:nd,createPropsRestProxy:j_,createRenderer:rd,createSSRApp:Gd,createSlots:C_,createStaticVNode:mb,createTextVNode:Ha,createVNode:ve,customRef:vf,defineAsyncComponent:v_,defineComponent:Ia,defineCustomElement:Dd,defineEmits:x_,defineExpose:w_,defineModel:D_,defineOptions:M_,defineProps:P_,defineSSRCustomElement:iy,defineSlots:R_,devtools:xb,effect:Jg,effectScope:Wg,getCurrentInstance:Be,getCurrentScope:Yu,getCurrentWatcher:Im,getTransitionRawChildren:ui,guardReactiveProps:fd,h:Ad,handleError:yr,hasInjectionContext:Um,hydrate:Iy,hydrateOnIdle:c_,hydrateOnInteraction:p_,hydrateOnMediaQuery:d_,hydrateOnVisible:f_,initCustomFormatter:Tb,initDirectivesForSSR:Py,inject:un,isMemoSame:Sd,isProxy:kn,isReactive:Tt,isReadonly:gt,isRef:Le,isRuntimeOnly:Sb,isShallow:Ye,isVNode:Bt,markRaw:df,mergeDefaults:F_,mergeModels:k_,mergeProps:pd,nextTick:ai,nodeOps:Td,normalizeClass:Fn,normalizeProps:Hg,normalizeStyle:Vn,onActivated:Df,onBeforeMount:Vf,onBeforeUnmount:pi,onBeforeUpdate:wa,onDeactivated:Nf,onErrorCaptured:Hf,onMounted:Bn,onRenderTracked:jf,onRenderTriggered:kf,onScopeDispose:Yg,onServerPrefetch:Ff,onUnmounted:$n,onUpdated:di,onWatcherCleanup:mf,openBlock:In,patchProp:Rd,popScopeId:km,provide:Cf,proxyRefs:Sa,pushScopeId:Fm,queuePostFlushCb:An,reactive:ii,readonly:As,ref:cn,registerRuntimeCompiler:Ab,render:Kd,renderList:E_,renderSlot:T_,resolveComponent:y_,resolveDirective:S_,resolveDynamicComponent:A_,resolveFilter:Db,resolveTransitionHooks:Vr,setBlockTracking:Pn,setDevtoolsHook:wb,setTransitionHooks:xt,shallowReactive:ff,shallowReadonly:pm,shallowRef:pf,ssrContextKey:Tf,ssrUtils:Rb,stop:Xg,toDisplayString:Gu,toHandlerKey:on,toHandlers:L_,toRaw:ie,toRef:Sm,toRefs:bm,toValue:gm,transformVNodeArgs:vb,triggerRef:vm,unref:jn,useAttrs:V_,useCssModule:ly,useCssVars:Kb,useHost:Nd,useId:Xm,useModel:q_,useSSRContext:Lf,useShadowRoot:ay,useSlots:O_,useTemplateRef:zm,useTransitionState:Ta,vModelCheckbox:Ba,vModelDynamic:jd,vModelRadio:$a,vModelSelect:Fd,vModelText:ks,vShow:wd,version:Ed,warn:Ib,watch:Mr,watchEffect:Bm,watchPostEffect:$m,watchSyncEffect:If,withAsyncContext:H_,withCtx:Ca,withDefaults:N_,withDirectives:Hm,withKeys:Ly,withMemo:Lb,withModifiers:Cy,withScopeId:jm},Symbol.toStringTag,{value:"Module"})),My="comps-vue3",Ny="http://localhost:20020",Ry="https://unpkg.com/@melt-js/comps-vue3/hel_dist/hel-meta.json",uc=Ry;let Wi;function Dy(){return Wi||(Wi=ku(My,{custom:{host:uc,skipFetchHelMeta:!uc.endsWith("hel-meta.json"),enable:!0,trust:!0}})),Wi}ju({Vue:wy});(async function(){try{await Dy(),await Xd(()=>import("./loadApp-VfkNA6r0.js").then(e=>e.l),__vite__mapDeps([0,1]),import.meta.url)}catch(e){throw console.error("[demo-vue3] 启动失败:",e),e}})();export{ve as A,A_ as B,Vo as C,v_ as D,Dy as E,we as F,Cy as G,T_ as H,Ny as L,My as R,jb as T,Ry as U,Xd as _,pf as a,cn as b,yd as c,Ia as d,y_ as e,hb as f,ja as g,Ad as h,un as i,E_ as j,Ms as k,Ca as l,Ha as m,ai as n,In as o,Cf as p,Fn as q,ii as r,ff as s,Gu as t,jn as u,Be as v,Mr as w,pi as x,As as y,dd as z};
+//# sourceMappingURL=index-BWYTdPfJ.js.map