@shwfed/config 1.1.5 → 2.0.1

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

@@ -1,5 +1,4 @@
 <script setup>
-import { useNuxtApp } from "#app";
 import { computed, onBeforeUnmount, provide, reactive, ref, watch } from "vue";
 import { Icon } from "@iconify/vue";
 import { Effect } from "effect";
@@ -12,7 +11,8 @@ import { Button } from "../../ui/button";
 import { ButtonGroup } from "../../ui/button-group";
 import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from "../../ui/dropdown-menu";
 import { Tooltip, TooltipContent, TooltipTrigger } from "../../ui/tooltip";
-import { celBindings, injectCELContext } from "../../../plugins/cel/context";
+import { cel as _rawCel } from "../../../utils/cel";
+import { celBindings, injectCELContext } from "../../../utils/cel-context";
 import { buttonRegistryKey } from "../utils/button-registry";
 import { findButton } from "../utils/resolve";
 import { Fetch } from "fx-fetch";
@@ -73,7 +73,6 @@ const { locale, t } = useI18n({
     }
   }
 });
-const { $cel: _rawCel } = useNuxtApp();
 const _inheritedCelContext = injectCELContext();
 const $cel = (expression, context) => _rawCel(expression, { ...celBindings(_inheritedCelContext), ...context });
 const overlay = useOverlay();

package/dist/runtime/components/actions/components/triggers-field.d.vue.ts

@@ -0,0 +1,17 @@
+import { type TriggerValue } from '../../../share/event-bus.js';
+type __VLS_Props = {
+    triggers: ReadonlyArray<TriggerValue>;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:triggers": (triggers: readonly {
+        readonly target: string;
+        readonly operation: string;
+    }[]) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:triggers"?: ((triggers: readonly {
+        readonly target: string;
+        readonly operation: string;
+    }[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/actions/components/triggers-field.vue

@@ -0,0 +1,209 @@
+<script setup>
+import { computed } from "vue";
+import { Icon } from "@iconify/vue";
+import { useEventAncestry } from "../../../share/event-bus";
+import {
+  useTreeDnd
+} from "../../../composables/useTreeDnd";
+import {
+  InputGroup,
+  InputGroupAddon,
+  InputGroupButton,
+  InputGroupCombobox,
+  InputGroupText
+} from "../../ui/input-group";
+import { CommandGroup, CommandItem } from "../../ui/command";
+defineOptions({ name: "ShwfedTriggersField" });
+const props = defineProps({
+  triggers: { type: Array, required: true }
+});
+const emit = defineEmits(["update:triggers"]);
+function keyOf(target, operation) {
+  return `${target}::${operation}`;
+}
+const ancestry = useEventAncestry();
+const allOptions = computed(
+  () => ancestry.value.flatMap(
+    (ancestor) => ancestor.operations.map((operation) => ({
+      key: keyOf(ancestor.instanceId, operation.id),
+      target: ancestor.instanceId,
+      operation: operation.id,
+      typeName: ancestor.typeName,
+      typeIcon: ancestor.typeIcon,
+      instanceName: ancestor.name,
+      opName: operation.name,
+      opIcon: operation.icon
+    }))
+  )
+);
+const optionByKey = computed(() => {
+  const map = /* @__PURE__ */ new Map();
+  for (const option of allOptions.value) map.set(option.key, option);
+  return map;
+});
+const rows = computed(
+  () => props.triggers.map((trigger) => ({
+    key: keyOf(trigger.target, trigger.operation),
+    trigger,
+    option: optionByKey.value.get(keyOf(trigger.target, trigger.operation))
+  }))
+);
+const available = computed(() => {
+  const used = new Set(props.triggers.map((t) => keyOf(t.target, t.operation)));
+  return allOptions.value.filter((option) => !used.has(option.key));
+});
+function searchValue(option) {
+  return [option.typeName, option.instanceName, option.opName].filter((part) => !!part).join(" ");
+}
+function addTrigger(option) {
+  emit("update:triggers", [
+    ...props.triggers,
+    { target: option.target, operation: option.operation }
+  ]);
+}
+function removeTrigger(index) {
+  emit("update:triggers", props.triggers.filter((_, i) => i !== index));
+}
+const ROW_KIND = "shwfed-trigger-row";
+function moveTrigger(from, to) {
+  if (from === to) return;
+  if (from < 0 || to < 0 || from >= props.triggers.length || to >= props.triggers.length) return;
+  const next = [...props.triggers];
+  const [item] = next.splice(from, 1);
+  if (!item) return;
+  next.splice(to, 0, item);
+  emit("update:triggers", next);
+}
+function onRowDrop(e) {
+  if (e.source.kind !== ROW_KIND || e.target.kind !== ROW_KIND) return;
+  const from = rows.value.findIndex((r) => r.key === e.source.id);
+  const to = rows.value.findIndex((r) => r.key === e.target.id);
+  if (from < 0 || to < 0) return;
+  if (e.instruction === "reorder-above") moveTrigger(from, from < to ? to - 1 : to);
+  else if (e.instruction === "reorder-below") moveTrigger(from, from <= to ? to : to + 1);
+}
+const dnd = useTreeDnd({ onRowDrop });
+const pickDragHandle = (el) => el.querySelector(".drag-handle");
+function rowConfig(rowKey) {
+  return {
+    kind: ROW_KIND,
+    canDrop: (src) => src.kind === ROW_KIND,
+    blockInstructions: (src) => {
+      const block = ["make-child", "reparent"];
+      if (src.id === rowKey) block.push("reorder-above", "reorder-below");
+      return block;
+    },
+    dragHandle: pickDragHandle
+  };
+}
+</script>
+
+<template>
+  <div class="flex flex-col gap-2">
+    <div
+      v-for="(row, index) in rows"
+      :key="row.key"
+      :ref="dnd.rowRef(row.key, rowConfig(row.key))"
+      class="relative"
+      :data-instruction="dnd.instructionFor(row.key) ?? void 0"
+    >
+      <InputGroup>
+        <InputGroupAddon align="inline-start">
+          <Icon
+            icon="fluent:re-order-dots-vertical-20-regular"
+            class="drag-handle size-4 shrink-0 cursor-grab text-zinc-400"
+            aria-label="拖动排序"
+          />
+        </InputGroupAddon>
+
+        <InputGroupText class="min-w-0 pl-1 flex-1">
+          <template v-if="row.option">
+            <Icon
+              v-if="row.option.typeIcon"
+              :icon="row.option.typeIcon"
+              class="size-4 shrink-0 text-zinc-500"
+            />
+            <span class="shrink-0 text-zinc-500">{{ row.option.typeName }}</span>
+            <span
+              v-if="row.option.instanceName"
+              class="truncate font-medium text-zinc-700"
+            >「{{ row.option.instanceName }}」</span>
+            <Icon icon="fluent:arrow-step-in-right-20-regular" />
+            <Icon
+              v-if="row.option.opIcon"
+              :icon="row.option.opIcon"
+              class="size-4 shrink-0 text-zinc-500"
+            />
+            <span class="truncate text-zinc-700">{{ row.option.opName }}</span>
+          </template>
+          <template v-else>
+            <Icon
+              icon="fluent:warning-20-regular"
+              class="size-4 shrink-0 text-amber-500"
+            />
+            <span class="shrink-0 text-amber-600">目标已失效</span>
+            <span class="truncate text-xs tabular-nums text-zinc-400">
+              {{ row.trigger.target.slice(0, 8) }} · {{ row.trigger.operation }}
+            </span>
+          </template>
+        </InputGroupText>
+
+        <InputGroupAddon align="inline-end">
+          <InputGroupButton
+            variant="destructive"
+            size="icon-xs"
+            as-child
+          >
+            <button
+              type="button"
+              aria-label="移除"
+              @click="removeTrigger(index)"
+            >
+              <Icon icon="fluent:delete-20-regular" />
+            </button>
+          </InputGroupButton>
+        </InputGroupAddon>
+      </InputGroup>
+    </div>
+
+    <InputGroup v-if="available.length > 0">
+      <InputGroupAddon align="inline-start">
+        <Icon icon="fluent:add-20-regular" />
+      </InputGroupAddon>
+      <InputGroupCombobox>
+        <CommandGroup>
+          <CommandItem
+            v-for="option in available"
+            :key="option.key"
+            :value="searchValue(option)"
+            @select="addTrigger(option)"
+          >
+            <Icon
+              v-if="option.typeIcon"
+              :icon="option.typeIcon"
+              class="size-4 shrink-0 text-zinc-500"
+            />
+            <span class="text-zinc-500">{{ option.typeName }}</span>
+            <span
+              v-if="option.instanceName"
+              class="font-medium"
+            >「{{ option.instanceName }}」</span>
+            <span class="text-zinc-400">：</span>
+            <span class="flex-1">{{ option.opName }}</span>
+          </CommandItem>
+        </CommandGroup>
+      </InputGroupCombobox>
+    </InputGroup>
+
+    <p
+      v-else-if="rows.length === 0"
+      class="text-xs text-zinc-400"
+    >
+      当前位置没有可触发的祖先组件。
+    </p>
+  </div>
+</template>
+
+<style scoped>
+[data-instruction=reorder-above]:before,[data-instruction=reorder-below]:after{background:var(--primary,#2563eb);content:"";height:2px;left:0;pointer-events:none;position:absolute;right:0;z-index:1}[data-instruction=reorder-above]:before{top:-5px}[data-instruction=reorder-below]:after{bottom:-5px}
+</style>

package/dist/runtime/components/actions/components/triggers-field.vue.d.ts

@@ -0,0 +1,17 @@
+import { type TriggerValue } from '../../../share/event-bus.js';
+type __VLS_Props = {
+    triggers: ReadonlyArray<TriggerValue>;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:triggers": (triggers: readonly {
+        readonly target: string;
+        readonly operation: string;
+    }[]) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:triggers"?: ((triggers: readonly {
+        readonly target: string;
+        readonly operation: string;
+    }[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -8,7 +8,7 @@ import {
   getStructFieldTitle
 } from "./schema";
 import { Environment } from "../../vendor/cel-js/lib/index";
-import { provideCELContext } from "../../plugins/cel/context";
+import { provideCELContext } from "../../utils/cel-context";
 import { BUTTONS, findButton } from "./utils/resolve";
 import { SIDEBAR_TAKEOVER_KEY } from "../sidebar-takeover";
 import { BREADCRUMB_EXTENSION_KEY } from "../config/breadcrumb-extension";
@@ -40,6 +40,9 @@ import { Markdown } from "../ui/markdown";
 import {
   useTreeDnd
 } from "../../composables/useTreeDnd";
+import {
+  provideEventAncestor
+} from "../../share/event-bus";
 defineOptions({ name: "ShwfedActionsConfig" });
 const props = defineProps({
   configure: { type: Function, required: false }
@@ -102,6 +105,7 @@ const SIZE_OPTIONS = [
 const ACTION_PICKER_ENTRIES = (() => {
   const byType = /* @__PURE__ */ new Map();
   for (const a of BUTTONS) {
+    if (a.deprecated) continue;
     const prev = byType.get(a.type);
     if (!prev || a.compatibilityDate > prev.compatibilityDate) {
       byType.set(a.type, {
@@ -234,6 +238,11 @@ function getActionConfigComponent(action) {
 function getButtonMetadataLabel(action) {
   return findButton(action.type, action.compatibilityDate)?.metadata.name ?? action.type;
 }
+function getButtonDeprecationNote(action) {
+  const entry = findButton(action.type, action.compatibilityDate);
+  if (!entry?.deprecated) return void 0;
+  return entry.deprecationNote ?? "\u6B64\u6309\u94AE\u7C7B\u578B\u5DF2\u5F03\u7528\u3002";
+}
 function patchSelectedGroup(mutate) {
   const sel = selected.value;
   if (sel?.kind !== "group") return;
@@ -325,6 +334,23 @@ const selectedDrillableTitle = computed(() => {
   if (sub && sub.action === drilled) return sub.title;
   return null;
 });
+const selectedOperationAncestor = computed(() => {
+  const node = selectedActionItem.value ?? selectedSubRef.value;
+  if (!node?.action) return null;
+  const entry = findButton(node.action.type, node.action.compatibilityDate);
+  const operations = entry?.metadata.operations;
+  if (!entry || !operations || operations.length === 0) return null;
+  return {
+    instanceId: node.id,
+    // Undefined when the button has no title — the trigger UI then shows the
+    // type name alone instead of an empty 「」.
+    name: getLocalizedText(node.title, "zh"),
+    typeName: entry.metadata.name,
+    typeIcon: entry.metadata.icon,
+    operations
+  };
+});
+provideEventAncestor(selectedOperationAncestor);
 const outerTakeover = inject(SIDEBAR_TAKEOVER_KEY, null);
 const outerTakeoverTarget = computed(() => outerTakeover?.target.value ?? null);
 const sidebarTakeoverTarget = ref(null);
@@ -1350,6 +1376,18 @@ const newGroupZoneId = (insertIndex) => `new-group-${insertIndex}`;
                 <div class="text-xs text-zinc-400">
                   {{ getButtonMetadataLabel(selectedActionItem.action) }}
                 </div>
+
+                <div
+                  v-if="getButtonDeprecationNote(selectedActionItem.action)"
+                  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">{{ getButtonDeprecationNote(selectedActionItem.action) }}</span>
+                </div>
               </template>
 
               <component
@@ -1525,6 +1563,18 @@ const newGroupZoneId = (insertIndex) => `new-group-${insertIndex}`;
                 <div class="text-xs text-zinc-400">
                   {{ getButtonMetadataLabel(selectedSubRef.action) }}
                 </div>
+
+                <div
+                  v-if="getButtonDeprecationNote(selectedSubRef.action)"
+                  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">{{ getButtonDeprecationNote(selectedSubRef.action) }}</span>
+                </div>
               </template>
 
               <component

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

@@ -288,6 +288,10 @@ export declare function defaultActionsConfig(): ActionsConfigValue;
 type AnySchema = Schema.Schema<any, any, any>;
 export declare function getStructFieldTitle(schema: AnySchema, fieldName: string): string | undefined;
 export declare function getStructFieldDescription(schema: AnySchema, fieldName: string): string | undefined;
+/** Top-level `title` annotation of a schema, if any. */
+export declare function getSchemaTitle(schema: AnySchema): string | undefined;
+/** Top-level `description` annotation of a schema, if any. */
+export declare function getSchemaDescription(schema: AnySchema): string | undefined;
 export type ActionsConfigValue = Schema.Schema.Type<ReturnType<typeof ActionsConfig>>;
 export type ActionGroupValue = ActionsConfigValue['groups'][number];
 export type ActionGroupItemValue = ActionsConfigValue['items'][number];

package/dist/runtime/components/actions/schema.js

@@ -208,3 +208,9 @@ export function getStructFieldTitle(schema, fieldName) {
 export function getStructFieldDescription(schema, fieldName) {
   return getFieldAnnotation(schema, fieldName, SchemaAST.getDescriptionAnnotation);
 }
+export function getSchemaTitle(schema) {
+  return Option.getOrUndefined(SchemaAST.getTitleAnnotation(schema.ast));
+}
+export function getSchemaDescription(schema) {
+  return Option.getOrUndefined(SchemaAST.getDescriptionAnnotation(schema.ast));
+}

package/dist/runtime/components/actions/utils/resolve.d.ts

@@ -3,6 +3,7 @@ import type { Schema } from 'effect';
 import { Effect } from 'effect';
 import type { Fetch } from 'fx-fetch';
 import type { Environment } from '../../../vendor/cel-js/lib/index.js';
+import type { EventChannel, OperationDescriptor, TriggerValue } from '../../../share/event-bus.js';
 type CelEvaluator = <T>(expression: string, context?: Record<string, unknown>) => Effect.Effect<T, any>;
 type AnySchema = Schema.Schema<any, any, never>;
 type SchemaFactory = (configure: (env: Environment) => void) => AnySchema;
@@ -10,6 +11,8 @@ export type ButtonMetadata = Readonly<{
     name: string;
     icon: string;
     drillable?: boolean;
+    operations?: ReadonlyArray<OperationDescriptor>;
+    deprecated?: string;
 }>;
 export type ButtonEntry = Readonly<{
     type: string;
@@ -18,10 +21,31 @@ export type ButtonEntry = Readonly<{
     schema: SchemaFactory;
     config: Component;
     runtime: Component;
+    /** True when this button type is deprecated — explicit flag or newer date. */
+    deprecated: boolean;
+    /** Migration guidance shown in the inspector when `deprecated`. */
+    deprecationNote?: string;
 }>;
 export declare const BUTTONS: ReadonlyArray<ButtonEntry>;
 export declare function allButtonSchemas(configure: (env: Environment) => void): ReadonlyArray<AnySchema>;
 export declare function findButton(type: string, compatibilityDate: string): ButtonEntry | undefined;
 export declare function interpolateMarkdown(source: string, $cel: CelEvaluator): string;
-export declare function executeHttpRequest(expression: string, $cel: CelEvaluator, messageExpression?: string, styleExpression?: string): Effect.Effect<unknown, any, Fetch.Fetch>;
+type ToastStyle = 'success' | 'error' | 'warning' | 'info';
+/**
+ * Post-completion behaviour shared by the HTTP-request buttons. Once the
+ * request finishes, `resultExpression` classifies the outcome into one of the
+ * four `ToastStyle`s (default `success`); that single result then both styles
+ * the toast and selects which trigger list runs.
+ */
+export type HttpRequestOutcome = {
+    /** Toast message expression, evaluated against `json`. No toast when absent. */
+    messageExpression?: string;
+    /** Result classifier, evaluated against `json`. Defaults to `success`. */
+    resultExpression?: string;
+    /** Bubbling channel for the result-keyed trigger lists. */
+    channel?: EventChannel;
+    /** Trigger lists keyed by result — the one matching the result runs. */
+    triggers?: Partial<Record<ToastStyle, ReadonlyArray<TriggerValue>>>;
+};
+export declare function executeHttpRequest(expression: string, $cel: CelEvaluator, outcome?: HttpRequestOutcome): Effect.Effect<unknown, any, Fetch.Fetch>;
 export {};

package/dist/runtime/components/actions/utils/resolve.js

@@ -2,6 +2,7 @@ import { defineAsyncComponent } from "vue";
 import { Effect } from "effect";
 import { toast } from "vue-sonner";
 import { defineRegistry } from "../../../share/define-registry.js";
+import { dispatchTriggers } from "../../../share/event-bus.js";
 const schemaModules = import.meta.glob(
   "../buttons/*/*/schema.{ts,js}",
   { eager: true, exhaustive: true }
@@ -31,7 +32,29 @@ const registry = defineRegistry({
   dirSegment: "buttons",
   schemaModules,
   configModules,
-  runtimeModules
+  runtimeModules,
+  // A button is deprecated when its schema declares `metadata.deprecated`
+  // (an explicit, possibly cross-type replacement note), or when a newer
+  // `compatibilityDate` of the same `type` exists (the date-versioned rule
+  // shared with form). Either way the inspector shows the migration hint.
+  deriveEntryExtras: (drafts) => {
+    const latestByType = /* @__PURE__ */ new Map();
+    for (const d of drafts) {
+      const prev = latestByType.get(d.type);
+      if (!prev || d.compatibilityDate > prev) latestByType.set(d.type, d.compatibilityDate);
+    }
+    return (draft) => {
+      const note = draft.module.metadata.deprecated;
+      if (note) return { deprecated: true, deprecationNote: note };
+      if (draft.compatibilityDate < latestByType.get(draft.type)) {
+        return {
+          deprecated: true,
+          deprecationNote: `\u5DF2\u88AB\u66F4\u65B0\u7248\u672C ${latestByType.get(draft.type)} \u53D6\u4EE3\u3002`
+        };
+      }
+      return { deprecated: false };
+    };
+  }
 });
 export const BUTTONS = registry.ENTRIES.map((e) => ({
   type: e.type,
@@ -39,7 +62,9 @@ export const BUTTONS = registry.ENTRIES.map((e) => ({
   metadata: e.module.metadata,
   schema: e.module.schema,
   config: e.config,
-  runtime: e.runtime
+  runtime: e.runtime,
+  deprecated: e.deprecated,
+  ...e.deprecationNote !== void 0 ? { deprecationNote: e.deprecationNote } : {}
 }));
 export function allButtonSchemas(configure) {
   return BUTTONS.map((entry) => entry.schema(configure));
@@ -65,18 +90,21 @@ function stringifyCelResult(value) {
   return String(value);
 }
 const TOAST_STYLES = /* @__PURE__ */ new Set(["success", "error", "warning", "info"]);
-export function executeHttpRequest(expression, $cel, messageExpression, styleExpression) {
+export function executeHttpRequest(expression, $cel, outcome = {}) {
+  const { messageExpression, resultExpression, channel, triggers } = outcome;
   const request = Effect.flatMap(
     $cel(expression),
     (builder) => builder.json()
   );
-  if (messageExpression === void 0) return request;
   return Effect.flatMap(request, (body) => {
     const context = { json: body };
-    const style = styleExpression === void 0 ? Effect.succeed("success") : Effect.map($cel(styleExpression, context), (s) => TOAST_STYLES.has(s) ? s : "success");
-    return Effect.flatMap(
-      Effect.all([$cel(messageExpression, context), style]),
-      ([message, kind]) => Effect.sync(() => toast[kind](message))
-    );
+    const result = resultExpression === void 0 ? Effect.succeed("success") : Effect.map($cel(resultExpression, context), (s) => TOAST_STYLES.has(s) ? s : "success");
+    return Effect.flatMap(result, (kind) => {
+      const toasted = messageExpression === void 0 ? Effect.void : Effect.flatMap(
+        $cel(messageExpression, context),
+        (message) => Effect.sync(() => toast[kind](message))
+      );
+      return Effect.andThen(toasted, dispatchTriggers(channel, triggers?.[kind]));
+    });
   });
 }

package/dist/runtime/components/app.vue

@@ -127,7 +127,7 @@ useHead({
               v-if="session.shell.title"
               #title
             >
-              {{ session.shell.title }}
+              <Markdown :source="session.shell.title" />
             </template>
 
             <template

package/dist/runtime/components/block-layout-editor/index.vue

@@ -22,7 +22,7 @@ import {
 } from "../ui/input-group";
 import { Field, FieldLabel } from "../ui/field";
 import useInfinitePlane from "../../composables/useInfinitePlane";
-import { findFreePlacement } from "../../share/layout";
+import { DEFAULT_GAP, findFreePlacement } from "../../share/layout";
 defineOptions({ name: "ShwfedBlockLayoutEditor" });
 const layouts = defineModel({ type: Array, ...{ required: true } });
 const activeIndex = defineModel("activeIndex", { type: Number, ...{ default: 0 } });
@@ -73,12 +73,11 @@ function emitAddNew(entry) {
 const itemNoun = computed(() => props.itemNoun ?? "\u5757");
 const CANVAS_STEP_PX = 24;
 const activeLayout = computed(() => layouts.value[activeIndex.value]);
-const GAP_DEFAULT = 4;
 const editorGaps = ref(/* @__PURE__ */ new Map());
 function getGap(i) {
   const cached = editorGaps.value.get(i);
   if (cached !== void 0) return cached;
-  return layouts.value[i]?.layout.gap ?? GAP_DEFAULT;
+  return layouts.value[i]?.layout.gap ?? DEFAULT_GAP;
 }
 const activeGap = computed(() => getGap(activeIndex.value));
 const stepPx = computed(() => CANVAS_STEP_PX);
@@ -141,15 +140,16 @@ function writeTracks(i, nextPlacements) {
       if (x2 - 1 > cols) cols = x2 - 1;
       if (y2 - 1 > rows) rows = y2 - 1;
     }
-    const nextLayout = {
-      ...ls.layout,
-      placements,
-      columns: Math.max(1, cols),
-      rows: Math.max(1, rows),
-      ...gap > 0 ? { gap } : {}
+    return {
+      ...ls,
+      layout: {
+        ...ls.layout,
+        placements,
+        columns: Math.max(1, cols),
+        rows: Math.max(1, rows),
+        gap
+      }
     };
-    if (gap === 0 && "gap" in nextLayout) delete nextLayout.gap;
-    return { ...ls, layout: nextLayout };
   });
 }
 const isSpaceHeld = ref(false);

package/dist/runtime/components/block-layout-editor/sidebar.vue

@@ -114,10 +114,6 @@ defineExpose({ addLayout });
       />
 
       <span class="flex-1 truncate">{{ ls.name || "\u672A\u547D\u540D\u5E03\u5C40" }}</span>
-      <span
-        v-if="ls.media"
-        class="truncate text-xs tabular-nums text-zinc-400 group-hover:hidden"
-      >{{ ls.media }}</span>
 
       <span
         class="ml-auto flex items-center gap-0.5 opacity-0 transition-opacity group-hover:opacity-100"

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

@@ -30,6 +30,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
                 };
                 readonly media?: string | undefined;
             }[];
+            readonly readonly?: string | undefined;
         };
         readonly type: "com.shwfed.block.form";
         readonly id: string;
@@ -58,6 +59,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
                 };
                 readonly media?: string | undefined;
             }[];
+            readonly readonly?: string | undefined;
         };
         readonly type: "com.shwfed.block.form";
         readonly id: string;

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

@@ -30,6 +30,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
                 };
                 readonly media?: string | undefined;
             }[];
+            readonly readonly?: string | undefined;
         };
         readonly type: "com.shwfed.block.form";
         readonly id: string;
@@ -58,6 +59,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
                 };
                 readonly media?: string | undefined;
             }[];
+            readonly readonly?: string | undefined;
         };
         readonly type: "com.shwfed.block.form";
         readonly id: string;

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

@@ -32,6 +32,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
                 };
                 readonly media?: string | undefined;
             }[];
+            readonly readonly?: string | undefined;
         };
         readonly type: "com.shwfed.block.form";
         readonly id: string;
@@ -61,6 +62,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
                 };
                 readonly media?: string | undefined;
             }[];
+            readonly readonly?: string | undefined;
         };
         readonly type: "com.shwfed.block.form";
         readonly id: string;

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

@@ -32,6 +32,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
                 };
                 readonly media?: string | undefined;
             }[];
+            readonly readonly?: string | undefined;
         };
         readonly type: "com.shwfed.block.form";
         readonly id: string;
@@ -61,6 +62,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
                 };
                 readonly media?: string | undefined;
             }[];
+            readonly readonly?: string | undefined;
         };
         readonly type: "com.shwfed.block.form";
         readonly id: string;