@shwfed/config 2.10.7 → 2.10.9

package/dist/runtime/components/form/fields/2026-06-20/com.shwfed.form.field.tabs/config.vue

@@ -0,0 +1,345 @@
+<script setup>
+import { Icon } from "@iconify/vue";
+import { computed, inject, onBeforeUnmount, onMounted, ref, watch } from "vue";
+import { useI18n } from "vue-i18n";
+import { reidItems } from "../../../../../share/clipboard";
+import { getLocalizedText } from "../../../../../share/locale";
+import {
+  useTreeDnd
+} from "../../../../../composables/useTreeDnd";
+import { Button } from "../../../../ui/button";
+import { Field, FieldLabel } from "../../../../ui/field";
+import { InputGroup, InputGroupInput } from "../../../../ui/input-group";
+import { Locale as LocaleField } from "../../../../ui/locale";
+import { Markdown } from "../../../../ui/markdown";
+import { Textarea } from "../../../../ui/textarea";
+import { Tooltip, TooltipContent, TooltipTrigger } from "../../../../ui/tooltip";
+import { FORM_FIELD_LAYOUT_KEY } from "../../../field-layout";
+import {
+  getStructFieldDescription,
+  getStructFieldTitle
+} from "../../../schema";
+import ShwfedFormUnitConfig, {
+} from "../../../unit-config.vue";
+import { schema, TabMeta } from "./schema";
+defineOptions({ name: "ShwfedTabsFieldConfig" });
+const value = defineModel({ type: null, ...{ required: true } });
+const { locale } = useI18n();
+const fieldSchema = schema(() => {
+});
+const fieldTitle = (f) => getStructFieldTitle(fieldSchema, f) ?? f;
+const fieldDescription = (f) => getStructFieldDescription(fieldSchema, f);
+const tabFieldTitle = (f) => getStructFieldTitle(TabMeta, f) ?? f;
+const tabFieldDescription = (f) => getStructFieldDescription(TabMeta, f);
+const layout = inject(FORM_FIELD_LAYOUT_KEY, null);
+onMounted(() => {
+  if (layout) layout.fullPane.value = true;
+});
+onBeforeUnmount(() => {
+  if (layout) layout.fullPane.value = false;
+});
+const tabs = computed(() => value.value.tabs);
+const activeTabId = ref(tabs.value[0]?.id ?? "");
+function tabIndex(id) {
+  return value.value.tabs.findIndex((t) => t.id === id);
+}
+const activeTab = computed(
+  () => value.value.tabs.find((t) => t.id === activeTabId.value) ?? null
+);
+function tabLabel(t, index) {
+  return getLocalizedText(t.label, locale.value) ?? `\u6807\u7B7E ${index + 1}`;
+}
+watch(tabs, (next) => {
+  if (next.length === 0) activeTabId.value = "";
+  else if (!next.some((t) => t.id === activeTabId.value)) activeTabId.value = next[0].id;
+}, { flush: "post" });
+const activeTabUnitModel = computed({
+  get: () => value.value.tabs.find((t) => t.id === activeTabId.value)?.unit ?? { fields: [], layouts: [{ name: "\u9ED8\u8BA4", layout: { columns: 1, placements: {} } }] },
+  set: (next) => {
+    const arr = value.value.tabs.map(
+      (t) => t.id === activeTabId.value ? { ...t, unit: next } : t
+    );
+    value.value = { ...value.value, tabs: arr };
+  }
+});
+const EXTRAS = [
+  { id: "field", label: "\u901A\u7528\u914D\u7F6E", icon: "fluent:settings-20-regular" }
+];
+const selection = ref({ kind: "layout" });
+function selectTab(id) {
+  activeTabId.value = id;
+  selection.value = { kind: "layout" };
+}
+function updateTabLabel(id, v) {
+  const arr = value.value.tabs.map(
+    (t) => t.id === id ? { ...t, label: v } : t
+  );
+  value.value = { ...value.value, tabs: arr };
+}
+function updateDisplayName(v) {
+  const s = v.trim();
+  value.value = { ...value.value, displayName: s.length > 0 ? s : void 0 };
+}
+function updateStyle(v) {
+  const next = { ...value.value };
+  if (v.trim() === "") delete next.style;
+  else next.style = v;
+  value.value = next;
+}
+function makeId() {
+  if (typeof crypto !== "undefined" && "randomUUID" in crypto) return crypto.randomUUID();
+  return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, (c) => {
+    const r = Math.random() * 16 | 0;
+    return (c === "x" ? r : r & 3 | 8).toString(16);
+  });
+}
+function emptyUnit() {
+  return {
+    fields: [],
+    layouts: [{ name: "\u9ED8\u8BA4", layout: { columns: 1, placements: {} } }]
+  };
+}
+function addTab() {
+  const id = makeId();
+  const index = value.value.tabs.length + 1;
+  const next = {
+    id,
+    label: [{ locale: "zh", message: `\u6807\u7B7E ${index}` }],
+    unit: emptyUnit()
+  };
+  value.value = { ...value.value, tabs: [...value.value.tabs, next] };
+  selectTab(id);
+}
+function duplicateTab(id) {
+  const i = tabIndex(id);
+  if (i < 0) return;
+  const src = value.value.tabs[i];
+  const dupUnit = reidItems([src.unit])[0];
+  const dup = { id: makeId(), label: src.label, unit: dupUnit };
+  const arr = [...value.value.tabs];
+  arr.splice(i + 1, 0, dup);
+  value.value = { ...value.value, tabs: arr };
+  selectTab(dup.id);
+}
+function deleteTab(id) {
+  if (value.value.tabs.length <= 1) return;
+  const i = tabIndex(id);
+  if (i < 0) return;
+  const arr = value.value.tabs.filter((_, idx) => idx !== i);
+  value.value = { ...value.value, tabs: arr };
+  if (activeTabId.value === id) {
+    selectTab(arr[Math.max(0, i - 1)]?.id ?? "");
+  }
+}
+function moveTab(from, to) {
+  if (from === to) return;
+  if (from < 0 || to < 0) return;
+  if (from >= value.value.tabs.length || to >= value.value.tabs.length) return;
+  const next = [...value.value.tabs];
+  const [item] = next.splice(from, 1);
+  if (!item) return;
+  next.splice(to, 0, item);
+  value.value = { ...value.value, tabs: next };
+}
+const ROW_KIND = "tabs-field-row";
+function rowId(i) {
+  return `tab-${i}`;
+}
+function onRowDrop(e) {
+  if (e.source.kind !== ROW_KIND || e.target.kind !== ROW_KIND) return;
+  const from = value.value.tabs.findIndex((_, i) => rowId(i) === e.source.id);
+  const to = value.value.tabs.findIndex((_, i) => rowId(i) === e.target.id);
+  if (from < 0 || to < 0) return;
+  if (e.instruction === "reorder-above") moveTab(from, from < to ? to - 1 : to);
+  else if (e.instruction === "reorder-below") moveTab(from, from <= to ? to : to + 1);
+}
+const dnd = useTreeDnd({ onRowDrop });
+const pickDragHandle = (el) => el.querySelector(".drag-handle");
+function rowConfig(i) {
+  return {
+    kind: ROW_KIND,
+    canDrop: (src) => src.kind === ROW_KIND,
+    blockInstructions: (src) => {
+      const blocked = ["make-child", "reparent"];
+      if (src.id === rowId(i)) blocked.push("reorder-above", "reorder-below");
+      return blocked;
+    },
+    dragHandle: pickDragHandle
+  };
+}
+</script>
+
+<template>
+  <ShwfedFormUnitConfig
+    v-model="activeTabUnitModel"
+    v-model:selection="selection"
+    :scope-key="activeTabId"
+    :extras="EXTRAS"
+  >
+    <!-- Tab list — injected as the rail's top half, above the active tab's
+         layouts, so the rail reads as two parallel lists (matching the
+         block-tabs config). -->
+    <template #rail-extra>
+      <div class="flex flex-col gap-0.5">
+        <div
+          v-for="(t, i) in value.tabs"
+          :key="t.id"
+          :ref="dnd.rowRef(rowId(i), rowConfig(i))"
+          class="row group pl-2"
+          :class="[
+  activeTabId === t.id ? 'bg-[color-mix(in_srgb,var(--primary)_10%,white)] text-(--primary)' : 'text-zinc-700 hover:bg-zinc-50'
+]"
+          :data-instruction="dnd.instructionFor(rowId(i)) ?? void 0"
+          @click="selectTab(t.id)"
+        >
+          <Icon
+            icon="fluent:re-order-dots-vertical-20-regular"
+            class="drag-handle size-4 shrink-0 cursor-grab text-zinc-400"
+          />
+          <span class="flex-1 truncate">{{ tabLabel(t, i) }}</span>
+          <span
+            class="ml-auto flex items-center gap-0.5 opacity-0 transition-opacity group-hover:opacity-100"
+            @click.stop
+          >
+            <Tooltip :delay-duration="180">
+              <TooltipTrigger as-child>
+                <button
+                  type="button"
+                  class="inline-flex size-6 items-center justify-center rounded text-zinc-400 hover:bg-zinc-100 hover:text-zinc-700"
+                  @click.stop="duplicateTab(t.id)"
+                >
+                  <Icon
+                    icon="fluent:copy-20-regular"
+                    class="size-3.5"
+                  />
+                </button>
+              </TooltipTrigger>
+              <TooltipContent side="right">
+                复制标签页
+              </TooltipContent>
+            </Tooltip>
+            <Tooltip :delay-duration="180">
+              <TooltipTrigger as-child>
+                <button
+                  type="button"
+                  class="inline-flex size-6 items-center justify-center rounded text-zinc-300 hover:bg-red-50 hover:text-red-500 disabled:cursor-not-allowed disabled:opacity-30 disabled:hover:bg-transparent disabled:hover:text-zinc-300"
+                  :disabled="value.tabs.length <= 1"
+                  @click.stop="deleteTab(t.id)"
+                >
+                  <Icon
+                    icon="fluent:delete-20-regular"
+                    class="size-3.5"
+                  />
+                </button>
+              </TooltipTrigger>
+              <TooltipContent side="right">
+                {{ value.tabs.length <= 1 ? "\u81F3\u5C11\u9700\u8981\u4E00\u4E2A\u6807\u7B7E\u9875" : "\u5220\u9664\u6807\u7B7E\u9875" }}
+              </TooltipContent>
+            </Tooltip>
+          </span>
+        </div>
+      </div>
+    </template>
+
+    <!-- 新增标签页 — pinned at the foot of the tab-list half. -->
+    <template #rail-extra-foot>
+      <Button
+        variant="ghost"
+        size="sm"
+        class="w-full justify-start"
+        @click="addTab()"
+      >
+        <Icon
+          icon="fluent:add-20-regular"
+          class="size-4"
+        />
+        <span>新增标签页</span>
+      </Button>
+    </template>
+
+    <!-- Active tab's label — above the layout canvas, mirroring the block's
+         pane header (标签名 → 名称 → canvas). -->
+    <template #pane-header>
+      <Field
+        v-if="activeTab"
+        orientation="vertical"
+      >
+        <FieldLabel class="text-xs text-zinc-500">
+          <template
+            v-if="tabFieldDescription('label')"
+            #tooltip
+          >
+            <Markdown
+              :source="tabFieldDescription('label')"
+              block
+              class="prose prose-sm prose-zinc"
+            />
+          </template>
+          {{ tabFieldTitle("label") }}
+        </FieldLabel>
+        <LocaleField
+          :model-value="activeTab.label"
+          :translate-hint="tabFieldTitle('label')"
+          @update:model-value="(v) => updateTabLabel(activeTab.id, v)"
+        />
+      </Field>
+    </template>
+
+    <!-- 通用配置: field-level props (editor-only name + container style). -->
+    <template #extras-pane="{ id }">
+      <div
+        v-if="id === 'field'"
+        class="flex flex-col gap-2"
+      >
+        <Field orientation="vertical">
+          <FieldLabel class="text-xs text-zinc-500">
+            <template
+              v-if="fieldDescription('displayName')"
+              #tooltip
+            >
+              <Markdown
+                :source="fieldDescription('displayName')"
+                block
+                class="prose prose-sm prose-zinc"
+              />
+            </template>
+            {{ fieldTitle("displayName") }}
+          </FieldLabel>
+          <InputGroup>
+            <InputGroupInput
+              :model-value="value.displayName ?? ''"
+              placeholder="例：基本信息"
+              @update:model-value="(v) => updateDisplayName(String(v ?? ''))"
+            />
+          </InputGroup>
+        </Field>
+
+        <Field orientation="vertical">
+          <FieldLabel class="text-xs text-zinc-500">
+            <template
+              v-if="fieldDescription('style')"
+              #tooltip
+            >
+              <Markdown
+                :source="fieldDescription('style')"
+                block
+                class="prose prose-sm prose-zinc"
+              />
+            </template>
+            {{ fieldTitle("style") }}
+          </FieldLabel>
+          <Textarea
+            :model-value="value.style ?? ''"
+            placeholder="CSS 样式字符串"
+            class="min-h-20 font-mono text-xs"
+            @update:model-value="(v) => updateStyle(String(v))"
+          />
+        </Field>
+      </div>
+    </template>
+  </ShwfedFormUnitConfig>
+</template>
+
+<style scoped>
+.row{align-items:center;border-radius:.25rem;cursor:pointer;display:flex;font-size:.875rem;gap:.375rem;padding-block:.375rem;padding-right:.5rem;position:relative;transition:background-color .1s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}[data-instruction=reorder-above]:before,[data-instruction=reorder-below]:after{background:var(--primary,#2563eb);content:"";height:2px;left:.5rem;pointer-events:none;position:absolute;right:.5rem;z-index:1}[data-instruction=reorder-above]:before{top:-1px}[data-instruction=reorder-below]:after{bottom:-1px}
+</style>

package/dist/runtime/components/form/fields/2026-06-20/com.shwfed.form.field.tabs/config.vue.d.ts

@@ -0,0 +1,59 @@
+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 type: "com.shwfed.form.field.tabs";
+        readonly style?: string | undefined;
+        readonly id: string;
+        readonly displayName?: string | undefined;
+        readonly compatibilityDate: "2026-06-20";
+        readonly tabs: readonly {
+            readonly label: readonly [{
+                readonly locale: "zh";
+                readonly message: string;
+            }, ...{
+                readonly locale: "en" | "ja" | "ko";
+                readonly message: string;
+            }[]];
+            readonly id: string;
+            readonly unit: Readonly<{
+                fields: ReadonlyArray<import("../../../schema.js").FieldValue>;
+                layouts: readonly Readonly<{
+                    name: string;
+                    media?: string;
+                    layout: import("../../../schema.js").LayoutValue;
+                }>[];
+            }>;
+        }[];
+    }) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_ModelProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: {
+        readonly type: "com.shwfed.form.field.tabs";
+        readonly style?: string | undefined;
+        readonly id: string;
+        readonly displayName?: string | undefined;
+        readonly compatibilityDate: "2026-06-20";
+        readonly tabs: readonly {
+            readonly label: readonly [{
+                readonly locale: "zh";
+                readonly message: string;
+            }, ...{
+                readonly locale: "en" | "ja" | "ko";
+                readonly message: string;
+            }[]];
+            readonly id: string;
+            readonly unit: Readonly<{
+                fields: ReadonlyArray<import("../../../schema.js").FieldValue>;
+                layouts: readonly Readonly<{
+                    name: string;
+                    media?: string;
+                    layout: import("../../../schema.js").LayoutValue;
+                }>[];
+            }>;
+        }[];
+    }) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/form/fields/2026-06-20/com.shwfed.form.field.tabs/runtime.d.vue.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-06-20/com.shwfed.form.field.tabs/runtime.vue

@@ -0,0 +1,113 @@
+<script setup>
+import { Effect } from "effect";
+import { computed } 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 { useActiveTabId } from "../../../../../share/use-active-tab-id";
+import { Tabs, TabsContent, TabsList, TabsTrigger } from "../../../../ui/tabs";
+import FormUnitRenderer from "../../../FormUnitRenderer.vue";
+import { useValidationProvider } from "../../../utils/validation";
+defineOptions({ name: "ShwfedTabsFieldRuntime" });
+const props = defineProps({
+  fieldId: { type: String, required: true },
+  config: { type: null, required: true }
+});
+const { locale } = useI18n();
+const inherited = injectCELContext();
+const $cel = (expression, context) => _rawCel(expression, { ...celBindings(inherited), ...context });
+function evaluateMedia(expression) {
+  return Effect.runSync($cel(expression));
+}
+function isHidden(field) {
+  const hidden = field.hidden;
+  if (!hidden) return false;
+  try {
+    return Effect.runSync($cel(hidden));
+  } catch (err) {
+    console.error(`[shwfed-form] tabs: failed to evaluate hidden for ${field.id}:`, err);
+    return false;
+  }
+}
+const tabIds = computed(() => props.config.tabs.map((t) => t.id));
+const active = useActiveTabId(props.fieldId, tabIds);
+function tabLabel(tab, index) {
+  return getLocalizedText(tab.label, locale.value) ?? `\u6807\u7B7E ${index + 1}`;
+}
+const validation = useValidationProvider();
+function collectFieldIds(fields) {
+  const ids = [];
+  for (const field of fields) {
+    ids.push(field.id);
+    const unit = field.unit;
+    if (unit?.fields) ids.push(...collectFieldIds(unit.fields));
+    const nestedTabs = field.tabs;
+    if (nestedTabs) {
+      for (const t of nestedTabs) {
+        if (t.unit?.fields) ids.push(...collectFieldIds(t.unit.fields));
+      }
+    }
+  }
+  return ids;
+}
+function tabCounts(tab) {
+  if (!validation?.revealed.value) return { errors: 0, warnings: 0 };
+  const results = validation.resultsFor(collectFieldIds(tab.unit.fields));
+  return {
+    errors: results.filter((r) => r.severity === "error").length,
+    warnings: results.filter((r) => r.severity === "warning").length
+  };
+}
+</script>
+
+<template>
+  <Tabs
+    :model-value="active"
+    :style="config.style"
+    @update:model-value="(v) => {
+  if (typeof v === 'string') active = v;
+}"
+  >
+    <TabsList>
+      <TabsTrigger
+        v-for="(t, i) in config.tabs"
+        :key="t.id"
+        :value="t.id"
+        class="max-[800px]:flex-1 max-[800px]:justify-center"
+      >
+        <span>{{ tabLabel(t, i) }}</span>
+        <span
+          v-if="tabCounts(t).errors > 0"
+          data-slot="tabs-error-count"
+          class="ml-1 inline-flex min-w-4 items-center justify-center rounded-full bg-red-100 px-1 text-[10px] font-medium text-red-600"
+        >{{ tabCounts(t).errors }}</span>
+        <span
+          v-else-if="tabCounts(t).warnings > 0"
+          data-slot="tabs-warning-count"
+          class="ml-1 inline-flex min-w-4 items-center justify-center rounded-full bg-amber-100 px-1 text-[10px] font-medium text-amber-600"
+        >{{ tabCounts(t).warnings }}</span>
+      </TabsTrigger>
+    </TabsList>
+
+    <!-- `force-mount` keeps every tab's fields mounted; reka-ui forces
+         `present` true under force-mount and therefore never sets `hidden`, so
+         we hide the inactive panes ourselves with `data-[state=inactive]:hidden`
+         (display:none, NOT unmounted). Load-bearing: derived / formula fields
+         keep computing, commit-bus drafts stay live, and form state for
+         inactive tabs is never dropped on switch. -->
+    <TabsContent
+      v-for="t in config.tabs"
+      :key="t.id"
+      :value="t.id"
+      force-mount
+      class="outline-none data-[state=inactive]:hidden"
+    >
+      <FormUnitRenderer
+        :unit="t.unit"
+        :evaluate-media="evaluateMedia"
+        :is-hidden="isHidden"
+      />
+    </TabsContent>
+  </Tabs>
+</template>

package/dist/runtime/components/form/fields/2026-06-20/com.shwfed.form.field.tabs/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-06-20/com.shwfed.form.field.tabs/schema.d.ts

@@ -0,0 +1,79 @@
+import { Schema } from 'effect';
+import type { Environment } from '../../../../../vendor/cel-js/lib/index.js';
+export declare const type: "com.shwfed.form.field.tabs";
+export declare const compatibilityDate: "2026-06-20";
+export declare const metadata: {
+    readonly name: "标签页";
+    readonly icon: "fluent:tabs-20-regular";
+    readonly w: {
+        readonly initial: 12;
+        readonly min: 4;
+        readonly max: number;
+    };
+    readonly h: {
+        readonly initial: 6;
+        readonly min: 2;
+        readonly max: number;
+        readonly grow: true;
+    };
+    readonly inlineConfig: false;
+};
+export declare const TabMeta: Schema.Struct<{
+    label: 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>;
+    }>]>;
+}>;
+/**
+ * A tabbed grouping. Pure view — children of each tab stay flat in the form
+ * state (the tabs introduce no subtree), and the active-tab selection lives
+ * only in the runtime component / sessionStorage (not persisted to the value).
+ *
+ * Deliberately does **not** include `commonFieldFields` — `hidden` /
+ * `required` / `binding` are field-flavored concepts that don't fit a
+ * structural grouping. We carry only an `id` (so the parent layout can
+ * reference the field), an editor-only `displayName`, an optional container
+ * `style`, and the `tabs` array — each tab a label + a nested `unit`.
+ */
+export declare function schema(configure: (env: Environment) => void): Schema.Struct<{
+    type: Schema.Literal<["com.shwfed.form.field.tabs"]>;
+    compatibilityDate: Schema.Literal<["2026-06-20"]>;
+    id: Schema.refine<string, typeof Schema.String>;
+    displayName: Schema.optional<Schema.SchemaClass<string, string, never>>;
+    style: Schema.optional<Schema.SchemaClass<string, string, never>>;
+    tabs: Schema.refine<readonly {
+        readonly label: readonly [{
+            readonly locale: "zh";
+            readonly message: string;
+        }, ...{
+            readonly locale: "en" | "ja" | "ko";
+            readonly message: string;
+        }[]];
+        readonly id: string;
+        readonly unit: Readonly<{
+            fields: ReadonlyArray<import("../../../schema.js").FieldValue>;
+            layouts: ReadonlyArray<import("../../../schema.js").LayoutSetValue>;
+        }>;
+    }[], Schema.filter<Schema.Array$<Schema.Struct<{
+        unit: Schema.suspend<Readonly<{
+            fields: ReadonlyArray<import("../../../schema.js").FieldValue>;
+            layouts: ReadonlyArray<import("../../../schema.js").LayoutSetValue>;
+        }>, Readonly<{
+            fields: ReadonlyArray<import("../../../schema.js").FieldValue>;
+            layouts: ReadonlyArray<import("../../../schema.js").LayoutSetValue>;
+        }>, never>;
+        label: 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>;
+        }>]>;
+        id: Schema.refine<string, typeof Schema.String>;
+    }>>>>;
+}>;
+export type Value = Schema.Schema.Type<ReturnType<typeof schema>>;
+export declare function defaults(): Partial<Value>;