@greypan/web-ui 2.1.1 → 2.1.2

package/README.CN.md

@@ -6,8 +6,9 @@
 
 ## 演示
 
-[查看 vue 使用演示](https://pan-z2l0ahvi.github.io/mono/vue-web-ui-demo/)
-[查看 react 使用演示](https://pan-z2l0ahvi.github.io/mono/react-web-ui-demo/)
+[查看组件在 vue 中使用](https://pan-z2l0ahvi.github.io/mono/vue-web-ui-demo/)
+
+[查看组件在 react 中使用](https://pan-z2l0ahvi.github.io/mono/react-web-ui-demo/)
 
 ## 安装
 
@@ -65,13 +66,12 @@ function App() {
 
 React 19 按 JSX 键名中的 `on` 后缀原样注册 Custom Element 事件。事件名大小写敏感：`open-change`
 必须绑定为 `onopen-change`，不能写成 `onOpenChange`。标准 `input` 和 `change` 事件仍使用 React
-惯用的 `onInput` 和 `onChange`。默认值为 `true` 的属性应使用驼峰 JavaScript 属性传入，这样 `false`
-才会传递给组件。
+惯用的 `onInput` 和 `onChange`。布尔属性遵循原生 HTML 语义：属性缺失为 `false`，属性存在为 `true`。
 
 ```tsx
 <web-ui-dialog
   open={open}
-  lockScroll={false}
+  noScrollLock
   onopen-change={event => setOpen(event.detail.open)}
 />
 <web-ui-select value={value} onChange={event => setValue(event.currentTarget.value)} />
@@ -248,7 +248,7 @@ ArrowUp/ArrowDown 键增减数值。
 | `disabled`         | `boolean`                          | `false` | 禁用状态             |
 | `required`         | `boolean`                          | `false` | 必填校验             |
 | `portal`           | `boolean`                          | `false` | 在主题浮层容器中渲染 |
-| `lock-scroll`      | `boolean`                          | `true`  | 打开时锁定页面滚动   |
+| `no-scroll-lock`   | `boolean`                          | `false` | 打开时不锁定页面滚动 |
 | `overlayContainer` | `HTMLElement \| () => HTMLElement` | —       | 显式 Portal 容器     |
 
 **事件：** `input`, `change`, `open-change` (`CustomEvent<{ open: boolean }>`)
@@ -426,11 +426,11 @@ ArrowUp/ArrowDown 键增减数值。
 
 模态对话框，使用原生 `<dialog>` 的 `showModal()`。
 
-| 属性               | 类型      | 默认值  | 说明               |
-| ------------------ | --------- | ------- | ------------------ |
-| `open`             | `boolean` | `false` | 对话框可见性       |
-| `lock-scroll`      | `boolean` | `true`  | 打开时锁定页面滚动 |
-| `overlay-closable` | `boolean` | `true`  | 点击遮罩关闭对话框 |
+| 属性                | 类型      | 默认值  | 说明                 |
+| ------------------- | --------- | ------- | -------------------- |
+| `open`              | `boolean` | `false` | 对话框可见性         |
+| `no-scroll-lock`    | `boolean` | `false` | 打开时不锁定页面滚动 |
+| `no-backdrop-close` | `boolean` | `false` | 禁止点击遮罩关闭     |
 
 **事件：** `open-change` (`CustomEvent<{ open: boolean }>`)
 
@@ -444,14 +444,14 @@ ArrowUp/ArrowDown 键增减数值。
 
 侧边抽屉，使用原生 `<dialog>` 并自带关闭动画。
 
-| 属性               | 类型                                     | 默认值    | 说明                             |
-| ------------------ | ---------------------------------------- | --------- | -------------------------------- |
-| `open`             | `boolean`                                | `false`   | 抽屉可见性                       |
-| `placement`        | `'right' \| 'left' \| 'top' \| 'bottom'` | `'right'` | 滑入方向                         |
-| `heading`          | `string`                                 | `''`      | 标题文字（无 header 插槽时显示） |
-| `closable`         | `boolean`                                | `false`   | 显示关闭按钮                     |
-| `lock-scroll`      | `boolean`                                | `true`    | 打开时锁定页面滚动               |
-| `overlay-closable` | `boolean`                                | `true`    | 点击遮罩关闭抽屉                 |
+| 属性                | 类型                                     | 默认值    | 说明                             |
+| ------------------- | ---------------------------------------- | --------- | -------------------------------- |
+| `open`              | `boolean`                                | `false`   | 抽屉可见性                       |
+| `placement`         | `'right' \| 'left' \| 'top' \| 'bottom'` | `'right'` | 滑入方向                         |
+| `heading`           | `string`                                 | `''`      | 标题文字（无 header 插槽时显示） |
+| `closable`          | `boolean`                                | `false`   | 显示关闭按钮                     |
+| `no-scroll-lock`    | `boolean`                                | `false`   | 打开时不锁定页面滚动             |
+| `no-backdrop-close` | `boolean`                                | `false`   | 禁止点击遮罩关闭                 |
 
 **事件：** `open-change` (`CustomEvent<{ open: boolean }>`)
 
@@ -459,7 +459,7 @@ ArrowUp/ArrowDown 键增减数值。
 
 **方法：** `show()`, `close()`
 
-关闭时保留原生 dialog 的 top layer，待 `--wui-duration-drawer` 过渡完成（默认 280ms）后调用 `dialog.close()`。Escape 始终走此关闭路径；`overlay-closable` 仅控制遮罩点击。
+关闭时保留原生 dialog 的 top layer，待 `--wui-duration-drawer` 过渡完成（默认 280ms）后调用 `dialog.close()`。Escape 始终走此关闭路径；`no-backdrop-close` 仅控制遮罩点击。
 
 ---
 
@@ -513,10 +513,10 @@ Hover 模式使用 `pointerenter`/`pointerleave` 加延迟控制。Click 模式
 
 右键上下文菜单。
 
-| 属性          | 类型      | 默认值  | 说明         |
-| ------------- | --------- | ------- | ------------ |
-| `disabled`    | `boolean` | `false` | 禁用状态     |
-| `lock-scroll` | `boolean` | `true`  | 阻止背景滚动 |
+| 属性             | 类型      | 默认值  | 说明         |
+| ---------------- | --------- | ------- | ------------ |
+| `disabled`       | `boolean` | `false` | 禁用状态     |
+| `no-scroll-lock` | `boolean` | `false` | 允许背景滚动 |
 
 **事件：** `open-change` (`CustomEvent<{ open: boolean }>`)
 
@@ -534,14 +534,14 @@ Hover 模式使用 `pointerenter`/`pointerleave` 加延迟控制。Click 模式
 
 下拉菜单，支持多级子菜单。
 
-| 属性          | 类型        | 默认值           | 说明             |
-| ------------- | ----------- | ---------------- | ---------------- |
-| `open`        | `boolean`   | `false`          | 菜单可见性       |
-| `disabled`    | `boolean`   | `false`          | 禁用状态         |
-| `placement`   | `Placement` | `'bottom-start'` | Floating UI 位置 |
-| `offset`      | `number`    | `4`              | 与触发器距离     |
-| `match-width` | `boolean`   | `false`          | 匹配触发器宽度   |
-| `lock-scroll` | `boolean`   | `true`           | 锁定页面滚动     |
+| 属性             | 类型        | 默认值           | 说明                 |
+| ---------------- | ----------- | ---------------- | -------------------- |
+| `open`           | `boolean`   | `false`          | 菜单可见性           |
+| `disabled`       | `boolean`   | `false`          | 禁用状态             |
+| `placement`      | `Placement` | `'bottom-start'` | Floating UI 位置     |
+| `offset`         | `number`    | `4`              | 与触发器距离         |
+| `match-width`    | `boolean`   | `false`          | 匹配触发器宽度       |
+| `no-scroll-lock` | `boolean`   | `false`          | 打开时不锁定页面滚动 |
 
 **事件：** `open-change` (`CustomEvent<{ open: boolean }>`)
 
@@ -684,17 +684,19 @@ WebUiSpinner.hide() // 隐藏
 
 回到顶部按钮。
 
-| 属性           | 类型                    | 默认值   | 说明               |
-| -------------- | ----------------------- | -------- | ------------------ |
-| `smooth`       | `boolean`               | `true`   | 平滑滚动           |
-| `threshold`    | `number`                | `200`    | 显示按钮的滚动阈值 |
-| `visible`      | `boolean`               | `false`  | 当前可见状态       |
-| `scrollTarget` | `HTMLElement \| Window` | `window` | 滚动容器           |
+| 属性              | 类型                    | 默认值     | 说明               |
+| ----------------- | ----------------------- | ---------- | ------------------ |
+| `scroll-behavior` | `'smooth' \| 'auto'`    | `'smooth'` | 滚动行为           |
+| `threshold`       | `number`                | `200`      | 显示按钮的滚动阈值 |
+| `visible`         | `boolean`               | `false`    | 当前可见状态       |
+| `scrollTarget`    | `HTMLElement \| Window` | `window`   | 滚动容器           |
 
 **插槽：** `default`（自定义按钮内容）
 
 **方法：** `toTop()`
 
+**定位：** `scrollTarget` 为 `window` 时按钮固定在视口角落；为 `HTMLElement` 时需将元素放置在容器内部，按钮通过 `position: sticky` 悬浮于容器底部角落。偏移量沿用 `--web-ui-back-top-top/right/bottom/left` CSS 变量。
+
 角色：`button`，键盘 Enter 触发回到顶部。
 
 #### `<web-ui-svg-draw-lines>`
@@ -725,7 +727,7 @@ SVG 线条绘制动画，基于 `stroke-dashoffset`。直接在原元素上动
 
 **方法：** `getOverlayRoot()` — 返回 Portal 浮层容器
 
-定义 `--wui-color-*`、`--wui-shadow-*`、`--wui-layer-*` 与 motion token。motion token 是稳定的主题契约，可在主题范围覆盖：`--wui-duration-press`、`--wui-duration-fast`、`--wui-duration-overlay-enter`、`--wui-duration-overlay-exit`、`--wui-duration-drawer`、`--wui-ease-out`、`--wui-ease-standard`、`--wui-scale-press`、`--wui-scale-enter`。`motion="system"` 跟随 `prefers-reduced-motion`；使用 `motion="reduced"` 降低当前作用域动效，或在嵌套主题中使用 `motion="full"` 恢复默认 token。System 配色模式跟随 `prefers-color-scheme`。
+定义 `--wui-color-*`、`--wui-shadow-*`、`--wui-layer-*` 与 motion token。motion token 是稳定的主题契约，可在主题范围覆盖：`--wui-duration-press`、`--wui-duration-feedback`、`--wui-duration-fast`、`--wui-duration-menu-enter`、`--wui-duration-menu-exit`、`--wui-duration-overlay-enter`、`--wui-duration-overlay-exit`、`--wui-duration-drawer`、`--wui-ease-out`、`--wui-ease-standard`、`--wui-scale-press`、`--wui-scale-enter`。`motion="system"` 跟随 `prefers-reduced-motion`；使用 `motion="reduced"` 降低当前作用域动效，或在嵌套主题中使用 `motion="full"` 恢复默认 token。System 配色模式跟随 `prefers-color-scheme`。
 
 ---
 
@@ -735,6 +737,8 @@ SVG 线条绘制动画，基于 `stroke-dashoffset`。直接在原元素上动
 
 单个 Toast 通知。通过命令式 API 使用。
 
+直接使用元素时，`no-close-button` 是标准布尔属性，用于隐藏关闭按钮。
+
 **命令式 API：**
 
 ```ts

package/README.md

@@ -6,8 +6,9 @@ English | [简体中文](./README.CN.md)
 
 ## Demo
 
-[View used by vue demo](https://pan-z2l0ahvi.github.io/mono/vue-web-ui-demo/)
-[View used by react demo](https://pan-z2l0ahvi.github.io/mono/react-web-ui-demo/)
+[View components used by vue](https://pan-z2l0ahvi.github.io/mono/vue-web-ui-demo/)
+
+[View components used by react](https://pan-z2l0ahvi.github.io/mono/react-web-ui-demo/)
 
 ## Install
 
@@ -65,13 +66,13 @@ function App() {
 
 React 19 registers Custom Element events using the suffix of the JSX `on` key unchanged. Event names are
 case-sensitive: bind `open-change` as `onopen-change`, not `onOpenChange`. Standard `input` and `change`
-events continue to use React's conventional `onInput` and `onChange`. For a default-`true` property, pass the
-camel-cased JavaScript property so `false` reaches the element.
+events continue to use React's conventional `onInput` and `onChange`. Boolean properties follow native HTML
+semantics: absence is `false` and presence is `true`.
 
 ```tsx
 <web-ui-dialog
   open={open}
-  lockScroll={false}
+  noScrollLock
   onopen-change={event => setOpen(event.detail.open)}
 />
 <web-ui-select value={value} onChange={event => setValue(event.currentTarget.value)} />
@@ -241,16 +242,16 @@ ArrowUp/ArrowDown keyboard increments and decrements the value.
 
 Select dropdown with option items, keyboard navigation, and portal support.
 
-| Attribute          | Type                               | Default | Description                      |
-| ------------------ | ---------------------------------- | ------- | -------------------------------- |
-| `value`            | `string`                           | `''`    | Selected value                   |
-| `placeholder`      | `string`                           | `''`    | Placeholder text                 |
-| `name`             | `string`                           | `''`    | Form field name                  |
-| `disabled`         | `boolean`                          | `false` | Disabled state                   |
-| `required`         | `boolean`                          | `false` | Required validation              |
-| `portal`           | `boolean`                          | `false` | Render dropdown in theme overlay |
-| `lock-scroll`      | `boolean`                          | `true`  | Lock body scroll when open       |
-| `overlayContainer` | `HTMLElement \| () => HTMLElement` | —       | Explicit portal container        |
+| Attribute          | Type                               | Default | Description                       |
+| ------------------ | ---------------------------------- | ------- | --------------------------------- |
+| `value`            | `string`                           | `''`    | Selected value                    |
+| `placeholder`      | `string`                           | `''`    | Placeholder text                  |
+| `name`             | `string`                           | `''`    | Form field name                   |
+| `disabled`         | `boolean`                          | `false` | Disabled state                    |
+| `required`         | `boolean`                          | `false` | Required validation               |
+| `portal`           | `boolean`                          | `false` | Render dropdown in theme overlay  |
+| `no-scroll-lock`   | `boolean`                          | `false` | Do not lock body scroll when open |
+| `overlayContainer` | `HTMLElement \| () => HTMLElement` | —       | Explicit portal container         |
 
 **Events:** `input`, `change`, `open-change` (`CustomEvent<{ open: boolean }>`)
 
@@ -431,11 +432,11 @@ Propagates `direction` attribute to child buttons.
 
 Modal dialog using native `<dialog>` with `showModal()`.
 
-| Attribute          | Type      | Default | Description                |
-| ------------------ | --------- | ------- | -------------------------- |
-| `open`             | `boolean` | `false` | Dialog visibility          |
-| `lock-scroll`      | `boolean` | `true`  | Lock body scroll when open |
-| `overlay-closable` | `boolean` | `true`  | Close on backdrop click    |
+| Attribute           | Type      | Default | Description                       |
+| ------------------- | --------- | ------- | --------------------------------- |
+| `open`              | `boolean` | `false` | Dialog visibility                 |
+| `no-scroll-lock`    | `boolean` | `false` | Do not lock body scroll when open |
+| `no-backdrop-close` | `boolean` | `false` | Do not close on backdrop click    |
 
 **Events:** `open-change` (`CustomEvent<{ open: boolean }>`)
 
@@ -449,14 +450,14 @@ Uses native `<dialog>` with `@cancel` prevention (Escape calls `close()`). Click
 
 Side drawer using native `<dialog>` with closing animation.
 
-| Attribute          | Type                                     | Default   | Description                               |
-| ------------------ | ---------------------------------------- | --------- | ----------------------------------------- |
-| `open`             | `boolean`                                | `false`   | Drawer visibility                         |
-| `placement`        | `'right' \| 'left' \| 'top' \| 'bottom'` | `'right'` | Slide-in direction                        |
-| `heading`          | `string`                                 | `''`      | Title text (fallback when no header slot) |
-| `closable`         | `boolean`                                | `false`   | Show close button                         |
-| `lock-scroll`      | `boolean`                                | `true`    | Lock body scroll when open                |
-| `overlay-closable` | `boolean`                                | `true`    | Close on backdrop click                   |
+| Attribute           | Type                                     | Default   | Description                               |
+| ------------------- | ---------------------------------------- | --------- | ----------------------------------------- |
+| `open`              | `boolean`                                | `false`   | Drawer visibility                         |
+| `placement`         | `'right' \| 'left' \| 'top' \| 'bottom'` | `'right'` | Slide-in direction                        |
+| `heading`           | `string`                                 | `''`      | Title text (fallback when no header slot) |
+| `closable`          | `boolean`                                | `false`   | Show close button                         |
+| `no-scroll-lock`    | `boolean`                                | `false`   | Do not lock body scroll when open         |
+| `no-backdrop-close` | `boolean`                                | `false`   | Do not close on backdrop click            |
 
 **Events:** `open-change` (`CustomEvent<{ open: boolean }>`)
 
@@ -464,7 +465,7 @@ Side drawer using native `<dialog>` with closing animation.
 
 **Methods:** `show()`, `close()`
 
-Closing keeps the native dialog in the top layer until the `--wui-duration-drawer` transition completes (280ms by default), then calls `dialog.close()`. Escape always follows this close path; `overlay-closable` controls backdrop clicks only.
+Closing keeps the native dialog in the top layer until the `--wui-duration-drawer` transition completes (280ms by default), then calls `dialog.close()`. Escape always follows this close path; `no-backdrop-close` controls backdrop clicks only.
 
 ---
 
@@ -518,10 +519,10 @@ Tooltip overlay using pointer/focus triggers.
 
 Right-click context menu.
 
-| Attribute     | Type      | Default | Description               |
-| ------------- | --------- | ------- | ------------------------- |
-| `disabled`    | `boolean` | `false` | Disabled state            |
-| `lock-scroll` | `boolean` | `true`  | Prevent background scroll |
+| Attribute        | Type      | Default | Description                |
+| ---------------- | --------- | ------- | -------------------------- |
+| `disabled`       | `boolean` | `false` | Disabled state             |
+| `no-scroll-lock` | `boolean` | `false` | Allow background scrolling |
 
 **Events:** `open-change` (`CustomEvent<{ open: boolean }>`)
 
@@ -539,14 +540,14 @@ Opens on `contextmenu` event. Menu items: `<web-ui-dropdown-item>`, `<web-ui-dro
 
 Dropdown menu with multi-level submenu support.
 
-| Attribute     | Type        | Default          | Description                |
-| ------------- | ----------- | ---------------- | -------------------------- |
-| `open`        | `boolean`   | `false`          | Menu visibility            |
-| `disabled`    | `boolean`   | `false`          | Disabled state             |
-| `placement`   | `Placement` | `'bottom-start'` | Floating UI placement      |
-| `offset`      | `number`    | `4`              | Offset from trigger        |
-| `match-width` | `boolean`   | `false`          | Match trigger width        |
-| `lock-scroll` | `boolean`   | `true`           | Lock body scroll when open |
+| Attribute        | Type        | Default          | Description                       |
+| ---------------- | ----------- | ---------------- | --------------------------------- |
+| `open`           | `boolean`   | `false`          | Menu visibility                   |
+| `disabled`       | `boolean`   | `false`          | Disabled state                    |
+| `placement`      | `Placement` | `'bottom-start'` | Floating UI placement             |
+| `offset`         | `number`    | `4`              | Offset from trigger               |
+| `match-width`    | `boolean`   | `false`          | Match trigger width               |
+| `no-scroll-lock` | `boolean`   | `false`          | Do not lock body scroll when open |
 
 **Events:** `open-change` (`CustomEvent<{ open: boolean }>`)
 
@@ -689,17 +690,19 @@ Page layout grid.
 
 Scroll-to-top button.
 
-| Attribute      | Type                    | Default  | Description              |
-| -------------- | ----------------------- | -------- | ------------------------ |
-| `smooth`       | `boolean`               | `true`   | Smooth scroll            |
-| `threshold`    | `number`                | `200`    | Scroll threshold to show |
-| `visible`      | `boolean`               | `false`  | Current visibility state |
-| `scrollTarget` | `HTMLElement \| Window` | `window` | Scroll container         |
+| Attribute         | Type                    | Default    | Description              |
+| ----------------- | ----------------------- | ---------- | ------------------------ |
+| `scroll-behavior` | `'smooth' \| 'auto'`    | `'smooth'` | Scroll behavior          |
+| `threshold`       | `number`                | `200`      | Scroll threshold to show |
+| `visible`         | `boolean`               | `false`    | Current visibility state |
+| `scrollTarget`    | `HTMLElement \| Window` | `window`   | Scroll container         |
 
 **Slots:** `default` (custom button content)
 
 **Methods:** `toTop()`
 
+**Positioning:** With `scrollTarget` as `window`, the button is fixed to the viewport corner. With `scrollTarget` as an `HTMLElement`, place the element inside that container and the button floats at the container's bottom corner via `position: sticky`. Offsets follow the `--web-ui-back-top-top/right/bottom/left` CSS variables.
+
 Role: `button`, keyboard Enter scrolls to top.
 
 #### `<web-ui-svg-draw-lines>`
@@ -730,7 +733,7 @@ Theme provider defining CSS custom property tokens.
 
 **Methods:** `getOverlayRoot()` — returns the portal overlay container
 
-Defines `--wui-color-*`, `--wui-shadow-*`, `--wui-layer-*`, and motion tokens. Motion tokens are stable and may be overridden per theme scope: `--wui-duration-press`, `--wui-duration-fast`, `--wui-duration-overlay-enter`, `--wui-duration-overlay-exit`, `--wui-duration-drawer`, `--wui-ease-out`, `--wui-ease-standard`, `--wui-scale-press`, and `--wui-scale-enter`. `motion="system"` follows `prefers-reduced-motion`; use `motion="reduced"` to reduce animation in a scope or `motion="full"` in a nested theme to restore the normal token values. System appearance follows `prefers-color-scheme`.
+Defines `--wui-color-*`, `--wui-shadow-*`, `--wui-layer-*`, and motion tokens. Motion tokens are stable and may be overridden per theme scope: `--wui-duration-press`, `--wui-duration-feedback`, `--wui-duration-fast`, `--wui-duration-menu-enter`, `--wui-duration-menu-exit`, `--wui-duration-overlay-enter`, `--wui-duration-overlay-exit`, `--wui-duration-drawer`, `--wui-ease-out`, `--wui-ease-standard`, `--wui-scale-press`, and `--wui-scale-enter`. `motion="system"` follows `prefers-reduced-motion`; use `motion="reduced"` to reduce animation in a scope or `motion="full"` in a nested theme to restore the normal token values. System appearance follows `prefers-color-scheme`.
 
 ---
 
@@ -740,6 +743,8 @@ Defines `--wui-color-*`, `--wui-shadow-*`, `--wui-layer-*`, and motion tokens. M
 
 Individual toast notification element. Managed by imperative API.
 
+When using the element directly, `no-close-button` is a standard boolean attribute that hides its close button.
+
 **Imperative API:**
 
 ```ts

package/dist/assets/menu-portal.js

@@ -1,5 +1,5 @@
 //#region src/assets/menu-portal.css?inline
-var e = ".wui-menu-portal-overlay{--wui-glass-shadow:var(--wui-shadow-pop,0 3px 9px #00000045);z-index:var(--wui-layer-menu,100);box-sizing:border-box;min-width:200px;max-width:90vw;max-height:80vh;color:var(--wui-color-text,#1b1b1b);background-color:var(--wui-color-surface-overlay,#f6f6f6e0);border-radius:20px;padding:4px;position:fixed;overflow-y:auto}.wui-menu-portal-overlay.dropdown-overlay .dropdown-scroll{min-width:200px;max-height:320px;overflow-y:auto}.wui-menu-portal-overlay.dropdown-overlay[data-level]:not([data-level=\"0\"]),.wui-menu-portal-overlay.context-submenu{z-index:var(--wui-layer-menu-submenu,110)}";
+var e = ".wui-menu-portal-overlay{--wui-glass-shadow:var(--wui-shadow-pop,0 3px 9px #00000045);--wui-duration-overlay-enter:var(--wui-duration-menu-enter,.14s);--wui-duration-overlay-exit:var(--wui-duration-menu-exit,.1s);-webkit-user-select:none;user-select:none;z-index:var(--wui-layer-menu,100);box-sizing:border-box;min-width:200px;max-width:90vw;max-height:80vh;color:var(--wui-color-text,#1b1b1b);background-color:var(--wui-color-surface-overlay,#f6f6f6e0);border-radius:20px;position:fixed;overflow:hidden}.wui-menu-portal-overlay .wui-menu-scroll{max-height:80vh;overflow-y:auto}.wui-menu-portal-overlay .wui-menu-content{padding:4px}.wui-menu-portal-overlay.dropdown-overlay .wui-menu-scroll{max-height:320px}.wui-menu-portal-overlay.dropdown-overlay[data-level]:not([data-level=\"0\"]),.wui-menu-portal-overlay.context-submenu{z-index:var(--wui-layer-menu-submenu,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-menu-portal-overlay {\n  --wui-glass-shadow: var(--wui-shadow-pop, 0 3px 9px rgb(0 0 0 / 0.27));\n\n  position: fixed;\n  z-index: var(--wui-layer-menu, 100);\n\n  overflow-y: auto;\n\n  box-sizing: border-box;\n  min-width: 200px;\n  max-width: 90vw;\n  max-height: 80vh;\n  padding: 4px;\n  border-radius: 20px;\n\n  color: var(--wui-color-text, #1b1b1b);\n\n  background-color: var(--wui-color-surface-overlay, rgb(246 246 246 / 0.88));\n}\n\n.wui-menu-portal-overlay.dropdown-overlay .dropdown-scroll {\n  overflow-y: auto;\n  min-width: 200px;\n  max-height: 320px;\n}\n\n.wui-menu-portal-overlay.dropdown-overlay[data-level]:not([data-level='0']),\n.wui-menu-portal-overlay.context-submenu {\n  z-index: var(--wui-layer-menu-submenu, 110);\n}\n"],"mappings":""}
+{"version":3,"file":"menu-portal.js","names":[],"sources":["../../src/assets/menu-portal.css?inline"],"sourcesContent":[".wui-menu-portal-overlay {\n  --wui-glass-shadow: var(--wui-shadow-pop, 0 3px 9px rgb(0 0 0 / 0.27));\n  --wui-duration-overlay-enter: var(--wui-duration-menu-enter, 140ms);\n  --wui-duration-overlay-exit: var(--wui-duration-menu-exit, 100ms);\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: 200px;\n  max-width: 90vw;\n  max-height: 80vh;\n  border-radius: 20px;\n\n  color: var(--wui-color-text, #1b1b1b);\n\n  background-color: var(--wui-color-surface-overlay, rgb(246 246 246 / 0.88));\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-submenu, 110);\n    }\n  }\n\n  &.context-submenu {\n    z-index: var(--wui-layer-menu-submenu, 110);\n  }\n}\n"],"mappings":""}

package/dist/assets/toast-containers.js

@@ -1,5 +1,5 @@
 //#region src/assets/toast-containers.css?inline
-var e = ".wui-toast-container{pointer-events:none;z-index:var(--wui-layer-toast,200);overscroll-behavior:contain;flex-direction:column;gap:8px;max-height:100vh;padding:20px;display:flex;position:fixed;overflow-y:auto}.wui-toast-container>*{pointer-events:auto}.wui-toast-top-left{align-items:flex-start;top:0;left:0}.wui-toast-top-center{align-items:center;top:0;left:50%;transform:translate(-50%)}.wui-toast-top-right{align-items:flex-end;top:0;right:0}.wui-toast-bottom-left{flex-direction:column-reverse;align-items:flex-start;bottom:0;left:0}.wui-toast-bottom-center{flex-direction:column-reverse;align-items:center;bottom:0;left:50%;transform:translate(-50%)}.wui-toast-bottom-right{flex-direction:column-reverse;align-items:flex-end;bottom:0;right:0}";
+var e = ".wui-toast-container{pointer-events:none;z-index:var(--wui-layer-toast,200);overscroll-behavior:contain;flex-direction:column;gap:8px;max-height:100vh;padding:24px;display:flex;position:fixed;overflow-y:auto}.wui-toast-container>*{pointer-events:auto}.wui-toast-top-left{align-items:flex-start;top:0;left:0}.wui-toast-top-center{align-items:center;top:0;left:50%;transform:translate(-50%)}.wui-toast-top-right{align-items:flex-end;top:0;right:0}.wui-toast-bottom-left{flex-direction:column-reverse;align-items:flex-start;bottom:0;left:0}.wui-toast-bottom-center{flex-direction:column-reverse;align-items:center;bottom:0;left:50%;transform:translate(-50%)}.wui-toast-bottom-right{flex-direction:column-reverse;align-items:flex-end;bottom:0;right:0}";
 //#endregion
 export { e as default };
 

package/dist/assets/toast-containers.js.map

@@ -1 +1 @@
-{"version":3,"file":"toast-containers.js","names":[],"sources":["../../src/assets/toast-containers.css?inline"],"sourcesContent":["/* Toast 容器定位 — 由 toast 命令式 API 动态注入到 body */\n\n.wui-toast-container {\n  pointer-events: none;\n\n  position: fixed;\n  z-index: var(--wui-layer-toast, 200);\n\n  overflow-y: auto;\n  overscroll-behavior: contain;\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n\n  max-height: 100vh;\n\n  /* padding 需要 >= 阴影模糊半径，否则 overflow 会裁剪子元素 box-shadow */\n  padding: 20px;\n}\n\n.wui-toast-container > * {\n  pointer-events: auto;\n}\n\n/* ===== 顶部位置 ===== */\n\n.wui-toast-top-left {\n  top: 0;\n  left: 0;\n  align-items: flex-start;\n}\n\n.wui-toast-top-center {\n  top: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  align-items: center;\n}\n\n.wui-toast-top-right {\n  top: 0;\n  right: 0;\n  align-items: flex-end;\n}\n\n/* ===== 底部位置 ===== */\n\n.wui-toast-bottom-left {\n  bottom: 0;\n  left: 0;\n  flex-direction: column-reverse;\n  align-items: flex-start;\n}\n\n.wui-toast-bottom-center {\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n\n  flex-direction: column-reverse;\n  align-items: center;\n}\n\n.wui-toast-bottom-right {\n  right: 0;\n  bottom: 0;\n  flex-direction: column-reverse;\n  align-items: flex-end;\n}\n"],"mappings":""}
+{"version":3,"file":"toast-containers.js","names":[],"sources":["../../src/assets/toast-containers.css?inline"],"sourcesContent":["/* Toast 容器定位 — 由 toast 命令式 API 动态注入到 body */\n\n.wui-toast-container {\n  pointer-events: none;\n\n  position: fixed;\n  z-index: var(--wui-layer-toast, 200);\n\n  overflow-y: auto;\n  overscroll-behavior: contain;\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n\n  max-height: 100vh;\n\n  /* padding 需要 >= 阴影模糊半径，否则 overflow 会裁剪子元素 box-shadow */\n  padding: 24px;\n}\n\n.wui-toast-container > * {\n  pointer-events: auto;\n}\n\n/* ===== 顶部位置 ===== */\n\n.wui-toast-top-left {\n  top: 0;\n  left: 0;\n  align-items: flex-start;\n}\n\n.wui-toast-top-center {\n  top: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  align-items: center;\n}\n\n.wui-toast-top-right {\n  top: 0;\n  right: 0;\n  align-items: flex-end;\n}\n\n/* ===== 底部位置 ===== */\n\n.wui-toast-bottom-left {\n  bottom: 0;\n  left: 0;\n  flex-direction: column-reverse;\n  align-items: flex-start;\n}\n\n.wui-toast-bottom-center {\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n\n  flex-direction: column-reverse;\n  align-items: center;\n}\n\n.wui-toast-bottom-right {\n  right: 0;\n  bottom: 0;\n  flex-direction: column-reverse;\n  align-items: flex-end;\n}\n"],"mappings":""}

package/dist/components/back-top/index.d.ts

@@ -1,7 +1,9 @@
 import { LitElement, PropertyValues } from 'lit';
 export declare class WebUiBackTop extends LitElement {
     static styles: import('lit').CSSResult;
-    smooth: boolean;
+    get scrollBehavior(): 'smooth' | 'auto';
+    set scrollBehavior(value: string);
+    private _scrollBehavior;
     visible: boolean;
     scrollTarget: HTMLElement | Window;
     get threshold(): number;

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

@@ -1,9 +1,8 @@
 import e from "../../_virtual/_@oxc-project_runtime@0.140.0/helpers/esm/decorate.js";
 import "../icon/index.js";
 import t from "../../icons/generated/lucide-arrow-up-to-line.js";
-import { normalizeNumber as n } from "../../shared/normalize/index.js";
+import { normalizeLiteral as n, normalizeNumber as r } from "../../shared/normalize/index.js";
 import "../button/index.js";
-import { booleanWithFalseString as r } from "../../shared/property-converters/boolean-with-false-string.js";
 import i from "./style.js";
 import { LitElement as a, html as o, unsafeCSS as s } from "lit";
 import { customElement as c, property as l, state as u } from "lit/decorators.js";
@@ -11,17 +10,24 @@ import { getRootScrollTop as d } from "@greypan/browser-kit";
 //#region src/components/back-top/index.ts
 var f = class extends a {
 	constructor(...e) {
-		super(...e), this.smooth = !0, this.visible = !1, this.scrollTarget = window, this._threshold = 200;
+		super(...e), this._scrollBehavior = "smooth", this.visible = !1, this.scrollTarget = window, this._threshold = 200;
 	}
 	static {
 		this.styles = s(i);
 	}
+	get scrollBehavior() {
+		return this._scrollBehavior;
+	}
+	set scrollBehavior(e) {
+		let t = this._scrollBehavior;
+		this._scrollBehavior = n(e, ["smooth", "auto"], "smooth"), this.requestUpdate("scrollBehavior", t);
+	}
 	get threshold() {
 		return this._threshold;
 	}
 	set threshold(e) {
 		let t = this._threshold;
-		this._threshold = n(e, 0, 1e4, 200), this.requestUpdate("threshold", t);
+		this._threshold = r(e, 0, 1e4, 200), this.requestUpdate("threshold", t);
 	}
 	connectedCallback() {
 		super.connectedCallback(), this.computeVisible(), this.onScrollTarget();
@@ -30,7 +36,7 @@ var f = class extends a {
 		super.disconnectedCallback(), this.eventController?.abort();
 	}
 	willUpdate(e) {
-		super.willUpdate(e), (e.has("threshold") || e.has("scrollTarget")) && this.computeVisible(), e.has("scrollTarget") && this.hasUpdated && this.onScrollTarget();
+		super.willUpdate(e), (e.has("threshold") || e.has("scrollTarget")) && this.computeVisible(), e.has("scrollTarget") && (this.toggleAttribute("container-mode", this.target !== window), this.onScrollTarget());
 	}
 	get target() {
 		return this.scrollTarget ? this.scrollTarget === window || this.scrollTarget === document.documentElement || this.scrollTarget === document.body ? window : this.scrollTarget : window;
@@ -52,7 +58,7 @@ var f = class extends a {
 	toTop() {
 		this.target.scrollTo({
 			top: 0,
-			behavior: this.smooth ? "smooth" : "auto"
+			behavior: this.scrollBehavior
 		});
 	}
 	onEnter(e) {
@@ -72,14 +78,12 @@ var f = class extends a {
 };
 e([l({
 	reflect: !0,
-	converter: r
-})], f.prototype, "smooth", void 0), e([l({
+	attribute: "scroll-behavior",
+	useDefault: !0
+})], f.prototype, "scrollBehavior", null), e([l({
 	type: Boolean,
 	reflect: !0
-})], f.prototype, "visible", void 0), e([l({
-	type: Object,
-	attribute: !1
-})], f.prototype, "scrollTarget", void 0), e([l({
+})], f.prototype, "visible", void 0), e([l({ attribute: !1 })], f.prototype, "scrollTarget", void 0), e([l({
 	type: Number,
 	reflect: !0
 })], f.prototype, "threshold", null), e([u()], f.prototype, "eventController", void 0), f = e([c("web-ui-back-top")], f);

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/back-top/index.ts"],"sourcesContent":["import { getRootScrollTop } from '@greypan/browser-kit'\nimport { html, LitElement, type PropertyValues, unsafeCSS } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\n\nimport '@/components/icon'\nimport '@/components/button'\nimport { lucideArrowUpToLine } from '@/icons'\nimport { normalizeNumber } from '@/shared/normalize'\nimport { booleanWithFalseString } from '@/shared/property-converters/boolean-with-false-string'\n\nimport style from './style.css?inline'\n\n@customElement('web-ui-back-top')\nexport class WebUiBackTop extends LitElement {\n  static override styles = unsafeCSS(style)\n\n  @property({ reflect: true, converter: booleanWithFalseString }) smooth = true\n  @property({ type: Boolean, reflect: true }) visible = false\n  @property({ type: Object, attribute: false }) scrollTarget: HTMLElement | Window = window\n\n  @property({ type: Number, reflect: true })\n  get threshold(): number {\n    return this._threshold\n  }\n  set threshold(v: number) {\n    const old = this._threshold\n    this._threshold = normalizeNumber(v, 0, 10000, 200)\n    this.requestUpdate('threshold', old)\n  }\n  private _threshold = 200\n\n  @state() private eventController?: AbortController\n\n  override connectedCallback() {\n    super.connectedCallback()\n    this.computeVisible()\n    this.onScrollTarget()\n  }\n\n  override disconnectedCallback() {\n    super.disconnectedCallback()\n    this.eventController?.abort()\n  }\n\n  protected override willUpdate(props: PropertyValues) {\n    super.willUpdate(props)\n\n    if (props.has('threshold') || props.has('scrollTarget')) {\n      this.computeVisible()\n    }\n    if (props.has('scrollTarget') && this.hasUpdated) {\n      this.onScrollTarget()\n    }\n  }\n\n  private get target() {\n    if (!this.scrollTarget) return window\n    const isRoot =\n      this.scrollTarget === window ||\n      this.scrollTarget === document.documentElement ||\n      this.scrollTarget === document.body\n    return isRoot ? window : this.scrollTarget\n  }\n\n  private onScrollTarget() {\n    this.eventController?.abort()\n    this.eventController = new AbortController()\n\n    this.target.addEventListener(\n      'scroll',\n      () => {\n        this.computeVisible()\n      },\n      { signal: this.eventController.signal, passive: true }\n    )\n  }\n\n  private computeVisible() {\n    const target = this.target\n    if (target === window) {\n      this.visible = getRootScrollTop() >= this.threshold\n    } else if (target instanceof HTMLElement) {\n      this.visible = target.scrollTop >= this.threshold\n    } else {\n      throw new Error('Prop scrollTarget must be HTMLElement or Window.')\n    }\n  }\n\n  toTop() {\n    this.target.scrollTo({\n      top: 0,\n      behavior: this.smooth ? 'smooth' : 'auto'\n    })\n  }\n\n  private onEnter(e: KeyboardEvent) {\n    if (e.key === 'Enter') {\n      e.preventDefault()\n      this.toTop()\n    }\n  }\n\n  override render() {\n    return html`\n      <div class=\"back-top-inner\" role=\"button\" tabindex=\"0\" @click=${this.toTop} @keydown=${this.onEnter}>\n        <slot>\n          <web-ui-button tabindex=\"-1\" icon>\n            <web-ui-icon .icon=${lucideArrowUpToLine}></web-ui-icon>\n          </web-ui-button>\n        </slot>\n      </div>\n    `\n  }\n\n  declare readonly $events: Record<string, never>\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'web-ui-back-top': WebUiBackTop\n  }\n}\n"],"mappings":";;;;;;;;;;;AAaO,IAAM,IAAN,cAA2B,EAAW;;EAgBtB,aAboD,KAAA,SAAA,IACnB,KAAA,UAAA,IAC6B,KAAA,eAAA,QAW9D,KAAA,aAAA;;;EAfI,KAAA,SAAA,EAAU,CAAK;;CAMxC,IACI,YAAoB;EACtB,OAAO,KAAK;CACd;CACA,IAAI,UAAU,GAAW;EACvB,IAAM,IAAM,KAAK;EAEjB,AADA,KAAK,aAAa,EAAgB,GAAG,GAAG,KAAO,GAAG,GAClD,KAAK,cAAc,aAAa,CAAG;CACrC;CAKA,oBAA6B;EAG3B,AAFA,MAAM,kBAAkB,GACxB,KAAK,eAAe,GACpB,KAAK,eAAe;CACtB;CAEA,uBAAgC;EAE9B,AADA,MAAM,qBAAqB,GAC3B,KAAK,iBAAiB,MAAM;CAC9B;CAEA,WAA8B,GAAuB;EAMnD,AALA,MAAM,WAAW,CAAK,IAElB,EAAM,IAAI,WAAW,KAAK,EAAM,IAAI,cAAc,MACpD,KAAK,eAAe,GAElB,EAAM,IAAI,cAAc,KAAK,KAAK,cACpC,KAAK,eAAe;CAExB;CAEA,IAAY,SAAS;EAMnB,OALK,KAAK,eAER,KAAK,iBAAiB,UACtB,KAAK,iBAAiB,SAAS,mBAC/B,KAAK,iBAAiB,SAAS,OACjB,SAAS,KAAK,eALC;CAMjC;CAEA,iBAAyB;EAIvB,AAHA,KAAK,iBAAiB,MAAM,GAC5B,KAAK,kBAAkB,IAAI,gBAAgB,GAE3C,KAAK,OAAO,iBACV,gBACM;GACJ,KAAK,eAAe;EACtB,GACA;GAAE,QAAQ,KAAK,gBAAgB;GAAQ,SAAS;EAAK,CACvD;CACF;CAEA,iBAAyB;EACvB,IAAM,IAAS,KAAK;EACpB,IAAI,MAAW,QACb,KAAK,UAAU,EAAiB,KAAK,KAAK;OACrC,IAAI,aAAkB,aAC3B,KAAK,UAAU,EAAO,aAAa,KAAK;OAExC,MAAU,MAAM,kDAAkD;CAEtE;CAEA,QAAQ;EACN,KAAK,OAAO,SAAS;GACnB,KAAK;GACL,UAAU,KAAK,SAAS,WAAW;EACrC,CAAC;CACH;CAEA,QAAgB,GAAkB;EAChC,AAAI,EAAE,QAAQ,YACZ,EAAE,eAAe,GACjB,KAAK,MAAM;CAEf;CAEA,SAAkB;EAChB,OAAO,CAAI;sEACuD,KAAK,MAAM,YAAY,KAAK,QAAQ;;;iCAGzE,EAAoB;;;;;CAKnD;AAGF;AAnGG,EAAA,CAAA,EAAS;CAAE,SAAS;CAAM,WAAW;AAAuB,CAAC,CAAA,GAAA,EAAA,WAAA,UAAA,KAAA,CAAA,GAC7D,EAAA,CAAA,EAAS;CAAE,MAAM;CAAS,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,WAAA,KAAA,CAAA,GACzC,EAAA,CAAA,EAAS;CAAE,MAAM;CAAQ,WAAW;AAAM,CAAC,CAAA,GAAA,EAAA,WAAA,gBAAA,KAAA,CAAA,GAE3C,EAAA,CAAA,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,aAAA,IAAA,GAWxC,EAAA,CAAA,EAAM,CAAA,GAAA,EAAA,WAAA,mBAAA,KAAA,CAAA,GAnBR,IAAA,EAAA,CAAA,EAAc,iBAAiB,CAAA,GAAA,CAAA"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/back-top/index.ts"],"sourcesContent":["import { getRootScrollTop } from '@greypan/browser-kit'\nimport { html, LitElement, type PropertyValues, unsafeCSS } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\n\nimport '@/components/icon'\nimport '@/components/button'\nimport { lucideArrowUpToLine } from '@/icons'\nimport { normalizeLiteral, normalizeNumber } from '@/shared/normalize'\n\nimport style from './style.css?inline'\n\n@customElement('web-ui-back-top')\nexport class WebUiBackTop extends LitElement {\n  static override styles = unsafeCSS(style)\n\n  @property({ reflect: true, attribute: 'scroll-behavior', useDefault: true })\n  get scrollBehavior(): 'smooth' | 'auto' {\n    return this._scrollBehavior\n  }\n  set scrollBehavior(value: string) {\n    const old = this._scrollBehavior\n    this._scrollBehavior = normalizeLiteral(value, ['smooth', 'auto'] as const, 'smooth')\n    this.requestUpdate('scrollBehavior', old)\n  }\n  private _scrollBehavior: 'smooth' | 'auto' = 'smooth'\n  @property({ type: Boolean, reflect: true }) visible = false\n  @property({ attribute: false }) scrollTarget: HTMLElement | Window = window\n\n  @property({ type: Number, reflect: true })\n  get threshold(): number {\n    return this._threshold\n  }\n  set threshold(v: number) {\n    const old = this._threshold\n    this._threshold = normalizeNumber(v, 0, 10000, 200)\n    this.requestUpdate('threshold', old)\n  }\n  private _threshold = 200\n\n  @state() private eventController?: AbortController\n\n  override connectedCallback() {\n    super.connectedCallback()\n    this.computeVisible()\n    this.onScrollTarget()\n  }\n\n  override disconnectedCallback() {\n    super.disconnectedCallback()\n    this.eventController?.abort()\n  }\n\n  protected override willUpdate(props: PropertyValues) {\n    super.willUpdate(props)\n\n    if (props.has('threshold') || props.has('scrollTarget')) {\n      this.computeVisible()\n    }\n    // 不设 hasUpdated 门控：scrollTarget 可能在首次更新完成前赋值（如框架 onMounted 中），\n    // 此时 connectedCallback 已按 window 绑定，必须重绑到新容器；onScrollTarget 幂等，重复调用安全\n    if (props.has('scrollTarget')) {\n      // 容器模式：scrollTarget 为元素时按钮通过 sticky 悬浮于容器底部，而非固定视口角落\n      this.toggleAttribute('container-mode', this.target !== window)\n      this.onScrollTarget()\n    }\n  }\n\n  private get target() {\n    if (!this.scrollTarget) return window\n    const isRoot =\n      this.scrollTarget === window ||\n      this.scrollTarget === document.documentElement ||\n      this.scrollTarget === document.body\n    return isRoot ? window : this.scrollTarget\n  }\n\n  private onScrollTarget() {\n    this.eventController?.abort()\n    this.eventController = new AbortController()\n\n    this.target.addEventListener(\n      'scroll',\n      () => {\n        this.computeVisible()\n      },\n      { signal: this.eventController.signal, passive: true }\n    )\n  }\n\n  private computeVisible() {\n    const target = this.target\n    if (target === window) {\n      this.visible = getRootScrollTop() >= this.threshold\n    } else if (target instanceof HTMLElement) {\n      this.visible = target.scrollTop >= this.threshold\n    } else {\n      throw new Error('Prop scrollTarget must be HTMLElement or Window.')\n    }\n  }\n\n  toTop() {\n    this.target.scrollTo({\n      top: 0,\n      behavior: this.scrollBehavior\n    })\n  }\n\n  private onEnter(e: KeyboardEvent) {\n    if (e.key === 'Enter') {\n      e.preventDefault()\n      this.toTop()\n    }\n  }\n\n  override render() {\n    return html`\n      <div class=\"back-top-inner\" role=\"button\" tabindex=\"0\" @click=${this.toTop} @keydown=${this.onEnter}>\n        <slot>\n          <web-ui-button tabindex=\"-1\" icon>\n            <web-ui-icon .icon=${lucideArrowUpToLine}></web-ui-icon>\n          </web-ui-button>\n        </slot>\n      </div>\n    `\n  }\n\n  declare readonly $events: Record<string, never>\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'web-ui-back-top': WebUiBackTop\n  }\n}\n"],"mappings":";;;;;;;;;;AAYO,IAAM,IAAN,cAA2B,EAAW;;EAyBtB,aAbwB,KAAA,kBAAA,UACS,KAAA,UAAA,IACe,KAAA,eAAA,QAWhD,KAAA,aAAA;;;EAxBI,KAAA,SAAA,EAAU,CAAK;;CAExC,IACI,iBAAoC;EACtC,OAAO,KAAK;CACd;CACA,IAAI,eAAe,GAAe;EAChC,IAAM,IAAM,KAAK;EAEjB,AADA,KAAK,kBAAkB,EAAiB,GAAO,CAAC,UAAU,MAAM,GAAY,QAAQ,GACpF,KAAK,cAAc,kBAAkB,CAAG;CAC1C;CAKA,IACI,YAAoB;EACtB,OAAO,KAAK;CACd;CACA,IAAI,UAAU,GAAW;EACvB,IAAM,IAAM,KAAK;EAEjB,AADA,KAAK,aAAa,EAAgB,GAAG,GAAG,KAAO,GAAG,GAClD,KAAK,cAAc,aAAa,CAAG;CACrC;CAKA,oBAA6B;EAG3B,AAFA,MAAM,kBAAkB,GACxB,KAAK,eAAe,GACpB,KAAK,eAAe;CACtB;CAEA,uBAAgC;EAE9B,AADA,MAAM,qBAAqB,GAC3B,KAAK,iBAAiB,MAAM;CAC9B;CAEA,WAA8B,GAAuB;EAQnD,AAPA,MAAM,WAAW,CAAK,IAElB,EAAM,IAAI,WAAW,KAAK,EAAM,IAAI,cAAc,MACpD,KAAK,eAAe,GAIlB,EAAM,IAAI,cAAc,MAE1B,KAAK,gBAAgB,kBAAkB,KAAK,WAAW,MAAM,GAC7D,KAAK,eAAe;CAExB;CAEA,IAAY,SAAS;EAMnB,OALK,KAAK,eAER,KAAK,iBAAiB,UACtB,KAAK,iBAAiB,SAAS,mBAC/B,KAAK,iBAAiB,SAAS,OACjB,SAAS,KAAK,eALC;CAMjC;CAEA,iBAAyB;EAIvB,AAHA,KAAK,iBAAiB,MAAM,GAC5B,KAAK,kBAAkB,IAAI,gBAAgB,GAE3C,KAAK,OAAO,iBACV,gBACM;GACJ,KAAK,eAAe;EACtB,GACA;GAAE,QAAQ,KAAK,gBAAgB;GAAQ,SAAS;EAAK,CACvD;CACF;CAEA,iBAAyB;EACvB,IAAM,IAAS,KAAK;EACpB,IAAI,MAAW,QACb,KAAK,UAAU,EAAiB,KAAK,KAAK;OACrC,IAAI,aAAkB,aAC3B,KAAK,UAAU,EAAO,aAAa,KAAK;OAExC,MAAU,MAAM,kDAAkD;CAEtE;CAEA,QAAQ;EACN,KAAK,OAAO,SAAS;GACnB,KAAK;GACL,UAAU,KAAK;EACjB,CAAC;CACH;CAEA,QAAgB,GAAkB;EAChC,AAAI,EAAE,QAAQ,YACZ,EAAE,eAAe,GACjB,KAAK,MAAM;CAEf;CAEA,SAAkB;EAChB,OAAO,CAAI;sEACuD,KAAK,MAAM,YAAY,KAAK,QAAQ;;;iCAGzE,EAAoB;;;;;CAKnD;AAGF;AAhHG,EAAA,CAAA,EAAS;CAAE,SAAS;CAAM,WAAW;CAAmB,YAAY;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,kBAAA,IAAA,GAU1E,EAAA,CAAA,EAAS;CAAE,MAAM;CAAS,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,WAAA,KAAA,CAAA,GACzC,EAAA,CAAA,EAAS,EAAE,WAAW,GAAM,CAAC,CAAA,GAAA,EAAA,WAAA,gBAAA,KAAA,CAAA,GAE7B,EAAA,CAAA,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,aAAA,IAAA,GAWxC,EAAA,CAAA,EAAM,CAAA,GAAA,EAAA,WAAA,mBAAA,KAAA,CAAA,GA5BR,IAAA,EAAA,CAAA,EAAc,iBAAiB,CAAA,GAAA,CAAA"}

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

@@ -1,5 +1,5 @@
 //#region src/components/back-top/style.css?inline
-var e = "*,:before,:after{box-sizing:border-box}:host{--wui-shadow-glass:var(--wui-shadow-pop);display:block}.back-top-inner{pointer-events:none;z-index:var(--web-ui-back-top-z-index,var(--wui-layer-auxiliary,20));top:var(--web-ui-back-top-top,auto);right:var(--web-ui-back-top-right,20px);bottom:var(--web-ui-back-top-bottom,20px);left:var(--web-ui-back-top-left,auto);visibility:hidden;opacity:0;position:fixed}.back-top-inner .back-top-inner:focus-visible{outline:3px solid var(--wui-focus-ring,#08f6);outline-offset:2px;border-radius:2147483647px}:host([visible]) .back-top-inner{pointer-events:auto;visibility:visible;opacity:1}";
+var e = "*,:before,:after{box-sizing:border-box}:host{--wui-shadow-glass:var(--wui-shadow-pop);display:block}:host([container-mode]){bottom:var(--web-ui-back-top-bottom,20px);position:sticky}.back-top-inner{pointer-events:none;z-index:var(--web-ui-back-top-z-index,var(--wui-layer-auxiliary,20));top:var(--web-ui-back-top-top,auto);right:var(--web-ui-back-top-right,20px);bottom:var(--web-ui-back-top-bottom,20px);left:var(--web-ui-back-top-left,auto);visibility:hidden;opacity:0;position:fixed}.back-top-inner .back-top-inner:focus-visible{outline:3px solid var(--wui-focus-ring,#08f6);outline-offset:2px;border-radius:2147483647px}:host([container-mode]) .back-top-inner{margin-right:var(--web-ui-back-top-right,20px);margin-left:var(--web-ui-back-top-left,auto);position:static}:host([visible]) .back-top-inner{pointer-events:auto;visibility:visible;opacity:1}";
 //#endregion
 export { e as default };
 

package/dist/components/back-top/style.js.map

@@ -1 +1 @@
-{"version":3,"file":"style.js","names":[],"sources":["../../../src/components/back-top/style.css?inline"],"sourcesContent":["*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\n\n:host {\n  --wui-shadow-glass: var(--wui-shadow-pop);\n  display: block;\n}\n\n.back-top-inner {\n  pointer-events: none;\n\n  position: fixed;\n  z-index: var(--web-ui-back-top-z-index, var(--wui-layer-auxiliary, 20));\n  top: var(--web-ui-back-top-top, auto);\n  right: var(--web-ui-back-top-right, 20px);\n  bottom: var(--web-ui-back-top-bottom, 20px);\n  left: var(--web-ui-back-top-left, auto);\n\n  visibility: hidden;\n  opacity: 0;\n\n  .back-top-inner:focus-visible {\n    border-radius: calc(infinity * 1px);\n    outline: 3px solid var(--wui-focus-ring, rgb(0 136 255 / 0.4));\n    outline-offset: 2px;\n  }\n}\n\n:host([visible]) .back-top-inner {\n  pointer-events: auto;\n  visibility: visible;\n  opacity: 1;\n}\n"],"mappings":""}
+{"version":3,"file":"style.js","names":[],"sources":["../../../src/components/back-top/style.css?inline"],"sourcesContent":["*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\n\n:host {\n  --wui-shadow-glass: var(--wui-shadow-pop);\n  display: block;\n}\n\n/* 容器模式：scrollTarget 为元素时按钮悬浮于容器底部（元素需置于容器内部），\n   横向偏移沿用 --web-ui-back-top-left/right，纵向沿用 --web-ui-back-top-bottom */\n:host([container-mode]) {\n  position: sticky;\n  bottom: var(--web-ui-back-top-bottom, 20px);\n}\n\n.back-top-inner {\n  pointer-events: none;\n\n  position: fixed;\n  z-index: var(--web-ui-back-top-z-index, var(--wui-layer-auxiliary, 20));\n  top: var(--web-ui-back-top-top, auto);\n  right: var(--web-ui-back-top-right, 20px);\n  bottom: var(--web-ui-back-top-bottom, 20px);\n  left: var(--web-ui-back-top-left, auto);\n\n  visibility: hidden;\n  opacity: 0;\n\n  .back-top-inner:focus-visible {\n    border-radius: calc(infinity * 1px);\n    outline: 3px solid var(--wui-focus-ring, rgb(0 136 255 / 0.4));\n    outline-offset: 2px;\n  }\n}\n\n/* 容器模式下按钮脱离 fixed，改为流内布局并按偏移变量左/右对齐 */\n:host([container-mode]) .back-top-inner {\n  position: static;\n  margin-right: var(--web-ui-back-top-right, 20px);\n  margin-left: var(--web-ui-back-top-left, auto);\n}\n\n:host([visible]) .back-top-inner {\n  pointer-events: auto;\n  visibility: visible;\n  opacity: 1;\n}\n"],"mappings":""}

package/dist/components/context-menu/index.d.ts

@@ -1,8 +1,8 @@
 import { LitElement } from 'lit';
 export declare class WebUiContextMenu extends LitElement {
-    static styles: import('lit').CSSResult[];
+    static styles: import('lit').CSSResult;
     disabled: boolean;
-    lockScroll: boolean;
+    noScrollLock: boolean;
     private _isOpen;
     private _x;
     private _y;
@@ -14,7 +14,7 @@ export declare class WebUiContextMenu extends LitElement {
     private _ignoreOutsideClickTimer?;
     private _hoverCleanupFns;
     private _menu?;
-    private _hasScrollLock;
+    private readonly _scrollLock;
     private _restoreFocusTarget?;
     private _shouldOpenInstantly;
     /** 当前菜单是否打开 */
@@ -55,7 +55,6 @@ export declare class WebUiContextMenu extends LitElement {
     private _onKeydown;
     private _onClickOutside;
     private _onMenuClick;
-    private _getDropdownItemFromEvent;
     private _getLevelItems;
     private _bindLevelHovers;
     private _ignoreCurrentOutsideClick;