@cloudbase/weda-ui 3.5.1 → 3.5.2

package/dist/configs/components/listView.js

@@ -2,7 +2,6 @@ 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')}}
@@ -49,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'
@@ -60,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
 
@@ -122,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'
@@ -151,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
 
@@ -245,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]]
@@ -254,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]
@@ -365,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}}
 
@@ -383,42 +382,98 @@ 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_tempate = `
+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'='[]'
@@ -452,10 +507,10 @@ export default {
     data: {
         properties: {
             template: {
-                'x-index': 4,
-                title: '模板',
+                'x-index': 1,
+                title: '列表模板',
                 type: 'string',
-                'x-category': '基础属性',
+                'x-group': '列表',
                 default: 'simpleList',
                 enum: [
                     {
@@ -498,7 +553,7 @@ export default {
             dataSourceType: {
                 'x-index': 5,
                 title: '数据源',
-                'x-category': '基础属性',
+                'x-group': '数据',
                 type: 'string',
                 default: 'data-model',
                 enum: [
@@ -506,6 +561,10 @@ export default {
                         label: '数据模型',
                         value: 'data-model',
                     },
+                    {
+                        label: '表达式',
+                        value: 'expression',
+                    },
                     {
                         label: 'APIs',
                         value: 'custom-connector',
@@ -515,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,
                         },
@@ -534,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',
@@ -562,6 +632,13 @@ export default {
                             icon: 'database',
                             isShow: true,
                         },
+                        {
+                            value: 'expression',
+                            text: '表达式',
+                            label: '表达式',
+                            icon: 'expression',
+                            isShow: true,
+                        },
                         {
                             value: 'custom-connector',
                             text: 'APIs',
@@ -580,7 +657,7 @@ export default {
                 'x-index': 10,
                 title: '数据模型',
                 type: 'object',
-                'x-category': '基础属性',
+                'x-group': '数据',
                 required: true,
                 properties: {
                     name: {
@@ -665,7 +742,7 @@ export default {
                 type: 'object',
                 'x-component': 'connector-select',
                 'x-index': 12,
-                'x-category': '基础属性',
+                'x-group': '数据',
                 required: true,
                 'x-linkages': [
                     {
@@ -683,12 +760,35 @@ export default {
                 },
                 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: {
@@ -747,7 +847,7 @@ export default {
                 title: '查询入参',
                 type: 'string',
                 'x-index': 18,
-                'x-category': '基础属性',
+                'x-group': '数据',
                 description: "对APIs调用方法获取的数据进行筛选过滤。支持对象类型，例如 {name:'',value:''}",
                 'x-component': 'property-object-params-field',
                 'x-component-props': {
@@ -762,7 +862,7 @@ export default {
             queryCondition: {
                 'x-index': 20,
                 title: '数据筛选',
-                'x-category': '基础属性',
+                'x-group': '数据',
                 type: 'array',
                 items: {},
                 'x-component': 'data-source-condition-selector',
@@ -781,7 +881,7 @@ export default {
             orderBy: {
                 'x-index': 30,
                 title: '排序字段',
-                'x-category': '基础属性',
+                'x-group': '数据',
                 type: 'string',
                 'x-linkages': [
                     {
@@ -806,7 +906,7 @@ export default {
             orderType: {
                 'x-index': 40,
                 title: '排序方式',
-                'x-category': '基础属性',
+                'x-group': '数据',
                 default: 'asc',
                 type: 'string',
                 enum: [
@@ -839,23 +939,11 @@ export default {
                 ],
                 description: '设置升序或降序',
             },
-            pageSize: {
-                'x-index': 60,
-                title: '显示条数',
-                type: 'number',
-                default: 5,
-                'x-category': '基础属性',
-                'x-props': {
-                    min: 1,
-                },
-                description: '设置单次加载的数据条数',
-                display: true,
-            },
             pagination: {
-                'x-index': 70,
-                title: '分页',
+                'x-index': 50,
+                title: '分页方式',
                 type: 'string',
-                'x-category': '基础属性',
+                'x-group': '分页器',
                 default: 'loadMoreButton',
                 enum: [
                     {
@@ -887,30 +975,111 @@ export default {
                 ],
                 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,
-                description: '是否开启数据列表的加载状态，默认不显示',
-            },
+                '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: '无数据时的提示说明，内容为空时则不显示该提示',
             },
             loadCompletedText: {
-                'x-index': 82,
+                'x-index': 100,
                 title: '加载到底提示',
-                'x-category': '基础属性',
+                'x-group': '状态',
                 type: 'string',
                 default: '',
                 description: '加载全部数据后的提示说明，内容为空时则不显示该提示',
             },
+            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: [
@@ -932,6 +1101,22 @@ export default {
                 error: genericErrorType,
             }),
         },
+        {
+            name: 'onPagingChange',
+            title: '分页变化',
+            'x-platforms': ['MOBILEWEB', 'PCWEB'],
+            description: '分页变化',
+            detail: {
+                query: Type.Object({
+                    pageNo: Type.Number(),
+                    pageSize: Type.Number(),
+                }, {
+                    title: '分页信息',
+                    type: 'object',
+                    description: '分页信息',
+                }),
+            },
+        },
     ],
     // 组件实例属性
     properties,
@@ -993,12 +1178,16 @@ export default {
                 body: $attached_template,
             },
             {
-                when: 'connectorMethod,template,dataSourceType',
-                body: attributes_tempate,
+                when: 'connectorMethod,dataSourceType',
+                body: attributes_template,
+            },
+            {
+                when: 'template,exprToFieldsSchema',
+                body: expression_template,
             },
             {
                 when: 'datasource',
-                body: query_condition_tempate,
+                body: query_condition_template,
             },
         ],
         docsUrl: 'https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/database/ListView',
@@ -1032,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,
+            },
+        },
     },
 };

package/dist/configs/components/lottery.d.ts

@@ -0,0 +1,67 @@
+import { Simplify, Static, StaticEventsType } from '../type-utils';
+declare const data: import("@sinclair/typebox").TObject<{
+    prizeList: import("@sinclair/typebox").TArray<import("@sinclair/typebox").TObject<{
+        title: import("@sinclair/typebox").TString;
+        image: import("@sinclair/typebox").TString;
+    }>>;
+    enablePrize: import("@sinclair/typebox").TBoolean;
+    prizeResult: import("@sinclair/typebox").TUnsafe<string>;
+}>;
+declare const events: [{
+    readonly name: "clickLotteryButton";
+    readonly title: "点击开始抽奖按钮";
+}, {
+    readonly name: "finishLottery";
+    readonly title: "开奖";
+    readonly detail: import("@sinclair/typebox").TObject<{
+        prize: import("@sinclair/typebox").TString;
+        result: import("@sinclair/typebox").TObject<{
+            desc: import("@sinclair/typebox").TString;
+            idx: import("@sinclair/typebox").TNumber;
+        }>;
+    }>;
+}];
+declare const config: {
+    readonly $schema: "https://comp-public-1303824488.cos.ap-shanghai.myqcloud.com/schema/lcds_component.json";
+    readonly data: import("@sinclair/typebox").TObject<{
+        prizeList: import("@sinclair/typebox").TArray<import("@sinclair/typebox").TObject<{
+            title: import("@sinclair/typebox").TString;
+            image: import("@sinclair/typebox").TString;
+        }>>;
+        enablePrize: import("@sinclair/typebox").TBoolean;
+        prizeResult: import("@sinclair/typebox").TUnsafe<string>;
+    }>;
+    readonly events: [{
+        readonly name: "clickLotteryButton";
+        readonly title: "点击开始抽奖按钮";
+    }, {
+        readonly name: "finishLottery";
+        readonly title: "开奖";
+        readonly detail: import("@sinclair/typebox").TObject<{
+            prize: import("@sinclair/typebox").TString;
+            result: import("@sinclair/typebox").TObject<{
+                desc: import("@sinclair/typebox").TString;
+                idx: import("@sinclair/typebox").TNumber;
+            }>;
+        }>;
+    }];
+    readonly meta: {
+        readonly title: "九宫格抽奖";
+        readonly description: "用于实现简单的活动抽奖功能。";
+        readonly category: "展示";
+        readonly categoryOrder: 400;
+        readonly componentOrder: 330;
+        readonly icon: "../icons/Lottery.svg";
+        readonly visible: readonly ["APP"];
+    };
+    readonly configMeta: {
+        readonly docsUrl: "https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/show/Lottery";
+    };
+    readonly methods: readonly [{
+        readonly name: "start";
+        readonly label: "开始抽奖";
+    }];
+};
+export type EventsType = Simplify<StaticEventsType<typeof events>>;
+export type DataType = Simplify<Static<typeof data>>;
+export default config;