@axewo/fin-micro 1.0.0 → 2.0.1

package/scaffold/vue/src/bridge/auth.ts

@@ -0,0 +1,23 @@
+import { getToken, TokenError, type AppBridge, type AuthCapabilities } from '@axewo/fin-micro/sdk'
+import { installRequestTokenProvider } from '../utils/requestUtils'
+import { appConfig } from '../utils/appConfig'
+
+/**
+ * 为本次嵌入生命周期安装正式认证能力；卸载调用返回函数，独立演示不安装。
+ * 请求票据先绑定宿主私有版本，再读取 Token，前后复查公开会话；版本变化直接拒绝发送。
+ * 401/Token 未登录上报原票据，宿主独立核验对象身份、来源及私有版本；不传任意 revision。
+ * 不自动刷新凭据、不重放写请求；可信应用白名单不是 XSS 隔离沙箱。
+ */
+export function installBridgeAuth(bridge: AppBridge<AuthCapabilities>): () => void {
+  return installRequestTokenProvider(async signal => {
+    const before = bridge.getSession()
+    const token = await getToken({ bridge, signal })
+    if (!before.authenticated || bridge.getSession().revision !== before.revision) throw new TokenError('SESSION_CHANGED')
+    return token
+  }, appConfig.trustedApiBase, async signal => {
+    const before = bridge.getSession()
+    const ticket = await bridge.callHostWithOptions('beginAuthRequest', { signal })
+    if (bridge.getSession().revision !== before.revision) throw new TokenError('SESSION_CHANGED')
+    return () => bridge.callHost('reportAuthFailure', ticket)
+  })
+}

package/scaffold/vue/src/bridge/session.ts

@@ -1,9 +1,9 @@
 import { inject, ref, shallowRef, type InjectionKey } from 'vue'
-import { getMicroBridge, type SessionSnapshot } from '@axewo/fin-micro'
+import { getMicroBridge, type SessionSnapshot, type AuthCapabilities } from '@axewo/fin-micro'
 
 /** 每次挂载获取独立会话；仅保存公开身份，不读取宿主 Token，不构造虚假的平台能力。 */
 export function createBridgeSession() {
-  return { bridge: getMicroBridge(), identity: shallowRef<SessionSnapshot>(), status: ref('正在连接宿主') }
+  return { bridge: getMicroBridge<AuthCapabilities>(), identity: shallowRef<SessionSnapshot>(), status: ref('正在连接宿主') }
 }
 export type BridgeSession = ReturnType<typeof createBridgeSession>
 export const sessionKey: InjectionKey<BridgeSession> = Symbol('micro-session')

package/scaffold/vue/src/layout/Header.vue

@@ -0,0 +1,15 @@
+<script setup lang="ts">
+/** 独立应用顶栏只展示本地标题，不创建登录状态或宿主能力。 */
+defineProps<{ title: string }>()
+</script>
+
+<template>
+  <header class="standalone-header">
+    <strong>__PROJECT_NAME__</strong>
+    <span>{{ title }} · 独立运行</span>
+  </header>
+</template>
+
+<style scoped>
+.standalone-header { grid-column: 1 / -1; display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 0 24px; background: #fff; border-bottom: 1px solid #e5e7eb; }
+</style>

package/scaffold/vue/src/layout/Sidebar.vue

@@ -0,0 +1,21 @@
+<script setup lang="ts">
+import { ElMenu } from 'element-plus'
+import type { StandaloneMenu } from '../router/menu'
+import SidebarItem from './SidebarItem.vue'
+
+/** 菜单只负责本地导航；活动项随路由更新，详情页可显式关联列表。 */
+defineProps<{ menus: StandaloneMenu[]; activeMenu: string }>()
+</script>
+
+<template>
+  <aside class="standalone-sidebar" aria-label="独立应用导航">
+    <ElMenu router :default-active="activeMenu" :collapse-transition="false">
+      <SidebarItem v-for="item in menus" :key="item.path" :item="item" />
+    </ElMenu>
+  </aside>
+</template>
+
+<style scoped>
+.standalone-sidebar { overflow: auto; background: #fff; border-right: 1px solid #e5e7eb; }
+.standalone-sidebar :deep(.el-menu) { border-right: 0; }
+</style>

package/scaffold/vue/src/layout/SidebarItem.vue

@@ -0,0 +1,21 @@
+<script setup lang="ts">
+import { ElIcon, ElMenuItem, ElSubMenu } from 'element-plus'
+import type { StandaloneMenu } from '../router/menu'
+
+/** 递归保留实际路由分组；叶子使用完整路径交给同一个 Vue Router。 */
+defineProps<{ item: StandaloneMenu }>()
+</script>
+
+<template>
+  <ElSubMenu v-if="item.children.length" :index="item.path">
+    <template #title>
+      <ElIcon v-if="item.icon"><component :is="item.icon" /></ElIcon>
+      <span>{{ item.title }}</span>
+    </template>
+    <SidebarItem v-for="child in item.children" :key="child.path" :item="child" />
+  </ElSubMenu>
+  <ElMenuItem v-else :index="item.path">
+    <ElIcon v-if="item.icon"><component :is="item.icon" /></ElIcon>
+    <span>{{ item.title }}</span>
+  </ElMenuItem>
+</template>

package/scaffold/vue/src/layout/StandaloneLayout.vue

@@ -0,0 +1,34 @@
+<script setup lang="ts">
+import { computed } from 'vue'
+import { FinWatermark } from '@axewo/fin-micro/watermark'
+import { watermarkConfig } from '../utils/watermarkConfig'
+import { useRoute, useRouter } from 'vue-router'
+import { createStandaloneMenus, standaloneActiveMenu } from '../router/menu'
+import Header from './Header.vue'
+import Sidebar from './Sidebar.vue'
+
+// 使用 router 实际声明树保留父子关系，不用 getRoutes 的扁平记录重复生成菜单。
+const router = useRouter()
+const route = useRoute()
+const menus = computed(() => createStandaloneMenus(router.options.routes))
+const activeMenu = computed(() => standaloneActiveMenu(route))
+</script>
+
+<template>
+  <div class="standalone-layout">
+    <Header :title="route.meta.title ?? '业务应用'" />
+    <Sidebar :menus="menus" :active-menu="activeMenu" />
+    <!-- App 仅在独立运行时挂载此布局；嵌入时使用基座水印，避免重复。 -->
+    <div class="standalone-viewport">
+      <main class="standalone-content"><slot /></main>
+      <FinWatermark :config="watermarkConfig" />
+    </div>
+  </div>
+</template>
+
+<style scoped>
+.standalone-layout { display: grid; grid-template: 64px minmax(0, 1fr) / 220px minmax(0, 1fr); height: 100vh; height: 100dvh; overflow: hidden; }
+.standalone-viewport { position: relative; isolation: isolate; display: flex; min-width: 0; min-height: 0; overflow: hidden; }
+.standalone-content { flex: 1 1 auto; min-width: 0; min-height: 0; overflow: auto; }
+@media (max-width: 760px) { .standalone-layout { grid-template-columns: 160px minmax(0, 1fr); } }
+</style>

package/scaffold/vue/src/main.ts

@@ -2,9 +2,12 @@ import 'element-plus/dist/index.css'
 import '@axewo/fin-ui/style.css'
 import './styles/index.css'
 import { setupWujieLifecycle } from '@axewo/fin-micro/runtime'
-import { mount, unmount } from './bootstrap'
+import { createStartupLifecycle } from './utils/errorUtils'
 
-// 环境判断、Wujie 回调注册、独立启动和 unload 统一由库管理。
+// 配置及 bootstrap 静态依赖加载失败也显示安全兜底；卸载取消尚未完成的导入。
+const { mount, unmount } = createStartupLifecycle(() => import('./bootstrap'))
+
+// 环境判断、Wujie 回调注册、独立启动和 pagehide 统一由库管理。
 // 业务替换点在 bootstrap：创建/销毁应用，并取消本轮尚未完成的异步初始化。
 const dispose = setupWujieLifecycle({ mount, unmount })
 if (import.meta.hot) import.meta.hot.dispose(dispose)

package/scaffold/vue/src/router/index.ts

@@ -1,14 +1,19 @@
 import { createMemoryHistory, createRouter, createWebHashHistory } from 'vue-router'
+import { demoRoutes } from './demo'
+import { List, Tickets } from '@element-plus/icons-vue'
+import './menu'
 
 /** 嵌入模式使用 memory history 不争用宿主 URL；独立模式使用 hash 路由便于静态部署。 */
 export function createMicroRouter(embedded: boolean) {
   return createRouter({
     history: embedded ? createMemoryHistory() : createWebHashHistory(),
     routes: [
-      { path: '/', redirect: '/list' },
-      { path: '/list', component: () => import('../views/ListView.vue') },
-      { path: '/detail', component: () => import('../views/DetailView.vue') },
-      { path: '/:pathMatch(.*)*', component: () => import('../views/NotFoundView.vue') },
+      { path: '/', redirect: '/list', meta: { hidden: true } },
+      { path: '/list', component: () => import('../views/demo/index.vue'), meta: { title: '业务列表', icon: List, order: 10 } },
+      // 详情保留同一业务页面与 SDK，只隐藏菜单入口并高亮所属列表。
+      { path: '/detail', component: () => import('../views/demo/modules/detail/index.vue'), meta: { title: '业务详情', hidden: true, activeMenu: '/list' } },
+      ...demoRoutes.map(route => ({ ...route, meta: { ...route.meta, title: '基础示例', icon: Tickets, order: 20 } })),
+      { path: '/:pathMatch(.*)*', component: () => import('../views/not-found/index.vue'), meta: { title: '页面不存在', hidden: true } },
     ],
   })
 }

package/scaffold/vue/src/router/menu.ts

@@ -0,0 +1,38 @@
+import type { Component } from 'vue'
+import type { RouteLocationNormalizedLoaded, RouteRecordRaw } from 'vue-router'
+
+/** 独立导航只消费本地路由元信息，不表示宿主授权或后台接口权限。 */
+declare module 'vue-router' {
+  interface RouteMeta {
+    title?: string
+    icon?: Component
+    order?: number
+    hidden?: boolean
+    activeMenu?: string
+  }
+}
+
+export interface StandaloneMenu {
+  path: string
+  title: string
+  icon?: Component
+  children: StandaloneMenu[]
+}
+
+/** 按声明层级生成菜单；隐藏父级隐藏整棵子树，无标题分组提升子项。 */
+export function createStandaloneMenus(routes: readonly RouteRecordRaw[], parent = ''): StandaloneMenu[] {
+  return [...routes].sort((left, right) => (left.meta?.order ?? 0) - (right.meta?.order ?? 0)).flatMap(route => {
+    if (route.meta?.hidden || route.path.includes(':')) return []
+    const path = route.path.startsWith('/') ? route.path : `${parent}/${route.path}`.replace(/\/+/g, '/')
+    const children = createStandaloneMenus(route.children ?? [], path)
+    const title = route.meta?.title
+    // 重定向仅在有可见子菜单时充当分组，默认跳转和别名不额外生成入口。
+    if (!title || (route.redirect && children.length === 0)) return children
+    return [{ path, title, icon: route.meta?.icon, children }]
+  })
+}
+
+/** 详情可通过 activeMenu 指向列表；查询和片段不参与菜单身份。 */
+export function standaloneActiveMenu(route: Pick<RouteLocationNormalizedLoaded, 'path' | 'meta'>): string {
+  return route.meta.activeMenu ?? route.path
+}

package/scaffold/vue/src/views/demo/configs/table.ts

@@ -0,0 +1,24 @@
+import type { TableConfig } from '@axewo/fin-ui'
+import type { RecordRow } from '../types'
+
+/** 业务列表的 fin-ui 列、表单和 CRUD 配置；不复制弹窗、删除确认或分页状态机。 */
+export function createRecordTableConfig(onSuccess: () => void): TableConfig {
+  // 内存适配仅用于展示组件 API；每次进入页面独立实例，刷新重置，不能充当业务接口。
+  let rows: RecordRow[] = [{ id: 1, name: '示例记录' }]
+  let nextId = 2
+  return {
+    rowKey: 'id', title: '示例记录', pagination: false,
+    columns: [
+      { field: 'id', label: '编号', width: 100 },
+      { field: 'name', label: '名称', formItem: { component: 'FInput', required: true, componentProps: { maxlength: 80 } } },
+    ],
+    requestConfig: { api: async () => ({ list: rows.map(row => ({ ...row })), total: rows.length }) },
+    crudConfig: {
+      // FCrudTable 统一生成新增/编辑弹框、校验、删除确认及刷新，模板不重复实现。
+      createApi: async data => { rows.push({ id: nextId++, name: String(data.name) }) },
+      updateApi: async data => { rows = rows.map(row => row.id === data.id ? { ...row, name: String(data.name) } : row) },
+      deleteApi: async data => { rows = rows.filter(row => row.id !== data.id) },
+      onSuccess,
+    },
+  }
+}

package/scaffold/vue/src/views/demo/hooks/useRecordNavigation.ts

@@ -0,0 +1,32 @@
+import { ref } from 'vue'
+import { useRouter } from 'vue-router'
+import { useMicroPage, useMicroTab, usePermission } from '@axewo/fin-micro'
+import { useBridgeSession } from '../../../bridge/session'
+import { toSafeError } from '../../../utils/errorUtils'
+
+/**
+ * 统一列表权限、宿主页签 SDK 与独立路由导航，页面只装配业务动作。
+ * 必须在列表组件 setup 内调用，SDK 绑定当前 tab.key；异步返回不能误操作另一页。
+ */
+export function useRecordNavigation() {
+  const { bridge, identity } = useBridgeSession()
+  const canRead = usePermission(identity).can('demo:read')
+  const router = useRouter()
+  const tab = bridge ? useMicroTab() : undefined
+  const sdk = bridge && tab ? useMicroPage(bridge, tab) : undefined
+  const message = ref('')
+
+  /** 错误只展示安全分类文案，不泄漏异常对象、请求体或 Token。 */
+  function reportError(error: unknown): void { message.value = toSafeError(error).message }
+
+  /** 嵌入模式经授权打开同应用详情页签；独立模式由本应用 router 打开。 */
+  async function openDetail(): Promise<void> {
+    try {
+      if (bridge && !canRead.value) { message.value = '403：无权访问详情'; return }
+      if (sdk && bridge) await sdk.openTab({ appId: bridge.appId, tabId: `${bridge.appId}:detail:1`, title: '示例详情 1', route: '/detail?id=1' })
+      else await router.push('/detail?id=1')
+    } catch (error) { reportError(error) }
+  }
+
+  return { bridge, canRead, message, openDetail, reportError }
+}

package/scaffold/vue/src/views/demo/index.vue

@@ -0,0 +1,17 @@
+<script setup lang="ts">
+import { FCrudTable } from '@axewo/fin-ui'
+import { createRecordTableConfig } from './configs/table'
+import { useRecordNavigation } from './hooks/useRecordNavigation'
+
+const { bridge, canRead, message, openDetail, reportError } = useRecordNavigation()
+const tableConfig = createRecordTableConfig(() => { message.value = '演示内存数据已更新（刷新后重置）' })
+</script>
+<template>
+  <section class="panel">
+    <h1>__PROJECT_NAME__</h1>
+    <p>以下 CRUD 为内存示例，非生产业务接口；新增、编辑和删除均使用 fin-ui 内置流程。</p>
+    <div class="actions"><el-button :disabled="Boolean(bridge) && !canRead" @click="openDetail">打开详情页</el-button></div>
+    <p v-if="message" role="status">{{ message }}</p>
+    <FCrudTable :table-config="tableConfig" @error="reportError" />
+  </section>
+</template>

package/scaffold/vue/src/views/{DetailView.vue → demo/modules/detail/index.vue}

@@ -1,9 +1,12 @@
 <script setup lang="ts">
 import { ref } from 'vue'
 import { useRoute, useRouter } from 'vue-router'
-import { useMicroPage, useMicroTab } from '@axewo/fin-micro'
-import { useBridgeSession } from '../bridge/session'
-const { bridge } = useBridgeSession()
+import { useMicroPage, useMicroTab, usePermission } from '@axewo/fin-micro'
+import { useBridgeSession } from '../../../../bridge/session'
+import { toSafeError } from '../../../../utils/errorUtils'
+const { bridge, identity } = useBridgeSession()
+const permission = usePermission(identity)
+const canRead = permission.can('demo:read')
 const tab = bridge ? useMicroTab() : undefined
 const sdk = bridge && tab ? useMicroPage(bridge, tab) : undefined
 const route = useRoute()
@@ -16,7 +19,11 @@ const message = ref('')
 sdk?.beforeLeave(() => !dirty.value || window.confirm('存在未保存的演示草稿，确认离开？'))
 
 /** 仅演示标记已保存，不宣称写入后台；真实业务必须 await 保存成功后才清除 dirty。 */
-function save(): void { dirty.value = false; message.value = '演示草稿已标记保存，未写入服务器' }
+function save(): void {
+  if (bridge && !canRead.value) { message.value = '403：无权执行此操作'; return }
+  dirty.value = false
+  message.value = '演示草稿已标记保存，未写入服务器'
+}
 
 /** SDK 固定绑定创建时的原页面，即使等待期间切换页签，也不关闭或刷新其他页面。 */
 async function action(type: 'close' | 'refresh' | 'back'): Promise<void> {
@@ -29,11 +36,13 @@ async function action(type: 'close' | 'refresh' | 'back'): Promise<void> {
     if (type === 'close') await sdk.closeCurrent()
     else if (type === 'refresh') await sdk.refreshCurrent()
     else await sdk.back()
-  } catch (error) { message.value = String(error) }
+  } catch (error) { message.value = toSafeError(error).message }
 }
 </script>
 <template>
-  <section class="panel">
+  <section v-if="bridge && !canRead" class="panel" role="alert"><h2>403</h2><p>没有详情访问权限，请联系管理员。</p></section>
+  <section v-else class="panel">
+    <p v-if="!bridge">独立演示不创建登录身份，仅允许本地草稿操作，不发送受保护请求。</p>
     <h2>详情 {{ route.query.id }}</h2>
     <p>切换宿主页签保留草稿；刷新/关闭只影响本页生命周期。</p>
     <el-input v-model="draft" type="textarea" placeholder="编辑演示草稿" @input="dirty = true" />

package/scaffold/vue/src/views/demo/types.ts

@@ -0,0 +1,5 @@
+/** 示例 CRUD 功能私有的内存行类型；生产请求类型优先复用 src/api/{domain}。 */
+export interface RecordRow {
+  id: number
+  name: string
+}

package/dist/router-view-impl-CgLEalx4.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),n=require("vue-router"),O=require("./vue.cjs");class f extends Error{constructor(a){super(a),this.code=a}}function R(h,a){let e=h.resolve(a,n.START_LOCATION);const p=e,c=new Set;for(let i=0;i<30;i++){if(!e.matched.length)throw new f("NOT_FOUND");const l=e.matched[e.matched.length-1];if(!l.redirect)return e===p?e:{...e,redirectedFrom:p};if(c.has(e.fullPath))throw new f("REDIRECT_LOOP");c.add(e.fullPath);const r=typeof l.redirect=="function"?l.redirect(e,n.START_LOCATION):l.redirect;let u;if(typeof r=="string")if(r.includes("?")||r.includes("#")){const o=h.resolve(r,n.START_LOCATION);u={path:o.path,query:o.query,hash:o.hash}}else u={path:r};else u=r;const d="path"in u&&u.path!=null;if(!d&&!("name"in u))throw new f("RESOLVE_FAILED");e=h.resolve({query:e.query,hash:e.hash,params:d?{}:e.params,...u},n.START_LOCATION)}throw new f("REDIRECT_LOOP")}const T=t.defineComponent({name:"MicroRouteViewImpl",props:{name:{type:String,default:"default"}},slots:Object,setup(h,{slots:a}){const e=O.useMicroTab(),p=n.useRouter(),c=t.shallowRef(),i=t.shallowRef(),l=t.shallowRef(!1);let r=!1;const u={};for(const o of Object.keys(n.START_LOCATION))Object.defineProperty(u,o,{enumerable:!0,get:()=>(c.value??n.START_LOCATION)[o]});t.provide(n.routeLocationKey,t.shallowReactive(u)),t.provide(n.viewDepthKey,0);async function d(){if(r||l.value)return;l.value=!0,i.value=void 0;let o="RESOLVE_FAILED";try{const s=R(p,e.route);o="LOAD_FAILED";const v=await n.loadRouteLocation(s);r||(c.value=v)}catch(s){r||(i.value=s instanceof f?s.code:o)}finally{r||(l.value=!1)}}return t.onBeforeUnmount(()=>{r=!0}),d(),()=>{var o,s;return i.value?((o=a.error)==null?void 0:o.call(a,{tab:e,code:i.value,retry:d}))??t.h("div",{role:"alert","data-micro-route-error":i.value},[t.h("p",`页面加载失败（${i.value}）`),t.h("button",{type:"button",onClick:d},"重新加载")]):l.value||!c.value?((s=a.loading)==null?void 0:s.call(a,{tab:e}))??t.h("p",{role:"status"},"页面加载中…"):t.h(n.RouterView,{route:c.value,name:h.name,key:e.key})}}});exports.MicroRouteViewImpl=T;

package/scaffold/host/src/views/LoginView.vue

@@ -1,38 +0,0 @@
-<script setup lang="ts">
-import { ref } from 'vue'
-import { demoMode } from '../platform'
-
-// 表单只保留本地输入；会话恢复、取消与错误状态统一由上层会话组合函数管理。
-const props = defineProps<{
-  loading: boolean
-  error: string
-  signIn: (username: string, password: string) => Promise<void>
-}>()
-const emit = defineEmits<{ restore: [] }>()
-const username = ref('')
-const password = ref('')
-async function submit(): Promise<void> {
-  if (props.loading || !username.value.trim() || (!demoMode && !password.value)) return
-  const credential = password.value
-  // 提交即清空密码输入，不在会话或全局状态中保存凭据。
-  password.value = ''
-  await props.signIn(username.value.trim(), credential)
-}
-</script>
-
-<template>
-  <main class="login panel">
-    <h1>__PROJECT_NAME__</h1>
-    <el-alert v-if="demoMode" title="仅演示登录，不提供生产身份认证" type="warning" :closable="false" />
-    <p>请接入 src/platform.ts 的平台接口；默认不启用演示身份。</p>
-    <el-form label-position="top" @submit.prevent="submit">
-      <el-form-item label="用户名"><el-input v-model="username" autocomplete="username" /></el-form-item>
-      <el-form-item v-if="!demoMode" label="密码"><el-input v-model="password" type="password" autocomplete="current-password" /></el-form-item>
-      <p v-if="error" role="alert">{{ error }}</p>
-      <div class="actions">
-        <el-button type="primary" native-type="submit" :loading="loading">登录</el-button>
-        <el-button :disabled="loading" @click="emit('restore')">重试恢复会话</el-button>
-      </div>
-    </el-form>
-  </main>
-</template>

package/scaffold/vue/src/views/ListView.vue

@@ -1,51 +0,0 @@
-<script setup lang="ts">
-import { ref } from 'vue'
-import { useRouter } from 'vue-router'
-import { FCrudTable, type TableConfig } from '@axewo/fin-ui'
-import { useMicroPage, useMicroTab } from '@axewo/fin-micro'
-import { useBridgeSession } from '../bridge/session'
-const { bridge } = useBridgeSession()
-const router = useRouter()
-// SDK 在 setup 中绑定缓存边界的固定 tab.key；后续异步操作不会误操作另一个活动页。
-const tab = bridge ? useMicroTab() : undefined
-const sdk = bridge && tab ? useMicroPage(bridge, tab) : undefined
-const message = ref('')
-/** 组件异常只展示文本，兼容公开版本未提供强类型事件声明的情况。 */
-function reportError(error: unknown): void { message.value = error instanceof Error ? error.message : String(error) }
-interface RecordRow { id: number; name: string }
-// 最小内存适配器仅演示组件 API；每个页面独立数据，刷新会重置，生产请替换为真实业务请求。
-let rows: RecordRow[] = [{ id: 1, name: '示例记录' }]
-let nextId = 2
-const tableConfig: TableConfig = {
-  rowKey: 'id', title: '示例记录', pagination: false,
-  columns: [
-    { field: 'id', label: '编号', width: 100 },
-    { field: 'name', label: '名称', formItem: { component: 'FInput', required: true, componentProps: { maxlength: 80 } } },
-  ],
-  requestConfig: { api: async () => ({ list: rows.map(row => ({ ...row })), total: rows.length }) },
-  crudConfig: {
-    // 由 FCrudTable 统一生成新增/编辑弹框及删除确认，不另造重复表单。
-    createApi: async data => { rows.push({ id: nextId++, name: String(data.name) }) },
-    updateApi: async data => { rows = rows.map(row => row.id === data.id ? { ...row, name: String(data.name) } : row) },
-    deleteApi: async data => { rows = rows.filter(row => row.id !== data.id) },
-    onSuccess: () => { message.value = '演示内存数据已更新（刷新后重置）' },
-  },
-}
-
-/** 同应用详情用页面 SDK 打开宿主页签；独立模式才使用普通 router，错误留在原页面。 */
-async function openDetail(): Promise<void> {
-  try {
-    if (sdk && bridge) await sdk.openTab({ appId: bridge.appId, tabId: `${bridge.appId}:detail:1`, title: '示例详情 1', route: '/detail?id=1' })
-    else await router.push('/detail?id=1')
-  } catch (error) { message.value = String(error) }
-}
-</script>
-<template>
-  <section class="panel">
-    <h1>__PROJECT_NAME__</h1>
-    <p>以下 CRUD 为内存示例，非生产业务接口；新增、编辑和删除均使用 fin-ui 内置流程。</p>
-    <div class="actions"><el-button @click="openDetail">打开详情页</el-button></div>
-    <p v-if="message" role="status">{{ message }}</p>
-    <FCrudTable :table-config="tableConfig" @error="reportError" />
-  </section>
-</template>