@cloudbase/weda-ui 3.4.2 → 3.4.3

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

@@ -166,6 +166,7 @@
         "title": "上传图片",
         "description": "上传图片组件",
         "category": "表单",
-        "icon": "../../icons/Uploader.svg"
+        "icon": "../../icons/Uploader.svg",
+        "visible": []
     }
 }

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

@@ -154,6 +154,7 @@
         "title": "上传文件",
         "description": "上传文件组件",
         "category": "表单",
-        "icon": "../../icons/UploaderFile.svg"
+        "icon": "../../icons/UploaderFile.svg",
+        "visible": []
     }
 }

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

@@ -117,7 +117,8 @@
         "title": "成员选择",
         "description": "成员选择",
         "category": "表单",
-        "icon": "../../icons/UserTreeSelect.svg"
+        "icon": "../../icons/UserTreeSelect.svg",
+        "visible": []
     },
     "events": [
         {

package/dist/configs/components/formdetail.json

@@ -123,11 +123,13 @@
     "meta": {
         "title": "明细",
         "description": "明细",
-        "category": "表单"
+        "category": "表单",
+        "visible": []
     },
     "configMeta": {
         "shortcut": {
             "props": ["name"]
-        }
+        },
+        "visible": []
     }
 }

package/dist/configs/components/graphicCard.json

@@ -413,7 +413,8 @@
         "title": "图文卡片",
         "description": "以卡片形式展示包含图片、标题、描述信息在内的列表信息。",
         "category": "展示",
-        "componentOrder": 501,
+        "categoryOrder": 400,
+        "componentOrder": 270,
         "icon": "../icons/GraphicCard.svg"
     },
     "configMeta": {

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

@@ -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"
                             }
                         ]
                     }
@@ -336,6 +350,7 @@
                 "x-index": 40,
                 "title": "排序方式",
                 "x-category": "基础属性",
+                "default": "asc",
                 "type": "string",
                 "enum": [
                     {
@@ -406,6 +421,13 @@
                 "x-props": {
                     "data-hidebind": true
                 },
+                "x-linkages": [
+                    {
+                        "type": "value:visible",
+                        "target": "loadCompletedText",
+                        "condition": "{{$self.value == 'loadMoreButton' || $self.value == 'bottomLoad'}}"
+                    }
+                ],
                 "remarks": "数据分页样式"
             },
             "isSetStatus": {
@@ -415,6 +437,15 @@
                 "type": "boolean",
                 "default": false,
                 "remarks": "是否开启数据列表的加载状态，默认不显示"
+            },
+            "loadCompletedText": {
+                "x-index": 81,
+                "title": "加载到底提示",
+                "x-category": "基础属性",
+                "type": "string",
+                "default": "",
+                "description": "加载全部数据后的提示说明，内容为空时则不显示该提示",
+                "remarks": "是否展示数据列表加载全部数据后的提示说明，默认不显示"
             }
         }
     },
@@ -444,7 +475,8 @@
         "title": "数据列表",
         "category": "数据容器",
         "description": "适用于从数据源中查询多条数据，并将返回列表循环展示的场景，如查询用户列表。",
-        "componentOrder": 1000,
+        "categoryOrder": 100,
+        "componentOrder": 10,
         "icon": "../icons/ListView.svg"
     },
     "configMeta": {

package/dist/configs/components/lottery.json

@@ -149,11 +149,15 @@
     "meta": {
         "title": "九宫格抽奖",
         "description": "用于实现简单的活动抽奖功能。",
-        "category": "高级",
-        "componentOrder": 101,
+        "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,8 +367,9 @@
     "meta": {
         "title": "宫格导航",
         "description": "用于宫格布局样式下的导航项目展示。",
-        "category": "导航菜单",
-        "componentOrder": 100,
+        "category": "导航",
+        "categoryOrder": 300,
+        "componentOrder": 170,
         "icon": "../icons/NavLayout.svg"
     },
     "configMeta": {

package/dist/configs/components/navigationBar.json

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

package/dist/configs/components/pagelayout.json

@@ -0,0 +1,31 @@
+{
+    "$schema": "https://comp-public-1303824488.cos.ap-shanghai.myqcloud.com/schema/lcds_component.json",
+    "data": {
+        "properties": {
+            "title": {
+                "title": "页面标题",
+                "type": "string",
+                "default": "页面标题"
+            },
+            "contentSlot": {
+                "title": "内容",
+                "type": "slot"
+            }
+        }
+    },
+    "events": [],
+    "platforms": ["web"],
+    "meta": {
+        "title": "布局组件",
+        "description": "页面布局展示",
+        "icon": "https://imgcache.qq.com/qcloud/lowcode/static/ide/left-material-icon/LayoutContainer.svg",
+        "category": "布局",
+        "categoryOrder": 200,
+        "componentOrder": 100,
+        "platform": ["MOBILEWEB", "PCWEB"],
+        "visible": ["APP"]
+    },
+    "configMeta": {
+        "docsUrl": "https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/grid/PageLayout"
+    }
+}

package/dist/configs/components/richtextview.json

@@ -16,12 +16,13 @@
     "meta": {
         "title": "富文本展示",
         "description": "用于对富文本类型的数据进行转换与展示。",
-        "category": "文本",
-        "componentOrder": 0,
+        "category": "展示",
+        "categoryOrder": 400,
+        "componentOrder": 300,
         "icon": "../icons/RichTextView.svg"
     },
     "configMeta": {
-        "docsUrl": "https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/text/RichTextView",
+        "docsUrl": "https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/show/RichTextView",
         "shortcut": {
             "props": ["value"]
         }

package/dist/configs/components/scrollVeiw.json

@@ -165,7 +165,8 @@
             },
             "refresherBackground": {
                 "title": "设置自定义下拉刷新区域背景颜色",
-                "type": "color",
+                "type": "string",
+                "x-component": "color",
                 "default": "#fff",
                 "x-platforms": ["MP"],
                 "x-index": 103,
@@ -262,8 +263,9 @@
     "meta": {
         "title": "滚动容器",
         "description": "当组件元素内容长度大于滚动容器时，滚动容器会出滚动条用来对页面内容进行滑动展示。",
-        "category": "布局容器",
-        "componentOrder": 80,
+        "category": "布局",
+        "categoryOrder": 200,
+        "componentOrder": 110,
         "icon": "../icons/ScrollView.svg"
     },
     "configMeta": {

package/dist/configs/components/slot.json

@@ -12,6 +12,7 @@
     "meta": {
         "title": "插槽",
         "description": "插槽视图容器",
-        "category": "布局容器"
+        "category": "布局容器",
+        "visible": []
     }
 }

package/dist/configs/components/swiper.json

@@ -87,8 +87,9 @@
     "meta": {
         "title": "轮播容器",
         "description": "用于快速在页面搭建轮播图展示效果，并支持轮播图的跳转、播放配置。",
-        "category": "布局容器",
-        "componentOrder": 80,
+        "category": "布局",
+        "categoryOrder": 200,
+        "componentOrder": 90,
         "icon": "../icons/Swiper.svg"
     },
     "configMeta": {