@shwfed/config 2.3.3 → 2.3.5

package/dist/runtime/components/actions/config.vue

@@ -9,7 +9,7 @@ import {
 } from "./schema";
 import { Environment } from "../../vendor/cel-js/lib/index";
 import { provideCELContext } from "../../utils/cel-context";
-import { BUTTONS, findButton } from "./utils/resolve";
+import { BUTTONS, findButton, ITEMS, findItem } from "./utils/resolve";
 import { SIDEBAR_TAKEOVER_KEY } from "../sidebar-takeover";
 import { BREADCRUMB_EXTENSION_KEY } from "../config/breadcrumb-extension";
 import { ScrollArea } from "../ui/scroll-area";
@@ -87,6 +87,12 @@ const generalFieldDescription = (f) => getStructFieldDescription(actionsSchema,
 function isDropdownItem(item) {
   return "items" in item;
 }
+function isRegistryItem(item) {
+  return "type" in item && "compatibilityDate" in item;
+}
+function isRegistrySub(child) {
+  return "type" in child && "compatibilityDate" in child;
+}
 const GROUP_DRAG_KIND = "group";
 const ITEM_DRAG_KIND = "item";
 const SUBITEM_DRAG_KIND = "sub";
@@ -102,6 +108,12 @@ const SIZE_OPTIONS = [
   { value: "sm", label: "\u5C0F" },
   { value: "xs", label: "\u6781\u5C0F" }
 ];
+const ITEM_PICKER_ENTRIES = ITEMS.map((i) => ({
+  type: i.type,
+  compatibilityDate: i.compatibilityDate,
+  name: i.metadata.name,
+  icon: i.metadata.icon
+})).sort((a, b) => a.name.localeCompare(b.name, "zh"));
 const ACTION_PICKER_ENTRIES = (() => {
   const byType = /* @__PURE__ */ new Map();
   for (const a of BUTTONS) {
@@ -162,12 +174,36 @@ function itemsOfGroup(groupId) {
   return editingItems.value.filter((it) => it.groupId === groupId);
 }
 function itemLabel(item) {
+  if (isRegistryItem(item)) {
+    const entry = findItem(item.type, item.compatibilityDate);
+    const candidate = item.name;
+    if (typeof candidate === "string" && candidate.trim().length > 0) return candidate;
+    return entry ? `\u672A\u547D\u540D${entry.metadata.name}` : "\u672A\u547D\u540D\u9879";
+  }
   const fallback = isDropdownItem(item) ? "\u672A\u547D\u540D\u4E0B\u62C9\u6309\u94AE" : "\u672A\u547D\u540D\u6309\u94AE";
   return getLocalizedText(item.title, "zh") ?? fallback;
 }
+function itemIcon(item) {
+  if (isRegistryItem(item)) {
+    return findItem(item.type, item.compatibilityDate)?.metadata.icon;
+  }
+  return item.icon;
+}
 function subLabel(sub) {
+  if (isRegistrySub(sub)) {
+    const entry = findItem(sub.type, sub.compatibilityDate);
+    const candidate = sub.name;
+    if (typeof candidate === "string" && candidate.trim().length > 0) return candidate;
+    return entry ? `\u672A\u547D\u540D${entry.metadata.name}` : "\u672A\u547D\u540D\u9879";
+  }
   return getLocalizedText(sub.title, "zh") ?? "\u672A\u547D\u540D\u6309\u94AE";
 }
+function subIcon(sub) {
+  if (isRegistrySub(sub)) {
+    return findItem(sub.type, sub.compatibilityDate)?.metadata.icon;
+  }
+  return sub.icon;
+}
 function composeGroupLabel(groupId) {
   const items = itemsOfGroup(groupId);
   if (items.length === 0) return "";
@@ -176,7 +212,7 @@ function composeGroupLabel(groupId) {
   if (items.length === 2) return `${first}\u3001${itemLabel(items[1])}`;
   return `${first} \u7B49 ${items.length} \u4E2A\u6309\u94AE`;
 }
-function findItem(id) {
+function findItemNode(id) {
   return editingItems.value.find((it) => it.id === id) ?? null;
 }
 function findSub(id) {
@@ -197,22 +233,46 @@ const selectedGroup = computed(() => {
 });
 const selectedActionItem = computed(() => {
   if (selected.value?.kind !== "item") return null;
-  const it = findItem(selected.value.id);
-  if (!it || isDropdownItem(it)) return null;
+  const it = findItemNode(selected.value.id);
+  if (!it || isDropdownItem(it) || isRegistryItem(it)) return null;
   return it;
 });
 const selectedDropdownItem = computed(() => {
   if (selected.value?.kind !== "item") return null;
-  const it = findItem(selected.value.id);
+  const it = findItemNode(selected.value.id);
   if (!it || !isDropdownItem(it)) return null;
   return it;
 });
+const selectedRegistryItem = computed(() => {
+  if (selected.value?.kind !== "item") return null;
+  const it = findItemNode(selected.value.id);
+  if (!it || !isRegistryItem(it)) return null;
+  return it;
+});
+const selectedRegistryEntry = computed(() => {
+  const it = selectedRegistryItem.value;
+  if (!it) return null;
+  return findItem(it.type, it.compatibilityDate) ?? null;
+});
 const selectedSubRef = computed(() => {
   if (selected.value?.kind !== "sub") return null;
-  return findSub(selected.value.id)?.sub ?? null;
+  const found = findSub(selected.value.id);
+  if (!found || isRegistrySub(found.sub)) return null;
+  return found.sub;
+});
+const selectedRegistrySub = computed(() => {
+  if (selected.value?.kind !== "sub") return null;
+  const found = findSub(selected.value.id);
+  if (!found || !isRegistrySub(found.sub)) return null;
+  return found.sub;
+});
+const selectedRegistrySubEntry = computed(() => {
+  const sub = selectedRegistrySub.value;
+  if (!sub) return null;
+  return findItem(sub.type, sub.compatibilityDate) ?? null;
 });
 const hasSelection = computed(
-  () => selectedGeneral.value || selectedGroup.value !== null || selectedActionItem.value !== null || selectedDropdownItem.value !== null || selectedSubRef.value !== null
+  () => selectedGeneral.value || selectedGroup.value !== null || selectedActionItem.value !== null || selectedDropdownItem.value !== null || selectedRegistryItem.value !== null || selectedSubRef.value !== null || selectedRegistrySub.value !== null
 );
 function setOptionalString(target, key, value) {
   if (value.trim() === "") Reflect.deleteProperty(target, key);
@@ -275,6 +335,21 @@ function patchSelectedActionItem(mutate) {
   if (!touched) return;
   commit(w);
 }
+function patchSelectedRegistryItem(next) {
+  const sel = selected.value;
+  if (sel?.kind !== "item") return;
+  const id = sel.id;
+  if (next.id !== id) return;
+  const w = snapshot();
+  let touched = false;
+  w.items = w.items.map((it) => {
+    if (it.id !== id || !isRegistryItem(it)) return it;
+    touched = true;
+    return next;
+  });
+  if (!touched) return;
+  commit(w);
+}
 function patchSelectedDropdownItem(mutate) {
   const sel = selected.value;
   if (sel?.kind !== "item") return;
@@ -303,7 +378,7 @@ function patchSelectedSub(mutate) {
     return {
       ...it,
       items: it.items.map((s) => {
-        if (s.id !== id) return s;
+        if (s.id !== id || isRegistrySub(s)) return s;
         const next = { ...s };
         mutate(next);
         touched = true;
@@ -314,6 +389,28 @@ function patchSelectedSub(mutate) {
   if (!touched) return;
   commit(w);
 }
+function patchSelectedRegistrySub(next) {
+  const sel = selected.value;
+  if (sel?.kind !== "sub") return;
+  const id = sel.id;
+  if (next.id !== id) return;
+  const w = snapshot();
+  let touched = false;
+  w.items = w.items.map((it) => {
+    if (!isDropdownItem(it)) return it;
+    if (!it.items.some((s) => s.id === id)) return it;
+    return {
+      ...it,
+      items: it.items.map((s) => {
+        if (s.id !== id || !isRegistrySub(s)) return s;
+        touched = true;
+        return next;
+      })
+    };
+  });
+  if (!touched) return;
+  commit(w);
+}
 function isDrillableAction(action) {
   if (!action) return false;
   return findButton(action.type, action.compatibilityDate)?.metadata.drillable === true;
@@ -430,10 +527,18 @@ function subItemToActionItem(sub, groupId) {
   if (s.action !== void 0) out.action = s.action;
   return out;
 }
+function registryItemToSub(it) {
+  const { groupId: _drop, ...rest } = it;
+  return rest;
+}
+function registrySubToItem(sub, groupId) {
+  return { ...sub, groupId };
+}
 function materializeAsSubItems(items, kind, id) {
   if (kind === ITEM_DRAG_KIND) {
     const it = items.find((i) => i.id === id);
     if (!it || isDropdownItem(it)) return [];
+    if (isRegistryItem(it)) return [registryItemToSub(it)];
     return [actionItemToSubItem(it)];
   }
   if (kind === SUBITEM_DRAG_KIND) {
@@ -452,7 +557,9 @@ function materializeAsTopLevel(items, kind, id, groupId) {
   if (kind === SUBITEM_DRAG_KIND) {
     const parent = findParentDropdownOfSub(items, id);
     const sub = parent?.items.find((s) => s.id === id);
-    return sub ? subItemToActionItem(sub, groupId) : null;
+    if (!sub) return null;
+    if (isRegistrySub(sub)) return registrySubToItem(sub, groupId);
+    return subItemToActionItem(sub, groupId);
   }
   return null;
 }
@@ -589,6 +696,28 @@ function addButton(type, compatibilityDate) {
   commit(w);
   selected.value = { kind: "item", id: itemId };
 }
+function seedItemValue(type) {
+  if (type === "com.shwfed.actions.item.markdown") {
+    return { name: "", content: emptyLocale() };
+  }
+  return {};
+}
+function addItem(type, compatibilityDate) {
+  const groupId = crypto.randomUUID();
+  const itemId = crypto.randomUUID();
+  const newItem = {
+    id: itemId,
+    groupId,
+    type,
+    compatibilityDate,
+    ...seedItemValue(type)
+  };
+  const w = snapshot();
+  w.groups = [...w.groups, { id: groupId }];
+  w.items = [...w.items, newItem];
+  commit(w);
+  selected.value = { kind: "item", id: itemId };
+}
 function promoteToNewGroup(sourceKind, sourceId, groupInsertIndex) {
   if (sourceKind === GROUP_DRAG_KIND) return;
   const w = snapshot();
@@ -623,7 +752,7 @@ function resolveSelection() {
   const s = selected.value;
   if (!s || s.kind === "general") return;
   if (s.kind === "group" && findGroup(s.id)) return;
-  if (s.kind === "item" && findItem(s.id)) return;
+  if (s.kind === "item" && findItemNode(s.id)) return;
   if (s.kind === "sub" && findSub(s.id)) return;
   selected.value = { kind: "general" };
 }
@@ -874,13 +1003,14 @@ const newGroupZoneId = (insertIndex) => `new-group-${insertIndex}`;
                         class="drag-handle size-4 shrink-0 cursor-grab text-zinc-300"
                       />
                       <Icon
-                        v-if="item.icon"
-                        :icon="item.icon"
+                        v-if="itemIcon(item)"
+                        :icon="itemIcon(item)"
                         class="size-4 shrink-0"
+                        :class="isRegistryItem(item) ? 'text-purple-500' : void 0"
                       />
                       <span class="flex-1 truncate">{{ itemLabel(item) }}</span>
                       <Tooltip
-                        v-if="!isDropdownItem(item)"
+                        v-if="!isDropdownItem(item) && !isRegistryItem(item)"
                         :delay-duration="180"
                       >
                         <TooltipTrigger as-child>
@@ -911,7 +1041,7 @@ const newGroupZoneId = (insertIndex) => `new-group-${insertIndex}`;
                           </button>
                         </TooltipTrigger>
                         <TooltipContent side="right">
-                          {{ isDropdownItem(item) ? "\u5220\u9664\u8BE5\u4E0B\u62C9\u6309\u94AE\u53CA\u5176\u6240\u6709\u4E0B\u62C9\u9879" : "\u5220\u9664\u8BE5\u6309\u94AE" }}
+                          {{ isDropdownItem(item) ? "\u5220\u9664\u8BE5\u4E0B\u62C9\u6309\u94AE\u53CA\u5176\u6240\u6709\u4E0B\u62C9\u9879" : isRegistryItem(item) ? "\u5220\u9664\u8BE5\u9879" : "\u5220\u9664\u8BE5\u6309\u94AE" }}
                         </TooltipContent>
                       </Tooltip>
                     </div>
@@ -933,9 +1063,10 @@ const newGroupZoneId = (insertIndex) => `new-group-${insertIndex}`;
                           class="drag-handle size-4 shrink-0 cursor-grab text-zinc-300"
                         />
                         <Icon
-                          v-if="sub.icon"
-                          :icon="sub.icon"
+                          v-if="subIcon(sub)"
+                          :icon="subIcon(sub)"
                           class="size-4 shrink-0"
+                          :class="isRegistrySub(sub) ? 'text-purple-500' : void 0"
                         />
                         <span class="flex-1 truncate">{{ subLabel(sub) }}</span>
                         <Tooltip :delay-duration="180">
@@ -989,6 +1120,19 @@ const newGroupZoneId = (insertIndex) => `new-group-${insertIndex}`;
                       <span class="flex-1">{{ entry.name }}</span>
                       <span class="ml-auto text-xs tabular-nums text-zinc-400">{{ entry.compatibilityDate }}</span>
                     </CommandItem>
+                    <CommandItem
+                      v-for="entry in ITEM_PICKER_ENTRIES"
+                      :key="entry.type"
+                      :value="entry.type"
+                      @select="addItem(entry.type, entry.compatibilityDate)"
+                    >
+                      <Icon
+                        :icon="entry.icon"
+                        class="size-4 shrink-0 text-purple-500"
+                      />
+                      <span class="flex-1">{{ entry.name }}</span>
+                      <span class="ml-auto text-xs tabular-nums text-zinc-400">{{ entry.compatibilityDate }}</span>
+                    </CommandItem>
                   </CommandGroup>
                 </InputGroupCombobox>
               </InputGroup>
@@ -1133,6 +1277,29 @@ const newGroupZoneId = (insertIndex) => `new-group-${insertIndex}`;
             </Field>
           </div>
 
+          <div
+            v-else-if="selectedRegistryItem"
+            class="flex flex-col gap-4 p-6"
+          >
+            <component
+              :is="selectedRegistryEntry?.config"
+              v-if="selectedRegistryEntry"
+              :model-value="selectedRegistryItem"
+              @update:model-value="(v) => patchSelectedRegistryItem(v)"
+            />
+            <div
+              v-else
+              class="flex items-start gap-2 rounded border border-amber-200 bg-amber-50 px-3 py-2 text-xs text-amber-800"
+              role="alert"
+            >
+              <Icon
+                icon="fluent:warning-20-regular"
+                class="mt-px size-4 shrink-0"
+              />
+              <span class="flex-1">未找到匹配的项目类型：{{ selectedRegistryItem.type }}@{{ selectedRegistryItem.compatibilityDate }}</span>
+            </div>
+          </div>
+
           <div
             v-else-if="selectedDropdownItem"
             class="flex flex-col gap-4 p-6"
@@ -1159,25 +1326,52 @@ const newGroupZoneId = (insertIndex) => `new-group-${insertIndex}`;
               />
             </Field>
 
-            <Field orientation="vertical">
-              <FieldLabel class="text-xs text-zinc-500">
-                <template
-                  v-if="dropdownItemFieldDescription('icon')"
-                  #tooltip
-                >
-                  <Markdown
-                    :source="dropdownItemFieldDescription('icon')"
-                    block
-                    class="prose prose-sm prose-zinc"
-                  />
-                </template>
-                {{ dropdownItemFieldTitle("icon") }}
-              </FieldLabel>
-              <IconPicker
-                :model-value="selectedDropdownItem.icon ?? ''"
-                @update:model-value="(v) => patchSelectedDropdownItem((it) => setOptionalString(it, 'icon', v))"
-              />
-            </Field>
+            <div class="flex items-end gap-4">
+              <Field
+                orientation="vertical"
+                class="flex-1"
+              >
+                <FieldLabel class="text-xs text-zinc-500">
+                  <template
+                    v-if="dropdownItemFieldDescription('icon')"
+                    #tooltip
+                  >
+                    <Markdown
+                      :source="dropdownItemFieldDescription('icon')"
+                      block
+                      class="prose prose-sm prose-zinc"
+                    />
+                  </template>
+                  {{ dropdownItemFieldTitle("icon") }}
+                </FieldLabel>
+                <IconPicker
+                  :model-value="selectedDropdownItem.icon ?? ''"
+                  @update:model-value="(v) => patchSelectedDropdownItem((it) => setOptionalString(it, 'icon', v))"
+                />
+              </Field>
+              <Field
+                orientation="horizontal"
+                class="h-9 w-auto gap-2"
+              >
+                <Switch
+                  :model-value="selectedDropdownItem.hideTitle ?? false"
+                  @update:model-value="(v) => patchSelectedDropdownItem((it) => setOptionalBoolean(it, 'hideTitle', v))"
+                />
+                <FieldLabel class="text-sm text-zinc-600">
+                  <template
+                    v-if="dropdownItemFieldDescription('hideTitle')"
+                    #tooltip
+                  >
+                    <Markdown
+                      :source="dropdownItemFieldDescription('hideTitle')"
+                      block
+                      class="prose prose-sm prose-zinc"
+                    />
+                  </template>
+                  {{ dropdownItemFieldTitle("hideTitle") }}
+                </FieldLabel>
+              </Field>
+            </div>
 
             <p class="text-xs text-zinc-400">
               下拉按钮的下拉项以独立行的形式编辑，选中任意下拉项即可修改其属性。
@@ -1588,6 +1782,29 @@ const newGroupZoneId = (insertIndex) => `new-group-${insertIndex}`;
               />
             </template>
           </div>
+
+          <div
+            v-else-if="selectedRegistrySub"
+            class="flex flex-col gap-4 p-6"
+          >
+            <component
+              :is="selectedRegistrySubEntry?.config"
+              v-if="selectedRegistrySubEntry"
+              :model-value="selectedRegistrySub"
+              @update:model-value="(v) => patchSelectedRegistrySub(v)"
+            />
+            <div
+              v-else
+              class="flex items-start gap-2 rounded border border-amber-200 bg-amber-50 px-3 py-2 text-xs text-amber-800"
+              role="alert"
+            >
+              <Icon
+                icon="fluent:warning-20-regular"
+                class="mt-px size-4 shrink-0"
+              />
+              <span class="flex-1">未找到匹配的项目类型：{{ selectedRegistrySub.type }}@{{ selectedRegistrySub.compatibilityDate }}</span>
+            </div>
+          </div>
         </ScrollArea>
       </div>
     </div>

package/dist/runtime/components/actions/config.vue.d.ts

@@ -1,4 +1,4 @@
-import { type ActionsConfigValue } from './schema.js';
+import { type ActionsConfigValue, type RegistryItemValue, type RegistrySubItemValue } from './schema.js';
 import { Environment } from '../../vendor/cel-js/lib/index.js';
 type __VLS_Props = {
     configure?: (env: Environment) => void;
@@ -7,9 +7,9 @@ type __VLS_ModelProps = {
     'modelValue': ActionsConfigValue;
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare var __VLS_183: {};
+declare var __VLS_196: {};
 type __VLS_Slots = {} & {
-    'general-extra'?: (props: typeof __VLS_183) => any;
+    'general-extra'?: (props: typeof __VLS_196) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: {
@@ -17,7 +17,7 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {
         readonly style?: string | undefined;
         readonly gap: number;
         readonly kind: "shwfed.component.action";
-        readonly items: readonly ({
+        readonly items: readonly (RegistryItemValue | {
             readonly disabled?: string | undefined;
             readonly id: string;
             readonly title: readonly [{
@@ -50,8 +50,7 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {
                 readonly message: string;
             }[]];
             readonly icon?: string | undefined;
-            readonly groupId: string;
-            readonly items: readonly {
+            readonly items: readonly (RegistrySubItemValue | {
                 readonly disabled?: string | undefined;
                 readonly id: string;
                 readonly title: readonly [{
@@ -72,7 +71,9 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {
                 }[]] | undefined;
                 readonly variant?: "default" | "link" | "destructive" | "primary" | "ghost" | undefined;
                 readonly action?: any;
-            }[];
+            })[];
+            readonly groupId: string;
+            readonly hideTitle?: boolean | undefined;
         })[];
         readonly groups: readonly {
             readonly id: string;
@@ -85,7 +86,7 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {
         readonly style?: string | undefined;
         readonly gap: number;
         readonly kind: "shwfed.component.action";
-        readonly items: readonly ({
+        readonly items: readonly (RegistryItemValue | {
             readonly disabled?: string | undefined;
             readonly id: string;
             readonly title: readonly [{
@@ -118,8 +119,7 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {
                 readonly message: string;
             }[]];
             readonly icon?: string | undefined;
-            readonly groupId: string;
-            readonly items: readonly {
+            readonly items: readonly (RegistrySubItemValue | {
                 readonly disabled?: string | undefined;
                 readonly id: string;
                 readonly title: readonly [{
@@ -140,7 +140,9 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {
                 }[]] | undefined;
                 readonly variant?: "default" | "link" | "destructive" | "primary" | "ghost" | undefined;
                 readonly action?: any;
-            }[];
+            })[];
+            readonly groupId: string;
+            readonly hideTitle?: boolean | undefined;
         })[];
         readonly groups: readonly {
             readonly id: string;

package/dist/runtime/components/actions/items/2026-05-21/com.shwfed.actions.item.markdown/config.d.vue.ts

@@ -0,0 +1,37 @@
+import { type Value } from './schema.js';
+type __VLS_ModelProps = {
+    modelValue: Value;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: {
+        readonly name: string;
+        readonly type: "com.shwfed.actions.item.markdown";
+        readonly id: string;
+        readonly content: readonly [{
+            readonly locale: "zh";
+            readonly message: string;
+        }, ...{
+            readonly locale: "en" | "ja" | "ko";
+            readonly message: string;
+        }[]];
+        readonly compatibilityDate: "2026-05-21";
+        readonly groupId?: string | undefined;
+    }) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_ModelProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: {
+        readonly name: string;
+        readonly type: "com.shwfed.actions.item.markdown";
+        readonly id: string;
+        readonly content: readonly [{
+            readonly locale: "zh";
+            readonly message: string;
+        }, ...{
+            readonly locale: "en" | "ja" | "ko";
+            readonly message: string;
+        }[]];
+        readonly compatibilityDate: "2026-05-21";
+        readonly groupId?: string | undefined;
+    }) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/actions/items/2026-05-21/com.shwfed.actions.item.markdown/config.vue

@@ -0,0 +1,61 @@
+<script setup>
+import { Field, FieldLabel } from "../../../../ui/field";
+import { Input } from "../../../../ui/input";
+import { Locale as LocaleField } from "../../../../ui/locale";
+import { Markdown } from "../../../../ui/markdown";
+import { getStructFieldDescription, getStructFieldTitle } from "../../../schema";
+import { schema } from "./schema";
+defineOptions({ name: "ShwfedMarkdownItemConfig" });
+const value = defineModel({ type: null, ...{ required: true } });
+const itemSchema = schema(() => {
+});
+const fieldTitle = (f) => getStructFieldTitle(itemSchema, f) ?? f;
+const fieldDescription = (f) => getStructFieldDescription(itemSchema, f);
+</script>
+
+<template>
+  <div class="flex flex-col gap-4">
+    <Field orientation="vertical">
+      <FieldLabel class="text-xs text-zinc-500">
+        <template
+          v-if="fieldDescription('name')"
+          #tooltip
+        >
+          <Markdown
+            :source="fieldDescription('name')"
+            block
+            class="prose prose-sm prose-zinc"
+          />
+        </template>
+        {{ fieldTitle("name") }}
+      </FieldLabel>
+      <Input
+        :model-value="value.name"
+        placeholder="仅用于编辑器内识别"
+        @update:model-value="(v) => value = { ...value, name: String(v) }"
+      />
+    </Field>
+
+    <Field orientation="vertical">
+      <FieldLabel class="text-xs text-zinc-500">
+        <template
+          v-if="fieldDescription('content')"
+          #tooltip
+        >
+          <Markdown
+            :source="fieldDescription('content')"
+            block
+            class="prose prose-sm prose-zinc"
+          />
+        </template>
+        {{ fieldTitle("content") }}
+      </FieldLabel>
+      <LocaleField
+        markdown
+        multiline
+        :model-value="value.content"
+        @update:model-value="(v) => value = { ...value, content: v }"
+      />
+    </Field>
+  </div>
+</template>

package/dist/runtime/components/actions/items/2026-05-21/com.shwfed.actions.item.markdown/config.vue.d.ts

@@ -0,0 +1,37 @@
+import { type Value } from './schema.js';
+type __VLS_ModelProps = {
+    modelValue: Value;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: {
+        readonly name: string;
+        readonly type: "com.shwfed.actions.item.markdown";
+        readonly id: string;
+        readonly content: readonly [{
+            readonly locale: "zh";
+            readonly message: string;
+        }, ...{
+            readonly locale: "en" | "ja" | "ko";
+            readonly message: string;
+        }[]];
+        readonly compatibilityDate: "2026-05-21";
+        readonly groupId?: string | undefined;
+    }) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_ModelProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: {
+        readonly name: string;
+        readonly type: "com.shwfed.actions.item.markdown";
+        readonly id: string;
+        readonly content: readonly [{
+            readonly locale: "zh";
+            readonly message: string;
+        }, ...{
+            readonly locale: "en" | "ja" | "ko";
+            readonly message: string;
+        }[]];
+        readonly compatibilityDate: "2026-05-21";
+        readonly groupId?: string | undefined;
+    }) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/actions/items/2026-05-21/com.shwfed.actions.item.markdown/runtime.d.vue.ts

@@ -0,0 +1,7 @@
+import type { Value } from './schema.js';
+type __VLS_Props = {
+    config: Value;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;