@shwfed/config 1.1.5 → 2.0.1

package/dist/runtime/components/form/fields/2026-05-13/com.shwfed.form.field.combobox.single.remote/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";
@@ -14,7 +15,7 @@ import {
 } from "../../../../ui/select";
 import { getStructFieldDescription, getStructFieldTitle } from "../../../schema";
 import { DEFAULT_FIELD_ORIENTATION, FIELD_ORIENTATION_OPTIONS } from "../../../utils/common";
-import { schema } from "./schema";
+import { JSON_VAR, OPTION_VAR, schema } from "./schema";
 defineOptions({ name: "ShwfedComboboxSingleRemoteFieldConfig" });
 const value = defineModel({ type: null, ...{ required: true } });
 const fieldSchema = schema(() => {
@@ -141,6 +142,7 @@ const pathText = computed({
           {{ fieldTitle("tooltip") }}
         </FieldLabel>
         <LocaleField
+          markdown
           :model-value="value.tooltip"
           @update:model-value="(v) => value = { ...value, tooltip: v }"
         />
@@ -220,6 +222,7 @@ const pathText = computed({
           :model-value="value.options"
           placeholder="例：json.data"
           result-type="list"
+          :extra-vars="{ json: JSON_VAR }"
           class="min-h-10"
           @update:model-value="(v) => value = { ...value, options: v }"
         />
@@ -242,6 +245,7 @@ const pathText = computed({
           :model-value="value.optionValue"
           placeholder="例：option[&quot;value&quot;]"
           result-type="dyn"
+          :extra-vars="{ option: OPTION_VAR }"
           class="min-h-10"
           @update:model-value="(v) => value = { ...value, optionValue: v }"
         />
@@ -259,6 +263,7 @@ const pathText = computed({
           {{ fieldTitle("optionLabel") }}
         </FieldLabel>
         <LocaleField
+          markdown
           :model-value="value.optionLabel"
           @update:model-value="(v) => value = { ...value, optionLabel: v }"
         />
@@ -326,5 +331,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-05-13/com.shwfed.form.field.combobox.single.remote/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 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";

package/dist/runtime/components/form/fields/2026-05-13/com.shwfed.form.field.combobox.single.remote/runtime.vue

@@ -1,12 +1,12 @@
 <script setup>
-import { useNuxtApp } from "#app";
 import { Icon } from "@iconify/vue";
 import { watchDebounced } from "@vueuse/core";
 import { Effect } from "effect";
 import { Fetch } from "fx-fetch";
 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 { getLocalizedText } from "../../../../../share/locale";
 import { interpolateMarkdown } from "../../../../table/utils/runtime";
 import {
@@ -18,9 +18,11 @@ import {
   CommandList
 } from "../../../../ui/command";
 import { Field, FieldLabel } from "../../../../ui/field";
-import { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput } from "../../../../ui/input-group";
+import { InputGroup, InputGroupAddon, InputGroupButton } 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: "ShwfedComboboxSingleRemoteFieldRuntime" });
 const props = defineProps({
@@ -31,32 +33,28 @@ const { locale, t } = useI18n({
   inheritLocale: true,
   messages: {
     zh: {
-      "combobox-single-placeholder": "\u8BF7\u9009\u62E9",
       "combobox-single-search-placeholder": "\u641C\u7D22\u2026",
       "combobox-single-empty": "\u65E0\u5339\u914D\u9879",
       "combobox-single-loading": "\u52A0\u8F7D\u4E2D\u2026"
     },
     en: {
-      "combobox-single-placeholder": "Select\u2026",
       "combobox-single-search-placeholder": "Search\u2026",
       "combobox-single-empty": "No matches",
       "combobox-single-loading": "Loading\u2026"
     },
     ja: {
-      "combobox-single-placeholder": "\u9078\u629E\u3057\u3066\u304F\u3060\u3055\u3044",
       "combobox-single-search-placeholder": "\u691C\u7D22\u2026",
       "combobox-single-empty": "\u4E00\u81F4\u306A\u3057",
       "combobox-single-loading": "\u8AAD\u307F\u8FBC\u307F\u4E2D\u2026"
     }
   }
 });
-const { state, getAt, setAt } = useFormState();
-const { $cel: _rawCel } = useNuxtApp();
+const { state, getAt, setAt, setAtSilent } = useFormState();
 const inherited = injectCELContext();
 const $cel = (expression, context) => _rawCel(expression, { ...celBindings(inherited), ...context });
 const labelText = computed(() => getLocalizedText(props.config.label, locale.value));
 const placeholderText = computed(
-  () => props.config.placeholder ? getLocalizedText(props.config.placeholder, locale.value) : t("combobox-single-placeholder")
+  () => props.config.placeholder ? getLocalizedText(props.config.placeholder, locale.value) : void 0
 );
 const tooltipText = computed(
   () => props.config.tooltip ? getLocalizedText(props.config.tooltip, locale.value) : void 0
@@ -71,7 +69,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 }));
@@ -87,30 +89,39 @@ function labelOf(option) {
 }
 const json = ref(null);
 const isLoading = ref(false);
+const requestSignature = computed(() => {
+  const expr = props.config.request;
+  if (!expr) return null;
+  try {
+    const builder = Effect.runSync($cel(expr, { form: state.value ?? {} }));
+    return JSON.stringify(builder.describe());
+  } catch {
+    return null;
+  }
+});
+let fetchSeq = 0;
 async function fetchOptions() {
+  const seq = ++fetchSeq;
+  if (requestSignature.value == null) {
+    json.value = null;
+    isLoading.value = false;
+    return;
+  }
   const expr = props.config.request;
-  if (!expr) return;
   isLoading.value = true;
   const program = Effect.gen(function* () {
     const builder = yield* $cel(expr, { form: state.value ?? {} });
     return yield* builder.json();
   });
   try {
-    json.value = await Effect.runPromise(Effect.provide(program, Fetch.layer));
-  } catch (err) {
-    console.error(`[shwfed-form] failed to fetch options for ${props.fieldId}:`, err);
-    json.value = null;
+    const result = await Effect.runPromise(Effect.provide(program, Fetch.layer));
+    if (seq === fetchSeq) json.value = result;
+  } catch {
+    if (seq === fetchSeq) json.value = null;
   } finally {
-    isLoading.value = false;
+    if (seq === fetchSeq) isLoading.value = false;
   }
 }
-watchDebounced(
-  [() => state.value, () => props.config.request],
-  () => {
-    void fetchOptions();
-  },
-  { deep: true, debounce: 200, immediate: true }
-);
 const entries = computed(() => {
   let raw;
   try {
@@ -142,6 +153,20 @@ const model = computed({
     setAt(path, next);
   }
 });
+let lastRequestSignature;
+watchDebounced(
+  requestSignature,
+  () => {
+    if (lastRequestSignature != null) {
+      const path = props.config.binding;
+      if (path == null) uncontrolled.value = void 0;
+      else setAtSilent(path, void 0);
+    }
+    lastRequestSignature = requestSignature.value;
+    void fetchOptions();
+  },
+  { debounce: 200, immediate: true }
+);
 function isEqual(a, b) {
   if (a === b) return true;
   if (a == null || b == null) return false;
@@ -192,15 +217,24 @@ 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" }}
+      <Markdown
+        v-if="selectedLabel"
+        :source="selectedLabel"
+      />
+      <template v-else>
+        —
+      </template>
     </div>
     <Popover
       v-else
@@ -212,14 +246,24 @@ function handleClear() {
           :data-disabled="isDisabled ? 'true' : void 0"
         >
           <PopoverTrigger as-child>
-            <InputGroupInput
+            <button
               :id="fieldId"
-              :model-value="selectedLabel"
+              type="button"
               :disabled="isDisabled"
-              :placeholder="placeholderText"
-              class="cursor-pointer text-left"
-              readonly
-            />
+              :data-value="!!selectedLabel"
+              data-slot="input-group-control"
+              class="peer flex h-9 min-w-0 flex-1 cursor-default items-center overflow-hidden rounded-none border-0 bg-transparent px-3 py-1 text-left text-sm text-zinc-700 outline-none disabled:cursor-not-allowed"
+            >
+              <Markdown
+                v-if="selectedLabel"
+                :source="selectedLabel"
+                class="block truncate"
+              />
+              <span
+                v-else-if="placeholderText"
+                class="block truncate text-zinc-300"
+              >{{ placeholderText }}</span>
+            </button>
           </PopoverTrigger>
           <InputGroupAddon
             v-if="isLoading"
@@ -234,7 +278,7 @@ function handleClear() {
           <InputGroupAddon
             v-else-if="showClear"
             align="inline-end"
-            class="opacity-0 transition-opacity group-hover/combobox-single-remote:opacity-100 focus-within:opacity-100"
+            class="[@media(hover:hover)]:opacity-0 transition-opacity group-hover/combobox-single-remote:opacity-100 focus-within:opacity-100"
           >
             <InputGroupButton
               size="icon-xs"
@@ -261,18 +305,32 @@ function handleClear() {
         >
           <CommandInput :placeholder="t('combobox-single-search-placeholder')" />
           <CommandList>
-            <CommandEmpty class="py-6 text-center text-sm text-zinc-500">
+            <!-- Zero candidates: still loading, the fetch failed, or the
+                 endpoint returned nothing. `CommandEmpty` cannot cover this
+                 — it only renders once a search query has filtered a
+                 non-empty list down to zero — so the empty list is given an
+                 explicit placeholder here. -->
+            <div
+              v-if="entries.length === 0"
+              data-slot="combobox-single-remote-empty"
+              class="py-6 text-center text-sm text-zinc-500"
+            >
               {{ isLoading ? t("combobox-single-loading") : t("combobox-single-empty") }}
-            </CommandEmpty>
-            <CommandGroup>
-              <CommandItem
-                v-for="entry in entries"
-                :key="entry.key"
-                :value="entry.key"
-              >
-                {{ entry.label }}
-              </CommandItem>
-            </CommandGroup>
+            </div>
+            <template v-else>
+              <CommandEmpty class="py-6 text-center text-sm text-zinc-500">
+                {{ t("combobox-single-empty") }}
+              </CommandEmpty>
+              <CommandGroup>
+                <CommandItem
+                  v-for="entry in entries"
+                  :key="entry.key"
+                  :value="entry.key"
+                >
+                  <Markdown :source="entry.label" />
+                </CommandItem>
+              </CommandGroup>
+            </template>
           </CommandList>
         </Command>
       </PopoverContent>

package/dist/runtime/components/form/fields/2026-05-13/com.shwfed.form.field.combobox.single.remote/schema.d.ts

@@ -16,6 +16,16 @@ export declare const metadata: {
         readonly max: 2;
     };
 };
+export declare const OPTION_VAR: {
+    readonly type: "dyn";
+    readonly label: "当前选项";
+    readonly description: "`选项` 表达式产出的数组中迭代到的单个元素";
+};
+export declare const JSON_VAR: {
+    readonly type: "dyn";
+    readonly label: "HTTP 响应体";
+    readonly description: "HTTP 响应体（已解析 JSON）；请求失败或尚未完成时为 `null`";
+};
 export declare function schema(configure: (env: Environment) => void): Schema.Struct<{
     label: Schema.optional<Schema.TupleType<readonly [Schema.Struct<{
         locale: Schema.Literal<["zh"]>;
@@ -42,6 +52,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>;
+    }>>;
     request: Schema.Schema<string, string, never>;
     options: Schema.Schema<string, string, never>;
     optionValue: Schema.optionalWith<Schema.Schema<string, string, never>, {

package/dist/runtime/components/form/fields/2026-05-13/com.shwfed.form.field.combobox.single.remote/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.remote";
 export const compatibilityDate = "2026-05-13";
 export const metadata = {
@@ -10,18 +10,26 @@ export const metadata = {
   w: { initial: 8, min: 4, max: Infinity },
   h: { initial: 2, min: 2, max: 2 }
 };
+export const OPTION_VAR = {
+  type: "dyn",
+  label: "\u5F53\u524D\u9009\u9879",
+  description: "`\u9009\u9879` \u8868\u8FBE\u5F0F\u4EA7\u51FA\u7684\u6570\u7EC4\u4E2D\u8FED\u4EE3\u5230\u7684\u5355\u4E2A\u5143\u7D20"
+};
+export const JSON_VAR = {
+  type: "dyn",
+  label: "HTTP \u54CD\u5E94\u4F53",
+  description: "HTTP \u54CD\u5E94\u4F53\uFF08\u5DF2\u89E3\u6790 JSON\uFF09\uFF1B\u8BF7\u6C42\u5931\u8D25\u6216\u5C1A\u672A\u5B8C\u6210\u65F6\u4E3A `null`"
+};
 function configureWithOption(configure) {
   return (env) => {
     configure(env);
-    env.registerVariable("option", "dyn", { description: "\u5F53\u524D\u9009\u9879" });
+    env.registerVariable("option", OPTION_VAR.type, { description: OPTION_VAR.description });
   };
 }
 function configureWithJson(configure) {
   return (env) => {
     configure(env);
-    env.registerVariable("json", "dyn", {
-      description: "HTTP \u54CD\u5E94\u4F53\uFF08\u5DF2\u89E3\u6790 JSON\uFF09\uFF1B\u8BF7\u6C42\u5931\u8D25\u6216\u5C1A\u672A\u5B8C\u6210\u65F6\u4E3A `null`"
-    });
+    env.registerVariable("json", JSON_VAR.type, { description: JSON_VAR.description });
   };
 }
 const isListType = (actual) => actual === "dyn" || actual.startsWith("list");
@@ -60,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\u9009\u9879\u7684\u6807\u7B7E"
     })),
+    derived: derivedField(configure, "dyn"),
     request: CelHttpRequest.annotations({
       title: "\u8BF7\u6C42",
       description: "\u8FD4\u56DE `HttpRequest` \u7684 CEL \u8868\u8FBE\u5F0F\uFF1B\u53EF\u8BBF\u95EE `form` \u5F53\u524D\u72B6\u6001\u3002\u8868\u5355\u72B6\u6001\u53D8\u5316\u540E\u4F1A\u91CD\u65B0\u62C9\u53D6\u9009\u9879"

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

@@ -169,6 +169,7 @@ const reorderable = computed({
               {{ fieldTitle("tooltip") }}
             </FieldLabel>
             <LocaleField
+              markdown
               :model-value="value.tooltip"
               @update:model-value="(v) => value = { ...value, tooltip: v }"
             />

package/dist/runtime/components/form/fields/2026-05-13/com.shwfed.form.field.list/row.vue

@@ -1,8 +1,10 @@
 <script setup>
-import { useNuxtApp } from "#app";
+import { cel as _rawCel } from "../../../../../utils/cel";
 import { Effect } from "effect";
 import { computed, onMounted, ref, watch } from "vue";
-import { celBindings, injectCELContext } from "../../../../../plugins/cel/context";
+import { celBindings, injectCELContext, provideCELContext } from "../../../../../utils/cel-context";
+import { DEFAULT_GAP } from "../../../schema";
+import { useDerived, useDerivedQuiescence } from "../../../utils/derived";
 import { findField } from "../../../utils/resolve";
 import { provideFormState } from "../../../utils/state";
 defineOptions({ name: "ShwfedListFieldRow" });
@@ -10,10 +12,24 @@ const state = defineModel({ type: Object, ...{ required: true } });
 const props = defineProps({
   unit: { type: Object, required: true }
 });
-provideFormState(state);
-const { $cel: _rawCel } = useNuxtApp();
+const formState = provideFormState(state);
+provideCELContext({
+  item: {
+    type: "dyn",
+    label: "item",
+    description: "\u5F53\u524D\u5217\u8868\u9879",
+    value: () => state.value ?? {}
+  }
+});
 const inherited = injectCELContext();
 const $cel = (expression, context) => _rawCel(expression, { ...celBindings(inherited), ...context });
+useDerived({
+  fields: () => props.unit.fields,
+  evaluate: (expression) => $cel(expression),
+  ready: Promise.resolve(),
+  formState,
+  quiescence: useDerivedQuiescence()
+});
 function pickLayout(sets) {
   for (const set of sets) {
     if (!set.media) return set;
@@ -73,7 +89,8 @@ const gridStyle = computed(() => {
     "display: grid",
     `grid-template-columns: ${colTemplate}`,
     rowTemplate ? `grid-template-rows: ${rowTemplate}` : "",
-    l.gap ? `gap: calc(${l.gap} * 0.25rem)` : "",
+    // Missing `gap` falls back to `DEFAULT_GAP`; see ../../../index.vue.
+    `gap: calc(${l.gap ?? DEFAULT_GAP} * 0.25rem)`,
     l.style ?? ""
   ].filter(Boolean);
   return parts.join("; ");

package/dist/runtime/components/form/fields/2026-05-13/com.shwfed.form.field.list/runtime.vue

@@ -1,10 +1,10 @@
 <script setup>
-import { useNuxtApp } from "#app";
 import { Icon } from "@iconify/vue";
 import { Effect } from "effect";
 import { computed, 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 {
   useTreeDnd
@@ -12,6 +12,7 @@ import {
 import { Button } from "../../../../ui/button";
 import { Field, FieldLabel } from "../../../../ui/field";
 import { InputGroupButton } from "../../../../ui/input-group";
+import { Markdown } from "../../../../ui/markdown";
 import { useFormState } from "../../../utils/state";
 import Row from "./row.vue";
 defineOptions({ name: "ShwfedListFieldRuntime" });
@@ -21,7 +22,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));
@@ -156,7 +156,10 @@ function rowConfig(i) {
         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.list/schema.js

@@ -13,7 +13,13 @@ export const metadata = {
 };
 export function schema(configure) {
   const CelBool = Expression({ configure, resultType: "bool" });
-  const Unit = Schema.suspend(() => FormUnit(configure));
+  const unitConfigure = (env) => {
+    configure(env);
+    if (!env.getDefinitions().variables.some((v) => v.name === "item")) {
+      env.registerVariable("item", "dyn", { description: "\u5F53\u524D\u5217\u8868\u9879" });
+    }
+  };
+  const Unit = Schema.suspend(() => FormUnit(unitConfigure));
   return Schema.Struct({
     type: Schema.Literal(type),
     compatibilityDate: Schema.Literal(compatibilityDate),

package/dist/runtime/components/form/fields/2026-05-17/com.shwfed.form.field.checkbox.group/config.d.vue.ts

@@ -0,0 +1,113 @@
+import { type Value } from './schema.js';
+type __VLS_ModelProps = {
+    modelValue: Value;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: {
+        readonly label?: readonly [{
+            readonly locale: "zh";
+            readonly message: string;
+        }, ...{
+            readonly locale: "en" | "ja" | "ko";
+            readonly message: string;
+        }[]] | undefined;
+        readonly disabled?: string | undefined;
+        readonly type: "com.shwfed.form.field.checkbox.group";
+        readonly id: string;
+        readonly hidden?: string | undefined;
+        readonly tooltip?: readonly [{
+            readonly locale: "zh";
+            readonly message: string;
+        }, ...{
+            readonly locale: "en" | "ja" | "ko";
+            readonly message: string;
+        }[]] | undefined;
+        readonly displayName?: string | undefined;
+        readonly compatibilityDate: "2026-05-17";
+        readonly items: readonly {
+            readonly label: readonly [{
+                readonly locale: "zh";
+                readonly message: string;
+            }, ...{
+                readonly locale: "en" | "ja" | "ko";
+                readonly message: string;
+            }[]];
+            readonly id: string;
+            readonly tooltip?: readonly [{
+                readonly locale: "zh";
+                readonly message: string;
+            }, ...{
+                readonly locale: "en" | "ja" | "ko";
+                readonly message: string;
+            }[]] | undefined;
+            readonly value: {
+                readonly value: string;
+                readonly kind: "text";
+            } | {
+                readonly value: number;
+                readonly kind: "number";
+            };
+        }[];
+        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: {
+        readonly label?: readonly [{
+            readonly locale: "zh";
+            readonly message: string;
+        }, ...{
+            readonly locale: "en" | "ja" | "ko";
+            readonly message: string;
+        }[]] | undefined;
+        readonly disabled?: string | undefined;
+        readonly type: "com.shwfed.form.field.checkbox.group";
+        readonly id: string;
+        readonly hidden?: string | undefined;
+        readonly tooltip?: readonly [{
+            readonly locale: "zh";
+            readonly message: string;
+        }, ...{
+            readonly locale: "en" | "ja" | "ko";
+            readonly message: string;
+        }[]] | undefined;
+        readonly displayName?: string | undefined;
+        readonly compatibilityDate: "2026-05-17";
+        readonly items: readonly {
+            readonly label: readonly [{
+                readonly locale: "zh";
+                readonly message: string;
+            }, ...{
+                readonly locale: "en" | "ja" | "ko";
+                readonly message: string;
+            }[]];
+            readonly id: string;
+            readonly tooltip?: readonly [{
+                readonly locale: "zh";
+                readonly message: string;
+            }, ...{
+                readonly locale: "en" | "ja" | "ko";
+                readonly message: string;
+            }[]] | undefined;
+            readonly value: {
+                readonly value: string;
+                readonly kind: "text";
+            } | {
+                readonly value: number;
+                readonly kind: "number";
+            };
+        }[];
+        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;
+export default _default;