{
    "name": "gov-collapse-item",
    "label": "折叠面板子项",
    "description": "折叠面板子项",
    "codeSnap": "<collapse class='preview-section'><collapse-item data-source='{{descData}}' mode='grid-box' title='{{cTitle}}' content='{{content}}' ></collapse-item> </collapse>",
    "demoCode": {
        "s": "<view class=\"container\">\n    <!--to do-->\n    <collapse class=\"preview-section\">\n        <!--list-box示例-->\n        <collapse-item\n            expand\n            data-source=\"{{listData}}\"\n            mode=\"list-box\"\n            title=\"{{cTitle}}\"\n            desc=\"{{cDesc}}\"\n            content=\"{{content}}\"\n        ></collapse-item>\n    </collapse>\n    <collapse class=\"preview-section\">\n        \n        <collapse-item\n            data-source=\"{{descData}}\"\n            mode=\"grid-box\"\n            title=\"{{cTitle}}\"\n            content=\"{{content}}\"\n        ></collapse-item>\n    </collapse>\n    <collapse class=\"preview-section\">\n        \n        <collapse-item\n            data-source=\"{{descData}}\"\n            mode=\"grid-box\"\n            title=\"测试标题\"\n        ></collapse-item>\n    </collapse>\n    <collapse class=\"preview-section\">\n        <collapse-item\n            title=\"{{cTitle}}\"\n            content=\"{{content}}\"\n        >\n            <view>回到家凯撒回到家开会撒接口的黑科技撒华东科技哈萨克静待花开叫撒好你代码，</view>\n        </collapse-item>\n    </collapse>\n</view>",
        "js": "Page({\n    data: {\n        mode: 'list-box',\n        title: '这是一个标题',\n        cTitle: '斯蒂夫·盖瑞·沃兹尼亚克',\n        cDesc: '斯蒂夫·盖瑞·沃兹尼亚克的小标题',\n        content: '辅助信息',\n        // mode为list-box时使用main\n        listData: [\n            {\n                text: '标题文案标题文案标题文案',\n                value: '内容'\n            },\n            {\n                text: '标题文案',\n                value: '内容'\n            },\n            {\n                text: '标题文案',\n                value: '内容'\n            }\n        ],\n\n        descData: [\n            {\n                text: '标题文案标题文案 2',\n                value: '内容'\n            },\n            {\n                text: '标题文案 2',\n                value: '内容'\n            },\n            {\n                text: '标题文案 2',\n                value: '内容'\n            }\n        ]\n    }\n});\n",
        "css": ""
    },
    "properties": {
        "attributes": [
            {
                "name": "title",
                "type": "String",
                "description": "主标题",
                "required": "是",
                "default": ""
            },
            {
                "name": "desc",
                "type": "String",
                "description": "详情",
                "required": "否",
                "default": ""
            },
            {
                "name": "subTitle",
                "type": "String",
                "description": "副标题",
                "required": "否",
                "default": ""
            },
            {
                "name": "content",
                "type": "String",
                "description": "右侧描述文字",
                "required": "否",
                "default": ""
            },
            {
                "name": "dataSource",
                "type": "Array",
                "description": "展开后的列表",
                "required": "是",
                "default": []
            },
            {
                "name": "mode",
                "type": "String",
                "description": "展开列表展示方式 list-box: 灰色背景 / grid-box: 白色背景, 文案间距较小 / 空字段： 纯文本",
                "required": "否",
                "default": ""
            },
            {
                "name": "expand",
                "type": "Boolean",
                "description": "默认展开",
                "required": "否",
                "default": "false"
            },
            {
                "name": "isCustomCon",
                "type": "Boolean",
                "description": "是否自定义折叠面板收纳的内容区域",
                "required": "否",
                "default": "false"
            }
        ],
        "events": [
            {
                "name": "expand",
                "type": "Event",
                "description": "点击展开收起事件",
                "required": "否",
                "default": "-"
            },
            {
                "name": "click",
                "type": "Event",
                "description": "当前项点击事件",
                "required": "否",
                "default": "-"
            }
        ],
        "externalClasses": [
            {
                "name": "gov-collapse-title",
                "type": "",
                "description": "折叠面板title的扩展样式类",
                "required": "否",
                "default": "-"
            },
            {
                "name": "gov-collapse-desc",
                "type": "",
                "description": "折叠面板详情的扩展样式类",
                "required": "否",
                "default": "-"
            },
            {
                "name": "gov-collapse-sub-title",
                "type": "",
                "description": "折叠面板副标题的扩展样式类",
                "required": "否",
                "default": "-"
            },
            {
                "name": "gov-collapse-custom",
                "type": "",
                "description": "折叠面板内容区域的自定义样式",
                "required": "否",
                "default": "-"
            }
        ]
    }
}