@shwfed/config 2.10.3 → 2.10.5

package/dist/runtime/components/config/blocks/2026-06-17/com.shwfed.block.tree.single/schema.d.ts

@@ -0,0 +1,227 @@
+import { Schema } from 'effect';
+import type { Environment } from '../../../../../vendor/cel-js/lib/index.js';
+type AnySchema = Schema.Schema<any, any, never>;
+export declare const type: "com.shwfed.block.tree.single";
+export declare const compatibilityDate: "2026-06-17";
+export declare const metadata: {
+    readonly name: "树（单选）";
+    readonly icon: "fluent:tree-evergreen-20-regular";
+    readonly w: {
+        readonly initial: 12;
+        readonly min: 6;
+        readonly max: number;
+    };
+    readonly h: {
+        readonly initial: 12;
+        readonly min: 4;
+        readonly max: number;
+        readonly grow: true;
+    };
+    readonly operations: readonly [{
+        readonly id: "refresh";
+        readonly name: "刷新";
+        readonly icon: "fluent:arrow-sync-20-regular";
+    }, {
+        readonly id: "clear-selection";
+        readonly name: "清空选中";
+        readonly icon: "fluent:select-all-off-20-regular";
+    }];
+};
+/**
+ * Standalone page-level single-select tree (a navigator). Mirrors the tree
+ * FORM FIELD's node-config surface — same designer experience — but is a
+ * different beast: no form binding, no validation, no derived value. The
+ * picked node is published to the page `selections` registry under this
+ * block's `id`, so a sibling block's expression can read the full chosen
+ * record via `selections["<block-id>"]`.
+ *
+ * The schema is intentionally NOT shared with the form field at the code
+ * level: block and field are diverging surfaces (one is form-bound, one is a
+ * page navigator), so coupling them would couple two things that evolve
+ * apart. The designer UI is kept visually similar in `config.vue` instead.
+ */
+export declare function schema(configure: (env: Environment) => void, _blockRef?: AnySchema): Schema.Struct<{
+    id: Schema.refine<string, typeof Schema.String>;
+    type: Schema.tag<"com.shwfed.block.tree.single">;
+    compatibilityDate: Schema.tag<"2026-06-17">;
+    style: Schema.optional<Schema.Schema<string, string, never>>;
+    dataSource: Schema.Struct<{
+        request: Schema.optional<Schema.Schema<string, string, never>>;
+        data: Schema.Schema<string, string, never>;
+    }>;
+    nodeKey: Schema.Schema<string, string, never>;
+    nodeChildren: Schema.Schema<string, string, never>;
+    nodeLabel: Schema.refine<readonly [{
+        readonly locale: "zh";
+        readonly message: string;
+    }, ...{
+        readonly locale: "en" | "ja" | "ko";
+        readonly message: string;
+    }[]], Schema.TupleType<readonly [Schema.Struct<{
+        locale: Schema.Literal<["zh"]>;
+        message: Schema.SchemaClass<string, string, never>;
+    }>], [Schema.Struct<{
+        locale: Schema.Literal<["ja", "en", "ko"]>;
+        message: Schema.SchemaClass<string, string, never>;
+    }>]>>;
+    nodeTooltip: Schema.optional<Schema.refine<readonly [{
+        readonly locale: "zh";
+        readonly message: string;
+    }, ...{
+        readonly locale: "en" | "ja" | "ko";
+        readonly message: string;
+    }[]], Schema.TupleType<readonly [Schema.Struct<{
+        locale: Schema.Literal<["zh"]>;
+        message: Schema.SchemaClass<string, string, never>;
+    }>], [Schema.Struct<{
+        locale: Schema.Literal<["ja", "en", "ko"]>;
+        message: Schema.SchemaClass<string, string, never>;
+    }>]>>>;
+    nodeSelectable: Schema.optional<Schema.Schema<string, string, never>>;
+    expandAll: Schema.optionalWith<typeof Schema.Boolean, {
+        default: () => false;
+    }>;
+    filter: Schema.optional<Schema.Struct<{
+        enabled: Schema.SchemaClass<boolean, boolean, never>;
+        label: Schema.optional<Schema.TupleType<readonly [Schema.Struct<{
+            locale: Schema.Literal<["zh"]>;
+            message: Schema.SchemaClass<string, string, never>;
+        }>], [Schema.Struct<{
+            locale: Schema.Literal<["ja", "en", "ko"]>;
+            message: Schema.SchemaClass<string, string, never>;
+        }>]>>;
+        keywords: Schema.optional<Schema.Schema<string, string, never>>;
+    }>>;
+    nodeActions: Schema.Struct<{
+        size: Schema.optionalWith<Schema.Literal<["default", "sm", "xs"]>, {
+            default: () => "default";
+        }>;
+        gap: Schema.optionalWith<Schema.filter<Schema.filter<typeof Schema.Number>>, {
+            default: () => number;
+        }>;
+        style: Schema.optional<typeof Schema.String>;
+        groups: Schema.Array$<Schema.Struct<{
+            id: Schema.refine<string, typeof Schema.String>;
+            variant: Schema.optional<Schema.Literal<["default", "primary", "destructive", "ghost", "link"]>>;
+        }>>;
+        items: Schema.Array$<Schema.Schema<import("../../../../actions/schema.js").RegistryItemValue | {
+            readonly disabled?: string | undefined;
+            readonly id: string;
+            readonly title: readonly [{
+                readonly locale: "zh";
+                readonly message: string;
+            }, ...{
+                readonly locale: "en" | "ja" | "ko";
+                readonly message: string;
+            }[]];
+            readonly icon?: string | undefined;
+            readonly hidden?: string | undefined;
+            readonly tooltip?: readonly [{
+                readonly locale: "zh";
+                readonly message: string;
+            }, ...{
+                readonly locale: "en" | "ja" | "ko";
+                readonly message: string;
+            }[]] | undefined;
+            readonly variant?: "default" | "link" | "destructive" | "primary" | "ghost" | undefined;
+            readonly action?: any;
+            readonly groupId: string;
+            readonly hideTitle?: boolean | undefined;
+        } | {
+            readonly id: string;
+            readonly title: readonly [{
+                readonly locale: "zh";
+                readonly message: string;
+            }, ...{
+                readonly locale: "en" | "ja" | "ko";
+                readonly message: string;
+            }[]];
+            readonly icon?: string | undefined;
+            readonly items: readonly (import("../../../../actions/schema.js").RegistrySubItemValue | {
+                readonly disabled?: string | undefined;
+                readonly id: string;
+                readonly title: readonly [{
+                    readonly locale: "zh";
+                    readonly message: string;
+                }, ...{
+                    readonly locale: "en" | "ja" | "ko";
+                    readonly message: string;
+                }[]];
+                readonly icon?: string | undefined;
+                readonly hidden?: string | undefined;
+                readonly tooltip?: readonly [{
+                    readonly locale: "zh";
+                    readonly message: string;
+                }, ...{
+                    readonly locale: "en" | "ja" | "ko";
+                    readonly message: string;
+                }[]] | undefined;
+                readonly variant?: "default" | "link" | "destructive" | "primary" | "ghost" | undefined;
+                readonly action?: any;
+            })[];
+            readonly groupId: string;
+            readonly hideTitle?: boolean | undefined;
+        }, import("../../../../actions/schema.js").RegistryItemValue | {
+            readonly id: string;
+            readonly title: readonly [{
+                readonly locale: "zh";
+                readonly message: string;
+            }, ...{
+                readonly locale: "en" | "ja" | "ko";
+                readonly message: string;
+            }[]];
+            readonly groupId: string;
+            readonly disabled?: string | undefined;
+            readonly icon?: string | undefined;
+            readonly hidden?: string | undefined;
+            readonly tooltip?: readonly [{
+                readonly locale: "zh";
+                readonly message: string;
+            }, ...{
+                readonly locale: "en" | "ja" | "ko";
+                readonly message: string;
+            }[]] | undefined;
+            readonly variant?: "default" | "link" | "destructive" | "primary" | "ghost" | undefined;
+            readonly action?: any;
+            readonly hideTitle?: boolean | undefined;
+        } | {
+            readonly id: string;
+            readonly title: readonly [{
+                readonly locale: "zh";
+                readonly message: string;
+            }, ...{
+                readonly locale: "en" | "ja" | "ko";
+                readonly message: string;
+            }[]];
+            readonly items: readonly (import("../../../../actions/schema.js").RegistrySubItemValue | {
+                readonly id: string;
+                readonly title: readonly [{
+                    readonly locale: "zh";
+                    readonly message: string;
+                }, ...{
+                    readonly locale: "en" | "ja" | "ko";
+                    readonly message: string;
+                }[]];
+                readonly disabled?: string | undefined;
+                readonly icon?: string | undefined;
+                readonly hidden?: string | undefined;
+                readonly tooltip?: readonly [{
+                    readonly locale: "zh";
+                    readonly message: string;
+                }, ...{
+                    readonly locale: "en" | "ja" | "ko";
+                    readonly message: string;
+                }[]] | undefined;
+                readonly variant?: "default" | "link" | "destructive" | "primary" | "ghost" | undefined;
+                readonly action?: any;
+            })[];
+            readonly groupId: string;
+            readonly icon?: string | undefined;
+            readonly hideTitle?: boolean | undefined;
+        }, never>>;
+        kind: Schema.tag<"shwfed.component.action">;
+    }>;
+}>;
+export type Value = Schema.Schema.Type<ReturnType<typeof schema>>;
+export declare function defaultBody(): Record<string, unknown>;
+export {};

package/dist/runtime/components/config/blocks/2026-06-17/com.shwfed.block.tree.single/schema.js

@@ -0,0 +1,130 @@
+import { Schema } from "effect";
+import { Expression, LocaleMarkdown } from "../../../../../share/expression.js";
+import { registerNodeVariableIfAbsent } from "../../../../../share/tree-node-var.js";
+import { ActionsConfig, defaultActionsConfig } from "../../../../actions/schema.js";
+import { DataSource } from "../../../../table/schema.js";
+import { Locale } from "../../../../../share/locale.js";
+export const type = "com.shwfed.block.tree.single";
+export const compatibilityDate = "2026-06-17";
+export const metadata = {
+  name: "\u6811\uFF08\u5355\u9009\uFF09",
+  icon: "fluent:tree-evergreen-20-regular",
+  w: { initial: 12, min: 6, max: Infinity },
+  // `grow: true`: the tree's height is content-driven (nodes expand/collapse),
+  // so its row escapes the grid's `1fr` equal-share (bare `auto`) and the tree
+  // grows top-anchored — expanding a node reveals children below instead of
+  // repositioning the whole block inside an oversized track. See
+  // `config/utils/resolve.ts` `BlockSizeRange.grow`.
+  h: { initial: 12, min: 4, max: Infinity, grow: true },
+  // Capability manifest — the operations this block exposes to op-requests
+  // bubbled up from its descendants (a per-node action button). Both are
+  // param-less, mirroring the table's atomic ops: `refresh` re-runs the
+  // DataSource fetch (like the table's `search`); `clear-selection` drops the
+  // picked node (like the table's `clear-selection`), which also clears the
+  // published `selections` entry once the resolved node falls away.
+  operations: [
+    { id: "refresh", name: "\u5237\u65B0", icon: "fluent:arrow-sync-20-regular" },
+    { id: "clear-selection", name: "\u6E05\u7A7A\u9009\u4E2D", icon: "fluent:select-all-off-20-regular" }
+  ]
+};
+export function schema(configure, _blockRef) {
+  const nodeConfigure = (env) => {
+    configure(env);
+    registerNodeVariableIfAbsent(env);
+  };
+  const CelNodeKey = Expression({
+    configure: nodeConfigure,
+    resultType: (t) => t === "string" || t === "number" || t === "dyn"
+  });
+  const CelNodeChildren = Expression({
+    configure: nodeConfigure,
+    // Accept lists, optional lists, and `dyn` — CEL infers an empty literal
+    // such as `[]` as `list<dyn>`; a configured expression like
+    // `has(node.kids) ? node.kids : null` lands on `dyn`. Mirrors the table's
+    // `data` expression.
+    resultType: (t) => t === "dyn" || t.startsWith("list") || t.startsWith("optional")
+  });
+  const CelNodeBool = Expression({ configure: nodeConfigure, resultType: "bool" });
+  const NodeLocaleMd = LocaleMarkdown({ configure: nodeConfigure });
+  const CelKeywords = Expression({
+    configure: nodeConfigure,
+    resultType: (t) => t === "dyn" || t.startsWith("list") || t.startsWith("optional")
+  });
+  const CelStyle = Expression({
+    configure,
+    resultType: (t) => t === "string" || t === "dyn" || t.startsWith("map") || t.startsWith("optional")
+  });
+  return Schema.Struct({
+    id: Schema.UUID.annotations({ description: "\u5757\u552F\u4E00\u6807\u8BC6" }),
+    type: Schema.tag(type),
+    compatibilityDate: Schema.tag(compatibilityDate),
+    style: Schema.optional(CelStyle).annotations({
+      title: "\u6837\u5F0F",
+      description: "\u8FD4\u56DE\u5E94\u7528\u5728\u6811\u5757\u6839\u5143\u7D20\u4E0A\u7684\u6837\u5F0F\u7684 CEL \u8868\u8FBE\u5F0F\uFF0C\u53EF\u8FD4\u56DE CSS \u5B57\u7B26\u4E32\uFF08\u5982 `'max-height: 24rem'`\uFF09\u6216\u6837\u5F0F\u5BF9\u8C61\uFF08\u5982 `{'max-height': '24rem'}`\uFF09\uFF1B\u5E38\u7528\u4E8E\u9650\u5236\u9AD8\u5EA6\uFF0C\u8D85\u51FA\u90E8\u5206\u6811\u4F53\u81EA\u52A8\u6EDA\u52A8\u3002\u7559\u7A7A\u5219\u4E0D\u8BBE\u989D\u5916\u6837\u5F0F"
+    }),
+    dataSource: DataSource(configure).annotations({
+      title: "\u6570\u636E\u6E90",
+      description: "\u8FD4\u56DE\u5B8C\u6574\u6811\uFF08\u6839\u8282\u70B9\u5217\u8868\uFF09\u7684\u6570\u636E\u6E90\uFF1B\u6811\u901A\u8FC7 `\u8282\u70B9\u5B50\u7EA7` \u8868\u8FBE\u5F0F\u9010\u5C42\u5411\u4E0B\u8BFB\u53D6\u5B50\u7EA7"
+    }),
+    nodeKey: CelNodeKey.annotations({
+      title: "\u8282\u70B9 ID",
+      description: "\u4E3A\u6BCF\u4E2A\u8282\u70B9\u8BA1\u7B97\u7A33\u5B9A\u552F\u4E00 ID \u7684 CEL \u8868\u8FBE\u5F0F\uFF0C\u53EF\u8BBF\u95EE `node`\uFF1B\u8FD0\u884C\u65F6\u4EE5\u5B57\u7B26\u4E32\u5F62\u5F0F\u5B58\u50A8"
+    }),
+    nodeChildren: CelNodeChildren.annotations({
+      title: "\u8282\u70B9\u5B50\u7EA7",
+      description: "\u8FD4\u56DE\u5F53\u524D\u8282\u70B9\u7684\u5B50\u7EA7\u5217\u8868\u7684 CEL \u8868\u8FBE\u5F0F\uFF1B\u8FD4\u56DE `none` / `null` \u89C6\u4E3A\u53F6\u5B50\u8282\u70B9"
+    }),
+    nodeLabel: NodeLocaleMd.annotations({
+      title: "\u8282\u70B9\u6807\u7B7E",
+      description: "\u8282\u70B9\u5C55\u793A\u7684\u672C\u5730\u5316\u6587\u672C\uFF0C\u652F\u6301 Markdown \u4E0E `{{ node.foo }}` \u63D2\u503C"
+    }),
+    nodeTooltip: Schema.optional(NodeLocaleMd.annotations({
+      title: "\u8282\u70B9\u63D0\u793A",
+      description: "\u9F20\u6807\u60AC\u505C\u5728\u8282\u70B9\u4E0A\u65F6\u5C55\u793A\u7684\u672C\u5730\u5316\u63D0\u793A\uFF0C\u652F\u6301 Markdown \u4E0E\u63D2\u503C"
+    })),
+    nodeSelectable: Schema.optional(CelNodeBool.annotations({
+      title: "\u8282\u70B9\u53EF\u9009\u6761\u4EF6",
+      description: "\u8FD4\u56DE `true` \u8868\u793A\u8BE5\u8282\u70B9\u53EF\u88AB\u9009\u62E9"
+    })),
+    expandAll: Schema.optionalWith(Schema.Boolean, { default: () => false }).annotations({
+      title: "\u9ED8\u8BA4\u5168\u90E8\u5C55\u5F00",
+      description: "\u5F00\u542F\u540E\u6302\u8F7D\u65F6\u5C55\u5F00\u6240\u6709\u975E\u53F6\u5B50\u8282\u70B9"
+    }),
+    filter: Schema.optional(Schema.Struct({
+      enabled: Schema.Boolean.annotations({ title: "\u542F\u7528", description: "\u662F\u5426\u5728\u6811\u4E0A\u65B9\u663E\u793A\u641C\u7D22\u8F93\u5165\u6846" }),
+      label: Schema.optional(Locale.annotations({
+        title: "\u6807\u7B7E",
+        description: "\u641C\u7D22\u8F93\u5165\u6846\u7684\u6D6E\u52A8\u6807\u7B7E\uFF1B\u7559\u7A7A\u5219\u4F7F\u7528\u9ED8\u8BA4\u503C\u300C\u641C\u7D22\u300D"
+      })),
+      keywords: Schema.optional(CelKeywords.annotations({
+        title: "\u989D\u5916\u5173\u952E\u8BCD",
+        description: "\u8FD4\u56DE\u5B57\u7B26\u4E32\u5217\u8868\u7684 CEL \u8868\u8FBE\u5F0F\uFF0C\u53EF\u8BBF\u95EE `node`\uFF1B\u5339\u914D\u89C4\u5219\u4E3A\u300C\u8282\u70B9\u6807\u7B7E \u6216 \u4EFB\u4E00\u5173\u952E\u8BCD\u300D\u5305\u542B\u641C\u7D22\u8BCD\uFF08\u4E0D\u533A\u5206\u5927\u5C0F\u5199\uFF09"
+      }))
+    }).annotations({
+      title: "\u8FC7\u6EE4",
+      description: "\u5BA2\u6237\u7AEF\u8FC7\u6EE4\uFF1B\u8FC7\u6EE4\u4E0D\u4F1A\u5F71\u54CD\u5DF2\u9009\u4E2D\u7684\u8282\u70B9 ID"
+    })),
+    // Per-node actions, revealed on hover. The full Actions config nested
+    // under one key — button conditions / expressions evaluate against the
+    // hovered `node` (and nothing else beyond the ambient page context).
+    nodeActions: ActionsConfig(nodeConfigure).annotations({
+      title: "\u8282\u70B9\u64CD\u4F5C",
+      description: "\u6BCF\u4E2A\u8282\u70B9\u53F3\u4FA7\u3001\u9F20\u6807\u60AC\u505C\u65F6\u663E\u793A\u7684\u64CD\u4F5C\u6309\u94AE\uFF1B\u6309\u94AE\u8868\u8FBE\u5F0F\u53EF\u8BBF\u95EE `node`"
+    })
+  }).annotations({
+    title: "TreeSingleBlock",
+    description: "\u57FA\u4E8E\u6811\u5F62\u6570\u636E\u7684\u5355\u9009\u5BFC\u822A\u5757"
+  });
+}
+export function defaultBody() {
+  return {
+    dataSource: { data: "[]" },
+    nodeKey: "string(node.id)",
+    nodeChildren: "has(node.children) ? node.children : null",
+    nodeLabel: [{ locale: "zh", message: "{{ node.label }}" }],
+    expandAll: false,
+    // Per-node actions default to the small button size — a tree row is a
+    // tight surface, unlike a standalone Actions block.
+    nodeActions: { ...defaultActionsConfig(), size: "sm" }
+  };
+}

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

@@ -12,6 +12,22 @@ export type BlockSizeRange = Readonly<{
     initial: number;
     min: number;
     max: number;
+    /**
+     * When true on the height axis, the block's row tracks switch from the
+     * default `minmax(auto, 1fr)` to a bare `auto` in `slot-renderer.vue`, so the
+     * block escapes the grid's `1fr` equal-share and follows its own intrinsic
+     * height. Honored only on `h`. Identical mechanism to the form's
+     * `FieldSizeRange.grow` (see `FormUnitRenderer`).
+     *
+     * Use for blocks with dynamic, content-driven height (tree, table). Without
+     * it, such a block sits inside a `1fr`-sized track — usually taller than its
+     * collapsed content — and visibly *repositions* (floats / re-centers) as the
+     * content grows. The bare `auto` makes the track exactly the block's height,
+     * so the block is top-anchored and grows straight down ("expanding, not
+     * moving"), and its growth no longer redistributes the slot's slack across
+     * sibling blocks.
+     */
+    grow?: boolean;
 }>;
 export type BlockMetadata = Readonly<{
     name: string;

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

@@ -50,6 +50,73 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly warning?: boolean | undefined;
             readonly when: string;
         }[] | undefined;
+        readonly addon?: {
+            readonly size: "default" | "sm" | "xs";
+            readonly style?: string | undefined;
+            readonly gap: number;
+            readonly items: readonly (import("../../../../actions/schema.js").RegistryItemValue | {
+                readonly disabled?: string | undefined;
+                readonly id: string;
+                readonly title: readonly [{
+                    readonly locale: "zh";
+                    readonly message: string;
+                }, ...{
+                    readonly locale: "en" | "ja" | "ko";
+                    readonly message: string;
+                }[]];
+                readonly icon?: string | undefined;
+                readonly hidden?: string | undefined;
+                readonly tooltip?: readonly [{
+                    readonly locale: "zh";
+                    readonly message: string;
+                }, ...{
+                    readonly locale: "en" | "ja" | "ko";
+                    readonly message: string;
+                }[]] | undefined;
+                readonly variant?: "default" | "link" | "destructive" | "primary" | "ghost" | undefined;
+                readonly action?: any;
+                readonly groupId: string;
+                readonly hideTitle?: boolean | undefined;
+            } | {
+                readonly id: string;
+                readonly title: readonly [{
+                    readonly locale: "zh";
+                    readonly message: string;
+                }, ...{
+                    readonly locale: "en" | "ja" | "ko";
+                    readonly message: string;
+                }[]];
+                readonly icon?: string | undefined;
+                readonly items: readonly (import("../../../../actions/schema.js").RegistrySubItemValue | {
+                    readonly disabled?: string | undefined;
+                    readonly id: string;
+                    readonly title: readonly [{
+                        readonly locale: "zh";
+                        readonly message: string;
+                    }, ...{
+                        readonly locale: "en" | "ja" | "ko";
+                        readonly message: string;
+                    }[]];
+                    readonly icon?: string | undefined;
+                    readonly hidden?: string | undefined;
+                    readonly tooltip?: readonly [{
+                        readonly locale: "zh";
+                        readonly message: string;
+                    }, ...{
+                        readonly locale: "en" | "ja" | "ko";
+                        readonly message: string;
+                    }[]] | undefined;
+                    readonly variant?: "default" | "link" | "destructive" | "primary" | "ghost" | undefined;
+                    readonly action?: any;
+                })[];
+                readonly groupId: string;
+                readonly hideTitle?: boolean | undefined;
+            })[];
+            readonly groups: readonly {
+                readonly id: string;
+                readonly variant?: "default" | "link" | "destructive" | "primary" | "ghost" | undefined;
+            }[];
+        } | undefined;
     }) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_ModelProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: {
@@ -99,6 +166,73 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly warning?: boolean | undefined;
             readonly when: string;
         }[] | undefined;
+        readonly addon?: {
+            readonly size: "default" | "sm" | "xs";
+            readonly style?: string | undefined;
+            readonly gap: number;
+            readonly items: readonly (import("../../../../actions/schema.js").RegistryItemValue | {
+                readonly disabled?: string | undefined;
+                readonly id: string;
+                readonly title: readonly [{
+                    readonly locale: "zh";
+                    readonly message: string;
+                }, ...{
+                    readonly locale: "en" | "ja" | "ko";
+                    readonly message: string;
+                }[]];
+                readonly icon?: string | undefined;
+                readonly hidden?: string | undefined;
+                readonly tooltip?: readonly [{
+                    readonly locale: "zh";
+                    readonly message: string;
+                }, ...{
+                    readonly locale: "en" | "ja" | "ko";
+                    readonly message: string;
+                }[]] | undefined;
+                readonly variant?: "default" | "link" | "destructive" | "primary" | "ghost" | undefined;
+                readonly action?: any;
+                readonly groupId: string;
+                readonly hideTitle?: boolean | undefined;
+            } | {
+                readonly id: string;
+                readonly title: readonly [{
+                    readonly locale: "zh";
+                    readonly message: string;
+                }, ...{
+                    readonly locale: "en" | "ja" | "ko";
+                    readonly message: string;
+                }[]];
+                readonly icon?: string | undefined;
+                readonly items: readonly (import("../../../../actions/schema.js").RegistrySubItemValue | {
+                    readonly disabled?: string | undefined;
+                    readonly id: string;
+                    readonly title: readonly [{
+                        readonly locale: "zh";
+                        readonly message: string;
+                    }, ...{
+                        readonly locale: "en" | "ja" | "ko";
+                        readonly message: string;
+                    }[]];
+                    readonly icon?: string | undefined;
+                    readonly hidden?: string | undefined;
+                    readonly tooltip?: readonly [{
+                        readonly locale: "zh";
+                        readonly message: string;
+                    }, ...{
+                        readonly locale: "en" | "ja" | "ko";
+                        readonly message: string;
+                    }[]] | undefined;
+                    readonly variant?: "default" | "link" | "destructive" | "primary" | "ghost" | undefined;
+                    readonly action?: any;
+                })[];
+                readonly groupId: string;
+                readonly hideTitle?: boolean | undefined;
+            })[];
+            readonly groups: readonly {
+                readonly id: string;
+                readonly variant?: "default" | "link" | "destructive" | "primary" | "ghost" | undefined;
+            }[];
+        } | 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

@@ -1,12 +1,15 @@
 <script setup>
-import { computed } from "vue";
+import { computed, inject, onBeforeUnmount, ref, watch } from "vue";
+import { Icon } from "@iconify/vue";
 import { Field, FieldLabel } from "../../../../ui/field";
+import { Button } from "../../../../ui/button";
 import { ExpressionEditor } from "../../../../ui/expression-editor";
 import DerivedValueEditor from "../../../DerivedValueEditor.vue";
 import ValidationRulesField from "../../../ValidationRulesField.vue";
 import { InputGroup, InputGroupInput } from "../../../../ui/input-group";
 import { Locale as LocaleField } from "../../../../ui/locale";
 import { Markdown } from "../../../../ui/markdown";
+import ActionsConfigEditor from "../../../../actions/config.vue";
 import {
   Select,
   SelectContent,
@@ -15,6 +18,8 @@ import {
   SelectValue
 } from "../../../../ui/select";
 import { getStructFieldDescription, getStructFieldTitle } from "../../../schema";
+import { FORM_FIELD_LAYOUT_KEY } from "../../../field-layout";
+import { BREADCRUMB_EXTENSION_KEY } from "../../../../config/breadcrumb-extension";
 import { DEFAULT_FIELD_ORIENTATION, FIELD_ORIENTATION_OPTIONS } from "../../../utils/common";
 import { schema } from "./schema";
 defineOptions({ name: "ShwfedTextFieldConfig" });
@@ -23,6 +28,47 @@ const fieldSchema = schema(() => {
 });
 const fieldTitle = (f) => getStructFieldTitle(fieldSchema, f) ?? f;
 const fieldDescription = (f) => getStructFieldDescription(fieldSchema, f);
+const layout = inject(FORM_FIELD_LAYOUT_KEY, null);
+const breadcrumbExt = inject(BREADCRUMB_EXTENSION_KEY, null);
+const editingAddon = ref(false);
+function closeAddon() {
+  editingAddon.value = false;
+}
+const addonCrumb = breadcrumbExt?.add();
+watch(editingAddon, (on) => {
+  if (layout) layout.fullPane.value = on;
+  if (addonCrumb) {
+    addonCrumb.label.value = on ? "\u8F93\u5165\u6846\u5185\u6309\u94AE" : null;
+    addonCrumb.back.value = on ? closeAddon : null;
+  }
+});
+onBeforeUnmount(() => {
+  if (layout) layout.fullPane.value = false;
+  addonCrumb?.dispose();
+});
+const addonItemCount = computed(() => value.value.addon?.items.length ?? 0);
+const addonValue = computed({
+  get: () => ({
+    kind: "shwfed.component.action",
+    size: value.value.addon?.size ?? "xs",
+    gap: value.value.addon?.gap ?? 4,
+    style: value.value.addon?.style,
+    groups: value.value.addon?.groups ?? [],
+    items: value.value.addon?.items ?? []
+  }),
+  set: (next) => {
+    const { size, gap, style, groups, items } = next;
+    if (groups.length === 0 && items.length === 0) {
+      const { addon: _omit, ...rest } = value.value;
+      value.value = rest;
+      return;
+    }
+    value.value = {
+      ...value.value,
+      addon: { size, gap, groups, items, ...style === void 0 ? {} : { style } }
+    };
+  }
+});
 const pathText = computed({
   get: () => value.value.binding ?? "",
   set: (next) => {
@@ -38,7 +84,16 @@ const pathText = computed({
 </script>
 
 <template>
-  <div class="flex flex-col gap-3">
+  <ActionsConfigEditor
+    v-if="editingAddon"
+    v-model="addonValue"
+    hide-size
+  />
+
+  <div
+    v-else
+    class="flex flex-col gap-3"
+  >
     <div class="grid grid-cols-2 gap-3">
       <Field orientation="vertical">
         <FieldLabel class="text-xs text-zinc-500">
@@ -302,5 +357,26 @@ const pathText = computed({
         @update:model-value="(v) => value = { ...value, validations: v.length > 0 ? v : void 0 }"
       />
     </Field>
+
+    <Field orientation="vertical">
+      <FieldLabel class="text-xs text-zinc-500">
+        <template #tooltip>
+          <Markdown
+            :source="fieldDescription('addon')"
+            block
+            class="prose prose-sm prose-zinc"
+          />
+        </template>
+        {{ fieldTitle("addon") }}
+      </FieldLabel>
+      <Button
+        type="button"
+        class="w-full justify-center"
+        @click="editingAddon = true"
+      >
+        <Icon icon="fluent:add-20-regular" />
+        <span>{{ addonItemCount > 0 ? "\u914D\u7F6E\u6309\u94AE" : "\u6DFB\u52A0\u6309\u94AE" }}</span>
+      </Button>
+    </Field>
   </div>
 </template>