@cloudbase/weda-ui 3.5.2-mp → 3.5.3

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

@@ -0,0 +1,1525 @@
+import { defineConfig, Tuple, Type } from '../type-utils';
+import { WD_TABLE_PAGE_SIZE, WD_TABLE_SELECT_COLUMN } from '../../enum';
+import { genericErrorType } from '../type-utils/error';
+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
+`;
+// 属性类型定义
+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,orderBy,orderType)',
+                condition: "{{$self.value ==='data-model'}}",
+                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)',
+                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: '*(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.orderBy && getDataSourceValueOptions($value.datasource.name, undefined, true).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: '展示数据的数据来源，包括数据模型/视图',
+    }),
+    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',
+        },
+    })),
+    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)',
+                    condition: "{{$self.value=='default'}}",
+                },
+            ],
+        }),
+        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.Boolean({
+            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,
+    })),
+    enableTotal: Type.Optional(Type.Boolean({
+        title: '启用动态分页',
+        type: 'boolean',
+        description: '开启后，可支持动态分页',
+        'x-helper-text': '默认为前端分页，启用后可实现动态加载数据   ',
+        'x-group': '分页器',
+        'x-index': 186,
+        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': 187,
+    })),
+    supportManyRelated: Type.Optional(Type.Boolean({
+        title: '新添加',
+        description: '标记是否是新添加的表格组件',
+        'x-group': '数据',
+        default: false,
+        'x-platforms': [''],
+        'x-linkages': [
+            {
+                type: 'value:schema',
+                schema: {
+                    '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: '对数据进行筛选过滤',
+    })),
+    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',
+    })),
+    // 去掉搜索方式, 兼容旧组件, 属性隐藏, 暂不移除
+    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.Any({
+        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' && this.format !== 'many-many' && this.format !== 'one-many'",
+        },
+        'x-props': {
+            'data-hidebind': true,
+        },
+        'x-index': 70,
+        'x-group': '数据',
+        description: '配置表格运行态的筛选器',
+    })),
+    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: '开启后，可拖拽按钮等组件，放入大纲树的操作列节点或表格的操作列区域',
+    })),
+    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': '表格列',
+    })),
+    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: '设置固定值或绑定低码方法，实现行背景颜色的改变',
+    })),
+    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': 200,
+        default: true,
+        'x-group': '操作配置',
+        description: '开启后，可拖拽按钮等组件，放入大纲树的全局按钮节点或表格的全局按钮区域',
+    })),
+    enableRefreshBtn: Type.Optional(Type.Boolean({
+        title: '刷新按钮',
+        type: 'boolean',
+        'x-index': 220,
+        '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',
+            },
+        },
+    })),
+});
+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: '数据源类型为数据模型时，当前表格支持的数据源协议版本',
+        }),
+    }),
+]);
+// 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-wrap-filter',
+            description: '筛选器容器根元素',
+        },
+        {
+            name: 'H5 端筛选器容器',
+            selector: '.wd-h5-table-wrap-filter',
+            description: '可以为 H5 端的筛选器容器编写样式',
+        },
+        {
+            name: '表格容器',
+            selector: '.wd-table',
+            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  .wd-table__box td',
+            description: '表格行高-低',
+        },
+        {
+            name: '表格行高-中',
+            selector: '.wd-table--size-md  .wd-table__box td',
+            description: '表格行高-中',
+        },
+        {
+            name: '表格行高-高',
+            selector: '.wd-table--size-lg  .wd-table__box td',
+            description: '表格行高-高',
+        },
+        {
+            name: '分页器容器',
+            selector: '.wd-pagination',
+            description: '分页器容器根元素',
+        },
+    ],
+    // 组件方法
+    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: [
+        {
+            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: '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: '以表格形式展示多行数据，支持对数据进行排序、搜索、分页、自定义显示内容和操作。',
+        icon: '../../icons/Table.svg',
+        category: '数据容器',
+        categoryOrder: 100,
+        componentOrder: 50,
+        platform: ['MOBILEWEB', 'PCWEB'],
+        visible: ['APP'],
+        shortcut: {
+            props: [
+                'dataSourceType',
+                'bindMetadata',
+                'bindConnectMetadata',
+                'connectorMethod',
+                'connectorParams',
+            ],
+        },
+        templates: [
+            {
+                when: 'dataSourceType',
+                to: '$children',
+                body: expressionTemplate,
+            },
+            {
+                when: '$attached',
+                to: '$children',
+                body: template,
+            },
+        ],
+    },
+    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: {
+        isDataContainer: true,
+    },
+});
+export default config;
+export const methods = config.methods;