@manohub/kit 0.7.0 → 0.7.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@manohub/kit",
-  "version": "0.7.0",
+  "version": "0.7.1",
   "private": false,
   "type": "module",
   "description": "子应用入口编排层：createSubApp（作用域容器与宿主锚点、pinia/路由/vue-query 装配、宿主挂载协议）、i18n 单实例与语言探测，外加随包分发的接入契约（CONTRACT.md，五层闭集条款 + 自检清单）与三个 AI 技能包。本包**零样式产物**：设计令牌（值）在 @manohub/theme，组件（类与行为）在 @manohub/ui，两者由消费方直接引入。",

package/skills/kit-dev/references/page-recipes.md

@@ -322,13 +322,26 @@ try { await save() } finally { done() }
 ## 九、页签 / 页面级筛选 / 分页
 
 ```tsx
-// 只要页签条 → Tabs（带「更多」收纳）
-<Tabs v-model={tab.value} options={[{ label: '基本信息', value: 'base' }, { label: '字段映射', value: 'fields' }]} />
-
-// 条 + 面板切换 → Tabset（选择控件由 selector 插槽给）
-<Tabset v-model={tab.value} lazy>
-  {{ default: () => <div>面板内容</div>, selector: () => <Capsule items={caps} modelValue={tab.value} onChange={(v) => (tab.value = v)} /> }}
-</Tabset>
+// 只要页签条 → TabBar（带「更多」收纳）
+<TabBar v-model={tab.value} options={[{ label: '基本信息', value: 'base' }, { label: '字段映射', value: 'fields' }]} />
+
+// 条 + 面板切换 → Tabs（面板用 TabPanel 写自己的信息，轨道缺省就是页签条）
+<Tabs v-model={tab.value} lazy>
+  {{
+    default: () => [
+      <TabPanel name="基本信息">…面板内容…</TabPanel>,
+      <TabPanel name="字段映射">…面板内容…</TabPanel>,
+    ],
+  }}
+</Tabs>
+
+// 换皮（胶囊 / 分段按钮 / 单选卡片）：整块替换 selector，options 就是从各 TabPanel 提取出来的项
+<Tabs v-model={tab.value}>
+  {{
+    selector: ({ value, options, select }) => <Capsule options={caps} modelValue={value} onChange={select} />,
+    default: () => [<TabPanel name="基本信息">…</TabPanel>, <TabPanel name="字段映射">…</TabPanel>],
+  }}
+</Tabs>
 
 // 页面级筛选：条件字段写成 Filter.Item 子件，控件自放
 <Page.Filter onQuery={query} onReset={reset}>

package/skills/kit-migrate/references/migration-map.md

@@ -44,7 +44,7 @@ farris（底层组件库）也不再是依赖。
 | `AppShell` | `Page` | 每页唯一 |
 | `AppShell.Header` | `Page.Header` | |
 | `AppShell.Header` 的 `toolbar` prop / `toolbar` 插槽 | `Page.Header` 的 **`extra`** | ⚠️ prop 与插槽**都改名** |
-| `AppShell.Header` 的 `tabs` prop / `tabs` 插槽 | **无对应** | ⚠️ 页头下的页签区改到主体内：`Tabs`（纯页签条）或 `Tabset`（条 + 面板） |
+| `AppShell.Header` 的 `tabs` prop / `tabs` 插槽 | **无对应** | ⚠️ 页头下的页签区改到主体内：`TabBar`（纯页签条）或 `Tabs`（条 + 面板） |
 | `AppShell.Toolbar` | **无对应** | ⚠️ 页面级工具条用 `Page.Filter`，或把控件放 `Page.Header.extra` |
 | `AppShell.Filter` | `Page.Filter` | |
 | `AppShell.Body` | `Page.Body` | `mode` 取值不变（`scroll` / `plain`） |
@@ -193,13 +193,13 @@ farris（底层组件库）也不再是依赖。
 | `fill` | **无对应** | |
 | — | 新增 `variant`（`node` / `bar`）/ `size` / `Steps.Progress` | |
 
-#### Tabs
+#### TabBar
 
 | 旧 | 新 | 说明 |
 |---|---|---|
 | `modelValue`（必填） | `value`（缺省第一项）/ `defaultValue` | |
 | `items=[{ key, label }]` | `options=[{ label, value }]` | ⚠️ `key` → `value` |
-| **按 `item.key` 命名的内容插槽**（自带面板切换） | `Tabs` **无内容槽** | ⚠️ 要「条 + 面板」用 `Tabset`（`default` 放面板 + `selector`）；只要页签条用 `Tabs` |
+| **按 `item.key` 命名的内容插槽**（自带面板切换） | `TabBar` **无内容槽** | ⚠️ 要「条 + 面板」用 `Tabs`（面板写成 `TabPanel name="…"`，轨道缺省就是页签条）；只要页签条用 `TabBar` |
 | `fill` | **无对应** | |
 
 #### Filter
@@ -227,7 +227,7 @@ farris（底层组件库）也不再是依赖。
 | `AppSection` / `AppForm.Section` | 表单内区块头 → `Form.Header`（**单头**）；区块分组 → `Panel` |
 | `AppLayout` / `AppLayout.Row` / `.Column` | → `Layout` / `Layout.Row` / `.Column`（方向口径、间距档、`columns` / `span` 全同） |
 | `AppDrawer` | → `Drawer`（`open` / `title` / `width` / 关闭受控同款；`position` → **`side`**；`beforeClose` 无对应，同 `Dialog`） |
-| `AppTabs` 的 `fill`、`AppSteps` 的 `fill` | 无对应，自绘容器定高 |
+| `@@APPTABS@@` 的 `fill`、`AppSteps` 的 `fill` | 无对应，自绘容器定高 |
 
 ---