@cloudbase/weda-ui 3.9.7 → 3.10.0

package/dist/configs/components/listView.js

@@ -1,4 +1,5 @@
 import { Type } from '../type-utils';
+import { svgDataUri as svg } from '../svg-tag';
 import { genericErrorType } from '../type-utils/error';
 const stringTemplate = `
 {{#with (helper_utils 'get' _field 'name') as |_name|}}
@@ -18,7 +19,7 @@ left= '16PX'
 right='16PX'
 top='8PX'
 
-{{#with (helper_utils 'reject' (helper_utils 'filter' _fields (helper_utils 'concat' 'type' 'string')) (helper_utils 'concat' 'format' 'x-rtf')) as |_stringFields|}}
+{{#with (helper_utils 'reject' (helper_utils 'reject'  (helper_utils 'reject' _fields (helper_utils 'concat' 'type' 'array')) (helper_utils 'concat' 'type' 'object') ) (helper_utils 'concat' 'format' 'x-rtf')) as |_stringOrNumFields|}}
 
 {{#if (helper_utils '===' $self.attributes.template 'simpleList')}}
 [[template]]
@@ -67,7 +68,7 @@ gap='4PX'
 [[template.items.items.items]]
 component = 'WdText'
 [template.items.items.items.attributes]
-{{#with (helper_utils 'get' _stringFields '[0]') as |_field|}}
+{{#with (helper_utils 'get' _stringOrNumFields '[0]') as |_field|}}
 ${stringTemplate}
 {{/with}}
 level='title-8'
@@ -78,7 +79,7 @@ component = 'WdText'
 [template.items.items.items.extra.commonStyle.text]
 color='var(--wd-color-text-placeholder)'
 [template.items.items.items.attributes]
-{{#with (helper_utils 'get' _stringFields '[1]') as |_field|}}
+{{#with (helper_utils 'get' _stringOrNumFields '[1]') as |_field|}}
 ${stringTemplate}
 {{/with}}
 level='body-sm'
@@ -123,12 +124,13 @@ component = 'Container'
 borderBottom = '1px solid var(--wd-color-border-separator)'
 boxSizing = 'border-box'
 display = 'flex'
+
 [template.items.extra.commonStyle.flexConfig]
 alignItems = 'center'
 [template.items.extra.commonStyle.padding]
 bottom = '12PX'
-left = '0PX'
-right = '0PX'
+left = '12PX'
+right = '12PX'
 top = '12PX'
 [template.items.extra.commonStyle.position]
 position = 'relative'
@@ -149,7 +151,7 @@ wordBreak = 'break-all'
 [[template.items.items.items]]
 component = 'WdText'
 [template.items.items.items.attributes]
-{{#with (helper_utils 'get' _stringFields '[0]') as |_field|}}
+{{#with (helper_utils 'get' _stringOrNumFields '[0]') as |_field|}}
 ${stringTemplate}
 {{/with}}
 level='title-8'
@@ -172,7 +174,7 @@ whiteSpace = 'pre-line'
 [[template.items.items.items.items]]
 component='WdText'
 [template.items.items.items.items.attributes]
-text='{{helper_utils 'get' _stringFields (helper_utils 'join' (helper_utils 'concat' '[' (helper_utils '+' @index 1) '].title') '') '名称'}}：'
+text='{{helper_utils 'get' _stringOrNumFields (helper_utils 'join' (helper_utils 'concat' '[' (helper_utils '+' @index 1) '].title') '') '名称'}}：'
 overflow=true
 level='body-sm'
 [template.items.items.items.items.extra.commonStyle.text]
@@ -181,11 +183,13 @@ color='var(--wd-color-text-placeholder)'
 [[template.items.items.items.items]]
 component='WdText'
 [template.items.items.items.items.attributes]
-{{#with (helper_utils 'get' _stringFields (helper_utils 'join' (helper_utils 'concat' '[' (helper_utils '+' @index 1) ']') '')) as |_field|}}
+{{#with (helper_utils 'get' _stringOrNumFields (helper_utils 'join' (helper_utils 'concat' '[' (helper_utils '+' @index 1) ']') '')) as |_field|}}
 ${stringTemplate}
 {{/with}}
+
 overflow=true
 level='body-sm'
+
 [template.items.items.items.items.extra.commonStyle.text]
 color='var(--wd-color-text-placeholder)'
 
@@ -291,7 +295,7 @@ component = 'WdText'
 [template.items.items.items.attributes]
 level='title-8'
 textAlign = 'left'
-{{#with (helper_utils 'get' (helper_utils 'reject' _stringFields (helper_utils 'concat' 'format' 'x-image')) '[0]') as |_field|}}
+{{#with (helper_utils 'get' (helper_utils 'reject' _stringOrNumFields (helper_utils 'concat' 'format' 'x-image')) '[0]') as |_field|}}
 ${stringTemplate}
 {{/with}}
 
@@ -301,7 +305,7 @@ component = 'WdText'
 maxLines = '2'
 level='body-sm'
 overflow=true
-{{#with (helper_utils 'get' (helper_utils 'reject' _stringFields (helper_utils 'concat' 'format' 'x-image')) '[1]') as |_field|}}
+{{#with (helper_utils 'get' (helper_utils 'reject' _stringOrNumFields (helper_utils 'concat' 'format' 'x-image')) '[1]') as |_field|}}
 ${stringTemplate}
 {{/with}}
 textAlign = 'left'
@@ -431,7 +435,7 @@ level='body-sm'
 level='body-sm'
 overflow=true
 {{/if}}
-{{#with (helper_utils 'get' (helper_utils 'reject' _stringFields (helper_utils 'concat' 'format' 'x-image')) (helper_utils 'join' (helper_utils 'concat' '[' @index ']') '')) as |_field|}}
+{{#with (helper_utils 'get' (helper_utils 'reject' _stringOrNumFields (helper_utils 'concat' 'format' 'x-image')) (helper_utils 'join' (helper_utils 'concat' '[' @index ']') '')) as |_field|}}
 ${stringTemplate}
 {{/with}}
 [template.items.items.items.items.items.extra.commonStyle.text]
@@ -548,7 +552,7 @@ maxLines='2'
 overflow=true
 textAlign = 'left'
 text='商品名称'
-{{#with (helper_utils 'get' (helper_utils 'reject' _stringFields (helper_utils 'concat' 'format' 'x-image')) '[0]') as |_field|}}
+{{#with (helper_utils 'get' (helper_utils 'reject' _stringOrNumFields (helper_utils 'concat' 'format' 'x-image')) '[0]') as |_field|}}
 ${stringTemplate}
 {{/with}}
 
@@ -624,20 +628,11 @@ component = 'Container'
 {{/with}}
 `;
 const $attached_template = `
-{{#with $self as |$self|}}
-{{#with 'sys_user' as |_datasourceName| }}
-{{#with 'wedaGetRecordsV2' as |_methodName| }}
-{{#with (helper_getFields _datasourceName _methodName (helper_utils '?:' (helper_utils '===' _datasourceName 'sys_user') true false) false) as |_fields|}}
-${rawTemplate}
-{{/with}}
-{{/with}}
-{{/with}}
-{{/with}}
-
 [attributes]
 isSupportApis = false
 isSetStatus=true
 supportManyRelated=true
+isSupportMultipleSort = true
 ':queryCondition'='{
  "where": {
   "$and": [
@@ -654,11 +649,6 @@ supportManyRelated=true
  },
  "relateWhere": {}
 }'
-[attributes.datasource]
-type='datamodal'
-name='sys_user'
-[attributes.datasource.extra]
-methodName='wedaGetRecordsV2'
 `;
 const attributes_template = `
 {{#with $self as |$self|}}
@@ -768,380 +758,433 @@ const properties = Type.Object({
         description: '数据源类型为数据模型时，数据列表支持的数据源协议版本',
     }),
 });
-export default {
-    $schema: 'https://comp-public-1303824488.cos.ap-shanghai.myqcloud.com/schema/lcds_component.json',
-    data: {
-        properties: {
-            template: {
-                'x-index': 1,
-                title: '列表模板',
-                type: 'string',
-                'x-group': '列表',
-                default: 'simpleList',
-                enum: [
-                    {
-                        label: '空白',
-                        value: 'none',
-                    },
-                    {
-                        label: '简单列表',
-                        value: 'simpleList',
-                    },
-                    {
-                        label: '详细列表',
-                        value: 'detailList',
-                    },
-                    {
-                        label: '图文列表',
-                        value: 'imageTextList',
-                    },
-                    {
-                        label: '卡片列表',
-                        value: 'cardList',
-                    },
-                    {
-                        label: '商品列表',
-                        value: 'goodsList',
-                    },
-                ],
-                'x-component': 'data-sources-template-selector',
-                'x-component-props': {
-                    options: [
-                        {
-                            label: '空白',
-                            value: 'none',
-                            tooltip: '不使用模板',
-                            src: 'https://cloudcache.tencent-cloud.com/qcloud/ui/static/static_source_business/924e8472-9c52-46bc-bae7-e1ec30b92974.svg',
-                        },
-                        {
-                            label: '简单列表',
-                            value: 'simpleList',
-                            tooltip: '使用简单列表模板',
-                            src: 'https://cloudcache.tencent-cloud.com/qcloud/ui/static/static_source_business/2563df4d-2db0-449f-a545-825f5a66a848.svg',
-                        },
-                        {
-                            label: '详细列表',
-                            value: 'detailList',
-                            tooltip: '使用详细列表模板',
-                            src: 'https://cloudcache.tencent-cloud.com/qcloud/ui/static/static_source_business/c4f78f1c-f93a-4b40-8253-42541a609fa4.svg',
-                        },
-                        {
-                            label: '图文列表',
-                            value: 'imageTextList',
-                            tooltip: '使用图文列表模板',
-                            src: 'https://qcloudimg.tencent-cloud.cn/raw/55579a824f8ee45039358be4594a9cf7.png',
-                        },
-                        {
-                            label: '卡片列表',
-                            value: 'cardList',
-                            tooltip: '使用卡片列表模板',
-                            src: 'https://cloudcache.tencent-cloud.com/qcloud/ui/static/static_source_business/d92ff460-bc94-4162-9c0e-d04224dd1919.svg',
-                        },
-                        {
-                            label: '商品列表',
-                            value: 'goodsList',
-                            tooltip: '使用商品列表模板',
-                            src: 'https://qcloudimg.tencent-cloud.cn/raw/b413a9c18a7ebac69d05419fb56343f4.png',
-                        },
-                    ],
+const data = Type.Object({
+    template: Type.StringEnum({
+        'x-index': 1,
+        title: '列表模板',
+        type: 'string',
+        'x-group': '列表',
+        default: 'simpleList',
+        enum: [
+            {
+                label: '空白',
+                value: 'none',
+            },
+            {
+                label: '简单列表',
+                value: 'simpleList',
+            },
+            {
+                label: '详细列表',
+                value: 'detailList',
+            },
+            {
+                label: '图文列表',
+                value: 'imageTextList',
+            },
+            {
+                label: '卡片列表',
+                value: 'cardList',
+            },
+            {
+                label: '商品列表',
+                value: 'goodsList',
+            },
+        ],
+        'x-component': 'data-sources-template-selector',
+        'x-component-props': {
+            options: [
+                {
+                    label: '空白',
+                    value: 'none',
+                    tooltip: '不使用模板',
+                    src: 'https://cloudcache.tencent-cloud.com/qcloud/ui/static/static_source_business/924e8472-9c52-46bc-bae7-e1ec30b92974.svg',
+                },
+                {
+                    label: '简单列表',
+                    value: 'simpleList',
+                    tooltip: '使用简单列表模板',
+                    src: 'https://cloudcache.tencent-cloud.com/qcloud/ui/static/static_source_business/2563df4d-2db0-449f-a545-825f5a66a848.svg',
+                },
+                {
+                    label: '详细列表',
+                    value: 'detailList',
+                    tooltip: '使用详细列表模板',
+                    src: 'https://cloudcache.tencent-cloud.com/qcloud/ui/static/static_source_business/c4f78f1c-f93a-4b40-8253-42541a609fa4.svg',
+                },
+                {
+                    label: '图文列表',
+                    value: 'imageTextList',
+                    tooltip: '使用图文列表模板',
+                    src: 'https://qcloudimg.tencent-cloud.cn/raw/55579a824f8ee45039358be4594a9cf7.png',
                 },
-                'x-props': {
-                    'data-hidebind': true,
+                {
+                    label: '卡片列表',
+                    value: 'cardList',
+                    tooltip: '使用卡片列表模板',
+                    src: 'https://cloudcache.tencent-cloud.com/qcloud/ui/static/static_source_business/d92ff460-bc94-4162-9c0e-d04224dd1919.svg',
                 },
-                description: '列表内容样式的预设模板',
+                {
+                    label: '商品列表',
+                    value: 'goodsList',
+                    tooltip: '使用商品列表模板',
+                    src: 'https://qcloudimg.tencent-cloud.cn/raw/b413a9c18a7ebac69d05419fb56343f4.png',
+                },
+            ],
+        },
+        'x-props': {
+            'data-hidebind': true,
+        },
+        description: '列表内容样式的预设模板',
+    }),
+    dataSourceType: Type.StringEnum({
+        'x-index': 5,
+        title: '数据源',
+        'x-group': '数据',
+        type: 'string',
+        default: 'data-model',
+        enum: [
+            {
+                label: '数据模型',
+                value: 'data-model',
             },
-            dataSourceType: {
-                'x-index': 5,
-                title: '数据源',
-                'x-group': '数据',
-                type: 'string',
-                default: 'data-model',
-                enum: [
-                    {
-                        label: '数据模型',
-                        value: 'data-model',
-                    },
-                    {
-                        label: '表达式',
-                        value: 'expression',
-                    },
-                    {
-                        label: 'APIs',
-                        value: 'custom-connector',
-                    },
-                ],
-                'x-linkages': [
-                    {
-                        type: 'value:state',
-                        target: '*(isSetStatus,isSetLoading)',
-                        condition: "{{$self.value !=='expression'}}",
-                        state: {
-                            display: true,
-                        },
-                        otherwise: {
-                            display: false,
-                        },
-                    },
-                    {
-                        type: 'value:state',
-                        target: '*(orderType,queryCondition,orderBy,datasource,selectFieldType)',
-                        condition: "{{$self.value ==='data-model'}}",
-                        state: {
-                            display: true,
-                        },
-                        otherwise: {
-                            display: false,
-                        },
-                    },
-                    {
-                        type: 'value:state',
-                        target: '*(bindConnectMetadata,connectorMethod,connectorParams)',
-                        condition: "{{$self.value=='custom-connector'}}",
-                        state: {
-                            display: true,
-                        },
-                        otherwise: {
-                            display: false,
-                        },
-                    },
-                    {
-                        type: 'value:state',
-                        target: '*(dataSourceData,enableTotal,total,exprToFieldsSchema,loading)',
-                        condition: "{{$self.value=='expression'}}",
-                        state: {
-                            display: true,
-                        },
-                        otherwise: {
-                            display: false,
-                        },
-                    },
-                    {
-                        type: 'value:schema',
-                        target: 'bindConnectMetadata',
-                        schema: {
-                            'x-component-props': '{{{value:$value}}}',
-                        },
-                    },
-                    {
-                        type: 'value:schema',
-                        target: 'connectorMethod',
-                        schema: {
-                            'x-component-props': {
-                                connector: '{{$self.value}}',
-                            },
-                        },
-                    },
-                ],
-                '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,
-                        },
-                    ],
+            {
+                label: '表达式',
+                value: 'expression',
+            },
+            {
+                label: 'APIs',
+                value: 'custom-connector',
+            },
+        ],
+        'x-linkages': [
+            {
+                type: 'value:state',
+                target: '*(isSetStatus,isSetLoading)',
+                condition: "{{$self.value !=='expression'}}",
+                state: {
+                    display: true,
                 },
-                'x-props': {
-                    'data-hidebind': true,
+                otherwise: {
+                    display: false,
                 },
-                description: '数据源类型选择',
             },
-            datasource: {
-                'x-index': 10,
-                title: '数据模型',
-                type: 'object',
-                'x-group': '数据',
-                required: true,
-                properties: {
-                    name: {
-                        title: '数据模型名',
-                        type: 'string',
-                    },
-                    extra: {
-                        title: '数据模型属性',
-                        type: 'object',
-                        properties: {
-                            viewId: {
-                                title: '数据模型视图id',
-                                type: 'string',
-                            },
-                            methodName: {
-                                title: '数据模型方法名',
-                                type: 'string',
-                            },
-                        },
-                    },
+            {
+                type: 'value:state',
+                target: '*(queryCondition,datasource,selectFieldType)',
+                condition: "{{$self.value ==='data-model'}}",
+                state: {
+                    display: true,
                 },
-                'x-component': 'datasource-selector',
-                'x-component-props': {
-                    dataContainerType: 'listView',
-                    methodName: 'wedaGetRecordsV2',
+                otherwise: {
+                    display: false,
                 },
-                'x-props': {
-                    'data-hidebind': true,
+            },
+            {
+                type: 'value:state',
+                target: '*(sorter)',
+                condition: "{{$self.value ==='data-model'&&$form.values.isSupportMultipleSort}}",
+                state: {
+                    display: true,
+                },
+                otherwise: {
+                    display: false,
                 },
-                'x-linkages': [
-                    {
-                        type: 'value:schema',
-                        target: 'params',
-                        schema: {
-                            'x-component-props': '{{$value}}',
-                        },
-                    },
-                    {
-                        type: 'value:schema',
-                        condition: '{{ Boolean($value && $value.name) }}',
-                        target: 'orderBy',
-                        schema: {
-                            enum: '{{getDataSourceValueOptions($value && $value.name)}}',
-                        },
-                    },
-                    {
-                        type: 'value:state',
-                        condition: '{{!!$value && !!$value.name && !!$form.values.orderBy && getDataSourceValueOptions($value.name).every(o => o.value !== $form.values.orderBy)}}',
-                        target: 'orderBy',
-                        state: {
-                            value: '',
-                        },
-                    },
-                    {
-                        type: 'value:schema',
-                        condition: '{{ Boolean($value && $value.name) }}',
-                        target: 'queryCondition',
-                        schema: {
-                            'x-component-props': '{{{selectedDataSourceName: $value && $value.name}}}',
-                        },
-                    },
-                    {
-                        type: 'value:schema',
-                        condition: '{{ Boolean(!$value || !$value.name) }}',
-                        target: 'orderBy',
-                        schema: {
-                            'x-props': "{{{disabled: true, tooltip: '请先选择数据源'}}}",
-                        },
-                    },
-                    {
-                        type: 'value:schema',
-                        condition: '{{ Boolean($value && $value.name) }}',
-                        target: 'orderBy',
-                        schema: {
-                            'x-props': "{{{disabled: false, tooltip: ''}}}",
-                        },
-                    },
-                    {
-                        type: 'value:schema',
-                        target: 'selectFields',
-                        schema: {
-                            'x-component-props': {
-                                dataSourceName: '{{$self.value && $self.value.name}}',
-                            },
-                        },
-                    },
-                ],
-                description: '展示模型数据的数据来源',
             },
-            bindConnectMetadata: {
-                title: 'APIs',
-                type: 'object',
-                'x-component': 'connector-select',
-                'x-index': 12,
-                'x-group': '数据',
-                required: true,
-                'x-linkages': [
-                    {
-                        type: 'value:schema',
-                        target: 'connectorMethod',
-                        schema: {
-                            'x-component-props': {
-                                value: '{{$self.value}}',
-                            },
-                        },
+            {
+                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: '*(bindConnectMetadata,connectorMethod,connectorParams)',
+                condition: "{{$self.value=='custom-connector'}}",
+                state: {
+                    display: true,
+                },
+                otherwise: {
+                    display: false,
+                },
+            },
+            {
+                type: 'value:state',
+                target: '*(dataSourceData,enableTotal,total,exprToFieldsSchema,loading)',
+                condition: "{{$self.value=='expression'}}",
+                state: {
+                    display: true,
+                },
+                otherwise: {
+                    display: false,
+                },
+            },
+            {
+                type: 'value:schema',
+                target: 'bindConnectMetadata',
+                schema: {
+                    'x-component-props': '{{{value:$value}}}',
+                },
+            },
+            {
+                type: 'value:schema',
+                target: 'connectorMethod',
+                schema: {
+                    'x-component-props': {
+                        connector: '{{$self.value}}',
                     },
-                ],
-                'x-props': {
-                    'data-hidebind': true,
                 },
-                description: '展示数据的APIs来源选择',
-            },
-            dataSourceData: {
-                title: '表达式',
-                type: 'array',
-                required: true,
-                description: '数据列表展示的数据，可选择变量。',
-                'x-component': 'jsontext',
-                'x-helper-text': '新特性：数据列表追加绑定表达式数据，原APIs路径优化为表达式。注意：数组中默认需包含_id字段。且当输入的表达式变化时，会触发自动生成列表字段。因此建议先输入表达式再调整样式。[查看示例](https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/database/ListView#2-%E7%BB%91%E5%AE%9A%E8%A1%A8%E8%BE%BE%E5%BC%8F)',
-                'x-group': '数据',
-                'x-index': 14,
-            },
-            exprToFieldsSchema: Type.Optional(Type.String({
-                title: '',
+            },
+        ],
+        '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: '数据源类型选择',
+    }),
+    datasource: Type.Optional(Type.Object({
+        name: Type.String({
+            title: '数据模型名',
+            type: 'string',
+        }),
+        extra: Type.Object({
+            viewId: Type.String({
+                title: '数据模型视图id',
+                type: 'string',
+            }),
+            methodName: Type.String({
+                title: '数据模型方法名',
                 type: 'string',
-                'x-props': {
-                    'data-hidebind': true,
+            }),
+        }, {
+            title: '数据模型属性',
+            type: 'object',
+        }),
+    }, {
+        'x-index': 10,
+        title: '数据模型',
+        type: 'object',
+        'x-group': '数据',
+        required: true,
+        'x-component': 'datasource-selector',
+        'x-component-props': {
+            dataContainerType: 'listView',
+            methodName: 'wedaGetRecordsV2',
+        },
+        'x-props': {
+            'data-hidebind': true,
+        },
+        'x-linkages': [
+            {
+                type: 'value:schema',
+                target: 'params',
+                schema: {
+                    'x-component-props': '{{$value}}',
+                },
+            },
+            {
+                type: 'value:schema',
+                condition: '{{ Boolean($value && $value.name) }}',
+                target: 'orderBy',
+                schema: {
+                    enum: '{{getDataSourceValueOptions($value && $value.name)}}',
+                },
+            },
+            {
+                type: 'value:state',
+                condition: '{{!!$value && !!$value.name && !!$form.values?.sorter?.length && !$form.values.sorter.every(o => getDataSourceValueOptions($value.name, undefined, true).find(n=>o.orderBy===n.value))}}',
+                target: 'sorter',
+                state: {
+                    value: [
+                        { orderBy: 'updatedAt', orderType: 'desc', label: '更新时间' },
+                    ],
                 },
-                default: '',
-                'x-group': '数据',
-                'x-index': 15,
-                'x-component': 'expr-to-fields-schema',
-                'x-component-props': {
-                    expressionField: 'dataSourceData',
+            },
+            {
+                type: 'value:state',
+                condition: '{{!!$value && !!$value.name && !!$form.values.orderBy && getDataSourceValueOptions($value.name).every(o => o.value !== $form.values.orderBy)}}',
+                target: 'orderBy',
+                state: {
+                    value: '',
                 },
+            },
+            {
+                type: 'value:schema',
+                condition: '{{ Boolean($value && $value.name) }}',
+                target: 'queryCondition',
+                schema: {
+                    'x-component-props': '{{{selectedDataSourceName: $value && $value.name}}}',
+                },
+            },
+            {
+                type: 'value:schema',
+                condition: '{{ Boolean(!$value || !$value.name) }}',
+                target: 'orderBy',
+                schema: {
+                    'x-props': "{{{disabled: true, tooltip: '请先选择数据源'}}}",
+                },
+            },
+            {
+                type: 'value:schema',
+                condition: '{{ Boolean($value && $value.name) }}',
+                target: 'orderBy',
+                schema: {
+                    'x-props': "{{{disabled: false, tooltip: ''}}}",
+                },
+            },
+            {
+                type: 'value:schema',
+                target: 'selectFields',
+                schema: {
+                    'x-component-props': {
+                        dataSourceName: '{{$self.value && $self.value.name}}',
+                    },
+                },
+            },
+        ],
+        description: '展示模型数据的数据来源',
+    })),
+    bindConnectMetadata: Type.Optional(Type.Object({
+        datasource: Type.Optional(Type.Object({
+            title: Type.Optional(Type.String({
+                title: 'API名',
             })),
-            connectorMethod: {
-                title: '调用方法',
+            id: Type.Optional(Type.String({
+                title: 'ID',
+            })),
+            name: Type.Optional(Type.String({
+                title: '数据源标识',
+            })),
+        })),
+    }, {
+        title: 'APIs',
+        type: 'object',
+        'x-component': 'connector-select',
+        'x-index': 12,
+        'x-group': '数据',
+        required: true,
+        'x-linkages': [
+            {
+                type: 'value:schema',
+                target: 'connectorMethod',
+                schema: {
+                    'x-component-props': {
+                        value: '{{$self.value}}',
+                    },
+                },
+            },
+        ],
+        'x-props': {
+            'data-hidebind': true,
+        },
+        description: '展示数据的APIs来源选择',
+    })),
+    dataSourceData: Type.Optional(Type.Array(Type.Object({}, {
+        title: '表达式',
+        type: 'array',
+        required: true,
+        description: '数据列表展示的数据，可选择变量。',
+        'x-component': 'jsontext',
+        'x-helper-text': '新特性：数据列表追加绑定表达式数据，原APIs路径优化为表达式。注意：数组中默认需包含_id字段。且当输入的表达式变化时，会触发自动生成列表字段。因此建议先输入表达式再调整样式。[查看示例](https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/database/ListView#2-%E7%BB%91%E5%AE%9A%E8%A1%A8%E8%BE%BE%E5%BC%8F)',
+        'x-group': '数据',
+        'x-index': 14,
+    }))),
+    exprToFieldsSchema: Type.Optional(Type.String({
+        title: '',
+        type: 'string',
+        'x-props': {
+            'data-hidebind': true,
+        },
+        default: '',
+        'x-group': '数据',
+        'x-index': 15,
+        'x-component': 'expr-to-fields-schema',
+        'x-component-props': {
+            expressionField: 'dataSourceData',
+        },
+    })),
+    connectorMethod: Type.Optional(Type.Object({
+        name: Type.Optional(Type.String({ title: '方法标识' })),
+        title: Type.Optional(Type.String({ title: '方法名' })),
+        outParams: Type.Optional(Type.Array(Type.String({}))),
+        inParams: Type.Optional(Type.Array(Type.String({}))),
+    }, {
+        title: '调用方法',
+        type: 'object',
+        'x-component': 'connector-method-select',
+        'x-index': 16,
+        'x-group': '数据',
+        required: true,
+        'x-component-props': {
+            paramsSchema: {
                 type: 'object',
-                'x-component': 'connector-method-select',
-                'x-index': 16,
-                'x-group': '数据',
-                required: true,
-                'x-component-props': {
-                    paramsSchema: {
+                properties: {
+                    outParams: {
                         type: 'object',
                         properties: {
-                            outParams: {
+                            properties: {
                                 type: 'object',
                                 properties: {
-                                    properties: {
+                                    records: {
                                         type: 'object',
                                         properties: {
-                                            records: {
+                                            type: { const: 'array' },
+                                            items: {
                                                 type: 'object',
                                                 properties: {
-                                                    type: { const: 'array' },
-                                                    items: {
+                                                    type: {
+                                                        const: 'object',
+                                                    },
+                                                    properties: {
                                                         type: 'object',
                                                         properties: {
-                                                            type: {
-                                                                const: 'object',
-                                                            },
-                                                            properties: {
+                                                            _id: {
                                                                 type: 'object',
                                                                 properties: {
-                                                                    _id: {
-                                                                        type: 'object',
-                                                                        properties: {
-                                                                            type: {
-                                                                                const: 'string',
-                                                                            },
-                                                                        },
+                                                                    type: {
+                                                                        const: 'string',
                                                                     },
                                                                 },
                                                             },
@@ -1150,366 +1193,550 @@ export default {
                                                 },
                                             },
                                         },
-                                        required: ['records'],
                                     },
                                 },
+                                required: ['records'],
                             },
                         },
                     },
-                    docUrl: 'https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/database/ListView#%E8%B0%83%E7%94%A8-apis-%E7%9A%84%E5%8F%82%E6%95%B0%E8%A6%81%E6%B1%82',
                 },
-                'x-props': {
-                    'data-hidebind': true,
+            },
+            docUrl: 'https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/database/ListView#%E8%B0%83%E7%94%A8-apis-%E7%9A%84%E5%8F%82%E6%95%B0%E8%A6%81%E6%B1%82',
+        },
+        'x-props': {
+            'data-hidebind': true,
+        },
+        'x-helper-text': '方法的出入参需满足组件要求，[查看文档](https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/database/ListView#%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.Object({}, {
+        title: '查询入参',
+        type: 'string',
+        'x-index': 18,
+        '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',
+        },
+        'x-helper-text': '当配置了「每页条数」属性后，pageSize参数将不会生效',
+    })),
+    queryCondition: Type.Optional(Type.Array(Type.Object({}), {
+        'x-index': 20,
+        title: '数据筛选',
+        'x-group': '数据',
+        type: 'array',
+        items: {},
+        'x-component': 'data-source-condition-selector',
+        'x-component-props': {
+            propertyPath: 'queryCondition',
+            dataSourcePath: 'datasource.name',
+            preWherePath: 'where',
+        },
+        'x-props': {
+            'data-hidebind': false,
+            'data-hideBindValue': true,
+            'data-withBindMeta': true,
+        },
+        description: '对数据进行筛选过滤',
+    })),
+    orderBy: Type.Optional(Type.String({
+        'x-index': 30,
+        title: '排序字段',
+        'x-group': '数据',
+        type: 'string',
+        'x-linkages': [
+            {
+                type: 'value:schema',
+                condition: '{{ Boolean($value) }}',
+                target: 'orderBy',
+                schema: {
+                    'x-props': '{{{clearable: true}}}',
                 },
-                'x-helper-text': '方法的出入参需满足组件要求，[查看文档](https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/database/ListView#%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: {
-                title: '查询入参',
-                type: 'string',
-                'x-index': 18,
-                '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',
+            {
+                type: 'value:schema',
+                condition: '{{ Boolean(!$value) }}',
+                target: 'orderBy',
+                schema: {
+                    'x-props': '{{{clearable: false}}}',
                 },
-                'x-helper-text': '当配置了「每页条数」属性后，pageSize参数将不会生效',
-            },
-            queryCondition: {
-                'x-index': 20,
-                title: '数据筛选',
-                'x-group': '数据',
-                type: 'array',
-                items: {},
-                'x-component': 'data-source-condition-selector',
-                'x-component-props': {
-                    propertyPath: 'queryCondition',
-                    dataSourcePath: 'datasource.name',
-                    preWherePath: 'where',
+            },
+        ],
+        description: '选取对数据进行排序的字段',
+    })),
+    orderType: Type.Optional(Type.StringEnum({
+        'x-index': 40,
+        title: '排序方式',
+        'x-group': '数据',
+        default: 'asc',
+        type: 'string',
+        enum: [
+            {
+                label: '升序',
+                value: 'asc',
+            },
+            {
+                label: '降序',
+                value: 'desc',
+            },
+        ],
+        'x-linkages': [
+            {
+                type: 'value:schema',
+                condition: '{{ Boolean($value) }}',
+                target: 'orderType',
+                schema: {
+                    'x-props': '{{{clearable: true}}}',
                 },
-                'x-props': {
-                    'data-hidebind': false,
-                    'data-hideBindValue': true,
-                    'data-withBindMeta': true,
+            },
+            {
+                type: 'value:schema',
+                condition: '{{ Boolean(!$value) }}',
+                target: 'orderType',
+                schema: {
+                    'x-props': '{{{clearable: false}}}',
                 },
-                description: '对数据进行筛选过滤',
             },
-            orderBy: {
-                'x-index': 30,
-                title: '排序字段',
-                'x-group': '数据',
-                type: 'string',
-                'x-linkages': [
-                    {
-                        type: 'value:schema',
-                        condition: '{{ Boolean($value) }}',
-                        target: 'orderBy',
-                        schema: {
-                            'x-props': '{{{clearable: true}}}',
-                        },
-                    },
-                    {
-                        type: 'value:schema',
-                        condition: '{{ Boolean(!$value) }}',
-                        target: 'orderBy',
-                        schema: {
-                            'x-props': '{{{clearable: false}}}',
-                        },
-                    },
-                ],
-                description: '选取对数据进行排序的字段',
-            },
-            orderType: {
-                'x-index': 40,
-                title: '排序方式',
-                'x-group': '数据',
-                default: 'asc',
-                type: 'string',
-                enum: [
-                    {
-                        label: '升序',
-                        value: 'asc',
-                    },
-                    {
-                        label: '降序',
-                        value: 'desc',
-                    },
-                ],
-                'x-linkages': [
-                    {
-                        type: 'value:schema',
-                        condition: '{{ Boolean($value) }}',
-                        target: 'orderType',
-                        schema: {
-                            'x-props': '{{{clearable: true}}}',
-                        },
-                    },
-                    {
-                        type: 'value:schema',
-                        condition: '{{ Boolean(!$value) }}',
-                        target: 'orderType',
-                        schema: {
-                            'x-props': '{{{clearable: false}}}',
-                        },
-                    },
-                ],
-                description: '设置升序或降序',
+        ],
+        description: '设置升序或降序',
+    })),
+    // 兼容多字段排序,若支持多字段排序，则给sort字段赋初始值（原始配置的orderBy,orderType）
+    isSupportMultipleSort: Type.Optional(Type.Boolean({
+        title: '启用多字段排序',
+        'x-index': 41,
+        default: false,
+        'x-group': '数据',
+        'x-props': {
+            'data-hidebind': true,
+        },
+        'x-linkages': [
+            {
+                type: 'value:state',
+                target: '*(sorter)',
+                condition: '{{$self.value}}',
+                state: {
+                    display: true,
+                },
             },
-            selectFieldType: Type.Optional(Type.StringEnum({
-                title: '字段查询范围',
-                type: 'string',
-                enum: [
-                    { label: '全部字段', value: 'all' },
-                    { label: '本表字段', value: 'main' },
-                    { label: '自定义', value: 'custom' },
-                ],
-                'x-runtime-default': 'main',
-                'x-props': { clearable: true },
-                description: '默认查询本表字段',
-                'x-index': 41,
-                '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': 42,
-                'x-group': '数据',
-                'x-component': 'mutilp-data-source-field-select',
-                'x-component-props': {
-                    dataSourceName: '',
-                    splitRelation: true,
-                    enableSetProcedure: false,
-                    enableConfigTitle: false,
+            {
+                type: 'value:state',
+                target: '*(orderBy,orderType)',
+                condition: '{{$self.value}}',
+                state: {
+                    display: false,
                 },
-            })),
-            pagination: {
-                'x-index': 50,
-                title: '分页方式',
-                type: 'string',
-                'x-group': '分页器',
-                default: 'loadMoreButton',
-                enum: [
-                    {
-                        label: '点击加载更多',
-                        value: 'loadMoreButton',
-                    },
-                    {
-                        label: '触底加载更多',
-                        value: 'bottomLoad',
-                    },
-                    {
-                        label: '分页器',
-                        value: 'pagination',
-                    },
-                    {
-                        label: '不分页',
-                        value: 'none',
-                    },
-                ],
-                'x-props': {
-                    'data-hidebind': true,
+            },
+            {
+                type: 'value:state',
+                target: 'sorter',
+                condition: '{{ Boolean($form.values.orderBy)&&$form.values?.datasource?.name&&$self.inputed}}',
+                state: {
+                    value: '{{ ([getDataSourceValueOptions($form.values.datasource.name, undefined, true).find(item => item.value === $form.values.orderBy)].map(i=>({label:i.label,orderBy:$form.values.orderBy,orderType:$form.values.orderType})))}}',
                 },
-                'x-linkages': [
-                    {
-                        type: 'value:visible',
-                        target: 'loadCompletedText',
-                        condition: "{{$self.value == 'loadMoreButton' || $self.value == 'bottomLoad'}}",
-                    },
-                    {
-                        type: 'value:visible',
-                        target: 'loadButtonText',
-                        condition: "{{$self.value == 'loadMoreButton'}}",
-                    },
-                ],
-                description: '数据分页样式',
             },
-            loadButtonText: {
-                'x-index': 55,
-                title: '加载按钮名称',
-                type: 'string',
-                default: '加载更多',
-                'x-group': '分页器',
-            },
-            pageSize: {
-                'x-index': 60,
-                title: '每页条数',
-                type: 'number',
-                default: 5,
-                'x-group': '分页器',
-                'x-props': {
-                    min: 1,
+        ],
+    })),
+    // 支持多字段筛选
+    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',
                 },
-                description: '设置单次加载的数据条数',
-                display: true,
-            },
-            pageIndex: {
-                'x-index': 61,
-                title: '页码',
-                type: 'number',
-                default: 1,
-                'x-group': '分页器',
-                'x-props': {
-                    min: 1,
+                {
+                    label: '降序',
+                    value: 'desc',
                 },
-                description: '初始页码',
-                display: true,
-            },
-            enableTotal: Type.Optional(Type.Boolean({
-                title: '启用动态分页',
-                type: 'boolean',
-                description: '开启后，可支持动态分页',
-                'x-helper-text': '默认为前端分页，启用后可实现动态加载数据',
-                'x-group': '分页器',
-                'x-index': 70,
-                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': 80,
-            })),
-            emptyText: {
-                'x-index': 90,
-                type: 'string',
-                title: '空状态提示',
-                'x-group': '状态',
-                default: '暂无数据',
-                description: '无数据时的提示说明，内容为空时则不显示该提示',
-            },
-            loadCompletedText: {
-                'x-index': 100,
-                title: '加载到底提示',
-                'x-group': '状态',
-                type: 'string',
-                default: '',
-                description: '加载全部数据后的提示说明，内容为空时则不显示该提示',
-            },
-            isSetLoading: {
-                'x-index': 110,
-                title: '显示加载状态',
-                'x-group': '状态',
-                type: 'boolean',
-                'x-runtime-default': true,
-                description: '是否开启数据列表的加载状态，默认显示',
-            },
-            isSetStatus: {
-                'x-index': 112,
-                title: '显示异常状态',
-                'x-group': '状态',
-                type: 'boolean',
-                'x-runtime-default': false,
-                description: '是否开启数据列表的异常状态，默认不显示',
-            },
-            loading: {
-                'x-index': 114,
-                title: '数据加载状态',
-                'x-group': '状态',
-                type: 'boolean',
-                'x-runtime-default': false,
-                description: '开启后会展示数据加载中状态',
-            },
-            isSupportApis: Type.Optional(Type.Boolean({
-                title: '是否支持apis',
-                'x-group': '数据',
-                'x-index': 120,
-                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: [
+            ],
+            'x-props': {
+                clearable: true,
+            },
+        }),
+    }, {
+        title: 'tabs',
+        default: {
+            orderBy: '',
+            orderType: '',
+        },
+    }), {
+        title: '数据排序',
+        'x-index': 42,
+        'x-component': 'list',
+        'x-component-props': {
+            label_add: '添加排序规则',
+        },
+        'x-group': '数据',
+        'x-props': {
+            'data-withBindMeta': true,
+        },
+        'x-linkages': [
+            {
+                type: 'value:schema',
+                condition: '{{ Boolean($form?.values?.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?.datasource?.name, undefined, true)}}',
+                                'x-sorter': '{{$form?.values.sorter}}',
+                                'x-linkages': [
                                     {
-                                        value: 'data-model',
-                                        text: '数据模型',
-                                        label: '数据模型',
-                                        icon: 'database',
-                                        isShow: true,
+                                        type: 'value:state',
+                                        target: 'dataForm.label',
+                                        condition: '{{ Boolean($self.value)}}',
+                                        state: {
+                                            value: '{{$self.props["x-option"].find(i=>i.value===$self.value)?.label}}',
+                                        },
                                     },
                                     {
-                                        value: 'expression',
-                                        text: '表达式',
-                                        label: '表达式',
-                                        icon: 'expression',
-                                        isShow: true,
+                                        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,
+                                },
+                            }),
                         },
                     },
-                ],
-            })),
-            supportManyRelated: Type.Optional(Type.Boolean({
-                title: '支持v2协议',
-                description: '标记是否支持v2协议',
-                'x-group': '数据',
-                'x-index': 130,
-                display: false,
-                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: 'datasource.name',
-                                preWherePath: 'where',
-                                enableKeyIsRelation: true,
-                            },
-                        },
-                        condition: '{{ Boolean($self.value) }}',
-                        target: '*(queryCondition)',
+                },
+            },
+            {
+                type: 'value:schema',
+                condition: '{{$self.value?.length>2}}',
+                target: 'sorter',
+                schema: {
+                    'x-component-props': {
+                        label_add: '添加排序规则',
+                        addDisabledTip: '最多添加3个排序规则，请先删减已有规则',
                     },
-                    {
-                        type: 'value:visible',
-                        target: 'selectFieldType',
-                        condition: '{{ Boolean($self.value) }}',
+                },
+            },
+            {
+                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',
+    })),
+    selectFieldType: Type.Optional(Type.StringEnum({
+        title: '字段查询范围',
+        type: 'string',
+        enum: [
+            { label: '全部字段', value: 'all' },
+            { label: '本表字段', value: 'main' },
+            { label: '自定义', value: 'custom' },
+        ],
+        'x-runtime-default': 'main',
+        'x-props': { clearable: true },
+        description: '默认查询本表字段',
+        'x-index': 43,
+        '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': 44,
+        'x-group': '数据',
+        'x-component': 'mutilp-data-source-field-select',
+        'x-component-props': {
+            dataSourceName: '',
+            splitRelation: true,
+            enableSetProcedure: false,
+            enableConfigTitle: false,
         },
-    },
+    })),
+    pagination: Type.Optional(Type.StringEnum({
+        'x-index': 50,
+        title: '分页方式',
+        type: 'string',
+        'x-group': '分页器',
+        default: 'loadMoreButton',
+        enum: [
+            {
+                label: '点击加载更多',
+                value: 'loadMoreButton',
+            },
+            {
+                label: '触底加载更多',
+                value: 'bottomLoad',
+            },
+            {
+                label: '分页器',
+                value: 'pagination',
+            },
+            {
+                label: '不分页',
+                value: 'none',
+            },
+        ],
+        'x-props': {
+            'data-hidebind': true,
+        },
+        'x-linkages': [
+            {
+                type: 'value:visible',
+                target: 'loadCompletedText',
+                condition: "{{$self.value == 'loadMoreButton' || $self.value == 'bottomLoad'}}",
+            },
+            {
+                type: 'value:visible',
+                target: 'loadButtonText',
+                condition: "{{$self.value == 'loadMoreButton'}}",
+            },
+        ],
+        description: '数据分页样式',
+    })),
+    loadButtonText: Type.Optional(Type.String({
+        'x-index': 55,
+        title: '加载按钮名称',
+        type: 'string',
+        default: '加载更多',
+        'x-group': '分页器',
+    })),
+    pageSize: Type.Optional(Type.Number({
+        'x-index': 60,
+        title: '每页条数',
+        type: 'number',
+        default: 5,
+        'x-group': '分页器',
+        'x-props': {
+            min: 1,
+        },
+        description: '设置单次加载的数据条数',
+        display: true,
+    })),
+    pageIndex: Type.Optional(Type.Number({
+        'x-index': 61,
+        title: '页码',
+        type: 'number',
+        default: 1,
+        'x-group': '分页器',
+        'x-props': {
+            min: 1,
+        },
+        description: '初始页码',
+        display: true,
+    })),
+    enableTotal: Type.Optional(Type.Boolean({
+        title: '启用动态分页',
+        type: 'boolean',
+        description: '开启后，可支持动态分页',
+        'x-helper-text': '默认为前端分页，启用后可实现动态加载数据',
+        'x-group': '分页器',
+        'x-index': 70,
+        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': 80,
+    })),
+    emptyText: Type.Optional(Type.String({
+        'x-index': 90,
+        type: 'string',
+        title: '空状态提示',
+        'x-group': '状态',
+        default: '暂无数据',
+        description: '无数据时的提示说明，内容为空时则不显示该提示',
+    })),
+    loadCompletedText: Type.Optional(Type.String({
+        'x-index': 100,
+        title: '加载到底提示',
+        'x-group': '状态',
+        type: 'string',
+        default: '',
+        description: '加载全部数据后的提示说明，内容为空时则不显示该提示',
+    })),
+    isSetLoading: Type.Optional(Type.Boolean({
+        'x-index': 110,
+        title: '显示加载状态',
+        'x-group': '状态',
+        type: 'boolean',
+        'x-runtime-default': true,
+        description: '是否开启数据列表的加载状态，默认显示',
+    })),
+    isSetStatus: Type.Optional(Type.Boolean({
+        'x-index': 112,
+        title: '显示异常状态',
+        'x-group': '状态',
+        type: 'boolean',
+        'x-runtime-default': false,
+        description: '是否开启数据列表的异常状态，默认不显示',
+    })),
+    loading: Type.Optional(Type.Boolean({
+        'x-index': 114,
+        title: '数据加载状态',
+        'x-group': '状态',
+        type: 'boolean',
+        'x-runtime-default': false,
+        description: '开启后会展示数据加载中状态',
+    })),
+    isSupportApis: Type.Optional(Type.Boolean({
+        title: '是否支持apis',
+        'x-group': '数据',
+        'x-index': 120,
+        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,
+                            },
+                        ],
+                    },
+                },
+            },
+        ],
+    })),
+    supportManyRelated: Type.Optional(Type.Boolean({
+        title: '支持v2协议',
+        description: '标记是否支持v2协议',
+        'x-group': '数据',
+        'x-index': 130,
+        display: false,
+        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: 'datasource.name',
+                        preWherePath: 'where',
+                        enableKeyIsRelation: true,
+                    },
+                },
+                condition: '{{ Boolean($self.value) }}',
+                target: '*(queryCondition)',
+            },
+            {
+                type: 'value:visible',
+                target: 'selectFieldType',
+                condition: '{{ Boolean($self.value) }}',
+            },
+        ],
+    })),
+});
+export default {
+    $schema: 'https://comp-public-1303824488.cos.ap-shanghai.myqcloud.com/schema/lcds_component.json',
+    data,
     events: [
         {
             name: 'queryEmpty',
@@ -1673,5 +1900,66 @@ export default {
                 expand: true,
             },
         },
+        queryGeneratorConfig: {
+            sceneConfig: {
+                // 当前场景
+                scenes: ['batchSelect', 'batchDelete', 'create', 'select', 'update'],
+                // 允许选择的场景
+                availableScenes: ['batchSelect', 'select'],
+                // 场景组合
+                validCombinations: [['batchSelect'], ['batchSelect', 'select']],
+                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',
+                },
+                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: svg `<svg xmlns="http://www.w3.org/2000/svg" width="49" height="48" viewBox="0 0 49 48" fill="none"><rect x="6.5" y="14" width="36" height="26" fill="#DCDCDC"/><path d="M6.5 7H42.5V13H6.5V7Z" fill="#DCDCDC"/><path fill-rule="evenodd" clip-rule="evenodd" d="M31.0244 30.9639C31.0244 31.4832 30.7697 31.9327 30.4038 32.2932C30.0397 32.6519 29.5384 32.9519 28.9594 33.1932C27.7991 33.6766 26.2308 33.9639 24.5244 33.9639C22.818 33.9639 21.2498 33.6766 20.0895 33.1932C19.5104 32.9519 19.0092 32.6519 18.645 32.2932C18.2791 31.9327 18.0244 31.4832 18.0244 30.9639V23.9639C18.0244 23.4445 18.2791 22.995 18.645 22.6346C19.0092 22.2759 19.5104 21.9758 20.0895 21.7346C21.2498 21.2511 22.818 20.9639 24.5244 20.9639C26.2308 20.9639 27.7991 21.2511 28.9594 21.7346C29.5384 21.9758 30.0397 22.2759 30.4038 22.6346C30.7697 22.995 31.0244 23.4445 31.0244 23.9639V30.9639ZM19.3468 23.3469C19.1055 23.5847 19.0244 23.7929 19.0244 23.9639C19.0244 24.1349 19.1055 24.343 19.3468 24.5808C19.5899 24.8203 19.9674 25.059 20.4741 25.2701C21.4854 25.6915 22.9171 25.9639 24.5244 25.9639C26.1318 25.9639 27.5635 25.6915 28.5747 25.2701C29.0815 25.059 29.4589 24.8203 29.702 24.5808C29.9434 24.343 30.0244 24.1349 30.0244 23.9639C30.0244 23.7929 29.9434 23.5847 29.702 23.3469C29.4589 23.1075 29.0815 22.8688 28.5747 22.6576C27.5635 22.2363 26.1318 21.9639 24.5244 21.9639C22.9171 21.9639 21.4854 22.2363 20.4741 22.6576C19.9674 22.8688 19.5899 23.1075 19.3468 23.3469ZM30.0244 25.612V27.4639C30.0244 27.6349 29.9434 27.843 29.702 28.0808C29.4589 28.3203 29.0815 28.559 28.5747 28.7701C27.5635 29.1915 26.1318 29.4639 24.5244 29.4639C22.9171 29.4639 21.4854 29.1915 20.4741 28.7701C19.9674 28.559 19.5899 28.3203 19.3468 28.0808C19.1055 27.843 19.0244 27.6349 19.0244 27.4639V25.612C19.3298 25.8335 19.6912 26.0272 20.0895 26.1932C21.2498 26.6766 22.818 26.9639 24.5244 26.9639C26.2308 26.9639 27.7991 26.6766 28.9594 26.1932C29.3576 26.0272 29.7191 25.8335 30.0244 25.612ZM30.0244 30.9639V29.112C29.7191 29.3335 29.3576 29.5272 28.9594 29.6932C27.7991 30.1766 26.2308 30.4639 24.5244 30.4639C22.818 30.4639 21.2498 30.1766 20.0895 29.6932C19.6912 29.5272 19.3298 29.3335 19.0244 29.112V30.9639C19.0244 31.1349 19.1055 31.343 19.3468 31.5808C19.5899 31.8203 19.9674 32.059 20.4741 32.2701C21.4854 32.6915 22.9171 32.9639 24.5244 32.9639C26.1318 32.9639 27.5635 32.6915 28.5747 32.2701C29.0815 32.059 29.4589 31.8203 29.702 31.5808C29.9434 31.343 30.0244 31.1349 30.0244 30.9639Z" fill="white"/></svg>`,
+            insertSlotName: 'children',
+            previewSlotName: 'children',
+            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',
+                },
+            ],
+        },
     },
 };