@cloudbase/weda-ui 0.2.17 → 0.2.21-alpha.2

package/dist/configs/components/listView.js

@@ -0,0 +1,1949 @@
+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|}}
+{{#with (helper_utils '||' (helper_utils 'get' _field 'format') '_fake') as |_format|}}
+{{#if (helper_utils 'isEqual' _format 'x-enum')}}
+':text'='app.utils.formatEnum($w.item_{{$self.id}}.{{_name}}, \`{{helper_utils 'get' _field 'x-option-name'}}\`, app)'
+{{else}}
+':text'='$w.item_{{$self.id}}.{{_name}}'
+{{/if}}
+{{/with}}
+{{/with}}
+`;
+const rawTemplate = `
+[extra.commonStyle.padding]
+bottom='8PX'
+left= '16PX'
+right='16PX'
+top='8PX'
+
+{{#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]]
+component = 'Repeater'
+[template.attributes]
+':data' = '$w.{{$self.id}}.records||[]'
+suffix = '{{$self.id}}'
+forItem = 'item_{{$self.id}}'
+forIndex = 'index_{{$self.id}}'
+key = '_id'
+
+[[template.items]]
+component = 'Container'
+[template.items.extra.commonStyle]
+boxSizing='border-box'
+borderBottom='1px solid var(--wd-color-border-separator)'
+display='flex'
+[template.items.extra.commonStyle.flexConfig]
+alignItems='center'
+[template.items.extra.commonStyle.padding]
+bottom='12PX'
+left= '0PX'
+right='0PX'
+top='12PX'
+[template.items.extra.commonStyle.position]
+position='relative'
+[template.items.extra.commonStyle.size]
+width='100%'
+[template.items.extra.commonStyle.self]
+borderBottom='1px solid var(--wd-color-border-separator)'
+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'
+display='flex'
+flexDirection='column'
+alignItems='flex-start'
+gap='4PX'
+
+[[template.items.items.items]]
+component = 'WdText'
+[template.items.items.items.attributes]
+{{#with (helper_utils 'get' _stringOrNumFields '[0]') as |_field|}}
+${stringTemplate}
+{{/with}}
+level='title-8'
+textAlign = 'left'
+
+[[template.items.items.items]]
+component = 'WdText'
+[template.items.items.items.extra.commonStyle.text]
+color='var(--wd-color-text-placeholder)'
+[template.items.items.items.attributes]
+{{#with (helper_utils 'get' _stringOrNumFields '[1]') as |_field|}}
+${stringTemplate}
+{{/with}}
+level='body-sm'
+overflow=true
+
+[[template.items.items]]
+component = 'Container'
+[template.items.items.extra.commonStyle.margin]
+left='16PX'
+[template.items.items.extra.commonStyle.size]
+width='24PX'
+height='24PX'
+[template.items.items.extra.commonStyle.text]
+opacity=90
+color='var(--wd-color-text-default)'
+[template.items.items.extra.commonStyle]
+display='flex'
+[template.items.items.extra.commonStyle.flexConfig]
+alignItems='center'
+justifyContent='center'
+
+[[template.items.items.items]]
+component = 'WdIcon'
+[template.items.items.items.attributes]
+name = 'chevronright'
+size='xs'
+sizeSelfAdaptive=true
+
+{{else if (helper_utils '===' $self.attributes.template 'detailList')}}
+[[template]]
+component = 'Repeater'
+[template.attributes]
+':data' = '$w.{{$self.id}}.records||[]'
+suffix = '{{$self.id}}'
+forItem = 'item_{{$self.id}}'
+forIndex = 'index_{{$self.id}}'
+key = '_id'
+
+[[template.items]]
+component = 'Container'
+[template.items.extra.commonStyle]
+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 = '12PX'
+right = '12PX'
+top = '12PX'
+[template.items.extra.commonStyle.position]
+position = 'relative'
+[template.items.extra.commonStyle.self]
+borderBottom = '1px solid var(--wd-color-border-separator)'
+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' _stringOrNumFields '[0]') as |_field|}}
+${stringTemplate}
+{{/with}}
+level='title-8'
+textAlign = 'left'
+[template.items.items.items.extra.commonStyle]
+marginBottom='4PX'
+
+{{#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.self]
+whiteSpace = 'pre-line'
+
+[[template.items.items.items.items]]
+component='WdText'
+[template.items.items.items.items.attributes]
+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]
+color='var(--wd-color-text-placeholder)'
+
+[[template.items.items.items.items]]
+component='WdText'
+[template.items.items.items.items.attributes]
+{{#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)'
+
+{{/repeat}}
+
+[[template.items.items]]
+component='Container'
+[template.items.items.extra.commonStyle.margin]
+left = '16PX'
+[template.items.items.extra.commonStyle.size]
+height = '24PX'
+width = '24PX'
+[template.items.items.extra.commonStyle.text]
+opacity=90
+color='var(--wd-color-text-default)'
+[template.items.items.extra.commonStyle]
+display='flex'
+[template.items.items.extra.commonStyle.flexConfig]
+alignItems='center'
+justifyContent='center'
+
+[[template.items.items.items]]
+component = 'WdIcon'
+[template.items.items.items.attributes]
+name = 'chevronright'
+size='xs'
+type = 'inner'
+sizeSelfAdaptive=true
+
+{{else if (helper_utils '===' $self.attributes.template 'imageTextList')}}
+[[template]]
+component = 'Repeater'
+[template.attributes]
+':data' = '$w.{{$self.id}}.records||[]'
+suffix = '{{$self.id}}'
+forItem = 'item_{{$self.id}}'
+forIndex = 'index_{{$self.id}}'
+key = '_id'
+
+[[template.items]]
+component = 'Container'
+[template.items.extra.commonStyle]
+borderBottom = '1px solid var(--wd-color-border-separator)'
+boxSizing = 'border-box'
+custom = []
+display = 'flex'
+[template.items.extra.commonStyle.padding]
+bottom = '12PX'
+left = '0PX'
+right = '0PX'
+top = '12PX'
+[template.items.extra.commonStyle.position]
+position = 'relative'
+[template.items.extra.commonStyle.self]
+borderBottom = '1px solid var(--wd-color-border-separator)'
+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 = '12PX'
+[template.items.items.extra.commonStyle.position]
+position = 'relative'
+[template.items.items.extra.commonStyle.size]
+height = '48PX'
+width = '48PX'
+[[template.items.items.items]]
+component='WdImage'
+[template.items.items.items.attributes]
+fit = 'cover'
+mode = 'scaleToFill'
+src = 'https://qcloudimg.tencent-cloud.cn/raw/ce64fdb4d9709898df65c0606c0dd885.svg'
+{{#with (helper_utils 'get' (helper_utils 'filter' _fields (helper_utils 'concat' 'format' 'x-image')) '[0].name') as |_name0|}}
+':src'='$w.item_{{$self.id}}.{{_name0}}'
+{{/with}}
+[template.items.items.items.extra.commonStyle]
+borderRadius='3px'
+[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'
+display='flex'
+flexDirection='column'
+alignItems='flex-start'
+gap='4PX'
+
+[[template.items.items.items]]
+component = 'WdText'
+[template.items.items.items.attributes]
+level='title-8'
+textAlign = 'left'
+{{#with (helper_utils 'get' (helper_utils 'reject' _stringOrNumFields (helper_utils 'concat' 'format' 'x-image')) '[0]') as |_field|}}
+${stringTemplate}
+{{/with}}
+
+[[template.items.items.items]]
+component = 'WdText'
+[template.items.items.items.attributes]
+maxLines = '2'
+level='body-sm'
+overflow=true
+{{#with (helper_utils 'get' (helper_utils 'reject' _stringOrNumFields (helper_utils 'concat' 'format' 'x-image')) '[1]') as |_field|}}
+${stringTemplate}
+{{/with}}
+textAlign = 'left'
+[template.items.items.items.extra.commonStyle.text]
+color='var(--wd-color-text-placeholder)'
+
+[[template.items.items]]
+component='Container'
+[template.items.items.extra.commonStyle.margin]
+left = '16PX'
+bottom='auto'
+right= '0PX'
+top='auto'
+[template.items.items.extra.commonStyle.size]
+height = '24PX'
+width = '24PX'
+[template.items.items.extra.commonStyle.text]
+opacity = 90
+color='var(--wd-color-text-default)'
+[template.items.items.extra.commonStyle]
+display='flex'
+[template.items.items.extra.commonStyle.flexConfig]
+alignItems='center'
+justifyContent='center'
+
+[[template.items.items.items]]
+component='WdIcon'
+[template.items.items.items.attributes]
+name = 'chevronright'
+size='xs'
+sizeSelfAdaptive=true
+
+{{else if (helper_utils '===' $self.attributes.template 'cardList')}}
+
+[[template]]
+component = 'Grid'
+[template.attributes]
+gutterY='16px'
+gutterX='16px'
+[template.extra.commonStyle.padding]
+top='8PX'
+bottom='8PX'
+left='0PX'
+right='0PX'
+[template.extra.commonStyle.size]
+width='100%'
+
+[[template.items]]
+component = 'Row'
+[template.items.attributes]
+colCount=12
+gutterX='16px'
+
+[[template.items.items]]
+component = 'Repeater'
+[template.items.items.attributes]
+':data' = '$w.{{$self.id}}.records||[]'
+suffix = '{{$self.id}}'
+forItem = 'item_{{$self.id}}'
+forIndex = 'index_{{$self.id}}'
+key = '_id'
+
+[[template.items.items.items]]
+component = 'Col'
+[template.items.items.items.attributes.lgWidthType]
+type='twelve-adjust'
+value='2'
+unit='px'
+[template.items.items.items.attributes.widthType]
+type='twelve-adjust'
+value='6'
+unit='px'
+[template.items.items.items.extra.commonStyle.self]
+display='flex'
+flexDirection='column'
+gap='8PX'
+
+[[template.items.items.items.items]]
+component = 'Container'
+[template.items.items.items.items.extra.commonStyle.self]
+display='flex'
+
+[[template.items.items.items.items.items]]
+component = 'WdImage'
+[template.items.items.items.items.items.attributes]
+fit = 'cover'
+mode = 'scaleToFill'
+src='https://qcloudimg.tencent-cloud.cn/raw/6b5a0b0b3226879a8f40356519c82e09.svg'
+{{#with (helper_utils 'get' (helper_utils 'filter' _fields (helper_utils 'concat' 'format' 'x-image')) '[0].name') as |_name0|}}
+':src'='$w.item_{{$self.id}}.{{_name0}}'
+{{/with}}
+[template.items.items.items.items.items.extra.commonStyle.size]
+width='100%'
+height='120PX'
+[template.items.items.items.items.items.extra.commonStyle.border.radiusInfo]
+topLeft='3PX'
+topRight='3PX'
+bottomLeft='3PX'
+bottomRight='3PX'
+
+[[template.items.items.items.items]]
+component = 'Container'
+[template.items.items.items.items.extra.commonStyle]
+custom = []
+wordBreak='break-all'
+[template.items.items.items.items.extra.commonStyle.size]
+width='100%'
+[template.items.items.items.items.extra.commonStyle.self]
+wordBreak = 'break-all'
+display='flex'
+flexDirection='column'
+alignItems='flex-start'
+gap='4PX'
+
+{{#repeat 2}}
+[[template.items.items.items.items.items]]
+component = 'WdText'
+[template.items.items.items.items.items.attributes]
+textAlign = 'left'
+{{#if (helper_utils '===' @index 0)}}
+level='title-8'
+{{else if (helper_utils '===' @index 1)}}
+maxLines = '3'
+overflow=true
+level='body-sm'
+{{else}}
+level='body-sm'
+overflow=true
+{{/if}}
+{{#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]
+{{#if (helper_utils '!==' @index 0)}}
+color='var(--wd-color-text-placeholder)'
+{{/if}}
+{{/repeat}}
+
+{{else if (helper_utils '===' $self.attributes.template 'goodsList')}}
+
+[[template]]
+component = 'Grid'
+[template.attributes]
+gutterY='16px'
+gutterX='16px'
+[template.extra.commonStyle.padding]
+top='8PX'
+bottom='8PX'
+left='0PX'
+right='0PX'
+[template.extra.commonStyle.size]
+width='100%'
+
+[[template.items]]
+component = 'Repeater'
+[template.items.attributes]
+':data' = '$w.{{$self.id}}.records||[]'
+suffix = '{{$self.id}}'
+forItem = 'item_{{$self.id}}'
+forIndex = 'index_{{$self.id}}'
+key = '_id'
+
+[[template.items.items]]
+component = 'Row'
+[template.items.items.attributes]
+colCount=12
+gutterX='16px'
+[template.items.items.extra.commonStyle.size]
+width='100%'
+[template.items.items.extra.commonStyle.margin]
+left='0PX'
+right='0PX'
+
+[[template.items.items.items]]
+component = 'Col'
+[template.items.items.items.attributes.lgWidthType]
+type='twelve-adjust'
+value='2'
+unit='px'
+[template.items.items.items.attributes.widthType]
+type='twelve-adjust'
+value='4'
+unit='px'
+[template.items.items.items.extra.commonStyle.padding]
+left='0PX'
+
+[[template.items.items.items.items]]
+component = 'WdImage'
+[template.items.items.items.items.attributes]
+mode = 'scaleToFill'
+src='https://qcloudimg.tencent-cloud.cn/raw/d32f80059ff33716dd45255d87e96052.svg'
+{{#with (helper_utils 'get' (helper_utils 'filter' _fields (helper_utils 'concat' 'format' 'x-image')) '[0].name') as |_name0|}}
+':src'='$w.item_{{$self.id}}.{{_name0}}'
+{{/with}}
+[template.items.items.items.items.extra.commonStyle.size]
+width='100%'
+[template.items.items.items.items.extra.commonStyle.border.radiusInfo]
+topLeft='3PX'
+topRight='3PX'
+bottomLeft='3PX'
+bottomRight='3PX'
+
+[[template.items.items.items]]
+component = 'Col'
+[template.items.items.items.attributes.lgWidthType]
+type='twelve-adjust'
+value='10'
+unit='px'
+[template.items.items.items.attributes.widthType]
+type='twelve-adjust'
+value='8'
+unit='px'
+[template.items.items.items.extra.commonStyle.padding]
+right='0PX'
+
+[[template.items.items.items.items]]
+component = 'Container'
+[template.items.items.items.items.extra.commonStyle]
+wordBreak='break-all'
+gap='4PX'
+display='flex'
+[template.items.items.items.items.extra.commonStyle.size]
+height='100%'
+[template.items.items.items.items.extra.commonStyle.flexConfig]
+justifyContent='space-between'
+alignItems='flex-start'
+flexDirection='column'
+[template.items.items.items.items.extra.commonStyle.text]
+color='rgb(211, 90, 33)'
+[template.items.items.items.items.extra.commonStyle.self]
+wordBreak='break-all'
+gap='4PX'
+[template.items.items.items.items.extra.commonStyle.padding]
+top='4PX'
+bottom='4PX'
+left='0PX'
+right='0PX'
+
+[[template.items.items.items.items.items]]
+component = 'WdText'
+[template.items.items.items.items.items.attributes]
+level='body-md'
+maxLines='2'
+overflow=true
+textAlign = 'left'
+text='商品名称'
+{{#with (helper_utils 'get' (helper_utils 'reject' _stringOrNumFields (helper_utils 'concat' 'format' 'x-image')) '[0]') as |_field|}}
+${stringTemplate}
+{{/with}}
+
+[[template.items.items.items.items.items]]
+component = 'Container'
+[template.items.items.items.items.items.extra.commonStyle]
+gap='4PX'
+display='flex'
+[template.items.items.items.items.items.extra.commonStyle.size]
+width='100%'
+[template.items.items.items.items.items.extra.commonStyle.flexConfig]
+justifyContent='space-between'
+alignItems='center'
+[template.items.items.items.items.items.extra.commonStyle.self]
+gap='4PX'
+
+[[template.items.items.items.items.items.items]]
+component = 'Container'
+[template.items.items.items.items.items.items.extra.commonStyle]
+display='flex'
+alignItems='center'
+
+[[template.items.items.items.items.items.items.items]]
+component = 'WdText'
+[template.items.items.items.items.items.items.items.attributes]
+level='body-sm'
+text='¥'
+textAlign = 'left'
+[template.items.items.items.items.items.items.items.extra.commonStyle.text]
+color='rgb(211, 90, 33)'
+[template.items.items.items.items.items.items.items.extra.commonStyle.margin]
+right='4PX'
+
+[[template.items.items.items.items.items.items.items]]
+component = 'WdText'
+[template.items.items.items.items.items.items.items.attributes]
+level='body-md'
+text='48.00'
+{{#with (helper_utils 'get' (helper_utils 'filter' (helper_utils 'filter' _fields (helper_utils 'concat' 'type' 'number')) (helper_utils 'concat' 'format' '')) '[0]') as | _field|}}
+${stringTemplate}
+{{/with}}
+textAlign = 'left'
+[template.items.items.items.items.items.items.items.extra.commonStyle.text]
+color='rgb(211, 90, 33)'
+
+[[template.items.items.items.items.items.items]]
+component = 'Container'
+[template.items.items.items.items.items.items.extra.commonStyle]
+display='flex'
+
+[[template.items.items.items.items.items.items.items]]
+component = 'WdIcon'
+[template.items.items.items.items.items.items.items.attributes]
+src='https://qcloudimg.tencent-cloud.cn/raw/a43cd71d342b3c3535ab6539ad0a9790.svg'
+size='xs'
+type='custom'
+sizeSelfAdaptive=true
+
+{{else}}
+[[template]]
+component = 'Repeater'
+[template.attributes]
+':data' = '$w.{{$self.id}}.records||[]'
+suffix = '{{$self.id}}'
+forItem = 'item_{{$self.id}}'
+forIndex = 'index_{{$self.id}}'
+key = '_id'
+[[template.items]]
+component = 'Container'
+
+{{/if}}
+
+{{/with}}
+`;
+const $attached_template = `
+[attributes]
+isSupportApis = false
+isSetStatus=true
+supportManyRelated=true
+isSupportMultipleSort = true
+`;
+const attributes_template = `
+{{#with $self as |$self|}}
+{{#if (helper_utils '===' $self.attributes.dataSourceType 'expression')}}
+[attributes]
+':dataSourceData'="
+  [{
+      _id: 'id1',
+      name: '苹果',
+      age: 18,
+    }, {
+      _id: 'id2',
+      name: '香蕉',
+      age: 18,
+    }, {
+      _id: 'id3',
+      name: '橙子',
+      age: 18,
+    }, {
+      _id: 'id4',
+      name: '提子',
+      age: 18,
+    }, {
+      _id: 'id5',
+      name: '龙眼',
+      age: 18,
+  }]"
+  {{#with  $self.editStateData.exprToFieldsSchema  as |_fields|}}
+  ${rawTemplate}
+  {{/with}}
+{{else}}
+{{#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') 'wedaGetRecordsV2' $self.attributes.connectorMethod.name) as |_methodName| }}
+{{#with (helper_getFields _datasourceName _methodName (helper_utils '?:' (helper_utils '===' _datasourceName 'sys_user') true false) false) as |_fields|}}
+${rawTemplate}
+{{/with}}
+{{/with}}
+{{/with}}
+
+{{/if}}
+
+{{/with}}
+`;
+const expression_template = `
+{{#with $self as |$self|}}
+{{#if (helper_utils '===' $self.attributes.dataSourceType 'expression')}}
+  {{#with  $self.editStateData.exprToFieldsSchema  as |_fields|}}
+  ${rawTemplate}
+  {{/with}}
+{{else}}
+{{#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') 'wedaGetRecordsV2' $self.attributes.connectorMethod.name) as |_methodName| }}
+{{#with (helper_getFields _datasourceName _methodName (helper_utils '?:' (helper_utils '===' _datasourceName 'sys_user') true false) false) as |_fields|}}
+${rawTemplate}
+{{/with}}
+{{/with}}
+{{/with}}
+
+{{/if}}
+
+{{/with}}
+`;
+const query_condition_template = `
+{{#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') 'wedaGetRecordsV2' $self.attributes.connectorMethod.name) 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]
+{{#if (helper_utils 'isEqual' $self.attributes.datasource.extra.methodName 'wedaGetRecordsV2')}}
+':queryCondition'='null'
+supportManyRelated=true
+{{else}}
+':queryCondition'='[]'
+{{/if}}
+`;
+const properties = Type.Object({
+    records: Type.Array(Type.Object({}, {
+        title: '单条数据记录',
+    }), {
+        title: '列表记录',
+        description: '列表记录',
+    }),
+    total: Type.Number({
+        title: '记录总条数',
+        type: 'number',
+        description: '记录总条数',
+    }),
+    pageNo: Type.Number({
+        title: '页码',
+        type: 'number',
+        description: '当前页码',
+    }),
+    pageSize: Type.Number({
+        title: '每页大小',
+        type: 'number',
+        description: '每页大小',
+    }),
+    error: genericErrorType,
+    dataSourceVersion: Type.String({
+        title: '数据源协议版本',
+        description: '数据源类型为数据模型时，数据列表支持的数据源协议版本',
+    }),
+});
+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',
+                },
+                {
+                    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',
+                },
+            ],
+        },
+        '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',
+            },
+            {
+                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: '*(queryCondition,datasource,selectFieldType)',
+                condition: "{{$self.value ==='data-model'}}",
+                state: {
+                    display: true,
+                },
+                otherwise: {
+                    display: false,
+                },
+            },
+            {
+                type: 'value:state',
+                target: '*(sorter)',
+                condition: "{{$self.value ==='data-model'&&$form.values.isSupportMultipleSort}}",
+                state: {
+                    display: true,
+                },
+                otherwise: {
+                    display: false,
+                },
+            },
+            {
+                type: 'value:state',
+                target: '*(orderBy,orderType)',
+                condition: "{{$self.value ==='data-model'&&!$form.values.isSupportMultipleSort}}",
+                state: {
+                    display: true,
+                },
+                otherwise: {
+                    display: false,
+                },
+            },
+            {
+                type: 'value:state',
+                target: '*(isSupportMultipleSort)',
+                condition: '{{!$form.values.isSupportMultipleSort}}',
+                state: {
+                    display: true,
+                },
+                otherwise: {
+                    display: false,
+                },
+            },
+            {
+                type: 'value:state',
+                target: '*(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,
+                },
+            ],
+        },
+        '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',
+            }),
+        }, {
+            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: '更新时间' },
+                    ],
+                },
+            },
+            {
+                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名',
+            })),
+            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',
+                properties: {
+                    outParams: {
+                        type: 'object',
+                        properties: {
+                            properties: {
+                                type: 'object',
+                                properties: {
+                                    records: {
+                                        type: 'object',
+                                        properties: {
+                                            type: { const: 'array' },
+                                            items: {
+                                                type: 'object',
+                                                properties: {
+                                                    type: {
+                                                        const: 'object',
+                                                    },
+                                                    properties: {
+                                                        type: 'object',
+                                                        properties: {
+                                                            _id: {
+                                                                type: 'object',
+                                                                properties: {
+                                                                    type: {
+                                                                        const: 'string',
+                                                                    },
+                                                                },
+                                                            },
+                                                        },
+                                                    },
+                                                },
+                                            },
+                                        },
+                                    },
+                                },
+                                required: ['records'],
+                            },
+                        },
+                    },
+                },
+            },
+            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}}}',
+                },
+            },
+            {
+                type: 'value:schema',
+                condition: '{{ Boolean(!$value) }}',
+                target: 'orderBy',
+                schema: {
+                    'x-props': '{{{clearable: false}}}',
+                },
+            },
+        ],
+        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}}}',
+                },
+            },
+            {
+                type: 'value:schema',
+                condition: '{{ Boolean(!$value) }}',
+                target: 'orderType',
+                schema: {
+                    'x-props': '{{{clearable: false}}}',
+                },
+            },
+        ],
+        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,
+                },
+            },
+            {
+                type: 'value:state',
+                target: '*(orderBy,orderType)',
+                condition: '{{$self.value}}',
+                state: {
+                    display: false,
+                },
+            },
+            {
+                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})))}}',
+                },
+            },
+        ],
+    })),
+    // 支持多字段筛选
+    sorter: Type.Optional(Type.Array(Type.Object({
+        orderBy: Type.String({
+            title: '排序字段',
+            default: '',
+            'x-props': {
+                clearable: true,
+            },
+        }),
+        label: Type.Optional(Type.String({
+            title: '排序字段名称',
+        })),
+        orderType: Type.StringEnum({
+            title: '排序方式',
+            type: 'string',
+            enum: [
+                {
+                    label: '升序',
+                    value: 'asc',
+                },
+                {
+                    label: '降序',
+                    value: 'desc',
+                },
+            ],
+            'x-props': {
+                clearable: true,
+            },
+        }),
+    }, {
+        title: 'tabs',
+        default: {
+            orderBy: '',
+            orderType: '',
+        },
+    }), {
+        title: '数据排序',
+        'x-index': 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': [
+                                    {
+                                        type: 'value:state',
+                                        target: 'dataForm.label',
+                                        condition: '{{ Boolean($self.value)}}',
+                                        state: {
+                                            value: '{{$self.props["x-option"].find(i=>i.value===$self.value)?.label}}',
+                                        },
+                                    },
+                                    {
+                                        type: 'value:schema',
+                                        target: 'dataForm.orderBy',
+                                        schema: {
+                                            enum: '{{$self.props["x-option"].filter(i=>i.value===$self.value||!$self.props["x-sorter"].find(j=>j.orderBy===i.value))}}',
+                                        },
+                                    },
+                                ],
+                            },
+                            label: Type.Optional(Type.String({
+                                type: 'string',
+                                title: '排序字段名称',
+                                display: false,
+                            })),
+                            orderType: Type.StringEnum({
+                                title: '排序方式',
+                                type: 'string',
+                                'x-component': 'radio',
+                                enum: [
+                                    {
+                                        label: '升序',
+                                        value: 'asc',
+                                    },
+                                    {
+                                        label: '降序',
+                                        value: 'desc',
+                                    },
+                                ],
+                                'x-props': {
+                                    clearable: true,
+                                },
+                            }),
+                        },
+                    },
+                },
+            },
+            {
+                type: 'value:schema',
+                condition: '{{$self.value?.length>2}}',
+                target: 'sorter',
+                schema: {
+                    'x-component-props': {
+                        label_add: '添加排序规则',
+                        addDisabledTip: '最多添加3个排序规则，请先删减已有规则',
+                    },
+                },
+            },
+            {
+                type: 'value:schema',
+                condition: '{{$self.value?.length<3}}',
+                target: 'sorter',
+                schema: {
+                    'x-component-props': {
+                        label_add: '添加排序规则',
+                        addDisabledTip: '',
+                    },
+                },
+            },
+        ],
+        default: [
+            {
+                orderBy: 'updatedAt',
+                orderType: 'desc',
+                label: '更新时间',
+            },
+        ],
+        description: '可设置数据排序规则，支持拖拽调整排序优先级，数组下标越小优先级越高。绑定数据示例：[{"orderBy":"updatedAt","orderType":"desc"}],升序传值asc，降序传值desc',
+    })),
+    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',
+            title: '查询为空',
+            description: '数据查询为空时触发',
+        },
+        {
+            name: 'querySuccess',
+            title: '查询成功',
+            description: '数据查询成功时触发',
+        },
+        {
+            name: 'queryFail',
+            title: '查询失败',
+            description: '数据查询失败时触发',
+            detail: Type.Object({
+                error: genericErrorType,
+            }),
+        },
+        {
+            name: 'onPagingChange',
+            title: '分页变化',
+            description: '分页变化',
+            detail: {
+                query: Type.Object({
+                    pageNo: Type.Number(),
+                    pageSize: Type.Number(),
+                }, {
+                    title: '分页信息',
+                    type: 'object',
+                    description: '分页信息',
+                }),
+            },
+        },
+    ],
+    // 组件实例属性
+    properties,
+    // 组件方法
+    methods: [
+        {
+            name: 'refresh',
+            label: '刷新',
+            params: {
+                properties: {
+                    type: {
+                        title: '刷新方式',
+                        type: 'string',
+                        default: 'refreshFromStart',
+                        sampleValue: 'refreshFromStart',
+                        enum: [
+                            {
+                                label: '刷新并回到第1页',
+                                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,
+        figureIcon: '../figureIcons/ListView.svg',
+        icon: '../icons/ListView.svg',
+        templates: [
+            {
+                when: '$attached',
+                body: $attached_template,
+            },
+            {
+                when: 'connectorMethod,dataSourceType',
+                body: attributes_template,
+            },
+            {
+                when: 'template,exprToFieldsSchema',
+                body: expression_template,
+            },
+            {
+                when: 'datasource',
+                body: query_condition_template,
+            },
+        ],
+        inlineStyleForm: {
+            $text: {
+                visible: false,
+            },
+        },
+        keywords: ['数据列表', '商品列表', '卡片列表', '图文卡片', '列表页'],
+        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,
+                },
+            },
+        },
+        group: {
+            ['列表']: {
+                'x-index': 1,
+                expand: true,
+            },
+            ['数据']: {
+                'x-index': 2,
+                expand: true,
+            },
+            ['分页器']: {
+                'x-index': 3,
+                expand: true,
+            },
+            ['状态']: {
+                'x-index': 4,
+                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',
+                },
+            ],
+        },
+    },
+};