@xihan-ui/vue 1.0.0-alpha.0 → 1.0.0-alpha.2

package/CHANGELOG.md

@@ -1,5 +1,368 @@
 # @xihan-ui/vue
 
+## 1.0.0-alpha.2
+
+### Minor Changes
+
+- 466f143: 新增两个包：`@xihan-ui/motion` 收动效原语，`@xihan-ui/animations` 收现成的动效。
+
+  动效的东西原先散在三处：缓动表与减弱动效探测在 `behavior`，补间与帧循环在 `headless/src/shared`，两套缓动的档名和值还对不上。`@xihan-ui/motion` 把它们收成一处，并补上真正缺的两样——解析解弹簧与 Web Animations 的薄封装。缓动从此只有一份来源：CSS 侧的 cubic-bezier 串与 JS 侧的采样函数同名同源。弹簧按阻尼比分三支算沉降时长，与 dt=0.1ms 的四阶龙格-库塔积分逐点对拍。减弱动效在系统偏好之上叠了一层应用级 override，接得上产品自己的"减弱动效"设置项。
+
+  `behavior` 与 `headless` 原样重新导出搬走的名字，公开面一个没少。
+
+  `@xihan-ui/animations` 是建在上面的效果层：11 个进场预设、6 个注意预设、错开起播与文字拆分。一段动画是一份可 JSON 序列化的配方，能存进数据库、由界面下拉切换。减弱动效的降级由 `motion` 统一兜住，这一层不另开通道——降级只影响中间帧存不存在，不影响控制流。
+
+### Patch Changes
+
+- 09b5ad8: 「collection 铺开的结构凑齐必备部件」这条判据改成机检，并把三档语义写进文档。
+
+  `collection` 收了数据不等于会替你渲染结构，而这件事此前既没有对外判据、也没有任何东西守着：
+  14 个组件里 13 个在根上代铺、popselect 只在 content 里铺，使用者只能一个个试。
+  官网落地时那棵树就是把数据写了一遍、DOM 又手码了一遍，两份得自己保持同步。
+
+  新增 `tests/collection-required-parts.spec.ts`：逐个组件只交 `collection`、不写任何部件，
+  断言铺出来的 DOM 含该组件 `meta.requiredParts` 里的每一个部件。少一个就是渲染出一个
+  看着正常、其实不工作的组件——浮层打不开、方向键找不到条目、同一份结构写到自定义元素那侧
+  会报 `wc.missing-part`。给新组件加代铺时先往这份测试加一行，铺漏了当场红。
+
+  顺带查出并钉住两处此前没人测的差别：`popselect` 的铺开落在 content 部件里而不是根上
+  （`<XhPopselectRoot :collection>` 单独用什么都不出），`mention` 的候选浮层没有 `defaultOpen`、
+  敲下前缀字符才铺开。
+
+  `guide/anatomy.md` 补「collection 管不管铺开结构」一节，三档逐个列出组件名，
+  并写明判据是结构的自由度：扁平集合的 DOM 形状是确定的，代铺挡不住任何写法；
+  层级与多区（`tree` / `cascader` / `transfer`）的结构有太多合理变体，代铺只会逼作者推翻重写。
+
+- ae21590: 75 个组件的插槽写上真类型，`vue-tsc` 从此接得住插槽名与载荷键名的拼写错误。
+
+  组件是渲染函数写的，`.d.ts` 里插槽泛型一直是空的（`DefineComponent` 的 `S` 位是 `{}`），
+  于是 `#panel="node"`、`v-slot="{ pages, page }"` 这些载荷在消费端全是 `any`：
+  键名写错不报、插槽名写错不报，只在运行期渲染出 `undefined`。props 与 emits 早就有完整类型，
+  唯独插槽这一层没有对外描述——而无头库恰恰是靠插槽把控制权交回作者的。
+
+  现在每个带载荷的插槽都有具名载荷类型（`TabsPanelSlotProps`、`StepsRootSlotProps` 这样命名，
+  均从主入口导出），组件上声明 `slots: Object as SlotsType<…>`：
+
+  ```vue
+  <template #panel="node">{{ node.lable }}</template>
+  <!-- TS2551: Property 'lable' does not exist on type 'TabsNodeMeta'. Did you mean 'label'? -->
+  ```
+
+  两条形状上的取舍值得写下来：
+
+  - **键一律可选**。非可选时 `slots.default ? 作者内容 : 按 collection 铺开` 这类判断在类型上恒为真，
+    而它承载的正是「没写默认插槽就铺开整套结构」的核心行为——类型不能对着它撒谎。
+  - **值一律写成函数类型**而不是裸载荷类型。Vue 的 `UnwrapSlotsType` 对函数类型原样保留、
+    对裸类型套一层 `Slot<T>`，而 `Slot<T>` 的实参元组在 `T` 不 extends `undefined` 时是 `[T]`
+    ——零参调用会变成非法，而库里到处是 `slots.default?.()`。
+
+  新增 `check-slot-types` 门禁盯住这两条与「带载荷就必须声明」，`pnpm gate` 由十七项变十八项。
+
+- ba3b3aa: 自定义元素补上全局文案层：`setXhConfig`。
+
+  `provideXhConfig` 一直只有 Vue 适配器有。自定义元素拿不到 provide/inject，文案又是对象、
+  只能走 property 不能走 attribute，于是 31 个元素只能在 JS 里逐实例各设一次 `.translations`——
+  一个中文应用要为此写几十行。而 `guide/i18n.md` 通篇把 `provideXhConfig` 当作「这套机制」讲，
+  一次都没提 Web Components，读的人会以为两端通用。
+
+  现在两端各有一处全局出口，取值优先级一致：**实例 → 全局 → 组件内建默认（英文）**，
+  `translations` 逐键合并。切语言再调一次 `setXhConfig` 即可，已挂载的元素跟着重渲。
+
+  接线落在 `MachineController` 一处——31 个元素的机器 props 都从那里过，不必逐个改。
+
+  `XhTranslationOverrides` 那张 31 条的映射表下沉到 `@xihan-ui/headless`，两个适配器共用一份。
+  在 WC 侧另抄一份是唯一的替代方案，而两份 31 条的表迟早会漂。Vue 侧原样再导出，导出名不变。
+
+  与 Vue 侧的两处差别写进文档了：`setXhConfig` 是整份替换而非深合并；它是模块级的，
+  没有「只在某棵子树里换语言」的能力。
+
+- Updated dependencies [3469066]
+- Updated dependencies [466f143]
+- Updated dependencies [7a5d898]
+- Updated dependencies [52729a1]
+- Updated dependencies [ba3b3aa]
+  - @xihan-ui/backgrounds@1.0.0-alpha.2
+  - @xihan-ui/headless@1.0.0-alpha.2
+  - @xihan-ui/motion@1.0.0-alpha.2
+  - @xihan-ui/behavior@1.0.0-alpha.2
+  - @xihan-ui/kernel@1.0.0-alpha.2
+  - @xihan-ui/machine@1.0.0-alpha.2
+  - @xihan-ui/code-highlight@1.0.0-alpha.2
+  - @xihan-ui/position@1.0.0-alpha.2
+  - @xihan-ui/sound@1.0.0-alpha.2
+
+## 1.0.0-alpha.1
+
+### Major Changes
+
+- d43624c: 把跨组件已经分叉的名字统一回一套。part 名与 prop 名在 1.0 之后就是公开 API——皮肤按
+  `data-part` 选择、使用者按 prop 名调用——改名一律是破坏性变更，所以趁 alpha 一次改完。
+
+  **time-picker 的列表条目由 `option` 改叫 `item`。** 另外 32 个组件的列表条目都叫 `item`，
+  只有它是 `option`。ARIA 角色仍是 `role="option"`（那是角色不是部件名），列里的候选值集合
+  `TimePickerColumn.options` 也不动（那是数据不是部件）。
+
+  迁移点：
+
+  - `data-part='option'` 改成 `data-part='item'`；皮肤覆盖槽 `--xh-time-picker-option-*`
+    改成 `--xh-time-picker-item-*`（共 10 个）。
+  - Vue 组件 `XhTimePickerOption` 改名 `XhTimePickerItem`。
+  - WC 的 `::part(option)` 改成 `::part(item)`。
+  - headless 导出：`timePickerOptionQuery` → `timePickerItemQuery`、`findTimePickerOption` →
+    `findTimePickerItem`、`timePickerOptionValue` → `timePickerItemValue`、
+    `TimePickerOptionProps` → `TimePickerItemProps`。
+  - `TimePickerApi` 上：`getOptionProps` → `getItemProps`、`isOptionSelected` → `isItemSelected`、
+    `isOptionDisabled` → `isItemDisabled`、`focusedOption` → `focusedItem`。
+  - 键盘规格号 `time-picker.kbd.option-*` → `time-picker.kbd.item-*`。
+
+  **transfer 的数据入口由 `items` 改叫 `collection`。** 另外 17 个集合组件的数据入口都叫
+  `collection`。单条的类型名 `TransferItem`、某一侧看得见的条目 `visibleItems`、纯函数
+  `transferVisibleItems` 都不动——它们说的是「条目」，不是「数据入口」。
+
+  迁移点：
+
+  - Vue：`<XhTransferRoot :items="…">` 改成 `:collection="…"`。
+  - WC：`el.items = […]` 改成 `el.collection = […]`（这个入口表达不成属性，本来就只能走 property）。
+  - `TransferApi.items` → `TransferApi.collection`。
+
+  **checkbox-group 的组内子部件对齐 radio-group。** 同一语义两套名字：checkbox-group 用
+  `item-control` / `item-hidden-input`，radio-group 用 `indicator` / `hidden-input`。裸名是全仓
+  多数（`indicator` 13 处、`hidden-input` 10 处），checkbox-group 随大流。`item-text` 不动
+  （21 份解剖都这么叫）。
+
+  迁移点：
+
+  - `data-part='item-control'` → `'indicator'`，`data-part='item-hidden-input'` → `'hidden-input'`。
+  - 皮肤覆盖槽 `--xh-checkbox-group-control-*` → `--xh-checkbox-group-indicator-*`（10 个），
+    与 radio-group 的 `--xh-radio-group-indicator-*` 对齐。
+  - `CheckboxGroupApi.getItemControlProps` → `getIndicatorProps`，
+    `getItemHiddenInputProps` → `getHiddenInputProps`（两个名字 radio-group 早就在用）。
+  - Vue 组件 `XhCheckboxGroupItemControl` → `XhCheckboxGroupIndicator`。
+
+  **table 的空态部件由 `empty-state` 改叫 `empty`。** 部件名不该与组件的 scope 名撞车——
+  `empty-state` 是一个独立组件的 `data-scope`，再拿它当 table 的部件名，写皮肤时
+  `[data-part='empty-state']` 与 `[data-scope='empty-state']` 混在一起读不出谁是谁。
+  combobox 早就叫 `empty`。独立的 `empty-state` 组件本身不动。
+
+  迁移点：
+
+  - `data-part='empty-state'` → `'empty'`。
+  - `TableApi.getEmptyStateProps` → `getEmptyProps`。
+  - Vue 组件 `XhTableEmptyState` → `XhTableEmpty`（`XhEmptyState*` 那一族是另一个组件，不变）。
+  - WC 的 `::part(empty-state)` → `::part(empty)`。
+
+  **transfer 的 `onSelectedChange` 改叫 `onSelectionChange`。** table 与 tree 都叫
+  `onSelectionChange`。受控的 `selected` prop 与载荷字段 `{ selected }` 不动——那是「被勾中的值」，
+  与回调名说的不是一回事。
+
+  - `TransferSelectedChangeDetails` → `TransferSelectionChangeDetails`。
+  - Vue 事件 `@selected-change` → `@selection-change`；WC 的 `selected-change` 事件同改。
+  - `v-model:selected` 不变。
+
+  **`size` 不再一名两用。** 三轴里的 `size` 是语气枚举，而 qr-code 的 `size` 是像素数值、
+  splitter 的 `size` 是百分比数组——两者占着同一个名字却是完全不同的类型，使用者写
+  `size="md"` 得到的是静默的错。
+
+  - qr-code：`size` → `pixelSize`（WC 属性 `size` → `pixel-size`）。中心 logo 挖空区的
+    `QrCodeLogoArea.size` 是模块数标量，不动。
+  - splitter：数组值的一律改复数——`size` → `sizes`、`defaultSize` → `defaultSizes`、
+    `onSizeChange` → `onSizesChange`、`onSizeChangeEnd` → `onSizesChangeEnd`、载荷字段
+    `{ size }` → `{ sizes }`、机器事件 `SIZE.SET` → `SIZES.SET`、Vue 的 `v-model:size` →
+    `v-model:sizes`、WC 属性 `size` → `sizes`。标量的不动：每块面板的 `collapsedSize`、
+    `BOUNDARY.SET` 的 `size`、`setPanelSize`、`SplitterPanelState.size`。
+
+  **没有合并的一处，记在这里免得后人重新翻案。** 就绪度审计说 pin-input 的 `onValueComplete`、
+  editable 的 `onValueCommit`、slider 的 `onValueChangeEnd` 是「三个名字表达同一语义」，
+  逐条读过源码后判定不成立：`onValueComplete` 是「每格都填满的那一刻」（值的形状谓词），
+  `onValueCommit` 是「提交那一刻」（用户显式确认），`onValueChangeEnd` 是「一次操作结束」
+  （手势结束，splitter 的 `onSizesChangeEnd` 用的是同一套）。三件不同的事，合并会让 API 更差。
+
+### Minor Changes
+
+- a19bbaa: 级联选择补空态兜底：新增 empty 部件，搜索无候选或 collection 为空（根列没有条目）时露面，其余时候带 hidden。
+
+  - headless：`getEmptyProps` 管空态占位的露面与收起；`getSearchListProps` 无候选时带 `data-empty`，`getContentProps` 根列没有条目时带 `data-empty`；新增 `translations` prop（`empty` / `noMatch` 两键，默认英文）与 api 上并入默认后的完整一份。
+  - vue：`XhCascaderContent` 自动补渲空态占位，`empty` 插槽可换内容，缺省文案按视图取无匹配或无数据；`translations` prop 接入全局 `provideXhConfig` 注入点（`translations.cascader`）。
+  - web-components：新增可缺省的 `empty` 部件，元素代管其 hidden，文案归作者。
+  - styles：空态占位居中排版（`--xh-cascader-empty-min-h` / `--xh-cascader-empty-p` / `--xh-cascader-empty-fg` 可覆写）；无候选时候选列表不再占位，根列没有条目时空列让位。
+
+- ea78591: checkbox 与 switch 能进 HTML 表单了。表单字段组件从 18 个变成 20 个，五个缺口清完。
+
+  **先纠正一条我此前记错的约束**：我曾把这两个记为「要单独一轮，因为 HTML 内容模型禁止 button 有
+  交互后代」。查规范后不成立——interactive content 的定义里 `input` 那条写的是「**type 属性不处于
+  Hidden 状态时**」，所以 `<input type="hidden">` 不是交互内容，放进 `<button>` 里是合法的。
+  DOM 不必重构，与 color-picker、combobox 同一条路。
+
+  - 新增 `hidden-input` 部件、`name` 与 `value` 两个 prop（`value` 缺省 `'on'`，与原生一致）。
+  - **勾上才带 `name`**：没勾就整条不参与提交，这是原生复选框的语义。
+  - **半选按未勾处理**：原生里 indeterminate 只是外观，提交与否看 `checked`。
+  - Vue 侧由组件自己渲染（单体控件没有子部件插槽，作者递不进来），**给了 `name` 才有这个节点**——
+    没给就与从前逐字节相同。WC 侧照旧由作者写 `data-xh-part="hidden-input"`。
+
+  **两者的重置走转移而不是写 context**：它们的值就是机器状态（`on` / `off` / `indeterminate`），
+  没有值 cell 可 reset。`FORM.RESET` 因此是一组带守卫的转移，受控时只发意图、非受控才真的转过去；
+  已经停在默认态就不白发一次通知。
+
+  如实记一处限制：`onCheckedChange` 的载荷刻意只有布尔（「用户交互的落点只可能是全选或全不选」），
+  表达不了半选。所以回落点是半选时状态照常转、通知不发；受控且默认半选的组合因此拿不到重置。
+  不为这一处去改已公开的载荷类型。
+
+- 72dc39c: color-picker 能进 HTML 表单了。
+
+  此前它既没有 `name` prop 也没有表单影子——放进 `<form>` 里提交，`FormData` 里没有这个字段。
+  同仓 11 个组件早就做全了这件事，它是缺口之一。
+
+  照仓内既成的形状补：新增 `hidden-input` 部件（`type=hidden`，排在解剖末位）、`name?: string` prop、
+  `ColorPickerApi.getHiddenInputProps()`。影子产出的属性恰好五条——parts 属性、`type`、`name`、`value`、
+  `disabled`——`type` 必须排在 `value` 前（改 type 会重置输入的值），`name` 不给就整条不产出、这份输入
+  不参与提交，禁用时带原生 `disabled` 不提交值，只读照常提交。
+
+  **这是纯增量**：影子是作者自己写的可选部件（Vue 侧新增 `XhColorPickerHiddenInput`，WC 侧新增
+  `::part(hidden-input)`），不写它就不存在，既有 DOM 与皮肤选择器一个字节不变。
+
+- a7e8755: combobox 能进 HTML 表单了。
+
+  此前它既没有 `name` prop 也没有表单影子——放进 `<form>` 提交，`FormData` 里没有这个字段。
+
+  **形状照 tree-select，不另起一套**：单个 `hidden-input` 部件（`type=hidden`，排在解剖末位），
+  多选按逗号拼成一串。同为多值浮层选择器的 tree-select 已经是这个形状，combobox 换一种（比如
+  一值一个影子输入、或隐藏 `<select multiple>`）会凭空造出第二套约定。
+
+  如实记一笔：逗号拼串对含逗号的值不可逆，也不是原生的多值 `FormData`（`name=a&name=b`）。
+  这是 tree-select 已有的性质，要改得两个一起改，是另一件事。
+
+  纯增量：影子是作者自己写的可选部件，不写它就不存在，既有 DOM 与皮肤选择器一个字节不变。
+  判据也按这个形状加——只在本用例的 fixture 里挂影子，其余用例的 order/counts 一条没改。
+
+  **顺带被门禁逼出来的一件事**：加了 `name` 之后 `check-form-reset` 当场变红——带 `name` 就是表单
+  字段，就必须认表单重置。combobox 因此一并接上了 `FORM.RESET`：值与输入串是两条独立受控轴各判各的，
+  高亮锚点一并清（它指向的条目可能已被过滤掉）。表单字段组件从 17 个变成 18 个。
+
+- e50a7c9: 复合控件开始响应表单重置。这一版落地机制本身与首个组件 radio-group，其余 16 个随后。
+
+  实测过的缺陷：把本库的控件放进 `<form>`，调 `form.reset()`（或点 `XhFormResetTrigger`），
+  显示与提交值都停在用户改后的状态——原生重置只还原原生控件，而这些控件的值攥在机器里，
+  没有任何一处监听所属表单的 reset。
+
+  **机制**：认重置的机器在根级声明一条无守卫、无载荷的 `FORM.RESET`，动作只做一件事——
+  对若干个 cell 各调一次 `context.reset(key)`，即**重新求一遍那个 cell 自己的 `defaultValue` 表达式**
+  再走原来的 `set`。落点因此与 cell 定义是同一份代码，不会各写一份而漂移；受控分支原样保留，
+  所以「受控只发意图」是免费守住的。适配器侧只在唯一的机器接入点（Vue 的 `useMachine`）挂桥，
+  组件文件零改动。
+
+  一句话：`FORM.RESET` = 「把这个组件变回它此刻挂载会长成的样子」。
+
+  **落点不取挂载时冻结的 `initial`，而是按当下 props 重算**。宿主换了 `defaultValue`（比如切去编辑
+  另一条记录）就该回到新的那一份，这与原生 `reset()` 回到「当下的 default」一致。
+
+  **受控且宿主没声明 `defaultValue` 时一动不动。** 这是最要紧的一条：cell 里那句 `?? 兜底` 把
+  「宿主声明的默认值」和「组件的空值」烘在同一个表达式里（radio-group 是 `null`、rating 是 `0`、
+  tags-input 是空数组）。照直落下去，受控分支会把这个空值当意图发给宿主——重置就从「没反应」
+  变成「把宿主的数据抹掉」。`resetDeclaredValue` 把这一步挡住了，并有专门的判据钉着。
+  **受控组件要拿到重置，必须显式传 `defaultValue`**，这是本库与「受控 reset 是纯空操作」的分歧点。
+
+  **监听挂在锚点的 root node 上**，不挂在那个 form 上：form 会被条件渲染换掉、组件也会被搬走。
+  归属在事件那一刻用 `closest('form')` 现算，因此嵌套表单不会误伤。重置被 `preventDefault` 拦下时
+  不动——那时同表单的原生控件也没还原，组件单方面还原会拼出半份默认值。
+
+  无 form、无 DOM、作者没写影子输入三种情形都不需要特别处理：归属判定不命中、服务端根本不挂效应、
+  锚点是组件根节点而不是影子输入。
+
+  BREAKING CHANGE: `Bindable` 新增必填成员 `reset()`，`ContextFacade` 新增 `reset(key)`。
+  自建 `ReactiveRuntime`（写第三个适配器）的实现方需要补上 `reset`。仓内三处实现已全部跟进。
+
+- a41b931: 进度条新增环形与仪表盘两种形态。
+
+  - 新增 `variant` 轴：`line`（缺省，行为逐字不变）/ `circle` / `dashboard`，以及 `canvas`（承载环的 svg）与 `label`（环心那一块）两个可缺省部件。
+  - 新增 props：`strokeWidth`（环的线宽，viewBox 单位，缺省 6）、`gapDegree` 与 `gapPosition`（仪表盘的缺口，缺省 75 度朝下）、`valueText`（进度不是百分比时给读屏念的那句话）。线宽是 prop 不是令牌——它改的是几何，半径要跟着往里收；线形的厚度仍走 `--xh-progress-thickness`。
+  - 环的直径、底槽色、进度色与端点形状走令牌（`--xh-progress-size` / `-track` / `-range` / `-linecap`），几何由连接层算好写进标记，皮肤只上色。
+
+  顺带两处修正：
+
+  - 退化输入不再算成满进度：`max` 不为正或不是数时回落 100，`value` 不是数时按 0 处理（此前 `max=0` 会让进度算成满格）。
+  - 线形的长度不再取整：`value=3 / max=8` 由 38% 改为 37.5%，相邻两档不会再看起来一样长。
+
+- 4b949c2: 摇树第一次真的生效：只用一个组件不再拖来整个库。
+
+  此前七个库包都是单入口打包，500+ 模块被摊平进一份 `dist/index.js`，`sideEffects: false` 随之失效——
+  使用者只 `import { XhBadge }`，打出来的东西和全量 barrel 一样大。
+
+  产物改为保留模块结构（每个源文件一份产物），实测（esbuild 打真实 dist，gzip）：
+
+  | 用例                | 改前      | 改后         |
+  | ------------------- | --------- | ------------ |
+  | 只用 `XhBadge`      | 168,947 B | **538 B**    |
+  | 只用 `XhButton`     | 168,947 B | **1,029 B**  |
+  | 只用 `XhDialogRoot` | 168,947 B | **11,374 B** |
+  | 全量 barrel         | 173,005 B | 178,768 B    |
+
+  单组件占全量从 **97.7% 降到 0.3%**。全量 barrel 略涨 3%，是模块边界不再被合并的代价，值得。
+
+  **判据补上了此前没有的分辨力。** `.size-limit.json` 原有 18 条全是整包 barrel，改回单入口不会让任何
+  一条变红。新增三条带 `import` 字段的按组件预算（badge / button / dialog），退回打包形态时它们会
+  立刻超标一个数量级。
+
+  顺带修掉两处被这次改动照出来的既有缺陷：
+
+  - **公开面基线虚高 81 个名字。** `build-public-surface.mjs` 抽类型名的正则里 `export` 是可选的，
+    于是把打包版 d.ts 里那些**没有导出**的内部类型别名（`AccordionProps` 这类局部别名共 72 个）也算
+    成了受 semver 约束的公开名。实测确认它们从来就 import 不到（`TS2305: has no exported member`）。
+    正则补上 `export`，基线随之收敛。
+  - **文档生成器只认 `declare`。** 拆包后 barrel 里不再有 `declare`，导致 102 页组件文档的
+    「Vue 组件」整列凭空消失。改成 import 与 export 两种形态都收。
+
+  新增一个公开类型 `TweenEasing`：`NumberAnimationEasing` 本就是它的别名，拆包后别名要能被命名，
+  这一支就必须公开。
+
+### Patch Changes
+
+- 89d8c54: 修四处在真实宿主里才现形的缺陷，`hideOutside` 的入参形状随之变化。
+
+  **嵌套浮层不再被外层罩死。** 对话框里再开一个对话框（或抽屉），内层 portal 到 `body` 之后也是
+  `body` 的直接子元素，会被外层背景失活的 `MutationObserver` 一并打上 `inert`——看得见、点不动。
+  层注册表新增 `elementsAbove(layer)`，给出栈中位于该层之上的各层全部节点；`dialog` 与 `drawer`
+  把它并进背景失活的目标集。
+
+  **破坏性变更**：`hideOutside(targets, scope, options)` 的第一个参数由 `Element[]` 改为
+  `() => Element[]`。施加 `inert` 的时机横跨整个展开期，晚于调用时刻才挂载的节点必须也能被算进目标，
+  定死的数组做不到。调用点把数组包成箭头函数即可。同时 `LayerRegistry` 新增 `elementsAbove` 成员，
+  自行实现该接口的需要补上。
+
+  **破坏性变更**：`@xihan-ui/machine` 的 `Dict` 改为从 `@xihan-ui/kernel` 转出。两个包此前对同一个
+  名字给出不同泛型元数（`Record<string, T>` 与 `Record<string, any>`），从哪个包导入会决定
+  `Dict<string>` 编不编得过。
+
+  **首屏即展开的对话框与抽屉能服务端直出了。** `rendered` 的初值此前整块圈在「有 document」的分支里，
+  服务端算不出它，只发一个 23 字节的空占位：首屏没有对话框、没有可被索引与读屏读到的正文，
+  客户端水合时再整棵补出来。初值改取状态机的展开态。
+
+  **没有 window 的宿主里不再抛异常。** `prefersReducedMotion`、`onReducedMotionChange`、
+  `createEnvSignals` 的默认参数写的是裸 `window`，而默认参数在函数体的守卫之前求值——三者的注释都
+  承诺 SSR 期回落，实际是 `ReferenceError`。改走 `globalThis.window`，签名不变。
+
+- Updated dependencies [b8afdb2]
+- Updated dependencies [a19bbaa]
+- Updated dependencies [ea78591]
+- Updated dependencies [72dc39c]
+- Updated dependencies [a7e8755]
+- Updated dependencies [e50a7c9]
+- Updated dependencies [98d7ffe]
+- Updated dependencies [d43624c]
+- Updated dependencies [239eb5d]
+- Updated dependencies [89d8c54]
+- Updated dependencies [a41b931]
+- Updated dependencies [0a57e2f]
+- Updated dependencies [24721f4]
+- Updated dependencies [4b949c2]
+  - @xihan-ui/sound@1.0.0-alpha.1
+  - @xihan-ui/headless@1.0.0-alpha.1
+  - @xihan-ui/machine@1.0.0-alpha.1
+  - @xihan-ui/behavior@1.0.0-alpha.1
+  - @xihan-ui/kernel@1.0.0-alpha.1
+  - @xihan-ui/position@1.0.0-alpha.1
+  - @xihan-ui/code-highlight@1.0.0-alpha.1
+  - @xihan-ui/backgrounds@1.0.0-alpha.1
+
 ## 1.0.0-alpha.0
 
 ### Major Changes

package/dist/components/accordion/accordion.d.ts

@@ -0,0 +1,125 @@
+import { PayloadOf } from "../../runtime/payload.js";
+import { PropType, VNode } from "vue";
+import { AccordionNode, AccordionSchema } from "@xihan-ui/headless";
+import { Direction, Orientation, Size, Tone } from "@xihan-ui/kernel";
+//#region src/components/accordion/accordion.d.ts
+type AccordionProps = AccordionSchema['props'];
+declare const XhAccordionRoot: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+  collection: {
+    type: PropType<AccordionNode[]>;
+    default: undefined;
+  };
+  value: {
+    type: PropType<string[]>;
+    default: undefined;
+  };
+  defaultValue: {
+    type: PropType<string[]>;
+    default: undefined;
+  };
+  multiple: BooleanConstructor;
+  collapsible: BooleanConstructor;
+  orientation: {
+    type: PropType<Orientation>;
+    default: undefined;
+  };
+  dir: {
+    type: PropType<Direction>;
+    default: undefined;
+  };
+  tone: {
+    type: PropType<Tone>;
+    default: undefined;
+  };
+  size: {
+    type: PropType<Size>;
+    default: undefined;
+  };
+}>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+  'value-change': (_details: PayloadOf<AccordionProps, "onValueChange">) => true;
+  'update:value': (_value: PayloadOf<AccordionProps, "onValueChange">["value"]) => true;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+  collection: {
+    type: PropType<AccordionNode[]>;
+    default: undefined;
+  };
+  value: {
+    type: PropType<string[]>;
+    default: undefined;
+  };
+  defaultValue: {
+    type: PropType<string[]>;
+    default: undefined;
+  };
+  multiple: BooleanConstructor;
+  collapsible: BooleanConstructor;
+  orientation: {
+    type: PropType<Orientation>;
+    default: undefined;
+  };
+  dir: {
+    type: PropType<Direction>;
+    default: undefined;
+  };
+  tone: {
+    type: PropType<Tone>;
+    default: undefined;
+  };
+  size: {
+    type: PropType<Size>;
+    default: undefined;
+  };
+}>> & Readonly<{
+  "onValue-change"?: ((_details: import("@xihan-ui/headless").AccordionValueChangeDetails) => any) | undefined;
+  "onUpdate:value"?: ((_value: string[]) => any) | undefined;
+}>, {
+  value: string[];
+  multiple: boolean;
+  collapsible: boolean;
+  collection: AccordionNode[];
+  defaultValue: string[];
+  orientation: Orientation;
+  dir: Direction;
+  tone: Tone;
+  size: Size;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const XhAccordionItem: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+  value: {
+    type: StringConstructor;
+    required: true;
+  };
+  disabled: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
+}>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+  value: {
+    type: StringConstructor;
+    required: true;
+  };
+  disabled: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
+}>> & Readonly<{}>, {
+  disabled: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const XhAccordionHeader: import("vue").DefineComponent<{}, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const XhAccordionTrigger: import("vue").DefineComponent<{}, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const XhAccordionContent: import("vue").DefineComponent<{}, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const XhAccordionIndicator: import("vue").DefineComponent<{}, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//#endregion
+export { XhAccordionContent, XhAccordionHeader, XhAccordionIndicator, XhAccordionItem, XhAccordionRoot, XhAccordionTrigger };
+//# sourceMappingURL=accordion.d.ts.map

package/dist/components/accordion/accordion.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion.d.ts","names":[],"sources":["../../../src/components/accordion/accordion.ts"],"mappings":";;;;;KAQK,iBAAiB;cAET,+BAAe,8BAAA;;IAGK,MAAA,SAAS;;;;IACd,MAAA;;;;IACO,MAAA;;;;;;IAGA,MAAA,SAAS;;;;IAEjB,MAAA,SAAS;;;;IACR,MAAA,SAAS;;;;IACT,MAAA,SAAS;;;;;;EAIN,iBAAA,UAAA,UAAU;EACZ,iBAAA,QAAA,UAAU;;;IAdN,MAAA,SAAS;;;;IACd,MAAA;;;;IACO,MAAA;;;;;;IAGA,MAAA,SAAS;;;;IAEjB,MAAA,SAAS;;;;IACR,MAAA,SAAS;;;;IACT,MAAA,SAAS;;;;;;;;;;;;;;;;qCAwBnC;cAEW,+BAAe,8BAAA;;;;;;;;;;;;;;;;;;;;;;qCAgB1B;cAGW,iCAAiB,0BAAA,oBAAA,4BAAA;;8BAO5B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,kCAAkB,0BAAA,oBAAA,4BAAA;;8BAO7B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,kCAAkB,0BAAA,oBAAA,4BAAA;;8BAO7B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,oCAAoB,0BAAA,oBAAA,4BAAA;;8BAO/B,qCAAA,iDAAA,aAAA,eAAA,oDAAA"}

package/dist/components/accordion/accordion.js

@@ -0,0 +1,123 @@
+import { provideAccordion, provideAccordionItem, useAccordionContext, useAccordionItem } from "./context.js";
+import { useAccordion } from "./use-accordion.js";
+import { defineComponent, h } from "vue";
+//#region src/components/accordion/accordion.ts
+const XhAccordionRoot = defineComponent({
+	name: "XhAccordionRoot",
+	props: {
+		collection: {
+			type: Array,
+			default: void 0
+		},
+		value: {
+			type: Array,
+			default: void 0
+		},
+		defaultValue: {
+			type: Array,
+			default: void 0
+		},
+		multiple: Boolean,
+		collapsible: Boolean,
+		orientation: {
+			type: String,
+			default: void 0
+		},
+		dir: {
+			type: String,
+			default: void 0
+		},
+		tone: {
+			type: String,
+			default: void 0
+		},
+		size: {
+			type: String,
+			default: void 0
+		}
+	},
+	emits: {
+		"value-change": (_details) => true,
+		"update:value": (_value) => true
+	},
+	setup(props, { slots, emit }) {
+		const notify = (details) => {
+			emit("value-change", details);
+			emit("update:value", details.value);
+		};
+		const ctx = useAccordion(props, notify);
+		provideAccordion(ctx);
+		return () => h("div", ctx.api.value.getRootProps(), slots.default ? slots.default() : props.collection ? renderDefaultTree(ctx.api.value.collection, slots.content) : []);
+	}
+});
+const XhAccordionItem = defineComponent({
+	name: "XhAccordionItem",
+	props: {
+		value: {
+			type: String,
+			required: true
+		},
+		disabled: {
+			type: Boolean,
+			default: void 0
+		}
+	},
+	setup(props, { slots }) {
+		const ctx = useAccordionContext();
+		provideAccordionItem(() => ({
+			value: props.value,
+			disabled: props.disabled
+		}));
+		return () => h("div", ctx.api.value.getItemProps({
+			value: props.value,
+			disabled: props.disabled
+		}), slots.default?.());
+	}
+});
+const XhAccordionHeader = defineComponent({
+	name: "XhAccordionHeader",
+	setup(_, { slots }) {
+		const ctx = useAccordionContext();
+		const item = useAccordionItem();
+		return () => h("h3", ctx.api.value.getHeaderProps(item()), slots.default?.());
+	}
+});
+const XhAccordionTrigger = defineComponent({
+	name: "XhAccordionTrigger",
+	setup(_, { slots }) {
+		const ctx = useAccordionContext();
+		const item = useAccordionItem();
+		return () => h("button", ctx.api.value.getTriggerProps(item()), slots.default?.());
+	}
+});
+const XhAccordionContent = defineComponent({
+	name: "XhAccordionContent",
+	setup(_, { slots }) {
+		const ctx = useAccordionContext();
+		const item = useAccordionItem();
+		return () => h("div", ctx.api.value.getContentProps(item()), slots.default?.());
+	}
+});
+const XhAccordionIndicator = defineComponent({
+	name: "XhAccordionIndicator",
+	setup(_, { slots }) {
+		const ctx = useAccordionContext();
+		const item = useAccordionItem();
+		return () => h("span", ctx.api.value.getIndicatorProps(item()), slots.default?.());
+	}
+});
+/**
+* 没写默认插槽时按 collection 铺开的整套结构，作者只交数据。
+* 与手写部件产出的 DOM 完全一致，要改结构就写默认插槽，行为不变。
+* 正文默认取 node.content，写 content 插槽即由作者接管。
+*/
+function renderDefaultTree(collection, contentSlot) {
+	return collection.map((node) => h(XhAccordionItem, {
+		key: node.value,
+		value: node.value
+	}, () => [h(XhAccordionHeader, null, () => [h(XhAccordionTrigger, null, () => [h("span", null, node.label), h(XhAccordionIndicator)])]), h(XhAccordionContent, null, () => contentSlot?.(node) ?? node.content ?? "")]));
+}
+//#endregion
+export { XhAccordionContent, XhAccordionHeader, XhAccordionIndicator, XhAccordionItem, XhAccordionRoot, XhAccordionTrigger };
+
+//# sourceMappingURL=accordion.js.map

package/dist/components/accordion/accordion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion.js","names":[],"sources":["../../../src/components/accordion/accordion.ts"],"sourcesContent":["import type { AccordionNode, AccordionNodeMeta, AccordionSchema } from '@xihan-ui/headless'\nimport type { Direction, Orientation, Size, Tone } from '@xihan-ui/kernel'\nimport type { PropType, VNode } from 'vue'\nimport type { PayloadOf } from '../../runtime/payload'\nimport { defineComponent, h } from 'vue'\nimport { provideAccordion, provideAccordionItem, useAccordionContext, useAccordionItem } from './context'\nimport { useAccordion } from './use-accordion'\n\ntype AccordionProps = AccordionSchema['props']\n\nexport const XhAccordionRoot = defineComponent({\n  name: 'XhAccordionRoot',\n  props: {\n    collection: { type: Array as PropType<AccordionNode[]>, default: undefined },\n    value: { type: Array as PropType<string[]>, default: undefined },\n    defaultValue: { type: Array as PropType<string[]>, default: undefined },\n    multiple: Boolean,\n    collapsible: Boolean,\n    orientation: { type: String as PropType<Orientation>, default: undefined },\n    // 只改水平轴上左右键的语义，不写进 DOM\n    dir: { type: String as PropType<Direction>, default: undefined },\n    tone: { type: String as PropType<Tone>, default: undefined },\n    size: { type: String as PropType<Size>, default: undefined },\n  },\n  // value-change 携带 { value }，update:value 携带裸数组\n  emits: {\n    'value-change': (_details: PayloadOf<AccordionProps, 'onValueChange'>) => true,\n    'update:value': (_value: PayloadOf<AccordionProps, 'onValueChange'>['value']) => true,\n  },\n  setup(props, { slots, emit }) {\n    const notify: AccordionProps['onValueChange'] = (details) => {\n      emit('value-change', details)\n      emit('update:value', details.value)\n    }\n    const ctx = useAccordion(props as AccordionProps, notify)\n    provideAccordion(ctx)\n    return () => h(\n      'div',\n      ctx.api.value.getRootProps() as Record<string, unknown>,\n      slots.default\n        ? slots.default()\n        : props.collection\n          ? renderDefaultTree(ctx.api.value.collection, slots.content)\n          : [],\n    )\n  },\n})\n\nexport const XhAccordionItem = defineComponent({\n  name: 'XhAccordionItem',\n  props: {\n    value: { type: String, required: true },\n    // 缺省交给 connect 回 collection 里查，写死 false 会盖掉数据里的禁用\n    disabled: { type: Boolean, default: undefined },\n  },\n  setup(props, { slots }) {\n    const ctx = useAccordionContext()\n    provideAccordionItem(() => ({ value: props.value, disabled: props.disabled }))\n    return () => h(\n      'div',\n      ctx.api.value.getItemProps({ value: props.value, disabled: props.disabled }) as Record<string, unknown>,\n      slots.default?.(),\n    )\n  },\n})\n\n// 渲染为 h3，与 connect 给出的 aria-level 对齐\nexport const XhAccordionHeader = defineComponent({\n  name: 'XhAccordionHeader',\n  setup(_, { slots }) {\n    const ctx = useAccordionContext()\n    const item = useAccordionItem()\n    return () => h('h3', ctx.api.value.getHeaderProps(item()) as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhAccordionTrigger = defineComponent({\n  name: 'XhAccordionTrigger',\n  setup(_, { slots }) {\n    const ctx = useAccordionContext()\n    const item = useAccordionItem()\n    return () => h('button', ctx.api.value.getTriggerProps(item()) as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhAccordionContent = defineComponent({\n  name: 'XhAccordionContent',\n  setup(_, { slots }) {\n    const ctx = useAccordionContext()\n    const item = useAccordionItem()\n    return () => h('div', ctx.api.value.getContentProps(item()) as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhAccordionIndicator = defineComponent({\n  name: 'XhAccordionIndicator',\n  setup(_, { slots }) {\n    const ctx = useAccordionContext()\n    const item = useAccordionItem()\n    return () => h('span', ctx.api.value.getIndicatorProps(item()) as Record<string, unknown>, slots.default?.())\n  },\n})\n\n/**\n * 没写默认插槽时按 collection 铺开的整套结构，作者只交数据。\n * 与手写部件产出的 DOM 完全一致，要改结构就写默认插槽，行为不变。\n * 正文默认取 node.content，写 content 插槽即由作者接管。\n */\nfunction renderDefaultTree(\n  collection: readonly AccordionNodeMeta[],\n  contentSlot?: (node: AccordionNodeMeta) => VNode[],\n): VNode[] {\n  return collection.map(node => h(XhAccordionItem, { key: node.value, value: node.value }, () => [\n    h(XhAccordionHeader, null, () => [\n      h(XhAccordionTrigger, null, () => [\n        h('span', null, node.label),\n        h(XhAccordionIndicator),\n      ]),\n    ]),\n    h(XhAccordionContent, null, () => contentSlot?.(node) ?? node.content ?? ''),\n  ]))\n}\n"],"mappings":"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"}