@shwfed/config 2.12.17 → 3.0.0

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

@@ -29,6 +29,40 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
                     readonly message: string;
                 }[]] | undefined;
             }[];
+            readonly query?: {
+                readonly style?: string | undefined;
+                readonly id?: string | undefined;
+                readonly initial?: {
+                    readonly data: string;
+                    readonly request?: string | undefined;
+                } | undefined;
+                readonly displayName?: string | undefined;
+                readonly kind: "shwfed.component.form";
+                readonly fields: readonly any[];
+                readonly layouts: readonly {
+                    readonly name: string;
+                    readonly layout: {
+                        readonly style?: string | undefined;
+                        readonly columns: number;
+                        readonly gap?: number | undefined;
+                        readonly rows?: number | undefined;
+                        readonly placements: {
+                            readonly [x: string]: {
+                                readonly area: readonly [readonly [number, number], readonly [number, number]];
+                                readonly v?: "stretch" | "center" | "end" | "start" | undefined;
+                                readonly h?: "stretch" | "center" | "end" | "start" | undefined;
+                            };
+                        };
+                    };
+                    readonly media?: string | undefined;
+                }[];
+                readonly readonly?: string | undefined;
+            } | undefined;
+            readonly dataSource?: {
+                readonly data: string;
+                readonly total?: string | undefined;
+                readonly request?: string | undefined;
+            } | undefined;
             readonly actions?: {
                 readonly size: "default" | "sm" | "xs";
                 readonly style?: string | undefined;
@@ -96,40 +130,6 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
                     readonly variant?: "default" | "link" | "destructive" | "primary" | "ghost" | undefined;
                 }[];
             } | undefined;
-            readonly query?: {
-                readonly style?: string | undefined;
-                readonly id?: string | undefined;
-                readonly initial?: {
-                    readonly data: string;
-                    readonly request?: string | undefined;
-                } | undefined;
-                readonly displayName?: string | undefined;
-                readonly kind: "shwfed.component.form";
-                readonly fields: readonly any[];
-                readonly readonly?: string | undefined;
-                readonly layouts: readonly {
-                    readonly name: string;
-                    readonly layout: {
-                        readonly style?: string | undefined;
-                        readonly columns: number;
-                        readonly gap?: number | undefined;
-                        readonly rows?: number | undefined;
-                        readonly placements: {
-                            readonly [x: string]: {
-                                readonly area: readonly [readonly [number, number], readonly [number, number]];
-                                readonly v?: "stretch" | "center" | "end" | "start" | undefined;
-                                readonly h?: "stretch" | "center" | "end" | "start" | undefined;
-                            };
-                        };
-                    };
-                    readonly media?: string | undefined;
-                }[];
-            } | undefined;
-            readonly dataSource?: {
-                readonly data: string;
-                readonly total?: string | undefined;
-                readonly request?: string | undefined;
-            } | undefined;
             readonly bottomActions?: {
                 readonly size: "default" | "sm" | "xs";
                 readonly style?: string | undefined;
@@ -277,6 +277,40 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
                     readonly message: string;
                 }[]] | undefined;
             }[];
+            readonly query?: {
+                readonly style?: string | undefined;
+                readonly id?: string | undefined;
+                readonly initial?: {
+                    readonly data: string;
+                    readonly request?: string | undefined;
+                } | undefined;
+                readonly displayName?: string | undefined;
+                readonly kind: "shwfed.component.form";
+                readonly fields: readonly any[];
+                readonly layouts: readonly {
+                    readonly name: string;
+                    readonly layout: {
+                        readonly style?: string | undefined;
+                        readonly columns: number;
+                        readonly gap?: number | undefined;
+                        readonly rows?: number | undefined;
+                        readonly placements: {
+                            readonly [x: string]: {
+                                readonly area: readonly [readonly [number, number], readonly [number, number]];
+                                readonly v?: "stretch" | "center" | "end" | "start" | undefined;
+                                readonly h?: "stretch" | "center" | "end" | "start" | undefined;
+                            };
+                        };
+                    };
+                    readonly media?: string | undefined;
+                }[];
+                readonly readonly?: string | undefined;
+            } | undefined;
+            readonly dataSource?: {
+                readonly data: string;
+                readonly total?: string | undefined;
+                readonly request?: string | undefined;
+            } | undefined;
             readonly actions?: {
                 readonly size: "default" | "sm" | "xs";
                 readonly style?: string | undefined;
@@ -344,40 +378,6 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
                     readonly variant?: "default" | "link" | "destructive" | "primary" | "ghost" | undefined;
                 }[];
             } | undefined;
-            readonly query?: {
-                readonly style?: string | undefined;
-                readonly id?: string | undefined;
-                readonly initial?: {
-                    readonly data: string;
-                    readonly request?: string | undefined;
-                } | undefined;
-                readonly displayName?: string | undefined;
-                readonly kind: "shwfed.component.form";
-                readonly fields: readonly any[];
-                readonly readonly?: string | undefined;
-                readonly layouts: readonly {
-                    readonly name: string;
-                    readonly layout: {
-                        readonly style?: string | undefined;
-                        readonly columns: number;
-                        readonly gap?: number | undefined;
-                        readonly rows?: number | undefined;
-                        readonly placements: {
-                            readonly [x: string]: {
-                                readonly area: readonly [readonly [number, number], readonly [number, number]];
-                                readonly v?: "stretch" | "center" | "end" | "start" | undefined;
-                                readonly h?: "stretch" | "center" | "end" | "start" | undefined;
-                            };
-                        };
-                    };
-                    readonly media?: string | undefined;
-                }[];
-            } | undefined;
-            readonly dataSource?: {
-                readonly data: string;
-                readonly total?: string | undefined;
-                readonly request?: string | undefined;
-            } | undefined;
             readonly bottomActions?: {
                 readonly size: "default" | "sm" | "xs";
                 readonly style?: string | undefined;

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

@@ -29,6 +29,40 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
                     readonly message: string;
                 }[]] | undefined;
             }[];
+            readonly query?: {
+                readonly style?: string | undefined;
+                readonly id?: string | undefined;
+                readonly initial?: {
+                    readonly data: string;
+                    readonly request?: string | undefined;
+                } | undefined;
+                readonly displayName?: string | undefined;
+                readonly kind: "shwfed.component.form";
+                readonly fields: readonly any[];
+                readonly layouts: readonly {
+                    readonly name: string;
+                    readonly layout: {
+                        readonly style?: string | undefined;
+                        readonly columns: number;
+                        readonly gap?: number | undefined;
+                        readonly rows?: number | undefined;
+                        readonly placements: {
+                            readonly [x: string]: {
+                                readonly area: readonly [readonly [number, number], readonly [number, number]];
+                                readonly v?: "stretch" | "center" | "end" | "start" | undefined;
+                                readonly h?: "stretch" | "center" | "end" | "start" | undefined;
+                            };
+                        };
+                    };
+                    readonly media?: string | undefined;
+                }[];
+                readonly readonly?: string | undefined;
+            } | undefined;
+            readonly dataSource?: {
+                readonly data: string;
+                readonly total?: string | undefined;
+                readonly request?: string | undefined;
+            } | undefined;
             readonly actions?: {
                 readonly size: "default" | "sm" | "xs";
                 readonly style?: string | undefined;
@@ -96,40 +130,6 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
                     readonly variant?: "default" | "link" | "destructive" | "primary" | "ghost" | undefined;
                 }[];
             } | undefined;
-            readonly query?: {
-                readonly style?: string | undefined;
-                readonly id?: string | undefined;
-                readonly initial?: {
-                    readonly data: string;
-                    readonly request?: string | undefined;
-                } | undefined;
-                readonly displayName?: string | undefined;
-                readonly kind: "shwfed.component.form";
-                readonly fields: readonly any[];
-                readonly readonly?: string | undefined;
-                readonly layouts: readonly {
-                    readonly name: string;
-                    readonly layout: {
-                        readonly style?: string | undefined;
-                        readonly columns: number;
-                        readonly gap?: number | undefined;
-                        readonly rows?: number | undefined;
-                        readonly placements: {
-                            readonly [x: string]: {
-                                readonly area: readonly [readonly [number, number], readonly [number, number]];
-                                readonly v?: "stretch" | "center" | "end" | "start" | undefined;
-                                readonly h?: "stretch" | "center" | "end" | "start" | undefined;
-                            };
-                        };
-                    };
-                    readonly media?: string | undefined;
-                }[];
-            } | undefined;
-            readonly dataSource?: {
-                readonly data: string;
-                readonly total?: string | undefined;
-                readonly request?: string | undefined;
-            } | undefined;
             readonly bottomActions?: {
                 readonly size: "default" | "sm" | "xs";
                 readonly style?: string | undefined;
@@ -277,6 +277,40 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
                     readonly message: string;
                 }[]] | undefined;
             }[];
+            readonly query?: {
+                readonly style?: string | undefined;
+                readonly id?: string | undefined;
+                readonly initial?: {
+                    readonly data: string;
+                    readonly request?: string | undefined;
+                } | undefined;
+                readonly displayName?: string | undefined;
+                readonly kind: "shwfed.component.form";
+                readonly fields: readonly any[];
+                readonly layouts: readonly {
+                    readonly name: string;
+                    readonly layout: {
+                        readonly style?: string | undefined;
+                        readonly columns: number;
+                        readonly gap?: number | undefined;
+                        readonly rows?: number | undefined;
+                        readonly placements: {
+                            readonly [x: string]: {
+                                readonly area: readonly [readonly [number, number], readonly [number, number]];
+                                readonly v?: "stretch" | "center" | "end" | "start" | undefined;
+                                readonly h?: "stretch" | "center" | "end" | "start" | undefined;
+                            };
+                        };
+                    };
+                    readonly media?: string | undefined;
+                }[];
+                readonly readonly?: string | undefined;
+            } | undefined;
+            readonly dataSource?: {
+                readonly data: string;
+                readonly total?: string | undefined;
+                readonly request?: string | undefined;
+            } | undefined;
             readonly actions?: {
                 readonly size: "default" | "sm" | "xs";
                 readonly style?: string | undefined;
@@ -344,40 +378,6 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
                     readonly variant?: "default" | "link" | "destructive" | "primary" | "ghost" | undefined;
                 }[];
             } | undefined;
-            readonly query?: {
-                readonly style?: string | undefined;
-                readonly id?: string | undefined;
-                readonly initial?: {
-                    readonly data: string;
-                    readonly request?: string | undefined;
-                } | undefined;
-                readonly displayName?: string | undefined;
-                readonly kind: "shwfed.component.form";
-                readonly fields: readonly any[];
-                readonly readonly?: string | undefined;
-                readonly layouts: readonly {
-                    readonly name: string;
-                    readonly layout: {
-                        readonly style?: string | undefined;
-                        readonly columns: number;
-                        readonly gap?: number | undefined;
-                        readonly rows?: number | undefined;
-                        readonly placements: {
-                            readonly [x: string]: {
-                                readonly area: readonly [readonly [number, number], readonly [number, number]];
-                                readonly v?: "stretch" | "center" | "end" | "start" | undefined;
-                                readonly h?: "stretch" | "center" | "end" | "start" | undefined;
-                            };
-                        };
-                    };
-                    readonly media?: string | undefined;
-                }[];
-            } | undefined;
-            readonly dataSource?: {
-                readonly data: string;
-                readonly total?: string | undefined;
-                readonly request?: string | undefined;
-            } | undefined;
             readonly bottomActions?: {
                 readonly size: "default" | "sm" | "xs";
                 readonly style?: string | undefined;

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

@@ -47,6 +47,40 @@ export declare function schema(configure: (env: Environment) => void, _blockRef:
                 readonly message: string;
             }[]] | undefined;
         }[];
+        readonly query?: {
+            readonly style?: string | undefined;
+            readonly id?: string | undefined;
+            readonly initial?: {
+                readonly data: string;
+                readonly request?: string | undefined;
+            } | undefined;
+            readonly displayName?: string | undefined;
+            readonly kind: "shwfed.component.form";
+            readonly fields: readonly any[];
+            readonly layouts: readonly {
+                readonly name: string;
+                readonly layout: {
+                    readonly style?: string | undefined;
+                    readonly columns: number;
+                    readonly gap?: number | undefined;
+                    readonly rows?: number | undefined;
+                    readonly placements: {
+                        readonly [x: string]: {
+                            readonly area: readonly [readonly [number, number], readonly [number, number]];
+                            readonly v?: "stretch" | "center" | "end" | "start" | undefined;
+                            readonly h?: "stretch" | "center" | "end" | "start" | undefined;
+                        };
+                    };
+                };
+                readonly media?: string | undefined;
+            }[];
+            readonly readonly?: string | undefined;
+        } | undefined;
+        readonly dataSource?: {
+            readonly data: string;
+            readonly total?: string | undefined;
+            readonly request?: string | undefined;
+        } | undefined;
         readonly actions?: {
             readonly size: "default" | "sm" | "xs";
             readonly style?: string | undefined;
@@ -114,40 +148,6 @@ export declare function schema(configure: (env: Environment) => void, _blockRef:
                 readonly variant?: "default" | "link" | "destructive" | "primary" | "ghost" | undefined;
             }[];
         } | undefined;
-        readonly query?: {
-            readonly style?: string | undefined;
-            readonly id?: string | undefined;
-            readonly initial?: {
-                readonly data: string;
-                readonly request?: string | undefined;
-            } | undefined;
-            readonly displayName?: string | undefined;
-            readonly kind: "shwfed.component.form";
-            readonly fields: readonly any[];
-            readonly readonly?: string | undefined;
-            readonly layouts: readonly {
-                readonly name: string;
-                readonly layout: {
-                    readonly style?: string | undefined;
-                    readonly columns: number;
-                    readonly gap?: number | undefined;
-                    readonly rows?: number | undefined;
-                    readonly placements: {
-                        readonly [x: string]: {
-                            readonly area: readonly [readonly [number, number], readonly [number, number]];
-                            readonly v?: "stretch" | "center" | "end" | "start" | undefined;
-                            readonly h?: "stretch" | "center" | "end" | "start" | undefined;
-                        };
-                    };
-                };
-                readonly media?: string | undefined;
-            }[];
-        } | undefined;
-        readonly dataSource?: {
-            readonly data: string;
-            readonly total?: string | undefined;
-            readonly request?: string | undefined;
-        } | undefined;
         readonly bottomActions?: {
             readonly size: "default" | "sm" | "xs";
             readonly style?: string | undefined;
@@ -572,7 +572,6 @@ export declare function schema(configure: (env: Environment) => void, _blockRef:
             readonly displayName?: string | undefined;
             readonly kind: "shwfed.component.form";
             readonly fields: readonly any[];
-            readonly readonly?: string | undefined;
             readonly layouts: readonly {
                 readonly name: string;
                 readonly layout: {
@@ -590,6 +589,7 @@ export declare function schema(configure: (env: Environment) => void, _blockRef:
                 };
                 readonly media?: string | undefined;
             }[];
+            readonly readonly?: string | undefined;
         }, Schema.Struct<{
             fields: Schema.Array$<Schema.Schema<any, any, never>>;
             layouts: Schema.refine<readonly {

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

@@ -10,16 +10,12 @@ const props = defineProps({
 });
 const emit = defineEmits(["close", "select-version"]);
 function onDismiss() {
+  if (props.state.saving.value) return;
   props.state.dismiss();
   emit("close");
 }
-function onConfirm() {
-  const dirtyBefore = props.state.isDirty.value;
-  const errorBefore = props.state.validationError.value;
-  props.state.confirm();
-  const errorAfter = props.state.validationError.value;
-  if (errorAfter && errorAfter !== errorBefore) return;
-  if (!dirtyBefore || !errorAfter) emit("close");
+async function onConfirm() {
+  if (await props.state.confirm()) emit("close");
 }
 </script>
 
@@ -30,12 +26,17 @@ function onConfirm() {
         v-if="props.state.validationError.value"
         class="text-red-500 break-all"
       >{{ props.state.validationError.value }}</span>
+      <span
+        v-if="props.state.saveError.value"
+        class="text-red-500 break-all"
+      >{{ props.state.saveError.value }}</span>
     </div>
     <Button
       v-if="props.state.stack.value.length > 1"
       type="button"
       variant="default"
       size="sm"
+      :disabled="props.state.saving.value"
       @click="props.state.popOne()"
     >
       <Icon icon="fluent:arrow-left-20-regular" />
@@ -46,6 +47,7 @@ function onConfirm() {
       type="button"
       variant="default"
       size="sm"
+      :disabled="props.state.saving.value"
       @click="onDismiss"
     >
       <Icon icon="fluent:dismiss-20-regular" />
@@ -61,9 +63,13 @@ function onConfirm() {
         type="button"
         variant="primary"
         size="sm"
+        :disabled="props.state.saving.value"
         @click="onConfirm"
       >
-        <Icon icon="fluent:checkmark-20-regular" />
+        <Icon
+          :icon="props.state.saving.value ? 'fluent:arrow-sync-20-regular' : 'fluent:checkmark-20-regular'"
+          :class="props.state.saving.value ? 'animate-spin' : ''"
+        />
         确认
       </Button>
       <HistoryPicker

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

@@ -4,6 +4,7 @@ import { type PageConfigValue } from './schema.js';
 type __VLS_Props = {
     configure?: (env: Environment) => void;
     editable?: boolean;
+    save?: (config: PageConfigValue) => void | Promise<void>;
     versions?: HistoryVersion[];
 };
 type __VLS_ModelProps = {
@@ -11,6 +12,7 @@ type __VLS_ModelProps = {
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
 declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "select-version": (version: string) => any;
     "update:config": (value: Readonly<{
         kind: "shwfed.component.page";
         title?: import("../../share/locale.js").LocaleValue;
@@ -24,8 +26,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
             }>[];
         }>;
     }> | null | undefined) => any;
-    "select-version": (version: string) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onSelect-version"?: ((version: string) => any) | undefined;
     "onUpdate:config"?: ((value: Readonly<{
         kind: "shwfed.component.page";
         title?: import("../../share/locale.js").LocaleValue;
@@ -39,7 +41,6 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
             }>[];
         }>;
     }> | null | undefined) => any) | undefined;
-    "onSelect-version"?: ((version: string) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -21,6 +21,7 @@ import * as httpRequestOperation from "../operations/2026-06-11/com.shwfed.opera
 import * as navigationOperation from "../operations/2026-06-15/com.shwfed.operation.navigation/schema";
 import { PAGE_TARGET_ID, createPageConfig } from "./schema";
 import { useConfigEditor } from "./use-editor";
+import { useUnsavedChangesGuard } from "./use-unsaved-guard";
 import { findBlock } from "./utils/resolve";
 import { useTabStore } from "../tabs/use-tabs";
 import { publishPageTitle } from "../../utils/page-title-registry";
@@ -35,6 +36,7 @@ const config = computed({
 const props = defineProps({
   configure: { type: Function, required: false },
   editable: { type: Boolean, required: false },
+  save: { type: Function, required: false },
   versions: { type: Array, required: false }
 });
 const emit = defineEmits(["select-version"]);
@@ -95,10 +97,17 @@ provideEventTarget(PAGE_TARGET_ID, {
 const editorOpen = ref(false);
 const editorState = useConfigEditor(config, {
   configure: mergedConfigure,
+  // Presence is decided once at setup (a host toggling the prop's existence
+  // at runtime is not supported); the wrapper reads the current prop per
+  // call so a rebound handler identity stays honored.
+  save: props.save ? (cfg) => props.save(cfg) : void 0,
   onClose: () => {
     editorOpen.value = false;
   }
 });
+useUnsavedChangesGuard(
+  () => props.editable === true && (editorState.isDirty.value || editorState.saving.value)
+);
 watch(editorOpen, (open, prev) => {
   if (open && !prev) editorState.reset();
 });
@@ -202,11 +211,16 @@ const isMac = computed(
         </template>
       </SlotRenderer>
     </div>
+    <!-- While the draft is dirty (or a save is in flight) the modal refuses
+         casual dismissal — Esc, outside-click, and the × button all drop the
+         session on the reopen re-anchor above, which was a top edit-loss
+         complaint. The explicit footer exits (取消 discards, 确认 saves)
+         remain the only ways out of a dirty session. -->
     <ShwfedModal
       v-if="editable"
       v-model:open="editorOpen"
       content-width="90vw"
-      :dismissible="true"
+      :dismissible="!editorState.isDirty.value && !editorState.saving.value"
     >
       <template #title>
         <EditorBreadcrumb :state="editorState" />
@@ -214,7 +228,21 @@ const isMac = computed(
       <template #description>
         <span class="sr-only">编辑页面布局与块配置</span>
       </template>
-      <EditorBody :state="editorState" />
+      <!-- The overlay freezes the canvas while the host save runs: an edit
+           landing mid-save would be silently clobbered by the post-commit
+           draft re-anchor. -->
+      <div class="relative">
+        <EditorBody :state="editorState" />
+        <div
+          v-if="editorState.saving.value"
+          class="absolute inset-0 z-20 flex items-center justify-center bg-white/60"
+        >
+          <Icon
+            icon="fluent:arrow-sync-20-regular"
+            class="animate-spin text-2xl text-zinc-500"
+          />
+        </div>
+      </div>
       <template #footer>
         <EditorFooter
           :state="editorState"

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

@@ -4,6 +4,7 @@ import { type PageConfigValue } from './schema.js';
 type __VLS_Props = {
     configure?: (env: Environment) => void;
     editable?: boolean;
+    save?: (config: PageConfigValue) => void | Promise<void>;
     versions?: HistoryVersion[];
 };
 type __VLS_ModelProps = {
@@ -11,6 +12,7 @@ type __VLS_ModelProps = {
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
 declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "select-version": (version: string) => any;
     "update:config": (value: Readonly<{
         kind: "shwfed.component.page";
         title?: import("../../share/locale.js").LocaleValue;
@@ -24,8 +26,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
             }>[];
         }>;
     }> | null | undefined) => any;
-    "select-version": (version: string) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onSelect-version"?: ((version: string) => any) | undefined;
     "onUpdate:config"?: ((value: Readonly<{
         kind: "shwfed.component.page";
         title?: import("../../share/locale.js").LocaleValue;
@@ -39,7 +41,6 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
             }>[];
         }>;
     }> | null | undefined) => any) | undefined;
-    "onSelect-version"?: ((version: string) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/config/use-editor.d.ts

@@ -84,6 +84,8 @@ export interface ConfigEditorState {
     selectedBlockIds: Ref<string[]>;
     activeLayoutIndex: Ref<number>;
     validationError: Ref<string | null>;
+    saveError: Ref<string | null>;
+    saving: Ref<boolean>;
     addCrumb: () => BreadcrumbCrumb;
     addParentSuffix: () => BreadcrumbParentSuffix;
     isDirty: ComputedRef<boolean>;
@@ -116,12 +118,21 @@ export interface ConfigEditorState {
     getBlockLabel: (b: BlockValue) => string;
     findBlockMeta: (type: string, compatibilityDate: string) => BlockEntry | undefined;
     onDrillDown: (blockId: string) => void;
-    confirm: () => void;
+    confirm: () => Promise<boolean>;
     dismiss: () => void;
     reset: () => void;
 }
 export interface UseConfigEditorOptions {
     configure?: (env: Environment) => void;
+    /**
+     * Delegated persistence. When provided, a successful 确认 first awaits this
+     * with the validated config; only after it resolves does the draft commit
+     * to the outer model and the editor close. A rejection keeps the editor
+     * open with the draft intact and surfaces the failure via `saveError` — the
+     * host owns transport and recovery (retry, re-auth, offline fallback, …),
+     * the editor guarantees the session is never lost to a failed save.
+     */
+    save?: (config: PageConfigValue) => void | Promise<void>;
     /**
      * Called after a successful 确认 commits the draft to the outer model.
      * Hosts wire this to close the modal; legacy mode emits `close`.