@cloudbase/weda-ui 3.4.2 → 3.4.4

package/dist/configs/components/listView.js

@@ -0,0 +1,988 @@
+const rawTemplate = `
+
+{{#with (helper_getFields _datasourceName _methodName (helper_utils '?:' (helper_utils '===' _datasourceName 'sys_user') true false)) as |_fields|}}
+{{#with (helper_utils 'filter' _fields (helper_utils 'concat' 'type' 'string')) as |_stringFields|}}
+{{#with (helper_utils 'uuid') as |repeater_suffix|}}
+
+{{#if (helper_utils '===' $self.attributes.template 'simpleList')}}
+
+[[template]]
+component = 'Repeater'
+[template.attributes]
+':data' = '$context.{{$self.id}}.data'
+suffix = '{{repeater_suffix}}'
+forItem = 'item_{{repeater_suffix}}'
+forIndex = 'index_{{repeater_suffix}}'
+key = '_id'
+
+[[template.items]]
+component = 'Container'
+[template.items.extra.commonStyle]
+boxSizing='border-box'
+borderBottom='1px dashed #acacac'
+display='flex'
+[template.items.extra.commonStyle.flexConfig]
+alignItems='center'
+[template.items.extra.commonStyle.padding]
+bottom='14PX'
+left= '19PX'
+right='18PX'
+top='15PX'
+[template.items.extra.commonStyle.position]
+position='relative'
+[template.items.extra.commonStyle.size]
+width='100%'
+[template.items.extra.commonStyle.self]
+borderBottom='1px dashed #acacac'
+boxSizing='border-box'
+
+[[template.items.items]]
+component = 'Container'
+[template.items.items.extra.commonStyle]
+flex='1'
+wordBreak='break-all'
+[template.items.items.extra.commonStyle.self]
+flex='1'
+wordBreak='break-all'
+[[template.items.items.items]]
+component = 'WdText'
+[template.items.items.items.attributes]
+{{#with (helper_utils 'get' _stringFields '[0].name') as |_name0|}}
+':text'='$w.item_{{repeater_suffix}}.{{_name0}} || \`-\`'
+{{/with}}
+level='title-6'
+textAlign = 'left'
+
+[[template.items.items.items]]
+component = 'WdText'
+[template.items.items.items.extra.commonStyle.text]
+opacity=40
+[template.items.items.items.attributes]
+{{#with (helper_utils 'get' _stringFields '[1].name') as |_name1|}}
+':text'='$w.item_{{repeater_suffix}}.{{_name1}} || \`-\`'
+{{/with}}
+overflow=true
+
+[[template.items.items]]
+component = 'Container'
+[template.items.items.extra.commonStyle.margin]
+left='10PX'
+[template.items.items.extra.commonStyle.size]
+width='24PX'
+height='24PX'
+[template.items.items.extra.commonStyle.text]
+opacity=30
+[[template.items.items.items]]
+component = 'WdIcon'
+[template.items.items.items.attributes]
+name = 'chevronright'
+
+{{else if (helper_utils '===' $self.attributes.template 'detailList')}}
+
+[[template]]
+component = 'Repeater'
+[template.attributes]
+':data' = '$context.{{$self.id}}.data'
+suffix = '{{repeater_suffix}}'
+forItem = 'item_{{repeater_suffix}}'
+forIndex = 'index_{{repeater_suffix}}'
+key = '_id'
+
+[[template.items]]
+component = 'Container'
+[template.items.extra.commonStyle]
+borderBottom = '1px dashed #acacac'
+boxSizing = 'border-box'
+display = 'flex'
+[template.items.extra.commonStyle.flexConfig]
+alignItems = 'center'
+[template.items.extra.commonStyle.padding]
+bottom = '15PX'
+left = '26PX'
+right = '25PX'
+top = '15PX'
+[template.items.extra.commonStyle.position]
+position = 'relative'
+[template.items.extra.commonStyle.self]
+borderBottom = '1px dashed #acacac'
+boxSizing = 'border-box'
+[template.items.extra.commonStyle.size]
+width = '100%'
+
+[[template.items.items]]
+component='Container'
+[template.items.items.extra.commonStyle]
+flex = '1'
+wordBreak = 'break-all'
+[template.items.items.extra.commonStyle.self]
+flex = '1'
+wordBreak = 'break-all'
+[[template.items.items.items]]
+component = 'WdText'
+[template.items.items.items.attributes]
+{{#with (helper_utils 'get' _stringFields '[0].name') as |_name0|}}
+':text'='$w.item_{{repeater_suffix}}.{{_name0}} || \`-\`'
+{{/with}}
+level='title-6'
+textAlign = 'left'
+
+{{#repeat 3}}
+[[template.items.items.items]]
+component='Container'
+[template.items.items.items.extra.commonStyle]
+display = 'flex'
+whiteSpace = 'pre-line'
+[template.items.items.items.extra.commonStyle.flexConfig]
+alignItems = 'center'
+flexWrap = 'nowrap'
+[template.items.items.items.extra.commonStyle.text]
+opacity = 40
+[template.items.items.items.extra.commonStyle.self]
+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') '') '名称'}}：'
+overflow=true
+
+[[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) '].name') '')) as |_name|}}
+':text'='$w.item_{{repeater_suffix}}.{{_name}} || \`-\`'
+{{/with}}
+overflow=true
+
+{{/repeat}}
+
+[[template.items.items]]
+component='Container'
+[template.items.items.extra.commonStyle.margin]
+left = '10PX'
+[template.items.items.extra.commonStyle.size]
+height = '24PX'
+width = '24PX'
+[template.items.items.extra.commonStyle.text]
+opacity = 30
+[[template.items.items.items]]
+component = 'WdIcon'
+[template.items.items.items.attributes]
+name = 'more'
+size = 48
+type = 'inner'
+
+{{else if (helper_utils '===' $self.attributes.template 'imageTextList')}}
+
+[[template]]
+component = 'Repeater'
+[template.attributes]
+':data' = '$context.{{$self.id}}.data'
+suffix = '{{repeater_suffix}}'
+forItem = 'item_{{repeater_suffix}}'
+forIndex = 'index_{{repeater_suffix}}'
+key = '_id'
+
+[[template.items]]
+component = 'Container'
+[template.items.extra.commonStyle]
+borderBottom = '1px dashed #acacac'
+boxSizing = 'border-box'
+custom = []
+display = 'flex'
+[template.items.extra.commonStyle.flexConfig]
+alignItems = 'center'
+[template.items.extra.commonStyle.padding]
+bottom = '14PX'
+left = '16PX'
+right = '18PX'
+top = '15PX'
+[template.items.extra.commonStyle.position]
+position = 'relative'
+[template.items.extra.commonStyle.self]
+borderBottom = '1px dashed #acacac'
+boxSizing = 'border-box'
+[template.items.extra.commonStyle.size]
+width = '100%'
+
+[[template.items.items]]
+component = 'Container'
+[template.items.items.extra.commonStyle]
+custom = []
+[template.items.items.extra.commonStyle.margin]
+right = '10PX'
+[template.items.items.extra.commonStyle.position]
+position = 'relative'
+[template.items.items.extra.commonStyle.size]
+height = '52PX'
+width = '52PX'
+[[template.items.items.items]]
+component='WdImage'
+[template.items.items.items.attributes]
+fit = 'cover'
+mode = 'scaleToFill'
+{{#with (helper_utils 'get' (helper_utils 'filter' _fields (helper_utils 'concat' 'format' 'x-image')) '[0].name') as |_name0|}}
+':src'='$w.item_{{repeater_suffix}}.{{_name0}}'
+{{/with}}
+[template.items.items.items.extra.commonStyle.size]
+height = '100%'
+width = '100%'
+
+[[template.items.items]]
+component = 'Container'
+[template.items.items.extra.commonStyle]
+custom = []
+flex = '1'
+wordBreak = 'break-all'
+[template.items.items.extra.commonStyle.self]
+flex = '1'
+wordBreak = 'break-all'
+
+[[template.items.items.items]]
+component = 'WdText'
+[template.items.items.items.attributes]
+level='title-6'
+textAlign = 'left'
+{{#with (helper_utils 'get' (helper_utils 'reject' _stringFields (helper_utils 'concat' 'format' 'x-image')) '[0].name') as |_name0|}}
+':text'='$w.item_{{repeater_suffix}}.{{_name0}} || \`-\`'
+{{/with}}
+
+[[template.items.items.items]]
+component = 'WdText'
+[template.items.items.items.attributes]
+maxLines = '2'
+overflow=true
+{{#with (helper_utils 'get' (helper_utils 'reject' _stringFields (helper_utils 'concat' 'format' 'x-image')) '[1].name') as |_name1|}}
+':text'='$w.item_{{repeater_suffix}}.{{_name1}} || \`-\`'
+{{/with}}
+textAlign = 'left'
+[template.items.items.items.extra.commonStyle.text]
+opacity = 40
+
+[[template.items.items]]
+component='Container'
+[template.items.items.extra.commonStyle.margin]
+left = '10PX'
+[template.items.items.extra.commonStyle.size]
+height = '24PX'
+width = '24PX'
+[template.items.items.extra.commonStyle.text]
+opacity = 30
+
+[[template.items.items.items]]
+component='WdIcon'
+[template.items.items.items.attributes]
+name = 'chevronright'
+size = 48
+
+{{else if (helper_utils '===' $self.attributes.template 'cardList')}}
+
+[[template]]
+component = 'Repeater'
+[template.attributes]
+':data' = '$context.{{$self.id}}.data'
+suffix = '{{repeater_suffix}}'
+forItem = 'item_{{repeater_suffix}}'
+forIndex = 'index_{{repeater_suffix}}'
+key = '_id'
+
+[[template.items]]
+component = 'Container'
+[template.items.extra.commonStyle]
+boxSizing = 'border-box'
+custom = []
+display = 'flex'
+[template.items.extra.commonStyle.border]
+color = 'rgb(172, 172, 172)'
+type = 'dashed'
+width = '1px'
+[template.items.extra.commonStyle.flexConfig]
+alignItems = 'center'
+flexDirection = 'column'
+[template.items.extra.commonStyle.padding]
+bottom = '11PX'
+left = '8PX'
+right = '8PX'
+top = '8PX'
+[template.items.extra.commonStyle.position]
+position = 'relative'
+[template.items.extra.commonStyle.self]
+boxSizing = 'border-box'
+[template.items.extra.commonStyle.size]
+width = 'calc(50%)'
+
+[[template.items.items]]
+component = 'Container'
+[template.items.items.extra.commonStyle]
+custom = []
+[template.items.items.extra.commonStyle.margin]
+bottom = '10PX'
+right = '0'
+[template.items.items.extra.commonStyle.size]
+height = '118PX'
+width = '100%'
+
+[[template.items.items.items]]
+component='WdImage'
+[template.items.items.items.attributes]
+fit = 'cover'
+mode = 'scaleToFill'
+{{#with (helper_utils 'get' (helper_utils 'filter' _fields (helper_utils 'concat' 'format' 'x-image')) '[0].name') as |_name0|}}
+':src'='$w.item_{{repeater_suffix}}.{{_name0}}'
+{{/with}}
+[template.items.items.items.extra.commonStyle.size]
+height = '100%'
+width = '100%'
+
+[[template.items.items]]
+component = 'Container'
+[template.items.items.extra.commonStyle]
+custom = []
+wordBreak = 'break-all'
+[template.items.items.extra.commonStyle.padding]
+bottom = '0'
+left = '5PX'
+right = '4PX'
+top = '0'
+[template.items.items.extra.commonStyle.self]
+wordBreak = 'break-all'
+[template.items.items.extra.commonStyle.size]
+width = '100%'
+
+{{#repeat 3}}
+
+[[template.items.items.items]]
+component = 'WdText'
+[template.items.items.items.attributes]
+textAlign = 'left'
+{{#if (helper_utils '===' @index 0)}}
+level='title-6'
+{{else if (helper_utils '===' @index 1)}}
+maxLines = '3'
+overflow=true
+{{else}}
+overflow=true
+{{/if}}
+{{#with (helper_utils 'get' (helper_utils 'reject' _stringFields (helper_utils 'concat' 'format' 'x-image')) (helper_utils 'join' (helper_utils 'concat' '[' @index '].name') '')) as |_name|}}
+':text'='$w.item_{{repeater_suffix}}.{{_name}} || \`-\`'
+{{/with}}
+{{/repeat}}
+
+{{else}}
+[[template]]
+component = 'Repeater'
+[template.attributes]
+':data' = '$context.{{$self.id}}.data'
+suffix = '{{repeater_suffix}}'
+forItem = 'item_{{repeater_suffix}}'
+forIndex = 'index_{{repeater_suffix}}'
+key = '_id'
+[[template.items]]
+component = 'Container'
+
+{{/if}}
+
+{{/with}}
+{{/with}}
+{{/with}}
+`;
+const $attached_template = `
+{{#with $self as |$self|}}
+{{#with 'sys_user' as |_datasourceName| }}
+{{#with 'wedaGetRecords' as |_methodName| }}
+${rawTemplate}
+{{/with}}
+{{/with}}
+{{/with}}
+
+[attributes]
+isSetStatus=true
+[attributes.datasource]
+type='datamodal'
+name='sys_user'
+`;
+const attributes_tempate = `
+{{#with $self as |$self|}}
+{{#with (helper_utils '?:' (helper_utils 'isEqual' $self.attributes.dataSourceType 'data-model') $self.attributes.datasource.name $self.attributes.bindConnectMetadata.datasource.name) as |_datasourceName| }}
+{{#with (helper_utils '?:' (helper_utils 'isEqual' $self.attributes.dataSourceType 'data-model') 'wedaGetRecords' $self.attributes.connectorMethod.name) as |_methodName| }}
+${rawTemplate}
+{{/with}}
+{{/with}}
+{{/with}}
+`;
+export default {
+    $schema: 'https://comp-public-1303824488.cos.ap-shanghai.myqcloud.com/schema/lcds_component.json',
+    data: {
+        properties: {
+            template: {
+                'x-index': 4,
+                title: '模板',
+                type: 'string',
+                'x-category': '基础属性',
+                default: 'simpleList',
+                enum: [
+                    {
+                        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://cloudcache.tencent-cloud.com/qcloud/ui/static/static_source_business/58cad863-a9b6-4c51-b3f3-d6036ef4d0b7.svg',
+                    },
+                    {
+                        label: '卡片列表',
+                        value: 'cardList',
+                        tooltip: '使用卡片列表模板',
+                        src: 'https://cloudcache.tencent-cloud.com/qcloud/ui/static/static_source_business/d92ff460-bc94-4162-9c0e-d04224dd1919.svg',
+                    },
+                ],
+                'x-component': 'data-sources-template-selector',
+                'x-props': {
+                    'data-hidebind': true,
+                },
+                remarks: '列表内容样式的预设模板',
+            },
+            dataSourceType: {
+                'x-index': 5,
+                title: '数据源',
+                'x-category': '基础属性',
+                type: 'string',
+                default: 'data-model',
+                enum: [
+                    {
+                        label: '数据模型',
+                        value: 'data-model',
+                    },
+                    {
+                        label: '自定义APIs',
+                        value: 'custom-connector',
+                    },
+                ],
+                'x-linkages': [
+                    {
+                        type: 'value:state',
+                        target: '*(orderType,where,orderBy,datasource)',
+                        condition: "{{$self.value !='custom-connector'}}",
+                        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:schema',
+                        target: 'bindConnectMetadata',
+                        schema: {
+                            'x-component-props': '{{{value:$value}}}',
+                        },
+                    },
+                    {
+                        type: 'value:schema',
+                        target: 'connectorMethod',
+                        schema: {
+                            'x-component-props': '{{{connector:$value}}}',
+                        },
+                    },
+                ],
+                'x-component': 'dsc-datasource-type-select',
+                'x-component-props': {
+                    defaultValue: 'data-model',
+                    options: [
+                        {
+                            value: 'data-model',
+                            text: '数据模型',
+                            label: '数据模型',
+                            icon: 'database',
+                            isShow: true,
+                        },
+                        {
+                            value: 'custom-connector',
+                            text: '自定义APIs',
+                            label: '自定义APIs',
+                            icon: 'custom-connector',
+                            isShow: true,
+                        },
+                    ],
+                },
+                'x-props': {
+                    'data-hidebind': true,
+                },
+                remarks: '数据源类型选择',
+            },
+            datasource: {
+                'x-index': 10,
+                title: '数据模型',
+                type: 'object',
+                'x-category': '基础属性',
+                required: true,
+                properties: {
+                    name: {
+                        title: '数据模型名',
+                        type: 'string',
+                    },
+                    extra: {
+                        title: '数据模型属性',
+                        type: 'object',
+                        properties: {
+                            viewId: {
+                                title: '数据模型视图id',
+                                type: 'string',
+                            },
+                            methodName: {
+                                title: '数据模型方法名',
+                                type: 'string',
+                            },
+                        },
+                    },
+                },
+                'x-component': 'datasource-selector',
+                'x-component-props': {
+                    dataContainerType: 'listView',
+                },
+                '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.orderBy && getDataSourceValueOptions($value.name).every(o => o.value !== $form.values.orderBy)}}',
+                        target: 'orderBy',
+                        state: {
+                            value: '',
+                        },
+                    },
+                    {
+                        type: 'value:schema',
+                        condition: '{{ Boolean($value && $value.name) }}',
+                        target: 'where',
+                        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: ''}}}",
+                        },
+                    },
+                ],
+                remarks: '展示模型数据的数据来源',
+            },
+            bindConnectMetadata: {
+                title: '自定义APIs',
+                type: 'object',
+                'x-component': 'connector-select',
+                'x-index': 12,
+                'x-category': '基础属性',
+                required: true,
+                'x-linkages': [
+                    {
+                        type: 'value:schema',
+                        target: 'connectorMethod',
+                        schema: {
+                            'x-component-props': '{{{value:$value}}}',
+                        },
+                    },
+                ],
+                'x-props': {
+                    'data-hidebind': true,
+                },
+                remarks: '展示数据的自定义APIs来源选择',
+            },
+            connectorMethod: {
+                title: '调用方法',
+                type: 'object',
+                'x-component': 'connector-method-select',
+                'x-index': 16,
+                'x-category': '基础属性',
+                required: true,
+                'x-props': {
+                    'data-hidebind': true,
+                },
+                remarks: '展示数据的自定义APIs调用方法选择',
+            },
+            connectorParams: {
+                title: '查询入参',
+                type: 'string',
+                'x-index': 18,
+                'x-category': '基础属性',
+                remarks: "对自定义APIs调用方法获取的数据进行筛选过滤。支持对象类型，例如 {name:'',value:''}",
+            },
+            where: {
+                'x-index': 20,
+                title: '数据筛选',
+                'x-category': '基础属性',
+                type: 'array',
+                items: {},
+                'x-component': 'condition-select',
+                'x-component-props': {
+                    selectedDataSourceName: null,
+                    customLogicOptions: [
+                        {
+                            text: '且',
+                            value: 'and',
+                        },
+                        {
+                            text: '或',
+                            value: 'or',
+                        },
+                    ],
+                    blackListConfig: {
+                        format: ['x-file', 'x-image'],
+                        type: ['object', 'array'],
+                    },
+                    customRelOptions: {
+                        number: [
+                            {
+                                value: 'equal',
+                                text: '等于',
+                                type: 'equal',
+                            },
+                            {
+                                value: 'unequal',
+                                text: '不等于',
+                                type: 'unequal',
+                            },
+                            {
+                                value: 'greater',
+                                text: '大于',
+                                type: 'greate',
+                            },
+                            {
+                                value: 'greater_or_equal',
+                                text: '大于等于',
+                                type: 'greater_or_equal',
+                            },
+                            {
+                                value: 'less',
+                                text: '小于',
+                                type: 'less',
+                            },
+                            {
+                                value: 'less_or_equal',
+                                text: '小于等于',
+                                type: 'less_or_equal',
+                            },
+                            {
+                                value: 'empty',
+                                text: '为空',
+                                type: 'empty',
+                            },
+                            {
+                                value: 'nempty',
+                                text: '不为空',
+                                type: 'nempty',
+                            },
+                        ],
+                    },
+                },
+                'x-props': {
+                    'data-hidebind': true,
+                    'data-hideBindValue': true,
+                    'data-withBindMeta': true,
+                },
+                remarks: '对数据进行筛选过滤',
+            },
+            orderBy: {
+                'x-index': 30,
+                title: '排序字段',
+                'x-category': '基础属性',
+                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}}}',
+                        },
+                    },
+                ],
+                remarks: '选取对数据进行排序的字段',
+            },
+            orderType: {
+                'x-index': 40,
+                title: '排序方式',
+                'x-category': '基础属性',
+                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}}}',
+                        },
+                    },
+                ],
+                remarks: '设置升序或降序',
+            },
+            pageSize: {
+                'x-index': 60,
+                title: '显示条数',
+                type: 'number',
+                default: 5,
+                'x-category': '基础属性',
+                'x-props': {
+                    min: 1,
+                },
+                remarks: '设置单次加载的数据条数',
+                display: true,
+            },
+            pagination: {
+                'x-index': 70,
+                title: '分页',
+                type: 'string',
+                'x-category': '基础属性',
+                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'}}",
+                    },
+                ],
+                remarks: '数据分页样式',
+            },
+            isSetStatus: {
+                'x-index': 80,
+                title: '显示加载状态',
+                'x-category': '基础属性',
+                type: 'boolean',
+                default: false,
+                remarks: '是否开启数据列表的加载状态，默认不显示',
+            },
+            emptyText: {
+                'x-index': 81,
+                type: 'string',
+                title: '空状态提示',
+                'x-category': '基础属性',
+                default: '暂无数据',
+                description: '无数据时的提示说明，内容为空时则不显示该提示',
+                remarks: '无数据时的提示说明，内容为空时则不显示该提示',
+            },
+            loadCompletedText: {
+                'x-index': 82,
+                title: '加载到底提示',
+                'x-category': '基础属性',
+                type: 'string',
+                default: '',
+                description: '加载全部数据后的提示说明，内容为空时则不显示该提示',
+                remarks: '是否展示数据列表加载全部数据后的提示说明，默认不显示',
+            },
+        },
+    },
+    events: [
+        {
+            name: 'queryEmpty',
+            title: '查询为空',
+            remarks: '数据查询为空时触发',
+        },
+        {
+            name: 'querySuccess',
+            title: '查询成功',
+            remarks: '数据查询成功时触发',
+        },
+        {
+            name: 'queryFail',
+            title: '查询失败',
+            remarks: '数据查询失败时触发',
+        },
+    ],
+    methods: [
+        {
+            name: 'refresh',
+            label: '刷新',
+            params: {
+                properties: {
+                    type: {
+                        title: '刷新方式',
+                        type: 'string',
+                        default: 'refreshFromStart',
+                        sampleValue: 'refreshFromStart',
+                        enum: [
+                            {
+                                label: '刷新第一页数据',
+                                value: 'refreshFromStart',
+                            },
+                            {
+                                label: '刷新当前页数据',
+                                value: 'refreshKeepPage',
+                            },
+                        ],
+                    },
+                },
+            },
+        },
+        {
+            name: 'deleteOne',
+            label: '删除单条数据',
+            params: {
+                properties: {
+                    _id: {
+                        title: '删除数据的标识',
+                        type: 'string',
+                        default: '',
+                    },
+                },
+            },
+        },
+    ],
+    compConfig: {
+        isDataContainer: true,
+        componentType: 'listview',
+    },
+    isContainer: true,
+    meta: {
+        title: '数据列表',
+        category: '数据容器',
+        description: '适用于从数据源中查询多条数据，并将返回列表循环展示的场景，如查询用户列表。',
+        categoryOrder: 100,
+        componentOrder: 10,
+        icon: '../icons/ListView.svg',
+        templates: [
+            {
+                when: '$attached',
+                body: $attached_template,
+            },
+            {
+                when: 'datasource,connectorMethod,template,dataSourceType',
+                body: attributes_tempate,
+            },
+        ],
+    },
+    configMeta: {
+        docsUrl: 'https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/database/ListView',
+        shortcut: {
+            props: [
+                'dataSourceType',
+                'datasource',
+                'bindConnectMetadata',
+                'connectorMethod',
+                'template',
+            ],
+        },
+        contextData: {
+            setField: true,
+            setRelated: true,
+            extra: {
+                total: {
+                    title: '记录总条数',
+                    type: 'number',
+                    'x-index': 2,
+                },
+                pageNo: {
+                    title: '页码',
+                    type: 'number',
+                    'x-index': 3,
+                },
+                pageSize: {
+                    title: '每页大小',
+                    type: 'number',
+                    'x-index': 4,
+                },
+            },
+        },
+    },
+};