@kdcloudjs/kdesign 1.6.33 → 1.6.35

package/es/menu/menu.js

@@ -6,20 +6,14 @@ import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable
 import _Set from "@babel/runtime-corejs3/core-js-stable/set";
 import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
 import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
-
 var __rest = this && this.__rest || function (s, e) {
   var t = {};
-
-  for (var p in s) {
-    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
-  }
-
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
   if (s != null && typeof _Object$getOwnPropertySymbols === "function") for (var i = 0, p = _Object$getOwnPropertySymbols(s); i < p.length; i++) {
     if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
   }
   return t;
 };
-
 import React, { useEffect } from 'react';
 import { toArray } from '../_utils/react-children';
 import { ConfigContext } from '../config-provider';
@@ -28,64 +22,51 @@ import classNames from 'classnames';
 import devWarning from '../_utils/devwarning';
 import MenuItem from './menuItem';
 import SubMenu from './subMenu';
-
 var isFunction = function isFunction(fn) {
   return fn && typeof fn === 'function';
 };
-
 var openSubMenuSet = new _Set();
-
 var Menu = function Menu(props) {
   var _context2, _classNames;
-
   var _a;
-
   var _React$useContext = React.useContext(ConfigContext),
-      getPrefixCls = _React$useContext.getPrefixCls,
-      pkgPrefixCls = _React$useContext.prefixCls,
-      userDefaultProps = _React$useContext.compDefaultProps;
-
+    getPrefixCls = _React$useContext.getPrefixCls,
+    pkgPrefixCls = _React$useContext.prefixCls,
+    userDefaultProps = _React$useContext.compDefaultProps;
   var userSelectedKey = props.selectedKey,
-      userOpenKeys = props.openKeys;
-
+    userOpenKeys = props.openKeys;
   var _b = getCompProps('Menu', userDefaultProps, props),
-      customPrefixcls = _b.prefixCls,
-      mode = _b.mode,
-      inlineIndent = _b.inlineIndent,
-      forceSubMenuRender = _b.forceSubMenuRender,
-      additionalTools = _b.additionalTools,
-      onClick = _b.onClick,
-      onOpenChange = _b.onOpenChange,
-      children = _b.children,
-      className = _b.className,
-      theme = _b.theme,
-      collapsed = _b.collapsed,
-      accordion = _b.accordion,
-      restProps = __rest(_b, ["prefixCls", "mode", "inlineIndent", "forceSubMenuRender", "additionalTools", "onClick", "onOpenChange", "children", "className", "theme", "collapsed", "accordion"]);
-
+    customPrefixcls = _b.prefixCls,
+    mode = _b.mode,
+    inlineIndent = _b.inlineIndent,
+    forceSubMenuRender = _b.forceSubMenuRender,
+    additionalTools = _b.additionalTools,
+    onClick = _b.onClick,
+    onOpenChange = _b.onOpenChange,
+    children = _b.children,
+    className = _b.className,
+    theme = _b.theme,
+    collapsed = _b.collapsed,
+    accordion = _b.accordion,
+    restProps = __rest(_b, ["prefixCls", "mode", "inlineIndent", "forceSubMenuRender", "additionalTools", "onClick", "onOpenChange", "children", "className", "theme", "collapsed", "accordion"]);
   var prefixCls = getPrefixCls(pkgPrefixCls, 'menu', customPrefixcls);
   devWarning(['inline', 'vertical', undefined].indexOf(mode) === -1, 'menu', "cannot found menu mode '".concat(mode, "'"));
   devWarning(mode !== 'inline' && accordion !== undefined, 'menu', "'accordion' is valid only in mode='inline'");
-
   var _React$useState = React.useState(''),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      selectedKey = _React$useState2[0],
-      setSelectedKey = _React$useState2[1];
-
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    selectedKey = _React$useState2[0],
+    setSelectedKey = _React$useState2[1];
   var _React$useState3 = React.useState([]),
-      _React$useState4 = _slicedToArray(_React$useState3, 2),
-      selectedKeyPath = _React$useState4[0],
-      setSelectedKeyPath = _React$useState4[1];
-
+    _React$useState4 = _slicedToArray(_React$useState3, 2),
+    selectedKeyPath = _React$useState4[0],
+    setSelectedKeyPath = _React$useState4[1];
   var _React$useState5 = React.useState([]),
-      _React$useState6 = _slicedToArray(_React$useState5, 2),
-      openKeys = _React$useState6[0],
-      setOpenKeys = _React$useState6[1];
-
+    _React$useState6 = _slicedToArray(_React$useState5, 2),
+    openKeys = _React$useState6[0],
+    setOpenKeys = _React$useState6[1];
   if (mode === 'inline') {
     restProps.triggerSubMenuAction = 'click';
   }
-
   useEffect(function () {
     setOpenKeys([]);
     setSelectedKey('');
@@ -106,60 +87,48 @@ var Menu = function Menu(props) {
       });
     }
   }, [userOpenKeys]);
-
   var handleOnClick = function handleOnClick(info) {
     if (userSelectedKey === undefined) {
       setSelectedKey(info.key);
     }
-
     if (mode !== 'inline' && openKeys.length > 0) {
       setOpenKeys([]);
       openSubMenuSet.clear();
     }
-
     onClick && onClick(info);
   };
-
   var handleMouseEnterMenu = function handleMouseEnterMenu() {
     if (isFunction(restProps.onMouseEnter)) {
       restProps.onMouseEnter();
     }
   };
-
   var handleMouseLeaveMenu = function handleMouseLeaveMenu() {
     if (isFunction(restProps.onMouseLeave)) {
       restProps.onMouseLeave();
     }
-  }; // 子菜单展开关闭的回调
-
-
+  };
+  // 子菜单展开关闭的回调
   var handleOnOpenChange = function handleOnOpenChange(openKey, isAdd) {
     var clean = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
-
     if (clean) {
       openSubMenuSet.clear();
     } else {
       if (mode === 'inline' && accordion) {
         openSubMenuSet.clear();
       }
-
       if (isAdd) {
         openSubMenuSet.add(openKey);
       } else {
         openSubMenuSet.delete(openKey);
       }
     }
-
     if (userOpenKeys === undefined) {
       setOpenKeys(_toConsumableArray(openSubMenuSet));
     }
-
     onOpenChange && onOpenChange(_toConsumableArray(openSubMenuSet));
   };
-
   var renderMenu = function renderMenu() {
     var _context;
-
     return /*#__PURE__*/React.createElement("ul", null, _mapInstanceProperty(_context = toArray(children)).call(_context, function (item, i) {
       if (!item) return;
       var key = (item === null || item === void 0 ? void 0 : item.key) || i;
@@ -183,12 +152,10 @@ var Menu = function Menu(props) {
       });
     }));
   };
-
   var style = _extends(_extends({}, restProps.style), {
     width: !collapsed && ((_a = restProps.style) === null || _a === void 0 ? void 0 : _a.width),
     transition: 'width 0.2s cubic-bezier(0,.4,.4,1)'
   });
-
   var mouseEvent = {
     onMouseLeave: handleMouseLeaveMenu,
     onMouseEnter: handleMouseEnterMenu
@@ -199,7 +166,6 @@ var Menu = function Menu(props) {
     style: style
   }, mouseEvent), children && renderMenu(), additionalTools);
 };
-
 Menu.displayName = 'Menu';
 Menu.Item = MenuItem;
 Menu.SubMenu = SubMenu;

package/es/menu/menuItem.js

@@ -3,20 +3,14 @@ import _extends from "@babel/runtime-corejs3/helpers/extends";
 import _toConsumableArray from "@babel/runtime-corejs3/helpers/toConsumableArray";
 import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
 import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
-
 var __rest = this && this.__rest || function (s, e) {
   var t = {};
-
-  for (var p in s) {
-    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
-  }
-
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
   if (s != null && typeof _Object$getOwnPropertySymbols === "function") for (var i = 0, p = _Object$getOwnPropertySymbols(s); i < p.length; i++) {
     if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
   }
   return t;
 };
-
 import * as React from 'react';
 import { ConfigContext } from '../config-provider';
 import { getCompProps } from '../_utils';
@@ -24,69 +18,59 @@ import classNames from 'classnames';
 import { renderReactNodeFunction, DEFAUTL_PADDING } from './util';
 import devWarning from '../_utils/devwarning';
 export var MENU_ITEM_CONTAINER_NAME = 'menu-item-content-container';
-
 var InternalMenuItem = function InternalMenuItem(props, ref) {
   var _context, _classNames;
-
   var _React$useContext = React.useContext(ConfigContext),
-      getPrefixCls = _React$useContext.getPrefixCls,
-      pkgPrefixCls = _React$useContext.prefixCls,
-      userDefaultProps = _React$useContext.compDefaultProps; // 属性需要合并一遍用户定义的默认属性
-
-
+    getPrefixCls = _React$useContext.getPrefixCls,
+    pkgPrefixCls = _React$useContext.prefixCls,
+    userDefaultProps = _React$useContext.compDefaultProps;
+  // 属性需要合并一遍用户定义的默认属性
   var _a = getCompProps('MenuItem', userDefaultProps, props),
-      customPrefixcls = _a.prefixCls,
-      icon = _a.icon,
-      mode = _a.mode,
-      _a$level = _a.level,
-      level = _a$level === void 0 ? 1 : _a$level,
-      disabled = _a.disabled,
-      children = _a.children,
-      collapsed = _a.collapsed,
-      keyValue = _a.keyValue,
-      selectedKey = _a.selectedKey,
-      setSelectedKeyPath = _a.setSelectedKeyPath,
-      subMenuMode = _a.subMenuMode,
-      inlineIndent = _a.inlineIndent,
-      className = _a.className,
-      handleOnClick = _a.handleOnClick,
-      _a$paddingLeft = _a.paddingLeft,
-      paddingLeft = _a$paddingLeft === void 0 ? 0 : _a$paddingLeft,
-      style = _a.style,
-      parentPath = _a.parentPath,
-      restProps = __rest(_a, ["prefixCls", "icon", "mode", "level", "disabled", "children", "collapsed", "keyValue", "selectedKey", "setSelectedKeyPath", "subMenuMode", "inlineIndent", "className", "handleOnClick", "paddingLeft", "style", "parentPath"]);
-
+    customPrefixcls = _a.prefixCls,
+    icon = _a.icon,
+    mode = _a.mode,
+    _a$level = _a.level,
+    level = _a$level === void 0 ? 1 : _a$level,
+    disabled = _a.disabled,
+    children = _a.children,
+    collapsed = _a.collapsed,
+    keyValue = _a.keyValue,
+    selectedKey = _a.selectedKey,
+    setSelectedKeyPath = _a.setSelectedKeyPath,
+    subMenuMode = _a.subMenuMode,
+    inlineIndent = _a.inlineIndent,
+    className = _a.className,
+    handleOnClick = _a.handleOnClick,
+    _a$paddingLeft = _a.paddingLeft,
+    paddingLeft = _a$paddingLeft === void 0 ? 0 : _a$paddingLeft,
+    style = _a.style,
+    parentPath = _a.parentPath,
+    restProps = __rest(_a, ["prefixCls", "icon", "mode", "level", "disabled", "children", "collapsed", "keyValue", "selectedKey", "setSelectedKeyPath", "subMenuMode", "inlineIndent", "className", "handleOnClick", "paddingLeft", "style", "parentPath"]);
   devWarning(!keyValue && keyValue !== 0, 'menuitem', 'cannot found children in Menu.Item');
   var prefixCls = getPrefixCls(pkgPrefixCls, 'menu-item', customPrefixcls);
   var menuItemRef = ref || /*#__PURE__*/React.createRef();
   var menuItemParentPath = Array.isArray(parentPath) ? _concatInstanceProperty(_context = []).call(_context, _toConsumableArray(parentPath), [keyValue]) : [keyValue];
-
   var renderItemChildren = function renderItemChildren(children) {
     if (typeof children === 'string') {
       return /*#__PURE__*/React.createElement("span", {
         className: MENU_ITEM_CONTAINER_NAME
       }, children);
     }
-
     return /*#__PURE__*/React.createElement("div", {
       className: MENU_ITEM_CONTAINER_NAME
     }, typeof children === 'function' ? children() : children);
   };
-
   var preventClick = function preventClick() {
     return !!(disabled || mode === 'inline');
   };
-
   var handleOnMouseEnter = function handleOnMouseEnter(e) {
     if (preventClick()) return;
     restProps.onMouseEnter && restProps.onMouseEnter(e);
   };
-
   var handleOnMouseLeave = function handleOnMouseLeave(e) {
     if (preventClick()) return;
     restProps.onMouseLeave && restProps.onMouseLeave(e);
   };
-
   var handleOnClickItem = function handleOnClickItem(e) {
     if (disabled) return;
     e.stopPropagation();
@@ -97,27 +81,22 @@ var InternalMenuItem = function InternalMenuItem(props, ref) {
     };
     handleOnClick(info);
   };
-
   var getPaddingLeft = function getPaddingLeft() {
     if (icon || subMenuMode === 'horizontal') {
       return 0;
     }
-
     if (level > 1 && mode !== 'inline') {
       return DEFAUTL_PADDING;
-    } // if (level === 1 && icon) {
+    }
+    // if (level === 1 && icon) {
     //   return 0
     // }
     // 无图标显示首个字符不需要paddingleft
-
-
     if (!icon && collapsed && level === 1 && typeof children === 'string') {
       return 0;
     }
-
     return inlineIndent + paddingLeft;
   };
-
   var mouseEvent = {
     onClick: handleOnClickItem,
     onMouseLeave: handleOnMouseLeave,
@@ -127,15 +106,12 @@ var InternalMenuItem = function InternalMenuItem(props, ref) {
     paddingLeft: "".concat(getPaddingLeft(), "px"),
     paddingRight: mode !== 'inline' && level > 1 ? "".concat(DEFAUTL_PADDING, "px") : 0
   };
-
   var renderTitle = function renderTitle() {
     if (!icon && collapsed && level === 1 && typeof children === 'string') {
       return /*#__PURE__*/React.createElement("p", null, children.charAt(0));
     }
-
     return renderItemChildren(children);
   };
-
   React.useEffect(function () {
     if (selectedKey && selectedKey === keyValue) {
       setSelectedKeyPath(menuItemParentPath);
@@ -154,7 +130,6 @@ var InternalMenuItem = function InternalMenuItem(props, ref) {
     className: classNames("".concat(prefixCls, "-icon"))
   }), renderTitle()));
 };
-
 var MenuItem = /*#__PURE__*/React.forwardRef(InternalMenuItem);
 MenuItem.displayName = 'MenuItem';
 export default MenuItem;