/**
* @component Menu
* @description
*
* ## 菜单组件 / Menus组件
*
* ### 说明
*
* 注意：menu是全局的组件，应该在App.vue中定义，而不是在业务文件中。menu组件和nav组件应该是平级，放在最外层。 该组件用于在Vue.prototype.$menu上共享方法，可以用this.$menu来访问menu组件
*
* ### 关于事件
*
* Menus组件的事件是在$root中传播的, 切记
*
* ### 如何引入
* ```
* // 引入
* import { Menu } from 'vimo'
* // 安装
* Vue.component(Menu.name, Menu)
* // 或者
* export default{
* components: {
* Menu
* }
* }
* ```
*
* @props {string} id - 要打开menu的id，与open方法中的id对用应
* @props {String} [side=left] - 从哪个方向打开 可选 left/right
* @props {String} [type=overlay] - 用什么方式打开 可选 overlay/reveal
*
* @fires component:Menu#onMenuOpen
* @fires component:Menu#onMenuClosing
* @fires component:Menu#onMenuClosed
*
* @demo #/
*
* @usage
*
* <Menu id="menu" side="left" type="overlay"></Menu>
*
* var vm = new Vue();
* vm.$menu.menuIns: 当前缓存的menu实例对象
* vm.$menu.currentMenuId: 当前开启的menuId
* vm.$menu.open('menuId'): 打开id为menuId1的menu
* vm.$menu.close(): 关闭打开的menu
* vm.$menu.toggle('menuId'): 如果开启则关闭, 如果没开启的则打开id为menuId1的menu
*
*
*
*
*/
// 事件
/**
* @event component:Menu#onMenuOpen
* @description menu开启事件, 传递menuId,可通过$root.$on()去监听。
* @example
* new Vue({
* methods: {
* open: function () {
* this.$menu.open('aaa');
* this.$events.$on("onMenuOpen", function () {
* //...
* })
* }
* }
* })
*
*/
/**
* @event component:Menu#onMenuClosing
* @description menu触发关闭事件,正在关闭...,可通过$root.$on()去监听。
*/
/**
* @event component:Menu#onMenuClosed
* @description menu关闭动画完毕,可通过$root.#on()去监听。
*/
/**
* menu.vue: Menu组件的模板文件, 方法只用于维护自身状态
* menu.js: 组件全局安装及实例注册, 用于在Vue.prototype.$menu上共享方法
*
*
* 页面文件这样使用:
* this.$menu.menuIns: 当前缓存的menu实例对象
* this.$menu.currentMenuId: 当前开启的menuId
* this.$menu.open('menuId1'): 打开id为menuId1的menu
* this.$menu.close(): 关闭打开的menu
* this.$menu.toggle('menuId1'): 如果开启则关闭, 如果没开启的则打开 menuId1
*
* 对于menu模板的传参, 参考props
*
* 对外事件:
* onMenuOpen: menu开启事件, 传递menuId
* onMenuClosing: menu触发关闭事件,正在关闭...
* onMenuClosed: menu关闭动画完毕
*
* */
// function
/**
* @function open
* @description
* 如果在menu开启另一个menu, 则等到第一个的关闭promise之后再开启
* @param {String} menuId - 打开menu的id，与上面属性中的id对应
* @return {Promise}
* @example
* 下面只弹出id为aaa的menu
*
*
* html:
* <Menu id="aa"></Menu>
* <Menu id="bb"></Menu>
* js:
* new Vue({
* methods: {
* open: function () {
* this.$menu.open('aaa');
* }
* }
* })
*/
/**
* @function close
* @return {Promise}
* @example
*
* new Vue({
* methods: {
* open: function () {
* this.$menu.close();
* }
* }
* })
*/
/**
* @function toggle
* @param {String} menuId - 打开menu的id
* @example
* 下面只对id为aaa的menu有效果
*
* html:
* <Menu id="aa"></Menu>
* <Menu id="bb"></Menu>
* js:
* new Vue({
* methods: {
* open: function () {
* this.$menu.toggle('aaa');
* }
* }
* })
*/
export { default } from './menu.vue'