@shwfed/config 1.1.5 → 2.0.1

package/dist/runtime/components/form/fields/2026-04-27/com.shwfed.form.field.datetime/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";
@@ -240,6 +241,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 }"
         />
@@ -550,5 +552,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.createdAt"
+        @update:model-value="(v) => value = { ...value, derived: v }"
+      />
+    </Field>
   </div>
 </template>

package/dist/runtime/components/form/fields/2026-04-27/com.shwfed.form.field.datetime/config.vue.d.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";

package/dist/runtime/components/form/fields/2026-04-27/com.shwfed.form.field.datetime/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_PICKER_DEFAULT_FORMATS, DatePicker } 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: "ShwfedDateTimeFieldRuntime" });
 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.datetime.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.datetime/schema.d.ts

@@ -63,6 +63,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>>;
     timeGranularity: Schema.optional<Schema.Literal<["hour", "minute", "second"]>>;

package/dist/runtime/components/form/fields/2026-04-27/com.shwfed.form.field.datetime/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.datetime";
 export const compatibilityDate = "2026-04-27";
 export const metadata = {
@@ -68,6 +68,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\u65F6\u95F4\u7684 `date-fns` \u683C\u5F0F\u4E32\uFF1B\u7559\u7A7A\u65F6\u4F7F\u7528\u9ED8\u8BA4 `yyyy-MM-dd HH:mm:ss`"

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

@@ -26,11 +26,16 @@ 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 hourCycle?: 12 | 24 | undefined;
         readonly valueFormat?: string | undefined;
-        readonly timeGranularity?: "second" | "minute" | "hour" | undefined;
+        readonly timeGranularity?: "hour" | "minute" | "second" | undefined;
         readonly rangeSeparatorIcon?: string | undefined;
         readonly startPlaceholder?: readonly [{
             readonly locale: "zh";
@@ -46,7 +51,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";
@@ -84,11 +88,16 @@ 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 hourCycle?: 12 | 24 | undefined;
         readonly valueFormat?: string | undefined;
-        readonly timeGranularity?: "second" | "minute" | "hour" | undefined;
+        readonly timeGranularity?: "hour" | "minute" | "second" | undefined;
         readonly rangeSeparatorIcon?: string | undefined;
         readonly startPlaceholder?: readonly [{
             readonly locale: "zh";
@@ -104,7 +113,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.datetimerange/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 { IconPicker } from "../../../../ui/icon-picker";
 import { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupNumberField, InputGroupText } from "../../../../ui/input-group";
@@ -317,6 +318,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 }"
         />
@@ -733,5 +735,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.datetimerange/config.vue.d.ts

@@ -26,11 +26,16 @@ 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 hourCycle?: 12 | 24 | undefined;
         readonly valueFormat?: string | undefined;
-        readonly timeGranularity?: "second" | "minute" | "hour" | undefined;
+        readonly timeGranularity?: "hour" | "minute" | "second" | undefined;
         readonly rangeSeparatorIcon?: string | undefined;
         readonly startPlaceholder?: readonly [{
             readonly locale: "zh";
@@ -46,7 +51,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";
@@ -84,11 +88,16 @@ 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 hourCycle?: 12 | 24 | undefined;
         readonly valueFormat?: string | undefined;
-        readonly timeGranularity?: "second" | "minute" | "hour" | undefined;
+        readonly timeGranularity?: "hour" | "minute" | "second" | undefined;
         readonly rangeSeparatorIcon?: string | undefined;
         readonly startPlaceholder?: readonly [{
             readonly locale: "zh";
@@ -104,7 +113,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.datetimerange/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: "ShwfedDateTimeRangeFieldRuntime" });
 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.datetimerange.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.datetimerange/schema.d.ts

@@ -71,6 +71,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.datetimerange/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.datetimerange";
 export const compatibilityDate = "2026-04-27";
 const BindingPath = Schema.String.pipe(Schema.minLength(1));
@@ -83,6 +83,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\u65F6\u95F4\u7684 `date-fns` \u683C\u5F0F\u4E32\uFF1B\u7559\u7A7A\u65F6\u4F7F\u7528\u9ED8\u8BA4 `yyyy-MM-dd HH:mm:ss`"

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

@@ -26,10 +26,14 @@ 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 | undefined;
+        readonly derived?: {
+            readonly mode: "formula" | "prefill";
+            readonly expression: 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;
     }) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_ModelProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: {
@@ -55,10 +59,14 @@ 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 | undefined;
+        readonly derived?: {
+            readonly mode: "formula" | "prefill";
+            readonly expression: 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;
     }) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

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

@@ -2,6 +2,7 @@
 import { computed } from "vue";
 import { format as formatDate } from "date-fns";
 import { ExpressionEditor } from "../../../../ui/expression-editor";
+import DerivedValueEditor from "../../../DerivedValueEditor.vue";
 import { Field, FieldLabel } from "../../../../ui/field";
 import { InputGroup, InputGroupAddon, InputGroupInput, InputGroupText } from "../../../../ui/input-group";
 import { Locale as LocaleField } from "../../../../ui/locale";
@@ -165,6 +166,7 @@ const valueFormatExample = computed(() => {
           {{ fieldTitle("tooltip") }}
         </FieldLabel>
         <LocaleField
+          markdown
           :model-value="value.tooltip"
           @update:model-value="(v) => value = { ...value, tooltip: v }"
         />
@@ -357,5 +359,24 @@ const valueFormatExample = 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.startTime"
+        @update:model-value="(v) => value = { ...value, derived: v }"
+      />
+    </Field>
   </div>
 </template>

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

@@ -26,10 +26,14 @@ 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 | undefined;
+        readonly derived?: {
+            readonly mode: "formula" | "prefill";
+            readonly expression: 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;
     }) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_ModelProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: {
@@ -55,10 +59,14 @@ 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 | undefined;
+        readonly derived?: {
+            readonly mode: "formula" | "prefill";
+            readonly expression: 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;
     }) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

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

@@ -1,13 +1,15 @@
 <script setup>
-import { useNuxtApp } from "#app";
 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 } 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: "ShwfedTimeFieldRuntime" });
 const props = defineProps({
@@ -16,7 +18,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));
@@ -33,7 +34,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 uncontrolled = ref(void 0);
 const model = computed({
   get: () => {
@@ -67,12 +72,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.time/schema.d.ts

@@ -45,6 +45,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>;
+    }>>;
     valueFormat: Schema.optional<Schema.refine<string, typeof Schema.String>>;
     timeGranularity: Schema.optional<Schema.Literal<["hour", "minute", "second"]>>;
     hourCycle: Schema.optional<Schema.Literal<[12, 24]>>;

package/dist/runtime/components/form/fields/2026-04-27/com.shwfed.form.field.time/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.time";
 export const compatibilityDate = "2026-04-27";
 export const metadata = {
@@ -47,6 +47,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"),
     valueFormat: Schema.optional(Schema.String.pipe(Schema.minLength(1)).annotations({
       title: "\u5B58\u50A8\u683C\u5F0F",
       description: "\u5199\u5165\u8868\u5355\u72B6\u6001\u7684 `date-fns` \u683C\u5F0F\u4E32\uFF1B\u7559\u7A7A\u65F6\u4F7F\u7528\u9ED8\u8BA4 `HH:mm:ss`"

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

@@ -26,11 +26,15 @@ 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 hourCycle?: 12 | 24 | undefined;
         readonly valueFormat?: string | undefined;
-        readonly timeGranularity?: "second" | "minute" | "hour" | undefined;
+        readonly timeGranularity?: "hour" | "minute" | "second" | undefined;
         readonly rangeSeparatorIcon?: string | undefined;
-        readonly binding?: string | readonly [string, string] | undefined;
     }) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_ModelProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: {
@@ -56,11 +60,15 @@ 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 hourCycle?: 12 | 24 | undefined;
         readonly valueFormat?: string | undefined;
-        readonly timeGranularity?: "second" | "minute" | "hour" | undefined;
+        readonly timeGranularity?: "hour" | "minute" | "second" | undefined;
         readonly rangeSeparatorIcon?: string | undefined;
-        readonly binding?: string | readonly [string, string] | undefined;
     }) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;