@shwfed/nuxt 0.10.2 → 0.10.4

package/dist/runtime/components/ui/buttons/Buttons.vue

@@ -0,0 +1,238 @@
+<script setup>
+import { useAttrs, computed, ref, watch } from "vue";
+import { computedAsync } from "@vueuse/core";
+import { Icon } from "@iconify/vue";
+import { Effect } from "effect";
+import { useI18n } from "vue-i18n";
+import { useCheating } from "#imports";
+import { getLocalizedText } from "../../../utils/coders";
+import { cn } from "../../../utils/cn";
+import ButtonConfiguratorDialog from "../button-configurator/ButtonConfiguratorDialog.vue";
+import { Button } from "../button";
+import { ButtonGroup } from "../button-group";
+import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from "../dropdown-menu";
+import { Skeleton } from "../skeleton";
+import { ButtonConfigC, normalizeButtonConfigInput } from "./schema";
+defineOptions({
+  inheritAttrs: false
+});
+const props = defineProps({
+  config: { type: null, required: true }
+});
+const emit = defineEmits(["update:config"]);
+const defaultConfig = {
+  gap: 12,
+  groups: []
+};
+const uuidPattern = /^[0-9a-f]{8}-[0-9a-f]{4}-[1-5][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}$/iu;
+const attrs = useAttrs();
+const { locale, t } = useI18n();
+const isCheating = useCheating();
+const isConfiguratorOpen = ref(false);
+const pendingIds = ref([]);
+const currentConfig = computedAsync(
+  async () => ButtonConfigC.parse(normalizeButtonConfigInput(await props.config.pipe(Effect.runPromise)))
+);
+const displayConfig = ref(defaultConfig);
+watch(currentConfig, (value) => {
+  if (value) {
+    displayConfig.value = value;
+  }
+}, { immediate: true });
+const actionIds = computed(() => displayConfig.value.groups.flatMap((group) => group.items.flatMap((item) => {
+  if ("items" in item) {
+    return item.items.map((child) => child.id);
+  }
+  return [item.id];
+})));
+const rootAttrs = computed(() => {
+  const ignoredKeys = new Set(actionIds.value);
+  const nextAttrs = {};
+  for (const [key, value] of Object.entries(attrs)) {
+    if (ignoredKeys.has(key) || key === "class" || uuidPattern.test(key)) {
+      continue;
+    }
+    Reflect.set(nextAttrs, key, value);
+  }
+  return nextAttrs;
+});
+const rootClass = computed(() => {
+  const classValue = Reflect.get(attrs, "class");
+  return typeof classValue === "string" ? classValue : void 0;
+});
+const rootStyle = computed(() => ({
+  gap: `calc(${displayConfig.value.gap ?? defaultConfig.gap ?? 12} * 0.25rem)`
+}));
+function getButtonLabel(button) {
+  return getLocalizedText(button.title, locale.value) ?? t("untitled-button");
+}
+function getDropdownLabel(dropdown) {
+  return getLocalizedText(dropdown.title, locale.value) ?? t("untitled-dropdown");
+}
+function getButtonEffect(buttonId) {
+  return Reflect.get(attrs, buttonId);
+}
+function isEffectValue(value) {
+  return typeof value === "object" && value !== null && "_op" in value;
+}
+function isPending(buttonId) {
+  return pendingIds.value.includes(buttonId);
+}
+function isButtonDisabled(buttonId) {
+  return isPending(buttonId) || !isEffectValue(getButtonEffect(buttonId));
+}
+function isDropdownPending(dropdown) {
+  return dropdown.items.some((item) => isPending(item.id));
+}
+async function runButton(buttonId) {
+  if (isPending(buttonId)) {
+    return;
+  }
+  const effect = getButtonEffect(buttonId);
+  if (!isEffectValue(effect)) {
+    return;
+  }
+  pendingIds.value = [...pendingIds.value, buttonId];
+  try {
+    await Effect.runPromise(Effect.scoped(effect));
+  } finally {
+    pendingIds.value = pendingIds.value.filter((id) => id !== buttonId);
+  }
+}
+function handleConfiguratorConfirm(nextConfig) {
+  displayConfig.value = nextConfig;
+  emit("update:config", nextConfig);
+}
+function isDropdownItem(item) {
+  return "items" in item;
+}
+</script>
+
+<script>
+export { ButtonActionC, ButtonConfigC, ButtonConfigInputC, ButtonDropdownC, ButtonGroupC } from "./schema";
+</script>
+
+<template>
+  <div
+    v-bind="rootAttrs"
+    data-slot="buttons"
+    :class="cn('relative flex flex-wrap items-start', rootClass)"
+    :style="rootStyle"
+  >
+    <Button
+      v-if="isCheating"
+      data-slot="buttons-configurator-trigger"
+      variant="ghost"
+      size="sm"
+      type="button"
+      class="absolute right-0 top-0 z-20 bg-white/90 shadow-xs backdrop-blur-sm hover:bg-white"
+      @click="isConfiguratorOpen = true"
+    >
+      <Icon icon="fluent:settings-20-regular" />
+    </Button>
+
+    <ButtonConfiguratorDialog
+      v-if="currentConfig"
+      v-model:open="isConfiguratorOpen"
+      :config="displayConfig"
+      @confirm="handleConfiguratorConfirm"
+    />
+
+    <Skeleton
+      v-if="currentConfig === void 0"
+      data-slot="buttons-skeleton"
+      class="absolute inset-0 z-10 h-full w-full"
+    />
+
+    <ButtonGroup
+      v-for="group in displayConfig.groups"
+      :key="group.id"
+      data-slot="buttons-group"
+      orientation="horizontal"
+    >
+      <template
+        v-for="item in group.items"
+        :key="item.id"
+      >
+        <Button
+          v-if="!isDropdownItem(item)"
+          data-slot="buttons-item"
+          :variant="item.variant"
+          :disabled="isButtonDisabled(item.id)"
+          :title="item.hideTitle ? getButtonLabel(item) : void 0"
+          @click="void runButton(item.id)"
+        >
+          <Icon
+            v-if="isPending(item.id)"
+            icon="line-md:loading-twotone-loop"
+          />
+          <Icon
+            v-else-if="item.icon"
+            :icon="item.icon"
+          />
+          <span v-if="!item.hideTitle">{{ getButtonLabel(item) }}</span>
+        </Button>
+
+        <DropdownMenu v-else>
+          <DropdownMenuTrigger as-child>
+            <Button
+              data-slot="buttons-dropdown-trigger"
+              :disabled="isDropdownPending(item)"
+            >
+              <Icon
+                v-if="isDropdownPending(item)"
+                icon="line-md:loading-twotone-loop"
+              />
+              <Icon
+                v-else-if="item.icon"
+                :icon="item.icon"
+              />
+              <span>{{ getDropdownLabel(item) }}</span>
+            </Button>
+          </DropdownMenuTrigger>
+
+          <DropdownMenuContent align="start">
+            <DropdownMenuItem
+              v-for="child in item.items"
+              :key="child.id"
+              data-slot="buttons-dropdown-item"
+              :disabled="isButtonDisabled(child.id)"
+              @select="void runButton(child.id)"
+            >
+              <Icon
+                v-if="isPending(child.id)"
+                icon="line-md:loading-twotone-loop"
+              />
+              <Icon
+                v-else-if="child.icon"
+                :icon="child.icon"
+              />
+              <span>{{ getButtonLabel(child) }}</span>
+            </DropdownMenuItem>
+          </DropdownMenuContent>
+        </DropdownMenu>
+      </template>
+    </ButtonGroup>
+  </div>
+</template>
+
+<i18n lang="json">
+{
+  "zh": {
+    "untitled-button": "未命名按钮",
+    "untitled-dropdown": "未命名下拉按钮"
+  },
+  "en": {
+    "untitled-button": "Untitled button",
+    "untitled-dropdown": "Untitled dropdown"
+  },
+  "ja": {
+    "untitled-button": "未命名ボタン",
+    "untitled-dropdown": "未命名ドロップダウン"
+  },
+  "ko": {
+    "untitled-button": "이름 없는 버튼",
+    "untitled-dropdown": "이름 없는 드롭다운"
+  }
+}
+</i18n>

package/dist/runtime/components/ui/buttons/Buttons.vue.d.ts

@@ -0,0 +1,77 @@
+import { Effect } from 'effect';
+import { type ButtonConfig } from './schema.js';
+export { ButtonActionC, ButtonConfigC, ButtonConfigInputC, ButtonDropdownC, ButtonGroupC } from './schema.js';
+export type { ButtonAction, ButtonConfig, ButtonConfigInput, ButtonDropdown, ButtonGroup, ButtonGroupItem } from './schema.js';
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import("vue").DefineComponent<{
+    config: Effect.Effect<ButtonConfig | import("./schema.js").ButtonConfigInput | undefined>;
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:config": (args_0: Readonly<{
+        groups: readonly Readonly<{
+            id: string;
+            items: readonly (Readonly<{
+                id: string;
+                title: readonly {
+                    locale: "zh" | "ja" | "en" | "ko";
+                    message: string;
+                }[];
+                icon?: string | undefined;
+                variant?: "default" | "destructive" | "primary" | "ghost" | undefined;
+                hideTitle?: boolean | undefined;
+            }> | Readonly<{
+                id: string;
+                title: readonly {
+                    locale: "zh" | "ja" | "en" | "ko";
+                    message: string;
+                }[];
+                items: readonly Readonly<{
+                    id: string;
+                    title: readonly {
+                        locale: "zh" | "ja" | "en" | "ko";
+                        message: string;
+                    }[];
+                    icon?: string | undefined;
+                    variant?: "default" | "destructive" | "primary" | "ghost" | undefined;
+                }>[];
+                icon?: string | undefined;
+            }>)[];
+        }>[];
+        gap?: number | undefined;
+    }>) => any;
+}, string, import("vue").PublicProps, Readonly<{
+    config: Effect.Effect<ButtonConfig | import("./schema.js").ButtonConfigInput | undefined>;
+}> & Readonly<{
+    "onUpdate:config"?: ((args_0: Readonly<{
+        groups: readonly Readonly<{
+            id: string;
+            items: readonly (Readonly<{
+                id: string;
+                title: readonly {
+                    locale: "zh" | "ja" | "en" | "ko";
+                    message: string;
+                }[];
+                icon?: string | undefined;
+                variant?: "default" | "destructive" | "primary" | "ghost" | undefined;
+                hideTitle?: boolean | undefined;
+            }> | Readonly<{
+                id: string;
+                title: readonly {
+                    locale: "zh" | "ja" | "en" | "ko";
+                    message: string;
+                }[];
+                items: readonly Readonly<{
+                    id: string;
+                    title: readonly {
+                        locale: "zh" | "ja" | "en" | "ko";
+                        message: string;
+                    }[];
+                    icon?: string | undefined;
+                    variant?: "default" | "destructive" | "primary" | "ghost" | undefined;
+                }>[];
+                icon?: string | undefined;
+            }>)[];
+        }>[];
+        gap?: number | undefined;
+    }>) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/runtime/components/ui/buttons/schema.d.ts

@@ -0,0 +1,281 @@
+import z from 'zod';
+import type { ButtonVariants } from '../button/index.js';
+export declare const ButtonActionC: z.ZodReadonly<z.ZodObject<{
+    id: z.ZodUUID;
+    title: z.ZodReadonly<z.ZodArray<z.ZodObject<{
+        locale: z.ZodEnum<{
+            zh: "zh";
+            ja: "ja";
+            en: "en";
+            ko: "ko";
+        }>;
+        message: z.ZodString;
+    }, z.core.$strip>>>;
+    icon: z.ZodOptional<z.ZodString>;
+    variant: z.ZodOptional<z.ZodEnum<{
+        default: "default";
+        destructive: "destructive";
+        primary: "primary";
+        ghost: "ghost";
+    }>>;
+    hideTitle: z.ZodOptional<z.ZodBoolean>;
+}, z.core.$strict>>;
+export declare const ButtonDropdownC: z.ZodReadonly<z.ZodObject<{
+    id: z.ZodUUID;
+    title: z.ZodReadonly<z.ZodArray<z.ZodObject<{
+        locale: z.ZodEnum<{
+            zh: "zh";
+            ja: "ja";
+            en: "en";
+            ko: "ko";
+        }>;
+        message: z.ZodString;
+    }, z.core.$strip>>>;
+    icon: z.ZodOptional<z.ZodString>;
+    items: z.ZodReadonly<z.ZodArray<z.ZodReadonly<z.ZodObject<{
+        id: z.ZodUUID;
+        title: z.ZodReadonly<z.ZodArray<z.ZodObject<{
+            locale: z.ZodEnum<{
+                zh: "zh";
+                ja: "ja";
+                en: "en";
+                ko: "ko";
+            }>;
+            message: z.ZodString;
+        }, z.core.$strip>>>;
+        icon: z.ZodOptional<z.ZodString>;
+        variant: z.ZodOptional<z.ZodEnum<{
+            default: "default";
+            destructive: "destructive";
+            primary: "primary";
+            ghost: "ghost";
+        }>>;
+    }, z.core.$strict>>>>;
+}, z.core.$strict>>;
+export declare const ButtonGroupItemC: z.ZodUnion<readonly [z.ZodReadonly<z.ZodObject<{
+    id: z.ZodUUID;
+    title: z.ZodReadonly<z.ZodArray<z.ZodObject<{
+        locale: z.ZodEnum<{
+            zh: "zh";
+            ja: "ja";
+            en: "en";
+            ko: "ko";
+        }>;
+        message: z.ZodString;
+    }, z.core.$strip>>>;
+    icon: z.ZodOptional<z.ZodString>;
+    variant: z.ZodOptional<z.ZodEnum<{
+        default: "default";
+        destructive: "destructive";
+        primary: "primary";
+        ghost: "ghost";
+    }>>;
+    hideTitle: z.ZodOptional<z.ZodBoolean>;
+}, z.core.$strict>>, z.ZodReadonly<z.ZodObject<{
+    id: z.ZodUUID;
+    title: z.ZodReadonly<z.ZodArray<z.ZodObject<{
+        locale: z.ZodEnum<{
+            zh: "zh";
+            ja: "ja";
+            en: "en";
+            ko: "ko";
+        }>;
+        message: z.ZodString;
+    }, z.core.$strip>>>;
+    icon: z.ZodOptional<z.ZodString>;
+    items: z.ZodReadonly<z.ZodArray<z.ZodReadonly<z.ZodObject<{
+        id: z.ZodUUID;
+        title: z.ZodReadonly<z.ZodArray<z.ZodObject<{
+            locale: z.ZodEnum<{
+                zh: "zh";
+                ja: "ja";
+                en: "en";
+                ko: "ko";
+            }>;
+            message: z.ZodString;
+        }, z.core.$strip>>>;
+        icon: z.ZodOptional<z.ZodString>;
+        variant: z.ZodOptional<z.ZodEnum<{
+            default: "default";
+            destructive: "destructive";
+            primary: "primary";
+            ghost: "ghost";
+        }>>;
+    }, z.core.$strict>>>>;
+}, z.core.$strict>>]>;
+export declare const ButtonGroupC: z.ZodReadonly<z.ZodObject<{
+    id: z.ZodUUID;
+    items: z.ZodReadonly<z.ZodArray<z.ZodUnion<readonly [z.ZodReadonly<z.ZodObject<{
+        id: z.ZodUUID;
+        title: z.ZodReadonly<z.ZodArray<z.ZodObject<{
+            locale: z.ZodEnum<{
+                zh: "zh";
+                ja: "ja";
+                en: "en";
+                ko: "ko";
+            }>;
+            message: z.ZodString;
+        }, z.core.$strip>>>;
+        icon: z.ZodOptional<z.ZodString>;
+        variant: z.ZodOptional<z.ZodEnum<{
+            default: "default";
+            destructive: "destructive";
+            primary: "primary";
+            ghost: "ghost";
+        }>>;
+        hideTitle: z.ZodOptional<z.ZodBoolean>;
+    }, z.core.$strict>>, z.ZodReadonly<z.ZodObject<{
+        id: z.ZodUUID;
+        title: z.ZodReadonly<z.ZodArray<z.ZodObject<{
+            locale: z.ZodEnum<{
+                zh: "zh";
+                ja: "ja";
+                en: "en";
+                ko: "ko";
+            }>;
+            message: z.ZodString;
+        }, z.core.$strip>>>;
+        icon: z.ZodOptional<z.ZodString>;
+        items: z.ZodReadonly<z.ZodArray<z.ZodReadonly<z.ZodObject<{
+            id: z.ZodUUID;
+            title: z.ZodReadonly<z.ZodArray<z.ZodObject<{
+                locale: z.ZodEnum<{
+                    zh: "zh";
+                    ja: "ja";
+                    en: "en";
+                    ko: "ko";
+                }>;
+                message: z.ZodString;
+            }, z.core.$strip>>>;
+            icon: z.ZodOptional<z.ZodString>;
+            variant: z.ZodOptional<z.ZodEnum<{
+                default: "default";
+                destructive: "destructive";
+                primary: "primary";
+                ghost: "ghost";
+            }>>;
+        }, z.core.$strict>>>>;
+    }, z.core.$strict>>]>>>;
+}, z.core.$strict>>;
+export declare const ButtonConfigC: z.ZodReadonly<z.ZodObject<{
+    gap: z.ZodOptional<z.ZodNumber>;
+    groups: z.ZodReadonly<z.ZodArray<z.ZodReadonly<z.ZodObject<{
+        id: z.ZodUUID;
+        items: z.ZodReadonly<z.ZodArray<z.ZodUnion<readonly [z.ZodReadonly<z.ZodObject<{
+            id: z.ZodUUID;
+            title: z.ZodReadonly<z.ZodArray<z.ZodObject<{
+                locale: z.ZodEnum<{
+                    zh: "zh";
+                    ja: "ja";
+                    en: "en";
+                    ko: "ko";
+                }>;
+                message: z.ZodString;
+            }, z.core.$strip>>>;
+            icon: z.ZodOptional<z.ZodString>;
+            variant: z.ZodOptional<z.ZodEnum<{
+                default: "default";
+                destructive: "destructive";
+                primary: "primary";
+                ghost: "ghost";
+            }>>;
+            hideTitle: z.ZodOptional<z.ZodBoolean>;
+        }, z.core.$strict>>, z.ZodReadonly<z.ZodObject<{
+            id: z.ZodUUID;
+            title: z.ZodReadonly<z.ZodArray<z.ZodObject<{
+                locale: z.ZodEnum<{
+                    zh: "zh";
+                    ja: "ja";
+                    en: "en";
+                    ko: "ko";
+                }>;
+                message: z.ZodString;
+            }, z.core.$strip>>>;
+            icon: z.ZodOptional<z.ZodString>;
+            items: z.ZodReadonly<z.ZodArray<z.ZodReadonly<z.ZodObject<{
+                id: z.ZodUUID;
+                title: z.ZodReadonly<z.ZodArray<z.ZodObject<{
+                    locale: z.ZodEnum<{
+                        zh: "zh";
+                        ja: "ja";
+                        en: "en";
+                        ko: "ko";
+                    }>;
+                    message: z.ZodString;
+                }, z.core.$strip>>>;
+                icon: z.ZodOptional<z.ZodString>;
+                variant: z.ZodOptional<z.ZodEnum<{
+                    default: "default";
+                    destructive: "destructive";
+                    primary: "primary";
+                    ghost: "ghost";
+                }>>;
+            }, z.core.$strict>>>>;
+        }, z.core.$strict>>]>>>;
+    }, z.core.$strict>>>>;
+}, z.core.$strict>>;
+export declare const ButtonConfigInputC: z.ZodReadonly<z.ZodObject<{
+    gap: z.ZodOptional<z.ZodNumber>;
+    groups: z.ZodReadonly<z.ZodArray<z.ZodReadonly<z.ZodObject<{
+        id: z.ZodUUID;
+        items: z.ZodReadonly<z.ZodArray<z.ZodUnion<readonly [z.ZodReadonly<z.ZodObject<{
+            id: z.ZodUUID;
+            title: z.ZodReadonly<z.ZodArray<z.ZodObject<{
+                locale: z.ZodEnum<{
+                    zh: "zh";
+                    ja: "ja";
+                    en: "en";
+                    ko: "ko";
+                }>;
+                message: z.ZodString;
+            }, z.core.$strip>>>;
+            icon: z.ZodOptional<z.ZodString>;
+            variant: z.ZodOptional<z.ZodEnum<{
+                default: "default";
+                destructive: "destructive";
+                primary: "primary";
+                ghost: "ghost";
+            }>>;
+            hideTitle: z.ZodOptional<z.ZodBoolean>;
+        }, z.core.$strict>>, z.ZodReadonly<z.ZodObject<{
+            id: z.ZodUUID;
+            title: z.ZodReadonly<z.ZodArray<z.ZodObject<{
+                locale: z.ZodEnum<{
+                    zh: "zh";
+                    ja: "ja";
+                    en: "en";
+                    ko: "ko";
+                }>;
+                message: z.ZodString;
+            }, z.core.$strip>>>;
+            icon: z.ZodOptional<z.ZodString>;
+            items: z.ZodReadonly<z.ZodArray<z.ZodReadonly<z.ZodObject<{
+                id: z.ZodUUID;
+                title: z.ZodReadonly<z.ZodArray<z.ZodObject<{
+                    locale: z.ZodEnum<{
+                        zh: "zh";
+                        ja: "ja";
+                        en: "en";
+                        ko: "ko";
+                    }>;
+                    message: z.ZodString;
+                }, z.core.$strip>>>;
+                icon: z.ZodOptional<z.ZodString>;
+                variant: z.ZodOptional<z.ZodEnum<{
+                    default: "default";
+                    destructive: "destructive";
+                    primary: "primary";
+                    ghost: "ghost";
+                }>>;
+            }, z.core.$strict>>>>;
+        }, z.core.$strict>>]>>>;
+    }, z.core.$strict>>>>;
+}, z.core.$strict>>;
+export type ButtonAction = z.infer<typeof ButtonActionC>;
+export type ButtonDropdown = z.infer<typeof ButtonDropdownC>;
+export type ButtonGroupItem = z.infer<typeof ButtonGroupItemC>;
+export type ButtonGroup = z.infer<typeof ButtonGroupC>;
+export type ButtonConfig = z.infer<typeof ButtonConfigC>;
+export type ButtonConfigInput = z.infer<typeof ButtonConfigInputC>;
+export declare function normalizeButtonConfigInput(value: unknown): unknown;
+export type ButtonVariant = ButtonVariants['variant'];

package/dist/runtime/components/ui/buttons/schema.js

@@ -0,0 +1,50 @@
+import z from "zod";
+import { localeC } from "../../../utils/coders.js";
+const buttonIdC = z.uuid().describe("\u6309\u94AE\u552F\u4E00\u6807\u8BC6\uFF0C\u5FC5\u987B\u662F UUID");
+const buttonGroupIdC = z.uuid().describe("\u6309\u94AE\u7EC4\u552F\u4E00\u6807\u8BC6\uFF0C\u5FC5\u987B\u662F UUID");
+const buttonVariantC = z.enum(["default", "primary", "destructive", "ghost"]).optional().describe("\u6309\u94AE\u53D8\u4F53");
+export const ButtonActionC = z.strictObject({
+  id: buttonIdC,
+  title: localeC.describe("\u6309\u94AE\u540D\u79F0\u7684\u672C\u5730\u5316\u663E\u793A\u6587\u672C"),
+  icon: z.string().optional().describe("Iconify \u56FE\u6807\u6807\u8BC6\u7B26"),
+  variant: buttonVariantC,
+  hideTitle: z.boolean().optional().describe("\u4EC5\u5BF9\u975E\u4E0B\u62C9\u6309\u94AE\u751F\u6548\uFF1B\u4E3A true \u65F6\u9690\u85CF\u6309\u94AE\u6587\u5B57\uFF0C\u4EC5\u663E\u793A\u56FE\u6807")
+}).readonly();
+const DropdownButtonActionC = z.strictObject({
+  id: buttonIdC,
+  title: localeC.describe("\u4E0B\u62C9\u9879\u6309\u94AE\u540D\u79F0\u7684\u672C\u5730\u5316\u663E\u793A\u6587\u672C"),
+  icon: z.string().optional().describe("Iconify \u56FE\u6807\u6807\u8BC6\u7B26"),
+  variant: buttonVariantC
+}).readonly();
+export const ButtonDropdownC = z.strictObject({
+  id: buttonIdC,
+  title: localeC.describe("\u4E0B\u62C9\u6309\u94AE\u540D\u79F0\u7684\u672C\u5730\u5316\u663E\u793A\u6587\u672C"),
+  icon: z.string().optional().describe("Iconify \u56FE\u6807\u6807\u8BC6\u7B26"),
+  items: z.array(DropdownButtonActionC).readonly().describe("\u4E0B\u62C9\u6309\u94AE\u5185\u7684\u6309\u94AE\u5217\u8868")
+}).readonly();
+export const ButtonGroupItemC = z.union([ButtonActionC, ButtonDropdownC]);
+export const ButtonGroupC = z.strictObject({
+  id: buttonGroupIdC,
+  items: z.array(ButtonGroupItemC).readonly().describe("\u6309\u94AE\u7EC4\u5185\u7684\u6309\u94AE\u4E0E\u4E0B\u62C9\u6309\u94AE")
+}).readonly();
+export const ButtonConfigC = z.strictObject({
+  gap: z.number().finite().min(0).optional().describe("\u6309\u94AE\u7EC4\u4E4B\u95F4\u7684\u95F4\u8DDD\uFF0C\u5355\u4F4D\u4E3A\u50CF\u7D20"),
+  groups: z.array(ButtonGroupC).readonly().describe("\u6839\u7EA7\u6309\u94AE\u7EC4\u5217\u8868")
+}).readonly();
+export const ButtonConfigInputC = ButtonConfigC;
+export function normalizeButtonConfigInput(value) {
+  if (typeof value !== "object" || value === null) {
+    return {
+      groups: []
+    };
+  }
+  const groups = Reflect.get(value, "groups");
+  const gap = Reflect.get(value, "gap");
+  const nextConfig = {
+    groups: Array.isArray(groups) ? groups : []
+  };
+  if (typeof gap === "number" && Number.isFinite(gap) && gap >= 0) {
+    nextConfig.gap = gap;
+  }
+  return nextConfig;
+}

package/dist/runtime/components/ui/command/CommandInput.vue

@@ -23,7 +23,7 @@ const { filterState } = useCommand();
 <template>
   <div
     data-slot="command-input-wrapper"
-    class="flex h-12 items-center gap-2 border-b border-zinc-200 px-3"
+    class="flex h-10 items-center gap-2 border-b border-zinc-200 px-3"
   >
     <Icon
       icon="fluent:search-20-filled"