@shwfed/config 2.7.4 → 2.7.6

package/dist/runtime/components/block-layout-editor/index.vue.d.ts

@@ -20,6 +20,13 @@ declare const __VLS_export: <TItem extends {
                     min: number;
                     max: number;
                 }>;
+                /**
+                 * When `false`, this item opts out of the fullscreen inline-config pane —
+                 * a drill request falls back to emitting `drill-down` (which exits
+                 * fullscreen). Absent / `true` → inline editing is offered while the host
+                 * provides the `inline-config` slot. See the "Inline config" section below.
+                 */
+                inlineConfig?: boolean;
             }>;
         }> | undefined;
         getItemLabel?: (item: TItem) => string;
@@ -70,7 +77,18 @@ declare const __VLS_export: <TItem extends {
     } ? P : {});
     expose: (exposed: {}) => void;
     attrs: any;
-    slots: {};
+    slots: {
+        /**
+         * Body of the right-docked config pane shown when a field is opened inline
+         * in fullscreen. Rendered inside the fullscreen element so editing doesn't
+         * unmount the canvas. Receives the item being edited and a `close` hook.
+         */
+        'inline-config'(props: {
+            itemId: string;
+            item: TItem;
+            close: () => void;
+        }): unknown;
+    };
     emit: (((evt: "paste", target: {
         x: number;
         y: number;

package/dist/runtime/components/config/blocks/2026-05-06/com.shwfed.block.form/config.d.vue.ts

@@ -11,10 +11,12 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
     "update:modelValue": (value: {
         readonly form: {
             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 {
@@ -44,10 +46,12 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
     "onUpdate:modelValue"?: ((value: {
         readonly form: {
             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 {

package/dist/runtime/components/config/blocks/2026-05-06/com.shwfed.block.form/config.vue.d.ts

@@ -11,10 +11,12 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
     "update:modelValue": (value: {
         readonly form: {
             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 {
@@ -44,10 +46,12 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
     "onUpdate:modelValue"?: ((value: {
         readonly form: {
             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 {

package/dist/runtime/components/config/blocks/2026-05-06/com.shwfed.block.form/runtime.d.vue.ts

@@ -13,10 +13,12 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
     "update:block": (value: {
         readonly form: {
             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 {
@@ -47,10 +49,12 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
     "onUpdate:block"?: ((value: {
         readonly form: {
             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 {

package/dist/runtime/components/config/blocks/2026-05-06/com.shwfed.block.form/runtime.vue.d.ts

@@ -13,10 +13,12 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
     "update:block": (value: {
         readonly form: {
             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 {
@@ -47,10 +49,12 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
     "onUpdate:block"?: ((value: {
         readonly form: {
             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 {

package/dist/runtime/components/config/blocks/2026-05-06/com.shwfed.block.form/schema.d.ts

@@ -23,10 +23,12 @@ export declare function schema(configure: (env: Environment) => void, _blockRef:
     compatibilityDate: Schema.tag<"2026-05-06">;
     form: Schema.refine<{
         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 {
@@ -81,6 +83,8 @@ export declare function schema(configure: (env: Environment) => void, _blockRef:
             }>;
         }>>>;
         kind: Schema.tag<"shwfed.component.form">;
+        id: Schema.optional<Schema.refine<string, typeof Schema.String>>;
+        displayName: Schema.optional<Schema.SchemaClass<string, string, never>>;
         initial: Schema.optional<Schema.transform<Schema.Union<[Schema.Schema<string, string, never>, Schema.Struct<{
             request: Schema.optional<Schema.Schema<string, string, never>>;
             data: Schema.Schema<string, string, never>;

package/dist/runtime/components/config/blocks/2026-05-06/com.shwfed.block.table/config.d.vue.ts

@@ -36,10 +36,12 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
             }[];
             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 {
@@ -214,10 +216,12 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
             }[];
             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 {

package/dist/runtime/components/config/blocks/2026-05-06/com.shwfed.block.table/config.vue.d.ts

@@ -36,10 +36,12 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
             }[];
             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 {
@@ -214,10 +216,12 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
             }[];
             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 {

package/dist/runtime/components/config/blocks/2026-05-06/com.shwfed.block.table/runtime.d.vue.ts

@@ -31,10 +31,12 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             }[];
             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 {
@@ -209,10 +211,12 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             }[];
             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 {

package/dist/runtime/components/config/blocks/2026-05-06/com.shwfed.block.table/runtime.vue.d.ts

@@ -31,10 +31,12 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             }[];
             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 {
@@ -209,10 +211,12 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             }[];
             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 {

package/dist/runtime/components/config/blocks/2026-05-06/com.shwfed.block.table/schema.d.ts

@@ -46,10 +46,12 @@ export declare function schema(configure: (env: Environment) => void, _blockRef:
         }[];
         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 {
@@ -351,10 +353,12 @@ export declare function schema(configure: (env: Environment) => void, _blockRef:
         }>>;
         query: Schema.optional<Schema.refine<{
             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 {
@@ -409,6 +413,8 @@ export declare function schema(configure: (env: Environment) => void, _blockRef:
                 }>;
             }>>>;
             kind: Schema.tag<"shwfed.component.form">;
+            id: Schema.optional<Schema.refine<string, typeof Schema.String>>;
+            displayName: Schema.optional<Schema.SchemaClass<string, string, never>>;
             initial: Schema.optional<Schema.transform<Schema.Union<[Schema.Schema<string, string, never>, Schema.Struct<{
                 request: Schema.optional<Schema.Schema<string, string, never>>;
                 data: Schema.Schema<string, string, never>;

package/dist/runtime/components/config/blocks/2026-06-02/com.shwfed.block.card/runtime.vue

@@ -30,17 +30,23 @@ function evalStyle(expression) {
   }
 }
 const styleValue = computed(() => evalStyle(block.value.style));
-const hasUrl = computed(() => !!block.value.url && block.value.url.trim().length > 0);
-function onCardClick(e) {
-  if (!hasUrl.value) return;
-  const target = e.target;
-  if (target?.closest('a, button, input, select, textarea, label, [role="button"]')) return;
+const resolvedUrl = computed(() => {
+  const expr = block.value.url;
+  if (!expr || expr.trim().length === 0) return void 0;
   try {
-    const url = Effect.runSync(cel(block.value.url, baseContext()));
-    if (typeof url === "string" && url) window.open(url, "_self");
+    const url = Effect.runSync(cel(expr, baseContext()));
+    return typeof url === "string" && url ? url : void 0;
   } catch (err) {
     console.warn("[shwfed-card] url evaluation failed", err);
+    return void 0;
   }
+});
+const hasUrl = computed(() => !!block.value.url && block.value.url.trim().length > 0);
+function onCardClick(e, navigate) {
+  if (!resolvedUrl.value) return;
+  const target = e.target;
+  if (target?.closest('a, button, input, select, textarea, label, [role="button"]')) return;
+  navigate(e);
 }
 function updateSlot(next) {
   block.value = { ...block.value, slot: next };
@@ -48,25 +54,39 @@ function updateSlot(next) {
 </script>
 
 <template>
-  <div
-    class="relative h-full rounded-sm border border-zinc-200 bg-white p-4"
-    :class="hasUrl ? 'cursor-pointer' : ''"
-    :style="styleValue"
-    @click="onCardClick"
+  <!--
+    `custom` makes NuxtLink render no anchor of its own — it just hands us a
+    baseURL-aware `navigate()`. We keep the card a `<div>` so clicks on
+    interactive descendants stay untouched, and only follow the link from the
+    guarded handler. `to` is `''` when no URL is configured (navigation is then
+    short-circuited in `onCardClick`).
+  -->
+  <NuxtLink
+    :to="resolvedUrl ?? ''"
+    custom
   >
-    <ClientOnly>
-      <CardBadge
-        v-if="block.badge"
-        :badge="block.badge"
-        class="absolute -right-2 -top-2 z-10"
-      />
-    </ClientOnly>
+    <template #default="{ navigate }">
+      <div
+        class="relative h-full rounded-sm border border-zinc-200 bg-white p-4"
+        :class="hasUrl ? 'cursor-pointer' : ''"
+        :style="styleValue"
+        @click="(e) => onCardClick(e, navigate)"
+      >
+        <ClientOnly>
+          <CardBadge
+            v-if="block.badge"
+            :badge="block.badge"
+            class="absolute -right-2 -top-2 z-10"
+          />
+        </ClientOnly>
 
-    <SlotRenderer
-      :slot-value="block.slot"
-      :configure="configure"
-      :find-entry="findBlock"
-      @update:slot-value="(s) => updateSlot(s)"
-    />
-  </div>
+        <SlotRenderer
+          :slot-value="block.slot"
+          :configure="configure"
+          :find-entry="findBlock"
+          @update:slot-value="(s) => updateSlot(s)"
+        />
+      </div>
+    </template>
+  </NuxtLink>
 </template>

package/dist/runtime/components/config/blocks/2026-06-02/com.shwfed.block.card/schema.js

@@ -91,7 +91,7 @@ export function schema(configure, blockRef) {
     }),
     url: Schema.optional(CelUrl).annotations({
       title: "\u94FE\u63A5",
-      description: "\u8FD4\u56DE `string` \u7684 CEL \u8868\u8FBE\u5F0F\uFF1B\u914D\u7F6E\u540E\u70B9\u51FB\u5361\u7247\u7A7A\u767D\u5904\u5C06\u5728\u5F53\u524D\u6807\u7B7E\u9875\u6253\u5F00\u8BE5\u94FE\u63A5\u3002\u70B9\u51FB\u5361\u7247\u5185\u7684\u6309\u94AE\u3001\u94FE\u63A5\u7B49\u4EA4\u4E92\u5143\u7D20\u4E0D\u4F1A\u89E6\u53D1"
+      description: "\u8FD4\u56DE `string` \u7684 CEL \u8868\u8FBE\u5F0F\uFF1B\u914D\u7F6E\u540E\u70B9\u51FB\u5361\u7247\u7A7A\u767D\u5904\u5C06\u901A\u8FC7\u8DEF\u7531\u8DF3\u8F6C\u5230\u8BE5\u94FE\u63A5\uFF08\u7ECF `NuxtLink`\uFF0C\u9075\u5FAA\u5E94\u7528 base URL\uFF09\u3002\u70B9\u51FB\u5361\u7247\u5185\u7684\u6309\u94AE\u3001\u94FE\u63A5\u7B49\u4EA4\u4E92\u5143\u7D20\u4E0D\u4F1A\u89E6\u53D1"
     }),
     badge: Schema.optional(badgeSchema(configure)).annotations({
       title: "\u5FBD\u7AE0",

package/dist/runtime/components/config/config.vue

@@ -13,8 +13,9 @@ import { Locale as LocaleField } from "../ui/locale";
 import { Markdown } from "../ui/markdown";
 import { ScrollArea } from "../ui/scroll-area";
 import { Separator } from "../ui/separator";
+import { provideEventAncestor } from "../../share/event-bus";
 import { BREADCRUMB_EXTENSION_KEY } from "./breadcrumb-extension";
-import { PageConfig, getStructFieldDescription, getStructFieldTitle } from "./schema";
+import { PAGE_TARGET_ID, PageConfig, getStructFieldDescription, getStructFieldTitle, metadata as pageMetadata } from "./schema";
 defineOptions({ name: "ShwfedConfigConfig" });
 const props = defineProps({
   state: { type: Object, required: true }
@@ -82,6 +83,13 @@ provide(BREADCRUMB_EXTENSION_KEY, {
   add: props.state.addCrumb,
   addParentSuffix: props.state.addParentSuffix
 });
+const pageEventAncestor = computed(() => ({
+  instanceId: PAGE_TARGET_ID,
+  typeName: pageMetadata.name,
+  typeIcon: pageMetadata.icon,
+  operations: pageMetadata.operations
+}));
+provideEventAncestor(pageEventAncestor);
 const sidebarRef = useTemplateRef("sidebarRef");
 function addLayout() {
   sidebarRef.value?.addLayout();

package/dist/runtime/components/config/index.vue

@@ -11,7 +11,8 @@ import ShwfedModal from "../modal.vue";
 import EditorBody from "./config.vue";
 import EditorBreadcrumb from "./breadcrumb.vue";
 import EditorFooter from "./footer.vue";
-import { createPageConfig } from "./schema";
+import { provideEventTarget } from "../../share/event-bus";
+import { PAGE_TARGET_ID, createPageConfig } from "./schema";
 import { useConfigEditor } from "./use-editor";
 import { findBlock } from "./utils/resolve";
 defineOptions({ name: "ShwfedConfig" });
@@ -37,6 +38,15 @@ const mergedConfigure = (env) => {
     env.registerVariable(name, v.type, { description: v.description, label: v.label });
   }
 };
+class PageClosed {
+  _tag = "PageClosed";
+}
+provideEventTarget(PAGE_TARGET_ID, {
+  close: () => Effect.gen(function* () {
+    window.close();
+    return yield* Effect.die(new PageClosed());
+  })
+});
 const editorOpen = ref(false);
 const editorState = useConfigEditor(config, {
   configure: mergedConfigure,

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

@@ -3,6 +3,31 @@ import type { Environment } from '../../vendor/cel-js/lib/index.js';
 import { type LocaleValue } from '../../share/locale.js';
 export { getStructFieldDescription, getStructFieldTitle } from '../table/utils/schema-meta.js';
 declare const KIND = "shwfed.component.page";
+/**
+ * Reserved sentinel instance id for the singleton page operation target. The
+ * page is the outermost `ShwfedConfig` — there is only ever one per tree, so it
+ * needs no stored, per-config id (which would force a migration of every
+ * existing page config). The nil UUID can never collide with a block id:
+ * `crypto.randomUUID()` always sets version-4 + variant bits, so it never
+ * emits all-zeros. It also passes `Schema.UUID`'s lenient hex-layout regex, so
+ * stored triggers targeting it decode cleanly.
+ */
+export declare const PAGE_TARGET_ID = "00000000-0000-0000-0000-000000000000";
+/**
+ * Capability manifest — type-level display info plus the operations the page
+ * instance exposes to op-requests bubbled up from its descendants. Mirrors the
+ * form/table manifests. `close` closes the surrounding browser tab/window; see
+ * the runtime in `index.vue` for its deliberate-halt semantics.
+ */
+export declare const metadata: {
+    readonly name: "页面";
+    readonly icon: "fluent:document-20-regular";
+    readonly operations: readonly [{
+        readonly id: "close";
+        readonly name: "关闭标签页";
+        readonly icon: "fluent:dismiss-20-regular";
+    }];
+};
 export declare function PageConfig(configure: (env: Environment) => void): Schema.Struct<{
     kind: Schema.tag<"shwfed.component.page">;
     title: Schema.optional<Schema.TupleType<readonly [Schema.Struct<{

package/dist/runtime/components/config/schema.js

@@ -4,6 +4,14 @@ import { Locale } from "../../share/locale.js";
 import { blockRef } from "./utils/resolve.js";
 export { getStructFieldDescription, getStructFieldTitle } from "../table/utils/schema-meta.js";
 const KIND = "shwfed.component.page";
+export const PAGE_TARGET_ID = "00000000-0000-0000-0000-000000000000";
+export const metadata = {
+  name: "\u9875\u9762",
+  icon: "fluent:document-20-regular",
+  operations: [
+    { id: "close", name: "\u5173\u95ED\u6807\u7B7E\u9875", icon: "fluent:dismiss-20-regular" }
+  ]
+};
 export function PageConfig(configure) {
   const Block = blockRef(configure).annotations({
     identifier: "PageBlock",

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

@@ -3,12 +3,15 @@ import { computed, ref } from "vue";
 import { provideCELContext } from "../../utils/cel-context";
 import { ExpressionEditor } from "../ui/expression-editor";
 import { Field, FieldLabel } from "../ui/field";
+import { Input } from "../ui/input";
 import { Markdown } from "../ui/markdown";
 import { Textarea } from "../ui/textarea";
+import { provideEventAncestor } from "../../share/event-bus";
 import {
   FormConfig,
   getStructFieldDescription,
-  getStructFieldTitle
+  getStructFieldTitle,
+  metadata as formMetadata
 } from "./schema";
 import ShwfedFormUnitConfig, {} from "./unit-config.vue";
 import { buildFormCelScope } from "./utils/cel-scope";
@@ -23,6 +26,21 @@ const formConfigSchema = FormConfig(configure);
 const generalFieldTitle = (f) => getStructFieldTitle(formConfigSchema, f) ?? f;
 const generalFieldDescription = (f) => getStructFieldDescription(formConfigSchema, f);
 provideCELContext(buildFormCelScope(configure));
+const formEventAncestor = computed(() => {
+  const id = config.value.id;
+  if (!id) return null;
+  const displayName = config.value.displayName;
+  return {
+    instanceId: id,
+    // Left undefined when the configurer wrote no 内部名称 — the trigger UI
+    // then shows just the type name rather than a redundant 「表单」.
+    name: displayName && displayName.length > 0 ? displayName : void 0,
+    typeName: formMetadata.name,
+    typeIcon: formMetadata.icon,
+    operations: formMetadata.operations
+  };
+});
+provideEventAncestor(formEventAncestor);
 const unitModel = computed({
   get: () => ({ fields: config.value.fields, layouts: config.value.layouts }),
   set: (next) => {
@@ -44,6 +62,15 @@ function setInitialField(key, value) {
     config.value = { ...config.value, initial: next };
   }
 }
+function updateDisplayName(value) {
+  const next = { ...config.value };
+  if (value.trim() === "") {
+    const { displayName: _omit, ...rest } = next;
+    config.value = rest;
+  } else {
+    config.value = { ...next, displayName: value };
+  }
+}
 function updateReadonly(value) {
   const next = { ...config.value };
   if (value.trim() === "") {
@@ -73,6 +100,27 @@ function updateStyle(value) {
   >
     <template #extras-pane>
       <div class="flex flex-col gap-4">
+        <Field orientation="vertical">
+          <FieldLabel class="text-xs text-zinc-500">
+            <template
+              v-if="generalFieldDescription('displayName')"
+              #tooltip
+            >
+              <Markdown
+                :source="generalFieldDescription('displayName')"
+                block
+                class="prose prose-sm prose-zinc"
+              />
+            </template>
+            {{ generalFieldTitle("displayName") }}
+          </FieldLabel>
+          <Input
+            :model-value="config.displayName ?? ''"
+            placeholder="如 用户信息表单"
+            @update:model-value="(v) => updateDisplayName(String(v))"
+          />
+        </Field>
+
         <Field orientation="vertical">
           <FieldLabel class="text-xs text-zinc-500">
             <template

package/dist/runtime/components/form/fields/2026-04-24/com.shwfed.form.field.actions/schema.d.ts

@@ -15,6 +15,7 @@ export declare const metadata: {
         readonly min: 2;
         readonly max: number;
     };
+    readonly inlineConfig: false;
 };
 export declare function schema(configure: (env: Environment) => void): Schema.Struct<{
     groups: Schema.optionalWith<Schema.Array$<Schema.Struct<{

package/dist/runtime/components/form/fields/2026-04-24/com.shwfed.form.field.actions/schema.js

@@ -7,7 +7,10 @@ export const metadata = {
   name: "\u64CD\u4F5C",
   icon: "fluent:cursor-click-20-regular",
   w: { initial: 8, min: 4, max: Infinity },
-  h: { initial: 2, min: 2, max: Infinity }
+  h: { initial: 2, min: 2, max: Infinity },
+  // Drills into its own nested button layout editor — too complex for the
+  // fullscreen inline-config pane; keep the (fullscreen-exiting) drill-down.
+  inlineConfig: false
 };
 export function schema(configure) {
   const { fields: actionFields } = ActionSchemaFields(configure);

package/dist/runtime/components/form/fields/2026-05-13/com.shwfed.form.field.list/schema.d.ts

@@ -16,6 +16,7 @@ export declare const metadata: {
         readonly max: number;
         readonly grow: true;
     };
+    readonly inlineConfig: false;
 };
 export declare function schema(configure: (env: Environment) => void): Schema.refine<{
     readonly label?: readonly [{

package/dist/runtime/components/form/fields/2026-05-13/com.shwfed.form.field.list/schema.js

@@ -9,7 +9,10 @@ export const metadata = {
   name: "\u5217\u8868",
   icon: "fluent:list-20-regular",
   w: { initial: 12, min: 4, max: Infinity },
-  h: { initial: 6, min: 4, max: Infinity, grow: true }
+  h: { initial: 6, min: 4, max: Infinity, grow: true },
+  // Hosts a nested sub-form (its own fields + layout) — too complex for the
+  // fullscreen inline-config pane; keep the (fullscreen-exiting) drill-down.
+  inlineConfig: false
 };
 export function schema(configure) {
   const CelBool = Expression({ configure, resultType: "bool" });

package/dist/runtime/components/form/fields/2026-05-18/com.shwfed.form.field.table/schema.d.ts

@@ -16,6 +16,7 @@ export declare const metadata: {
         readonly max: number;
         readonly grow: true;
     };
+    readonly inlineConfig: false;
 };
 export declare function schema(configure: (env: Environment) => void): Schema.Struct<{
     label: Schema.optional<Schema.TupleType<readonly [Schema.Struct<{