@shwfed/config 2.12.17 → 3.0.0

package/dist/runtime/components/form/fields/2026-05-28/com.shwfed.form.field.tree.multi/config.d.vue.ts

@@ -56,6 +56,15 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly message: string;
         }[]];
         readonly cascade: "independent" | "cascade-down" | "cascade-both";
+        readonly nodeTooltip?: readonly [{
+            readonly locale: "zh";
+            readonly message: string;
+        }, ...{
+            readonly locale: "en" | "ja" | "ko";
+            readonly message: string;
+        }[]] | undefined;
+        readonly nodeSelectable?: string | undefined;
+        readonly expandAll: boolean;
         readonly validations?: readonly {
             readonly message: readonly [{
                 readonly locale: "zh";
@@ -67,15 +76,6 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly warning?: boolean | undefined;
             readonly when: string;
         }[] | undefined;
-        readonly nodeTooltip?: readonly [{
-            readonly locale: "zh";
-            readonly message: string;
-        }, ...{
-            readonly locale: "en" | "ja" | "ko";
-            readonly message: string;
-        }[]] | undefined;
-        readonly nodeSelectable?: string | undefined;
-        readonly expandAll: boolean;
     }) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_ModelProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: {
@@ -131,6 +131,15 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly message: string;
         }[]];
         readonly cascade: "independent" | "cascade-down" | "cascade-both";
+        readonly nodeTooltip?: readonly [{
+            readonly locale: "zh";
+            readonly message: string;
+        }, ...{
+            readonly locale: "en" | "ja" | "ko";
+            readonly message: string;
+        }[]] | undefined;
+        readonly nodeSelectable?: string | undefined;
+        readonly expandAll: boolean;
         readonly validations?: readonly {
             readonly message: readonly [{
                 readonly locale: "zh";
@@ -142,15 +151,6 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly warning?: boolean | undefined;
             readonly when: string;
         }[] | undefined;
-        readonly nodeTooltip?: readonly [{
-            readonly locale: "zh";
-            readonly message: string;
-        }, ...{
-            readonly locale: "en" | "ja" | "ko";
-            readonly message: string;
-        }[]] | undefined;
-        readonly nodeSelectable?: string | undefined;
-        readonly expandAll: boolean;
     }) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

package/dist/runtime/components/form/fields/2026-05-28/com.shwfed.form.field.tree.multi/config.vue.d.ts

@@ -56,6 +56,15 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly message: string;
         }[]];
         readonly cascade: "independent" | "cascade-down" | "cascade-both";
+        readonly nodeTooltip?: readonly [{
+            readonly locale: "zh";
+            readonly message: string;
+        }, ...{
+            readonly locale: "en" | "ja" | "ko";
+            readonly message: string;
+        }[]] | undefined;
+        readonly nodeSelectable?: string | undefined;
+        readonly expandAll: boolean;
         readonly validations?: readonly {
             readonly message: readonly [{
                 readonly locale: "zh";
@@ -67,15 +76,6 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly warning?: boolean | undefined;
             readonly when: string;
         }[] | undefined;
-        readonly nodeTooltip?: readonly [{
-            readonly locale: "zh";
-            readonly message: string;
-        }, ...{
-            readonly locale: "en" | "ja" | "ko";
-            readonly message: string;
-        }[]] | undefined;
-        readonly nodeSelectable?: string | undefined;
-        readonly expandAll: boolean;
     }) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_ModelProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: {
@@ -131,6 +131,15 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly message: string;
         }[]];
         readonly cascade: "independent" | "cascade-down" | "cascade-both";
+        readonly nodeTooltip?: readonly [{
+            readonly locale: "zh";
+            readonly message: string;
+        }, ...{
+            readonly locale: "en" | "ja" | "ko";
+            readonly message: string;
+        }[]] | undefined;
+        readonly nodeSelectable?: string | undefined;
+        readonly expandAll: boolean;
         readonly validations?: readonly {
             readonly message: readonly [{
                 readonly locale: "zh";
@@ -142,15 +151,6 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly warning?: boolean | undefined;
             readonly when: string;
         }[] | undefined;
-        readonly nodeTooltip?: readonly [{
-            readonly locale: "zh";
-            readonly message: string;
-        }, ...{
-            readonly locale: "en" | "ja" | "ko";
-            readonly message: string;
-        }[]] | undefined;
-        readonly nodeSelectable?: string | undefined;
-        readonly expandAll: boolean;
     }) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

package/dist/runtime/components/form/fields/2026-05-28/com.shwfed.form.field.tree.single/config.d.vue.ts

@@ -55,6 +55,15 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly locale: "en" | "ja" | "ko";
             readonly message: string;
         }[]];
+        readonly nodeTooltip?: readonly [{
+            readonly locale: "zh";
+            readonly message: string;
+        }, ...{
+            readonly locale: "en" | "ja" | "ko";
+            readonly message: string;
+        }[]] | undefined;
+        readonly nodeSelectable?: string | undefined;
+        readonly expandAll: boolean;
         readonly validations?: readonly {
             readonly message: readonly [{
                 readonly locale: "zh";
@@ -66,15 +75,6 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly warning?: boolean | undefined;
             readonly when: string;
         }[] | undefined;
-        readonly nodeTooltip?: readonly [{
-            readonly locale: "zh";
-            readonly message: string;
-        }, ...{
-            readonly locale: "en" | "ja" | "ko";
-            readonly message: string;
-        }[]] | undefined;
-        readonly nodeSelectable?: string | undefined;
-        readonly expandAll: boolean;
     }) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_ModelProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: {
@@ -129,6 +129,15 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly locale: "en" | "ja" | "ko";
             readonly message: string;
         }[]];
+        readonly nodeTooltip?: readonly [{
+            readonly locale: "zh";
+            readonly message: string;
+        }, ...{
+            readonly locale: "en" | "ja" | "ko";
+            readonly message: string;
+        }[]] | undefined;
+        readonly nodeSelectable?: string | undefined;
+        readonly expandAll: boolean;
         readonly validations?: readonly {
             readonly message: readonly [{
                 readonly locale: "zh";
@@ -140,15 +149,6 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly warning?: boolean | undefined;
             readonly when: string;
         }[] | undefined;
-        readonly nodeTooltip?: readonly [{
-            readonly locale: "zh";
-            readonly message: string;
-        }, ...{
-            readonly locale: "en" | "ja" | "ko";
-            readonly message: string;
-        }[]] | undefined;
-        readonly nodeSelectable?: string | undefined;
-        readonly expandAll: boolean;
     }) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

package/dist/runtime/components/form/fields/2026-05-28/com.shwfed.form.field.tree.single/config.vue.d.ts

@@ -55,6 +55,15 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly locale: "en" | "ja" | "ko";
             readonly message: string;
         }[]];
+        readonly nodeTooltip?: readonly [{
+            readonly locale: "zh";
+            readonly message: string;
+        }, ...{
+            readonly locale: "en" | "ja" | "ko";
+            readonly message: string;
+        }[]] | undefined;
+        readonly nodeSelectable?: string | undefined;
+        readonly expandAll: boolean;
         readonly validations?: readonly {
             readonly message: readonly [{
                 readonly locale: "zh";
@@ -66,15 +75,6 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly warning?: boolean | undefined;
             readonly when: string;
         }[] | undefined;
-        readonly nodeTooltip?: readonly [{
-            readonly locale: "zh";
-            readonly message: string;
-        }, ...{
-            readonly locale: "en" | "ja" | "ko";
-            readonly message: string;
-        }[]] | undefined;
-        readonly nodeSelectable?: string | undefined;
-        readonly expandAll: boolean;
     }) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_ModelProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: {
@@ -129,6 +129,15 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly locale: "en" | "ja" | "ko";
             readonly message: string;
         }[]];
+        readonly nodeTooltip?: readonly [{
+            readonly locale: "zh";
+            readonly message: string;
+        }, ...{
+            readonly locale: "en" | "ja" | "ko";
+            readonly message: string;
+        }[]] | undefined;
+        readonly nodeSelectable?: string | undefined;
+        readonly expandAll: boolean;
         readonly validations?: readonly {
             readonly message: readonly [{
                 readonly locale: "zh";
@@ -140,15 +149,6 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly warning?: boolean | undefined;
             readonly when: string;
         }[] | undefined;
-        readonly nodeTooltip?: readonly [{
-            readonly locale: "zh";
-            readonly message: string;
-        }, ...{
-            readonly locale: "en" | "ja" | "ko";
-            readonly message: string;
-        }[]] | undefined;
-        readonly nodeSelectable?: string | undefined;
-        readonly expandAll: boolean;
     }) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

package/dist/runtime/components/form/fields/2026-06-14/com.shwfed.form.field.combobox.multi/config.d.vue.ts

@@ -24,7 +24,6 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
         }[]] | undefined;
         readonly required?: string | undefined;
         readonly displayName?: string | undefined;
-        readonly compatibilityDate: "2026-06-14";
         readonly options: {
             readonly kind: "remote";
             readonly options: string;
@@ -60,6 +59,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
                 readonly keywords?: readonly string[] | undefined;
             }[];
         };
+        readonly compatibilityDate: "2026-06-14";
         readonly orientation?: "vertical" | "floating" | undefined;
         readonly placeholder?: readonly [{
             readonly locale: "zh";
@@ -108,7 +108,6 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
         }[]] | undefined;
         readonly required?: string | undefined;
         readonly displayName?: string | undefined;
-        readonly compatibilityDate: "2026-06-14";
         readonly options: {
             readonly kind: "remote";
             readonly options: string;
@@ -144,6 +143,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
                 readonly keywords?: readonly string[] | undefined;
             }[];
         };
+        readonly compatibilityDate: "2026-06-14";
         readonly orientation?: "vertical" | "floating" | undefined;
         readonly placeholder?: readonly [{
             readonly locale: "zh";

package/dist/runtime/components/form/fields/2026-06-14/com.shwfed.form.field.combobox.multi/config.vue.d.ts

@@ -24,7 +24,6 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
         }[]] | undefined;
         readonly required?: string | undefined;
         readonly displayName?: string | undefined;
-        readonly compatibilityDate: "2026-06-14";
         readonly options: {
             readonly kind: "remote";
             readonly options: string;
@@ -60,6 +59,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
                 readonly keywords?: readonly string[] | undefined;
             }[];
         };
+        readonly compatibilityDate: "2026-06-14";
         readonly orientation?: "vertical" | "floating" | undefined;
         readonly placeholder?: readonly [{
             readonly locale: "zh";
@@ -108,7 +108,6 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
         }[]] | undefined;
         readonly required?: string | undefined;
         readonly displayName?: string | undefined;
-        readonly compatibilityDate: "2026-06-14";
         readonly options: {
             readonly kind: "remote";
             readonly options: string;
@@ -144,6 +143,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
                 readonly keywords?: readonly string[] | undefined;
             }[];
         };
+        readonly compatibilityDate: "2026-06-14";
         readonly orientation?: "vertical" | "floating" | undefined;
         readonly placeholder?: readonly [{
             readonly locale: "zh";

package/dist/runtime/components/form/fields/2026-06-14/com.shwfed.form.field.combobox.single/config.d.vue.ts

@@ -24,7 +24,6 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
         }[]] | undefined;
         readonly required?: string | undefined;
         readonly displayName?: string | undefined;
-        readonly compatibilityDate: "2026-06-14";
         readonly options: {
             readonly kind: "remote";
             readonly options: string;
@@ -60,6 +59,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
                 readonly keywords?: readonly string[] | undefined;
             }[];
         };
+        readonly compatibilityDate: "2026-06-14";
         readonly orientation?: "vertical" | "floating" | undefined;
         readonly placeholder?: readonly [{
             readonly locale: "zh";
@@ -108,7 +108,6 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
         }[]] | undefined;
         readonly required?: string | undefined;
         readonly displayName?: string | undefined;
-        readonly compatibilityDate: "2026-06-14";
         readonly options: {
             readonly kind: "remote";
             readonly options: string;
@@ -144,6 +143,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
                 readonly keywords?: readonly string[] | undefined;
             }[];
         };
+        readonly compatibilityDate: "2026-06-14";
         readonly orientation?: "vertical" | "floating" | undefined;
         readonly placeholder?: readonly [{
             readonly locale: "zh";

package/dist/runtime/components/form/fields/2026-06-14/com.shwfed.form.field.combobox.single/config.vue.d.ts

@@ -24,7 +24,6 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
         }[]] | undefined;
         readonly required?: string | undefined;
         readonly displayName?: string | undefined;
-        readonly compatibilityDate: "2026-06-14";
         readonly options: {
             readonly kind: "remote";
             readonly options: string;
@@ -60,6 +59,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
                 readonly keywords?: readonly string[] | undefined;
             }[];
         };
+        readonly compatibilityDate: "2026-06-14";
         readonly orientation?: "vertical" | "floating" | undefined;
         readonly placeholder?: readonly [{
             readonly locale: "zh";
@@ -108,7 +108,6 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
         }[]] | undefined;
         readonly required?: string | undefined;
         readonly displayName?: string | undefined;
-        readonly compatibilityDate: "2026-06-14";
         readonly options: {
             readonly kind: "remote";
             readonly options: string;
@@ -144,6 +143,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
                 readonly keywords?: readonly string[] | undefined;
             }[];
         };
+        readonly compatibilityDate: "2026-06-14";
         readonly orientation?: "vertical" | "floating" | undefined;
         readonly placeholder?: readonly [{
             readonly locale: "zh";

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

@@ -4,6 +4,7 @@ import type { FormConfigValue } from './schema.js';
 type __VLS_Props = {
     configure?: (env: Environment) => void;
 };
+declare function reseed(): Promise<void>;
 type __VLS_ModelProps = {
     modelValue?: FormState;
     'config': FormConfigValue;
@@ -11,6 +12,7 @@ type __VLS_ModelProps = {
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
 declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
     seeded: Promise<void>;
+    reseed: typeof reseed;
     flush: () => void;
     settled: () => Promise<void>;
     validate: () => Promise<boolean>;

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

@@ -65,22 +65,29 @@ const formReadonly = computed(() => {
   }
 });
 provideFormReadonly(formReadonly);
+async function computeSeed(base) {
+  const initial = config.value.initial;
+  if (!initial) return null;
+  try {
+    const program = evaluateInitial(initial, $cel, { form: base });
+    const result = await Effect.runPromise(Effect.provide(program, Fetch.layer));
+    return result && typeof result === "object" && !Array.isArray(result) ? result : null;
+  } catch (err) {
+    console.error("[shwfed-form] failed to evaluate initial:", err);
+    return null;
+  }
+}
 const seeded = (() => {
   const current = state.value ?? {};
-  const initial = config.value.initial;
-  if (!initial || Object.keys(current).length > 0) return Promise.resolve();
-  const program = evaluateInitial(initial, $cel, { form: current });
-  return Effect.runPromise(Effect.provide(program, Fetch.layer)).then(
-    (result) => {
-      if (result && typeof result === "object" && !Array.isArray(result)) {
-        state.value = { ...current, ...result };
-      }
-    },
-    (err) => {
-      console.error("[shwfed-form] failed to evaluate initial:", err);
-    }
-  );
+  if (!config.value.initial || Object.keys(current).length > 0) return Promise.resolve();
+  return computeSeed(current).then((seed) => {
+    if (seed) state.value = { ...current, ...seed };
+  });
 })();
+async function reseed() {
+  const seed = await computeSeed({});
+  state.value = seed ? { ...seed } : {};
+}
 useDerived({
   fields: () => config.value.fields,
   evaluate: (expression) => $cel(expression),
@@ -113,6 +120,7 @@ provideEventTarget(formInstanceId, {
 });
 defineExpose({
   seeded,
+  reseed,
   flush: commitBus.flushAll,
   settled: quiescence.settled,
   validate: validation.validate,

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

@@ -4,6 +4,7 @@ import type { FormConfigValue } from './schema.js';
 type __VLS_Props = {
     configure?: (env: Environment) => void;
 };
+declare function reseed(): Promise<void>;
 type __VLS_ModelProps = {
     modelValue?: FormState;
     'config': FormConfigValue;
@@ -11,6 +12,7 @@ type __VLS_ModelProps = {
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
 declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
     seeded: Promise<void>;
+    reseed: typeof reseed;
     flush: () => void;
     settled: () => Promise<void>;
     validate: () => Promise<boolean>;

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

@@ -102,7 +102,6 @@ export declare function FormConfig(configure: (env: Environment) => void): Schem
     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: {
@@ -120,6 +119,7 @@ export declare function FormConfig(configure: (env: Environment) => void): Schem
         };
         readonly media?: string | undefined;
     }[];
+    readonly readonly?: string | undefined;
 }, Schema.Struct<{
     fields: Schema.Array$<AnySchema>;
     layouts: Schema.refine<readonly {
@@ -175,7 +175,6 @@ export declare function createFormConfig(body: Omit<Schema.Schema.Type<ReturnTyp
     } | undefined;
     displayName?: string | undefined;
     fields: readonly any[];
-    readonly?: string | undefined;
     layouts: readonly {
         readonly name: string;
         readonly layout: {
@@ -193,6 +192,7 @@ export declare function createFormConfig(body: Omit<Schema.Schema.Type<ReturnTyp
         };
         readonly media?: string | undefined;
     }[];
+    readonly?: string | undefined;
     kind: typeof KIND;
 };
 export declare function defaultFormConfig(): FormConfigValue;

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;

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

@@ -7,15 +7,12 @@ const props = defineProps({
 });
 const emit = defineEmits(["close"]);
 function onDismiss() {
+  if (props.state.saving.value) return;
   props.state.dismiss();
   emit("close");
 }
-function onConfirm() {
-  const errorBefore = props.state.validationError.value;
-  props.state.confirm();
-  const errorAfter = props.state.validationError.value;
-  if (errorAfter && errorAfter !== errorBefore) return;
-  if (!errorAfter) emit("close");
+async function onConfirm() {
+  if (await props.state.confirm()) emit("close");
 }
 </script>
 
@@ -26,11 +23,16 @@ 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
       type="button"
       variant="default"
       size="sm"
+      :disabled="props.state.saving.value"
       @click="onDismiss"
     >
       <Icon icon="fluent:dismiss-20-regular" />
@@ -40,9 +42,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>
   </div>

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

@@ -3,6 +3,7 @@ import { type SidebarConfigValue } from './schema.js';
 type __VLS_Props = {
     configure?: (env: Environment) => void;
     editable?: boolean;
+    save?: (config: SidebarConfigValue) => void | Promise<void>;
     storageKey?: string;
     collapsible?: 'offcanvas' | 'icon' | 'none';
     width?: string;