@next-bricks/advanced 0.6.0 → 0.7.0

package/dist/types.json

@@ -1292,6 +1292,38 @@
           }
         }
       },
+      {
+        "name": "expandable",
+        "annotation": {
+          "type": "reference",
+          "typeName": {
+            "type": "identifier",
+            "name": "ExpandableType"
+          }
+        }
+      },
+      {
+        "name": "expandedRowKeys",
+        "annotation": {
+          "type": "array",
+          "elementType": {
+            "type": "parenthesizedType",
+            "annotation": {
+              "type": "union",
+              "types": [
+                {
+                  "type": "keyword",
+                  "value": "string"
+                },
+                {
+                  "type": "keyword",
+                  "value": "number"
+                }
+              ]
+            }
+          }
+        }
+      },
       {
         "name": "searchFields",
         "annotation": {
@@ -1469,6 +1501,67 @@
             ]
           }
         }
+      },
+      {
+        "name": "row.expand",
+        "detail": {
+          "annotation": {
+            "type": "typeLiteral",
+            "members": [
+              {
+                "type": "propertySignature",
+                "key": {
+                  "type": "identifier",
+                  "name": "expanded"
+                },
+                "annotation": {
+                  "type": "keyword",
+                  "value": "boolean"
+                },
+                "computed": false
+              },
+              {
+                "type": "propertySignature",
+                "key": {
+                  "type": "identifier",
+                  "name": "record"
+                },
+                "annotation": {
+                  "type": "reference",
+                  "typeName": {
+                    "type": "identifier",
+                    "name": "RecordType"
+                  }
+                },
+                "computed": false
+              }
+            ]
+          }
+        }
+      },
+      {
+        "name": "expanded.rows.change",
+        "detail": {
+          "annotation": {
+            "type": "array",
+            "elementType": {
+              "type": "parenthesizedType",
+              "annotation": {
+                "type": "union",
+                "types": [
+                  {
+                    "type": "keyword",
+                    "value": "string"
+                  },
+                  {
+                    "type": "keyword",
+                    "value": "number"
+                  }
+                ]
+              }
+            }
+          }
+        }
       }
     ],
     "methods": [
@@ -1871,6 +1964,174 @@
             }
           }
         ]
+      },
+      {
+        "type": "typeAlias",
+        "name": "ExpandableType",
+        "annotation": {
+          "type": "union",
+          "types": [
+            {
+              "type": "keyword",
+              "value": "boolean"
+            },
+            {
+              "type": "reference",
+              "typeName": {
+                "type": "identifier",
+                "name": "ExpandableConfig"
+              }
+            },
+            {
+              "type": "keyword",
+              "value": "undefined"
+            }
+          ]
+        }
+      },
+      {
+        "type": "interface",
+        "name": "ExpandableConfig",
+        "body": [
+          {
+            "type": "propertySignature",
+            "key": {
+              "type": "identifier",
+              "name": "expandIconBrick"
+            },
+            "annotation": {
+              "type": "typeLiteral",
+              "members": [
+                {
+                  "type": "propertySignature",
+                  "key": {
+                    "type": "identifier",
+                    "name": "useBrick"
+                  },
+                  "annotation": {
+                    "type": "reference",
+                    "typeName": {
+                      "type": "identifier",
+                      "name": "UseBrickConf"
+                    }
+                  },
+                  "computed": false
+                }
+              ]
+            },
+            "optional": true,
+            "computed": false
+          },
+          {
+            "type": "propertySignature",
+            "key": {
+              "type": "identifier",
+              "name": "expandedRowBrick"
+            },
+            "annotation": {
+              "type": "typeLiteral",
+              "members": [
+                {
+                  "type": "propertySignature",
+                  "key": {
+                    "type": "identifier",
+                    "name": "useBrick"
+                  },
+                  "annotation": {
+                    "type": "reference",
+                    "typeName": {
+                      "type": "identifier",
+                      "name": "UseBrickConf"
+                    }
+                  },
+                  "computed": false
+                }
+              ]
+            },
+            "optional": true,
+            "computed": false
+          },
+          {
+            "type": "propertySignature",
+            "key": {
+              "type": "identifier",
+              "name": "rowExpandable"
+            },
+            "annotation": {
+              "type": "union",
+              "types": [
+                {
+                  "type": "keyword",
+                  "value": "string"
+                },
+                {
+                  "type": "keyword",
+                  "value": "boolean"
+                }
+              ]
+            },
+            "optional": true,
+            "computed": false
+          }
+        ],
+        "extends": [
+          {
+            "type": "expressionWithTypeArguments",
+            "expression": {
+              "type": "identifier",
+              "name": "Pick"
+            },
+            "typeParameters": {
+              "type": "typeParameterInstantiation",
+              "params": [
+                {
+                  "type": "reference",
+                  "typeName": {
+                    "type": "identifier",
+                    "name": "TableExpandableConfig"
+                  },
+                  "typeParameters": {
+                    "type": "typeParameterInstantiation",
+                    "params": [
+                      {
+                        "type": "reference",
+                        "typeName": {
+                          "type": "identifier",
+                          "name": "RecordType"
+                        }
+                      }
+                    ]
+                  }
+                },
+                {
+                  "type": "union",
+                  "types": [
+                    {
+                      "type": "jsLiteral",
+                      "value": "columnWidth"
+                    },
+                    {
+                      "type": "jsLiteral",
+                      "value": "expandRowByClick"
+                    },
+                    {
+                      "type": "jsLiteral",
+                      "value": "defaultExpandAllRows"
+                    },
+                    {
+                      "type": "jsLiteral",
+                      "value": "fixed"
+                    },
+                    {
+                      "type": "jsLiteral",
+                      "value": "showExpandColumn"
+                    }
+                  ]
+                }
+              ]
+            }
+          }
+        ]
       }
     ]
   }

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

@@ -1,5 +1,5 @@
 import React from "react";
-import { Column, RecordType, DataSource, PaginationType, RowSelectionType } from "./interface.js";
+import { Column, RecordType, DataSource, PaginationType, RowSelectionType, ExpandableType } from "./interface.js";
 import { RowSelectMethod } from "antd/es/table/interface.js";
 interface NextTableComponentProps {
     shadowRoot: ShadowRoot | null;
@@ -10,6 +10,8 @@ interface NextTableComponentProps {
     rowSelection?: RowSelectionType;
     selectedRowKeys?: (string | number)[];
     hiddenColumns?: (string | number)[];
+    expandable?: ExpandableType;
+    expandedRowKeys?: (string | number)[];
     searchFields?: (string | string[])[];
     onPageChange?: (detail: {
         page: number;
@@ -26,6 +28,11 @@ interface NextTableComponentProps {
             type: RowSelectMethod;
         };
     }) => void;
+    onRowExpand?: (detail: {
+        expanded: boolean;
+        record: RecordType;
+    }) => void;
+    onExpandedRowsChange?: (detail: (string | number)[]) => void;
 }
 export interface NextTableComponentRef {
     search: (params: {

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

@@ -1,7 +1,7 @@
 /// <reference types="react" resolution-mode="require"/>
 import { ReactNextElement } from "@next-core/react-element";
 import "@next-core/theme";
-import { Column, DataSource, PaginationType, RowSelectionType } from "./interface.js";
+import { Column, DataSource, ExpandableType, PaginationType, RowSelectionType } from "./interface.js";
 /**
  * 大型表格
  */
@@ -35,6 +35,14 @@ export declare class EoNextTable extends ReactNextElement {
      * 隐藏的列（输入对应的 column.key）
      */
     accessor hiddenColumns: (string | number)[] | undefined;
+    /**
+     * 表格行展开配置
+     */
+    accessor expandable: ExpandableType;
+    /**
+     * 展开项的 key
+     */
+    accessor expandedRowKeys: (string | number)[] | undefined;
     /**
      * 进行前端搜索的字段，支持嵌套的写法。不配置的时候默认为对所有 column.dataIndex 进行前端搜索
      */

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

@@ -1,5 +1,5 @@
 import type { ColumnType, TablePaginationConfig } from "antd/es/table";
-import type { TableRowSelection } from "antd/es/table/interface.js";
+import type { ExpandableConfig as TableExpandableConfig, TableRowSelection } from "antd/es/table/interface.js";
 import type { UseBrickConf } from "@next-core/types";
 export type RecordType = Record<string, any>;
 export interface Column extends ColumnType<RecordType> {
@@ -24,4 +24,14 @@ interface RowSelectionConfig extends Pick<TableRowSelection<RecordType>, "column
     showSelectInfo?: boolean;
 }
 export type RowSelectionType = boolean | RowSelectionConfig | undefined;
+interface ExpandableConfig extends Pick<TableExpandableConfig<RecordType>, "columnWidth" | "expandRowByClick" | "defaultExpandAllRows" | "fixed" | "showExpandColumn"> {
+    expandIconBrick?: {
+        useBrick: UseBrickConf;
+    };
+    expandedRowBrick?: {
+        useBrick: UseBrickConf;
+    };
+    rowExpandable?: string | boolean;
+}
+export type ExpandableType = boolean | ExpandableConfig | undefined;
 export {};

package/docs/eo-next-table.md

@@ -253,3 +253,92 @@
           age: 16
           address: Taiwan
 ```
+
+### Expandable
+
+```yaml preview
+- brick: eo-next-table
+  events:
+    row.expand:
+      - action: console.log
+    expanded.rows.change:
+      - action: console.log
+  properties:
+    expandable:
+      columnWidth: 100px
+      rowExpandable: <% DATA.rowData.key % 2 === 0 %>
+      expandIconBrick:
+        useBrick:
+          brick: eo-link
+          properties:
+            disabled: "<% !DATA.expandable %>"
+            textContent: "<% DATA.expanded ? '点击收起' : '点击展开' %>"
+      expandedRowBrick:
+        useBrick:
+          brick: div
+          properties:
+            textContent: <% DATA.rowData.name %>
+    pagination:
+      pageSizeOptions:
+        - 5
+        - 10
+        - 20
+    columns:
+      - dataIndex: name
+        key: name
+        title: Name
+      - dataIndex: age
+        key: age
+        title: Age
+      - dataIndex: address
+        key: address
+        title: Address
+    dataSource:
+      pageSize: 5
+      page: 1
+      list:
+        - key: 0
+          name: Jack
+          age: 18
+          address: Guangzhou
+        - key: 1
+          name: Alex
+          age: 20
+          address: Shanghai
+        - key: 2
+          name: Lucy
+          age: 16
+          address: Yunnan
+        - key: 3
+          name: Sam
+          age: 28
+          address: Guangzhou
+        - key: 4
+          name: Bob
+          age: 35
+          address: Hainan
+        - key: 5
+          name: Ava
+          age: 23
+          address: Beijing
+        - key: 6
+          name: Sophia
+          age: 20
+          address: Shanghai
+        - key: 7
+          name: Charlotte
+          age: 33
+          address: Chongqing
+        - key: 8
+          name: Mia
+          age: 18
+          address: Chengdu
+        - key: 9
+          name: Noah
+          age: 38
+          address: Hainan
+        - key: 10
+          name: William
+          age: 16
+          address: Taiwan
+```

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@next-bricks/advanced",
-  "version": "0.6.0",
+  "version": "0.7.0",
   "homepage": "https://github.com/easyops-cn/next-bricks/tree/master/bricks/basic",
   "repository": {
     "type": "git",
@@ -37,5 +37,5 @@
     "@next-core/build-next-bricks": "^1.14.2",
     "@next-core/test-next": "^1.0.10"
   },
-  "gitHead": "b5cca752aa869c88c9824404cfad265e6c3beed1"
+  "gitHead": "f37227b7c2e7fb8478d479ed94cb8ec4a741cf4e"
 }