@shwfed/config 1.1.5 → 2.0.1

package/dist/runtime/components/form/fields/2026-04-28/com.shwfed.form.field.numberrange/runtime.vue

@@ -1,14 +1,17 @@
 <script setup>
-import { useNuxtApp } from "#app";
 import { Icon } from "@iconify/vue";
 import { Effect } from "effect";
-import { computed, nextTick, ref, watch } from "vue";
+import { computed, nextTick, onBeforeUnmount, ref, watch } 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, InputGroupNumberField } from "../../../../ui/input-group";
+import { Markdown } from "../../../../ui/markdown";
+import { useCommitBus } from "../../../utils/commit-bus";
 import { DEFAULT_FIELD_ORIENTATION } from "../../../utils/common";
+import { useFormReadonly } from "../../../utils/readonly";
 import { useFormState } from "../../../utils/state";
 defineOptions({ name: "ShwfedNumberRangeFieldRuntime" });
 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, getAt, setAt } = useFormState();
 const inherited = injectCELContext();
 const $cel = (expression, context) => _rawCel(expression, { ...celBindings(inherited), ...context });
 const labelText = computed(() => getLocalizedText(props.config.label, locale.value));
@@ -50,7 +52,11 @@ function evalNumber(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 minValue = computed(() => evalNumber(props.config.min, "min"));
 const maxValue = computed(() => evalNumber(props.config.max, "max"));
 const formatOptions = computed(() => ({
@@ -77,8 +83,7 @@ const model = computed({
       uncontrolled.value = next;
       return;
     }
-    if (next === void 0) delAt(path);
-    else setAt(path, next);
+    setAt(path, next ?? null);
   }
 });
 const localStart = ref(model.value?.[0]);
@@ -98,13 +103,16 @@ function commit() {
     model.value = void 0;
   }
 }
+const unregisterCommit = useCommitBus().register(commit);
+onBeforeUnmount(() => {
+  unregisterCommit();
+  commit();
+});
 function onStartUpdate(v) {
   localStart.value = typeof v === "number" && Number.isFinite(v) ? v : void 0;
-  commit();
 }
 function onEndUpdate(v) {
   localEnd.value = typeof v === "number" && Number.isFinite(v) ? v : void 0;
-  commit();
 }
 const startMax = computed(() => {
   const e = localEnd.value;
@@ -132,17 +140,17 @@ function applyRounding(n, precision, mode) {
   }
 }
 async function onBlurSide(side) {
-  const precision = props.config.precision;
-  if (precision === void 0) return;
   await nextTick();
-  const ref_ = side === "start" ? localStart : localEnd;
-  const current = ref_.value;
-  if (current === void 0) return;
-  const rounded = applyRounding(current, precision, props.config.roundingMode ?? "round");
-  if (rounded !== current) {
-    ref_.value = rounded;
-    commit();
+  const precision = props.config.precision;
+  if (precision !== void 0) {
+    const ref_ = side === "start" ? localStart : localEnd;
+    const current = ref_.value;
+    if (current !== void 0) {
+      const rounded = applyRounding(current, precision, props.config.roundingMode ?? "round");
+      if (rounded !== current) ref_.value = rounded;
+    }
   }
+  commit();
 }
 const showClear = computed(
   () => !isDisabled.value && (localStart.value !== void 0 || localEnd.value !== void 0)
@@ -173,12 +181,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 }}
@@ -220,7 +231,7 @@ const readonlyText = computed(() => {
       <InputGroupAddon
         v-if="showClear"
         align="inline-end"
-        class="opacity-0 transition-opacity group-hover/number-range-field:opacity-100 focus-within:opacity-100"
+        class="[@media(hover:hover)]:opacity-0 transition-opacity group-hover/number-range-field:opacity-100 focus-within:opacity-100"
       >
         <InputGroupButton
           size="icon-xs"

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

@@ -49,6 +49,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>;
+    }>>;
     precision: Schema.optional<Schema.refine<number, Schema.filter<typeof Schema.Number>>>;
     roundingMode: Schema.optional<Schema.Literal<["round", "floor", "ceil"]>>;
     step: Schema.optional<Schema.refine<number, typeof Schema.Number>>;

package/dist/runtime/components/form/fields/2026-04-28/com.shwfed.form.field.numberrange/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.numberrange";
 export const compatibilityDate = "2026-04-28";
 export const metadata = {
@@ -46,6 +46,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"),
     precision: Schema.optional(Schema.Number.pipe(Schema.int(), Schema.nonNegative()).annotations({
       title: "\u5C0F\u6570\u4F4D\u6570",
       description: "\u4FDD\u7559\u7684\u5C0F\u6570\u4F4D\u6570\uFF1B\u7559\u7A7A\u8868\u793A\u4E0D\u9650\u5236\uFF08\u4EFB\u610F\u7CBE\u5EA6\uFF09"

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

@@ -26,6 +26,10 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
         readonly compatibilityDate: "2026-04-28";
         readonly readonly?: string | undefined;
         readonly binding?: string | undefined;
+        readonly derived?: {
+            readonly mode: "formula" | "prefill";
+            readonly expression: string;
+        } | undefined;
         readonly trueLabel?: readonly [{
             readonly locale: "zh";
             readonly message: string;
@@ -65,6 +69,10 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
         readonly compatibilityDate: "2026-04-28";
         readonly readonly?: string | undefined;
         readonly binding?: string | undefined;
+        readonly derived?: {
+            readonly mode: "formula" | "prefill";
+            readonly expression: string;
+        } | undefined;
         readonly trueLabel?: readonly [{
             readonly locale: "zh";
             readonly message: string;

package/dist/runtime/components/form/fields/2026-04-28/com.shwfed.form.field.switch/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";
@@ -113,6 +114,7 @@ const pathText = computed({
           {{ fieldTitle("tooltip") }}
         </FieldLabel>
         <LocaleField
+          markdown
           :model-value="value.tooltip"
           @update:model-value="(v) => value = { ...value, tooltip: v }"
         />
@@ -222,5 +224,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="bool"
+        placeholder="例：form.total > 100"
+        @update:model-value="(v) => value = { ...value, derived: v }"
+      />
+    </Field>
   </div>
 </template>

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

@@ -26,6 +26,10 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
         readonly compatibilityDate: "2026-04-28";
         readonly readonly?: string | undefined;
         readonly binding?: string | undefined;
+        readonly derived?: {
+            readonly mode: "formula" | "prefill";
+            readonly expression: string;
+        } | undefined;
         readonly trueLabel?: readonly [{
             readonly locale: "zh";
             readonly message: string;
@@ -65,6 +69,10 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
         readonly compatibilityDate: "2026-04-28";
         readonly readonly?: string | undefined;
         readonly binding?: string | undefined;
+        readonly derived?: {
+            readonly mode: "formula" | "prefill";
+            readonly expression: string;
+        } | undefined;
         readonly trueLabel?: readonly [{
             readonly locale: "zh";
             readonly message: string;

package/dist/runtime/components/form/fields/2026-04-28/com.shwfed.form.field.switch/runtime.vue

@@ -1,12 +1,14 @@
 <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 { Field, FieldLabel } from "../../../../ui/field";
+import { Markdown } from "../../../../ui/markdown";
 import { Switch } from "../../../../ui/switch";
+import { useFormReadonly } from "../../../utils/readonly";
 import { useFormState } from "../../../utils/state";
 defineOptions({ name: "ShwfedSwitchFieldRuntime" });
 const props = defineProps({
@@ -15,7 +17,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));
@@ -38,7 +39,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(false);
 const model = computed({
   get: () => {
@@ -73,12 +78,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="text-sm text-zinc-700"
     >
       {{ model ? trueText : falseText }}

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

@@ -48,6 +48,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-28/com.shwfed.form.field.switch/schema.js

@@ -1,7 +1,7 @@
 import { Schema } from "effect";
 import { Expression } from "../../../../../share/expression.js";
 import { Locale } from "../../../../../share/locale.js";
-import { commonFieldFields } from "../../../utils/common.js";
+import { commonFieldFields, derivedField } from "../../../utils/common.js";
 export const type = "com.shwfed.form.field.switch";
 export const compatibilityDate = "2026-04-28";
 export const metadata = {
@@ -43,7 +43,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, "bool")
   }).annotations({
     title: "SwitchField",
     description: "\u5E03\u5C14\u5F00\u5173"

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

@@ -58,6 +58,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: {
@@ -115,6 +119,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-29/com.shwfed.form.field.combobox.single/config.vue

@@ -4,6 +4,7 @@ import { computed } from "vue";
 import { Button } from "../../../../ui/button";
 import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from "../../../../ui/dropdown-menu";
 import { ExpressionEditor } from "../../../../ui/expression-editor";
+import DerivedValueEditor from "../../../DerivedValueEditor.vue";
 import { Field, FieldLabel } from "../../../../ui/field";
 import { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupNumberField } from "../../../../ui/input-group";
 import { Locale as LocaleField } from "../../../../ui/locale";
@@ -214,6 +215,7 @@ function setItemTooltip(index, tooltip) {
           {{ fieldTitle("tooltip") }}
         </FieldLabel>
         <LocaleField
+          markdown
           translate-hint="form field tooltip"
           :model-value="value.tooltip"
           @update:model-value="(v) => value = { ...value, tooltip: v }"
@@ -465,5 +467,24 @@ function setItemTooltip(index, tooltip) {
         />
       </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-29/com.shwfed.form.field.combobox.single/config.vue.d.ts

@@ -58,6 +58,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: {
@@ -115,6 +119,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-29/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, watch } 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 {
@@ -20,6 +20,7 @@ import { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput } from "
 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({
@@ -47,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));
@@ -67,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 safeInterpolate(tpl, ctx) {
   try {
     return interpolateMarkdown(tpl, $cel, ctx);
@@ -166,12 +170,15 @@ const anyHasTooltip = 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"
     >
       {{ selectedLabel || "\u2014" }}
@@ -198,7 +205,7 @@ const anyHasTooltip = computed(
           <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-29/com.shwfed.form.field.combobox.single/schema.d.ts

@@ -79,6 +79,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>;
+    }>>;
     items: Schema.optionalWith<Schema.Array$<Schema.Struct<{
         id: Schema.refine<string, typeof Schema.String>;
         label: Schema.refine<readonly [{

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

@@ -2,7 +2,7 @@ import { Effect, Schema } from "effect";
 import { Expression, LocaleMarkdown } from "../../../../../share/expression.js";
 import { Locale } from "../../../../../share/locale.js";
 import { interpolateMarkdown } from "../../../../table/utils/runtime.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-29";
 export const metadata = {
@@ -72,6 +72,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"),
     items: Schema.optionalWith(Schema.Array(Item).annotations({
       title: "\u9009\u9879",
       description: "\u4E0B\u62C9\u6846\u53EF\u9009\u9879\u5217\u8868"

package/dist/runtime/components/form/fields/2026-05-12/com.shwfed.form.field.upload/config.vue

@@ -236,6 +236,7 @@ function setMultiple(v) {
           {{ fieldTitle("tooltip") }}
         </FieldLabel>
         <LocaleField
+          markdown
           translate-hint="form field tooltip"
           :model-value="value.tooltip"
           @update:model-value="(v) => value = { ...value, tooltip: v }"

package/dist/runtime/components/form/fields/2026-05-12/com.shwfed.form.field.upload/runtime.vue

@@ -1,16 +1,17 @@
 <script setup>
-import { useNuxtApp } from "#app";
 import { Icon } from "@iconify/vue";
 import { Effect } from "effect";
 import { computed, ref } from "vue";
 import { useI18n } from "vue-i18n";
 import { toast } from "vue-sonner";
-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 { Button } from "../../../../ui/button";
 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";
 const ICONS = {
   "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet": "vscode-icons:file-type-excel",
@@ -82,8 +83,7 @@ const { locale, t } = useI18n({
     }
   }
 });
-const { state, getAt, setAt, delAt } = useFormState();
-const { $cel: _rawCel } = useNuxtApp();
+const { state, getAt, setAt } = useFormState();
 const inherited = injectCELContext();
 const $cel = (expression, context) => _rawCel(expression, { ...celBindings(inherited), ...context });
 const labelText = computed(
@@ -108,7 +108,10 @@ 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 uncontrolled = ref([]);
 const files = computed({
   get: () => {
@@ -124,8 +127,7 @@ const files = computed({
       uncontrolled.value = next;
       return;
     }
-    if (next.length === 0) delAt(path);
-    else setAt(path, next);
+    setAt(path, next.length === 0 ? null : next);
   }
 });
 const inputRef = ref();
@@ -249,7 +251,10 @@ async function onDownloadTemplate() {
         v-if="tooltipText"
         #tooltip
       >
-        {{ tooltipText }}
+        <Markdown
+          :source="tooltipText"
+          class="prose prose-xs prose-zinc"
+        />
       </template>
       {{ labelText }}
     </FieldLabel>

package/dist/runtime/components/form/fields/2026-05-13/com.shwfed.form.field.combobox.single.remote/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 request: string;
         readonly options: string;
-        readonly binding?: string | undefined;
         readonly optionValue: string;
         readonly optionLabel: readonly [{
             readonly locale: "zh";
@@ -76,9 +80,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 request: string;
         readonly options: string;
-        readonly binding?: string | undefined;
         readonly optionValue: string;
         readonly optionLabel: readonly [{
             readonly locale: "zh";