@cloudbase/weda-ui 3.1.0 → 3.1.1

package/dist/configs/components/graphicCard.json

@@ -0,0 +1,413 @@
+{
+    "$schema": "https://comp-public-1303824488.cos.ap-shanghai.myqcloud.com/schema/lcds_component.json",
+    "data": {
+        "properties": {
+            "navOption": {
+                "type": "array",
+                "title": "图文内容",
+                "icon": "icon",
+                "items": {
+                    "type": "object",
+                    "title": "示例标题",
+                    "x-image": "this.icon",
+                    "default": {
+                        "icon": "https://qcloudimg.tencent-cloud.cn/raw/478c35e469057b4d6352ccc14e00ebc5.png",
+                        "title": "示例标题",
+                        "des": "这是一段示例描述，这是一段示例描述"
+                    },
+                    "display": "title",
+                    "properties": {
+                        "icon": {
+                            "type": "string",
+                            "x-component": "image",
+                            "x-rules": [
+                                {
+                                    "message": "请输入合法的图片地址",
+                                    "pattern": "^(((https?)://)|/resources/)[^\\s]+$"
+                                }
+                            ],
+                            "title": "图片",
+                            "default": "https://qcloudimg.tencent-cloud.cn/raw/478c35e469057b4d6352ccc14e00ebc5.png",
+                            "x-index": 20
+                        },
+                        "title": {
+                            "type": "string",
+                            "title": "标题",
+                            "default": "示例标题",
+                            "x-index": 10
+                        },
+                        "des": {
+                            "type": "string",
+                            "title": "描述",
+                            "default": "这是一段示例描述，这是一段示例描述",
+                            "x-index": 15
+                        },
+                        "tapStatus": {
+                            "enum": [
+                                {
+                                    "value": "tap",
+                                    "label": "无行为",
+                                    "icon": "weda-editor-icon-alert-close"
+                                },
+                                {
+                                    "value": "inside",
+                                    "label": "打开页面",
+                                    "icon": "weda-editor-icon-docs"
+                                },
+                                {
+                                    "value": "outer",
+                                    "label": "外部链接",
+                                    "icon": "weda-editor-icon-link",
+                                    "tooltip": [
+                                        {
+                                            "platform": ["ALL", "MP"],
+                                            "text": "小程序平台不支持跳转外部链接"
+                                        }
+                                    ],
+                                    "disabled": [
+                                        {
+                                            "platform": ["MP"]
+                                        }
+                                    ]
+                                }
+                            ],
+                            "type": "string",
+                            "title": "点击时",
+                            "default": "tap",
+                            "x-index": 40,
+                            "x-component": "icon-text-radio",
+                            "x-linkages": [
+                                {
+                                    "type": "value:visible",
+                                    "target": "*(dataForm.insideUrl)",
+                                    "condition": "{{$self.value=='inside'}}"
+                                },
+                                {
+                                    "type": "value:visible",
+                                    "target": "*(dataForm.outerUrl)",
+                                    "condition": "{{$self.value=='outer'}}"
+                                },
+                                {
+                                    "type": "value:visible",
+                                    "target": "*(dataForm.withParams)",
+                                    "condition": "{{$self.value=='inside'}}"
+                                },
+                                {
+                                    "type": "value:visible",
+                                    "target": "*(dataForm.newPage)",
+                                    "condition": "{{$self.value=='outer'}}"
+                                }
+                            ]
+                        },
+                        "insideUrl": {
+                            "type": "string",
+                            "x-component": "page-list",
+                            "default": "",
+                            "title": "应用页面",
+                            "x-category": "基础属性",
+                            "x-index": 120,
+                            "x-component-props": {
+                                "hideAddPlatform": ["MP"],
+                                "addHidden": true
+                            },
+                            "x-linkages": [
+                                {
+                                    "type": "value:state",
+                                    "target": "*(dataForm.params)",
+                                    "condition": "{{$self.value && $self.value.length>0}}",
+                                    "state": {
+                                        "pageId": "{{$self.value}}"
+                                    }
+                                }
+                            ]
+                        },
+                        "outerUrl": {
+                            "title": "URL地址",
+                            "default": "",
+                            "type": "string"
+                        },
+                        "newPage": {
+                            "title": "打开新页面",
+                            "default": false,
+                            "type": "boolean"
+                        },
+                        "withParams": {
+                            "title": "携带参数",
+                            "default": false,
+                            "type": "boolean",
+                            "x-linkages": [
+                                {
+                                    "type": "value:visible",
+                                    "target": "*(dataForm.params)",
+                                    "condition": "{{$self.value==true}}"
+                                }
+                            ]
+                        },
+                        "params": {
+                            "type": "array",
+                            "title": "参数",
+                            "pageId": "",
+                            "x-component": "page-params",
+                            "default": []
+                        }
+                    }
+                },
+                "default": [
+                    {
+                        "icon": "https://qcloudimg.tencent-cloud.cn/raw/478c35e469057b4d6352ccc14e00ebc5.png",
+                        "title": "示例标题",
+                        "des": "这是一段示例描述，这是一段示例描述",
+                        "tapStatus": "tap"
+                    },
+                    {
+                        "icon": "https://qcloudimg.tencent-cloud.cn/raw/478c35e469057b4d6352ccc14e00ebc5.png",
+                        "title": "示例标题",
+                        "des": "这是一段示例描述，这是一段示例描述",
+                        "tapStatus": "tap"
+                    },
+                    {
+                        "icon": "https://qcloudimg.tencent-cloud.cn/raw/478c35e469057b4d6352ccc14e00ebc5.png",
+                        "title": "示例标题",
+                        "des": "这是一段示例描述，这是一段示例描述",
+                        "tapStatus": "tap"
+                    },
+                    {
+                        "icon": "https://qcloudimg.tencent-cloud.cn/raw/478c35e469057b4d6352ccc14e00ebc5.png",
+                        "title": "示例标题",
+                        "des": "这是一段示例描述，这是一段示例描述",
+                        "tapStatus": "tap"
+                    }
+                ],
+                "x-index": 1,
+                "x-component": "list",
+                "remarks": "配置图文卡片的详细内容。属性变量可hover到属性标题进行查看。补充属性说明：点击时(tapsSatus):无行为(tap)/打开页面(inside)/外部链接(outer);参数(params):[{key:***,value:***}]"
+            },
+            "textAlign": {
+                "title": "对齐",
+                "type": "string",
+                "default": "left",
+                "x-component": "textAlign",
+                "x-index": 10,
+                "x-category": "高级属性",
+                "remarks": "单个卡片中图片、标题、描述、按钮的对齐方式"
+            },
+            "iconHeightSize": {
+                "type": "string",
+                "default": "100%",
+                "title": "图片高度",
+                "x-category": "高级属性",
+                "x-index": 20
+            },
+            "iconWidthSize": {
+                "type": "string",
+                "default": "100%",
+                "title": "图片宽度",
+                "description": "默认单位px",
+                "x-category": "高级属性",
+                "x-index": 25
+            },
+            "titleVisible": {
+                "title": "显示标题",
+                "type": "boolean",
+                "default": true,
+                "x-category": "高级属性",
+                "x-index": 30,
+                "x-linkages": [
+                    {
+                        "type": "value:visible",
+                        "target": "*(titleColor,titleFontWeight,titleFontSize,titleLineHeight,titleMaxLines)",
+                        "condition": "{{$self.value}}"
+                    }
+                ]
+            },
+            "titleColor": {
+                "title": "标题颜色",
+                "type": "string",
+                "x-component": "color",
+                "x-index": 40,
+                "x-category": "高级属性",
+                "default": "rgb(0, 0, 0)"
+            },
+            "titleFontWeight": {
+                "type": "string",
+                "title": "标题字重",
+                "default": "bolder",
+                "x-category": "高级属性",
+                "x-index": 50,
+                "enum": [
+                    {
+                        "label": "细",
+                        "value": "lighter"
+                    },
+                    {
+                        "label": "正常",
+                        "value": "normal"
+                    },
+                    {
+                        "label": "粗",
+                        "value": "bolder"
+                    }
+                ]
+            },
+            "titleFontSize": {
+                "type": "number",
+                "title": "标题字号",
+                "default": 14,
+                "x-category": "高级属性",
+                "x-props": {
+                    "min": 0,
+                    "max": 100
+                },
+                "x-index": 60
+            },
+            "titleLineHeight": {
+                "title": "标题行高",
+                "type": "string",
+                "x-index": 70,
+                "x-category": "高级属性",
+                "default": "auto"
+            },
+            "titleMaxLines": {
+                "title": "标题行数",
+                "type": "number",
+                "default": 1,
+                "x-index": 80,
+                "x-category": "高级属性"
+            },
+            "desVisible": {
+                "title": "显示描述",
+                "type": "boolean",
+                "default": true,
+                "x-category": "高级属性",
+                "x-index": 90,
+                "x-linkages": [
+                    {
+                        "type": "value:visible",
+                        "target": "*(desColor,desFontWeight,desFontSize,desLineHeight,desMaxLines)",
+                        "condition": "{{$self.value}}"
+                    }
+                ]
+            },
+            "desColor": {
+                "title": "描述颜色",
+                "type": "string",
+                "x-component": "color",
+                "x-index": 100,
+                "x-category": "高级属性",
+                "default": "rgba(0, 0, 0, 0.4)"
+            },
+            "desFontWeight": {
+                "type": "string",
+                "title": "描述字重",
+                "default": "normal",
+                "x-category": "高级属性",
+                "x-index": 110,
+                "enum": [
+                    {
+                        "label": "细",
+                        "value": "lighter"
+                    },
+                    {
+                        "label": "正常",
+                        "value": "normal"
+                    },
+                    {
+                        "label": "粗",
+                        "value": "bolder"
+                    }
+                ]
+            },
+            "desFontSize": {
+                "type": "number",
+                "title": "描述字号",
+                "default": 14,
+                "x-category": "高级属性",
+                "x-props": {
+                    "min": 0,
+                    "max": 100
+                },
+                "x-index": 120
+            },
+            "desLineHeight": {
+                "title": "描述行高",
+                "type": "string",
+                "x-index": 130,
+                "x-category": "高级属性",
+                "default": "auto"
+            },
+            "desMaxLines": {
+                "title": "描述行数",
+                "type": "number",
+                "default": 2,
+                "x-index": 140,
+                "x-category": "高级属性"
+            },
+            "buttonVisible": {
+                "title": "显示详情按钮",
+                "type": "boolean",
+                "default": true,
+                "x-category": "高级属性",
+                "x-index": 150,
+                "description": "无行为的按钮将保持隐藏",
+                "x-linkages": [
+                    {
+                        "type": "value:visible",
+                        "target": "*(buttonText)",
+                        "condition": "{{$self.value}}"
+                    }
+                ]
+            },
+            "buttonText": {
+                "title": "按钮文案",
+                "type": "string",
+                "default": "查看详情",
+                "x-category": "高级属性",
+                "x-index": 160
+            },
+            "ColMobile": {
+                "type": "number",
+                "default": 2,
+                "title": "移动端列数",
+                "x-category": "基础属性",
+                "remarks": "移动端每行卡片列数",
+                "enum": [
+                    {
+                        "label": "1",
+                        "value": 1
+                    },
+                    {
+                        "label": "2",
+                        "value": 2
+                    }
+                ]
+            },
+            "ColPC": {
+                "type": "number",
+                "default": 4,
+                "title": "PC端列数",
+                "x-category": "基础属性",
+                "remarks": "PC端每行卡片列数",
+                "enum": [
+                    {
+                        "label": "3",
+                        "value": 3
+                    },
+                    {
+                        "label": "4",
+                        "value": 4
+                    }
+                ]
+            }
+        }
+    },
+    "meta": {
+        "title": "图文卡片",
+        "description": "以卡片形式展示包含图片、标题、描述信息在内的列表信息。",
+        "category": "展示",
+        "componentOrder": 501,
+        "icon": "//imgcache.qq.com/qcloud/lowcode/static/ide/left-material-icon/GraphicCard.svg"
+    },
+    "configMeta": {
+        "docsUrl": "https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/show/GraphicCard"
+    }
+}

package/dist/configs/components/image.json

@@ -0,0 +1,187 @@
+{
+    "$schema": "https://comp-public-1303824488.cos.ap-shanghai.myqcloud.com/schema/lcds_component.json",
+    "data": {
+        "properties": {
+            "src": {
+                "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": {
+                "title": "布局模式",
+                "type": "string",
+                "default": "cover",
+                "enum": [
+                    {
+                        "value": "cover",
+                        "label": "裁剪填满"
+                    },
+                    {
+                        "value": "contain",
+                        "label": "等比缩放"
+                    },
+                    {
+                        "value": "fill",
+                        "label": "拉伸填满"
+                    },
+                    {
+                        "value": "widthFix",
+                        "label": "高度自适应"
+                    },
+                    {
+                        "value": "heightFix",
+                        "label": "宽度自适应"
+                    }
+                ],
+                "x-category": "基础属性",
+                "x-index": 2,
+                "remarks": "更改图片的布局模式"
+            },
+            "imgPreview": {
+                "title": "点击预览大图",
+                "type": "boolean",
+                "default": false,
+                "x-index": 3,
+                "x-category": "基础属性",
+                "x-linkages": [
+                    {
+                        "type": "value:visible",
+                        "target": "maskClosable",
+                        "condition": "{{ $self.value }}"
+                    }
+                ],
+                "remarks": "开启后，点击图片后图片会展示为大图"
+            },
+            "maskClosable": {
+                "title": "再次点击关闭预览",
+                "type": "boolean",
+                "x-index": 4,
+                "default": true,
+                "x-category": "基础属性"
+            },
+            "alt": {
+                "title": "替代文字",
+                "type": "string",
+                "default": "[图片]",
+                "x-category": "高级属性",
+                "description": "用于图片加载失败 或 屏幕阅读器替代显示",
+                "remarks": "当图片加载失败时，会展示此处配置的文本内容"
+            },
+            "showMenuByLongpress": {
+                "title": "识别小程序码",
+                "type": "boolean",
+                "x-platforms": ["MP"],
+                "x-category": "高级属性",
+                "description": "小程序专有属性，长按图片可唤起识别小程序码功能",
+                "remarks": "只有小程序端构建时生效，长按图片可唤起识别小程序码功能"
+            },
+            "lazyLoad": {
+                "title": "懒加载",
+                "type": "boolean",
+                "default": false,
+                "x-category": "高级属性",
+                "description": "图片按需加载，若图片没有被展示，则不会加载",
+                "remarks": "图片按需加载，若图片没有被展示，则不会加载"
+            },
+            "mode": {
+                "display": false,
+                "x-comment": "deprecated",
+                "title": "图片裁剪、缩放的模式",
+                "type": "string",
+                "default": "scaleToFill",
+                "enum": [
+                    {
+                        "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": "不缩放图片，只显示图片的右下边区域"
+                    }
+                ],
+                "x-category": "高级属性"
+            }
+        }
+    },
+    "events": [
+        {
+            "name": "load",
+            "title": "加载成功"
+        },
+        {
+            "name": "error",
+            "title": "加载失败"
+        },
+        {
+            "name": "tap",
+            "title": "点击"
+        }
+    ],
+    "meta": {
+        "title": "图片",
+        "description": "用于在页面进行图片的展示。",
+        "category": "多媒体",
+        "icon": "//imgcache.qq.com/qcloud/lowcode/static/ide/left-material-icon/Image.svg"
+    },
+    "configMeta": {
+        "docsUrl": "https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/media/Image"
+    }
+}

package/dist/configs/components/link.json

@@ -0,0 +1,79 @@
+{
+    "$schema": "https://comp-public-1303824488.cos.ap-shanghai.myqcloud.com/schema/lcds_component.json",
+    "data": {
+        "properties": {
+            "content": {
+                "type": "string",
+                "default": "这是一个链接",
+                "title": "文本内容",
+                "x-category": "基础属性",
+                "x-index": 100,
+                "remarks": "更改链接显示的文本内容"
+            },
+            "url": {
+                "type": "string",
+                "x-component": "page-list",
+                "title": "跳转页面",
+                "description": "通过下拉选择应用页面，可以实现内部页面跳转",
+                "x-category": "基础属性",
+                "x-index": 120,
+                "x-component-props": {
+                    "hideAddPlatform": ["MP"]
+                },
+                "remarks": "选择点击链接后跳转的页面，小程序端构建时仅支持选择跳转应用页面"
+            },
+            "isOpenInNewWindow": {
+                "type": "boolean",
+                "title": "是否打开新窗口",
+                "x-category": "基础属性",
+                "x-index": 130,
+                "default": false,
+                "description": "仅外部链接生效"
+            },
+            "params": {
+                "type": "array",
+                "title": "携带参数",
+                "x-category": "基础属性",
+                "x-index": 160,
+                "default": [],
+                "items": {
+                    "type": "object",
+                    "title": "",
+                    "properties": {
+                        "key": {
+                            "type": "string",
+                            "title": "key",
+                            "default": "key"
+                        },
+                        "value": {
+                            "type": "string",
+                            "title": "value",
+                            "default": "value"
+                        }
+                    }
+                },
+                "remarks": "填写跳转页面时携带的参数，用于页面传参"
+            },
+            "contentSlot": {
+                "type": "slot"
+            }
+        }
+    },
+    "meta": {
+        "title": "链接",
+        "description": "用于实现超链接跳转。",
+        "category": "文本",
+        "componentOrder": 10,
+        "icon": "//imgcache.qq.com/qcloud/lowcode/static/ide/left-material-icon/Link.svg",
+        "platform": ["MOBILEWEB", "PCWEB"]
+    },
+    "configMeta": {
+        "docsUrl": "https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/text/Link"
+    },
+    "events": [
+        {
+            "name": "tap",
+            "title": "点击"
+        }
+    ]
+}