@shwfed/nuxt 0.10.4 → 0.10.6

package/dist/module.json

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

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

@@ -1,6 +1,6 @@
 import { Effect } from 'effect';
 import type { ButtonConfigInput } from './ui/buttons/schema.js';
-export { ButtonActionC, ButtonConfigC, ButtonConfigInputC, ButtonDropdownC, ButtonGroupC } from './ui/buttons/schema.js';
+export { ButtonActionC, ButtonConfigC, ButtonConfigInputC, ButtonDropdownC, ButtonGroupC, ButtonsStyleC } from './ui/buttons/schema.js';
 export type { ButtonAction, ButtonConfig, ButtonConfigInput, ButtonDropdown, ButtonGroup, ButtonGroupItem } from './ui/buttons/schema.js';
 declare const _default: typeof __VLS_export;
 export default _default;
@@ -16,6 +16,10 @@ declare const __VLS_export: import("vue").DefineComponent<{
                     locale: "zh" | "ja" | "en" | "ko";
                     message: string;
                 }[];
+                tooltip?: readonly {
+                    locale: "zh" | "ja" | "en" | "ko";
+                    message: string;
+                }[] | undefined;
                 icon?: string | undefined;
                 variant?: "default" | "destructive" | "primary" | "ghost" | undefined;
                 hideTitle?: boolean | undefined;
@@ -31,6 +35,10 @@ declare const __VLS_export: import("vue").DefineComponent<{
                         locale: "zh" | "ja" | "en" | "ko";
                         message: string;
                     }[];
+                    tooltip?: readonly {
+                        locale: "zh" | "ja" | "en" | "ko";
+                        message: string;
+                    }[] | undefined;
                     icon?: string | undefined;
                     variant?: "default" | "destructive" | "primary" | "ghost" | undefined;
                 }>[];
@@ -38,6 +46,7 @@ declare const __VLS_export: import("vue").DefineComponent<{
             }>)[];
         }>[];
         gap?: number | undefined;
+        style?: string | undefined;
     }>) => any;
 }, string, import("vue").PublicProps, Readonly<{
     config?: ButtonConfigInput | Effect.Effect<ButtonConfigInput | undefined>;
@@ -51,6 +60,10 @@ declare const __VLS_export: import("vue").DefineComponent<{
                     locale: "zh" | "ja" | "en" | "ko";
                     message: string;
                 }[];
+                tooltip?: readonly {
+                    locale: "zh" | "ja" | "en" | "ko";
+                    message: string;
+                }[] | undefined;
                 icon?: string | undefined;
                 variant?: "default" | "destructive" | "primary" | "ghost" | undefined;
                 hideTitle?: boolean | undefined;
@@ -66,6 +79,10 @@ declare const __VLS_export: import("vue").DefineComponent<{
                         locale: "zh" | "ja" | "en" | "ko";
                         message: string;
                     }[];
+                    tooltip?: readonly {
+                        locale: "zh" | "ja" | "en" | "ko";
+                        message: string;
+                    }[] | undefined;
                     icon?: string | undefined;
                     variant?: "default" | "destructive" | "primary" | "ghost" | undefined;
                 }>[];
@@ -73,5 +90,6 @@ declare const __VLS_export: import("vue").DefineComponent<{
             }>)[];
         }>[];
         gap?: number | undefined;
+        style?: string | undefined;
     }>) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/runtime/components/button.vue

@@ -27,7 +27,7 @@ function handleConfigUpdate(config) {
 </script>
 
 <script>
-export { ButtonActionC, ButtonConfigC, ButtonConfigInputC, ButtonDropdownC, ButtonGroupC } from "./ui/buttons/schema";
+export { ButtonActionC, ButtonConfigC, ButtonConfigInputC, ButtonDropdownC, ButtonGroupC, ButtonsStyleC } from "./ui/buttons/schema";
 </script>
 
 <template>

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

@@ -1,6 +1,6 @@
 import { Effect } from 'effect';
 import type { ButtonConfigInput } from './ui/buttons/schema.js';
-export { ButtonActionC, ButtonConfigC, ButtonConfigInputC, ButtonDropdownC, ButtonGroupC } from './ui/buttons/schema.js';
+export { ButtonActionC, ButtonConfigC, ButtonConfigInputC, ButtonDropdownC, ButtonGroupC, ButtonsStyleC } from './ui/buttons/schema.js';
 export type { ButtonAction, ButtonConfig, ButtonConfigInput, ButtonDropdown, ButtonGroup, ButtonGroupItem } from './ui/buttons/schema.js';
 declare const _default: typeof __VLS_export;
 export default _default;
@@ -16,6 +16,10 @@ declare const __VLS_export: import("vue").DefineComponent<{
                     locale: "zh" | "ja" | "en" | "ko";
                     message: string;
                 }[];
+                tooltip?: readonly {
+                    locale: "zh" | "ja" | "en" | "ko";
+                    message: string;
+                }[] | undefined;
                 icon?: string | undefined;
                 variant?: "default" | "destructive" | "primary" | "ghost" | undefined;
                 hideTitle?: boolean | undefined;
@@ -31,6 +35,10 @@ declare const __VLS_export: import("vue").DefineComponent<{
                         locale: "zh" | "ja" | "en" | "ko";
                         message: string;
                     }[];
+                    tooltip?: readonly {
+                        locale: "zh" | "ja" | "en" | "ko";
+                        message: string;
+                    }[] | undefined;
                     icon?: string | undefined;
                     variant?: "default" | "destructive" | "primary" | "ghost" | undefined;
                 }>[];
@@ -38,6 +46,7 @@ declare const __VLS_export: import("vue").DefineComponent<{
             }>)[];
         }>[];
         gap?: number | undefined;
+        style?: string | undefined;
     }>) => any;
 }, string, import("vue").PublicProps, Readonly<{
     config?: ButtonConfigInput | Effect.Effect<ButtonConfigInput | undefined>;
@@ -51,6 +60,10 @@ declare const __VLS_export: import("vue").DefineComponent<{
                     locale: "zh" | "ja" | "en" | "ko";
                     message: string;
                 }[];
+                tooltip?: readonly {
+                    locale: "zh" | "ja" | "en" | "ko";
+                    message: string;
+                }[] | undefined;
                 icon?: string | undefined;
                 variant?: "default" | "destructive" | "primary" | "ghost" | undefined;
                 hideTitle?: boolean | undefined;
@@ -66,6 +79,10 @@ declare const __VLS_export: import("vue").DefineComponent<{
                         locale: "zh" | "ja" | "en" | "ko";
                         message: string;
                     }[];
+                    tooltip?: readonly {
+                        locale: "zh" | "ja" | "en" | "ko";
+                        message: string;
+                    }[] | undefined;
                     icon?: string | undefined;
                     variant?: "default" | "destructive" | "primary" | "ghost" | undefined;
                 }>[];
@@ -73,5 +90,6 @@ declare const __VLS_export: import("vue").DefineComponent<{
             }>)[];
         }>[];
         gap?: number | undefined;
+        style?: string | undefined;
     }>) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

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

@@ -1,5 +1,6 @@
 import type { TableConfigInput } from './ui/table/schema.js';
 export type { Accessor, Column, Expression, Markdown, Render, TableConfig, TableConfigInput } from './ui/table/schema.js';
+export type { TableInstance } from './ui/table/Table.vue.js';
 export { AccessorC, ColumnC, RenderC, TableConfigC } from './ui/table/schema.js';
 declare module '@tanstack/vue-table' {
     interface ColumnMeta<TData extends import('@tanstack/vue-table').RowData, TValue> {

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

@@ -1,5 +1,6 @@
 import type { TableConfigInput } from './ui/table/schema.js';
 export type { Accessor, Column, Expression, Markdown, Render, TableConfig, TableConfigInput } from './ui/table/schema.js';
+export type { TableInstance } from './ui/table/Table.vue.js';
 export { AccessorC, ColumnC, RenderC, TableConfigC } from './ui/table/schema.js';
 declare module '@tanstack/vue-table' {
     interface ColumnMeta<TData extends import('@tanstack/vue-table').RowData, TValue> {

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

@@ -17,6 +17,10 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
                     locale: "zh" | "ja" | "en" | "ko";
                     message: string;
                 }[];
+                tooltip?: readonly {
+                    locale: "zh" | "ja" | "en" | "ko";
+                    message: string;
+                }[] | undefined;
                 icon?: string | undefined;
                 variant?: "default" | "destructive" | "primary" | "ghost" | undefined;
                 hideTitle?: boolean | undefined;
@@ -32,6 +36,10 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
                         locale: "zh" | "ja" | "en" | "ko";
                         message: string;
                     }[];
+                    tooltip?: readonly {
+                        locale: "zh" | "ja" | "en" | "ko";
+                        message: string;
+                    }[] | undefined;
                     icon?: string | undefined;
                     variant?: "default" | "destructive" | "primary" | "ghost" | undefined;
                 }>[];
@@ -39,6 +47,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
             }>)[];
         }>[];
         gap?: number | undefined;
+        style?: string | undefined;
     }>) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
@@ -51,6 +60,10 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
                     locale: "zh" | "ja" | "en" | "ko";
                     message: string;
                 }[];
+                tooltip?: readonly {
+                    locale: "zh" | "ja" | "en" | "ko";
+                    message: string;
+                }[] | undefined;
                 icon?: string | undefined;
                 variant?: "default" | "destructive" | "primary" | "ghost" | undefined;
                 hideTitle?: boolean | undefined;
@@ -66,6 +79,10 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
                         locale: "zh" | "ja" | "en" | "ko";
                         message: string;
                     }[];
+                    tooltip?: readonly {
+                        locale: "zh" | "ja" | "en" | "ko";
+                        message: string;
+                    }[] | undefined;
                     icon?: string | undefined;
                     variant?: "default" | "destructive" | "primary" | "ghost" | undefined;
                 }>[];
@@ -73,6 +90,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
             }>)[];
         }>[];
         gap?: number | undefined;
+        style?: string | undefined;
     }>) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

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

@@ -5,13 +5,14 @@ import { computed, nextTick, ref, watch } from "vue";
 import { useI18n } from "vue-i18n";
 import { cn } from "../../../utils/cn";
 import { Button } from "../button";
-import { ButtonConfigC } from "../buttons/schema";
+import { ButtonConfigC, ButtonsStyleC } from "../buttons/schema";
 import { Checkbox } from "../checkbox";
 import { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle } from "../dialog";
 import { IconPicker } from "../icon-picker";
 import { Input } from "../input";
 import Locale from "../locale/Locale.vue";
 import { NativeSelect, NativeSelectOption } from "../native-select";
+import { Textarea } from "../textarea";
 import {
   buildButtonConfiguratorTree,
   createButtonConfiguratorButtonNode,
@@ -40,10 +41,12 @@ const open = defineModel("open", { type: Boolean, ...{
 const { t } = useI18n();
 const search = ref("");
 const draftGap = ref(props.config.gap ?? 12);
+const draftStyle = ref(props.config.style);
 const selectedItemId = ref("general");
 const draftTree = ref(buildButtonConfiguratorTree(props.config.groups));
 const sortableListRef = ref(null);
 const sortableItemIds = ref([]);
+const validationErrors = ref({});
 const sortable = useSortable(sortableListRef, sortableItemIds);
 function handleSortableUpdate(event) {
   if (event.oldIndex === void 0 || event.newIndex === void 0 || event.oldIndex === event.newIndex) {
@@ -212,6 +215,22 @@ function getZhText(value) {
   const message = zhValue.message.trim();
   return message.length > 0 ? message : void 0;
 }
+function normalizeOptionalString(value) {
+  const normalized = value.trim();
+  return normalized.length > 0 ? normalized : void 0;
+}
+function getGeneralErrorKey(field) {
+  return `general.${field}`;
+}
+function clearError(key) {
+  const nextErrors = {};
+  for (const [errorKey, errorValue] of Object.entries(validationErrors.value)) {
+    if (errorKey !== key) {
+      Reflect.set(nextErrors, errorKey, errorValue);
+    }
+  }
+  validationErrors.value = nextErrors;
+}
 function isCopyableNode(node) {
   if (!node) {
     return false;
@@ -226,7 +245,9 @@ function getNodeLabel(item) {
 }
 function applyDraftConfig(config) {
   draftGap.value = config.gap ?? 12;
+  draftStyle.value = config.style;
   draftTree.value = buildButtonConfiguratorTree(config.groups);
+  validationErrors.value = {};
   selectedItemId.value = "general";
   sortableItemIds.value = draftTree.value.rootItemIds.slice();
 }
@@ -267,6 +288,10 @@ function updateGap(value) {
     draftGap.value = parsed;
   }
 }
+function updateDraftStyle(value) {
+  clearError(getGeneralErrorKey("style"));
+  draftStyle.value = normalizeOptionalString(String(value));
+}
 function updateSelectedTitle(value) {
   const node = selectedNode.value;
   if (!node) {
@@ -282,6 +307,21 @@ function updateSelectedTitle(value) {
     };
   });
 }
+function updateSelectedTooltip(value) {
+  const node = selectedNode.value;
+  if (!node || node.item.type !== "button") {
+    return;
+  }
+  draftTree.value = updateButtonConfiguratorNode(draftTree.value, node.itemId, (item) => {
+    if (item.type !== "button") {
+      return item;
+    }
+    return {
+      ...item,
+      tooltip: value
+    };
+  });
+}
 function updateSelectedIcon(value) {
   const node = selectedNode.value;
   if (!node) {
@@ -303,6 +343,9 @@ function updateSelectedIcon(value) {
       if (item.hideTitle) {
         nextItem2.hideTitle = item.hideTitle;
       }
+      if (item.tooltip) {
+        nextItem2.tooltip = item.tooltip;
+      }
       if (value) {
         nextItem2.icon = value;
       }
@@ -348,6 +391,7 @@ function updateSelectedHideTitle(value) {
         type: "button",
         id: item.id,
         title: item.title,
+        tooltip: item.tooltip,
         icon: item.icon,
         variant: item.variant
       };
@@ -407,8 +451,18 @@ async function copySelectedId() {
   }
 }
 function confirmChanges() {
+  const generalStyleResult = ButtonsStyleC.safeParse(draftStyle.value);
+  if (!generalStyleResult.success) {
+    validationErrors.value = {
+      ...validationErrors.value,
+      [getGeneralErrorKey("style")]: generalStyleResult.error.issues[0]?.message ?? t("general-style-invalid")
+    };
+    selectedItemId.value = "general";
+    return;
+  }
   const result = ButtonConfigC.safeParse({
     gap: draftGap.value,
+    style: generalStyleResult.data,
     groups: materializeButtonConfiguratorTree(draftTree.value)
   });
   if (!result.success) {
@@ -581,6 +635,28 @@ function confirmChanges() {
                 @update:model-value="updateGap"
               />
             </label>
+
+            <label
+              data-slot="button-configurator-general-style-section"
+              class="flex flex-col gap-2"
+            >
+              <span class="text-xs font-medium text-zinc-500">{{ t("general-style") }}</span>
+              <Textarea
+                data-slot="button-configurator-general-style-input"
+                :model-value="draftStyle ?? ''"
+                :aria-invalid="validationErrors[getGeneralErrorKey('style')] ? 'true' : void 0"
+                :placeholder="t('general-style-placeholder')"
+                class="min-h-20 font-mono text-sm"
+                @update:model-value="updateDraftStyle"
+              />
+              <p
+                v-if="validationErrors[getGeneralErrorKey('style')]"
+                data-slot="button-configurator-general-style-error"
+                class="text-xs text-red-500"
+              >
+                {{ validationErrors[getGeneralErrorKey("style")] }}
+              </p>
+            </label>
           </section>
 
           <section
@@ -623,6 +699,15 @@ function confirmChanges() {
               />
             </label>
 
+            <label class="flex flex-col gap-2">
+              <span class="text-xs font-medium text-zinc-500">{{ t("tooltip") }}</span>
+              <Locale
+                data-slot="button-configurator-button-tooltip"
+                :model-value="selectedButton.tooltip"
+                @update:model-value="updateSelectedTooltip"
+              />
+            </label>
+
             <label class="flex flex-col gap-2">
               <span class="text-xs font-medium text-zinc-500">{{ t("button-variant") }}</span>
               <NativeSelect
@@ -839,7 +924,11 @@ function confirmChanges() {
     "add-button": "新增按钮",
     "add-dropdown": "新增下拉按钮",
     "group-gap": "按钮组间距",
+    "general-style": "通用样式表达式",
+    "general-style-placeholder": "例如返回一个 style map，例如 display: flex",
+    "general-style-invalid": "样式表达式无效",
     "button-title": "按钮名称",
+    "tooltip": "提示",
     "button-icon": "按钮图标",
     "button-variant": "按钮变体",
     "button-variant-default": "默认",
@@ -877,7 +966,11 @@ function confirmChanges() {
     "add-button": "Add button",
     "add-dropdown": "Add dropdown",
     "group-gap": "Group gap",
+    "general-style": "Shared style expression",
+    "general-style-placeholder": "Return a style map, for example display: flex",
+    "general-style-invalid": "The style expression is invalid",
     "button-title": "Button title",
+    "tooltip": "Tooltip",
     "button-icon": "Button icon",
     "button-variant": "Button variant",
     "button-variant-default": "Default",
@@ -915,7 +1008,11 @@ function confirmChanges() {
     "add-button": "ボタンを追加",
     "add-dropdown": "ドロップダウンを追加",
     "group-gap": "グループ間隔",
+    "general-style": "共通スタイル式",
+    "general-style-placeholder": "例: style map を返す式。例: display: flex",
+    "general-style-invalid": "スタイル式が無効です",
     "button-title": "ボタン名",
+    "tooltip": "ツールチップ",
     "button-icon": "ボタンアイコン",
     "button-variant": "ボタンバリアント",
     "button-variant-default": "デフォルト",
@@ -953,7 +1050,11 @@ function confirmChanges() {
     "add-button": "버튼 추가",
     "add-dropdown": "드롭다운 추가",
     "group-gap": "그룹 간격",
+    "general-style": "공통 스타일 식",
+    "general-style-placeholder": "예: style map 을 반환하는 식. 예: display: flex",
+    "general-style-invalid": "스타일 식이 올바르지 않습니다",
     "button-title": "버튼 이름",
+    "tooltip": "툴팁",
     "button-icon": "버튼 아이콘",
     "button-variant": "버튼 변형",
     "button-variant-default": "기본값",

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

@@ -17,6 +17,10 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
                     locale: "zh" | "ja" | "en" | "ko";
                     message: string;
                 }[];
+                tooltip?: readonly {
+                    locale: "zh" | "ja" | "en" | "ko";
+                    message: string;
+                }[] | undefined;
                 icon?: string | undefined;
                 variant?: "default" | "destructive" | "primary" | "ghost" | undefined;
                 hideTitle?: boolean | undefined;
@@ -32,6 +36,10 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
                         locale: "zh" | "ja" | "en" | "ko";
                         message: string;
                     }[];
+                    tooltip?: readonly {
+                        locale: "zh" | "ja" | "en" | "ko";
+                        message: string;
+                    }[] | undefined;
                     icon?: string | undefined;
                     variant?: "default" | "destructive" | "primary" | "ghost" | undefined;
                 }>[];
@@ -39,6 +47,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
             }>)[];
         }>[];
         gap?: number | undefined;
+        style?: string | undefined;
     }>) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
@@ -51,6 +60,10 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
                     locale: "zh" | "ja" | "en" | "ko";
                     message: string;
                 }[];
+                tooltip?: readonly {
+                    locale: "zh" | "ja" | "en" | "ko";
+                    message: string;
+                }[] | undefined;
                 icon?: string | undefined;
                 variant?: "default" | "destructive" | "primary" | "ghost" | undefined;
                 hideTitle?: boolean | undefined;
@@ -66,6 +79,10 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
                         locale: "zh" | "ja" | "en" | "ko";
                         message: string;
                     }[];
+                    tooltip?: readonly {
+                        locale: "zh" | "ja" | "en" | "ko";
+                        message: string;
+                    }[] | undefined;
                     icon?: string | undefined;
                     variant?: "default" | "destructive" | "primary" | "ghost" | undefined;
                 }>[];
@@ -73,6 +90,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
             }>)[];
         }>[];
         gap?: number | undefined;
+        style?: string | undefined;
     }>) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

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

@@ -7,6 +7,7 @@ export type ButtonConfiguratorDraftNodeData = Readonly<{
     type: 'button';
     id: string;
     title: LocaleValue;
+    tooltip?: LocaleValue;
     icon?: string;
     variant?: ButtonAction['variant'];
     hideTitle?: boolean;

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

@@ -41,6 +41,9 @@ function stripButton(button) {
     id: button.id,
     title: button.title
   };
+  if (button.tooltip) {
+    nextItem.tooltip = button.tooltip;
+  }
   if (button.icon) {
     nextItem.icon = button.icon;
   }
@@ -86,7 +89,8 @@ export function createButtonConfiguratorButtonNode(button, createItemId) {
     item: button ? stripButton(button) : {
       type: "button",
       id: crypto.randomUUID(),
-      title: [{ locale: "zh", message: "" }]
+      title: [{ locale: "zh", message: "" }],
+      tooltip: [{ locale: "zh", message: "" }]
     }
   };
 }
@@ -305,6 +309,9 @@ 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.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;
@@ -324,6 +331,7 @@ export function materializeButtonConfiguratorTree(tree) {
         return button ? [{
           id: button.id,
           title: button.title,
+          tooltip: button.tooltip,
           icon: button.icon,
           variant: button.variant
         }] : [];

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

@@ -1,6 +1,6 @@
 import { Effect } from 'effect';
 import { type ButtonConfig } from './schema.js';
-export { ButtonActionC, ButtonConfigC, ButtonConfigInputC, ButtonDropdownC, ButtonGroupC } from './schema.js';
+export { ButtonActionC, ButtonConfigC, ButtonConfigInputC, ButtonDropdownC, ButtonGroupC, ButtonsStyleC } from './schema.js';
 export type { ButtonAction, ButtonConfig, ButtonConfigInput, ButtonDropdown, ButtonGroup, ButtonGroupItem } from './schema.js';
 declare const _default: typeof __VLS_export;
 export default _default;
@@ -16,6 +16,10 @@ declare const __VLS_export: import("vue").DefineComponent<{
                     locale: "zh" | "ja" | "en" | "ko";
                     message: string;
                 }[];
+                tooltip?: readonly {
+                    locale: "zh" | "ja" | "en" | "ko";
+                    message: string;
+                }[] | undefined;
                 icon?: string | undefined;
                 variant?: "default" | "destructive" | "primary" | "ghost" | undefined;
                 hideTitle?: boolean | undefined;
@@ -31,6 +35,10 @@ declare const __VLS_export: import("vue").DefineComponent<{
                         locale: "zh" | "ja" | "en" | "ko";
                         message: string;
                     }[];
+                    tooltip?: readonly {
+                        locale: "zh" | "ja" | "en" | "ko";
+                        message: string;
+                    }[] | undefined;
                     icon?: string | undefined;
                     variant?: "default" | "destructive" | "primary" | "ghost" | undefined;
                 }>[];
@@ -38,6 +46,7 @@ declare const __VLS_export: import("vue").DefineComponent<{
             }>)[];
         }>[];
         gap?: number | undefined;
+        style?: string | undefined;
     }>) => any;
 }, string, import("vue").PublicProps, Readonly<{
     config: Effect.Effect<ButtonConfig | import("./schema.js").ButtonConfigInput | undefined>;
@@ -51,6 +60,10 @@ declare const __VLS_export: import("vue").DefineComponent<{
                     locale: "zh" | "ja" | "en" | "ko";
                     message: string;
                 }[];
+                tooltip?: readonly {
+                    locale: "zh" | "ja" | "en" | "ko";
+                    message: string;
+                }[] | undefined;
                 icon?: string | undefined;
                 variant?: "default" | "destructive" | "primary" | "ghost" | undefined;
                 hideTitle?: boolean | undefined;
@@ -66,6 +79,10 @@ declare const __VLS_export: import("vue").DefineComponent<{
                         locale: "zh" | "ja" | "en" | "ko";
                         message: string;
                     }[];
+                    tooltip?: readonly {
+                        locale: "zh" | "ja" | "en" | "ko";
+                        message: string;
+                    }[] | undefined;
                     icon?: string | undefined;
                     variant?: "default" | "destructive" | "primary" | "ghost" | undefined;
                 }>[];
@@ -73,5 +90,6 @@ declare const __VLS_export: import("vue").DefineComponent<{
             }>)[];
         }>[];
         gap?: number | undefined;
+        style?: string | undefined;
     }>) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

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

@@ -1,17 +1,19 @@
 <script setup>
+import { useNuxtApp } from "#app";
 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 { getLocalizedText, hasVisibleLocaleValue } 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 { Tooltip, TooltipContent, TooltipTrigger } from "../tooltip";
 import { ButtonConfigC, normalizeButtonConfigInput } from "./schema";
 defineOptions({
   inheritAttrs: false
@@ -27,6 +29,7 @@ const defaultConfig = {
 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 { $dsl } = useNuxtApp();
 const isCheating = useCheating();
 const isConfiguratorOpen = ref(false);
 const pendingIds = ref([]);
@@ -60,8 +63,25 @@ const rootClass = computed(() => {
   const classValue = Reflect.get(attrs, "class");
   return typeof classValue === "string" ? classValue : void 0;
 });
+function getConfigStyle(config) {
+  const style = {};
+  if (!config.style) {
+    return style;
+  }
+  const styleMap = $dsl.evaluate`${config.style}`();
+  if (!styleMap || typeof styleMap !== "object" || Array.isArray(styleMap)) {
+    return style;
+  }
+  for (const [key, value] of Object.entries(styleMap)) {
+    if (typeof value === "string" || typeof value === "number") {
+      Reflect.set(style, key, value);
+    }
+  }
+  return style;
+}
 const rootStyle = computed(() => ({
-  gap: `calc(${displayConfig.value.gap ?? defaultConfig.gap ?? 12} * 0.25rem)`
+  gap: `calc(${displayConfig.value.gap ?? defaultConfig.gap ?? 12} * 0.25rem)`,
+  ...getConfigStyle(displayConfig.value)
 }));
 function getButtonLabel(button) {
   return getLocalizedText(button.title, locale.value) ?? t("untitled-button");
@@ -69,6 +89,9 @@ function getButtonLabel(button) {
 function getDropdownLabel(dropdown) {
   return getLocalizedText(dropdown.title, locale.value) ?? t("untitled-dropdown");
 }
+function getButtonTooltip(button) {
+  return getLocalizedText(button.tooltip, locale.value);
+}
 function getButtonEffect(buttonId) {
   return Reflect.get(attrs, buttonId);
 }
@@ -84,6 +107,9 @@ function isButtonDisabled(buttonId) {
 function isDropdownPending(dropdown) {
   return dropdown.items.some((item) => isPending(item.id));
 }
+function hasButtonTooltip(button) {
+  return hasVisibleLocaleValue(button.tooltip);
+}
 async function runButton(buttonId) {
   if (isPending(buttonId)) {
     return;
@@ -109,7 +135,7 @@ function isDropdownItem(item) {
 </script>
 
 <script>
-export { ButtonActionC, ButtonConfigC, ButtonConfigInputC, ButtonDropdownC, ButtonGroupC } from "./schema";
+export { ButtonActionC, ButtonConfigC, ButtonConfigInputC, ButtonDropdownC, ButtonGroupC, ButtonsStyleC } from "./schema";
 </script>
 
 <template>
@@ -155,7 +181,7 @@ export { ButtonActionC, ButtonConfigC, ButtonConfigInputC, ButtonDropdownC, Butt
         :key="item.id"
       >
         <Button
-          v-if="!isDropdownItem(item)"
+          v-if="!isDropdownItem(item) && !hasButtonTooltip(item)"
           data-slot="buttons-item"
           :variant="item.variant"
           :disabled="isButtonDisabled(item.id)"
@@ -173,6 +199,38 @@ export { ButtonActionC, ButtonConfigC, ButtonConfigInputC, ButtonDropdownC, Butt
           <span v-if="!item.hideTitle">{{ getButtonLabel(item) }}</span>
         </Button>
 
+        <Tooltip
+          v-else-if="!isDropdownItem(item)"
+          :delay-duration="180"
+        >
+          <TooltipTrigger as-child>
+            <Button
+              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>
+          </TooltipTrigger>
+          <TooltipContent
+            data-slot="buttons-tooltip-content"
+            align="center"
+            side="top"
+          >
+            {{ getButtonTooltip(item) }}
+          </TooltipContent>
+        </Tooltip>
+
         <DropdownMenu v-else>
           <DropdownMenuTrigger as-child>
             <Button
@@ -192,23 +250,57 @@ export { ButtonActionC, ButtonConfigC, ButtonConfigInputC, ButtonDropdownC, Butt
           </DropdownMenuTrigger>
 
           <DropdownMenuContent align="start">
-            <DropdownMenuItem
+            <template
               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>
+              <DropdownMenuItem
+                v-if="!hasButtonTooltip(child)"
+                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>
+
+              <Tooltip
+                v-else
+                :delay-duration="180"
+              >
+                <TooltipTrigger as-child>
+                  <DropdownMenuItem
+                    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>
+                </TooltipTrigger>
+                <TooltipContent
+                  data-slot="buttons-tooltip-content"
+                  align="center"
+                  side="top"
+                >
+                  {{ getButtonTooltip(child) }}
+                </TooltipContent>
+              </Tooltip>
+            </template>
           </DropdownMenuContent>
         </DropdownMenu>
       </template>

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

@@ -1,6 +1,6 @@
 import { Effect } from 'effect';
 import { type ButtonConfig } from './schema.js';
-export { ButtonActionC, ButtonConfigC, ButtonConfigInputC, ButtonDropdownC, ButtonGroupC } from './schema.js';
+export { ButtonActionC, ButtonConfigC, ButtonConfigInputC, ButtonDropdownC, ButtonGroupC, ButtonsStyleC } from './schema.js';
 export type { ButtonAction, ButtonConfig, ButtonConfigInput, ButtonDropdown, ButtonGroup, ButtonGroupItem } from './schema.js';
 declare const _default: typeof __VLS_export;
 export default _default;
@@ -16,6 +16,10 @@ declare const __VLS_export: import("vue").DefineComponent<{
                     locale: "zh" | "ja" | "en" | "ko";
                     message: string;
                 }[];
+                tooltip?: readonly {
+                    locale: "zh" | "ja" | "en" | "ko";
+                    message: string;
+                }[] | undefined;
                 icon?: string | undefined;
                 variant?: "default" | "destructive" | "primary" | "ghost" | undefined;
                 hideTitle?: boolean | undefined;
@@ -31,6 +35,10 @@ declare const __VLS_export: import("vue").DefineComponent<{
                         locale: "zh" | "ja" | "en" | "ko";
                         message: string;
                     }[];
+                    tooltip?: readonly {
+                        locale: "zh" | "ja" | "en" | "ko";
+                        message: string;
+                    }[] | undefined;
                     icon?: string | undefined;
                     variant?: "default" | "destructive" | "primary" | "ghost" | undefined;
                 }>[];
@@ -38,6 +46,7 @@ declare const __VLS_export: import("vue").DefineComponent<{
             }>)[];
         }>[];
         gap?: number | undefined;
+        style?: string | undefined;
     }>) => any;
 }, string, import("vue").PublicProps, Readonly<{
     config: Effect.Effect<ButtonConfig | import("./schema.js").ButtonConfigInput | undefined>;
@@ -51,6 +60,10 @@ declare const __VLS_export: import("vue").DefineComponent<{
                     locale: "zh" | "ja" | "en" | "ko";
                     message: string;
                 }[];
+                tooltip?: readonly {
+                    locale: "zh" | "ja" | "en" | "ko";
+                    message: string;
+                }[] | undefined;
                 icon?: string | undefined;
                 variant?: "default" | "destructive" | "primary" | "ghost" | undefined;
                 hideTitle?: boolean | undefined;
@@ -66,6 +79,10 @@ declare const __VLS_export: import("vue").DefineComponent<{
                         locale: "zh" | "ja" | "en" | "ko";
                         message: string;
                     }[];
+                    tooltip?: readonly {
+                        locale: "zh" | "ja" | "en" | "ko";
+                        message: string;
+                    }[] | undefined;
                     icon?: string | undefined;
                     variant?: "default" | "destructive" | "primary" | "ghost" | undefined;
                 }>[];
@@ -73,5 +90,6 @@ declare const __VLS_export: import("vue").DefineComponent<{
             }>)[];
         }>[];
         gap?: number | undefined;
+        style?: string | undefined;
     }>) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

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

@@ -1,5 +1,6 @@
 import z from 'zod';
 import type { ButtonVariants } from '../button/index.js';
+export declare const ButtonsStyleC: z.ZodOptional<z.ZodString>;
 export declare const ButtonActionC: z.ZodReadonly<z.ZodObject<{
     id: z.ZodUUID;
     title: z.ZodReadonly<z.ZodArray<z.ZodObject<{
@@ -11,6 +12,15 @@ export declare const ButtonActionC: z.ZodReadonly<z.ZodObject<{
         }>;
         message: z.ZodString;
     }, z.core.$strip>>>;
+    tooltip: z.ZodOptional<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";
@@ -43,6 +53,15 @@ export declare const ButtonDropdownC: z.ZodReadonly<z.ZodObject<{
             }>;
             message: z.ZodString;
         }, z.core.$strip>>>;
+        tooltip: z.ZodOptional<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";
@@ -63,6 +82,15 @@ export declare const ButtonGroupItemC: z.ZodUnion<readonly [z.ZodReadonly<z.ZodO
         }>;
         message: z.ZodString;
     }, z.core.$strip>>>;
+    tooltip: z.ZodOptional<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";
@@ -94,6 +122,15 @@ export declare const ButtonGroupItemC: z.ZodUnion<readonly [z.ZodReadonly<z.ZodO
             }>;
             message: z.ZodString;
         }, z.core.$strip>>>;
+        tooltip: z.ZodOptional<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";
@@ -116,6 +153,15 @@ export declare const ButtonGroupC: z.ZodReadonly<z.ZodObject<{
             }>;
             message: z.ZodString;
         }, z.core.$strip>>>;
+        tooltip: z.ZodOptional<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";
@@ -147,6 +193,15 @@ export declare const ButtonGroupC: z.ZodReadonly<z.ZodObject<{
                 }>;
                 message: z.ZodString;
             }, z.core.$strip>>>;
+            tooltip: z.ZodOptional<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";
@@ -159,6 +214,7 @@ export declare const ButtonGroupC: z.ZodReadonly<z.ZodObject<{
 }, z.core.$strict>>;
 export declare const ButtonConfigC: z.ZodReadonly<z.ZodObject<{
     gap: z.ZodOptional<z.ZodNumber>;
+    style: z.ZodOptional<z.ZodString>;
     groups: z.ZodReadonly<z.ZodArray<z.ZodReadonly<z.ZodObject<{
         id: z.ZodUUID;
         items: z.ZodReadonly<z.ZodArray<z.ZodUnion<readonly [z.ZodReadonly<z.ZodObject<{
@@ -172,6 +228,15 @@ export declare const ButtonConfigC: z.ZodReadonly<z.ZodObject<{
                 }>;
                 message: z.ZodString;
             }, z.core.$strip>>>;
+            tooltip: z.ZodOptional<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";
@@ -203,6 +268,15 @@ export declare const ButtonConfigC: z.ZodReadonly<z.ZodObject<{
                     }>;
                     message: z.ZodString;
                 }, z.core.$strip>>>;
+                tooltip: z.ZodOptional<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";
@@ -216,6 +290,7 @@ export declare const ButtonConfigC: z.ZodReadonly<z.ZodObject<{
 }, z.core.$strict>>;
 export declare const ButtonConfigInputC: z.ZodReadonly<z.ZodObject<{
     gap: z.ZodOptional<z.ZodNumber>;
+    style: z.ZodOptional<z.ZodString>;
     groups: z.ZodReadonly<z.ZodArray<z.ZodReadonly<z.ZodObject<{
         id: z.ZodUUID;
         items: z.ZodReadonly<z.ZodArray<z.ZodUnion<readonly [z.ZodReadonly<z.ZodObject<{
@@ -229,6 +304,15 @@ export declare const ButtonConfigInputC: z.ZodReadonly<z.ZodObject<{
                 }>;
                 message: z.ZodString;
             }, z.core.$strip>>>;
+            tooltip: z.ZodOptional<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";
@@ -260,6 +344,15 @@ export declare const ButtonConfigInputC: z.ZodReadonly<z.ZodObject<{
                     }>;
                     message: z.ZodString;
                 }, z.core.$strip>>>;
+                tooltip: z.ZodOptional<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";

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

@@ -1,11 +1,13 @@
 import z from "zod";
-import { localeC } from "../../../utils/coders.js";
+import { expressionC, 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 ButtonsStyleC = expressionC(/^map/).optional().describe("\u8FD4\u56DE\u6309\u94AE\u5BB9\u5668\u6837\u5F0F\u5BF9\u8C61\u7684 CEL \u8868\u8FBE\u5F0F");
 export const ButtonActionC = z.strictObject({
   id: buttonIdC,
   title: localeC.describe("\u6309\u94AE\u540D\u79F0\u7684\u672C\u5730\u5316\u663E\u793A\u6587\u672C"),
+  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,
   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")
@@ -13,6 +15,7 @@ export const ButtonActionC = z.strictObject({
 const DropdownButtonActionC = z.strictObject({
   id: buttonIdC,
   title: localeC.describe("\u4E0B\u62C9\u9879\u6309\u94AE\u540D\u79F0\u7684\u672C\u5730\u5316\u663E\u793A\u6587\u672C"),
+  tooltip: localeC.optional().describe("\u4E0B\u62C9\u9879\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
 }).readonly();
@@ -28,7 +31,8 @@ export const ButtonGroupC = z.strictObject({
   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"),
+  gap: z.number().finite().min(0).optional().describe("\u6309\u94AE\u7EC4\u4E4B\u95F4\u7684\u95F4\u8DDD\u500D\u7387\uFF0C\u8FD0\u884C\u65F6\u6309 0.25rem \u6B65\u8FDB\u6362\u7B97"),
+  style: ButtonsStyleC,
   groups: z.array(ButtonGroupC).readonly().describe("\u6839\u7EA7\u6309\u94AE\u7EC4\u5217\u8868")
 }).readonly();
 export const ButtonConfigInputC = ButtonConfigC;
@@ -40,11 +44,15 @@ export function normalizeButtonConfigInput(value) {
   }
   const groups = Reflect.get(value, "groups");
   const gap = Reflect.get(value, "gap");
+  const style = Reflect.get(value, "style");
   const nextConfig = {
     groups: Array.isArray(groups) ? groups : []
   };
   if (typeof gap === "number" && Number.isFinite(gap) && gap >= 0) {
     nextConfig.gap = gap;
   }
+  if (typeof style === "string") {
+    nextConfig.style = style;
+  }
   return nextConfig;
 }

package/dist/runtime/components/ui/table/Table.d.vue.ts

@@ -3,6 +3,7 @@ import { Effect } from 'effect';
 import { type TableConfigInput } from './schema.js';
 export type { Accessor, Column, Expression, Markdown, Render, TableConfig } from './schema.js';
 export { AccessorC, ColumnC, RenderC, TableConfigC } from './schema.js';
+export type TableInstance = import('@tanstack/table-core').Table<unknown>;
 declare module '@tanstack/vue-table' {
     interface ColumnMeta<TData extends import('@tanstack/vue-table').RowData, TValue> {
         tooltip?: string;

package/dist/runtime/components/ui/table/Table.vue

@@ -509,7 +509,7 @@ export { AccessorC, ColumnC, RenderC, TableConfigC } from "./schema";
 
 <template>
   <div
-    class="relative flex-1 flex flex-col"
+    class="relative flex-1 flex flex-col overflow-hidden"
   >
     <Button
       v-if="isCheating"

package/dist/runtime/components/ui/table/Table.vue.d.ts

@@ -3,6 +3,7 @@ import { Effect } from 'effect';
 import { type TableConfigInput } from './schema.js';
 export type { Accessor, Column, Expression, Markdown, Render, TableConfig } from './schema.js';
 export { AccessorC, ColumnC, RenderC, TableConfigC } from './schema.js';
+export type TableInstance = import('@tanstack/table-core').Table<unknown>;
 declare module '@tanstack/vue-table' {
     interface ColumnMeta<TData extends import('@tanstack/vue-table').RowData, TValue> {
         tooltip?: string;

package/package.json

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