@ticatec/uniface-element 5.0.5 → 5.1.0

package/dist/data_display/tree_view/TreeView.svelte

@@ -2,7 +2,7 @@
 
     import { untrack, type Snippet } from 'svelte';
     import {SvelteSet} from "svelte/reactivity";
-    import type {TreeLazyLoader, NodeVisibleFun, OnNodeSelectionChange} from "../../types";
+    import type {TreeLazyLoader, IsNodeVisible, BeforeNodeChange, OnNodeChange} from "../../types";
     import TreeNodeView from "./TreeNodeView.svelte";
     import type {OnContextMenu} from "../../overlay/context-menu/ContextMenuItem";
     import type {HierarchyTree, IHierarchyData} from "../../lib";
@@ -32,11 +32,19 @@
         lazyLoader?: TreeLazyLoader | null;
         activeNode?: any;
         class?: string;
-        isVisible?: NodeVisibleFun;
-        onchange?: OnNodeSelectionChange;
+        isVisible?: IsNodeVisible;
+        /**
+         * 切换选中节点前的否决钩子：返回 false 阻止切换；node 为 null 表示取消选中。
+         */
+        beforeChange?: BeforeNodeChange;
+        /**
+         * 选中节点变化后的通知。
+         */
+        onchange?: OnNodeChange;
         onfocus?: (event: FocusEvent) => void;
         onblur?: (event: FocusEvent) => void;
-        onContextMenu?: OnContextMenu;
+        /** 节点右键菜单回调 (event, node) */
+        oncontextmenu?: OnContextMenu;
         title?: string;
         /** 初始展开多少层（0 = 全部折叠，1 = 展开根节点，依此类推）。默认 0。 */
         defaultExpandDepth?: number;
@@ -53,10 +61,11 @@
         activeNode = $bindable<any>(null),
         class: className = '',
         isVisible,
+        beforeChange,
         onchange,
         onfocus,
         onblur,
-        onContextMenu,
+        oncontextmenu,
         title = undefined,
         defaultExpandDepth = 0
     }: Props = $props();
@@ -90,14 +99,17 @@
         return lazyLoader == null ? !node.isLeaf : lazyLoader.isBranch(node);
     };
 
-    const onNodeSelectionChange = async (node: IHierarchyData<any>): Promise<boolean> => {
-        let accept: boolean | undefined = (await onchange?.(node));
-        accept = accept == null ? true : accept;
-        if (accept == null || accept == true) {
+    // 统一的选中切换入口：先问 beforeChange（或旧语义的 onchange），通过后再更新并通知
+    const changeActive = async (node: IHierarchyData<any> | null): Promise<boolean> => {
+        const accept = beforeChange == null || (await beforeChange(node)) !== false;
+        if (accept) {
             activeNode = node;
+            onchange?.(node);
         }
         return accept;
-    }
+    };
+
+    const selectNode = async (node: IHierarchyData<any>): Promise<void> => { await changeActive(node); };
 
     const handleToggle = async (node: IHierarchyData<any>) => {
         const key = tree.getKey(node.data);
@@ -132,11 +144,7 @@
     }
 
     const handleTitleClick = async () => {
-        let accept: boolean | undefined = (await onchange?.(null as any));
-        accept = accept == null ? true : accept;
-        if (accept == null || accept == true) {
-            activeNode = null;
-        }
+        await changeActive(null);
     }
 
 </script>
@@ -158,12 +166,12 @@
                     {nodeIcon}
                     {chevronIcon}
                     {activeNode}
-                    isBranch={isBranch(node)}
-                    {onContextMenu}
-                    {onNodeSelectionChange}
+                    expandable={isBranch(node)}
+                    {oncontextmenu}
+                    onselect={selectNode}
                     expanded={expanded.has(tree.getKey(node.data))}
                     loading={loading.has(tree.getKey(node.data))}
-                    onToggle={() => handleToggle(node)}
+                    ontoggle={() => handleToggle(node)}
                 />
             {/if}
         {/each}

package/dist/data_display/tree_view/TreeView.svelte.d.ts

@@ -1,5 +1,5 @@
 import { type Snippet } from 'svelte';
-import type { TreeLazyLoader, NodeVisibleFun, OnNodeSelectionChange } from "../../types";
+import type { TreeLazyLoader, IsNodeVisible, BeforeNodeChange, OnNodeChange } from "../../types";
 import type { OnContextMenu } from "../../overlay/context-menu/ContextMenuItem";
 import type { HierarchyTree, IHierarchyData } from "../../lib";
 type GetText<T> = (item: T) => string;
@@ -23,11 +23,19 @@ interface Props {
     lazyLoader?: TreeLazyLoader | null;
     activeNode?: any;
     class?: string;
-    isVisible?: NodeVisibleFun;
-    onchange?: OnNodeSelectionChange;
+    isVisible?: IsNodeVisible;
+    /**
+     * 切换选中节点前的否决钩子：返回 false 阻止切换；node 为 null 表示取消选中。
+     */
+    beforeChange?: BeforeNodeChange;
+    /**
+     * 选中节点变化后的通知。
+     */
+    onchange?: OnNodeChange;
     onfocus?: (event: FocusEvent) => void;
     onblur?: (event: FocusEvent) => void;
-    onContextMenu?: OnContextMenu;
+    /** 节点右键菜单回调 (event, node) */
+    oncontextmenu?: OnContextMenu;
     title?: string;
     /** 初始展开多少层（0 = 全部折叠，1 = 展开根节点，依此类推）。默认 0。 */
     defaultExpandDepth?: number;

package/dist/data_display/tree_view/index.d.ts

@@ -1,8 +1,7 @@
 import TreeView, { type GetIcon, type NodeIconContext, type ChevronIconContext } from "./TreeView.svelte";
-import type { TreeLazyLoader, NodeVisibleFun, OnNodeSelectionChange, LoadChildrenFun } from "../../types";
+import type { TreeLazyLoader, IsNodeVisible, BeforeNodeChange, OnNodeChange, LoadChildren } from "../../types";
 import type { IHierarchyData } from "../../lib";
 export type { IHierarchyData };
-export type LazyLoader = TreeLazyLoader;
 export default TreeView;
-export type { TreeLazyLoader, NodeVisibleFun, OnNodeSelectionChange, LoadChildrenFun };
+export type { TreeLazyLoader, IsNodeVisible, BeforeNodeChange, OnNodeChange, LoadChildren };
 export type { GetIcon, NodeIconContext, ChevronIconContext };

package/dist/data_table/DataTable.svelte

@@ -9,7 +9,7 @@
     import FixedColumnsPanel from "./parts/FixedColumnsPanel.svelte";
     import ActionPanel from "./parts/ActionsPanel.svelte";
     import { OrderDirection } from "./lib/OrderDirection";
-    import type { CompareFunction } from "./lib/CompareFunction";
+    import type { CompareFn } from "./lib/CompareFn";
     import type { GetRowFontStyle } from "../types";
     import { computeVirtualWindow } from "./lib/virtualWindow";
 
@@ -24,7 +24,8 @@
         inlineRowHeight?: number;
         rowBorder?: boolean;
         colBorder?: boolean;
-        emptyIndicator?: string;
+        /** 无数据时显示的文案 */
+        emptyText?: string;
         getRowFontStyle?: GetRowFontStyle<T>;
         style?: string;
         /**
@@ -47,7 +48,7 @@
         inlineRowHeight = $bindable(80),
         rowBorder = false,
         colBorder = false,
-        emptyIndicator = undefined,
+        emptyText,
         getRowFontStyle = undefined,
         style = '',
         virtual = false,
@@ -130,14 +131,14 @@
         }
     });
 
-    const handleWidthChange = () => {
+    const onWidthChange = () => {
         if (!table) return;
         tabStyle = table.generateTemplateStyle();
         tabWidth = table.width;
         frozenWidth = table.frozenWidth;
     };
 
-    const sortRows = (compareFun: CompareFunction, descending: boolean) => {
+    const sortRows = (compareFun: CompareFn, descending: boolean) => {
         if (!table) return;
         expandRow = null;
         let oList = list.sort(compareFun);
@@ -145,7 +146,7 @@
         rows = table.rows;
     };
 
-    const handleCellClick = (col: DataColumn) => {
+    const onCellClick = (col: DataColumn) => {
         if (col.compareFunction != null) {
             if (col.field === orderColumn?.field) {
                 orderDirection = orderDirection == OrderDirection.Ascending
@@ -159,7 +160,7 @@
         }
     };
 
-    const handleRowExpand = async (row: TableRow) => {
+    const onRowExpand = async (row: TableRow) => {
         if (row == expandRow) {
             expandRow = null;
             inlineComponent = null;
@@ -174,11 +175,11 @@
     {#if table && dataColumns && fixedCols}
         {#if indicatorColumn || fixedCols.length > 0}
             <FixedColumnsPanel
-                {handleRowExpand}
+                {onRowExpand}
                 bind:selectedRows
                 {orderDirection}
                 orderColumn={orderColumn as DataColumn}
-                {handleCellClick}
+                {onCellClick}
                 {indicatorColumn}
                 bind:expandRow
                 {rowHeight}
@@ -186,7 +187,7 @@
                 {fixedCols}
                 {inlineRowHeight}
                 {rows}
-                {handleWidthChange}
+                {onWidthChange}
                 width={frozenWidth}
                 bind:scrollTop
                 {vwindow}
@@ -197,8 +198,8 @@
             columns={dataColumns}
             {orderDirection}
             orderColumn={orderColumn as DataColumn}
-            {handleWidthChange}
-            {handleCellClick}
+            {onWidthChange}
+            {onCellClick}
             {tabWidth}
             bind:rows
             bind:scrollTop
@@ -209,8 +210,8 @@
             {table}
             {inlineComponent}
             bind:inlineRowHeight
-            {emptyIndicator}
-            displayHorizontalScroll={actionsColumn != null || indicatorColumn != null || fixedCols.length > 0}
+            {emptyText}
+            showHorizontalScroll={actionsColumn != null || indicatorColumn != null || fixedCols.length > 0}
             showVerticalScroll={actionsColumn == null}
             {getRowFontStyle}
             {vwindow}

package/dist/data_table/DataTable.svelte.d.ts

@@ -14,7 +14,8 @@ declare function $$render<T = any>(): {
         inlineRowHeight?: number;
         rowBorder?: boolean;
         colBorder?: boolean;
-        emptyIndicator?: string;
+        /** 无数据时显示的文案 */
+        emptyText?: string;
         getRowFontStyle?: GetRowFontStyle<T>;
         style?: string;
         /**

package/dist/data_table/README.md

@@ -1,5 +1,7 @@
 # DataTable
 
+> **Renamed in 5.1.0**: this document uses the names from the [API Naming Guide](../../docs/NAMING.md); the old names `displayNo`, `emptyIndicator`, `warp` were removed in 5.1.0 (no compatibility aliases are kept).
+
 A powerful and flexible data table component featuring sorting, row selection, inline expansion, custom cell formatting, action columns, frozen columns, and row actions. Perfect for displaying large datasets with complex data structures and user interactions.
 
 ## Installation
@@ -49,7 +51,7 @@ import type { DataColumn, ActionsColumn, IndicatorColumn, RowAction } from "@tic
 | `inlineRowHeight` | `number` | `80` | Height of expanded inline rows |
 | `rowBorder` | `boolean` | `false` | Whether to show horizontal row borders |
 | `colBorder` | `boolean` | `false` | Whether to show vertical column borders |
-| `emptyIndicator` | `string \| undefined` | `undefined` | Text to show when no data is available |
+| `emptyText` | `string \| undefined` | `undefined` | Text to show when no data is available |
 | `style` | `string` | `""` | Additional CSS styles |
 
 ## Types
@@ -64,7 +66,7 @@ interface DataColumn {
   frozen?: boolean;                // Whether column is frozen/fixed
   align?: 'left' | 'center' | 'right';  // Text alignment
   minWidth?: number;               // Minimum column width
-  warp?: boolean;                  // Whether text can wrap
+  wrap?: boolean;                  // Whether text can wrap
   formatter?: FormatCell;          // Cell formatting function
   escapeHTML?: boolean;            // Whether to escape HTML in content
   href?: HrefBuilder;              // Link builder function
@@ -92,7 +94,7 @@ interface ActionsColumn {
 interface IndicatorColumn {
   width: number;                   // Column width in pixels
   selectable?: boolean;            // Whether rows are selectable
-  displayNo?: boolean;             // Whether to show row numbers
+  showRowNo?: boolean;             // Whether to show row numbers
   buildInlineComponent?: (data: any) => Promise<any>;  // Inline component builder
 }
 ```
@@ -189,7 +191,7 @@ interface RowAction {
   const indicatorColumn = {
     width: 60,
     selectable: true,
-    displayNo: true
+    showRowNo: true
   };
   
   const actionsColumn = {
@@ -334,7 +336,7 @@ interface RowAction {
   const indicatorColumn = {
     width: 50,
     selectable: false,
-    displayNo: false,
+    showRowNo: false,
     buildInlineComponent: async (orderData) => {
       // Simulate API call to fetch order details
       await new Promise(resolve => setTimeout(resolve, 1000));
@@ -372,7 +374,7 @@ interface RowAction {
   list={orders} 
   {indicatorColumn}
   inlineRowHeight={200}
-  emptyIndicator="No orders found"
+  emptyText="No orders found"
 />
 ```
 
@@ -509,7 +511,7 @@ interface RowAction {
   const indicatorColumn = {
     width: 60,
     selectable: true,
-    displayNo: true,
+    showRowNo: true,
     buildInlineComponent: async (product) => {
       // Simulate loading product details
       return ProductDetails;
@@ -607,7 +609,7 @@ interface RowAction {
       inlineRowHeight={300}
       rowBorder={true}
       colBorder={true}
-      emptyIndicator="No products found. Add some products to get started."
+      emptyText="No products found. Add some products to get started."
     />
   </div>
   

package/dist/data_table/README_CN.md

@@ -1,5 +1,7 @@
 # DataTable 数据表格组件
 
+> **5.1.0 重命名**：本文使用 [API 命名规范](../../docs/NAMING_CN.md) 中的名字；旧名 `displayNo`, `emptyIndicator`, `warp` 已在 5.1.0 移除（5.1.0 不保留兼容别名）。
+
 一个功能强大且灵活的数据表格组件，支持排序、行选择、内联扩展、自定义单元格格式、操作列、冻结列和行操作。非常适合显示大型数据集、复杂数据结构和用户交互。
 
 ## 安装
@@ -49,7 +51,7 @@ import type { DataColumn, ActionsColumn, IndicatorColumn, RowAction } from "@tic
 | `inlineRowHeight` | `number` | `80` | 扩展内联行高度（像素） |
 | `rowBorder` | `boolean` | `false` | 是否显示水平行边框 |
 | `colBorder` | `boolean` | `false` | 是否显示垂直列边框 |
-| `emptyIndicator` | `string \| undefined` | `undefined` | 无数据时显示的文本 |
+| `emptyText` | `string \| undefined` | `undefined` | 无数据时显示的文本 |
 | `style` | `string` | `""` | 附加 CSS 样式 |
 
 ## 类型
@@ -64,7 +66,7 @@ interface DataColumn {
   frozen?: boolean;                // 列是否冻结/固定
   align?: 'left' | 'center' | 'right';  // 文本对齐方式
   minWidth?: number;               // 最小列宽
-  warp?: boolean;                  // 文本是否可换行
+  wrap?: boolean;                  // 文本是否可换行
   formatter?: FormatCell;          // 单元格格式化函数
   escapeHTML?: boolean;            // 是否转义 HTML 内容
   href?: HrefBuilder;              // 链接生成函数
@@ -92,7 +94,7 @@ interface ActionsColumn {
 interface IndicatorColumn {
   width: number;                   // 列宽（像素）
   selectable?: boolean;            // 行是否可选择
-  displayNo?: boolean;             // 是否显示行号
+  showRowNo?: boolean;             // 是否显示行号
   buildInlineComponent?: (data: any) => Promise<any>;  // 内联组件生成器
 }
 ```
@@ -189,7 +191,7 @@ interface RowAction {
   const indicatorColumn = {
     width: 60,
     selectable: true,
-    displayNo: true
+    showRowNo: true
   };
   
   const actionsColumn = {
@@ -334,7 +336,7 @@ interface RowAction {
   const indicatorColumn = {
     width: 50,
     selectable: false,
-    displayNo: false,
+    showRowNo: false,
     buildInlineComponent: async (orderData) => {
       // 模拟 API 调用以获取订单详情
       await new Promise(resolve => setTimeout(resolve, 1000));
@@ -372,7 +374,7 @@ interface RowAction {
   list={orders} 
   {indicatorColumn}
   inlineRowHeight={200}
-  emptyIndicator="未找到订单"
+  emptyText="未找到订单"
 />
 ```
 
@@ -509,7 +511,7 @@ interface RowAction {
   const indicatorColumn = {
     width: 60,
     selectable: true,
-    displayNo: true,
+    showRowNo: true,
     buildInlineComponent: async (product) => {
       // 模拟加载产品详情
       return ProductDetails;
@@ -607,7 +609,7 @@ interface RowAction {
       inlineRowHeight={300}
       rowBorder={true}
       colBorder={true}
-      emptyIndicator="未找到产品，请添加一些产品以开始。"
+      emptyText="未找到产品，请添加一些产品以开始。"
     />
   </div>
   

package/dist/data_table/UniDataTable.d.ts

@@ -1,9 +1,9 @@
 import type DataColumn from "./lib/DataColumn";
 import type TableRow from "./parts/TableRow";
-export type RowEventHandler = (row: TableRow) => void;
-export type RowSelectEventHandler = (row: TableRow, value: boolean) => void;
-export type TableEventHandler = () => void;
-export type SelectionEventHandler = (value: boolean) => void;
+export type OnRowExpand = (row: TableRow) => void;
+export type OnRowSelect = (row: TableRow, value: boolean) => void;
+export type OnWidthChange = () => void;
+export type OnSelectAll = (value: boolean) => void;
 export declare enum SelectionMode {
     All = 1,
     Partial = 0,

package/dist/data_table/UniDataTable.js

@@ -48,7 +48,7 @@ export default class UniDataTable {
             if (col.visible != false) {
                 this._frozenWidth += col.width;
                 colStyle += `#tab-${this.id} .fz_col-${idx - inv} {width: ${col.width}px; text-align: ${col.align ?? 'left'}}\n`;
-                if (col.warp) {
+                if (col.wrap) {
                     colStyle += `#tab-${this.id} .fz_col-${idx - inv}>div {white-space: wrap}\n`;
                 }
             }
@@ -61,7 +61,7 @@ export default class UniDataTable {
             if (col.visible != false) {
                 this._width += col.width;
                 colStyle += `#tab-${this.id} .col-${idx - inv} { width: ${col.width}px ; text-align: ${col.align ?? 'left'} }\n`;
-                if (col.warp) {
+                if (col.wrap) {
                     colStyle += `#tab-${this.id} .col-${idx - inv}>div {white-space: wrap}\n`;
                 }
             }

package/dist/data_table/index.d.ts

@@ -1,13 +1,13 @@
 import DataTable from "./DataTable.svelte";
 import type ActionsColumn from "./lib/ActionsColumn";
-import type { FormatCell, CellHint } from "./lib/FormatCell";
+import type { FormatCellFn, CellHint } from "./lib/FormatCellFn";
 import type IndicatorColumn from "./lib/IndicatorColumn";
 import type RowAction from "./lib/RowAction";
-import type { GetRowActions, ActionFunction } from "./lib/RowAction";
+import type { GetRowActions, ActionHandler } from "./lib/RowAction";
 import type DataColumn from "./lib/DataColumn";
-import type { CellAction } from "../types";
+import type { CellAction } from "./lib/CellAction";
 import ActionCell from "./parts/ActionCell.svelte";
 export default DataTable;
 export { ActionCell };
-export type { ActionsColumn, IndicatorColumn, FormatCell, CellHint, DataColumn };
-export type { RowAction, GetRowActions, ActionFunction, CellAction };
+export type { ActionsColumn, IndicatorColumn, FormatCellFn, CellHint, DataColumn };
+export type { RowAction, GetRowActions, ActionHandler, CellAction };

package/dist/data_table/lib/CellAction.d.ts

@@ -0,0 +1,9 @@
+import type RowAction from "./RowAction";
+/**
+ * 单元格动作：与行动作同一形状（NAMING R10）
+ */
+export type CellAction<T = any> = RowAction<T>;
+/**
+ * 获取单元格动作；返回 undefined 表示该单元格没有动作
+ */
+export type GetCellAction<T = any> = (data: T) => CellAction<T> | undefined;

package/dist/data_table/lib/CommonHeaderCell.d.ts

@@ -1,4 +1,4 @@
-import type { CompareFunction } from "./CompareFunction";
+import type { CompareFn } from "./CompareFn";
 export default interface CommonHeaderCell {
     /**
      * 栏目的标题
@@ -33,5 +33,5 @@ export interface DataHeaderCell extends CommonHeaderCell {
     /**
      * 排序的比较函数
      */
-    compareFunction?: CompareFunction;
+    compareFunction?: CompareFn;
 }

package/dist/data_table/lib/CompareFn.d.ts

@@ -0,0 +1,3 @@
+export type CompareFn = (o1: any, o2: any) => number;
+declare const compareObject: CompareFn;
+export { compareObject };

package/dist/data_table/lib/DataColumn.d.ts

@@ -1,12 +1,12 @@
-import type { CellHint, FormatCell } from "./FormatCell";
+import type { CellHint, FormatCellFn } from "./FormatCellFn";
 import type { HrefBuilder } from "./HrefLink";
-import type { CompareFunction } from "./CompareFunction";
+import type { CompareFn } from "./CompareFn";
 import type { GetCellStyle } from "../../types";
 export default interface DataColumn {
     /**
-     * 列头文字
+     * 列头文字（与 ConciseListTable 的 Column.title 统一）
      */
-    text: string;
+    title: string;
     /**
      * 对应的字段/属性名
      */
@@ -27,21 +27,16 @@ export default interface DataColumn {
     /**
      * 是否可以换行，默认为false
      */
-    warp?: boolean;
+    wrap?: boolean;
     /**
      * 单元格转换函数
      */
-    formatter?: FormatCell;
+    formatter?: FormatCellFn;
     /**
      * 是否将单元格内容作为可信 HTML 渲染（{@html}），而非纯文本转义。
      * 仅当 field/formatter 输出为可信标记时才应设为 true。
      */
     renderHTML?: boolean;
-    /**
-     * @deprecated 请使用 renderHTML；名称容易被误读为"转义 HTML"，
-     * 实际含义相反——设为 true 会把内容作为可信 HTML 渲染。仍受支持以兼容旧调用。
-     */
-    escapeHTML?: boolean;
     /**
      * 超链接设置
      */
@@ -65,7 +60,7 @@ export default interface DataColumn {
     /**
      *
      */
-    compareFunction?: CompareFunction;
+    compareFunction?: CompareFn;
     /**
      * 获取表格的样式
      */

package/dist/data_table/lib/FormatCellFn.d.ts

@@ -0,0 +1,2 @@
+export type FormatCellFn = (value: any) => string;
+export type CellHint = (value: any) => string;

package/dist/data_table/lib/HrefLink.d.ts

@@ -1,12 +1,12 @@
 export type HrefBuilder = (item: any) => Array<HrefLink> | HrefLink | string;
-export type HrefAction = () => void;
+export type OnHrefClick = () => void;
 export default interface HrefLink {
     /**
      * 显示超链接的文字
      */
-    text: string;
+    label: string;
     /**
      * 点击的处理函数
      */
-    action: HrefAction;
+    handler: OnHrefClick;
 }

package/dist/data_table/lib/IndicatorColumn.d.ts

@@ -14,5 +14,6 @@ export default interface IndicatorColumn {
     /**
      * 是否显示行号
      */
-    displayNo?: boolean;
+    /** 是否显示行号 */
+    showRowNo?: boolean;
 }

package/dist/data_table/lib/RowAction.d.ts

@@ -1,29 +1,23 @@
+import type { ButtonType, ActionHandler } from "../../types";
+export type { ActionHandler };
 /**
- * @template T Row data type. Defaults to `any` so existing untyped usage keeps compiling.
- */
-export type ActionFunction<T = any> = (item: T) => void;
-/**
- *
+ * 行动作（DataTable actionsColumn / ActionCell 共用的动作对象，形状与 ButtonAction 一致）
  */
 export default interface RowAction<T = any> {
-    /**
-     *
-     */
+    /** 显示文字 */
     label: string;
-    /**
-     *
-     */
-    type?: 'primary' | 'secondary' | 'third' | 'forth';
-    /**
-     *
-     */
+    /** 语义类型 */
+    type?: ButtonType;
+    /** 前缀图标 */
     icon?: string;
-    /**
-     *
-     */
-    callback: ActionFunction<T>;
+    /** 提示 */
+    tooltip?: string;
+    /** 是否禁用 */
+    disabled?: boolean;
+    /** 点击处理 */
+    handler: ActionHandler<T>;
 }
 /**
- *
+ * 获取某一行的动作列表
  */
 export type GetRowActions<T = any> = (item: T) => Array<RowAction<T>>;

package/dist/data_table/parts/ActionCell.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-    import type { CellAction, GetCellAction } from "../../types";
+    import type {CellAction, GetCellAction} from "../lib/CellAction";
     import { TextButton } from "../../general/button";
 
     interface Props {
@@ -12,12 +12,12 @@
     let action = $derived(getAction?.(data));
 
     const handleClick = async (event: MouseEvent) => {
-        await action?.handle(data);
+        await action?.handler(data);
     };
 </script>
 
 {#if action}
     <div style="width: 100; overflow: hidden;">
-        <TextButton type={action.type ?? 'primary'} label={action.text} onclick={handleClick} />
+        <TextButton type={action.type ?? 'primary'} outer={false} label={action.label} onclick={handleClick} />
     </div>
 {/if}

package/dist/data_table/parts/ActionCell.svelte.d.ts

@@ -1,4 +1,4 @@
-import type { GetCellAction } from "../../types";
+import type { GetCellAction } from "../lib/CellAction";
 interface Props {
     data: any;
     getAction: GetCellAction;