@shwfed/config 2.7.8 → 2.9.0

package/dist/runtime/components/actions/buttons/2026-04-18/com.shwfed.actions.button.http.request.json/config.vue

@@ -30,6 +30,12 @@ function updateTriggers(key, next) {
   else draft[key] = next;
   value.value = draft;
 }
+function updateBefore(next) {
+  const draft = { ...value.value };
+  if (next.length === 0) Reflect.deleteProperty(draft, "before");
+  else draft.before = next;
+  value.value = draft;
+}
 </script>
 
 <template>
@@ -58,6 +64,28 @@ function updateTriggers(key, next) {
       />
     </Field>
 
+    <!-- Pre-request triggers: run before the request fires. A halting op
+         (e.g. the enclosing form's 校验) aborts the request. -->
+    <Field orientation="vertical">
+      <FieldLabel class="text-xs text-zinc-500">
+        <template
+          v-if="fieldDescription('before')"
+          #tooltip
+        >
+          <Markdown
+            :source="fieldDescription('before')"
+            block
+            class="prose prose-sm prose-zinc"
+          />
+        </template>
+        {{ fieldTitle("before") }}
+      </FieldLabel>
+      <TriggersField
+        :triggers="value.before ?? []"
+        @update:triggers="(v) => updateBefore(v)"
+      />
+    </Field>
+
     <div class="flex items-start gap-2">
       <Field
         orientation="vertical"

package/dist/runtime/components/actions/buttons/2026-04-18/com.shwfed.actions.button.http.request.json/config.vue.d.ts

@@ -12,6 +12,10 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
         readonly compatibilityDate: "2026-04-18";
         readonly messageExpression?: string | undefined;
         readonly resultExpression?: string | undefined;
+        readonly before?: readonly {
+            readonly target: string;
+            readonly operation: string;
+        }[] | undefined;
         readonly expression: string;
         readonly onSuccess?: readonly {
             readonly target: string;
@@ -36,6 +40,10 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
         readonly compatibilityDate: "2026-04-18";
         readonly messageExpression?: string | undefined;
         readonly resultExpression?: string | undefined;
+        readonly before?: readonly {
+            readonly target: string;
+            readonly operation: string;
+        }[] | undefined;
         readonly expression: string;
         readonly onSuccess?: readonly {
             readonly target: string;

package/dist/runtime/components/actions/buttons/2026-04-18/com.shwfed.actions.button.http.request.json/runtime.vue

@@ -2,8 +2,7 @@
 import { Effect } from "effect";
 import { cel as _rawCel } from "../../../../../utils/cel";
 import { celBindings, injectCELContext } from "../../../../../utils/cel-context";
-import { useEventChannel } from "../../../../../share/event-bus";
-import { useFormValidate } from "../../../../../share/form-validate";
+import { dispatchTriggers, useEventChannel } from "../../../../../share/event-bus";
 import ShwfedActionDefinition from "../../../components/definition.vue";
 import { executeHttpRequest } from "../../../utils/resolve";
 defineOptions({ name: "ShwfedHttpRequestActionRuntime" });
@@ -14,21 +13,22 @@ const props = defineProps({
 const inherited = injectCELContext();
 const $cel = (expression, context) => _rawCel(expression, { ...celBindings(inherited), ...context });
 const channel = useEventChannel();
-const validateForm = useFormValidate();
-const effect = Effect.suspend(() => {
-  const gate = validateForm ? Effect.promise(() => validateForm()) : Effect.succeed(true);
-  return Effect.flatMap(gate, (ok) => ok ? executeHttpRequest(props.config.expression, $cel, {
-    messageExpression: props.config.messageExpression,
-    resultExpression: props.config.resultExpression,
-    channel,
-    triggers: {
-      success: props.config.onSuccess,
-      warning: props.config.onWarning,
-      error: props.config.onError,
-      info: props.config.onInfo
-    }
-  }) : Effect.succeed(void 0));
-});
+const effect = Effect.suspend(
+  () => Effect.andThen(
+    dispatchTriggers(channel, props.config.before),
+    () => executeHttpRequest(props.config.expression, $cel, {
+      messageExpression: props.config.messageExpression,
+      resultExpression: props.config.resultExpression,
+      channel,
+      triggers: {
+        success: props.config.onSuccess,
+        warning: props.config.onWarning,
+        error: props.config.onError,
+        info: props.config.onInfo
+      }
+    })
+  )
+);
 </script>
 
 <template>

package/dist/runtime/components/actions/buttons/2026-04-18/com.shwfed.actions.button.http.request.json/schema.d.ts

@@ -10,6 +10,10 @@ export declare function schema(configure: (env: Environment) => void): Schema.St
     type: Schema.Literal<["com.shwfed.actions.button.http.request.json"]>;
     compatibilityDate: Schema.Literal<["2026-04-18"]>;
     expression: Schema.Schema<string, string, never>;
+    before: Schema.optional<Schema.Array$<Schema.Struct<{
+        target: Schema.refine<string, typeof Schema.String>;
+        operation: Schema.SchemaClass<string, string, never>;
+    }>>>;
     messageExpression: Schema.optional<Schema.Schema<string, string, never>>;
     resultExpression: Schema.optional<Schema.Schema<string, string, never>>;
     onSuccess: Schema.optional<Schema.Array$<Schema.Struct<{

package/dist/runtime/components/actions/buttons/2026-04-18/com.shwfed.actions.button.http.request.json/schema.js

@@ -28,6 +28,14 @@ export function schema(configure) {
         点击后将立即被求值，当 HTTP 请求被成功构造后，调度器将尽可能快地安排执行这个请求
       `
     }),
+    before: Schema.optional(Triggers.annotations({
+      title: "\u8BF7\u6C42\u524D",
+      description: md`
+        请求发起前按列表顺序执行的操作。任一操作中止（例如表单校验未通过）将取消本次请求。
+
+        放在表单里的提交按钮应在此处首先触发所在表单的「校验」操作，使校验成为显式的提交前步骤。
+      `
+    })),
     messageExpression: Schema.optional(CelMessage.annotations({
       title: "\u6D88\u606F",
       description: md`

package/dist/runtime/components/actions/buttons/2026-04-18/com.shwfed.actions.button.http.request.json.confirm/config.d.vue.ts

@@ -21,6 +21,10 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly locale: "en" | "ja" | "ko";
             readonly message: string;
         }[]];
+        readonly before?: readonly {
+            readonly target: string;
+            readonly operation: string;
+        }[] | undefined;
         readonly expression: string;
         readonly onSuccess?: readonly {
             readonly target: string;
@@ -54,6 +58,10 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly locale: "en" | "ja" | "ko";
             readonly message: string;
         }[]];
+        readonly before?: readonly {
+            readonly target: string;
+            readonly operation: string;
+        }[] | undefined;
         readonly expression: string;
         readonly onSuccess?: readonly {
             readonly target: string;

package/dist/runtime/components/actions/buttons/2026-04-18/com.shwfed.actions.button.http.request.json.confirm/config.vue

@@ -25,6 +25,9 @@ const RESULT_FIELDS = ["onSuccess", "onWarning", "onError", "onInfo"];
 function updateTriggers(key, next) {
   patch({ [key]: next.length === 0 ? void 0 : next });
 }
+function updateBefore(next) {
+  patch({ before: next.length === 0 ? void 0 : next });
+}
 </script>
 
 <template>
@@ -76,6 +79,28 @@ function updateTriggers(key, next) {
       </Field>
     </div>
 
+    <!-- Pre-confirm triggers: run before the confirm dialog. A halting op
+         (e.g. the enclosing form's 校验) skips both dialog and request. -->
+    <Field orientation="vertical">
+      <FieldLabel class="text-xs text-zinc-500">
+        <template
+          v-if="fieldDescription('before')"
+          #tooltip
+        >
+          <Markdown
+            :source="fieldDescription('before')"
+            block
+            class="prose prose-sm prose-zinc"
+          />
+        </template>
+        {{ fieldTitle("before") }}
+      </FieldLabel>
+      <TriggersField
+        :triggers="value.before ?? []"
+        @update:triggers="(v) => updateBefore(v)"
+      />
+    </Field>
+
     <div class="grid grid-cols-2 gap-4">
       <Field orientation="vertical">
         <FieldLabel class="text-xs text-zinc-500">

package/dist/runtime/components/actions/buttons/2026-04-18/com.shwfed.actions.button.http.request.json.confirm/config.vue.d.ts

@@ -21,6 +21,10 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly locale: "en" | "ja" | "ko";
             readonly message: string;
         }[]];
+        readonly before?: readonly {
+            readonly target: string;
+            readonly operation: string;
+        }[] | undefined;
         readonly expression: string;
         readonly onSuccess?: readonly {
             readonly target: string;
@@ -54,6 +58,10 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly locale: "en" | "ja" | "ko";
             readonly message: string;
         }[]];
+        readonly before?: readonly {
+            readonly target: string;
+            readonly operation: string;
+        }[] | undefined;
         readonly expression: string;
         readonly onSuccess?: readonly {
             readonly target: string;

package/dist/runtime/components/actions/buttons/2026-04-18/com.shwfed.actions.button.http.request.json.confirm/runtime.vue

@@ -5,8 +5,7 @@ import { cel as _rawCel } from "../../../../../utils/cel";
 import { reject } from "../../../../../composables/useOverlay";
 import { celBindings, injectCELContext } from "../../../../../utils/cel-context";
 import { getLocalizedText } from "../../../../../share/locale";
-import { useEventChannel } from "../../../../../share/event-bus";
-import { useFormValidate } from "../../../../../share/form-validate";
+import { dispatchTriggers, useEventChannel } from "../../../../../share/event-bus";
 import ShwfedActionDefinition from "../../../components/definition.vue";
 import { executeHttpRequest, interpolateMarkdown } from "../../../utils/resolve";
 defineOptions({ name: "ShwfedHttpRequestConfirmActionRuntime" });
@@ -18,12 +17,8 @@ const { locale } = useI18n();
 const inherited = injectCELContext();
 const $cel = (expression, context) => _rawCel(expression, { ...celBindings(inherited), ...context });
 const channel = useEventChannel();
-const validateForm = useFormValidate();
 const effect = Effect.gen(function* () {
-  if (validateForm) {
-    const ok = yield* Effect.promise(() => validateForm());
-    if (!ok) return;
-  }
+  yield* dispatchTriggers(channel, props.config.before);
   const raw = getLocalizedText(props.config.markdown, locale.value) ?? "";
   const content = interpolateMarkdown(raw, $cel);
   if (yield* reject({ content, icon: props.config.icon, color: props.config.color })) return;

package/dist/runtime/components/actions/buttons/2026-04-18/com.shwfed.actions.button.http.request.json.confirm/schema.d.ts

@@ -10,6 +10,10 @@ export declare function schema(configure: (env: Environment) => void): Schema.St
     type: Schema.Literal<["com.shwfed.actions.button.http.request.json.confirm"]>;
     compatibilityDate: Schema.Literal<["2026-04-18"]>;
     expression: Schema.Schema<string, string, never>;
+    before: Schema.optional<Schema.Array$<Schema.Struct<{
+        target: Schema.refine<string, typeof Schema.String>;
+        operation: Schema.SchemaClass<string, string, never>;
+    }>>>;
     markdown: Schema.TupleType<readonly [Schema.Struct<{
         locale: Schema.Literal<["zh"]>;
         message: Schema.SchemaClass<string, string, never>;

package/dist/runtime/components/actions/buttons/2026-04-18/com.shwfed.actions.button.http.request.json.confirm/schema.js

@@ -29,6 +29,14 @@ export function schema(configure) {
         用户确认后将立即被求值，当 HTTP 请求被成功构造后，调度器将尽可能快地安排执行这个请求
       `
     }),
+    before: Schema.optional(Triggers.annotations({
+      title: "\u786E\u8BA4\u524D",
+      description: md`
+        确认弹窗弹出前按列表顺序执行的操作。任一操作中止（例如表单校验未通过）将取消确认弹窗与请求。
+
+        放在表单里的提交按钮应在此处首先触发所在表单的「校验」操作，使校验成为显式的提交前步骤。
+      `
+    })),
     markdown: Locale.annotations({
       title: "\u786E\u8BA4\u4FE1\u606F",
       description: "\u5F39\u7A97\u786E\u8BA4\u4FE1\u606F\uFF0C\u652F\u6301 `{{ expression }}` \u63D2\u503C"

package/dist/runtime/components/config/blocks/2026-05-06/com.shwfed.block.table/config.d.vue.ts

@@ -156,6 +156,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
                 readonly pageSizes?: readonly number[] | undefined;
                 readonly pageIndex?: number | undefined;
             } | undefined;
+            readonly persistQuery?: boolean | undefined;
             readonly initialState?: {
                 readonly expanded?: boolean | {
                     readonly [x: string]: boolean;
@@ -336,6 +337,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
                 readonly pageSizes?: readonly number[] | undefined;
                 readonly pageIndex?: number | undefined;
             } | undefined;
+            readonly persistQuery?: boolean | undefined;
             readonly initialState?: {
                 readonly expanded?: boolean | {
                     readonly [x: string]: boolean;

package/dist/runtime/components/config/blocks/2026-05-06/com.shwfed.block.table/config.vue.d.ts

@@ -156,6 +156,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
                 readonly pageSizes?: readonly number[] | undefined;
                 readonly pageIndex?: number | undefined;
             } | undefined;
+            readonly persistQuery?: boolean | undefined;
             readonly initialState?: {
                 readonly expanded?: boolean | {
                     readonly [x: string]: boolean;
@@ -336,6 +337,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
                 readonly pageSizes?: readonly number[] | undefined;
                 readonly pageIndex?: number | undefined;
             } | undefined;
+            readonly persistQuery?: boolean | undefined;
             readonly initialState?: {
                 readonly expanded?: boolean | {
                     readonly [x: string]: boolean;

package/dist/runtime/components/config/blocks/2026-05-06/com.shwfed.block.table/runtime.d.vue.ts

@@ -151,6 +151,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
                 readonly pageSizes?: readonly number[] | undefined;
                 readonly pageIndex?: number | undefined;
             } | undefined;
+            readonly persistQuery?: boolean | undefined;
             readonly initialState?: {
                 readonly expanded?: boolean | {
                     readonly [x: string]: boolean;
@@ -331,6 +332,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
                 readonly pageSizes?: readonly number[] | undefined;
                 readonly pageIndex?: number | undefined;
             } | undefined;
+            readonly persistQuery?: boolean | undefined;
             readonly initialState?: {
                 readonly expanded?: boolean | {
                     readonly [x: string]: boolean;

package/dist/runtime/components/config/blocks/2026-05-06/com.shwfed.block.table/runtime.vue.d.ts

@@ -151,6 +151,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
                 readonly pageSizes?: readonly number[] | undefined;
                 readonly pageIndex?: number | undefined;
             } | undefined;
+            readonly persistQuery?: boolean | undefined;
             readonly initialState?: {
                 readonly expanded?: boolean | {
                     readonly [x: string]: boolean;
@@ -331,6 +332,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
                 readonly pageSizes?: readonly number[] | undefined;
                 readonly pageIndex?: number | undefined;
             } | undefined;
+            readonly persistQuery?: boolean | undefined;
             readonly initialState?: {
                 readonly expanded?: boolean | {
                     readonly [x: string]: boolean;

package/dist/runtime/components/config/blocks/2026-05-06/com.shwfed.block.table/schema.d.ts

@@ -166,6 +166,7 @@ export declare function schema(configure: (env: Environment) => void, _blockRef:
             readonly pageSizes?: readonly number[] | undefined;
             readonly pageIndex?: number | undefined;
         } | undefined;
+        readonly persistQuery?: boolean | undefined;
         readonly initialState?: {
             readonly expanded?: boolean | {
                 readonly [x: string]: boolean;
@@ -447,6 +448,7 @@ export declare function schema(configure: (env: Environment) => void, _blockRef:
                 message: Schema.SchemaClass<string, string, never>;
             }>]>>;
         }>>;
+        persistQuery: Schema.optional<Schema.SchemaClass<boolean, boolean, never>>;
         initialState: Schema.optional<Schema.Struct<{
             columnVisibility: Schema.optional<Schema.Record$<typeof Schema.String, typeof Schema.Boolean>>;
             columnOrder: Schema.optional<Schema.Array$<typeof Schema.String>>;

package/dist/runtime/components/config/blocks/2026-06-02/com.shwfed.block.card/config.vue

@@ -29,6 +29,7 @@ import {
   badgeSchema,
   getStructFieldDescription,
   getStructFieldTitle,
+  JSON_VAR,
   schema
 } from "./schema";
 defineOptions({ name: "ShwfedBlockCardConfig" });
@@ -419,6 +420,7 @@ if (breadcrumbExt) {
             :model-value="badge.show ?? ''"
             placeholder="例：json.?data.?total.orValue(0) != 0"
             result-type="bool"
+            :extra-vars="{ json: JSON_VAR }"
             multiline
             class="min-h-12"
             @update:model-value="(v) => setBadgeShow(v)"

package/dist/runtime/components/config/blocks/2026-06-02/com.shwfed.block.card/schema.d.ts

@@ -19,6 +19,11 @@ export declare const metadata: {
         readonly max: number;
     };
 };
+export declare const JSON_VAR: {
+    readonly type: "optional<dyn>";
+    readonly label: "HTTP 响应体";
+    readonly description: "HTTP 响应体（配置了请求时为已解析 JSON，否则为 none）";
+};
 export declare const BADGE_VARIANTS: readonly ["default", "secondary", "destructive", "outline"];
 /**
  * The card's top-right badge: an optional HTTP datasource whose response feeds

package/dist/runtime/components/config/blocks/2026-06-02/com.shwfed.block.card/schema.js

@@ -10,10 +10,15 @@ export const metadata = {
   w: { initial: 12, min: 4, max: Infinity },
   h: { initial: 6, min: 4, max: Infinity }
 };
+export const JSON_VAR = {
+  type: "optional<dyn>",
+  label: "HTTP \u54CD\u5E94\u4F53",
+  description: "HTTP \u54CD\u5E94\u4F53\uFF08\u914D\u7F6E\u4E86\u8BF7\u6C42\u65F6\u4E3A\u5DF2\u89E3\u6790 JSON\uFF0C\u5426\u5219\u4E3A none\uFF09"
+};
 function registerJson(env) {
-  env.registerVariable("json", "optional<dyn>", {
-    label: "HTTP \u54CD\u5E94\u4F53",
-    description: "HTTP \u54CD\u5E94\u4F53\uFF08\u914D\u7F6E\u4E86\u8BF7\u6C42\u65F6\u4E3A\u5DF2\u89E3\u6790 JSON\uFF0C\u5426\u5219\u4E3A none\uFF09"
+  env.registerVariable("json", JSON_VAR.type, {
+    label: JSON_VAR.label,
+    description: JSON_VAR.description
   });
 }
 export const BADGE_VARIANTS = ["default", "secondary", "destructive", "outline"];

package/dist/runtime/components/form/fields/2026-04-22/com.shwfed.form.field.markdown/runtime.vue

@@ -1,15 +1,26 @@
 <script setup>
 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 { Markdown } from "../../../../ui/markdown";
+import { interpolateMarkdown } from "../../../../table/utils/runtime";
+import { useFormState } from "../../../utils/state";
 defineOptions({ name: "ShwfedMarkdownFieldRuntime" });
 const props = defineProps({
   fieldId: { type: String, required: true },
   config: { type: null, required: true }
 });
 const { locale } = useI18n();
-const source = computed(() => getLocalizedText(props.config.content, locale.value) ?? "");
+const { state } = useFormState();
+const inherited = injectCELContext();
+const $cel = (expression, context) => _rawCel(expression, { ...celBindings(inherited), ...context });
+const source = computed(() => {
+  const template = getLocalizedText(props.config.content, locale.value) ?? "";
+  if (!template) return "";
+  return interpolateMarkdown(template, $cel, { form: state.value ?? {} });
+});
 </script>
 
 <template>

package/dist/runtime/components/form/fields/2026-04-22/com.shwfed.form.field.markdown/schema.d.ts

@@ -17,13 +17,19 @@ export declare const metadata: {
     };
 };
 export declare function schema(configure: (env: Environment) => void): Schema.Struct<{
-    content: Schema.TupleType<readonly [Schema.Struct<{
+    content: 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>;
-    }>]>;
+    }>]>>;
     id: Schema.refine<string, typeof Schema.String>;
     displayName: Schema.optional<Schema.SchemaClass<string, string, never>>;
     hidden: Schema.optional<Schema.Schema<string, string, never>>;

package/dist/runtime/components/form/fields/2026-04-22/com.shwfed.form.field.markdown/schema.js

@@ -1,5 +1,5 @@
 import { Schema } from "effect";
-import { Locale } from "../../../../../share/locale.js";
+import { LocaleMarkdown } from "../../../../../share/expression.js";
 import { commonFieldFields } from "../../../utils/common.js";
 export const type = "com.shwfed.form.field.markdown";
 export const compatibilityDate = "2026-04-22";
@@ -14,9 +14,9 @@ export function schema(configure) {
     type: Schema.Literal(type),
     compatibilityDate: Schema.Literal(compatibilityDate),
     ...commonFieldFields(configure),
-    content: Locale.annotations({
+    content: LocaleMarkdown({ configure }).annotations({
       title: "\u5185\u5BB9",
-      description: "\u6E32\u67D3\u4E3A Markdown \u7684\u591A\u8BED\u8A00\u6587\u672C"
+      description: "\u6E32\u67D3\u4E3A Markdown \u7684\u591A\u8BED\u8A00\u6587\u672C\uFF0C\u652F\u6301 `{{ \u8868\u8FBE\u5F0F }}` \u63D2\u503C"
     })
   }).annotations({
     title: "MarkdownField",

package/dist/runtime/components/form/fields/2026-04-22/com.shwfed.form.field.textarea/config.d.vue.ts

@@ -24,7 +24,6 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
         }[]] | undefined;
         readonly required?: string | undefined;
         readonly displayName?: string | undefined;
-        readonly rows?: number | undefined;
         readonly compatibilityDate: "2026-04-22";
         readonly orientation?: "vertical" | "floating" | undefined;
         readonly placeholder?: readonly [{
@@ -51,6 +50,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly warning?: boolean | undefined;
             readonly when: string;
         }[] | undefined;
+        readonly maxLength?: number | undefined;
     }) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_ModelProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: {
@@ -74,7 +74,6 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
         }[]] | undefined;
         readonly required?: string | undefined;
         readonly displayName?: string | undefined;
-        readonly rows?: number | undefined;
         readonly compatibilityDate: "2026-04-22";
         readonly orientation?: "vertical" | "floating" | undefined;
         readonly placeholder?: readonly [{
@@ -101,6 +100,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly warning?: boolean | undefined;
             readonly when: string;
         }[] | undefined;
+        readonly maxLength?: number | undefined;
     }) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

package/dist/runtime/components/form/fields/2026-04-22/com.shwfed.form.field.textarea/config.vue

@@ -4,7 +4,7 @@ import { Field, FieldLabel } from "../../../../ui/field";
 import { ExpressionEditor } from "../../../../ui/expression-editor";
 import DerivedValueEditor from "../../../DerivedValueEditor.vue";
 import ValidationRulesField from "../../../ValidationRulesField.vue";
-import { InputGroup, InputGroupInput } from "../../../../ui/input-group";
+import { InputGroup, InputGroupInput, InputGroupNumberField } from "../../../../ui/input-group";
 import { Locale as LocaleField } from "../../../../ui/locale";
 import { Markdown } from "../../../../ui/markdown";
 import {
@@ -35,22 +35,14 @@ const pathText = computed({
     }
   }
 });
-const rowsText = computed({
-  get: () => value.value.rows != null ? String(value.value.rows) : "",
-  set: (next) => {
-    const trimmed = String(next ?? "").trim();
-    if (trimmed.length === 0) {
-      value.value = { ...value.value, rows: void 0 };
-      return;
-    }
-    const n = Number(trimmed);
-    if (!Number.isFinite(n) || !Number.isInteger(n) || n <= 0) {
-      value.value = { ...value.value, rows: void 0 };
-      return;
-    }
-    value.value = { ...value.value, rows: n };
+function setMaxLength(v) {
+  if (v === void 0 || !(v > 0)) {
+    const { maxLength: _omit, ...rest } = value.value;
+    value.value = rest;
+  } else {
+    value.value = { ...value.value, maxLength: Math.round(v) };
   }
-});
+}
 </script>
 
 <template>
@@ -203,24 +195,22 @@ const rowsText = computed({
       <Field orientation="vertical">
         <FieldLabel class="text-xs text-zinc-500">
           <template
-            v-if="fieldDescription('rows')"
+            v-if="fieldDescription('maxLength')"
             #tooltip
           >
             <Markdown
-              :source="fieldDescription('rows')"
+              :source="fieldDescription('maxLength')"
               block
               class="prose prose-sm prose-zinc"
             />
           </template>
-          {{ fieldTitle("rows") }}
+          {{ fieldTitle("maxLength") }}
         </FieldLabel>
         <InputGroup>
-          <InputGroupInput
-            v-model="rowsText"
-            type="number"
-            min="1"
-            step="1"
-            placeholder="例：4"
+          <InputGroupNumberField
+            :model-value="value.maxLength"
+            :min="1"
+            @update:model-value="setMaxLength"
           />
         </InputGroup>
       </Field>

package/dist/runtime/components/form/fields/2026-04-22/com.shwfed.form.field.textarea/config.vue.d.ts

@@ -24,7 +24,6 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
         }[]] | undefined;
         readonly required?: string | undefined;
         readonly displayName?: string | undefined;
-        readonly rows?: number | undefined;
         readonly compatibilityDate: "2026-04-22";
         readonly orientation?: "vertical" | "floating" | undefined;
         readonly placeholder?: readonly [{
@@ -51,6 +50,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly warning?: boolean | undefined;
             readonly when: string;
         }[] | undefined;
+        readonly maxLength?: number | undefined;
     }) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_ModelProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: {
@@ -74,7 +74,6 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
         }[]] | undefined;
         readonly required?: string | undefined;
         readonly displayName?: string | undefined;
-        readonly rows?: number | undefined;
         readonly compatibilityDate: "2026-04-22";
         readonly orientation?: "vertical" | "floating" | undefined;
         readonly placeholder?: readonly [{
@@ -101,6 +100,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly warning?: boolean | undefined;
             readonly when: string;
         }[] | undefined;
+        readonly maxLength?: number | undefined;
     }) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;