@shwfed/config 3.0.4 → 3.0.6

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

@@ -0,0 +1,68 @@
+import { type DanglingLinkage } from './linkage.js';
+/** Which pool an item came out of — drives the noun in user-facing copy. */
+export type PruneKind = 'block' | 'field';
+export declare function pruneKindNoun(kind: PruneKind): string;
+export type UnplacedItem = Readonly<{
+    kind: PruneKind;
+    id: string;
+    /**
+     * Property path from the ORIGINAL config root to the removed item
+     * (`['slot','blocks',2]`). Fed to `describePath` against that same root.
+     */
+    path: ReadonlyArray<PropertyKey>;
+    /**
+     * Every uuid defined anywhere in this item's subtree — the item's own id plus
+     * its trigger rows, nested blocks, nested fields, … Dropping the item
+     * un-defines all of them at once, so this is the set a surviving reference
+     * must not point into.
+     */
+    ids: ReadonlySet<string>;
+}>;
+/** A pruned item's label, pre-rendered for the confirmation dialog. */
+export type PruneSummary = Readonly<{
+    kind: PruneKind;
+    /** Breadcrumb to the item in the pre-prune config (`标签页 › 表格`). */
+    label: string;
+}>;
+export type PruneConflict = Readonly<{
+    /** The surviving reference left pointing at nothing. */
+    ref: DanglingLinkage;
+    /** The item whose removal stranded it. */
+    owner: UnplacedItem;
+}>;
+/**
+ * Drop every item that no layout in its own pool places, at every depth.
+ * Returns the rewritten config plus the removals, outermost-first.
+ */
+export declare function pruneUnplaced<T>(config: T): {
+    config: T;
+    removed: UnplacedItem[];
+};
+/**
+ * References held by SURVIVORS that point into a removed subtree. Non-empty
+ * means the prune would strand a linkage, and the save must be refused rather
+ * than quietly persisting a config whose trigger targets nothing.
+ *
+ * Runs the existing dangling-linkage walker over the PRUNED tree and keeps only
+ * the danglers the prune itself caused — a linkage that was already dangling
+ * before the prune is not our problem and stays with `findDanglingLinkages`.
+ */
+export declare function findPruneConflicts(pruned: unknown, removed: ReadonlyArray<UnplacedItem>): PruneConflict[];
+/**
+ * Pre-render each removal as a breadcrumb for the confirmation dialog.
+ * `root` must be the pre-prune config the paths index into.
+ */
+export declare function summarizePrune(removed: ReadonlyArray<UnplacedItem>, root: unknown, blockLabelAt: (index: number) => string | undefined): PruneSummary[];
+/**
+ * Save-footer message for a non-empty conflict list. Names both ends — the item
+ * about to be dropped and the surviving reference that still needs it — because
+ * the raw dangling message ("引用了已失效的资源") would point at the reference
+ * and leave the designer hunting for a block that looks perfectly fine sitting
+ * in the unplaced tray.
+ */
+export declare function formatPruneConflicts(conflicts: ReadonlyArray<PruneConflict>, ctx: {
+    prunedRoot: unknown;
+    originalRoot: unknown;
+    prunedBlockLabelAt: (index: number) => string | undefined;
+    originalBlockLabelAt: (index: number) => string | undefined;
+}): string;

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

@@ -0,0 +1,92 @@
+import { definedIds, findDanglingLinkages, LINKAGE_KIND_LABEL } from "./linkage.js";
+import { describePath } from "./validation-error.js";
+const KIND_NOUN = {
+  block: "\u5757",
+  field: "\u5B57\u6BB5"
+};
+export function pruneKindNoun(kind) {
+  return KIND_NOUN[kind];
+}
+function isObject(v) {
+  return v !== null && typeof v === "object" && !Array.isArray(v);
+}
+const POOLS = [
+  { key: "blocks", kind: "block" },
+  { key: "fields", kind: "field" }
+];
+function poolOf(node) {
+  if (!Array.isArray(node.layouts)) return void 0;
+  return POOLS.find((p) => Array.isArray(node[p.key]));
+}
+function placedIds(layouts) {
+  const out = /* @__PURE__ */ new Set();
+  for (const set of layouts) {
+    if (!isObject(set) || !isObject(set.layout)) continue;
+    const placements = set.layout.placements;
+    if (isObject(placements)) {
+      for (const id of Object.keys(placements)) out.add(id);
+    }
+  }
+  return out;
+}
+function walk(node, path, removed) {
+  if (Array.isArray(node)) return node.map((v, i) => walk(v, [...path, i], removed));
+  if (!isObject(node)) return node;
+  const pool = poolOf(node);
+  const out = {};
+  for (const [key, value] of Object.entries(node)) {
+    if (pool && key === pool.key) {
+      const placed = placedIds(node.layouts);
+      const kept = [];
+      for (const [i, item] of value.entries()) {
+        const id = isObject(item) && typeof item.id === "string" ? item.id : void 0;
+        if (id !== void 0 && !placed.has(id)) {
+          removed.push({ kind: pool.kind, id, path: [...path, key, i], ids: definedIds(item) });
+          continue;
+        }
+        kept.push(walk(item, [...path, key, i], removed));
+      }
+      out[key] = kept;
+      continue;
+    }
+    out[key] = walk(value, [...path, key], removed);
+  }
+  return out;
+}
+export function pruneUnplaced(config) {
+  const removed = [];
+  const next = walk(config, [], removed);
+  return { config: next, removed };
+}
+export function findPruneConflicts(pruned, removed) {
+  if (removed.length === 0) return [];
+  const owner = /* @__PURE__ */ new Map();
+  for (const item of removed) {
+    for (const id of item.ids) {
+      if (!owner.has(id)) owner.set(id, item);
+    }
+  }
+  const out = [];
+  for (const ref of findDanglingLinkages(pruned)) {
+    const o = owner.get(ref.id);
+    if (o) out.push({ ref, owner: o });
+  }
+  return out;
+}
+export function summarizePrune(removed, root, blockLabelAt) {
+  return removed.map((item) => ({
+    kind: item.kind,
+    label: describePath(item.path, root, blockLabelAt).join(" \u203A ") || pruneKindNoun(item.kind)
+  }));
+}
+export function formatPruneConflicts(conflicts, ctx) {
+  const first = conflicts[0];
+  if (!first) return "";
+  const ownerSegs = describePath(first.owner.path, ctx.originalRoot, ctx.originalBlockLabelAt);
+  const owner = ownerSegs.length > 0 ? ownerSegs.join(" \u203A ") : pruneKindNoun(first.owner.kind);
+  const refSegs = describePath(first.ref.path, ctx.prunedRoot, ctx.prunedBlockLabelAt);
+  const kind = LINKAGE_KIND_LABEL[first.ref.kind];
+  const where = refSegs.length > 0 ? `\u300C${refSegs.join(" \u203A ")}\u300D\u7684${kind}` : kind;
+  const suffix = conflicts.length > 1 ? `\uFF08\u8FD8\u6709 ${conflicts.length - 1} \u4E2A\uFF09` : "";
+  return `${pruneKindNoun(first.owner.kind)}\u300C${owner}\u300D\u672A\u653E\u5165\u4EFB\u4F55\u5E03\u5C40\uFF0C\u4FDD\u5B58\u65F6\u4F1A\u88AB\u6E05\u7406\uFF0C\u4F46${where}\u4ECD\u5728\u5F15\u7528\u5B83\u3002\u8BF7\u5148\u5C06\u5B83\u653E\u5165\u5E03\u5C40\uFF0C\u6216\u79FB\u9664\u8BE5\u5F15\u7528${suffix}`;
+}

package/dist/runtime/components/form/fields/2026-04-22/com.shwfed.form.field.text/config.d.vue.ts

@@ -39,6 +39,17 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly mode: "formula" | "prefill";
             readonly expression: string;
         } | undefined;
+        readonly validations?: readonly {
+            readonly message: readonly [{
+                readonly locale: "zh";
+                readonly message: string;
+            }, ...{
+                readonly locale: "en" | "ja" | "ko";
+                readonly message: string;
+            }[]];
+            readonly warning?: boolean | undefined;
+            readonly when: string;
+        }[] | undefined;
         readonly addon?: {
             readonly size: "default" | "sm" | "xs";
             readonly style?: string | undefined;
@@ -106,17 +117,6 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
                 readonly variant?: "default" | "link" | "destructive" | "primary" | "ghost" | undefined;
             }[];
         } | undefined;
-        readonly validations?: readonly {
-            readonly message: readonly [{
-                readonly locale: "zh";
-                readonly message: string;
-            }, ...{
-                readonly locale: "en" | "ja" | "ko";
-                readonly message: string;
-            }[]];
-            readonly warning?: boolean | undefined;
-            readonly when: string;
-        }[] | undefined;
     }) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_ModelProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: {
@@ -155,6 +155,17 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly mode: "formula" | "prefill";
             readonly expression: string;
         } | undefined;
+        readonly validations?: readonly {
+            readonly message: readonly [{
+                readonly locale: "zh";
+                readonly message: string;
+            }, ...{
+                readonly locale: "en" | "ja" | "ko";
+                readonly message: string;
+            }[]];
+            readonly warning?: boolean | undefined;
+            readonly when: string;
+        }[] | undefined;
         readonly addon?: {
             readonly size: "default" | "sm" | "xs";
             readonly style?: string | undefined;
@@ -222,17 +233,6 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
                 readonly variant?: "default" | "link" | "destructive" | "primary" | "ghost" | undefined;
             }[];
         } | undefined;
-        readonly validations?: readonly {
-            readonly message: readonly [{
-                readonly locale: "zh";
-                readonly message: string;
-            }, ...{
-                readonly locale: "en" | "ja" | "ko";
-                readonly message: string;
-            }[]];
-            readonly warning?: boolean | undefined;
-            readonly when: string;
-        }[] | undefined;
     }) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

package/dist/runtime/components/form/fields/2026-04-22/com.shwfed.form.field.text/config.vue.d.ts

@@ -39,6 +39,17 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly mode: "formula" | "prefill";
             readonly expression: string;
         } | undefined;
+        readonly validations?: readonly {
+            readonly message: readonly [{
+                readonly locale: "zh";
+                readonly message: string;
+            }, ...{
+                readonly locale: "en" | "ja" | "ko";
+                readonly message: string;
+            }[]];
+            readonly warning?: boolean | undefined;
+            readonly when: string;
+        }[] | undefined;
         readonly addon?: {
             readonly size: "default" | "sm" | "xs";
             readonly style?: string | undefined;
@@ -106,17 +117,6 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
                 readonly variant?: "default" | "link" | "destructive" | "primary" | "ghost" | undefined;
             }[];
         } | undefined;
-        readonly validations?: readonly {
-            readonly message: readonly [{
-                readonly locale: "zh";
-                readonly message: string;
-            }, ...{
-                readonly locale: "en" | "ja" | "ko";
-                readonly message: string;
-            }[]];
-            readonly warning?: boolean | undefined;
-            readonly when: string;
-        }[] | undefined;
     }) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_ModelProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: {
@@ -155,6 +155,17 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly mode: "formula" | "prefill";
             readonly expression: string;
         } | undefined;
+        readonly validations?: readonly {
+            readonly message: readonly [{
+                readonly locale: "zh";
+                readonly message: string;
+            }, ...{
+                readonly locale: "en" | "ja" | "ko";
+                readonly message: string;
+            }[]];
+            readonly warning?: boolean | undefined;
+            readonly when: string;
+        }[] | undefined;
         readonly addon?: {
             readonly size: "default" | "sm" | "xs";
             readonly style?: string | undefined;
@@ -222,17 +233,6 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
                 readonly variant?: "default" | "link" | "destructive" | "primary" | "ghost" | undefined;
             }[];
         } | undefined;
-        readonly validations?: readonly {
-            readonly message: readonly [{
-                readonly locale: "zh";
-                readonly message: string;
-            }, ...{
-                readonly locale: "en" | "ja" | "ko";
-                readonly message: string;
-            }[]];
-            readonly warning?: boolean | undefined;
-            readonly when: string;
-        }[] | undefined;
     }) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

package/dist/runtime/components/form/fields/2026-04-28/com.shwfed.form.field.number/config.d.vue.ts

@@ -42,6 +42,17 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly mode: "formula" | "prefill";
             readonly expression: string;
         } | undefined;
+        readonly validations?: readonly {
+            readonly message: readonly [{
+                readonly locale: "zh";
+                readonly message: string;
+            }, ...{
+                readonly locale: "en" | "ja" | "ko";
+                readonly message: string;
+            }[]];
+            readonly warning?: boolean | undefined;
+            readonly when: string;
+        }[] | undefined;
         readonly addon?: {
             readonly size: "default" | "sm" | "xs";
             readonly style?: string | undefined;
@@ -109,17 +120,6 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
                 readonly variant?: "default" | "link" | "destructive" | "primary" | "ghost" | undefined;
             }[];
         } | undefined;
-        readonly validations?: readonly {
-            readonly message: readonly [{
-                readonly locale: "zh";
-                readonly message: string;
-            }, ...{
-                readonly locale: "en" | "ja" | "ko";
-                readonly message: string;
-            }[]];
-            readonly warning?: boolean | undefined;
-            readonly when: string;
-        }[] | undefined;
         readonly precision?: number | undefined;
         readonly roundingMode?: "round" | "floor" | "ceil" | undefined;
         readonly valueAsString?: boolean | undefined;
@@ -165,6 +165,17 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly mode: "formula" | "prefill";
             readonly expression: string;
         } | undefined;
+        readonly validations?: readonly {
+            readonly message: readonly [{
+                readonly locale: "zh";
+                readonly message: string;
+            }, ...{
+                readonly locale: "en" | "ja" | "ko";
+                readonly message: string;
+            }[]];
+            readonly warning?: boolean | undefined;
+            readonly when: string;
+        }[] | undefined;
         readonly addon?: {
             readonly size: "default" | "sm" | "xs";
             readonly style?: string | undefined;
@@ -232,17 +243,6 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
                 readonly variant?: "default" | "link" | "destructive" | "primary" | "ghost" | undefined;
             }[];
         } | undefined;
-        readonly validations?: readonly {
-            readonly message: readonly [{
-                readonly locale: "zh";
-                readonly message: string;
-            }, ...{
-                readonly locale: "en" | "ja" | "ko";
-                readonly message: string;
-            }[]];
-            readonly warning?: boolean | undefined;
-            readonly when: string;
-        }[] | undefined;
         readonly precision?: number | undefined;
         readonly roundingMode?: "round" | "floor" | "ceil" | undefined;
         readonly valueAsString?: boolean | undefined;

package/dist/runtime/components/form/fields/2026-04-28/com.shwfed.form.field.number/config.vue.d.ts

@@ -42,6 +42,17 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly mode: "formula" | "prefill";
             readonly expression: string;
         } | undefined;
+        readonly validations?: readonly {
+            readonly message: readonly [{
+                readonly locale: "zh";
+                readonly message: string;
+            }, ...{
+                readonly locale: "en" | "ja" | "ko";
+                readonly message: string;
+            }[]];
+            readonly warning?: boolean | undefined;
+            readonly when: string;
+        }[] | undefined;
         readonly addon?: {
             readonly size: "default" | "sm" | "xs";
             readonly style?: string | undefined;
@@ -109,17 +120,6 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
                 readonly variant?: "default" | "link" | "destructive" | "primary" | "ghost" | undefined;
             }[];
         } | undefined;
-        readonly validations?: readonly {
-            readonly message: readonly [{
-                readonly locale: "zh";
-                readonly message: string;
-            }, ...{
-                readonly locale: "en" | "ja" | "ko";
-                readonly message: string;
-            }[]];
-            readonly warning?: boolean | undefined;
-            readonly when: string;
-        }[] | undefined;
         readonly precision?: number | undefined;
         readonly roundingMode?: "round" | "floor" | "ceil" | undefined;
         readonly valueAsString?: boolean | undefined;
@@ -165,6 +165,17 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly mode: "formula" | "prefill";
             readonly expression: string;
         } | undefined;
+        readonly validations?: readonly {
+            readonly message: readonly [{
+                readonly locale: "zh";
+                readonly message: string;
+            }, ...{
+                readonly locale: "en" | "ja" | "ko";
+                readonly message: string;
+            }[]];
+            readonly warning?: boolean | undefined;
+            readonly when: string;
+        }[] | undefined;
         readonly addon?: {
             readonly size: "default" | "sm" | "xs";
             readonly style?: string | undefined;
@@ -232,17 +243,6 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
                 readonly variant?: "default" | "link" | "destructive" | "primary" | "ghost" | undefined;
             }[];
         } | undefined;
-        readonly validations?: readonly {
-            readonly message: readonly [{
-                readonly locale: "zh";
-                readonly message: string;
-            }, ...{
-                readonly locale: "en" | "ja" | "ko";
-                readonly message: string;
-            }[]];
-            readonly warning?: boolean | undefined;
-            readonly when: string;
-        }[] | undefined;
         readonly precision?: number | undefined;
         readonly roundingMode?: "round" | "floor" | "ceil" | undefined;
         readonly valueAsString?: boolean | undefined;

package/dist/runtime/components/form/fields/2026-07-13/com.shwfed.form.field.dynamic/config.d.vue.ts

@@ -0,0 +1,31 @@
+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 type: "com.shwfed.form.field.dynamic";
+        readonly id: string;
+        readonly hidden?: string | undefined;
+        readonly displayName?: string | undefined;
+        readonly transform: string;
+        readonly columns?: number | undefined;
+        readonly compatibilityDate: "2026-07-13";
+        readonly orientation?: "vertical" | "floating" | undefined;
+        readonly request: string;
+    }) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_ModelProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: {
+        readonly type: "com.shwfed.form.field.dynamic";
+        readonly id: string;
+        readonly hidden?: string | undefined;
+        readonly displayName?: string | undefined;
+        readonly transform: string;
+        readonly columns?: number | undefined;
+        readonly compatibilityDate: "2026-07-13";
+        readonly orientation?: "vertical" | "floating" | undefined;
+        readonly request: string;
+    }) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/form/fields/2026-07-13/com.shwfed.form.field.dynamic/config.vue

@@ -0,0 +1,191 @@
+<script setup>
+import { Field, FieldLabel } from "../../../../ui/field";
+import { ExpressionEditor } from "../../../../ui/expression-editor";
+import { InputGroup, InputGroupInput } from "../../../../ui/input-group";
+import { Markdown } from "../../../../ui/markdown";
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue
+} from "../../../../ui/select";
+import { getStructFieldDescription, getStructFieldTitle } from "../../../schema";
+import { DEFAULT_FIELD_ORIENTATION, FIELD_ORIENTATION_OPTIONS } from "../../../utils/common";
+import { schema } from "./schema";
+defineOptions({ name: "ShwfedDynamicFieldConfig" });
+const value = defineModel({ type: null, ...{ required: true } });
+const fieldSchema = schema(() => {
+});
+const fieldTitle = (f) => getStructFieldTitle(fieldSchema, f) ?? f;
+const fieldDescription = (f) => getStructFieldDescription(fieldSchema, f);
+const TRANSFORM_VARS = {
+  json: { type: "optional<dyn>", label: "HTTP \u54CD\u5E94\u4F53" }
+};
+</script>
+
+<template>
+  <div class="flex flex-col gap-3">
+    <Field orientation="vertical">
+      <FieldLabel class="text-xs text-zinc-500">
+        <template
+          v-if="fieldDescription('displayName')"
+          #tooltip
+        >
+          <Markdown
+            :source="fieldDescription('displayName')"
+            block
+            class="prose prose-sm prose-zinc"
+          />
+        </template>
+        {{ fieldTitle("displayName") }}
+      </FieldLabel>
+      <InputGroup>
+        <InputGroupInput
+          :model-value="value.displayName ?? ''"
+          placeholder="例：渠道自定义字段"
+          @update:model-value="(v) => {
+  const s = String(v ?? '');
+  value = { ...value, displayName: s.length > 0 ? s : void 0 };
+}"
+        />
+      </InputGroup>
+    </Field>
+
+    <Field orientation="vertical">
+      <FieldLabel class="text-xs text-zinc-500">
+        <template
+          v-if="fieldDescription('request')"
+          #tooltip
+        >
+          <Markdown
+            :source="fieldDescription('request')"
+            block
+            class="prose prose-sm prose-zinc"
+          />
+        </template>
+        {{ fieldTitle("request") }}
+      </FieldLabel>
+      <ExpressionEditor
+        :model-value="value.request ?? ''"
+        placeholder="如 http.get('/api/fields').query('channel', 'other_inv')"
+        result-type="HttpRequest"
+        multiline
+        class="min-h-20"
+        @update:model-value="(v) => value = { ...value, request: v }"
+      />
+    </Field>
+
+    <Field orientation="vertical">
+      <FieldLabel class="text-xs text-zinc-500">
+        <template
+          v-if="fieldDescription('transform')"
+          #tooltip
+        >
+          <Markdown
+            :source="fieldDescription('transform')"
+            block
+            class="prose prose-sm prose-zinc"
+          />
+        </template>
+        {{ fieldTitle("transform") }}
+      </FieldLabel>
+      <ExpressionEditor
+        :model-value="value.transform ?? ''"
+        placeholder="如 json.orValue([]).map(f, { 'binding': f.parameter_name, 'label': f.name, 'kind': 'text', 'required': f.is_mandatory })"
+        result-type="list"
+        multiline
+        class="min-h-32"
+        :extra-vars="TRANSFORM_VARS"
+        @update:model-value="(v) => value = { ...value, transform: v }"
+      />
+    </Field>
+
+    <div class="grid grid-cols-2 gap-3">
+      <Field orientation="vertical">
+        <FieldLabel class="text-xs text-zinc-500">
+          <template
+            v-if="fieldDescription('columns')"
+            #tooltip
+          >
+            <Markdown
+              :source="fieldDescription('columns')"
+              block
+              class="prose prose-sm prose-zinc"
+            />
+          </template>
+          {{ fieldTitle("columns") }}
+        </FieldLabel>
+        <InputGroup>
+          <InputGroupInput
+            :model-value="value.columns ?? ''"
+            type="number"
+            min="1"
+            step="1"
+            placeholder="1"
+            @update:model-value="(v) => {
+  const n = Math.floor(Number(v));
+  value = Number.isFinite(n) && n > 0 ? { ...value, columns: n } : (() => {
+    const { columns: _o, ...rest } = value;
+    return rest;
+  })();
+}"
+          />
+        </InputGroup>
+      </Field>
+
+      <Field orientation="vertical">
+        <FieldLabel class="text-xs text-zinc-500">
+          <template
+            v-if="fieldDescription('orientation')"
+            #tooltip
+          >
+            <Markdown
+              :source="fieldDescription('orientation')"
+              block
+              class="prose prose-sm prose-zinc"
+            />
+          </template>
+          {{ fieldTitle("orientation") }}
+        </FieldLabel>
+        <Select
+          :model-value="value.orientation ?? DEFAULT_FIELD_ORIENTATION"
+          @update:model-value="(v) => value = { ...value, orientation: v }"
+        >
+          <SelectTrigger class="w-full">
+            <SelectValue />
+          </SelectTrigger>
+          <SelectContent>
+            <SelectItem
+              v-for="opt in FIELD_ORIENTATION_OPTIONS"
+              :key="opt.value"
+              :value="opt.value"
+            >
+              {{ opt.label }}
+            </SelectItem>
+          </SelectContent>
+        </Select>
+      </Field>
+    </div>
+
+    <Field orientation="vertical">
+      <FieldLabel class="text-xs text-zinc-500">
+        <template #tooltip>
+          <Markdown
+            :source="fieldDescription('hidden') ?? '\u8FD4\u56DE `true` \u65F6\u6574\u4E2A\u52A8\u6001\u533A\u57DF\u5728\u6240\u6709\u5E03\u5C40\u4E2D\u90FD\u4E0D\u6E32\u67D3'"
+            block
+            class="prose prose-sm prose-zinc"
+          />
+        </template>
+        {{ fieldTitle("hidden") }}
+      </FieldLabel>
+      <ExpressionEditor
+        :model-value="value.hidden ?? ''"
+        placeholder="例：form.channel == ''"
+        result-type="bool"
+        class="min-h-10"
+        @update:model-value="(v) => value = { ...value, hidden: v.length > 0 ? v : void 0 }"
+      />
+    </Field>
+  </div>
+</template>