@shwfed/config 1.1.5 → 2.0.1

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

@@ -3,6 +3,7 @@ import { Icon } from "@iconify/vue";
 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 { IconPicker } from "../../../../ui/icon-picker";
 import { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText } from "../../../../ui/input-group";
@@ -251,6 +252,7 @@ const valueFormatExample = computed(() => {
           {{ fieldTitle("tooltip") }}
         </FieldLabel>
         <LocaleField
+          markdown
           :model-value="value.tooltip"
           @update:model-value="(v) => value = { ...value, tooltip: v }"
         />
@@ -461,5 +463,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="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.timerange/config.vue.d.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;

package/dist/runtime/components/form/fields/2026-04-27/com.shwfed.form.field.timerange/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 { 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: "ShwfedTimeRangeFieldRuntime" });
 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");
 function asRange(raw) {
   if (!Array.isArray(raw) || raw.length !== 2) return void 0;
   const [a, b] = raw;
@@ -90,12 +95,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.timerange/schema.d.ts

@@ -45,6 +45,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>;
+    }>>;
     valueFormat: Schema.optional<Schema.refine<string, typeof Schema.String>>;
     rangeSeparatorIcon: 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.timerange/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.timerange";
 export const compatibilityDate = "2026-04-27";
 const BindingPath = Schema.String.pipe(Schema.minLength(1));
@@ -54,6 +54,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"),
     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-28/com.shwfed.form.field.number/config.d.vue.ts

@@ -37,6 +37,10 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
         readonly step?: number | undefined;
         readonly readonly?: string | undefined;
         readonly binding?: string | undefined;
+        readonly derived?: {
+            readonly mode: "formula" | "prefill";
+            readonly expression: string;
+        } | undefined;
         readonly precision?: number | undefined;
         readonly roundingMode?: "round" | "floor" | "ceil" | undefined;
     }) => any;
@@ -75,6 +79,10 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
         readonly step?: number | undefined;
         readonly readonly?: string | undefined;
         readonly binding?: string | undefined;
+        readonly derived?: {
+            readonly mode: "formula" | "prefill";
+            readonly expression: string;
+        } | undefined;
         readonly precision?: number | undefined;
         readonly roundingMode?: "round" | "floor" | "ceil" | undefined;
     }) => any) | undefined;

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

@@ -8,6 +8,7 @@ import {
   DropdownMenuTrigger
 } from "../../../../ui/dropdown-menu";
 import { ExpressionEditor } from "../../../../ui/expression-editor";
+import DerivedValueEditor from "../../../DerivedValueEditor.vue";
 import { Field, FieldLabel } from "../../../../ui/field";
 import {
   InputGroup,
@@ -183,6 +184,7 @@ function onStepChange(v) {
           {{ fieldTitle("tooltip") }}
         </FieldLabel>
         <LocaleField
+          markdown
           :model-value="value.tooltip"
           @update:model-value="(v) => value = { ...value, tooltip: v }"
         />
@@ -401,5 +403,24 @@ function onStepChange(v) {
         />
       </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="number"
+        placeholder="例：form.price * form.qty"
+        @update:model-value="(v) => value = { ...value, derived: v }"
+      />
+    </Field>
   </div>
 </template>

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

@@ -37,6 +37,10 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
         readonly step?: number | undefined;
         readonly readonly?: string | undefined;
         readonly binding?: string | undefined;
+        readonly derived?: {
+            readonly mode: "formula" | "prefill";
+            readonly expression: string;
+        } | undefined;
         readonly precision?: number | undefined;
         readonly roundingMode?: "round" | "floor" | "ceil" | undefined;
     }) => any;
@@ -75,6 +79,10 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
         readonly step?: number | undefined;
         readonly readonly?: string | undefined;
         readonly binding?: string | undefined;
+        readonly derived?: {
+            readonly mode: "formula" | "prefill";
+            readonly expression: string;
+        } | undefined;
         readonly precision?: number | undefined;
         readonly roundingMode?: "round" | "floor" | "ceil" | undefined;
     }) => any) | undefined;

package/dist/runtime/components/form/fields/2026-04-28/com.shwfed.form.field.number/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 } from "vue";
+import { computed, nextTick } 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 { DEFAULT_FIELD_ORIENTATION } from "../../../utils/common";
+import { useFieldValue } from "../../../utils/field-value";
+import { useFormReadonly } from "../../../utils/readonly";
 import { useFormState } from "../../../utils/state";
 defineOptions({ name: "ShwfedNumberFieldRuntime" });
 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));
@@ -47,31 +49,21 @@ 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(() => ({
   useGrouping: false,
   maximumFractionDigits: 20
 }));
-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 typeof raw === "number" && Number.isFinite(raw) ? raw : void 0;
-  },
-  set: (next) => {
-    const path = props.config.binding;
-    const value = typeof next === "number" && Number.isFinite(next) ? next : void 0;
-    if (path == null) {
-      uncontrolled.value = value;
-      return;
-    }
-    if (value === void 0) delAt(path);
-    else setAt(path, value);
-  }
+const { draft, commit } = useFieldValue({
+  binding: () => props.config.binding,
+  fromState: (raw) => typeof raw === "number" && Number.isFinite(raw) ? raw : void 0,
+  toState: (next) => typeof next === "number" && Number.isFinite(next) ? next : null
 });
 function applyRounding(n, precision, mode) {
   const factor = 10 ** precision;
@@ -84,18 +76,22 @@ function applyRounding(n, precision, mode) {
       return Math.round(n * factor) / factor;
   }
 }
-const showClear = computed(() => !isDisabled.value && model.value !== void 0);
+const showClear = computed(() => !isDisabled.value && draft.value !== void 0);
 function handleClear() {
-  model.value = void 0;
+  draft.value = void 0;
+  commit();
 }
 async function onBlur() {
-  const precision = props.config.precision;
-  if (precision === void 0) return;
   await nextTick();
-  const current = model.value;
-  if (current === void 0) return;
-  const rounded = applyRounding(current, precision, props.config.roundingMode ?? "round");
-  if (rounded !== current) model.value = rounded;
+  const precision = props.config.precision;
+  if (precision !== void 0) {
+    const current = draft.value;
+    if (current !== void 0) {
+      const rounded = applyRounding(current, precision, props.config.roundingMode ?? "round");
+      if (rounded !== current) draft.value = rounded;
+    }
+  }
+  commit();
 }
 </script>
 
@@ -113,15 +109,18 @@ async function onBlur() {
         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
@@ -130,7 +129,7 @@ async function onBlur() {
     >
       <InputGroupNumberField
         :id="fieldId"
-        :model-value="model"
+        :model-value="draft"
         :step="config.step"
         :step-snapping="config.step !== void 0"
         :min="minValue"
@@ -139,13 +138,13 @@ async function onBlur() {
         :disabled="isDisabled"
         :placeholder="placeholderText"
         input-class="text-left"
-        @update:model-value="(v) => model = v"
+        @update:model-value="(v) => draft = v"
         @blur="onBlur"
       />
       <InputGroupAddon
         v-if="showClear"
         align="inline-end"
-        class="opacity-0 transition-opacity group-hover/number-field:opacity-100 focus-within:opacity-100"
+        class="[@media(hover:hover)]:opacity-0 transition-opacity group-hover/number-field:opacity-100 focus-within:opacity-100"
       >
         <InputGroupButton
           size="icon-xs"

package/dist/runtime/components/form/fields/2026-04-28/com.shwfed.form.field.number/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>;
+    }>>;
     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.number/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.number";
 export const compatibilityDate = "2026-04-28";
 export const metadata = {
@@ -42,6 +42,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, "number"),
     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.numberrange/config.d.vue.ts

@@ -29,6 +29,11 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
         readonly max?: string | undefined;
         readonly step?: number | undefined;
         readonly readonly?: string | undefined;
+        readonly binding?: string | undefined;
+        readonly derived?: {
+            readonly mode: "formula" | "prefill";
+            readonly expression: string;
+        } | undefined;
         readonly rangeSeparatorIcon?: string | undefined;
         readonly startPlaceholder?: readonly [{
             readonly locale: "zh";
@@ -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 | undefined;
         readonly precision?: number | undefined;
         readonly roundingMode?: "round" | "floor" | "ceil" | undefined;
     }) => any;
@@ -75,6 +79,11 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
         readonly max?: string | undefined;
         readonly step?: number | undefined;
         readonly readonly?: string | undefined;
+        readonly binding?: string | undefined;
+        readonly derived?: {
+            readonly mode: "formula" | "prefill";
+            readonly expression: string;
+        } | undefined;
         readonly rangeSeparatorIcon?: string | undefined;
         readonly startPlaceholder?: readonly [{
             readonly locale: "zh";
@@ -90,7 +99,6 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly locale: "en" | "ja" | "ko";
             readonly message: string;
         }[]] | undefined;
-        readonly binding?: string | undefined;
         readonly precision?: number | undefined;
         readonly roundingMode?: "round" | "floor" | "ceil" | undefined;
     }) => any) | undefined;

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

@@ -8,6 +8,7 @@ import {
   DropdownMenuTrigger
 } from "../../../../ui/dropdown-menu";
 import { ExpressionEditor } from "../../../../ui/expression-editor";
+import DerivedValueEditor from "../../../DerivedValueEditor.vue";
 import { Field, FieldLabel } from "../../../../ui/field";
 import { IconPicker } from "../../../../ui/icon-picker";
 import {
@@ -173,6 +174,7 @@ function setSeparatorIcon(next) {
           {{ fieldTitle("tooltip") }}
         </FieldLabel>
         <LocaleField
+          markdown
           :model-value="value.tooltip"
           @update:model-value="(v) => value = { ...value, tooltip: v }"
         />
@@ -453,5 +455,24 @@ function setSeparatorIcon(next) {
         />
       </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.lo, form.hi]"
+        @update:model-value="(v) => value = { ...value, derived: v }"
+      />
+    </Field>
   </div>
 </template>

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

@@ -29,6 +29,11 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
         readonly max?: string | undefined;
         readonly step?: number | undefined;
         readonly readonly?: string | undefined;
+        readonly binding?: string | undefined;
+        readonly derived?: {
+            readonly mode: "formula" | "prefill";
+            readonly expression: string;
+        } | undefined;
         readonly rangeSeparatorIcon?: string | undefined;
         readonly startPlaceholder?: readonly [{
             readonly locale: "zh";
@@ -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 | undefined;
         readonly precision?: number | undefined;
         readonly roundingMode?: "round" | "floor" | "ceil" | undefined;
     }) => any;
@@ -75,6 +79,11 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
         readonly max?: string | undefined;
         readonly step?: number | undefined;
         readonly readonly?: string | undefined;
+        readonly binding?: string | undefined;
+        readonly derived?: {
+            readonly mode: "formula" | "prefill";
+            readonly expression: string;
+        } | undefined;
         readonly rangeSeparatorIcon?: string | undefined;
         readonly startPlaceholder?: readonly [{
             readonly locale: "zh";
@@ -90,7 +99,6 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly locale: "en" | "ja" | "ko";
             readonly message: string;
         }[]] | undefined;
-        readonly binding?: string | undefined;
         readonly precision?: number | undefined;
         readonly roundingMode?: "round" | "floor" | "ceil" | undefined;
     }) => any) | undefined;