@shwfed/config 2.0.0 → 2.0.2

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

@@ -0,0 +1,339 @@
+<script setup>
+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 { 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 {
+  Command,
+  CommandEmpty,
+  CommandGroup,
+  CommandInput,
+  CommandItem,
+  CommandList
+} from "../../../../ui/command";
+import { Field, FieldLabel } from "../../../../ui/field";
+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({
+  fieldId: { type: String, required: true },
+  config: { type: null, required: true }
+});
+const { locale, t } = useI18n({
+  inheritLocale: true,
+  messages: {
+    zh: {
+      "combobox-single-search-placeholder": "\u641C\u7D22\u2026",
+      "combobox-single-empty": "\u65E0\u5339\u914D\u9879",
+      "combobox-single-loading": "\u52A0\u8F7D\u4E2D\u2026"
+    },
+    en: {
+      "combobox-single-search-placeholder": "Search\u2026",
+      "combobox-single-empty": "No matches",
+      "combobox-single-loading": "Loading\u2026"
+    },
+    ja: {
+      "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, 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) : void 0
+);
+const tooltipText = computed(
+  () => props.config.tooltip ? getLocalizedText(props.config.tooltip, locale.value) : void 0
+);
+function evalBool(expression, label) {
+  if (!expression) return false;
+  try {
+    return Effect.runSync($cel(expression, { form: state.value ?? {} }));
+  } catch (err) {
+    console.error(`[shwfed-form] failed to evaluate ${label} for ${props.fieldId}:`, err);
+    return false;
+  }
+}
+const isDisabled = computed(() => evalBool(props.config.disabled, "disabled"));
+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 }));
+  } catch (err) {
+    console.error(`[shwfed-form] failed to evaluate optionValue for ${props.fieldId}:`, err);
+    return void 0;
+  }
+}
+function labelOf(option) {
+  const tpl = getLocalizedText(props.config.optionLabel, locale.value) ?? "";
+  if (!tpl) return "";
+  return interpolateMarkdown(tpl, $cel, { form: state.value ?? {}, 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;
+  isLoading.value = true;
+  const program = Effect.gen(function* () {
+    const builder = yield* $cel(expr, { form: state.value ?? {} });
+    return yield* builder.json();
+  });
+  try {
+    const result = await Effect.runPromise(Effect.provide(program, Fetch.layer));
+    if (seq === fetchSeq) json.value = result;
+  } catch {
+    if (seq === fetchSeq) json.value = null;
+  } finally {
+    if (seq === fetchSeq) isLoading.value = false;
+  }
+}
+const entries = computed(() => {
+  let raw;
+  try {
+    raw = Effect.runSync($cel(props.config.options, { form: state.value ?? {}, json: json.value }));
+  } catch (err) {
+    console.error(`[shwfed-form] failed to evaluate options for ${props.fieldId}:`, err);
+    return [];
+  }
+  if (!Array.isArray(raw)) return [];
+  return raw.map((option, idx) => ({
+    key: String(idx),
+    label: labelOf(option),
+    value: valueOf(option)
+  }));
+});
+const uncontrolled = ref(void 0);
+const model = computed({
+  get: () => {
+    const path = props.config.binding;
+    if (path == null) return uncontrolled.value;
+    return getAt(path);
+  },
+  set: (next) => {
+    const path = props.config.binding;
+    if (path == null) {
+      uncontrolled.value = next;
+      return;
+    }
+    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;
+  if (typeof a === "object" && typeof b === "object") {
+    try {
+      return JSON.stringify(a) === JSON.stringify(b);
+    } catch {
+      return false;
+    }
+  }
+  return false;
+}
+const selectedEntry = computed(
+  () => entries.value.find((entry) => isEqual(entry.value, model.value))
+);
+const selectedKey = computed(() => selectedEntry.value?.key);
+const selectedLabel = computed(() => selectedEntry.value?.label ?? "");
+const open = ref(false);
+function handleSelect(key) {
+  if (typeof key !== "string") return;
+  const entry = entries.value.find((e) => e.key === key);
+  if (!entry) return;
+  model.value = entry.value;
+  void nextTick().then(() => {
+    open.value = false;
+  });
+}
+const showClear = computed(
+  () => !isDisabled.value && selectedEntry.value !== void 0
+);
+function handleClear() {
+  model.value = void 0;
+  open.value = false;
+}
+</script>
+
+<template>
+  <Field
+    :orientation="config.orientation ?? DEFAULT_FIELD_ORIENTATION"
+    :data-disabled="isDisabled || void 0"
+  >
+    <FieldLabel
+      v-if="labelText"
+      :for="fieldId"
+      class="text-xs text-zinc-500"
+    >
+      <template
+        v-if="tooltipText"
+        #tooltip
+      >
+        <Markdown
+          :source="tooltipText"
+          class="prose prose-xs prose-zinc"
+        />
+      </template>
+      {{ labelText }}
+    </FieldLabel>
+    <div
+      v-if="effectiveReadonly"
+      class="min-h-9 py-1.5 text-sm text-zinc-700"
+    >
+      <Markdown
+        v-if="selectedLabel"
+        :source="selectedLabel"
+      />
+      <template v-else>
+        —
+      </template>
+    </div>
+    <Popover
+      v-else
+      v-model:open="open"
+    >
+      <PopoverAnchor as-child>
+        <InputGroup
+          class="group/combobox-single-remote"
+          :data-disabled="isDisabled ? 'true' : void 0"
+        >
+          <PopoverTrigger as-child>
+            <button
+              :id="fieldId"
+              type="button"
+              :disabled="isDisabled"
+              :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"
+            align="inline-end"
+            class="text-zinc-400"
+          >
+            <Icon
+              icon="fluent:spinner-ios-20-regular"
+              class="animate-spin"
+            />
+          </InputGroupAddon>
+          <InputGroupAddon
+            v-else-if="showClear"
+            align="inline-end"
+            class="[@media(hover:hover)]:opacity-0 transition-opacity group-hover/combobox-single-remote:opacity-100 focus-within:opacity-100"
+          >
+            <InputGroupButton
+              size="icon-xs"
+              data-slot="combobox-single-remote-clear"
+              class="text-zinc-500 hover:text-zinc-700"
+              tabindex="-1"
+              @mousedown.prevent
+              @click.stop="handleClear"
+            >
+              <Icon icon="fluent:dismiss-20-regular" />
+            </InputGroupButton>
+          </InputGroupAddon>
+        </InputGroup>
+      </PopoverAnchor>
+      <PopoverContent
+        class="p-0"
+        :style="{ width: 'var(--reka-popover-trigger-width)' }"
+      >
+        <Command
+          :model-value="selectedKey"
+          :disabled="isDisabled"
+          selection-behavior="toggle"
+          @update:model-value="handleSelect"
+        >
+          <CommandInput :placeholder="t('combobox-single-search-placeholder')" />
+          <CommandList>
+            <!-- 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") }}
+            </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>
+    </Popover>
+  </Field>
+</template>

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

@@ -0,0 +1,8 @@
+import type { Value } from './schema.js';
+type __VLS_Props = {
+    fieldId: string;
+    config: Value;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,88 @@
+import { Schema } from 'effect';
+import type { Environment } from '../../../../../vendor/cel-js/lib/index.js';
+export declare const type: "com.shwfed.form.field.combobox.single.remote";
+export declare const compatibilityDate: "2026-05-13";
+export declare const metadata: {
+    readonly name: "下拉单选（远程）";
+    readonly icon: "fluent:cloud-arrow-down-20-regular";
+    readonly w: {
+        readonly initial: 8;
+        readonly min: 4;
+        readonly max: number;
+    };
+    readonly h: {
+        readonly initial: 2;
+        readonly min: 2;
+        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"]>;
+        message: Schema.SchemaClass<string, string, never>;
+    }>], [Schema.Struct<{
+        locale: Schema.Literal<["ja", "en", "ko"]>;
+        message: Schema.SchemaClass<string, string, never>;
+    }>]>>;
+    placeholder: Schema.optional<Schema.TupleType<readonly [Schema.Struct<{
+        locale: Schema.Literal<["zh"]>;
+        message: Schema.SchemaClass<string, string, never>;
+    }>], [Schema.Struct<{
+        locale: Schema.Literal<["ja", "en", "ko"]>;
+        message: Schema.SchemaClass<string, string, never>;
+    }>]>>;
+    tooltip: Schema.optional<Schema.TupleType<readonly [Schema.Struct<{
+        locale: Schema.Literal<["zh"]>;
+        message: Schema.SchemaClass<string, string, never>;
+    }>], [Schema.Struct<{
+        locale: Schema.Literal<["ja", "en", "ko"]>;
+        message: Schema.SchemaClass<string, string, never>;
+    }>]>>;
+    orientation: Schema.optional<Schema.Literal<["vertical", "floating"]>>;
+    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>, {
+        default: () => string;
+    }>;
+    optionLabel: Schema.optionalWith<Schema.refine<readonly [{
+        readonly locale: "zh";
+        readonly message: string;
+    }, ...{
+        readonly locale: "en" | "ja" | "ko";
+        readonly message: string;
+    }[]], Schema.TupleType<readonly [Schema.Struct<{
+        locale: Schema.Literal<["zh"]>;
+        message: Schema.SchemaClass<string, string, never>;
+    }>], [Schema.Struct<{
+        locale: Schema.Literal<["ja", "en", "ko"]>;
+        message: Schema.SchemaClass<string, string, never>;
+    }>]>>, {
+        default: () => readonly [{
+            readonly locale: "zh";
+            readonly message: "";
+        }];
+    }>;
+    id: Schema.refine<string, typeof Schema.String>;
+    displayName: Schema.optional<Schema.SchemaClass<string, string, never>>;
+    hidden: Schema.optional<Schema.Schema<string, string, never>>;
+    type: Schema.Literal<["com.shwfed.form.field.combobox.single.remote"]>;
+    compatibilityDate: Schema.Literal<["2026-05-13"]>;
+}>;
+export type Value = Schema.Schema.Type<ReturnType<typeof schema>>;

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

@@ -0,0 +1,92 @@
+import { Schema } from "effect";
+import { Expression, LocaleMarkdown } from "../../../../../share/expression.js";
+import { Locale } from "../../../../../share/locale.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 = {
+  name: "\u4E0B\u62C9\u5355\u9009\uFF08\u8FDC\u7A0B\uFF09",
+  icon: "fluent:cloud-arrow-down-20-regular",
+  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", OPTION_VAR.type, { description: OPTION_VAR.description });
+  };
+}
+function configureWithJson(configure) {
+  return (env) => {
+    configure(env);
+    env.registerVariable("json", JSON_VAR.type, { description: JSON_VAR.description });
+  };
+}
+const isListType = (actual) => actual === "dyn" || actual.startsWith("list");
+export function schema(configure) {
+  const CelBool = Expression({ configure, resultType: "bool" });
+  const CelHttpRequest = Expression({ configure, resultType: "HttpRequest" });
+  const CelOptions = Expression({ configure: configureWithJson(configure), resultType: isListType });
+  const CelOptionValue = Expression({ configure: configureWithOption(configure), resultType: "dyn" });
+  const LocaleOptionLabel = LocaleMarkdown({ configure: configureWithOption(configure) });
+  return Schema.Struct({
+    type: Schema.Literal(type),
+    compatibilityDate: Schema.Literal(compatibilityDate),
+    ...commonFieldFields(configure),
+    label: Schema.optional(Locale.annotations({
+      title: "\u6807\u7B7E",
+      description: "\u5B57\u6BB5\u524D\u5C55\u793A\u7684\u6587\u672C\uFF1B\u7559\u7A7A\u5219\u4E0D\u6E32\u67D3\u6807\u7B7E"
+    })),
+    placeholder: Schema.optional(Locale.annotations({
+      title: "\u5360\u4F4D\u7B26",
+      description: "\u672A\u9009\u4E2D\u4EFB\u4F55\u9009\u9879\u65F6\u8F93\u5165\u6846\u4E2D\u7684\u5360\u4F4D\u6587\u672C"
+    })),
+    tooltip: Schema.optional(Locale.annotations({
+      title: "\u63D0\u793A",
+      description: "\u9F20\u6807\u60AC\u505C\u5728\u6807\u7B7E\u4E0A\u65F6\u5C55\u793A\u7684\u8BF4\u660E"
+    })),
+    orientation: Schema.optional(FieldOrientationSchema),
+    binding: Schema.optional(Schema.String.pipe(Schema.minLength(1)).annotations({
+      title: "\u7ED1\u5B9A\u8DEF\u5F84",
+      description: "\u5199\u5165\u8868\u5355\u72B6\u6001\u7684 `dot-prop` \u8DEF\u5F84\uFF0C\u4F8B\u5982 `user.role`\uFF1B\u7559\u7A7A\u5219\u4E3A\u975E\u53D7\u63A7\u5B57\u6BB5"
+    })),
+    disabled: Schema.optional(CelBool.annotations({
+      title: "\u7981\u7528\u6761\u4EF6",
+      description: "\u8FD4\u56DE `true` \u65F6\u4E0B\u62C9\u6846\u4ECD\u7136\u6E32\u67D3\u4F46\u4E0D\u53EF\u9009\u62E9"
+    })),
+    readonly: Schema.optional(CelBool.annotations({
+      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"
+    }),
+    options: CelOptions.annotations({
+      title: "\u9009\u9879",
+      description: "\u4ECE HTTP \u54CD\u5E94\u4F53\u63D0\u53D6\u9009\u9879\u6570\u7EC4\u7684 CEL \u8868\u8FBE\u5F0F\uFF1B\u53EF\u8BBF\u95EE `form` \u4E0E `json`\u3002\u4F8B\uFF1A`json.data` \u6216 `json.items.map(x, { value: x.id, label: x.name })`"
+    }),
+    optionValue: Schema.optionalWith(CelOptionValue.annotations({
+      title: "\u9009\u9879\u503C",
+      description: "\u4ECE\u5F53\u524D `option` \u63D0\u53D6\u5199\u5165\u7ED1\u5B9A\u7684\u503C\uFF1B\u4F8B\uFF1A`option.value`"
+    }), { default: () => "option" }),
+    optionLabel: Schema.optionalWith(LocaleOptionLabel.annotations({
+      title: "\u9009\u9879\u6807\u7B7E",
+      description: "\u6BCF\u4E2A\u9009\u9879\u5C55\u793A\u7684\u672C\u5730\u5316\u6587\u672C\uFF0C\u652F\u6301 `{{ string(option.foo) }}` \u63D2\u503C"
+    }), { default: () => [{ locale: "zh", message: "" }] })
+  }).annotations({
+    title: "ComboboxSingleRemoteField",
+    description: "\u4E0B\u62C9\u5355\u9009\u8F93\u5165\uFF08\u8FDC\u7A0B\u62C9\u53D6\u9009\u9879\uFF09"
+  });
+}

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

@@ -0,0 +1,105 @@
+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.list";
+        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-13";
+        readonly min?: number | undefined;
+        readonly max?: number | undefined;
+        readonly unit: Readonly<{
+            fields: ReadonlyArray<import("../../../schema.js").FieldValue>;
+            layouts: readonly Readonly<{
+                name: string;
+                media?: string;
+                layout: import("../../../schema.js").LayoutValue;
+            }>[];
+        }>;
+        readonly binding?: string | undefined;
+        readonly addLabel?: readonly [{
+            readonly locale: "zh";
+            readonly message: string;
+        }, ...{
+            readonly locale: "en" | "ja" | "ko";
+            readonly message: string;
+        }[]] | undefined;
+        readonly removeLabel?: readonly [{
+            readonly locale: "zh";
+            readonly message: string;
+        }, ...{
+            readonly locale: "en" | "ja" | "ko";
+            readonly message: string;
+        }[]] | undefined;
+        readonly reorderable?: boolean | 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.list";
+        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-13";
+        readonly min?: number | undefined;
+        readonly max?: number | undefined;
+        readonly unit: Readonly<{
+            fields: ReadonlyArray<import("../../../schema.js").FieldValue>;
+            layouts: readonly Readonly<{
+                name: string;
+                media?: string;
+                layout: import("../../../schema.js").LayoutValue;
+            }>[];
+        }>;
+        readonly binding?: string | undefined;
+        readonly addLabel?: readonly [{
+            readonly locale: "zh";
+            readonly message: string;
+        }, ...{
+            readonly locale: "en" | "ja" | "ko";
+            readonly message: string;
+        }[]] | undefined;
+        readonly removeLabel?: readonly [{
+            readonly locale: "zh";
+            readonly message: string;
+        }, ...{
+            readonly locale: "en" | "ja" | "ko";
+            readonly message: string;
+        }[]] | undefined;
+        readonly reorderable?: boolean | undefined;
+    }) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;