@ticatec/uniface-element 5.0.4 → 5.1.0

package/dist/form/unit-number-editor/UnitNumberEditor.svelte.d.ts

@@ -10,7 +10,8 @@ interface Props {
     error?: string;
     value?: number;
     unitCode?: string;
-    units: Array<UnitOption>;
+    /** 可选单位列表 */
+    options?: Array<UnitOption>;
     disabled?: boolean;
     readonly?: boolean;
     prefix?: string;
@@ -18,8 +19,8 @@ interface Props {
     menu$height?: number;
     placeholder?: string;
     onchange?: (value: number | undefined) => void;
-    onfocus?: (e: FocusEvent) => void;
-    onblur?: (e: FocusEvent) => void;
+    onfocus?: (event: FocusEvent) => void;
+    onblur?: (event: FocusEvent) => void;
     leadingIcon?: Snippet;
 }
 declare const UnitNumberEditor: import("svelte").Component<Props, {

package/dist/general/button/Button.svelte

@@ -1,4 +1,5 @@
 <script lang="ts">
+    import type {Size} from "../../types";
     import type { Snippet } from 'svelte';
     import type { ButtonType } from '../../types';
 
@@ -9,7 +10,8 @@
         variant?: 'plain' | 'round' | '';
         disabled?: boolean;
         style?: string;
-        size?: 'big' | 'medium' | 'small';
+        /** 尺寸档位 */
+        size?: Size;
         onclick?: (event: MouseEvent) => void;
         autofocus?: boolean;
         icon?: string | null;
@@ -35,6 +37,7 @@
         children
     }: Props = $props();
 
+
     const handleClick = (e: MouseEvent) => {
         if (disabled) {
             e.preventDefault();

package/dist/general/button/Button.svelte.d.ts

@@ -1,3 +1,4 @@
+import type { Size } from "../../types";
 import type { Snippet } from 'svelte';
 import type { ButtonType } from '../../types';
 interface Props {
@@ -7,7 +8,8 @@ interface Props {
     variant?: 'plain' | 'round' | '';
     disabled?: boolean;
     style?: string;
-    size?: 'big' | 'medium' | 'small';
+    /** 尺寸档位 */
+    size?: Size;
     onclick?: (event: MouseEvent) => void;
     autofocus?: boolean;
     icon?: string | null;

package/dist/general/button/IconButton.svelte

@@ -1,20 +1,23 @@
 <script lang="ts">
+    import type {Size} from "../../types";
     import type { Snippet } from 'svelte';
 
     type ButtonType = 'default' | 'primary' | 'secondary' | 'third' | 'forth';
-    type ButtonSize = 'big' | 'medium' | 'small';
 
     interface Props {
         type?: ButtonType;
         htmlType?: 'button' | 'submit' | 'reset';
         disabled?: boolean;
-        size?: ButtonSize;
+        /** 尺寸档位 */
+        size?: Size;
         style?: string;
         icon?: string;
         tooltip?: string;
         onclick?: (event: MouseEvent) => void;
         theme?: string;
         children?: Snippet;
+        tabindex?: number;
+        outer?: boolean;
     }
 
     let {
@@ -27,9 +30,12 @@
         tooltip,
         onclick,
         theme,
-        children
+        children,
+        tabindex = -1,
+        outer = true
     }: Props = $props();
 
+
     const handleClick = (e: MouseEvent) => {
         if (!disabled) {
             onclick?.(e);
@@ -42,8 +48,8 @@
 
 </script>
 
-<button type={htmlType} class="uniface-button icon-button {size} {type} {theme}" {style} class:disabled {disabled}
-    tabindex={disabled ? -1 : 0} data-tip={disabled ? null : tooltip} onclick={handleClick}>
+<button type={htmlType} class="uniface-button icon-button {size} {type} {theme}" class:outer class:no-outer={!outer} {style} class:disabled {disabled}
+    tabindex={disabled ? -1 : tabindex} data-tip={disabled ? null : tooltip} onclick={handleClick}>
     {#if children}
         {@render children()}
     {:else}

package/dist/general/button/IconButton.svelte.d.ts

@@ -1,17 +1,20 @@
+import type { Size } from "../../types";
 import type { Snippet } from 'svelte';
 type ButtonType = 'default' | 'primary' | 'secondary' | 'third' | 'forth';
-type ButtonSize = 'big' | 'medium' | 'small';
 interface Props {
     type?: ButtonType;
     htmlType?: 'button' | 'submit' | 'reset';
     disabled?: boolean;
-    size?: ButtonSize;
+    /** 尺寸档位 */
+    size?: Size;
     style?: string;
     icon?: string;
     tooltip?: string;
     onclick?: (event: MouseEvent) => void;
     theme?: string;
     children?: Snippet;
+    tabindex?: number;
+    outer?: boolean;
 }
 declare const IconButton: import("svelte").Component<Props, {}, "">;
 type IconButton = ReturnType<typeof IconButton>;

package/dist/general/button/IconButton_README.md

@@ -8,7 +8,7 @@ A specialized button component designed for icon-based actions, providing a clea
 - **Multiple Types**: Default, primary, secondary, third, and forth button styles
 - **Size Options**: Big, medium, and small sizes
 - **Tooltip Support**: Built-in tooltip via `data-tip` attribute with markdown support
-- **Keyboard Accessible**: Full Tab focus support with visible focus indicator
+- **Keyboard Navigation**: Defaults to `tabindex={-1}` to avoid Tab stops during keyboard navigation; supports explicit `tabindex` override
 - **Event Handling**: Click event support
 - **Accessibility**: Proper semantic button element with disabled state
 - **Custom Styling**: Flexible style customization
@@ -44,6 +44,8 @@ const handleClick = (event) => {
 | `tooltip` | `string` | - | Tooltip text (supports markdown, use `\n` for line breaks) |
 | `onclick` | `(event: MouseEvent) => void` | - | Click event handler |
 | `children` | `Snippet` | - | Custom icon content snippet |
+| `tabindex` | `number` | `-1` | Tab index (defaults to -1 so button does not take Tab focus) |
+| `outer` | `boolean` | `true` | Whether to show outer frame/ring when focused or active (defaults to true; set to false to remove focus/active outer frame) |
 
 ## Button Types
 
@@ -386,15 +388,16 @@ const togglePlay = (event) => {
 The IconButton component follows accessibility best practices:
 
 - Uses semantic `<button>` element
-- Supports keyboard navigation (Tab, Enter, Space)
-- Proper disabled state handling (not focusable when disabled)
-- Visible focus indicator when navigating via keyboard
+- By default sets `tabindex={-1}` so it does not take Tab keyboard focus, preventing unnecessary tab stops in toolbars and tables
+- Supports explicit `tabindex` override (e.g. `tabindex={0}`) when Tab focus is desired
+- Proper disabled state handling (always not focusable when disabled)
+- Visible focus indicator when focused
 
 ### Keyboard Navigation
 
-- **Tab** - Move focus to/from button
+- **Tab** - Bypassed by default (`tabindex={-1}`); when overridden to `0`, moves focus to/from button
 - **Enter / Space** - Activate button when focused
-- **Focus visible** - Shows an external border ring (4px) with a 3px transparent gap when focused via keyboard. The ring color matches the button's background color (primary=blue, secondary=red, etc.)
+- **Focus visible** - Shows an external border ring (4px) with a 3px transparent gap when focused. The ring color matches the button's background color (primary=blue, secondary=red, etc.)
 
 ### Adding ARIA Labels
 

package/dist/general/button/IconButton_README_CN.md

@@ -8,7 +8,7 @@
 - **多种类型**: 默认、主要、次要、第三级和第四级按钮样式
 - **尺寸选项**: 大、中、小三种尺寸
 - **工具提示支持**: 通过 `data-tip` 属性内置工具提示，支持 Markdown 格式
-- **键盘访问**: 完整的 Tab 键焦点支持，焦点状态可见
+- **键盘导航**: 默认 `tabindex={-1}`，取消 Tab 键停留，不影响表单等场景的顺序 Tab 聚焦；支持显式传入 `tabindex` 覆盖
 - **事件处理**: 支持点击事件
 - **无障碍访问**: 使用语义化按钮元素，支持禁用状态
 - **自定义样式**: 灵活的样式定制
@@ -44,6 +44,8 @@ const handleClick = (event) => {
 | `tooltip` | `string` | - | 工具提示文本（支持Markdown，使用 `\n` 换行） |
 | `onclick` | `(event: MouseEvent) => void` | - | 点击事件处理器 |
 | `children` | `Snippet` | - | 自定义图标内容片段 |
+| `tabindex` | `number` | `-1` | Tab 键导航顺序（默认为 -1，取消 Tab 键停留） |
+| `outer` | `boolean` | `true` | focused / active 状态时是否带外框（默认为 true，设为 false 时去除聚焦/激活外框） |
 
 ## 按钮类型
 
@@ -386,15 +388,16 @@ const togglePlay = (event) => {
 IconButton 组件遵循无障碍访问最佳实践：
 
 - 使用语义化的 `<button>` 元素
-- 支持键盘导航（Tab、Enter、Space 键）
-- 正确的禁用状态处理（禁用时不可聚焦）
-- 键盘聚焦时显示可见的焦点指示器
+- 默认设置 `tabindex={-1}`，不接收 Tab 键聚焦，避免在工具栏或表格中产生大量无谓的 Tab 停顿
+- 支持按需显式指定 `tabindex`（例如 `tabindex={0}`）
+- 正确的禁用状态处理（禁用时始终不可聚焦）
+- 聚焦时显示可见的焦点指示器
 
 ### 键盘导航
 
-- **Tab** - 将焦点移入/移出按钮
+- **Tab** - 默认跳过（`tabindex={-1}`）；若显式指定为 `0` 则可将焦点移入/移出按钮
 - **Enter / Space** - 焦点在按钮上时激活
-- **焦点可见** - 键盘聚焦时显示外边框（4px），与按钮之间有 3px 透明间隙。外框颜色与按钮底色一致（primary 为蓝色、secondary 为红色等）
+- **焦点可见** - 聚焦时显示外边框（4px），与按钮之间有 3px 透明间隙。外框颜色与按钮底色一致（primary 为蓝色、secondary 为红色等）
 
 ### 添加 ARIA 标签
 

package/dist/general/button/TextButton.svelte

@@ -1,12 +1,13 @@
 <script lang="ts">
+    import type {Size} from "../../types";
     import type { Snippet } from 'svelte';
 
     type ButtonType = 'default' | 'primary' | 'secondary' | 'third' | 'forth';
-    type ButtonSize = 'big' | 'medium' | 'small';
 
     interface Props {
         disabled?: boolean;
-        size?: ButtonSize;
+        /** 尺寸档位 */
+        size?: Size;
         label?: string;
         type?: ButtonType;
         htmlType?: 'button' | 'submit' | 'reset';
@@ -15,6 +16,9 @@
         theme?: string;
         tooltip?: string;
         children?: Snippet;
+        tabindex?: number;
+        outer?: boolean;
+        variant?: 'plain' | 'round' | '';
     }
 
     let {
@@ -27,9 +31,13 @@
         style = '',
         theme,
         tooltip,
-        children
+        children,
+        tabindex = -1,
+        outer = true,
+        variant = 'round'
     }: Props = $props();
 
+
     let enableClick = $state(true);
 
     const handleClick = (e: MouseEvent) => {
@@ -48,11 +56,13 @@
 
 <button
     type={htmlType}
-    class="uniface-button text-button {size} {type} {theme}"
+    class="uniface-button text-button {variant} {size} {type} {theme}"
+    class:outer
+    class:no-outer={!outer}
     {style}
     class:disabled
     {disabled}
-    tabindex={disabled ? -1 : 0}
+    tabindex={disabled ? -1 : tabindex}
     data-tip={disabled ? null : tooltip}
     onclick={handleClick}
 >

package/dist/general/button/TextButton.svelte.d.ts

@@ -1,9 +1,10 @@
+import type { Size } from "../../types";
 import type { Snippet } from 'svelte';
 type ButtonType = 'default' | 'primary' | 'secondary' | 'third' | 'forth';
-type ButtonSize = 'big' | 'medium' | 'small';
 interface Props {
     disabled?: boolean;
-    size?: ButtonSize;
+    /** 尺寸档位 */
+    size?: Size;
     label?: string;
     type?: ButtonType;
     htmlType?: 'button' | 'submit' | 'reset';
@@ -12,6 +13,9 @@ interface Props {
     theme?: string;
     tooltip?: string;
     children?: Snippet;
+    tabindex?: number;
+    outer?: boolean;
+    variant?: 'plain' | 'round' | '';
 }
 declare const TextButton: import("svelte").Component<Props, {}, "">;
 type TextButton = ReturnType<typeof TextButton>;

package/dist/general/button/TextButton_README.md

@@ -8,7 +8,7 @@ A minimalist text-based button component designed for subtle actions, navigation
 - **Multiple Types**: Default, primary, secondary, third, and forth button styles
 - **Size Options**: Big, medium, and small sizes
 - **Tooltip Support**: Built-in tooltip via `data-tip` attribute with markdown support
-- **Keyboard Accessible**: Full Tab focus support with visible focus indicator
+- **Keyboard Navigation**: Defaults to `tabindex={-1}` to avoid Tab stops during keyboard navigation; supports explicit `tabindex` override
 - **Event Handling**: Click event support
 - **Accessibility**: Proper semantic button element with disabled state
 - **Custom Styling**: Flexible style customization
@@ -44,6 +44,9 @@ const handleClick = (event) => {
 | `theme` | `string` | - | Theme variant |
 | `tooltip` | `string` | - | Tooltip text (supports markdown, use `\n` for line breaks) |
 | `children` | `Snippet` | - | Custom content snippet |
+| `tabindex` | `number` | `-1` | Tab index (defaults to -1 so button does not take Tab focus) |
+| `outer` | `boolean` | `true` | Whether to show outer frame/ring when focused or active (defaults to true; set to false to remove focus/active outer frame) |
+| `variant` | `'plain' \| 'round' \| ''` | `'round'` | Button shape variant (defaults to `'round'` for pill-shaped outer frame; `'plain'` for rectangular) |
 
 ## Button Types
 
@@ -428,15 +431,16 @@ const toggleDropdown = (event) => {
 The TextButton component follows accessibility best practices:
 
 - Uses semantic `<button>` element
-- Supports keyboard navigation (Tab, Enter, Space)
-- Proper disabled state handling (not focusable when disabled)
-- Visible focus indicator when navigating via keyboard
+- By default sets `tabindex={-1}` so it does not take Tab keyboard focus, preventing unnecessary tab stops in subtle actions and navigation links
+- Supports explicit `tabindex` override (e.g. `tabindex={0}`) when Tab focus is desired
+- Proper disabled state handling (always not focusable when disabled)
+- Visible focus indicator when focused
 
 ### Keyboard Navigation
 
-- **Tab** - Move focus to/from button
+- **Tab** - Bypassed by default (`tabindex={-1}`); when overridden to `0`, moves focus to/from button
 - **Enter / Space** - Activate button when focused
-- **Focus visible** - Shows an external border ring (4px) with a 2px transparent gap when focused via keyboard. The ring color matches the button's type color (primary=blue, secondary=red, etc.)
+- **Focus visible** - Shows an external border ring (4px) with a 2px transparent gap when focused. The ring color matches the button's type color (primary=blue, secondary=red, etc.)
 
 ### Improving Accessibility
 

package/dist/general/button/TextButton_README_CN.md

@@ -8,7 +8,7 @@
 - **多种类型**: 默认、主要、次要、第三级和第四级按钮样式
 - **尺寸选项**: 大、中、小三种尺寸
 - **工具提示支持**: 通过 `data-tip` 属性内置工具提示，支持 Markdown 格式
-- **键盘访问**: 完整的 Tab 键焦点支持，焦点状态可见
+- **键盘导航**: 默认 `tabindex={-1}`，取消 Tab 键停留，不影响表单等场景的顺序 Tab 聚焦；支持显式传入 `tabindex` 覆盖
 - **事件处理**: 支持点击事件
 - **无障碍访问**: 使用语义化按钮元素，支持禁用状态
 - **自定义样式**: 灵活的样式定制
@@ -44,6 +44,9 @@ const handleClick = (event) => {
 | `theme` | `string` | - | 主题变体 |
 | `tooltip` | `string` | - | 工具提示文本（支持Markdown，使用 `\n` 换行） |
 | `children` | `Snippet` | - | 自定义内容片段 |
+| `tabindex` | `number` | `-1` | Tab 键导航顺序（默认为 -1，取消 Tab 键停留） |
+| `outer` | `boolean` | `true` | focused / active 状态时是否带外框（默认为 true，设为 false 时去除聚焦/激活外框） |
+| `variant` | `'plain' \| 'round' \| ''` | `'round'` | 形状变体（默认为 round 胶囊圆角外框，plain 为无圆角直角外框） |
 
 ## 按钮类型
 
@@ -428,15 +431,16 @@ const toggleDropdown = (event) => {
 TextButton 组件遵循无障碍访问最佳实践：
 
 - 使用语义化的 `<button>` 元素
-- 支持键盘导航（Tab、Enter、Space 键）
-- 正确的禁用状态处理（禁用时不可聚焦）
-- 键盘聚焦时显示可见的焦点指示器
+- 默认设置 `tabindex={-1}`，不接收 Tab 键聚焦，避免在弱化按钮或次要操作中产生大量无谓的 Tab 停顿
+- 支持按需显式指定 `tabindex`（例如 `tabindex={0}`）
+- 正确的禁用状态处理（禁用时始终不可聚焦）
+- 聚焦时显示可见的焦点指示器
 
 ### 键盘导航
 
-- **Tab** - 将焦点移入/移出按钮
+- **Tab** - 默认跳过（`tabindex={-1}`）；若显式指定为 `0` 则可将焦点移入/移出按钮
 - **Enter / Space** - 焦点在按钮上时激活
-- **焦点可见** - 键盘聚焦时显示外边框（4px），与按钮之间有 2px 透明间隙。外框颜色与按钮类型颜色一致（primary 为蓝色、secondary 为红色等）
+- **焦点可见** - 聚焦时显示外边框（4px），与按钮之间有 2px 透明间隙。外框颜色与按钮类型颜色一致（primary 为蓝色、secondary 为红色等）
 
 ### 改善无障碍访问
 

package/dist/general/icon/Icon.svelte

@@ -1,24 +1,26 @@
 <script lang="ts">
-    import type {MouseClickHandler} from "../../types";
+    import type {OnClick} from "../../types";
 
     interface Props {
         name: string;
-        onclick?: MouseClickHandler | null;
+        onclick?: OnClick | null;
         style?: string;
         theme?: string;
         class?: string;
         tooltip?: string;
         disabled?: boolean;
+        tabindex?: number;
     }
 
     let {
         name,
         onclick = null,
         style = '',
-        theme = '',
+        theme,
         class: className = '',
         tooltip,
         disabled = false,
+        tabindex
     }: Props = $props();
 
     let respClick = $state(true);
@@ -53,7 +55,7 @@
     onmousedown={(event: MouseEvent) => {event.preventDefault();}}
     {style}
     role={isInteractive ? 'button' : undefined}
-    tabindex={isInteractive && !disabled ? 0 : undefined}
+    tabindex={tabindex !== undefined ? tabindex : (isInteractive && !disabled ? 0 : undefined)}
     aria-disabled={isInteractive ? disabled : undefined}
     aria-hidden={isInteractive ? undefined : true}
     aria-label={isInteractive ? (tooltip || undefined) : undefined}

package/dist/general/icon/Icon.svelte.d.ts

@@ -1,12 +1,13 @@
-import type { MouseClickHandler } from "../../types";
+import type { OnClick } from "../../types";
 interface Props {
     name: string;
-    onclick?: MouseClickHandler | null;
+    onclick?: OnClick | null;
     style?: string;
     theme?: string;
     class?: string;
     tooltip?: string;
     disabled?: boolean;
+    tabindex?: number;
 }
 declare const Icon: import("svelte").Component<Props, {}, "">;
 type Icon = ReturnType<typeof Icon>;

package/dist/general/tag/Tag.svelte

@@ -1,8 +1,10 @@
 <script lang="ts">
+    import type {Size} from "../../types";
     import utils from "../../overlay/common/utils";
 
     interface Props {
-        size?: 'big' | 'middle' | 'small';
+        /** 尺寸档位 */
+        size?: Size;
         variant?: 'borderless' | 'border' | 'round';
         removable?: boolean;
         theme?: string;
@@ -15,7 +17,8 @@
     }
 
     let {
-        size = 'middle',
+        class: className = '',
+        size = 'medium',
         variant = 'border',
         removable = true,
         data,
@@ -26,6 +29,7 @@
         color
     }: Props = $props();
 
+
     const colorClass = $derived(utils.isEmpty(color) ? '' : `color color-g${color}`);
 
     const handleTagClick = (event: MouseEvent) => {
@@ -43,7 +47,7 @@
 
 </script>
 
-<div class="uniface-tag" {style} data-theme="{theme}">
+<div class="uniface-tag {className}" {style} data-theme="{theme}">
     <div class="{size} {variant} {colorClass}" class:removable={removable}>
         <span>{text}</span>
         {#if removable}
@@ -68,7 +72,7 @@
         color: var(--uniface-tag-g0-color, #374151);
     }
 
-    .uniface-tag > div.big {
+    .uniface-tag > div.large {
         line-height: var(--uniface-tag-height-bg);
     }
 

package/dist/general/tag/Tag.svelte.d.ts

@@ -1,5 +1,7 @@
+import type { Size } from "../../types";
 interface Props {
-    size?: 'big' | 'middle' | 'small';
+    /** 尺寸档位 */
+    size?: Size;
     variant?: 'borderless' | 'border' | 'round';
     removable?: boolean;
     theme?: string;

package/dist/i18nRes/i18nRes.d.ts

@@ -1,3 +1,46 @@
-import { i18nUtils } from "@ticatec/i18n";
-declare const i18nRes: ReturnType<typeof i18nUtils.createResourceProxy>;
+import type { ResourceProxy } from "@ticatec/i18n";
+declare const langRes: {
+    common: {
+        btnClose: string;
+        btnCancel: string;
+        btnConfirm: string;
+        textMore: string;
+        filterPlaceholder: string;
+        noResultsText: string;
+    };
+    colorPicker: string;
+    calendar: {
+        months: string[];
+        monthsAbbr: string[];
+        weekTitle: string[];
+        weekTitleAbbr: string[];
+        confirmText: string;
+    };
+    upload: {
+        btnRetry: string;
+        btnRemove: string;
+        btnPreview: string;
+        btnDownload: string;
+        dropHint: string;
+        emptyText: string;
+        failedText: string;
+    };
+    dataTable: {
+        rowNo: string;
+        actions: string;
+        emptyDataSet: string;
+        totalInfo: string;
+        rowsPerPage: string;
+    };
+    transfer: {
+        selectIndicator: string;
+    };
+};
+/**
+ * The shape of this package's translation resources. A language resource file
+ * loaded at runtime (e.g. /assets/uniface_zh-CN.json) should provide every key
+ * of this structure, wrapped in the `uniface` namespace.
+ */
+export type UnifaceLangRes = typeof langRes;
+declare const i18nRes: ResourceProxy<UnifaceLangRes>;
 export default i18nRes;

package/dist/i18nRes/i18nRes.js

@@ -27,13 +27,18 @@ const langRes = {
     upload: {
         btnRetry: "Retry",
         btnRemove: "Delete",
-        btnPickup: "Pickup files"
+        btnPreview: "Preview",
+        btnDownload: "Download",
+        dropHint: "Click or drop files here",
+        emptyText: "No files",
+        failedText: "Upload failed"
     },
     dataTable: {
         rowNo: "#",
         actions: "Actions",
         emptyDataSet: 'Empty dataset',
-        totalInfo: "Total: <b>{{total}}</b>"
+        totalInfo: "Total: <b>{{total}}</b>",
+        rowsPerPage: "Rows/Page"
     },
     transfer: {
         selectIndicator: "Selected: {{selected}}/{{total}}"

package/dist/layouts/action_bar/ActionBar.svelte

@@ -6,14 +6,15 @@
 
 
     interface Props {
-        buttons?: ButtonActions;
+        /** 动作按钮列表，null 为分隔符 */
+        actions?: ButtonActions;
         style?: string;
         theme?: string;
         children?: Snippet;
     }
 
     let {
-        buttons = [],
+        actions = [],
         style,
         theme,
         children
@@ -29,8 +30,8 @@
 <div class="uniface-action-bar" {style} data-theme={theme}>
     {#if children}
         {@render children()}
-    {:else if buttons}
-        {#each buttons as button}
+    {:else if actions}
+        {#each actions as button}
             {#if button}
                 <Button
                         label={button.label}

package/dist/layouts/action_bar/ActionBar.svelte.d.ts

@@ -1,7 +1,8 @@
 import type { Snippet } from 'svelte';
 import type { ButtonActions } from '../../types';
 interface Props {
-    buttons?: ButtonActions;
+    /** 动作按钮列表，null 为分隔符 */
+    actions?: ButtonActions;
     style?: string;
     theme?: string;
     children?: Snippet;

package/dist/layouts/action_bar/ButtonAction.d.ts

@@ -1,23 +1 @@
-import type { ButtonType, MouseClickHandler } from "../../types";
-export interface ButtonAction {
-    /**
-     * 按钮的文字
-     */
-    label: string;
-    /**
-     * 是否禁用
-     */
-    disabled?: boolean;
-    /**
-     * 前缀图标
-     */
-    icon?: string;
-    /**
-     * 按钮的类型
-     */
-    type?: ButtonType;
-    /**
-     * click处理函数
-     */
-    handler?: MouseClickHandler;
-}
+export type { ButtonAction, ButtonActions } from "../../types";