@next-bricks/advanced 0.7.1 → 0.9.0

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

@@ -1,18 +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;
+    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;
@@ -21,6 +31,7 @@ interface NextTableComponentProps {
         page: number;
         pageSize: number;
     }) => void;
+    onSort?: (detail?: Sort | Sort[]) => void;
     onRowSelect?: (detail: {
         keys: (string | number)[];
         rows: RecordType[];
@@ -33,6 +44,11 @@ interface NextTableComponentProps {
         record: RecordType;
     }) => void;
     onExpandedRowsChange?: (detail: (string | number)[]) => void;
+    onRowDrag?: (detail: {
+        list: RecordType[];
+        active: RecordType;
+        over: RecordType;
+    }) => void;
 }
 export interface NextTableComponentRef {
     search: (params: {

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,10 +56,34 @@ export declare class EoNextTable extends ReactNextElement {
      * 展开项的 key
      */
     accessor expandedRowKeys: (string | number)[] | undefined;
+    /**
+     * 树形结构的列名
+     */
+    accessor childrenColumnName: string;
+    /**
+     * 表格行拖拽配置
+     */
+    accessor rowDraggable: boolean | undefined;
     /**
      * 进行前端搜索的字段，支持嵌套的写法。不配置的时候默认为对所有 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,14 +1,29 @@
 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;
     };
     /** 内容自定义展示构件 */
     useBrick?: UseBrickConf;
+    /** 记录表格列合并的值的 key */
+    cellColSpanKey?: string;
+    /** 记录表格行合并的值的 key */
+    cellRowSpanKey?: string;
+    /** 是否可排序 */
+    sortable?: boolean;
+    /** 前端搜索时，多列排序优先级，数字越大优先级越高 */
+    sortPriority?: number;
+    /** 垂直对齐方式 */
+    verticalAlign?: CSSProperties["verticalAlign"];
+    /** 单元格样式 */
+    cellStyle?: CSSProperties;
+    /** 头部单元格样式 */
+    headerStyle?: CSSProperties;
 }
 export interface DataSource {
     list?: RecordType[];
@@ -20,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"> {
@@ -34,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 {};

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

@@ -1,3 +1,4 @@
+import { Column, RecordType } from "./interface.js";
 export declare const DEFAULT_PAGE_SIZE = 20;
 export declare const DEFAULT_PAGE = 1;
 export declare const defaultPaginationConfig: {
@@ -9,3 +10,18 @@ export declare const defaultRowSelectionConfig: {
     showSelectInfo: boolean;
 };
 export declare function getSearchKeywords(value: unknown): string[];
+export declare function getValueByDataIndex(record: RecordType, dataIndex: Column["dataIndex"]): any;
+export declare function searchList({ list, columns, q, searchFields, childrenColumnName, }: {
+    list?: RecordType[];
+    columns?: Column[];
+    q?: string;
+    searchFields?: (string | string[])[];
+    childrenColumnName: string;
+}): RecordType[] | undefined;
+export declare function isPlainObject(value: unknown): value is Record<string, any>;
+export declare function getAllKeys({ list, rowKey, childrenColumnName, }: {
+    list?: RecordType[];
+    rowKey: string;
+    childrenColumnName: string;
+}): (string | number)[];
+export declare function naturalComparator(a: unknown, b: unknown): number;