{
  "name": "@nly-adminlte-vue/wrapper",
  "version": "1.0.0",
  "meta": {
    "title": "Wrapper",
    "subtitle": "布局组件",
    "description": "wrapper布局，是NlyadminlteVue页面结构布局组件，支持 Top Navigation，Boxed， Fixed Navbar，Fixed Footer， Collapsed Sidebar等布局",
    "directives": [
      {
        "directive": "VNlyControlSidebarCollapse",
        "description": "右侧滑板收起展开指令",
        "expression": "String",
        "modifiers": [
          {
            "name": "",
            "pattern": "[a-zA-Z][a-zA-Z0-9_\\-]*",
            "description": "不需要传入参数，直接绑定便可控制右侧滑板收起展开"
          }
        ]
      },
      {
        "directive": "VNlySidebarCollapse",
        "description": "左侧导航栏收起展开指令，此指令只能绑定在nly-nav-item组件和nly-overlay组件上",
        "expression": "String",
        "modifiers": [
          {
            "name": "{collapseItem}",
            "pattern": "[a-zA-Z][a-zA-Z0-9_\\-]*",
            "description": "传入对应绑定的元素来控制左侧导航栏收起展开，可选navitem，overlay，绑定在nly-nav-item上请传入navitem，绑定在nly-overlay上请传入overlay"
          }
        ]
      }
    ],
    "components": [
      {
        "component": "NlyWrapper",
        "description": "wrapper布局容器，用来控制body class属性",
        "props": [
          {
            "prop": "layout",
            "description": "页面布局，可选fixed和boxed"
          },
          {
            "prop": "navbarFixed",
            "description": "头部菜单fixed布局，头部菜单固定在顶部，跟随滚动条一起滚动"
          },
          {
            "prop": "footerFixed",
            "description": "footer fixed布局，footer固定在底部，跟随滚动条一起滚动"
          },
          {
            "prop": "topNav",
            "description": "顶部菜单布局，会覆盖所有与sidebar有关的props，设置为true时，sidebar会消失，不会出现在窗口"
          },
          {
            "prop": "wrapperClass",
            "description": "wrapper自定义css"
          },
          {
            "prop": "containerClass",
            "description": "body自定义css"
          }
        ]
      },
      {
        "component": "NlyWrapperHeader",
        "description": "wrapper布局header",
        "props": [
          {
            "prop": "expand",
            "description": "nav props 设置为true时有效。折叠导航栏的断点，可选sm，md，lg，xl，no，expand。设置no的时候，navbar垂直布局，设置expand时候，不会出现折叠"
          },
          {
            "prop": "variant",
            "description": "nav props 设置为true时有效。主题颜色，可选 primary， secondary， success， info， warning， danger， light， dark"
          },
          {
            "prop": "dark",
            "description": "nav props 设置为true时有效。导航栏字体颜色"
          },
          {
            "prop": "size",
            "description": "nav props 设置为true时有效。导航栏字体大小"
          },
          {
            "prop": "border",
            "description": "nav props 设置为true时有效。navbar底边框"
          },
          {
            "prop": "nav",
            "description": "设置为true时，变成navbar容器"
          },
          {
            "prop": "wrapperHeaderClass",
            "description": "自定义css"
          }
        ]
      },
      {
        "component": "NlyWrapperFooter",
        "description": "wrapper布局footer",
        "props": [
          {
            "prop": "wrapperFooterClass",
            "description": "自定义css"
          },
          {
            "prop": "cardBodyClass",
            "description": "自定义css类"
          }
        ]
      },
      {
        "component": "NlyWrapperControlSidebar",
        "description": "wrapper布局右侧收缩滑板",
        "props": [
          {
            "prop": "wrapperControlSidebarClass",
            "description": "自定义css"
          },
          {
            "prop": "size",
            "description": "字体大小，可选xs，sm，md，lg，xl"
          },
          {
            "prop": "light",
            "description": "默认背景色，默认为false，背景色为dark，设置true，背景色为light"
          },
          {
            "prop": "bgVariant",
            "description": "背景色，会覆盖prop light， 可选背景色， 默认无背景， 可选 primary， secondary， success， info， warning， danger， light， dark， lightblue， navy， olive， lime， fuchsia， maroon， blue， indigo， purple， pink， red， orange， yellow， green， teal， cyan， white， gray， graydark"
          },
          {
            "prop": "bgGradientVariant",
            "description": "渐变背景色， 会覆盖prop light 和 prop bg-variant， 可选 primary， secondary， success， info， warning， danger， light， dark， lightblue， navy， olive， lime， fuchsia， maroon， blue， indigo， purple， pink， red， orange， yellow， green， teal， cyan， white， gray， graydark"
          }
        ]
      },
      {
        "component": "NlyWrapperContent",
        "description": "wrapper布局正文",
        "props": []
      }
    ]
  }
}