@king-design/vue 2.1.4 → 2.1.6

package/components/menu/item.js

@@ -26,12 +26,16 @@ 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);
@@ -41,32 +45,41 @@ 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,47 +13,56 @@ 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({
@@ -67,14 +76,17 @@ 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,6 +13,7 @@ var typeDefs = {
   accordion: Boolean,
   dot: Boolean
 };
+
 var defaults = function defaults() {
   return {
     expandedKeys: [],
@@ -21,16 +22,21 @@ 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);
@@ -38,15 +44,18 @@ 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,19 +7,23 @@ 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 = {
@@ -29,9 +33,11 @@ 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,23 +8,29 @@ 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: {
@@ -46,9 +52,11 @@ var defaults = {
       get color() {
         return theme.color.text;
       },
+
       get hoverColor() {
         return theme.color.primary;
       },
+
       disabledColor: '#999'
     }
   },
@@ -60,20 +68,25 @@ 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
@@ -82,15 +95,19 @@ var defaults = {
   },
   large: {
     width: '250px',
+
     get fontSize() {
       return menu.fontSize;
     }
+
   },
   small: {
     width: '180px',
+
     get fontSize() {
       return theme.small.fontSize;
     }
+
   }
 };
 var menu;
@@ -102,6 +119,7 @@ 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,9 +17,10 @@ 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 = [];
@@ -41,6 +42,7 @@ export function useDropdown(rootMenu, parentMenu) {
       }
     });
   }
+
   function parsePosition(type) {
     position = type !== 'horizontal' || !isTopItem ? {
       my: 'left top',
@@ -50,11 +52,13 @@ export function useDropdown(rootMenu, parentMenu) {
       at: 'left bottom+5'
     };
   }
+
   function hide() {
     if (!isTopItem && rootDropdown) {
       rootDropdown.hide(true);
     }
   }
+
   return function () {
     return {
       isTopItem: isTopItem,
@@ -70,7 +74,8 @@ 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,21 +6,27 @@ 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();
@@ -29,32 +35,40 @@ 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,45 +13,54 @@ export function useHighlight() {
   instance.watch('selectedKey', updateStatus, {
     presented: true
   });
+
   function updateStatus(newValue) {
-    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;
+    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
+      };
+    };
+
     for (var i = 0; i < menuItems.length; i++) {
-      _ret = _loop();
-      if (_ret === 0) continue;
-      if (_ret) return _ret.v;
+      var _ret = _loop(i);
+
+      if (_ret === "continue") continue;
+      if (typeof _ret === "object") 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,
@@ -64,7 +73,8 @@ export function useHighlightItem() {
   onMounted(function () {
     if (instance.rootMenu.get('selectedKey') == instance.get('key')) {
       var _instance$rootMenu$hi;
-      (_instance$rootMenu$hi = instance.rootMenu.highlight) == null || _instance$rootMenu$hi.updateStatus(instance.get('key'));
+
+      (_instance$rootMenu$hi = instance.rootMenu.highlight) == null ? void 0 : _instance$rootMenu$hi.updateStatus(instance.get('key'));
     }
   });
 }