@shwfed/config 3.0.3 → 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-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>

package/dist/runtime/components/form/fields/2026-07-13/com.shwfed.form.field.dynamic/config.vue.d.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/expand.d.ts

@@ -0,0 +1,49 @@
+import { type Value } from './schema.js';
+import type { FieldValue, FormUnitValue } from '../../../schema.js';
+import type { LayoutSetValue } from '../../../../../share/layout.js';
+export declare const LAYOUT_NAME = "\u52A8\u6001\u5B57\u6BB5";
+/**
+ * Looks up a pinned leaf's creation-time `defaults()` seed by
+ * `(type, compatibilityDate)` — the registry knowledge the expansion needs for
+ * picker parity, injected so this file stays registry-free (the runtime passes
+ * a `findField`-backed lookup, tests inject stubs).
+ */
+export type DefaultsLookup = (type: string, compatibilityDate: string) => Record<string, unknown> | undefined;
+/** One initial-value seed: written at `binding` iff that path is currently undefined. */
+export type DynFieldSeed = Readonly<{
+    binding: string;
+    value: unknown;
+}>;
+export type ExpandResult = Readonly<{
+    fields: FieldValue[];
+    /** Exactly one synthesized layout — `FormUnitRenderer` requires ≥ 1. */
+    layouts: [LayoutSetValue];
+    seeds: DynFieldSeed[];
+    /** How many list elements were dropped (malformed / duplicate / optionless). */
+    dropped: number;
+    /** Total elements the transform returned (for the dev aggregate warning). */
+    total: number;
+}>;
+/**
+ * Expand a fetched descriptor list into a synthesized form unit.
+ *
+ * Failure handling (partial-drop, loud — mirrors dyn cols):
+ *   1. `transform` throwing / a non-list result → handled by the caller
+ *      (runtime.vue) for the throw; a non-list reaching here yields zero fields
+ *      + one warn.
+ *   2. per-element decode failure / duplicate `binding` within the block /
+ *      choice-kind without `options` → drop that element alone, warn with the
+ *      reason + binding; a dev aggregate count is emitted at the end.
+ *   3. a child field's own runtime failure is contained per-field by the form's
+ *      normal rendering — not here.
+ *
+ * Ordering is transform-output order. Every child occupies exactly one 1×1
+ * grid cell, so `columns` literally means "fields per row" — the semantics the
+ * config editor promises. Registry `w.initial` / `h.initial` are deliberately
+ * NOT consulted: those step units are calibrated against fine-grained authored
+ * grids (text = 8, daterange = 10), so any span math over them collapses to
+ * one-field-per-row at realistic block column counts.
+ */
+export declare function expandDynFields(rawList: unknown, block: Value, defaultsOf: DefaultsLookup): ExpandResult;
+/** An empty inner unit for first paint, before the fetch lands. */
+export declare function emptyUnit(block: Value): FormUnitValue;

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

@@ -0,0 +1,87 @@
+import { Either, Schema } from "effect";
+import { CHOICE_KINDS, DynFieldDescriptor, KIND_TO_FIELD } from "./schema.js";
+export const LAYOUT_NAME = "\u52A8\u6001\u5B57\u6BB5";
+function wrapLocale(text) {
+  return [{ locale: "zh", message: text }];
+}
+const decodeDescriptor = Schema.decodeUnknownEither(DynFieldDescriptor);
+function buildChild(d, block, defaultsOf) {
+  const pin = KIND_TO_FIELD[d.kind];
+  const id = `${block.id}::${d.binding}`;
+  const field = {
+    ...defaultsOf(pin.type, pin.compatibilityDate),
+    id,
+    type: pin.type,
+    compatibilityDate: pin.compatibilityDate,
+    binding: d.binding,
+    label: wrapLocale(d.label)
+  };
+  if (d.required) field.required = "true";
+  if (block.orientation) field.orientation = block.orientation;
+  if (CHOICE_KINDS.has(d.kind)) {
+    if (!d.options || d.options.length === 0) {
+      console.warn("[shwfed-form] dropped choice-kind dynamic field without options", d.binding);
+      return null;
+    }
+    const items = d.options.map((opt, i) => ({
+      id: `${id}::opt::${i}`,
+      label: wrapLocale(String(opt.label)),
+      value: typeof opt.value === "number" ? { kind: "number", value: opt.value } : { kind: "text", value: opt.value }
+    }));
+    field.options = { kind: "static", items };
+  }
+  const seed = d.default !== void 0 ? { binding: d.binding, value: d.default } : void 0;
+  return { field, seed };
+}
+export function expandDynFields(rawList, block, defaultsOf) {
+  const columns = block.columns && block.columns > 0 ? Math.floor(block.columns) : 1;
+  const emptyLayouts = () => [{ name: LAYOUT_NAME, layout: { columns, placements: {} } }];
+  if (!Array.isArray(rawList)) {
+    console.warn("[shwfed-form] dynamic fields transform did not return a list", rawList);
+    return { fields: [], layouts: emptyLayouts(), seeds: [], dropped: 0, total: 0 };
+  }
+  const fields = [];
+  const seeds = [];
+  const placements = {};
+  const seenBindings = /* @__PURE__ */ new Set();
+  let dropped = 0;
+  let x = 1;
+  let y = 1;
+  for (const element of rawList) {
+    const decoded = decodeDescriptor(element);
+    if (Either.isLeft(decoded)) {
+      dropped++;
+      console.warn("[shwfed-form] dropped invalid dynamic field descriptor", element);
+      continue;
+    }
+    const d = decoded.right;
+    if (seenBindings.has(d.binding)) {
+      dropped++;
+      console.warn("[shwfed-form] dropped duplicate dynamic field binding", d.binding);
+      continue;
+    }
+    const built = buildChild(d, block, defaultsOf);
+    if (!built) {
+      dropped++;
+      continue;
+    }
+    seenBindings.add(d.binding);
+    fields.push(built.field);
+    if (built.seed) seeds.push(built.seed);
+    placements[built.field.id] = { area: [[x, y], [x + 1, y + 1]] };
+    x++;
+    if (x > columns) {
+      x = 1;
+      y++;
+    }
+  }
+  if (dropped > 0) {
+    console.warn(`[shwfed-form] ${dropped} of ${rawList.length} dynamic fields dropped`);
+  }
+  const layout = { name: LAYOUT_NAME, layout: { columns, placements } };
+  return { fields, layouts: [layout], seeds, dropped, total: rawList.length };
+}
+export function emptyUnit(block) {
+  const columns = block.columns && block.columns > 0 ? Math.floor(block.columns) : 1;
+  return { fields: [], layouts: [{ name: LAYOUT_NAME, layout: { columns, placements: {} } }] };
+}

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

@@ -0,0 +1,8 @@
+import type { Value } from './schema.js';
+type __VLS_Props = {
+    fieldId: string;
+    config: Value;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, 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/runtime.vue

@@ -0,0 +1,72 @@
+<script setup>
+import { Effect, Option } from "effect";
+import { Fetch } from "fx-fetch";
+import { onMounted, shallowRef } from "vue";
+import { cel as _rawCel } from "../../../../../utils/cel";
+import { celBindings, injectCELContext } from "../../../../../utils/cel-context";
+import { fetchJsonOption } from "../../../../../share/request";
+import FormUnitRenderer from "../../../FormUnitRenderer.vue";
+import { findField } from "../../../utils/resolve";
+import { useDerivedQuiescence } from "../../../utils/derived";
+import { useFormState } from "../../../utils/state";
+import { emptyUnit, expandDynFields } from "./expand";
+defineOptions({ name: "ShwfedDynamicFieldRuntime" });
+const props = defineProps({
+  fieldId: { type: String, required: true },
+  config: { type: null, required: true }
+});
+const inherited = injectCELContext();
+const $cel = (expression, context) => _rawCel(expression, { ...celBindings(inherited), ...context });
+const formState = useFormState();
+const quiescence = useDerivedQuiescence();
+const unit = shallowRef(emptyUnit(props.config));
+const defaultsOf = (type, compatibilityDate) => findField(type, compatibilityDate)?.defaults?.();
+async function loadDescriptors() {
+  quiescence.begin();
+  try {
+    const transform = props.config.transform;
+    if (!transform || transform.trim().length === 0) return;
+    const program = Effect.gen(function* () {
+      let json = Option.none();
+      const request = props.config.request;
+      if (request && request.trim().length > 0) {
+        json = yield* fetchJsonOption(yield* $cel(request));
+      }
+      return yield* $cel(transform, { json });
+    });
+    let list;
+    try {
+      list = await Effect.runPromise(Effect.provide(program, Fetch.layer));
+    } catch (err) {
+      console.warn(`[shwfed-form] dynamic fields ${props.fieldId}: request/transform failed`, err);
+      unit.value = emptyUnit(props.config);
+      return;
+    }
+    const result = expandDynFields(list, props.config, defaultsOf);
+    for (const { binding, value } of result.seeds) {
+      if (formState.getAt(binding) === void 0) formState.setAtSilent(binding, value);
+    }
+    unit.value = { fields: result.fields, layouts: result.layouts };
+  } finally {
+    quiescence.end();
+  }
+}
+onMounted(() => {
+  void loadDescriptors();
+});
+function evaluateMedia(expression) {
+  return Effect.runSync($cel(expression));
+}
+</script>
+
+<template>
+  <div
+    data-slot="dynamic-fields"
+    class="min-w-0"
+  >
+    <FormUnitRenderer
+      :unit="unit"
+      :evaluate-media="evaluateMedia"
+    />
+  </div>
+</template>

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

@@ -0,0 +1,8 @@
+import type { Value } from './schema.js';
+type __VLS_Props = {
+    fieldId: string;
+    config: Value;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;