@shwfed/config 1.1.5 → 2.0.1

package/dist/runtime/components/form/fields/2026-04-24/com.shwfed.form.field.combobox.single/config.d.vue.ts

@@ -33,8 +33,12 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly message: string;
         }[]] | undefined;
         readonly readonly?: string | undefined;
-        readonly options: string;
         readonly binding?: string | undefined;
+        readonly derived?: {
+            readonly mode: "formula" | "prefill";
+            readonly expression: string;
+        } | undefined;
+        readonly options: string;
         readonly optionValue: string;
         readonly optionLabel: readonly [{
             readonly locale: "zh";
@@ -75,8 +79,12 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly message: string;
         }[]] | undefined;
         readonly readonly?: string | undefined;
-        readonly options: string;
         readonly binding?: string | undefined;
+        readonly derived?: {
+            readonly mode: "formula" | "prefill";
+            readonly expression: string;
+        } | undefined;
+        readonly options: string;
         readonly optionValue: string;
         readonly optionLabel: readonly [{
             readonly locale: "zh";

package/dist/runtime/components/form/fields/2026-04-24/com.shwfed.form.field.combobox.single/config.vue

@@ -1,6 +1,7 @@
 <script setup>
 import { computed } from "vue";
 import { ExpressionEditor } from "../../../../ui/expression-editor";
+import DerivedValueEditor from "../../../DerivedValueEditor.vue";
 import { Field, FieldLabel } from "../../../../ui/field";
 import { InputGroup, InputGroupInput } from "../../../../ui/input-group";
 import { Locale as LocaleField } from "../../../../ui/locale";
@@ -141,6 +142,7 @@ const pathText = computed({
           {{ fieldTitle("tooltip") }}
         </FieldLabel>
         <LocaleField
+          markdown
           :model-value="value.tooltip"
           @update:model-value="(v) => value = { ...value, tooltip: v }"
         />
@@ -304,5 +306,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="dyn"
+        placeholder="例：form.category"
+        @update:model-value="(v) => value = { ...value, derived: v }"
+      />
+    </Field>
   </div>
 </template>

package/dist/runtime/components/form/fields/2026-04-24/com.shwfed.form.field.combobox.single/config.vue.d.ts

@@ -33,8 +33,12 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly message: string;
         }[]] | undefined;
         readonly readonly?: string | undefined;
-        readonly options: string;
         readonly binding?: string | undefined;
+        readonly derived?: {
+            readonly mode: "formula" | "prefill";
+            readonly expression: string;
+        } | undefined;
+        readonly options: string;
         readonly optionValue: string;
         readonly optionLabel: readonly [{
             readonly locale: "zh";
@@ -75,8 +79,12 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly message: string;
         }[]] | undefined;
         readonly readonly?: string | undefined;
-        readonly options: string;
         readonly binding?: string | undefined;
+        readonly derived?: {
+            readonly mode: "formula" | "prefill";
+            readonly expression: string;
+        } | undefined;
+        readonly options: string;
         readonly optionValue: string;
         readonly optionLabel: readonly [{
             readonly locale: "zh";

package/dist/runtime/components/form/fields/2026-04-24/com.shwfed.form.field.combobox.single/runtime.vue

@@ -1,10 +1,10 @@
 <script setup>
-import { useNuxtApp } from "#app";
 import { Icon } from "@iconify/vue";
 import { Effect } from "effect";
 import { computed, nextTick, ref } 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 { interpolateMarkdown } from "../../../../table/utils/runtime";
 import { getLocalizedText } from "../../../../../share/locale";
 import {
@@ -17,8 +17,10 @@ import {
 } from "../../../../ui/command";
 import { Field, FieldLabel } from "../../../../ui/field";
 import { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput } from "../../../../ui/input-group";
+import { Markdown } from "../../../../ui/markdown";
 import { Popover, PopoverAnchor, PopoverContent, PopoverTrigger } from "../../../../ui/popover";
 import { DEFAULT_FIELD_ORIENTATION } from "../../../utils/common";
+import { useFormReadonly } from "../../../utils/readonly";
 import { useFormState } from "../../../utils/state";
 defineOptions({ name: "ShwfedComboboxSingleFieldRuntime" });
 const props = defineProps({
@@ -46,7 +48,6 @@ const { locale, t } = useI18n({
   }
 });
 const { state, getAt, setAt } = useFormState();
-const { $cel: _rawCel } = useNuxtApp();
 const inherited = injectCELContext();
 const $cel = (expression, context) => _rawCel(expression, { ...celBindings(inherited), ...context });
 const labelText = computed(() => getLocalizedText(props.config.label, locale.value));
@@ -66,7 +67,11 @@ function evalBool(expression, label) {
   }
 }
 const isDisabled = computed(() => evalBool(props.config.disabled, "disabled"));
-const isReadonly = computed(() => evalBool(props.config.readonly, "readonly"));
+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");
 function valueOf(option) {
   try {
     return Effect.runSync($cel(props.config.optionValue, { form: state.value ?? {}, option }));
@@ -161,12 +166,15 @@ 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"
     >
       {{ selectedLabel || "\u2014" }}
@@ -193,7 +201,7 @@ function handleClear() {
           <InputGroupAddon
             v-if="showClear"
             align="inline-end"
-            class="opacity-0 transition-opacity group-hover/combobox-single:opacity-100 focus-within:opacity-100"
+            class="[@media(hover:hover)]:opacity-0 transition-opacity group-hover/combobox-single:opacity-100 focus-within:opacity-100"
           >
             <InputGroupButton
               size="icon-xs"

package/dist/runtime/components/form/fields/2026-04-24/com.shwfed.form.field.combobox.single/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>;
+    }>>;
     options: Schema.optionalWith<Schema.Schema<string, string, never>, {
         default: () => string;
     }>;

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

@@ -1,7 +1,7 @@
 import { Schema } from "effect";
 import { Expression, LocaleMarkdown } 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.combobox.single";
 export const compatibilityDate = "2026-04-24";
 export const metadata = {
@@ -51,6 +51,7 @@ export function schema(configure) {
       title: "\u53EA\u8BFB\u6761\u4EF6",
       description: "\u8FD4\u56DE `true` \u65F6\u4EC5\u4EE5\u7EAF\u6587\u672C\u5C55\u793A\u5F53\u524D\u9009\u9879\u7684\u6807\u7B7E"
     })),
+    derived: derivedField(configure, "dyn"),
     options: Schema.optionalWith(CelOptions.annotations({
       title: "\u9009\u9879",
       description: "\u8FD4\u56DE\u9009\u9879\u6570\u7EC4\u7684 CEL \u8868\u8FBE\u5F0F\uFF0C\u53EF\u8BBF\u95EE `form` \u5F53\u524D\u72B6\u6001\uFF1B\u4F8B\uFF1A`[{value: 'a', label: 'A'}]`"

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

@@ -33,9 +33,13 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly message: string;
         }[]] | undefined;
         readonly readonly?: string | undefined;
+        readonly binding?: string | undefined;
+        readonly derived?: {
+            readonly mode: "formula" | "prefill";
+            readonly expression: string;
+        } | undefined;
         readonly format?: string | undefined;
         readonly valueFormat?: string | undefined;
-        readonly binding?: string | undefined;
         readonly presets?: readonly {
             readonly label: readonly [{
                 readonly locale: "zh";
@@ -79,9 +83,13 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly message: string;
         }[]] | undefined;
         readonly readonly?: string | undefined;
+        readonly binding?: string | undefined;
+        readonly derived?: {
+            readonly mode: "formula" | "prefill";
+            readonly expression: string;
+        } | undefined;
         readonly format?: string | undefined;
         readonly valueFormat?: string | undefined;
-        readonly binding?: string | undefined;
         readonly presets?: readonly {
             readonly label: readonly [{
                 readonly locale: "zh";

package/dist/runtime/components/form/fields/2026-04-27/com.shwfed.form.field.date/config.vue

@@ -4,6 +4,7 @@ import { computed } from "vue";
 import { format as formatDate } from "date-fns";
 import { Button } from "../../../../ui/button";
 import { ExpressionEditor } from "../../../../ui/expression-editor";
+import DerivedValueEditor from "../../../DerivedValueEditor.vue";
 import { Field, FieldLabel } from "../../../../ui/field";
 import { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText } from "../../../../ui/input-group";
 import { Locale as LocaleField } from "../../../../ui/locale";
@@ -218,6 +219,7 @@ const valueFormatExample = computed(() => previewFormat(value.value.valueFormat
           {{ fieldTitle("tooltip") }}
         </FieldLabel>
         <LocaleField
+          markdown
           :model-value="value.tooltip"
           @update:model-value="(v) => value = { ...value, tooltip: v }"
         />
@@ -468,5 +470,24 @@ const valueFormatExample = computed(() => previewFormat(value.value.valueFormat
         />
       </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.startDate"
+        @update:model-value="(v) => value = { ...value, derived: v }"
+      />
+    </Field>
   </div>
 </template>

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

@@ -33,9 +33,13 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly message: string;
         }[]] | undefined;
         readonly readonly?: string | undefined;
+        readonly binding?: string | undefined;
+        readonly derived?: {
+            readonly mode: "formula" | "prefill";
+            readonly expression: string;
+        } | undefined;
         readonly format?: string | undefined;
         readonly valueFormat?: string | undefined;
-        readonly binding?: string | undefined;
         readonly presets?: readonly {
             readonly label: readonly [{
                 readonly locale: "zh";
@@ -79,9 +83,13 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly message: string;
         }[]] | undefined;
         readonly readonly?: string | undefined;
+        readonly binding?: string | undefined;
+        readonly derived?: {
+            readonly mode: "formula" | "prefill";
+            readonly expression: string;
+        } | undefined;
         readonly format?: string | undefined;
         readonly valueFormat?: string | undefined;
-        readonly binding?: string | undefined;
         readonly presets?: readonly {
             readonly label: readonly [{
                 readonly locale: "zh";

package/dist/runtime/components/form/fields/2026-04-27/com.shwfed.form.field.date/runtime.vue

@@ -1,14 +1,16 @@
 <script setup>
-import { useNuxtApp } from "#app";
 import { format as formatDate } from "date-fns";
 import { Effect } from "effect";
 import { computed, ref } 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 { DatePicker, DATE_PICKER_DEFAULT_FORMATS } from "../../../../ui/date-picker";
 import { Field, FieldLabel } from "../../../../ui/field";
+import { Markdown } from "../../../../ui/markdown";
 import { DEFAULT_FIELD_ORIENTATION } from "../../../utils/common";
+import { useFormReadonly } from "../../../utils/readonly";
 import { useFormState } from "../../../utils/state";
 defineOptions({ name: "ShwfedDateFieldRuntime" });
 const props = defineProps({
@@ -17,7 +19,6 @@ const props = defineProps({
 });
 const { locale } = useI18n();
 const { state, getAt, setAt } = useFormState();
-const { $cel: _rawCel } = useNuxtApp();
 const inherited = injectCELContext();
 const $cel = (expression, context) => _rawCel(expression, { ...celBindings(inherited), ...context });
 const labelText = computed(() => getLocalizedText(props.config.label, locale.value));
@@ -37,7 +38,11 @@ function evalBool(expression, label) {
   }
 }
 const isDisabled = computed(() => evalBool(props.config.disabled, "disabled"));
-const isReadonly = computed(() => evalBool(props.config.readonly, "readonly"));
+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 resolvedValueFormat = computed(
   () => props.config.valueFormat ?? DATE_PICKER_DEFAULT_FORMATS.date.value
 );
@@ -90,12 +95,15 @@ 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 text-zinc-700"
     >
       {{ model || "\u2014" }}

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

@@ -53,6 +53,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>;
+    }>>;
     format: Schema.optional<Schema.refine<string, typeof Schema.String>>;
     valueFormat: Schema.optional<Schema.refine<string, typeof Schema.String>>;
     presets: Schema.optional<Schema.Array$<Schema.Struct<{

package/dist/runtime/components/form/fields/2026-04-27/com.shwfed.form.field.date/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.date";
 export const compatibilityDate = "2026-04-27";
 export const metadata = {
@@ -58,6 +58,7 @@ export function schema(configure) {
       title: "\u53EA\u8BFB\u6761\u4EF6",
       description: "\u8FD4\u56DE `true` \u65F6\u4EC5\u4EE5\u7EAF\u6587\u672C\u5C55\u793A\u5F53\u524D\u503C"
     })),
+    derived: derivedField(configure, "string"),
     format: Schema.optional(Schema.String.pipe(Schema.minLength(1)).annotations({
       title: "\u5C55\u793A\u683C\u5F0F",
       description: "\u8F93\u5165\u6846\u4E2D\u5C55\u793A\u65E5\u671F\u7684 `date-fns` \u683C\u5F0F\u4E32\uFF1B\u7559\u7A7A\u65F6\u4F7F\u7528\u9ED8\u8BA4 `yyyy-MM-dd`"

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

@@ -26,6 +26,11 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
         readonly compatibilityDate: "2026-04-27";
         readonly orientation?: "vertical" | "floating" | undefined;
         readonly readonly?: string | undefined;
+        readonly binding?: string | readonly [string, string] | undefined;
+        readonly derived?: {
+            readonly mode: "formula" | "prefill";
+            readonly expression: string;
+        } | undefined;
         readonly format?: string | undefined;
         readonly numberOfMonths?: number | undefined;
         readonly valueFormat?: string | undefined;
@@ -44,7 +49,6 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly locale: "en" | "ja" | "ko";
             readonly message: string;
         }[]] | undefined;
-        readonly binding?: string | readonly [string, string] | undefined;
         readonly presets?: readonly {
             readonly label: readonly [{
                 readonly locale: "zh";
@@ -82,6 +86,11 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
         readonly compatibilityDate: "2026-04-27";
         readonly orientation?: "vertical" | "floating" | undefined;
         readonly readonly?: string | undefined;
+        readonly binding?: string | readonly [string, string] | undefined;
+        readonly derived?: {
+            readonly mode: "formula" | "prefill";
+            readonly expression: string;
+        } | undefined;
         readonly format?: string | undefined;
         readonly numberOfMonths?: number | undefined;
         readonly valueFormat?: string | undefined;
@@ -100,7 +109,6 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly locale: "en" | "ja" | "ko";
             readonly message: string;
         }[]] | undefined;
-        readonly binding?: string | readonly [string, string] | undefined;
         readonly presets?: readonly {
             readonly label: readonly [{
                 readonly locale: "zh";

package/dist/runtime/components/form/fields/2026-04-27/com.shwfed.form.field.daterange/config.vue

@@ -4,6 +4,7 @@ import { format as formatDate } from "date-fns";
 import { computed } from "vue";
 import { Button } from "../../../../ui/button";
 import { ExpressionEditor } from "../../../../ui/expression-editor";
+import DerivedValueEditor from "../../../DerivedValueEditor.vue";
 import { Field, FieldLabel } from "../../../../ui/field";
 import { IconPicker } from "../../../../ui/icon-picker";
 import { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupNumberField, InputGroupText } from "../../../../ui/input-group";
@@ -295,6 +296,7 @@ const valueFormatExample = computed(() => previewFormat(value.value.valueFormat
           {{ fieldTitle("tooltip") }}
         </FieldLabel>
         <LocaleField
+          markdown
           :model-value="value.tooltip"
           @update:model-value="(v) => value = { ...value, tooltip: v }"
         />
@@ -649,5 +651,24 @@ const valueFormatExample = computed(() => previewFormat(value.value.valueFormat
         />
       </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="dyn"
+        placeholder="例：[form.from, form.to]"
+        @update:model-value="(v) => value = { ...value, derived: v }"
+      />
+    </Field>
   </div>
 </template>

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

@@ -26,6 +26,11 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
         readonly compatibilityDate: "2026-04-27";
         readonly orientation?: "vertical" | "floating" | undefined;
         readonly readonly?: string | undefined;
+        readonly binding?: string | readonly [string, string] | undefined;
+        readonly derived?: {
+            readonly mode: "formula" | "prefill";
+            readonly expression: string;
+        } | undefined;
         readonly format?: string | undefined;
         readonly numberOfMonths?: number | undefined;
         readonly valueFormat?: string | undefined;
@@ -44,7 +49,6 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly locale: "en" | "ja" | "ko";
             readonly message: string;
         }[]] | undefined;
-        readonly binding?: string | readonly [string, string] | undefined;
         readonly presets?: readonly {
             readonly label: readonly [{
                 readonly locale: "zh";
@@ -82,6 +86,11 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
         readonly compatibilityDate: "2026-04-27";
         readonly orientation?: "vertical" | "floating" | undefined;
         readonly readonly?: string | undefined;
+        readonly binding?: string | readonly [string, string] | undefined;
+        readonly derived?: {
+            readonly mode: "formula" | "prefill";
+            readonly expression: string;
+        } | undefined;
         readonly format?: string | undefined;
         readonly numberOfMonths?: number | undefined;
         readonly valueFormat?: string | undefined;
@@ -100,7 +109,6 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly locale: "en" | "ja" | "ko";
             readonly message: string;
         }[]] | undefined;
-        readonly binding?: string | readonly [string, string] | undefined;
         readonly presets?: readonly {
             readonly label: readonly [{
                 readonly locale: "zh";

package/dist/runtime/components/form/fields/2026-04-27/com.shwfed.form.field.daterange/runtime.vue

@@ -1,14 +1,16 @@
 <script setup>
-import { useNuxtApp } from "#app";
 import { format as formatDate } from "date-fns";
 import { Effect } from "effect";
 import { computed, ref } 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 { DATE_RANGE_PICKER_DEFAULT_FORMATS, DateRangePicker } from "../../../../ui/date-range-picker";
 import { Field, FieldLabel } from "../../../../ui/field";
+import { Markdown } from "../../../../ui/markdown";
 import { DEFAULT_FIELD_ORIENTATION } from "../../../utils/common";
+import { useFormReadonly } from "../../../utils/readonly";
 import { useFormState } from "../../../utils/state";
 defineOptions({ name: "ShwfedDateRangeFieldRuntime" });
 const props = defineProps({
@@ -17,7 +19,6 @@ const props = defineProps({
 });
 const { locale } = useI18n();
 const { state, getAt, setAt } = useFormState();
-const { $cel: _rawCel } = useNuxtApp();
 const inherited = injectCELContext();
 const $cel = (expression, context) => _rawCel(expression, { ...celBindings(inherited), ...context });
 const labelText = computed(() => getLocalizedText(props.config.label, locale.value));
@@ -40,7 +41,11 @@ function evalBool(expression, label) {
   }
 }
 const isDisabled = computed(() => evalBool(props.config.disabled, "disabled"));
-const isReadonly = computed(() => evalBool(props.config.readonly, "readonly"));
+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 resolvedValueFormat = computed(
   () => props.config.valueFormat ?? DATE_RANGE_PICKER_DEFAULT_FORMATS.daterange.value
 );
@@ -120,12 +125,15 @@ const readonlyText = 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 text-zinc-700"
     >
       {{ readonlyText }}

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

@@ -61,6 +61,10 @@ export declare function schema(configure: (env: Environment) => void): Schema.St
     binding: Schema.optional<Schema.Union<[Schema.filter<typeof Schema.String>, Schema.filter<Schema.Tuple2<Schema.filter<typeof Schema.String>, Schema.filter<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>;
+    }>>;
     format: Schema.optional<Schema.refine<string, typeof Schema.String>>;
     valueFormat: Schema.optional<Schema.refine<string, typeof Schema.String>>;
     rangeSeparatorIcon: Schema.optional<Schema.refine<string, typeof Schema.String>>;

package/dist/runtime/components/form/fields/2026-04-27/com.shwfed.form.field.daterange/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.daterange";
 export const compatibilityDate = "2026-04-27";
 const BindingPath = Schema.String.pipe(Schema.minLength(1));
@@ -73,6 +73,7 @@ export function schema(configure) {
       title: "\u53EA\u8BFB\u6761\u4EF6",
       description: "\u8FD4\u56DE `true` \u65F6\u4EC5\u4EE5\u7EAF\u6587\u672C\u5C55\u793A\u5F53\u524D\u503C"
     })),
+    derived: derivedField(configure, "dyn"),
     format: Schema.optional(Schema.String.pipe(Schema.minLength(1)).annotations({
       title: "\u5C55\u793A\u683C\u5F0F",
       description: "\u8F93\u5165\u6846\u4E2D\u5C55\u793A\u65E5\u671F\u7684 `date-fns` \u683C\u5F0F\u4E32\uFF1B\u7559\u7A7A\u65F6\u4F7F\u7528\u9ED8\u8BA4 `yyyy-MM-dd`"

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

@@ -33,11 +33,15 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly message: string;
         }[]] | undefined;
         readonly readonly?: string | undefined;
+        readonly binding?: string | undefined;
+        readonly derived?: {
+            readonly mode: "formula" | "prefill";
+            readonly expression: string;
+        } | undefined;
         readonly format?: string | undefined;
         readonly hourCycle?: 12 | 24 | undefined;
         readonly valueFormat?: string | undefined;
-        readonly timeGranularity?: "second" | "minute" | "hour" | undefined;
-        readonly binding?: string | undefined;
+        readonly timeGranularity?: "hour" | "minute" | "second" | undefined;
         readonly presets?: readonly {
             readonly label: readonly [{
                 readonly locale: "zh";
@@ -81,11 +85,15 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly message: string;
         }[]] | undefined;
         readonly readonly?: string | undefined;
+        readonly binding?: string | undefined;
+        readonly derived?: {
+            readonly mode: "formula" | "prefill";
+            readonly expression: string;
+        } | undefined;
         readonly format?: string | undefined;
         readonly hourCycle?: 12 | 24 | undefined;
         readonly valueFormat?: string | undefined;
-        readonly timeGranularity?: "second" | "minute" | "hour" | undefined;
-        readonly binding?: string | undefined;
+        readonly timeGranularity?: "hour" | "minute" | "second" | undefined;
         readonly presets?: readonly {
             readonly label: readonly [{
                 readonly locale: "zh";