@shwfed/config 2.1.1 → 2.1.2

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "shwfed",
   "configKey": "shwfed",
-  "version": "2.1.1",
+  "version": "2.1.2",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "unknown"

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

@@ -22,6 +22,13 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly locale: "en" | "ja" | "ko";
             readonly message: string;
         }[]] | undefined;
+        readonly locale?: readonly [{
+            readonly locale: "zh";
+            readonly message: string;
+        }, ...{
+            readonly locale: "en" | "ja" | "ko";
+            readonly message: string;
+        }[]] | undefined;
         readonly displayName?: string | undefined;
         readonly compatibilityDate: "2026-05-13";
         readonly min?: number | undefined;
@@ -71,6 +78,13 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly locale: "en" | "ja" | "ko";
             readonly message: string;
         }[]] | undefined;
+        readonly locale?: readonly [{
+            readonly locale: "zh";
+            readonly message: string;
+        }, ...{
+            readonly locale: "en" | "ja" | "ko";
+            readonly message: string;
+        }[]] | undefined;
         readonly displayName?: string | undefined;
         readonly compatibilityDate: "2026-05-13";
         readonly min?: number | undefined;

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

@@ -233,6 +233,28 @@ const reorderable = computed({
           </Field>
         </div>
 
+        <Field orientation="vertical">
+          <FieldLabel class="text-xs text-zinc-500">
+            <template
+              v-if="fieldDescription('locale')"
+              #tooltip
+            >
+              <Markdown
+                :source="fieldDescription('locale')"
+                block
+                class="prose prose-sm prose-zinc"
+              />
+            </template>
+            {{ fieldTitle("locale") }}
+          </FieldLabel>
+          <LocaleField
+            markdown
+            translate-hint="列表项折叠摘要，Markdown 文本，保留表达式插值占位符不要翻译"
+            :model-value="value.locale"
+            @update:model-value="(v) => value = { ...value, locale: v }"
+          />
+        </Field>
+
         <div class="grid grid-cols-3 gap-3">
           <Field orientation="vertical">
             <FieldLabel class="text-xs text-zinc-500">

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

@@ -22,6 +22,13 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly locale: "en" | "ja" | "ko";
             readonly message: string;
         }[]] | undefined;
+        readonly locale?: readonly [{
+            readonly locale: "zh";
+            readonly message: string;
+        }, ...{
+            readonly locale: "en" | "ja" | "ko";
+            readonly message: string;
+        }[]] | undefined;
         readonly displayName?: string | undefined;
         readonly compatibilityDate: "2026-05-13";
         readonly min?: number | undefined;
@@ -71,6 +78,13 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly locale: "en" | "ja" | "ko";
             readonly message: string;
         }[]] | undefined;
+        readonly locale?: readonly [{
+            readonly locale: "zh";
+            readonly message: string;
+        }, ...{
+            readonly locale: "en" | "ja" | "ko";
+            readonly message: string;
+        }[]] | undefined;
         readonly displayName?: string | undefined;
         readonly compatibilityDate: "2026-05-13";
         readonly min?: number | undefined;

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

@@ -5,6 +5,7 @@ import { computed, ref, watch } from "vue";
 import { useI18n } from "vue-i18n";
 import { cel as _rawCel } from "../../../../../utils/cel";
 import { celBindings, injectCELContext } from "../../../../../utils/cel-context";
+import { interpolate } from "../../../../../utils/interpolate";
 import { getLocalizedText } from "../../../../../share/locale";
 import {
   useTreeDnd
@@ -31,6 +32,8 @@ const tooltipText = computed(
 const addLabelText = computed(
   () => getLocalizedText(props.config.addLabel, locale.value) || "\u65B0\u589E"
 );
+const summaryTemplate = computed(() => getLocalizedText(props.config.locale, locale.value));
+const collapsible = computed(() => !!summaryTemplate.value);
 function evalBool(expression, label) {
   if (!expression) return false;
   try {
@@ -50,6 +53,28 @@ const items = computed(() => {
   if (!Array.isArray(raw)) return [];
   return raw;
 });
+const rowSummaries = computed(() => {
+  const template = summaryTemplate.value;
+  if (template == null) return [];
+  return items.value.map(
+    (item, i) => interpolate(template, (expression) => {
+      try {
+        const out = Effect.runSync($cel(expression, {
+          form: state.value ?? {},
+          item: item ?? {},
+          index: i
+        }));
+        return out == null ? "" : String(out);
+      } catch (err) {
+        console.error(
+          `[shwfed-form] list field: failed to evaluate summary expression \`${expression}\` for ${props.fieldId}[${i}]:`,
+          err
+        );
+        return "";
+      }
+    })
+  );
+});
 function writeItems(next) {
   const path = props.config.binding;
   if (path == null) {
@@ -74,6 +99,16 @@ watch(
   },
   { immediate: true }
 );
+const expandedKeys = ref(/* @__PURE__ */ new Set());
+function isExpanded(key) {
+  return expandedKeys.value.has(key);
+}
+function toggleExpanded(key) {
+  const next = new Set(expandedKeys.value);
+  if (next.has(key)) next.delete(key);
+  else next.add(key);
+  expandedKeys.value = next;
+}
 const atMax = computed(
   () => props.config.max != null && items.value.length >= props.config.max
 );
@@ -86,13 +121,23 @@ const canReorder = computed(() => !isDisabled.value && reorderable.value);
 function append() {
   if (!canAdd.value) return;
   writeItems([...items.value, {}]);
-  rowKeys.value = [...rowKeys.value, makeId()];
+  const id = makeId();
+  rowKeys.value = [...rowKeys.value, id];
+  const next = new Set(expandedKeys.value);
+  next.add(id);
+  expandedKeys.value = next;
 }
 function removeAt(i) {
   if (!canRemove.value) return;
   if (i < 0 || i >= items.value.length) return;
+  const removedKey = rowKeys.value[i];
   writeItems(items.value.filter((_, j) => j !== i));
   rowKeys.value = rowKeys.value.filter((_, j) => j !== i);
+  if (removedKey != null && expandedKeys.value.has(removedKey)) {
+    const next = new Set(expandedKeys.value);
+    next.delete(removedKey);
+    expandedKeys.value = next;
+  }
 }
 function moveRow(from, to) {
   if (!canReorder.value) return;
@@ -169,19 +214,74 @@ function rowConfig(i) {
         v-for="(item, i) in items"
         :key="rowKeys[i]"
         :ref="dnd.rowRef(rowId(i), rowConfig(i))"
-        class="relative flex items-center gap-2 rounded border border-zinc-200 bg-zinc-50/40 p-3"
+        class="relative rounded border border-zinc-200 bg-zinc-50/40 p-3"
         data-slot="list-row"
         :data-instruction="dnd.instructionFor(rowId(i)) ?? void 0"
       >
-        <Icon
-          v-if="reorderable"
-          icon="fluent:re-order-dots-vertical-20-regular"
-          class="drag-handle size-4 shrink-0 text-zinc-400"
-          :class="canReorder ? 'cursor-grab' : 'cursor-not-allowed opacity-50'"
-          data-slot="list-row-drag-handle"
-        />
+        <div class="flex items-center gap-2">
+          <Icon
+            v-if="reorderable"
+            icon="fluent:re-order-dots-vertical-20-regular"
+            class="drag-handle size-4 shrink-0 text-zinc-400"
+            :class="canReorder ? 'cursor-grab' : 'cursor-not-allowed opacity-50'"
+            data-slot="list-row-drag-handle"
+          />
+
+          <InputGroupButton
+            v-if="collapsible"
+            size="icon-xs"
+            class="shrink-0"
+            data-slot="list-row-collapse"
+            :aria-expanded="isExpanded(rowId(i))"
+            :aria-label="isExpanded(rowId(i)) ? '\u6298\u53E0' : '\u5C55\u5F00'"
+            @click="toggleExpanded(rowId(i))"
+          >
+            <Icon
+              :icon="isExpanded(rowId(i)) ? 'fluent:chevron-down-20-regular' : 'fluent:chevron-right-20-regular'"
+            />
+          </InputGroupButton>
 
-        <div class="min-w-0 flex-1">
+          <div
+            v-if="collapsible"
+            class="min-w-0 flex-1"
+            data-slot="list-row-summary"
+          >
+            <Markdown
+              :source="rowSummaries[i] ?? ''"
+              class="prose prose-xs prose-zinc"
+            />
+          </div>
+          <div
+            v-else
+            class="min-w-0 flex-1"
+          >
+            <Row
+              :model-value="item"
+              :unit="config.unit"
+              :index="i"
+              @update:model-value="(next) => updateRow(i, next)"
+            />
+          </div>
+
+          <InputGroupButton
+            variant="destructive"
+            size="icon-xs"
+            class="shrink-0"
+            :disabled="!canRemove"
+            data-slot="list-row-remove"
+            aria-label="删除"
+            @click="removeAt(i)"
+          >
+            <Icon icon="fluent:delete-20-regular" />
+          </InputGroupButton>
+        </div>
+
+        <div
+          v-if="collapsible"
+          v-show="isExpanded(rowId(i))"
+          class="mt-3 min-w-0"
+          data-slot="list-row-content"
+        >
           <Row
             :model-value="item"
             :unit="config.unit"
@@ -189,18 +289,6 @@ function rowConfig(i) {
             @update:model-value="(next) => updateRow(i, next)"
           />
         </div>
-
-        <InputGroupButton
-          variant="destructive"
-          size="icon-xs"
-          class="shrink-0"
-          :disabled="!canRemove"
-          data-slot="list-row-remove"
-          aria-label="删除"
-          @click="removeAt(i)"
-        >
-          <Icon icon="fluent:delete-20-regular" />
-        </InputGroupButton>
       </div>
 
       <Button

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

@@ -36,6 +36,13 @@ export declare function schema(configure: (env: Environment) => void): Schema.re
         readonly locale: "en" | "ja" | "ko";
         readonly message: string;
     }[]] | undefined;
+    readonly locale?: readonly [{
+        readonly locale: "zh";
+        readonly message: string;
+    }, ...{
+        readonly locale: "en" | "ja" | "ko";
+        readonly message: string;
+    }[]] | undefined;
     readonly displayName?: string | undefined;
     readonly compatibilityDate: "2026-05-13";
     readonly min?: number | undefined;
@@ -94,6 +101,13 @@ export declare function schema(configure: (env: Environment) => void): Schema.re
     min: Schema.optional<Schema.refine<number, Schema.filter<typeof Schema.Number>>>;
     max: Schema.optional<Schema.refine<number, Schema.filter<typeof Schema.Number>>>;
     disabled: Schema.optional<Schema.Schema<string, string, never>>;
+    locale: Schema.optional<Schema.TupleType<readonly [Schema.Struct<{
+        locale: Schema.Literal<["zh"]>;
+        message: Schema.SchemaClass<string, string, never>;
+    }>], [Schema.Struct<{
+        locale: Schema.Literal<["ja", "en", "ko"]>;
+        message: Schema.SchemaClass<string, string, never>;
+    }>]>>;
     unit: Schema.suspend<Readonly<{
         fields: ReadonlyArray<import("../../../schema.js").FieldValue>;
         layouts: ReadonlyArray<import("../../../schema.js").LayoutSetValue>;

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

@@ -64,6 +64,10 @@ export function schema(configure) {
       title: "\u7981\u7528\u6761\u4EF6",
       description: "\u8FD4\u56DE `true` \u65F6\u6574\u4E2A\u5217\u8868\u53EA\u8BFB\uFF0C\u4E0D\u80FD\u65B0\u589E/\u5220\u9664/\u91CD\u6392"
     })),
+    locale: Schema.optional(Locale.annotations({
+      title: "\u5217\u8868\u9879\u6458\u8981",
+      description: "\u914D\u7F6E\u540E\u6BCF\u4E2A\u5217\u8868\u9879\u53EF\u6298\u53E0\uFF0C\u6298\u53E0\u65F6\u5C55\u793A\u6B64\u5904\u6587\u672C\u6E32\u67D3\u7684\u884C\u5185 Markdown \u4F5C\u4E3A\u6458\u8981\u3002\u652F\u6301 `{{ \u8868\u8FBE\u5F0F }}` \u63D2\u503C\uFF0C\u8868\u8FBE\u5F0F\u4E3A CEL\uFF0C\u53EF\u8BBF\u95EE `item`\uFF08\u5F53\u524D\u9879\uFF09\u3001`index`\uFF08\u5E8F\u53F7\uFF0C\u4ECE 0 \u5F00\u59CB\uFF09\u4E0E `form`"
+    })),
     unit: Unit.annotations({
       title: "\u5217\u8868\u9879\u914D\u7F6E",
       description: "\u5355\u4E2A\u5217\u8868\u9879\u7684\u5B57\u6BB5\u4E0E\u5E03\u5C40\uFF1B\u6BCF\u4E2A\u5217\u8868\u9879\u90FD\u6309\u6B64\u7ED3\u6784\u6E32\u67D3\u4E00\u4EFD"

package/dist/runtime/utils/interpolate.d.ts

@@ -0,0 +1 @@
+export declare function interpolate(template: string, evaluate: (expression: string) => string): string;

package/dist/runtime/utils/interpolate.js

@@ -0,0 +1,7 @@
+const TOKEN = /\{\{([\s\S]*?)\}\}/g;
+export function interpolate(template, evaluate) {
+  return template.replace(TOKEN, (_token, raw) => {
+    const expression = raw.trim();
+    return expression.length === 0 ? "" : evaluate(expression);
+  });
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@shwfed/config",
-  "version": "2.1.1",
+  "version": "2.1.2",
   "description": "Configurable UI for SHWFED",
   "type": "module",
   "publishConfig": {