///
import { Static } from '../type-utils';
import type { Simplify } from 'type-fest';
declare const data: import("@sinclair/typebox").TObject<{
dataSourceType: import("@sinclair/typebox").TUnsafe<"custom-connector" | "data-model" | "expression">;
bindMetadata: import("@sinclair/typebox").TObject<{
datasource: import("@sinclair/typebox").TObject<{
title: import("@sinclair/typebox").TString;
id: import("@sinclair/typebox").TString;
name: import("@sinclair/typebox").TString;
}>;
enabledFieldNames: import("@sinclair/typebox").TArray;
disabledFieldNames: import("@sinclair/typebox").TArray;
isNewData: import("@sinclair/typebox").TBoolean;
selectedViewIds: import("@sinclair/typebox").TOptional>;
}>;
dataSourceData: import("@sinclair/typebox").TOptional>>;
recordKey: import("@sinclair/typebox").TOptional;
columnSets: import("@sinclair/typebox").TArray;
header: import("@sinclair/typebox").TString;
genre: import("@sinclair/typebox").TUnsafe;
widthType: import("@sinclair/typebox").TString;
width: import("@sinclair/typebox").TNumber;
align: import("@sinclair/typebox").TUnsafe;
isSort: import("@sinclair/typebox").TBoolean;
isExport: import("@sinclair/typebox").TBoolean;
slotKey: import("@sinclair/typebox").TBoolean;
schema: import("@sinclair/typebox").TOptional>;
}>>;
defaultPageSize: import("@sinclair/typebox").TOptional>;
defaultPageIndex: import("@sinclair/typebox").TOptional;
enableTotal: import("@sinclair/typebox").TOptional;
total: import("@sinclair/typebox").TOptional;
supportManyRelated: import("@sinclair/typebox").TOptional;
isSupportApis: import("@sinclair/typebox").TOptional;
queryCondition: import("@sinclair/typebox").TOptional>>;
orderBy: import("@sinclair/typebox").TOptional;
orderType: import("@sinclair/typebox").TOptional>;
filterType: import("@sinclair/typebox").TOptional>;
filterFields: import("@sinclair/typebox").TOptional;
bindConnectMetadata: import("@sinclair/typebox").TOptional>;
}>>;
connectorMethod: import("@sinclair/typebox").TOptional;
title: import("@sinclair/typebox").TOptional;
outParams: import("@sinclair/typebox").TObject<{}>;
}>>;
connectorParams: import("@sinclair/typebox").TOptional;
isOrderBy: import("@sinclair/typebox").TOptional;
enableCellCustomOption: import("@sinclair/typebox").TOptional;
columnSelectType: import("@sinclair/typebox").TOptional>;
fixedFront: import("@sinclair/typebox").TOptional>;
fixedEnd: import("@sinclair/typebox").TOptional>;
emptyText: import("@sinclair/typebox").TOptional;
rowColor: import("@sinclair/typebox").TOptional;
enablePagination: import("@sinclair/typebox").TOptional;
enableGlobalButton: import("@sinclair/typebox").TOptional;
enableRefreshBtn: import("@sinclair/typebox").TOptional;
enableTableHeightSizeBtn: import("@sinclair/typebox").TOptional;
globalButton: import("@sinclair/typebox").TOptional>;
cell: import("@sinclair/typebox").TOptional>;
cell__custom__option: import("@sinclair/typebox").TOptional>;
}>;
export type DataType = Simplify>;
declare const config: {
readonly $schema: "https://comp-public-1303824488.cos.ap-shanghai.myqcloud.com/schema/lcds_component.json";
readonly data: import("@sinclair/typebox").TObject<{
dataSourceType: import("@sinclair/typebox").TUnsafe<"custom-connector" | "data-model" | "expression">;
bindMetadata: import("@sinclair/typebox").TObject<{
datasource: import("@sinclair/typebox").TObject<{
title: import("@sinclair/typebox").TString;
id: import("@sinclair/typebox").TString;
name: import("@sinclair/typebox").TString;
}>;
enabledFieldNames: import("@sinclair/typebox").TArray;
disabledFieldNames: import("@sinclair/typebox").TArray;
isNewData: import("@sinclair/typebox").TBoolean;
selectedViewIds: import("@sinclair/typebox").TOptional>;
}>;
dataSourceData: import("@sinclair/typebox").TOptional>>;
recordKey: import("@sinclair/typebox").TOptional;
columnSets: import("@sinclair/typebox").TArray;
header: import("@sinclair/typebox").TString;
genre: import("@sinclair/typebox").TUnsafe;
widthType: import("@sinclair/typebox").TString;
width: import("@sinclair/typebox").TNumber;
align: import("@sinclair/typebox").TUnsafe;
isSort: import("@sinclair/typebox").TBoolean;
isExport: import("@sinclair/typebox").TBoolean;
slotKey: import("@sinclair/typebox").TBoolean;
schema: import("@sinclair/typebox").TOptional>;
}>>;
defaultPageSize: import("@sinclair/typebox").TOptional>;
defaultPageIndex: import("@sinclair/typebox").TOptional;
enableTotal: import("@sinclair/typebox").TOptional;
total: import("@sinclair/typebox").TOptional;
supportManyRelated: import("@sinclair/typebox").TOptional;
isSupportApis: import("@sinclair/typebox").TOptional;
queryCondition: import("@sinclair/typebox").TOptional>>;
orderBy: import("@sinclair/typebox").TOptional;
orderType: import("@sinclair/typebox").TOptional>;
filterType: import("@sinclair/typebox").TOptional>;
filterFields: import("@sinclair/typebox").TOptional;
bindConnectMetadata: import("@sinclair/typebox").TOptional>;
}>>;
connectorMethod: import("@sinclair/typebox").TOptional;
title: import("@sinclair/typebox").TOptional;
outParams: import("@sinclair/typebox").TObject<{}>;
}>>;
connectorParams: import("@sinclair/typebox").TOptional;
isOrderBy: import("@sinclair/typebox").TOptional;
enableCellCustomOption: import("@sinclair/typebox").TOptional;
columnSelectType: import("@sinclair/typebox").TOptional>;
fixedFront: import("@sinclair/typebox").TOptional>;
fixedEnd: import("@sinclair/typebox").TOptional>;
emptyText: import("@sinclair/typebox").TOptional;
rowColor: import("@sinclair/typebox").TOptional;
enablePagination: import("@sinclair/typebox").TOptional;
enableGlobalButton: import("@sinclair/typebox").TOptional;
enableRefreshBtn: import("@sinclair/typebox").TOptional;
enableTableHeightSizeBtn: import("@sinclair/typebox").TOptional;
globalButton: import("@sinclair/typebox").TOptional>;
cell: import("@sinclair/typebox").TOptional>;
cell__custom__option: import("@sinclair/typebox").TOptional>;
}>;
readonly properties: import("@sinclair/typebox").TObject<{
filter: import("@sinclair/typebox").TAny;
error: import("@sinclair/typebox").TObject<{
requestid: import("@sinclair/typebox").TOptional;
message: import("@sinclair/typebox").TString;
code: import("@sinclair/typebox").TString;
}>;
sort: import("@sinclair/typebox").TArray>;
pageNo: import("@sinclair/typebox").TNumber;
dataSourceType: import("@sinclair/typebox").TUnsafe<"custom-connector" | "data-model" | "expression">;
pageSize: import("@sinclair/typebox").TNumber;
dataSourceData: import("@sinclair/typebox").TOptional>>;
total: import("@sinclair/typebox").TNumber;
records: import("@sinclair/typebox").TArray>;
columnSets: import("@sinclair/typebox").TArray;
header: import("@sinclair/typebox").TString;
genre: import("@sinclair/typebox").TUnsafe;
widthType: import("@sinclair/typebox").TString;
width: import("@sinclair/typebox").TNumber;
align: import("@sinclair/typebox").TUnsafe;
isSort: import("@sinclair/typebox").TBoolean;
isExport: import("@sinclair/typebox").TBoolean;
slotKey: import("@sinclair/typebox").TBoolean;
schema: import("@sinclair/typebox").TOptional>;
}>>;
recordKey: import("@sinclair/typebox").TOptional;
bindMetadata: import("@sinclair/typebox").TObject<{
datasource: import("@sinclair/typebox").TObject<{
title: import("@sinclair/typebox").TString;
id: import("@sinclair/typebox").TString;
name: import("@sinclair/typebox").TString;
}>;
enabledFieldNames: import("@sinclair/typebox").TArray;
disabledFieldNames: import("@sinclair/typebox").TArray;
isNewData: import("@sinclair/typebox").TBoolean;
selectedViewIds: import("@sinclair/typebox").TOptional>;
}>;
defaultPageSize: import("@sinclair/typebox").TOptional>;
defaultPageIndex: import("@sinclair/typebox").TOptional;
selectedRecords: import("@sinclair/typebox").TArray>;
dataSourceVersion: import("@sinclair/typebox").TString;
}>;
readonly classes: readonly [{
readonly name: "根元素";
readonly selector: ".wd-table-wrap";
readonly description: "数据表格组件根元素";
}, {
readonly name: "PC 端表格组件根元素";
readonly selector: ".wd-pc-table";
readonly description: "可以为 PC 端的表格编写样式";
}, {
readonly name: "H5 端表格组件根元素";
readonly selector: ".wd-h5-table";
readonly description: "可以为 H5 端的表格编写样式";
}, {
readonly name: "筛选器容器";
readonly selector: ".wd-table-wrap-filter";
readonly description: "筛选器容器根元素";
}, {
readonly name: "H5 端筛选器容器";
readonly selector: ".wd-h5-table-wrap-filter";
readonly description: "可以为 H5 端的筛选器容器编写样式";
}, {
readonly name: "表格容器";
readonly selector: ".wd-table";
readonly description: "表格展示区域根元素";
}, {
readonly name: "表格头部";
readonly selector: ".wd-table__header";
readonly description: "表格头部区域根元素";
}, {
readonly name: "表格内容展示";
readonly selector: ".wd-table__body";
readonly description: "表格内容展示区域根元素";
}, {
readonly name: "表格边框";
readonly selector: ".wd-table--bordered";
readonly description: "表格边框";
}, {
readonly name: "表格行高-低";
readonly selector: ".wd-table--size-sm .wd-table__box td";
readonly description: "表格行高-低";
}, {
readonly name: "表格行高-中";
readonly selector: ".wd-table--size-md .wd-table__box td";
readonly description: "表格行高-中";
}, {
readonly name: "表格行高-高";
readonly selector: ".wd-table--size-lg .wd-table__box td";
readonly description: "表格行高-高";
}, {
readonly name: "分页器容器";
readonly selector: ".wd-pagination";
readonly description: "分页器容器根元素";
}];
readonly methods: readonly [{
readonly name: "import";
readonly label: "数据导入";
readonly 'x-platforms': readonly ["MOBILEWEB", "PCWEB"];
readonly description: "仅当数据源为数据模型场景时支持导入,可按照模版,上传 excel 文件,录入数据";
}, {
readonly name: "exportOptionalMode";
readonly label: "数据导出(可选导出模式)";
readonly 'x-platforms': readonly ["MOBILEWEB", "PCWEB"];
readonly description: "支持将表格数据导出为excel,可选:导出全部数据、筛选后的数据、选中数据";
}, {
readonly name: "export";
readonly label: "数据导出(导出选中数据)";
readonly 'x-platforms': readonly ["MOBILEWEB", "PCWEB"];
readonly description: "支持将当前选中数据导出为 excel";
}, {
readonly name: "deleteOne";
readonly label: "删除单条数据";
readonly params: {
readonly properties: {
readonly id: {
readonly title: "删除数据的标识";
readonly type: "string";
readonly default: "";
};
};
};
readonly 'x-platforms': readonly ["MOBILEWEB", "PCWEB"];
readonly description: "仅当数据源为数据模型场景时,支持删除行数据";
}, {
readonly name: "deleteSelected";
readonly label: "删除选中数据";
readonly 'x-platforms': readonly ["MOBILEWEB", "PCWEB"];
readonly description: "仅当数据源为数据模型场景时,支持删除当前选中的行记录";
}, {
readonly name: "refresh";
readonly label: "刷新表格(查看第1页数据)";
readonly 'x-platforms': readonly ["MOBILEWEB", "PCWEB"];
readonly description: "刷新表格(查看第 1 页数据)";
}, {
readonly name: "refreshKeepPage";
readonly label: "刷新表格(查看当前页数据)";
readonly 'x-platforms': readonly ["MOBILEWEB", "PCWEB"];
readonly description: "刷新表格(查看当前页数据)";
}, {
readonly name: "openOperationDialog";
readonly label: "打开操作列弹窗(仅移动端生效)";
readonly 'x-platforms': readonly ["MOBILEWEB"];
readonly description: "打开操作列弹窗";
}];
readonly events: readonly [{
readonly title: "点击表格行";
readonly name: "tabTableRow";
readonly detail: import("@sinclair/typebox").TObject<{
record: import("@sinclair/typebox").TArray>;
rowKey: import("@sinclair/typebox").TString;
recordIndex: import("@sinclair/typebox").TNumber;
}>;
readonly description: "点击表格某一行时触发";
readonly 'x-platforms': readonly ["MOBILEWEB", "PCWEB"];
}, {
readonly title: "选中行改变";
readonly name: "rowsSelected";
readonly detail: import("@sinclair/typebox").TObject<{
data: import("@sinclair/typebox").TArray>;
}>;
readonly description: "点击数据选择列(多选/单选列),改变已选中的行时触发";
readonly 'x-platforms': readonly ["MOBILEWEB", "PCWEB"];
}, {
readonly title: "查询成功";
readonly name: "querySuccess";
readonly description: "每次数据查询成功时均会触发,包括切换分页、修改筛选条件时";
readonly 'x-platforms': readonly ["MOBILEWEB", "PCWEB"];
readonly detail: import("@sinclair/typebox").TObject<{
data: import("@sinclair/typebox").TObject<{
data: import("@sinclair/typebox").TUnknown;
query: import("@sinclair/typebox").TUnknown;
}>;
}>;
}, {
readonly title: "查询为空";
readonly name: "queryEmpty";
readonly description: "每次数据查询成功时均会触发,包括切换分页、修改筛选条件时";
readonly 'x-platforms': readonly ["MOBILEWEB", "PCWEB"];
readonly detail: import("@sinclair/typebox").TObject<{
data: import("@sinclair/typebox").TObject<{
data: import("@sinclair/typebox").TUnknown;
query: import("@sinclair/typebox").TUnknown;
}>;
}>;
}, {
readonly title: "查询失败";
readonly name: "queryFail";
readonly description: "每次数据查询失败时均会触发,包括切换分页、修改筛选条件时";
readonly 'x-platforms': readonly ["MOBILEWEB", "PCWEB"];
readonly detail: import("@sinclair/typebox").TObject<{
error: import("@sinclair/typebox").TObject<{
requestid: import("@sinclair/typebox").TOptional;
message: import("@sinclair/typebox").TString;
code: import("@sinclair/typebox").TString;
}>;
}>;
}, {
readonly name: "sort";
readonly title: "点击排序";
readonly detail: import("@sinclair/typebox").TObject<{
sort: import("@sinclair/typebox").TArray>;
}>;
readonly 'x-platforms': readonly ["MOBILEWEB", "PCWEB"];
readonly description: "点击排序";
}, {
readonly name: "onRefreshBtnClick";
readonly title: "点击刷新按钮";
readonly 'x-platforms': readonly ["MOBILEWEB", "PCWEB"];
readonly description: "点击刷新按钮";
}, {
readonly name: "onPagingChange";
readonly title: "分页变化";
readonly 'x-platforms': readonly ["MOBILEWEB", "PCWEB"];
readonly description: "分页变化";
readonly detail: import("@sinclair/typebox").TObject<{
query: import("@sinclair/typebox").TObject<{
pageIndex: import("@sinclair/typebox").TNumber;
pageSize: import("@sinclair/typebox").TNumber;
}>;
}>;
}, {
readonly name: "onFilterChange";
readonly title: "筛选器值变化";
readonly 'x-platforms': readonly ["MOBILEWEB", "PCWEB"];
readonly description: "筛选面板搜索值变化/搜索触发回调";
readonly detail: import("@sinclair/typebox").TObject<{
searchValues: import("@sinclair/typebox").TObject<{
key: import("@sinclair/typebox").TString;
val: import("@sinclair/typebox").TString;
rel: import("@sinclair/typebox").TString;
}>;
}>;
}, {
readonly title: "选中行(已废弃)";
readonly name: "rowsSelect";
readonly description: "点击数据选择列(多选/单选列),改变已选中的行时触发。可通过$w.组件id.selectedRecords获取选中行的详细数据。";
readonly 'x-platforms': readonly ["MOBILEWEB", "PCWEB"];
}];
readonly meta: {
readonly name: "WdTable";
readonly title: "数据表格";
readonly componentName: "Table";
readonly description: "以表格形式展示多行数据,支持对数据进行排序、搜索、分页、自定义显示内容和操作。";
readonly icon: "../../icons/Table.svg";
readonly category: "数据容器";
readonly categoryOrder: 100;
readonly componentOrder: 50;
readonly platform: readonly ["MOBILEWEB", "PCWEB"];
readonly visible: readonly ["APP"];
readonly shortcut: {
readonly props: readonly ["dataSourceType", "bindMetadata", "bindConnectMetadata", "connectorMethod", "connectorParams"];
};
readonly templates: readonly [{
readonly when: "dataSourceType";
readonly to: "$children";
readonly body: "\n{{#if (helper_utils '===' $self.attributes.dataSourceType 'expression')}}\n[attributes]\n':dataSourceData'=\"[\n {\n _id: 'id1',\n name: 'sam',\n age: 18,\n email: 'samzhang@qq.com',\n role: 'student',\n scores: [90, 89],\n scoresDetail: [\n {\n '得分(score)': 90,\n '学期(semester)': '第一学期',\n },\n {\n '得分(score)': 89,\n '学期(semester)': '第二学期',\n },\n ],\n },\n {\n _id: 'id2',\n name: 'tony',\n age: 18,\n email: 'tonyyang@qq.com',\n role: 'student',\n scores: [100, 90],\n scoresDetail: [\n {\n '得分(score)': 100,\n '学期(semester)': '第一学期',\n },\n {\n '得分(score)': 90,\n '学期(semester)': '第二学期',\n },\n ],\n },\n]\"\n\nconnectorParams = {}\n\n[attributes.bindMetadata]\ndatasource = {}\nenabledFieldNames = []\nselectedViewIds = []\nisNewData = false\n\n[attributes.bindConnectMetadata]\ndatasource= {}\n\n[attributes.connectorMethod]\nname = ''\noutParams= []\n\n\n{{else if (helper_utils '===' $self.attributes.dataSourceType 'data-model')}}\n[attributes]\nconnectorParams = {}\n[attributes.bindConnectMetadata]\ndatasource= {}\n[attributes.connectorMethod]\nname = ''\noutParams= []\n\n{{else if (helper_utils '===' $self.attributes.dataSourceType 'custom-connector')}}\n[attributes.bindMetadata]\ndatasource = {}\nenabledFieldNames = []\nselectedViewIds = []\nisNewData = false\n\n{{/if}}\n";
}, {
readonly when: "$attached";
readonly to: "$children";
readonly body: "\n[attributes]\nsupportManyRelated = true\nisSupportApis = false\n";
}];
};
readonly configMeta: {
readonly docsUrl: "https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/database/WdTable";
readonly contextData: {
readonly setField: true;
readonly setRelated: true;
readonly extra: {
readonly selectedRecords: {
readonly title: "已选中的记录";
readonly type: "array";
readonly description: "适用于表格多选操作";
readonly 'x-index': 1;
};
readonly total: {
readonly title: "记录总条数";
readonly type: "number";
readonly 'x-index': 2;
};
readonly pageNo: {
readonly title: "页码";
readonly type: "number";
readonly 'x-index': 3;
};
readonly pageSize: {
readonly title: "每页大小";
readonly type: "number";
readonly 'x-index': 4;
};
};
};
readonly group: {
readonly 数据: {
readonly 'x-index': 1;
readonly expand: true;
};
readonly 表格列: {
readonly 'x-index': 2;
readonly expand: true;
};
readonly 表格行: {
readonly 'x-index': 3;
readonly expand: true;
};
readonly 分页器: {
readonly 'x-index': 4;
readonly expand: true;
};
readonly 操作配置: {
readonly 'x-index': 5;
readonly expand: true;
};
};
};
readonly compConfig: {
readonly isDataContainer: true;
};
};
export default config;
export declare const methods: readonly [{
readonly name: "import";
readonly label: "数据导入";
readonly 'x-platforms': readonly ["MOBILEWEB", "PCWEB"];
readonly description: "仅当数据源为数据模型场景时支持导入,可按照模版,上传 excel 文件,录入数据";
}, {
readonly name: "exportOptionalMode";
readonly label: "数据导出(可选导出模式)";
readonly 'x-platforms': readonly ["MOBILEWEB", "PCWEB"];
readonly description: "支持将表格数据导出为excel,可选:导出全部数据、筛选后的数据、选中数据";
}, {
readonly name: "export";
readonly label: "数据导出(导出选中数据)";
readonly 'x-platforms': readonly ["MOBILEWEB", "PCWEB"];
readonly description: "支持将当前选中数据导出为 excel";
}, {
readonly name: "deleteOne";
readonly label: "删除单条数据";
readonly params: {
readonly properties: {
readonly id: {
readonly title: "删除数据的标识";
readonly type: "string";
readonly default: "";
};
};
};
readonly 'x-platforms': readonly ["MOBILEWEB", "PCWEB"];
readonly description: "仅当数据源为数据模型场景时,支持删除行数据";
}, {
readonly name: "deleteSelected";
readonly label: "删除选中数据";
readonly 'x-platforms': readonly ["MOBILEWEB", "PCWEB"];
readonly description: "仅当数据源为数据模型场景时,支持删除当前选中的行记录";
}, {
readonly name: "refresh";
readonly label: "刷新表格(查看第1页数据)";
readonly 'x-platforms': readonly ["MOBILEWEB", "PCWEB"];
readonly description: "刷新表格(查看第 1 页数据)";
}, {
readonly name: "refreshKeepPage";
readonly label: "刷新表格(查看当前页数据)";
readonly 'x-platforms': readonly ["MOBILEWEB", "PCWEB"];
readonly description: "刷新表格(查看当前页数据)";
}, {
readonly name: "openOperationDialog";
readonly label: "打开操作列弹窗(仅移动端生效)";
readonly 'x-platforms': readonly ["MOBILEWEB"];
readonly description: "打开操作列弹窗";
}];