@cloudbase/weda-ui 3.4.1 → 3.4.3

package/dist/configs/components/form/select.json

@@ -15,6 +15,10 @@
                         {
                             "text": "且",
                             "value": "and"
+                        },
+                        {
+                            "text": "或",
+                            "value": "or"
                         }
                     ],
                     "blackListConfig": {
@@ -434,7 +438,8 @@
     "meta": {
         "title": "选择框",
         "description": "选择框",
-        "category": "表单"
+        "category": "表单",
+        "visible": []
     },
     "events": [
         {

package/dist/configs/components/form/switch.json

@@ -47,7 +47,8 @@
     "meta": {
         "title": "开关",
         "description": "开关",
-        "category": "表单"
+        "category": "表单",
+        "visible": []
     },
     "events": [
         {

package/dist/configs/components/form/textarea.json

@@ -97,7 +97,8 @@
     "meta": {
         "title": "多行输入框",
         "description": "多行输入框",
-        "category": "表单"
+        "category": "表单",
+        "visible": []
     },
     "events": [
         {

package/dist/configs/components/form/tips.json

@@ -28,7 +28,8 @@
     "meta": {
         "title": "提示",
         "description": "提示",
-        "category": "表单"
+        "category": "表单",
+        "visible": []
     },
     "events": []
 }

package/dist/configs/components/form/uploader.json

@@ -166,6 +166,7 @@
         "title": "上传图片",
         "description": "上传图片组件",
         "category": "表单",
-        "icon": "//imgcache.qq.com/qcloud/lowcode/static/ide/left-material-icon/UploadImage.svg"
+        "icon": "../../icons/Uploader.svg",
+        "visible": []
     }
 }

package/dist/configs/components/form/uploaderFile.json

@@ -154,6 +154,7 @@
         "title": "上传文件",
         "description": "上传文件组件",
         "category": "表单",
-        "icon": "//imgcache.qq.com/qcloud/lowcode/static/ide/left-material-icon/UploadFile.svg"
+        "icon": "../../icons/UploaderFile.svg",
+        "visible": []
     }
 }

package/dist/configs/components/form/userTreeSelect.json

@@ -117,7 +117,8 @@
         "title": "成员选择",
         "description": "成员选择",
         "category": "表单",
-        "icon": "https://qcloudimg.tencent-cloud.cn/raw/6c0cb5bbbfd55d1ed3ec5098fc9d214d.svg"
+        "icon": "../../icons/UserTreeSelect.svg",
+        "visible": []
     },
     "events": [
         {

package/dist/configs/components/formdetail.json

@@ -21,7 +21,7 @@
                 ],
                 "required": true,
                 "x-category": "基础属性",
-                "description": "表单提交数据的 Key，页面内需保证唯一，可据此对当前组件进行赋值、校验等操作"
+                "description": "表单字段的Key值，用于提交数据时，匹配数据模型字段标识。页面内需保证唯一。"
             },
             "value": {
                 "type": "array",
@@ -123,11 +123,13 @@
     "meta": {
         "title": "明细",
         "description": "明细",
-        "category": "表单"
+        "category": "表单",
+        "visible": []
     },
     "configMeta": {
         "shortcut": {
             "props": ["name"]
-        }
+        },
+        "visible": []
     }
 }

package/dist/configs/components/graphicCard.json

@@ -413,8 +413,9 @@
         "title": "图文卡片",
         "description": "以卡片形式展示包含图片、标题、描述信息在内的列表信息。",
         "category": "展示",
-        "componentOrder": 501,
-        "icon": "//imgcache.qq.com/qcloud/lowcode/static/ide/left-material-icon/GraphicCard.svg"
+        "categoryOrder": 400,
+        "componentOrder": 270,
+        "icon": "../icons/GraphicCard.svg"
     },
     "configMeta": {
         "docsUrl": "https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/show/GraphicCard"

package/dist/configs/components/image.js

@@ -0,0 +1,195 @@
+import { Type, Tuple, defineConfig } from '../type-utils';
+const data = Type.Object({
+    src: Type.Optional(Type.String({
+        title: '地址',
+        type: 'string',
+        'x-component': 'image',
+        'x-rules': [
+            {
+                message: '请输入合法的图片地址',
+                pattern: '^(((https?)://)|/resources/)[^\\s]+$',
+            },
+        ],
+        default: 'https://main.qcloudimg.com/raw/c85c9a875e9754545ee19f20438b2caa.svg',
+        'x-category': '基础属性',
+        'x-index': 1,
+        remarks: '更改需要展示的图片',
+    })),
+    fit: Type.Optional(Type.StringEnum({
+        title: '布局模式',
+        type: 'string',
+        default: 'cover',
+        enum: Tuple([
+            {
+                value: 'cover',
+                label: '裁剪填满',
+            },
+            {
+                value: 'contain',
+                label: '等比缩放',
+            },
+            {
+                value: 'fill',
+                label: '拉伸填满',
+            },
+            {
+                value: 'widthFix',
+                label: '高度自适应',
+            },
+            {
+                value: 'heightFix',
+                label: '宽度自适应',
+            },
+        ]),
+        'x-category': '基础属性',
+        'x-index': 2,
+        remarks: '更改图片的布局模式',
+    })),
+    imgPreview: Type.Optional(Type.Boolean({
+        title: '点击预览大图',
+        default: false,
+        'x-index': 3,
+        'x-category': '基础属性',
+        'x-linkages': [
+            {
+                type: 'value:visible',
+                target: 'maskClosable',
+                condition: '{{ $self.value }}',
+            },
+        ],
+        remarks: '开启后，点击图片后图片会展示为大图',
+    })),
+    maskClosable: Type.Boolean({
+        title: '再次点击关闭预览',
+        type: 'boolean',
+        'x-index': 4,
+        default: true,
+        'x-category': '基础属性',
+    }),
+    alt: Type.String({
+        'x-index': 5,
+        title: '替代文字',
+        type: 'string',
+        default: '[图片]',
+        'x-category': '高级属性',
+        description: '用于图片加载失败 或 屏幕阅读器替代显示',
+        remarks: '当图片加载失败时，会展示此处配置的文本内容',
+    }),
+    showMenuByLongpress: Type.Optional(Type.Boolean({
+        title: '识别小程序码',
+        type: 'boolean',
+        'x-index': 6,
+        'x-platforms': ['MP'],
+        'x-category': '高级属性',
+        description: '小程序专有属性，长按图片可唤起识别小程序码功能',
+        remarks: '只有小程序端构建时生,效，长按图片可唤起识别小程序码功能',
+    })),
+    lazyLoad: Type.Boolean({
+        'x-index': 7,
+        title: '懒加载',
+        type: 'boolean',
+        default: false,
+        'x-category': '高级属性',
+        description: '图片按需加载，若图片没有被展示，则不会加载',
+        remarks: '图片按需加载，若图片没有被展示，则不会加载',
+    }),
+    mode: Type.Optional(Type.StringEnum({
+        display: false,
+        'x-index': 8,
+        'x-comment': 'deprecated',
+        title: '图片裁剪、缩放的模式',
+        type: 'string',
+        enum: Tuple([
+            {
+                value: 'scaleToFill',
+                label: '不保持纵横比缩放图片，使图片完全适应',
+            },
+            {
+                value: 'aspectFit',
+                label: '保持纵横比缩放图片，使图片的长边能完全显示出来',
+            },
+            {
+                value: 'aspectFill',
+                label: '保持纵横比缩放图片，只保证图片的短边能完全显示出来',
+            },
+            {
+                value: 'widthFix',
+                label: '缩放模式，宽度不变，高度自动变化，保持原图宽高比不变',
+            },
+            {
+                value: 'heightFix',
+                label: '缩放模式，高度不变，宽度自动变化，保持原图宽高比不变',
+            },
+            {
+                value: 'top',
+                label: '不缩放图片，只显示图片的顶部区域',
+            },
+            {
+                value: 'bottom',
+                label: '不缩放图片，只显示图片的底部区域',
+            },
+            {
+                value: 'center',
+                label: '不缩放图片，只显示图片的中间区域',
+            },
+            {
+                value: 'left',
+                label: '不缩放图片，只显示图片的左边区域',
+            },
+            {
+                value: 'right',
+                label: '不缩放图片，只显示图片的右边边区域',
+            },
+            {
+                value: 'top left',
+                label: '不缩放图片，只显示图片的左上边区域',
+            },
+            {
+                value: 'top right',
+                label: '不缩放图片，只显示图片的右上边区域',
+            },
+            {
+                value: 'bottom left',
+                label: '不缩放图片，只显示图片的左下边区域',
+            },
+            {
+                value: 'bottom right',
+                label: '不缩放图片，只显示图片的右下边区域',
+            },
+        ]),
+        default: 'scaleToFill',
+        'x-category': '高级属性',
+    })),
+});
+export default defineConfig({
+    $schema: 'https://comp-public-1303824488.cos.ap-shanghai.myqcloud.com/schema/lcds_component.json',
+    data,
+    events: [
+        {
+            name: 'load',
+            title: '加载成功',
+        },
+        {
+            name: 'error',
+            title: '加载失败',
+        },
+        {
+            name: 'tap',
+            title: '点击',
+        },
+    ],
+    meta: {
+        title: '图片',
+        description: '用于在页面进行图片的展示。',
+        category: '展示',
+        icon: '../icons/Image.svg',
+        categoryOrder: 400,
+        componentOrder: 230,
+    },
+    configMeta: {
+        docsUrl: 'https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/show/Image',
+        shortcut: {
+            props: ['src'],
+        },
+    },
+});

package/dist/configs/components/link.js

@@ -0,0 +1,68 @@
+import { defineConfig, Type } from '../type-utils';
+const data = Type.Object({
+    content: Type.String({
+        default: '这是一个链接',
+        title: '文本内容',
+        'x-category': '基础属性',
+        'x-index': 100,
+        remarks: '更改链接显示的文本内容',
+    }),
+    url: Type.String({
+        type: 'string',
+        'x-component': 'page-list',
+        title: '跳转页面',
+        description: '通过下拉选择应用页面，可以实现内部页面跳转',
+        'x-category': '基础属性',
+        'x-index': 120,
+        'x-component-props': {
+            hideAddPlatform: ['MP'],
+        },
+        remarks: '选择点击链接后跳转的页面，小程序端构建时仅支持选择跳转应用页面',
+    }),
+    isOpenInNewWindow: Type.Optional(Type.Boolean({
+        type: 'boolean',
+        title: '是否打开新窗口',
+        'x-category': '基础属性',
+        'x-index': 130,
+        default: false,
+        description: '仅外部链接生效',
+    })),
+    params: Type.Readonly(Type.Array(Type.Object({
+        key: Type.String({ title: 'key', default: 'key' }),
+        value: Type.String({ title: 'value', default: 'value' }),
+    }), {
+        type: 'array',
+        title: '携带参数',
+        'x-category': '基础属性',
+        'x-index': 160,
+        default: [],
+        remarks: '填写跳转页面时携带的参数，用于页面传参',
+    })),
+    contentSlot: Type.Optional(Type.Slot()),
+});
+const config = defineConfig({
+    $schema: 'https://comp-public-1303824488.cos.ap-shanghai.myqcloud.com/schema/lcds_component.json',
+    data,
+    meta: {
+        title: '链接',
+        description: '用于实现超链接跳转。',
+        category: '展示',
+        categoryOrder: 400,
+        componentOrder: 290,
+        icon: '../icons/Link.svg',
+        platform: ['MOBILEWEB', 'PCWEB'],
+    },
+    configMeta: {
+        docsUrl: 'https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/show/Link',
+        shortcut: {
+            props: ['content', 'url'],
+        },
+    },
+    events: [
+        {
+            name: 'tap',
+            title: '点击',
+        },
+    ],
+});
+export default config;

package/dist/configs/components/listView.json

@@ -194,7 +194,7 @@
                         "condition": "{{ Boolean(!$value || !$value.name) }}",
                         "target": "orderBy",
                         "schema": {
-                            "x-props": "{{{clearable: true, disabled: true, tooltip: '请先选择数据源'}}}"
+                            "x-props": "{{{disabled: true, tooltip: '请先选择数据源'}}}"
                         }
                     },
                     {
@@ -202,7 +202,7 @@
                         "condition": "{{ Boolean($value && $value.name) }}",
                         "target": "orderBy",
                         "schema": {
-                            "x-props": "{{{clearable: true,disabled: false}}}"
+                            "x-props": "{{{disabled: false, tooltip: ''}}}"
                         }
                     }
                 ],
@@ -259,6 +259,10 @@
                         {
                             "text": "且",
                             "value": "and"
+                        },
+                        {
+                            "text": "或",
+                            "value": "or"
                         }
                     ],
                     "blackListConfig": {
@@ -296,6 +300,16 @@
                                 "value": "less_or_equal",
                                 "text": "小于等于",
                                 "type": "less_or_equal"
+                            },
+                            {
+                                "value": "empty",
+                                "text": "为空",
+                                "type": "empty"
+                            },
+                            {
+                                "value": "nempty",
+                                "text": "不为空",
+                                "type": "nempty"
                             }
                         ]
                     }
@@ -312,15 +326,31 @@
                 "title": "排序字段",
                 "x-category": "基础属性",
                 "type": "string",
-                "x-props": {
-                    "clearable": true
-                },
+                "x-linkages": [
+                    {
+                        "type": "value:schema",
+                        "condition": "{{ Boolean($value) }}",
+                        "target": "orderBy",
+                        "schema": {
+                            "x-props": "{{{clearable: true}}}"
+                        }
+                    },
+                    {
+                        "type": "value:schema",
+                        "condition": "{{ Boolean(!$value) }}",
+                        "target": "orderBy",
+                        "schema": {
+                            "x-props": "{{{clearable: false}}}"
+                        }
+                    }
+                ],
                 "remarks": "选取对数据进行排序的字段"
             },
             "orderType": {
                 "x-index": 40,
                 "title": "排序方式",
                 "x-category": "基础属性",
+                "default": "asc",
                 "type": "string",
                 "enum": [
                     {
@@ -332,9 +362,24 @@
                         "value": "desc"
                     }
                 ],
-                "x-props": {
-                    "clearable": true
-                },
+                "x-linkages": [
+                    {
+                        "type": "value:schema",
+                        "condition": "{{ Boolean($value) }}",
+                        "target": "orderType",
+                        "schema": {
+                            "x-props": "{{{clearable: true}}}"
+                        }
+                    },
+                    {
+                        "type": "value:schema",
+                        "condition": "{{ Boolean(!$value) }}",
+                        "target": "orderType",
+                        "schema": {
+                            "x-props": "{{{clearable: false}}}"
+                        }
+                    }
+                ],
                 "remarks": "设置升序或降序"
             },
             "pageSize": {
@@ -376,6 +421,13 @@
                 "x-props": {
                     "data-hidebind": true
                 },
+                "x-linkages": [
+                    {
+                        "type": "value:visible",
+                        "target": "loadCompletedText",
+                        "condition": "{{$self.value == 'loadMoreButton' || $self.value == 'bottomLoad'}}"
+                    }
+                ],
                 "remarks": "数据分页样式"
             },
             "isSetStatus": {
@@ -385,6 +437,15 @@
                 "type": "boolean",
                 "default": false,
                 "remarks": "是否开启数据列表的加载状态，默认不显示"
+            },
+            "loadCompletedText": {
+                "x-index": 81,
+                "title": "加载到底提示",
+                "x-category": "基础属性",
+                "type": "string",
+                "default": "",
+                "description": "加载全部数据后的提示说明，内容为空时则不显示该提示",
+                "remarks": "是否展示数据列表加载全部数据后的提示说明，默认不显示"
             }
         }
     },
@@ -414,8 +475,9 @@
         "title": "数据列表",
         "category": "数据容器",
         "description": "适用于从数据源中查询多条数据，并将返回列表循环展示的场景，如查询用户列表。",
-        "componentOrder": 1000,
-        "icon": "//imgcache.qq.com/qcloud/lowcode/static/ide/left-material-icon/ListView.svg"
+        "categoryOrder": 100,
+        "componentOrder": 10,
+        "icon": "../icons/ListView.svg"
     },
     "configMeta": {
         "docsUrl": "https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/database/ListView",

package/dist/configs/components/lottery.json

@@ -149,11 +149,15 @@
     "meta": {
         "title": "九宫格抽奖",
         "description": "用于实现简单的活动抽奖功能。",
-        "category": "高级",
-        "componentOrder": 101,
-        "icon": "//imgcache.qq.com/qcloud/lowcode/static/ide/left-material-icon/NavLayout.svg",
+        "category": "展示",
+        "categoryOrder": 400,
+        "componentOrder": 330,
+        "icon": "../icons/Lottery.svg",
         "visible": ["APP"]
     },
+    "configMeta": {
+        "docsUrl": "https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/show/Lottery"
+    },
     "methods": [
         {
             "name": "start",

package/dist/configs/components/modal.js

@@ -0,0 +1,72 @@
+import { defineConfig, Type } from '../type-utils';
+const data = Type.Object({
+    content: Type.String({
+        type: 'string',
+        title: '窗口内容',
+        default: '',
+        'x-index': 10,
+    }),
+    visible: Type.Optional(Type.Boolean({
+        title: '显示窗口',
+        default: true,
+        display: true,
+        'x-index': 20,
+    })),
+    isDefaultButton: Type.Optional(Type.Boolean({
+        type: 'boolean',
+        title: '显示默认按钮',
+        default: true,
+        'x-index': 30,
+    })),
+    customContent: Type.Optional(Type.Slot({
+        title: 'customContent',
+        'x-index': 40,
+    })),
+    customButton: Type.Optional(Type.Slot({
+        type: 'string',
+        title: 'customButton',
+        isReactNode: true,
+    })),
+});
+const config = defineConfig({
+    $schema: 'https://comp-public-1303824488.cos.ap-shanghai.myqcloud.com/schema/lcds_component.json',
+    data,
+    methods: [
+        {
+            name: 'open',
+            label: '打开窗口',
+        },
+        {
+            name: 'close',
+            label: '关闭窗口',
+        },
+        {
+            name: 'toggle',
+            label: '切换窗口开关状态',
+        },
+    ],
+    events: [
+        {
+            title: '点击关闭按钮',
+            name: 'close',
+        },
+        {
+            title: '点击底部默认按钮',
+            name: 'confirm',
+        },
+    ],
+    meta: {
+        title: '弹窗',
+        name: 'Modal',
+        description: '用于实现简单的弹窗效果。',
+        category: '布局',
+        icon: '../icons/Modal.svg',
+        categoryOrder: 200,
+        componentOrder: 140,
+    },
+    configMeta: {
+        visible: ['APP', 'COMPONENT'],
+        docsUrl: 'https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/senior/Modal',
+    },
+});
+export default config;

package/dist/configs/components/navLayout.json

@@ -367,9 +367,10 @@
     "meta": {
         "title": "宫格导航",
         "description": "用于宫格布局样式下的导航项目展示。",
-        "category": "导航菜单",
-        "componentOrder": 100,
-        "icon": "//imgcache.qq.com/qcloud/lowcode/static/ide/left-material-icon/NavLayout.svg"
+        "category": "导航",
+        "categoryOrder": 300,
+        "componentOrder": 170,
+        "icon": "../icons/NavLayout.svg"
     },
     "configMeta": {
         "docsUrl": "https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/navmenu/NavLayout"

package/dist/configs/components/navigationBar.json

@@ -54,9 +54,10 @@
     "meta": {
         "title": "菜单导航",
         "description": "菜单导航",
-        "category": "导航菜单",
-        "componentOrder": 100,
-        "icon": "//qcloudimg.tencent-cloud.cn/raw/ceb22869566dbc9fd6cc0d090b324171.svg",
+        "category": "导航",
+        "categoryOrder": 300,
+        "componentOrder": 160,
+        "icon": "../icons/NavigationBar.svg",
         "visible": "(APP & !MODEL_APP) | COMPONENT"
     }
 }