cbvirtua 1.0.37 → 1.0.39

package/src/src/utils/menu/aria-menubar.js

@@ -0,0 +1,14 @@
+import MenuItem from './aria-menuitem';
+
+const Menu = function(domNode) {
+  this.domNode = domNode;
+  this.init();
+};
+
+Menu.prototype.init = function() {
+  let menuChildren = this.domNode.childNodes;
+  [].filter.call(menuChildren, child => child.nodeType === 1).forEach(child => {
+    new MenuItem(child); // eslint-disable-line
+  });
+};
+export default Menu;

package/src/src/utils/menu/aria-menuitem.js

@@ -0,0 +1,49 @@
+import Utils from '../aria-utils';
+import SubMenu from './aria-submenu';
+
+const MenuItem = function(domNode) {
+  this.domNode = domNode;
+  this.submenu = null;
+  this.init();
+};
+
+MenuItem.prototype.init = function() {
+  this.domNode.setAttribute('tabindex', '0');
+  let menuChild = this.domNode.querySelector('.el-menu');
+  if (menuChild) {
+    this.submenu = new SubMenu(this, menuChild);
+  }
+  this.addListeners();
+};
+
+MenuItem.prototype.addListeners = function() {
+  const keys = Utils.keys;
+  this.domNode.addEventListener('keydown', event => {
+    let prevDef = false;
+    switch (event.keyCode) {
+      case keys.down:
+        Utils.triggerEvent(event.currentTarget, 'mouseenter');
+        this.submenu && this.submenu.gotoSubIndex(0);
+        prevDef = true;
+        break;
+      case keys.up:
+        Utils.triggerEvent(event.currentTarget, 'mouseenter');
+        this.submenu && this.submenu.gotoSubIndex(this.submenu.subMenuItems.length - 1);
+        prevDef = true;
+        break;
+      case keys.tab:
+        Utils.triggerEvent(event.currentTarget, 'mouseleave');
+        break;
+      case keys.enter:
+      case keys.space:
+        prevDef = true;
+        event.currentTarget.click();
+        break;
+    }
+    if (prevDef) {
+      event.preventDefault();
+    }
+  });
+};
+
+export default MenuItem;

package/src/src/utils/menu/aria-submenu.js

@@ -0,0 +1,59 @@
+import Utils from '../aria-utils';
+
+const SubMenu = function(parent, domNode) {
+  this.domNode = domNode;
+  this.parent = parent;
+  this.subMenuItems = [];
+  this.subIndex = 0;
+  this.init();
+};
+
+SubMenu.prototype.init = function() {
+  this.subMenuItems = this.domNode.querySelectorAll('li');
+  this.addListeners();
+};
+
+SubMenu.prototype.gotoSubIndex = function(idx) {
+  if (idx === this.subMenuItems.length) {
+    idx = 0;
+  } else if (idx < 0) {
+    idx = this.subMenuItems.length - 1;
+  }
+  this.subMenuItems[idx].focus();
+  this.subIndex = idx;
+};
+
+SubMenu.prototype.addListeners = function() {
+  const keys = Utils.keys;
+  const parentNode = this.parent.domNode;
+  Array.prototype.forEach.call(this.subMenuItems, el => {
+    el.addEventListener('keydown', event => {
+      let prevDef = false;
+      switch (event.keyCode) {
+        case keys.down:
+          this.gotoSubIndex(this.subIndex + 1);
+          prevDef = true;
+          break;
+        case keys.up:
+          this.gotoSubIndex(this.subIndex - 1);
+          prevDef = true;
+          break;
+        case keys.tab:
+          Utils.triggerEvent(parentNode, 'mouseleave');
+          break;
+        case keys.enter:
+        case keys.space:
+          prevDef = true;
+          event.currentTarget.click();
+          break;
+      }
+      if (prevDef) {
+        event.preventDefault();
+        event.stopPropagation();
+      }
+      return false;
+    });
+  });
+};
+
+export default SubMenu;

package/src/src/utils/merge.js

@@ -0,0 +1,15 @@
+export default function(target) {
+  for (let i = 1, j = arguments.length; i < j; i++) {
+    let source = arguments[i] || {};
+    for (let prop in source) {
+      if (source.hasOwnProperty(prop)) {
+        let value = source[prop];
+        if (value !== undefined) {
+          target[prop] = value;
+        }
+      }
+    }
+  }
+
+  return target;
+};