@shwfed/config 2.3.29 → 2.4.1

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

@@ -7,7 +7,7 @@ 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 { Field, FieldLabel } from "../../../../ui/field";
+import { Field, FieldLabel, FieldMessages } from "../../../../ui/field";
 import { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput } from "../../../../ui/input-group";
 import { Markdown } from "../../../../ui/markdown";
 import { Popover, PopoverAnchor, PopoverContent, PopoverTrigger } from "../../../../ui/popover";
@@ -17,6 +17,7 @@ import { interpolateMarkdown } from "../../../../table/utils/runtime";
 import { DEFAULT_FIELD_ORIENTATION } from "../../../utils/common";
 import { useFormReadonly } from "../../../utils/readonly";
 import { useFormState } from "../../../utils/state";
+import { useFieldValidation } from "../../../utils/validation";
 import {
   findWrappedPath,
   getWrappedChildren,
@@ -84,6 +85,12 @@ 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 { isRequired, errors, warnings, visible } = useFieldValidation({
+  fieldId: () => props.fieldId,
+  config: () => props.config,
+  $cel,
+  locale: () => locale.value
+});
 const uncontrolled = ref(void 0);
 const model = computed({
   get: () => {
@@ -330,7 +337,11 @@ const hoveredTooltip = computed(() => {
           class="prose prose-xs prose-zinc"
         />
       </template>
-      {{ labelText }}
+      {{ labelText }}<span
+        v-if="isRequired"
+        aria-hidden="true"
+        class="text-red-600"
+      > *</span>
     </FieldLabel>
 
     <div
@@ -492,5 +503,10 @@ const hoveredTooltip = computed(() => {
         </div>
       </PopoverContent>
     </Popover>
+    <FieldMessages
+      v-if="visible"
+      :errors="errors"
+      :warnings="warnings"
+    />
   </Field>
 </template>

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

@@ -87,6 +87,24 @@ export declare function schema(configure: (env: Environment) => void): Schema.St
     id: Schema.refine<string, typeof Schema.String>;
     displayName: Schema.optional<Schema.SchemaClass<string, string, never>>;
     hidden: Schema.optional<Schema.Schema<string, string, never>>;
+    required: Schema.optional<Schema.Schema<string, string, never>>;
+    validations: Schema.optional<Schema.Array$<Schema.Struct<{
+        when: Schema.Schema<string, string, never>;
+        warning: Schema.optional<Schema.SchemaClass<boolean, boolean, never>>;
+        message: 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>;
+        }>]>>;
+    }>>>;
     type: Schema.Literal<["com.shwfed.form.field.tree.combobox.single"]>;
     compatibilityDate: Schema.Literal<["2026-05-28"]>;
 }>;

package/dist/runtime/components/form/fields/2026-05-28/com.shwfed.form.field.tree.multi/config.d.vue.ts

@@ -33,6 +33,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly locale: "en" | "ja" | "ko";
             readonly message: string;
         }[]] | undefined;
+        readonly required?: string | undefined;
         readonly displayName?: string | undefined;
         readonly compatibilityDate: "2026-05-28";
         readonly readonly?: string | undefined;
@@ -56,6 +57,17 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
         }[]];
         readonly expandAll: boolean;
         readonly cascade: "independent" | "cascade-down" | "cascade-both";
+        readonly validations?: readonly {
+            readonly message: readonly [{
+                readonly locale: "zh";
+                readonly message: string;
+            }, ...{
+                readonly locale: "en" | "ja" | "ko";
+                readonly message: string;
+            }[]];
+            readonly warning?: boolean | undefined;
+            readonly when: string;
+        }[] | undefined;
         readonly nodeTooltip?: readonly [{
             readonly locale: "zh";
             readonly message: string;
@@ -96,6 +108,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly locale: "en" | "ja" | "ko";
             readonly message: string;
         }[]] | undefined;
+        readonly required?: string | undefined;
         readonly displayName?: string | undefined;
         readonly compatibilityDate: "2026-05-28";
         readonly readonly?: string | undefined;
@@ -119,6 +132,17 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
         }[]];
         readonly expandAll: boolean;
         readonly cascade: "independent" | "cascade-down" | "cascade-both";
+        readonly validations?: readonly {
+            readonly message: readonly [{
+                readonly locale: "zh";
+                readonly message: string;
+            }, ...{
+                readonly locale: "en" | "ja" | "ko";
+                readonly message: string;
+            }[]];
+            readonly warning?: boolean | undefined;
+            readonly when: string;
+        }[] | undefined;
         readonly nodeTooltip?: readonly [{
             readonly locale: "zh";
             readonly message: string;

package/dist/runtime/components/form/fields/2026-05-28/com.shwfed.form.field.tree.multi/config.vue

@@ -2,6 +2,7 @@
 import { computed } from "vue";
 import { ExpressionEditor } from "../../../../ui/expression-editor";
 import DerivedValueEditor from "../../../DerivedValueEditor.vue";
+import ValidationRulesField from "../../../ValidationRulesField.vue";
 import { Field, FieldLabel } from "../../../../ui/field";
 import { InputGroup, InputGroupInput } from "../../../../ui/input-group";
 import { Locale as LocaleField } from "../../../../ui/locale";
@@ -522,6 +523,26 @@ function setFilterKeywords(next) {
 
     <!-- 通用：隐藏 / 禁用 / 只读 + 派生值 — conventionally last -->
     <div class="grid grid-cols-3 gap-3">
+      <Field orientation="vertical">
+        <FieldLabel class="text-xs text-zinc-500">
+          <template #tooltip>
+            <Markdown
+              :source="fieldDescription('required') ?? '\u8FD4\u56DE `true` \u65F6\u663E\u793A\u5FC5\u586B\u661F\u53F7\u5E76\u8981\u6C42\u975E\u7A7A'"
+              block
+              class="prose prose-sm prose-zinc"
+            />
+          </template>
+          {{ fieldTitle("required") }}
+        </FieldLabel>
+        <ExpressionEditor
+          :model-value="value.required ?? ''"
+          placeholder="例：form.type == 'company'"
+          result-type="bool"
+          class="min-h-10"
+          @update:model-value="(v) => value = { ...value, required: v.length > 0 ? v : void 0 }"
+        />
+      </Field>
+
       <Field orientation="vertical">
         <FieldLabel class="text-xs text-zinc-500">
           <template #tooltip>
@@ -601,5 +622,22 @@ function setFilterKeywords(next) {
         @update:model-value="(v) => value = { ...value, derived: v }"
       />
     </Field>
+
+    <Field orientation="vertical">
+      <FieldLabel class="text-xs text-zinc-500">
+        <template #tooltip>
+          <Markdown
+            :source="fieldDescription('validations')"
+            block
+            class="prose prose-sm prose-zinc"
+          />
+        </template>
+        {{ fieldTitle("validations") }}
+      </FieldLabel>
+      <ValidationRulesField
+        :model-value="value.validations"
+        @update:model-value="(v) => value = { ...value, validations: v.length > 0 ? v : void 0 }"
+      />
+    </Field>
   </div>
 </template>

package/dist/runtime/components/form/fields/2026-05-28/com.shwfed.form.field.tree.multi/config.vue.d.ts

@@ -33,6 +33,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly locale: "en" | "ja" | "ko";
             readonly message: string;
         }[]] | undefined;
+        readonly required?: string | undefined;
         readonly displayName?: string | undefined;
         readonly compatibilityDate: "2026-05-28";
         readonly readonly?: string | undefined;
@@ -56,6 +57,17 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
         }[]];
         readonly expandAll: boolean;
         readonly cascade: "independent" | "cascade-down" | "cascade-both";
+        readonly validations?: readonly {
+            readonly message: readonly [{
+                readonly locale: "zh";
+                readonly message: string;
+            }, ...{
+                readonly locale: "en" | "ja" | "ko";
+                readonly message: string;
+            }[]];
+            readonly warning?: boolean | undefined;
+            readonly when: string;
+        }[] | undefined;
         readonly nodeTooltip?: readonly [{
             readonly locale: "zh";
             readonly message: string;
@@ -96,6 +108,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly locale: "en" | "ja" | "ko";
             readonly message: string;
         }[]] | undefined;
+        readonly required?: string | undefined;
         readonly displayName?: string | undefined;
         readonly compatibilityDate: "2026-05-28";
         readonly readonly?: string | undefined;
@@ -119,6 +132,17 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
         }[]];
         readonly expandAll: boolean;
         readonly cascade: "independent" | "cascade-down" | "cascade-both";
+        readonly validations?: readonly {
+            readonly message: readonly [{
+                readonly locale: "zh";
+                readonly message: string;
+            }, ...{
+                readonly locale: "en" | "ja" | "ko";
+                readonly message: string;
+            }[]];
+            readonly warning?: boolean | undefined;
+            readonly when: string;
+        }[] | undefined;
         readonly nodeTooltip?: readonly [{
             readonly locale: "zh";
             readonly message: string;

package/dist/runtime/components/form/fields/2026-05-28/com.shwfed.form.field.tree.multi/runtime.vue

@@ -8,7 +8,7 @@ import { cel as _rawCel } from "../../../../../utils/cel";
 import { celBindings, injectCELContext } from "../../../../../utils/cel-context";
 import { getLocalizedText } from "../../../../../share/locale";
 import { Checkbox } from "../../../../ui/checkbox";
-import { Field, FieldLabel } from "../../../../ui/field";
+import { Field, FieldLabel, FieldMessages } from "../../../../ui/field";
 import { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput } from "../../../../ui/input-group";
 import { Markdown } from "../../../../ui/markdown";
 import { Skeleton } from "../../../../ui/skeleton";
@@ -16,6 +16,7 @@ import { Tree as UiTree } from "../../../../ui/tree";
 import { interpolateMarkdown } from "../../../../table/utils/runtime";
 import { useFormReadonly } from "../../../utils/readonly";
 import { useFormState } from "../../../utils/state";
+import { useFieldValidation } from "../../../utils/validation";
 defineOptions({ name: "ShwfedTreeMultiFieldRuntime" });
 const props = defineProps({
   fieldId: { type: String, required: true },
@@ -72,6 +73,12 @@ 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 { isRequired, errors, warnings, visible } = useFieldValidation({
+  fieldId: () => props.fieldId,
+  config: () => props.config,
+  $cel,
+  locale: () => locale.value
+});
 const uncontrolled = ref([]);
 const model = computed({
   get: () => {
@@ -292,7 +299,11 @@ const readonlyText = computed(() => {
           class="prose prose-xs prose-zinc"
         />
       </template>
-      {{ labelText }}
+      {{ labelText }}<span
+        v-if="isRequired"
+        aria-hidden="true"
+        class="text-red-600"
+      > *</span>
     </FieldLabel>
 
     <div
@@ -397,5 +408,10 @@ const readonlyText = computed(() => {
         </template>
       </UiTree>
     </template>
+    <FieldMessages
+      v-if="visible"
+      :errors="errors"
+      :warnings="warnings"
+    />
   </Field>
 </template>

package/dist/runtime/components/form/fields/2026-05-28/com.shwfed.form.field.tree.multi/schema.d.ts

@@ -93,6 +93,24 @@ export declare function schema(configure: (env: Environment) => void): Schema.St
     id: Schema.refine<string, typeof Schema.String>;
     displayName: Schema.optional<Schema.SchemaClass<string, string, never>>;
     hidden: Schema.optional<Schema.Schema<string, string, never>>;
+    required: Schema.optional<Schema.Schema<string, string, never>>;
+    validations: Schema.optional<Schema.Array$<Schema.Struct<{
+        when: Schema.Schema<string, string, never>;
+        warning: Schema.optional<Schema.SchemaClass<boolean, boolean, never>>;
+        message: 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>;
+        }>]>>;
+    }>>>;
     type: Schema.Literal<["com.shwfed.form.field.tree.multi"]>;
     compatibilityDate: Schema.Literal<["2026-05-28"]>;
 }>;

package/dist/runtime/components/form/fields/2026-05-28/com.shwfed.form.field.tree.single/config.d.vue.ts

@@ -33,6 +33,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly locale: "en" | "ja" | "ko";
             readonly message: string;
         }[]] | undefined;
+        readonly required?: string | undefined;
         readonly displayName?: string | undefined;
         readonly compatibilityDate: "2026-05-28";
         readonly readonly?: string | undefined;
@@ -55,6 +56,17 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly message: string;
         }[]];
         readonly expandAll: boolean;
+        readonly validations?: readonly {
+            readonly message: readonly [{
+                readonly locale: "zh";
+                readonly message: string;
+            }, ...{
+                readonly locale: "en" | "ja" | "ko";
+                readonly message: string;
+            }[]];
+            readonly warning?: boolean | undefined;
+            readonly when: string;
+        }[] | undefined;
         readonly nodeTooltip?: readonly [{
             readonly locale: "zh";
             readonly message: string;
@@ -95,6 +107,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly locale: "en" | "ja" | "ko";
             readonly message: string;
         }[]] | undefined;
+        readonly required?: string | undefined;
         readonly displayName?: string | undefined;
         readonly compatibilityDate: "2026-05-28";
         readonly readonly?: string | undefined;
@@ -117,6 +130,17 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly message: string;
         }[]];
         readonly expandAll: boolean;
+        readonly validations?: readonly {
+            readonly message: readonly [{
+                readonly locale: "zh";
+                readonly message: string;
+            }, ...{
+                readonly locale: "en" | "ja" | "ko";
+                readonly message: string;
+            }[]];
+            readonly warning?: boolean | undefined;
+            readonly when: string;
+        }[] | undefined;
         readonly nodeTooltip?: readonly [{
             readonly locale: "zh";
             readonly message: string;

package/dist/runtime/components/form/fields/2026-05-28/com.shwfed.form.field.tree.single/config.vue

@@ -2,6 +2,7 @@
 import { computed } from "vue";
 import { ExpressionEditor } from "../../../../ui/expression-editor";
 import DerivedValueEditor from "../../../DerivedValueEditor.vue";
+import ValidationRulesField from "../../../ValidationRulesField.vue";
 import { Field, FieldLabel } from "../../../../ui/field";
 import { InputGroup, InputGroupInput } from "../../../../ui/input-group";
 import { Locale as LocaleField } from "../../../../ui/locale";
@@ -477,6 +478,26 @@ function setFilterKeywords(next) {
 
     <!-- 通用：隐藏 / 禁用 / 只读 + 派生值 — conventionally last -->
     <div class="grid grid-cols-3 gap-3">
+      <Field orientation="vertical">
+        <FieldLabel class="text-xs text-zinc-500">
+          <template #tooltip>
+            <Markdown
+              :source="fieldDescription('required') ?? '\u8FD4\u56DE `true` \u65F6\u663E\u793A\u5FC5\u586B\u661F\u53F7\u5E76\u8981\u6C42\u975E\u7A7A'"
+              block
+              class="prose prose-sm prose-zinc"
+            />
+          </template>
+          {{ fieldTitle("required") }}
+        </FieldLabel>
+        <ExpressionEditor
+          :model-value="value.required ?? ''"
+          placeholder="例：form.type == 'company'"
+          result-type="bool"
+          class="min-h-10"
+          @update:model-value="(v) => value = { ...value, required: v.length > 0 ? v : void 0 }"
+        />
+      </Field>
+
       <Field orientation="vertical">
         <FieldLabel class="text-xs text-zinc-500">
           <template #tooltip>
@@ -556,5 +577,22 @@ function setFilterKeywords(next) {
         @update:model-value="(v) => value = { ...value, derived: v }"
       />
     </Field>
+
+    <Field orientation="vertical">
+      <FieldLabel class="text-xs text-zinc-500">
+        <template #tooltip>
+          <Markdown
+            :source="fieldDescription('validations')"
+            block
+            class="prose prose-sm prose-zinc"
+          />
+        </template>
+        {{ fieldTitle("validations") }}
+      </FieldLabel>
+      <ValidationRulesField
+        :model-value="value.validations"
+        @update:model-value="(v) => value = { ...value, validations: v.length > 0 ? v : void 0 }"
+      />
+    </Field>
   </div>
 </template>

package/dist/runtime/components/form/fields/2026-05-28/com.shwfed.form.field.tree.single/config.vue.d.ts

@@ -33,6 +33,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly locale: "en" | "ja" | "ko";
             readonly message: string;
         }[]] | undefined;
+        readonly required?: string | undefined;
         readonly displayName?: string | undefined;
         readonly compatibilityDate: "2026-05-28";
         readonly readonly?: string | undefined;
@@ -55,6 +56,17 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly message: string;
         }[]];
         readonly expandAll: boolean;
+        readonly validations?: readonly {
+            readonly message: readonly [{
+                readonly locale: "zh";
+                readonly message: string;
+            }, ...{
+                readonly locale: "en" | "ja" | "ko";
+                readonly message: string;
+            }[]];
+            readonly warning?: boolean | undefined;
+            readonly when: string;
+        }[] | undefined;
         readonly nodeTooltip?: readonly [{
             readonly locale: "zh";
             readonly message: string;
@@ -95,6 +107,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly locale: "en" | "ja" | "ko";
             readonly message: string;
         }[]] | undefined;
+        readonly required?: string | undefined;
         readonly displayName?: string | undefined;
         readonly compatibilityDate: "2026-05-28";
         readonly readonly?: string | undefined;
@@ -117,6 +130,17 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly message: string;
         }[]];
         readonly expandAll: boolean;
+        readonly validations?: readonly {
+            readonly message: readonly [{
+                readonly locale: "zh";
+                readonly message: string;
+            }, ...{
+                readonly locale: "en" | "ja" | "ko";
+                readonly message: string;
+            }[]];
+            readonly warning?: boolean | undefined;
+            readonly when: string;
+        }[] | undefined;
         readonly nodeTooltip?: readonly [{
             readonly locale: "zh";
             readonly message: string;

package/dist/runtime/components/form/fields/2026-05-28/com.shwfed.form.field.tree.single/runtime.vue

@@ -7,7 +7,7 @@ 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 { Field, FieldLabel } from "../../../../ui/field";
+import { Field, FieldLabel, FieldMessages } from "../../../../ui/field";
 import { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput } from "../../../../ui/input-group";
 import { Markdown } from "../../../../ui/markdown";
 import { Skeleton } from "../../../../ui/skeleton";
@@ -15,6 +15,7 @@ import { Tree as UiTree } from "../../../../ui/tree";
 import { interpolateMarkdown } from "../../../../table/utils/runtime";
 import { useFormReadonly } from "../../../utils/readonly";
 import { useFormState } from "../../../utils/state";
+import { useFieldValidation } from "../../../utils/validation";
 defineOptions({ name: "ShwfedTreeSingleFieldRuntime" });
 const props = defineProps({
   fieldId: { type: String, required: true },
@@ -68,6 +69,12 @@ 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 { isRequired, errors, warnings, visible } = useFieldValidation({
+  fieldId: () => props.fieldId,
+  config: () => props.config,
+  $cel,
+  locale: () => locale.value
+});
 const uncontrolled = ref(void 0);
 const model = computed({
   get: () => {
@@ -288,7 +295,11 @@ const readonlyText = computed(() => {
           class="prose prose-xs prose-zinc"
         />
       </template>
-      {{ labelText }}
+      {{ labelText }}<span
+        v-if="isRequired"
+        aria-hidden="true"
+        class="text-red-600"
+      > *</span>
     </FieldLabel>
 
     <div
@@ -391,5 +402,10 @@ const readonlyText = computed(() => {
         </template>
       </UiTree>
     </template>
+    <FieldMessages
+      v-if="visible"
+      :errors="errors"
+      :warnings="warnings"
+    />
   </Field>
 </template>

package/dist/runtime/components/form/fields/2026-05-28/com.shwfed.form.field.tree.single/schema.d.ts

@@ -89,6 +89,24 @@ export declare function schema(configure: (env: Environment) => void): Schema.St
     id: Schema.refine<string, typeof Schema.String>;
     displayName: Schema.optional<Schema.SchemaClass<string, string, never>>;
     hidden: Schema.optional<Schema.Schema<string, string, never>>;
+    required: Schema.optional<Schema.Schema<string, string, never>>;
+    validations: Schema.optional<Schema.Array$<Schema.Struct<{
+        when: Schema.Schema<string, string, never>;
+        warning: Schema.optional<Schema.SchemaClass<boolean, boolean, never>>;
+        message: 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>;
+        }>]>>;
+    }>>>;
     type: Schema.Literal<["com.shwfed.form.field.tree.single"]>;
     compatibilityDate: Schema.Literal<["2026-05-28"]>;
 }>;

package/dist/runtime/components/form/index.d.vue.ts

@@ -13,6 +13,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
     seeded: Promise<void>;
     flush: () => void;
     settled: () => Promise<void>;
+    validate: () => Promise<boolean>;
     undo: () => void;
     redo: () => void;
     canUndo: import("vue").Ref<boolean, boolean>;

package/dist/runtime/components/form/index.vue

@@ -14,8 +14,10 @@ import { provideCommitBus } from "./utils/commit-bus";
 import { provideDerivedQuiescence, useDerived } from "./utils/derived";
 import { useFormHistory } from "./utils/history";
 import { evaluateInitial } from "./utils/initial";
+import { provideFormValidate } from "../../share/form-validate";
 import { provideFormReadonly } from "./utils/readonly";
 import { provideFormState } from "./utils/state";
+import { provideValidation } from "./utils/validation";
 defineOptions({ name: "ShwfedForm" });
 const state = defineModel({ type: Object, ...{ default: () => ({}) } });
 const config = defineModel("config", { type: Object, ...{ required: true } });
@@ -82,11 +84,18 @@ useDerived({
   formState,
   quiescence
 });
+const validation = provideValidation({
+  flush: commitBus.flushAll,
+  seeded,
+  settled: quiescence.settled
+});
+provideFormValidate(validation.validate);
 const formHistory = useFormHistory(state, { quiescence, seeded, dirty: formState.dirty });
 defineExpose({
   seeded,
   flush: commitBus.flushAll,
   settled: quiescence.settled,
+  validate: validation.validate,
   undo: formHistory.undo,
   redo: formHistory.redo,
   canUndo: formHistory.canUndo,
@@ -113,10 +122,12 @@ function isHidden(field) {
 
 <template>
   <ClientOnly>
-    <FormUnitRenderer
-      :unit="unit"
-      :evaluate-media="evaluateMedia"
-      :is-hidden="isHidden"
-    />
+    <div :style="config.style">
+      <FormUnitRenderer
+        :unit="unit"
+        :evaluate-media="evaluateMedia"
+        :is-hidden="isHidden"
+      />
+    </div>
   </ClientOnly>
 </template>

package/dist/runtime/components/form/index.vue.d.ts

@@ -13,6 +13,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
     seeded: Promise<void>;
     flush: () => void;
     settled: () => Promise<void>;
+    validate: () => Promise<boolean>;
     undo: () => void;
     redo: () => void;
     canUndo: import("vue").Ref<boolean, boolean>;

package/dist/runtime/components/form/schema.d.ts

@@ -80,6 +80,7 @@ export declare function FormUnit(configure: (env: Environment) => void): Schema.
  */
 export declare function registerFormVariablesIfAbsent(env: Environment): void;
 export declare function FormConfig(configure: (env: Environment) => void): Schema.refine<{
+    readonly style?: string | undefined;
     readonly initial?: {
         readonly data: string;
         readonly request?: string | undefined;
@@ -146,8 +147,10 @@ export declare function FormConfig(configure: (env: Environment) => void): Schem
         data: Schema.Schema<string, string, never>;
     }>>>;
     readonly: Schema.optional<Schema.Schema<string, string, never>>;
+    style: Schema.optional<typeof Schema.String>;
 }>>;
 export declare function createFormConfig(body: Omit<Schema.Schema.Type<ReturnType<typeof FormConfig>>, 'kind'>): {
+    style?: string | undefined;
     initial?: {
         readonly data: string;
         readonly request?: string | undefined;
@@ -188,4 +191,5 @@ export type FormConfigValue = Readonly<{
     kind: typeof KIND;
     initial?: InitialSource;
     readonly?: string;
+    style?: string;
 }> & FormUnitValue;