@shwfed/config 2.3.29 → 2.4.1

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

@@ -5,6 +5,7 @@ import { Button } from "../../../../ui/button";
 import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from "../../../../ui/dropdown-menu";
 import { ExpressionEditor } from "../../../../ui/expression-editor";
 import DerivedValueEditor from "../../../DerivedValueEditor.vue";
+import ValidationRulesField from "../../../ValidationRulesField.vue";
 import { Field, FieldLabel } from "../../../../ui/field";
 import { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupNumberField } from "../../../../ui/input-group";
 import { Locale as LocaleField } from "../../../../ui/locale";
@@ -343,6 +344,26 @@ function setItemTooltip(index, tooltip) {
     </Field>
 
     <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>
@@ -422,5 +443,22 @@ function setItemTooltip(index, tooltip) {
         @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-17/com.shwfed.form.field.checkbox.group/config.vue.d.ts

@@ -22,6 +22,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-17";
         readonly items: readonly {
@@ -54,6 +55,17 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly mode: "formula" | "prefill";
             readonly expression: string;
         } | undefined;
+        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;
     }) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_ModelProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: {
@@ -75,6 +87,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-17";
         readonly items: readonly {
@@ -107,6 +120,17 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly mode: "formula" | "prefill";
             readonly expression: string;
         } | undefined;
+        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;
     }) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

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

@@ -7,8 +7,9 @@ import { celBindings, injectCELContext } from "../../../../../utils/cel-context"
 import { interpolateMarkdown } from "../../../../table/utils/runtime";
 import { getLocalizedText } from "../../../../../share/locale";
 import { Checkbox } from "../../../../ui/checkbox";
-import { Field, FieldLabel } from "../../../../ui/field";
+import { Field, FieldLabel, FieldMessages } from "../../../../ui/field";
 import { Markdown } from "../../../../ui/markdown";
+import { useFieldValidation } from "../../../utils/validation";
 import { useFormReadonly } from "../../../utils/readonly";
 import { useFormState } from "../../../utils/state";
 defineOptions({ name: "ShwfedCheckboxGroupFieldRuntime" });
@@ -40,6 +41,12 @@ function evalBool(expression, label) {
     return false;
   }
 }
+const { isRequired, errors, warnings, visible } = useFieldValidation({
+  fieldId: () => props.fieldId,
+  config: () => props.config,
+  $cel,
+  locale: () => locale.value
+});
 const isDisabled = computed(() => evalBool(props.config.disabled, "disabled"));
 const formReadonly = useFormReadonly();
 const isReadonly = computed(
@@ -130,7 +137,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
       v-if="effectiveReadonly"
@@ -172,5 +183,10 @@ const readonlyText = computed(() => {
         </span>
       </label>
     </div>
+    <FieldMessages
+      v-if="visible"
+      :errors="errors"
+      :warnings="warnings"
+    />
   </Field>
 </template>

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

@@ -115,6 +115,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.checkbox.group"]>;
     compatibilityDate: Schema.Literal<["2026-05-17"]>;
 }>;

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

@@ -22,6 +22,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-17";
         readonly items: readonly {
@@ -54,6 +55,17 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly mode: "formula" | "prefill";
             readonly expression: string;
         } | undefined;
+        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;
     }) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_ModelProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: {
@@ -75,6 +87,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-17";
         readonly items: readonly {
@@ -107,6 +120,17 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly mode: "formula" | "prefill";
             readonly expression: string;
         } | undefined;
+        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;
     }) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

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

@@ -5,6 +5,7 @@ import { Button } from "../../../../ui/button";
 import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from "../../../../ui/dropdown-menu";
 import { ExpressionEditor } from "../../../../ui/expression-editor";
 import DerivedValueEditor from "../../../DerivedValueEditor.vue";
+import ValidationRulesField from "../../../ValidationRulesField.vue";
 import { Field, FieldLabel } from "../../../../ui/field";
 import { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupNumberField } from "../../../../ui/input-group";
 import { Locale as LocaleField } from "../../../../ui/locale";
@@ -343,6 +344,26 @@ function setItemTooltip(index, tooltip) {
     </Field>
 
     <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>
@@ -422,5 +443,22 @@ function setItemTooltip(index, tooltip) {
         @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-17/com.shwfed.form.field.radio.group/config.vue.d.ts

@@ -22,6 +22,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-17";
         readonly items: readonly {
@@ -54,6 +55,17 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly mode: "formula" | "prefill";
             readonly expression: string;
         } | undefined;
+        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;
     }) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_ModelProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: {
@@ -75,6 +87,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-17";
         readonly items: readonly {
@@ -107,6 +120,17 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly mode: "formula" | "prefill";
             readonly expression: string;
         } | undefined;
+        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;
     }) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

package/dist/runtime/components/form/fields/2026-05-17/com.shwfed.form.field.radio.group/runtime.vue

@@ -7,8 +7,9 @@ import { celBindings, injectCELContext } from "../../../../../utils/cel-context"
 import { interpolateMarkdown } from "../../../../table/utils/runtime";
 import { getLocalizedText } from "../../../../../share/locale";
 import { RadioGroup, RadioGroupItem } from "../../../../ui/radio-group";
-import { Field, FieldLabel } from "../../../../ui/field";
+import { Field, FieldLabel, FieldMessages } from "../../../../ui/field";
 import { Markdown } from "../../../../ui/markdown";
+import { useFieldValidation } from "../../../utils/validation";
 import { useFormReadonly } from "../../../utils/readonly";
 import { useFormState } from "../../../utils/state";
 defineOptions({ name: "ShwfedRadioGroupFieldRuntime" });
@@ -40,6 +41,12 @@ function evalBool(expression, label) {
     return false;
   }
 }
+const { isRequired, errors, warnings, visible } = useFieldValidation({
+  fieldId: () => props.fieldId,
+  config: () => props.config,
+  $cel,
+  locale: () => locale.value
+});
 const isDisabled = computed(() => evalBool(props.config.disabled, "disabled"));
 const formReadonly = useFormReadonly();
 const isReadonly = computed(
@@ -111,7 +118,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
       v-if="effectiveReadonly"
@@ -155,5 +166,10 @@ const readonlyText = computed(() => {
         </span>
       </label>
     </RadioGroup>
+    <FieldMessages
+      v-if="visible"
+      :errors="errors"
+      :warnings="warnings"
+    />
   </Field>
 </template>

package/dist/runtime/components/form/fields/2026-05-17/com.shwfed.form.field.radio.group/schema.d.ts

@@ -115,6 +115,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.radio.group"]>;
     compatibilityDate: Schema.Literal<["2026-05-17"]>;
 }>;

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

@@ -61,9 +61,21 @@ 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-18";
         readonly binding?: string | undefined;
+        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;
     }) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_ModelProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: {
@@ -124,9 +136,21 @@ 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-18";
         readonly binding?: string | undefined;
+        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;
     }) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

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

@@ -1,6 +1,7 @@
 <script setup>
 import { computed, defineAsyncComponent, inject, onBeforeUnmount, onMounted } from "vue";
 import { ExpressionEditor } from "../../../../ui/expression-editor";
+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";
@@ -59,7 +60,7 @@ const bindingText = computed({
     hide-display-name
     hide-data-source
   >
-    <template #general-extra>
+    <template #general-grid-extra>
       <Field orientation="vertical">
         <FieldLabel class="text-xs text-zinc-500">
           <template
@@ -82,7 +83,9 @@ const bindingText = computed({
           />
         </InputGroup>
       </Field>
+    </template>
 
+    <template #general-extra>
       <div class="grid grid-cols-2 gap-3">
         <Field orientation="vertical">
           <FieldLabel class="text-xs text-zinc-500">
@@ -126,23 +129,62 @@ const bindingText = computed({
         </Field>
       </div>
 
+      <div class="grid grid-cols-2 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>
+              <Markdown
+                :source="fieldDescription('hidden') ?? '\u8FD4\u56DE `true` \u65F6\u5B57\u6BB5\u5728\u6240\u6709\u5E03\u5C40\u4E2D\u90FD\u4E0D\u6E32\u67D3'"
+                block
+                class="prose prose-sm prose-zinc"
+              />
+            </template>
+            {{ fieldTitle("hidden") }}
+          </FieldLabel>
+          <ExpressionEditor
+            :model-value="value.hidden ?? ''"
+            placeholder="例：form.role == 'guest'"
+            result-type="bool"
+            class="min-h-10"
+            @update:model-value="(v) => value = { ...value, hidden: v.length > 0 ? v : void 0 }"
+          />
+        </Field>
+      </div>
+
       <Field orientation="vertical">
         <FieldLabel class="text-xs text-zinc-500">
           <template #tooltip>
             <Markdown
-              :source="fieldDescription('hidden') ?? '\u8FD4\u56DE `true` \u65F6\u5B57\u6BB5\u5728\u6240\u6709\u5E03\u5C40\u4E2D\u90FD\u4E0D\u6E32\u67D3'"
+              :source="fieldDescription('validations')"
               block
               class="prose prose-sm prose-zinc"
             />
           </template>
-          {{ fieldTitle("hidden") }}
+          {{ fieldTitle("validations") }}
         </FieldLabel>
-        <ExpressionEditor
-          :model-value="value.hidden ?? ''"
-          placeholder="例：form.role == 'guest'"
-          result-type="bool"
-          class="min-h-10"
-          @update:model-value="(v) => value = { ...value, hidden: v.length > 0 ? v : void 0 }"
+        <ValidationRulesField
+          :model-value="value.validations"
+          @update:model-value="(v) => value = { ...value, validations: v.length > 0 ? v : void 0 }"
         />
       </Field>
     </template>

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

@@ -61,9 +61,21 @@ 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-18";
         readonly binding?: string | undefined;
+        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;
     }) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_ModelProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: {
@@ -124,9 +136,21 @@ 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-18";
         readonly binding?: string | undefined;
+        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;
     }) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

package/dist/runtime/components/form/fields/2026-05-18/com.shwfed.form.field.table/runtime.vue

@@ -1,9 +1,12 @@
 <script setup>
 import { computed, defineAsyncComponent } 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 { Field, FieldLabel } from "../../../../ui/field";
+import { Field, FieldLabel, FieldMessages } from "../../../../ui/field";
 import { Markdown } from "../../../../ui/markdown";
+import { useFieldValidation } from "../../../utils/validation";
 import { useFormState } from "../../../utils/state";
 defineOptions({ name: "ShwfedTableFieldRuntime" });
 const ShwfedTable = defineAsyncComponent(() => import("../../../../table/index.vue"));
@@ -13,6 +16,14 @@ const props = defineProps({
 });
 const { locale } = useI18n();
 const formState = useFormState();
+const inherited = injectCELContext();
+const $cel = (expression, context) => _rawCel(expression, { ...celBindings(inherited), ...context });
+const { isRequired, errors, warnings, visible } = useFieldValidation({
+  fieldId: () => props.fieldId,
+  config: () => props.config,
+  $cel,
+  locale: () => locale.value
+});
 const labelText = computed(() => getLocalizedText(props.config.label, locale.value));
 const tooltipText = computed(
   () => props.config.tooltip ? getLocalizedText(props.config.tooltip, locale.value) : void 0
@@ -52,12 +63,21 @@ const rowsModel = computed({
           class="prose prose-xs prose-zinc"
         />
       </template>
-      {{ labelText }}
+      {{ labelText }}<span
+        v-if="isRequired"
+        aria-hidden="true"
+        class="text-red-600"
+      > *</span>
     </FieldLabel>
 
     <ShwfedTable
       v-model:rows="rowsModel"
       :config="tableConfig"
     />
+    <FieldMessages
+      v-if="visible"
+      :errors="errors"
+      :warnings="warnings"
+    />
   </Field>
 </template>