@shwfed/config 1.1.5 → 2.0.1

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

@@ -0,0 +1,77 @@
+<script setup>
+import { Icon } from "@iconify/vue";
+import { computed, ref, watch } from "vue";
+import {
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuTrigger
+} from "../ui/dropdown-menu";
+import { ExpressionEditor } from "../ui/expression-editor";
+import { InputGroupButton } from "../ui/input-group";
+import { DERIVED_MODE_LABELS, DERIVED_MODES } from "./utils/common";
+defineOptions({ name: "ShwfedDerivedValueEditor" });
+const props = defineProps({
+  modelValue: { type: Object, required: false },
+  resultType: { type: [String, Array], required: false },
+  placeholder: { type: String, required: false }
+});
+const emit = defineEmits(["update:modelValue"]);
+const MODE_ICONS = {
+  formula: "fluent:calculator-20-regular",
+  prefill: "fluent:sparkle-20-regular"
+};
+const mode = ref(props.modelValue?.mode ?? "formula");
+watch(() => props.modelValue?.mode, (m) => {
+  if (m) mode.value = m;
+});
+const expression = computed(() => props.modelValue?.expression ?? "");
+function emitValue(nextMode, nextExpression) {
+  emit("update:modelValue", nextExpression.length > 0 ? { mode: nextMode, expression: nextExpression } : void 0);
+}
+function onExpression(next) {
+  emitValue(mode.value, next);
+}
+function selectMode(next) {
+  mode.value = next;
+  emitValue(next, expression.value);
+}
+</script>
+
+<template>
+  <ExpressionEditor
+    :model-value="expression"
+    :result-type="resultType"
+    :placeholder="placeholder"
+    class="min-h-10"
+    @update:model-value="onExpression"
+  >
+    <template #leading>
+      <DropdownMenu>
+        <DropdownMenuTrigger as-child>
+          <InputGroupButton
+            size="xs"
+            class="gap-1 text-zinc-600"
+          >
+            <Icon :icon="MODE_ICONS[mode]" />
+            {{ DERIVED_MODE_LABELS[mode] }}
+            <Icon
+              icon="fluent:chevron-down-20-regular"
+              class="text-zinc-400"
+            />
+          </InputGroupButton>
+        </DropdownMenuTrigger>
+        <DropdownMenuContent align="start">
+          <DropdownMenuItem
+            v-for="m in DERIVED_MODES"
+            :key="m"
+            @select="selectMode(m)"
+          >
+            <Icon :icon="MODE_ICONS[m]" />
+            {{ DERIVED_MODE_LABELS[m] }}
+          </DropdownMenuItem>
+        </DropdownMenuContent>
+      </DropdownMenu>
+    </template>
+  </ExpressionEditor>
+</template>

package/dist/runtime/components/form/DerivedValueEditor.vue.d.ts

@@ -0,0 +1,19 @@
+import { type DerivedMode } from './utils/common.js';
+type DerivedConfig = {
+    mode: DerivedMode;
+    expression: string;
+};
+type __VLS_Props = {
+    /** The field's current `derived` config, or `undefined` when it has none. */
+    modelValue?: DerivedConfig;
+    /** Constrains the expression's CEL return type — the field's value type. */
+    resultType?: string | string[];
+    placeholder?: string;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: DerivedConfig | undefined) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: DerivedConfig | undefined) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -3,7 +3,7 @@ import { computed, ref } from "vue";
 import { Environment } from "../../vendor/cel-js/lib/index";
 import {
   provideCELContext
-} from "../../plugins/cel/context";
+} from "../../utils/cel-context";
 import { ExpressionEditor } from "../ui/expression-editor";
 import { Field, FieldLabel } from "../ui/field";
 import { Markdown } from "../ui/markdown";
@@ -74,6 +74,15 @@ function updateInitial(value) {
     config.value = { ...next, initial: value };
   }
 }
+function updateReadonly(value) {
+  const next = { ...config.value };
+  if (value.trim() === "") {
+    const { readonly: _omit, ...rest } = next;
+    config.value = rest;
+  } else {
+    config.value = { ...next, readonly: value };
+  }
+}
 </script>
 
 <template>
@@ -83,29 +92,54 @@ function updateInitial(value) {
     :extras="EXTRAS"
   >
     <template #extras-pane>
-      <Field orientation="vertical">
-        <FieldLabel class="text-xs text-zinc-500">
-          <template
-            v-if="generalFieldDescription('initial')"
-            #tooltip
-          >
-            <Markdown
-              :source="generalFieldDescription('initial')"
-              block
-              class="prose prose-sm prose-zinc"
-            />
-          </template>
-          {{ generalFieldTitle("initial") }}
-        </FieldLabel>
-        <ExpressionEditor
-          :model-value="config.initial ?? ''"
-          placeholder="如 { 'name': '', 'age': 0 }"
-          result-type="dyn"
-          multiline
-          class="min-h-20"
-          @update:model-value="updateInitial"
-        />
-      </Field>
+      <div class="flex flex-col gap-4">
+        <Field orientation="vertical">
+          <FieldLabel class="text-xs text-zinc-500">
+            <template
+              v-if="generalFieldDescription('initial')"
+              #tooltip
+            >
+              <Markdown
+                :source="generalFieldDescription('initial')"
+                block
+                class="prose prose-sm prose-zinc"
+              />
+            </template>
+            {{ generalFieldTitle("initial") }}
+          </FieldLabel>
+          <ExpressionEditor
+            :model-value="config.initial ?? ''"
+            placeholder="如 { 'name': '', 'age': 0 }"
+            result-type="dyn"
+            multiline
+            class="min-h-20"
+            @update:model-value="updateInitial"
+          />
+        </Field>
+
+        <Field orientation="vertical">
+          <FieldLabel class="text-xs text-zinc-500">
+            <template
+              v-if="generalFieldDescription('readonly')"
+              #tooltip
+            >
+              <Markdown
+                :source="generalFieldDescription('readonly')"
+                block
+                class="prose prose-sm prose-zinc"
+              />
+            </template>
+            {{ generalFieldTitle("readonly") }}
+          </FieldLabel>
+          <ExpressionEditor
+            :model-value="config.readonly ?? ''"
+            placeholder="例：form.status == 'submitted'"
+            result-type="bool"
+            class="min-h-10"
+            @update:model-value="updateReadonly"
+          />
+        </Field>
+      </div>
     </template>
   </ShwfedFormUnitConfig>
 </template>

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

@@ -34,6 +34,10 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
         }[]] | undefined;
         readonly readonly?: string | undefined;
         readonly binding?: string | undefined;
+        readonly derived?: {
+            readonly mode: "formula" | "prefill";
+            readonly expression: string;
+        } | undefined;
     }) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_ModelProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: {
@@ -67,6 +71,10 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
         }[]] | undefined;
         readonly readonly?: string | undefined;
         readonly binding?: string | undefined;
+        readonly derived?: {
+            readonly mode: "formula" | "prefill";
+            readonly expression: 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

@@ -2,6 +2,7 @@
 import { computed } from "vue";
 import { Field, FieldLabel } from "../../../../ui/field";
 import { ExpressionEditor } from "../../../../ui/expression-editor";
+import DerivedValueEditor from "../../../DerivedValueEditor.vue";
 import { InputGroup, InputGroupInput } from "../../../../ui/input-group";
 import { Locale as LocaleField } from "../../../../ui/locale";
 import { Markdown } from "../../../../ui/markdown";
@@ -141,6 +142,7 @@ const pathText = computed({
           {{ fieldTitle("tooltip") }}
         </FieldLabel>
         <LocaleField
+          markdown
           :model-value="value.tooltip"
           @update:model-value="(v) => value = { ...value, tooltip: v }"
         />
@@ -243,5 +245,24 @@ const pathText = computed({
         />
       </Field>
     </div>
+
+    <Field orientation="vertical">
+      <FieldLabel class="text-xs text-zinc-500">
+        <template #tooltip>
+          <Markdown
+            :source="fieldDescription('derived')"
+            block
+            class="prose prose-sm prose-zinc"
+          />
+        </template>
+        {{ fieldTitle("derived") }}
+      </FieldLabel>
+      <DerivedValueEditor
+        :model-value="value.derived"
+        result-type="string"
+        placeholder="例：form.firstName + ' ' + form.lastName"
+        @update:model-value="(v) => value = { ...value, derived: v }"
+      />
+    </Field>
   </div>
 </template>

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

@@ -34,6 +34,10 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
         }[]] | undefined;
         readonly readonly?: string | undefined;
         readonly binding?: string | undefined;
+        readonly derived?: {
+            readonly mode: "formula" | "prefill";
+            readonly expression: string;
+        } | undefined;
     }) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_ModelProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: {
@@ -67,6 +71,10 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
         }[]] | undefined;
         readonly readonly?: string | undefined;
         readonly binding?: string | undefined;
+        readonly derived?: {
+            readonly mode: "formula" | "prefill";
+            readonly expression: 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/runtime.vue

@@ -1,14 +1,17 @@
 <script setup>
-import { useNuxtApp } from "#app";
 import { Icon } from "@iconify/vue";
 import { Effect } from "effect";
-import { computed, ref } from "vue";
+import { computed } from "vue";
 import { useI18n } from "vue-i18n";
-import { celBindings, injectCELContext } from "../../../../../plugins/cel/context";
+import { cel as _rawCel } from "../../../../../utils/cel";
+import { celBindings, injectCELContext } from "../../../../../utils/cel-context";
 import { getLocalizedText } from "../../../../../share/locale";
 import { Field, FieldLabel } from "../../../../ui/field";
 import { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput } from "../../../../ui/input-group";
+import { Markdown } from "../../../../ui/markdown";
 import { DEFAULT_FIELD_ORIENTATION } from "../../../utils/common";
+import { useFieldValue } from "../../../utils/field-value";
+import { useFormReadonly } from "../../../utils/readonly";
 import { useFormState } from "../../../utils/state";
 defineOptions({ name: "ShwfedTextFieldRuntime" });
 const props = defineProps({
@@ -16,8 +19,7 @@ const props = defineProps({
   config: { type: null, required: true }
 });
 const { locale } = useI18n();
-const { state, getAt, setAt, delAt } = useFormState();
-const { $cel: _rawCel } = useNuxtApp();
+const { state } = useFormState();
 const inherited = injectCELContext();
 const $cel = (expression, context) => _rawCel(expression, { ...celBindings(inherited), ...context });
 const labelText = computed(() => getLocalizedText(props.config.label, locale.value));
@@ -37,29 +39,20 @@ function evalBool(expression, label) {
   }
 }
 const isDisabled = computed(() => evalBool(props.config.disabled, "disabled"));
-const isReadonly = computed(() => evalBool(props.config.readonly, "readonly"));
-const uncontrolled = ref(void 0);
-const model = computed({
-  get: () => {
-    const path = props.config.binding;
-    if (path == null) return uncontrolled.value ?? "";
-    const raw = getAt(path);
-    return raw == null ? "" : String(raw);
-  },
-  set: (next) => {
-    const empty = next.length === 0;
-    const path = props.config.binding;
-    if (path == null) {
-      uncontrolled.value = empty ? void 0 : next;
-      return;
-    }
-    if (empty) delAt(path);
-    else setAt(path, next);
-  }
+const formReadonly = useFormReadonly();
+const isReadonly = computed(
+  () => props.config.readonly != null ? evalBool(props.config.readonly, "readonly") : formReadonly.value
+);
+const effectiveReadonly = computed(() => isReadonly.value || props.config.derived?.mode === "formula");
+const { draft, commit } = useFieldValue({
+  binding: () => props.config.binding,
+  fromState: (raw) => raw == null ? "" : String(raw),
+  toState: (next) => next.length === 0 ? null : next
 });
-const showClear = computed(() => !isDisabled.value && model.value.length > 0);
+const showClear = computed(() => !isDisabled.value && draft.value.length > 0);
 function handleClear() {
-  model.value = "";
+  draft.value = "";
+  commit();
 }
 </script>
 
@@ -77,15 +70,18 @@ function handleClear() {
         v-if="tooltipText"
         #tooltip
       >
-        {{ tooltipText }}
+        <Markdown
+          :source="tooltipText"
+          class="prose prose-xs prose-zinc"
+        />
       </template>
       {{ labelText }}
     </FieldLabel>
     <div
-      v-if="isReadonly"
+      v-if="effectiveReadonly"
       class="min-h-9 py-1.5 text-sm text-zinc-700"
     >
-      {{ model || "\u2014" }}
+      {{ draft || "\u2014" }}
     </div>
     <InputGroup
       v-else
@@ -93,14 +89,16 @@ function handleClear() {
     >
       <InputGroupInput
         :id="fieldId"
-        v-model="model"
+        v-model="draft"
         :placeholder="placeholderText"
         :disabled="isDisabled"
+        @blur="commit"
+        @keydown.enter="commit"
       />
       <InputGroupAddon
         v-if="showClear"
         align="inline-end"
-        class="opacity-0 transition-opacity group-hover/text-field:opacity-100 focus-within:opacity-100"
+        class="[@media(hover:hover)]:opacity-0 transition-opacity group-hover/text-field:opacity-100 focus-within:opacity-100"
       >
         <InputGroupButton
           size="icon-xs"

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

@@ -42,6 +42,10 @@ export declare function schema(configure: (env: Environment) => void): Schema.St
     binding: Schema.optional<Schema.refine<string, typeof Schema.String>>;
     disabled: Schema.optional<Schema.Schema<string, string, never>>;
     readonly: Schema.optional<Schema.Schema<string, string, never>>;
+    derived: Schema.optional<Schema.Struct<{
+        mode: Schema.Literal<["formula", "prefill"]>;
+        expression: Schema.Schema<string, string, never>;
+    }>>;
     id: Schema.refine<string, typeof Schema.String>;
     displayName: Schema.optional<Schema.SchemaClass<string, string, never>>;
     hidden: Schema.optional<Schema.Schema<string, string, never>>;

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

@@ -1,7 +1,7 @@
 import { Schema } from "effect";
 import { Expression } from "../../../../../share/expression.js";
 import { Locale } from "../../../../../share/locale.js";
-import { commonFieldFields, FieldOrientationSchema } from "../../../utils/common.js";
+import { commonFieldFields, derivedField, FieldOrientationSchema } from "../../../utils/common.js";
 export const type = "com.shwfed.form.field.text";
 export const compatibilityDate = "2026-04-22";
 export const metadata = {
@@ -40,7 +40,8 @@ export function schema(configure) {
     readonly: Schema.optional(CelBool.annotations({
       title: "\u53EA\u8BFB\u6761\u4EF6",
       description: "\u8FD4\u56DE `true` \u65F6\u4EC5\u4EE5\u7EAF\u6587\u672C\u5C55\u793A\u5F53\u524D\u503C"
-    }))
+    })),
+    derived: derivedField(configure, "string")
   }).annotations({
     title: "TextField",
     description: "\u5355\u884C\u6587\u672C\u8F93\u5165"

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

@@ -35,6 +35,10 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
         }[]] | undefined;
         readonly readonly?: string | undefined;
         readonly binding?: string | undefined;
+        readonly derived?: {
+            readonly mode: "formula" | "prefill";
+            readonly expression: string;
+        } | undefined;
     }) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_ModelProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: {
@@ -69,6 +73,10 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
         }[]] | undefined;
         readonly readonly?: string | undefined;
         readonly binding?: string | undefined;
+        readonly derived?: {
+            readonly mode: "formula" | "prefill";
+            readonly expression: 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.textarea/config.vue

@@ -2,6 +2,7 @@
 import { computed } from "vue";
 import { Field, FieldLabel } from "../../../../ui/field";
 import { ExpressionEditor } from "../../../../ui/expression-editor";
+import DerivedValueEditor from "../../../DerivedValueEditor.vue";
 import { InputGroup, InputGroupInput } from "../../../../ui/input-group";
 import { Locale as LocaleField } from "../../../../ui/locale";
 import { Markdown } from "../../../../ui/markdown";
@@ -157,6 +158,7 @@ const rowsText = computed({
           {{ fieldTitle("tooltip") }}
         </FieldLabel>
         <LocaleField
+          markdown
           :model-value="value.tooltip"
           @update:model-value="(v) => value = { ...value, tooltip: v }"
         />
@@ -284,5 +286,24 @@ const rowsText = computed({
         />
       </Field>
     </div>
+
+    <Field orientation="vertical">
+      <FieldLabel class="text-xs text-zinc-500">
+        <template #tooltip>
+          <Markdown
+            :source="fieldDescription('derived')"
+            block
+            class="prose prose-sm prose-zinc"
+          />
+        </template>
+        {{ fieldTitle("derived") }}
+      </FieldLabel>
+      <DerivedValueEditor
+        :model-value="value.derived"
+        result-type="string"
+        placeholder="例：form.summary"
+        @update:model-value="(v) => value = { ...value, derived: v }"
+      />
+    </Field>
   </div>
 </template>

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

@@ -35,6 +35,10 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
         }[]] | undefined;
         readonly readonly?: string | undefined;
         readonly binding?: string | undefined;
+        readonly derived?: {
+            readonly mode: "formula" | "prefill";
+            readonly expression: string;
+        } | undefined;
     }) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_ModelProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: {
@@ -69,6 +73,10 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
         }[]] | undefined;
         readonly readonly?: string | undefined;
         readonly binding?: string | undefined;
+        readonly derived?: {
+            readonly mode: "formula" | "prefill";
+            readonly expression: 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.textarea/runtime.vue

@@ -1,13 +1,16 @@
 <script setup>
-import { useNuxtApp } from "#app";
 import { Effect } from "effect";
-import { computed, ref } from "vue";
+import { computed } from "vue";
 import { useI18n } from "vue-i18n";
-import { celBindings, injectCELContext } from "../../../../../plugins/cel/context";
+import { cel as _rawCel } from "../../../../../utils/cel";
+import { celBindings, injectCELContext } from "../../../../../utils/cel-context";
 import { getLocalizedText } from "../../../../../share/locale";
 import { Field, FieldLabel } from "../../../../ui/field";
 import { InputGroup, InputGroupTextarea } from "../../../../ui/input-group";
+import { Markdown } from "../../../../ui/markdown";
 import { DEFAULT_FIELD_ORIENTATION } from "../../../utils/common";
+import { useFieldValue } from "../../../utils/field-value";
+import { useFormReadonly } from "../../../utils/readonly";
 import { useFormState } from "../../../utils/state";
 defineOptions({ name: "ShwfedTextareaFieldRuntime" });
 const props = defineProps({
@@ -15,8 +18,7 @@ const props = defineProps({
   config: { type: null, required: true }
 });
 const { locale } = useI18n();
-const { state, getAt, setAt } = useFormState();
-const { $cel: _rawCel } = useNuxtApp();
+const { state } = useFormState();
 const inherited = injectCELContext();
 const $cel = (expression, context) => _rawCel(expression, { ...celBindings(inherited), ...context });
 const labelText = computed(() => getLocalizedText(props.config.label, locale.value));
@@ -36,23 +38,15 @@ function evalBool(expression, label) {
   }
 }
 const isDisabled = computed(() => evalBool(props.config.disabled, "disabled"));
-const isReadonly = computed(() => evalBool(props.config.readonly, "readonly"));
-const uncontrolled = ref("");
-const model = computed({
-  get: () => {
-    const path = props.config.binding;
-    if (path == null) return uncontrolled.value;
-    const raw = getAt(path);
-    return raw == null ? "" : String(raw);
-  },
-  set: (next) => {
-    const path = props.config.binding;
-    if (path == null) {
-      uncontrolled.value = next;
-      return;
-    }
-    setAt(path, next);
-  }
+const formReadonly = useFormReadonly();
+const isReadonly = computed(
+  () => props.config.readonly != null ? evalBool(props.config.readonly, "readonly") : formReadonly.value
+);
+const effectiveReadonly = computed(() => isReadonly.value || props.config.derived?.mode === "formula");
+const { draft, commit } = useFieldValue({
+  binding: () => props.config.binding,
+  fromState: (raw) => raw == null ? "" : String(raw),
+  toState: (next) => next
 });
 </script>
 
@@ -70,23 +64,27 @@ const model = computed({
         v-if="tooltipText"
         #tooltip
       >
-        {{ tooltipText }}
+        <Markdown
+          :source="tooltipText"
+          class="prose prose-xs prose-zinc"
+        />
       </template>
       {{ labelText }}
     </FieldLabel>
     <div
-      v-if="isReadonly"
+      v-if="effectiveReadonly"
       class="min-h-9 py-1.5 text-sm whitespace-pre-wrap text-zinc-700"
     >
-      {{ model || "\u2014" }}
+      {{ draft || "\u2014" }}
     </div>
     <InputGroup v-else>
       <InputGroupTextarea
         :id="fieldId"
-        v-model="model"
+        v-model="draft"
         :placeholder="placeholderText"
         :disabled="isDisabled"
         :rows="config.rows"
+        @blur="commit"
       />
     </InputGroup>
   </Field>

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

@@ -44,6 +44,10 @@ export declare function schema(configure: (env: Environment) => void): Schema.St
     binding: Schema.optional<Schema.refine<string, typeof Schema.String>>;
     disabled: Schema.optional<Schema.Schema<string, string, never>>;
     readonly: Schema.optional<Schema.Schema<string, string, never>>;
+    derived: Schema.optional<Schema.Struct<{
+        mode: Schema.Literal<["formula", "prefill"]>;
+        expression: Schema.Schema<string, string, never>;
+    }>>;
     id: Schema.refine<string, typeof Schema.String>;
     displayName: Schema.optional<Schema.SchemaClass<string, string, never>>;
     hidden: Schema.optional<Schema.Schema<string, string, never>>;

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

@@ -1,7 +1,7 @@
 import { Schema } from "effect";
 import { Expression } from "../../../../../share/expression.js";
 import { Locale } from "../../../../../share/locale.js";
-import { commonFieldFields, FieldOrientationSchema } from "../../../utils/common.js";
+import { commonFieldFields, derivedField, FieldOrientationSchema } from "../../../utils/common.js";
 export const type = "com.shwfed.form.field.textarea";
 export const compatibilityDate = "2026-04-22";
 export const metadata = {
@@ -44,7 +44,8 @@ export function schema(configure) {
     readonly: Schema.optional(CelBool.annotations({
       title: "\u53EA\u8BFB\u6761\u4EF6",
       description: "\u8FD4\u56DE `true` \u65F6\u4EC5\u4EE5\u7EAF\u6587\u672C\u5C55\u793A\u5F53\u524D\u503C"
-    }))
+    })),
+    derived: derivedField(configure, "string")
   }).annotations({
     title: "TextareaField",
     description: "\u591A\u884C\u6587\u672C\u8F93\u5165"