@shwfed/config 3.0.2 → 3.0.3

package/dist/runtime/components/table/columns/2026-06-14/com.shwfed.table.column.tree-combobox-multi/runtime.vue

@@ -12,6 +12,7 @@ import { fetchJsonOption } from "../../../../../share/request";
 import { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput } from "../../../../ui/input-group";
 import { Markdown } from "../../../../ui/markdown";
 import { Popover, PopoverAnchor, PopoverContent, PopoverTrigger } from "../../../../ui/popover";
+import { ScrollArea } from "../../../../ui/scroll-area";
 import { Skeleton } from "../../../../ui/skeleton";
 import { Tree as UiTree } from "../../../../ui/tree";
 import { useFormState } from "../../../../form/utils/state";
@@ -427,58 +428,61 @@ const hoveredTooltip = computed(() => {
             <Skeleton class="h-4 w-3/5" />
           </div>
 
-          <UiTree
+          <ScrollArea
             v-else
-            :roots="roots"
-            :get-key="(w) => w.key"
-            :get-children="getWrappedChildren"
-            selection-mode="multi"
-            :cascade="column.cascade ?? 'independent'"
-            :model-value="displayKeys"
-            :selectable="wrappedSelectable"
-            :filter-predicate="filterPredicate"
-            :filter-query="filterQuery"
-            :initial-expanded="initialExpanded"
-            :show-focused-row="false"
-            :class="isDisabled ? 'pointer-events-none opacity-60' : void 0"
-            class="max-h-72 overflow-y-auto"
-            @update:model-value="handleUpdate"
+            class="max-h-72"
           >
-            <template #node="{ node, selected }">
-              <span
-                class="flex flex-1 min-w-0 items-center justify-between gap-2"
-                @mouseenter="hoveredKey = node.key"
-                @focusin="hoveredKey = node.key"
-              >
-                <span class="min-w-0 truncate text-[0.75rem] text-zinc-700">{{ wrappedLabelText(node) }}</span>
-                <Icon
-                  v-if="selected"
-                  icon="fluent:checkmark-20-regular"
-                  class="size-3 shrink-0 text-zinc-700"
-                />
-              </span>
-            </template>
+            <UiTree
+              :roots="roots"
+              :get-key="(w) => w.key"
+              :get-children="getWrappedChildren"
+              selection-mode="multi"
+              :cascade="column.cascade ?? 'independent'"
+              :model-value="displayKeys"
+              :selectable="wrappedSelectable"
+              :filter-predicate="filterPredicate"
+              :filter-query="filterQuery"
+              :initial-expanded="initialExpanded"
+              :show-focused-row="false"
+              :class="isDisabled ? 'pointer-events-none opacity-60' : void 0"
+              @update:model-value="handleUpdate"
+            >
+              <template #node="{ node, selected }">
+                <span
+                  class="flex flex-1 min-w-0 items-center justify-between gap-2"
+                  @mouseenter="hoveredKey = node.key"
+                  @focusin="hoveredKey = node.key"
+                >
+                  <span class="min-w-0 truncate text-[0.75rem] text-zinc-700">{{ wrappedLabelText(node) }}</span>
+                  <Icon
+                    v-if="selected"
+                    icon="fluent:checkmark-20-regular"
+                    class="size-3 shrink-0 text-zinc-700"
+                  />
+                </span>
+              </template>
 
-            <template #empty>
-              <div class="min-h-7 px-2 py-1 text-[0.75rem] text-zinc-400">
-                {{ t("tree-combobox-multi-empty") }}
-              </div>
-            </template>
+              <template #empty>
+                <div class="min-h-7 px-2 py-1 text-[0.75rem] text-zinc-400">
+                  {{ t("tree-combobox-multi-empty") }}
+                </div>
+              </template>
 
-            <template #error="{ error, retry }">
-              <span class="inline-flex items-center gap-1 text-xs text-red-500">
-                {{ t("tree-combobox-multi-load-error") }}
-                <button
-                  type="button"
-                  class="underline hover:text-red-600"
-                  @click.stop="retry"
-                >
-                  {{ t("tree-combobox-multi-retry") }}
-                </button>
-                <span class="sr-only">{{ String(error) }}</span>
-              </span>
-            </template>
-          </UiTree>
+              <template #error="{ error, retry }">
+                <span class="inline-flex items-center gap-1 text-xs text-red-500">
+                  {{ t("tree-combobox-multi-load-error") }}
+                  <button
+                    type="button"
+                    class="underline hover:text-red-600"
+                    @click.stop="retry"
+                  >
+                    {{ t("tree-combobox-multi-retry") }}
+                  </button>
+                  <span class="sr-only">{{ String(error) }}</span>
+                </span>
+              </template>
+            </UiTree>
+          </ScrollArea>
         </div>
         <div
           v-if="anyHasTooltip && hoveredTooltip"

package/dist/runtime/components/table/columns/2026-06-14/com.shwfed.table.column.tree-combobox-single/config.d.vue.ts

@@ -45,10 +45,10 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly data: string;
             readonly request?: string | undefined;
         };
-        readonly enableSorting?: boolean | undefined;
         readonly nodeKey: string;
         readonly nodeChildren: string;
         readonly nodeLabel: string;
+        readonly enableSorting?: boolean | undefined;
         readonly nodeTooltip?: readonly [{
             readonly locale: "zh";
             readonly message: string;
@@ -103,10 +103,10 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly data: string;
             readonly request?: string | undefined;
         };
-        readonly enableSorting?: boolean | undefined;
         readonly nodeKey: string;
         readonly nodeChildren: string;
         readonly nodeLabel: string;
+        readonly enableSorting?: boolean | undefined;
         readonly nodeTooltip?: readonly [{
             readonly locale: "zh";
             readonly message: string;

package/dist/runtime/components/table/columns/2026-06-14/com.shwfed.table.column.tree-combobox-single/config.vue.d.ts

@@ -45,10 +45,10 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly data: string;
             readonly request?: string | undefined;
         };
-        readonly enableSorting?: boolean | undefined;
         readonly nodeKey: string;
         readonly nodeChildren: string;
         readonly nodeLabel: string;
+        readonly enableSorting?: boolean | undefined;
         readonly nodeTooltip?: readonly [{
             readonly locale: "zh";
             readonly message: string;
@@ -103,10 +103,10 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly data: string;
             readonly request?: string | undefined;
         };
-        readonly enableSorting?: boolean | undefined;
         readonly nodeKey: string;
         readonly nodeChildren: string;
         readonly nodeLabel: string;
+        readonly enableSorting?: boolean | undefined;
         readonly nodeTooltip?: readonly [{
             readonly locale: "zh";
             readonly message: string;

package/dist/runtime/components/table/columns/2026-06-14/com.shwfed.table.column.tree-combobox-single/runtime.vue

@@ -12,6 +12,7 @@ import { fetchJsonOption } from "../../../../../share/request";
 import { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput } from "../../../../ui/input-group";
 import { Markdown } from "../../../../ui/markdown";
 import { Popover, PopoverAnchor, PopoverContent, PopoverTrigger } from "../../../../ui/popover";
+import { ScrollArea } from "../../../../ui/scroll-area";
 import { Skeleton } from "../../../../ui/skeleton";
 import { Tree as UiTree } from "../../../../ui/tree";
 import { useFormState } from "../../../../form/utils/state";
@@ -393,57 +394,60 @@ const hoveredTooltip = computed(() => {
             <Skeleton class="h-4 w-3/5" />
           </div>
 
-          <UiTree
+          <ScrollArea
             v-else
-            :roots="roots"
-            :get-key="(w) => w.key"
-            :get-children="getWrappedChildren"
-            selection-mode="single"
-            :model-value="model"
-            :selectable="wrappedSelectable"
-            :filter-predicate="filterPredicate"
-            :filter-query="filterQuery"
-            :initial-expanded="initialExpanded"
-            :show-focused-row="false"
-            :class="isDisabled ? 'pointer-events-none opacity-60' : void 0"
-            class="max-h-72 overflow-y-auto"
-            @update:model-value="handleUpdate"
+            class="max-h-72"
           >
-            <template #node="{ node, selected }">
-              <span
-                class="flex flex-1 min-w-0 items-center justify-between gap-2"
-                @mouseenter="hoveredKey = node.key"
-                @focusin="hoveredKey = node.key"
-              >
-                <span class="min-w-0 truncate text-[0.75rem] text-zinc-700">{{ wrappedLabelText(node) }}</span>
-                <Icon
-                  v-if="selected"
-                  icon="fluent:checkmark-20-regular"
-                  class="size-3 shrink-0 text-zinc-700"
-                />
-              </span>
-            </template>
+            <UiTree
+              :roots="roots"
+              :get-key="(w) => w.key"
+              :get-children="getWrappedChildren"
+              selection-mode="single"
+              :model-value="model"
+              :selectable="wrappedSelectable"
+              :filter-predicate="filterPredicate"
+              :filter-query="filterQuery"
+              :initial-expanded="initialExpanded"
+              :show-focused-row="false"
+              :class="isDisabled ? 'pointer-events-none opacity-60' : void 0"
+              @update:model-value="handleUpdate"
+            >
+              <template #node="{ node, selected }">
+                <span
+                  class="flex flex-1 min-w-0 items-center justify-between gap-2"
+                  @mouseenter="hoveredKey = node.key"
+                  @focusin="hoveredKey = node.key"
+                >
+                  <span class="min-w-0 truncate text-[0.75rem] text-zinc-700">{{ wrappedLabelText(node) }}</span>
+                  <Icon
+                    v-if="selected"
+                    icon="fluent:checkmark-20-regular"
+                    class="size-3 shrink-0 text-zinc-700"
+                  />
+                </span>
+              </template>
 
-            <template #empty>
-              <div class="min-h-7 px-2 py-1 text-[0.75rem] text-zinc-400">
-                {{ t("tree-combobox-single-empty") }}
-              </div>
-            </template>
+              <template #empty>
+                <div class="min-h-7 px-2 py-1 text-[0.75rem] text-zinc-400">
+                  {{ t("tree-combobox-single-empty") }}
+                </div>
+              </template>
 
-            <template #error="{ error, retry }">
-              <span class="inline-flex items-center gap-1 text-xs text-red-500">
-                {{ t("tree-combobox-single-load-error") }}
-                <button
-                  type="button"
-                  class="underline hover:text-red-600"
-                  @click.stop="retry"
-                >
-                  {{ t("tree-combobox-single-retry") }}
-                </button>
-                <span class="sr-only">{{ String(error) }}</span>
-              </span>
-            </template>
-          </UiTree>
+              <template #error="{ error, retry }">
+                <span class="inline-flex items-center gap-1 text-xs text-red-500">
+                  {{ t("tree-combobox-single-load-error") }}
+                  <button
+                    type="button"
+                    class="underline hover:text-red-600"
+                    @click.stop="retry"
+                  >
+                    {{ t("tree-combobox-single-retry") }}
+                  </button>
+                  <span class="sr-only">{{ String(error) }}</span>
+                </span>
+              </template>
+            </UiTree>
+          </ScrollArea>
         </div>
         <div
           v-if="anyHasTooltip && hoveredTooltip"

package/dist/runtime/components/table/schema.d.ts

@@ -158,6 +158,40 @@ export declare function TableConfig(configure: (env: Environment) => void): Sche
             readonly message: string;
         }[]] | undefined;
     }[];
+    readonly query?: {
+        readonly style?: string | undefined;
+        readonly id?: string | undefined;
+        readonly initial?: {
+            readonly data: string;
+            readonly request?: string | undefined;
+        } | undefined;
+        readonly displayName?: string | undefined;
+        readonly kind: "shwfed.component.form";
+        readonly fields: readonly any[];
+        readonly layouts: readonly {
+            readonly name: string;
+            readonly layout: {
+                readonly style?: string | undefined;
+                readonly columns: number;
+                readonly gap?: number | undefined;
+                readonly rows?: number | undefined;
+                readonly placements: {
+                    readonly [x: string]: {
+                        readonly area: readonly [readonly [number, number], readonly [number, number]];
+                        readonly v?: "stretch" | "center" | "end" | "start" | undefined;
+                        readonly h?: "stretch" | "center" | "end" | "start" | undefined;
+                    };
+                };
+            };
+            readonly media?: string | undefined;
+        }[];
+        readonly readonly?: string | undefined;
+    } | undefined;
+    readonly dataSource?: {
+        readonly data: string;
+        readonly total?: string | undefined;
+        readonly request?: string | undefined;
+    } | undefined;
     readonly actions?: {
         readonly size: "default" | "sm" | "xs";
         readonly style?: string | undefined;
@@ -225,40 +259,6 @@ export declare function TableConfig(configure: (env: Environment) => void): Sche
             readonly variant?: "default" | "link" | "destructive" | "primary" | "ghost" | undefined;
         }[];
     } | undefined;
-    readonly query?: {
-        readonly style?: string | undefined;
-        readonly id?: string | undefined;
-        readonly initial?: {
-            readonly data: string;
-            readonly request?: string | undefined;
-        } | undefined;
-        readonly displayName?: string | undefined;
-        readonly kind: "shwfed.component.form";
-        readonly fields: readonly any[];
-        readonly layouts: readonly {
-            readonly name: string;
-            readonly layout: {
-                readonly style?: string | undefined;
-                readonly columns: number;
-                readonly gap?: number | undefined;
-                readonly rows?: number | undefined;
-                readonly placements: {
-                    readonly [x: string]: {
-                        readonly area: readonly [readonly [number, number], readonly [number, number]];
-                        readonly v?: "stretch" | "center" | "end" | "start" | undefined;
-                        readonly h?: "stretch" | "center" | "end" | "start" | undefined;
-                    };
-                };
-            };
-            readonly media?: string | undefined;
-        }[];
-        readonly readonly?: string | undefined;
-    } | undefined;
-    readonly dataSource?: {
-        readonly data: string;
-        readonly total?: string | undefined;
-        readonly request?: string | undefined;
-    } | undefined;
     readonly bottomActions?: {
         readonly size: "default" | "sm" | "xs";
         readonly style?: string | undefined;
@@ -827,6 +827,40 @@ export declare function createTableConfig(body: Omit<Schema.Schema.Type<ReturnTy
             readonly message: string;
         }[]] | undefined;
     }[];
+    query?: {
+        readonly style?: string | undefined;
+        readonly id?: string | undefined;
+        readonly initial?: {
+            readonly data: string;
+            readonly request?: string | undefined;
+        } | undefined;
+        readonly displayName?: string | undefined;
+        readonly kind: "shwfed.component.form";
+        readonly fields: readonly any[];
+        readonly layouts: readonly {
+            readonly name: string;
+            readonly layout: {
+                readonly style?: string | undefined;
+                readonly columns: number;
+                readonly gap?: number | undefined;
+                readonly rows?: number | undefined;
+                readonly placements: {
+                    readonly [x: string]: {
+                        readonly area: readonly [readonly [number, number], readonly [number, number]];
+                        readonly v?: "stretch" | "center" | "end" | "start" | undefined;
+                        readonly h?: "stretch" | "center" | "end" | "start" | undefined;
+                    };
+                };
+            };
+            readonly media?: string | undefined;
+        }[];
+        readonly readonly?: string | undefined;
+    } | undefined;
+    dataSource?: {
+        readonly data: string;
+        readonly total?: string | undefined;
+        readonly request?: string | undefined;
+    } | undefined;
     actions?: {
         readonly size: "default" | "sm" | "xs";
         readonly style?: string | undefined;
@@ -894,40 +928,6 @@ export declare function createTableConfig(body: Omit<Schema.Schema.Type<ReturnTy
             readonly variant?: "default" | "link" | "destructive" | "primary" | "ghost" | undefined;
         }[];
     } | undefined;
-    query?: {
-        readonly style?: string | undefined;
-        readonly id?: string | undefined;
-        readonly initial?: {
-            readonly data: string;
-            readonly request?: string | undefined;
-        } | undefined;
-        readonly displayName?: string | undefined;
-        readonly kind: "shwfed.component.form";
-        readonly fields: readonly any[];
-        readonly layouts: readonly {
-            readonly name: string;
-            readonly layout: {
-                readonly style?: string | undefined;
-                readonly columns: number;
-                readonly gap?: number | undefined;
-                readonly rows?: number | undefined;
-                readonly placements: {
-                    readonly [x: string]: {
-                        readonly area: readonly [readonly [number, number], readonly [number, number]];
-                        readonly v?: "stretch" | "center" | "end" | "start" | undefined;
-                        readonly h?: "stretch" | "center" | "end" | "start" | undefined;
-                    };
-                };
-            };
-            readonly media?: string | undefined;
-        }[];
-        readonly readonly?: string | undefined;
-    } | undefined;
-    dataSource?: {
-        readonly data: string;
-        readonly total?: string | undefined;
-        readonly request?: string | undefined;
-    } | undefined;
     bottomActions?: {
         readonly size: "default" | "sm" | "xs";
         readonly style?: string | undefined;

package/dist/runtime/components/ui/command/CommandList.d.vue.ts

@@ -3,9 +3,9 @@ import type { HTMLAttributes } from 'vue';
 type __VLS_Props = ListboxContentProps & {
     class?: HTMLAttributes['class'];
 };
-declare var __VLS_8: {};
+declare var __VLS_14: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_8) => any;
+    default?: (props: typeof __VLS_14) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/runtime/components/ui/command/CommandList.vue

@@ -2,6 +2,7 @@
 import { reactiveOmit } from "@vueuse/core";
 import { ListboxContent, useForwardProps } from "reka-ui";
 import { cn } from "../../../utils/cn";
+import { ScrollArea } from "../scroll-area";
 const props = defineProps({
   asChild: { type: Boolean, required: false },
   as: { type: null, required: false },
@@ -12,13 +13,20 @@ const forwarded = useForwardProps(delegatedProps);
 </script>
 
 <template>
+  <!-- The cap stays on ListboxContent so callers keep overriding it through
+       `class`; ScrollArea inherits it and owns the actual overflow. -->
   <ListboxContent
     data-slot="command-list"
     v-bind="forwarded"
-    :class="cn('max-h-[300px] scroll-py-1 overflow-x-hidden overflow-y-auto', props.class)"
+    :class="cn('max-h-[300px] overflow-hidden', props.class)"
   >
-    <div role="presentation">
-      <slot />
-    </div>
+    <ScrollArea
+      class="max-h-[inherit]"
+      viewport-class="scroll-py-1"
+    >
+      <div role="presentation">
+        <slot />
+      </div>
+    </ScrollArea>
   </ListboxContent>
 </template>

package/dist/runtime/components/ui/command/CommandList.vue.d.ts

@@ -3,9 +3,9 @@ import type { HTMLAttributes } from 'vue';
 type __VLS_Props = ListboxContentProps & {
     class?: HTMLAttributes['class'];
 };
-declare var __VLS_8: {};
+declare var __VLS_14: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_8) => any;
+    default?: (props: typeof __VLS_14) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/runtime/components/ui/expression-editor/ExpressionEditor.vue

@@ -170,7 +170,7 @@ const leadingAlign = computed(
           >
             <Command class="rounded group-data-[side=top]/popover:flex-col-reverse">
               <CommandInput placeholder="搜索可用变量" />
-              <CommandList class="max-h-48 overflow-y-auto">
+              <CommandList class="max-h-48">
                 <CommandEmpty>No variables.</CommandEmpty>
                 <CommandGroup>
                   <CommandItem

package/dist/runtime/components/ui/input-group/InputGroupCombobox.d.vue.ts

@@ -3,9 +3,9 @@ type __VLS_Props = PopoverContentProps & {
     disabled?: boolean;
     invalid?: boolean;
 };
-declare var __VLS_52: {};
+declare var __VLS_54: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_52) => any;
+    default?: (props: typeof __VLS_54) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     blur: (...args: any[]) => void;

package/dist/runtime/components/ui/input-group/InputGroupCombobox.vue

@@ -64,12 +64,18 @@ const open = ref(false);
           @blur="emits('blur', $event)"
         />
       </PopoverTrigger>
+      <!-- The search input is the trigger, so it sits outside the content. On
+           open reka's FocusScope focuses the first tabbable node inside the
+           content — `CommandList`'s ScrollArea viewport carries `tabindex=0` —
+           which blurs the input and makes the combobox untypeable. Keep focus
+           where the user put it. -->
       <PopoverContent
         v-bind="forwarded"
         :reference="getInputGroupReference().value ?? void 0"
         :style="{
   width: 'var(--reka-popover-trigger-width)'
 }"
+        @open-auto-focus="(event) => event.preventDefault()"
       >
         <CommandList>
           <CommandEmpty as-child>

package/dist/runtime/components/ui/input-group/InputGroupCombobox.vue.d.ts

@@ -3,9 +3,9 @@ type __VLS_Props = PopoverContentProps & {
     disabled?: boolean;
     invalid?: boolean;
 };
-declare var __VLS_52: {};
+declare var __VLS_54: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_52) => any;
+    default?: (props: typeof __VLS_54) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     blur: (...args: any[]) => void;

package/dist/runtime/components/ui/scroll-area/ScrollArea.d.vue.ts

@@ -2,6 +2,7 @@ import type { ScrollAreaRootProps } from 'reka-ui';
 import type { HTMLAttributes } from 'vue';
 type __VLS_Props = ScrollAreaRootProps & {
     class?: HTMLAttributes['class'];
+    viewportClass?: HTMLAttributes['class'];
 };
 declare var __VLS_14: {};
 type __VLS_Slots = {} & {

package/dist/runtime/components/ui/scroll-area/ScrollArea.vue

@@ -14,9 +14,10 @@ const props = defineProps({
   scrollHideDelay: { type: Number, required: false },
   asChild: { type: Boolean, required: false },
   as: { type: null, required: false },
-  class: { type: [Boolean, null, String, Object, Array], required: false, skipCheck: true }
+  class: { type: [Boolean, null, String, Object, Array], required: false, skipCheck: true },
+  viewportClass: { type: [Boolean, null, String, Object, Array], required: false, skipCheck: true }
 });
-const delegatedProps = reactiveOmit(props, "class");
+const delegatedProps = reactiveOmit(props, "class", "viewportClass");
 </script>
 
 <template>
@@ -25,9 +26,14 @@ const delegatedProps = reactiveOmit(props, "class");
     v-bind="delegatedProps"
     :class="cn('relative', props.class)"
   >
+    <!-- `max-h-[inherit]`: when the root is capped by `max-h-*` instead of a
+         definite height (a popover list sized by its content), `h-full` on the
+         viewport resolves to `auto` and it would grow past the cap unscrolled.
+         Inheriting the root's max-height gives the viewport the overflow it
+         needs; it computes to `none` for definite-height roots. -->
     <ScrollAreaViewport
       data-slot="scroll-area-viewport"
-      class="size-full rounded-[inherit] outline-none"
+      :class="cn('size-full max-h-[inherit] rounded-[inherit] outline-none', props.viewportClass)"
     >
       <slot />
     </ScrollAreaViewport>

package/dist/runtime/components/ui/scroll-area/ScrollArea.vue.d.ts

@@ -2,6 +2,7 @@ import type { ScrollAreaRootProps } from 'reka-ui';
 import type { HTMLAttributes } from 'vue';
 type __VLS_Props = ScrollAreaRootProps & {
     class?: HTMLAttributes['class'];
+    viewportClass?: HTMLAttributes['class'];
 };
 declare var __VLS_14: {};
 type __VLS_Slots = {} & {

package/dist/runtime/share/event-bus.d.ts

@@ -160,8 +160,16 @@ export declare function useEventChannel(): EventChannel | undefined;
  * scope (e.g. a table row's `row`) rather than the handling ancestor's. Pass it
  * whenever the emitter has a CEL context; omit it and ops fall back to their
  * host evaluator. See `OpRequest.cel`.
+ *
+ * `outputs` lets the CALLER own the chain's step-outputs map instead of getting
+ * a fresh private one. Two things need that, both in `state.write`: the button
+ * reads what its 写入前 chain published to thread into the write expressions'
+ * `steps`, and it passes the SAME map to its 写入后 chain, so an after-op can
+ * reference a before-op's output. A caller that supplies one MUST mint it per
+ * RUN (inside its own `Effect.suspend`) — otherwise one click's outputs leak
+ * into the next, which is exactly what the private map prevents.
  */
-export declare function dispatchTriggers(channel: EventChannel | undefined, triggers: ReadonlyArray<TriggerValue> | undefined, cel?: CelEvaluator): Effect.Effect<void>;
+export declare function dispatchTriggers(channel: EventChannel | undefined, triggers: ReadonlyArray<TriggerValue> | undefined, cel?: CelEvaluator, outputs?: Record<string, unknown>): Effect.Effect<void>;
 /**
  * One operation a component type exposes. `id` is what the trigger stores;
  * `name`/`icon` are display only.