index.json

{
  "version": "1.9.2.1",
  "updateTime": "2021-04-08 15:45",
  "chapters": {
    "contribution": {
      "name": "贡献",
      "accent": "red",
      "sections": [
        {
          "id": "countme",
          "name": "我要贡献自己的力量",
          "desc": "对美好的追求永不停歇，你也来吧！",
          "icon": "icon-hand-up",
          "hidden": true,
          "filter": "woyaojiaru wyjr"
        },
        {
          "id": "plan",
          "name": "后续计划",
          "desc": "关注ZUI的后续开发计划",
          "icon": "icon-flag-checkered",
          "url": ".md",
          "hidden": true,
          "filter": "houxujihua hxjh"
        },
        {
          "id": "learn",
          "name": "感谢名单和许可证",
          "desc": "ZUI 构建于众多优秀的开源项目之上",
          "icon": "icon-certificate",
          "topics": [
            {
              "name": "Gulp",
              "url": "http://gulpjs.com/"
            },
            {
              "name": "Less",
              "url": "http://lesscss.org/"
            },
            {
              "name": "normalize",
              "url": "http://necolas.github.io/normalize.css/"
            },
            {
              "name": "jQuery",
              "url": "http://jquery.com/"
            },
            {
              "name": "Bootstrap",
              "url": "http://getbootstrap.com/"
            },
            {
              "name": "kindeditor",
              "url": "http://kindeditor.net/"
            },
            {
              "name": "Chosen",
              "url": "http://harvesthq.github.io/chosen/"
            },
            {
              "name": "Datetime picker",
              "url": "http://www.malot.fr/bootstrap-datetimepicker"
            },
            {
              "name": "FontAwesome",
              "url": "http://fortawesome.github.io/Font-Awesome/"
            },
            {
              "name": "google code prettify",
              "url": "https://code.google.com/p/google-code-prettify/"
            },
            {
              "name": "jQuery hotkey",
              "url": "http://github.com/tzuryby/hotkeys"
            },
            {
              "name": "Bootbox",
              "url": "http://bootboxjs.com/"
            },
            {
              "name": "Explorer canvas",
              "url": "https://code.google.com/p/explorercanvas/"
            },
            {
              "name": "Chart.js",
              "url": "http://www.chartjs.org/"
            }
          ],
          "filter": "zhanzaijurendijianbangshang zzjrdjbs"
        }
      ],
      "filter": "gongxian gx"
    },
    "resource": {
      "name": "更多资源",
      "accent": "primary",
      "sections": [
        {
          "id": "help",
          "name": "搜索帮助",
          "desc": "更高效使用文档",
          "icon": "icon-search",
          "filter": "sousuobangzhu ssbz",
          "topics": [
            {
              "name": "操作要点"
            },
            {
              "name": "查找图标"
            }
          ]
        },
        {
          "id": "migrate1_2",
          "name": "从1.2版本升级指南",
          "desc": "一份1.2以下版本升级到最新版的向导",
          "icon": "1.2",
          "filter": "cong1.2banbenshengjizhinan c1.2bbsjzn"
        },
        {
          "id": "bootstrap",
          "name": "Bootstrap",
          "desc": "访问 Bootstrap 官方网站",
          "version": "1.5.0",
          "icon": "B",
          "url": "http://getbootstrap.com/",
          "topics": [
            {
              "name": "中文文档",
              "url": "http://v3.bootcss.com/getting-started/"
            }
          ]
        },
        {
          "id": "jquery",
          "name": "jQuery",
          "desc": "访问 jQuery 官方网站",
          "version": "1.5.0",
          "icon": "jQ",
          "url": "http://jquery.com/",
          "topics": []
        },
        {
          "id": "fontawesome",
          "name": "FontAwesome",
          "desc": "访问 FontAwesome 官方网站",
          "version": "1.5.0",
          "icon": "icon-flag",
          "url": "http://fontawesome.io/",
          "topics": [],
          "filter": "icons"
        },
        {
          "id": "icomoonapp",
          "name": "IconMoon App",
          "desc": "制作图标字体",
          "version": "1.5.0",
          "icon": "IC",
          "url": "https://icomoon.io/app/",
          "topics": [],
          "filter": "icons"
        }
      ],
      "filter": "gengduoziyuan gdzy"
    },
    "promotion": {
      "name": "推荐",
      "accent": "purple",
      "sections": [
        {
          "id": "mzui",
          "name": "MZUI：移动前端框架",
          "desc": "为移动端设计，基于 Flex 的 UI 框架。",
          "icon": "M",
          "url": "http://openzui.com/m/",
          "version": "1.5.0",
          "topics": [],
          "filter": "mzui yidongqianduankuangjia flex"
        },
        {
          "id": "xuanxuan",
          "name": "喧喧：专注于协同的聊天软件",
          "desc": "免费、安全、跨平台的即时通讯方案",
          "icon": "docs/img/xuan_icon.png",
          "url": "http://xuanim.com",
          "version": "3.2.2",
          "topics": [],
          "filter": "xuanxuan im"
        },
        {
          "id": "zentaopms",
          "name": "禅道项目管理",
          "desc": "以开源的方式做最专业的研发项目管理软件！",
          "icon": "docs/img/zentao_icon.png",
          "url": "http://www.zentao.net/",
          "topics": [
            {
              "name": "云禅道",
              "url": "https://www.zentaopm.com/"
            },
            {
              "name": "开源版演示",
              "url": "http://demo.zentao.net/"
            },
            {
              "name": "专业版演示",
              "url": "http://pro.demo.zentao.net/"
            }
          ],
          "filter": "chandaoxiangmuguanli cdxmgl"
        },
        {
          "id": "zdoo",
          "name": "Zdoo",
          "desc": "可深度定制的云端一体化协作平台",
          "version": "1.5.0",
          "icon": "docs/img/zdoo_icon.png",
          "url": "http://www.zdoo.com/",
          "topics": [],
          "filter": "zdoo ezsoft cloud yunduan docker"
        },
        {
          "id": "zsite",
          "name": "ZSITE",
          "desc": "为您构建全网营销平台",
          "icon": "docs/img/zsite_icon.png",
          "url": "https://www.zsite.com/",
          "topics": [
            {
              "name": "构建全网营销平台",
              "url": "https://www.zsite.com/"
            }
          ],
          "filter": "chanzhi cz"
        }
      ],
      "filter": "tuijian tj"
    },
    "learn": {
      "name": "交流探索",
      "accent": "blue",
      "sections": [
        {
          "id": "newly",
          "name": "更新日志",
          "desc": "快看看新鲜内容",
          "icon": "icon-flag",
          "url": "CHANGES.md",
          "filter": "new gengxinrizhi gxrz gxrz",
          "topics": [
            {
              "name": "新版本更新明细"
            },
            {
              "name": "[1.8] 输入框",
              "url": "#component/inputcontrol"
            },
            {
              "name": "[1.8] 搜索框",
              "url": "#javascript/searchbox"
            },
            {
              "name": "[1.8] 数据表格2",
              "url": "#view/datagrid"
            },
            {
              "name": "[1.8] 上下文菜单",
              "url": "#javascript/contextmenu"
            },
            {
              "name": "[1.8] 分页器",
              "url": "#javascript/contextmenu"
            },
            {
              "name": "[1.8] 标签管理器",
              "url": "#view/tabs"
            }
          ]
        },
        {
          "id": "project",
          "name": "项目和计划",
          "desc": "了解项目和开发计划",
          "icon": "icon-lightbulb",
          "url": "http://zui.5upm.com/product-browse-2.html",
          "filter": "zentao xiangmuhejihua xmhjh",
          "topics": [
            {
              "name": "需求",
              "url": "http://zui.5upm.com/product-browse-2.html"
            },
            {
              "name": "计划",
              "url": "http://zui.5upm.com/productplan-browse-2.html"
            },
            {
              "name": "路线图",
              "url": "http://zui.5upm.com/product-roadmap-2.html"
            },
            {
              "name": "路线图",
              "url": "http://zui.5upm.com/product-roadmap-2.html"
            }
          ]
        },
        {
          "id": "qqgroup",
          "name": "QQ讨论",
          "desc": "官方QQ群：127535859",
          "icon": "icon-qq",
          "url": null,
          "filter": "qqtaolun qqtl",
          "topics": [
            {
              "name": "官方QQ群：127535859",
              "url": null
            },
            {
              "name": "加群暗号：ZUI is sexy",
              "url": null
            }
          ]
        },
        {
          "id": "forum",
          "name": "论坛",
          "desc": "去发表帖子吧",
          "icon": "icon-comments-alt",
          "url": "http://forum.openzui.com/forum/",
          "filter": "luntan lt",
          "topics": [
            {
              "name": "问题反馈",
              "url": "http://forum.openzui.com/forum/c2.html"
            },
            {
              "name": "案例展示",
              "url": "http://forum.openzui.com/forum/c3.html"
            },
            {
              "name": "前端讨论",
              "url": "http://forum.openzui.com/forum/c4.html"
            }
          ]
        },
        {
          "id": "github",
          "name": "Github",
          "icon": "icon-github",
          "desc": "Star或Fork来支持项目",
          "url": "https://github.com/easysoft/zui",
          "filter": ""
        },
        {
          "id": "oschina",
          "name": "开源中国",
          "icon": "OSC",
          "desc": "在开源中国上支持项目",
          "url": "http://git.oschina.net/wwccss/zui",
          "filter": "kaiyuanzhongguo kyzg"
        }
      ],
      "filter": "jiaoliutansuo jlts"
    },
    "basic": {
      "name": "基础",
      "accent": "primary",
      "sections": [
        {
          "id": "intro",
          "name": "说明",
          "icon": "icon-heart",
          "desc": "为何选择ZUI？",
          "topics": [
            {
              "name": "基于 Bootstrap 定制"
            },
            {
              "name": "选中 ZUI 还是 Bootstrap？"
            }
          ],
          "filter": "shuoming sm"
        },
        {
          "id": "about",
          "name": "约定",
          "icon": "icon-book",
          "desc": "了解定义和命名规则",
          "topics": [
            {
              "name": "UI元素类型及定义"
            },
            {
              "name": "通用状态和参数"
            },
            {
              "name": "界面元素的命名"
            }
          ],
          "filter": "yueding yd"
        },
        {
          "desc": "下载并使用ZUI",
          "icon": "icon-download",
          "id": "download",
          "name": "下载与使用",
          "version": "1.5.0",
          "topics": [
            {
              "name": "下载"
            },
            {
              "name": "使用免费 CDN"
            },
            {
              "name": "通过 npm 安装"
            },
            {
              "name": "通过 Bower 安装"
            }
          ],
          "filter": "xiazai xz shiyong sy npm bower cdn usage"
        },
        {
          "icon": "icon-smile",
          "id": "hello",
          "name": "Hello world",
          "topics": [],
          "filter": "helloworld helloworld"
        },
        {
          "id": "file",
          "name": "文件目录结构",
          "icon": "icon-sitemap",
          "desc": "预编译文件和源码结构",
          "topics": [
            {
              "name": "预编译的内容"
            },
            {
              "name": "源码目录结构"
            }
          ],
          "filter": "wenjianmulujiegou wjmljg"
        },
        {
          "id": "edition",
          "name": "选择版本和定制",
          "icon": "icon-code-fork",
          "desc": "选择合适的版本",
          "update": "1.5.0",
          "topics": [
            {
              "name": "标准版"
            },
            {
              "name": "简洁版"
            },
            {
              "name": "独立组件"
            },
            {
              "name": "组件清单"
            },
            {
              "name": "使用 Gulp 定制"
            }
          ],
          "filter": "xuanzebanben xzbb version"
        },
        {
          "id": "browser",
          "name": "浏览器可用性",
          "icon": "icon-ie",
          "desc": "检阅所支持的浏览器版本",
          "topics": [
            {
              "name": "受支持的平台"
            },
            {
              "name": "浏览器检测"
            }
          ],
          "filter": "shouzhichidipingtai szcdpt ie"
        },
        {
          "desc": "normalize.css",
          "icon": "icon-circle-blank",
          "id": "global",
          "name": "全局样式表",
          "topics": [
            {
              "name": "Normalize.css"
            },
            {
              "name": "基础排版和链接"
            }
          ],
          "filter": "quanjuyangshibiao qjysb body html lianjie paiban"
        },
        {
          "desc": "为IE单独准备的内容",
          "icon": "icon-ie",
          "id": "ie",
          "name": "兼容IE浏览器",
          "topics": [
            {
              "name": "禁用IE兼容模式"
            },
            {
              "name": "提示 IE7 及更早版本的用户"
            }
          ],
          "filter": "jianrongieliulanqi jriellq ie8"
        },
        {
          "desc": "",
          "icon": "icon-window",
          "id": "layout",
          "name": "布局容器",
          "version": "1.5.0",
          "url": ".md",
          "topics": [
            {
              "name": "响应式布局"
            },
            {
              "name": "液态化布局"
            },
            {
              "name": "固定宽度布局"
            }
          ],
          "filter": "xiangyingshibuju xysbj container fixed fluid bujurongqi bjrq"
        },
        {
          "desc": "多种屏幕尺寸响应",
          "icon": "icon-tablet",
          "id": "responsive",
          "name": "响应式设计 ",
          "update": "1.8.0",
          "topics": [
            {
              "name": "屏幕尺寸响应"
            },
            {
              "name": "设备类型和系统检测"
            },
            {
              "name": "禁用响应式设计"
            }
          ],
          "filter": "xiangyingshibuju xysbj"
        },
        {
          "desc": "响应式布局的实现",
          "icon": "icon-th",
          "id": "grid",
          "name": "栅格系统",
          "topics": [
            {
              "name": "栅格参数"
            }
          ],
          "filter": "zhagexitong zgxt"
        },
        {
          "desc": "文字排版",
          "icon": "icon-font",
          "id": "typography",
          "name": "排版",
          "topics": [
            {
              "name": "字体"
            },
            {
              "name": "文字排版"
            }
          ],
          "filter": "paiban pb"
        },
        {
          "desc": "一些使用的工具类",
          "icon": "icon-wrench",
          "id": "utilities",
          "update": "1.7.0",
          "name": "辅助类",
          "topics": [
            {
              "name": "小字号文本"
            },
            {
              "name": "文本颜色"
            },
            {
              "name": "文本背景高亮"
            },
            {
              "name": "文本背景色"
            },
            {
              "name": "禁用文本换行"
            },
            {
              "name": "文本超出省略"
            },
            {
              "name": "内容边距"
            },
            {
              "name": "关闭按钮"
            },
            {
              "name": "三角符号"
            },
            {
              "name": "浮动"
            },
            {
              "name": "清除浮动"
            },
            {
              "name": "块居中"
            },
            {
              "name": "隐藏文本"
            },
            {
              "name": "显示或隐藏元素"
            }
          ],
          "filter": "fuzhulei fzl hidden float visible show hide shown text background color small wrap"
        },
        {
          "desc": "默认配色方案",
          "icon": "icon-dashboard",
          "id": "colorset",
          "name": "配色",
          "topics": [
            {
              "name": "主要颜色"
            },
            {
              "name": "灰度颜色"
            },
            {
              "name": "额外颜色"
            },
            {
              "name": "在 JS 中使用配色表"
            },
            {
              "name": "配色设计要点"
            }
          ],
          "filter": "peise ps theme"
        },
        {
          "desc": "自定义主题风格",
          "icon": "icon-leaf",
          "id": "theme",
          "name": "主题",
          "topics": [
            {
              "name": "体验主题"
            },
            {
              "name": "重新编译 ZUI"
            },
            {
              "name": "开始定制主题"
            }
          ],
          "filter": "zhuti zt"
        }
      ],
      "filter": "jichu jc css style"
    },
    "control": {
      "name": "控件",
      "accent": "green",
      "sections": [
        {
          "desc": "使用和查找图标",
          "icon": "icon-star",
          "id": "icon",
          "name": "图标",
          "update": "1.8.0",
          "topics": [
            {
              "name": "搜索图标",
              "url": "#search/icon:"
            },
            {
              "name": "何时使用图标？"
            },
            {
              "name": "使用图标字体"
            },
            {
              "name": "ZUI 中的图标"
            },
            {
              "name": "如何使用图标？"
            }
          ],
          "filter": "tubiao tb zenicon"
        },
        {
          "desc": "按钮和按钮组",
          "icon": "icon-bold",
          "id": "button",
          "name": "按钮",
          "topics": [
            {
              "name": "按钮的类型"
            },
            {
              "name": "按钮的大小"
            },
            {
              "name": "按钮的不同状态"
            },
            {
              "name": "按钮的颜色"
            }
          ],
          "filter": "anniu an btn"
        },
        {
          "desc": "使用进度条",
          "icon": "%",
          "id": "progressbar",
          "name": "进度条",
          "topics": [
            {
              "name": "基本类型"
            },
            {
              "name": "颜色主题"
            },
            {
              "name": "特殊效果"
            }
          ],
          "filter": "jindutiao jdt"
        },
        {
          "desc": "用于在已有控件上提供正在加载中的样式。",
          "icon": "icon-spinner",
          "id": "loading",
          "name": "加载指示器",
          "topics": [
            {
              "name": "基本类型"
            },
            {
              "name": "包含提示文本示例"
            },
            {
              "name": "使用 JS 控制"
            },
            {
              "name": "修改图标"
            },
            {
              "name": "与其他组件一起使用"
            }
          ],
          "filter": "jiazaizhishiqi jzzsq jzzhshq load indicator spin"
        },
        {
          "desc": "使用标签",
          "icon": "icon-tags",
          "id": "label",
          "name": "标签",
          "topics": [
            {
              "name": "基本样式"
            },
            {
              "name": "色彩主题"
            },
            {
              "name": "作为徽标"
            }
          ],
          "filter": "biaoqian bq badge dot outline"
        },
        {
          "desc": "包括输入框和下拉列表",
          "icon": "icon-minus",
          "id": "textbox",
          "name": "表单控件",
          "dpds": "forms",
          "update": "1.5.0",
          "topics": [
            {
              "name": "基本类型"
            },
            {
              "name": "状态"
            },
            {
              "name": "尺寸"
            },
            {
              "name": "使用栅格"
            }
          ],
          "filter": "wenbenkuang wbk input file textarea wj wenjian select textarea grid file datetime number email"
        },
        {
          "desc": "内联或块级的多选和单选框",
          "icon": "icon-check-sign",
          "id": "checkbox",
          "name": "多选和单选框",
          "dpds": "forms",
          "version": "1.5.0",
          "topics": [
            {
              "name": "默认外观"
            },
            {
              "name": "内联形式"
            }
          ],
          "filter": "duoxuanhedanxuankuang dxhdx radio input"
        },
        {
          "desc": "使用复选框实现的开关控件",
          "icon": "icon-toggle-on",
          "id": "switch",
          "name": "开关",
          "version": "1.6.0",
          "topics": [
            {
              "name": "普通示例"
            },
            {
              "name": "对齐"
            },
            {
              "name": "内联样式"
            },
            {
              "name": "禁用"
            }
          ],
          "filter": "kaiguan kg checkbox toggle"
        },
        {
          "desc": "面包屑导航",
          "icon": "icon-map-marker",
          "id": "breadcrumb",
          "name": "面包屑",
          "topics": [
            {
              "name": "示例"
            }
          ],
          "filter": "mianbaoxie mbx nav"
        },
        {
          "desc": "为图片应用样式",
          "icon": "icon-picture",
          "id": "image",
          "name": "图片",
          "topics": [
            {
              "name": "圆角图片"
            },
            {
              "name": "圆形图片"
            },
            {
              "name": "缩略图"
            },
            {
              "name": "响应式图片"
            }
          ],
          "filter": "tupian tp picture thumbnail responsive"
        },
        {
          "desc": "标题",
          "icon": "H1",
          "id": "header",
          "name": "多级标题",
          "topics": [
            {
              "name": "普通标题"
            },
            {
              "name": "包含副标题"
            },
            {
              "name": "带底部水平分隔线的标题"
            }
          ],
          "filter": "duojibiaoti djbt title page-header"
        },
        {
          "desc": "水平分隔线",
          "icon": "—",
          "id": "divider",
          "name": "分隔线",
          "topics": [
            {
              "name": "水平分隔线"
            }
          ],
          "filter": "fengexian fgx hr"
        },
        {
          "desc": "美化浏览器滚动条",
          "icon": "icon-resize-v",
          "id": "scrollbar",
          "name": "滚动条",
          "update": "1.5.0",
          "topics": [
            {
              "name": "基本样式"
            },
            {
              "name": "动态隐藏与显示"
            }
          ],
          "filter": "gundongtiao gdt"
        }
      ],
      "filter": "kongjian kj"
    },
    "component": {
      "name": "组件",
      "accent": "red",
      "sections": [
        {
          "desc": "带图标或标签的输入框",
          "icon": "icon-pencil",
          "id": "inputcontrol",
          "name": "输入框",
          "version": "1.8.0",
          "topics": [
            {
              "name": "带图标"
            },
            {
              "name": "带标签"
            },
            {
              "name": "搜索框"
            },
            {
              "name": "禁用"
            }
          ],
          "filter": "shurukuang srk shrk"
        },
        {
          "id": "alert",
          "icon": "icon-warning-sign",
          "desc": "使用消息框引起用户注意",
          "name": "消息框",
          "topics": [
            {
              "name": "不同感情色彩的消息框"
            },
            {
              "name": "使用图标"
            },
            {
              "name": "使用反色主题"
            },
            {
              "name": "块级消息"
            },
            {
              "name": "消息框中的链接"
            },
            {
              "name": "可以关闭的消息框"
            }
          ],
          "filter": "xiaoxikuang xxk"
        },
        {
          "id": "code",
          "icon": "icon-code",
          "desc": "展示美丽的代码",
          "name": "代码",
          "update": "1.5.0",
          "topics": [
            {
              "name": "内联代码"
            },
            {
              "name": "键盘码"
            },
            {
              "name": "基本代码块"
            },
            {
              "name": "代码高亮"
            }
          ],
          "filter": "daima dm pre"
        },
        {
          "id": "inputgroup",
          "icon": "icon-layout",
          "desc": "多个输入单元格",
          "name": "输入组",
          "update": "1.7.0",
          "topics": [
            {
              "name": "基本类型"
            },
            {
              "name": "连续分段的文本框"
            },
            {
              "name": "单选框和复选框"
            },
            {
              "name": "带按钮"
            },
            {
              "name": "带下拉菜单按钮"
            },
            {
              "name": "使用 Select"
            },
            {
              "name": "分段按钮"
            }
          ],
          "filter": "shuruzu srz addon"
        },
        {
          "id": "listgroup",
          "icon": "icon-reorder",
          "desc": "垂直的可点击列表",
          "name": "列表组",
          "topics": [
            {
              "name": "基本类型"
            },
            {
              "name": "链接"
            },
            {
              "name": "定制列表内容"
            }
          ],
          "filter": "liebiaozu lbz nav vertical"
        },
        {
          "id": "nav",
          "icon": "icon-anchor",
          "desc": "多种样式的导航菜单",
          "name": "导航",
          "update": "1.6.0",
          "topics": [
            {
              "name": "基础样式"
            },
            {
              "name": "主要导航"
            },
            {
              "name": "次要导航"
            },
            {
              "name": "标签页导航"
            },
            {
              "name": "圆点导航"
            },
            {
              "name": "禁用的导航链接"
            },
            {
              "name": "垂直排列"
            },
            {
              "name": "自适应宽度"
            },
            {
              "name": "带标题的导航"
            }
          ],
          "filter": "daohang dh list"
        },
        {
          "id": "navbar",
          "icon": "icon-compass",
          "desc": "应用导航条",
          "name": "导航条",
          "topics": [
            {
              "name": "简单导航条"
            },
            {
              "name": "默认导航条"
            },
            {
              "name": "深色导航条"
            },
            {
              "name": "使用表单元素"
            },
            {
              "name": "将内容放置与导航右侧"
            },
            {
              "name": "自适应宽度"
            }
          ],
          "filter": "daohangtiao dht list"
        },
        {
          "id": "menu",
          "icon": "icon-list-ul",
          "desc": "垂直方向的导航菜单",
          "name": "垂直菜单",
          "update": "1.6.0",
          "topics": [
            {
              "name": "实例"
            },
            {
              "name": "激活选中项"
            }
          ],
          "filter": "chuizhicaidan czcd list nav vertical"
        },
        {
          "id": "pager",
          "icon": "123",
          "desc": "为内容分页",
          "name": "分页条",
          "topics": [
            {
              "name": "各种分页导航"
            },
            {
              "name": "禁用的导航"
            },
            {
              "name": "圆角样式"
            },
            {
              "name": "宽松样式"
            },
            {
              "name": "两端对齐"
            }
          ],
          "filter": "fenyetiao fyt yema ym"
        },
        {
          "id": "panel",
          "icon": "icon-list-alt",
          "desc": "包含头部和脚部的面板",
          "name": "面板",
          "topics": [
            {
              "name": "基本类型"
            },
            {
              "name": "带标题的面板"
            },
            {
              "name": "带脚注的面板"
            },
            {
              "name": "色彩主题"
            },
            {
              "name": "包含表格"
            },
            {
              "name": "包含列表"
            },
            {
              "name": "面板组"
            }
          ],
          "filter": "mianban mb"
        },
        {
          "id": "table",
          "icon": "icon-table",
          "desc": "美观实用的表格",
          "name": "表格",
          "update": "1.5.0",
          "topics": [
            {
              "name": "基本类型"
            },
            {
              "name": "隔行交替样式"
            },
            {
              "name": "响应鼠标悬停"
            },
            {
              "name": "带所有边框的表格"
            },
            {
              "name": "不带边框的表格"
            },
            {
              "name": "自动宽度的表格"
            },
            {
              "name": "更为紧凑的表格"
            },
            {
              "name": "固定布局的表格"
            },
            {
              "name": "色彩主题"
            },
            {
              "name": "响应式表格"
            }
          ],
          "filter": "biaoge bg table-bordered table-borderless table-auto table-striped table-hover"
        },
        {
          "id": "buttongroup",
          "icon": "icon-th-list",
          "desc": "多个按钮组合形式",
          "name": "按钮组",
          "topics": [
            {
              "name": "类型"
            },
            {
              "name": "变化"
            }
          ],
          "filter": "anniuzu anz btn"
        }
      ],
      "filter": "zujian zj"
    },
    "javascript": {
      "name": "JS插件",
      "accent": "brown",
      "sections": [
        {
          "id": "searchbox",
          "icon": "icon-search",
          "desc": "创建丰富交互操作的搜索框",
          "name": "搜索框",
          "topics": [
            {
              "name": "实例"
            },
            {
              "name": "选项"
            },
            {
              "name": "方法"
            },
            {
              "name": "事件"
            }
          ],
          "version": "1.8.0",
          "filter": "sousuokuang ssk inputcontrol shurukuang shrk srk search-box"
        },
        {
          "id": "contextmenu",
          "icon": "icon-align-justify",
          "desc": "在鼠标位置弹出菜单（右键菜单）",
          "name": "上下文菜单",
          "topics": [
            {
              "name": "被动式"
            },
            {
              "name": "主动式"
            },
            {
              "name": "选项"
            },
            {
              "name": "菜单条目对象属性"
            },
            {
              "name": "方法"
            }
          ],
          "version": "1.8.0",
          "filter": "youjiancaidan yjcd mouse menu nav"
        },
        {
          "id": "pagerjs",
          "icon": "GO",
          "desc": "自动创建的分页组件",
          "name": "分页器",
          "topics": [
            {
              "name": "综合示例"
            },
            {
              "name": "界面元素"
            },
            {
              "name": "选项"
            },
            {
              "name": "获取页码状态信息"
            },
            {
              "name": "监听页码变更"
            },
            {
              "name": "自定义"
            },
            {
              "name": "动态更新"
            }
          ],
          "version": "1.8.0",
          "filter": "fenyeqi fyq "
        },
        {
          "id": "store",
          "icon": "icon-hdd",
          "desc": "使用浏览器本地存储读取数据",
          "name": "本地存储",
          "topics": [
            {
              "name": "实例"
            },
            {
              "name": "如何使用"
            },
            {
              "name": "本地页面存储"
            }
          ],
          "filter": "bendicunchu bdcc storage local-storage database"
        },
        {
          "id": "modal",
          "icon": "icon-check-empty",
          "desc": "浮动在页面之上的对话框",
          "name": "对话框",
          "update": "1.8.0",
          "topics": [
            {
              "name": "实例"
            },
            {
              "name": "设置对话框显示位置"
            },
            {
              "name": "更改对话框大小"
            },
            {
              "name": "可移动的对话框"
            },
            {
              "name": "禁用动画效果"
            },
            {
              "name": "关闭对话框"
            },
            {
              "name": "如何使用"
            }
          ],
          "filter": "dhk mtk duihuakuang motaikuang dialog alert confirm"
        },
        {
          "id": "modaltrigger",
          "icon": "icon-signout",
          "desc": "动态展示对话框",
          "name": "对话框触发器",
          "update": "1.8.0",
          "topics": [
            {
              "name": "加载远程内容"
            },
            {
              "name": "加载自定义内容"
            },
            {
              "name": "自动调整位置"
            },
            {
              "name": "全屏对话框"
            },
            {
              "name": "自定义头部"
            },
            {
              "name": "可拖动的对话框"
            },
            {
              "name": "如何使用"
            }
          ],
          "filter": "duihuakuangchufaqi dhkcfq motaikuang mtk dialog alert confirm"
        },
        {
          "id": "dropdown",
          "icon": "icon-align-justify",
          "desc": "浮动在页面之上的垂直菜单",
          "name": "下拉菜单",
          "update": "1.6.0",
          "topics": [
            {
              "name": "结构"
            },
            {
              "name": "使用按钮组"
            },
            {
              "name": "下拉菜单三角图标"
            },
            {
              "name": "标题和分割线"
            },
            {
              "name": "浮动方向"
            },
            {
              "name": "多级子菜单"
            },
            {
              "name": "禁用的菜单项"
            },
            {
              "name": "自定义菜单"
            },
            {
              "name": "在导航和导航条中使用"
            }
          ],
          "filter": "xialacaidan xlcd menu"
        },
        {
          "id": "tab",
          "icon": "icon-credit",
          "desc": "标签页式的导航菜单",
          "name": "标签页",
          "update": "1.6.0",
          "topics": [
            {
              "name": "结构"
            },
            {
              "name": "动画效果"
            },
            {
              "name": "垂直标签页"
            },
            {
              "name": "方法"
            },
            {
              "name": "事件"
            }
          ],
          "filter": "biaoqianye bqy nav tabs"
        },
        {
          "id": "messager",
          "icon": "icon-comment-alt",
          "desc": "漂浮在页面之上的无打断消息",
          "name": "漂浮消息",
          "update": "1.6.0",
          "topics": [
            {
              "name": "示例"
            },
            {
              "name": "显示位置"
            },
            {
              "name": "颜色主题"
            },
            {
              "name": "自定义操作按钮"
            },
            {
              "name": "禁用动画效果"
            },
            {
              "name": "如何使用"
            }
          ],
          "filter": "piaofuxiaoxi pfxx toast info"
        },
        {
          "id": "tooltip",
          "icon": "icon-chat",
          "desc": "为元素额外提供消息文本（工具提示）",
          "name": "提示消息",
          "update": "1.6.0",
          "topics": [
            {
              "name": "示例"
            },
            {
              "name": "弹出方向"
            },
            {
              "name": "外观"
            },
            {
              "name": "选项"
            },
            {
              "name": "方法"
            },
            {
              "name": "事件"
            }
          ],
          "filter": "tishixiaoxi tsxx gjts gongjutishi hint ballon"
        },
        {
          "id": "popover",
          "icon": "icon-comment-line",
          "desc": "弹出交互式面板（提示面板）",
          "name": "弹出面板",
          "update": "1.6.0",
          "topics": [
            {
              "name": "静态类型"
            },
            {
              "name": "动态演示"
            },
            {
              "name": "弹出方向"
            },
            {
              "name": "外观"
            },
            {
              "name": "用法"
            }
          ],
          "filter": "tanchumianban tcmb tishimianban tsmb hint panel"
        },
        {
          "id": "collapse",
          "icon": "icon-collapse",
          "desc": "为元素提供折叠和展开功能",
          "name": "折叠",
          "update": "1.5.0",
          "topics": [
            {
              "name": "结构"
            },
            {
              "name": "折叠分组"
            },
            {
              "name": "使用方法"
            }
          ],
          "filter": "zhedie zd"
        },
        {
          "id": "carousel",
          "icon": "icon-forward",
          "desc": "定时自动切换的图片内存",
          "name": "轮播",
          "topics": [
            {
              "name": "基本类型"
            },
            {
              "name": "参数"
            },
            {
              "name": "方法和事件"
            }
          ],
          "filter": "lunbo lb slide image picture"
        },
        {
          "id": "datetimepicker",
          "icon": "icon-calendar",
          "desc": "为文本框提供方便的日期时间选择功能",
          "name": "日期选择",
          "update": "1.6.0",
          "topics": [
            {
              "name": "用法和示例"
            },
            {
              "name": "禁用输入"
            },
            {
              "name": "使用输入框"
            }
          ],
          "filter": "riqixuanze rqxz time shijian sj input form"
        },
        {
          "id": "chosen",
          "icon": "icon-search",
          "desc": "提供数据选择和筛选功能",
          "name": "Chosen",
          "update": "1.8.0",
          "topics": [
            {
              "name": "示例"
            },
            {
              "name": "用法"
            },
            {
              "name": "图标选择插件"
            }
          ],
          "filter": "select xialaxuanze xlxz option choose form input"
        },
        {
          "id": "htmleditor",
          "icon": "icon-edit",
          "desc": "使用 Kineditor 或 UEditor 来编辑富文本",
          "name": "富文本编辑器",
          "update": "1.6.0",
          "dpds": "kindeditor",
          "topics": [
            {
              "name": "Kindeitor"
            },
            {
              "name": "UEditor"
            }
          ],
          "filter": "fuwenbenbianjiqi fwbbjq rich text"
        },
        {
          "id": "color",
          "icon": "icon-tint",
          "desc": "色彩工具",
          "name": "Color",
          "version": "1.5.0",
          "update": "1.7.0",
          "topics": [
            {
              "name": "类型"
            },
            {
              "name": "变化"
            }
          ],
          "filter": "secai sc yanse ys"
        },
        {
          "id": "draggable",
          "icon": "icon-move",
          "desc": "拖动目标元素",
          "name": "拖动",
          "version": "1.5.0",
          "update": "1.7.0",
          "topics": [
            {
              "name": "综合示例"
            },
            {
              "name": "选项"
            },
            {
              "name": "处理拖动过程"
            }
          ],
          "filter": "tuodong td drop dnd"
        },
        {
          "id": "droppable",
          "icon": "icon-external-link",
          "desc": "拖动并放置在目标位置",
          "name": "拖放",
          "update": "1.8.0",
          "topics": [
            {
              "name": "综合示例"
            },
            {
              "name": "选项"
            },
            {
              "name": "处理拖放过程"
            }
          ],
          "filter": "tuofang tf dnd drag"
        },
        {
          "id": "sortable",
          "icon": "icon-sort",
          "desc": "拖动元素来排列顺序",
          "name": "拖放排序",
          "version": "1.5.0",
          "update": "1.8.0",
          "topics": [
            {
              "name": "综合示例"
            },
            {
              "name": "选项"
            },
            {
              "name": "处理拖放排序过程"
            }
          ],
          "filter": "tuofangpaixu tfpx dnd drag drop"
        },
        {
          "id": "selectable",
          "icon": "icon-th",
          "desc": "通过拖拽来选择元素",
          "name": "拖拽选取",
          "version": "1.5.0",
          "update": "1.7.0",
          "topics": [
            {
              "name": "综合示例"
            },
            {
              "name": "选取不规则元素"
            },
            {
              "name": "如何使用"
            },
            {
              "name": "数据表格"
            }
          ],
          "url": ".md",
          "filter": "tuozhuai tz dnd drop drag"
        },
        {
          "id": "colorpicker",
          "icon": "icon-tint",
          "desc": "从下拉菜单中选择预设的颜色值",
          "name": "颜色选择器",
          "version": "1.5.0",
          "update": "1.6.0",
          "topics": [
            {
              "name": "按钮选择器"
            },
            {
              "name": "使用输入组"
            },
            {
              "name": "自定义预设颜色"
            },
            {
              "name": "自定义按钮图标"
            },
            {
              "name": "同步更新"
            },
            {
              "name": "使用方法"
            }
          ],
          "url": ".md",
          "filter": "tuozhuai tz yanse secai ys sc form input"
        },
        {
          "id": "bootbox",
          "icon": "icon-question-sign",
          "desc": "警告、确认和内容编辑模态框（使用 Bootbox）",
          "name": "模态对话框",
          "topics": [],
          "filter": "motaiduihuakuang mtdhk alert confirm dialog modal"
        },
        {
          "id": "imgcutter",
          "icon": "icon-crop",
          "desc": "裁剪图片",
          "name": "图片剪切",
          "update": "1.5.0",
          "topics": [
            {
              "name": "综合示例"
            },
            {
              "name": "选项"
            },
            {
              "name": "方法"
            },
            {
              "name": "事件"
            }
          ],
          "filter": "tupianjianqie tpjq cj caijian"
        },
        {
          "id": "scrollspy",
          "icon": "icon-link",
          "desc": "根据滚动条所处的位置来自动更新导航项",
          "name": "滚动监听",
          "topics": [],
          "filter": "gundongjianting gdjt"
        }
      ],
      "filter": "jschajian jscj"
    },
    "view": {
      "name": "视图",
      "accent": "purple",
      "sections": [
        {
          "id": "datagrid",
          "icon": "icon-table",
          "desc": "功能强大的数据网格视图",
          "name": "数据表格②",
          "version": "1.8.0",
          "filter": "shujuwangge sjwg shjwg shujubiaoge datatable sjbg database",
          "topics": [
            {
              "name": "综合示例"
            },
            {
              "name": "数据源"
            },
            {
              "name": "固定行和列"
            },
            {
              "name": "排序"
            },
            {
              "name": "分页"
            },
            {
              "name": "搜索"
            },
            {
              "name": "行选择"
            },
            {
              "name": "跨行跨列的单元格"
            },
            {
              "name": "值转换器"
            },
            {
              "name": "自适应列宽"
            },
            {
              "name": "个性化配置"
            },
            {
              "name": "自定义模板"
            },
            {
              "name": "外观选项"
            },
            {
              "name": "选项"
            },
            {
              "name": "属性和方法"
            },
            {
              "name": "事件"
            }
          ]
        },
        {
          "id": "tabs",
          "icon": "icon-credit",
          "desc": "灵活的标签页管理视图",
          "name": "标签页管理器",
          "version": "1.8.0",
          "filter": "biaoqianyeguanliqi bqyglq nav",
          "topics": [
            {
              "name": "综合示例"
            },
            {
              "name": "选项"
            },
            {
              "name": "标签页对象"
            },
            {
              "name": "方法"
            },
            {
              "name": "事件"
            },
            {
              "name": "自定义"
            }
          ]
        },
        {
          "id": "tree",
          "icon": "icon-th-list",
          "desc": "体现层级关系的树形菜单",
          "name": "树形菜单",
          "update": "1.8.0",
          "topics": [
            {
              "name": "综合示例"
            },
            {
              "name": "树形导航菜单"
            },
            {
              "name": "外观选项"
            },
            {
              "name": "用法"
            },
            {
              "name": "数据加载与更新"
            }
          ],
          "filter": "shuxingcaidan sxcd shuxcd menu nav vertical"
        },
        {
          "id": "uploader",
          "icon": "icon-cloud-upload",
          "name": "文件上传",
          "desc": "提供文件管理和大文件批量上传功能。",
          "version": "1.6.0",
          "update": "1.8.0",
          "topics": [
            {
              "name": "综合示例"
            },
            {
              "name": "使用"
            },
            {
              "name": "选项"
            },
            {
              "name": "对象和属性"
            },
            {
              "name": "方法"
            },
            {
              "name": "事件"
            },
            {
              "name": "静态文件"
            },
            {
              "name": "自定义 UI"
            },
            {
              "name": "处理服务器结果"
            },
            {
              "name": "使用七牛 JavaScript SDK"
            },
            {
              "name": "获取 plupload 对象"
            }
          ],
          "filter": "wenjiangshangchuan wjsc file select from-control"
        },
        {
          "id": "calendar",
          "icon": "icon-calendar",
          "desc": "在日历上展示有时间限定的内容",
          "name": "日历",
          "update": "1.8.0",
          "topics": [
            {
              "name": "实例"
            },
            {
              "name": "使用方法"
            }
          ],
          "filter": "rili rl date time"
        },
        {
          "id": "form",
          "icon": "icon-layout",
          "desc": "用于用户提交数据的视图",
          "name": "表单",
          "update": "1.5.0",
          "topics": [
            {
              "name": "基本形式"
            },
            {
              "name": "水平排列的表单"
            },
            {
              "name": "内联表单"
            },
            {
              "name": "帮助性文本"
            },
            {
              "name": "多选框和单选框"
            },
            {
              "name": "效验状态"
            },
            {
              "name": "使用 fieldset"
            },
            {
              "name": "静态文本"
            },
            {
              "name": "禁用状态和只读状态"
            },
            {
              "name": "标记必填项"
            },
            {
              "name": "更为紧凑的表单"
            }
          ],
          "filter": "biaodan bd input control"
        },
        {
          "id": "article",
          "icon": "icon-file-text-alt",
          "desc": "用于展示带标题和其他额外信息的图文内容",
          "name": "文章",
          "update": "1.6.0",
          "topics": [
            {
              "name": "结构"
            },
            {
              "name": "综合示例"
            },
            {
              "name": "更紧凑的文章视图"
            }
          ],
          "filter": "wenzhang wz"
        },
        {
          "id": "card",
          "icon": "icon-th",
          "desc": "可以展示图片和文本的卡片网格视图",
          "name": "卡片",
          "update": "1.5.0",
          "topics": [
            {
              "name": "结构"
            },
            {
              "name": "简单示例"
            },
            {
              "name": "卡片内容类型"
            },
            {
              "name": "无边框视图"
            },
            {
              "name": "紧凑视图"
            }
          ],
          "filter": "kapian kp grid"
        },
        {
          "id": "list",
          "icon": "icon-list",
          "desc": "包含图文内容的列表",
          "name": "列表",
          "update": "1.5.0",
          "topics": [
            {
              "name": "结构"
            },
            {
              "name": "列表项"
            },
            {
              "name": "综合示例"
            },
            {
              "name": "更紧凑的列表"
            }
          ],
          "filter": "liebiao lb media meiti"
        },
        {
          "id": "comment",
          "icon": "icon-comments",
          "desc": "展示评论的列表视图",
          "name": "评论",
          "update": "1.5.0",
          "topics": [
            {
              "name": "结构"
            },
            {
              "name": "评论条目"
            },
            {
              "name": "评论表单"
            },
            {
              "name": "综合示例"
            }
          ],
          "filter": "pinglun pl list"
        },
        {
          "id": "chart",
          "icon": "icon-bar-chart",
          "desc": "展示曲线图和饼图",
          "name": "图表",
          "update": "1.7.0",
          "topics": [
            {
              "name": "创建图表"
            },
            {
              "name": "全局选项"
            },
            {
              "name": "曲线图"
            },
            {
              "name": "饼图"
            },
            {
              "name": "柱状图"
            },
            {
              "name": "兼容IE浏览器"
            }
          ],
          "filter": "tubiao tb quxiantu qxt bingtu bt line bar"
        },
        {
          "id": "treemap",
          "icon": "icon-sitemap",
          "name": "组织结构图",
          "version": "1.7.0",
          "update": "1.8.0",
          "topics": [
            {
              "name": "综合示例"
            },
            {
              "name": "使用"
            },
            {
              "name": "节点对象"
            },
            {
              "name": "选项"
            },
            {
              "name": "方法"
            },
            {
              "name": "事件"
            },
            {
              "name": "其他问题"
            }
          ],
          "filter": "shuzhuangtu szt shuzt zuzhijiegoutu zzjgt organization menu"
        },
        {
          "id": "board",
          "icon": "icon-columns",
          "desc": "在多个列进行拖放内容",
          "name": "看板",
          "update": "1.5.0",
          "topics": [
            {
              "name": "综合示例"
            },
            {
              "name": "HTML 结构"
            },
            {
              "name": "选项"
            },
            {
              "name": "处理看板交互过程"
            }
          ],
          "filter": "kanban kb dnd drag drop panel"
        },
        {
          "id": "dashboard",
          "icon": "icon-th-large",
          "desc": "支持拖放调整位置的面板网格",
          "name": "仪表盘",
          "update": "1.7.0",
          "topics": [
            {
              "name": "使用示例"
            },
            {
              "name": "选项"
            },
            {
              "name": "结构"
            },
            {
              "name": "用户个性化定制"
            },
            {
              "name": "操作按钮"
            },
            {
              "name": "从远程加载"
            }
          ],
          "filter": "yibiaopan ybp panel mianban mb dnd drag drop sort"
        },
        {
          "id": "lightbox",
          "icon": "icon-carousel",
          "desc": "灯箱式图片浏览 (Lightbox)",
          "name": "图片浏览",
          "topics": [
            {
              "name": "实例"
            },
            {
              "name": "用法"
            }
          ],
          "filter": "tupianliulan tpll dxs tp dengxiangshi tupian tpyl image picture layer"
        },
        {
          "id": "datatable",
          "icon": "icon-table",
          "desc": "可以固定列和表头的增强表格",
          "name": "数据表格",
          "update": "1.7.0",
          "topics": [
            {
              "name": "简单应用"
            },
            {
              "name": "启用排序功能"
            },
            {
              "name": "高亮选中行"
            },
            {
              "name": "综合示例"
            },
            {
              "name": "选项"
            },
            {
              "name": "事件"
            },
            {
              "name": "属性"
            },
            {
              "name": "数据配置"
            }
          ],
          "filter": "shujubiaoge sjbg database scroll list"
        }
      ],
      "filter": "shitu st"
    }
  }
}