@shwfed/config 2.3.26 → 2.3.28

package/dist/runtime/components/form/fields/2026-05-26/tree-combobox-shared.d.ts

@@ -0,0 +1,35 @@
+/**
+ * Wrapping + adapter helpers shared by `tree.combobox.single` and
+ * `tree.combobox.multi`. The whole tree comes from `dataSource` in one
+ * shot, so wrapping is a pure walk over CEL-derived children: each raw
+ * node either has children (`branch`) or it doesn't (`terminal`).
+ */
+export type WrappedNode = {
+    readonly kind: 'branch';
+    readonly raw: unknown;
+    readonly key: string;
+    readonly children: WrappedNode[];
+} | {
+    readonly kind: 'terminal';
+    readonly raw: unknown;
+    readonly key: string;
+};
+export interface WrapStructureContext {
+    /** Stringified node id; one per raw node. Reuses `nodeKey` CEL. */
+    nodeKey: (raw: unknown) => string;
+    /**
+     * Normalised children array. `undefined`/`null`/empty all collapse to
+     * `undefined` here — the wrapping logic interprets that as
+     * "this node has no children" → `terminal`.
+     */
+    nodeChildren: (raw: unknown) => unknown[] | undefined;
+}
+export declare function wrapStructural(raw: unknown, ctx: WrapStructureContext): WrappedNode;
+export declare function wrapStructuralAll(raws: unknown[], ctx: WrapStructureContext): WrappedNode[];
+/** Synchronous `getChildren` adapter for ui/tree. */
+export declare function getWrappedChildren(w: WrappedNode): WrappedNode[] | undefined;
+/**
+ * Find the path from root to a node whose `key` matches. Returns `null`
+ * if the key isn't present in `roots`.
+ */
+export declare function findWrappedPath(roots: WrappedNode[], key: string): WrappedNode[] | null;

package/dist/runtime/components/form/fields/2026-05-26/tree-combobox-shared.js

@@ -0,0 +1,31 @@
+export function wrapStructural(raw, ctx) {
+  const kids = ctx.nodeChildren(raw);
+  if (!kids || kids.length === 0) {
+    return { kind: "terminal", raw, key: ctx.nodeKey(raw) };
+  }
+  return {
+    kind: "branch",
+    raw,
+    key: ctx.nodeKey(raw),
+    children: kids.map((c) => wrapStructural(c, ctx))
+  };
+}
+export function wrapStructuralAll(raws, ctx) {
+  return raws.map((r) => wrapStructural(r, ctx));
+}
+export function getWrappedChildren(w) {
+  return w.kind === "branch" ? w.children : void 0;
+}
+export function findWrappedPath(roots, key) {
+  const trail = [];
+  function walk(siblings) {
+    for (const n of siblings) {
+      trail.push(n);
+      if (n.key === key) return true;
+      if (n.kind === "branch" && n.children.length > 0 && walk(n.children)) return true;
+      trail.pop();
+    }
+    return false;
+  }
+  return walk(roots) ? trail.slice() : null;
+}

package/dist/runtime/components/table/columns/2026-05-25/com.shwfed.table.column.combobox-multi/runtime.vue

@@ -110,27 +110,51 @@ const selectedEntries = computed(() => {
   return list;
 });
 const selectedKeys = computed(() => selectedEntries.value.map((e) => e.key));
-const selectedKeySet = computed(() => new Set(selectedKeys.value));
+const pendingKeys = ref(null);
+const open = ref(false);
+watch(open, (next, prev) => {
+  if (!prev && next) {
+    pendingKeys.value = [...selectedKeys.value];
+    return;
+  }
+  if (prev && !next && pendingKeys.value !== null) {
+    const mapped = [];
+    for (const key of pendingKeys.value) {
+      const entry = entries.value.find((e) => e.key === key);
+      if (entry) mapped.push(entry.value);
+    }
+    formState.setAt(props.column.binding, mapped);
+    pendingKeys.value = null;
+  }
+});
+const displayKeys = computed(
+  () => pendingKeys.value ?? selectedKeys.value
+);
+const displayKeySet = computed(() => new Set(displayKeys.value));
+const displayEntries = computed(() => {
+  if (pendingKeys.value === null) return selectedEntries.value;
+  const list = [];
+  for (const key of displayKeys.value) {
+    const entry = entries.value.find((e) => e.key === key);
+    if (entry) list.push(entry);
+  }
+  return list;
+});
 const triggerLabel = computed(() => {
-  const arr = selectedEntries.value;
+  const arr = displayEntries.value;
   if (arr.length === 0) return "";
   if (arr.length === 1) return arr[0].label;
   return `${arr[0].label} +${arr.length - 1}`;
 });
-const open = ref(false);
 function handleSelect(next) {
   const keys = Array.isArray(next) ? next.filter((k) => typeof k === "string") : [];
-  const mapped = [];
-  for (const key of keys) {
-    const entry = entries.value.find((e) => e.key === key);
-    if (entry) mapped.push(entry.value);
-  }
-  formState.setAt(props.column.binding, mapped);
+  pendingKeys.value = keys;
 }
 const showClear = computed(
-  () => !isDisabled.value && selectedEntries.value.length > 0
+  () => !isDisabled.value && displayEntries.value.length > 0
 );
 function handleClear() {
+  pendingKeys.value = null;
   formState.setAt(props.column.binding, []);
   open.value = false;
 }
@@ -201,10 +225,9 @@ const anyHasTooltip = computed(
       <PopoverContent
         class="w-auto p-0 [&_[data-slot=command-input-wrapper]]:h-7 [&_[data-slot=command-input-wrapper]]:px-2 [&_[data-slot=command-input-wrapper]_svg]:size-3 [&_[data-slot=command-input]]:h-7 [&_[data-slot=command-input]]:py-0 [&_[data-slot=command-input]]:text-[0.75rem] [&_[data-slot=command-item]]:px-2 [&_[data-slot=command-item]]:py-1 [&_[data-slot=command-item]]:text-[0.75rem]"
         :style="{ width: 'var(--reka-popover-trigger-width)' }"
-        @focus-outside="(e) => e.preventDefault()"
       >
         <Command
-          :model-value="selectedKeys"
+          :model-value="displayKeys"
           :multiple="true"
           :disabled="isDisabled"
           @update:model-value="handleSelect"
@@ -224,7 +247,7 @@ const anyHasTooltip = computed(
               >
                 <span class="flex-1">{{ entry.label }}</span>
                 <Icon
-                  v-if="selectedKeySet.has(entry.key)"
+                  v-if="displayKeySet.has(entry.key)"
                   icon="fluent:checkmark-20-regular"
                   class="size-3 text-zinc-700"
                 />

package/dist/runtime/components/table/columns/2026-05-26/com.shwfed.table.column.combobox-multi/runtime.vue

@@ -212,27 +212,51 @@ const selectedEntries = computed(() => {
   return list;
 });
 const selectedKeys = computed(() => selectedEntries.value.map((e) => e.key));
-const selectedKeySet = computed(() => new Set(selectedKeys.value));
+const pendingKeys = ref(null);
+const open = ref(false);
+watch(open, (next, prev) => {
+  if (!prev && next) {
+    pendingKeys.value = [...selectedKeys.value];
+    return;
+  }
+  if (prev && !next && pendingKeys.value !== null) {
+    const mapped = [];
+    for (const key of pendingKeys.value) {
+      const entry = entries.value.find((e) => e.key === key);
+      if (entry) mapped.push(entry.value);
+    }
+    formState.setAt(props.column.binding, mapped);
+    pendingKeys.value = null;
+  }
+});
+const displayKeys = computed(
+  () => pendingKeys.value ?? selectedKeys.value
+);
+const displayKeySet = computed(() => new Set(displayKeys.value));
+const displayEntries = computed(() => {
+  if (pendingKeys.value === null) return selectedEntries.value;
+  const list = [];
+  for (const key of displayKeys.value) {
+    const entry = entries.value.find((e) => e.key === key);
+    if (entry) list.push(entry);
+  }
+  return list;
+});
 const triggerLabel = computed(() => {
-  const arr = selectedEntries.value;
+  const arr = displayEntries.value;
   if (arr.length === 0) return "";
   if (arr.length === 1) return arr[0].label;
   return `${arr[0].label} +${arr.length - 1}`;
 });
-const open = ref(false);
 function handleSelect(next) {
   const keys = Array.isArray(next) ? next.filter((k) => typeof k === "string") : [];
-  const mapped = [];
-  for (const key of keys) {
-    const entry = entries.value.find((e) => e.key === key);
-    if (entry) mapped.push(entry.value);
-  }
-  formState.setAt(props.column.binding, mapped);
+  pendingKeys.value = keys;
 }
 const showClear = computed(
-  () => !isDisabled.value && selectedEntries.value.length > 0
+  () => !isDisabled.value && displayEntries.value.length > 0
 );
 function handleClear() {
+  pendingKeys.value = null;
   formState.setAt(props.column.binding, []);
   open.value = false;
 }
@@ -315,7 +339,7 @@ const anyHasTooltip = computed(
         :style="{ width: 'var(--reka-popover-trigger-width)' }"
       >
         <Command
-          :model-value="selectedKeys"
+          :model-value="displayKeys"
           :multiple="true"
           :disabled="isDisabled"
           @update:model-value="handleSelect"
@@ -343,7 +367,7 @@ const anyHasTooltip = computed(
                 >
                   <span class="flex-1"><Markdown :source="entry.label" /></span>
                   <Icon
-                    v-if="selectedKeySet.has(entry.key)"
+                    v-if="displayKeySet.has(entry.key)"
                     icon="fluent:checkmark-20-regular"
                     class="size-3 text-zinc-700"
                   />

package/dist/runtime/components/table/columns/2026-05-26/com.shwfed.table.column.combobox-multi.remote/runtime.vue

@@ -379,7 +379,6 @@ const anyHasTooltip = computed(
       <PopoverContent
         class="w-auto p-0 [&_[data-slot=command-input-wrapper]]:h-7 [&_[data-slot=command-input-wrapper]]:px-2 [&_[data-slot=command-input-wrapper]_svg]:size-3 [&_[data-slot=command-input]]:h-7 [&_[data-slot=command-input]]:py-0 [&_[data-slot=command-input]]:text-[0.75rem] [&_[data-slot=command-item]]:px-2 [&_[data-slot=command-item]]:py-1 [&_[data-slot=command-item]]:text-[0.75rem]"
         :style="{ width: 'var(--reka-popover-trigger-width)' }"
-        @focus-outside="(e) => e.preventDefault()"
       >
         <Command
           :model-value="selectedKeys"

package/dist/runtime/components/table/columns/2026-05-27/com.shwfed.table.column.tree-combobox-multi/config.d.vue.ts

@@ -0,0 +1,131 @@
+import { type Value } from './schema.js';
+type __VLS_ModelProps = {
+    modelValue: Value;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: {
+        readonly size?: number | undefined;
+        readonly disabled?: string | undefined;
+        readonly type: "com.shwfed.table.column.tree-combobox-multi";
+        readonly id: string;
+        readonly title: readonly [{
+            readonly locale: "zh";
+            readonly message: string;
+        }, ...{
+            readonly locale: "en" | "ja" | "ko";
+            readonly message: string;
+        }[]];
+        readonly hidden?: string | undefined;
+        readonly tooltip?: readonly [{
+            readonly locale: "zh";
+            readonly message: string;
+        }, ...{
+            readonly locale: "en" | "ja" | "ko";
+            readonly message: string;
+        }[]] | undefined;
+        readonly compatibilityDate: "2026-05-27";
+        readonly groupId?: string | undefined;
+        readonly placeholder?: readonly [{
+            readonly locale: "zh";
+            readonly message: string;
+        }, ...{
+            readonly locale: "en" | "ja" | "ko";
+            readonly message: string;
+        }[]] | undefined;
+        readonly readonly?: string | undefined;
+        readonly grow?: boolean | undefined;
+        readonly binding: string;
+        readonly derived?: {
+            readonly mode: "formula" | "prefill";
+            readonly expression: string;
+        } | undefined;
+        readonly dataSource: {
+            readonly data: string;
+            readonly request?: string | undefined;
+        };
+        readonly nodeKey: string;
+        readonly nodeChildren: string;
+        readonly nodeLabel: readonly [{
+            readonly locale: "zh";
+            readonly message: string;
+        }, ...{
+            readonly locale: "en" | "ja" | "ko";
+            readonly message: string;
+        }[]];
+        readonly expandAll: boolean;
+        readonly cascade: "independent" | "cascade-down" | "cascade-both";
+        readonly enableSorting?: boolean | undefined;
+        readonly nodeTooltip?: readonly [{
+            readonly locale: "zh";
+            readonly message: string;
+        }, ...{
+            readonly locale: "en" | "ja" | "ko";
+            readonly message: string;
+        }[]] | undefined;
+        readonly nodeSelectable?: string | undefined;
+    }) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_ModelProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: {
+        readonly size?: number | undefined;
+        readonly disabled?: string | undefined;
+        readonly type: "com.shwfed.table.column.tree-combobox-multi";
+        readonly id: string;
+        readonly title: readonly [{
+            readonly locale: "zh";
+            readonly message: string;
+        }, ...{
+            readonly locale: "en" | "ja" | "ko";
+            readonly message: string;
+        }[]];
+        readonly hidden?: string | undefined;
+        readonly tooltip?: readonly [{
+            readonly locale: "zh";
+            readonly message: string;
+        }, ...{
+            readonly locale: "en" | "ja" | "ko";
+            readonly message: string;
+        }[]] | undefined;
+        readonly compatibilityDate: "2026-05-27";
+        readonly groupId?: string | undefined;
+        readonly placeholder?: readonly [{
+            readonly locale: "zh";
+            readonly message: string;
+        }, ...{
+            readonly locale: "en" | "ja" | "ko";
+            readonly message: string;
+        }[]] | undefined;
+        readonly readonly?: string | undefined;
+        readonly grow?: boolean | undefined;
+        readonly binding: string;
+        readonly derived?: {
+            readonly mode: "formula" | "prefill";
+            readonly expression: string;
+        } | undefined;
+        readonly dataSource: {
+            readonly data: string;
+            readonly request?: string | undefined;
+        };
+        readonly nodeKey: string;
+        readonly nodeChildren: string;
+        readonly nodeLabel: readonly [{
+            readonly locale: "zh";
+            readonly message: string;
+        }, ...{
+            readonly locale: "en" | "ja" | "ko";
+            readonly message: string;
+        }[]];
+        readonly expandAll: boolean;
+        readonly cascade: "independent" | "cascade-down" | "cascade-both";
+        readonly enableSorting?: boolean | undefined;
+        readonly nodeTooltip?: readonly [{
+            readonly locale: "zh";
+            readonly message: string;
+        }, ...{
+            readonly locale: "en" | "ja" | "ko";
+            readonly message: string;
+        }[]] | undefined;
+        readonly nodeSelectable?: string | undefined;
+    }) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;