419 lines
21 KiB
TypeScript
419 lines
21 KiB
TypeScript
import React from 'react';
|
|
import PropTypes from 'prop-types';
|
|
|
|
/**
|
|
* 处理表格列配置:为每列注入 onCell,并按 middlewares/widgetByJs 组装渲染中间件链(通过 DataConverter)生成最终的 render 函数
|
|
* @param {Array<Object>} columns 原始列配置(可能包含 widgetByJs/widgetByJsSetting/middlewares/render)
|
|
* @param {Object} [base62params={}] 分页/查询参数,仅作为依赖项触发重新计算
|
|
* @returns {Array<Object>} 处理后可直接传给 antd Table 的列配置
|
|
*/
|
|
declare function useColumnsRender(columns: Array<any>, base62params?: any): Array<any>;
|
|
/**
|
|
* 补全 antd Table 的 components 配置,确保 body.cell 默认使用可编辑单元格组件 DataListCellEditable
|
|
* @param {Object} [components={}] 原始 components 配置
|
|
* @returns {Object} 补全后的 components 配置
|
|
*/
|
|
declare function useCellEditableComponents(components?: any): any;
|
|
/**
|
|
* 根据 listCode 拉取列表结构配置(字段/列/分页/布局等元数据)
|
|
* @param {string} listCode 列表标识
|
|
* @returns {Object} 列表结构配置,请求完成前为空对象
|
|
*/
|
|
declare function useStructure(listCode: string): any;
|
|
/**
|
|
* 根据 listCode 及查询参数拉取列表数据
|
|
* @param {string} listCode 列表标识
|
|
* @param {Object} [base62params={}] 查询参数,会与 page:1 合并后进行 base62 编码请求
|
|
* @returns {Object} 接口返回的数据,包含 dataSource 等字段;请求完成前为 { dataSource: [] }
|
|
*/
|
|
declare function useDataSource(listCode: string, base62params?: any): any;
|
|
/**
|
|
* 生成一个按权限映射过滤某行数据可用行内操作按钮的函数
|
|
* @param {Array<Object>} [itemOperations=[]] 行内操作按钮配置
|
|
* @param {Map<string, Array>} [itemOperationsAccess=new Map] 操作 uuid 到有权限的数据主键列表的映射
|
|
* @param {string} [pk='id'] 主键字段名
|
|
* @param {string} [resource] 数据嵌套的资源字段名(主键从 data[resource][pk] 取值)
|
|
* @returns {(data: Object) => Array<Object>} 传入一行数据,返回其可用操作按钮列表
|
|
*/
|
|
declare function useItemOperationsAccess(itemOperations?: Array<any>, itemOperationsAccess?: Map<string, any[]>, pk?: string, resource?: string): (data: any) => Array<any>;
|
|
/**
|
|
* 判断是否需要渲染操作列:操作按钮需通过全局权限校验(auth.check),且(若配置了行级权限映射)当前数据中至少一行拥有权限
|
|
* @param {Array<Object>} [operations=[]] 操作按钮配置
|
|
* @param {Map<string, Array>} [itemOperationsAccess=new Map] 操作 uuid 到有权限的数据主键列表的映射
|
|
* @param {Array<Object>} [dataSource=[]] 当前页数据
|
|
* @param {string} [pk='id'] 主键字段名
|
|
* @param {string} [resource] 数据嵌套的资源字段名
|
|
* @returns {boolean} 是否存在可展示的操作列
|
|
*/
|
|
declare function useHasOperationColumn(operations?: Array<any>, itemOperationsAccess?: Map<string, any[]>, dataSource?: Array<any>, pk?: string, resource?: string): boolean;
|
|
/**
|
|
* 生成行内/批量操作点击后的处理逻辑:isRefresh=1 触发整体刷新(onReload),isRefresh=2 仅拉取该行最新详情与权限并合并回 dataSource(局部刷新)
|
|
* @param {Object} props 列表状态,须包含 dataSource/itemOperationsAccess/onReload
|
|
* @param {string} listCode 列表标识
|
|
* @param {string} [primaryKey='id'] 主键字段名
|
|
* @param {string} [resource=null] 数据嵌套的资源字段名
|
|
* @returns {[Object, (isRefresh: number, item?: Object) => void]} 元组:可能已合并局部刷新结果的 props,以及操作点击回调
|
|
*/
|
|
declare function useOperationCallback(props: any, listCode: string, primaryKey?: string, resource?: string): [any, (isRefresh: number, item?: any) => void];
|
|
/**
|
|
* 组合式获取并管理列表数据(分页/tab/筛选条件/侧边栏/关键字等),供 DataListHelper 使用
|
|
* @param {string} listCode 列表标识
|
|
* @param {Object} base62params 初始查询参数
|
|
* @returns {Object} 列表状态与操作方法(dataSource/tab/page/pageSize/condition/sider/keyword/total/itemOperationsAccess/onXxxChange/onReload/payload 等)
|
|
*/
|
|
declare function useDataListHelper(listCode: string, base62params: any): any;
|
|
|
|
/**
|
|
* 数据列表根组件:根据 isItemGridLayout 选择宫格(DataListFramework)或表格(DataTableFramework)布局,
|
|
* 也可通过 theme 动态加载自定义主题组件替代默认布局;并通过 DataListContext 向下透传分页/筛选/选中等状态与操作方法
|
|
* @param {Object} props
|
|
* @param {boolean} [props.isItemGridLayout] 是否使用宫格布局(否则使用表格布局,theme 设置时忽略)
|
|
* @param {string} [props.theme] 自定义主题组件标识,设置后通过 core.getWidgetComponent 动态加载并替代默认布局
|
|
* @param {Object} [props.themeProps] 传给自定义主题组件的 $setting
|
|
* @param {Function} [props.onClickCallback] 行内/批量操作点击后的回调
|
|
* @param {Function} [props.onReload] 刷新回调
|
|
* @param {string} [props.listCode] 列表标识
|
|
* @param {number} [props.total=0] 数据总条数
|
|
* @param {number} [props.page=0] 当前页码
|
|
* @param {Function} [props.onPageChange] 页码变更回调
|
|
* @param {number} [props.pageSize=30] 每页条数
|
|
* @param {Function} [props.onPageSizeChange] 每页条数变更回调
|
|
* @param {*} [props.tab] 当前选中的 tab
|
|
* @param {Function} [props.onTabChange] tab 变更回调
|
|
* @param {string} [props.keyword] 关键字搜索值
|
|
* @param {Function} [props.onKeywordChange] 关键字变更回调
|
|
* @param {Object} [props.condition] 筛选条件
|
|
* @param {Function} [props.onConditionChange] 筛选条件变更回调
|
|
* @param {*} [props.sider] 侧边栏选中值
|
|
* @param {Function} [props.onSiderChange] 侧边栏选中值变更回调
|
|
* @param {boolean|Object} [props.layouts] 自定义子布局组件集合(sider/filter/footer/toolbar/empty),false 表示全部隐藏
|
|
* @param {Object} [props.classNames={}] 各区块自定义 className
|
|
* @param {Object} [props.payload={}] 附加请求参数
|
|
* @param {Array} [props.dataSource=[]] 列表数据
|
|
* @param {Object} [props.rowSelection] 行选择配置
|
|
* @param {Function} [props.getSelectedRows] 获取已选中行的方法,未提供时默认返回 dataSource
|
|
* @param {string} [props.primaryKey] 主键字段名
|
|
*/
|
|
declare function DataList({ isItemGridLayout, theme, themeProps, onClickCallback, onReload, listCode, total, page, onPageChange, pageSize, onPageSizeChange, tab, onTabChange, keyword, onKeywordChange, condition, onConditionChange, sider, onSiderChange, layouts, classNames, payload, dataSource, rowSelection, getSelectedRows: getSelectedRowsProp, primaryKey, ...props }: {
|
|
isItemGridLayout?: boolean;
|
|
theme?: string;
|
|
themeProps?: any;
|
|
onClickCallback?: Function;
|
|
onReload?: Function;
|
|
listCode?: string;
|
|
total?: number;
|
|
page?: number;
|
|
onPageChange?: Function;
|
|
pageSize?: number;
|
|
onPageSizeChange?: Function;
|
|
tab?: any;
|
|
onTabChange?: Function;
|
|
keyword?: string;
|
|
onKeywordChange?: Function;
|
|
condition?: any;
|
|
onConditionChange?: Function;
|
|
sider?: any;
|
|
onSiderChange?: Function;
|
|
layouts?: boolean | any;
|
|
classNames?: any;
|
|
payload?: any;
|
|
dataSource?: any[];
|
|
rowSelection?: any;
|
|
getSelectedRows?: Function;
|
|
primaryKey?: string;
|
|
}): React.JSX.Element;
|
|
declare namespace DataList {
|
|
namespace propTypes {
|
|
let classNames: PropTypes.Requireable<Required<PropTypes.InferProps<{
|
|
sider: PropTypes.Requireable<string>;
|
|
filter: PropTypes.Requireable<string>;
|
|
footer: PropTypes.Requireable<string>;
|
|
toolbar: PropTypes.Requireable<string>;
|
|
container: PropTypes.Requireable<string>;
|
|
content: PropTypes.Requireable<string>;
|
|
item: PropTypes.Requireable<string>;
|
|
empty: PropTypes.Requireable<string>;
|
|
}>>>;
|
|
let layouts: PropTypes.Requireable<NonNullable<boolean | Required<PropTypes.InferProps<{
|
|
sider: PropTypes.Requireable<NonNullable<PropTypes.ReactElementLike | PropTypes.ReactComponentLike>>;
|
|
filter: PropTypes.Requireable<NonNullable<PropTypes.ReactElementLike | PropTypes.ReactComponentLike>>;
|
|
footer: PropTypes.Requireable<NonNullable<PropTypes.ReactElementLike | PropTypes.ReactComponentLike>>;
|
|
toolbar: PropTypes.Requireable<NonNullable<PropTypes.ReactElementLike | PropTypes.ReactComponentLike>>;
|
|
empty: PropTypes.Requireable<NonNullable<PropTypes.ReactElementLike | PropTypes.ReactComponentLike>>;
|
|
}>>>>;
|
|
}
|
|
}
|
|
|
|
/**
|
|
* 列表筛选区:isConditionFormLayout 为 true 时拉取后台配置的条件表单结构并渲染 GridLayoutForm,否则渲染默认的关键字搜索框
|
|
* @param {Object} props
|
|
* @param {string} [props.className] 自定义 className
|
|
* @param {boolean} [props.isConditionFormLayout] 是否使用后台配置的条件表单布局
|
|
*/
|
|
declare function DataListFilter({ className, isConditionFormLayout }: {
|
|
className?: string;
|
|
isConditionFormLayout?: boolean;
|
|
}): React.JSX.Element;
|
|
declare namespace DataListFilter {
|
|
let reservedFields: {
|
|
x: number;
|
|
y: number;
|
|
h: number;
|
|
w: number;
|
|
field: {
|
|
isVirtual: boolean;
|
|
widgetPrefix: string;
|
|
widget: string;
|
|
code: string;
|
|
label: string;
|
|
placeholder: string;
|
|
extras: {
|
|
prefix: string;
|
|
};
|
|
};
|
|
}[];
|
|
}
|
|
|
|
/**
|
|
* 列表工具栏:展示标题、tab 面包屑导航以及刷新等操作按钮
|
|
* @param {Object} props
|
|
* @param {string} [props.className] 自定义 className
|
|
* @param {string} [props.title] 列表标题
|
|
* @param {Array<Object>} [props.tabs] tab 配置列表
|
|
*/
|
|
declare function DataListToolbar({ className, title, tabs }: {
|
|
className?: string;
|
|
title?: string;
|
|
tabs?: Array<any>;
|
|
}): React.JSX.Element;
|
|
|
|
/**
|
|
* 列表侧边栏:isTreeSider 为 true 时渲染目录树(当前 treeData 为占位示例数据)
|
|
* @param {Object} props
|
|
* @param {string} [props.className] 自定义 className
|
|
* @param {number} [props.width=280] 侧边栏宽度
|
|
* @param {boolean} [props.isTreeSider] 是否渲染树形侧边栏
|
|
*/
|
|
declare function DataListSider({ className, width, isTreeSider }: {
|
|
className?: string;
|
|
width?: number;
|
|
isTreeSider?: boolean;
|
|
}): React.JSX.Element;
|
|
|
|
/**
|
|
* 列表底部:渲染批量操作按钮与分页器;operations 为空且不分页时不渲染任何内容
|
|
* @param {Object} props
|
|
* @param {string} [props.className] 自定义 className
|
|
* @param {Array<Object>} [props.operations] 批量操作按钮配置
|
|
* @param {boolean} [props.isOperations] 是否展示批量操作按钮
|
|
* @param {boolean} [props.isPaginate] 是否展示分页器
|
|
*/
|
|
declare function DataListFooter({ className, operations, isOperations, isPaginate }: {
|
|
className?: string;
|
|
operations?: Array<any>;
|
|
isOperations?: boolean;
|
|
isPaginate?: boolean;
|
|
}): React.JSX.Element;
|
|
|
|
/**
|
|
* DataList 的开箱即用封装:根据 listCode 自动拉取结构与数据、管理分页/筛选/选中等状态,
|
|
* 并通过 ref 暴露 onReload/onClickCallback/getSelectedRows
|
|
* @param {Object} props
|
|
* @param {string} props.listCode 列表标识
|
|
* @param {Object} [props.base62params] 初始查询参数
|
|
* @param {string} [props.className] 自定义 className
|
|
* @param {string} [props.theme] 自定义主题组件标识,未传时使用结构配置中的 theme
|
|
* @param {Object} [props.themeProps] 传给主题组件的 $setting,会与结构配置中的 themeConfig 合并
|
|
* @param {boolean|Object} [props.layouts] 自定义子布局组件集合
|
|
* @param {Object} [props.classNames] 各区块自定义 className
|
|
* @param {Object} [props.rowSelection] 行选择配置(type/selectedRowKeys/defaultSelectedRowKeys/onChange 等)
|
|
* @param {(dataSource: Array, meta: Object) => void} [props.onDataSourceChange] dataSource 变更后的回调
|
|
*/
|
|
declare const DataListHelper: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
|
|
|
|
declare const _default: React.Context<{
|
|
listCode: string;
|
|
classNames: {};
|
|
getBase62params: (k: any, defaultValue: any) => void;
|
|
getSelectedRows: () => any[];
|
|
onReload: () => void;
|
|
onClickCallback: () => void;
|
|
onConditionChange: () => void;
|
|
onTabChange: () => void;
|
|
onSiderChange: () => void;
|
|
onKeywordChange: () => void;
|
|
onPageChange: () => void;
|
|
onPageSizeChange: () => void;
|
|
reload: () => void;
|
|
setPage: () => void;
|
|
setPageSize: () => void;
|
|
setTab: () => void;
|
|
setSider: () => void;
|
|
setKeyword: () => void;
|
|
setCondition: () => void;
|
|
}>;
|
|
|
|
/**
|
|
* 列表表格视图:在 antd Table 基础上支持列宽按容器自适应缩放、单元格可编辑、默认展开行等能力
|
|
* @param {Object} props
|
|
* @param {string} [props.className] 自定义 className
|
|
* @param {string} [props.primaryKey] 主键字段名
|
|
* @param {Array<Object>} [props.columns=[]] 列配置
|
|
* @param {Array<Object>} [props.dataSource=[]] 表格数据
|
|
* @param {(record: Object, index: number) => *} [props.operationRender] 操作列渲染函数,提供时会追加一列操作列
|
|
* @param {number} [props.operationWidth=180] 操作列宽度
|
|
* @param {Object} [props.components={}] antd Table 的 components 配置
|
|
* @param {Object} [props.rowSelection] 行选择配置
|
|
*/
|
|
declare function DataListTable({ className, primaryKey, columns, dataSource, operationRender, operationWidth, components, rowSelection, ...props }: {
|
|
className?: string;
|
|
primaryKey?: string;
|
|
columns?: Array<any>;
|
|
dataSource?: Array<any>;
|
|
operationRender?: (record: any, index: number) => any;
|
|
operationWidth?: number;
|
|
components?: any;
|
|
rowSelection?: any;
|
|
}): React.JSX.Element;
|
|
|
|
/**
|
|
* 列表宫格(卡片)视图:基于 GridLayout 渲染每条数据的卡片,并处理行选中状态
|
|
* @param {Object} props
|
|
* @param {number} [props.column=0] 每行列数
|
|
* @param {number} [props.colWidth=0] 列宽
|
|
* @param {number} [props.cols] GridLayout 栅格总列数
|
|
* @param {number} [props.rowHeight] 行高
|
|
* @param {[number, number]} [props.itemMargin] 卡片间距 [marginX, marginY]
|
|
* @param {*} [props.containerPadding] 容器内边距
|
|
* @param {Array<Object>} [props.fields] 卡片内字段/组件布局配置
|
|
* @param {string} [props.primaryKey] 主键字段名
|
|
* @param {Array<Object>} [props.dataSource] 列表数据
|
|
* @param {(dataSource: Array) => *} [props.beforeRender=null] 数据渲染前的额外内容
|
|
* @param {(dataSource: Array) => *} [props.afterRender=null] 数据渲染后的额外内容
|
|
* @param {string} [props.itemClassName] 传给每张卡片(itemRender.children)的 className
|
|
* @param {(children: *, data: Object, index: number) => *} [props.itemRender] 卡片渲染包装函数
|
|
* @param {*} [props.empty] 空数据时展示的内容
|
|
* @param {string} [props.className] 自定义 className
|
|
* @param {Object} [props.style={}] 容器行内样式
|
|
* @param {string} [props.theme] GridLayout 主题
|
|
* @param {Object} [props.themeProps={}] GridLayout 主题参数
|
|
* @param {Array<Object>} [props.groups=[{ key: 'default', label: '默认' }]] 分组配置
|
|
* @param {Object} [props.rowSelection] 行选择配置(selectedRowKeys/onChange/type)
|
|
*/
|
|
declare function DataListContent({ column, colWidth, cols, rowHeight, itemMargin, containerPadding, fields, primaryKey, dataSource, beforeRender, afterRender, itemClassName, itemRender, empty, className, style, theme, themeProps, groups, rowSelection, }: {
|
|
column?: number;
|
|
colWidth?: number;
|
|
cols?: number;
|
|
rowHeight?: number;
|
|
itemMargin?: [number, number];
|
|
containerPadding?: any;
|
|
fields?: Array<any>;
|
|
primaryKey?: string;
|
|
dataSource?: Array<any>;
|
|
beforeRender?: (dataSource: any[]) => any;
|
|
afterRender?: (dataSource: any[]) => any;
|
|
itemClassName?: string;
|
|
itemRender?: (children: any, data: any, index: number) => any;
|
|
empty?: any;
|
|
className?: string;
|
|
style?: any;
|
|
theme?: string;
|
|
themeProps?: any;
|
|
groups?: Array<any>;
|
|
rowSelection?: any;
|
|
}): React.JSX.Element;
|
|
|
|
/**
|
|
* 宫格列表整体布局:组合侧边栏/筛选/工具栏/内容(卡片列表)/底部分页等子区块,并为每条数据包装行内操作按钮
|
|
* @param {Object} props
|
|
* @param {string} [props.listCode] 列表标识
|
|
* @param {string} [props.className] 自定义 className
|
|
* @param {Object} [props.layouts={}] 子布局组件集合 { sider, filter, toolbar, footer, empty }
|
|
* @param {Array<Object>} [props.dataSource] 列表数据
|
|
* @param {boolean} [props.isPaginate] 是否分页
|
|
* @param {boolean} [props.isItemOperations] 是否展示行内操作按钮
|
|
* @param {boolean} [props.isBatchOperations] 是否展示批量操作按钮
|
|
* @param {Array<Object>} [props.batchOperations] 批量操作按钮配置
|
|
* @param {Array<Object>} [props.itemOperations] 行内操作按钮配置
|
|
* @param {Map<string, Array>} [props.itemOperationsAccess] 行内操作权限映射
|
|
* @param {string} [props.resource] 数据嵌套的资源字段名
|
|
* @param {string} [props.primaryKey] 主键字段名
|
|
* @param {string} [props.title] 列表标题
|
|
* @param {Object} [props.itemGridLayout] 卡片宫格布局配置,透传给 DataListContent
|
|
* @param {Object} [props.$setting] 主题设置,包含 column/colWidth/beforeRender/afterRender/style/itemMargin/containerPadding/isMarkSelected
|
|
* @param {Array<Object>} [props.tabs] tab 配置
|
|
* @param {boolean} [props.isConditionFormLayout] 是否使用条件表单布局
|
|
* @param {boolean} [props.isTreeSider] 是否展示树形侧边栏
|
|
* @param {Object} [props.treeSiderConfig] 树形侧边栏配置
|
|
* @param {Object} [props.rowSelection] 行选择配置
|
|
*/
|
|
declare function DataListFramework({ listCode, className, layouts, dataSource, isPaginate, isItemOperations, isBatchOperations, batchOperations, itemOperations, itemOperationsAccess, resource, primaryKey, title, itemGridLayout, $setting, tabs, isConditionFormLayout, isTreeSider, treeSiderConfig, rowSelection, }: {
|
|
listCode?: string;
|
|
className?: string;
|
|
layouts?: any;
|
|
dataSource?: Array<any>;
|
|
isPaginate?: boolean;
|
|
isItemOperations?: boolean;
|
|
isBatchOperations?: boolean;
|
|
batchOperations?: Array<any>;
|
|
itemOperations?: Array<any>;
|
|
itemOperationsAccess?: Map<string, any[]>;
|
|
resource?: string;
|
|
primaryKey?: string;
|
|
title?: string;
|
|
itemGridLayout?: any;
|
|
$setting?: any;
|
|
tabs?: Array<any>;
|
|
isConditionFormLayout?: boolean;
|
|
isTreeSider?: boolean;
|
|
treeSiderConfig?: any;
|
|
rowSelection?: any;
|
|
}): React.JSX.Element;
|
|
|
|
/**
|
|
* 表格列表整体布局:组合侧边栏/筛选/工具栏/表格(DataListTable)/底部分页等子区块,并按权限计算操作列
|
|
* @param {Object} props
|
|
* @param {string} [props.listCode] 列表标识
|
|
* @param {string} [props.className] 自定义 className
|
|
* @param {Object} [props.layouts={}] 子布局组件集合 { sider, filter, toolbar, footer }
|
|
* @param {Array<Object>} [props.dataSource] 表格数据
|
|
* @param {Array<Object>} [props.columns] 表格列配置
|
|
* @param {boolean} [props.isItemOperations] 是否展示行内操作按钮(结合权限计算实际是否展示操作列)
|
|
* @param {boolean} [props.isBatchOperations] 是否展示批量操作按钮
|
|
* @param {Array<Object>} [props.batchOperations] 批量操作按钮配置
|
|
* @param {Array<Object>} [props.itemOperations] 行内操作按钮配置
|
|
* @param {Map<string, Array>} [props.itemOperationsAccess] 行内操作权限映射
|
|
* @param {string} [props.resource] 数据嵌套的资源字段名
|
|
* @param {string} [props.primaryKey] 主键字段名
|
|
* @param {string} [props.title] 列表标题
|
|
* @param {Array<Object>} [props.tabs] tab 配置
|
|
* @param {boolean} [props.isPaginate] 是否分页
|
|
* @param {Object} [props.rowSelection] 行选择配置
|
|
* @param {boolean} [props.isTreeSider] 是否展示树形侧边栏
|
|
* @param {Object} [props.treeSiderConfig] 树形侧边栏配置
|
|
* @param {boolean} [props.isConditionFormLayout] 是否使用条件表单布局
|
|
*/
|
|
declare function DataTableFramework({ listCode, className, layouts, dataSource, columns, isItemOperations, isBatchOperations, batchOperations, itemOperations, itemOperationsAccess, resource, primaryKey, title, tabs, isPaginate, rowSelection, isTreeSider, treeSiderConfig, isConditionFormLayout, ...props }: {
|
|
listCode?: string;
|
|
className?: string;
|
|
layouts?: any;
|
|
dataSource?: Array<any>;
|
|
columns?: Array<any>;
|
|
isItemOperations?: boolean;
|
|
isBatchOperations?: boolean;
|
|
batchOperations?: Array<any>;
|
|
itemOperations?: Array<any>;
|
|
itemOperationsAccess?: Map<string, any[]>;
|
|
resource?: string;
|
|
primaryKey?: string;
|
|
title?: string;
|
|
tabs?: Array<any>;
|
|
isPaginate?: boolean;
|
|
rowSelection?: any;
|
|
isTreeSider?: boolean;
|
|
treeSiderConfig?: any;
|
|
isConditionFormLayout?: boolean;
|
|
}): React.JSX.Element;
|
|
|
|
export { DataListContent, _default as DataListContext, DataListFilter, DataListFooter, DataListFramework, DataListHelper, DataListSider, DataListTable, DataListToolbar, DataTableFramework, DataList as default, useCellEditableComponents, useColumnsRender, useDataListHelper, useDataSource, useHasOperationColumn, useItemOperationsAccess, useOperationCallback, useStructure };
|