@shwfed/config 2.12.15 → 2.12.16

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "shwfed",
   "configKey": "shwfed",
-  "version": "2.12.15",
+  "version": "2.12.16",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "unknown"

package/dist/runtime/components/actions/components/group.vue

@@ -406,6 +406,7 @@ async function runButton(buttonId) {
 
       <ButtonGroup
         v-for="group in groupedItems"
+        v-show="renderedChildCount(group) > 0"
         :key="group.id"
         class="actions-group"
         :style="{ '--ag-grow': String(renderedChildCount(group)) }"

package/dist/runtime/components/config/use-editor.js

@@ -6,6 +6,7 @@ import { readClip, reidFragment, writeClip } from "../../share/clipboard.js";
 import { PageConfig } from "./schema.js";
 import { BLOCKS, findBlock } from "./utils/resolve.js";
 import { formatValidationError } from "./utils/validation-error.js";
+import { findDanglingLinkages, formatDanglingLinkages } from "./utils/linkage.js";
 import { createExpressionValidityRegistry, provideExpressionValidity } from "../ui/expression-editor/index.js";
 function deepClone(value) {
   return JSON.parse(JSON.stringify(value));
@@ -384,6 +385,14 @@ export function useConfigEditor(model, options = {}) {
         validationError.value = "\u5B58\u5728\u65E0\u6548\u7684\u8DE8\u5C42\u4F5C\u7528\u57DF\u5F15\u7528\uFF0C\u8BF7\u4FEE\u6B63\u6807\u7EA2\u7684\u8868\u8FBE\u5F0F\u540E\u518D\u4FDD\u5B58";
         return;
       }
+      const dangling = findDanglingLinkages(decoded);
+      if (dangling.length > 0) {
+        validationError.value = formatDanglingLinkages(dangling, decoded, (i) => {
+          const b = topSlotEditor.blocks.value[i];
+          return b ? topSlotEditor.getBlockLabel(b) : void 0;
+        });
+        return;
+      }
       validationError.value = null;
       model.value = decoded;
       baseline.value = deepClone(decoded);

package/dist/runtime/components/config/utils/linkage.d.ts

@@ -0,0 +1,29 @@
+export type LinkageKind = 'operation' | 'step' | 'scope';
+export type DanglingLinkage = Readonly<{
+    kind: LinkageKind;
+    /** The referenced uuid that is not defined anywhere in the tree. */
+    id: string;
+    /**
+     * Property path from the config root to the offending reference
+     * (`['slot','blocks',0,'actions','buttons',1,'params','rows',2,'value']`).
+     * Fed to `describePath` for the breadcrumb — the same one the schema decoder
+     * renders — so the message pins the exact field, not just the top block.
+     */
+    path: ReadonlyArray<PropertyKey>;
+}>;
+/**
+ * Find every linkage in `config` whose target uuid is not defined anywhere in
+ * the tree. `PAGE_TARGET_ID` (the singleton page target sentinel) is always
+ * valid — it names the outermost page, which carries no stored id. Each result
+ * carries the property path from the config root to the offending reference, so
+ * the caller can render a field-level breadcrumb (see `describePath`).
+ */
+export declare function findDanglingLinkages(config: unknown): DanglingLinkage[];
+/**
+ * One-line save-footer message for a non-empty dangling list. Renders the
+ * breadcrumb to the first offending reference (`「表单 › 确定 › value」`) via the
+ * shared `describePath`, tagged with its kind, with a trailing count when more
+ * remain. `rootData` is the decoded config the paths index into; `blockLabelAt`
+ * gives the nicest label for a top-level block (the host's `getBlockLabel`).
+ */
+export declare function formatDanglingLinkages(dangling: ReadonlyArray<DanglingLinkage>, rootData: unknown, blockLabelAt: (index: number) => string | undefined): string;

package/dist/runtime/components/config/utils/linkage.js

@@ -0,0 +1,57 @@
+import { PAGE_TARGET_ID } from "../../../share/page-target.js";
+import { scanScopeRefs } from "../../ui/expression-editor/scope-refs.js";
+import { scanStepRefs } from "../../ui/expression-editor/step-refs.js";
+import { describePath } from "./validation-error.js";
+const UUID_RE = /^[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/i;
+function isObject(v) {
+  return v !== null && typeof v === "object" && !Array.isArray(v);
+}
+function collectDefinedIds(node, into) {
+  if (Array.isArray(node)) {
+    for (const v of node) collectDefinedIds(v, into);
+    return;
+  }
+  if (!isObject(node)) return;
+  for (const [k, v] of Object.entries(node)) {
+    if (k === "id" && typeof v === "string" && UUID_RE.test(v)) into.add(v);
+    collectDefinedIds(v, into);
+  }
+}
+function collectRefs(node, path, into) {
+  if (Array.isArray(node)) {
+    node.forEach((v, i) => collectRefs(v, [...path, i], into));
+    return;
+  }
+  if (!isObject(node)) {
+    if (typeof node === "string") {
+      for (const r of scanStepRefs(node)) into.push({ kind: "step", id: r.id, path });
+      for (const r of scanScopeRefs(node)) into.push({ kind: "scope", id: r.id, path });
+    }
+    return;
+  }
+  if (typeof node.target === "string" && typeof node.operation === "string" && UUID_RE.test(node.target)) {
+    into.push({ kind: "operation", id: node.target, path: [...path, "target"] });
+  }
+  for (const [k, v] of Object.entries(node)) collectRefs(v, [...path, k], into);
+}
+export function findDanglingLinkages(config) {
+  const defined = /* @__PURE__ */ new Set();
+  collectDefinedIds(config, defined);
+  const refs = [];
+  collectRefs(config, [], refs);
+  return refs.filter((r) => r.id !== PAGE_TARGET_ID && !defined.has(r.id));
+}
+const KIND_LABEL = {
+  operation: "\u89E6\u53D1\u64CD\u4F5C",
+  step: "\u6B65\u9AA4\u5F15\u7528",
+  scope: "\u8DE8\u5C42\u4F5C\u7528\u57DF\u5F15\u7528"
+};
+export function formatDanglingLinkages(dangling, rootData, blockLabelAt) {
+  const first = dangling[0];
+  if (!first) return "";
+  const kind = KIND_LABEL[first.kind];
+  const segs = describePath(first.path, rootData, blockLabelAt);
+  const where = segs.length > 0 ? `\u300C${segs.join(" \u203A ")}\u300D\u7684${kind}` : kind;
+  const suffix = dangling.length > 1 ? `\uFF08\u8FD8\u6709 ${dangling.length - 1} \u4E2A\uFF09` : "";
+  return `${where}\u5F15\u7528\u4E86\u5DF2\u5931\u6548\u7684\u8D44\u6E90\uFF08\u6765\u6E90\u4E0D\u5B58\u5728\u4E8E\u5F53\u524D\u914D\u7F6E\u4E2D\uFF09\uFF0C\u8BF7\u4FEE\u6B63\u540E\u518D\u4FDD\u5B58${suffix}`;
+}

package/dist/runtime/components/config/utils/validation-error.d.ts

@@ -1 +1,2 @@
+export declare function describePath(path: ReadonlyArray<PropertyKey>, rootData: unknown, blockLabelAt: (index: number) => string | undefined): string[];
 export declare function formatValidationError(err: unknown, blockLabelAt: (index: number) => string | undefined, rootData?: unknown): string;

package/dist/runtime/components/config/utils/validation-error.js

@@ -19,7 +19,7 @@ function nodeLabel(node) {
   if (!isObject(node)) return void 0;
   return localeText(node.label) ?? localeText(node.title) ?? (typeof node.displayName === "string" && node.displayName.trim() ? node.displayName.trim() : void 0) ?? (typeof node.type === "string" ? node.type : void 0);
 }
-function describePath(path, rootData, blockLabelAt) {
+export function describePath(path, rootData, blockLabelAt) {
   const segs = [];
   let node = rootData;
   let labeledTopBlock = false;

package/dist/runtime/components/form/FormUnitRenderer.vue

@@ -2,6 +2,7 @@
 import { computed } from "vue";
 import { DEFAULT_GAP } from "./schema";
 import { findField } from "./utils/resolve";
+import { useViewportRevision } from "../../share/viewport";
 defineOptions({ name: "ShwfedFormUnitRenderer" });
 const props = defineProps({
   unit: { type: Object, required: true },
@@ -19,7 +20,11 @@ function pickLayout(sets) {
   }
   return sets[sets.length - 1];
 }
-const activeLayout = computed(() => pickLayout(props.unit.layouts));
+const viewportRevision = useViewportRevision();
+const activeLayout = computed(() => {
+  void viewportRevision.value;
+  return pickLayout(props.unit.layouts);
+});
 const warnedMissing = /* @__PURE__ */ new Set();
 const placedFields = computed(() => {
   const layout = activeLayout.value?.layout;

package/dist/runtime/components/form/fields/2026-05-23/com.shwfed.form.field.tree.multi/config.d.vue.ts

@@ -56,6 +56,15 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly message: string;
         }[]];
         readonly cascade: "independent" | "cascade-down" | "cascade-both";
+        readonly nodeTooltip?: readonly [{
+            readonly locale: "zh";
+            readonly message: string;
+        }, ...{
+            readonly locale: "en" | "ja" | "ko";
+            readonly message: string;
+        }[]] | undefined;
+        readonly nodeSelectable?: string | undefined;
+        readonly expandAll: boolean;
         readonly validations?: readonly {
             readonly message: readonly [{
                 readonly locale: "zh";
@@ -67,15 +76,6 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly warning?: boolean | undefined;
             readonly when: string;
         }[] | undefined;
-        readonly nodeTooltip?: readonly [{
-            readonly locale: "zh";
-            readonly message: string;
-        }, ...{
-            readonly locale: "en" | "ja" | "ko";
-            readonly message: string;
-        }[]] | undefined;
-        readonly nodeSelectable?: string | undefined;
-        readonly expandAll: boolean;
     }) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_ModelProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: {
@@ -131,6 +131,15 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly message: string;
         }[]];
         readonly cascade: "independent" | "cascade-down" | "cascade-both";
+        readonly nodeTooltip?: readonly [{
+            readonly locale: "zh";
+            readonly message: string;
+        }, ...{
+            readonly locale: "en" | "ja" | "ko";
+            readonly message: string;
+        }[]] | undefined;
+        readonly nodeSelectable?: string | undefined;
+        readonly expandAll: boolean;
         readonly validations?: readonly {
             readonly message: readonly [{
                 readonly locale: "zh";
@@ -142,15 +151,6 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly warning?: boolean | undefined;
             readonly when: string;
         }[] | undefined;
-        readonly nodeTooltip?: readonly [{
-            readonly locale: "zh";
-            readonly message: string;
-        }, ...{
-            readonly locale: "en" | "ja" | "ko";
-            readonly message: string;
-        }[]] | undefined;
-        readonly nodeSelectable?: string | undefined;
-        readonly expandAll: boolean;
     }) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

package/dist/runtime/components/form/fields/2026-05-23/com.shwfed.form.field.tree.multi/config.vue.d.ts

@@ -56,6 +56,15 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly message: string;
         }[]];
         readonly cascade: "independent" | "cascade-down" | "cascade-both";
+        readonly nodeTooltip?: readonly [{
+            readonly locale: "zh";
+            readonly message: string;
+        }, ...{
+            readonly locale: "en" | "ja" | "ko";
+            readonly message: string;
+        }[]] | undefined;
+        readonly nodeSelectable?: string | undefined;
+        readonly expandAll: boolean;
         readonly validations?: readonly {
             readonly message: readonly [{
                 readonly locale: "zh";
@@ -67,15 +76,6 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly warning?: boolean | undefined;
             readonly when: string;
         }[] | undefined;
-        readonly nodeTooltip?: readonly [{
-            readonly locale: "zh";
-            readonly message: string;
-        }, ...{
-            readonly locale: "en" | "ja" | "ko";
-            readonly message: string;
-        }[]] | undefined;
-        readonly nodeSelectable?: string | undefined;
-        readonly expandAll: boolean;
     }) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_ModelProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: {
@@ -131,6 +131,15 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly message: string;
         }[]];
         readonly cascade: "independent" | "cascade-down" | "cascade-both";
+        readonly nodeTooltip?: readonly [{
+            readonly locale: "zh";
+            readonly message: string;
+        }, ...{
+            readonly locale: "en" | "ja" | "ko";
+            readonly message: string;
+        }[]] | undefined;
+        readonly nodeSelectable?: string | undefined;
+        readonly expandAll: boolean;
         readonly validations?: readonly {
             readonly message: readonly [{
                 readonly locale: "zh";
@@ -142,15 +151,6 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly warning?: boolean | undefined;
             readonly when: string;
         }[] | undefined;
-        readonly nodeTooltip?: readonly [{
-            readonly locale: "zh";
-            readonly message: string;
-        }, ...{
-            readonly locale: "en" | "ja" | "ko";
-            readonly message: string;
-        }[]] | undefined;
-        readonly nodeSelectable?: string | undefined;
-        readonly expandAll: boolean;
     }) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

package/dist/runtime/components/form/fields/2026-05-26/com.shwfed.form.field.tree.combobox.multi/config.d.vue.ts

@@ -53,6 +53,15 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly message: string;
         }[]];
         readonly cascade: "independent" | "cascade-down" | "cascade-both";
+        readonly nodeTooltip?: readonly [{
+            readonly locale: "zh";
+            readonly message: string;
+        }, ...{
+            readonly locale: "en" | "ja" | "ko";
+            readonly message: string;
+        }[]] | undefined;
+        readonly nodeSelectable?: string | undefined;
+        readonly expandAll: boolean;
         readonly validations?: readonly {
             readonly message: readonly [{
                 readonly locale: "zh";
@@ -64,15 +73,6 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly warning?: boolean | undefined;
             readonly when: string;
         }[] | undefined;
-        readonly nodeTooltip?: readonly [{
-            readonly locale: "zh";
-            readonly message: string;
-        }, ...{
-            readonly locale: "en" | "ja" | "ko";
-            readonly message: string;
-        }[]] | undefined;
-        readonly nodeSelectable?: string | undefined;
-        readonly expandAll: boolean;
     }) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_ModelProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: {
@@ -125,6 +125,15 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly message: string;
         }[]];
         readonly cascade: "independent" | "cascade-down" | "cascade-both";
+        readonly nodeTooltip?: readonly [{
+            readonly locale: "zh";
+            readonly message: string;
+        }, ...{
+            readonly locale: "en" | "ja" | "ko";
+            readonly message: string;
+        }[]] | undefined;
+        readonly nodeSelectable?: string | undefined;
+        readonly expandAll: boolean;
         readonly validations?: readonly {
             readonly message: readonly [{
                 readonly locale: "zh";
@@ -136,15 +145,6 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly warning?: boolean | undefined;
             readonly when: string;
         }[] | undefined;
-        readonly nodeTooltip?: readonly [{
-            readonly locale: "zh";
-            readonly message: string;
-        }, ...{
-            readonly locale: "en" | "ja" | "ko";
-            readonly message: string;
-        }[]] | undefined;
-        readonly nodeSelectable?: string | undefined;
-        readonly expandAll: boolean;
     }) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

package/dist/runtime/components/form/fields/2026-05-26/com.shwfed.form.field.tree.combobox.multi/config.vue.d.ts

@@ -53,6 +53,15 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly message: string;
         }[]];
         readonly cascade: "independent" | "cascade-down" | "cascade-both";
+        readonly nodeTooltip?: readonly [{
+            readonly locale: "zh";
+            readonly message: string;
+        }, ...{
+            readonly locale: "en" | "ja" | "ko";
+            readonly message: string;
+        }[]] | undefined;
+        readonly nodeSelectable?: string | undefined;
+        readonly expandAll: boolean;
         readonly validations?: readonly {
             readonly message: readonly [{
                 readonly locale: "zh";
@@ -64,15 +73,6 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly warning?: boolean | undefined;
             readonly when: string;
         }[] | undefined;
-        readonly nodeTooltip?: readonly [{
-            readonly locale: "zh";
-            readonly message: string;
-        }, ...{
-            readonly locale: "en" | "ja" | "ko";
-            readonly message: string;
-        }[]] | undefined;
-        readonly nodeSelectable?: string | undefined;
-        readonly expandAll: boolean;
     }) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_ModelProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: {
@@ -125,6 +125,15 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly message: string;
         }[]];
         readonly cascade: "independent" | "cascade-down" | "cascade-both";
+        readonly nodeTooltip?: readonly [{
+            readonly locale: "zh";
+            readonly message: string;
+        }, ...{
+            readonly locale: "en" | "ja" | "ko";
+            readonly message: string;
+        }[]] | undefined;
+        readonly nodeSelectable?: string | undefined;
+        readonly expandAll: boolean;
         readonly validations?: readonly {
             readonly message: readonly [{
                 readonly locale: "zh";
@@ -136,15 +145,6 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly warning?: boolean | undefined;
             readonly when: string;
         }[] | undefined;
-        readonly nodeTooltip?: readonly [{
-            readonly locale: "zh";
-            readonly message: string;
-        }, ...{
-            readonly locale: "en" | "ja" | "ko";
-            readonly message: string;
-        }[]] | undefined;
-        readonly nodeSelectable?: string | undefined;
-        readonly expandAll: boolean;
     }) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

package/dist/runtime/components/form/fields/2026-05-26/com.shwfed.form.field.tree.combobox.single/config.d.vue.ts

@@ -52,6 +52,15 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly locale: "en" | "ja" | "ko";
             readonly message: string;
         }[]];
+        readonly nodeTooltip?: readonly [{
+            readonly locale: "zh";
+            readonly message: string;
+        }, ...{
+            readonly locale: "en" | "ja" | "ko";
+            readonly message: string;
+        }[]] | undefined;
+        readonly nodeSelectable?: string | undefined;
+        readonly expandAll: boolean;
         readonly validations?: readonly {
             readonly message: readonly [{
                 readonly locale: "zh";
@@ -63,15 +72,6 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly warning?: boolean | undefined;
             readonly when: string;
         }[] | undefined;
-        readonly nodeTooltip?: readonly [{
-            readonly locale: "zh";
-            readonly message: string;
-        }, ...{
-            readonly locale: "en" | "ja" | "ko";
-            readonly message: string;
-        }[]] | undefined;
-        readonly nodeSelectable?: string | undefined;
-        readonly expandAll: boolean;
     }) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_ModelProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: {
@@ -123,6 +123,15 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly locale: "en" | "ja" | "ko";
             readonly message: string;
         }[]];
+        readonly nodeTooltip?: readonly [{
+            readonly locale: "zh";
+            readonly message: string;
+        }, ...{
+            readonly locale: "en" | "ja" | "ko";
+            readonly message: string;
+        }[]] | undefined;
+        readonly nodeSelectable?: string | undefined;
+        readonly expandAll: boolean;
         readonly validations?: readonly {
             readonly message: readonly [{
                 readonly locale: "zh";
@@ -134,15 +143,6 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly warning?: boolean | undefined;
             readonly when: string;
         }[] | undefined;
-        readonly nodeTooltip?: readonly [{
-            readonly locale: "zh";
-            readonly message: string;
-        }, ...{
-            readonly locale: "en" | "ja" | "ko";
-            readonly message: string;
-        }[]] | undefined;
-        readonly nodeSelectable?: string | undefined;
-        readonly expandAll: boolean;
     }) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

package/dist/runtime/components/form/fields/2026-05-26/com.shwfed.form.field.tree.combobox.single/config.vue.d.ts

@@ -52,6 +52,15 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly locale: "en" | "ja" | "ko";
             readonly message: string;
         }[]];
+        readonly nodeTooltip?: readonly [{
+            readonly locale: "zh";
+            readonly message: string;
+        }, ...{
+            readonly locale: "en" | "ja" | "ko";
+            readonly message: string;
+        }[]] | undefined;
+        readonly nodeSelectable?: string | undefined;
+        readonly expandAll: boolean;
         readonly validations?: readonly {
             readonly message: readonly [{
                 readonly locale: "zh";
@@ -63,15 +72,6 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly warning?: boolean | undefined;
             readonly when: string;
         }[] | undefined;
-        readonly nodeTooltip?: readonly [{
-            readonly locale: "zh";
-            readonly message: string;
-        }, ...{
-            readonly locale: "en" | "ja" | "ko";
-            readonly message: string;
-        }[]] | undefined;
-        readonly nodeSelectable?: string | undefined;
-        readonly expandAll: boolean;
     }) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_ModelProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: {
@@ -123,6 +123,15 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly locale: "en" | "ja" | "ko";
             readonly message: string;
         }[]];
+        readonly nodeTooltip?: readonly [{
+            readonly locale: "zh";
+            readonly message: string;
+        }, ...{
+            readonly locale: "en" | "ja" | "ko";
+            readonly message: string;
+        }[]] | undefined;
+        readonly nodeSelectable?: string | undefined;
+        readonly expandAll: boolean;
         readonly validations?: readonly {
             readonly message: readonly [{
                 readonly locale: "zh";
@@ -134,15 +143,6 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly warning?: boolean | undefined;
             readonly when: string;
         }[] | undefined;
-        readonly nodeTooltip?: readonly [{
-            readonly locale: "zh";
-            readonly message: string;
-        }, ...{
-            readonly locale: "en" | "ja" | "ko";
-            readonly message: string;
-        }[]] | undefined;
-        readonly nodeSelectable?: string | undefined;
-        readonly expandAll: boolean;
     }) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

package/dist/runtime/components/form/fields/2026-05-28/com.shwfed.form.field.tree.combobox.multi/config.d.vue.ts

@@ -54,6 +54,15 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly message: string;
         }[]];
         readonly cascade: "independent" | "cascade-down" | "cascade-both";
+        readonly nodeTooltip?: readonly [{
+            readonly locale: "zh";
+            readonly message: string;
+        }, ...{
+            readonly locale: "en" | "ja" | "ko";
+            readonly message: string;
+        }[]] | undefined;
+        readonly nodeSelectable?: string | undefined;
+        readonly expandAll: boolean;
         readonly validations?: readonly {
             readonly message: readonly [{
                 readonly locale: "zh";
@@ -65,15 +74,6 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly warning?: boolean | undefined;
             readonly when: string;
         }[] | undefined;
-        readonly nodeTooltip?: readonly [{
-            readonly locale: "zh";
-            readonly message: string;
-        }, ...{
-            readonly locale: "en" | "ja" | "ko";
-            readonly message: string;
-        }[]] | undefined;
-        readonly nodeSelectable?: string | undefined;
-        readonly expandAll: boolean;
     }) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_ModelProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: {
@@ -127,6 +127,15 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly message: string;
         }[]];
         readonly cascade: "independent" | "cascade-down" | "cascade-both";
+        readonly nodeTooltip?: readonly [{
+            readonly locale: "zh";
+            readonly message: string;
+        }, ...{
+            readonly locale: "en" | "ja" | "ko";
+            readonly message: string;
+        }[]] | undefined;
+        readonly nodeSelectable?: string | undefined;
+        readonly expandAll: boolean;
         readonly validations?: readonly {
             readonly message: readonly [{
                 readonly locale: "zh";
@@ -138,15 +147,6 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly warning?: boolean | undefined;
             readonly when: string;
         }[] | undefined;
-        readonly nodeTooltip?: readonly [{
-            readonly locale: "zh";
-            readonly message: string;
-        }, ...{
-            readonly locale: "en" | "ja" | "ko";
-            readonly message: string;
-        }[]] | undefined;
-        readonly nodeSelectable?: string | undefined;
-        readonly expandAll: boolean;
     }) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

package/dist/runtime/components/form/fields/2026-05-28/com.shwfed.form.field.tree.combobox.multi/config.vue.d.ts

@@ -54,6 +54,15 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly message: string;
         }[]];
         readonly cascade: "independent" | "cascade-down" | "cascade-both";
+        readonly nodeTooltip?: readonly [{
+            readonly locale: "zh";
+            readonly message: string;
+        }, ...{
+            readonly locale: "en" | "ja" | "ko";
+            readonly message: string;
+        }[]] | undefined;
+        readonly nodeSelectable?: string | undefined;
+        readonly expandAll: boolean;
         readonly validations?: readonly {
             readonly message: readonly [{
                 readonly locale: "zh";
@@ -65,15 +74,6 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly warning?: boolean | undefined;
             readonly when: string;
         }[] | undefined;
-        readonly nodeTooltip?: readonly [{
-            readonly locale: "zh";
-            readonly message: string;
-        }, ...{
-            readonly locale: "en" | "ja" | "ko";
-            readonly message: string;
-        }[]] | undefined;
-        readonly nodeSelectable?: string | undefined;
-        readonly expandAll: boolean;
     }) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_ModelProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: {
@@ -127,6 +127,15 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly message: string;
         }[]];
         readonly cascade: "independent" | "cascade-down" | "cascade-both";
+        readonly nodeTooltip?: readonly [{
+            readonly locale: "zh";
+            readonly message: string;
+        }, ...{
+            readonly locale: "en" | "ja" | "ko";
+            readonly message: string;
+        }[]] | undefined;
+        readonly nodeSelectable?: string | undefined;
+        readonly expandAll: boolean;
         readonly validations?: readonly {
             readonly message: readonly [{
                 readonly locale: "zh";
@@ -138,15 +147,6 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly warning?: boolean | undefined;
             readonly when: string;
         }[] | undefined;
-        readonly nodeTooltip?: readonly [{
-            readonly locale: "zh";
-            readonly message: string;
-        }, ...{
-            readonly locale: "en" | "ja" | "ko";
-            readonly message: string;
-        }[]] | undefined;
-        readonly nodeSelectable?: string | undefined;
-        readonly expandAll: boolean;
     }) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

package/dist/runtime/components/form/fields/2026-05-28/com.shwfed.form.field.tree.combobox.single/config.d.vue.ts

@@ -53,6 +53,15 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly locale: "en" | "ja" | "ko";
             readonly message: string;
         }[]];
+        readonly nodeTooltip?: readonly [{
+            readonly locale: "zh";
+            readonly message: string;
+        }, ...{
+            readonly locale: "en" | "ja" | "ko";
+            readonly message: string;
+        }[]] | undefined;
+        readonly nodeSelectable?: string | undefined;
+        readonly expandAll: boolean;
         readonly validations?: readonly {
             readonly message: readonly [{
                 readonly locale: "zh";
@@ -64,15 +73,6 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly warning?: boolean | undefined;
             readonly when: string;
         }[] | undefined;
-        readonly nodeTooltip?: readonly [{
-            readonly locale: "zh";
-            readonly message: string;
-        }, ...{
-            readonly locale: "en" | "ja" | "ko";
-            readonly message: string;
-        }[]] | undefined;
-        readonly nodeSelectable?: string | undefined;
-        readonly expandAll: boolean;
     }) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_ModelProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: {
@@ -125,6 +125,15 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly locale: "en" | "ja" | "ko";
             readonly message: string;
         }[]];
+        readonly nodeTooltip?: readonly [{
+            readonly locale: "zh";
+            readonly message: string;
+        }, ...{
+            readonly locale: "en" | "ja" | "ko";
+            readonly message: string;
+        }[]] | undefined;
+        readonly nodeSelectable?: string | undefined;
+        readonly expandAll: boolean;
         readonly validations?: readonly {
             readonly message: readonly [{
                 readonly locale: "zh";
@@ -136,15 +145,6 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly warning?: boolean | undefined;
             readonly when: string;
         }[] | undefined;
-        readonly nodeTooltip?: readonly [{
-            readonly locale: "zh";
-            readonly message: string;
-        }, ...{
-            readonly locale: "en" | "ja" | "ko";
-            readonly message: string;
-        }[]] | undefined;
-        readonly nodeSelectable?: string | undefined;
-        readonly expandAll: boolean;
     }) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

package/dist/runtime/components/form/fields/2026-05-28/com.shwfed.form.field.tree.combobox.single/config.vue.d.ts

@@ -53,6 +53,15 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly locale: "en" | "ja" | "ko";
             readonly message: string;
         }[]];
+        readonly nodeTooltip?: readonly [{
+            readonly locale: "zh";
+            readonly message: string;
+        }, ...{
+            readonly locale: "en" | "ja" | "ko";
+            readonly message: string;
+        }[]] | undefined;
+        readonly nodeSelectable?: string | undefined;
+        readonly expandAll: boolean;
         readonly validations?: readonly {
             readonly message: readonly [{
                 readonly locale: "zh";
@@ -64,15 +73,6 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly warning?: boolean | undefined;
             readonly when: string;
         }[] | undefined;
-        readonly nodeTooltip?: readonly [{
-            readonly locale: "zh";
-            readonly message: string;
-        }, ...{
-            readonly locale: "en" | "ja" | "ko";
-            readonly message: string;
-        }[]] | undefined;
-        readonly nodeSelectable?: string | undefined;
-        readonly expandAll: boolean;
     }) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_ModelProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: {
@@ -125,6 +125,15 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly locale: "en" | "ja" | "ko";
             readonly message: string;
         }[]];
+        readonly nodeTooltip?: readonly [{
+            readonly locale: "zh";
+            readonly message: string;
+        }, ...{
+            readonly locale: "en" | "ja" | "ko";
+            readonly message: string;
+        }[]] | undefined;
+        readonly nodeSelectable?: string | undefined;
+        readonly expandAll: boolean;
         readonly validations?: readonly {
             readonly message: readonly [{
                 readonly locale: "zh";
@@ -136,15 +145,6 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly warning?: boolean | undefined;
             readonly when: string;
         }[] | undefined;
-        readonly nodeTooltip?: readonly [{
-            readonly locale: "zh";
-            readonly message: string;
-        }, ...{
-            readonly locale: "en" | "ja" | "ko";
-            readonly message: string;
-        }[]] | undefined;
-        readonly nodeSelectable?: string | undefined;
-        readonly expandAll: boolean;
     }) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

package/dist/runtime/components/form/fields/2026-05-28/com.shwfed.form.field.tree.multi/config.d.vue.ts

@@ -56,6 +56,15 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly message: string;
         }[]];
         readonly cascade: "independent" | "cascade-down" | "cascade-both";
+        readonly nodeTooltip?: readonly [{
+            readonly locale: "zh";
+            readonly message: string;
+        }, ...{
+            readonly locale: "en" | "ja" | "ko";
+            readonly message: string;
+        }[]] | undefined;
+        readonly nodeSelectable?: string | undefined;
+        readonly expandAll: boolean;
         readonly validations?: readonly {
             readonly message: readonly [{
                 readonly locale: "zh";
@@ -67,15 +76,6 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly warning?: boolean | undefined;
             readonly when: string;
         }[] | undefined;
-        readonly nodeTooltip?: readonly [{
-            readonly locale: "zh";
-            readonly message: string;
-        }, ...{
-            readonly locale: "en" | "ja" | "ko";
-            readonly message: string;
-        }[]] | undefined;
-        readonly nodeSelectable?: string | undefined;
-        readonly expandAll: boolean;
     }) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_ModelProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: {
@@ -131,6 +131,15 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly message: string;
         }[]];
         readonly cascade: "independent" | "cascade-down" | "cascade-both";
+        readonly nodeTooltip?: readonly [{
+            readonly locale: "zh";
+            readonly message: string;
+        }, ...{
+            readonly locale: "en" | "ja" | "ko";
+            readonly message: string;
+        }[]] | undefined;
+        readonly nodeSelectable?: string | undefined;
+        readonly expandAll: boolean;
         readonly validations?: readonly {
             readonly message: readonly [{
                 readonly locale: "zh";
@@ -142,15 +151,6 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly warning?: boolean | undefined;
             readonly when: string;
         }[] | undefined;
-        readonly nodeTooltip?: readonly [{
-            readonly locale: "zh";
-            readonly message: string;
-        }, ...{
-            readonly locale: "en" | "ja" | "ko";
-            readonly message: string;
-        }[]] | undefined;
-        readonly nodeSelectable?: string | undefined;
-        readonly expandAll: boolean;
     }) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

package/dist/runtime/components/form/fields/2026-05-28/com.shwfed.form.field.tree.multi/config.vue.d.ts

@@ -56,6 +56,15 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly message: string;
         }[]];
         readonly cascade: "independent" | "cascade-down" | "cascade-both";
+        readonly nodeTooltip?: readonly [{
+            readonly locale: "zh";
+            readonly message: string;
+        }, ...{
+            readonly locale: "en" | "ja" | "ko";
+            readonly message: string;
+        }[]] | undefined;
+        readonly nodeSelectable?: string | undefined;
+        readonly expandAll: boolean;
         readonly validations?: readonly {
             readonly message: readonly [{
                 readonly locale: "zh";
@@ -67,15 +76,6 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly warning?: boolean | undefined;
             readonly when: string;
         }[] | undefined;
-        readonly nodeTooltip?: readonly [{
-            readonly locale: "zh";
-            readonly message: string;
-        }, ...{
-            readonly locale: "en" | "ja" | "ko";
-            readonly message: string;
-        }[]] | undefined;
-        readonly nodeSelectable?: string | undefined;
-        readonly expandAll: boolean;
     }) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_ModelProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: {
@@ -131,6 +131,15 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly message: string;
         }[]];
         readonly cascade: "independent" | "cascade-down" | "cascade-both";
+        readonly nodeTooltip?: readonly [{
+            readonly locale: "zh";
+            readonly message: string;
+        }, ...{
+            readonly locale: "en" | "ja" | "ko";
+            readonly message: string;
+        }[]] | undefined;
+        readonly nodeSelectable?: string | undefined;
+        readonly expandAll: boolean;
         readonly validations?: readonly {
             readonly message: readonly [{
                 readonly locale: "zh";
@@ -142,15 +151,6 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly warning?: boolean | undefined;
             readonly when: string;
         }[] | undefined;
-        readonly nodeTooltip?: readonly [{
-            readonly locale: "zh";
-            readonly message: string;
-        }, ...{
-            readonly locale: "en" | "ja" | "ko";
-            readonly message: string;
-        }[]] | undefined;
-        readonly nodeSelectable?: string | undefined;
-        readonly expandAll: boolean;
     }) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

package/dist/runtime/components/form/fields/2026-05-28/com.shwfed.form.field.tree.single/config.d.vue.ts

@@ -55,6 +55,15 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly locale: "en" | "ja" | "ko";
             readonly message: string;
         }[]];
+        readonly nodeTooltip?: readonly [{
+            readonly locale: "zh";
+            readonly message: string;
+        }, ...{
+            readonly locale: "en" | "ja" | "ko";
+            readonly message: string;
+        }[]] | undefined;
+        readonly nodeSelectable?: string | undefined;
+        readonly expandAll: boolean;
         readonly validations?: readonly {
             readonly message: readonly [{
                 readonly locale: "zh";
@@ -66,15 +75,6 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly warning?: boolean | undefined;
             readonly when: string;
         }[] | undefined;
-        readonly nodeTooltip?: readonly [{
-            readonly locale: "zh";
-            readonly message: string;
-        }, ...{
-            readonly locale: "en" | "ja" | "ko";
-            readonly message: string;
-        }[]] | undefined;
-        readonly nodeSelectable?: string | undefined;
-        readonly expandAll: boolean;
     }) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_ModelProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: {
@@ -129,6 +129,15 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly locale: "en" | "ja" | "ko";
             readonly message: string;
         }[]];
+        readonly nodeTooltip?: readonly [{
+            readonly locale: "zh";
+            readonly message: string;
+        }, ...{
+            readonly locale: "en" | "ja" | "ko";
+            readonly message: string;
+        }[]] | undefined;
+        readonly nodeSelectable?: string | undefined;
+        readonly expandAll: boolean;
         readonly validations?: readonly {
             readonly message: readonly [{
                 readonly locale: "zh";
@@ -140,15 +149,6 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly warning?: boolean | undefined;
             readonly when: string;
         }[] | undefined;
-        readonly nodeTooltip?: readonly [{
-            readonly locale: "zh";
-            readonly message: string;
-        }, ...{
-            readonly locale: "en" | "ja" | "ko";
-            readonly message: string;
-        }[]] | undefined;
-        readonly nodeSelectable?: string | undefined;
-        readonly expandAll: boolean;
     }) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

package/dist/runtime/components/form/fields/2026-05-28/com.shwfed.form.field.tree.single/config.vue.d.ts

@@ -55,6 +55,15 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly locale: "en" | "ja" | "ko";
             readonly message: string;
         }[]];
+        readonly nodeTooltip?: readonly [{
+            readonly locale: "zh";
+            readonly message: string;
+        }, ...{
+            readonly locale: "en" | "ja" | "ko";
+            readonly message: string;
+        }[]] | undefined;
+        readonly nodeSelectable?: string | undefined;
+        readonly expandAll: boolean;
         readonly validations?: readonly {
             readonly message: readonly [{
                 readonly locale: "zh";
@@ -66,15 +75,6 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly warning?: boolean | undefined;
             readonly when: string;
         }[] | undefined;
-        readonly nodeTooltip?: readonly [{
-            readonly locale: "zh";
-            readonly message: string;
-        }, ...{
-            readonly locale: "en" | "ja" | "ko";
-            readonly message: string;
-        }[]] | undefined;
-        readonly nodeSelectable?: string | undefined;
-        readonly expandAll: boolean;
     }) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_ModelProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: {
@@ -129,6 +129,15 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly locale: "en" | "ja" | "ko";
             readonly message: string;
         }[]];
+        readonly nodeTooltip?: readonly [{
+            readonly locale: "zh";
+            readonly message: string;
+        }, ...{
+            readonly locale: "en" | "ja" | "ko";
+            readonly message: string;
+        }[]] | undefined;
+        readonly nodeSelectable?: string | undefined;
+        readonly expandAll: boolean;
         readonly validations?: readonly {
             readonly message: readonly [{
                 readonly locale: "zh";
@@ -140,15 +149,6 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly warning?: boolean | undefined;
             readonly when: string;
         }[] | undefined;
-        readonly nodeTooltip?: readonly [{
-            readonly locale: "zh";
-            readonly message: string;
-        }, ...{
-            readonly locale: "en" | "ja" | "ko";
-            readonly message: string;
-        }[]] | undefined;
-        readonly nodeSelectable?: string | undefined;
-        readonly expandAll: boolean;
     }) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

package/dist/runtime/components/sidebar/use-editor.js

@@ -1,6 +1,7 @@
 import { Schema } from "effect";
 import { computed, ref, watch } from "vue";
 import { formatValidationError } from "../config/utils/validation-error.js";
+import { findDanglingLinkages, formatDanglingLinkages } from "../config/utils/linkage.js";
 import { createExpressionValidityRegistry, provideExpressionValidity } from "../ui/expression-editor/index.js";
 import { SidebarConfig } from "./schema.js";
 function deepClone(value) {
@@ -25,6 +26,11 @@ export function useSidebarEditor(model, options = {}) {
         validationError.value = "\u5B58\u5728\u65E0\u6548\u7684\u8DE8\u5C42\u4F5C\u7528\u57DF\u5F15\u7528\uFF0C\u8BF7\u4FEE\u6B63\u6807\u7EA2\u7684\u8868\u8FBE\u5F0F\u540E\u518D\u4FDD\u5B58";
         return;
       }
+      const dangling = findDanglingLinkages(decoded);
+      if (dangling.length > 0) {
+        validationError.value = formatDanglingLinkages(dangling, decoded, () => void 0);
+        return;
+      }
       validationError.value = null;
       model.value = decoded;
       baseline.value = deepClone(decoded);

package/dist/runtime/share/layout.js

@@ -59,7 +59,7 @@ function configureMedia(configure) {
   return (env) => {
     env.registerFunction(
       "media(string): bool",
-      (_self, q) => typeof window !== "undefined" && window.matchMedia(q).matches,
+      (q) => typeof window !== "undefined" && window.matchMedia(q).matches,
       { description: "\u5339\u914D CSS \u5A92\u4F53\u67E5\u8BE2\uFF0C\u7B49\u4EF7\u4E8E `window.matchMedia(q).matches`\uFF1BSSR \u4E0A\u4E0B\u6587\u8FD4\u56DE `false`" }
     );
     configure(env);
@@ -76,7 +76,7 @@ export function LayoutSet(configure) {
       resultType: "bool"
     }).annotations({
       title: "\u5339\u914D\u6761\u4EF6",
-      description: "\u8FD4\u56DE `bool` \u7684 CEL \u8868\u8FBE\u5F0F\uFF0C\u6302\u8F7D\u65F6\u4E00\u6B21\u6027\u6C42\u503C\uFF1B\u7A7A\u8868\u793A\u65E0\u6761\u4EF6\u5339\u914D\u3002\u53EF\u7528 `media('(min-width: 1024px)')` \u5305\u88C5 CSS \u5A92\u4F53\u67E5\u8BE2\u3002"
+      description: "\u8FD4\u56DE `bool` \u7684 CEL \u8868\u8FBE\u5F0F\uFF1B\u968F\u89C6\u53E3\u53D8\u5316\u4E0E\u6240\u5F15\u7528\u7684\u54CD\u5E94\u5F0F\u6570\u636E\u81EA\u52A8\u91CD\u65B0\u6C42\u503C\uFF0C\u7A7A\u8868\u793A\u65E0\u6761\u4EF6\u5339\u914D\u3002\u53EF\u7528 `media('(min-width: 1024px)')` \u5305\u88C5 CSS \u5A92\u4F53\u67E5\u8BE2\u3002"
     })),
     layout: Layout
   }).annotations({

package/dist/runtime/share/slot-renderer.vue

@@ -4,6 +4,7 @@ import { computed } from "vue";
 import { cel as _rawCel } from "../utils/cel";
 import { celBindings, injectCELContext } from "../utils/cel-context";
 import { DEFAULT_GAP } from "./layout";
+import { useViewportRevision } from "./viewport";
 defineOptions({ name: "ShwfedSlotRenderer" });
 const props = defineProps({
   slotValue: { type: Object, required: true },
@@ -25,7 +26,11 @@ function pickLayout(sets) {
   }
   return sets[sets.length - 1];
 }
-const activeLayout = computed(() => pickLayout(props.slotValue.layouts));
+const viewportRevision = useViewportRevision();
+const activeLayout = computed(() => {
+  void viewportRevision.value;
+  return pickLayout(props.slotValue.layouts);
+});
 const warnedMissing = /* @__PURE__ */ new Set();
 const placedBlocks = computed(() => {
   const layout = activeLayout.value?.layout;

package/dist/runtime/share/viewport.d.ts

@@ -0,0 +1,16 @@
+import type { Ref } from 'vue';
+/**
+ * A reactive counter that increments on any viewport change (resize /
+ * orientation). Read its `.value` inside a `computed` to make that computed
+ * re-evaluate when the viewport changes.
+ *
+ * This is the reactive dependency a `media('…')` CEL query otherwise lacks:
+ * `window.matchMedia(q).matches` is a one-shot, untracked read, so a layout
+ * gated on `media('(max-width: 900px)')` would be frozen at its mount-time
+ * value and never re-select when the window is resized (or DevTools docked).
+ * Touching this ref inside the selection `computed` closes that gap.
+ *
+ * SSR-safe and self-cleaning: `useEventListener` no-ops without a `window` and
+ * detaches automatically when the owning component's effect scope disposes.
+ */
+export declare function useViewportRevision(): Ref<number>;

package/dist/runtime/share/viewport.js

@@ -0,0 +1,11 @@
+import { ref } from "vue";
+import { useEventListener } from "@vueuse/core";
+export function useViewportRevision() {
+  const revision = ref(0);
+  const bump = () => {
+    revision.value++;
+  };
+  useEventListener("resize", bump, { passive: true });
+  useEventListener("orientationchange", bump, { passive: true });
+  return revision;
+}

package/dist/runtime/utils/cel.js

@@ -22,7 +22,12 @@ function unwrapCelValue(value) {
 const env = new Environment({ unlistedVariablesAreDyn: true });
 env.registerFunction(
   "media(string): bool",
-  (_self, q) => typeof window !== "undefined" && window.matchMedia(q).matches
+  // Global (non-method) function: the evaluator passes the CEL argument as the
+  // first parameter (no receiver/`self` prepended — that shape is method-only,
+  // as in `list<number>.sum()` below). A leading `_self` here would bind the
+  // query string to `_self` and the AST node to `q`, so `matchMedia` would
+  // stringify the AST and never match — the "media always false" bug.
+  (q) => typeof window !== "undefined" && window.matchMedia(q).matches
 );
 env.registerFunction(
   "list<number>.sum(): number",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@shwfed/config",
-  "version": "2.12.15",
+  "version": "2.12.16",
   "description": "Configurable UI for SHWFED",
   "type": "module",
   "publishConfig": {