@king-design/react 2.1.2 → 2.1.4

package/components/menu/item.js

@@ -26,16 +26,12 @@ var events = {
 export var MENU_ITEM = 'MenuItem';
 export var MenuItem = /*#__PURE__*/function (_Component) {
   _inheritsLoose(MenuItem, _Component);
-
   function MenuItem() {
     var _context;
-
     var _this;
-
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-
     _this = _Component.call.apply(_Component, _concatInstanceProperty(_context = [this]).call(_context, args)) || this;
     _this.rootMenu = inject(ROOT_MENU);
     _this.parentMenu = inject(MENU);
@@ -45,41 +41,32 @@ export var MenuItem = /*#__PURE__*/function (_Component) {
     _this.router = useRouter();
     return _this;
   }
-
   var _proto = MenuItem.prototype;
-
   _proto.init = function init() {
     provide(MENU_ITEM, this);
     useRecordItem(MENU_RECORD_KEY);
     useHighlightItem();
   };
-
   _proto.onClick = function onClick(hasSubMenu, e) {
     var _this$get = this.get(),
-        disabled = _this$get.disabled,
-        to = _this$get.to,
-        key = _this$get.key;
-
+      disabled = _this$get.disabled,
+      to = _this$get.to,
+      key = _this$get.key;
     if (disabled) return;
-
     if (hasSubMenu) {
       this.expanded.toggle();
     } else {
       this.rootMenu.highlight.select(key);
     }
-
     this.trigger('click', e);
-
     if (!hasSubMenu) {
       this.trigger('select', this, e);
       navigate(this.router.value, to);
     }
   };
-
   return MenuItem;
 }(Component);
 MenuItem.template = template;
 MenuItem.typeDefs = typeDefs;
 MenuItem.events = events;
-
 __decorate([bind], MenuItem.prototype, "onClick", null);

package/components/menu/item.vdt.js

@@ -13,56 +13,47 @@ var _$tmp0 = {
 };
 export default function ($props, $blocks, $__proto__) {
   var _classNameObj,
-      _this = this;
-
+    _this = this;
   $blocks || ($blocks = {});
   $props || ($props = {});
   var $this = this;
   var rootMenu = this.rootMenu;
-
   var _rootMenu$get = rootMenu.get(),
-      theme = _rootMenu$get.theme,
-      type = _rootMenu$get.type,
-      rootDot = _rootMenu$get.dot;
-
+    theme = _rootMenu$get.theme,
+    type = _rootMenu$get.type,
+    rootDot = _rootMenu$get.dot;
   var _this$get = this.get(),
-      children = _this$get.children,
-      key = _this$get.key,
-      className = _this$get.className,
-      disabled = _this$get.disabled,
-      dot = _this$get.dot;
-
+    children = _this$get.children,
+    key = _this$get.key,
+    className = _this$get.className,
+    disabled = _this$get.disabled,
+    dot = _this$get.dot;
   var _rootMenu$highlight = rootMenu.highlight,
-      isHighlighted = _rootMenu$highlight.isHighlighted,
-      isSelected = _rootMenu$highlight.isSelected;
+    isHighlighted = _rootMenu$highlight.isHighlighted,
+    isSelected = _rootMenu$highlight.isSelected;
   var isExpandedKey = this.expanded.isExpanded;
   var isExpanded = isExpandedKey(key);
-
   var _this$dropdown = this.dropdown(),
-      isTopItem = _this$dropdown.isTopItem,
-      subMenuVNode = _this$dropdown.subMenuVNode,
-      isDropdownMenu = _this$dropdown.isDropdownMenu,
-      tooltipContents = _this$dropdown.tooltipContents,
-      iconVNode = _this$dropdown.iconVNode,
-      titleVNodes = _this$dropdown.titleVNodes,
-      position = _this$dropdown.position,
-      isCollapse = _this$dropdown.isCollapse;
-
+    isTopItem = _this$dropdown.isTopItem,
+    subMenuVNode = _this$dropdown.subMenuVNode,
+    isDropdownMenu = _this$dropdown.isDropdownMenu,
+    tooltipContents = _this$dropdown.tooltipContents,
+    iconVNode = _this$dropdown.iconVNode,
+    titleVNodes = _this$dropdown.titleVNodes,
+    position = _this$dropdown.position,
+    isCollapse = _this$dropdown.isCollapse;
   var classNameObj = (_classNameObj = {
     'k-menu-item': true
   }, _classNameObj[className] = className, _classNameObj['k-expanded'] = isExpanded, _classNameObj['k-disabled'] = disabled, _classNameObj['k-active'] = isSelected(key), _classNameObj['k-highlighted'] = isHighlighted(key), _classNameObj[makeItemStyles()] = true, _classNameObj);
   var showDot = isTopItem && !iconVNode && isNullOrUndefined(dot) ? rootDot : dot;
-
   var title = function title(children) {
     var _$cn2;
-
     return _$ce(2, 'div', [showDot ? _$cc(Icon, _$tmp0) : undefined, _$ce(2, 'div', children, 0, 'k-menu-name'), subMenuVNode ? _$ce(2, 'i', null, 1, 'k-menu-arrow ion-ios-arrow-down') : undefined], 0, _$cn((_$cn2 = {
       'k-menu-title': true
     }, _$cn2[makeTitleStyles()] = true, _$cn2)), {
       'ev-click': _this.onClick.bind(_this, subMenuVNode)
     });
   };
-
   return _$cv('div', _extends({
     'className': _$cn(classNameObj)
   }, getRestProps(this)), !isDropdownMenu ? [title(titleVNodes), _$cc(Transition, _extends({
@@ -76,17 +67,14 @@ export default function ($props, $blocks, $__proto__) {
     'children': title(iconVNode),
     '$blocks': function ($blocks) {
       var _$blocks = {},
-          __$blocks = _$ex({}, $blocks);
-
+        __$blocks = _$ex({}, $blocks);
       return (_$blocks['content'] = function ($super) {
         return tooltipContents;
       }, __$blocks['content'] = function ($super, data) {
         var block = $blocks['content'];
-
         var callBlock = function callBlock() {
           return _$blocks['content'].call($this, $super, data);
         };
-
         return block ? block.call($this, callBlock, data) : callBlock();
       }), __$blocks;
     }.call($this, _$em)

package/components/menu/menu.js

@@ -13,7 +13,6 @@ var typeDefs = {
   accordion: Boolean,
   dot: Boolean
 };
-
 var defaults = function defaults() {
   return {
     expandedKeys: [],
@@ -22,21 +21,16 @@ var defaults = function defaults() {
     size: 'default'
   };
 };
-
 export var MENU = 'Menu';
 export var ROOT_MENU = 'RootMenu';
 export var Menu = /*#__PURE__*/function (_Component) {
   _inheritsLoose(Menu, _Component);
-
   function Menu() {
     var _context;
-
     var _this;
-
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-
     _this = _Component.call.apply(_Component, _concatInstanceProperty(_context = [this]).call(_context, args)) || this;
     _this.rootMenu = inject(ROOT_MENU, null);
     _this.parentMenu = inject(MENU, null);
@@ -44,18 +38,15 @@ export var Menu = /*#__PURE__*/function (_Component) {
     _this.highlight = void 0;
     return _this;
   }
-
   var _proto = Menu.prototype;
-
   _proto.init = function init() {
-    provide(MENU, this); // is root menu or not
-
+    provide(MENU, this);
+    // is root menu or not
     if (!this.rootMenu) {
       provide(ROOT_MENU, this);
       this.highlight = useHighlight();
     }
   };
-
   return Menu;
 }(Component);
 Menu.template = template;

package/components/menu/menu.vdt.js

@@ -7,23 +7,19 @@ import { makeMenuStyles, makeTitleStyles } from './styles';
 import { Icon } from '../icon';
 export default function ($props, $blocks, $__proto__) {
   var _classNameObj, _$cn2;
-
   $blocks || ($blocks = {});
   $props || ($props = {});
   var $this = this;
   var _$blocks = {};
   var __$blocks = {};
-
   var _this$get = this.get(),
-      children = _this$get.children,
-      className = _this$get.className;
-
+    children = _this$get.children,
+    className = _this$get.className;
   var _get = (this.rootMenu || this).get(),
-      collapse = _get.collapse,
-      theme = _get.theme,
-      type = _get.type,
-      size = _get.size;
-
+    collapse = _get.collapse,
+    theme = _get.theme,
+    type = _get.type,
+    size = _get.size;
   var isRootMenu = !this.rootMenu;
   var isDropdownMenu = !isRootMenu && isDropdown(this.rootMenu);
   var classNameObj = (_classNameObj = {
@@ -33,11 +29,9 @@ export default function ($props, $blocks, $__proto__) {
     return null;
   }, __$blocks['header'] = function ($super, data) {
     var block = $blocks['header'];
-
     var callBlock = function callBlock() {
       return _$blocks['header'].call($this, $super, data);
     };
-
     return block ? block.call($this, callBlock, data) : callBlock();
   }, __$blocks['header'](_$no));
   var content = [$blocks.header ? _$ce(2, 'div', !collapse ? header : findChildren(header, function (vNode) {

package/components/menu/styles.js

@@ -8,29 +8,23 @@ var defaults = {
   get transition() {
     return theme.transition.large;
   },
-
   width: '200px',
   bgColor: '#262626',
   fontSize: '14px',
-
   get borderRadius() {
     return theme.borderRadius;
   },
-
   item: {
     height: '40px',
     padding: '0 21px',
     color: '#b2b2b2',
     hoverColor: '#fff',
-
     get disabledColor() {
       return theme.color.text;
     },
-
     get activeBgColor() {
       return theme.color.primary;
     },
-
     dotFontSize: '12px'
   },
   icon: {
@@ -52,11 +46,9 @@ var defaults = {
       get color() {
         return theme.color.text;
       },
-
       get hoverColor() {
         return theme.color.primary;
       },
-
       disabledColor: '#999'
     }
   },
@@ -68,25 +60,20 @@ var defaults = {
       get color() {
         return theme.color.text;
       },
-
       get hoverColor() {
         return theme.color.primary;
       },
-
       get disabledColor() {
         return theme.color.disabled;
       }
-
     },
     active: {
       get color() {
         return theme.color.primary;
       },
-
       get bgColor() {
         return palette(theme.color.primary, -4);
       }
-
     }
   },
   // dropdown
@@ -95,19 +82,15 @@ var defaults = {
   },
   large: {
     width: '250px',
-
     get fontSize() {
       return menu.fontSize;
     }
-
   },
   small: {
     width: '180px',
-
     get fontSize() {
       return theme.small.fontSize;
     }
-
   }
 };
 var menu;
@@ -119,7 +102,6 @@ setDefault(function () {
 export { menu };
 export function makeMenuStyles() {
   var _context;
-
   // we must increase the priority by adding &.k-menu
   // to override the css of dropdownMenu
   return /*#__PURE__*/css("&.k-menu{width:", menu.width, ";transition:width ", menu.transition, ";background:", menu.bgColor, ";font-size:", menu.fontSize, ";}&:not(.k-dropdown-menu) &:not(.k-dropdown-menu){width:auto;background:", menu.subBgColor, ";.k-menu-title{padding-left:calc(", getLeft(menu.item.padding), " + ", menu.icon.width, " + ", menu.icon.gap, ");}}&:not(.k-dropdown-menu) &:not(.k-dropdown-menu) &:not(.k-dropdown-menu){.k-menu-title{padding-left:calc(", getLeft(menu.item.padding), " + ", menu.icon.width, " * 2 + ", menu.icon.gap, ");}}.k-icon{width:", menu.icon.width, ";margin-right:", menu.icon.gap, ";text-align:center;flex-shrink:0;}.k-menu-header{height:", menu.header.height, ";font-size:", menu.header.fontSize, ";font-weight:bold;border-bottom:", menu.header.borderBottom, ";}", _mapInstanceProperty(_context = ['light', 'white']).call(_context, function (theme) {

package/components/menu/useDropdown.js

@@ -17,10 +17,9 @@ export function useDropdown(rootMenu, parentMenu) {
   onBeforeMount(parseChildren);
   onBeforeUpdate(parseChildren);
   parsePosition(rootMenu.get('type'));
-  rootMenu.watch('type', parsePosition); // hide dropdown menu on select
-
+  rootMenu.watch('type', parsePosition);
+  // hide dropdown menu on select
   instance.on('select', hide);
-
   function parseChildren() {
     isDropdownMenu = isDropdown(rootMenu);
     tooltipContents = [];
@@ -42,7 +41,6 @@ export function useDropdown(rootMenu, parentMenu) {
       }
     });
   }
-
   function parsePosition(type) {
     position = type !== 'horizontal' || !isTopItem ? {
       my: 'left top',
@@ -52,13 +50,11 @@ export function useDropdown(rootMenu, parentMenu) {
       at: 'left bottom+5'
     };
   }
-
   function hide() {
     if (!isTopItem && rootDropdown) {
       rootDropdown.hide(true);
     }
   }
-
   return function () {
     return {
       isTopItem: isTopItem,
@@ -74,8 +70,7 @@ export function useDropdown(rootMenu, parentMenu) {
 }
 export function isDropdown(rootMenu) {
   var _rootMenu$get = rootMenu.get(),
-      collapse = _rootMenu$get.collapse,
-      type = _rootMenu$get.type;
-
+    collapse = _rootMenu$get.collapse,
+    type = _rootMenu$get.type;
   return collapse || type === 'horizontal';
 }

package/components/menu/useExpanded.js

@@ -6,27 +6,21 @@ import { isDropdown } from './useDropdown';
 export function useExpanded(rootMenu, parentMenu) {
   var instance = useInstance();
   onBeforeUnmount(removeSubExpandedKey);
-
   function isExpanded() {
     var isExpanded = !isDropdown(rootMenu) && inArray(rootMenu.get('expandedKeys'), instance.get('key'));
-
     if (isExpanded) {
       addSubExpandedKey();
     } else {
       removeSubExpandedKey();
     }
-
     return isExpanded;
   }
-
   function expand() {
     expandOrShrink(true);
   }
-
   function shrink() {
     expandOrShrink(false);
   }
-
   function toggle() {
     if (isExpanded()) {
       shrink();
@@ -35,40 +29,32 @@ export function useExpanded(rootMenu, parentMenu) {
     } else {
       // accordion
       var subExpandedKeys = parentMenu.subExpandedKeys;
-
       if (subExpandedKeys) {
         subExpandedKeys.forEach(function (key) {
           addOrRemove(rootMenu.get('expandedKeys'), key, false);
         });
       }
-
       expand();
     }
   }
-
   function expandOrShrink(isExpand) {
     var _context;
-
     var expandedKeys = _sliceInstanceProperty(_context = rootMenu.get('expandedKeys')).call(_context);
-
     addOrRemove(expandedKeys, instance.get('key'), isExpand);
     rootMenu.set({
       expandedKeys: expandedKeys
     });
   }
-
   function addSubExpandedKey() {
     var key = instance.get('key');
     var subExpandedKeys = parentMenu.subExpandedKeys || (parentMenu.subExpandedKeys = new _Set());
     subExpandedKeys.add(key);
   }
-
   function removeSubExpandedKey() {
     var key = instance.get('key');
     var subExpandedKeys = parentMenu.subExpandedKeys || (parentMenu.subExpandedKeys = new _Set());
     subExpandedKeys.delete(key);
   }
-
   return {
     isExpanded: isExpanded,
     expand: expand,

package/components/menu/useHighlight.js

@@ -13,54 +13,45 @@ export function useHighlight() {
   instance.watch('selectedKey', updateStatus, {
     presented: true
   });
-
   function updateStatus(newValue) {
-    var _loop = function _loop(i) {
-      var menuItem = menuItems[i];
-      var key = menuItem.get('key');
-      if (newValue !== key) return "continue";
-      var items = [];
-      var parentItem = menuItem.parentMenuItem;
-
-      while (parentItem) {
-        items.push(parentItem);
-        parentItem = parentItem.parentMenuItem;
-      }
-
-      var expandedKeys = new _Set(instance.get('expandedKeys'));
-      highlightedKeys.set(_mapInstanceProperty(items).call(items, function (item) {
-        var key = item.get('key');
-        expandedKeys.add(key);
-        return key;
-      }));
-      instance.set('expandedKeys', _Array$from(expandedKeys));
-      return {
-        v: void 0
-      };
-    };
-
+    var _loop = function _loop() {
+        var menuItem = menuItems[i];
+        var key = menuItem.get('key');
+        if (newValue !== key) return 0; // continue
+        var items = [];
+        var parentItem = menuItem.parentMenuItem;
+        while (parentItem) {
+          items.push(parentItem);
+          parentItem = parentItem.parentMenuItem;
+        }
+        var expandedKeys = new _Set(instance.get('expandedKeys'));
+        highlightedKeys.set(_mapInstanceProperty(items).call(items, function (item) {
+          var key = item.get('key');
+          expandedKeys.add(key);
+          return key;
+        }));
+        instance.set('expandedKeys', _Array$from(expandedKeys));
+        return {
+          v: void 0
+        };
+      },
+      _ret;
     for (var i = 0; i < menuItems.length; i++) {
-      var _ret = _loop(i);
-
-      if (_ret === "continue") continue;
-      if (typeof _ret === "object") return _ret.v;
+      _ret = _loop();
+      if (_ret === 0) continue;
+      if (_ret) return _ret.v;
     }
-
     highlightedKeys.set([]);
   }
-
   function isHighlighted(key) {
     return inArray(highlightedKeys.value, key);
   }
-
   function select(key) {
     instance.set('selectedKey', key);
   }
-
   function isSelected(key) {
     return instance.get('selectedKey') === key;
   }
-
   return {
     isHighlighted: isHighlighted,
     select: select,
@@ -73,8 +64,7 @@ export function useHighlightItem() {
   onMounted(function () {
     if (instance.rootMenu.get('selectedKey') == instance.get('key')) {
       var _instance$rootMenu$hi;
-
-      (_instance$rootMenu$hi = instance.rootMenu.highlight) == null ? void 0 : _instance$rootMenu$hi.updateStatus(instance.get('key'));
+      (_instance$rootMenu$hi = instance.rootMenu.highlight) == null || _instance$rootMenu$hi.updateStatus(instance.get('key'));
     }
   });
 }