@shwfed/config 2.12.18 → 3.0.0

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 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 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 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 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 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 bottomActions?: {
             readonly size: "default" | "sm" | "xs";
             readonly style?: string | undefined;

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 = {

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 = {

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`.

package/dist/runtime/components/config/use-editor.js

@@ -375,40 +375,58 @@ export function useConfigEditor(model, options = {}) {
     pushBlock(blockId);
   }
   const validationError = ref(null);
+  const saveError = ref(null);
+  const saving = ref(false);
   const validityRegistry = createExpressionValidityRegistry();
   provideExpressionValidity(validityRegistry);
-  function confirm() {
+  async function confirm() {
+    if (saving.value) return false;
     const schema = PageConfig(configure);
+    let decoded;
     try {
-      const decoded = Schema.decodeUnknownSync(schema)(draft.value);
-      if (!validityRegistry.allValid()) {
-        validationError.value = "\u5B58\u5728\u65E0\u6548\u7684\u8DE8\u5C42\u4F5C\u7528\u57DF\u5F15\u7528\uFF0C\u8BF7\u4FEE\u6B63\u6807\u7EA2\u7684\u8868\u8FBE\u5F0F\u540E\u518D\u4FDD\u5B58";
-        return;
-      }
-      const dangling = findDanglingLinkages(decoded);
-      if (dangling.length > 0) {
-        validationError.value = formatDanglingLinkages(dangling, decoded, (i) => {
-          const b = topSlotEditor.blocks.value[i];
-          return b ? topSlotEditor.getBlockLabel(b) : void 0;
-        });
-        return;
-      }
-      validationError.value = null;
-      model.value = decoded;
-      baseline.value = deepClone(decoded);
-      draft.value = deepClone(decoded);
-      stack.value = [{ kind: "layout" }];
-      topSlotEditor.selectedBlockIds.value = [];
-      topSlotEditor.activeLayoutIndex.value = 0;
-      subCrumbs.value = [];
-      parentSuffixes.value = [];
-      options.onClose?.();
+      decoded = Schema.decodeUnknownSync(schema)(draft.value);
     } catch (err) {
       validationError.value = formatValidationError(err, (i) => {
         const b = topSlotEditor.blocks.value[i];
         return b ? topSlotEditor.getBlockLabel(b) : void 0;
       }, draft.value);
+      return false;
     }
+    if (!validityRegistry.allValid()) {
+      validationError.value = "\u5B58\u5728\u65E0\u6548\u7684\u8DE8\u5C42\u4F5C\u7528\u57DF\u5F15\u7528\uFF0C\u8BF7\u4FEE\u6B63\u6807\u7EA2\u7684\u8868\u8FBE\u5F0F\u540E\u518D\u4FDD\u5B58";
+      return false;
+    }
+    const dangling = findDanglingLinkages(decoded);
+    if (dangling.length > 0) {
+      validationError.value = formatDanglingLinkages(dangling, decoded, (i) => {
+        const b = topSlotEditor.blocks.value[i];
+        return b ? topSlotEditor.getBlockLabel(b) : void 0;
+      });
+      return false;
+    }
+    validationError.value = null;
+    if (options.save) {
+      saving.value = true;
+      saveError.value = null;
+      try {
+        await options.save(deepClone(decoded));
+      } catch (err) {
+        saveError.value = `\u4FDD\u5B58\u5931\u8D25\uFF1A${err instanceof Error ? err.message : String(err)}`;
+        return false;
+      } finally {
+        saving.value = false;
+      }
+    }
+    model.value = decoded;
+    baseline.value = deepClone(decoded);
+    draft.value = deepClone(decoded);
+    stack.value = [{ kind: "layout" }];
+    topSlotEditor.selectedBlockIds.value = [];
+    topSlotEditor.activeLayoutIndex.value = 0;
+    subCrumbs.value = [];
+    parentSuffixes.value = [];
+    options.onClose?.();
+    return true;
   }
   function reset() {
     baseline.value = deepClone(model.value);
@@ -417,15 +435,18 @@ export function useConfigEditor(model, options = {}) {
     topSlotEditor.selectedBlockIds.value = [];
     topSlotEditor.activeLayoutIndex.value = 0;
     validationError.value = null;
+    saveError.value = null;
     subCrumbs.value = [];
     parentSuffixes.value = [];
   }
   function dismiss() {
+    if (saving.value) return;
     reset();
     options.onClose?.();
   }
   watch(draft, () => {
     if (validationError.value) validationError.value = null;
+    if (saveError.value) saveError.value = null;
   }, { deep: true });
   return {
     draft,
@@ -433,6 +454,8 @@ export function useConfigEditor(model, options = {}) {
     selectedBlockIds: topSlotEditor.selectedBlockIds,
     activeLayoutIndex: topSlotEditor.activeLayoutIndex,
     validationError,
+    saveError,
+    saving,
     addCrumb,
     addParentSuffix,
     isDirty,

package/dist/runtime/components/config/use-unsaved-guard.d.ts

@@ -0,0 +1 @@
+export declare function useUnsavedChangesGuard(hasUnsaved: () => boolean): void;

package/dist/runtime/components/config/use-unsaved-guard.js

@@ -0,0 +1,8 @@
+import { useEventListener } from "@vueuse/core";
+export function useUnsavedChangesGuard(hasUnsaved) {
+  useEventListener("beforeunload", (event) => {
+    if (!hasUnsaved()) return;
+    event.preventDefault();
+    event.returnValue = "";
+  });
+}

package/dist/runtime/components/modal.d.vue.ts

@@ -10,29 +10,29 @@ declare function close(): void;
 declare var __VLS_20: {
     close: typeof close;
     isDesktop: boolean;
-}, __VLS_42: {
+}, __VLS_45: {
     close: typeof close;
     isDesktop: boolean;
-}, __VLS_50: {
+}, __VLS_53: {
     close: typeof close;
     isDesktop: boolean;
-}, __VLS_57: {
+}, __VLS_60: {
     close: typeof close;
     isDesktop: boolean;
-}, __VLS_65: {
+}, __VLS_68: {
     close: typeof close;
     isDesktop: boolean;
 };
 type __VLS_Slots = {} & {
     trigger?: (props: typeof __VLS_20) => any;
 } & {
-    title?: (props: typeof __VLS_42) => any;
+    title?: (props: typeof __VLS_45) => any;
 } & {
-    description?: (props: typeof __VLS_50) => any;
+    description?: (props: typeof __VLS_53) => any;
 } & {
-    default?: (props: typeof __VLS_57) => any;
+    default?: (props: typeof __VLS_60) => any;
 } & {
-    footer?: (props: typeof __VLS_65) => any;
+    footer?: (props: typeof __VLS_68) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:open": (open: boolean) => any;

package/dist/runtime/components/modal.vue

@@ -78,6 +78,9 @@ const open = computed({
 function close() {
   open.value = false;
 }
+function onDismissAttempt(event) {
+  if (!props.dismissible) event.preventDefault();
+}
 </script>
 
 <template>
@@ -98,12 +101,17 @@ function close() {
         />
       </component>
 
+      <!-- The × button is a dismiss affordance too — it hides alongside the
+           other dismissal paths while the modal is non-dismissible. -->
       <component
         :is="modalComponents.Content"
         v-bind="attrs"
-        :show-close-button="props.showCloseButton"
+        :show-close-button="props.showCloseButton && props.dismissible"
         :content-width="props.contentWidth"
         @after-close="emit('after-close')"
+        @escape-key-down="onDismissAttempt"
+        @pointer-down-outside="onDismissAttempt"
+        @interact-outside="onDismissAttempt"
       >
         <component
           :is="modalComponents.Header"

package/dist/runtime/components/modal.vue.d.ts

@@ -10,29 +10,29 @@ declare function close(): void;
 declare var __VLS_20: {
     close: typeof close;
     isDesktop: boolean;
-}, __VLS_42: {
+}, __VLS_45: {
     close: typeof close;
     isDesktop: boolean;
-}, __VLS_50: {
+}, __VLS_53: {
     close: typeof close;
     isDesktop: boolean;
-}, __VLS_57: {
+}, __VLS_60: {
     close: typeof close;
     isDesktop: boolean;
-}, __VLS_65: {
+}, __VLS_68: {
     close: typeof close;
     isDesktop: boolean;
 };
 type __VLS_Slots = {} & {
     trigger?: (props: typeof __VLS_20) => any;
 } & {
-    title?: (props: typeof __VLS_42) => any;
+    title?: (props: typeof __VLS_45) => any;
 } & {
-    description?: (props: typeof __VLS_50) => any;
+    description?: (props: typeof __VLS_53) => any;
 } & {
-    default?: (props: typeof __VLS_57) => any;
+    default?: (props: typeof __VLS_60) => any;
 } & {
-    footer?: (props: typeof __VLS_65) => any;
+    footer?: (props: typeof __VLS_68) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:open": (open: boolean) => any;