npm - @shwfed/nuxt - Versions diffs - 0.10.4 → 0.10.6 - Mend

@shwfed/nuxt 0.10.4 → 0.10.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (20) hide show

package/dist/module.json CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

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