{
    "$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": "tabs",
                    "x-icon": "this.icon !== '自定义图片' ? this.icon : null",
                    "x-image": "this.icon === '自定义图片' ? this.iconSrc : null",
                    "default": {
                        "icon": "自定义图片",
                        "title": "导航标题",
                        "iconSrc": "https://qcloudimg.tencent-cloud.cn/raw/fe54a986a821473655ba20afe30a543a.png"
                    },
                    "display": "title",
                    "properties": {
                        "icon": {
                            "type": "string",
                            "x-component": "icon2",
                            "x-component-props": {
                                "footer": {
                                    "value": "自定义图片",
                                    "label": "自定义图片"
                                }
                            },
                            "x-linkages": [
                                {
                                    "type": "value:visible",
                                    "target": "*(dataForm.iconSrc)",
                                    "condition": "{{$self.value=='自定义图片'}}"
                                }
                            ],
                            "title": "icon",
                            "default": "td:image",
                            "enum": [
                                "nointernet",
                                "success",
                                "warning",
                                "pending",
                                "refresh",
                                "folder",
                                "arrowup",
                                "arrowdown",
                                "arrowleft",
                                "arrowright",
                                "chevronup",
                                "chevrondown",
                                "chevronleft",
                                "chevronright",
                                "delete",
                                "edit",
                                "search",
                                "check",
                                "close",
                                "add",
                                "download",
                                "success-fill",
                                "close-fill",
                                "info-fill",
                                "pending-fill",
                                "warning-fill",
                                "more",
                                "star",
                                "star-fill",
                                "location",
                                "question"
                            ],
                            "x-index": 30
                        },
                        "iconSrc": {
                            "type": "image",
                            "x-rules": [
                                {
                                    "message": "请输入合法的图片地址",
                                    "pattern": "^(((https?)://)|/resources/)[^\\s]+$"
                                }
                            ],
                            "title": "",
                            "default": "",
                            "x-index": 35
                        },
                        "title": {
                            "type": "string",
                            "title": "标题",
                            "default": "导航标题",
                            "x-index": 10,
                            "description": "配置宫格导航项目的详细内容"
                        },
                        "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": "自定义图片",
                        "iconSrc": "https://qcloudimg.tencent-cloud.cn/raw/82b92ea0caf05f372f3432bd44764f0a.png",
                        "title": "导航标题",
                        "tapStatus": "tap"
                    },
                    {
                        "icon": "自定义图片",
                        "iconSrc": "https://qcloudimg.tencent-cloud.cn/raw/fe54a986a821473655ba20afe30a543a.png",
                        "title": "导航标题",
                        "tapStatus": "tap"
                    },
                    {
                        "icon": "自定义图片",
                        "iconSrc": "https://qcloudimg.tencent-cloud.cn/raw/12a888a3abe20890894ccf6e73a9eb06.png",
                        "title": "导航标题",
                        "tapStatus": "tap"
                    },
                    {
                        "icon": "自定义图片",
                        "iconSrc": "https://qcloudimg.tencent-cloud.cn/raw/8330f8833919254e6b779fb543a53e39.png",
                        "title": "导航标题",
                        "tapStatus": "tap"
                    }
                ],
                "x-index": 1,
                "x-component": "list",
                "description": "配置宫格导航的详细内容。属性变量可hover到属性标题进行查看。补充属性说明：点击时(tapStatus):无行为(tap)/打开页面(inside)/外部链接(outer);参数(params):[{key:***,value:***}]"
            },
            "fontWeight": {
                "type": "string",
                "title": "字重",
                "default": "normal",
                "x-category": "高级属性",
                "x-index": 40,
                "enum": [
                    {
                        "label": "细",
                        "value": "lighter"
                    },
                    {
                        "label": "正常",
                        "value": "normal"
                    },
                    {
                        "label": "粗",
                        "value": "bolder"
                    }
                ],
                "description": "标题字重"
            },
            "fontSize": {
                "type": "number",
                "title": "字号",
                "default": 14,
                "x-category": "高级属性",
                "x-props": {
                    "min": 0,
                    "max": 100
                },
                "x-index": 45,
                "description": "标题字号"
            },
            "textColor": {
                "title": "标题颜色",
                "type": "string",
                "x-component": "color",
                "x-index": 50,
                "x-category": "高级属性",
                "default": "rgb(0, 0, 0)"
            },
            "lineHeight": {
                "title": "行高",
                "type": "string",
                "x-index": 56,
                "x-category": "高级属性",
                "default": "auto",
                "description": "标题行高"
            },
            "maxLines": {
                "title": "标题行数",
                "type": "number",
                "default": 1,
                "x-index": 60,
                "x-category": "高级属性"
            },
            "tips": {
                "title": "展示文本气泡",
                "type": "boolean",
                "description": "开启后鼠标悬停在文本组件上会展示文本气泡",
                "default": true,
                "x-category": "高级属性",
                "x-index": 70
            },
            "mobileCol": {
                "type": "number",
                "default": 4,
                "title": "移动端列数",
                "x-category": "基础属性",
                "enum": [
                    {
                        "label": "3",
                        "value": 3
                    },
                    {
                        "label": "4",
                        "value": 4
                    },
                    {
                        "label": "5",
                        "value": 5
                    }
                ],
                "description": "移动端每行导航列数"
            },
            "pcCol": {
                "type": "number",
                "default": 4,
                "title": "PC端列数",
                "x-category": "基础属性",
                "enum": [
                    {
                        "label": "3",
                        "value": 3
                    },
                    {
                        "label": "4",
                        "value": 4
                    },
                    {
                        "label": "5",
                        "value": 5
                    },
                    {
                        "label": "6",
                        "value": 6
                    }
                ],
                "description": "PC端每行导航列数"
            },
            "iconSize": {
                "type": "string",
                "default": "medium",
                "title": "icon尺寸",
                "x-category": "基础属性",
                "enum": [
                    {
                        "label": "小",
                        "value": "small"
                    },
                    {
                        "label": "中",
                        "value": "medium"
                    },
                    {
                        "label": "大",
                        "value": "big"
                    }
                ]
            }
        }
    },
    "meta": {
        "title": "宫格导航",
        "description": "用于宫格布局样式下的导航项目展示。",
        "category": "导航",
        "categoryOrder": 300,
        "componentOrder": 170,
        "icon": "../icons/NavLayout.svg"
    },
    "configMeta": {
        "docsUrl": "https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/navmenu/NavLayout"
    }
}
