@cloudbase/weda-ui 3.5.0 → 3.5.2

package/dist/configs/components/listView.js

@@ -1,7 +1,7 @@
 import { Type } from '../type-utils';
+import { genericErrorType } from '../type-utils/error';
 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|}}
 
 {{#if (helper_utils '===' $self.attributes.template 'simpleList')}}
@@ -48,7 +48,7 @@ wordBreak='break-all'
 component = 'WdText'
 [template.items.items.items.attributes]
 {{#with (helper_utils 'get' _stringFields '[0].name') as |_name0|}}
-':text'='$w.item_{{$self.id}}.{{_name0}} || \`-\`'
+':text'='$w.item_{{$self.id}}.{{_name0}}'
 {{/with}}
 level='title-6'
 textAlign = 'left'
@@ -59,7 +59,7 @@ component = 'WdText'
 opacity=40
 [template.items.items.items.attributes]
 {{#with (helper_utils 'get' _stringFields '[1].name') as |_name1|}}
-':text'='$w.item_{{$self.id}}.{{_name1}} || \`-\`'
+':text'='$w.item_{{$self.id}}.{{_name1}}'
 {{/with}}
 overflow=true
 
@@ -121,7 +121,7 @@ wordBreak = 'break-all'
 component = 'WdText'
 [template.items.items.items.attributes]
 {{#with (helper_utils 'get' _stringFields '[0].name') as |_name0|}}
-':text'='$w.item_{{$self.id}}.{{_name0}} || \`-\`'
+':text'='$w.item_{{$self.id}}.{{_name0}}'
 {{/with}}
 level='title-6'
 textAlign = 'left'
@@ -150,7 +150,7 @@ overflow=true
 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_{{$self.id}}.{{_name}} || \`-\`'
+':text'='$w.item_{{$self.id}}.{{_name}}'
 {{/with}}
 overflow=true
 
@@ -244,7 +244,7 @@ component = 'WdText'
 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_{{$self.id}}.{{_name0}} || \`-\`'
+':text'='$w.item_{{$self.id}}.{{_name0}}'
 {{/with}}
 
 [[template.items.items.items]]
@@ -253,7 +253,7 @@ component = 'WdText'
 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_{{$self.id}}.{{_name1}} || \`-\`'
+':text'='$w.item_{{$self.id}}.{{_name1}}'
 {{/with}}
 textAlign = 'left'
 [template.items.items.items.extra.commonStyle.text]
@@ -364,7 +364,7 @@ overflow=true
 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_{{$self.id}}.{{_name}} || \`-\`'
+':text'='$w.item_{{$self.id}}.{{_name}}'
 {{/with}}
 {{/repeat}}
 
@@ -382,38 +382,107 @@ component = 'Container'
 
 {{/if}}
 
-{{/with}}
 {{/with}}
 `;
 const $attached_template = `
 {{#with $self as |$self|}}
 {{#with 'sys_user' as |_datasourceName| }}
 {{#with 'wedaGetRecords' as |_methodName| }}
+{{#with (helper_getFields _datasourceName _methodName (helper_utils '?:' (helper_utils '===' _datasourceName 'sys_user') true false) false) as |_fields|}}
 ${rawTemplate}
 {{/with}}
 {{/with}}
 {{/with}}
+{{/with}}
 
 [attributes]
+isSupportApis = false
 isSetStatus=true
 ':queryCondition'='[{"$and":[{"$and":[{"type":{"$eq":0}}]}]}]'
 [attributes.datasource]
 type='datamodal'
 name='sys_user'
 `;
-const attributes_tempate = `
+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') 'wedaGetRecords' $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') 'wedaGetRecords' $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') 'wedaGetRecords' $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]
+':queryCondition'='[]'
 `;
 const properties = Type.Object({
-    records: Type.BasicTypeUnion({
+    records: Type.Array(Type.Object({}, {
+        title: '单条数据记录',
+    }), {
         title: '列表记录',
-        type: 'array',
         description: '列表记录',
     }),
     total: Type.Number({
@@ -431,16 +500,17 @@ const properties = Type.Object({
         type: 'number',
         description: '每页大小',
     }),
+    error: genericErrorType,
 });
 export default {
     $schema: 'https://comp-public-1303824488.cos.ap-shanghai.myqcloud.com/schema/lcds_component.json',
     data: {
         properties: {
             template: {
-                'x-index': 4,
-                title: '模板',
+                'x-index': 1,
+                title: '列表模板',
                 type: 'string',
-                'x-category': '基础属性',
+                'x-group': '列表',
                 default: 'simpleList',
                 enum: [
                     {
@@ -478,12 +548,12 @@ export default {
                 'x-props': {
                     'data-hidebind': true,
                 },
-                remarks: '列表内容样式的预设模板',
+                description: '列表内容样式的预设模板',
             },
             dataSourceType: {
                 'x-index': 5,
                 title: '数据源',
-                'x-category': '基础属性',
+                'x-group': '数据',
                 type: 'string',
                 default: 'data-model',
                 enum: [
@@ -491,6 +561,10 @@ export default {
                         label: '数据模型',
                         value: 'data-model',
                     },
+                    {
+                        label: '表达式',
+                        value: 'expression',
+                    },
                     {
                         label: 'APIs',
                         value: 'custom-connector',
@@ -500,7 +574,7 @@ export default {
                     {
                         type: 'value:state',
                         target: '*(orderType,queryCondition,orderBy,datasource)',
-                        condition: "{{$self.value !='custom-connector'}}",
+                        condition: "{{$self.value ==='data-model'}}",
                         state: {
                             display: true,
                         },
@@ -519,6 +593,17 @@ export default {
                             display: false,
                         },
                     },
+                    {
+                        type: 'value:state',
+                        target: '*(dataSourceData,enableTotal,total,exprToFieldsSchema)',
+                        condition: "{{$self.value=='expression'}}",
+                        state: {
+                            display: true,
+                        },
+                        otherwise: {
+                            display: false,
+                        },
+                    },
                     {
                         type: 'value:schema',
                         target: 'bindConnectMetadata',
@@ -547,6 +632,13 @@ export default {
                             icon: 'database',
                             isShow: true,
                         },
+                        {
+                            value: 'expression',
+                            text: '表达式',
+                            label: '表达式',
+                            icon: 'expression',
+                            isShow: true,
+                        },
                         {
                             value: 'custom-connector',
                             text: 'APIs',
@@ -559,13 +651,13 @@ export default {
                 'x-props': {
                     'data-hidebind': true,
                 },
-                remarks: '数据源类型选择',
+                description: '数据源类型选择',
             },
             datasource: {
                 'x-index': 10,
                 title: '数据模型',
                 type: 'object',
-                'x-category': '基础属性',
+                'x-group': '数据',
                 required: true,
                 properties: {
                     name: {
@@ -643,14 +735,14 @@ export default {
                         },
                     },
                 ],
-                remarks: '展示模型数据的数据来源',
+                description: '展示模型数据的数据来源',
             },
             bindConnectMetadata: {
                 title: 'APIs',
                 type: 'object',
                 'x-component': 'connector-select',
                 'x-index': 12,
-                'x-category': '基础属性',
+                'x-group': '数据',
                 required: true,
                 'x-linkages': [
                     {
@@ -666,14 +758,37 @@ export default {
                 'x-props': {
                     'data-hidebind': true,
                 },
-                remarks: '展示数据的APIs来源选择',
+                description: '展示数据的APIs来源选择',
+            },
+            dataSourceData: {
+                title: '表达式',
+                type: 'array',
+                required: true,
+                description: '数据列表展示的数据，可选择变量。',
+                'x-component': 'jsontext',
+                'x-helper-text': '新特性：数据列表追加绑定表达式数据，原APIs路径优化为表达式。注意：数组中默认需包含_id字段。且当输入的表达式变化时，会触发自动生成列表字段。因此建议先输入表达式再调整样式。[查看示例](https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/database/ListView#2-%E7%BB%91%E5%AE%9A%E8%A1%A8%E8%BE%BE%E5%BC%8F)',
+                'x-group': '数据',
+                'x-index': 14,
             },
+            exprToFieldsSchema: Type.Optional(Type.String({
+                title: '',
+                type: 'string',
+                'x-props': {
+                    'data-hidebind': true,
+                },
+                'x-group': '数据',
+                'x-index': 15,
+                'x-component': 'expr-to-fields-schema',
+                'x-component-props': {
+                    expressionField: 'dataSourceData',
+                },
+            })),
             connectorMethod: {
                 title: '调用方法',
                 type: 'object',
                 'x-component': 'connector-method-select',
                 'x-index': 16,
-                'x-category': '基础属性',
+                'x-group': '数据',
                 required: true,
                 'x-component-props': {
                     paramsSchema: {
@@ -726,14 +841,14 @@ export default {
                 },
                 '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',
-                remarks: '展示数据的APIs调用方法选择',
+                description: '展示数据的APIs调用方法选择',
             },
             connectorParams: {
                 title: '查询入参',
                 type: 'string',
                 'x-index': 18,
-                'x-category': '基础属性',
-                remarks: "对APIs调用方法获取的数据进行筛选过滤。支持对象类型，例如 {name:'',value:''}",
+                'x-group': '数据',
+                description: "对APIs调用方法获取的数据进行筛选过滤。支持对象类型，例如 {name:'',value:''}",
                 'x-component': 'property-object-params-field',
                 'x-component-props': {
                     dataSourceKeyName: 'bindConnectMetadata',
@@ -747,7 +862,7 @@ export default {
             queryCondition: {
                 'x-index': 20,
                 title: '数据筛选',
-                'x-category': '基础属性',
+                'x-group': '数据',
                 type: 'array',
                 items: {},
                 'x-component': 'data-source-condition-selector',
@@ -761,12 +876,12 @@ export default {
                     'data-hideBindValue': true,
                     'data-withBindMeta': true,
                 },
-                remarks: '对数据进行筛选过滤',
+                description: '对数据进行筛选过滤',
             },
             orderBy: {
                 'x-index': 30,
                 title: '排序字段',
-                'x-category': '基础属性',
+                'x-group': '数据',
                 type: 'string',
                 'x-linkages': [
                     {
@@ -786,12 +901,12 @@ export default {
                         },
                     },
                 ],
-                remarks: '选取对数据进行排序的字段',
+                description: '选取对数据进行排序的字段',
             },
             orderType: {
                 'x-index': 40,
                 title: '排序方式',
-                'x-category': '基础属性',
+                'x-group': '数据',
                 default: 'asc',
                 type: 'string',
                 enum: [
@@ -822,25 +937,13 @@ export default {
                         },
                     },
                 ],
-                remarks: '设置升序或降序',
-            },
-            pageSize: {
-                'x-index': 60,
-                title: '显示条数',
-                type: 'number',
-                default: 5,
-                'x-category': '基础属性',
-                'x-props': {
-                    min: 1,
-                },
-                remarks: '设置单次加载的数据条数',
-                display: true,
+                description: '设置升序或降序',
             },
             pagination: {
-                'x-index': 70,
-                title: '分页',
+                'x-index': 50,
+                title: '分页方式',
                 type: 'string',
-                'x-category': '基础属性',
+                'x-group': '分页器',
                 default: 'loadMoreButton',
                 enum: [
                     {
@@ -870,51 +973,149 @@ export default {
                         condition: "{{$self.value == 'loadMoreButton' || $self.value == 'bottomLoad'}}",
                     },
                 ],
-                remarks: '数据分页样式',
+                description: '数据分页样式',
             },
-            isSetStatus: {
-                'x-index': 80,
-                title: '显示加载状态',
-                'x-category': '基础属性',
+            pageSize: {
+                'x-index': 60,
+                title: '每页条数',
+                type: 'number',
+                default: 5,
+                '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,
-                remarks: '是否开启数据列表的加载状态，默认不显示',
-            },
+                'x-linkages': [
+                    {
+                        type: 'value:visible',
+                        target: '*(total)',
+                        condition: '{{!!$self.value}}',
+                    },
+                ],
+            })),
+            total: Type.Optional(Type.Number({
+                title: '数据总数',
+                type: 'number',
+                description: '默认为表达式输入的数组长度，请输入数据表实际数据总数。',
+                'x-helper-text': '默认为表达式输入的数组长度，请输入数据表实际数据总数。[详见后端分页指引](https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/database/WdTable#pagination)',
+                'x-group': '分页器',
+                'x-index': 80,
+            })),
             emptyText: {
-                'x-index': 81,
+                'x-index': 90,
                 type: 'string',
                 title: '空状态提示',
-                'x-category': '基础属性',
+                'x-group': '状态',
                 default: '暂无数据',
                 description: '无数据时的提示说明，内容为空时则不显示该提示',
-                remarks: '无数据时的提示说明，内容为空时则不显示该提示',
             },
             loadCompletedText: {
-                'x-index': 82,
+                'x-index': 100,
                 title: '加载到底提示',
-                'x-category': '基础属性',
+                'x-group': '状态',
                 type: 'string',
                 default: '',
                 description: '加载全部数据后的提示说明，内容为空时则不显示该提示',
-                remarks: '是否展示数据列表加载全部数据后的提示说明，默认不显示',
             },
+            isSetStatus: {
+                'x-index': 110,
+                title: '显示加载状态',
+                'x-group': '状态',
+                type: 'boolean',
+                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,
+                                    },
+                                ],
+                            },
+                        },
+                    },
+                ],
+            })),
         },
     },
     events: [
         {
             name: 'queryEmpty',
             title: '查询为空',
-            remarks: '数据查询为空时触发',
+            description: '数据查询为空时触发',
         },
         {
             name: 'querySuccess',
             title: '查询成功',
-            remarks: '数据查询成功时触发',
+            description: '数据查询成功时触发',
         },
         {
             name: 'queryFail',
             title: '查询失败',
-            remarks: '数据查询失败时触发',
+            description: '数据查询失败时触发',
+            detail: Type.Object({
+                error: genericErrorType,
+            }),
+        },
+        {
+            name: 'onPagingChange',
+            title: '分页变化',
+            'x-platforms': ['MOBILEWEB', 'PCWEB'],
+            description: '分页变化',
+            detail: {
+                query: Type.Object({
+                    pageNo: Type.Number(),
+                    pageSize: Type.Number(),
+                }, {
+                    title: '分页信息',
+                    type: 'object',
+                    description: '分页信息',
+                }),
+            },
         },
     ],
     // 组件实例属性
@@ -977,12 +1178,18 @@ export default {
                 body: $attached_template,
             },
             {
-                when: 'datasource,connectorMethod,template,dataSourceType',
-                body: attributes_tempate,
+                when: 'connectorMethod,dataSourceType',
+                body: attributes_template,
+            },
+            {
+                when: 'template,exprToFieldsSchema',
+                body: expression_template,
+            },
+            {
+                when: 'datasource',
+                body: query_condition_template,
             },
         ],
-    },
-    configMeta: {
         docsUrl: 'https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/database/ListView',
         shortcut: {
             props: [
@@ -1014,5 +1221,23 @@ export default {
                 },
             },
         },
+        group: {
+            ['列表']: {
+                'x-index': 1,
+                expand: true,
+            },
+            ['数据']: {
+                'x-index': 2,
+                expand: true,
+            },
+            ['分页器']: {
+                'x-index': 3,
+                expand: true,
+            },
+            ['状态']: {
+                'x-index': 4,
+                expand: true,
+            },
+        },
     },
 };