@gopowerteam/table-render 0.0.124 → 0.0.126

package/dist/cjs/interfaces/table-column-options.d.ts

@@ -49,6 +49,12 @@ export interface ExportColumnOptions {
     width?: number;
     content?: (record: DataRecord) => string | number | undefined;
 }
+export interface ColumnsGroup {
+    title: string;
+    children: (ColumnsGroup | {
+        key: string;
+    })[];
+}
 export type TableColumnsOptions<T = DataRecord> = TableColumnOptions<T>[];
 export type TableColumnsTypeKeyOptions<T = DataRecord> = TableColumnTypeKeyOptions<T>[];
 export type TableColumnsStringKeyOptions<T = DataRecord> = TableColumnStringKeyOptions<T>[];

package/dist/cjs/table-render/index.d.ts

@@ -1,10 +1,10 @@
 import { PageableOptions } from '../interfaces/pageable-options';
 import { EventEmits, TableEditEventOptions, TableExportEventOptions, TablePreviewEventOptions, TableReloadEventOptions } from '../hooks';
-import { TableColumnSharedOptions, TableColumnsOptions, TableFormSharedOptions, TableLoadParams } from '../interfaces';
+import { ColumnsGroup, TableColumnSharedOptions, TableColumnsOptions, TableFormSharedOptions, TableLoadParams } from '../interfaces';
 import { RequestPlugin } from '@gopowerteam/request';
 import { DataRecord, FormItemsOptions, FormRenderInstance } from '@gopowerteam/form-render';
 import { PropType, Ref } from 'vue';
-import { TableChangeExtra, TableColumnData, TableData } from '@arco-design/web-vue';
+import { TableChangeExtra, TableColumnData, TableData, TableExpandable } from '@arco-design/web-vue';
 
 export declare const TableRender: import('vue').DefineComponent<{
     rowKey: {
@@ -123,6 +123,19 @@ export declare const TableRender: import('vue').DefineComponent<{
         required: false;
         default: boolean;
     };
+    columnsGroups: {
+        type: PropType<ColumnsGroup[]>;
+        required: false;
+        default: () => never[];
+    };
+    rowClass: {
+        type: PropType<(record: any) => string>;
+        required: false;
+    };
+    expandable: {
+        type: PropType<TableExpandable>;
+        required: false;
+    };
 }, {
     tableId: string;
     tableInstance: Ref<import('vue').CreateComponentPublicInstance<Readonly<{
@@ -200,7 +213,7 @@ export declare const TableRender: import('vue').DefineComponent<{
         }) => TableData[]) | undefined;
         virtualListProps?: import('@arco-design/web-vue/es/_components/virtual-list-v2/interface').VirtualListProps | undefined;
         rowSelection?: import('@arco-design/web-vue').TableRowSelection | undefined;
-        expandable?: import('@arco-design/web-vue').TableExpandable | undefined;
+        expandable?: TableExpandable | undefined;
         spanMethod?: ((data: {
             record: TableData;
             column: TableColumnData | import('@arco-design/web-vue/es/table/interface').TableOperationColumn;
@@ -246,7 +259,9 @@ export declare const TableRender: import('vue').DefineComponent<{
         onCellClick?: ((record: TableData, column: TableColumnData, ev: Event) => any) | undefined;
         onRowClick?: ((record: TableData, ev: Event) => any) | undefined;
         onHeaderClick?: ((column: TableColumnData, ev: Event) => any) | undefined;
-        onColumnResize?: ((dataIndex: string, width: number) => any) | undefined;
+        onColumnResize?: ((dataIndex: string, width: number) => any) | undefined; /**
+         * 创建表单配置选项
+         */
         onRowDblclick?: ((record: TableData, ev: Event) => any) | undefined;
         onCellDblclick?: ((record: TableData, column: TableColumnData, ev: Event) => any) | undefined;
         onRowContextmenu?: ((record: TableData, ev: Event) => any) | undefined;
@@ -368,7 +383,7 @@ export declare const TableRender: import('vue').DefineComponent<{
         }) => TableData[]) | undefined;
         virtualListProps?: import('@arco-design/web-vue/es/_components/virtual-list-v2/interface').VirtualListProps | undefined;
         rowSelection?: import('@arco-design/web-vue').TableRowSelection | undefined;
-        expandable?: import('@arco-design/web-vue').TableExpandable | undefined;
+        expandable?: TableExpandable | undefined;
         spanMethod?: ((data: {
             record: TableData;
             column: TableColumnData | import('@arco-design/web-vue/es/table/interface').TableOperationColumn;
@@ -414,7 +429,9 @@ export declare const TableRender: import('vue').DefineComponent<{
         onCellClick?: ((record: TableData, column: TableColumnData, ev: Event) => any) | undefined;
         onRowClick?: ((record: TableData, ev: Event) => any) | undefined;
         onHeaderClick?: ((column: TableColumnData, ev: Event) => any) | undefined;
-        onColumnResize?: ((dataIndex: string, width: number) => any) | undefined;
+        onColumnResize?: ((dataIndex: string, width: number) => any) | undefined; /**
+         * 创建表单配置选项
+         */
         onRowDblclick?: ((record: TableData, ev: Event) => any) | undefined;
         onCellDblclick?: ((record: TableData, column: TableColumnData, ev: Event) => any) | undefined;
         onRowContextmenu?: ((record: TableData, ev: Event) => any) | undefined;
@@ -524,7 +541,7 @@ export declare const TableRender: import('vue').DefineComponent<{
         }) => TableData[]) | undefined;
         virtualListProps?: import('@arco-design/web-vue/es/_components/virtual-list-v2/interface').VirtualListProps | undefined;
         rowSelection?: import('@arco-design/web-vue').TableRowSelection | undefined;
-        expandable?: import('@arco-design/web-vue').TableExpandable | undefined;
+        expandable?: TableExpandable | undefined;
         spanMethod?: ((data: {
             record: TableData;
             column: TableColumnData | import('@arco-design/web-vue/es/table/interface').TableOperationColumn;
@@ -570,7 +587,9 @@ export declare const TableRender: import('vue').DefineComponent<{
         onCellClick?: ((record: TableData, column: TableColumnData, ev: Event) => any) | undefined;
         onRowClick?: ((record: TableData, ev: Event) => any) | undefined;
         onHeaderClick?: ((column: TableColumnData, ev: Event) => any) | undefined;
-        onColumnResize?: ((dataIndex: string, width: number) => any) | undefined;
+        onColumnResize?: ((dataIndex: string, width: number) => any) | undefined; /**
+         * 创建表单配置选项
+         */
         onRowDblclick?: ((record: TableData, ev: Event) => any) | undefined;
         onCellDblclick?: ((record: TableData, column: TableColumnData, ev: Event) => any) | undefined;
         onRowContextmenu?: ((record: TableData, ev: Event) => any) | undefined;
@@ -652,7 +671,7 @@ export declare const TableRender: import('vue').DefineComponent<{
         readonly tableLayoutFixed: boolean;
         readonly loading: boolean | Record<string, any>;
         readonly rowSelection?: import('@arco-design/web-vue').TableRowSelection | undefined;
-        readonly expandable?: import('@arco-design/web-vue').TableExpandable | undefined;
+        readonly expandable?: TableExpandable | undefined;
         readonly scroll?: {
             x?: string | number | undefined;
             y?: string | number | undefined;
@@ -802,7 +821,7 @@ export declare const TableRender: import('vue').DefineComponent<{
         }) => TableData[]) | undefined;
         virtualListProps?: import('@arco-design/web-vue/es/_components/virtual-list-v2/interface').VirtualListProps | undefined;
         rowSelection?: import('@arco-design/web-vue').TableRowSelection | undefined;
-        expandable?: import('@arco-design/web-vue').TableExpandable | undefined;
+        expandable?: TableExpandable | undefined;
         spanMethod?: ((data: {
             record: TableData;
             column: TableColumnData | import('@arco-design/web-vue/es/table/interface').TableOperationColumn;
@@ -848,7 +867,9 @@ export declare const TableRender: import('vue').DefineComponent<{
         onCellClick?: ((record: TableData, column: TableColumnData, ev: Event) => any) | undefined;
         onRowClick?: ((record: TableData, ev: Event) => any) | undefined;
         onHeaderClick?: ((column: TableColumnData, ev: Event) => any) | undefined;
-        onColumnResize?: ((dataIndex: string, width: number) => any) | undefined;
+        onColumnResize?: ((dataIndex: string, width: number) => any) | undefined; /**
+         * 创建表单配置选项
+         */
         onRowDblclick?: ((record: TableData, ev: Event) => any) | undefined;
         onCellDblclick?: ((record: TableData, column: TableColumnData, ev: Event) => any) | undefined;
         onRowContextmenu?: ((record: TableData, ev: Event) => any) | undefined;
@@ -1641,6 +1662,19 @@ export declare const TableRender: import('vue').DefineComponent<{
         required: false;
         default: boolean;
     };
+    columnsGroups: {
+        type: PropType<ColumnsGroup[]>;
+        required: false;
+        default: () => never[];
+    };
+    rowClass: {
+        type: PropType<(record: any) => string>;
+        required: false;
+    };
+    expandable: {
+        type: PropType<TableExpandable>;
+        required: false;
+    };
 }>>, {
     autoLoad: boolean;
     size: "mini" | "small" | "medium" | "large";
@@ -1658,6 +1692,7 @@ export declare const TableRender: import('vue').DefineComponent<{
     hoverable: boolean;
     bordered: boolean;
     stripe: boolean;
+    columnsGroups: ColumnsGroup[];
 }, {}>;
 export type TableRenderInstance = InstanceType<typeof TableRender>;
 export type TableRenderProps = TableRenderInstance['$props'];

package/dist/cjs/table-render/table-column-render.d.ts

@@ -1,6 +1,6 @@
 import { EventEmits } from '../hooks';
 import { RenderColumnType } from '../utils';
-import { TableColumnOptions, TableColumnSharedOptions, TableColumnsOptions } from '../interfaces';
+import { ColumnsGroup, TableColumnOptions, TableColumnSharedOptions, TableColumnsOptions } from '../interfaces';
 import { Ref } from 'vue';
 import { TableColumnData, TableData } from '@arco-design/web-vue';
 
@@ -22,11 +22,18 @@ export declare function toRenderColumn<T>(options?: TableColumnOptions<T>, conte
     isRender: boolean;
     type: string | undefined;
 } | undefined;
-export declare function renderTableColumns(columns: TableColumnsOptions, columnsOptions: TableColumnSharedOptions | undefined, pageMode: 'client' | 'server', collapsedColumns: Ref<{
-    key: string;
-    title: string;
-    collapsed: boolean;
-}[]>, events: EventEmits): TableColumnData[];
+export declare function renderTableColumns({ columns, columnsOptions, columnsGroups, pageMode, collapsedColumns, events, }: {
+    columns: TableColumnsOptions;
+    columnsOptions: TableColumnSharedOptions | undefined;
+    columnsGroups: ColumnsGroup[];
+    pageMode: 'client' | 'server';
+    collapsedColumns: Ref<{
+        key: string;
+        title: string;
+        collapsed: boolean;
+    }[]>;
+    events: EventEmits;
+}): TableColumnData[];
 /**
  * 创建表格列
  * @param options