@greypan/web-ui 12.0.0 → 12.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.CN.md +2 -0
- package/README.md +2 -0
- package/dist/assets/menu-portal.js +1 -1
- package/dist/assets/menu-portal.js.map +1 -1
- package/dist/assets/toast-containers.js +1 -1
- package/dist/assets/toast-containers.js.map +1 -1
- package/dist/components/autocomplete/index.d.ts +5 -0
- package/dist/components/autocomplete/index.d.ts.map +1 -1
- package/dist/components/autocomplete/index.js +17 -1
- package/dist/components/autocomplete/index.js.map +1 -1
- package/dist/components/autocomplete/style.js +1 -1
- package/dist/components/autocomplete/style.js.map +1 -1
- package/dist/components/back-top/style.js +1 -1
- package/dist/components/back-top/style.js.map +1 -1
- package/dist/components/button-group/style.js +1 -1
- package/dist/components/button-group/style.js.map +1 -1
- package/dist/components/collapse/index.d.ts +2 -2
- package/dist/components/collapse/index.js.map +1 -1
- package/dist/components/collapse/style.js.map +1 -1
- package/dist/components/dialog/index.d.ts +5 -1
- package/dist/components/dialog/index.d.ts.map +1 -1
- package/dist/components/dialog/index.js +16 -4
- package/dist/components/dialog/index.js.map +1 -1
- package/dist/components/dialog/style.js +1 -1
- package/dist/components/dialog/style.js.map +1 -1
- package/dist/components/drawer/index.js.map +1 -1
- package/dist/components/drawer/style.js.map +1 -1
- package/dist/components/dropdown/index.js +1 -1
- package/dist/components/icon/index.d.ts +1 -1
- package/dist/components/icon/index.d.ts.map +1 -1
- package/dist/components/index.d.ts +3 -2
- package/dist/components/index.d.ts.map +1 -1
- package/dist/components/index.js +2 -1
- package/dist/components/layout/index.d.ts +8 -0
- package/dist/components/layout/index.d.ts.map +1 -1
- package/dist/components/layout/index.js +23 -13
- package/dist/components/layout/index.js.map +1 -1
- package/dist/components/layout/style.js +1 -1
- package/dist/components/layout/style.js.map +1 -1
- package/dist/components/popover/index.js +1 -1
- package/dist/components/popover/style.js +1 -1
- package/dist/components/popover/style.js.map +1 -1
- package/dist/components/progress/index.d.ts +30 -0
- package/dist/components/progress/index.d.ts.map +1 -0
- package/dist/components/progress/index.js +103 -0
- package/dist/components/progress/index.js.map +1 -0
- package/dist/components/progress/style.js +5 -0
- package/dist/components/progress/style.js.map +1 -0
- package/dist/components/segmented-trigger/index.d.ts +2 -0
- package/dist/components/segmented-trigger/index.d.ts.map +1 -1
- package/dist/components/segmented-trigger/index.js +7 -0
- package/dist/components/segmented-trigger/index.js.map +1 -1
- package/dist/components/select/index.d.ts +13 -0
- package/dist/components/select/index.d.ts.map +1 -1
- package/dist/components/select/index.js +41 -3
- package/dist/components/select/index.js.map +1 -1
- package/dist/components/select/style.js +1 -1
- package/dist/components/select/style.js.map +1 -1
- package/dist/components/spinner/index.d.ts +0 -3
- package/dist/components/spinner/index.d.ts.map +1 -1
- package/dist/components/spinner/index.js +5 -20
- package/dist/components/spinner/index.js.map +1 -1
- package/dist/components/spinner/style.js +1 -1
- package/dist/components/spinner/style.js.map +1 -1
- package/dist/components/theme/style.js +1 -1
- package/dist/components/theme/style.js.map +1 -1
- package/dist/components/tooltip/index.js +1 -1
- package/dist/components/tooltip/style.js +1 -1
- package/dist/components/tooltip/style.js.map +1 -1
- package/dist/icons/generated/ant-design-sync-outlined.d.ts +7 -0
- package/dist/icons/generated/ant-design-sync-outlined.d.ts.map +1 -0
- package/dist/icons/generated/ant-design-sync-outlined.js +9 -0
- package/dist/icons/generated/ant-design-sync-outlined.js.map +1 -0
- package/dist/icons/generated/ic-baseline-phonelink.d.ts +7 -0
- package/dist/icons/generated/ic-baseline-phonelink.d.ts.map +1 -0
- package/dist/icons/generated/ic-baseline-phonelink.js +9 -0
- package/dist/icons/generated/ic-baseline-phonelink.js.map +1 -0
- package/dist/icons/generated/ic-outline-motion-photos-off.d.ts +7 -0
- package/dist/icons/generated/ic-outline-motion-photos-off.d.ts.map +1 -0
- package/dist/icons/generated/ic-outline-motion-photos-off.js +9 -0
- package/dist/icons/generated/ic-outline-motion-photos-off.js.map +1 -0
- package/dist/icons/generated/ic-outline-motion-photos-on.d.ts +7 -0
- package/dist/icons/generated/ic-outline-motion-photos-on.d.ts.map +1 -0
- package/dist/icons/generated/ic-outline-motion-photos-on.js +9 -0
- package/dist/icons/generated/ic-outline-motion-photos-on.js.map +1 -0
- package/dist/icons/generated/ic-round-menu-open.d.ts +7 -0
- package/dist/icons/generated/ic-round-menu-open.d.ts.map +1 -0
- package/dist/icons/generated/ic-round-menu-open.js +9 -0
- package/dist/icons/generated/ic-round-menu-open.js.map +1 -0
- package/dist/icons/generated/lucide-accessibility.d.ts +7 -0
- package/dist/icons/generated/lucide-accessibility.d.ts.map +1 -0
- package/dist/icons/generated/lucide-accessibility.js +9 -0
- package/dist/icons/generated/lucide-accessibility.js.map +1 -0
- package/dist/icons/generated/lucide-boxes.d.ts +7 -0
- package/dist/icons/generated/lucide-boxes.d.ts.map +1 -0
- package/dist/icons/generated/lucide-boxes.js +9 -0
- package/dist/icons/generated/lucide-boxes.js.map +1 -0
- package/dist/icons/generated/lucide-contrast.d.ts +7 -0
- package/dist/icons/generated/lucide-contrast.d.ts.map +1 -0
- package/dist/icons/generated/lucide-contrast.js +9 -0
- package/dist/icons/generated/lucide-contrast.js.map +1 -0
- package/dist/icons/generated/lucide-keyboard.d.ts +7 -0
- package/dist/icons/generated/lucide-keyboard.d.ts.map +1 -0
- package/dist/icons/generated/lucide-keyboard.js +9 -0
- package/dist/icons/generated/lucide-keyboard.js.map +1 -0
- package/dist/icons/generated/lucide-languages.d.ts +7 -0
- package/dist/icons/generated/lucide-languages.d.ts.map +1 -0
- package/dist/icons/generated/lucide-languages.js +9 -0
- package/dist/icons/generated/lucide-languages.js.map +1 -0
- package/dist/icons/generated/lucide-list.d.ts +7 -0
- package/dist/icons/generated/lucide-list.d.ts.map +1 -0
- package/dist/icons/generated/lucide-list.js +9 -0
- package/dist/icons/generated/lucide-list.js.map +1 -0
- package/dist/icons/generated/lucide-moon.d.ts +7 -0
- package/dist/icons/generated/lucide-moon.d.ts.map +1 -0
- package/dist/icons/generated/lucide-moon.js +9 -0
- package/dist/icons/generated/lucide-moon.js.map +1 -0
- package/dist/icons/generated/lucide-sparkles.d.ts +7 -0
- package/dist/icons/generated/lucide-sparkles.d.ts.map +1 -0
- package/dist/icons/generated/lucide-sparkles.js +9 -0
- package/dist/icons/generated/lucide-sparkles.js.map +1 -0
- package/dist/icons/generated/lucide-sun.d.ts +7 -0
- package/dist/icons/generated/lucide-sun.d.ts.map +1 -0
- package/dist/icons/generated/lucide-sun.js +9 -0
- package/dist/icons/generated/lucide-sun.js.map +1 -0
- package/dist/icons/generated/tabler-brand-typescript.d.ts +7 -0
- package/dist/icons/generated/tabler-brand-typescript.d.ts.map +1 -0
- package/dist/icons/generated/tabler-brand-typescript.js +9 -0
- package/dist/icons/generated/tabler-brand-typescript.js.map +1 -0
- package/dist/icons/index.d.ts +87 -72
- package/dist/icons/index.js +16 -1
- package/dist/shared/group-management/index.js.map +1 -1
- package/dist/shared/locale/builtin-labels.js +2 -1
- package/dist/shared/locale/builtin-labels.js.map +1 -1
- package/dist/shared/open-state/index.js.map +1 -1
- package/dist/shared/overlay/overlay.js.map +1 -1
- package/package.json +4 -2
package/README.CN.md
CHANGED
|
@@ -312,6 +312,7 @@ Boolean 属性必须用 **camelCase 属性名**绑定,而不是 kebab-case att
|
|
|
312
312
|
```vue
|
|
313
313
|
<web-ui-layout
|
|
314
314
|
header-glow
|
|
315
|
+
sidebar-collapsible
|
|
315
316
|
:sidebarCollapsed="sidebarCollapsed"
|
|
316
317
|
:sidebarOpen="sidebarOpen"
|
|
317
318
|
@sidebar-collapsed-change="sidebarCollapsed = $event.detail.collapsed"
|
|
@@ -413,6 +414,7 @@ dropdown、tooltip)不需要它。
|
|
|
413
414
|
| | [`<web-ui-empty>`](https://github.com/pan-Z2l0aHVi/mono/blob/main/packages/web-ui/docs/empty.CN.md) |
|
|
414
415
|
| | [`<web-ui-middle-ellipsis>`](https://github.com/pan-Z2l0aHVi/mono/blob/main/packages/web-ui/docs/middle-ellipsis.CN.md) |
|
|
415
416
|
| | [`<web-ui-icon>`](https://github.com/pan-Z2l0aHVi/mono/blob/main/packages/web-ui/docs/icon.CN.md) |
|
|
417
|
+
| | [`<web-ui-progress>`](https://github.com/pan-Z2l0aHVi/mono/blob/main/packages/web-ui/docs/progress.CN.md) |
|
|
416
418
|
| | [`<web-ui-spinner>`](https://github.com/pan-Z2l0aHVi/mono/blob/main/packages/web-ui/docs/spinner.CN.md) |
|
|
417
419
|
| **布局与工具** | [`<web-ui-layout>`](https://github.com/pan-Z2l0aHVi/mono/blob/main/packages/web-ui/docs/layout.CN.md) |
|
|
418
420
|
| | [`<web-ui-back-top>`](https://github.com/pan-Z2l0aHVi/mono/blob/main/packages/web-ui/docs/back-top.CN.md) |
|
package/README.md
CHANGED
|
@@ -343,6 +343,7 @@ produces the string `"false"`, which is truthy. Binding the camelCase name (`:si
|
|
|
343
343
|
```vue
|
|
344
344
|
<web-ui-layout
|
|
345
345
|
header-glow
|
|
346
|
+
sidebar-collapsible
|
|
346
347
|
:sidebarCollapsed="sidebarCollapsed"
|
|
347
348
|
:sidebarOpen="sidebarOpen"
|
|
348
349
|
@sidebar-collapsed-change="sidebarCollapsed = $event.detail.collapsed"
|
|
@@ -452,6 +453,7 @@ Every component has its own doc page: API reference, behavior notes and interact
|
|
|
452
453
|
| | [`<web-ui-empty>`](https://github.com/pan-Z2l0aHVi/mono/blob/main/packages/web-ui/docs/empty.md) |
|
|
453
454
|
| | [`<web-ui-middle-ellipsis>`](https://github.com/pan-Z2l0aHVi/mono/blob/main/packages/web-ui/docs/middle-ellipsis.md) |
|
|
454
455
|
| | [`<web-ui-icon>`](https://github.com/pan-Z2l0aHVi/mono/blob/main/packages/web-ui/docs/icon.md) |
|
|
456
|
+
| | [`<web-ui-progress>`](https://github.com/pan-Z2l0aHVi/mono/blob/main/packages/web-ui/docs/progress.md) |
|
|
455
457
|
| | [`<web-ui-spinner>`](https://github.com/pan-Z2l0aHVi/mono/blob/main/packages/web-ui/docs/spinner.md) |
|
|
456
458
|
| **Layout & Utility** | [`<web-ui-layout>`](https://github.com/pan-Z2l0aHVi/mono/blob/main/packages/web-ui/docs/layout.md) |
|
|
457
459
|
| | [`<web-ui-back-top>`](https://github.com/pan-Z2l0aHVi/mono/blob/main/packages/web-ui/docs/back-top.md) |
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
// src/assets/menu-portal.css?inline
|
|
2
|
-
var menu_portal_default = ".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);--wui-color-glass-ring:transparent;-webkit-user-select:none;user-select:none;z-index:var(--wui-layer-menu,
|
|
2
|
+
var menu_portal_default = ".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);--wui-color-glass-ring:transparent;-webkit-user-select:none;user-select:none;z-index:var(--wui-layer-menu,1000);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,#fafafac2);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:var(--wui-space-1,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\"]){z-index:var(--wui-layer-menu-nested,1100)}.wui-menu-portal-overlay.wui-floating-panel.context-submenu{z-index:var(--wui-layer-menu-nested,1100)}\n";
|
|
3
3
|
export { menu_portal_default as default };
|
|
4
4
|
|
|
5
5
|
//# sourceMappingURL=menu-portal.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"menu-portal.js","names":[],"sources":["../../src/assets/menu-portal.css?inline"],"sourcesContent":["/* menu panel:wui-glass 玻璃(背景/描边/阴影)由 panel 自身承担,随 panel opacity 与\n backdrop-filter 插值一起过渡(单层玻璃,见 overlay-motion.css)。\n 选择器用 .wui-menu-portal-overlay.wui-floating-panel(0,2,0)压制 .wui-glass\n (0,1,0):panel 无自有 shadow root,直接挂在宿主 shadow(overlay root 的 \\3c style>\n 或 dialog 的 adopted stylesheets)里,若只用单类选择器,dialog 场景下宿主 adopted\n stylesheets 的 .wui-glass 会在层叠中晚于 panel 内联 \\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\n /* menu 族 panel 把环底色转 transparent。底色是环里唯一覆盖长边中段的一层(见 glass.css\n 的说明),而 menu panel 宽远大于角半径 18px——按几何它只负责很短的一段,读出来却像\n 一条比四角更重的直边描边,边界感比四角强。转 transparent 后环只剩四段角弧,\n 斜向受光/背光光影(sheen + shade 的两枚对角 radial)完整保留,边界改由这两层\n 承担。handle 类玻璃面(switch/slider/segmented thumb)只在按压/拖拽态做同样处理:\n 它们的短边半径就是 thumb 尺寸的一半,长边长不过 3R,底色几乎不覆盖任何中段,\n 去掉它只去掉一层均匀灰 tint,不改变环的可见形状。 */\n --wui-color-glass-ring: transparent;\n user-select: none;\n\n position: fixed;\n z-index: var(--wui-layer-menu,
|
|
1
|
+
{"version":3,"file":"menu-portal.js","names":[],"sources":["../../src/assets/menu-portal.css?inline"],"sourcesContent":["/* menu panel:wui-glass 玻璃(背景/描边/阴影)由 panel 自身承担,随 panel opacity 与\n backdrop-filter 插值一起过渡(单层玻璃,见 overlay-motion.css)。\n 选择器用 .wui-menu-portal-overlay.wui-floating-panel(0,2,0)压制 .wui-glass\n (0,1,0):panel 无自有 shadow root,直接挂在宿主 shadow(overlay root 的 \\3c style>\n 或 dialog 的 adopted stylesheets)里,若只用单类选择器,dialog 场景下宿主 adopted\n stylesheets 的 .wui-glass 会在层叠中晚于 panel 内联 \\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\n /* menu 族 panel 把环底色转 transparent。底色是环里唯一覆盖长边中段的一层(见 glass.css\n 的说明),而 menu panel 宽远大于角半径 18px——按几何它只负责很短的一段,读出来却像\n 一条比四角更重的直边描边,边界感比四角强。转 transparent 后环只剩四段角弧,\n 斜向受光/背光光影(sheen + shade 的两枚对角 radial)完整保留,边界改由这两层\n 承担。handle 类玻璃面(switch/slider/segmented thumb)只在按压/拖拽态做同样处理:\n 它们的短边半径就是 thumb 尺寸的一半,长边长不过 3R,底色几乎不覆盖任何中段,\n 去掉它只去掉一层均匀灰 tint,不改变环的可见形状。 */\n --wui-color-glass-ring: transparent;\n user-select: none;\n\n position: fixed;\n z-index: var(--wui-layer-menu, 1000);\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 /* 玻璃背景:panel 自身 overflow:hidden 不裁自身的 box-shadow(box-shadow 不受\n 元素自身 overflow 影响)。 */\n background-color: var(--wui-color-surface-menu, rgb(250 250 250 / 0.76));\n\n & .wui-menu-scroll {\n overflow-y: auto;\n max-height: 80vh;\n }\n\n & .wui-menu-content {\n padding: var(--wui-space-1, 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, 1100);\n }\n }\n\n &.context-submenu {\n z-index: var(--wui-layer-menu-nested, 1100);\n }\n}\n"],"mappings":";AAOA,IAAA,sBAAA"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
// src/assets/toast-containers.css?inline
|
|
2
|
-
var toast_containers_default = ".wui-toast-container{--wui-toast-viewport-gap:16px;--wui-toast-container-padding:40px;pointer-events:none;z-index:var(--wui-layer-toast,
|
|
2
|
+
var toast_containers_default = ".wui-toast-container{--wui-toast-viewport-gap:16px;--wui-toast-container-padding:40px;--wui-internal-toast-top:calc(var(--wui-toast-viewport-gap) - var(--wui-toast-container-padding) + var(--wui-toast-top-offset,0px));pointer-events:none;z-index:var(--wui-layer-toast,2000);overscroll-behavior:contain;gap:var(--wui-space-2,8px);max-height:calc(100vh + 2 * (var(--wui-toast-container-padding) - var(--wui-toast-viewport-gap)));padding:var(--wui-toast-container-padding);flex-direction:column;display:flex;position:fixed;overflow-y:auto}.wui-toast-container>*{pointer-events:auto}.wui-toast-top-left{top:var(--wui-internal-toast-top);left:calc(var(--wui-toast-viewport-gap) - var(--wui-toast-container-padding));align-items:flex-start}.wui-toast-top-center{top:var(--wui-internal-toast-top);align-items:center;left:50%;transform:translate(-50%)}.wui-toast-top-right{top:var(--wui-internal-toast-top);right:calc(var(--wui-toast-viewport-gap) - var(--wui-toast-container-padding));align-items:flex-end}.wui-toast-bottom-left{bottom:calc(var(--wui-toast-viewport-gap) - var(--wui-toast-container-padding));left:calc(var(--wui-toast-viewport-gap) - var(--wui-toast-container-padding));flex-direction:column-reverse;align-items:flex-start}.wui-toast-bottom-center{bottom:calc(var(--wui-toast-viewport-gap) - var(--wui-toast-container-padding));flex-direction:column-reverse;align-items:center;left:50%;transform:translate(-50%)}.wui-toast-bottom-right{right:calc(var(--wui-toast-viewport-gap) - var(--wui-toast-container-padding));bottom:calc(var(--wui-toast-viewport-gap) - var(--wui-toast-container-padding));flex-direction:column-reverse;align-items:flex-end}\n";
|
|
3
3
|
export { toast_containers_default as default };
|
|
4
4
|
|
|
5
5
|
//# sourceMappingURL=toast-containers.js.map
|
|
@@ -1 +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 --wui-toast-viewport-gap: 16px;\n --wui-toast-container-padding: 40px;\n pointer-events: none;\n\n position: fixed;\n z-index: var(--wui-layer-toast,
|
|
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 --wui-toast-viewport-gap: 16px;\n --wui-toast-container-padding: 40px;\n --wui-internal-toast-top: calc(\n var(--wui-toast-viewport-gap) - var(--wui-toast-container-padding) + var(--wui-toast-top-offset, 0px)\n );\n pointer-events: none;\n\n position: fixed;\n z-index: var(--wui-layer-toast, 2000);\n\n overflow-y: auto;\n overscroll-behavior: contain;\n display: flex;\n flex-direction: column;\n gap: var(--wui-space-2, 8px);\n\n /* 负向定位只露出可见 gap;剩余 padding 继续作为阴影裁剪缓冲区 */\n max-height: calc(100vh + 2 * (var(--wui-toast-container-padding) - var(--wui-toast-viewport-gap)));\n\n /* padding 需要 >= 阴影偏移 + 模糊半径,否则 overflow 会裁剪子元素 box-shadow */\n padding: var(--wui-toast-container-padding);\n}\n\n.wui-toast-container > * {\n pointer-events: auto;\n}\n\n.wui-toast-top-left {\n top: var(--wui-internal-toast-top);\n left: calc(var(--wui-toast-viewport-gap) - var(--wui-toast-container-padding));\n align-items: flex-start;\n}\n\n.wui-toast-top-center {\n top: var(--wui-internal-toast-top);\n left: 50%;\n transform: translateX(-50%);\n align-items: center;\n}\n\n.wui-toast-top-right {\n top: var(--wui-internal-toast-top);\n right: calc(var(--wui-toast-viewport-gap) - var(--wui-toast-container-padding));\n align-items: flex-end;\n}\n\n.wui-toast-bottom-left {\n bottom: calc(var(--wui-toast-viewport-gap) - var(--wui-toast-container-padding));\n left: calc(var(--wui-toast-viewport-gap) - var(--wui-toast-container-padding));\n flex-direction: column-reverse;\n align-items: flex-start;\n}\n\n.wui-toast-bottom-center {\n bottom: calc(var(--wui-toast-viewport-gap) - var(--wui-toast-container-padding));\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: calc(var(--wui-toast-viewport-gap) - var(--wui-toast-container-padding));\n bottom: calc(var(--wui-toast-viewport-gap) - var(--wui-toast-container-padding));\n flex-direction: column-reverse;\n align-items: flex-end;\n}\n"],"mappings":";AAEA,IAAA,2BAAA"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import "../input/index.js";
|
|
2
2
|
import { OverlayContainer } from "../../shared/overlay/portal.js";
|
|
3
3
|
import { LitElement, PropertyValues } from "lit";
|
|
4
|
+
import { Placement } from "@floating-ui/dom";
|
|
4
5
|
declare const FILTER_MODES: readonly ["none", "prefix", "contains"];
|
|
5
6
|
type FilterMode = (typeof FILTER_MODES)[number];
|
|
6
7
|
declare const WebUiAutocomplete_base: {
|
|
@@ -395,6 +396,10 @@ export declare class WebUiAutocomplete extends WebUiAutocomplete_base {
|
|
|
395
396
|
name: string;
|
|
396
397
|
ariaLabel: string | null;
|
|
397
398
|
ariaLabelledby: string | undefined;
|
|
399
|
+
private _placement;
|
|
400
|
+
/** 下拉 panel 相对触发器的方向;默认贴着触发器左下角向下展开。 */
|
|
401
|
+
get placement(): Placement;
|
|
402
|
+
set placement(v: string);
|
|
398
403
|
private _filter;
|
|
399
404
|
get filter(): FilterMode;
|
|
400
405
|
set filter(v: string);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","names":[],"sources":["../../../src/components/autocomplete/index.ts"],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","names":[],"sources":["../../../src/components/autocomplete/index.ts"],"mappings":";;;;cAmCM;KACD,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBA2Bb,0BAA0B;SACrB,sBAAM;EAEqB;EACC;EACA;EACA;EACA;EACA;EAE5C;EAEA;EACgC,mBAAmB;EACR;EACmB;EACJ;UAElD;;MAIJ,aAAa;MAGb,UAAU;UAMN;MAGJ,UAAU;MAGV,OAAO;UAOM;MAEb;MAGA,MAAM;UAQO;MAEb;UAII;mBASS;mBAmBA;cAEL;UAIK;UACA;UACA;UACA;iBAEF;mBACE;mBACA;UACT;UACA;UACA;UACA;UACA;UACA;mBACS;mBAGA;mBAkBA;mBAkBA;mBAIA;MAgBb;MAIA;EASK,MAAM,UAAU;EAIhB;UAID;UAQA;UASA;EAMC;UAUD;UASA;EASC,yBAAyB,cAAc,yBAAyB;EAShE;EAiBA;EAOA;EAUA,QAAQ,SAAS;EAcjB,qBAAqB;UAKtB;UAQA;UASA;UAIA;UAQA;UAQA;UAUA;UAgBA;UAIA;mBAIS;UAOT;UACA;UAEA;UAQA;UAOA;UAIA;UAUA;UAWA;UAQA;UAKA;UAMA;UAMA;UAIA;UAqDA;UAUA;UAOA;UAMA;UAiBA;UAUA;UAOA;UAKA;UAIA;UAOA;UAUA;UAWA;UAUA;UAMA;mBAOS;UA8BT;UASA;UAIA;UAIA;UASM;UASN;UAaA;UAIA;UAsCA;EAiBC,wBAAM;WA+EE;IACf,OAAO;IACP,QAAQ;IACR,OAAO;IACP,MAAM;IACN,eAAe;MAAc;;;;QAIzB;YACI;IACR,uBAAuB"}
|
|
@@ -10,6 +10,7 @@ import { createComboboxOpenController, createOptionListenerBinding, defineCombob
|
|
|
10
10
|
import { defineOptionPortal } from "../../shared/option-portal/index.js";
|
|
11
11
|
import { defineAnchoredPanel } from "../../shared/overlay/anchored-panel.js";
|
|
12
12
|
import { defineOpenOverlay } from "../../shared/overlay/open-overlay.js";
|
|
13
|
+
import { FLOATING_PLACEMENTS } from "../../shared/overlay/placement-props.js";
|
|
13
14
|
import { applyOverlayVariables, defineOverlayPortal } from "../../shared/overlay/portal.js";
|
|
14
15
|
import { defineScrollLockLease } from "../../shared/scroll-lock/scroll-lock.js";
|
|
15
16
|
import style_default from "./style.js";
|
|
@@ -45,6 +46,7 @@ let WebUiAutocomplete = class WebUiAutocomplete extends FormAssociated(LitElemen
|
|
|
45
46
|
this.allowCustomValue = false;
|
|
46
47
|
this.name = "";
|
|
47
48
|
this.ariaLabel = null;
|
|
49
|
+
this._placement = "bottom-start";
|
|
48
50
|
this._filter = "contains";
|
|
49
51
|
this._value = "";
|
|
50
52
|
this._selectedValue = "";
|
|
@@ -108,7 +110,7 @@ let WebUiAutocomplete = class WebUiAutocomplete extends FormAssociated(LitElemen
|
|
|
108
110
|
getAnchor: () => this._trigger.getTrigger() ?? this.shadowRoot?.querySelector(".autocomplete-trigger") ?? null,
|
|
109
111
|
getLocalPanel: () => this.shadowRoot?.querySelector(".autocomplete-overlay") ?? null,
|
|
110
112
|
getPositioning: () => ({
|
|
111
|
-
placement:
|
|
113
|
+
placement: this.placement,
|
|
112
114
|
offset: 4,
|
|
113
115
|
minAnchorWidth: true,
|
|
114
116
|
strategy: this.portal ? "fixed" : "absolute"
|
|
@@ -265,6 +267,15 @@ let WebUiAutocomplete = class WebUiAutocomplete extends FormAssociated(LitElemen
|
|
|
265
267
|
unsafeCSS(style_default)
|
|
266
268
|
];
|
|
267
269
|
}
|
|
270
|
+
/** 下拉 panel 相对触发器的方向;默认贴着触发器左下角向下展开。 */
|
|
271
|
+
get placement() {
|
|
272
|
+
return this._placement;
|
|
273
|
+
}
|
|
274
|
+
set placement(v) {
|
|
275
|
+
const old = this._placement;
|
|
276
|
+
this._placement = normalizeLiteral(v, FLOATING_PLACEMENTS, "bottom-start");
|
|
277
|
+
this.requestUpdate("placement", old);
|
|
278
|
+
}
|
|
268
279
|
get filter() {
|
|
269
280
|
return this._filter;
|
|
270
281
|
}
|
|
@@ -364,6 +375,7 @@ let WebUiAutocomplete = class WebUiAutocomplete extends FormAssociated(LitElemen
|
|
|
364
375
|
this._trigger.setValue(this._value);
|
|
365
376
|
if (changed.has("portal") || changed.has("overlayContainer")) requestAnimationFrame(() => this._reconfigureOverlay());
|
|
366
377
|
if (changed.has("noScrollLock")) this._syncScrollLock();
|
|
378
|
+
if (changed.has("placement")) this._panel.updatePosition();
|
|
367
379
|
this.toggleAttribute("focused", this._focused);
|
|
368
380
|
this._syncOpenAttribute();
|
|
369
381
|
this._syncOverlayInert();
|
|
@@ -716,6 +728,10 @@ __decorate([property({
|
|
|
716
728
|
type: String,
|
|
717
729
|
attribute: "aria-labelledby"
|
|
718
730
|
})], WebUiAutocomplete.prototype, "ariaLabelledby", void 0);
|
|
731
|
+
__decorate([property({
|
|
732
|
+
type: String,
|
|
733
|
+
reflect: true
|
|
734
|
+
})], WebUiAutocomplete.prototype, "placement", null);
|
|
719
735
|
__decorate([property({
|
|
720
736
|
type: String,
|
|
721
737
|
reflect: true
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["glass","overlayMotion","scrollbarStyle","style"],"sources":["../../../src/components/autocomplete/index.ts"],"sourcesContent":["import '@/components/input'\n\nimport { 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 overlayMotion from '@/assets/overlay-motion.css?inline'\nimport scrollbarStyle from '@/assets/scrollbar.css?inline'\nimport glass from '@/classes/glass.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 defineComboboxTrigger,\n defineOptionPortal,\n handleComboboxFocusOut,\n nextWrappingIndex\n} from '@/shared/option-portal'\nimport { defineAnchoredPanel } from '@/shared/overlay/anchored-panel'\nimport { defineOpenOverlay } from '@/shared/overlay/open-overlay'\nimport {\n applyOverlayVariables,\n defineOverlayPortal,\n type OverlayContainer,\n type OverlayPortal\n} 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\n// 自定义 trigger 与 select 同判据:必须留在宿主,不随 options 迁入 portal panel\nfunction isTriggerSlotNode(node: Node): node is Element {\n return node instanceof Element && node.slot === 'trigger'\n}\n\n// 已移除的 empty slot 仍可能留在既有消费者 light DOM;不得把它作为普通内容迁入 portal。\nfunction isEmptySlotNode(node: Node): node is Element {\n return node instanceof Element && node.slot === 'empty'\n}\n\n/**\n * `web-ui-autocomplete`:可输入并过滤候选的单值选择器。\n *\n * 与 `web-ui-select` 共用 `<web-ui-option>` 子项注册协议与 overlay 能力,但触发区是\n * 可编辑 input:`value` 即当前输入文本(表单值),键入时按 `filter` 模式过滤候选,\n * 选择 option 时文本回填为该项 label,`selected-value` 暴露该项的 value。\n * `allow-custom-value` 开启后,Enter 可把不匹配候选的原文作为 custom value 显式提交。\n *\n * trigger 跟随 select 的 wrapper div 模式:`slot[name=\"trigger\"]` 可替换默认 trigger\n * (shadow 内的 `web-ui-input`);多行 trigger(如 `web-ui-textarea`)保留 Enter 换行语义,\n * 关闭 panel 用 Escape 或 blur。\n * tab 位只属于 trigger 自身:默认 trigger 是 shadow 内 input,自定义 trigger 由消费者提供\n * 可聚焦元素(README 契约);包装 div 恒为 tabindex=\"-1\",不占顺序焦点,避免双 tab 位。\n */\n@customElement('web-ui-autocomplete')\nexport class WebUiAutocomplete extends FormAssociated(LitElement) {\n static override styles = [unsafeCSS(glass), unsafeCSS(overlayMotion), unsafeCSS(scrollbarStyle), 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 @state() private _hasTriggerSlot = 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 _keyboardNavigationActive = false\n private _scrollInteractionElement?: 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 内容随 panel 迁移;trigger 与已移除的 empty slot 留在宿主,不进 panel。\n getMigratableNodes: () =>\n Array.from(this.childNodes).filter(node => !isTriggerSlotNode(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 /*\n * trigger 委托层:默认 trigger(shadow 内 web-ui-input)与 slot[name=\"trigger\"] 自定义\n * trigger 对组件暴露同一形状,监听统一挂在 trigger 包装 div 上,两条路径不特判。\n */\n private readonly _trigger = defineComboboxTrigger().make({\n getWrapper: () => this.shadowRoot?.querySelector<HTMLElement>('.autocomplete-trigger') ?? null,\n getCustomTrigger: () => {\n const assigned = this.shadowRoot?.querySelector<HTMLSlotElement>('slot[name=\"trigger\"]')?.assignedElements()[0]\n return assigned instanceof HTMLElement ? assigned : null\n },\n getFallbackTrigger: () => this.shadowRoot?.querySelector<HTMLElement>('.autocomplete-input') ?? null,\n onInput: value => this._onTriggerInput(value),\n onClick: () => this._onTriggerClick(),\n onFocusIn: event => this._onTriggerFocusIn(event),\n onFocusOut: event => this._onTriggerFocusOut(event)\n })\n /*\n * 开启态 overlay 承载「我开着吗」(issue #120 Block 1):宿主级 keydown 在 portal 模式下\n * 收不到 panel 内的 Escape,改由唯一仲裁者在 document 捕获阶段判定最内层。\n * 宿主接口除 requestClose 外只再提供一个 isConnected(仅供惰性回收读取):开启状态是\n * 声明而非询问。\n */\n private readonly _overlay = defineOpenOverlay().make({\n requestClose: () => this._close(),\n isConnected: () => this.isConnected\n })\n private readonly _panel = defineAnchoredPanel().make({\n // 锚点取当前生效的 trigger host:默认 trigger 或自定义 trigger slot 内容\n getAnchor: () =>\n this._trigger.getTrigger() ?? this.shadowRoot?.querySelector<HTMLElement>('.autocomplete-trigger') ?? 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 openOverlay: this._overlay\n })\n\n get isOpen(): boolean {\n return this._isOpen\n }\n\n get open(): boolean {\n return this._isOpen\n }\n\n /*\n * 公共焦点委托:聚焦/失焦当前生效的 trigger(默认 web-ui-input 或自定义 trigger)。\n * 组件自带 focus 重定向时落到内部原生控件;自定义 trigger 没有该能力时,\n * 原生 focus() 聚焦 host 自身。无 trigger(尚未首渲或已断开)时静默返回。\n */\n override focus(options?: FocusOptions): void {\n this._trigger.focusTrigger(options)\n }\n\n override blur(): void {\n this._trigger.blurTrigger()\n }\n\n private _onClickOutside = (e: MouseEvent) => {\n if (!this._isOpen) return\n\n // 在监听器内部判定:composedPath() 在派发结束后会被清空。\n const isInside = e.composedPath().includes(this) || !!this._panel.getHandle()?.containsEvent(e)\n if (!isInside) this._close()\n }\n\n private _onFocusOut = () => {\n handleComboboxFocusOut(\n this,\n () => this._panel.getHandle(),\n () => this._isOpen,\n () => this._close()\n )\n }\n\n private _handlePanelPointerDown = (e: PointerEvent) => {\n // 非 option 区域不可聚焦;阻止 pointerdown 的默认聚焦行为,保持 combobox 焦点,\n // 使点击 empty state、滚动区和 panel padding 不会被 focusout 误判为外部交互。\n e.preventDefault()\n }\n\n override connectedCallback() {\n super.connectedCallback()\n this._optionPortal.bindHost()\n // 宿主可能被上层 overlay portal 迁移(断开重连):shadow 内的包装 div 仍在,重新绑定委托监听\n this._trigger.bind()\n this.addEventListener('keydown', this._onKeydown)\n this.addEventListener('focusout', this._onFocusOut)\n document.addEventListener('click', this._onClickOutside)\n }\n\n private _onTriggerSlotChange = () => {\n this._syncTriggerSlot()\n }\n\n /*\n * 自定义 trigger 判定必须同步:slotchange 在首次渲染之后才派发,只依赖它会让默认\n * web-ui-input 先渲染一帧再被替换,自定义 trigger 出现时会闪一下默认 input。\n * 判据与 portal 迁移排除(isTriggerSlotNode)同源:宿主直接子节点带 slot=\"trigger\"。\n */\n private _syncTriggerSlot() {\n const hasTriggerSlot = Array.from(this.children).some(isTriggerSlotNode)\n if (this._hasTriggerSlot === hasTriggerSlot) return\n this._hasTriggerSlot = hasTriggerSlot\n // trigger 在默认与自定义之间切换:anchor 与 portal 会话按新 trigger 重建。\n // 首次渲染前尚无 portal 会话,无需重建。\n if (this.hasUpdated) this._reconfigureOverlay()\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._trigger.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._syncScrollInteractionListeners()\n this._portal = undefined\n this._portalContent = undefined\n // 撤销登记由 _panel.dispose() 完成(handle 归它持有)。\n this._panel.dispose()\n this._scrollLock.release()\n }\n\n override firstUpdated() {\n this._trigger.bind()\n requestAnimationFrame(() => {\n if (this.isConnected) this._optionPortal.scheduleRefresh()\n })\n }\n\n override willUpdate() {\n this._syncTriggerSlot()\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 // 文本回写经委托层落到当前 trigger(默认 web-ui-input 或自定义 trigger)\n this._trigger.setValue(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._syncOverlayInert()\n this._syncValidity()\n this._syncOpenWithMatches()\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 }, 'Enter a value')\n }\n\n private _syncOpenAttribute() {\n this.toggleAttribute('open', this._isOpen)\n }\n\n /*\n * 禁用/只读态不响应 Escape。仲裁者仍在(吞掉按键并压掉原生 cancel),只是不走关闭\n * 入口:事件不落到下层 overlay,不会把外层一起关掉。\n * 每次渲染后同步即可覆盖 disabled / readonly 属性与表单禁用三条来源。\n */\n private _syncOverlayInert() {\n this._panel.getHandle()?.setInert(this._isDisabled || this.readonly)\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 _hasMatchingOptions() {\n return this._options.some(option => !option.hasAttribute('data-filtered'))\n }\n\n private _syncOpenWithMatches() {\n if (this._isOpen && !this._hasMatchingOptions()) this._close()\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 if (this._keyboardNavigationActive) return\n\n // 指针接管后只保留 :hover,避免键盘激活项与悬停项同时高亮。\n this._activeIndex = -1\n this._syncActiveOption()\n }\n\n private _syncScrollInteractionListeners() {\n const next = this._isOpen ? this._panel.getPanel()?.querySelector<HTMLElement>('.autocomplete-scroll') : undefined\n if (next === this._scrollInteractionElement) return\n\n this._scrollInteractionElement?.removeEventListener('pointermove', this._handleListPointerMove)\n this._scrollInteractionElement?.removeEventListener('wheel', this._handleListWheel)\n this._scrollInteractionElement = next ?? undefined\n this._scrollInteractionElement?.addEventListener('pointermove', this._handleListPointerMove)\n this._scrollInteractionElement?.addEventListener('wheel', this._handleListWheel)\n }\n\n private _clearKeyboardNavigation() {\n if (!this._keyboardNavigationActive) return\n\n this._keyboardNavigationActive = false\n this._activeIndex = -1\n this._syncActiveOption()\n }\n\n private _handleListPointerMove = () => {\n if (!this._isOpen) return\n this._clearKeyboardNavigation()\n }\n\n private _handleListWheel = () => {\n if (!this._isOpen) return\n // 滚轮是新的用户意图:清除旧键盘激活,避免滚动后 Enter 提交屏幕外选项。\n this._clearKeyboardNavigation()\n }\n\n private _handleOptionPointerDown = (e: PointerEvent) => {\n // 保持 input 焦点,避免 focusout 在 click 前关闭 overlay。\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 this._applyFilter()\n this._syncOpenWithMatches()\n\n // Escape 不在本组件处理:由共享仲裁者在 document 捕获阶段归属(issue #120 Block 1)。\n switch (e.key) {\n /*\n * 多行 trigger(textarea)的方向键归光标移动:panel 打开时不接管、不\n * preventDefault,与 Enter 的 multiline 例外同判据。panel 关闭时方向键\n * 仍是打开入口(键盘可达性不依赖指针)。\n */\n case 'ArrowDown':\n case 'ArrowUp': {\n if (this._isOpen && this._trigger.isMultilineEdit(e)) break\n e.preventDefault()\n if (!this._isOpen) this._open(true)\n else this._navigateActive(e.key === 'ArrowDown' ? 1 : -1)\n break\n }\n case 'Enter': {\n /*\n * panel 打开时接管 Enter:选择候选或提交 custom value。\n * 零匹配时 panel 会被过滤状态收敛关闭,但 allow-custom-value 仍需在关闭态提交。\n * 多行 trigger(textarea)保留换行语义,不接管为选中高亮项。\n */\n const canSubmitCustomValue = this._canSubmitCustomValue()\n if (\n !this._trigger.isMultilineEdit(e) &&\n (this._isOpen || (!this._hasMatchingOptions() && canSubmitCustomValue))\n ) {\n e.preventDefault()\n if (this._isOpen) {\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\n if (canSubmitCustomValue) this._selectCustomValue()\n }\n break\n }\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 this._keyboardNavigationActive = true\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._keyboardNavigationActive = true\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 if (this._isOpen) this._scrollActiveOptionIntoView()\n }\n\n private _scrollActiveOptionIntoView() {\n const activeOption = this._options[this._activeIndex]\n const scroll = this._panel.getPanel()?.querySelector<HTMLElement>('.autocomplete-scroll')\n if (!activeOption || !scroll?.clientHeight) return\n\n const optionRect = activeOption.getBoundingClientRect()\n const scrollRect = scroll.getBoundingClientRect()\n // Overlay 入场时会 scale;把视口中的溢出量换算回 scrollTop 使用的未缩放坐标。\n const scaleY = scroll.offsetHeight ? scrollRect.height / scroll.offsetHeight : 1\n if (!scaleY) return\n\n const visibleTop = scrollRect.top + scroll.clientTop * scaleY\n const visibleBottom = visibleTop + scroll.clientHeight * scaleY\n if (optionRect.top < visibleTop) scroll.scrollTop -= (visibleTop - optionRect.top) / scaleY\n else if (optionRect.bottom > visibleBottom) scroll.scrollTop += (optionRect.bottom - visibleBottom) / scaleY\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 _canSubmitCustomValue() {\n return this.allowCustomValue && !!this._value && !this._hasExactOption(this._value)\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 _onTriggerInput = (value: string) => {\n if (this._isDisabled || this.readonly) return\n if (value === this._value) return\n this.value = value\n this._keyboardNavigationActive = false\n this._activeIndex = -1\n this._syncActiveOption()\n this._open()\n }\n\n private _onTriggerClick = () => {\n if (this._isDisabled || this.readonly) return\n this._open()\n }\n\n /*\n * focus/blur 不冒泡,委托层监听等价且冒泡的 focusin/focusout。\n * 自定义 trigger 位于 light DOM,其焦点变化不会跨 shadow 边界到达宿主,这里补发\n * 公共 focus/blur 兑现 README 事件契约;默认 trigger 在 shadow 内,原生事件已能\n * 到达宿主,重复派发会让消费端收到两次。\n */\n private _onTriggerFocusIn = (event: FocusEvent) => {\n if (this._isDisabled) return\n this._focused = true\n // composed 与原生 focus 一致(宿主内 retarget):跨 shadow 边界的消费者能收到,\n // 但不 bubbles —— focus/blur 的公共契约本来就不冒泡。\n // relatedTarget 透传:消费端靠它判断焦点来回,补发事件不该丢这个信息\n if (this._isSlottedFocus(event))\n this.dispatchEvent(new FocusEvent('focus', { composed: true, relatedTarget: event.relatedTarget }))\n }\n\n private _onTriggerFocusOut = (event: FocusEvent) => {\n this._focused = false\n if (this._isSlottedFocus(event))\n this.dispatchEvent(new FocusEvent('blur', { composed: true, relatedTarget: event.relatedTarget }))\n }\n\n private _isSlottedFocus(event: FocusEvent): boolean {\n const target = event.target\n return target instanceof Node && !!this.shadowRoot && !this.shadowRoot.contains(target)\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 this._keyboardNavigationActive = 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._keyboardNavigationActive = false\n this._activeIndex = -1\n this._options.forEach(o => o.removeAttribute('active'))\n this._syncScrollInteractionListeners()\n }\n })\n\n private _open(isKeyboardNavigation = false) {\n this._applyFilter()\n if (!this._hasMatchingOptions()) {\n if (this._isOpen) this._close()\n return\n }\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._syncScrollInteractionListeners()\n // keyboard-open 会先建立 active option;overlay 打开后再同步一次,确保首次激活也能滚入列表区。\n this._syncActiveOption()\n // 新会话的 handle 刚建立,惰性状态需按当前 disabled/readonly 重新同步。\n this._syncOverlayInert()\n }\n\n private async _closeOverlay() {\n const closed = await this._panel.close(() => this._isOpen)\n if (closed) {\n this._syncScrollInteractionListeners()\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 this._syncScrollInteractionListeners()\n /*\n * reconfigure 重新 claim = 新会话,inert 回到 false。实测这条重推是**冗余**的(摘掉本行\n * 全部用例仍绿):这条路径后面跟着一轮渲染,而 `updated()` 每次渲染都会调\n * `_syncOverlayInert()`。留在这里是不想依赖「这条路径必然跟着一次渲染」这个隐含前提。\n */\n this._syncOverlayInert()\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${scrollbarStyle}\\n${style}`,\n className: 'wui-glass autocomplete-overlay portal wui-floating-panel',\n onContentChange: () => {\n this._optionPortal.scheduleRefresh()\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 wui-scroll'\n const content = document.createElement('div')\n content.className = 'autocomplete-content'\n this._portalContent = content\n scroll.append(content)\n portal.panel.append(scroll)\n for (const node of Array.from(this.childNodes)) {\n // 框架注释锚点(v-if/v-for 占位)必须留在宿主:锚点进 panel 后 Vue 下次翻转\n // 会以 panel 内节点为插入基准;portal 的 marker 注释同理不参与迁移。\n if (node instanceof Comment) continue\n // 自定义 trigger 与 select(:461)同判据:留在宿主,不随 options 迁入 overlay\n if (isTriggerSlotNode(node)) continue\n // 已移除的 empty slot 不能作为普通内容出现在新 portal panel 中\n if (isEmptySlotNode(node)) continue\n 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 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\n class=\"autocomplete-trigger\"\n ?data-custom-trigger=${this._hasTriggerSlot}\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-label=${ifDefined(this.ariaLabel)}\n aria-labelledby=${labelledbyText ? labelId : nothing}\n aria-activedescendant=${activeDescendant}\n tabindex=\"-1\"\n >\n <slot name=\"trigger\" @slotchange=${this._onTriggerSlotChange}></slot>\n ${\n !this._hasTriggerSlot\n ? html`<web-ui-input\n class=\"autocomplete-input\"\n .value=${this._value}\n placeholder=${this.placeholder}\n name=${this.name}\n ?borderless=${this.borderless}\n ?disabled=${this._isDisabled}\n ?readonly=${this.readonly}\n ?required=${this.required}\n aria-label=${ifDefined(this.ariaLabel || labelledbyText || undefined)}\n ></web-ui-input>`\n : nothing\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\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 wui-scroll\">\n <div class=\"autocomplete-content\">\n <slot @slotchange=${this._onSlotChange}></slot>\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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"}
|
|
1
|
+
{"version":3,"file":"index.js","names":["glass","overlayMotion","scrollbarStyle","style"],"sources":["../../../src/components/autocomplete/index.ts"],"sourcesContent":["import '@/components/input'\n\nimport type { Placement } from '@floating-ui/dom'\nimport { 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 overlayMotion from '@/assets/overlay-motion.css?inline'\nimport scrollbarStyle from '@/assets/scrollbar.css?inline'\nimport glass from '@/classes/glass.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 defineComboboxTrigger,\n defineOptionPortal,\n handleComboboxFocusOut,\n nextWrappingIndex\n} from '@/shared/option-portal'\nimport { defineAnchoredPanel } from '@/shared/overlay/anchored-panel'\nimport { defineOpenOverlay } from '@/shared/overlay/open-overlay'\nimport { FLOATING_PLACEMENTS } from '@/shared/overlay/placement-props'\nimport {\n applyOverlayVariables,\n defineOverlayPortal,\n type OverlayContainer,\n type OverlayPortal\n} 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\n// 自定义 trigger 与 select 同判据:必须留在宿主,不随 options 迁入 portal panel\nfunction isTriggerSlotNode(node: Node): node is Element {\n return node instanceof Element && node.slot === 'trigger'\n}\n\n// 已移除的 empty slot 仍可能留在既有消费者 light DOM;不得把它作为普通内容迁入 portal。\nfunction isEmptySlotNode(node: Node): node is Element {\n return node instanceof Element && node.slot === 'empty'\n}\n\n/**\n * `web-ui-autocomplete`:可输入并过滤候选的单值选择器。\n *\n * 与 `web-ui-select` 共用 `<web-ui-option>` 子项注册协议与 overlay 能力,但触发区是\n * 可编辑 input:`value` 即当前输入文本(表单值),键入时按 `filter` 模式过滤候选,\n * 选择 option 时文本回填为该项 label,`selected-value` 暴露该项的 value。\n * `allow-custom-value` 开启后,Enter 可把不匹配候选的原文作为 custom value 显式提交。\n *\n * trigger 跟随 select 的 wrapper div 模式:`slot[name=\"trigger\"]` 可替换默认 trigger\n * (shadow 内的 `web-ui-input`);多行 trigger(如 `web-ui-textarea`)保留 Enter 换行语义,\n * 关闭 panel 用 Escape 或 blur。\n * tab 位只属于 trigger 自身:默认 trigger 是 shadow 内 input,自定义 trigger 由消费者提供\n * 可聚焦元素(README 契约);包装 div 恒为 tabindex=\"-1\",不占顺序焦点,避免双 tab 位。\n */\n@customElement('web-ui-autocomplete')\nexport class WebUiAutocomplete extends FormAssociated(LitElement) {\n static override styles = [unsafeCSS(glass), unsafeCSS(overlayMotion), unsafeCSS(scrollbarStyle), 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 _placement: Placement = 'bottom-start'\n\n /** 下拉 panel 相对触发器的方向;默认贴着触发器左下角向下展开。 */\n @property({ type: String, reflect: true })\n get placement(): Placement {\n return this._placement\n }\n set placement(v: string) {\n const old = this._placement\n this._placement = normalizeLiteral(v, FLOATING_PLACEMENTS, 'bottom-start')\n this.requestUpdate('placement', old)\n }\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 @state() private _hasTriggerSlot = 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 _keyboardNavigationActive = false\n private _scrollInteractionElement?: 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 内容随 panel 迁移;trigger 与已移除的 empty slot 留在宿主,不进 panel。\n getMigratableNodes: () =>\n Array.from(this.childNodes).filter(node => !isTriggerSlotNode(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 /*\n * trigger 委托层:默认 trigger(shadow 内 web-ui-input)与 slot[name=\"trigger\"] 自定义\n * trigger 对组件暴露同一形状,监听统一挂在 trigger 包装 div 上,两条路径不特判。\n */\n private readonly _trigger = defineComboboxTrigger().make({\n getWrapper: () => this.shadowRoot?.querySelector<HTMLElement>('.autocomplete-trigger') ?? null,\n getCustomTrigger: () => {\n const assigned = this.shadowRoot?.querySelector<HTMLSlotElement>('slot[name=\"trigger\"]')?.assignedElements()[0]\n return assigned instanceof HTMLElement ? assigned : null\n },\n getFallbackTrigger: () => this.shadowRoot?.querySelector<HTMLElement>('.autocomplete-input') ?? null,\n onInput: value => this._onTriggerInput(value),\n onClick: () => this._onTriggerClick(),\n onFocusIn: event => this._onTriggerFocusIn(event),\n onFocusOut: event => this._onTriggerFocusOut(event)\n })\n /*\n * 开启态 overlay 承载「我开着吗」(issue #120 Block 1):宿主级 keydown 在 portal 模式下\n * 收不到 panel 内的 Escape,改由唯一仲裁者在 document 捕获阶段判定最内层。\n * 宿主接口除 requestClose 外只再提供一个 isConnected(仅供惰性回收读取):开启状态是\n * 声明而非询问。\n */\n private readonly _overlay = defineOpenOverlay().make({\n requestClose: () => this._close(),\n isConnected: () => this.isConnected\n })\n private readonly _panel = defineAnchoredPanel().make({\n // 锚点取当前生效的 trigger host:默认 trigger 或自定义 trigger slot 内容\n getAnchor: () =>\n this._trigger.getTrigger() ?? this.shadowRoot?.querySelector<HTMLElement>('.autocomplete-trigger') ?? null,\n getLocalPanel: () => this.shadowRoot?.querySelector<HTMLElement>('.autocomplete-overlay') ?? null,\n getPositioning: () => ({\n placement: this.placement,\n offset: 4,\n minAnchorWidth: true,\n strategy: this.portal ? 'fixed' : 'absolute'\n }),\n isPortal: () => this.portal,\n createPortal: () => this._createPortal(),\n openOverlay: this._overlay\n })\n\n get isOpen(): boolean {\n return this._isOpen\n }\n\n get open(): boolean {\n return this._isOpen\n }\n\n /*\n * 公共焦点委托:聚焦/失焦当前生效的 trigger(默认 web-ui-input 或自定义 trigger)。\n * 组件自带 focus 重定向时落到内部原生控件;自定义 trigger 没有该能力时,\n * 原生 focus() 聚焦 host 自身。无 trigger(尚未首渲或已断开)时静默返回。\n */\n override focus(options?: FocusOptions): void {\n this._trigger.focusTrigger(options)\n }\n\n override blur(): void {\n this._trigger.blurTrigger()\n }\n\n private _onClickOutside = (e: MouseEvent) => {\n if (!this._isOpen) return\n\n // 在监听器内部判定:composedPath() 在派发结束后会被清空。\n const isInside = e.composedPath().includes(this) || !!this._panel.getHandle()?.containsEvent(e)\n if (!isInside) this._close()\n }\n\n private _onFocusOut = () => {\n handleComboboxFocusOut(\n this,\n () => this._panel.getHandle(),\n () => this._isOpen,\n () => this._close()\n )\n }\n\n private _handlePanelPointerDown = (e: PointerEvent) => {\n // 非 option 区域不可聚焦;阻止 pointerdown 的默认聚焦行为,保持 combobox 焦点,\n // 使点击 empty state、滚动区和 panel padding 不会被 focusout 误判为外部交互。\n e.preventDefault()\n }\n\n override connectedCallback() {\n super.connectedCallback()\n this._optionPortal.bindHost()\n // 宿主可能被上层 overlay portal 迁移(断开重连):shadow 内的包装 div 仍在,重新绑定委托监听\n this._trigger.bind()\n this.addEventListener('keydown', this._onKeydown)\n this.addEventListener('focusout', this._onFocusOut)\n document.addEventListener('click', this._onClickOutside)\n }\n\n private _onTriggerSlotChange = () => {\n this._syncTriggerSlot()\n }\n\n /*\n * 自定义 trigger 判定必须同步:slotchange 在首次渲染之后才派发,只依赖它会让默认\n * web-ui-input 先渲染一帧再被替换,自定义 trigger 出现时会闪一下默认 input。\n * 判据与 portal 迁移排除(isTriggerSlotNode)同源:宿主直接子节点带 slot=\"trigger\"。\n */\n private _syncTriggerSlot() {\n const hasTriggerSlot = Array.from(this.children).some(isTriggerSlotNode)\n if (this._hasTriggerSlot === hasTriggerSlot) return\n this._hasTriggerSlot = hasTriggerSlot\n // trigger 在默认与自定义之间切换:anchor 与 portal 会话按新 trigger 重建。\n // 首次渲染前尚无 portal 会话,无需重建。\n if (this.hasUpdated) this._reconfigureOverlay()\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._trigger.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._syncScrollInteractionListeners()\n this._portal = undefined\n this._portalContent = undefined\n // 撤销登记由 _panel.dispose() 完成(handle 归它持有)。\n this._panel.dispose()\n this._scrollLock.release()\n }\n\n override firstUpdated() {\n this._trigger.bind()\n requestAnimationFrame(() => {\n if (this.isConnected) this._optionPortal.scheduleRefresh()\n })\n }\n\n override willUpdate() {\n this._syncTriggerSlot()\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 // 文本回写经委托层落到当前 trigger(默认 web-ui-input 或自定义 trigger)\n this._trigger.setValue(this._value)\n if (changed.has('portal') || changed.has('overlayContainer'))\n requestAnimationFrame(() => this._reconfigureOverlay())\n if (changed.has('noScrollLock')) this._syncScrollLock()\n if (changed.has('placement')) this._panel.updatePosition()\n this.toggleAttribute('focused', this._focused)\n this._syncOpenAttribute()\n this._syncOverlayInert()\n this._syncValidity()\n this._syncOpenWithMatches()\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 }, 'Enter a value')\n }\n\n private _syncOpenAttribute() {\n this.toggleAttribute('open', this._isOpen)\n }\n\n /*\n * 禁用/只读态不响应 Escape。仲裁者仍在(吞掉按键并压掉原生 cancel),只是不走关闭\n * 入口:事件不落到下层 overlay,不会把外层一起关掉。\n * 每次渲染后同步即可覆盖 disabled / readonly 属性与表单禁用三条来源。\n */\n private _syncOverlayInert() {\n this._panel.getHandle()?.setInert(this._isDisabled || this.readonly)\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 _hasMatchingOptions() {\n return this._options.some(option => !option.hasAttribute('data-filtered'))\n }\n\n private _syncOpenWithMatches() {\n if (this._isOpen && !this._hasMatchingOptions()) this._close()\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 if (this._keyboardNavigationActive) return\n\n // 指针接管后只保留 :hover,避免键盘激活项与悬停项同时高亮。\n this._activeIndex = -1\n this._syncActiveOption()\n }\n\n private _syncScrollInteractionListeners() {\n const next = this._isOpen ? this._panel.getPanel()?.querySelector<HTMLElement>('.autocomplete-scroll') : undefined\n if (next === this._scrollInteractionElement) return\n\n this._scrollInteractionElement?.removeEventListener('pointermove', this._handleListPointerMove)\n this._scrollInteractionElement?.removeEventListener('wheel', this._handleListWheel)\n this._scrollInteractionElement = next ?? undefined\n this._scrollInteractionElement?.addEventListener('pointermove', this._handleListPointerMove)\n this._scrollInteractionElement?.addEventListener('wheel', this._handleListWheel)\n }\n\n private _clearKeyboardNavigation() {\n if (!this._keyboardNavigationActive) return\n\n this._keyboardNavigationActive = false\n this._activeIndex = -1\n this._syncActiveOption()\n }\n\n private _handleListPointerMove = () => {\n if (!this._isOpen) return\n this._clearKeyboardNavigation()\n }\n\n private _handleListWheel = () => {\n if (!this._isOpen) return\n // 滚轮是新的用户意图:清除旧键盘激活,避免滚动后 Enter 提交屏幕外选项。\n this._clearKeyboardNavigation()\n }\n\n private _handleOptionPointerDown = (e: PointerEvent) => {\n // 保持 input 焦点,避免 focusout 在 click 前关闭 overlay。\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 this._applyFilter()\n this._syncOpenWithMatches()\n\n // Escape 不在本组件处理:由共享仲裁者在 document 捕获阶段归属(issue #120 Block 1)。\n switch (e.key) {\n /*\n * 多行 trigger(textarea)的方向键归光标移动:panel 打开时不接管、不\n * preventDefault,与 Enter 的 multiline 例外同判据。panel 关闭时方向键\n * 仍是打开入口(键盘可达性不依赖指针)。\n */\n case 'ArrowDown':\n case 'ArrowUp': {\n if (this._isOpen && this._trigger.isMultilineEdit(e)) break\n e.preventDefault()\n if (!this._isOpen) this._open(true)\n else this._navigateActive(e.key === 'ArrowDown' ? 1 : -1)\n break\n }\n case 'Enter': {\n /*\n * panel 打开时接管 Enter:选择候选或提交 custom value。\n * 零匹配时 panel 会被过滤状态收敛关闭,但 allow-custom-value 仍需在关闭态提交。\n * 多行 trigger(textarea)保留换行语义,不接管为选中高亮项。\n */\n const canSubmitCustomValue = this._canSubmitCustomValue()\n if (\n !this._trigger.isMultilineEdit(e) &&\n (this._isOpen || (!this._hasMatchingOptions() && canSubmitCustomValue))\n ) {\n e.preventDefault()\n if (this._isOpen) {\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\n if (canSubmitCustomValue) this._selectCustomValue()\n }\n break\n }\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 this._keyboardNavigationActive = true\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._keyboardNavigationActive = true\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 if (this._isOpen) this._scrollActiveOptionIntoView()\n }\n\n private _scrollActiveOptionIntoView() {\n const activeOption = this._options[this._activeIndex]\n const scroll = this._panel.getPanel()?.querySelector<HTMLElement>('.autocomplete-scroll')\n if (!activeOption || !scroll?.clientHeight) return\n\n const optionRect = activeOption.getBoundingClientRect()\n const scrollRect = scroll.getBoundingClientRect()\n // Overlay 入场时会 scale;把视口中的溢出量换算回 scrollTop 使用的未缩放坐标。\n const scaleY = scroll.offsetHeight ? scrollRect.height / scroll.offsetHeight : 1\n if (!scaleY) return\n\n const visibleTop = scrollRect.top + scroll.clientTop * scaleY\n const visibleBottom = visibleTop + scroll.clientHeight * scaleY\n if (optionRect.top < visibleTop) scroll.scrollTop -= (visibleTop - optionRect.top) / scaleY\n else if (optionRect.bottom > visibleBottom) scroll.scrollTop += (optionRect.bottom - visibleBottom) / scaleY\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 _canSubmitCustomValue() {\n return this.allowCustomValue && !!this._value && !this._hasExactOption(this._value)\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 _onTriggerInput = (value: string) => {\n if (this._isDisabled || this.readonly) return\n if (value === this._value) return\n this.value = value\n this._keyboardNavigationActive = false\n this._activeIndex = -1\n this._syncActiveOption()\n this._open()\n }\n\n private _onTriggerClick = () => {\n if (this._isDisabled || this.readonly) return\n this._open()\n }\n\n /*\n * focus/blur 不冒泡,委托层监听等价且冒泡的 focusin/focusout。\n * 自定义 trigger 位于 light DOM,其焦点变化不会跨 shadow 边界到达宿主,这里补发\n * 公共 focus/blur 兑现 README 事件契约;默认 trigger 在 shadow 内,原生事件已能\n * 到达宿主,重复派发会让消费端收到两次。\n */\n private _onTriggerFocusIn = (event: FocusEvent) => {\n if (this._isDisabled) return\n this._focused = true\n // composed 与原生 focus 一致(宿主内 retarget):跨 shadow 边界的消费者能收到,\n // 但不 bubbles —— focus/blur 的公共契约本来就不冒泡。\n // relatedTarget 透传:消费端靠它判断焦点来回,补发事件不该丢这个信息\n if (this._isSlottedFocus(event))\n this.dispatchEvent(new FocusEvent('focus', { composed: true, relatedTarget: event.relatedTarget }))\n }\n\n private _onTriggerFocusOut = (event: FocusEvent) => {\n this._focused = false\n if (this._isSlottedFocus(event))\n this.dispatchEvent(new FocusEvent('blur', { composed: true, relatedTarget: event.relatedTarget }))\n }\n\n private _isSlottedFocus(event: FocusEvent): boolean {\n const target = event.target\n return target instanceof Node && !!this.shadowRoot && !this.shadowRoot.contains(target)\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 this._keyboardNavigationActive = 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._keyboardNavigationActive = false\n this._activeIndex = -1\n this._options.forEach(o => o.removeAttribute('active'))\n this._syncScrollInteractionListeners()\n }\n })\n\n private _open(isKeyboardNavigation = false) {\n this._applyFilter()\n if (!this._hasMatchingOptions()) {\n if (this._isOpen) this._close()\n return\n }\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._syncScrollInteractionListeners()\n // keyboard-open 会先建立 active option;overlay 打开后再同步一次,确保首次激活也能滚入列表区。\n this._syncActiveOption()\n // 新会话的 handle 刚建立,惰性状态需按当前 disabled/readonly 重新同步。\n this._syncOverlayInert()\n }\n\n private async _closeOverlay() {\n const closed = await this._panel.close(() => this._isOpen)\n if (closed) {\n this._syncScrollInteractionListeners()\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 this._syncScrollInteractionListeners()\n /*\n * reconfigure 重新 claim = 新会话,inert 回到 false。实测这条重推是**冗余**的(摘掉本行\n * 全部用例仍绿):这条路径后面跟着一轮渲染,而 `updated()` 每次渲染都会调\n * `_syncOverlayInert()`。留在这里是不想依赖「这条路径必然跟着一次渲染」这个隐含前提。\n */\n this._syncOverlayInert()\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${scrollbarStyle}\\n${style}`,\n className: 'wui-glass autocomplete-overlay portal wui-floating-panel',\n onContentChange: () => {\n this._optionPortal.scheduleRefresh()\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 wui-scroll'\n const content = document.createElement('div')\n content.className = 'autocomplete-content'\n this._portalContent = content\n scroll.append(content)\n portal.panel.append(scroll)\n for (const node of Array.from(this.childNodes)) {\n // 框架注释锚点(v-if/v-for 占位)必须留在宿主:锚点进 panel 后 Vue 下次翻转\n // 会以 panel 内节点为插入基准;portal 的 marker 注释同理不参与迁移。\n if (node instanceof Comment) continue\n // 自定义 trigger 与 select(:461)同判据:留在宿主,不随 options 迁入 overlay\n if (isTriggerSlotNode(node)) continue\n // 已移除的 empty slot 不能作为普通内容出现在新 portal panel 中\n if (isEmptySlotNode(node)) continue\n 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 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\n class=\"autocomplete-trigger\"\n ?data-custom-trigger=${this._hasTriggerSlot}\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-label=${ifDefined(this.ariaLabel)}\n aria-labelledby=${labelledbyText ? labelId : nothing}\n aria-activedescendant=${activeDescendant}\n tabindex=\"-1\"\n >\n <slot name=\"trigger\" @slotchange=${this._onTriggerSlotChange}></slot>\n ${\n !this._hasTriggerSlot\n ? html`<web-ui-input\n class=\"autocomplete-input\"\n .value=${this._value}\n placeholder=${this.placeholder}\n name=${this.name}\n ?borderless=${this.borderless}\n ?disabled=${this._isDisabled}\n ?readonly=${this.readonly}\n ?required=${this.required}\n aria-label=${ifDefined(this.ariaLabel || labelledbyText || undefined)}\n ></web-ui-input>`\n : nothing\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\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 wui-scroll\">\n <div class=\"autocomplete-content\">\n <slot @slotchange=${this._onSlotChange}></slot>\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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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
// src/components/autocomplete/style.css?inline
|
|
2
|
-
var style_default = "*,: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}.autocomplete-trigger{box-sizing:border-box;width:var(--wui-input-width,200px);min-width:var(--wui-control-size,36px);background:0 0;border:none;align-items:center;display:flex}.autocomplete-trigger[data-custom-trigger]{width:auto}.autocomplete-trigger web-ui-input{flex:1;min-width:0}::slotted([slot=trigger]){min-width:0}.autocomplete-trigger:focus-visible{outline:var(--wui-focus-ring-width,3px) solid var(--wui-color-focus-ring,color-mix(in srgb, var(--wui-color-accent,#0071e3) 40%, transparent));outline-offset:2px}:host([disabled]) .autocomplete-trigger web-ui-input{opacity:1}.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-color-glass-ring:transparent;--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,
|
|
2
|
+
var style_default = "*,: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}.autocomplete-trigger{box-sizing:border-box;width:var(--wui-input-width,200px);min-width:var(--wui-control-size,36px);background:0 0;border:none;align-items:center;display:flex}.autocomplete-trigger[data-custom-trigger]{width:auto}.autocomplete-trigger web-ui-input{flex:1;min-width:0}::slotted([slot=trigger]){min-width:0}.autocomplete-trigger:focus-visible{outline:var(--wui-focus-ring-width,3px) solid var(--wui-color-focus-ring,color-mix(in srgb, var(--wui-color-accent,#0071e3) 40%, transparent));outline-offset:2px}:host([disabled]) .autocomplete-trigger web-ui-input{opacity:1}.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-color-glass-ring:transparent;--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,10);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,#fafafac2);position:absolute;overflow:hidden}.autocomplete-overlay.portal{z-index:var(--wui-layer-menu,1000);position:fixed}.autocomplete-overlay.hidden{display:none}.autocomplete-scroll{max-height:var(--wui-autocomplete-max-height,200px);overflow-y:auto}.autocomplete-content{padding:var(--wui-space-1,4px)}::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}\n";
|
|
3
3
|
export { style_default as default };
|
|
4
4
|
|
|
5
5
|
//# sourceMappingURL=style.js.map
|
|
@@ -1 +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 对齐:为本地绝对定位 panel 提供包含块,\n 避免 panel offsetParent(BODY)与实际包含块(远端定位祖先,如 layout header)不一致导致定位偏移。 */\n position: relative;\n}\n\n/*\n * trigger 包装 div:持 combobox ARIA、slot[name=\"trigger\"] 与事件委托监听。\n * 玻璃胶囊由默认 trigger web-ui-input 自带(token\n * 与度量:--wui-input-width / --wui-control-size / --wui-radius-control),这里只定义\n * 容器宽度与自定义 trigger 时的自适应。\n */\n.autocomplete-trigger {\n display: flex;\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 border: none;\n\n background: transparent;\n}\n\n.autocomplete-trigger[data-custom-trigger] {\n width: auto;\n}\n\n/* 默认 trigger 填满容器:高度、内边距、玻璃底与 focus ring 由它自带 */\n.autocomplete-trigger web-ui-input {\n flex: 1;\n min-width: 0;\n}\n\n::slotted([slot='trigger']) {\n min-width: 0;\n}\n\n/* 自定义 trigger 场景下包装 div 可能成为 tab 位,补 focus ring(默认 trigger 自带) */\n.autocomplete-trigger:focus-visible {\n outline: var(--wui-focus-ring-width, 3px) solid\n var(--wui-color-focus-ring, color-mix(in srgb, var(--wui-color-accent, #0071e3) 40%, transparent));\n outline-offset: 2px;\n}\n\n/* 禁用态:宿主已整体降透明度,默认 trigger 自身的 disabled 降透明度在此抵消 */\n:host([disabled]) .autocomplete-trigger web-ui-input {\n opacity: 1;\n}\n\n.autocomplete-overlay {\n /* autocomplete 不表示选中状态;隐藏共享 option 的勾选 icon 及其布局占位 */\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\n /* 环底色转 transparent,宽 panel 的长边中段不留铺底,见 menu-portal.css 同处注释。 */\n --wui-color-glass-ring: transparent;\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
|
+
{"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 对齐:为本地绝对定位 panel 提供包含块,\n 避免 panel offsetParent(BODY)与实际包含块(远端定位祖先,如 layout header)不一致导致定位偏移。 */\n position: relative;\n}\n\n/*\n * trigger 包装 div:持 combobox ARIA、slot[name=\"trigger\"] 与事件委托监听。\n * 玻璃胶囊由默认 trigger web-ui-input 自带(token\n * 与度量:--wui-input-width / --wui-control-size / --wui-radius-control),这里只定义\n * 容器宽度与自定义 trigger 时的自适应。\n */\n.autocomplete-trigger {\n display: flex;\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 border: none;\n\n background: transparent;\n}\n\n.autocomplete-trigger[data-custom-trigger] {\n width: auto;\n}\n\n/* 默认 trigger 填满容器:高度、内边距、玻璃底与 focus ring 由它自带 */\n.autocomplete-trigger web-ui-input {\n flex: 1;\n min-width: 0;\n}\n\n::slotted([slot='trigger']) {\n min-width: 0;\n}\n\n/* 自定义 trigger 场景下包装 div 可能成为 tab 位,补 focus ring(默认 trigger 自带) */\n.autocomplete-trigger:focus-visible {\n outline: var(--wui-focus-ring-width, 3px) solid\n var(--wui-color-focus-ring, color-mix(in srgb, var(--wui-color-accent, #0071e3) 40%, transparent));\n outline-offset: 2px;\n}\n\n/* 禁用态:宿主已整体降透明度,默认 trigger 自身的 disabled 降透明度在此抵消 */\n:host([disabled]) .autocomplete-trigger web-ui-input {\n opacity: 1;\n}\n\n.autocomplete-overlay {\n /* autocomplete 不表示选中状态;隐藏共享 option 的勾选 icon 及其布局占位 */\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\n /* 环底色转 transparent,宽 panel 的长边中段不留铺底,见 menu-portal.css 同处注释。 */\n --wui-color-glass-ring: transparent;\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, 10);\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 在 panel 自身,这里覆盖其默认玻璃底为 menu surface 色 */\n background-color: var(--wui-color-surface-menu, rgb(250 250 250 / 0.76));\n\n &.portal {\n position: fixed;\n z-index: var(--wui-layer-menu, 1000);\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: var(--wui-space-1, 4px);\n}\n\n/* 非匹配候选隐藏:本地模式经 slot 投影,portal 模式为 panel 直接子元素 */\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":";AAAA,IAAA,gBAAA"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
// src/components/back-top/style.css?inline
|
|
2
|
-
var style_default = "*,:before,:after{box-sizing:border-box}:host{display:block}:host([container-mode]){bottom:var(--wui-back-top-bottom,20px);position:sticky}.back-top-inner{pointer-events:none;position:var(--wui-back-top-position,fixed);z-index:var(--wui-back-top-z-index,var(--wui-layer-auxiliary,
|
|
2
|
+
var style_default = "*,:before,:after{box-sizing:border-box}:host{display:block}:host([container-mode]){bottom:var(--wui-back-top-bottom,20px);position:sticky}.back-top-inner{pointer-events:none;position:var(--wui-back-top-position,fixed);z-index:var(--wui-back-top-z-index,var(--wui-layer-auxiliary,200));top:var(--wui-back-top-top,auto);right:var(--wui-back-top-right,20px);bottom:var(--wui-back-top-bottom,20px);left:var(--wui-back-top-left,auto);visibility:hidden;opacity:0}.back-top-inner:focus-visible{border-radius:var(--wui-radius-control,calc(infinity * 1px));outline:var(--wui-focus-ring-width,3px) solid var(--wui-color-focus-ring,color-mix(in srgb, var(--wui-color-accent,#0071e3) 40%, transparent));outline-offset:2px}:host([container-mode]) .back-top-inner{width:fit-content;margin-right:var(--wui-back-top-right,20px);margin-left:var(--wui-back-top-left,auto);position:static}:host([visible]) .back-top-inner{pointer-events:auto;visibility:visible;opacity:1}\n";
|
|
3
3
|
export { style_default as default };
|
|
4
4
|
|
|
5
5
|
//# sourceMappingURL=style.js.map
|
|
@@ -1 +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 display: block;\n}\n\n/* 容器模式:scrollTarget 为元素时 button 悬浮于容器底部(元素需置于容器内部),\n 横向偏移沿用 --wui-back-top-left/right,纵向沿用 --wui-back-top-bottom;不使用 top */\n:host([container-mode]) {\n position: sticky;\n bottom: var(--wui-back-top-bottom, 20px);\n}\n\n.back-top-inner {\n pointer-events: none;\n\n position: var(--wui-back-top-position, fixed);\n z-index: var(--wui-back-top-z-index, var(--wui-layer-auxiliary,
|
|
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 display: block;\n}\n\n/* 容器模式:scrollTarget 为元素时 button 悬浮于容器底部(元素需置于容器内部),\n 横向偏移沿用 --wui-back-top-left/right,纵向沿用 --wui-back-top-bottom;不使用 top */\n:host([container-mode]) {\n position: sticky;\n bottom: var(--wui-back-top-bottom, 20px);\n}\n\n.back-top-inner {\n pointer-events: none;\n\n position: var(--wui-back-top-position, fixed);\n z-index: var(--wui-back-top-z-index, var(--wui-layer-auxiliary, 200));\n top: var(--wui-back-top-top, auto);\n right: var(--wui-back-top-right, 20px);\n bottom: var(--wui-back-top-bottom, 20px);\n left: var(--wui-back-top-left, auto);\n\n visibility: hidden;\n opacity: 0;\n\n &:focus-visible {\n border-radius: var(--wui-radius-control, calc(infinity * 1px));\n outline: var(--wui-focus-ring-width, 3px) solid\n var(--wui-color-focus-ring, color-mix(in srgb, var(--wui-color-accent, #0071e3) 40%, transparent));\n outline-offset: 2px;\n }\n}\n\n:host([container-mode]) .back-top-inner {\n position: static;\n width: fit-content;\n margin-right: var(--wui-back-top-right, 20px);\n margin-left: var(--wui-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":";AAAA,IAAA,gBAAA"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
// src/components/button-group/style.css?inline
|
|
2
|
-
var style_default = "*,:before,:after{box-sizing:border-box}:host{--wui-internal-button-group-button-size:calc(var(--wui-control-size,36px) * 5 / 6);display:inline-block}.wui-button-group-inner{--wui-glass-corner-radius:calc(var(--wui-control-size,36px) / 2);flex-direction:var(--wui-button-group-flex-direction,row);gap:var(--wui-space-1,4px);width:max-content;height:var(--wui-control-size,36px);padding:0 var(--wui-space-1,4px);border-radius:var(--wui-radius-control,calc(infinity * 1px));align-items:center;display:flex}:host([direction=vertical]){--wui-button-group-flex-direction:column}:host([direction=vertical]) .wui-button-group-inner{height:auto;padding:var(--wui-space-1,4px) 0}\n";
|
|
2
|
+
var style_default = "*,:before,:after{box-sizing:border-box}:host{--wui-internal-button-group-button-size:calc(var(--wui-control-size,36px) * 5 / 6);display:inline-block}.wui-button-group-inner{--wui-glass-corner-radius:calc(var(--wui-control-size,36px) / 2);flex-direction:var(--wui-button-group-flex-direction,row);gap:var(--wui-space-1,4px);width:max-content;height:var(--wui-control-size,36px);padding:0 var(--wui-space-1,4px);border-radius:var(--wui-radius-control,calc(infinity * 1px));align-items:center;display:flex}:host([direction=vertical]){--wui-button-group-flex-direction:column}:host([direction=vertical]) .wui-button-group-inner{min-width:var(--wui-control-size,36px);height:auto;padding:var(--wui-space-1,4px) 0}\n";
|
|
3
3
|
export { style_default as default };
|
|
4
4
|
|
|
5
5
|
//# sourceMappingURL=style.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"style.js","names":[],"sources":["../../../src/components/button-group/style.css?inline"],"sourcesContent":["*,\n*::before,\n*::after {\n box-sizing: border-box;\n}\n\n:host {\n --wui-internal-button-group-button-size: calc(var(--wui-control-size, 36px) * 5 / 6);\n\n display: inline-block;\n}\n\n.wui-button-group-inner {\n --wui-glass-corner-radius: calc(var(--wui-control-size, 36px) / 2);\n\n display: flex;\n flex-direction: var(--wui-button-group-flex-direction, row);\n gap: var(--wui-space-1, 4px);\n align-items: center;\n\n width: max-content;\n height: var(--wui-control-size, 36px);\n padding: 0 var(--wui-space-1, 4px);\n border-radius: var(--wui-radius-control, calc(infinity * 1px));\n}\n\n:host([direction='vertical']) {\n --wui-button-group-flex-direction: column;\n}\n\n:host([direction='vertical']) .wui-button-group-inner {\n height: auto;\n padding: var(--wui-space-1, 4px) 0;\n}\n"],"mappings":";AAAA,IAAA,gBAAA"}
|
|
1
|
+
{"version":3,"file":"style.js","names":[],"sources":["../../../src/components/button-group/style.css?inline"],"sourcesContent":["*,\n*::before,\n*::after {\n box-sizing: border-box;\n}\n\n:host {\n --wui-internal-button-group-button-size: calc(var(--wui-control-size, 36px) * 5 / 6);\n\n display: inline-block;\n}\n\n.wui-button-group-inner {\n --wui-glass-corner-radius: calc(var(--wui-control-size, 36px) / 2);\n\n display: flex;\n flex-direction: var(--wui-button-group-flex-direction, row);\n gap: var(--wui-space-1, 4px);\n align-items: center;\n\n width: max-content;\n height: var(--wui-control-size, 36px);\n padding: 0 var(--wui-space-1, 4px);\n border-radius: var(--wui-radius-control, calc(infinity * 1px));\n}\n\n:host([direction='vertical']) {\n --wui-button-group-flex-direction: column;\n}\n\n:host([direction='vertical']) .wui-button-group-inner {\n /* 垂直轨道以控件尺寸为最小宽度,图标组不会窄成成员内容的宽度;文本成员仍可撑宽轨道。 */\n min-width: var(--wui-control-size, 36px);\n height: auto;\n padding: var(--wui-space-1, 4px) 0;\n}\n"],"mappings":";AAAA,IAAA,gBAAA"}
|
|
@@ -15,8 +15,8 @@ import { LitElement } from "lit";
|
|
|
15
15
|
* 宿主(属性不跨 shadow 转发),AT 读不到;`disabled` 是真禁用,原生 button 与
|
|
16
16
|
* web-ui-button 都能生效。
|
|
17
17
|
*
|
|
18
|
-
* 内容区在 shadow 内以 grid `0fr ↔ 1fr` track
|
|
19
|
-
*
|
|
18
|
+
* 内容区在 shadow 内以 grid `0fr ↔ 1fr` track 过渡驱动高度/宽度动画。
|
|
19
|
+
* 关闭稳态三态(消费者 light DOM 永不移动,hidden 全部命令式管理,
|
|
20
20
|
* 避免渲染绑定在关闭动画起点抢先 display:none):
|
|
21
21
|
* - 默认:content 容器 `hidden`(display:none,脱离渲染与可访问性树);
|
|
22
22
|
* - `keep-mounted`:inner `inert`(保留在 0fr track 内,滚动位置与布局可测量);
|