@cloudbase/weda-ui 3.4.7 → 3.4.9-alpha.1024

package/dist/configs/components/wd-table.js

@@ -1,26 +1,891 @@
 import { defineConfig, Tuple, Type } from '../type-utils';
-// 属性类型定义
-const data = Type.Object({
-    type: Type.StringEnum({
-        title: '风格',
+import { WD_TABLE_PAGE_SIZE, WD_TABLE_SELECT_COLUMN } from '../../enum';
+const commonProperties = {
+    dataSourceType: Type.StringEnum({
+        title: '数据源',
         type: 'string',
         'x-index': 10,
-        default: 'solid',
+        default: 'data-model',
         enum: Tuple([
             {
-                label: '实线',
-                value: 'solid',
+                label: '数据模型',
+                value: 'data-model',
             },
-            // default -> secondary
             {
-                label: '虚线',
-                value: 'dashed',
+                label: 'APIs',
+                value: 'custom-connector',
             },
         ]),
-        'x-category': '基础属性',
+        'x-group': '数据',
+        'x-linkages': [
+            {
+                type: 'value:state',
+                target: '*( filterFields,bindMetadata,queryCondition,orderBy,orderType,defaultPageSize)',
+                condition: "{{$self.value !='custom-connector'}}",
+                state: {
+                    display: true,
+                },
+                otherwise: {
+                    display: false,
+                },
+            },
+            {
+                type: 'value:state',
+                target: '*(connectorParams,bindConnectMetadata,connectorMethod)',
+                condition: "{{$self.value=='custom-connector'}}",
+                state: {
+                    display: true,
+                },
+                otherwise: {
+                    display: false,
+                },
+            },
+            {
+                type: 'value:schema',
+                target: 'bindConnectMetadata',
+                schema: {
+                    'x-component-props': '{{{value:$value}}}',
+                },
+            },
+            {
+                type: 'value:schema',
+                target: 'connectorMethod',
+                schema: {
+                    'x-component-props': '{{{connector:$value}}}',
+                },
+            },
+            {
+                type: 'value:schema',
+                target: 'columnSets',
+                schema: {
+                    'x-component-props': '{{{ dataSourceType:$value }}}',
+                },
+            },
+            {
+                type: 'value:schema',
+                schema: {
+                    'x-component-props': {
+                        datasourceType: '{{$self.value}}',
+                    },
+                },
+                target: '*(bindMetadata)',
+            },
+            {
+                type: 'value:schema',
+                target: '*(fixedFront,fixedEnd)',
+                schema: {
+                    enum: [],
+                },
+            },
+        ],
+        'x-component': 'dsc-datasource-type-select',
+        'x-component-props': {
+            defaultValue: 'data-model',
+            options: [
+                {
+                    value: 'data-model',
+                    text: '数据模型',
+                    label: '数据模型',
+                    icon: 'database',
+                    isShow: true,
+                },
+                {
+                    value: 'custom-connector',
+                    text: 'APIs',
+                    label: 'APIs',
+                    icon: 'custom-connector',
+                    isShow: true,
+                },
+            ],
+        },
+        'x-props': {
+            'data-hidebind': true,
+        },
+        description: '选择数据源类型',
+    }),
+    bindMetadata: Type.BasicTypeUnion({
+        title: '数据模型',
+        type: 'object',
+        'x-component': 'schema-selector',
+        required: true,
+        'x-component-props': {
+            showSystemField: true,
+            showView: true,
+            showFieldSelect: false,
+        },
+        'x-props': {
+            'data-hidebind': true,
+            itemClassName: 'ds-bind-form-item',
+        },
+        properties: {
+            datasource: {
+                title: '数据源',
+                type: 'object',
+                properties: {},
+            },
+            enabledFieldNames: {
+                title: '自定义字段',
+                type: 'array',
+                items: {
+                    type: 'object',
+                    properties: {},
+                },
+            },
+            disabledFieldNames: {
+                title: '不展示字段',
+                type: 'array',
+                items: {
+                    type: 'object',
+                    properties: {},
+                },
+            },
+            isNewData: {
+                title: '是否为历史数据，新数据用columns管理列',
+                type: 'boolean',
+                default: 'false',
+            },
+        },
+        'x-group': '数据',
+        'x-index': 20,
+        'x-linkages': [
+            {
+                type: 'value:state',
+                target: 'filterFields',
+                condition: '{{!!$self.value}}',
+                state: {
+                    dataSourceId: '{{$self.value && $self.value.datasource && $self.value.datasource.id}}',
+                    dataSourceName: '{{$self.value && $self.value.datasource && $self.value.datasource.name}}',
+                },
+            },
+            {
+                type: 'value:schema',
+                target: 'columnSets',
+                schema: {
+                    'x-component-props': {
+                        dataSourceType: '{{$form.values.dataSourceType}}',
+                        bindMetadata: '{{$self.value}}',
+                    },
+                },
+            },
+            {
+                type: 'value:schema',
+                target: '*(fixedFront,fixedEnd)',
+                schema: {
+                    enum: [],
+                },
+            },
+            {
+                type: 'value:visible',
+                target: '*(queryCondition)',
+                condition: '{{ $self.value && $self.value.isNewData }}',
+            },
+            {
+                type: 'value:visible',
+                target: '*(orderBy,orderType)',
+                condition: '{{ $value && (!$value.selectedViewIds || ($value.selectedViewIds && $value.selectedViewIds.length === 0)) }}',
+            },
+            {
+                type: 'value:schema',
+                condition: '{{ Boolean($value && $value.datasource) }}',
+                target: 'orderBy',
+                schema: {
+                    enum: '{{getDataSourceValueOptions($value.datasource.name)}}',
+                },
+            },
+            {
+                type: 'value:state',
+                condition: '{{!!$value && !!$value.datasource && !!$value.datasource.name && !!$form.values.orderBy && getDataSourceValueOptions($value.datasource.name).every(o => o.value !== $form.values.orderBy)}}',
+                target: 'orderBy',
+                state: {
+                    value: '',
+                },
+            },
+            {
+                type: 'value:schema',
+                condition: '{{ $value!=null && typeof($value)!=undefined && $value.datasource!=null && typeof($value.datasource)!=undefined}}',
+                target: 'queryCondition',
+                schema: {
+                    'x-component-props': '{{{selectedDataSourceName: $value.datasource.name}}}',
+                },
+            },
+        ],
+        description: '展示数据的数据来源，包括数据模型/视图',
+    }),
+    columnSets: Type.BasicTypeUnion({
+        type: 'array',
+        title: '列管理',
+        items: {
+            type: 'object',
+            display: 'header',
+            'x-image': " this.genre === 'slot' ? 'https://qcloudimg.tencent-cloud.cn/raw/898556b063f82bdda5837ab0bfdf608b.svg' : 'https://qcloudimg.tencent-cloud.cn/raw/3ce8ddbaaae6b9e085fa40e5a64e4909.svg' ",
+            properties: {
+                key: {
+                    title: '绑定字段',
+                    default: '',
+                    type: 'string',
+                    enum: [],
+                    'x-has-init': false,
+                    'x-init-key': '',
+                    'x-props': {
+                        clearable: true,
+                    },
+                    'x-linkages': [
+                        {
+                            type: 'value:state',
+                            target: 'dataForm.header',
+                            condition: '{{ Boolean($self.value)}}',
+                            state: {
+                                value: "{{ $self.props['x-has-init'] ? ($self.props.enum.find(item => { return item.value === $self.value }) && $self.props.enum.find(item => { return item.value === $self.value }).header) : $form.values.dataForm.header}}",
+                            },
+                        },
+                        {
+                            type: 'value:state',
+                            target: 'dataForm.slotKey',
+                            condition: '{{ Boolean($self.value)}}',
+                            state: {
+                                value: "{{$self.props['x-has-init'] ? Date.now().toString(36) + Math.ceil(Math.random() * 1000).toString(36) :$form.values.dataForm.slotKey}}",
+                            },
+                        },
+                        {
+                            type: 'value:schema',
+                            target: 'dataForm.key',
+                            schema: {
+                                'x-has-init': true,
+                                'x-init-key': "{{$self.props['x-has-init'] ? $self.props['x-init-key'] : $self.value}}",
+                            },
+                        },
+                        {
+                            type: 'value:visible',
+                            target: 'dataForm.isSort',
+                            condition: '{{ Boolean($self.value)}}',
+                        },
+                        {
+                            type: 'value:visible',
+                            target: 'dataForm.isExport',
+                            condition: '{{ Boolean($self.value)}}',
+                        },
+                    ],
+                },
+                header: {
+                    title: '标题',
+                    type: 'string',
+                    default: '添加列',
+                },
+                genre: {
+                    title: '展示内容',
+                    type: 'string',
+                    default: 'default',
+                    'x-component': 'radio',
+                    enum: [
+                        {
+                            label: '字段值',
+                            value: 'default',
+                        },
+                        {
+                            label: '自定义内容',
+                            value: 'slot',
+                        },
+                    ],
+                    'x-linkages': [
+                        {
+                            type: 'value:visible',
+                            target: '*(dataForm.align)',
+                            condition: "{{$self.value=='default'}}",
+                        },
+                    ],
+                },
+                widthType: {
+                    title: '列宽',
+                    type: 'string',
+                    default: 'auto',
+                    enum: [
+                        {
+                            label: '自适应',
+                            value: 'auto',
+                        },
+                        {
+                            label: '自定义',
+                            value: 'custom',
+                        },
+                    ],
+                    'x-linkages': [
+                        {
+                            type: 'value:visible',
+                            target: '*(dataForm.width)',
+                            condition: "{{$self.value=='custom'}}",
+                        },
+                    ],
+                },
+                width: {
+                    title: '自定义列宽(px)',
+                    type: 'number',
+                    default: 120,
+                },
+                align: {
+                    title: '对齐方式',
+                    type: 'string',
+                    default: 'left',
+                    enum: [
+                        {
+                            label: '左对齐',
+                            value: 'left',
+                        },
+                        {
+                            label: '右对齐',
+                            value: 'right',
+                        },
+                        {
+                            label: '居中对齐',
+                            value: 'center',
+                        },
+                    ],
+                },
+                isSort: {
+                    title: '允许排序',
+                    type: 'boolean',
+                    default: 'true',
+                },
+                isExport: {
+                    title: '允许导出',
+                    type: 'boolean',
+                    default: 'true',
+                },
+                slotKey: {
+                    title: '插槽名称后缀',
+                    default: '',
+                    type: 'string',
+                    display: false,
+                },
+            },
+            default: {
+                key: '',
+                slotKey: 'isNew',
+                header: '请选择字段',
+                genre: 'default',
+                align: 'left',
+                isSort: true,
+                isExport: true,
+                width: 120,
+            },
+        },
+        default: [],
+        'x-component': 'column-list',
+        'x-component-props': {
+            changeOnClose: true,
+            label_add: '添加列',
+            addDisabledTip: '已添加所有字段',
+            isWdTable: true,
+        },
+        'x-props': {
+            'data-hidebind': true,
+        },
+        'x-linkages': [
+            {
+                type: 'value:state',
+                target: 'bindMetadata',
+                condition: '{{(Array.isArray($self.value) && $self.value.length !== 0) && !($form.values.bindMetadata && $form.values.bindMetadata.isNewData)}}',
+                state: {
+                    value: '{{ {...($form.values.bindMetadata || {}), isNewData: true} }}',
+                },
+            },
+            {
+                type: 'value:schema',
+                target: '*(fixedFront,fixedEnd)',
+                schema: {
+                    enum: "{{ (($self.value|| []).filter((item)=>item.key && item.key.length>0)).map(item=>{return {'label':item.header,'value':item.key}}) }}",
+                },
+            },
+            {
+                type: 'value:state',
+                condition: '{{ !Array.isArray($self.value) || $self.value.length === 0 || ($self.value.filter((item)=>item.key===$form.values.fixedFront)).length===0  }}',
+                target: 'fixedFront',
+                state: {
+                    value: '',
+                },
+            },
+            {
+                type: 'value:state',
+                condition: '{{ !Array.isArray($self.value) || $self.value.length === 0 || ($self.value.filter((item)=>item.key===$form.values.fixedEnd)).length===0  }}',
+                target: 'fixedEnd',
+                state: {
+                    value: '',
+                },
+            },
+        ],
+        'x-index': 120,
+        'x-group': '表格列',
+        description: '配置表格列，支持拖拽调整列排序',
+    }),
+    defaultPageSize: Type.Optional(Type.StringEnum({
+        title: '每页行数',
+        type: 'string',
+        default: '10',
+        enum: Tuple(WD_TABLE_PAGE_SIZE),
+        description: '配置PC端表格默认的每页行数',
+        'x-group': '表格行',
+        'x-index': 160,
+    })),
+    defaultPageIndex: Type.Optional(Type.Number({
+        title: 'PC端默认页码',
+        type: 'number',
+        default: 1,
+        description: '配置PC端表格默认的初始页码',
+        'x-group': '表格行',
+        'x-index': 170,
+    })),
+};
+// 属性类型定义
+const data = Type.Object({
+    ...commonProperties,
+    queryCondition: Type.Optional(Type.BasicTypeUnion({
+        'x-index': 30,
+        title: '数据筛选',
+        'x-group': '数据',
+        type: 'array',
+        items: {},
+        'x-component': 'data-source-condition-selector',
+        'x-component-props': {
+            propertyPath: 'queryCondition',
+            dataSourcePath: 'bindMetadata.datasource.name',
+            preWherePath: 'where',
+        },
+        'x-props': {
+            'data-hidebind': false,
+            'data-hideBindValue': true,
+            'data-withBindMeta': true,
+        },
+        description: '对数据进行筛选过滤',
+    })),
+    orderBy: Type.Optional(Type.String({
+        'x-index': 40,
+        display: false,
+        title: '排序字段',
+        'x-group': '数据',
+        type: 'string',
+        default: 'updatedAt',
+        'x-props': {
+            clearable: true,
+        },
+        description: '选择需要预置排序的字段',
+    })),
+    orderType: Type.Optional(Type.StringEnum({
+        'x-index': 50,
+        title: '排序方式',
+        'x-group': '数据',
+        type: 'string',
+        default: 'desc',
+        enum: [
+            {
+                label: '升序',
+                value: 'asc',
+            },
+            {
+                label: '降序',
+                value: 'desc',
+            },
+        ],
+        'x-props': {
+            clearable: true,
+        },
+        description: '可设置升序或降序，绑定表达式时，升序传值asc，降序传值desc',
+    })),
+    // 去掉搜索方式, 兼容旧组件, 属性隐藏, 暂不移除
+    filterType: Type.Optional(Type.StringEnum({
+        title: '搜索方式',
+        enum: [
+            {
+                label: '搜索框',
+                value: 'searchbox',
+            },
+            {
+                label: '条件筛选',
+                value: 'filter',
+            },
+        ],
+        type: 'string',
+        default: 'filter',
+        'x-component': 'segment-radio',
+        'x-component-props': {
+            padding: 10,
+        },
+        'x-index': 60,
+        display: false,
+        'x-props': {
+            'data-hidebind': true,
+        },
+        'x-group': '数据',
+        description: '条件筛选',
+    })),
+    filterFields: Type.Optional(Type.FormatTypeUnion({
+        type: 'object',
+        title: '筛选器',
+        'x-component': 'mutilp-data-source-field-select',
+        'x-component-props': {
+            isWdTable: true,
+            'x-filter': " !(this.type === 'array' && this.format === '') && !(this.format === 'father-son' && this.default === '') && this.type !== 'object' && this.format !== 'x-file' && this.format !== 'x-image' && this.format !== 'x-rtf' ",
+        },
+        'x-props': {
+            'data-hidebind': true,
+        },
+        'x-index': 70,
+        'x-group': '数据',
+        description: '配置表格运行态的筛选器',
+    })),
+    bindConnectMetadata: Type.Optional(Type.BasicTypeUnion({
+        title: 'APIs',
+        type: 'object',
+        'x-component': 'connector-select',
+        'x-index': 80,
+        'x-group': '数据',
+        required: true,
+        'x-props': {
+            'data-hidebind': true,
+        },
+        'x-linkages': [
+            {
+                type: 'value:schema',
+                target: 'connectorMethod',
+                schema: {
+                    'x-component-props': '{{{value:$value}}}',
+                },
+            },
+        ],
+        description: '展示数据的 APIs 来源选择',
+    })),
+    connectorMethod: Type.Optional(Type.BasicTypeUnion({
+        title: '调用方法',
+        type: 'object',
+        'x-component': 'connector-method-select',
+        'x-index': 90,
+        'x-group': '数据',
+        required: true,
+        'x-linkages': [
+            {
+                type: 'value:schema',
+                target: 'columnSets',
+                schema: {
+                    'x-component-props': '{{ {dataSourceType:$form.values.dataSourceType, bindConnectMetadata: $form.values.bindConnectMetadata, connectorMethod: $value } }}',
+                },
+            },
+            {
+                type: 'value:schema',
+                target: '*(fixedFront,fixedEnd)',
+                schema: {
+                    enum: [],
+                },
+            },
+        ],
+        'x-component-props': {
+            docUrl: 'https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/database/ModelTable#%E8%B0%83%E7%94%A8-apis-%E7%9A%84%E5%8F%82%E6%95%B0%E8%A6%81%E6%B1%82',
+            paramsSchema: {
+                type: 'object',
+                properties: {
+                    inParams: {
+                        type: 'object',
+                        properties: {
+                            properties: {
+                                type: 'object',
+                                properties: {
+                                    pageNo: {
+                                        type: 'object',
+                                        properties: {
+                                            type: {
+                                                const: 'number',
+                                            },
+                                        },
+                                        required: ['type'],
+                                    },
+                                    pageSize: {
+                                        type: 'object',
+                                        properties: {
+                                            type: {
+                                                const: 'number',
+                                            },
+                                        },
+                                        required: ['type'],
+                                    },
+                                    orderBy: {
+                                        type: 'object',
+                                        properties: {
+                                            type: {
+                                                const: 'string',
+                                            },
+                                        },
+                                    },
+                                    orderType: {
+                                        type: 'object',
+                                        properties: {
+                                            type: {
+                                                const: 'string',
+                                            },
+                                        },
+                                    },
+                                },
+                                required: ['pageNo', 'pageSize'],
+                            },
+                        },
+                    },
+                    outParams: {
+                        type: 'object',
+                        properties: {
+                            properties: {
+                                type: 'object',
+                                properties: {
+                                    total: {
+                                        type: 'object',
+                                        properties: {
+                                            type: {
+                                                const: 'number',
+                                            },
+                                        },
+                                    },
+                                    records: {
+                                        type: 'object',
+                                        properties: {
+                                            type: {
+                                                const: 'array',
+                                            },
+                                            items: {
+                                                type: 'object',
+                                                properties: {
+                                                    type: {
+                                                        const: 'object',
+                                                    },
+                                                    properties: {
+                                                        type: 'object',
+                                                        properties: {
+                                                            _id: {
+                                                                type: 'object',
+                                                                properties: {
+                                                                    type: {
+                                                                        const: 'string',
+                                                                    },
+                                                                },
+                                                            },
+                                                        },
+                                                    },
+                                                },
+                                            },
+                                        },
+                                    },
+                                },
+                                required: ['total', 'records'],
+                            },
+                        },
+                    },
+                },
+            },
+        },
+        'x-helper-text': '方法的出入参需满足组件要求，[查看文档](https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/database/WdTable#%E8%B0%83%E7%94%A8-apis-%E7%9A%84%E5%8F%82%E6%95%B0%E8%A6%81%E6%B1%82)',
+        'x-helper-text-color': '#E37318',
+        description: '进行数据的 APIs 调用方法选择',
+    })),
+    connectorParams: Type.Optional(Type.String({
+        title: '查询入参',
+        type: 'string',
+        'x-index': 100,
+        'x-group': '数据',
+        description: "对APIs 调用方法获取的数据进行筛选过滤。例如 {name:'',value:''}",
+        'x-component': 'property-object-params-field',
+        'x-component-props': {
+            dataSourceKeyName: 'bindConnectMetadata',
+            dataSourceValuePath: 'datasource.name',
+            methodNameKeyName: 'connectorMethod',
+            methodValuePath: 'name',
+            paramsKeyName: 'connectorParams',
+        },
+    })),
+    isOrderBy: Type.Optional(Type.Boolean({
+        title: '显示排序按钮',
+        display: false,
+        type: 'boolean',
+        'x-index': 110,
+        default: true,
+        'x-group': '数据',
+        description: '对自定义 APIs 调用方法填充的表格列头排序图标进行显隐控制 ',
+    })),
+    columnSelectType: Type.Optional(Type.StringEnum({
+        title: '数据选择列',
+        type: 'string',
+        'x-index': 130,
+        enum: Tuple(WD_TABLE_SELECT_COLUMN),
+        default: 'select',
+        'x-group': '表格列',
+        description: '控制表格数据选择列的样式',
+    })),
+    fixedFront: Type.Optional(Type.StringEnum({
+        title: '左冻结',
+        type: 'string',
+        enum: [],
+        'x-props': {
+            clearable: true,
+        },
+        'x-index': 140,
+        'x-group': '表格列',
+        'x-helper-text': '冻结首列至所选列，仅PC端生效',
+        description: '左冻结与右冻结属性配置的列出现交叉重复时，为避免表格的横向滚动锁定，冻结属性会自动失效',
+    })),
+    fixedEnd: Type.Optional(Type.StringEnum({
+        title: '右冻结',
+        type: 'string',
+        enum: [],
+        'x-props': {
+            clearable: true,
+        },
+        'x-helper-text': '冻结所选列至尾列，仅PC端生效',
+        description: '左冻结与右冻结属性配置的列出现交叉重复时，为避免表格的横向滚动锁定，冻结属性会自动失效',
+        'x-index': 150,
+        'x-group': '表格列',
+    })),
+    emptyText: Type.Optional(Type.String({
+        'x-group': '表格行',
+        'x-index': 175,
+        type: 'string',
+        title: '空状态提示',
+        default: '暂无数据',
+        description: '无数据时的提示说明，内容为空时则不显示该提示',
+        remarks: '无数据时的提示说明，内容为空时则不显示该提示',
+    })),
+    rowColor: Type.Optional(Type.String({
+        title: '行背景颜色',
+        type: 'string',
+        'x-component': 'color-string',
+        'x-index': 180,
+        'x-group': '表格行',
+        description: '设置固定值或绑定低码方法，实现行背景颜色的改变',
+    })),
+    enableCellCustomOption: Type.Optional(Type.Boolean({
+        title: '操作列',
+        type: 'boolean',
+        'x-index': 190,
+        default: true,
+        'x-group': '操作配置',
+        description: '开启后，可拖拽按钮等组件，放入大纲树的操作列节点或表格的操作列区域',
+    })),
+    enableGlobalButton: Type.Optional(Type.Boolean({
+        title: '全局按钮',
+        type: 'boolean',
+        'x-index': 200,
+        default: true,
+        'x-group': '操作配置',
+        description: '开启后，可拖拽按钮等组件，放入大纲树的全局按钮节点或表格的全局按钮区域',
+    })),
+    enablePagination: Type.Optional(Type.Boolean({
+        title: '分页控件',
+        type: 'boolean',
+        'x-index': 210,
+        default: true,
+        'x-group': '操作配置',
+        description: '开启后，可支持表格分页',
+    })),
+    enableRefreshBtn: Type.Optional(Type.Boolean({
+        title: '刷新按钮',
+        type: 'boolean',
+        'x-index': 220,
+        default: true,
+        'x-group': '操作配置',
+        description: '开启后，可展示刷新按钮',
+    })),
+    enableTableHeightSizeBtn: Type.Optional(Type.Boolean({
+        title: '行高调节按钮',
+        type: 'boolean',
+        'x-index': 230,
+        default: true,
+        'x-group': '操作配置',
+        description: '开启后，可支持调节行高',
+    })),
+    globalButton: Type.Optional(Type.Slot({
+        title: '全局按钮',
+        type: 'slot',
+        'x-group': '操作配置',
+    })),
+    cell: Type.Optional(Type.Slot({
+        title: '自定义单元格',
+        type: 'slot',
+        'x-slot-auto': {
+            iterable: "{{ $form.values.columnSets.filter(item => item.genre === 'slot'&& (item.slotKey||item.key)) }}",
+            generator: "{{ {key:$item.slotKey||$item.key, title: ('自定义列: '+$item.header) } }}",
+        },
+        'x-slot-scope': {
+            record: {
+                title: '行对象',
+                type: 'object',
+            },
+            rowKey: {
+                title: '行唯一标识',
+                type: 'string',
+            },
+            recordIndex: {
+                title: '行序号',
+                type: 'number',
+            },
+            column: {
+                title: '列对象',
+                type: 'object',
+            },
+            columnIndex: {
+                title: '列序号',
+                type: 'number',
+            },
+        },
+        'x-group': '操作配置',
+    })),
+    cell__custom__option: Type.Optional(Type.Slot({
+        title: '操作列',
+        type: 'slot',
+        'x-group': '操作配置',
+        'x-slot-scope': {
+            record: {
+                title: '行对象',
+                type: 'object',
+            },
+            rowKey: {
+                title: '行唯一标识',
+                type: 'string',
+            },
+            recordIndex: {
+                title: '行序号',
+                type: 'number',
+            },
+            column: {
+                title: '列对象',
+                type: 'object',
+            },
+            columnIndex: {
+                title: '列序号',
+                type: 'number',
+            },
+        },
+    })),
+});
+const properties = Type.Object({
+    ...commonProperties,
+    records: Type.BasicTypeUnion({
+        title: '表格数据',
+        type: 'array',
+        description: '表格数据',
+    }),
+    total: Type.Number({
+        title: '表格数据总数',
+        type: 'number',
+        description: '表格数据总数',
+    }),
+    pageNo: Type.Number({
+        title: '页码',
+        type: 'number',
+        description: '表格当前页码',
+    }),
+    pageSize: Type.Number({
+        title: '页长',
+        type: 'number',
+        description: '每页显示行数',
+    }),
+    selectedRecords: Type.BasicTypeUnion({
+        title: '表格选中数据',
+        type: 'array',
+        description: '表格选中的数据',
     }),
 });
-const properties = Type.Pick(data, ['type']);
 // export default
 const config = defineConfig({
     $schema: 'https://comp-public-1303824488.cos.ap-shanghai.myqcloud.com/schema/lcds_component.json',
@@ -32,28 +897,249 @@ const config = defineConfig({
     classes: [
         {
             name: '根元素',
+            selector: '.wd-table-wrap',
+            description: '数据表格组件根元素',
+        },
+        {
+            name: 'PC 端表格组件根元素',
+            selector: '.wd-pc-table',
+            description: '可以为 PC 端的表格编写样式',
+        },
+        {
+            name: 'H5 端表格组件根元素',
+            selector: '.wd-h5-table',
+            description: '可以为 H5 端的表格编写样式',
+        },
+        {
+            name: '筛选器容器',
+            selector: '.wd-table-wrap-filter',
+            description: '筛选器容器根元素',
+        },
+        {
+            name: 'H5 端筛选器容器',
+            selector: '.wd-h5-table-wrap-filter',
+            description: '可以为 H5 端的筛选器容器编写样式',
+        },
+        {
+            name: '表格容器',
             selector: '.wd-table',
-            description: '分割线组件根元素',
+            description: '表格展示区域根元素',
+        },
+        {
+            name: '表格头部',
+            selector: '.wd-table__header',
+            description: '表格头部区域根元素',
+        },
+        {
+            name: '表格内容展示',
+            selector: '.wd-table__body',
+            description: '表格内容展示区域根元素',
+        },
+        {
+            name: '表格边框',
+            selector: '.wd-table--bordered',
+            description: '表格边框',
+        },
+        {
+            name: '表格行高-低',
+            selector: '.wd-table--size-sm',
+            description: '表格行高-低',
+        },
+        {
+            name: '表格行高-中',
+            selector: '.wd-table--size-md',
+            description: '表格行高-中',
+        },
+        {
+            name: '表格行高-高',
+            selector: '.wd-table--size-lg',
+            description: '表格行高-高',
+        },
+        {
+            name: '分页器容器',
+            selector: '.wd-pagination',
+            description: '分页器容器根元素',
         },
     ],
     // 组件方法
-    methods: [],
+    methods: [
+        {
+            name: 'import',
+            label: '数据导入',
+            'x-platforms': ['MOBILEWEB', 'PCWEB'],
+            description: '仅当数据源为数据模型场景时支持导入，可按照模版，上传 excel 文件，录入数据',
+        },
+        {
+            name: 'exportOptionalMode',
+            label: '数据导出(可选导出模式)',
+            'x-platforms': ['MOBILEWEB', 'PCWEB'],
+            description: '支持将表格数据导出为excel，可选：导出全部数据、筛选后的数据、选中数据',
+        },
+        {
+            name: 'export',
+            label: '数据导出(导出选中数据)',
+            'x-platforms': ['MOBILEWEB', 'PCWEB'],
+            description: '支持将当前选中数据导出为 excel',
+        },
+        {
+            name: 'deleteOne',
+            label: '删除单条数据',
+            params: {
+                properties: {
+                    id: {
+                        title: '删除数据的标识',
+                        type: 'string',
+                        default: '',
+                    },
+                },
+            },
+            'x-platforms': ['MOBILEWEB', 'PCWEB'],
+            description: '仅当数据源为数据模型场景时，支持删除行数据',
+        },
+        {
+            name: 'deleteSelected',
+            label: '删除选中数据',
+            'x-platforms': ['MOBILEWEB', 'PCWEB'],
+            description: '仅当数据源为数据模型场景时，支持删除当前选中的行记录',
+        },
+        {
+            name: 'refresh',
+            label: '刷新表格(查看第1页数据)',
+            'x-platforms': ['MOBILEWEB', 'PCWEB'],
+            description: '刷新表格(查看第 1 页数据)',
+        },
+        {
+            name: 'refreshKeepPage',
+            label: '刷新表格(查看当前页数据)',
+            'x-platforms': ['MOBILEWEB', 'PCWEB'],
+            description: '刷新表格(查看当前页数据)',
+        },
+        {
+            name: 'openOperationDialog',
+            label: '打开操作列弹窗(仅移动端生效)',
+            'x-platforms': ['MOBILEWEB'],
+            description: '打开操作列弹窗',
+        },
+    ],
     // 组件对外暴露事件
-    events: [],
+    events: [
+        {
+            title: '点击表格行',
+            name: 'tabTableRow',
+            detail: {
+                record: Type.BasicTypeUnion({
+                    type: 'array',
+                    description: '选中行记录',
+                }),
+                rowKey: Type.BasicTypeUnion({
+                    type: 'string',
+                    description: '选中行记录id',
+                }),
+                recordIndex: Type.BasicTypeUnion({
+                    type: 'number',
+                    description: '选中行index',
+                }),
+            },
+            description: '点击表格某一行时触发',
+            'x-platforms': ['MOBILEWEB', 'PCWEB'],
+        },
+        {
+            title: '选中行改变',
+            name: 'rowsSelect',
+            detail: {
+                data: Type.BasicTypeUnion({
+                    type: 'array',
+                    description: '选中行记录',
+                }),
+            },
+            description: '点击数据选择列（多选/单选列），改变已选中的行时触发',
+            'x-platforms': ['MOBILEWEB', 'PCWEB'],
+        },
+        {
+            title: '数据查询成功',
+            name: 'querySuccess',
+            description: '每次数据查询成功时均会触发，包括切换分页、修改筛选条件时',
+            'x-platforms': ['MOBILEWEB', 'PCWEB'],
+            detail: {
+                data: Type.BasicTypeUnion({
+                    type: 'object',
+                    description: '查询结果,查询条件',
+                }),
+            },
+        },
+    ],
     // 组件元信息
     meta: {
         name: 'WdTable',
-        title: '表格',
-        description: '用于显示分割线。',
-        icon: '../../icons/Divider.svg',
-        category: '展示',
-        categoryOrder: 1,
-        componentOrder: 1,
-        // 快捷编辑时展示在编辑区的属性
+        title: '数据表格',
+        componentName: 'Table',
+        description: '以表格形式展示多行数据，支持对数据进行排序、搜索、分页、自定义显示内容和操作。',
+        icon: '../../icons/Table.svg',
+        category: '数据容器',
+        categoryOrder: 100,
+        componentOrder: 50,
+        platform: ['MOBILEWEB', 'PCWEB'],
+        visible: ['APP'],
         shortcut: {
-            props: [],
+            props: [
+                'dataSourceType',
+                'bindMetadata',
+                'bindConnectMetadata',
+                'connectorMethod',
+                'connectorParams',
+            ],
+        },
+    },
+    configMeta: {
+        docsUrl: 'https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/database/WdTable',
+        contextData: {
+            setField: true,
+            setRelated: true,
+            extra: {
+                selectedRecords: {
+                    title: '已选中的记录',
+                    type: 'array',
+                    description: '适用于表格多选操作',
+                    'x-index': 1,
+                },
+                total: {
+                    title: '记录总条数',
+                    type: 'number',
+                    'x-index': 2,
+                },
+                pageNo: {
+                    title: '页码',
+                    type: 'number',
+                    'x-index': 3,
+                },
+                pageSize: {
+                    title: '每页大小',
+                    type: 'number',
+                    'x-index': 4,
+                },
+            },
         },
-        visible: [],
+        group: {
+            数据: {
+                'x-index': 1,
+                expand: true,
+            },
+            表格列: {
+                'x-index': 2,
+                expand: true,
+            },
+            表格行: {
+                'x-index': 3,
+                expand: true,
+            },
+            操作配置: {
+                'x-index': 4,
+                expand: true,
+            },
+        },
+    },
+    compConfig: {
+        isDataContainer: true,
     },
 });
 export default config;