@cloudbase/weda-ui 3.4.2 → 3.4.4

package/dist/configs/components/chart/pie.json

@@ -176,6 +176,7 @@
                 "x-index": 43,
                 "title": "数据模型",
                 "type": "object",
+                "required": true,
                 "x-category": "基础属性",
                 "properties": {
                     "name": {
@@ -233,12 +234,14 @@
                 "x-category": "基础属性",
                 "remarks": "数据源变量",
                 "display": false,
+                "required": true,
                 "x-component": "variable-expression"
             },
             "connector": {
                 "title": "自定义APIs",
                 "type": "object",
                 "x-component": "connector-select",
+                "required": true,
                 "x-props": {
                     "data-hidebind": true
                 },
@@ -277,6 +280,7 @@
             "connectorMethod": {
                 "title": "调用方法",
                 "type": "object",
+                "required": true,
                 "x-component": "connector-method-select",
                 "x-index": 46,
                 "x-category": "基础属性",
@@ -678,8 +682,9 @@
         "title": "饼图",
         "description": "饼图组件主要用于报表场景下表示数据在总体中的占比,支持小程序、H5 和 PC Web 端。",
         "icon": "../../icons/Pie.svg",
-        "category": "图表组件",
-        "componentOrder": 1,
+        "category": "图表",
+        "categoryOrder": 600,
+        "componentOrder": 560,
         "visible": ["APP"]
     },
     "configMeta": {

package/dist/configs/components/chart/statisticsCard.json

@@ -367,8 +367,9 @@
         "title": "统计卡片",
         "description": "统计卡片组件主要提供报表场景下的指标数据统计并展示功能，支持小程序、H5 和 PC Web 端。",
         "icon": "../../icons/StatisticsCard.svg",
-        "category": "图表组件",
-        "componentOrder": 1
+        "category": "图表",
+        "categoryOrder": 600,
+        "componentOrder": 530
     },
     "configMeta": {
         "docsUrl": "https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/chart/statisticsCard"

package/dist/configs/components/container.js

@@ -0,0 +1,64 @@
+import { defineConfig, Type } from '../type-utils';
+const config = defineConfig({
+    $schema: 'https://comp-public-1303824488.cos.ap-shanghai.myqcloud.com/schema/lcds_component.json',
+    data: Type.Object({
+        title: Type.String({
+            title: '容器备注',
+            description: '鼠标 hover 后的提示',
+            'x-platforms': ['PCWEB'],
+        }),
+    }),
+    events: [
+        {
+            name: 'tap',
+            title: '点击',
+        },
+        {
+            name: 'longpress',
+            title: '长按/contextmenu',
+        },
+        {
+            name: 'touchstart',
+            title: '触摸开始',
+        },
+        {
+            name: 'touchmove',
+            title: '触摸后移动',
+        },
+        {
+            name: 'touchcancel',
+            title: '触摸取消',
+        },
+        {
+            name: 'touchend',
+            title: '触摸结束',
+        },
+    ],
+    isContainer: true,
+    meta: {
+        title: '普通容器',
+        category: '布局',
+        description: '容器中可放入多个组件，常用于在前端中对页面布局进行管理的场景。 同时也可以通过容器组件绑定数据对容器内的组件进行循环遍历。',
+        categoryOrder: 200,
+        componentOrder: 50,
+        icon: '../icons/Container.svg',
+    },
+    configMeta: {
+        docsUrl: 'https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/grid/Container',
+        shortcut: {
+            extra: {
+                container: {
+                    'x-component': 'container',
+                    'x-component-props': [
+                        'gsd-h5-react:Text',
+                        'CLOUDBASE_STANDARD:Button',
+                        'gsd-h5-react:Image',
+                        'CLOUDBASE_STANDARD:FormInput',
+                    ],
+                    'x-index': 1,
+                },
+            },
+        },
+    },
+});
+export default config;

package/dist/configs/components/dataView.js

@@ -0,0 +1,507 @@
+const rawTemplate = `
+{{#with (helper_getFields _datasourceName _methodName (helper_utils '?:' (helper_utils '===' _datasourceName 'sys_user') true false)) as |_fields|}}
+{{#with (helper_utils 'concat' 'string' 'number' 'boolean') as |_rangeTypes|}}
+
+[[template]]
+component = 'Container'
+[template.extra.commonStyle.margin]
+bottom = '15PX'
+left = '26PX'
+right = '25PX'
+top = '15PX'
+
+[[template.items]]
+component='WdText'
+[template.items.attributes]
+{{#if (helper_utils 'get' (helper_getDatasource _datasourceName) 'title') }}
+text='{{helper_utils 'get' (helper_getDatasource _datasourceName) 'title'}}详情'
+{{else}}
+text='详情'
+{{/if}}
+level='title-6'
+textAlign = 'left'
+[template.items.extra.commonStyle.margin]
+bottom = '16PX'
+
+[[template.items]]
+component='Grid'
+[template.items.attributes]
+gutterY=3
+
+{{#each _fields as |_field _index| }}
+{{#with (helper_utils 'get' _field 'name') as |_name|}}
+{{#with (helper_utils 'get' _field 'title') as |_title|}}
+{{#with (helper_utils 'get' _field 'type') as |_type|}}
+{{#with (helper_utils '||' (helper_utils 'get' _field 'format') '_fake') as |_format|}}
+{{#with (helper_utils '||' (helper_utils 'get' _field 'items.type') '_fake') as |_itemsType|}}
+{{#with (helper_utils '||' (helper_utils 'get' _field 'items.format') '_fake') as |_itemsFormat|}}
+{{#if (helper_utils '||' (helper_utils 'includes' _rangeTypes _type) (helper_utils '&&' (helper_utils '===' _type 'array') (helper_utils 'includes' _rangeTypes _itemsType)) )}}
+
+[[template.items.items]]
+component='Row'
+[[template.items.items.items]]
+component='Col'
+[template.items.items.items.attributes]
+lgWidthType='2'
+widthType='4'
+[[template.items.items.items.items]]
+component='WdText'
+[template.items.items.items.items.attributes]
+text='{{_title}}'
+[template.items.items.items.items.extra.commonStyle.text]
+color='rgb(136, 136, 136)'
+[template.items.items.items.items.extra.commonStyle.self]
+color='rgb(136, 136, 136)'
+
+[[template.items.items.items]]
+component='Col'
+
+{{#if (helper_utils '&&' (helper_utils 'isEqual' _type 'array') (helper_utils 'includes' _rangeTypes _itemsType))}}
+
+{{#with (helper_utils 'uuid') as |repeater_suffix|}}
+[[template.items.items.items.items]]
+component = 'Repeater'
+[template.items.items.items.items.attributes]
+{{#if (helper_utils 'isEqual' _name '_departmentList')}}
+':data' = '$context.{{$self.id}}.data[\`##SHOW\`]._departmentList'
+{{else}}
+':data' = '$context.{{$self.id}}.data.{{_name}}'
+{{/if}}
+suffix = '{{repeater_suffix}}'
+forItem = 'item_{{repeater_suffix}}'
+forIndex = 'index_{{repeater_suffix}}'
+key = '_id'
+
+{{#if (helper_utils 'isEqual' _itemsFormat 'x-image')}}
+[[template.items.items.items.items.items]]
+component='WdImage'
+[template.items.items.items.items.items.attributes]
+':src'='$w.item_{{repeater_suffix}}'
+{{else}}
+[[template.items.items.items.items.items]]
+component='WdText'
+[template.items.items.items.items.items.attributes]
+{{#if (helper_utils 'isEqual' _itemsType 'boolean')}}
+':text'='$w.item_{{repeater_suffix}} ? \`是\` : \`否\`'
+{{else if (helper_utils 'isEqual' _itemsFormat 'datetime')}}
+':text'='app.utils.formatDate($w.item_{{repeater_suffix}}, \`yyyy-mm-dd HH:MM:ss\`)'
+{{else if (helper_utils 'isEqual' _itemsFormat 'date')}}
+':text'='app.utils.formatDate($w.item_{{repeater_suffix}}, \`yyyy-mm-dd\`)'
+{{else if (helper_utils 'isEqual' _itemsFormat 'time')}}
+':text'='app.utils.formatDate($w.item_{{repeater_suffix}}, \`HH:MM:ss\`, true)'
+{{else if (helper_utils 'isEqual' _format 'x-enum')}}
+':text'='app.utils.formatEnum($w.item_{{repeater_suffix}}, \`{{helper_utils 'get' _field 'x-option-name'}}\`, app)'
+{{else}}
+':text'='$w.item_{{repeater_suffix}} || \`-\`'
+{{/if}}
+{{/if}}
+[template.items.items.items.items.extra.commonStyle]
+whiteSpace = 'pre-line'
+[template.items.items.items.items.extra.commonStyle.self]
+whiteSpace = 'pre-line'
+{{/with}}
+
+{{else if (helper_utils 'includes' _rangeTypes _type)}}
+{{#if (helper_utils 'isEqual' _format 'x-image')}}
+[[template.items.items.items.items]]
+component='WdImage'
+[template.items.items.items.items.attributes]
+':src'='$context.{{$self.id}}.data.{{_name}}'
+{{else}}
+[[template.items.items.items.items]]
+component='WdText'
+[template.items.items.items.items.attributes]
+{{#if (helper_utils 'isEqual' _type 'boolean')}}
+':text'='$context.{{$self.id}}.data.{{_name}} ? \`是\` : \`否\`'
+{{else if (helper_utils 'isEqual' _format 'datetime')}}
+':text'='app.utils.formatDate($context.{{$self.id}}.data.{{_name}}, \`yyyy-mm-dd HH:MM:ss\`)'
+{{else if (helper_utils 'isEqual' _format 'date')}}
+':text'='app.utils.formatDate($context.{{$self.id}}.data.{{_name}}, \`yyyy-mm-dd\`)'
+{{else if (helper_utils 'isEqual' _format 'time')}}
+':text'='app.utils.formatDate($context.{{$self.id}}.data.{{_name}}, \`HH:MM:ss\`, true)'
+{{else if (helper_utils 'isEqual' _format 'x-enum')}}
+':text'='app.utils.formatEnum($context.{{$self.id}}.data.{{_name}}, \`{{helper_utils 'get' _field 'x-option-name'}}\`, app)'
+{{else if (helper_utils 'includes' (helper_utils 'concat' 'father-son' 'related') _format)}}
+':text'='$context.{{$self.id}}.data?.[\`@{{_name}}\`]?.v1?.record?.[$context.{{$self.id}}.data?.[\`@{{_name}}\`]?.v1?.primaryColumn] || $context.{{$self.id}}.data.{{_name}} || \`-\`'
+{{else}}
+':text'='$context.{{$self.id}}.data.{{_name}} || \`-\`'
+{{/if}}
+{{/if}}
+[template.items.items.items.items.extra.commonStyle]
+whiteSpace = 'pre-line'
+[template.items.items.items.items.extra.commonStyle.self]
+whiteSpace = 'pre-line'
+
+{{/if}}
+{{/if}}
+{{/with}}
+{{/with}}
+{{/with}}
+{{/with}}
+{{/with}}
+{{/with}}
+{{/each}}
+
+{{/with}}
+{{/with}}
+`;
+const $attached_template = `
+{{#with $self as |$self|}}
+{{#with 'sys_user' as |_datasourceName| }}
+{{#with 'wedaGetRecords' as |_methodName| }}
+${rawTemplate}
+{{/with}}
+{{/with}}
+{{/with}}
+
+[attributes.datasource]
+type='datamodal'
+name='sys_user'
+`;
+const attributes_tempate = `
+{{#with $self as |$self|}}
+{{#with (helper_utils '?:' (helper_utils 'isEqual' $self.attributes.dataSourceType 'data-model') $self.attributes.datasource.name $self.attributes.bindConnectMetadata.datasource.name) as |_datasourceName| }}
+{{#with (helper_utils '?:' (helper_utils 'isEqual' $self.attributes.dataSourceType 'data-model') 'wedaGetRecords' $self.attributes.connectorMethod.name) as |_methodName| }}
+${rawTemplate}
+{{/with}}
+{{/with}}
+{{/with}}
+`;
+const config = {
+    $schema: 'https://comp-public-1303824488.cos.ap-shanghai.myqcloud.com/schema/lcds_component.json',
+    data: {
+        properties: {
+            dataSourceType: {
+                'x-index': 5,
+                title: '数据源',
+                'x-category': '基础属性',
+                type: 'string',
+                default: 'data-model',
+                enum: [
+                    {
+                        label: '数据模型',
+                        value: 'data-model',
+                    },
+                    {
+                        label: '自定义APIs',
+                        value: 'custom-connector',
+                    },
+                ],
+                'x-linkages': [
+                    {
+                        type: 'value:state',
+                        target: '*(orderType,where,orderBy,datasource)',
+                        condition: "{{$self.value !='custom-connector'}}",
+                        state: {
+                            display: true,
+                        },
+                        otherwise: {
+                            display: false,
+                        },
+                    },
+                    {
+                        type: 'value:state',
+                        target: '*(bindConnectMetadata,connectorMethod,connectorParams)',
+                        condition: "{{$self.value=='custom-connector'}}",
+                        state: {
+                            display: true,
+                        },
+                        otherwise: {
+                            display: false,
+                        },
+                    },
+                    {
+                        type: 'value:schema',
+                        target: 'bindConnectMetadata',
+                        schema: {
+                            'x-component-props': '{{{value:$value}}}',
+                        },
+                    },
+                    {
+                        type: 'value:schema',
+                        target: 'connectorMethod',
+                        schema: {
+                            'x-component-props': '{{{connector:$value}}}',
+                        },
+                    },
+                ],
+                'x-component': 'dsc-datasource-type-select',
+                'x-component-props': {
+                    defaultValue: 'data-model',
+                    options: [
+                        {
+                            value: 'data-model',
+                            text: '数据模型',
+                            label: '数据模型',
+                            icon: 'database',
+                            isShow: true,
+                        },
+                        {
+                            value: 'custom-connector',
+                            text: '自定义APIs',
+                            label: '自定义APIs',
+                            icon: 'custom-connector',
+                            isShow: true,
+                        },
+                    ],
+                },
+                'x-props': {
+                    'data-hidebind': true,
+                },
+                remarks: '数据源类型选择',
+            },
+            datasource: {
+                'x-index': 10,
+                title: '数据模型',
+                required: true,
+                type: 'object',
+                'x-category': '基础属性',
+                properties: {
+                    name: {
+                        title: '数据模型名',
+                        type: 'string',
+                    },
+                    extra: {
+                        title: '数据模型属性',
+                        type: 'object',
+                        properties: {
+                            viewId: {
+                                title: '数据模型视图id',
+                                type: 'string',
+                            },
+                            methodName: {
+                                title: '数据模型方法名',
+                                type: 'string',
+                            },
+                        },
+                    },
+                },
+                'x-component': 'datasource-selector',
+                'x-component-props': {
+                    dataContainerType: 'dataView',
+                },
+                '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: 'where',
+                        schema: {
+                            'x-component-props': '{{{selectedDataSourceName: $value && $value.name}}}',
+                        },
+                    },
+                ],
+                remarks: '展示模型数据的数据来源',
+            },
+            bindConnectMetadata: {
+                title: '自定义APIs',
+                type: 'object',
+                required: true,
+                'x-component': 'connector-select',
+                'x-index': 12,
+                'x-category': '基础属性',
+                'x-linkages': [
+                    {
+                        type: 'value:schema',
+                        target: 'connectorMethod',
+                        schema: {
+                            'x-component-props': '{{{value:$value}}}',
+                        },
+                    },
+                ],
+                'x-props': {
+                    'data-hidebind': true,
+                },
+                remarks: '展示数据的自定义APIs来源选择',
+            },
+            connectorMethod: {
+                title: '调用方法',
+                type: 'object',
+                required: true,
+                'x-component': 'connector-method-select',
+                'x-index': 16,
+                'x-category': '基础属性',
+                'x-props': {
+                    'data-hidebind': true,
+                },
+                remarks: '展示数据的自定义APIs调用方法选择',
+            },
+            connectorParams: {
+                title: '查询入参',
+                type: 'string',
+                'x-index': 18,
+                'x-category': '基础属性',
+                remarks: "对自定义APIs调用方法获取的数据进行筛选过滤。支持对象类型，例如 {name:'',value:''}",
+                'x-component': 'property-object-params-field',
+                'x-component-props': {
+                    dataSourceKeyName: 'bindConnectMetadata',
+                    dataSourceValuePath: 'datasource.name',
+                    methodNameKeyName: 'connectorMethod',
+                    methodValuePath: 'name',
+                    paramsKeyName: 'connectorParams',
+                },
+            },
+            where: {
+                'x-index': 20,
+                title: '数据筛选',
+                'x-category': '基础属性',
+                type: 'array',
+                items: {},
+                'x-component': 'condition-select',
+                'x-component-props': {
+                    selectedDataSourceName: null,
+                    customLogicOptions: [
+                        {
+                            text: '且',
+                            value: 'and',
+                        },
+                        {
+                            text: '或',
+                            value: 'or',
+                        },
+                    ],
+                    blackListConfig: {
+                        format: ['related', 'father-son', 'x-file', 'x-image'],
+                        type: ['object', 'array'],
+                    },
+                    customRelOptions: {
+                        number: [
+                            {
+                                value: 'equal',
+                                text: '等于',
+                                type: 'equal',
+                            },
+                            {
+                                value: 'unequal',
+                                text: '不等于',
+                                type: 'unequal',
+                            },
+                            {
+                                value: 'greater',
+                                text: '大于',
+                                type: 'greate',
+                            },
+                            {
+                                value: 'greater_or_equal',
+                                text: '大于等于',
+                                type: 'greater_or_equal',
+                            },
+                            {
+                                value: 'less',
+                                text: '小于',
+                                type: 'less',
+                            },
+                            {
+                                value: 'less_or_equal',
+                                text: '小于等于',
+                                type: 'less_or_equal',
+                            },
+                            {
+                                value: 'empty',
+                                text: '为空',
+                                type: 'empty',
+                            },
+                            {
+                                value: 'nempty',
+                                text: '不为空',
+                                type: 'nempty',
+                            },
+                        ],
+                    },
+                },
+                'x-props': {
+                    'data-hidebind': true,
+                    'data-hideBindValue': true,
+                    'data-withBindMeta': true,
+                },
+                remarks: '对数据进行筛选过滤',
+            },
+        },
+    },
+    events: [
+        {
+            name: 'queryEmpty',
+            title: '查询为空',
+            remarks: '数据查询为空时触发',
+        },
+        {
+            name: 'querySuccess',
+            title: '查询成功',
+            remarks: '数据查询成功时触发',
+        },
+        {
+            name: 'queryFail',
+            title: '查询失败',
+            remarks: '数据查询失败时触发',
+        },
+    ],
+    methods: [
+        {
+            name: 'refresh',
+            label: '刷新',
+        },
+        {
+            name: 'deleteOne',
+            label: '删除单条数据',
+            params: {
+                properties: {
+                    _id: {
+                        title: '删除数据的标识',
+                        type: 'string',
+                        default: '',
+                    },
+                },
+            },
+        },
+    ],
+    compConfig: {
+        isDataContainer: true,
+        componentType: 'dataview',
+    },
+    isContainer: true,
+    meta: {
+        title: '数据详情',
+        category: '数据容器',
+        description: '适用于从数据源中查询一条数据，并将返回数据展示的场景，如查询访客预约详情。',
+        categoryOrder: 100,
+        componentOrder: 20,
+        icon: '../icons/DataView.svg',
+        templates: [
+            {
+                when: '$attached',
+                body: $attached_template,
+            },
+            {
+                when: 'datasource,connectorMethod,dataSourceType',
+                body: attributes_tempate,
+            },
+        ],
+    },
+    configMeta: {
+        docsUrl: 'https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/database/DataView',
+        shortcut: {
+            props: [
+                'dataSourceType',
+                'datasource',
+                'where',
+                'bindConnectMetadata',
+                'connectorMethod',
+                'connectorParams',
+            ],
+        },
+        contextData: {
+            setField: true,
+            setRelated: true,
+        },
+    },
+};
+export default config;

package/dist/configs/components/drawer.json

@@ -110,6 +110,7 @@
         "description": "右侧浮层",
         "category": "高级",
         "icon": "../icons/index.svg",
-        "componentOrder": 14
+        "componentOrder": 14,
+        "visible": []
     }
 }

package/dist/configs/components/flow/flow.json

@@ -0,0 +1,26 @@
+{
+    "$schema": "https://comp-public-1303824488.cos.ap-shanghai.myqcloud.com/schema/lcds_component.json",
+    "data": {
+        "properties": {}
+    },
+    "events": [
+        {
+            "title": "点击",
+            "name": "tap"
+        },
+        {
+            "title": "加载",
+            "name": "flowLoad"
+        }
+    ],
+    "platforms": ["web"],
+    "meta": {
+        "title": "审批组件",
+        "description": "审批组件",
+        "icon": "https://imgcache.qq.com/qcloud/lowcode/static/ide/left-material-icon/FlowCard.svg",
+        "category": "模型组件",
+        "categoryOrder": 2000,
+        "componentOrder": 6,
+        "visible": []
+    }
+}