{
    "$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",
                "description": "配置图文卡片的详细内容。属性变量可hover到属性标题进行查看。补充属性说明：点击时(tapStatus):无行为(tap)/打开页面(inside)/外部链接(outer);参数(params):[{key:***,value:***}]"
            },
            "textAlign": {
                "title": "对齐",
                "type": "string",
                "default": "left",
                "x-component": "textAlign",
                "x-index": 10,
                "x-category": "高级属性",
                "description": "单个卡片中图片、标题、描述、按钮的对齐方式"
            },
            "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}}"
                    }
                ]
            },
            "tips": {
                "title": "展示文本气泡",
                "type": "boolean",
                "description": "开启后鼠标悬停在文本组件上会展示文本气泡",
                "default": true,
                "x-category": "高级属性",
                "x-index": 155
            },
            "buttonText": {
                "title": "按钮文案",
                "type": "string",
                "default": "查看详情",
                "x-category": "高级属性",
                "x-index": 160
            },
            "ColMobile": {
                "type": "number",
                "default": 2,
                "title": "移动端列数",
                "x-category": "基础属性",
                "description": "移动端每行卡片列数",
                "enum": [
                    {
                        "label": "1",
                        "value": 1
                    },
                    {
                        "label": "2",
                        "value": 2
                    }
                ]
            },
            "ColPC": {
                "type": "number",
                "default": 4,
                "title": "PC端列数",
                "x-category": "基础属性",
                "description": "PC端每行卡片列数",
                "enum": [
                    {
                        "label": "3",
                        "value": 3
                    },
                    {
                        "label": "4",
                        "value": 4
                    }
                ]
            }
        }
    },
    "meta": {
        "title": "图文卡片",
        "description": "以卡片形式展示包含图片、标题、描述信息在内的列表信息。",
        "category": "展示",
        "categoryOrder": 400,
        "componentOrder": 270,
        "icon": "../icons/GraphicCard.svg"
    },
    "configMeta": {
        "docsUrl": "https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/show/GraphicCard"
    }
}