@tmagic/table 1.8.0-manmanyu.8 → 1.8.0

package/types/index.d.ts

@@ -1,9 +1,27 @@
 import { App } from "vue";
 import { FormConfig, FormValue } from "@tmagic/form";
-
 //#region temp/packages/table/src/schema.d.ts
-interface ColumnActionConfig {
-  type?: 'delete' | 'copy' | 'edit' | string;
+export type ColumnActionPlacement = 'auto' | 'auto-start' | 'auto-end' | 'top' | 'bottom' | 'left' | 'right' | 'top-start' | 'top-end' | 'bottom-start' | 'bottom-end' | 'left-start' | 'left-end' | 'right-start' | 'right-end';
+/** 当 type 为 sub-actions 时，更多菜单（Popover）的配置 */
+export interface ColumnSubActionConfig {
+  /** Popover 的弹出位置，默认 bottom */
+  placement?: ColumnActionPlacement;
+  /** Popover 浮层宽度，数字按 px 处理 */
+  popoverWidth?: string | number;
+  /** 附加到 Popover 浮层上的自定义 class */
+  popoverClass?: string;
+  /** Popover 关闭后是否销毁内容，默认 false */
+  popoverDestroyOnClose?: boolean;
+  /** 更多菜单中的子动作配置 */
+  items?: ColumnActionConfig[];
+}
+export interface ColumnActionConfig {
+  /**
+   * 动作类型：
+   * - `delete` / `copy` / `edit`：内置语义，`edit` 会进入行内编辑态。
+   * - `sub-actions`：点击后以 Popover 形式展开更多菜单，菜单配置通过 `subActionConfig` 提供。
+   */
+  type?: 'delete' | 'copy' | 'edit' | 'sub-actions' | string;
   buttonType?: string;
   display?: boolean | ((row: any) => boolean);
   disabled?: boolean | ((row: any) => boolean);
@@ -12,18 +30,32 @@ interface ColumnActionConfig {
   tooltip?: string;
   tooltipPlacement?: string;
   icon?: any;
+  /** 为 true 时用 Popconfirm 包裹按钮，点击后需二次确认才会触发 handler */
+  popconfirm?: boolean;
+  /** Popconfirm 的确认提示文案，支持函数动态生成 */
+  confirmText?: string | ((row: any) => string);
+  /** Popconfirm 浮层宽度，数字按 px 处理 */
+  popconfirmWidth?: string | number;
+  /** 当 type 为 sub-actions 时，更多菜单（Popover）的配置 */
+  subActionConfig?: ColumnSubActionConfig;
   handler?: (row: any, index: number) => Promise<any> | any;
   before?: (row: any, index: number) => Promise<void> | void;
   after?: (row: any, index: number) => Promise<void> | void;
   action?: (data: {
     data: any;
     index: number;
-  }) => Promise<void> | void;
+  }) => Promise<{
+    ret: number;
+    msg?: string;
+  } | void> | {
+    ret: number;
+    msg?: string;
+  } | void;
   cancel?: (data: {
     index: number;
   }) => Promise<void> | void;
 }
-interface ColumnConfig<T = any> {
+export interface ColumnConfig<T = any> {
   pageIndex?: number;
   pageSize?: number;
   form?: FormConfig;
@@ -70,19 +102,25 @@ interface ColumnConfig<T = any> {
 //#region temp/packages/table/src/Table.vue.d.ts
 type __VLS_Props = {
   data: any[];
-  columns?: ColumnConfig[]; /** 合并行或列的计算方法 */
+  columns?: ColumnConfig[];
+  /** 合并行或列的计算方法 */
   spanMethod?: (_data: {
     row: any;
     column: any;
     rowIndex: number;
     columnIndex: number;
   }) => [number, number];
-  loading?: boolean; /** Table 的最大高度。合法的值为数字或者单位为 px 的高度 */
-  bodyHeight?: string | number; /** 是否显示表头 */
-  showHeader?: boolean; /** 空数据时显示的文本内容 */
-  emptyText?: string; /** 是否默认展开所有行，当 Table 包含展开行存在或者为树形表格时有效 */
+  loading?: boolean;
+  /** Table 的最大高度。合法的值为数字或者单位为 px 的高度 */
+  bodyHeight?: string | number;
+  /** 是否显示表头 */
+  showHeader?: boolean;
+  /** 空数据时显示的文本内容 */
+  emptyText?: string;
+  /** 是否默认展开所有行，当 Table 包含展开行存在或者为树形表格时有效 */
   defaultExpandAll?: boolean;
-  rowkeyName?: string; /** 是否带有纵向边框 */
+  rowkeyName?: string;
+  /** 是否带有纵向边框 */
   border?: boolean;
 };
 declare const __VLS_export: import("@vue/runtime-core").DefineComponent<__VLS_Props, {
@@ -94,18 +132,18 @@ declare const __VLS_export: import("@vue/runtime-core").DefineComponent<__VLS_Pr
   "sort-change": (...args: any[]) => void;
   "expand-change": (...args: any[]) => void;
   "cell-click": (...args: any[]) => void;
+  "select-all": (...args: any[]) => void;
   "after-action": (...args: any[]) => void;
   "after-action-cancel": (...args: any[]) => void;
-  "select-all": (...args: any[]) => void;
   "selection-change": (...args: any[]) => void;
 }, string, import("@vue/runtime-core").PublicProps, Readonly<__VLS_Props> & Readonly<{
   onSelect?: ((...args: any[]) => any) | undefined;
   "onSort-change"?: ((...args: any[]) => any) | undefined;
   "onExpand-change"?: ((...args: any[]) => any) | undefined;
   "onCell-click"?: ((...args: any[]) => any) | undefined;
+  "onSelect-all"?: ((...args: any[]) => any) | undefined;
   "onAfter-action"?: ((...args: any[]) => any) | undefined;
   "onAfter-action-cancel"?: ((...args: any[]) => any) | undefined;
-  "onSelect-all"?: ((...args: any[]) => any) | undefined;
   "onSelection-change"?: ((...args: any[]) => any) | undefined;
 }>, {
   loading: boolean;
@@ -117,14 +155,14 @@ declare const __VLS_export: import("@vue/runtime-core").DefineComponent<__VLS_Pr
 declare const _default: typeof __VLS_export;
 //#endregion
 //#region temp/packages/table/src/utils.d.ts
-declare const formatter: (item: ColumnConfig, row: any, data: {
+export declare const formatter: (item: ColumnConfig, row: any, data: {
   index: number;
 }) => any;
-declare const createColumns: (columns: ColumnConfig[]) => ColumnConfig<any>[];
+export declare const createColumns: (columns: ColumnConfig[]) => ColumnConfig<any>[];
 //#endregion
 //#region temp/packages/table/src/index.d.ts
 declare const _default$1: {
   install(app: App): void;
 };
 //#endregion
-export { ColumnActionConfig, ColumnConfig, _default as MagicTable, createColumns, _default$1 as default, formatter };
+export { _default as MagicTable, _default$1 as default };