@next-bricks/advanced 0.8.0 → 0.9.1

package/dist/manifest.json

@@ -457,12 +457,28 @@
           "attribute": false,
           "type": "DataSource"
         },
+        {
+          "name": "frontSearch",
+          "description": "是否前端搜索",
+          "type": "boolean"
+        },
         {
           "name": "pagination",
           "description": "分页配置",
           "attribute": false,
           "type": "PaginationType"
         },
+        {
+          "name": "multiSort",
+          "description": "是否支持多列排序，前端搜索时需设置 column.sortPriority 优先级",
+          "type": "boolean"
+        },
+        {
+          "name": "sort",
+          "description": "排序信息",
+          "attribute": false,
+          "type": "Sort | Sort[]"
+        },
         {
           "name": "rowSelection",
           "description": "表格行可选择配置",
@@ -493,6 +509,12 @@
           "attribute": false,
           "type": "(string | number)[]"
         },
+        {
+          "name": "childrenColumnName",
+          "description": "树形结构的列名",
+          "default": "\"children\"",
+          "type": "string"
+        },
         {
           "name": "rowDraggable",
           "description": "表格行拖拽配置",
@@ -503,6 +525,31 @@
           "description": "进行前端搜索的字段，支持嵌套的写法。不配置的时候默认为对所有 column.dataIndex 进行前端搜索",
           "attribute": false,
           "type": "(string | string[])[]"
+        },
+        {
+          "name": "size",
+          "description": "表格大小",
+          "default": "\"large\"",
+          "type": "TableProps<RecordType>[\"size\"]"
+        },
+        {
+          "name": "showHeader",
+          "description": "是否显示表头",
+          "default": "true",
+          "type": "boolean"
+        },
+        {
+          "name": "scrollConfig",
+          "description": "滚动配置",
+          "default": "{ x: true }",
+          "attribute": false,
+          "type": "TableProps<RecordType>[\"scroll\"]"
+        },
+        {
+          "name": "optimizedColumns",
+          "description": "优化渲染的列（输入对应的 column.key）",
+          "attribute": false,
+          "type": "(string | number)[]"
         }
       ],
       "events": [
@@ -522,6 +569,14 @@
             "type": "{\n    page: number;\n    pageSize: number;\n  }"
           }
         },
+        {
+          "name": "sort.change",
+          "description": "排序变化的回调",
+          "detail": {
+            "description": "当前排序的信息",
+            "type": "Sort | Sort[] | undefined"
+          }
+        },
         {
           "name": "row.select",
           "description": "行选中项发生变化时的回调",

package/dist/types.json

@@ -1228,6 +1228,13 @@
           }
         }
       },
+      {
+        "name": "frontSearch",
+        "annotation": {
+          "type": "keyword",
+          "value": "boolean"
+        }
+      },
       {
         "name": "pagination",
         "annotation": {
@@ -1238,6 +1245,38 @@
           }
         }
       },
+      {
+        "name": "multiSort",
+        "annotation": {
+          "type": "keyword",
+          "value": "boolean"
+        }
+      },
+      {
+        "name": "sort",
+        "annotation": {
+          "type": "union",
+          "types": [
+            {
+              "type": "reference",
+              "typeName": {
+                "type": "identifier",
+                "name": "Sort"
+              }
+            },
+            {
+              "type": "array",
+              "elementType": {
+                "type": "reference",
+                "typeName": {
+                  "type": "identifier",
+                  "name": "Sort"
+                }
+              }
+            }
+          ]
+        }
+      },
       {
         "name": "rowSelection",
         "annotation": {
@@ -1324,6 +1363,13 @@
           }
         }
       },
+      {
+        "name": "childrenColumnName",
+        "annotation": {
+          "type": "keyword",
+          "value": "string"
+        }
+      },
       {
         "name": "rowDraggable",
         "annotation": {
@@ -1355,6 +1401,93 @@
             }
           }
         }
+      },
+      {
+        "name": "size",
+        "annotation": {
+          "type": "indexedAccess",
+          "objectType": {
+            "type": "reference",
+            "typeName": {
+              "type": "identifier",
+              "name": "TableProps"
+            },
+            "typeParameters": {
+              "type": "typeParameterInstantiation",
+              "params": [
+                {
+                  "type": "reference",
+                  "typeName": {
+                    "type": "identifier",
+                    "name": "RecordType"
+                  }
+                }
+              ]
+            }
+          },
+          "indexType": {
+            "type": "jsLiteral",
+            "value": "size"
+          }
+        }
+      },
+      {
+        "name": "showHeader",
+        "annotation": {
+          "type": "keyword",
+          "value": "boolean"
+        }
+      },
+      {
+        "name": "scrollConfig",
+        "annotation": {
+          "type": "indexedAccess",
+          "objectType": {
+            "type": "reference",
+            "typeName": {
+              "type": "identifier",
+              "name": "TableProps"
+            },
+            "typeParameters": {
+              "type": "typeParameterInstantiation",
+              "params": [
+                {
+                  "type": "reference",
+                  "typeName": {
+                    "type": "identifier",
+                    "name": "RecordType"
+                  }
+                }
+              ]
+            }
+          },
+          "indexType": {
+            "type": "jsLiteral",
+            "value": "scroll"
+          }
+        }
+      },
+      {
+        "name": "optimizedColumns",
+        "annotation": {
+          "type": "array",
+          "elementType": {
+            "type": "parenthesizedType",
+            "annotation": {
+              "type": "union",
+              "types": [
+                {
+                  "type": "keyword",
+                  "value": "string"
+                },
+                {
+                  "type": "keyword",
+                  "value": "number"
+                }
+              ]
+            }
+          }
+        }
       }
     ],
     "events": [
@@ -1426,6 +1559,37 @@
           }
         }
       },
+      {
+        "name": "sort.change",
+        "detail": {
+          "annotation": {
+            "type": "union",
+            "types": [
+              {
+                "type": "reference",
+                "typeName": {
+                  "type": "identifier",
+                  "name": "Sort"
+                }
+              },
+              {
+                "type": "array",
+                "elementType": {
+                  "type": "reference",
+                  "typeName": {
+                    "type": "identifier",
+                    "name": "Sort"
+                  }
+                }
+              },
+              {
+                "type": "keyword",
+                "value": "undefined"
+              }
+            ]
+          }
+        }
+      },
       {
         "name": "row.select",
         "detail": {
@@ -1736,6 +1900,92 @@
             "optional": true,
             "computed": false,
             "description": "记录表格行合并的值的 key"
+          },
+          {
+            "type": "propertySignature",
+            "key": {
+              "type": "identifier",
+              "name": "sortable"
+            },
+            "annotation": {
+              "type": "keyword",
+              "value": "boolean"
+            },
+            "optional": true,
+            "computed": false,
+            "description": "是否可排序"
+          },
+          {
+            "type": "propertySignature",
+            "key": {
+              "type": "identifier",
+              "name": "sortPriority"
+            },
+            "annotation": {
+              "type": "keyword",
+              "value": "number"
+            },
+            "optional": true,
+            "computed": false,
+            "description": "前端搜索时，多列排序优先级，数字越大优先级越高"
+          },
+          {
+            "type": "propertySignature",
+            "key": {
+              "type": "identifier",
+              "name": "verticalAlign"
+            },
+            "annotation": {
+              "type": "indexedAccess",
+              "objectType": {
+                "type": "reference",
+                "typeName": {
+                  "type": "identifier",
+                  "name": "CSSProperties"
+                }
+              },
+              "indexType": {
+                "type": "jsLiteral",
+                "value": "verticalAlign"
+              }
+            },
+            "optional": true,
+            "computed": false,
+            "description": "垂直对齐方式"
+          },
+          {
+            "type": "propertySignature",
+            "key": {
+              "type": "identifier",
+              "name": "cellStyle"
+            },
+            "annotation": {
+              "type": "reference",
+              "typeName": {
+                "type": "identifier",
+                "name": "CSSProperties"
+              }
+            },
+            "optional": true,
+            "computed": false,
+            "description": "单元格样式"
+          },
+          {
+            "type": "propertySignature",
+            "key": {
+              "type": "identifier",
+              "name": "headerStyle"
+            },
+            "annotation": {
+              "type": "reference",
+              "typeName": {
+                "type": "identifier",
+                "name": "CSSProperties"
+              }
+            },
+            "optional": true,
+            "computed": false,
+            "description": "头部单元格样式"
           }
         ],
         "extends": [
@@ -1743,7 +1993,7 @@
             "type": "expressionWithTypeArguments",
             "expression": {
               "type": "identifier",
-              "name": "ColumnType"
+              "name": "Pick"
             },
             "typeParameters": {
               "type": "typeParameterInstantiation",
@@ -1752,8 +2002,69 @@
                   "type": "reference",
                   "typeName": {
                     "type": "identifier",
-                    "name": "RecordType"
+                    "name": "ColumnType"
+                  },
+                  "typeParameters": {
+                    "type": "typeParameterInstantiation",
+                    "params": [
+                      {
+                        "type": "reference",
+                        "typeName": {
+                          "type": "identifier",
+                          "name": "RecordType"
+                        }
+                      }
+                    ]
                   }
+                },
+                {
+                  "type": "union",
+                  "types": [
+                    {
+                      "type": "jsLiteral",
+                      "value": "align"
+                    },
+                    {
+                      "type": "jsLiteral",
+                      "value": "colSpan"
+                    },
+                    {
+                      "type": "jsLiteral",
+                      "value": "dataIndex"
+                    },
+                    {
+                      "type": "jsLiteral",
+                      "value": "ellipsis"
+                    },
+                    {
+                      "type": "jsLiteral",
+                      "value": "fixed"
+                    },
+                    {
+                      "type": "jsLiteral",
+                      "value": "key"
+                    },
+                    {
+                      "type": "jsLiteral",
+                      "value": "rowScope"
+                    },
+                    {
+                      "type": "jsLiteral",
+                      "value": "showSorterTooltip"
+                    },
+                    {
+                      "type": "jsLiteral",
+                      "value": "sortDirections"
+                    },
+                    {
+                      "type": "jsLiteral",
+                      "value": "title"
+                    },
+                    {
+                      "type": "jsLiteral",
+                      "value": "width"
+                    }
+                  ]
                 }
               ]
             }
@@ -1957,6 +2268,50 @@
           }
         ]
       },
+      {
+        "type": "interface",
+        "name": "Sort",
+        "body": [
+          {
+            "type": "propertySignature",
+            "key": {
+              "type": "identifier",
+              "name": "columnKey"
+            },
+            "annotation": {
+              "type": "union",
+              "types": [
+                {
+                  "type": "keyword",
+                  "value": "string"
+                },
+                {
+                  "type": "keyword",
+                  "value": "number"
+                }
+              ]
+            },
+            "optional": true,
+            "computed": false
+          },
+          {
+            "type": "propertySignature",
+            "key": {
+              "type": "identifier",
+              "name": "order"
+            },
+            "annotation": {
+              "type": "reference",
+              "typeName": {
+                "type": "identifier",
+                "name": "SortOrder"
+              }
+            },
+            "optional": true,
+            "computed": false
+          }
+        ]
+      },
       {
         "type": "typeAlias",
         "name": "RowSelectionType",
@@ -1997,6 +2352,28 @@
             },
             "optional": true,
             "computed": false
+          },
+          {
+            "type": "propertySignature",
+            "key": {
+              "type": "identifier",
+              "name": "rowDisabled"
+            },
+            "annotation": {
+              "type": "union",
+              "types": [
+                {
+                  "type": "keyword",
+                  "value": "string"
+                },
+                {
+                  "type": "keyword",
+                  "value": "boolean"
+                }
+              ]
+            },
+            "optional": true,
+            "computed": false
           }
         ],
         "extends": [
@@ -2050,6 +2427,10 @@
                     {
                       "type": "jsLiteral",
                       "value": "type"
+                    },
+                    {
+                      "type": "jsLiteral",
+                      "value": "checkStrictly"
                     }
                   ]
                 }

package/dist-types/next-table/Table.d.ts

@@ -1,19 +1,28 @@
 import React from "react";
-import { Column, RecordType, DataSource, PaginationType, RowSelectionType, ExpandableType } from "./interface.js";
+import { Column, RecordType, DataSource, PaginationType, RowSelectionType, ExpandableType, Sort } from "./interface.js";
 import { RowSelectMethod } from "antd/es/table/interface.js";
+import type { TableProps } from "antd/es/table";
 interface NextTableComponentProps {
     shadowRoot: ShadowRoot | null;
     rowKey: string;
     columns?: Column[];
     dataSource?: DataSource;
+    frontSearch?: boolean;
     pagination?: PaginationType;
+    multiSort?: boolean;
+    sort?: Sort | Sort[];
     rowSelection?: RowSelectionType;
     selectedRowKeys?: (string | number)[];
     hiddenColumns?: (string | number)[];
     expandable?: ExpandableType;
     expandedRowKeys?: (string | number)[];
+    childrenColumnName: string;
     rowDraggable?: boolean;
     searchFields?: (string | string[])[];
+    size?: TableProps<RecordType>["size"];
+    showHeader?: boolean;
+    scrollConfig?: TableProps<RecordType>["scroll"];
+    optimizedColumns?: (string | number)[];
     onPageChange?: (detail: {
         page: number;
         pageSize: number;
@@ -22,6 +31,7 @@ interface NextTableComponentProps {
         page: number;
         pageSize: number;
     }) => void;
+    onSort?: (detail?: Sort | Sort[]) => void;
     onRowSelect?: (detail: {
         keys: (string | number)[];
         rows: RecordType[];

package/dist-types/next-table/index.d.ts

@@ -1,7 +1,8 @@
 /// <reference types="react" resolution-mode="require"/>
 import { ReactNextElement } from "@next-core/react-element";
 import "@next-core/theme";
-import { Column, DataSource, ExpandableType, PaginationType, RowSelectionType } from "./interface.js";
+import { Column, DataSource, ExpandableType, PaginationType, RecordType, RowSelectionType, Sort } from "./interface.js";
+import type { TableProps } from "antd/es/table";
 /**
  * 大型表格
  */
@@ -19,10 +20,22 @@ export declare class EoNextTable extends ReactNextElement {
      * 数据源
      */
     accessor dataSource: DataSource | undefined;
+    /**
+     * 是否前端搜索
+     */
+    accessor frontSearch: boolean | undefined;
     /**
      * 分页配置
      */
     accessor pagination: PaginationType;
+    /**
+     * 是否支持多列排序，前端搜索时需设置 column.sortPriority 优先级
+     */
+    accessor multiSort: boolean | undefined;
+    /**
+     * 排序信息
+     */
+    accessor sort: Sort | Sort[] | undefined;
     /**
      * 表格行可选择配置
      */
@@ -43,6 +56,10 @@ export declare class EoNextTable extends ReactNextElement {
      * 展开项的 key
      */
     accessor expandedRowKeys: (string | number)[] | undefined;
+    /**
+     * 树形结构的列名
+     */
+    accessor childrenColumnName: string;
     /**
      * 表格行拖拽配置
      */
@@ -51,6 +68,22 @@ export declare class EoNextTable extends ReactNextElement {
      * 进行前端搜索的字段，支持嵌套的写法。不配置的时候默认为对所有 column.dataIndex 进行前端搜索
      */
     accessor searchFields: (string | string[])[] | undefined;
+    /**
+     * 表格大小
+     */
+    accessor size: TableProps<RecordType>["size"];
+    /**
+     * 是否显示表头
+     */
+    accessor showHeader: boolean;
+    /**
+     * 滚动配置
+     */
+    accessor scrollConfig: TableProps<RecordType>["scroll"];
+    /**
+     * 优化渲染的列（输入对应的 column.key）
+     */
+    accessor optimizedColumns: (string | number)[] | undefined;
     /**
      * 前端搜索
      */

package/dist-types/next-table/interface.d.ts

@@ -1,8 +1,9 @@
 import type { ColumnType, TablePaginationConfig } from "antd/es/table";
-import type { ExpandableConfig as TableExpandableConfig, TableRowSelection } from "antd/es/table/interface.js";
+import type { SortOrder, ExpandableConfig as TableExpandableConfig, TableRowSelection } from "antd/es/table/interface.js";
 import type { UseBrickConf } from "@next-core/types";
+import { CSSProperties } from "react";
 export type RecordType = Record<string, any>;
-export interface Column extends ColumnType<RecordType> {
+export interface Column extends Pick<ColumnType<RecordType>, "align" | "colSpan" | "dataIndex" | "ellipsis" | "fixed" | "key" | "rowScope" | "showSorterTooltip" | "sortDirections" | "title" | "width"> {
     /** 表头自定义展示构件 */
     headerBrick?: {
         useBrick: UseBrickConf;
@@ -13,6 +14,16 @@ export interface Column extends ColumnType<RecordType> {
     cellColSpanKey?: string;
     /** 记录表格行合并的值的 key */
     cellRowSpanKey?: string;
+    /** 是否可排序 */
+    sortable?: boolean;
+    /** 前端搜索时，多列排序优先级，数字越大优先级越高 */
+    sortPriority?: number;
+    /** 垂直对齐方式 */
+    verticalAlign?: CSSProperties["verticalAlign"];
+    /** 单元格样式 */
+    cellStyle?: CSSProperties;
+    /** 头部单元格样式 */
+    headerStyle?: CSSProperties;
 }
 export interface DataSource {
     list?: RecordType[];
@@ -24,8 +35,9 @@ interface PaginationConfig extends Pick<TablePaginationConfig, "disabled" | "hid
     showTotal?: boolean;
 }
 export type PaginationType = false | PaginationConfig | undefined;
-interface RowSelectionConfig extends Pick<TableRowSelection<RecordType>, "columnWidth" | "fixed" | "hideSelectAll" | "preserveSelectedRowKeys" | "type"> {
+interface RowSelectionConfig extends Pick<TableRowSelection<RecordType>, "columnWidth" | "fixed" | "hideSelectAll" | "preserveSelectedRowKeys" | "type" | "checkStrictly"> {
     showSelectInfo?: boolean;
+    rowDisabled?: string | boolean;
 }
 export type RowSelectionType = boolean | RowSelectionConfig | undefined;
 interface ExpandableConfig extends Pick<TableExpandableConfig<RecordType>, "columnWidth" | "expandRowByClick" | "defaultExpandAllRows" | "fixed" | "showExpandColumn"> {
@@ -38,4 +50,8 @@ interface ExpandableConfig extends Pick<TableExpandableConfig<RecordType>, "colu
     rowExpandable?: string | boolean;
 }
 export type ExpandableType = boolean | ExpandableConfig | undefined;
+export interface Sort {
+    columnKey?: string | number;
+    order?: SortOrder;
+}
 export {};