@cloudbase/weda-ui 0.2.16 → 0.2.21-alpha.1

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

@@ -0,0 +1,2093 @@
+import { svgDataUri as svg } from '../svg-tag';
+import { defineConfig, Tuple, Type } from '../type-utils';
+import { WD_TABLE_PAGE_SIZE, WD_TABLE_SELECT_COLUMN, WD_TABLE_CUSTOM_FORMAT, WD_TABLE_CUSTOM_FORMAT_SINGLE, } from '../../enum';
+import { genericErrorType } from '../type-utils/error';
+import { previewOperationHeaderIcon } from '../utils/constants';
+const expressionTemplate = `
+{{#if (helper_utils '===' $self.attributes.dataSourceType 'expression')}}
+[attributes]
+':dataSourceData'="[
+  {
+    _id: 'id1',
+    name: 'sam',
+    age: 18,
+    email: 'samzhang@qq.com',
+    role: 'student',
+    scores: [90, 89],
+    scoresDetail: [
+      {
+        '得分(score)': 90,
+        '学期(semester)': '第一学期',
+      },
+      {
+        '得分(score)': 89,
+        '学期(semester)': '第二学期',
+      },
+    ],
+  },
+  {
+    _id: 'id2',
+    name: 'tony',
+    age: 18,
+    email: 'tonyyang@qq.com',
+    role: 'student',
+    scores: [100, 90],
+    scoresDetail: [
+      {
+        '得分(score)': 100,
+        '学期(semester)': '第一学期',
+      },
+      {
+        '得分(score)': 90,
+        '学期(semester)': '第二学期',
+      },
+    ],
+  },
+]"
+
+connectorParams = {}
+
+[attributes.bindMetadata]
+datasource = {}
+enabledFieldNames = []
+selectedViewIds = []
+isNewData = false
+
+[attributes.bindConnectMetadata]
+datasource= {}
+
+[attributes.connectorMethod]
+name = ''
+outParams= []
+
+
+{{else if (helper_utils '===' $self.attributes.dataSourceType 'data-model')}}
+[attributes]
+connectorParams = {}
+[attributes.bindConnectMetadata]
+datasource= {}
+[attributes.connectorMethod]
+name = ''
+outParams= []
+
+{{else if (helper_utils '===' $self.attributes.dataSourceType 'custom-connector')}}
+[attributes.bindMetadata]
+datasource = {}
+enabledFieldNames = []
+selectedViewIds = []
+isNewData = false
+
+{{/if}}
+`;
+const template = `
+[attributes]
+supportManyRelated = true
+isSupportApis = false
+isSupportMultipleSort = true
+`;
+// 属性类型定义
+const data = Type.Object({
+    dataSourceType: Type.StringEnum({
+        title: '数据源',
+        type: 'string',
+        'x-index': 10,
+        default: 'data-model',
+        enum: Tuple([
+            {
+                label: '数据模型',
+                value: 'data-model',
+            },
+            {
+                label: '表达式',
+                value: 'expression',
+            },
+            {
+                label: 'APIs',
+                value: 'custom-connector',
+            },
+        ]),
+        'x-group': '数据',
+        'x-linkages': [
+            {
+                type: 'value:state',
+                target: '*( filterFields,bindMetadata,queryCondition)',
+                condition: "{{$self.value ==='data-model'}}",
+                state: {
+                    display: true,
+                },
+                otherwise: {
+                    display: false,
+                },
+            },
+            {
+                type: 'value:state',
+                target: '*(sorter)',
+                condition: "{{$self.value ==='data-model'&&$form.values.isSupportMultipleSort}}",
+                state: {
+                    display: true,
+                },
+                otherwise: {
+                    display: false,
+                },
+            },
+            {
+                type: 'value:state',
+                target: '*(orderBy,orderType)',
+                condition: "{{$self.value ==='data-model'&&!$form.values.isSupportMultipleSort}}",
+                state: {
+                    display: true,
+                },
+                otherwise: {
+                    display: false,
+                },
+            },
+            {
+                type: 'value:state',
+                target: '*(isSupportMultipleSort)',
+                condition: '{{!$form.values.isSupportMultipleSort}}',
+                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:state',
+                target: '*(dataSourceData,recordKey,enableTotal,total,loading)',
+                condition: "{{$self.value ==='expression'}}",
+                state: {
+                    display: true,
+                },
+                otherwise: {
+                    display: false,
+                },
+            },
+            {
+                type: 'value:state',
+                target: '*(defaultPageSize,defaultPageIndex)',
+                condition: "{{$self.value ==='expression'||$self.value ==='data-model'}}",
+                state: {
+                    display: true,
+                },
+                otherwise: {
+                    display: false,
+                },
+            },
+            {
+                type: 'value:state',
+                target: '*(enableCellCustomOption,enableGlobalButton,enablePagination,enableRefreshBtn,enableTableHeightSizeBtn)',
+                condition: "{{$self.value ==='expression'&&$self.inputed}}",
+                state: {
+                    value: false,
+                },
+            },
+            {
+                type: 'value:state',
+                target: '*(enableCellCustomOption,enableGlobalButton,enablePagination,enableRefreshBtn,enableTableHeightSizeBtn)',
+                condition: "{{$self.value ==='data-model'&&$self.inputed}}",
+                state: {
+                    value: true,
+                },
+            },
+            {
+                type: 'value:state',
+                target: '*(enableCellCustomOption,enableGlobalButton,enablePagination,enableRefreshBtn,enableTableHeightSizeBtn)',
+                condition: "{{$self.value ==='custom-connector'&&$self.inputed}}",
+                state: {
+                    value: true,
+                },
+            },
+            {
+                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: 'expression',
+                    text: '表达式',
+                    label: '表达式',
+                    icon: 'expression',
+                    isShow: true,
+                },
+                {
+                    value: 'custom-connector',
+                    text: 'APIs',
+                    label: 'APIs',
+                    icon: 'custom-connector',
+                    isShow: true,
+                },
+            ],
+        },
+        'x-props': {
+            'data-hidebind': true,
+        },
+        description: '选择数据源类型',
+    }),
+    bindMetadata: Type.Object({
+        datasource: Type.Object({
+            title: Type.String({
+                title: '数据源名称',
+            }),
+            id: Type.String({
+                title: 'ID',
+            }),
+            name: Type.String({
+                title: '数据源标识',
+            }),
+        }, {
+            title: '数据源',
+        }),
+        enabledFieldNames: Type.Array(Type.String({ title: '自定义字段' })),
+        disabledFieldNames: Type.Array(Type.String({ title: '不展示字段' })),
+        isNewData: Type.Boolean({
+            title: '是否为历史数据，新数据用columns管理列',
+            default: 'false',
+        }),
+        selectedViewIds: Type.Optional(Type.Array(Type.String({ title: '选中视图id' }))),
+    }, {
+        title: '数据模型',
+        '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',
+        },
+        '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: 'selectFields',
+                schema: {
+                    'x-component-props': {
+                        dataSourceName: '{{$self.value && $self.value.datasource && $self.value.datasource.name}}',
+                    },
+                },
+            },
+            {
+                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, undefined, true)}}',
+                },
+            },
+            {
+                type: 'value:state',
+                condition: '{{!!$value && !!$value.datasource && !!$value.datasource.name && !!$form.values?.sorter?.length && !$form.values.sorter.every(o => getDataSourceValueOptions($value.datasource.name, undefined, true).find(n=>o.orderBy===n.value))}}',
+                target: 'sorter',
+                state: {
+                    value: [
+                        { orderBy: 'updatedAt', orderType: 'desc', label: '更新时间' },
+                    ],
+                },
+            },
+            {
+                type: 'value:state',
+                condition: '{{!!$value && !!$value.datasource && !!$value.datasource.name && !!$form.values.orderBy && getDataSourceValueOptions($value.datasource.name, undefined, true).every(o => o.value !== $form.values.orderBy)}}',
+                target: 'orderBy',
+                state: { value: 'updatedAt' },
+            },
+            {
+                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: '展示数据的数据来源，包括数据模型/视图',
+        'x-helper-text': '数据模型字段发生变化时，点击上方刷新图标同步数据模型结构；字段新增时，可通过下方列管理-添加列，配置最新字段表格列展示。',
+    }),
+    dataSourceData: Type.Optional(Type.Array(Type.Object({}), {
+        title: '表达式',
+        type: 'array',
+        required: true,
+        description: '表格展示的数据，可选择变量。',
+        'x-component': 'jsontext',
+        'x-helper-text': '新特性：表格追加绑定表达式数据，原APIs路径优化为表达式。表格展示的数据，格式为数组。[查看示例](https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/database/WdTable#2-%E7%BB%91%E5%AE%9A%E8%A1%A8%E8%BE%BE%E5%BC%8F)',
+        'x-group': '数据',
+        'x-index': 25,
+        'x-linkages': [
+            {
+                type: 'value:schema',
+                target: 'columnSets',
+                schema: {
+                    'x-component-props': {
+                        dataSourceType: '{{$form.values.dataSourceType}}',
+                        expressionField: 'dataSourceData',
+                    },
+                },
+            },
+            {
+                type: 'value:schema',
+                target: '*(fixedFront,fixedEnd)',
+                schema: {
+                    enum: [],
+                },
+            },
+        ],
+    })),
+    recordKey: Type.Optional(Type.String({
+        title: '数据主键',
+        type: 'string',
+        required: true,
+        default: '_id',
+        'x-index': 26,
+        'x-group': '数据',
+        'x-helper-text': '用于区分不同的数据，影响行选择、行编辑等功能。一般采用数据库中唯一自增ID。',
+        description: '用于区分不同的数据，影响行选择、行编辑等功能。一般采用数据库中唯一自增ID。',
+        'x-component': 'for-key',
+        'x-component-props': {
+            expressionField: 'dataSourceData',
+        },
+    })),
+    loading: Type.Optional(Type.Boolean({
+        title: '数据加载状态',
+        'x-runtime-default': false,
+        'x-index': 27,
+        'x-group': '数据',
+        description: '开启后会展示数据加载中状态',
+    })),
+    columnSets: Type.Array(Type.Object({
+        key: Type.StringEnum({
+            title: '绑定字段',
+            default: '',
+            enum: [
+                {
+                    label: '字段值',
+                    value: 'default',
+                },
+            ],
+            '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) && !Boolean($form.values.dataForm.isRelated) && Boolean($form.values.dataForm.format!=="one-many") && Boolean($form.values.dataForm.format!=="many-many") && Boolean($form.values.dataForm.format!=="one-one") && Boolean($form.values.dataForm.format!=="many-one") }}',
+                },
+                {
+                    type: 'value:visible',
+                    target: 'dataForm.isExport',
+                    condition: '{{ Boolean($self.value) && Boolean($form.values.dataForm.format!=="one-many") && Boolean($form.values.dataForm.format!=="many-many") && Boolean($form.values.dataForm.format!=="one-one") && Boolean($form.values.dataForm.format!=="many-one") }}',
+                },
+            ],
+        }),
+        header: Type.String({
+            title: '标题',
+            default: '添加列',
+        }),
+        genre: Type.StringEnum({
+            title: '展示内容',
+            type: 'string',
+            default: 'default',
+            'x-component': 'radio',
+            'x-props': {
+                'data-hidebind': true,
+            },
+            enum: [
+                {
+                    label: '字段值',
+                    value: 'default',
+                },
+                {
+                    label: '自定义内容',
+                    value: 'slot',
+                },
+            ],
+            'x-linkages': [
+                {
+                    type: 'value:visible',
+                    target: '*(dataForm.align,dataForm.customType)',
+                    condition: "{{$self.value=='default'}}",
+                },
+            ],
+        }),
+        customType: Type.Optional(Type.String({
+            title: '数据格式',
+            default: '',
+            enum: WD_TABLE_CUSTOM_FORMAT,
+            'x-linkages': [
+                {
+                    type: 'value:visible',
+                    target: '*(dataForm.customArrayItem)',
+                    condition: "{{ $self.value === 'array' }}",
+                },
+                {
+                    type: 'value:visible',
+                    target: '*(dataForm.customJson)',
+                    condition: "{{ $self.value === 'json' }}",
+                },
+            ],
+        })),
+        customArrayItem: Type.Optional(Type.String({
+            title: '子元素类型',
+            enum: WD_TABLE_CUSTOM_FORMAT_SINGLE,
+            default: 'text',
+        })),
+        customJson: Type.Optional(Type.Object({}, {
+            title: '表达式',
+            default: {
+                type: 'array',
+                title: '示例（数组）',
+                items: {
+                    type: 'object',
+                    title: '示例（对象）',
+                    properties: {
+                        somekey: {
+                            type: 'string',
+                            title: '示例（字符串）',
+                        },
+                    },
+                },
+            },
+            'x-component': 'jsontext',
+            'x-helper-text': '通过定义JSON表达式，可实现复杂、多层级的数据展示效果 [查看指引](https://cloud.tencent.com/document/product/1301/101069)',
+        })),
+        widthType: Type.String({
+            title: '列宽',
+            default: 'auto',
+            enum: [
+                {
+                    label: '自适应',
+                    value: 'auto',
+                },
+                {
+                    label: '自定义',
+                    value: 'custom',
+                },
+            ],
+            'x-linkages': [
+                {
+                    type: 'value:visible',
+                    target: '*(dataForm.width)',
+                    condition: "{{$self.value=='custom'}}",
+                },
+            ],
+        }),
+        width: Type.Number({
+            title: '自定义列宽(px)',
+            type: 'number',
+            default: 120,
+        }),
+        align: Type.StringEnum({
+            title: '对齐方式',
+            default: 'left',
+            enum: [
+                {
+                    label: '左对齐',
+                    value: 'left',
+                },
+                {
+                    label: '右对齐',
+                    value: 'right',
+                },
+                {
+                    label: '居中对齐',
+                    value: 'center',
+                },
+            ],
+        }),
+        isSort: Type.Boolean({
+            title: '允许排序',
+            type: 'boolean',
+            default: 'false',
+        }),
+        isExport: Type.Boolean({
+            title: '允许导出',
+            type: 'boolean',
+            default: 'true',
+        }),
+        slotKey: Type.String({
+            title: '插槽名称后缀',
+            default: '',
+            type: 'string',
+            display: false,
+        }),
+        schema: Type.Optional(Type.Object({
+            name: Type.String(),
+            type: Type.String(),
+        }, {
+            title: '数据类型描述',
+            display: false,
+        })),
+    }, {
+        display: 'header',
+        'x-image': " this.genre === 'slot' ? 'https://qcloudimg.tencent-cloud.cn/raw/898556b063f82bdda5837ab0bfdf608b.svg' : 'https://qcloudimg.tencent-cloud.cn/raw/3ce8ddbaaae6b9e085fa40e5a64e4909.svg' ",
+        default: {
+            key: '',
+            slotKey: 'isNew',
+            header: '请选择字段',
+            genre: 'default',
+            align: 'left',
+            isSort: false,
+            isExport: true,
+            width: 120,
+        },
+    }), {
+        title: '列管理',
+        default: [],
+        'x-component': 'column-list',
+        'x-component-props': {
+            label_add: '添加列',
+            addDisabledTip: '已添加所有字段',
+            isWdTable: 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.NumberEnum({
+        title: '每页行数',
+        type: 'number',
+        'x-runtime-default': 10,
+        enum: Tuple(WD_TABLE_PAGE_SIZE),
+        description: '配置PC端表格默认的每页行数',
+        'x-group': '分页器',
+        'x-index': 180,
+    })),
+    defaultPageIndex: Type.Optional(Type.Number({
+        title: 'PC端默认页码',
+        type: 'number',
+        'x-runtime-default': 1,
+        description: '配置PC端表格默认的初始页码',
+        'x-group': '分页器',
+        'x-index': 185,
+    })),
+    isSuspendFooter: Type.Optional(Type.Boolean({
+        title: '分页器在页面底部悬停',
+        'x-index': 190,
+        'x-group': '分页器',
+        'x-runtime-default': true,
+        'x-helper-text': '仅PC端有效；且可能因为父级组件的样式干扰，导致该属性失效',
+        description: '如无法生效，请确保祖先元素没有设置overflow属性为hidden、scroll或auto。这些属性会导致position: sticky失效。另外，如果页面已经有fixed的元素，那么悬停有可能会看不到，需要通过样式手动调整下悬停的位置',
+    })),
+    enableTotal: Type.Optional(Type.Boolean({
+        title: '启用服务端分页',
+        type: 'boolean',
+        description: '开启后，可支持服务端分页',
+        'x-helper-text': '默认为客户端分页，启用后可实现动态加载数据   ',
+        'x-group': '分页器',
+        'x-index': 200,
+        'x-props': {
+            'data-hidebind': true,
+        },
+        default: false,
+        'x-linkages': [
+            {
+                type: 'value:visible',
+                target: '*(total)',
+                condition: '{{!!$self.value}}',
+            },
+        ],
+    })),
+    total: Type.Optional(Type.Number({
+        title: '数据总数',
+        type: 'number',
+        description: '默认为表达式输入的数组长度，请输入数据表实际数据总数。',
+        'x-helper-text': '默认为表达式输入的数组长度，请输入数据表实际数据总数。[详见后端分页指引](https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/database/WdTable#pagination)',
+        'x-group': '分页器',
+        'x-index': 210,
+    })),
+    supportManyRelated: Type.Optional(Type.Boolean({
+        title: '新添加',
+        description: '标记是否是新添加的表格组件',
+        'x-group': '数据',
+        default: false,
+        'x-platforms': [''],
+        'x-linkages': [
+            {
+                type: 'value:schema',
+                schema: {
+                    type: 'object',
+                    'x-component': 'datasource-condition-where-query-editor',
+                    'x-component-props': {
+                        propertyPath: 'queryCondition',
+                        dataSourcePath: 'bindMetadata.datasource.name',
+                        preWherePath: 'where',
+                        enableKeyIsRelation: true,
+                    },
+                },
+                condition: '{{ Boolean($self.value) }}',
+                target: '*(queryCondition)',
+            },
+            {
+                type: 'value:schema',
+                schema: {
+                    'x-component-props': {
+                        showSystemField: true,
+                        showView: false,
+                        showFieldSelect: false,
+                    },
+                },
+                condition: '{{ Boolean($self.value) }}',
+                target: '*(bindMetadata)',
+            },
+        ],
+    })),
+    isSupportApis: Type.Optional(Type.Boolean({
+        title: '是否支持apis',
+        'x-group': '数据',
+        display: false,
+        default: true,
+        'x-linkages': [
+            {
+                type: 'value:schema',
+                target: 'dataSourceType',
+                condition: '{{!$self.value}}',
+                schema: {
+                    enum: [
+                        {
+                            label: '数据模型',
+                            value: 'data-model',
+                        },
+                        {
+                            label: '表达式',
+                            value: 'expression',
+                        },
+                    ],
+                    'x-component-props': {
+                        defaultValue: 'data-model',
+                        options: [
+                            {
+                                value: 'data-model',
+                                text: '数据模型',
+                                label: '数据模型',
+                                icon: 'database',
+                                isShow: true,
+                            },
+                            {
+                                value: 'expression',
+                                text: '表达式',
+                                label: '表达式',
+                                icon: 'expression',
+                                isShow: true,
+                            },
+                        ],
+                    },
+                },
+            },
+        ],
+    })),
+    queryCondition: Type.Optional(Type.Array(Type.Object({}), {
+        'x-index': 30,
+        title: '数据筛选',
+        'x-group': '数据',
+        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: '对数据进行筛选过滤',
+        'x-helper-text': '点击fx支持编辑数据筛选表达式 [查看格式](https://docs.cloudbase.net/lowcode/manage/datasource-v2#%E6%9F%A5%E8%AF%A2wedagetitemv2)',
+    })),
+    orderBy: Type.Optional(Type.String({
+        'x-index': 40,
+        display: false,
+        title: '排序字段',
+        'x-group': '数据',
+        type: 'string',
+        'x-runtime-default': 'updatedAt',
+        'x-props': {
+            clearable: true,
+        },
+        description: '选择需要预置排序的字段',
+    })),
+    orderType: Type.Optional(Type.StringEnum({
+        'x-index': 50,
+        title: '排序方式',
+        'x-group': '数据',
+        type: 'string',
+        'x-runtime-default': 'desc',
+        enum: [
+            {
+                label: '升序',
+                value: 'asc',
+            },
+            {
+                label: '降序',
+                value: 'desc',
+            },
+        ],
+        'x-props': {
+            clearable: true,
+        },
+        description: '可设置升序或降序，绑定表达式时，升序传值asc，降序传值desc',
+    })),
+    // 兼容多字段排序,若支持多字段排序，则给sort字段赋初始值（原始配置的orderBy,orderType）
+    isSupportMultipleSort: Type.Optional(Type.Boolean({
+        title: '启用多字段排序',
+        'x-index': 51,
+        default: false,
+        'x-group': '数据',
+        'x-props': {
+            'data-hidebind': true,
+        },
+        'x-linkages': [
+            {
+                type: 'value:state',
+                target: '*(sorter)',
+                condition: '{{$self.value}}',
+                state: {
+                    display: true,
+                },
+            },
+            {
+                type: 'value:state',
+                target: '*(orderBy,orderType)',
+                condition: '{{$self.value}}',
+                state: {
+                    display: false,
+                },
+            },
+            {
+                type: 'value:state',
+                target: 'sorter',
+                condition: '{{ Boolean($form.values.orderBy)&&$form.values.bindMetadata?.datasource?.name&&$self.inputed}}',
+                state: {
+                    value: '{{ ([getDataSourceValueOptions($form.values.bindMetadata.datasource.name, undefined, true).find(item => item.value === $form.values.orderBy)].map(i=>({label:i.label,orderBy:$form.values.orderBy,orderType:$form.values.orderType})))}}',
+                },
+            },
+        ],
+    })),
+    // 支持多字段筛选
+    sorter: Type.Optional(Type.Array(Type.Object({
+        orderBy: Type.String({
+            title: '排序字段',
+            default: '',
+            'x-props': {
+                clearable: true,
+            },
+        }),
+        label: Type.Optional(Type.String({
+            title: '排序字段名称',
+        })),
+        orderType: Type.StringEnum({
+            title: '排序方式',
+            type: 'string',
+            enum: [
+                {
+                    label: '升序',
+                    value: 'asc',
+                },
+                {
+                    label: '降序',
+                    value: 'desc',
+                },
+            ],
+            'x-props': {
+                clearable: true,
+            },
+        }),
+    }, {
+        title: 'tabs',
+        default: {
+            orderBy: '',
+            orderType: '',
+        },
+    }), {
+        title: '数据排序',
+        'x-index': 52,
+        'x-component': 'list',
+        'x-component-props': {
+            label_add: '添加排序规则',
+        },
+        'x-group': '数据',
+        'x-props': {
+            'data-withBindMeta': true,
+        },
+        'x-linkages': [
+            {
+                type: 'value:schema',
+                condition: '{{ Boolean($form?.values?.bindMetadata?.datasource?.name) }}',
+                target: 'sorter',
+                schema: {
+                    items: {
+                        path: 'sorter.*',
+                        type: 'object',
+                        default: {
+                            orderBy: '',
+                            orderType: 'asc',
+                            label: '',
+                        },
+                        'x-display': "(!this.orderBy)?'请选择排序字段':(this.label||this.orderBy)+'-'+(({desc:'降序',asc:'升序'})[this.orderType]||'')",
+                        properties: {
+                            orderBy: {
+                                type: 'string',
+                                title: '排序字段',
+                                'x-option': '{{getDataSourceValueOptions($form?.values?.bindMetadata?.datasource?.name, undefined, true)}}',
+                                'x-sorter': '{{$form?.values.sorter}}',
+                                'x-linkages': [
+                                    {
+                                        type: 'value:state',
+                                        target: 'dataForm.label',
+                                        condition: '{{ Boolean($self.value)}}',
+                                        state: {
+                                            value: '{{$self.props["x-option"].find(i=>i.value===$self.value)?.label}}',
+                                        },
+                                    },
+                                    {
+                                        type: 'value:schema',
+                                        target: 'dataForm.orderBy',
+                                        schema: {
+                                            enum: '{{$self.props["x-option"].filter(i=>i.value===$self.value||!$self.props["x-sorter"].find(j=>j.orderBy===i.value))}}',
+                                        },
+                                    },
+                                ],
+                            },
+                            label: Type.Optional(Type.String({
+                                type: 'string',
+                                title: '排序字段名称',
+                                display: false,
+                            })),
+                            orderType: Type.StringEnum({
+                                title: '排序方式',
+                                type: 'string',
+                                'x-component': 'radio',
+                                enum: [
+                                    {
+                                        label: '升序',
+                                        value: 'asc',
+                                    },
+                                    {
+                                        label: '降序',
+                                        value: 'desc',
+                                    },
+                                ],
+                                'x-props': {
+                                    clearable: true,
+                                },
+                            }),
+                        },
+                    },
+                },
+            },
+            {
+                type: 'value:schema',
+                condition: '{{$self.value?.length>2}}',
+                target: 'sorter',
+                schema: {
+                    'x-component-props': {
+                        label_add: '添加排序规则',
+                        addDisabledTip: '最多添加3个排序规则，请先删减已有规则',
+                    },
+                },
+            },
+            {
+                type: 'value:schema',
+                condition: '{{$self.value?.length<3}}',
+                target: 'sorter',
+                schema: {
+                    'x-component-props': {
+                        label_add: '添加排序规则',
+                        addDisabledTip: '',
+                    },
+                },
+            },
+        ],
+        default: [
+            {
+                orderBy: 'updatedAt',
+                orderType: 'desc',
+                label: '更新时间',
+            },
+        ],
+        description: '可设置数据排序规则，支持拖拽调整排序优先级，数组下标越小优先级越高。绑定数据示例：[{"orderBy":"updatedAt","orderType":"desc"}],升序传值asc，降序传值desc',
+    })),
+    // 去掉搜索方式, 兼容旧组件, 属性隐藏, 暂不移除
+    filterType: Type.Optional(Type.StringEnum({
+        title: '搜索方式',
+        enum: [
+            {
+                label: '搜索框',
+                value: 'searchbox',
+            },
+            {
+                label: '条件筛选',
+                value: 'filter',
+            },
+        ],
+        type: 'string',
+        'x-runtime-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.Object({
+        filterConfig: Type.Optional(Type.Array(Type.Object({
+            name: Type.String({
+                title: '数据源字段',
+                type: 'string',
+                description: '数据源字段的name值',
+            }),
+            label: Type.String({
+                title: '筛选字段标题',
+            }),
+            value: Type.Any({
+                title: '筛选字段值',
+            }),
+            filterType: Type.Optional(Type.String({
+                title: '默认筛选计算方式',
+            })),
+            filterTypeOption: Type.Optional(Type.Array(Type.String({
+                title: '筛选字段支持的计算方式列表',
+            }))),
+        }))),
+    }, {
+        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' && this.format !== 'many-many' && this.format !== 'one-many'",
+        },
+        'x-helper-text': '通过开启fx、绑定表达式，可配置默认筛选值、默认筛选方式等功能 [查看示例](https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/database/WdTable#%E8%87%AA%E5%AE%9A%E4%B9%89%E9%85%8D%E7%BD%AE%E7%AD%9B%E9%80%89%E5%99%A8)',
+        'x-index': 70,
+        'x-group': '数据',
+        default: {},
+        description: '配置表格运行态的筛选器，支持对象类型数据绑定，属性字段为filterConfig',
+    })),
+    filterConfigVersion: Type.Optional(Type.String({
+        title: '筛选配置版本号',
+        default: 'v1',
+        'x-index': 71,
+        'x-group': '数据',
+        display: false,
+    })),
+    bindConnectMetadata: Type.Optional(Type.Object({
+        datasource: Type.Optional(Type.Object({
+            title: Type.String({
+                title: 'API名',
+            }),
+            id: Type.String({
+                title: 'ID',
+            }),
+            name: Type.String({
+                title: '数据源标识',
+            }),
+        })),
+    }, {
+        title: 'APIs',
+        '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.Object({
+        name: Type.Optional(Type.String({ title: '方法标识' })),
+        title: Type.Optional(Type.String({ title: '方法名' })),
+        outParams: Type.Object({}),
+    }, {
+        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: {
+                    outParams: {
+                        type: 'object',
+                        properties: {
+                            properties: {
+                                type: 'object',
+                                properties: {
+                                    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: ['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 调用方法填充的表格列头排序图标进行显隐控制 ',
+    })),
+    enableCellCustomOption: Type.Optional(Type.Boolean({
+        title: '操作列(最后一列)',
+        type: 'boolean',
+        'x-index': 130,
+        default: true,
+        'x-group': '表格列',
+        description: '开启后，可拖拽按钮等组件，放入大纲树的操作列节点或表格的操作列区域',
+        'x-linkages': [
+            {
+                type: 'value:visible',
+                target: 'customOptionTitle',
+                condition: '{{$self.value}}',
+            },
+        ],
+    })),
+    customOptionTitle: Type.Optional(Type.String({
+        title: '操作列标题',
+        'x-index': 133,
+        'x-group': '表格列',
+        'x-runtime-default': '操作',
+    })),
+    columnSelectType: Type.Optional(Type.StringEnum({
+        title: '数据选择列(首列)',
+        type: 'string',
+        'x-index': 135,
+        enum: Tuple(WD_TABLE_SELECT_COLUMN),
+        'x-runtime-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': '表格列',
+    })),
+    selectFieldType: Type.Optional(Type.StringEnum({
+        title: '字段查询范围',
+        type: 'string',
+        enum: [
+            { label: '全部字段', value: 'all' },
+            { label: '表格列字段', value: 'table' },
+            { label: '自定义', value: 'custom' },
+        ],
+        'x-runtime-default': 'table',
+        'x-props': { clearable: true },
+        'x-helper-text': '仅查询范围中的字段，可在表格自定义列中被引用',
+        description: '默认查询表格列字段',
+        'x-index': 153,
+        'x-group': '表格列',
+        'x-linkages': [
+            {
+                type: 'value:visible',
+                target: 'selectFields',
+                condition: '{{$self.value === "custom"}}',
+            },
+        ],
+    })),
+    selectFields: Type.Optional(Type.Array(Type.String(), {
+        title: '自定义查询字段',
+        type: 'array',
+        'x-props': { clearable: true },
+        'x-index': 155,
+        'x-group': '表格列',
+        'x-component': 'mutilp-data-source-field-select',
+        'x-component-props': {
+            dataSourceName: '',
+            splitRelation: true,
+            enableSetProcedure: false,
+            enableConfigTitle: false,
+        },
+    })),
+    emptyText: Type.Optional(Type.String({
+        'x-group': '表格行',
+        'x-index': 160,
+        type: 'string',
+        title: '空状态提示',
+        'x-runtime-default': '暂无数据',
+        description: '无数据时的提示说明，内容为空时则不显示该提示',
+    })),
+    rowColor: Type.Optional(Type.String({
+        title: '行背景颜色',
+        type: 'string',
+        'x-component': 'color-string',
+        'x-index': 170,
+        'x-group': '表格行',
+        description: '设置固定值或绑定低码方法，实现行背景颜色的改变',
+    })),
+    isSuspendHeader: Type.Optional(Type.Boolean({
+        title: '表头在页面顶部悬停',
+        'x-index': 173,
+        'x-group': '表格行',
+        'x-runtime-default': true,
+        'x-helper-text': '仅PC端有效；且可能因为父级组件的样式干扰，导致该属性失效',
+        description: '如无法生效，请确保祖先元素没有设置overflow属性为hidden、scroll或auto。这些属性会导致position: sticky失效。另外，如果页面已经有fixed的元素，那么悬停有可能会看不到，需要通过样式手动调整下悬停的位置',
+    })),
+    enablePagination: Type.Optional(Type.Boolean({
+        title: '显示分页器',
+        type: 'boolean',
+        'x-index': 175,
+        'x-runtime-default': true,
+        'x-group': '分页器',
+        description: '开启后，可支持表格分页',
+        'x-linkages': [
+            {
+                type: 'value:visible',
+                target: '*(defaultPageSize,defaultPageIndex,enableTotal)',
+                condition: '{{!!$self.value}}',
+            },
+        ],
+    })),
+    enableGlobalButton: Type.Optional(Type.Boolean({
+        title: '全局按钮',
+        type: 'boolean',
+        'x-index': 250,
+        default: true,
+        'x-group': '操作配置',
+        description: '开启后，可拖拽按钮等组件，放入大纲树的全局按钮节点或表格的全局按钮区域',
+    })),
+    enableRefreshBtn: Type.Optional(Type.Boolean({
+        title: '刷新按钮',
+        type: 'boolean',
+        'x-index': 260,
+        'x-runtime-default': true,
+        'x-group': '操作配置',
+        description: '开启后，可展示刷新按钮',
+    })),
+    enableTableHeightSizeBtn: Type.Optional(Type.Boolean({
+        title: '行高调节按钮',
+        type: 'boolean',
+        'x-index': 230,
+        'x-runtime-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',
+            },
+        },
+    })),
+    __innerSlot: Type.Optional(Type.Slot({
+        title: '隐藏插槽',
+        'x-group': '操作配置',
+        display: false,
+    })),
+});
+const properties = Type.Composite([
+    Type.Pick(data, [
+        'dataSourceType',
+        'bindMetadata',
+        'dataSourceData',
+        'columnSets',
+        'recordKey',
+        'defaultPageSize',
+        'defaultPageIndex',
+    ]),
+    Type.Object({
+        records: Type.Array(Type.Object({}), {
+            title: '表格数据',
+            description: '表格数据',
+        }),
+        total: Type.Number({
+            title: '表格数据总数',
+            type: 'number',
+            description: '表格数据总数',
+        }),
+        pageNo: Type.Number({
+            title: '页码',
+            type: 'number',
+            description: '表格当前页码',
+        }),
+        pageSize: Type.Number({
+            title: '页长',
+            type: 'number',
+            description: '每页显示行数',
+        }),
+        selectedRecords: Type.Array(Type.Object({}), {
+            title: '表格选中数据',
+            description: '表格选中的数据',
+        }),
+        error: genericErrorType,
+        sort: Type.Array(Type.Object({}), {
+            title: '表格排序的数据',
+            type: 'array',
+            description: '表格排序的数据，用于表格请求查询，格式与当前数据源协议一致。[详见查询协议示例](https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/database/WdTable#%E6%9F%A5%E8%AF%A2%E5%8D%8F%E8%AE%AE%E7%A4%BA%E4%BE%8B)',
+            // description:
+            //   '表格排序的数据，用于表格请求查询，格式与当前数据源协议一致。组件升级到2.30.0后，新添加的表格组件，数据模型查询协议升级为v2版本，已有表格组件仍沿用v1版本协议。v1版本协议的参数结构示例:[{"orderBy":"updateAt","orderType":"desc"}]，v2版本协议的参数结构示例:[{"updateAt":"desc"}]。',
+        }),
+        filter: Type.Any({
+            title: '表格筛选的数据',
+            description: '表格排序的数据，用于表格请求查询，格式与当前数据源协议一致。[详见查询协议示例](https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/database/WdTable#%E6%9F%A5%E8%AF%A2%E5%8D%8F%E8%AE%AE%E7%A4%BA%E4%BE%8B)',
+            // description:
+            //   '表格筛选的数据，用于表格请求查询，格式与当前数据源协议一致。组件升级到2.30.0后，新添加的表格组件，数据模型查询协议升级为v2版本，已有表格组件仍沿用v1版本协议。v1版本协议的参数结构示例:[{"key":"test","val":"1","rel":"search"}]，v2版本协议的参数结构示例:{"where":{"$and":[{"test":{"$search":"1"}}]}}。',
+        }),
+        dataSourceVersion: Type.String({
+            title: '数据源协议版本',
+            description: '数据源类型为数据模型时，当前表格支持的数据源协议版本',
+        }),
+        filterConfig: Type.Array(Type.Object({
+            name: Type.String({
+                title: '数据源字段',
+                type: 'string',
+                description: '数据源字段的name值',
+            }),
+            label: Type.String({
+                title: '筛选字段标题',
+            }),
+            value: Type.Any({
+                title: '筛选字段值',
+            }),
+            filterType: Type.Optional(Type.String({
+                title: '默认筛选计算方式',
+            })),
+            filterTypeOption: Type.Optional(Type.Array(Type.String({
+                title: '筛选字段支持的计算方式列表',
+            }))),
+        }), {
+            title: '筛选面板的配置',
+            description: '筛选面板的配置',
+        }),
+    }),
+]);
+// export default
+const config = defineConfig({
+    $schema: 'https://comp-public-1303824488.cos.ap-shanghai.myqcloud.com/schema/lcds_component.json',
+    // 属性定义
+    data,
+    // 只读属性定义
+    properties,
+    // 样式API
+    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__box th>div',
+            description: '表头文字样式',
+            code: `
+        :scope .wd-table__box th>div {
+          font-size: 20px;
+          color: gray;
+        }
+      `,
+        },
+        {
+            name: '表头背景样式',
+            selector: '.wd-table__box th',
+            description: '表头背景样式',
+            code: `
+        :scope .wd-table__box th {
+          background-color: red;
+        }
+      `,
+        },
+        {
+            name: '表格文字样式',
+            selector: '.wd-table__box td>div',
+            description: '表格文字样式',
+            code: `
+        :scope .wd-table__box td>div {
+          font-size: 20px;
+          color: gray;
+        }
+      `,
+        },
+        {
+            name: '表格文字样式',
+            selector: '.wd-table__box td',
+            description: '表格文字样式',
+            code: `
+        :scope .wd-table__box td {
+          background-color: lightgray;
+          height: 36px;
+        }
+      `,
+        },
+        {
+            name: '表格主体样式',
+            selector: '.wd-table',
+            description: '表格主体样式',
+            code: `
+        :scope .wd-table {
+          border: 2px solid gray;
+          border-radius: 10px;
+        }
+      `,
+        },
+    ],
+    // 组件方法
+    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: '打开操作列弹窗',
+        },
+        {
+            name: 'resetFilter',
+            label: '重置筛选器',
+            'x-platforms': ['MOBILEWEB', 'PCWEB'],
+            description: '重置筛选器',
+        },
+    ],
+    // 组件对外暴露事件
+    events: [
+        {
+            title: '点击表格行',
+            name: 'tabTableRow',
+            detail: Type.Object({
+                record: Type.Array(Type.Object({}), {
+                    title: '选中行记录',
+                    type: 'array',
+                    description: '选中行记录',
+                }),
+                rowKey: Type.String({
+                    title: '选中行记录id',
+                    type: 'string',
+                    description: '选中行记录id',
+                }),
+                recordIndex: Type.Number({
+                    title: '选中行index',
+                    type: 'number',
+                    description: '选中行index',
+                }),
+            }),
+            description: '点击表格某一行时触发',
+            'x-platforms': ['MOBILEWEB', 'PCWEB'],
+        },
+        {
+            title: '点击表格列',
+            name: 'cellClick',
+            detail: Type.Object({
+                record: Type.Array(Type.Object({}), {
+                    title: '选中行记录',
+                    type: 'array',
+                    description: '选中行记录',
+                }),
+                column: Type.Array(Type.Object({}), {
+                    title: '选中列表头',
+                    type: 'array',
+                    description: '选中列表头',
+                }),
+                rowKey: Type.String({
+                    title: '选中行记录id',
+                    type: 'string',
+                    description: '选中行记录id',
+                }),
+                recordIndex: Type.Number({
+                    title: '选中行index',
+                    type: 'number',
+                    description: '选中行index',
+                }),
+                columnIndex: Type.Number({
+                    title: '选中列index',
+                    type: 'number',
+                    description: '选中列index',
+                }),
+            }),
+            description: '点击表格某一行时触发',
+            'x-platforms': ['MOBILEWEB', 'PCWEB'],
+        },
+        {
+            title: '选中行改变',
+            name: 'rowsSelected',
+            detail: Type.Object({
+                data: Type.Array(Type.Object({}), {
+                    title: '选中行记录',
+                    type: 'array',
+                    description: '选中行记录',
+                }),
+            }),
+            description: '点击数据选择列（多选/单选列），改变已选中的行时触发',
+            'x-platforms': ['MOBILEWEB', 'PCWEB'],
+        },
+        {
+            title: '查询成功',
+            name: 'querySuccess',
+            description: '每次数据查询成功时均会触发，包括切换分页、修改筛选条件时',
+            'x-platforms': ['MOBILEWEB', 'PCWEB'],
+            detail: Type.Object({
+                data: Type.Object({
+                    data: Type.Unknown(),
+                    query: Type.Unknown(),
+                }, {
+                    title: '查询结果,查询条件',
+                    type: 'object',
+                    description: '查询结果,查询条件',
+                }),
+            }),
+        },
+        {
+            title: '查询为空',
+            name: 'queryEmpty',
+            description: '每次数据查询成功时均会触发，包括切换分页、修改筛选条件时',
+            'x-platforms': ['MOBILEWEB', 'PCWEB'],
+            detail: Type.Object({
+                data: Type.Object({
+                    data: Type.Unknown(),
+                    query: Type.Unknown(),
+                }, {
+                    type: 'object',
+                    description: '查询结果,查询条件',
+                }),
+            }),
+        },
+        {
+            title: '查询失败',
+            name: 'queryFail',
+            description: '每次数据查询失败时均会触发，包括切换分页、修改筛选条件时',
+            'x-platforms': ['MOBILEWEB', 'PCWEB'],
+            detail: Type.Object({
+                error: genericErrorType,
+            }),
+        },
+        {
+            name: 'sort',
+            title: '点击排序',
+            detail: Type.Object({
+                sort: Type.Array(Type.Object({
+                    orderType: Type.String(),
+                    orderBy: Type.String(),
+                }), {
+                    title: '当前引起变更的排序信息',
+                    type: 'array',
+                    description: '当前引起变更的排序信息',
+                }),
+            }),
+            'x-platforms': ['MOBILEWEB', 'PCWEB'],
+            description: '点击排序',
+        },
+        {
+            name: 'onRefreshBtnClick',
+            title: '点击刷新按钮',
+            'x-platforms': ['MOBILEWEB', 'PCWEB'],
+            description: '点击刷新按钮',
+        },
+        {
+            name: 'onPagingChange',
+            title: '分页变化',
+            'x-platforms': ['MOBILEWEB', 'PCWEB'],
+            description: '分页变化',
+            detail: Type.Object({
+                query: Type.Object({
+                    pageIndex: Type.Number(),
+                    pageSize: Type.Number(),
+                }, {
+                    title: '分页信息',
+                    type: 'object',
+                    description: '分页信息',
+                }),
+            }),
+        },
+        {
+            name: 'onFilterChange',
+            title: '筛选器值变化',
+            'x-platforms': ['MOBILEWEB', 'PCWEB'],
+            description: '筛选面板搜索值变化/搜索触发回调',
+            detail: Type.Object({
+                searchValues: Type.Object({
+                    key: Type.String(),
+                    val: Type.String(),
+                    rel: Type.String(),
+                }, {
+                    title: '变更的目标值',
+                    type: 'object',
+                    description: '变更的目标值',
+                }),
+            }),
+        },
+        {
+            title: '选中行(已废弃)',
+            name: 'rowsSelect',
+            description: '点击数据选择列（多选/单选列），改变已选中的行时触发。可通过$w.组件id.selectedRecords获取选中行的详细数据。',
+            'x-platforms': ['MOBILEWEB', 'PCWEB'],
+        },
+    ],
+    // 组件元信息
+    meta: {
+        name: 'WdTable',
+        title: '数据表格',
+        componentName: 'Table',
+        description: '以表格形式展示多行数据，支持对数据进行排序、搜索、分页、自定义显示内容和操作。',
+        figureIcon: '../figureIcons/WdTable.svg',
+        icon: '../icons/Table.svg',
+        category: '数据容器',
+        categoryOrder: 100,
+        componentOrder: 50,
+        platform: ['MOBILEWEB', 'PCWEB'],
+        visible: ['APP'],
+        inlineStyleForm: {
+            $text: {
+                visible: false,
+            },
+            justifyContent: {
+                visible: false,
+            },
+            flexDirection: {
+                visible: false,
+            },
+            alignItems: {
+                visible: false,
+            },
+        },
+        shortcut: {
+            props: [
+                'dataSourceType',
+                'isSupportApis',
+                'bindMetadata',
+                'bindConnectMetadata',
+                'connectorMethod',
+                'connectorParams',
+            ],
+        },
+        templates: [
+            {
+                when: 'dataSourceType',
+                to: '$children',
+                body: expressionTemplate,
+            },
+            {
+                when: '$attached',
+                to: '$children',
+                body: template,
+            },
+        ],
+        queryGeneratorConfig: {
+            sceneConfig: {
+                // 当前场景
+                scenes: ['batchSelect', 'batchDelete', 'create', 'select', 'update'],
+                // 允许选择的场景
+                availableScenes: [
+                    'batchSelect',
+                    'create',
+                    'select',
+                    'update',
+                    'batchDelete',
+                ],
+                // 场景组合
+                validCombinations: getCombinations([
+                    'batchSelect',
+                    'create',
+                    'select',
+                    'update',
+                    'batchDelete',
+                ]).filter((scenes) => {
+                    if (!scenes.includes('batchSelect')) {
+                        return false;
+                    }
+                    return true;
+                }),
+                enableSelectMultiple: true,
+                // 是否可见
+                // visible: false,
+            },
+            fieldsConfig: {
+                // 支持配置 format
+                enableConfigFormat: true,
+                // 显示字段标识的列
+                showFieldTypeColumn: true,
+            },
+            apisConfig: {
+                // 配置 record 和 total 的键值，如果为 true，返回
+                enableConfigRecordAndTotalKey: true,
+            },
+            mysqlConfig: {
+                // 自动生成查询总条数语句
+                autoGenerateCountQuery: true,
+                // 计数名字，表示 SELECT COUNT(*) as count FROM xxx; 的 count，如果指定countName为 abc，则输出sql SELECT COUNT(*) as abc FROM xxx;
+                countName: 'count',
+            },
+            // 绑定路径配置，如果没有配置，默认就是 params，比如配置 select.condition 'params.abc'，输出的 select sql为 SELECT aa FROM xxx WHERE key={{params.abc}}
+            // 配置 create.value 'params.hello'，输出的 sql 为 INSERT INTO xxx (a, b) VALUES ({{params.hello.a}}, {{params.hello.b }})
+            bindParamsPath: {
+                select: {
+                    condition: 'params.id',
+                },
+                create: {
+                    value: 'params.data',
+                },
+                update: {
+                    value: 'params.data',
+                    condition: 'params.id',
+                },
+                delete: {
+                    condition: 'params.id',
+                },
+                batchDelete: {
+                    condition: 'params.ids',
+                },
+                batchSelect: {
+                    limit: '$w.{{$self.id}}.pageSize',
+                    offset: '($w.{{$self.id}}.pageNo - 1) * $w.{{$self.id}}.pageSize',
+                },
+            },
+            quickOperateButton: [
+                {
+                    icon: svg `<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" t="1712908791586" class="icon" viewBox="0 0 1024 1024" version="1.1" p-id="4295" width="48" height="48"><script xmlns=""/><path d="M527.34 837.67l239.92-359.88c9.42-14.14 5.6-33.25-8.55-42.67a30.702 30.702 0 0 0-17.05-5.16H553.02V203.4c0-16.99-13.77-30.77-30.76-30.77-10.29 0-19.89 5.14-25.6 13.7L256.74 546.21c-9.42 14.14-5.6 33.24 8.54 42.67a30.744 30.744 0 0 0 17.06 5.17h188.64V820.6c0 16.99 13.77 30.77 30.76 30.77 10.29 0 19.9-5.14 25.6-13.7z" fill="#0052d9" p-id="4296"/><script xmlns="" id="bw-fido2-page-script"/><script xmlns=""/><div xmlns="" id="immersive-translate-popup" style="all: initial"/></svg>`,
+                    targetField: 'dataSourceType',
+                    content: '快速生成',
+                },
+            ],
+        },
+        previewOperation: {
+            headerIcon: previewOperationHeaderIcon,
+            insertSlotName: '',
+            previewSlotName: '__innerSlot',
+            operation: [
+                {
+                    icon: svg `<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none">
+          <path d="M7.66667 5.25V5.75H8.16667L12.8494 5.75L6.33333 12.7315V8.75V8.25H5.83333H1.15061L7.66667 1.26851V5.25Z" stroke="#13161B"/>
+          </svg>`,
+                    title: '使用数据源生成表格',
+                    action: 'OPEN_GENERATE_QUERY_FORM',
+                },
+            ],
+        },
+    },
+    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,
+                },
+            },
+        },
+        group: {
+            数据: {
+                'x-index': 1,
+                expand: true,
+            },
+            表格列: {
+                'x-index': 2,
+                expand: true,
+            },
+            表格行: {
+                'x-index': 3,
+                expand: true,
+            },
+            分页器: {
+                'x-index': 4,
+                expand: true,
+            },
+            操作配置: {
+                'x-index': 5,
+                expand: true,
+            },
+        },
+    },
+    compConfig: {
+        componentType: 'table',
+        isDataContainer: true,
+    },
+});
+export default config;
+export const methods = config.methods;
+function getCombinations(arr) {
+    const result = [];
+    const combine = (currentCombination, startIndex) => {
+        if (currentCombination.length > 0) {
+            result.push(currentCombination);
+        }
+        for (let i = startIndex; i < arr.length; i++) {
+            combine([...currentCombination, arr[i]], i + 1);
+        }
+    };
+    combine([], 0);
+    return result;
+}