util.js 3.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104
  1. 'use strict';
  2. Object.defineProperty(exports, "__esModule", {
  3. value: true
  4. });
  5. exports.isMobileDevice = exports.setStyle = exports.getWidth = exports.menuAllProps = undefined;
  6. var _typeof2 = require('babel-runtime/helpers/typeof');
  7. var _typeof3 = _interopRequireDefault(_typeof2);
  8. exports.noop = noop;
  9. exports.getKeyFromChildrenIndex = getKeyFromChildrenIndex;
  10. exports.getMenuIdFromSubMenuEventKey = getMenuIdFromSubMenuEventKey;
  11. exports.loopMenuItem = loopMenuItem;
  12. exports.loopMenuItemRecursively = loopMenuItemRecursively;
  13. var _isMobile = require('./utils/isMobile');
  14. var _isMobile2 = _interopRequireDefault(_isMobile);
  15. function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
  16. function noop() {}
  17. function getKeyFromChildrenIndex(child, menuEventKey, index) {
  18. var prefix = menuEventKey || '';
  19. return child.key === undefined ? prefix + 'item_' + index : child.key;
  20. }
  21. function getMenuIdFromSubMenuEventKey(eventKey) {
  22. return eventKey + '-menu-';
  23. }
  24. function loopMenuItem(children, cb) {
  25. var index = -1;
  26. children.forEach(function (c) {
  27. index++;
  28. if (c && c.type && c.type.isMenuItemGroup) {
  29. c.$slots['default'].forEach(function (c2) {
  30. index++;
  31. c.componentOptions && cb(c2, index);
  32. });
  33. } else {
  34. c.componentOptions && cb(c, index);
  35. }
  36. });
  37. }
  38. function loopMenuItemRecursively(children, keys, ret) {
  39. if (!children || ret.find) {
  40. return;
  41. }
  42. children.forEach(function (c) {
  43. if (ret.find) {
  44. return;
  45. }
  46. if (c.data && c.data.slot && c.data.slot !== 'default') {
  47. return;
  48. }
  49. if (c && c.componentOptions) {
  50. var options = c.componentOptions.Ctor.options;
  51. if (!options || !(options.isSubMenu || options.isMenuItem || options.isMenuItemGroup)) {
  52. return;
  53. }
  54. if (keys.indexOf(c.key) !== -1) {
  55. ret.find = true;
  56. } else if (c.componentOptions.children) {
  57. loopMenuItemRecursively(c.componentOptions.children, keys, ret);
  58. }
  59. }
  60. });
  61. }
  62. var menuAllProps = exports.menuAllProps = {
  63. props: ['defaultSelectedKeys', 'selectedKeys', 'defaultOpenKeys', 'openKeys', 'mode', 'getPopupContainer', 'openTransitionName', 'openAnimation', 'subMenuOpenDelay', 'subMenuCloseDelay', 'forceSubMenuRender', 'triggerSubMenuAction', 'level', 'selectable', 'multiple', 'visible', 'focusable', 'defaultActiveFirst', 'prefixCls', 'inlineIndent', 'parentMenu', 'title', 'rootPrefixCls', 'eventKey', 'active', 'popupAlign', 'popupOffset', 'isOpen', 'renderMenuItem', 'manualRef', 'subMenuKey', 'disabled', 'index', 'isSelected', 'store', 'activeKey', 'builtinPlacements', 'overflowedIndicator',
  64. // the following keys found need to be removed from test regression
  65. 'attribute', 'value', 'popupClassName', 'inlineCollapsed', 'menu', 'theme', 'itemIcon', 'expandIcon'],
  66. on: ['select', 'deselect', 'destroy', 'openChange', 'itemHover', 'titleMouseenter', 'titleMouseleave', 'titleClick']
  67. };
  68. // ref: https://github.com/ant-design/ant-design/issues/14007
  69. // ref: https://bugs.chromium.org/p/chromium/issues/detail?id=360889
  70. // getBoundingClientRect return the full precision value, which is
  71. // not the same behavior as on chrome. Set the precision to 6 to
  72. // unify their behavior
  73. var getWidth = exports.getWidth = function getWidth(elem) {
  74. var width = elem && typeof elem.getBoundingClientRect === 'function' && elem.getBoundingClientRect().width;
  75. if (width) {
  76. width = +width.toFixed(6);
  77. }
  78. return width || 0;
  79. };
  80. var setStyle = exports.setStyle = function setStyle(elem, styleProperty, value) {
  81. if (elem && (0, _typeof3['default'])(elem.style) === 'object') {
  82. elem.style[styleProperty] = value;
  83. }
  84. };
  85. var isMobileDevice = exports.isMobileDevice = function isMobileDevice() {
  86. return _isMobile2['default'].any;
  87. };