@greypan/web-ui 6.3.0 → 6.4.0

package/README.CN.md

@@ -678,6 +678,7 @@ Portal 面板创建时会镜像 host 上解析后的这些变量；更新 host
 | `--wui-dialog-desc-gap`       | `24px`                                     | 正文内容下方间距                                                      |
 | `--wui-dialog-footer-gap`     | `10px` / horizontal `12px`                 | Footer 按钮间距                                                       |
 | `--wui-dialog-footer-justify` | `flex-end`（默认）/ `center`（horizontal） | Footer `justify-content`；horizontal 模式下覆盖为 `flex-end` 可右对齐 |
+| `--wui-dialog-scale-enter`    | `1.2`                                      | 进场缩放起点：由 `1.2` 收缩到 `1`，退场反向                           |
 
 #### `<web-ui-drawer>`
 
@@ -1083,9 +1084,10 @@ html`<web-ui-icon .icon=${lucideLoaderCircle} spin />`
 
 **CSS 自定义属性：**
 
-| 属性               | 默认值    | 说明     |
-| ------------------ | --------- | -------- |
-| `--wui-icon-color` | `inherit` | 图标颜色 |
+| 属性                  | 默认值    | 说明                                            |
+| --------------------- | --------- | ----------------------------------------------- |
+| `--wui-icon-color`    | `inherit` | 图标颜色                                        |
+| `--wui-duration-spin` | `600ms`   | `spin` 旋转周期；reduce 下放慢到 `1600ms`，不停 |
 
 #### `<web-ui-spinner>`
 
@@ -1113,6 +1115,13 @@ WebUiSpinner.hide() // 隐藏
 
 `WebUiSpinner.show(options?: { size?: number; duration?: number; description?: string })`
 
+**CSS 自定义属性：**
+
+| 属性                     | 默认值  | 说明                                         |
+| ------------------------ | ------- | -------------------------------------------- |
+| `--wui-spinner-size`     | `24px`  | 尺寸，由 `size` 属性写入                     |
+| `--wui-duration-spinner` | `800ms` | 叶片追光周期；reduce 下放慢到 `1600ms`，不停 |
+
 ---
 
 ### 布局与工具
@@ -1286,7 +1295,7 @@ SVG 线条绘制动画，基于 `stroke-dashoffset`。直接在原元素上动
 | `--wui-layer-toast`          | `200`  | Toast          |
 | `--wui-layer-loading`        | `300`  | 阻塞式 Loading |
 
-**动效 token：** duration 默认值为 `--wui-duration-press: 80ms`、`--wui-duration-feedback: 100ms`、`--wui-duration-trigger: 160ms`、`--wui-duration-focus: 200ms`、`--wui-duration-float-enter: 160ms`、`--wui-duration-float-exit: 120ms`、`--wui-duration-dialog-enter: 320ms`、`--wui-duration-dialog-exit: 260ms`、`--wui-duration-drawer-enter: 280ms`、`--wui-duration-drawer-exit: 240ms`、`--wui-duration-drawer-nested: 450ms`、`--wui-duration-toast-enter: 280ms`、`--wui-duration-toast-exit: 200ms`、`--wui-duration-collapse-enter: 200ms`、`--wui-duration-collapse-exit: 160ms`、`--wui-duration-layout: 200ms`。Easing token 是 `--wui-ease-enter`、`--wui-ease-dialog`（`cubic-bezier(0.2, 0, 0, 1)`）和 `--wui-ease-slide`；进入缩放是 `--wui-scale-enter: 0.97`。hover/active 背景反馈即时切换、无过渡动画；选中态、按压与 focus 过渡不受影响。
+**动效 token：** duration 默认值为 `--wui-duration-press: 80ms`、`--wui-duration-feedback: 100ms`、`--wui-duration-trigger: 160ms`、`--wui-duration-focus: 200ms`、`--wui-duration-float-enter: 240ms`、`--wui-duration-float-exit: 160ms`、`--wui-duration-dialog-enter: 320ms`、`--wui-duration-dialog-exit: 260ms`、`--wui-duration-drawer-enter: 280ms`、`--wui-duration-drawer-exit: 240ms`、`--wui-duration-drawer-nested: 450ms`、`--wui-duration-toast-enter: 280ms`、`--wui-duration-toast-exit: 200ms`、`--wui-duration-collapse-enter: 200ms`、`--wui-duration-collapse-exit: 160ms`、`--wui-duration-layout: 200ms`、`--wui-duration-swipe-settle: 220ms`（image-preview 轮播回位）、`--wui-duration-spin: 600ms`（icon 旋转）与 `--wui-duration-spinner: 800ms`（spinner 叶片追光）。Easing token 是 `--wui-ease-enter`、`--wui-ease-dialog`（`cubic-bezier(0.2, 0, 0, 1)`）、`--wui-ease-slide`、`--wui-ease-float`（`cubic-bezier(0.4, 0.38, 0.2, 1)`，锚定浮动面板专用的无回弹弹簧拟合曲线）以及 `--wui-ease-swipe`（`cubic-bezier(0.32, 0.72, 0, 1)`，轮播回位的减速收尾）；进入缩放是 `--wui-scale-enter: 0.95`（浮动面板与 image-preview 的图片舞台层由小到大展开），dialog 使用 `--wui-dialog-scale-enter: 1.2`（由大到小收缩入场，退场反向）。`motion="reduced"` 下所有转场时长归零（轮播回位一并归零），两个无限加载循环只放慢、不停（`--wui-duration-spin` / `--wui-duration-spinner`：`600ms` / `800ms` → `1600ms`）。加载指示冻结会被读成界面卡死。hover/active 背景反馈即时切换、无过渡动画；选中态、按压与 focus 走带时长的过渡，reduce 下同样归零。
 
 **颜色 token：**
 

package/README.md

@@ -714,6 +714,7 @@ Uses native `<dialog>` with `@cancel` prevention. Escape calls `close()` unless
 | `--wui-dialog-desc-gap`       | `24px`                                       | Spacing below the body content                                                        |
 | `--wui-dialog-footer-gap`     | `10px` / `12px` (horizontal)                 | Spacing between footer buttons                                                        |
 | `--wui-dialog-footer-justify` | `flex-end` (default) / `center` (horizontal) | Footer `justify-content`; override to `flex-end` for right-aligned horizontal buttons |
+| `--wui-dialog-scale-enter`    | `1.2`                                        | Enter scale start: the panel shrinks in from `1.2` to `1`, and exit reverses it       |
 
 #### `<web-ui-drawer>`
 
@@ -1119,9 +1120,10 @@ html`<web-ui-icon .icon=${lucideLoaderCircle} spin />`
 
 **CSS Custom Properties:**
 
-| Property           | Default   | Description |
-| ------------------ | --------- | ----------- |
-| `--wui-icon-color` | `inherit` | Icon color  |
+| Property              | Default   | Description                                                              |
+| --------------------- | --------- | ------------------------------------------------------------------------ |
+| `--wui-icon-color`    | `inherit` | Icon color                                                               |
+| `--wui-duration-spin` | `600ms`   | `spin` rotation period; reduced motion slows it to `1600ms`, never stops |
 
 #### `<web-ui-spinner>`
 
@@ -1149,6 +1151,13 @@ WebUiSpinner.hide() // hide
 
 `WebUiSpinner.show(options?: { size?: number; duration?: number; description?: string })`
 
+**CSS Custom Properties:**
+
+| Property                 | Default | Description                                                          |
+| ------------------------ | ------- | -------------------------------------------------------------------- |
+| `--wui-spinner-size`     | `24px`  | Spinner size; set from the `size` property                           |
+| `--wui-duration-spinner` | `800ms` | Leaf cycle period; reduced motion slows it to `1600ms` (never stops) |
+
 ---
 
 ### Layout & Utility
@@ -1322,7 +1331,7 @@ The host uses `display: contents` and does not paint any background: the library
 | `--wui-layer-toast`          | `200`   | Toasts                       |
 | `--wui-layer-loading`        | `300`   | Blocking loading surfaces    |
 
-**Motion tokens:** duration defaults are `--wui-duration-press: 80ms`, `--wui-duration-feedback: 100ms`, `--wui-duration-trigger: 160ms`, `--wui-duration-focus: 200ms`, `--wui-duration-float-enter: 160ms`, `--wui-duration-float-exit: 120ms`, `--wui-duration-dialog-enter: 320ms`, `--wui-duration-dialog-exit: 260ms`, `--wui-duration-drawer-enter: 280ms`, `--wui-duration-drawer-exit: 240ms`, `--wui-duration-drawer-nested: 450ms`, `--wui-duration-toast-enter: 280ms`, `--wui-duration-toast-exit: 200ms`, `--wui-duration-collapse-enter: 200ms`, `--wui-duration-collapse-exit: 160ms`, `--wui-duration-layout: 200ms`. Easing tokens are `--wui-ease-enter`, `--wui-ease-dialog` (`cubic-bezier(0.2, 0, 0, 1)`), and `--wui-ease-slide`; enter scale is `--wui-scale-enter: 0.97`. Hover/active background feedback switches instantly with no transition; checked/pressed/focus transitions are unaffected.
+**Motion tokens:** duration defaults are `--wui-duration-press: 80ms`, `--wui-duration-feedback: 100ms`, `--wui-duration-trigger: 160ms`, `--wui-duration-focus: 200ms`, `--wui-duration-float-enter: 240ms`, `--wui-duration-float-exit: 160ms`, `--wui-duration-dialog-enter: 320ms`, `--wui-duration-dialog-exit: 260ms`, `--wui-duration-drawer-enter: 280ms`, `--wui-duration-drawer-exit: 240ms`, `--wui-duration-drawer-nested: 450ms`, `--wui-duration-toast-enter: 280ms`, `--wui-duration-toast-exit: 200ms`, `--wui-duration-collapse-enter: 200ms`, `--wui-duration-collapse-exit: 160ms`, `--wui-duration-layout: 200ms`, `--wui-duration-swipe-settle: 220ms` (image preview carousel settle), `--wui-duration-spin: 600ms` (icon rotation) and `--wui-duration-spinner: 800ms` (spinner leaf cycle). Easing tokens are `--wui-ease-enter`, `--wui-ease-dialog` (`cubic-bezier(0.2, 0, 0, 1)`), `--wui-ease-slide`, `--wui-ease-float` (`cubic-bezier(0.4, 0.38, 0.2, 1)`, a no-bounce spring fit used by anchored floating panels), and `--wui-ease-swipe` (`cubic-bezier(0.32, 0.72, 0, 1)`, the decelerating tail of the carousel settle). Enter scale tokens are `--wui-scale-enter: 0.95` (floating panels and the image preview's image surface grow in) and `--wui-dialog-scale-enter: 1.2` (the dialog shrinks in from above, reversed on exit). Under `motion="reduced"` every transition duration collapses to `0ms`, the carousel settle with them, while the two infinite loading loops keep running at a slower period (`--wui-duration-spin` / `--wui-duration-spinner`: `600ms` / `800ms` → `1600ms`). A frozen loading indicator reads as a hung UI. Hover/active background feedback switches instantly with no transition; checked, pressed and focus states do transition, and those durations collapse to 0ms under reduced motion along with the rest.
 
 **Color tokens:**
 

package/dist/_virtual/{_@oxc-project_runtime@0.146.0 → _@oxc-project_runtime@0.149.0}/helpers/esm/decorate.js

@@ -1,4 +1,4 @@
-//#region \0@oxc-project+runtime@0.146.0/helpers/esm/decorate.js
+//#region \0@oxc-project+runtime@0.149.0/helpers/esm/decorate.js
 function e(e, t, n, r) {
 	var i = arguments.length, a = i < 3 ? t : r === null ? r = Object.getOwnPropertyDescriptor(t, n) : r, o;
 	if (typeof Reflect == "object" && typeof Reflect.decorate == "function") a = Reflect.decorate(e, t, n, r);

package/dist/assets/glass.js

@@ -1,5 +1,5 @@
 //#region src/assets/glass.css?inline
-var e = ".wui-glass{--wui-internal-glass-shadow:var(--wui-shadow-glass,0 0 1px #0000000d, 0 0 8px #00000008, 0 2px 16px #00000006, 0 8px 32px #00000004);background-color:var(--wui-color-surface-glass,#fafafa57);-webkit-backdrop-filter:blur(4px) saturate(160%) brightness(var(--wui-glass-brightness,1.06));backdrop-filter:blur(4px) saturate(160%) brightness(var(--wui-glass-brightness,1.06));box-shadow:inset 0 0 0 .5px color-mix(in srgb, var(--wui-color-glass-highlight,#ffffffe6) 38%, transparent), inset 0 1px .5px color-mix(in srgb, var(--wui-color-glass-highlight,#ffffffe6) 52%, transparent), inset 0 -.5px 1px #00000008, var(--wui-internal-glass-shadow,var(--wui-shadow-glass,0 0 1px #0000000d, 0 0 8px #00000008, 0 2px 16px #00000006, 0 8px 32px #00000004));background-clip:padding-box;border:none;position:relative}.wui-glass:before{pointer-events:none;content:\"\";border-radius:inherit;background-color:var(--wui-color-glass-border,transparent);background-image:radial-gradient(var(--wui-glass-corner-radius,32px) at 100% 0, var(--wui-color-glass-shade,#0000000f), transparent), radial-gradient(var(--wui-glass-corner-radius,32px) at 0 100%, var(--wui-color-glass-shade,#0000000f), transparent), radial-gradient(calc(var(--wui-glass-corner-radius,32px) * 2) at 0 0, var(--wui-color-glass-corner,#ffffff14), transparent), radial-gradient(calc(var(--wui-glass-corner-radius,32px) * 2) at 100% 100%, var(--wui-color-glass-corner,#ffffff14), transparent);-webkit-mask-composite:xor;-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}";
+var e = ".wui-glass{--wui-internal-glass-shadow:var(--wui-shadow-glass,0 0 1px #0000000d, 0 0 8px #00000008, 0 2px 16px #00000006, 0 8px 32px #00000004);background-color:var(--wui-color-surface-glass,#fafafa57);-webkit-backdrop-filter:blur(4px) saturate(160%) brightness(var(--wui-glass-brightness,1.06));backdrop-filter:blur(4px) saturate(160%) brightness(var(--wui-glass-brightness,1.06));box-shadow:inset 0 0 0 .5px color-mix(in srgb, var(--wui-color-glass-highlight,#ffffffe6) 38%, transparent), inset 0 1px .5px color-mix(in srgb, var(--wui-color-glass-highlight,#ffffffe6) 52%, transparent), inset 0 -.5px 1px #00000008, var(--wui-internal-glass-shadow,var(--wui-shadow-glass,0 0 1px #0000000d, 0 0 8px #00000008, 0 2px 16px #00000006, 0 8px 32px #00000004));background-clip:padding-box;border:none;position:relative}.wui-glass:before{pointer-events:none;content:\"\";border-radius:inherit;background-color:var(--wui-color-glass-border,transparent);background-image:radial-gradient(var(--wui-glass-corner-radius,32px) at 100% 0, var(--wui-color-glass-shade,#0000000f), transparent), radial-gradient(var(--wui-glass-corner-radius,32px) at 0 100%, var(--wui-color-glass-shade,#0000000f), transparent), radial-gradient(calc(var(--wui-glass-corner-radius,32px) * 2) at 0 0, var(--wui-color-glass-corner,#ffffff14), transparent), radial-gradient(calc(var(--wui-glass-corner-radius,32px) * 2) at 100% 100%, var(--wui-color-glass-corner,#ffffff14), transparent);-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}";
 //#endregion
 export { e as default };
 

package/dist/assets/glass.js.map

@@ -1 +1 @@
-{"version":3,"file":"glass.js","names":[],"sources":["../../src/assets/glass.css?inline"],"sourcesContent":["/*\n * 玻璃公共样式\n */\n\n.wui-glass {\n  /*\n   * 内部阴影变量在 glass 元素上自声明默认值，切断从祖先 glass 容器（drawer/dialog\n   * body 等声明了 overlay 阴影的元素）沿 flattened tree 继承进 slotted 内容的\n   * 通道；各组件在自身元素上的同变量配置（特异性/源顺序恒胜出）不受影响。\n   */\n  --wui-internal-glass-shadow: var(\n    --wui-shadow-glass,\n    0 0 1px rgb(0 0 0 / 0.05),\n    0 0 8px rgb(0 0 0 / 0.03),\n    0 2px 16px rgb(0 0 0 / 0.025),\n    0 8px 32px rgb(0 0 0 / 0.015)\n  );\n\n  position: relative;\n\n  border: none;\n\n  background-color: var(--wui-color-surface-glass, rgb(250 250 250 / 0.34));\n  background-clip: padding-box;\n\n  /* Safari 16.4 只支持带 -webkit- 前缀的 backdrop-filter（无前缀 18 才支持），\n     lightningcss 对 ?inline 导入不做自动前缀，需手动写前缀版本 */\n  /* stylelint-disable-next-line property-no-vendor-prefix */\n  -webkit-backdrop-filter: blur(4px) saturate(160%) brightness(var(--wui-glass-brightness, 1.06));\n  backdrop-filter: blur(4px) saturate(160%) brightness(var(--wui-glass-brightness, 1.06));\n  box-shadow:\n    inset 0 0 0 0.5px color-mix(in srgb, var(--wui-color-glass-highlight, rgb(255 255 255 / 0.9)) 38%, transparent),\n    inset 0 1px 0.5px color-mix(in srgb, var(--wui-color-glass-highlight, rgb(255 255 255 / 0.9)) 52%, transparent),\n    inset 0 -0.5px 1px rgb(0 0 0 / 0.03),\n    var(\n      --wui-internal-glass-shadow,\n      var(\n        --wui-shadow-glass,\n        0 0 1px rgb(0 0 0 / 0.05),\n        0 0 8px rgb(0 0 0 / 0.03),\n        0 2px 16px rgb(0 0 0 / 0.025),\n        0 8px 32px rgb(0 0 0 / 0.015)\n      )\n    );\n}\n\n/*\n * 玻璃描边：底环 + 对角受光/背光。background-color 用 border 色铺满整圈（含圆角\n * 弧段，修复胶囊弧段无着色发暗的问题）；叠两枚 corner→transparent radial 作左上/\n * 右下受光光泽，再叠两枚 shade→transparent radial（置于最上层）压暗右上/左下背光\n * 角，形成对角光影的玻璃立体感。四枚渐变均为锚定角点、半径 --wui-glass-corner-radius\n * 的固定物理尺寸正圆——视觉覆盖范围不随元素宽高缩放（百分比方案在大面板上暗边\n * 过长、小控件上过弱），各组件用与自身 border-radius 同源的值覆盖该变量即可联动。\n * 颜色由 theme 按明暗主题提供 --wui-color-glass-corner / --wui-color-glass-shade /\n * --wui-color-glass-border；-webkit-mask-composite 旧语法覆盖 Chrome 111-119，\n * 无前缀 mask-composite 留给 Chrome 120+。\n */\n.wui-glass::before {\n  pointer-events: none;\n  content: '';\n\n  position: absolute;\n  inset: 0;\n\n  padding: 1px;\n  border-radius: inherit;\n\n  background-color: var(--wui-color-glass-border, transparent);\n  background-image:\n    radial-gradient(\n      var(--wui-glass-corner-radius, 32px) at 100% 0,\n      var(--wui-color-glass-shade, rgb(0 0 0 / 0.06)),\n      transparent\n    ),\n    radial-gradient(\n      var(--wui-glass-corner-radius, 32px) at 0 100%,\n      var(--wui-color-glass-shade, rgb(0 0 0 / 0.06)),\n      transparent\n    ),\n    radial-gradient(\n      calc(var(--wui-glass-corner-radius, 32px) * 2) at 0 0,\n      var(--wui-color-glass-corner, rgb(255 255 255 / 0.08)),\n      transparent\n    ),\n    radial-gradient(\n      calc(var(--wui-glass-corner-radius, 32px) * 2) at 100% 100%,\n      var(--wui-color-glass-corner, rgb(255 255 255 / 0.08)),\n      transparent\n    );\n  /* stylelint-disable-next-line property-no-vendor-prefix */\n  -webkit-mask:\n    linear-gradient(#000 0 0) content-box,\n    linear-gradient(#000 0 0);\n  mask:\n    linear-gradient(#000 0 0) content-box,\n    linear-gradient(#000 0 0);\n  /* stylelint-disable-next-line property-no-vendor-prefix */\n  -webkit-mask-composite: xor;\n  mask-composite: exclude;\n}\n"],"mappings":""}
+{"version":3,"file":"glass.js","names":[],"sources":["../../src/assets/glass.css?inline"],"sourcesContent":["/*\n * 玻璃公共样式\n */\n\n.wui-glass {\n  /*\n   * 内部阴影变量在 glass 元素上自声明默认值，切断从祖先 glass 容器（drawer/dialog\n   * body 等声明了 overlay 阴影的元素）沿 flattened tree 继承进 slotted 内容的\n   * 通道；各组件在自身元素上的同变量配置（特异性/源顺序恒胜出）不受影响。\n   */\n  --wui-internal-glass-shadow: var(\n    --wui-shadow-glass,\n    0 0 1px rgb(0 0 0 / 0.05),\n    0 0 8px rgb(0 0 0 / 0.03),\n    0 2px 16px rgb(0 0 0 / 0.025),\n    0 8px 32px rgb(0 0 0 / 0.015)\n  );\n\n  position: relative;\n\n  border: none;\n\n  background-color: var(--wui-color-surface-glass, rgb(250 250 250 / 0.34));\n  background-clip: padding-box;\n\n  /* Safari 16.4 只支持带 -webkit- 前缀的 backdrop-filter（无前缀 18 才支持）；\n     前缀由 lightningcss 按 ?inline 管线默认 targets（含 ios16.4）自动生成，无需手写。 */\n  backdrop-filter: blur(4px) saturate(160%) brightness(var(--wui-glass-brightness, 1.06));\n  box-shadow:\n    inset 0 0 0 0.5px color-mix(in srgb, var(--wui-color-glass-highlight, rgb(255 255 255 / 0.9)) 38%, transparent),\n    inset 0 1px 0.5px color-mix(in srgb, var(--wui-color-glass-highlight, rgb(255 255 255 / 0.9)) 52%, transparent),\n    inset 0 -0.5px 1px rgb(0 0 0 / 0.03),\n    var(\n      --wui-internal-glass-shadow,\n      var(\n        --wui-shadow-glass,\n        0 0 1px rgb(0 0 0 / 0.05),\n        0 0 8px rgb(0 0 0 / 0.03),\n        0 2px 16px rgb(0 0 0 / 0.025),\n        0 8px 32px rgb(0 0 0 / 0.015)\n      )\n    );\n}\n\n/*\n * 玻璃描边：底环 + 对角受光/背光。background-color 用 border 色铺满整圈（含圆角\n * 弧段，修复胶囊弧段无着色发暗的问题）；叠两枚 corner→transparent radial 作左上/\n * 右下受光光泽，再叠两枚 shade→transparent radial（置于最上层）压暗右上/左下背光\n * 角，形成对角光影的玻璃立体感。四枚渐变均为锚定角点、半径 --wui-glass-corner-radius\n * 的固定物理尺寸正圆——视觉覆盖范围不随元素宽高缩放（百分比方案在大面板上暗边\n * 过长、小控件上过弱），各组件用与自身 border-radius 同源的值覆盖该变量即可联动。\n * 颜色由 theme 按明暗主题提供 --wui-color-glass-corner / --wui-color-glass-shade /\n * --wui-color-glass-border；-webkit-mask-* 旧语法（含 mask-composite:xor）由\n * lightningcss 按 targets 自动生成，无前缀 mask-composite 留给 Chrome 120+。\n */\n.wui-glass::before {\n  pointer-events: none;\n  content: '';\n\n  position: absolute;\n  inset: 0;\n\n  padding: 1px;\n  border-radius: inherit;\n\n  background-color: var(--wui-color-glass-border, transparent);\n  background-image:\n    radial-gradient(\n      var(--wui-glass-corner-radius, 32px) at 100% 0,\n      var(--wui-color-glass-shade, rgb(0 0 0 / 0.06)),\n      transparent\n    ),\n    radial-gradient(\n      var(--wui-glass-corner-radius, 32px) at 0 100%,\n      var(--wui-color-glass-shade, rgb(0 0 0 / 0.06)),\n      transparent\n    ),\n    radial-gradient(\n      calc(var(--wui-glass-corner-radius, 32px) * 2) at 0 0,\n      var(--wui-color-glass-corner, rgb(255 255 255 / 0.08)),\n      transparent\n    ),\n    radial-gradient(\n      calc(var(--wui-glass-corner-radius, 32px) * 2) at 100% 100%,\n      var(--wui-color-glass-corner, rgb(255 255 255 / 0.08)),\n      transparent\n    );\n\n  mask:\n    linear-gradient(#000 0 0) content-box,\n    linear-gradient(#000 0 0);\n  mask-composite: exclude;\n}\n"],"mappings":""}

package/dist/assets/menu-portal.js

@@ -1,5 +1,5 @@
 //#region src/assets/menu-portal.css?inline
-var e = ".wui-menu-portal-overlay.wui-floating-panel{--wui-internal-glass-shadow:var(--wui-shadow-panel,0 3px 9px #00000045);--wui-internal-duration-float-enter:var(--wui-duration-float-enter,.16s);--wui-internal-duration-float-exit:var(--wui-duration-float-exit,.12s);--wui-glass-corner-radius:var(--wui-radius-menu,18px);-webkit-user-select:none;user-select:none;z-index:var(--wui-layer-menu,100);box-sizing:border-box;min-width:var(--wui-overlay-min-width,200px);border-radius:var(--wui-radius-menu,18px);max-width:90vw;max-height:80vh;color:var(--wui-color-text,#1b1b1b);background-color:var(--wui-color-surface-menu,#f6f6f6d1);position:fixed;overflow:hidden}.wui-menu-portal-overlay.wui-floating-panel .wui-menu-scroll{max-height:80vh;overflow-y:auto}.wui-menu-portal-overlay.wui-floating-panel .wui-menu-content{padding:4px}.wui-menu-portal-overlay.wui-floating-panel.dropdown-overlay .wui-menu-scroll{max-height:320px}.wui-menu-portal-overlay.wui-floating-panel.dropdown-overlay[data-level]:not([data-level=\"0\"]),.wui-menu-portal-overlay.wui-floating-panel.context-submenu{z-index:var(--wui-layer-menu-nested,110)}";
+var e = ".wui-menu-portal-overlay.wui-floating-panel{--wui-internal-glass-shadow:var(--wui-shadow-panel,0 3px 9px #00000045);--wui-internal-duration-float-enter:var(--wui-duration-float-enter,.24s);--wui-internal-duration-float-exit:var(--wui-duration-float-exit,.16s);--wui-glass-corner-radius:var(--wui-radius-menu,18px);-webkit-user-select:none;user-select:none;z-index:var(--wui-layer-menu,100);box-sizing:border-box;min-width:var(--wui-overlay-min-width,200px);border-radius:var(--wui-radius-menu,18px);max-width:90vw;max-height:80vh;color:var(--wui-color-text,#1b1b1b);background-color:var(--wui-color-surface-menu,#f6f6f6d1);position:fixed;overflow:hidden}.wui-menu-portal-overlay.wui-floating-panel .wui-menu-scroll{max-height:80vh;overflow-y:auto}.wui-menu-portal-overlay.wui-floating-panel .wui-menu-content{padding:4px}.wui-menu-portal-overlay.wui-floating-panel.dropdown-overlay .wui-menu-scroll{max-height:320px}.wui-menu-portal-overlay.wui-floating-panel.dropdown-overlay[data-level]:not([data-level=\"0\"]),.wui-menu-portal-overlay.wui-floating-panel.context-submenu{z-index:var(--wui-layer-menu-nested,110)}";
 //#endregion
 export { e as default };
 

package/dist/assets/menu-portal.js.map

@@ -1 +1 @@
-{"version":3,"file":"menu-portal.js","names":[],"sources":["../../src/assets/menu-portal.css?inline"],"sourcesContent":["/* 菜单面板：wui-glass 玻璃（背景/描边/阴影）由面板自身承担，随面板 opacity 与\n   backdrop-filter 插值一起过渡（单层玻璃，见 overlay-motion.css）。\n   选择器用 .wui-menu-portal-overlay.wui-floating-panel（0,2,0）压制 .wui-glass\n   （0,1,0）：面板无自有 shadow root，直接挂在宿主 shadow（overlay root 的 \\3c style>\n   或 dialog 的 adopted stylesheets）里，若只用单类选择器，dialog 场景下宿主 adopted\n   stylesheets 的 .wui-glass 会在层叠中晚于面板内联 \\3c style> 而胜出（position:relative\n   顶掉 fixed、背景/阴影变量回弱默认）。 */\n.wui-menu-portal-overlay.wui-floating-panel {\n  --wui-internal-glass-shadow: var(--wui-shadow-panel, 0 3px 9px rgb(0 0 0 / 0.27));\n  --wui-internal-duration-float-enter: var(--wui-duration-float-enter, 160ms);\n  --wui-internal-duration-float-exit: var(--wui-duration-float-exit, 120ms);\n  --wui-glass-corner-radius: var(--wui-radius-menu, 18px);\n  user-select: none;\n\n  position: fixed;\n  z-index: var(--wui-layer-menu, 100);\n\n  overflow: hidden;\n\n  box-sizing: border-box;\n  min-width: var(--wui-overlay-min-width, 200px);\n  max-width: 90vw;\n  max-height: 80vh;\n  border-radius: var(--wui-radius-menu, 18px);\n\n  color: var(--wui-color-text, #1b1b1b);\n\n  /* 玻璃背景：面板自身 overflow:hidden 不裁自身的 box-shadow（box-shadow 不受\n     元素自身 overflow 影响）。 */\n  background-color: var(--wui-color-surface-menu, rgb(246 246 246 / 0.82));\n\n  & .wui-menu-scroll {\n    overflow-y: auto;\n    max-height: 80vh;\n  }\n\n  & .wui-menu-content {\n    padding: 4px;\n  }\n\n  &.dropdown-overlay {\n    & .wui-menu-scroll {\n      max-height: 320px;\n    }\n\n    &[data-level]:not([data-level='0']) {\n      z-index: var(--wui-layer-menu-nested, 110);\n    }\n  }\n\n  &.context-submenu {\n    z-index: var(--wui-layer-menu-nested, 110);\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"menu-portal.js","names":[],"sources":["../../src/assets/menu-portal.css?inline"],"sourcesContent":["/* 菜单面板：wui-glass 玻璃（背景/描边/阴影）由面板自身承担，随面板 opacity 与\n   backdrop-filter 插值一起过渡（单层玻璃，见 overlay-motion.css）。\n   选择器用 .wui-menu-portal-overlay.wui-floating-panel（0,2,0）压制 .wui-glass\n   （0,1,0）：面板无自有 shadow root，直接挂在宿主 shadow（overlay root 的 \\3c style>\n   或 dialog 的 adopted stylesheets）里，若只用单类选择器，dialog 场景下宿主 adopted\n   stylesheets 的 .wui-glass 会在层叠中晚于面板内联 \\3c style> 而胜出（position:relative\n   顶掉 fixed、背景/阴影变量回弱默认）。 */\n.wui-menu-portal-overlay.wui-floating-panel {\n  --wui-internal-glass-shadow: var(--wui-shadow-panel, 0 3px 9px rgb(0 0 0 / 0.27));\n  --wui-internal-duration-float-enter: var(--wui-duration-float-enter, 240ms);\n  --wui-internal-duration-float-exit: var(--wui-duration-float-exit, 160ms);\n  --wui-glass-corner-radius: var(--wui-radius-menu, 18px);\n  user-select: none;\n\n  position: fixed;\n  z-index: var(--wui-layer-menu, 100);\n\n  overflow: hidden;\n\n  box-sizing: border-box;\n  min-width: var(--wui-overlay-min-width, 200px);\n  max-width: 90vw;\n  max-height: 80vh;\n  border-radius: var(--wui-radius-menu, 18px);\n\n  color: var(--wui-color-text, #1b1b1b);\n\n  /* 玻璃背景：面板自身 overflow:hidden 不裁自身的 box-shadow（box-shadow 不受\n     元素自身 overflow 影响）。 */\n  background-color: var(--wui-color-surface-menu, rgb(246 246 246 / 0.82));\n\n  & .wui-menu-scroll {\n    overflow-y: auto;\n    max-height: 80vh;\n  }\n\n  & .wui-menu-content {\n    padding: 4px;\n  }\n\n  &.dropdown-overlay {\n    & .wui-menu-scroll {\n      max-height: 320px;\n    }\n\n    &[data-level]:not([data-level='0']) {\n      z-index: var(--wui-layer-menu-nested, 110);\n    }\n  }\n\n  &.context-submenu {\n    z-index: var(--wui-layer-menu-nested, 110);\n  }\n}\n"],"mappings":""}

package/dist/assets/overlay-motion.js

@@ -1,5 +1,5 @@
 //#region src/assets/overlay-motion.css?inline
-var e = ".wui-floating-panel{transform-origin:var(--wui-internal-overlay-transform-origin,center);opacity:1;-webkit-backdrop-filter:blur(4px) saturate(160%) brightness(var(--wui-glass-brightness,1.06));backdrop-filter:blur(4px) saturate(160%) brightness(var(--wui-glass-brightness,1.06));transition:opacity var(--wui-internal-duration-float-enter,var(--wui-duration-float-enter,.16s)) var(--wui-ease-enter,cubic-bezier(.23, 1, .32, 1)), -webkit-backdrop-filter var(--wui-internal-duration-float-enter,var(--wui-duration-float-enter,.16s)) var(--wui-ease-enter,cubic-bezier(.23, 1, .32, 1)), backdrop-filter var(--wui-internal-duration-float-enter,var(--wui-duration-float-enter,.16s)) var(--wui-ease-enter,cubic-bezier(.23, 1, .32, 1)), transform var(--wui-internal-duration-float-enter,var(--wui-duration-float-enter,.16s)) var(--wui-ease-enter,cubic-bezier(.23, 1, .32, 1));transform:scale(1)}.wui-floating-panel[data-wui-presence=entering],.wui-floating-panel[data-wui-presence=closing]{transform:scale(var(--wui-scale-enter,.97));opacity:0;-webkit-backdrop-filter:blur(0) saturate(160%) brightness(var(--wui-glass-brightness,1.06));backdrop-filter:blur(0) saturate(160%) brightness(var(--wui-glass-brightness,1.06))}.wui-floating-panel[data-wui-presence=closing]{pointer-events:none;transition-duration:var(--wui-internal-duration-float-exit,var(--wui-duration-float-exit,.12s))}@media (prefers-reduced-motion:reduce){.wui-floating-panel,.wui-floating-panel[data-wui-presence=entering],.wui-floating-panel[data-wui-presence=closing]{transition-duration:.12s;transform:none}}";
+var e = ".wui-floating-panel{transform-origin:var(--wui-internal-overlay-transform-origin,center);opacity:1;-webkit-backdrop-filter:blur(4px) saturate(160%) brightness(var(--wui-glass-brightness,1.06));backdrop-filter:blur(4px) saturate(160%) brightness(var(--wui-glass-brightness,1.06));transition:opacity var(--wui-internal-duration-float-enter,var(--wui-duration-float-enter,.24s)) var(--wui-ease-float,cubic-bezier(.4, .38, .2, 1)), -webkit-backdrop-filter var(--wui-internal-duration-float-enter,var(--wui-duration-float-enter,.24s)) var(--wui-ease-float,cubic-bezier(.4, .38, .2, 1)), backdrop-filter var(--wui-internal-duration-float-enter,var(--wui-duration-float-enter,.24s)) var(--wui-ease-float,cubic-bezier(.4, .38, .2, 1)), transform var(--wui-internal-duration-float-enter,var(--wui-duration-float-enter,.24s)) var(--wui-ease-float,cubic-bezier(.4, .38, .2, 1));transform:scale(1)}.wui-floating-panel[data-wui-presence=entering],.wui-floating-panel[data-wui-presence=closing]{transform:scale(var(--wui-scale-enter,.95));opacity:0;-webkit-backdrop-filter:blur(0) saturate(160%) brightness(var(--wui-glass-brightness,1.06));backdrop-filter:blur(0) saturate(160%) brightness(var(--wui-glass-brightness,1.06))}.wui-floating-panel[data-wui-presence=closing]{pointer-events:none;transition-duration:var(--wui-internal-duration-float-exit,var(--wui-duration-float-exit,.16s))}@media (prefers-reduced-motion:reduce){.wui-floating-panel,.wui-floating-panel[data-wui-presence=entering],.wui-floating-panel[data-wui-presence=closing]{transition-duration:.12s;transform:none}}";
 //#endregion
 export { e as default };
 

package/dist/assets/overlay-motion.js.map

@@ -1 +1 @@
-{"version":3,"file":"overlay-motion.js","names":[],"sources":["../../src/assets/overlay-motion.css?inline"],"sourcesContent":["/*\n * 浮层面板共享动效（单层玻璃）。\n *\n * backdrop-filter 的 blur(0px) ↔ blur(4px) 在 Chrome/Safari 均平滑插值（Manager\n * 双引擎实测，Safari 逐帧采样 blur 值连续），当年「生硬跳变」的根因是 none↔blur\n * 不可插值，而不是 backdrop-filter 不可动画。因此面板自身直接承担玻璃：背景、\n * 阴影与 backdrop-filter 都在面板元素上（wui-glass 类也回面板），打开/关闭时\n * opacity 与 backdrop-filter 同步过渡，无需双层结构——双层带来的全部层间问题\n * （变白、关闭残影、双重模糊、阴影作用域承接）一并消失。\n */\n\n.wui-floating-panel {\n  transform-origin: var(--wui-internal-overlay-transform-origin, center);\n  transform: scale(1);\n\n  opacity: 1;\n\n  /* 玻璃由面板自身承担（wui-glass 提供背景/描边/阴影）。打开目标态 blur(4px)，\n     entering/closing 切到 blur(0px) 作为插值起点——blur(0px) 与 blur(4px) 平滑过渡\n     （none↔blur 不可插值才是当年生硬跳变的根因）。 */\n  /* stylelint-disable-next-line property-no-vendor-prefix */\n  -webkit-backdrop-filter: blur(4px) saturate(160%) brightness(var(--wui-glass-brightness, 1.06));\n  backdrop-filter: blur(4px) saturate(160%) brightness(var(--wui-glass-brightness, 1.06));\n\n  transition:\n    opacity var(--wui-internal-duration-float-enter, var(--wui-duration-float-enter, 160ms))\n      var(--wui-ease-enter, cubic-bezier(0.23, 1, 0.32, 1)),\n    -webkit-backdrop-filter var(--wui-internal-duration-float-enter, var(--wui-duration-float-enter, 160ms))\n      var(--wui-ease-enter, cubic-bezier(0.23, 1, 0.32, 1)),\n    backdrop-filter var(--wui-internal-duration-float-enter, var(--wui-duration-float-enter, 160ms))\n      var(--wui-ease-enter, cubic-bezier(0.23, 1, 0.32, 1)),\n    transform var(--wui-internal-duration-float-enter, var(--wui-duration-float-enter, 160ms))\n      var(--wui-ease-enter, cubic-bezier(0.23, 1, 0.32, 1));\n}\n\n.wui-floating-panel[data-wui-presence='entering'],\n.wui-floating-panel[data-wui-presence='closing'] {\n  transform: scale(var(--wui-scale-enter, 0.97));\n  opacity: 0;\n\n  /* stylelint-disable-next-line property-no-vendor-prefix */\n  -webkit-backdrop-filter: blur(0) saturate(160%) brightness(var(--wui-glass-brightness, 1.06));\n  backdrop-filter: blur(0) saturate(160%) brightness(var(--wui-glass-brightness, 1.06));\n}\n\n.wui-floating-panel[data-wui-presence='closing'] {\n  pointer-events: none;\n  transition-duration: var(--wui-internal-duration-float-exit, var(--wui-duration-float-exit, 120ms));\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .wui-floating-panel,\n  .wui-floating-panel[data-wui-presence='entering'],\n  .wui-floating-panel[data-wui-presence='closing'] {\n    transform: none;\n    transition-duration: 120ms;\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"overlay-motion.js","names":[],"sources":["../../src/assets/overlay-motion.css?inline"],"sourcesContent":["/*\n * 浮层面板共享动效（单层玻璃）。\n *\n * backdrop-filter 的 blur(0px) ↔ blur(4px) 在 Chrome/Safari 均平滑插值（Manager\n * 双引擎实测，Safari 逐帧采样 blur 值连续），当年「生硬跳变」的根因是 none↔blur\n * 不可插值，而不是 backdrop-filter 不可动画。因此面板自身直接承担玻璃：背景、\n * 阴影与 backdrop-filter 都在面板元素上（wui-glass 类也回面板），打开/关闭时\n * opacity 与 backdrop-filter 同步过渡，无需双层结构——双层带来的全部层间问题\n * （变白、关闭残影、双重模糊、阴影作用域承接）一并消失。\n */\n\n.wui-floating-panel {\n  transform-origin: var(--wui-internal-overlay-transform-origin, center);\n  transform: scale(1);\n\n  opacity: 1;\n\n  /* 玻璃由面板自身承担（wui-glass 提供背景/描边/阴影）。打开目标态 blur(4px)，\n     entering/closing 切到 blur(0px) 作为插值起点——blur(0px) 与 blur(4px) 平滑过渡\n     （none↔blur 不可插值才是当年生硬跳变的根因）。 */\n  backdrop-filter: blur(4px) saturate(160%) brightness(var(--wui-glass-brightness, 1.06));\n\n  /* transition 列表需手写 -webkit-backdrop-filter：lightningcss 不会在 transition\n   value 内追加 -webkit 项，iOS 16.4 上 blur 过渡依赖它（属性前缀会自动生成）。\n   缓动取 --wui-ease-float：--wui-ease-enter 会在开局就冲到 85% 进度，锚定面板的展开\n   需要可读的过程。 */\n  transition:\n    opacity var(--wui-internal-duration-float-enter, var(--wui-duration-float-enter, 240ms))\n      var(--wui-ease-float, cubic-bezier(0.4, 0.38, 0.2, 1)),\n    -webkit-backdrop-filter var(--wui-internal-duration-float-enter, var(--wui-duration-float-enter, 240ms))\n      var(--wui-ease-float, cubic-bezier(0.4, 0.38, 0.2, 1)),\n    backdrop-filter var(--wui-internal-duration-float-enter, var(--wui-duration-float-enter, 240ms))\n      var(--wui-ease-float, cubic-bezier(0.4, 0.38, 0.2, 1)),\n    transform var(--wui-internal-duration-float-enter, var(--wui-duration-float-enter, 240ms))\n      var(--wui-ease-float, cubic-bezier(0.4, 0.38, 0.2, 1));\n}\n\n.wui-floating-panel[data-wui-presence='entering'],\n.wui-floating-panel[data-wui-presence='closing'] {\n  transform: scale(var(--wui-scale-enter, 0.95));\n  opacity: 0;\n  backdrop-filter: blur(0) saturate(160%) brightness(var(--wui-glass-brightness, 1.06));\n}\n\n.wui-floating-panel[data-wui-presence='closing'] {\n  pointer-events: none;\n  transition-duration: var(--wui-internal-duration-float-exit, var(--wui-duration-float-exit, 160ms));\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .wui-floating-panel,\n  .wui-floating-panel[data-wui-presence='entering'],\n  .wui-floating-panel[data-wui-presence='closing'] {\n    transform: none;\n    transition-duration: 120ms;\n  }\n}\n"],"mappings":""}

package/dist/components/autocomplete/index.js

@@ -1,4 +1,4 @@
-import e from "../../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/decorate.js";
+import e from "../../_virtual/_@oxc-project_runtime@0.149.0/helpers/esm/decorate.js";
 import "../option/index.js";
 import t from "../../assets/glass.js";
 import n from "../../assets/overlay-motion.js";
@@ -87,7 +87,7 @@ var A = class extends r(y) {
 		}, this._onOptionUpdate = () => {
 			this._optionPortal.scheduleRefresh();
 		}, this._handleOptionPointerOver = (e) => {
-			e.pointerType !== "touch" && (!this._isOpen || !(e.currentTarget instanceof HTMLElement) || (this._activeIndex = -1, this._syncActiveOption()));
+			e.pointerType !== "touch" && this._isOpen && e.currentTarget instanceof HTMLElement && (this._activeIndex = -1, this._syncActiveOption());
 		}, this._handleOptionPointerDown = (e) => {
 			e.preventDefault();
 		}, this._onSlotChange = () => {
@@ -220,7 +220,7 @@ var A = class extends r(y) {
 	}
 	_syncValidity() {
 		let e = this._formAssociation.getInternals();
-		!e || typeof e.setValidity != "function" || (this._isDisabled || this.readonly || !this.required || this._value ? e.setValidity({}) : e.setValidity({ valueMissing: !0 }, "请输入内容"));
+		e && typeof e.setValidity == "function" && (this._isDisabled || this.readonly || !this.required || this._value ? e.setValidity({}) : e.setValidity({ valueMissing: !0 }, "请输入内容"));
 	}
 	_syncOpenAttribute() {
 		this.toggleAttribute("open", this._isOpen);

package/dist/components/autocomplete/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/autocomplete/index.ts"],"sourcesContent":["import { html, LitElement, nothing, type PropertyValues, unsafeCSS } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\nimport { ifDefined } from 'lit/directives/if-defined.js'\n\nimport '@/components/option'\nimport glass from '@/assets/glass.css?inline'\nimport overlayMotion from '@/assets/overlay-motion.css?inline'\nimport type { WebUiOption } from '@/components/option'\nimport { FormAssociated, defineFormAssociation, FormAssociationController } from '@/shared/form-association'\nimport { normalizeLiteral } from '@/shared/normalize'\nimport { dispatchOpenChangeEvent } from '@/shared/open-state'\nimport {\n  createComboboxOpenController,\n  createOptionListenerBinding,\n  handleComboboxFocusOut,\n  nextWrappingIndex\n} from '@/shared/option-portal'\nimport { defineOptionPortal } from '@/shared/option-portal'\nimport { defineAnchoredPanel } from '@/shared/overlay/anchored-panel'\nimport { overlayComposition } from '@/shared/overlay/composition'\nimport { applyOverlayVariables, defineOverlayPortal } from '@/shared/overlay/portal'\nimport type { OverlayContainer, OverlayPortal } from '@/shared/overlay/portal'\nimport { defineScrollLockLease } from '@/shared/scroll-lock/scroll-lock'\n\nimport style from './style.css?inline'\n\nconst FILTER_MODES = ['none', 'prefix', 'contains'] as const\ntype FilterMode = (typeof FILTER_MODES)[number]\n\nfunction isEmptySlotNode(node: Node): node is Element {\n  return node instanceof Element && node.getAttribute('slot') === 'empty'\n}\n\n/**\n * `web-ui-autocomplete`：可输入并过滤候选的单值选择器。\n *\n * 与 `web-ui-select` 共用 `<web-ui-option>` 子项注册协议与浮层能力，但触发区是\n * 可编辑输入框：`value` 即当前输入文本（表单值），键入时按 `filter` 模式过滤候选，\n * 选择 option 时文本回填为该项 label，`selected-value` 暴露该项的 value。\n * `allow-custom-value` 开启后，Enter 可把不匹配候选的原文作为 custom value 显式提交。\n */\n@customElement('web-ui-autocomplete')\nexport class WebUiAutocomplete extends FormAssociated(LitElement) {\n  static override styles = [unsafeCSS(glass), unsafeCSS(overlayMotion), unsafeCSS(style)]\n\n  @property({ type: String, reflect: true }) placeholder = ''\n  @property({ type: Boolean, reflect: true }) borderless = false\n  @property({ type: Boolean, reflect: true }) disabled = false\n  @property({ type: Boolean, reflect: true }) readonly = false\n  @property({ type: Boolean, reflect: true }) required = false\n  @property({ type: Boolean, reflect: true }) portal = false\n  @property({ type: Boolean, reflect: true, attribute: 'no-scroll-lock' })\n  noScrollLock = false\n  @property({ type: Boolean, reflect: true, attribute: 'allow-custom-value' })\n  allowCustomValue = false\n  @property({ attribute: false }) overlayContainer?: OverlayContainer\n  @property({ type: String, reflect: true }) name = ''\n  @property({ type: String, attribute: 'aria-label' }) override ariaLabel: string | null = null\n  @property({ type: String, attribute: 'aria-labelledby' }) ariaLabelledby: string | undefined\n\n  private _filter: FilterMode = 'contains'\n\n  @property({ type: String, reflect: true })\n  get filter(): FilterMode {\n    return this._filter\n  }\n  set filter(v: string) {\n    const old = this._filter\n    this._filter = normalizeLiteral(v, FILTER_MODES, 'contains')\n    this.requestUpdate('filter', old)\n  }\n\n  // value 不反射 attribute，attribute 只参与首次声明式初始化。\n  @state() private _value = ''\n\n  get value(): string {\n    return this._value\n  }\n  set value(v: string) {\n    const old = this._value\n    this._value = v\n    this._formAssociation.sync()\n    this.requestUpdate('value', old)\n  }\n\n  // selected-value：文本精确匹配 option label 时派生出的 option value（只读反射）。\n  @state() private _selectedValue = ''\n\n  get selectedValue(): string {\n    return this._selectedValue\n  }\n\n  private _setSelectedValue(value: string) {\n    const old = this._selectedValue\n    if (old === value && this.getAttribute('selected-value') === value) return\n\n    this._selectedValue = value\n    this.setAttribute('selected-value', value)\n    if (old !== value) this.requestUpdate('selectedValue', old)\n  }\n\n  private readonly _formAssociation = defineFormAssociation<string>({\n    host: this,\n    initialize: () => {\n      // 同步 HTML 属性中预设的 value，补全访问器模式不处理 attribute 反射。\n      const attrValue = this.getAttribute('value')\n      if (attrValue !== null) this._value = attrValue\n    },\n    getState: () => this._value,\n    setState: value => {\n      this.value = value\n    },\n    getFormValue: () => this._value,\n    getFormState: () => this._value,\n    restoreState: state => {\n      if (typeof state === 'string') this.value = state\n    },\n    syncValidity: () => this._syncValidity()\n  }).make()\n\n  private readonly _formAssociationController = new FormAssociationController(this, this._formAssociation)\n\n  private get _isDisabled(): boolean {\n    return this.disabled || this._formAssociation.isFormDisabled()\n  }\n\n  @state() private _isOpen = false\n  @state() private _activeIndex = -1\n  @state() private _focused = false\n\n  private static _nextInstanceId = 0\n  private readonly _idPrefix = `web-ui-autocomplete-${++WebUiAutocomplete._nextInstanceId}`\n  private readonly _a11yOptionIds = new WeakMap<WebUiOption, string>()\n  private _nextA11yOptionId = 0\n  private _options: WebUiOption[] = []\n  private _portal?: OverlayPortal\n  private _portalContent?: HTMLElement\n  private readonly _scrollLock = defineScrollLockLease().make()\n\n  // option 注册表 / portal 同步 / 微任务调度收敛到 shared 模块（select 同款）\n  private readonly _optionPortal = defineOptionPortal().make({\n    element: this,\n    idPrefix: `${this._idPrefix}-option`,\n    getPortal: () => this._portal,\n    getPortalContent: () => this._portalContent,\n    isOpen: () => this.portal && this._isOpen,\n    // 默认 slot 内容随面板迁移；slot=\"empty\" 由 autocomplete 单独迁移并恢复。\n    getMigratableNodes: () => Array.from(this.childNodes).filter(node => !isEmptySlotNode(node)),\n    hasUpdated: () => this.hasUpdated,\n    requestUpdate: () => this.requestUpdate(),\n    bindOption: option => this._bindOption(option),\n    unbindOption: option => this._unbindOption(option)\n  })\n  private readonly _panel = defineAnchoredPanel().make({\n    getAnchor: () => this.shadowRoot?.querySelector<HTMLElement>('.input-wrapper') ?? null,\n    getLocalPanel: () => this.shadowRoot?.querySelector<HTMLElement>('.autocomplete-overlay') ?? null,\n    getPositioning: () => ({\n      placement: 'bottom-start',\n      offset: 4,\n      minAnchorWidth: true,\n      strategy: this.portal ? 'fixed' : 'absolute'\n    }),\n    isPortal: () => this.portal,\n    createPortal: () => this._createPortal()\n  })\n\n  get isOpen(): boolean {\n    return this._isOpen\n  }\n\n  get open(): boolean {\n    return this._isOpen\n  }\n\n  private _onClickOutside = (e: MouseEvent) => {\n    if (!this._isOpen) return\n\n    const path = e.composedPath()\n    const panel = this._panel.getPanel()\n    if (!path.includes(this) && !(panel && overlayComposition.containsEvent(panel, e))) this._close()\n  }\n\n  private _onFocusOut = () => {\n    handleComboboxFocusOut(\n      this,\n      () => this._panel.getPanel(),\n      () => this._isOpen,\n      () => this._close()\n    )\n  }\n\n  private _handlePanelPointerDown = (e: PointerEvent) => {\n    // 非 option 区域不可聚焦；阻止 pointerdown 的默认聚焦行为，保持 combobox 焦点，\n    // 使点击 empty state、滚动区和面板 padding 不会被 focusout 误判为外部交互。\n    e.preventDefault()\n  }\n\n  override connectedCallback() {\n    super.connectedCallback()\n    this._optionPortal.bindHost()\n    this.addEventListener('keydown', this._onKeydown)\n    this.addEventListener('focusout', this._onFocusOut)\n    document.addEventListener('click', this._onClickOutside)\n  }\n\n  override attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null) {\n    super.attributeChangedCallback(name, oldValue, newValue)\n    if (name === 'selected-value' && this.isConnected && newValue !== this._selectedValue) {\n      queueMicrotask(() => {\n        if (this.isConnected) this._syncSelectedValue()\n      })\n    }\n  }\n\n  override disconnectedCallback() {\n    super.disconnectedCallback()\n    this._optionPortal.dispose()\n    this.removeEventListener('keydown', this._onKeydown)\n    this.removeEventListener('focusout', this._onFocusOut)\n    document.removeEventListener('click', this._onClickOutside)\n    this._options.forEach(this._unbindOption)\n    this._close()\n    this._portal = undefined\n    this._portalContent = undefined\n    this._panel.dispose()\n    this._scrollLock.release()\n  }\n\n  override firstUpdated() {\n    requestAnimationFrame(() => {\n      if (this.isConnected) this._optionPortal.scheduleRefresh()\n    })\n  }\n\n  override willUpdate() {\n    this._refreshOptions()\n    this._optionPortal.ensureOptionIds(this._options)\n    this._syncSelectedValue()\n    this._applyFilter()\n    this._syncOptionA11y()\n    this._syncActiveOption()\n  }\n\n  override updated(changed: PropertyValues) {\n    const input = this.shadowRoot?.querySelector<HTMLInputElement>('.autocomplete-input')\n    if (input && input.value !== this._value) input.value = this._value\n    if (changed.has('portal') || changed.has('overlayContainer'))\n      requestAnimationFrame(() => this._reconfigureOverlay())\n    if (changed.has('noScrollLock')) this._syncScrollLock()\n    this.toggleAttribute('focused', this._focused)\n    this._syncOpenAttribute()\n    this._syncValidity()\n    this._syncEmptyState()\n  }\n\n  override formDisabledCallback(disabled: boolean) {\n    this._formAssociation.setDisabled(disabled)\n    if (disabled && this._isOpen) this._close()\n  }\n\n  private _syncValidity() {\n    const internals = this._formAssociation.getInternals()\n    if (!internals || typeof internals.setValidity !== 'function') return\n    // readonly 与 disabled 一致：值不可由用户修改，视为通过校验（原生 barred-from-validation 语义）\n    if (this._isDisabled || this.readonly || !this.required || this._value) internals.setValidity({})\n    else internals.setValidity({ valueMissing: true }, '请输入内容')\n  }\n\n  private _syncOpenAttribute() {\n    this.toggleAttribute('open', this._isOpen)\n  }\n\n  private _syncSelectedValue() {\n    const query = this._value.trim().toLowerCase()\n    const next = query\n      ? (this._options.find(o => !o.disabled && o.label.trim().toLowerCase() === query)?.value ?? '')\n      : ''\n    this._setSelectedValue(next)\n  }\n\n  private _syncOptionA11y() {\n    this._options.forEach(o => {\n      o.setAttribute('role', 'option')\n      o.setAttribute('aria-selected', o.value === this._selectedValue ? 'true' : 'false')\n      o.setAttribute('aria-hidden', 'true')\n    })\n  }\n\n  private _getA11yOptionId(option: WebUiOption): string {\n    let id = this._a11yOptionIds.get(option)\n    if (!id) {\n      id = `${this._idPrefix}-a11y-option-${++this._nextA11yOptionId}`\n      this._a11yOptionIds.set(option, id)\n    }\n    return id\n  }\n\n  // 按当前文本与 filter 模式过滤候选，非匹配项以 data-filtered 隐藏并跳过导航\n  private _applyFilter() {\n    const query = this._value.trim().toLowerCase()\n    const mode = this._filter\n    this._options.forEach(o => {\n      const label = o.label.trim().toLowerCase()\n      const match = mode === 'none' || !query || (mode === 'prefix' ? label.startsWith(query) : label.includes(query))\n      o.toggleAttribute('data-filtered', !match)\n    })\n    // 活动项被过滤或禁用时清除键盘激活，避免激活不可见项\n    const active = this._options[this._activeIndex]\n    if (this._activeIndex >= 0 && (!active || active.hasAttribute('data-filtered') || active.disabled)) {\n      this._activeIndex = -1\n      this._syncActiveOption()\n    }\n  }\n\n  private _syncEmptyState() {\n    const panel = this._panel.getPanel()\n    const empty = panel?.querySelector<HTMLElement>('.autocomplete-empty')\n    const matching = this._options.filter(o => !o.hasAttribute('data-filtered'))\n    const hasEmpty = this._isOpen && this._options.length > 0 && matching.length === 0\n    if (empty) empty.hidden = !hasEmpty\n\n    const slot = this.shadowRoot?.querySelector<HTMLSlotElement>('slot[name=\"empty\"]')\n    const customText = slot\n      ?.assignedElements()\n      .map(element => element.textContent?.trim())\n      .filter(Boolean)\n      .join(' ')\n      .trim()\n    const message = customText || empty?.dataset.wuiA11yEmpty || '无匹配选项'\n    const a11yEmpty = this.shadowRoot?.querySelector<HTMLElement>('.autocomplete-empty-a11y')\n    if (a11yEmpty) {\n      a11yEmpty.textContent = message\n      a11yEmpty.hidden = !hasEmpty\n    }\n  }\n\n  private readonly _optionListeners = createOptionListenerBinding({\n    // 惰性解引用：handler 字段声明在后者仍可在调用期取到\n    onClick: event => this._handleOptionClick(event),\n    onPointerOver: event => this._handleOptionPointerOver(event),\n    onPointerDown: event => this._handleOptionPointerDown(event),\n    onUpdate: () => this._onOptionUpdate()\n  })\n  private _bindOption = (option: WebUiOption) => this._optionListeners.bind(option)\n  private _unbindOption = (option: WebUiOption) => this._optionListeners.unbind(option)\n\n  private _refreshOptions() {\n    const activeOption = this._options[this._activeIndex]\n    // diff 绑定/解绑与激活索引按 option 身份保持在 shared 内完成\n    const next = this._optionPortal.refresh(this._options, activeOption)\n    this._options = next.options\n    this._activeIndex = next.activeIndex\n  }\n\n  private _handleOptionClick = (e: Event) => {\n    if (!(e.currentTarget instanceof HTMLElement)) return\n    const option = e.currentTarget as WebUiOption\n    if (option.disabled) return\n    this._selectOption(option)\n  }\n\n  private _onOptionUpdate = () => {\n    this._optionPortal.scheduleRefresh()\n  }\n\n  private _handleOptionPointerOver = (e: PointerEvent) => {\n    if (e.pointerType === 'touch') return\n    if (!this._isOpen || !(e.currentTarget instanceof HTMLElement)) return\n\n    // 指针接管后只保留 :hover，避免键盘激活项与悬停项同时高亮。\n    this._activeIndex = -1\n    this._syncActiveOption()\n  }\n\n  private _handleOptionPointerDown = (e: PointerEvent) => {\n    // 保持输入框焦点，避免 focusout 在 click 前关闭浮层。\n    e.preventDefault()\n  }\n\n  // slotchange 不冒泡，只能由模板内 slot 自行监听；稳定引用避免 Lit 重挂载\n  private _onSlotChange = () => {\n    this._optionPortal.scheduleRefresh()\n  }\n\n  private _onKeydown = (e: KeyboardEvent) => {\n    if (this._isDisabled || this.readonly) return\n\n    switch (e.key) {\n      case 'Escape':\n        if (this._isOpen) {\n          this._close()\n          e.preventDefault()\n        }\n        break\n      case 'ArrowDown':\n        e.preventDefault()\n        if (!this._isOpen) this._open(true)\n        else this._navigateActive(1)\n        break\n      case 'ArrowUp':\n        e.preventDefault()\n        if (!this._isOpen) this._open(true)\n        else this._navigateActive(-1)\n        break\n      case 'Enter':\n        // 面板打开时接管 Enter：选择候选或提交 custom value；关闭时不拦截表单提交。\n        if (this._isOpen) {\n          e.preventDefault()\n          const option = this._options[this._activeIndex]\n          if (option && !option.disabled && !option.hasAttribute('data-filtered')) {\n            this._selectOption(option)\n            return\n          }\n\n          const exactOption = this._findExactOption(this._value)\n          if (exactOption) {\n            this._selectOption(exactOption)\n            return\n          }\n\n          if (this.allowCustomValue && this._value && !this._hasExactOption(this._value)) {\n            this._selectCustomValue()\n          }\n        }\n        break\n    }\n  }\n\n  private _navigateActive(delta: number) {\n    const enabled = this._options.filter(o => !o.disabled && !o.hasAttribute('data-filtered'))\n    if (!enabled.length) return\n\n    const currentIdx = this._activeIndex >= 0 ? enabled.indexOf(this._options[this._activeIndex]) : delta > 0 ? -1 : 0\n    this._activeIndex = this._options.indexOf(enabled[nextWrappingIndex(enabled.length, currentIdx, delta)])\n    this._syncActiveOption()\n  }\n\n  private _setInitialActiveOption() {\n    const firstEnabled = this._options.findIndex(o => !o.disabled && !o.hasAttribute('data-filtered'))\n    this._activeIndex = firstEnabled\n    this._syncActiveOption()\n  }\n\n  private _syncActiveOption() {\n    this._options.forEach((option, index) => option.toggleAttribute('active', index === this._activeIndex))\n  }\n\n  private _selectOption(option: WebUiOption) {\n    if (this.readonly) return\n    // value 即输入文本：选择后回填为 option label，selected-value 取 option value\n    this.value = option.label\n    this._setSelectedValue(option.value)\n    this._close()\n    this.dispatchEvent(new Event('input', { bubbles: true, composed: true }))\n    this.dispatchEvent(new Event('change', { bubbles: true, composed: true }))\n  }\n\n  private _findExactOption(value: string): WebUiOption | undefined {\n    const query = value.trim().toLowerCase()\n    if (!query) return undefined\n\n    return this._options.find(option => !option.disabled && option.label.trim().toLowerCase() === query)\n  }\n\n  private _hasExactOption(value: string): boolean {\n    const query = value.trim().toLowerCase()\n    return this._options.some(option => option.label.trim().toLowerCase() === query)\n  }\n\n  private _selectCustomValue() {\n    // Custom value 的 identity 由消费端管理；组件不隐式创建 option，selected-value 保持派生空值。\n    this._close()\n    this.dispatchEvent(new Event('input', { bubbles: true, composed: true }))\n    this.dispatchEvent(new Event('change', { bubbles: true, composed: true }))\n  }\n\n  private _onInput = (e: Event) => {\n    if (this._isDisabled || this.readonly) return\n    const input = e.target as HTMLInputElement\n    if (input.value === this._value) return\n    this.value = input.value\n    this._activeIndex = -1\n    this._syncActiveOption()\n    if (!this._isOpen) this._open()\n  }\n\n  // 内部原生 input 在失焦时也会派发 change；组件契约中 change 仅表示「选中提交」，\n  // 阻止原生 change 冒泡到宿主，避免消费端收到未选择时的 change。\n  private _onInnerChange = (e: Event) => {\n    e.stopPropagation()\n  }\n\n  private _onFocus = () => {\n    if (this._isDisabled) return\n    this._focused = true\n  }\n\n  private _onInputClick = () => {\n    if (this._isDisabled || this.readonly) return\n    if (this._options.length > 0) this._open()\n  }\n\n  private _onBlur = () => {\n    this._focused = false\n  }\n\n  // 开合生命周期不变量收敛在 shared combobox-shell；autocomplete 注入\n  // readonly guard 与 close 前的 portal 内容收敛钩子\n  private readonly _openController = createComboboxOpenController({\n    canOpen: () => !this._isDisabled && !this.readonly,\n    getIsOpen: () => this._isOpen,\n    setIsOpen: open => {\n      this._isOpen = open\n    },\n    dispatchOpenChange: () => this._dispatchOpenChange(),\n    syncScrollLock: open => this._syncScrollLock(open),\n    isPortal: () => this.portal,\n    openOverlay: isKeyboardNavigation => this._openOverlay(isKeyboardNavigation),\n    closeOverlay: () => void this._closeOverlay(),\n    onOpen: isKeyboardNavigation => {\n      if (isKeyboardNavigation) this._setInitialActiveOption()\n      else this._syncActiveOption()\n    },\n    onBeforeClose: () => {\n      // Portal 内容可能在当前微任务尚未完成同步；先把 light DOM 中新增或重排的节点\n      // 收回当前 content，再关闭并 restore，避免 restoreContent() 按旧 tracking 顺序把\n      // 新 option 插到旧 option 前面。\n      this._optionPortal.syncPortalContent()\n    },\n    onAfterClose: () => {\n      this._activeIndex = -1\n      this._options.forEach(o => o.removeAttribute('active'))\n    }\n  })\n\n  private _open(isKeyboardNavigation = false) {\n    this._openController.open(isKeyboardNavigation)\n  }\n\n  private _close() {\n    this._openController.close()\n  }\n\n  private _dispatchOpenChange() {\n    dispatchOpenChangeEvent(this, this._isOpen)\n  }\n\n  private _openOverlay(isKeyboardNavigation = false) {\n    this._panel.open(isKeyboardNavigation)\n    this._syncEmptyState()\n  }\n\n  private async _closeOverlay() {\n    const closed = await this._panel.close(() => this._isOpen)\n    if (closed) {\n      this._portal = undefined\n      this._portalContent = undefined\n    }\n  }\n\n  private _reconfigureOverlay() {\n    this._portal = undefined\n    this._portalContent = undefined\n    this._panel.reconfigure(this._isOpen)\n  }\n\n  private _syncScrollLock(isOpen = this._isOpen) {\n    this._scrollLock.sync(isOpen && !this.noScrollLock)\n  }\n\n  private _createPortal(): OverlayPortal {\n    const portal = defineOverlayPortal().make({\n      container: this.overlayContainer,\n      target: this,\n      style: `${glass}\\n${overlayMotion}\\n${style}`,\n      className: 'wui-glass autocomplete-overlay portal wui-floating-panel',\n      onContentChange: mutations => {\n        this._optionPortal.scheduleRefresh()\n        const removedEmptyNodes = mutations.flatMap(mutation => [...mutation.removedNodes]).filter(isEmptySlotNode)\n        if (removedEmptyNodes.length) {\n          this._portal?.removeContent(removedEmptyNodes)\n          const empty = this._portal?.panel.querySelector<HTMLElement>('.autocomplete-empty')\n          if (empty) {\n            empty.textContent = '无匹配选项'\n            empty.dataset.wuiA11yEmpty = '无匹配选项'\n          }\n          // 只改 panel 内 dataset 不会触发 Lit update；同步刷新 shadow 内 role=status 空态。\n          this._syncEmptyState()\n        }\n      }\n    })\n    this._portal = portal\n    applyOverlayVariables(portal.panel, this, [\n      '--wui-overlay-min-width',\n      '--wui-autocomplete-max-width',\n      '--wui-autocomplete-max-height'\n    ])\n    portal.panel.setAttribute('aria-hidden', 'true')\n    portal.panel.addEventListener('pointerdown', this._handlePanelPointerDown)\n    const scroll = document.createElement('div')\n    scroll.className = 'autocomplete-scroll'\n    const content = document.createElement('div')\n    content.className = 'autocomplete-content'\n    this._portalContent = content\n    const empty = document.createElement('div')\n    empty.className = 'autocomplete-empty'\n    empty.hidden = true\n    empty.dataset.wuiA11yEmpty = this._getEmptySlotText()\n    scroll.append(content)\n    content.append(empty)\n    portal.panel.append(scroll)\n    for (const node of Array.from(this.childNodes)) {\n      // 框架注释锚点（v-if/v-for 占位）必须留在宿主：锚点进面板后 Vue 下次翻转\n      // 会以面板内节点为插入基准；portal 的 marker 注释同理不参与迁移。\n      if (node instanceof Comment) continue\n      if (isEmptySlotNode(node)) portal.appendContent([node], empty)\n      else portal.appendContent([node], content)\n    }\n    return portal\n  }\n\n  private _getLabelledbyText(): string {\n    if (!this.ariaLabelledby) return ''\n\n    const root = this.getRootNode()\n    if (!(root instanceof Document || root instanceof ShadowRoot)) return ''\n\n    return this.ariaLabelledby\n      .trim()\n      .split(/\\s+/)\n      .map(id => {\n        const escapedId = typeof CSS !== 'undefined' && CSS.escape ? CSS.escape(id) : id\n        return root.querySelector(`#${escapedId}`)?.textContent?.trim() ?? ''\n      })\n      .filter(Boolean)\n      .join(' ')\n  }\n\n  private _getEmptySlotText(): string {\n    const slot = this.shadowRoot?.querySelector<HTMLSlotElement>('slot[name=\"empty\"]')\n    const text = slot\n      ?.assignedElements()\n      .map(element => element.textContent?.trim())\n      .filter(Boolean)\n      .join(' ')\n      .trim()\n    return text || '无匹配选项'\n  }\n\n  override render() {\n    const listboxId = `${this._idPrefix}-listbox`\n    const labelId = `${this._idPrefix}-label`\n    const labelledbyText = this._getLabelledbyText()\n    const visibleOptions = this._options.filter(option => !option.hasAttribute('data-filtered'))\n    const activeOption = this._isOpen && this._activeIndex >= 0 ? this._options[this._activeIndex] : undefined\n    const activeDescendant = activeOption ? this._getA11yOptionId(activeOption) : nothing\n\n    return html`\n      <div class=\"wui-autocomplete-inner\">\n        ${labelledbyText ? html`<span class=\"autocomplete-a11y-only\" id=${labelId}>${labelledbyText}</span>` : nothing}\n        <div class=\"wui-glass input-wrapper\">\n          <input\n            class=\"autocomplete-input\"\n            type=\"text\"\n            placeholder=${this.placeholder}\n            name=${this.name}\n            .value=${this._value}\n            aria-label=${ifDefined(this.ariaLabel)}\n            aria-labelledby=${labelledbyText ? labelId : nothing}\n            ?disabled=${this._isDisabled}\n            ?readonly=${this.readonly}\n            ?required=${this.required}\n            role=\"combobox\"\n            aria-expanded=${this._isOpen}\n            aria-haspopup=\"listbox\"\n            aria-autocomplete=\"list\"\n            aria-controls=${listboxId}\n            aria-disabled=${String(this._isDisabled)}\n            aria-readonly=${this.readonly ? 'true' : nothing}\n            aria-activedescendant=${activeDescendant}\n            @input=${this._onInput}\n            @change=${this._onInnerChange}\n            @click=${this._onInputClick}\n            @focus=${this._onFocus}\n            @blur=${this._onBlur}\n          />\n        </div>\n        <div\n          class=\"autocomplete-a11y-listbox\"\n          id=${listboxId}\n          role=\"listbox\"\n          ?hidden=${!this._isOpen}\n          aria-hidden=${String(!this._isOpen)}\n        >\n          ${visibleOptions.map(\n            option =>\n              html`<div\n                id=${this._getA11yOptionId(option)}\n                role=\"option\"\n                aria-selected=${option.value === this._selectedValue ? 'true' : 'false'}\n                aria-hidden=${String(!this._isOpen)}\n                aria-disabled=${String(option.disabled)}\n              >\n                ${option.label}\n              </div>`\n          )}\n        </div>\n        <div class=\"autocomplete-a11y-only autocomplete-empty-a11y\" role=\"status\" hidden></div>\n        <div\n          class=\"autocomplete-overlay wui-floating-panel wui-glass\"\n          hidden\n          aria-hidden=\"true\"\n          @pointerdown=${this._handlePanelPointerDown}\n        >\n          <div class=\"autocomplete-scroll\">\n            <div class=\"autocomplete-content\">\n              <slot @slotchange=${this._onSlotChange}></slot>\n              <div class=\"autocomplete-empty\" hidden>\n                <slot name=\"empty\">无匹配选项</slot>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    `\n  }\n\n  declare readonly $events: {\n    input: Event\n    change: Event\n    focus: FocusEvent\n    blur: FocusEvent\n    'open-change': CustomEvent<{ open: boolean }>\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'web-ui-autocomplete': WebUiAutocomplete\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/autocomplete/index.ts"],"sourcesContent":["import { html, LitElement, nothing, type PropertyValues, unsafeCSS } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\nimport { ifDefined } from 'lit/directives/if-defined.js'\n\nimport '@/components/option'\nimport glass from '@/assets/glass.css?inline'\nimport overlayMotion from '@/assets/overlay-motion.css?inline'\nimport type { WebUiOption } from '@/components/option'\nimport { FormAssociated, defineFormAssociation, FormAssociationController } from '@/shared/form-association'\nimport { normalizeLiteral } from '@/shared/normalize'\nimport { dispatchOpenChangeEvent } from '@/shared/open-state'\nimport {\n  createComboboxOpenController,\n  createOptionListenerBinding,\n  handleComboboxFocusOut,\n  nextWrappingIndex\n} from '@/shared/option-portal'\nimport { defineOptionPortal } from '@/shared/option-portal'\nimport { defineAnchoredPanel } from '@/shared/overlay/anchored-panel'\nimport { overlayComposition } from '@/shared/overlay/composition'\nimport { applyOverlayVariables, defineOverlayPortal } from '@/shared/overlay/portal'\nimport type { OverlayContainer, OverlayPortal } from '@/shared/overlay/portal'\nimport { defineScrollLockLease } from '@/shared/scroll-lock/scroll-lock'\n\nimport style from './style.css?inline'\n\nconst FILTER_MODES = ['none', 'prefix', 'contains'] as const\ntype FilterMode = (typeof FILTER_MODES)[number]\n\nfunction isEmptySlotNode(node: Node): node is Element {\n  return node instanceof Element && node.getAttribute('slot') === 'empty'\n}\n\n/**\n * `web-ui-autocomplete`：可输入并过滤候选的单值选择器。\n *\n * 与 `web-ui-select` 共用 `<web-ui-option>` 子项注册协议与浮层能力，但触发区是\n * 可编辑输入框：`value` 即当前输入文本（表单值），键入时按 `filter` 模式过滤候选，\n * 选择 option 时文本回填为该项 label，`selected-value` 暴露该项的 value。\n * `allow-custom-value` 开启后，Enter 可把不匹配候选的原文作为 custom value 显式提交。\n */\n@customElement('web-ui-autocomplete')\nexport class WebUiAutocomplete extends FormAssociated(LitElement) {\n  static override styles = [unsafeCSS(glass), unsafeCSS(overlayMotion), unsafeCSS(style)]\n\n  @property({ type: String, reflect: true }) placeholder = ''\n  @property({ type: Boolean, reflect: true }) borderless = false\n  @property({ type: Boolean, reflect: true }) disabled = false\n  @property({ type: Boolean, reflect: true }) readonly = false\n  @property({ type: Boolean, reflect: true }) required = false\n  @property({ type: Boolean, reflect: true }) portal = false\n  @property({ type: Boolean, reflect: true, attribute: 'no-scroll-lock' })\n  noScrollLock = false\n  @property({ type: Boolean, reflect: true, attribute: 'allow-custom-value' })\n  allowCustomValue = false\n  @property({ attribute: false }) overlayContainer?: OverlayContainer\n  @property({ type: String, reflect: true }) name = ''\n  @property({ type: String, attribute: 'aria-label' }) override ariaLabel: string | null = null\n  @property({ type: String, attribute: 'aria-labelledby' }) ariaLabelledby: string | undefined\n\n  private _filter: FilterMode = 'contains'\n\n  @property({ type: String, reflect: true })\n  get filter(): FilterMode {\n    return this._filter\n  }\n  set filter(v: string) {\n    const old = this._filter\n    this._filter = normalizeLiteral(v, FILTER_MODES, 'contains')\n    this.requestUpdate('filter', old)\n  }\n\n  // value 不反射 attribute，attribute 只参与首次声明式初始化。\n  @state() private _value = ''\n\n  get value(): string {\n    return this._value\n  }\n  set value(v: string) {\n    const old = this._value\n    this._value = v\n    this._formAssociation.sync()\n    this.requestUpdate('value', old)\n  }\n\n  // selected-value：文本精确匹配 option label 时派生出的 option value（只读反射）。\n  @state() private _selectedValue = ''\n\n  get selectedValue(): string {\n    return this._selectedValue\n  }\n\n  private _setSelectedValue(value: string) {\n    const old = this._selectedValue\n    if (old === value && this.getAttribute('selected-value') === value) return\n\n    this._selectedValue = value\n    this.setAttribute('selected-value', value)\n    if (old !== value) this.requestUpdate('selectedValue', old)\n  }\n\n  private readonly _formAssociation = defineFormAssociation<string>({\n    host: this,\n    initialize: () => {\n      // 同步 HTML 属性中预设的 value，补全访问器模式不处理 attribute 反射。\n      const attrValue = this.getAttribute('value')\n      if (attrValue !== null) this._value = attrValue\n    },\n    getState: () => this._value,\n    setState: value => {\n      this.value = value\n    },\n    getFormValue: () => this._value,\n    getFormState: () => this._value,\n    restoreState: state => {\n      if (typeof state === 'string') this.value = state\n    },\n    syncValidity: () => this._syncValidity()\n  }).make()\n\n  private readonly _formAssociationController = new FormAssociationController(this, this._formAssociation)\n\n  private get _isDisabled(): boolean {\n    return this.disabled || this._formAssociation.isFormDisabled()\n  }\n\n  @state() private _isOpen = false\n  @state() private _activeIndex = -1\n  @state() private _focused = false\n\n  private static _nextInstanceId = 0\n  private readonly _idPrefix = `web-ui-autocomplete-${++WebUiAutocomplete._nextInstanceId}`\n  private readonly _a11yOptionIds = new WeakMap<WebUiOption, string>()\n  private _nextA11yOptionId = 0\n  private _options: WebUiOption[] = []\n  private _portal?: OverlayPortal\n  private _portalContent?: HTMLElement\n  private readonly _scrollLock = defineScrollLockLease().make()\n\n  // option 注册表 / portal 同步 / 微任务调度收敛到 shared 模块（select 同款）\n  private readonly _optionPortal = defineOptionPortal().make({\n    element: this,\n    idPrefix: `${this._idPrefix}-option`,\n    getPortal: () => this._portal,\n    getPortalContent: () => this._portalContent,\n    isOpen: () => this.portal && this._isOpen,\n    // 默认 slot 内容随面板迁移；slot=\"empty\" 由 autocomplete 单独迁移并恢复。\n    getMigratableNodes: () => Array.from(this.childNodes).filter(node => !isEmptySlotNode(node)),\n    hasUpdated: () => this.hasUpdated,\n    requestUpdate: () => this.requestUpdate(),\n    bindOption: option => this._bindOption(option),\n    unbindOption: option => this._unbindOption(option)\n  })\n  private readonly _panel = defineAnchoredPanel().make({\n    getAnchor: () => this.shadowRoot?.querySelector<HTMLElement>('.input-wrapper') ?? null,\n    getLocalPanel: () => this.shadowRoot?.querySelector<HTMLElement>('.autocomplete-overlay') ?? null,\n    getPositioning: () => ({\n      placement: 'bottom-start',\n      offset: 4,\n      minAnchorWidth: true,\n      strategy: this.portal ? 'fixed' : 'absolute'\n    }),\n    isPortal: () => this.portal,\n    createPortal: () => this._createPortal()\n  })\n\n  get isOpen(): boolean {\n    return this._isOpen\n  }\n\n  get open(): boolean {\n    return this._isOpen\n  }\n\n  private _onClickOutside = (e: MouseEvent) => {\n    if (!this._isOpen) return\n\n    const path = e.composedPath()\n    const panel = this._panel.getPanel()\n    if (!path.includes(this) && !(panel && overlayComposition.containsEvent(panel, e))) this._close()\n  }\n\n  private _onFocusOut = () => {\n    handleComboboxFocusOut(\n      this,\n      () => this._panel.getPanel(),\n      () => this._isOpen,\n      () => this._close()\n    )\n  }\n\n  private _handlePanelPointerDown = (e: PointerEvent) => {\n    // 非 option 区域不可聚焦；阻止 pointerdown 的默认聚焦行为，保持 combobox 焦点，\n    // 使点击 empty state、滚动区和面板 padding 不会被 focusout 误判为外部交互。\n    e.preventDefault()\n  }\n\n  override connectedCallback() {\n    super.connectedCallback()\n    this._optionPortal.bindHost()\n    this.addEventListener('keydown', this._onKeydown)\n    this.addEventListener('focusout', this._onFocusOut)\n    document.addEventListener('click', this._onClickOutside)\n  }\n\n  override attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null) {\n    super.attributeChangedCallback(name, oldValue, newValue)\n    if (name === 'selected-value' && this.isConnected && newValue !== this._selectedValue) {\n      queueMicrotask(() => {\n        if (this.isConnected) this._syncSelectedValue()\n      })\n    }\n  }\n\n  override disconnectedCallback() {\n    super.disconnectedCallback()\n    this._optionPortal.dispose()\n    this.removeEventListener('keydown', this._onKeydown)\n    this.removeEventListener('focusout', this._onFocusOut)\n    document.removeEventListener('click', this._onClickOutside)\n    this._options.forEach(this._unbindOption)\n    this._close()\n    this._portal = undefined\n    this._portalContent = undefined\n    this._panel.dispose()\n    this._scrollLock.release()\n  }\n\n  override firstUpdated() {\n    requestAnimationFrame(() => {\n      if (this.isConnected) this._optionPortal.scheduleRefresh()\n    })\n  }\n\n  override willUpdate() {\n    this._refreshOptions()\n    this._optionPortal.ensureOptionIds(this._options)\n    this._syncSelectedValue()\n    this._applyFilter()\n    this._syncOptionA11y()\n    this._syncActiveOption()\n  }\n\n  override updated(changed: PropertyValues) {\n    const input = this.shadowRoot?.querySelector<HTMLInputElement>('.autocomplete-input')\n    if (input && input.value !== this._value) input.value = this._value\n    if (changed.has('portal') || changed.has('overlayContainer'))\n      requestAnimationFrame(() => this._reconfigureOverlay())\n    if (changed.has('noScrollLock')) this._syncScrollLock()\n    this.toggleAttribute('focused', this._focused)\n    this._syncOpenAttribute()\n    this._syncValidity()\n    this._syncEmptyState()\n  }\n\n  override formDisabledCallback(disabled: boolean) {\n    this._formAssociation.setDisabled(disabled)\n    if (disabled && this._isOpen) this._close()\n  }\n\n  private _syncValidity() {\n    const internals = this._formAssociation.getInternals()\n    if (!internals || typeof internals.setValidity !== 'function') return\n    // readonly 与 disabled 一致：值不可由用户修改，视为通过校验（原生 barred-from-validation 语义）\n    if (this._isDisabled || this.readonly || !this.required || this._value) internals.setValidity({})\n    else internals.setValidity({ valueMissing: true }, '请输入内容')\n  }\n\n  private _syncOpenAttribute() {\n    this.toggleAttribute('open', this._isOpen)\n  }\n\n  private _syncSelectedValue() {\n    const query = this._value.trim().toLowerCase()\n    const next = query\n      ? (this._options.find(o => !o.disabled && o.label.trim().toLowerCase() === query)?.value ?? '')\n      : ''\n    this._setSelectedValue(next)\n  }\n\n  private _syncOptionA11y() {\n    this._options.forEach(o => {\n      o.setAttribute('role', 'option')\n      o.setAttribute('aria-selected', o.value === this._selectedValue ? 'true' : 'false')\n      o.setAttribute('aria-hidden', 'true')\n    })\n  }\n\n  private _getA11yOptionId(option: WebUiOption): string {\n    let id = this._a11yOptionIds.get(option)\n    if (!id) {\n      id = `${this._idPrefix}-a11y-option-${++this._nextA11yOptionId}`\n      this._a11yOptionIds.set(option, id)\n    }\n    return id\n  }\n\n  // 按当前文本与 filter 模式过滤候选，非匹配项以 data-filtered 隐藏并跳过导航\n  private _applyFilter() {\n    const query = this._value.trim().toLowerCase()\n    const mode = this._filter\n    this._options.forEach(o => {\n      const label = o.label.trim().toLowerCase()\n      const match = mode === 'none' || !query || (mode === 'prefix' ? label.startsWith(query) : label.includes(query))\n      o.toggleAttribute('data-filtered', !match)\n    })\n    // 活动项被过滤或禁用时清除键盘激活，避免激活不可见项\n    const active = this._options[this._activeIndex]\n    if (this._activeIndex >= 0 && (!active || active.hasAttribute('data-filtered') || active.disabled)) {\n      this._activeIndex = -1\n      this._syncActiveOption()\n    }\n  }\n\n  private _syncEmptyState() {\n    const panel = this._panel.getPanel()\n    const empty = panel?.querySelector<HTMLElement>('.autocomplete-empty')\n    const matching = this._options.filter(o => !o.hasAttribute('data-filtered'))\n    const hasEmpty = this._isOpen && this._options.length > 0 && matching.length === 0\n    if (empty) empty.hidden = !hasEmpty\n\n    const slot = this.shadowRoot?.querySelector<HTMLSlotElement>('slot[name=\"empty\"]')\n    const customText = slot\n      ?.assignedElements()\n      .map(element => element.textContent?.trim())\n      .filter(Boolean)\n      .join(' ')\n      .trim()\n    const message = customText || empty?.dataset.wuiA11yEmpty || '无匹配选项'\n    const a11yEmpty = this.shadowRoot?.querySelector<HTMLElement>('.autocomplete-empty-a11y')\n    if (a11yEmpty) {\n      a11yEmpty.textContent = message\n      a11yEmpty.hidden = !hasEmpty\n    }\n  }\n\n  private readonly _optionListeners = createOptionListenerBinding({\n    // 惰性解引用：handler 字段声明在后者仍可在调用期取到\n    onClick: event => this._handleOptionClick(event),\n    onPointerOver: event => this._handleOptionPointerOver(event),\n    onPointerDown: event => this._handleOptionPointerDown(event),\n    onUpdate: () => this._onOptionUpdate()\n  })\n  private _bindOption = (option: WebUiOption) => this._optionListeners.bind(option)\n  private _unbindOption = (option: WebUiOption) => this._optionListeners.unbind(option)\n\n  private _refreshOptions() {\n    const activeOption = this._options[this._activeIndex]\n    // diff 绑定/解绑与激活索引按 option 身份保持在 shared 内完成\n    const next = this._optionPortal.refresh(this._options, activeOption)\n    this._options = next.options\n    this._activeIndex = next.activeIndex\n  }\n\n  private _handleOptionClick = (e: Event) => {\n    if (!(e.currentTarget instanceof HTMLElement)) return\n    const option = e.currentTarget as WebUiOption\n    if (option.disabled) return\n    this._selectOption(option)\n  }\n\n  private _onOptionUpdate = () => {\n    this._optionPortal.scheduleRefresh()\n  }\n\n  private _handleOptionPointerOver = (e: PointerEvent) => {\n    if (e.pointerType === 'touch') return\n    if (!this._isOpen || !(e.currentTarget instanceof HTMLElement)) return\n\n    // 指针接管后只保留 :hover，避免键盘激活项与悬停项同时高亮。\n    this._activeIndex = -1\n    this._syncActiveOption()\n  }\n\n  private _handleOptionPointerDown = (e: PointerEvent) => {\n    // 保持输入框焦点，避免 focusout 在 click 前关闭浮层。\n    e.preventDefault()\n  }\n\n  // slotchange 不冒泡，只能由模板内 slot 自行监听；稳定引用避免 Lit 重挂载\n  private _onSlotChange = () => {\n    this._optionPortal.scheduleRefresh()\n  }\n\n  private _onKeydown = (e: KeyboardEvent) => {\n    if (this._isDisabled || this.readonly) return\n\n    switch (e.key) {\n      case 'Escape':\n        if (this._isOpen) {\n          this._close()\n          e.preventDefault()\n        }\n        break\n      case 'ArrowDown':\n        e.preventDefault()\n        if (!this._isOpen) this._open(true)\n        else this._navigateActive(1)\n        break\n      case 'ArrowUp':\n        e.preventDefault()\n        if (!this._isOpen) this._open(true)\n        else this._navigateActive(-1)\n        break\n      case 'Enter':\n        // 面板打开时接管 Enter：选择候选或提交 custom value；关闭时不拦截表单提交。\n        if (this._isOpen) {\n          e.preventDefault()\n          const option = this._options[this._activeIndex]\n          if (option && !option.disabled && !option.hasAttribute('data-filtered')) {\n            this._selectOption(option)\n            return\n          }\n\n          const exactOption = this._findExactOption(this._value)\n          if (exactOption) {\n            this._selectOption(exactOption)\n            return\n          }\n\n          if (this.allowCustomValue && this._value && !this._hasExactOption(this._value)) {\n            this._selectCustomValue()\n          }\n        }\n        break\n    }\n  }\n\n  private _navigateActive(delta: number) {\n    const enabled = this._options.filter(o => !o.disabled && !o.hasAttribute('data-filtered'))\n    if (!enabled.length) return\n\n    const currentIdx = this._activeIndex >= 0 ? enabled.indexOf(this._options[this._activeIndex]) : delta > 0 ? -1 : 0\n    this._activeIndex = this._options.indexOf(enabled[nextWrappingIndex(enabled.length, currentIdx, delta)])\n    this._syncActiveOption()\n  }\n\n  private _setInitialActiveOption() {\n    const firstEnabled = this._options.findIndex(o => !o.disabled && !o.hasAttribute('data-filtered'))\n    this._activeIndex = firstEnabled\n    this._syncActiveOption()\n  }\n\n  private _syncActiveOption() {\n    this._options.forEach((option, index) => option.toggleAttribute('active', index === this._activeIndex))\n  }\n\n  private _selectOption(option: WebUiOption) {\n    if (this.readonly) return\n    // value 即输入文本：选择后回填为 option label，selected-value 取 option value\n    this.value = option.label\n    this._setSelectedValue(option.value)\n    this._close()\n    this.dispatchEvent(new Event('input', { bubbles: true, composed: true }))\n    this.dispatchEvent(new Event('change', { bubbles: true, composed: true }))\n  }\n\n  private _findExactOption(value: string): WebUiOption | undefined {\n    const query = value.trim().toLowerCase()\n    if (!query) return undefined\n\n    return this._options.find(option => !option.disabled && option.label.trim().toLowerCase() === query)\n  }\n\n  private _hasExactOption(value: string): boolean {\n    const query = value.trim().toLowerCase()\n    return this._options.some(option => option.label.trim().toLowerCase() === query)\n  }\n\n  private _selectCustomValue() {\n    // Custom value 的 identity 由消费端管理；组件不隐式创建 option，selected-value 保持派生空值。\n    this._close()\n    this.dispatchEvent(new Event('input', { bubbles: true, composed: true }))\n    this.dispatchEvent(new Event('change', { bubbles: true, composed: true }))\n  }\n\n  private _onInput = (e: Event) => {\n    if (this._isDisabled || this.readonly) return\n    const input = e.target as HTMLInputElement\n    if (input.value === this._value) return\n    this.value = input.value\n    this._activeIndex = -1\n    this._syncActiveOption()\n    if (!this._isOpen) this._open()\n  }\n\n  // 内部原生 input 在失焦时也会派发 change；组件契约中 change 仅表示「选中提交」，\n  // 阻止原生 change 冒泡到宿主，避免消费端收到未选择时的 change。\n  private _onInnerChange = (e: Event) => {\n    e.stopPropagation()\n  }\n\n  private _onFocus = () => {\n    if (this._isDisabled) return\n    this._focused = true\n  }\n\n  private _onInputClick = () => {\n    if (this._isDisabled || this.readonly) return\n    if (this._options.length > 0) this._open()\n  }\n\n  private _onBlur = () => {\n    this._focused = false\n  }\n\n  // 开合生命周期不变量收敛在 shared combobox-shell；autocomplete 注入\n  // readonly guard 与 close 前的 portal 内容收敛钩子\n  private readonly _openController = createComboboxOpenController({\n    canOpen: () => !this._isDisabled && !this.readonly,\n    getIsOpen: () => this._isOpen,\n    setIsOpen: open => {\n      this._isOpen = open\n    },\n    dispatchOpenChange: () => this._dispatchOpenChange(),\n    syncScrollLock: open => this._syncScrollLock(open),\n    isPortal: () => this.portal,\n    openOverlay: isKeyboardNavigation => this._openOverlay(isKeyboardNavigation),\n    closeOverlay: () => void this._closeOverlay(),\n    onOpen: isKeyboardNavigation => {\n      if (isKeyboardNavigation) this._setInitialActiveOption()\n      else this._syncActiveOption()\n    },\n    onBeforeClose: () => {\n      // Portal 内容可能在当前微任务尚未完成同步；先把 light DOM 中新增或重排的节点\n      // 收回当前 content，再关闭并 restore，避免 restoreContent() 按旧 tracking 顺序把\n      // 新 option 插到旧 option 前面。\n      this._optionPortal.syncPortalContent()\n    },\n    onAfterClose: () => {\n      this._activeIndex = -1\n      this._options.forEach(o => o.removeAttribute('active'))\n    }\n  })\n\n  private _open(isKeyboardNavigation = false) {\n    this._openController.open(isKeyboardNavigation)\n  }\n\n  private _close() {\n    this._openController.close()\n  }\n\n  private _dispatchOpenChange() {\n    dispatchOpenChangeEvent(this, this._isOpen)\n  }\n\n  private _openOverlay(isKeyboardNavigation = false) {\n    this._panel.open(isKeyboardNavigation)\n    this._syncEmptyState()\n  }\n\n  private async _closeOverlay() {\n    const closed = await this._panel.close(() => this._isOpen)\n    if (closed) {\n      this._portal = undefined\n      this._portalContent = undefined\n    }\n  }\n\n  private _reconfigureOverlay() {\n    this._portal = undefined\n    this._portalContent = undefined\n    this._panel.reconfigure(this._isOpen)\n  }\n\n  private _syncScrollLock(isOpen = this._isOpen) {\n    this._scrollLock.sync(isOpen && !this.noScrollLock)\n  }\n\n  private _createPortal(): OverlayPortal {\n    const portal = defineOverlayPortal().make({\n      container: this.overlayContainer,\n      target: this,\n      style: `${glass}\\n${overlayMotion}\\n${style}`,\n      className: 'wui-glass autocomplete-overlay portal wui-floating-panel',\n      onContentChange: mutations => {\n        this._optionPortal.scheduleRefresh()\n        const removedEmptyNodes = mutations.flatMap(mutation => [...mutation.removedNodes]).filter(isEmptySlotNode)\n        if (removedEmptyNodes.length) {\n          this._portal?.removeContent(removedEmptyNodes)\n          const empty = this._portal?.panel.querySelector<HTMLElement>('.autocomplete-empty')\n          if (empty) {\n            empty.textContent = '无匹配选项'\n            empty.dataset.wuiA11yEmpty = '无匹配选项'\n          }\n          // 只改 panel 内 dataset 不会触发 Lit update；同步刷新 shadow 内 role=status 空态。\n          this._syncEmptyState()\n        }\n      }\n    })\n    this._portal = portal\n    applyOverlayVariables(portal.panel, this, [\n      '--wui-overlay-min-width',\n      '--wui-autocomplete-max-width',\n      '--wui-autocomplete-max-height'\n    ])\n    portal.panel.setAttribute('aria-hidden', 'true')\n    portal.panel.addEventListener('pointerdown', this._handlePanelPointerDown)\n    const scroll = document.createElement('div')\n    scroll.className = 'autocomplete-scroll'\n    const content = document.createElement('div')\n    content.className = 'autocomplete-content'\n    this._portalContent = content\n    const empty = document.createElement('div')\n    empty.className = 'autocomplete-empty'\n    empty.hidden = true\n    empty.dataset.wuiA11yEmpty = this._getEmptySlotText()\n    scroll.append(content)\n    content.append(empty)\n    portal.panel.append(scroll)\n    for (const node of Array.from(this.childNodes)) {\n      // 框架注释锚点（v-if/v-for 占位）必须留在宿主：锚点进面板后 Vue 下次翻转\n      // 会以面板内节点为插入基准；portal 的 marker 注释同理不参与迁移。\n      if (node instanceof Comment) continue\n      if (isEmptySlotNode(node)) portal.appendContent([node], empty)\n      else portal.appendContent([node], content)\n    }\n    return portal\n  }\n\n  private _getLabelledbyText(): string {\n    if (!this.ariaLabelledby) return ''\n\n    const root = this.getRootNode()\n    if (!(root instanceof Document || root instanceof ShadowRoot)) return ''\n\n    return this.ariaLabelledby\n      .trim()\n      .split(/\\s+/)\n      .map(id => {\n        const escapedId = typeof CSS !== 'undefined' && CSS.escape ? CSS.escape(id) : id\n        return root.querySelector(`#${escapedId}`)?.textContent?.trim() ?? ''\n      })\n      .filter(Boolean)\n      .join(' ')\n  }\n\n  private _getEmptySlotText(): string {\n    const slot = this.shadowRoot?.querySelector<HTMLSlotElement>('slot[name=\"empty\"]')\n    const text = slot\n      ?.assignedElements()\n      .map(element => element.textContent?.trim())\n      .filter(Boolean)\n      .join(' ')\n      .trim()\n    return text || '无匹配选项'\n  }\n\n  override render() {\n    const listboxId = `${this._idPrefix}-listbox`\n    const labelId = `${this._idPrefix}-label`\n    const labelledbyText = this._getLabelledbyText()\n    const visibleOptions = this._options.filter(option => !option.hasAttribute('data-filtered'))\n    const activeOption = this._isOpen && this._activeIndex >= 0 ? this._options[this._activeIndex] : undefined\n    const activeDescendant = activeOption ? this._getA11yOptionId(activeOption) : nothing\n\n    return html`\n      <div class=\"wui-autocomplete-inner\">\n        ${labelledbyText ? html`<span class=\"autocomplete-a11y-only\" id=${labelId}>${labelledbyText}</span>` : nothing}\n        <div class=\"wui-glass input-wrapper\">\n          <input\n            class=\"autocomplete-input\"\n            type=\"text\"\n            placeholder=${this.placeholder}\n            name=${this.name}\n            .value=${this._value}\n            aria-label=${ifDefined(this.ariaLabel)}\n            aria-labelledby=${labelledbyText ? labelId : nothing}\n            ?disabled=${this._isDisabled}\n            ?readonly=${this.readonly}\n            ?required=${this.required}\n            role=\"combobox\"\n            aria-expanded=${this._isOpen}\n            aria-haspopup=\"listbox\"\n            aria-autocomplete=\"list\"\n            aria-controls=${listboxId}\n            aria-disabled=${String(this._isDisabled)}\n            aria-readonly=${this.readonly ? 'true' : nothing}\n            aria-activedescendant=${activeDescendant}\n            @input=${this._onInput}\n            @change=${this._onInnerChange}\n            @click=${this._onInputClick}\n            @focus=${this._onFocus}\n            @blur=${this._onBlur}\n          />\n        </div>\n        <div\n          class=\"autocomplete-a11y-listbox\"\n          id=${listboxId}\n          role=\"listbox\"\n          ?hidden=${!this._isOpen}\n          aria-hidden=${String(!this._isOpen)}\n        >\n          ${visibleOptions.map(\n            option =>\n              html`<div\n                id=${this._getA11yOptionId(option)}\n                role=\"option\"\n                aria-selected=${option.value === this._selectedValue ? 'true' : 'false'}\n                aria-hidden=${String(!this._isOpen)}\n                aria-disabled=${String(option.disabled)}\n              >\n                ${option.label}\n              </div>`\n          )}\n        </div>\n        <div class=\"autocomplete-a11y-only autocomplete-empty-a11y\" role=\"status\" hidden></div>\n        <div\n          class=\"autocomplete-overlay wui-floating-panel wui-glass\"\n          hidden\n          aria-hidden=\"true\"\n          @pointerdown=${this._handlePanelPointerDown}\n        >\n          <div class=\"autocomplete-scroll\">\n            <div class=\"autocomplete-content\">\n              <slot @slotchange=${this._onSlotChange}></slot>\n              <div class=\"autocomplete-empty\" hidden>\n                <slot name=\"empty\">无匹配选项</slot>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    `\n  }\n\n  declare readonly $events: {\n    input: Event\n    change: Event\n    focus: FocusEvent\n    blur: FocusEvent\n    'open-change': CustomEvent<{ open: boolean }>\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'web-ui-autocomplete': WebUiAutocomplete\n  }\n}\n"],"mappings":"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"}

package/dist/components/autocomplete/style.js

@@ -1,5 +1,5 @@
 //#region src/components/autocomplete/style.css?inline
-var e = "*,:before,:after{box-sizing:border-box}:host{--wui-autocomplete-max-width:500px;display:inline-block}:host([disabled]){cursor:not-allowed;opacity:.4}.wui-autocomplete-inner{position:relative}.input-wrapper{--wui-glass-corner-radius:calc(var(--wui-control-size,36px) / 2);box-sizing:border-box;width:var(--wui-input-width,200px);min-width:var(--wui-control-size,36px);height:var(--wui-control-size,36px);border-radius:var(--wui-radius-control,calc(infinity * 1px));align-items:center;gap:8px;padding:0 12px;display:flex}:host([borderless]) .input-wrapper{-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;background:0 0;border:none}:host([borderless]) .input-wrapper:before{content:none}.autocomplete-input{min-width:0;height:100%;font:inherit;font-size:var(--wui-font-size,14px);color:var(--wui-color-text,#1b1b1b);background:0 0;border:none;outline:none;flex:1;margin:0;padding:0}.autocomplete-input::placeholder{color:var(--wui-color-text-secondary,#6a6a6a)}.autocomplete-input:disabled{cursor:not-allowed;opacity:.4}@media (pointer:coarse){.autocomplete-input{font-size:max(16px, var(--wui-font-size,14px))}}.input-wrapper:after{pointer-events:none;content:\"\";border-radius:inherit;box-shadow:inset 0 0 0 1px transparent, 0 0 0 var(--wui-focus-ring-width,3px) transparent;transition:box-shadow var(--wui-duration-focus,.2s);position:absolute;inset:0}:host([focused]) .input-wrapper:after{box-shadow:inset 0 0 0 1px var(--wui-color-accent,#08f), 0 0 0 var(--wui-focus-ring-width,3px) var(--wui-color-focus-ring,#08f6)}.autocomplete-overlay{--wui-option-check-display:none;--wui-internal-glass-shadow:var(--wui-shadow-panel,0 3px 9px #00000045);--wui-glass-corner-radius:var(--wui-radius-menu,18px);--wui-internal-duration-float-enter:var(--wui-duration-float-enter,.16s);--wui-internal-duration-float-exit:var(--wui-duration-float-exit,.12s);z-index:var(--wui-layer-inline-overlay,1);box-sizing:border-box;min-width:var(--wui-overlay-min-width,200px);max-width:var(--wui-autocomplete-max-width,500px);border-radius:var(--wui-radius-menu,18px);background-color:var(--wui-color-surface-menu,#f6f6f6d1);position:absolute;overflow:hidden}.autocomplete-overlay.portal{z-index:var(--wui-layer-menu,100);position:fixed}.autocomplete-overlay.hidden{display:none}.autocomplete-scroll{max-height:var(--wui-autocomplete-max-height,200px);overflow-y:auto}.autocomplete-content{padding:4px}.autocomplete-empty{font-size:var(--wui-font-size,14px);color:var(--wui-color-text-secondary,#6a6a6a);text-align:center;padding:8px 12px}::slotted(web-ui-option[data-filtered]),.autocomplete-content web-ui-option[data-filtered],:host([portal]) .autocomplete-overlay{display:none}.autocomplete-a11y-only,.autocomplete-a11y-listbox{white-space:nowrap;clip-path:inset(50%);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}";
+var e = "*,:before,:after{box-sizing:border-box}:host{--wui-autocomplete-max-width:500px;display:inline-block}:host([disabled]){cursor:not-allowed;opacity:.4}.wui-autocomplete-inner{position:relative}.input-wrapper{--wui-glass-corner-radius:calc(var(--wui-control-size,36px) / 2);box-sizing:border-box;width:var(--wui-input-width,200px);min-width:var(--wui-control-size,36px);height:var(--wui-control-size,36px);border-radius:var(--wui-radius-control,calc(infinity * 1px));align-items:center;gap:8px;padding:0 12px;display:flex}:host([borderless]) .input-wrapper{-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;background:0 0;border:none}:host([borderless]) .input-wrapper:before{content:none}.autocomplete-input{min-width:0;height:100%;font:inherit;font-size:var(--wui-font-size,14px);color:var(--wui-color-text,#1b1b1b);background:0 0;border:none;outline:none;flex:1;margin:0;padding:0}.autocomplete-input::placeholder{color:var(--wui-color-text-secondary,#6a6a6a)}.autocomplete-input:disabled{cursor:not-allowed;opacity:.4}@media (pointer:coarse){.autocomplete-input{font-size:max(16px, var(--wui-font-size,14px))}}.input-wrapper:after{pointer-events:none;content:\"\";border-radius:inherit;box-shadow:inset 0 0 0 1px transparent, 0 0 0 var(--wui-focus-ring-width,3px) transparent;transition:box-shadow var(--wui-duration-focus,.2s);position:absolute;inset:0}:host([focused]) .input-wrapper:after{box-shadow:inset 0 0 0 1px var(--wui-color-accent,#08f), 0 0 0 var(--wui-focus-ring-width,3px) var(--wui-color-focus-ring,#08f6)}.autocomplete-overlay{--wui-option-check-display:none;--wui-internal-glass-shadow:var(--wui-shadow-panel,0 3px 9px #00000045);--wui-glass-corner-radius:var(--wui-radius-menu,18px);--wui-internal-duration-float-enter:var(--wui-duration-float-enter,.24s);--wui-internal-duration-float-exit:var(--wui-duration-float-exit,.16s);z-index:var(--wui-layer-inline-overlay,1);box-sizing:border-box;min-width:var(--wui-overlay-min-width,200px);max-width:var(--wui-autocomplete-max-width,500px);border-radius:var(--wui-radius-menu,18px);background-color:var(--wui-color-surface-menu,#f6f6f6d1);position:absolute;overflow:hidden}.autocomplete-overlay.portal{z-index:var(--wui-layer-menu,100);position:fixed}.autocomplete-overlay.hidden{display:none}.autocomplete-scroll{max-height:var(--wui-autocomplete-max-height,200px);overflow-y:auto}.autocomplete-content{padding:4px}.autocomplete-empty{font-size:var(--wui-font-size,14px);color:var(--wui-color-text-secondary,#6a6a6a);text-align:center;padding:8px 12px}::slotted(web-ui-option[data-filtered]),.autocomplete-content web-ui-option[data-filtered],:host([portal]) .autocomplete-overlay{display:none}.autocomplete-a11y-only,.autocomplete-a11y-listbox{white-space:nowrap;clip-path:inset(50%);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}";
 //#endregion
 export { e as default };
 

package/dist/components/autocomplete/style.js.map

@@ -1 +1 @@
-{"version":3,"file":"style.js","names":[],"sources":["../../../src/components/autocomplete/style.css?inline"],"sourcesContent":["*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\n\n:host {\n  --wui-autocomplete-max-width: 500px;\n  display: inline-block;\n}\n\n:host([disabled]) {\n  cursor: not-allowed;\n  opacity: 0.4;\n}\n\n.wui-autocomplete-inner {\n  /* 与 select 的 .wui-select-inner 对齐：为本地绝对定位面板提供包含块，\n     避免面板 offsetParent（BODY）与实际包含块（远端定位祖先，如 layout header）不一致导致定位偏移。 */\n  position: relative;\n}\n\n.input-wrapper {\n  --wui-glass-corner-radius: calc(var(--wui-control-size, 36px) / 2);\n\n  display: flex;\n  gap: 8px;\n  align-items: center;\n\n  box-sizing: border-box;\n  width: var(--wui-input-width, 200px);\n  min-width: var(--wui-control-size, 36px);\n  height: var(--wui-control-size, 36px);\n  padding: 0 12px;\n  border-radius: var(--wui-radius-control, calc(infinity * 1px));\n}\n\n/* ===== Borderless ===== */\n\n:host([borderless]) .input-wrapper {\n  border: none;\n\n  background: transparent;\n\n  /* stylelint-disable-next-line property-no-vendor-prefix */\n  -webkit-backdrop-filter: none;\n  backdrop-filter: none;\n  box-shadow: none;\n}\n\n/* borderless 只移除输入容器的 glass 描边环（.wui-glass::before），\n   下拉浮层 .autocomplete-overlay 的 glass 描边不受影响 */\n:host([borderless]) .input-wrapper::before {\n  content: none;\n}\n\n.autocomplete-input {\n  flex: 1;\n\n  min-width: 0;\n  height: 100%;\n  margin: 0;\n  padding: 0;\n  border: none;\n\n  /* 表单控件不继承字体；显式继承以对齐宿主排版，避免 UA 默认字体差异 */\n  font: inherit;\n  font-size: var(--wui-font-size, 14px);\n  color: var(--wui-color-text, #1b1b1b);\n\n  background: transparent;\n  outline: none;\n\n  &::placeholder {\n    color: var(--wui-color-text-secondary, #6a6a6a);\n  }\n\n  &:disabled {\n    cursor: not-allowed;\n    opacity: 0.4;\n  }\n}\n\n/* Coarse pointers include iOS Safari, where a sub-16px font triggers focus zoom. */\n@media (pointer: coarse) {\n  .autocomplete-input {\n    font-size: max(16px, var(--wui-font-size, 14px));\n  }\n}\n\n/* Focus ring 独立成 ::after 层：base/focused 都是显式 box-shadow，保证所有变体都能过渡 */\n.input-wrapper::after {\n  pointer-events: none;\n  content: '';\n\n  position: absolute;\n  inset: 0;\n\n  border-radius: inherit;\n\n  box-shadow:\n    inset 0 0 0 1px transparent,\n    0 0 0 var(--wui-focus-ring-width, 3px) transparent;\n\n  transition: box-shadow var(--wui-duration-focus, 200ms);\n}\n\n:host([focused]) .input-wrapper::after {\n  box-shadow:\n    inset 0 0 0 1px var(--wui-color-accent, #08f),\n    0 0 0 var(--wui-focus-ring-width, 3px) var(--wui-color-focus-ring, rgb(0 136 255 / 0.4));\n}\n\n/* ===== 浮层（glass 样式参考 select） ===== */\n\n.autocomplete-overlay {\n  /* autocomplete 不表示选中状态；隐藏共享 option 的勾选图标及其布局占位 */\n  --wui-option-check-display: none;\n  --wui-internal-glass-shadow: var(--wui-shadow-panel, 0 3px 9px rgb(0 0 0 / 0.27));\n  --wui-glass-corner-radius: var(--wui-radius-menu, 18px);\n  --wui-internal-duration-float-enter: var(--wui-duration-float-enter, 160ms);\n  --wui-internal-duration-float-exit: var(--wui-duration-float-exit, 120ms);\n  position: absolute;\n  z-index: var(--wui-layer-inline-overlay, 1);\n\n  overflow: hidden;\n\n  box-sizing: border-box;\n  min-width: var(--wui-overlay-min-width, 200px);\n  max-width: var(--wui-autocomplete-max-width, 500px);\n  border-radius: var(--wui-radius-menu, 18px);\n\n  /* 玻璃背景：wui-glass 在面板自身，这里覆盖其默认玻璃底为菜单表面色 */\n  background-color: var(--wui-color-surface-menu, rgb(246 246 246 / 0.82));\n\n  &.portal {\n    position: fixed;\n    z-index: var(--wui-layer-menu, 100);\n  }\n\n  &.hidden {\n    display: none;\n  }\n}\n\n.autocomplete-scroll {\n  overflow-y: auto;\n  max-height: var(--wui-autocomplete-max-height, 200px);\n}\n\n.autocomplete-content {\n  padding: 4px;\n}\n\n.autocomplete-empty {\n  padding: 8px 12px;\n  font-size: var(--wui-font-size, 14px);\n  color: var(--wui-color-text-secondary, #6a6a6a);\n  text-align: center;\n}\n\n/* 非匹配候选隐藏：本地模式经 slot 投影，portal 模式为面板直接子元素 */\n::slotted(web-ui-option[data-filtered]) {\n  display: none;\n}\n\n.autocomplete-content web-ui-option[data-filtered] {\n  display: none;\n}\n\n:host([portal]) .autocomplete-overlay {\n  display: none;\n}\n\n/* Shadow DOM idref 不能跨越 Portal 或 light DOM；保留同根可访问的语义镜像。 */\n.autocomplete-a11y-only,\n.autocomplete-a11y-listbox {\n  position: absolute;\n\n  overflow: hidden;\n\n  width: 1px;\n  height: 1px;\n  margin: -1px;\n  padding: 0;\n  border: 0;\n\n  white-space: nowrap;\n\n  clip-path: inset(50%);\n}\n"],"mappings":""}
+{"version":3,"file":"style.js","names":[],"sources":["../../../src/components/autocomplete/style.css?inline"],"sourcesContent":["*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\n\n:host {\n  --wui-autocomplete-max-width: 500px;\n  display: inline-block;\n}\n\n:host([disabled]) {\n  cursor: not-allowed;\n  opacity: 0.4;\n}\n\n.wui-autocomplete-inner {\n  /* 与 select 的 .wui-select-inner 对齐：为本地绝对定位面板提供包含块，\n     避免面板 offsetParent（BODY）与实际包含块（远端定位祖先，如 layout header）不一致导致定位偏移。 */\n  position: relative;\n}\n\n.input-wrapper {\n  --wui-glass-corner-radius: calc(var(--wui-control-size, 36px) / 2);\n\n  display: flex;\n  gap: 8px;\n  align-items: center;\n\n  box-sizing: border-box;\n  width: var(--wui-input-width, 200px);\n  min-width: var(--wui-control-size, 36px);\n  height: var(--wui-control-size, 36px);\n  padding: 0 12px;\n  border-radius: var(--wui-radius-control, calc(infinity * 1px));\n}\n\n/* ===== Borderless ===== */\n\n:host([borderless]) .input-wrapper {\n  border: none;\n  background: transparent;\n  backdrop-filter: none;\n  box-shadow: none;\n}\n\n/* borderless 只移除输入容器的 glass 描边环（.wui-glass::before），\n   下拉浮层 .autocomplete-overlay 的 glass 描边不受影响 */\n:host([borderless]) .input-wrapper::before {\n  content: none;\n}\n\n.autocomplete-input {\n  flex: 1;\n\n  min-width: 0;\n  height: 100%;\n  margin: 0;\n  padding: 0;\n  border: none;\n\n  /* 表单控件不继承字体；显式继承以对齐宿主排版，避免 UA 默认字体差异 */\n  font: inherit;\n  font-size: var(--wui-font-size, 14px);\n  color: var(--wui-color-text, #1b1b1b);\n\n  background: transparent;\n  outline: none;\n\n  &::placeholder {\n    color: var(--wui-color-text-secondary, #6a6a6a);\n  }\n\n  &:disabled {\n    cursor: not-allowed;\n    opacity: 0.4;\n  }\n}\n\n/* Coarse pointers include iOS Safari, where a sub-16px font triggers focus zoom. */\n@media (pointer: coarse) {\n  .autocomplete-input {\n    font-size: max(16px, var(--wui-font-size, 14px));\n  }\n}\n\n/* Focus ring 独立成 ::after 层：base/focused 都是显式 box-shadow，保证所有变体都能过渡 */\n.input-wrapper::after {\n  pointer-events: none;\n  content: '';\n\n  position: absolute;\n  inset: 0;\n\n  border-radius: inherit;\n\n  box-shadow:\n    inset 0 0 0 1px transparent,\n    0 0 0 var(--wui-focus-ring-width, 3px) transparent;\n\n  transition: box-shadow var(--wui-duration-focus, 200ms);\n}\n\n:host([focused]) .input-wrapper::after {\n  box-shadow:\n    inset 0 0 0 1px var(--wui-color-accent, #08f),\n    0 0 0 var(--wui-focus-ring-width, 3px) var(--wui-color-focus-ring, rgb(0 136 255 / 0.4));\n}\n\n/* ===== 浮层（glass 样式参考 select） ===== */\n\n.autocomplete-overlay {\n  /* autocomplete 不表示选中状态；隐藏共享 option 的勾选图标及其布局占位 */\n  --wui-option-check-display: none;\n  --wui-internal-glass-shadow: var(--wui-shadow-panel, 0 3px 9px rgb(0 0 0 / 0.27));\n  --wui-glass-corner-radius: var(--wui-radius-menu, 18px);\n  --wui-internal-duration-float-enter: var(--wui-duration-float-enter, 240ms);\n  --wui-internal-duration-float-exit: var(--wui-duration-float-exit, 160ms);\n  position: absolute;\n  z-index: var(--wui-layer-inline-overlay, 1);\n\n  overflow: hidden;\n\n  box-sizing: border-box;\n  min-width: var(--wui-overlay-min-width, 200px);\n  max-width: var(--wui-autocomplete-max-width, 500px);\n  border-radius: var(--wui-radius-menu, 18px);\n\n  /* 玻璃背景：wui-glass 在面板自身，这里覆盖其默认玻璃底为菜单表面色 */\n  background-color: var(--wui-color-surface-menu, rgb(246 246 246 / 0.82));\n\n  &.portal {\n    position: fixed;\n    z-index: var(--wui-layer-menu, 100);\n  }\n\n  &.hidden {\n    display: none;\n  }\n}\n\n.autocomplete-scroll {\n  overflow-y: auto;\n  max-height: var(--wui-autocomplete-max-height, 200px);\n}\n\n.autocomplete-content {\n  padding: 4px;\n}\n\n.autocomplete-empty {\n  padding: 8px 12px;\n  font-size: var(--wui-font-size, 14px);\n  color: var(--wui-color-text-secondary, #6a6a6a);\n  text-align: center;\n}\n\n/* 非匹配候选隐藏：本地模式经 slot 投影，portal 模式为面板直接子元素 */\n::slotted(web-ui-option[data-filtered]) {\n  display: none;\n}\n\n.autocomplete-content web-ui-option[data-filtered] {\n  display: none;\n}\n\n:host([portal]) .autocomplete-overlay {\n  display: none;\n}\n\n/* Shadow DOM idref 不能跨越 Portal 或 light DOM；保留同根可访问的语义镜像。 */\n.autocomplete-a11y-only,\n.autocomplete-a11y-listbox {\n  position: absolute;\n\n  overflow: hidden;\n\n  width: 1px;\n  height: 1px;\n  margin: -1px;\n  padding: 0;\n  border: 0;\n\n  white-space: nowrap;\n\n  clip-path: inset(50%);\n}\n"],"mappings":""}

package/dist/components/avatar/index.js

@@ -1,4 +1,4 @@
-import e from "../../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/decorate.js";
+import e from "../../_virtual/_@oxc-project_runtime@0.149.0/helpers/esm/decorate.js";
 import "../icon/index.js";
 import t from "../../icons/generated/lucide-user.js";
 import n from "../../assets/glass.js";

package/dist/components/back-top/index.js

@@ -1,4 +1,4 @@
-import e from "../../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/decorate.js";
+import e from "../../_virtual/_@oxc-project_runtime@0.149.0/helpers/esm/decorate.js";
 import "../icon/index.js";
 import t from "../../icons/generated/lucide-arrow-up-to-line.js";
 import { normalizeLiteral as n, normalizeNumber as r } from "../../shared/normalize/index.js";

package/dist/components/badge/index.js

@@ -1,4 +1,4 @@
-import e from "../../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/decorate.js";
+import e from "../../_virtual/_@oxc-project_runtime@0.149.0/helpers/esm/decorate.js";
 import t from "../../assets/glass.js";
 import { normalizeLiteral as n, normalizeNumber as r } from "../../shared/normalize/index.js";
 import i from "./style.js";

package/dist/components/button/index.js

@@ -1,4 +1,4 @@
-import e from "../../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/decorate.js";
+import e from "../../_virtual/_@oxc-project_runtime@0.149.0/helpers/esm/decorate.js";
 import "../icon/index.js";
 import t from "../../icons/generated/lucide-loader-circle.js";
 import n from "../../assets/glass.js";

package/dist/components/button-group/index.js

@@ -1,4 +1,4 @@
-import e from "../../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/decorate.js";
+import e from "../../_virtual/_@oxc-project_runtime@0.149.0/helpers/esm/decorate.js";
 import t from "../../assets/glass.js";
 import { normalizeLiteral as n } from "../../shared/normalize/index.js";
 import { GroupController as r, buttonGroupContextKey as i, defineGroupPresentation as a } from "../../shared/group-management/index.js";

package/dist/components/checkbox/index.js

@@ -1,4 +1,4 @@
-import e from "../../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/decorate.js";
+import e from "../../_virtual/_@oxc-project_runtime@0.149.0/helpers/esm/decorate.js";
 import "../icon/index.js";
 import t from "../../icons/generated/heroicons-check-16-solid.js";
 import { FormAssociated as n, FormAssociationController as r, defineFormAssociation as i } from "../../shared/form-association/index.js";
@@ -49,7 +49,7 @@ var h = class extends n(c) {
 	}
 	_syncValidity() {
 		let e = this._formAssociation.getInternals();
-		if (!(!e || typeof e.setValidity != "function")) {
+		if (e && typeof e.setValidity == "function") {
 			if (this._isDisabled || this._isManagedByGroup || !this.required || this._checked) {
 				e.setValidity({});
 				return;

package/dist/components/checkbox/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/checkbox/index.ts"],"sourcesContent":["import { html, LitElement, unsafeCSS } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\nimport { classMap } from 'lit/directives/class-map.js'\n\nimport '@/components/icon'\nimport { heroiconsCheck16Solid } from '@/icons'\nimport { FormAssociated, defineFormAssociation, FormAssociationController } from '@/shared/form-association'\nimport { defineGroupManaged, selectionGroupContextKey, type SelectionGroupContext } from '@/shared/group-management'\n\nimport style from './style.css?inline'\n\n@customElement('web-ui-checkbox')\nexport class WebUiCheckbox extends FormAssociated(LitElement) {\n  static override styles = unsafeCSS(style)\n  private readonly _groupManagement = defineGroupManaged<SelectionGroupContext>(this, {\n    context: selectionGroupContextKey,\n    requestUpdate: () => this.requestUpdate()\n  }).make()\n\n  // 内部 checked 状态，通过 getter/setter 暴露为公共 API\n  @state() private _checked = false\n\n  get checked(): boolean {\n    return this._checked\n  }\n\n  set checked(v: boolean) {\n    const old = this._checked\n    this._checked = v\n    this._formAssociation.sync()\n    this.requestUpdate('checked', old)\n  }\n\n  @property({ type: String }) value = ''\n  @property({ type: String, reflect: true }) name = ''\n  @property({ type: Boolean, reflect: true }) disabled = false\n  @property({ type: Boolean, reflect: true }) required = false\n\n  private get _isDisabled(): boolean {\n    return (\n      this.disabled || this._formAssociation.isFormDisabled() || this._groupManagement.getContext()?.disabled === true\n    )\n  }\n\n  private get _isManagedByGroup(): boolean {\n    return this._groupManagement.getContext() !== undefined\n  }\n\n  private readonly _formAssociation = defineFormAssociation<boolean>({\n    host: this,\n    initialize: () => {\n      if (this.hasAttribute('checked')) this._checked = true\n    },\n    getState: () => this._checked,\n    setState: checked => {\n      this.checked = checked\n    },\n    getFormValue: () => (!this._isManagedByGroup && this._checked ? this.value || 'on' : null),\n    getFormState: () => String(this._checked),\n    restoreState: state => {\n      if (typeof state === 'string') this.checked = state === 'true'\n    },\n    isStateManaged: () => this._isManagedByGroup,\n    syncValidity: () => this._syncValidity()\n  }).make()\n\n  private readonly _formAssociationController = new FormAssociationController(this, this._formAssociation)\n\n  private _syncValidity() {\n    const internals = this._formAssociation.getInternals()\n    if (!internals || typeof internals.setValidity !== 'function') return\n    if (this._isDisabled || this._isManagedByGroup || !this.required || this._checked) {\n      internals.setValidity({})\n      return\n    }\n    internals.setValidity({ valueMissing: true }, '请选择此项')\n  }\n\n  private handleClick() {\n    if (this._isDisabled) return\n    const old = this._checked\n    this._checked = !old\n    this._formAssociation.sync()\n    this.requestUpdate('checked', old)\n    // group-managed 时事件不冒泡/不组合，由 group 统一派发一次 host 事件，避免同名事件外泄\n    const opts: EventInit = this._isManagedByGroup\n      ? { bubbles: false, composed: false }\n      : { bubbles: true, composed: true }\n    this.dispatchEvent(new Event('input', opts))\n    this.dispatchEvent(new Event('change', opts))\n  }\n\n  private handleKeyDown(e: KeyboardEvent) {\n    if (e.key === 'Enter' || e.key === ' ') {\n      e.preventDefault()\n      this.handleClick()\n    }\n  }\n\n  override render() {\n    const cls = {\n      'wui-checkbox': true,\n      'is-checked': this._checked,\n      'is-disabled': this._isDisabled\n    }\n\n    return html`\n      <label\n        class=${classMap(cls)}\n        tabindex=${this._isDisabled ? '-1' : '0'}\n        role=\"checkbox\"\n        aria-checked=${String(this._checked)}\n        aria-disabled=${String(this._isDisabled)}\n        @click=${this.handleClick}\n        @keydown=${this.handleKeyDown}\n      >\n        <span class=\"wui-checkbox-box\">\n          <span class=\"wui-checkbox-icon\"\n            ><web-ui-icon\n              .icon=${heroiconsCheck16Solid}\n              size=\"18\"\n              color=\"var(--wui-color-on-control, #fff)\"\n            ></web-ui-icon\n          ></span>\n        </span>\n        <span class=\"wui-checkbox-label\"><slot></slot></span>\n      </label>\n    `\n  }\n\n  declare readonly $events: {\n    input: Event\n    change: Event\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'web-ui-checkbox': WebUiCheckbox\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/checkbox/index.ts"],"sourcesContent":["import { html, LitElement, unsafeCSS } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\nimport { classMap } from 'lit/directives/class-map.js'\n\nimport '@/components/icon'\nimport { heroiconsCheck16Solid } from '@/icons'\nimport { FormAssociated, defineFormAssociation, FormAssociationController } from '@/shared/form-association'\nimport { defineGroupManaged, selectionGroupContextKey, type SelectionGroupContext } from '@/shared/group-management'\n\nimport style from './style.css?inline'\n\n@customElement('web-ui-checkbox')\nexport class WebUiCheckbox extends FormAssociated(LitElement) {\n  static override styles = unsafeCSS(style)\n  private readonly _groupManagement = defineGroupManaged<SelectionGroupContext>(this, {\n    context: selectionGroupContextKey,\n    requestUpdate: () => this.requestUpdate()\n  }).make()\n\n  // 内部 checked 状态，通过 getter/setter 暴露为公共 API\n  @state() private _checked = false\n\n  get checked(): boolean {\n    return this._checked\n  }\n\n  set checked(v: boolean) {\n    const old = this._checked\n    this._checked = v\n    this._formAssociation.sync()\n    this.requestUpdate('checked', old)\n  }\n\n  @property({ type: String }) value = ''\n  @property({ type: String, reflect: true }) name = ''\n  @property({ type: Boolean, reflect: true }) disabled = false\n  @property({ type: Boolean, reflect: true }) required = false\n\n  private get _isDisabled(): boolean {\n    return (\n      this.disabled || this._formAssociation.isFormDisabled() || this._groupManagement.getContext()?.disabled === true\n    )\n  }\n\n  private get _isManagedByGroup(): boolean {\n    return this._groupManagement.getContext() !== undefined\n  }\n\n  private readonly _formAssociation = defineFormAssociation<boolean>({\n    host: this,\n    initialize: () => {\n      if (this.hasAttribute('checked')) this._checked = true\n    },\n    getState: () => this._checked,\n    setState: checked => {\n      this.checked = checked\n    },\n    getFormValue: () => (!this._isManagedByGroup && this._checked ? this.value || 'on' : null),\n    getFormState: () => String(this._checked),\n    restoreState: state => {\n      if (typeof state === 'string') this.checked = state === 'true'\n    },\n    isStateManaged: () => this._isManagedByGroup,\n    syncValidity: () => this._syncValidity()\n  }).make()\n\n  private readonly _formAssociationController = new FormAssociationController(this, this._formAssociation)\n\n  private _syncValidity() {\n    const internals = this._formAssociation.getInternals()\n    if (!internals || typeof internals.setValidity !== 'function') return\n    if (this._isDisabled || this._isManagedByGroup || !this.required || this._checked) {\n      internals.setValidity({})\n      return\n    }\n    internals.setValidity({ valueMissing: true }, '请选择此项')\n  }\n\n  private handleClick() {\n    if (this._isDisabled) return\n    const old = this._checked\n    this._checked = !old\n    this._formAssociation.sync()\n    this.requestUpdate('checked', old)\n    // group-managed 时事件不冒泡/不组合，由 group 统一派发一次 host 事件，避免同名事件外泄\n    const opts: EventInit = this._isManagedByGroup\n      ? { bubbles: false, composed: false }\n      : { bubbles: true, composed: true }\n    this.dispatchEvent(new Event('input', opts))\n    this.dispatchEvent(new Event('change', opts))\n  }\n\n  private handleKeyDown(e: KeyboardEvent) {\n    if (e.key === 'Enter' || e.key === ' ') {\n      e.preventDefault()\n      this.handleClick()\n    }\n  }\n\n  override render() {\n    const cls = {\n      'wui-checkbox': true,\n      'is-checked': this._checked,\n      'is-disabled': this._isDisabled\n    }\n\n    return html`\n      <label\n        class=${classMap(cls)}\n        tabindex=${this._isDisabled ? '-1' : '0'}\n        role=\"checkbox\"\n        aria-checked=${String(this._checked)}\n        aria-disabled=${String(this._isDisabled)}\n        @click=${this.handleClick}\n        @keydown=${this.handleKeyDown}\n      >\n        <span class=\"wui-checkbox-box\">\n          <span class=\"wui-checkbox-icon\"\n            ><web-ui-icon\n              .icon=${heroiconsCheck16Solid}\n              size=\"18\"\n              color=\"var(--wui-color-on-control, #fff)\"\n            ></web-ui-icon\n          ></span>\n        </span>\n        <span class=\"wui-checkbox-label\"><slot></slot></span>\n      </label>\n    `\n  }\n\n  declare readonly $events: {\n    input: Event\n    change: Event\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'web-ui-checkbox': WebUiCheckbox\n  }\n}\n"],"mappings":"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"}

package/dist/components/checkbox/style.js

@@ -1,5 +1,5 @@
 //#region src/components/checkbox/style.css?inline
-var e = "*,:before,:after{box-sizing:border-box}:host{cursor:default;display:inline-block}:host([disabled]){cursor:not-allowed}.wui-checkbox{cursor:default;-webkit-user-select:none;user-select:none;font-size:var(--wui-font-size,14px);color:var(--wui-color-text,#1b1b1b);align-items:center;gap:10px;line-height:1;display:inline-flex}.wui-checkbox:focus-visible{border-radius:var(--wui-radius-control,calc(infinity * 1px));outline:var(--wui-focus-ring-width,3px) solid var(--wui-color-focus-ring,#08f6);outline-offset:2px}.wui-checkbox.is-disabled{cursor:not-allowed;color:var(--wui-color-text-secondary,#6a6a6a);opacity:.4}.wui-checkbox-box{border-radius:var(--wui-internal-checkbox-radius,6px);background-color:var(--wui-color-surface-raised,#f2f2f7);flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;transition:background-color .2s,border-color .2s;display:flex}.is-checked .wui-checkbox-box{border-color:var(--wui-color-accent,#08f);background-color:var(--wui-color-accent,#08f)}.wui-checkbox-icon{opacity:0;transition:opacity var(--wui-duration-trigger,.16s) ease, transform var(--wui-duration-trigger,.16s) var(--wui-ease-enter,cubic-bezier(.23, 1, .32, 1));font-size:0;line-height:0;display:block;overflow:hidden;transform:scale(.85)}.is-checked .wui-checkbox-icon{opacity:1;transform:scale(1)}.wui-checkbox-label{pointer-events:none}@media (prefers-reduced-motion:reduce){.wui-checkbox-icon,.is-checked .wui-checkbox-icon{transform:none}}";
+var e = "*,:before,:after{box-sizing:border-box}:host{cursor:default;display:inline-block}:host([disabled]){cursor:not-allowed}.wui-checkbox{cursor:default;-webkit-user-select:none;user-select:none;font-size:var(--wui-font-size,14px);color:var(--wui-color-text,#1b1b1b);align-items:center;gap:10px;line-height:1;display:inline-flex}.wui-checkbox:focus-visible{border-radius:var(--wui-radius-control,calc(infinity * 1px));outline:var(--wui-focus-ring-width,3px) solid var(--wui-color-focus-ring,#08f6);outline-offset:2px}.wui-checkbox.is-disabled{cursor:not-allowed;color:var(--wui-color-text-secondary,#6a6a6a);opacity:.4}.wui-checkbox-box{border-radius:var(--wui-internal-checkbox-radius,6px);background-color:var(--wui-color-surface-raised,#f2f2f7);width:18px;height:18px;transition:background-color var(--wui-duration-focus,.2s) ease, border-color var(--wui-duration-focus,.2s) ease;flex-shrink:0;justify-content:center;align-items:center;display:flex}.is-checked .wui-checkbox-box{border-color:var(--wui-color-accent,#08f);background-color:var(--wui-color-accent,#08f)}.wui-checkbox-icon{opacity:0;transition:opacity var(--wui-duration-trigger,.16s) ease, transform var(--wui-duration-trigger,.16s) var(--wui-ease-enter,cubic-bezier(.23, 1, .32, 1));font-size:0;line-height:0;display:block;overflow:hidden;transform:scale(.85)}.is-checked .wui-checkbox-icon{opacity:1;transform:scale(1)}.wui-checkbox-label{pointer-events:none}@media (prefers-reduced-motion:reduce){.wui-checkbox-icon,.is-checked .wui-checkbox-icon{transform:none}}";
 //#endregion
 export { e as default };