@shwfed/nuxt 0.11.13 → 0.11.15

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "@shwfed/nuxt",
   "configKey": "shwfed",
-  "version": "0.11.13",
+  "version": "0.11.15",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "3.6.1"

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

@@ -2,7 +2,7 @@ import { Effect } from 'effect';
 import type { OverlayBodyRender } from '../composables/useOverlay.js';
 import type { ButtonConfigInput } from './ui/buttons/schema.js';
 export { ButtonActionC, ButtonBodyC, ButtonBodyInputC, ButtonConfigC, ButtonConfigInputC, ButtonDropdownC, ButtonGroupC, ButtonModalC, ButtonsStyleC, CURRENT_COMPATIBILITY_DATE, KIND, SUPPORTED_COMPATIBILITY_DATES, createButtonConfig, } from './ui/buttons/schema.js';
-export type { ButtonAction, ButtonBody, ButtonBodyInput, ButtonConfig, ButtonConfigInput, ButtonDropdown, ButtonDropdownAction, ButtonGroup, ButtonGroupItem, ButtonModal, } from './ui/buttons/schema.js';
+export type { ButtonAction, ButtonBody, ButtonBodyInput, ButtonConfig, ButtonConfigInput, ButtonDropdown, ButtonDropdownAction, ButtonGroup, ButtonGroupItem, ButtonModal, ButtonSize, ButtonVariant, } from './ui/buttons/schema.js';
 export type { ButtonActionEffect, ButtonActionEffectFactory, ButtonActionRuntime } from '../composables/useButtonAction.js';
 export { ButtonActionService, currentButtonAction } from '../composables/useButtonAction.js';
 declare const _default: typeof __VLS_export;
@@ -25,6 +25,7 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
                 }[] | undefined;
                 icon?: string | undefined;
                 variant?: "default" | "destructive" | "primary" | "ghost" | undefined;
+                size?: "default" | "sm" | "xs" | undefined;
                 hideTitle?: boolean | undefined;
                 modal?: Readonly<{
                     title?: readonly {
@@ -73,6 +74,8 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
                 }>[];
                 icon?: string | undefined;
             }>)[];
+            variant?: "default" | "destructive" | "primary" | "ghost" | undefined;
+            size?: "default" | "sm" | "xs" | undefined;
         }>[];
         kind: string;
         compatibilityDate: string;
@@ -97,6 +100,7 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
                 }[] | undefined;
                 icon?: string | undefined;
                 variant?: "default" | "destructive" | "primary" | "ghost" | undefined;
+                size?: "default" | "sm" | "xs" | undefined;
                 hideTitle?: boolean | undefined;
                 modal?: Readonly<{
                     title?: readonly {
@@ -145,6 +149,8 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
                 }>[];
                 icon?: string | undefined;
             }>)[];
+            variant?: "default" | "destructive" | "primary" | "ghost" | undefined;
+            size?: "default" | "sm" | "xs" | undefined;
         }>[];
         kind: string;
         compatibilityDate: string;

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

@@ -2,7 +2,7 @@ import { Effect } from 'effect';
 import type { OverlayBodyRender } from '../composables/useOverlay.js';
 import type { ButtonConfigInput } from './ui/buttons/schema.js';
 export { ButtonActionC, ButtonBodyC, ButtonBodyInputC, ButtonConfigC, ButtonConfigInputC, ButtonDropdownC, ButtonGroupC, ButtonModalC, ButtonsStyleC, CURRENT_COMPATIBILITY_DATE, KIND, SUPPORTED_COMPATIBILITY_DATES, createButtonConfig, } from './ui/buttons/schema.js';
-export type { ButtonAction, ButtonBody, ButtonBodyInput, ButtonConfig, ButtonConfigInput, ButtonDropdown, ButtonDropdownAction, ButtonGroup, ButtonGroupItem, ButtonModal, } from './ui/buttons/schema.js';
+export type { ButtonAction, ButtonBody, ButtonBodyInput, ButtonConfig, ButtonConfigInput, ButtonDropdown, ButtonDropdownAction, ButtonGroup, ButtonGroupItem, ButtonModal, ButtonSize, ButtonVariant, } from './ui/buttons/schema.js';
 export type { ButtonActionEffect, ButtonActionEffectFactory, ButtonActionRuntime } from '../composables/useButtonAction.js';
 export { ButtonActionService, currentButtonAction } from '../composables/useButtonAction.js';
 declare const _default: typeof __VLS_export;
@@ -25,6 +25,7 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
                 }[] | undefined;
                 icon?: string | undefined;
                 variant?: "default" | "destructive" | "primary" | "ghost" | undefined;
+                size?: "default" | "sm" | "xs" | undefined;
                 hideTitle?: boolean | undefined;
                 modal?: Readonly<{
                     title?: readonly {
@@ -73,6 +74,8 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
                 }>[];
                 icon?: string | undefined;
             }>)[];
+            variant?: "default" | "destructive" | "primary" | "ghost" | undefined;
+            size?: "default" | "sm" | "xs" | undefined;
         }>[];
         kind: string;
         compatibilityDate: string;
@@ -97,6 +100,7 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
                 }[] | undefined;
                 icon?: string | undefined;
                 variant?: "default" | "destructive" | "primary" | "ghost" | undefined;
+                size?: "default" | "sm" | "xs" | undefined;
                 hideTitle?: boolean | undefined;
                 modal?: Readonly<{
                     title?: readonly {
@@ -145,6 +149,8 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
                 }>[];
                 icon?: string | undefined;
             }>)[];
+            variant?: "default" | "destructive" | "primary" | "ghost" | undefined;
+            size?: "default" | "sm" | "xs" | undefined;
         }>[];
         kind: string;
         compatibilityDate: string;

package/dist/runtime/components/ui/button-configurator/ButtonConfiguratorDialog.d.vue.ts

@@ -23,6 +23,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
                 }[] | undefined;
                 icon?: string | undefined;
                 variant?: "default" | "destructive" | "primary" | "ghost" | undefined;
+                size?: "default" | "sm" | "xs" | undefined;
                 hideTitle?: boolean | undefined;
                 modal?: Readonly<{
                     title?: readonly {
@@ -71,6 +72,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
                 }>[];
                 icon?: string | undefined;
             }>)[];
+            variant?: "default" | "destructive" | "primary" | "ghost" | undefined;
+            size?: "default" | "sm" | "xs" | undefined;
         }>[];
         kind: string;
         compatibilityDate: string;
@@ -94,6 +97,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
                 }[] | undefined;
                 icon?: string | undefined;
                 variant?: "default" | "destructive" | "primary" | "ghost" | undefined;
+                size?: "default" | "sm" | "xs" | undefined;
                 hideTitle?: boolean | undefined;
                 modal?: Readonly<{
                     title?: readonly {
@@ -142,6 +146,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
                 }>[];
                 icon?: string | undefined;
             }>)[];
+            variant?: "default" | "destructive" | "primary" | "ghost" | undefined;
+            size?: "default" | "sm" | "xs" | undefined;
         }>[];
         kind: string;
         compatibilityDate: string;

package/dist/runtime/components/ui/button-configurator/ButtonConfiguratorDialog.vue

@@ -231,6 +231,12 @@ function normalizeOptionalString(value) {
   const normalized = value.trim();
   return normalized.length > 0 ? normalized : void 0;
 }
+function normalizeButtonVariant(value) {
+  return value === "default" || value === "primary" || value === "destructive" || value === "ghost" ? value : void 0;
+}
+function normalizeButtonSize(value) {
+  return value === "default" || value === "sm" || value === "xs" ? value : void 0;
+}
 function getGeneralErrorKey(field) {
   return `general.${field}`;
 }
@@ -394,6 +400,9 @@ function updateSelectedIcon(value) {
       if (item.variant) {
         nextItem2.variant = item.variant;
       }
+      if (item.size) {
+        nextItem2.size = item.size;
+      }
       if (item.hideTitle) {
         nextItem2.hideTitle = item.hideTitle;
       }
@@ -427,7 +436,52 @@ function updateSelectedVariant(value) {
     }
     return {
       ...item,
-      variant: value === "default" || value === "primary" || value === "destructive" || value === "ghost" ? value : void 0
+      variant: normalizeButtonVariant(value)
+    };
+  });
+}
+function updateSelectedButtonSize(value) {
+  const node = selectedNode.value;
+  if (!node || node.item.type !== "button" || typeof value !== "string") {
+    return;
+  }
+  draftTree.value = updateButtonConfiguratorNode(draftTree.value, node.itemId, (item) => {
+    if (item.type !== "button") {
+      return item;
+    }
+    return {
+      ...item,
+      size: normalizeButtonSize(value)
+    };
+  });
+}
+function updateSelectedGroupVariant(value) {
+  const node = selectedNode.value;
+  if (!node || node.item.type !== "group" || typeof value !== "string") {
+    return;
+  }
+  draftTree.value = updateButtonConfiguratorNode(draftTree.value, node.itemId, (item) => {
+    if (item.type !== "group") {
+      return item;
+    }
+    return {
+      ...item,
+      variant: normalizeButtonVariant(value)
+    };
+  });
+}
+function updateSelectedGroupSize(value) {
+  const node = selectedNode.value;
+  if (!node || node.item.type !== "group" || typeof value !== "string") {
+    return;
+  }
+  draftTree.value = updateButtonConfiguratorNode(draftTree.value, node.itemId, (item) => {
+    if (item.type !== "group") {
+      return item;
+    }
+    return {
+      ...item,
+      size: normalizeButtonSize(value)
     };
   });
 }
@@ -447,7 +501,8 @@ function updateSelectedHideTitle(value) {
         title: item.title,
         tooltip: item.tooltip,
         icon: item.icon,
-        variant: item.variant
+        variant: item.variant,
+        size: item.size
       };
     }
     return {
@@ -483,6 +538,21 @@ function handleSelectedVariantUpdate(value) {
     updateSelectedVariant(value);
   }
 }
+function handleSelectedButtonSizeUpdate(value) {
+  if (typeof value === "string") {
+    updateSelectedButtonSize(value);
+  }
+}
+function handleSelectedGroupVariantUpdate(value) {
+  if (typeof value === "string") {
+    updateSelectedGroupVariant(value);
+  }
+}
+function handleSelectedGroupSizeUpdate(value) {
+  if (typeof value === "string") {
+    updateSelectedGroupSize(value);
+  }
+}
 function handleSelectedButtonParentUpdate(value) {
   if (typeof value === "string") {
     moveSelectedButtonParent(value);
@@ -984,7 +1054,54 @@ function confirmChanges() {
             v-else-if="selectedGroup"
             data-slot="button-configurator-group"
             class="mt-6 grid gap-4"
-          />
+          >
+            <label class="flex flex-col gap-2">
+              <span class="text-xs font-medium text-zinc-500">{{ t("group-variant") }}</span>
+              <NativeSelect
+                data-slot="button-configurator-group-variant"
+                :model-value="selectedGroup.variant ?? ''"
+                @update:model-value="handleSelectedGroupVariantUpdate"
+              >
+                <NativeSelectOption value="">
+                  {{ t("group-default-unset") }}
+                </NativeSelectOption>
+                <NativeSelectOption value="default">
+                  {{ t("button-variant-default-option") }}
+                </NativeSelectOption>
+                <NativeSelectOption value="primary">
+                  {{ t("button-variant-primary") }}
+                </NativeSelectOption>
+                <NativeSelectOption value="destructive">
+                  {{ t("button-variant-destructive") }}
+                </NativeSelectOption>
+                <NativeSelectOption value="ghost">
+                  {{ t("button-variant-ghost") }}
+                </NativeSelectOption>
+              </NativeSelect>
+            </label>
+
+            <label class="flex flex-col gap-2">
+              <span class="text-xs font-medium text-zinc-500">{{ t("button-size") }}</span>
+              <NativeSelect
+                data-slot="button-configurator-group-size"
+                :model-value="selectedGroup.size ?? ''"
+                @update:model-value="handleSelectedGroupSizeUpdate"
+              >
+                <NativeSelectOption value="">
+                  {{ t("group-size-unset") }}
+                </NativeSelectOption>
+                <NativeSelectOption value="default">
+                  {{ t("button-size-default") }}
+                </NativeSelectOption>
+                <NativeSelectOption value="sm">
+                  {{ t("button-size-sm") }}
+                </NativeSelectOption>
+                <NativeSelectOption value="xs">
+                  {{ t("button-size-xs") }}
+                </NativeSelectOption>
+              </NativeSelect>
+            </label>
+          </section>
 
           <section
             v-else-if="selectedButton"
@@ -1030,7 +1147,10 @@ function confirmChanges() {
               />
             </label>
 
-            <label class="flex flex-col gap-2">
+            <label
+              v-if="selectedButtonIsInGroup"
+              class="flex flex-col gap-2"
+            >
               <span class="text-xs font-medium text-zinc-500">{{ t("button-variant") }}</span>
               <NativeSelect
                 data-slot="button-configurator-button-variant"
@@ -1038,7 +1158,7 @@ function confirmChanges() {
                 @update:model-value="handleSelectedVariantUpdate"
               >
                 <NativeSelectOption value="">
-                  {{ t("button-variant-default") }}
+                  {{ t("button-variant-inherit-group") }}
                 </NativeSelectOption>
                 <NativeSelectOption value="default">
                   {{ t("button-variant-default-option") }}
@@ -1055,6 +1175,31 @@ function confirmChanges() {
               </NativeSelect>
             </label>
 
+            <label
+              v-if="selectedButtonIsInGroup"
+              class="flex flex-col gap-2"
+            >
+              <span class="text-xs font-medium text-zinc-500">{{ t("button-size") }}</span>
+              <NativeSelect
+                data-slot="button-configurator-button-size"
+                :model-value="selectedButton.size ?? ''"
+                @update:model-value="handleSelectedButtonSizeUpdate"
+              >
+                <NativeSelectOption value="">
+                  {{ t("button-size-inherit-group") }}
+                </NativeSelectOption>
+                <NativeSelectOption value="default">
+                  {{ t("button-size-default") }}
+                </NativeSelectOption>
+                <NativeSelectOption value="sm">
+                  {{ t("button-size-sm") }}
+                </NativeSelectOption>
+                <NativeSelectOption value="xs">
+                  {{ t("button-size-xs") }}
+                </NativeSelectOption>
+              </NativeSelect>
+            </label>
+
             <label class="flex flex-col gap-2">
               <span class="text-xs font-medium text-zinc-500">{{ t("button-parent") }}</span>
               <NativeSelect
@@ -1271,6 +1416,9 @@ function confirmChanges() {
     "add-button": "新增按钮",
     "add-dropdown": "新增下拉按钮",
     "group-gap": "按钮组间距",
+    "group-variant": "按钮组默认变体",
+    "group-default-unset": "未设置（使用组件默认）",
+    "group-size-unset": "未设置（使用组件默认大小）",
     "general-style": "通用样式表达式",
     "general-style-placeholder": "例如返回一个 style map，例如 display: flex",
     "general-style-invalid": "样式表达式无效",
@@ -1284,10 +1432,16 @@ function confirmChanges() {
     "button-icon": "按钮图标",
     "button-variant": "按钮变体",
     "button-variant-default": "默认",
+    "button-variant-inherit-group": "继承按钮组默认",
     "button-variant-default-option": "默认按钮",
     "button-variant-primary": "主按钮",
     "button-variant-destructive": "危险按钮",
     "button-variant-ghost": "幽灵按钮",
+    "button-size": "按钮大小",
+    "button-size-inherit-group": "继承按钮组默认大小",
+    "button-size-default": "默认",
+    "button-size-sm": "小",
+    "button-size-xs": "超小",
     "button-parent": "所属容器",
     "button-hide-title": "隐藏文字，仅显示图标",
     "dropdown-title": "下拉名称",
@@ -1328,6 +1482,9 @@ function confirmChanges() {
     "add-button": "Add button",
     "add-dropdown": "Add dropdown",
     "group-gap": "Group gap",
+    "group-variant": "Group default variant",
+    "group-default-unset": "Unset (use component default)",
+    "group-size-unset": "Unset (use component default size)",
     "general-style": "Shared style expression",
     "general-style-placeholder": "Return a style map, for example display: flex",
     "general-style-invalid": "The style expression is invalid",
@@ -1341,10 +1498,16 @@ function confirmChanges() {
     "button-icon": "Button icon",
     "button-variant": "Button variant",
     "button-variant-default": "Default",
+    "button-variant-inherit-group": "Inherit group default",
     "button-variant-default-option": "Default",
     "button-variant-primary": "Primary",
     "button-variant-destructive": "Destructive",
     "button-variant-ghost": "Ghost",
+    "button-size": "Button size",
+    "button-size-inherit-group": "Inherit group default size",
+    "button-size-default": "Default",
+    "button-size-sm": "Small",
+    "button-size-xs": "Extra small",
     "button-parent": "Parent container",
     "button-hide-title": "Hide text and show icon only",
     "dropdown-title": "Dropdown title",
@@ -1385,6 +1548,9 @@ function confirmChanges() {
     "add-button": "ボタンを追加",
     "add-dropdown": "ドロップダウンを追加",
     "group-gap": "グループ間隔",
+    "group-variant": "グループの既定バリアント",
+    "group-default-unset": "未設定（コンポーネント既定）",
+    "group-size-unset": "未設定（コンポーネント既定サイズ）",
     "general-style": "共通スタイル式",
     "general-style-placeholder": "例: style map を返す式。例: display: flex",
     "general-style-invalid": "スタイル式が無効です",
@@ -1398,10 +1564,16 @@ function confirmChanges() {
     "button-icon": "ボタンアイコン",
     "button-variant": "ボタンバリアント",
     "button-variant-default": "デフォルト",
+    "button-variant-inherit-group": "グループ既定を継承",
     "button-variant-default-option": "通常",
     "button-variant-primary": "プライマリ",
     "button-variant-destructive": "危険",
     "button-variant-ghost": "ゴースト",
+    "button-size": "ボタンサイズ",
+    "button-size-inherit-group": "グループ既定サイズを継承",
+    "button-size-default": "標準",
+    "button-size-sm": "小",
+    "button-size-xs": "極小",
     "button-parent": "親コンテナ",
     "button-hide-title": "テキストを隠してアイコンのみ表示",
     "dropdown-title": "ドロップダウン名",
@@ -1442,6 +1614,9 @@ function confirmChanges() {
     "add-button": "버튼 추가",
     "add-dropdown": "드롭다운 추가",
     "group-gap": "그룹 간격",
+    "group-variant": "그룹 기본 변형",
+    "group-default-unset": "미설정 (컴포넌트 기본값 사용)",
+    "group-size-unset": "미설정 (컴포넌트 기본 크기 사용)",
     "general-style": "공통 스타일 식",
     "general-style-placeholder": "예: style map 을 반환하는 식. 예: display: flex",
     "general-style-invalid": "스타일 식이 올바르지 않습니다",
@@ -1455,10 +1630,16 @@ function confirmChanges() {
     "button-icon": "버튼 아이콘",
     "button-variant": "버튼 변형",
     "button-variant-default": "기본값",
+    "button-variant-inherit-group": "그룹 기본값 상속",
     "button-variant-default-option": "기본",
     "button-variant-primary": "주 버튼",
     "button-variant-destructive": "위험",
     "button-variant-ghost": "고스트",
+    "button-size": "버튼 크기",
+    "button-size-inherit-group": "그룹 기본 크기 상속",
+    "button-size-default": "기본",
+    "button-size-sm": "작게",
+    "button-size-xs": "매우 작게",
     "button-parent": "부모 컨테이너",
     "button-hide-title": "텍스트를 숨기고 아이콘만 표시",
     "dropdown-title": "드롭다운 이름",

package/dist/runtime/components/ui/button-configurator/ButtonConfiguratorDialog.vue.d.ts

@@ -23,6 +23,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
                 }[] | undefined;
                 icon?: string | undefined;
                 variant?: "default" | "destructive" | "primary" | "ghost" | undefined;
+                size?: "default" | "sm" | "xs" | undefined;
                 hideTitle?: boolean | undefined;
                 modal?: Readonly<{
                     title?: readonly {
@@ -71,6 +72,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
                 }>[];
                 icon?: string | undefined;
             }>)[];
+            variant?: "default" | "destructive" | "primary" | "ghost" | undefined;
+            size?: "default" | "sm" | "xs" | undefined;
         }>[];
         kind: string;
         compatibilityDate: string;
@@ -94,6 +97,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
                 }[] | undefined;
                 icon?: string | undefined;
                 variant?: "default" | "destructive" | "primary" | "ghost" | undefined;
+                size?: "default" | "sm" | "xs" | undefined;
                 hideTitle?: boolean | undefined;
                 modal?: Readonly<{
                     title?: readonly {
@@ -142,6 +146,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
                 }>[];
                 icon?: string | undefined;
             }>)[];
+            variant?: "default" | "destructive" | "primary" | "ghost" | undefined;
+            size?: "default" | "sm" | "xs" | undefined;
         }>[];
         kind: string;
         compatibilityDate: string;

package/dist/runtime/components/ui/button-configurator/menu.d.ts

@@ -3,6 +3,8 @@ import type { ButtonAction, ButtonDropdown, ButtonGroup } from '../buttons/schem
 export type ButtonConfiguratorDraftNodeData = Readonly<{
     type: 'group';
     id: string;
+    variant?: ButtonGroup['variant'];
+    size?: ButtonGroup['size'];
 }> | Readonly<{
     type: 'button';
     id: string;
@@ -10,6 +12,7 @@ export type ButtonConfiguratorDraftNodeData = Readonly<{
     tooltip?: LocaleValue;
     icon?: string;
     variant?: ButtonAction['variant'];
+    size?: ButtonAction['size'];
     hideTitle?: boolean;
 }> | Readonly<{
     type: 'dropdown';

package/dist/runtime/components/ui/button-configurator/menu.js

@@ -50,6 +50,9 @@ function stripButton(button) {
   if (button.variant) {
     nextItem.variant = button.variant;
   }
+  if (button.size) {
+    nextItem.size = button.size;
+  }
   if (button.hideTitle) {
     nextItem.hideTitle = button.hideTitle;
   }
@@ -67,10 +70,17 @@ function stripDropdown(dropdown) {
   return nextItem;
 }
 function stripGroup(group) {
-  return {
+  const nextItem = {
     type: "group",
     id: group.id
   };
+  if (group.variant) {
+    nextItem.variant = group.variant;
+  }
+  if (group.size) {
+    nextItem.size = group.size;
+  }
+  return nextItem;
 }
 export function createButtonConfiguratorGroupNode(group, createItemId) {
   return {
@@ -309,12 +319,19 @@ export function materializeButtonConfiguratorTree(tree) {
     if (node.item.variant === "default" || node.item.variant === "primary" || node.item.variant === "destructive" || node.item.variant === "ghost") {
       nextButton.variant = node.item.variant;
     }
+    if (node.item.size === "default" || node.item.size === "sm" || node.item.size === "xs") {
+      nextButton.size = node.item.size;
+    }
     if (node.item.tooltip) {
       nextButton.tooltip = node.item.tooltip;
     }
     const parentNode = node.parentItemId ? getButtonConfiguratorNode(tree, node.parentItemId) : void 0;
-    if (parentNode?.item.type === "group" && node.item.hideTitle) {
-      nextButton.hideTitle = node.item.hideTitle;
+    if (parentNode?.item.type === "group") {
+      if (node.item.hideTitle) {
+        nextButton.hideTitle = node.item.hideTitle;
+      }
+    } else {
+      delete nextButton.size;
     }
     return nextButton;
   }
@@ -360,13 +377,20 @@ export function materializeButtonConfiguratorTree(tree) {
     if (!node || node.item.type !== "group") {
       return void 0;
     }
-    return {
+    const nextGroup = {
       id: node.item.id,
       items: node.childItemIds.flatMap((childItemId) => {
         const item = visitGroupItem(childItemId);
         return item ? [item] : [];
       })
     };
+    if (node.item.variant === "default" || node.item.variant === "primary" || node.item.variant === "destructive" || node.item.variant === "ghost") {
+      nextGroup.variant = node.item.variant;
+    }
+    if (node.item.size === "default" || node.item.size === "sm" || node.item.size === "xs") {
+      nextGroup.size = node.item.size;
+    }
+    return nextGroup;
   }
   return tree.rootItemIds.flatMap((itemId) => {
     const group = visitGroup(itemId);

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

@@ -4,7 +4,7 @@ import { type ButtonConfigInput } from './schema.js';
 export { ButtonActionC, ButtonConfigC, ButtonConfigInputC, ButtonDropdownC, ButtonGroupC, ButtonModalC, ButtonsStyleC } from './schema.js';
 export { ButtonBodyC, ButtonBodyInputC, CURRENT_COMPATIBILITY_DATE, KIND, SUPPORTED_COMPATIBILITY_DATES, createButtonConfig, } from './schema.js';
 export { ButtonActionService, currentButtonAction } from '../../../composables/useButtonAction.js';
-export type { ButtonAction, ButtonBody, ButtonBodyInput, ButtonConfig, ButtonConfigInput, ButtonDropdown, ButtonDropdownAction, ButtonGroup, ButtonGroupItem, ButtonModal, } from './schema.js';
+export type { ButtonAction, ButtonBody, ButtonBodyInput, ButtonConfig, ButtonConfigInput, ButtonDropdown, ButtonDropdownAction, ButtonGroup, ButtonGroupItem, ButtonModal, ButtonSize, ButtonVariant, } from './schema.js';
 export type { ButtonActionEffect, ButtonActionEffectFactory, ButtonActionRuntime } from '../../../composables/useButtonAction.js';
 declare const _default: typeof __VLS_export;
 export default _default;
@@ -26,6 +26,7 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
                 }[] | undefined;
                 icon?: string | undefined;
                 variant?: "default" | "destructive" | "primary" | "ghost" | undefined;
+                size?: "default" | "sm" | "xs" | undefined;
                 hideTitle?: boolean | undefined;
                 modal?: Readonly<{
                     title?: readonly {
@@ -74,6 +75,8 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
                 }>[];
                 icon?: string | undefined;
             }>)[];
+            variant?: "default" | "destructive" | "primary" | "ghost" | undefined;
+            size?: "default" | "sm" | "xs" | undefined;
         }>[];
         kind: string;
         compatibilityDate: string;
@@ -98,6 +101,7 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
                 }[] | undefined;
                 icon?: string | undefined;
                 variant?: "default" | "destructive" | "primary" | "ghost" | undefined;
+                size?: "default" | "sm" | "xs" | undefined;
                 hideTitle?: boolean | undefined;
                 modal?: Readonly<{
                     title?: readonly {
@@ -146,6 +150,8 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
                 }>[];
                 icon?: string | undefined;
             }>)[];
+            variant?: "default" | "destructive" | "primary" | "ghost" | undefined;
+            size?: "default" | "sm" | "xs" | undefined;
         }>[];
         kind: string;
         compatibilityDate: string;

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

@@ -245,16 +245,28 @@ function handleConfiguratorConfirm(nextConfig) {
 function isDropdownItem(item) {
   return "items" in item;
 }
-function hasLeadingPrimaryGap(items, itemIndex) {
+function getResolvedButtonVariant(group, button) {
+  return button.variant ?? group.variant ?? "default";
+}
+function getResolvedButtonSize(group, button) {
+  return button.size ?? group.size ?? "default";
+}
+function getResolvedDropdownVariant(group) {
+  return group.variant ?? "default";
+}
+function getResolvedDropdownSize(group) {
+  return group.size ?? "default";
+}
+function hasLeadingPrimaryGap(group, itemIndex) {
   if (itemIndex === 0) {
     return false;
   }
-  const item = items[itemIndex];
-  const previousItem = items[itemIndex - 1];
+  const item = group.items[itemIndex];
+  const previousItem = group.items[itemIndex - 1];
   if (!item || !previousItem || isDropdownItem(item) || isDropdownItem(previousItem)) {
     return false;
   }
-  return item.variant === "primary" && previousItem.variant === "primary";
+  return getResolvedButtonVariant(group, item) === "primary" && getResolvedButtonVariant(group, previousItem) === "primary";
 }
 </script>
 
@@ -316,9 +328,10 @@ export { ButtonActionService, currentButtonAction } from "../../../composables/u
         <Button
           v-if="!isDropdownItem(item) && !hasButtonTooltip(item)"
           data-slot="buttons-item"
-          :variant="item.variant"
+          :variant="getResolvedButtonVariant(group, item)"
+          :size="getResolvedButtonSize(group, item)"
           :disabled="isButtonDisabled(item.id)"
-          :class="hasLeadingPrimaryGap(group.items, itemIndex) ? 'ml-px' : void 0"
+          :class="hasLeadingPrimaryGap(group, itemIndex) ? 'ml-px' : void 0"
           :title="item.hideTitle ? getButtonLabel(item) : void 0"
           @click="void runButton(item.id)"
         >
@@ -340,9 +353,10 @@ export { ButtonActionService, currentButtonAction } from "../../../composables/u
           <TooltipTrigger as-child>
             <Button
               data-slot="buttons-item"
-              :variant="item.variant"
+              :variant="getResolvedButtonVariant(group, item)"
+              :size="getResolvedButtonSize(group, item)"
               :disabled="isButtonDisabled(item.id)"
-              :class="hasLeadingPrimaryGap(group.items, itemIndex) ? 'ml-px' : void 0"
+              :class="hasLeadingPrimaryGap(group, itemIndex) ? 'ml-px' : void 0"
               :title="item.hideTitle ? getButtonLabel(item) : void 0"
               @click="void runButton(item.id)"
             >
@@ -370,6 +384,8 @@ export { ButtonActionService, currentButtonAction } from "../../../composables/u
           <DropdownMenuTrigger as-child>
             <Button
               data-slot="buttons-dropdown-trigger"
+              :variant="getResolvedDropdownVariant(group)"
+              :size="getResolvedDropdownSize(group)"
               :disabled="isDropdownPending(item)"
             >
               <Icon

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

@@ -4,7 +4,7 @@ import { type ButtonConfigInput } from './schema.js';
 export { ButtonActionC, ButtonConfigC, ButtonConfigInputC, ButtonDropdownC, ButtonGroupC, ButtonModalC, ButtonsStyleC } from './schema.js';
 export { ButtonBodyC, ButtonBodyInputC, CURRENT_COMPATIBILITY_DATE, KIND, SUPPORTED_COMPATIBILITY_DATES, createButtonConfig, } from './schema.js';
 export { ButtonActionService, currentButtonAction } from '../../../composables/useButtonAction.js';
-export type { ButtonAction, ButtonBody, ButtonBodyInput, ButtonConfig, ButtonConfigInput, ButtonDropdown, ButtonDropdownAction, ButtonGroup, ButtonGroupItem, ButtonModal, } from './schema.js';
+export type { ButtonAction, ButtonBody, ButtonBodyInput, ButtonConfig, ButtonConfigInput, ButtonDropdown, ButtonDropdownAction, ButtonGroup, ButtonGroupItem, ButtonModal, ButtonSize, ButtonVariant, } from './schema.js';
 export type { ButtonActionEffect, ButtonActionEffectFactory, ButtonActionRuntime } from '../../../composables/useButtonAction.js';
 declare const _default: typeof __VLS_export;
 export default _default;
@@ -26,6 +26,7 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
                 }[] | undefined;
                 icon?: string | undefined;
                 variant?: "default" | "destructive" | "primary" | "ghost" | undefined;
+                size?: "default" | "sm" | "xs" | undefined;
                 hideTitle?: boolean | undefined;
                 modal?: Readonly<{
                     title?: readonly {
@@ -74,6 +75,8 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
                 }>[];
                 icon?: string | undefined;
             }>)[];
+            variant?: "default" | "destructive" | "primary" | "ghost" | undefined;
+            size?: "default" | "sm" | "xs" | undefined;
         }>[];
         kind: string;
         compatibilityDate: string;
@@ -98,6 +101,7 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
                 }[] | undefined;
                 icon?: string | undefined;
                 variant?: "default" | "destructive" | "primary" | "ghost" | undefined;
+                size?: "default" | "sm" | "xs" | undefined;
                 hideTitle?: boolean | undefined;
                 modal?: Readonly<{
                     title?: readonly {
@@ -146,6 +150,8 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
                 }>[];
                 icon?: string | undefined;
             }>)[];
+            variant?: "default" | "destructive" | "primary" | "ghost" | undefined;
+            size?: "default" | "sm" | "xs" | undefined;
         }>[];
         kind: string;
         compatibilityDate: string;

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

@@ -54,6 +54,11 @@ export declare const ButtonActionC: z.ZodReadonly<z.ZodObject<{
         primary: "primary";
         ghost: "ghost";
     }>>;
+    size: z.ZodOptional<z.ZodEnum<{
+        default: "default";
+        sm: "sm";
+        xs: "xs";
+    }>>;
     hideTitle: z.ZodOptional<z.ZodBoolean>;
     modal: z.ZodOptional<z.ZodReadonly<z.ZodObject<{
         title: z.ZodOptional<z.ZodReadonly<z.ZodArray<z.ZodObject<{
@@ -221,6 +226,11 @@ export declare const ButtonGroupItemC: z.ZodUnion<readonly [z.ZodReadonly<z.ZodO
         primary: "primary";
         ghost: "ghost";
     }>>;
+    size: z.ZodOptional<z.ZodEnum<{
+        default: "default";
+        sm: "sm";
+        xs: "xs";
+    }>>;
     hideTitle: z.ZodOptional<z.ZodBoolean>;
     modal: z.ZodOptional<z.ZodReadonly<z.ZodObject<{
         title: z.ZodOptional<z.ZodReadonly<z.ZodArray<z.ZodObject<{
@@ -311,6 +321,17 @@ export declare const ButtonGroupItemC: z.ZodUnion<readonly [z.ZodReadonly<z.ZodO
 }, z.core.$strict>>]>;
 export declare const ButtonGroupC: z.ZodReadonly<z.ZodObject<{
     id: z.ZodUUID;
+    variant: z.ZodOptional<z.ZodEnum<{
+        default: "default";
+        destructive: "destructive";
+        primary: "primary";
+        ghost: "ghost";
+    }>>;
+    size: z.ZodOptional<z.ZodEnum<{
+        default: "default";
+        sm: "sm";
+        xs: "xs";
+    }>>;
     items: z.ZodReadonly<z.ZodArray<z.ZodUnion<readonly [z.ZodReadonly<z.ZodObject<{
         id: z.ZodUUID;
         title: z.ZodReadonly<z.ZodArray<z.ZodObject<{
@@ -338,6 +359,11 @@ export declare const ButtonGroupC: z.ZodReadonly<z.ZodObject<{
             primary: "primary";
             ghost: "ghost";
         }>>;
+        size: z.ZodOptional<z.ZodEnum<{
+            default: "default";
+            sm: "sm";
+            xs: "xs";
+        }>>;
         hideTitle: z.ZodOptional<z.ZodBoolean>;
         modal: z.ZodOptional<z.ZodReadonly<z.ZodObject<{
             title: z.ZodOptional<z.ZodReadonly<z.ZodArray<z.ZodObject<{
@@ -432,6 +458,17 @@ export declare const ButtonBodyC: z.ZodReadonly<z.ZodObject<{
     style: z.ZodOptional<z.ZodString>;
     groups: z.ZodReadonly<z.ZodArray<z.ZodReadonly<z.ZodObject<{
         id: z.ZodUUID;
+        variant: z.ZodOptional<z.ZodEnum<{
+            default: "default";
+            destructive: "destructive";
+            primary: "primary";
+            ghost: "ghost";
+        }>>;
+        size: z.ZodOptional<z.ZodEnum<{
+            default: "default";
+            sm: "sm";
+            xs: "xs";
+        }>>;
         items: z.ZodReadonly<z.ZodArray<z.ZodUnion<readonly [z.ZodReadonly<z.ZodObject<{
             id: z.ZodUUID;
             title: z.ZodReadonly<z.ZodArray<z.ZodObject<{
@@ -459,6 +496,11 @@ export declare const ButtonBodyC: z.ZodReadonly<z.ZodObject<{
                 primary: "primary";
                 ghost: "ghost";
             }>>;
+            size: z.ZodOptional<z.ZodEnum<{
+                default: "default";
+                sm: "sm";
+                xs: "xs";
+            }>>;
             hideTitle: z.ZodOptional<z.ZodBoolean>;
             modal: z.ZodOptional<z.ZodReadonly<z.ZodObject<{
                 title: z.ZodOptional<z.ZodReadonly<z.ZodArray<z.ZodObject<{
@@ -554,6 +596,17 @@ export declare const ButtonBodyInputC: z.ZodReadonly<z.ZodObject<{
     style: z.ZodOptional<z.ZodString>;
     groups: z.ZodReadonly<z.ZodArray<z.ZodReadonly<z.ZodObject<{
         id: z.ZodUUID;
+        variant: z.ZodOptional<z.ZodEnum<{
+            default: "default";
+            destructive: "destructive";
+            primary: "primary";
+            ghost: "ghost";
+        }>>;
+        size: z.ZodOptional<z.ZodEnum<{
+            default: "default";
+            sm: "sm";
+            xs: "xs";
+        }>>;
         items: z.ZodReadonly<z.ZodArray<z.ZodUnion<readonly [z.ZodReadonly<z.ZodObject<{
             id: z.ZodUUID;
             title: z.ZodReadonly<z.ZodArray<z.ZodObject<{
@@ -581,6 +634,11 @@ export declare const ButtonBodyInputC: z.ZodReadonly<z.ZodObject<{
                 primary: "primary";
                 ghost: "ghost";
             }>>;
+            size: z.ZodOptional<z.ZodEnum<{
+                default: "default";
+                sm: "sm";
+                xs: "xs";
+            }>>;
             hideTitle: z.ZodOptional<z.ZodBoolean>;
             modal: z.ZodOptional<z.ZodReadonly<z.ZodObject<{
                 title: z.ZodOptional<z.ZodReadonly<z.ZodArray<z.ZodObject<{
@@ -676,6 +734,17 @@ export declare const ButtonConfigC: z.ZodReadonly<z.ZodObject<{
     style: z.ZodOptional<z.ZodString>;
     groups: z.ZodReadonly<z.ZodArray<z.ZodReadonly<z.ZodObject<{
         id: z.ZodUUID;
+        variant: z.ZodOptional<z.ZodEnum<{
+            default: "default";
+            destructive: "destructive";
+            primary: "primary";
+            ghost: "ghost";
+        }>>;
+        size: z.ZodOptional<z.ZodEnum<{
+            default: "default";
+            sm: "sm";
+            xs: "xs";
+        }>>;
         items: z.ZodReadonly<z.ZodArray<z.ZodUnion<readonly [z.ZodReadonly<z.ZodObject<{
             id: z.ZodUUID;
             title: z.ZodReadonly<z.ZodArray<z.ZodObject<{
@@ -703,6 +772,11 @@ export declare const ButtonConfigC: z.ZodReadonly<z.ZodObject<{
                 primary: "primary";
                 ghost: "ghost";
             }>>;
+            size: z.ZodOptional<z.ZodEnum<{
+                default: "default";
+                sm: "sm";
+                xs: "xs";
+            }>>;
             hideTitle: z.ZodOptional<z.ZodBoolean>;
             modal: z.ZodOptional<z.ZodReadonly<z.ZodObject<{
                 title: z.ZodOptional<z.ZodReadonly<z.ZodArray<z.ZodObject<{
@@ -800,6 +874,17 @@ export declare const ButtonConfigInputC: z.ZodReadonly<z.ZodObject<{
     style: z.ZodOptional<z.ZodString>;
     groups: z.ZodReadonly<z.ZodArray<z.ZodReadonly<z.ZodObject<{
         id: z.ZodUUID;
+        variant: z.ZodOptional<z.ZodEnum<{
+            default: "default";
+            destructive: "destructive";
+            primary: "primary";
+            ghost: "ghost";
+        }>>;
+        size: z.ZodOptional<z.ZodEnum<{
+            default: "default";
+            sm: "sm";
+            xs: "xs";
+        }>>;
         items: z.ZodReadonly<z.ZodArray<z.ZodUnion<readonly [z.ZodReadonly<z.ZodObject<{
             id: z.ZodUUID;
             title: z.ZodReadonly<z.ZodArray<z.ZodObject<{
@@ -827,6 +912,11 @@ export declare const ButtonConfigInputC: z.ZodReadonly<z.ZodObject<{
                 primary: "primary";
                 ghost: "ghost";
             }>>;
+            size: z.ZodOptional<z.ZodEnum<{
+                default: "default";
+                sm: "sm";
+                xs: "xs";
+            }>>;
             hideTitle: z.ZodOptional<z.ZodBoolean>;
             modal: z.ZodOptional<z.ZodReadonly<z.ZodObject<{
                 title: z.ZodOptional<z.ZodReadonly<z.ZodArray<z.ZodObject<{
@@ -931,4 +1021,5 @@ export type ButtonConfig = z.infer<typeof ButtonConfigC>;
 export type ButtonConfigInput = z.input<typeof ButtonConfigInputC>;
 export declare function createButtonConfig(body: ButtonBody): ButtonConfig;
 export type ButtonVariant = ButtonVariants['variant'];
+export type ButtonSize = ButtonVariants['size'];
 export {};

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

@@ -7,6 +7,7 @@ export const KIND = "shwfed.component.button";
 export const CURRENT_COMPATIBILITY_DATE = "2026-03-20";
 export const SUPPORTED_COMPATIBILITY_DATES = [CURRENT_COMPATIBILITY_DATE];
 const buttonVariantC = z.enum(["default", "primary", "destructive", "ghost"]).optional().describe("\u6309\u94AE\u53D8\u4F53");
+const buttonSizeC = z.enum(["default", "sm", "xs"]).optional().describe("\u6309\u94AE\u5927\u5C0F");
 export const ButtonsStyleC = expressionC(/^map/).optional().describe("\u8FD4\u56DE\u6309\u94AE\u5BB9\u5668\u6837\u5F0F\u5BF9\u8C61\u7684 CEL \u8868\u8FBE\u5F0F");
 export const ButtonModalC = z.strictObject({
   title: localeC.optional().describe("Modal \u6807\u9898\u7684\u672C\u5730\u5316\u663E\u793A\u6587\u672C"),
@@ -21,6 +22,7 @@ export const ButtonActionC = z.strictObject({
   tooltip: localeC.optional().describe("\u6309\u94AE\u63D0\u793A\u7684\u672C\u5730\u5316\u663E\u793A\u6587\u672C"),
   icon: z.string().optional().describe("Iconify \u56FE\u6807\u6807\u8BC6\u7B26"),
   variant: buttonVariantC,
+  size: buttonSizeC,
   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"),
   modal: ButtonModalC.optional().describe("\u4E0E\u5F53\u524D\u6309\u94AE UUID \u540C\u540D slot \u6253\u5F00\u65F6\u4F7F\u7528\u7684\u9ED8\u8BA4 Modal \u58F3\u914D\u7F6E")
 }).readonly();
@@ -41,6 +43,8 @@ export const ButtonDropdownC = z.strictObject({
 export const ButtonGroupItemC = z.union([ButtonActionC, ButtonDropdownC]);
 export const ButtonGroupC = z.strictObject({
   id: buttonGroupIdC,
+  variant: buttonVariantC.describe("\u6309\u94AE\u7EC4\u5185\u9876\u5C42\u6309\u94AE\u4E0E\u4E0B\u62C9\u89E6\u53D1\u6309\u94AE\u7684\u9ED8\u8BA4\u53D8\u4F53"),
+  size: buttonSizeC.describe("\u6309\u94AE\u7EC4\u5185\u9876\u5C42\u6309\u94AE\u4E0E\u4E0B\u62C9\u89E6\u53D1\u6309\u94AE\u7684\u9ED8\u8BA4\u5927\u5C0F"),
   items: z.array(ButtonGroupItemC).readonly().describe("\u6309\u94AE\u7EC4\u5185\u7684\u6309\u94AE\u4E0E\u4E0B\u62C9\u6309\u94AE")
 }).readonly();
 const ButtonBodyObjectC = z.strictObject({

package/dist/runtime/plugins/api/index.js

@@ -57,8 +57,20 @@ export default defineNuxtPlugin({
       const name = config.headers.token || "Authorization";
       headers.set(name, sessionStorage.getItem("token") ?? "");
     }
+    function joinBaseUrl(base, input) {
+      return `${base.replace(/\/+$/, "")}/${input.replace(/^\/+/, "")}`;
+    }
     function createRequestUrl(input, query) {
-      const url = new URL(input, config.api.host || window.location.href);
+      const url = (() => {
+        try {
+          return new URL(input);
+        } catch {
+          if (config.api.host) {
+            return new URL(joinBaseUrl(config.api.host, input));
+          }
+          return new URL(input, window.location.href);
+        }
+      })();
       if (!query) {
         return url.toString();
       }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@shwfed/nuxt",
-  "version": "0.11.13",
+  "version": "0.11.15",
   "description": "",
   "license": "MIT",
   "type": "module",