@kdcloudjs/kdesign 1.6.33 → 1.6.35

package/es/menu/subMenu.js

@@ -5,20 +5,14 @@ import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable
 import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
 import _includesInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/includes";
 import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
-
 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 from 'react';
 import { ConfigContext } from '../config-provider';
 import { getCompProps } from '../_utils';
@@ -30,115 +24,95 @@ import { Icon } from '../index';
 import usePopper from '../_utils/usePopper';
 import devWarning from '../_utils/devwarning';
 import { MENU_ITEM_CONTAINER_NAME } from './menuItem';
-
 var SubMenu = function SubMenu(props) {
   var _classNames2, _classNames3, _context4;
-
   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('MenuSubMenu', userDefaultProps, props),
-      customPrefixcls = _a.prefixCls,
-      theme = _a.theme,
-      mode = _a.mode,
-      title = _a.title,
-      icon = _a.icon,
-      disabled = _a.disabled,
-      children = _a.children,
-      collapsed = _a.collapsed,
-      keyValue = _a.keyValue,
-      selectedKey = _a.selectedKey,
-      selectedKeyPath = _a.selectedKeyPath,
-      setSelectedKeyPath = _a.setSelectedKeyPath,
-      openKeys = _a.openKeys,
-      triggerSubMenuAction = _a.triggerSubMenuAction,
-      forceSubMenuRender = _a.forceSubMenuRender,
-      inlineIndent = _a.inlineIndent,
-      className = _a.className,
-      style = _a.style,
-      handleOnOpenChange = _a.handleOnOpenChange,
-      _a$paddingLeft = _a.paddingLeft,
-      paddingLeft = _a$paddingLeft === void 0 ? 0 : _a$paddingLeft,
-      restProps = __rest(_a, ["prefixCls", "theme", "mode", "title", "icon", "disabled", "children", "collapsed", "keyValue", "selectedKey", "selectedKeyPath", "setSelectedKeyPath", "openKeys", "triggerSubMenuAction", "forceSubMenuRender", "inlineIndent", "className", "style", "handleOnOpenChange", "paddingLeft"]);
-
-  var isVertical = mode === 'vertical'; // 初始化level
-
+    customPrefixcls = _a.prefixCls,
+    theme = _a.theme,
+    mode = _a.mode,
+    title = _a.title,
+    icon = _a.icon,
+    disabled = _a.disabled,
+    children = _a.children,
+    collapsed = _a.collapsed,
+    keyValue = _a.keyValue,
+    selectedKey = _a.selectedKey,
+    selectedKeyPath = _a.selectedKeyPath,
+    setSelectedKeyPath = _a.setSelectedKeyPath,
+    openKeys = _a.openKeys,
+    triggerSubMenuAction = _a.triggerSubMenuAction,
+    forceSubMenuRender = _a.forceSubMenuRender,
+    inlineIndent = _a.inlineIndent,
+    className = _a.className,
+    style = _a.style,
+    handleOnOpenChange = _a.handleOnOpenChange,
+    _a$paddingLeft = _a.paddingLeft,
+    paddingLeft = _a$paddingLeft === void 0 ? 0 : _a$paddingLeft,
+    restProps = __rest(_a, ["prefixCls", "theme", "mode", "title", "icon", "disabled", "children", "collapsed", "keyValue", "selectedKey", "selectedKeyPath", "setSelectedKeyPath", "openKeys", "triggerSubMenuAction", "forceSubMenuRender", "inlineIndent", "className", "style", "handleOnOpenChange", "paddingLeft"]);
+  var isVertical = mode === 'vertical';
+  // 初始化level
   if (!restProps.level) {
     restProps.level = 1;
   }
-
   if (Array.isArray(restProps.parentPath)) {
     var _context;
-
     restProps.parentPath = _concatInstanceProperty(_context = []).call(_context, _toConsumableArray(restProps.parentPath), [keyValue]);
   } else {
     restProps.parentPath = [keyValue];
   }
-
   if (mode === 'inline') {
     restProps.subMenuMode = 'vertical';
     restProps.popupOffset = [];
   }
-
-  devWarning(!children, 'submenu', 'cannot found children in Menu.SubMenu'); // className前缀
-
+  devWarning(!children, 'submenu', 'cannot found children in Menu.SubMenu');
+  // className前缀
   var prefixCls = getPrefixCls(pkgPrefixCls, 'menu-submenu', customPrefixcls);
   var subMenuRef = React.useRef(null);
   var subMenuWrapperRef = React.useRef(null);
   var subMenuVerticalRef = React.useRef(null);
   var subMenuWrapperVerticalRef = React.useRef(null);
-
   var visible = Array.isArray(openKeys) && _includesInstanceProperty(openKeys).call(openKeys, keyValue);
-
   React.useEffect(function () {
     if (!visible || isVertical) return;
     var subMenuWrapperEle = subMenuWrapperRef.current;
     var subMenuEle = subMenuRef.current;
-
     if (subMenuWrapperEle && isElementInViewport(subMenuEle)) {
       var position = subMenuWrapperEle.getBoundingClientRect();
       var windowHeight = document.body.offsetHeight;
-
       if (position.bottom > windowHeight) {
         subMenuWrapperEle.style.transform = "translate(0px,-".concat(position.bottom - windowHeight, "px)");
       }
     }
   });
-
   var getPaddingRight = function getPaddingRight() {
     if (collapsed && restProps.level === 1) {
       return 0;
     }
-
     return DEFAUTL_PADDING;
   };
-
   var getPaddingLeft = function getPaddingLeft() {
     if (restProps.level > 1 && mode !== 'inline') {
       return DEFAUTL_PADDING;
     }
-
     if (restProps.level === 1 && icon) {
       return 0;
-    } // 无图标显示首个字符不需要paddingleft
-
-
+    }
+    // 无图标显示首个字符不需要paddingleft
     if (!icon && collapsed && restProps.level === 1 && typeof title === 'string') {
       return 0;
     }
-
     return inlineIndent + paddingLeft;
   };
-
   var curPaddingRight = getPaddingRight();
   var curPaddingLeft = getPaddingLeft();
   var getCurrentStyle = React.useCallback(function () {
-    var _a; // 内嵌模式height主要是用来动画的，必须要设置overflow溢出隐藏
-
-
+    var _a;
+    // 内嵌模式height主要是用来动画的，必须要设置overflow溢出隐藏
     if (mode === 'inline') {
       var height = ((_a = subMenuWrapperRef.current) === null || _a === void 0 ? void 0 : _a.scrollHeight) || 0;
       return {
@@ -148,30 +122,23 @@ var SubMenu = function SubMenu(props) {
         transition: 'all 0.2s cubic-bezier(0,.4,.4,1)'
       };
     }
-
     var style = {
       visibility: forceSubMenuRender && !visible ? 'visible' : 'hidden'
     };
-
     if (restProps.subMenuMode === 'horizontal') {
       style.display = 'flex';
     }
-
     var _ref = subMenuRef.current || {
-      offsetTop: 0
-    },
-        offsetTop = _ref.offsetTop;
-
+        offsetTop: 0
+      },
+      offsetTop = _ref.offsetTop;
     var popupOffsetPosition = restProps.popupOffset;
-
     if (!Array.isArray(popupOffsetPosition) || popupOffsetPosition.length === 0) {
       popupOffsetPosition = [0, 0];
     }
-
     if (popupOffsetPosition.length === 1) {
       popupOffsetPosition = _concatInstanceProperty(popupOffsetPosition).call(popupOffsetPosition, 0);
     }
-
     return _extends(style, {
       position: 'absolute',
       top: "".concat(offsetTop, "px"),
@@ -180,79 +147,61 @@ var SubMenu = function SubMenu(props) {
       paddingTop: "".concat(popupOffsetPosition[1], "px")
     });
   }, [subMenuRef, restProps.popupOffset, forceSubMenuRender, visible, mode, restProps.subMenuMode]);
-
   var handleVisibleChange = function handleVisibleChange(status) {
     var clean = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
     handleOnOpenChange(keyValue, status, clean);
   };
-
   var closeSubMenu = function closeSubMenu() {
     handleVisibleChange(false, true);
-  }; // 点击区域外的地方关闭
-
-
+  };
+  // 点击区域外的地方关闭
   useOnClickOutside([subMenuVerticalRef, subMenuWrapperVerticalRef], function (e) {
     var _a;
-
     var className = ((_a = e === null || e === void 0 ? void 0 : e.target) === null || _a === void 0 ? void 0 : _a.className) || '';
-
     if (!_includesInstanceProperty(className).call(className, MENU_ITEM_CONTAINER_NAME)) {
       closeSubMenu();
     }
   });
-
   var handleMouseEvent = function handleMouseEvent(status) {
     if (disabled || triggerSubMenuAction === 'click') return;
     handleVisibleChange(status);
   };
-
   var handleOnMouseEnter = function handleOnMouseEnter() {
     handleMouseEvent(true);
   };
-
   var handleOnMouseLeave = function handleOnMouseLeave() {
     handleMouseEvent(false);
   };
-
   var handleOnClick = function handleOnClick(info) {
     if (triggerSubMenuAction === 'click' && isVertical) {
       closeSubMenu();
     }
-
     restProps.handleOnClick && restProps.handleOnClick(info);
-  }; // 子菜单展开收缩
-
-
+  };
+  // 子菜单展开收缩
   var handleOnClickSubMenu = function handleOnClickSubMenu() {
     if (disabled || triggerSubMenuAction === 'hover') return;
     handleVisibleChange(!visible);
   };
-
   var renderItemTitle = function renderItemTitle() {
     if (!icon && collapsed && restProps.level === 1 && isString(title)) {
       return /*#__PURE__*/React.createElement("p", null, title.charAt(0));
     }
-
     if (isString(title)) {
       return /*#__PURE__*/React.createElement("span", null, title);
     }
-
     return renderReactNodeFunction(title);
   };
-
   var renderItemArrow = function renderItemArrow() {
     var _context2;
-
     if (mode !== 'inline' || collapsed) return null;
     return /*#__PURE__*/React.createElement(Icon, {
       type: "arrow-down",
       className: classNames("".concat(prefixCls, "-arrow"), _defineProperty({}, _concatInstanceProperty(_context2 = "".concat(prefixCls, "-arrow-")).call(_context2, visible ? 'up' : 'down'), true))
     });
   };
-
   if (restProps.subMenuMode === 'horizontal' && restProps.level > 1 && children) {
     var _context3;
-
     var width = getItemWidth(children);
     return /*#__PURE__*/React.createElement("div", {
       className: classNames("".concat(prefixCls, "-thrid-item")),
@@ -279,7 +228,6 @@ var SubMenu = function SubMenu(props) {
       });
     })));
   }
-
   var mouseEvent = {
     onMouseLeave: handleOnMouseLeave,
     onMouseEnter: handleOnMouseEnter,
@@ -288,8 +236,8 @@ var SubMenu = function SubMenu(props) {
   var titleStyle = {
     paddingRight: "".concat(curPaddingRight, "px"),
     paddingLeft: "".concat(curPaddingLeft, "px")
-  }; // eslint-disable-next-line react-hooks/rules-of-hooks
-
+  };
+  // eslint-disable-next-line react-hooks/rules-of-hooks
   var verticalView = usePopper( /*#__PURE__*/React.createElement("li", _extends({
     className: classNames(prefixCls, className, (_classNames2 = {}, _defineProperty(_classNames2, "light", theme === 'light'), _defineProperty(_classNames2, "".concat(prefixCls, "-collapsed"), collapsed), _defineProperty(_classNames2, "".concat(prefixCls, "-disabled"), disabled), _defineProperty(_classNames2, "".concat(prefixCls, "-hover"), !disabled && Array.isArray(openKeys) && _includesInstanceProperty(openKeys).call(openKeys, keyValue)), _defineProperty(_classNames2, "".concat(prefixCls, "-active"), Array.isArray(selectedKeyPath) && _includesInstanceProperty(selectedKeyPath).call(selectedKeyPath, keyValue)), _classNames2)),
     ref: subMenuVerticalRef,
@@ -342,12 +290,10 @@ var SubMenu = function SubMenu(props) {
     prefixCls: 'kd-menu-popper',
     popperClassName: theme === 'light' ? 'light' : ''
   });
-
   if (isVertical) {
     return verticalView;
   } else {
     var _classNames4, _context5;
-
     return /*#__PURE__*/React.createElement("li", _extends({
       ref: subMenuRef,
       className: classNames(prefixCls, className, (_classNames4 = {}, _defineProperty(_classNames4, "".concat(prefixCls, "-collapsed"), collapsed), _defineProperty(_classNames4, "".concat(prefixCls, "-disabled"), disabled), _defineProperty(_classNames4, "".concat(prefixCls, "-active"), Array.isArray(selectedKeyPath) && _includesInstanceProperty(selectedKeyPath).call(selectedKeyPath, keyValue)), _classNames4)),
@@ -386,6 +332,5 @@ var SubMenu = function SubMenu(props) {
     }))));
   }
 };
-
 SubMenu.displayName = 'SubMenu';
 export default SubMenu;

package/es/menu/util.js

@@ -13,47 +13,39 @@ export var isNumber = function isNumber(value) {
 };
 export var getColumnWidthList = function getColumnWidthList(nodeList) {
   var _context;
-
   if (!nodeList) return [];
   var columnWidthList = [];
-
   _mapInstanceProperty(_context = toArray(nodeList)).call(_context, function (item) {
     if (!item || isString(item) || isNumber(item)) return item;
     var width = getItemWidth(item.props.children);
     columnWidthList.push(width);
     return item;
   });
-
   return columnWidthList;
-}; // 计算外层面板的总宽度 DEFAULT_MAX_WIDTH: 824px, 最多四列（790px），
+};
+// 计算外层面板的总宽度 DEFAULT_MAX_WIDTH: 824px, 最多四列（790px），
 // 每列160px+40px
 // 其中160px是width,40px是marginRight
-
 export var getWrapWidth = function getWrapWidth(nodelist) {
   var wrapWidth = 0;
   var totalWidth = 0;
   var columnWidthList = getColumnWidthList(nodelist);
-
   _mapInstanceProperty(columnWidthList).call(columnWidthList, function (width) {
     totalWidth += width + DEFAULT_MARGIN_WIDTH;
-
     if (totalWidth < DEFAULT_MAX_WIDTH) {
       wrapWidth = totalWidth;
     } else {
       wrapWidth = DEFAULT_MAX_WIDTH;
     }
-
     return width;
   });
-
   return wrapWidth + 10;
-}; // 计算子项的宽度
-
+};
+// 计算子项的宽度
 export var getItemWidth = function getItemWidth(children) {
   if (!isArray(children)) {
     return DEFAULT_ITEM_WIDTH;
   }
-
   if (!children || children.length <= DEFAULT_ITEM_NUM) {
     return DEFAULT_ITEM_WIDTH;
   } else {
@@ -65,7 +57,6 @@ export var renderReactNodeFunction = function renderReactNodeFunction(reactNode)
   if (typeof reactNode === 'function') {
     return reactNode();
   }
-
   return reactNode;
 };
 export var isElementInViewport = function isElementInViewport(el) {

package/es/message/content.js

@@ -2,23 +2,18 @@ import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/insta
 import React, { useContext } from 'react';
 import { ConfigContext } from '../config-provider';
 import Icon from '../icon';
-
 var Content = function Content(args) {
   var _context;
-
   var icon = args.icon,
-      content = args.content,
-      closable = args.closable,
-      suffixCls = args.suffixCls,
-      type = args.type,
-      contentClose = args.contentClose,
-      closeNode = args.closeNode;
-
+    content = args.content,
+    closable = args.closable,
+    suffixCls = args.suffixCls,
+    type = args.type,
+    contentClose = args.contentClose,
+    closeNode = args.closeNode;
   var _useContext = useContext(ConfigContext),
-      prefixCls = _useContext.prefixCls;
-
+    prefixCls = _useContext.prefixCls;
   var classPrefix = _concatInstanceProperty(_context = "".concat(prefixCls, "-")).call(_context, suffixCls, "-content");
-
   var iconMap = {
     success: /*#__PURE__*/React.createElement(Icon, {
       type: "right-solid"
@@ -33,7 +28,6 @@ var Content = function Content(args) {
       type: "notice"
     })
   };
-
   var renderIcon = function renderIcon() {
     if (icon) return /*#__PURE__*/React.createElement("div", {
       className: "".concat(classPrefix, "-icon-wrapper")
@@ -42,25 +36,20 @@ var Content = function Content(args) {
       className: "".concat(classPrefix, "-icon-wrapper")
     }, iconMap[type]) : null;
   };
-
   var handleClick = function handleClick(e) {
     if (e) {
       e.stopPropagation();
     }
-
     contentClose && contentClose();
   };
-
   var renderCloseIcon = function renderCloseIcon() {
     if (!closable) return null;
-
     if (closeNode) {
       return /*#__PURE__*/React.createElement("div", {
         className: "".concat(classPrefix, "-close"),
         onClick: handleClick
       }, closeNode);
     }
-
     return /*#__PURE__*/React.createElement("div", {
       className: "".concat(classPrefix, "-close"),
       onClick: handleClick
@@ -68,7 +57,6 @@ var Content = function Content(args) {
       type: "close"
     }));
   };
-
   var getMainElement = function getMainElement() {
     if (typeof content === 'string') {
       return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
@@ -77,15 +65,11 @@ var Content = function Content(args) {
         className: "".concat(classPrefix, "-text")
       }, content)), renderCloseIcon());
     }
-
     if ( /*#__PURE__*/React.isValidElement(content)) {
       return content;
     }
-
     return null;
   };
-
   return /*#__PURE__*/React.createElement(React.Fragment, null, getMainElement());
 };
-
 export default Content;

package/es/message/index.js

@@ -11,33 +11,30 @@ var defaultPlacement = 'message';
 var defaultType = 'info';
 var messageKey = 1;
 var messageElement = null;
-
 function isArgsProps(content) {
   return Object.prototype.toString.call(content) === '[object Object]' && !!content.content;
 }
-
 var getNotificationProps = function getNotificationProps(args) {
   var _args$duration = args.duration,
-      duration = _args$duration === void 0 ? defaultDuration : _args$duration,
-      key = args.key,
-      className = args.className,
-      _args$style = args.style,
-      style = _args$style === void 0 ? defaultStyle : _args$style,
-      _args$type = args.type,
-      type = _args$type === void 0 ? defaultType : _args$type,
-      onClose = args.onClose,
-      _args$closable = args.closable,
-      closable = _args$closable === void 0 ? defaultClosable : _args$closable,
-      content = args.content,
-      icon = args.icon,
-      closeNode = args.closeNode; // const placeStyle = getPlacementStyle(placement)
+    duration = _args$duration === void 0 ? defaultDuration : _args$duration,
+    key = args.key,
+    className = args.className,
+    _args$style = args.style,
+    style = _args$style === void 0 ? defaultStyle : _args$style,
+    _args$type = args.type,
+    type = _args$type === void 0 ? defaultType : _args$type,
+    onClose = args.onClose,
+    _args$closable = args.closable,
+    closable = _args$closable === void 0 ? defaultClosable : _args$closable,
+    content = args.content,
+    icon = args.icon,
+    closeNode = args.closeNode;
+  // const placeStyle = getPlacementStyle(placement)
   // const element = renderView(args)
-
   var contentClose = function contentClose() {
     onClose && onClose(key);
     NotificationApi.destroy(key);
   };
-
   var contentProps = {
     type: type,
     icon: icon,
@@ -60,12 +57,10 @@ var getNotificationProps = function getNotificationProps(args) {
     suffixCls: defaultSuffixCls
   };
 };
-
 var getNotificationHTMLElement = function getNotificationHTMLElement() {
   var prefixCls = 'kd';
   var suffix = "".concat(prefixCls, "-message");
   var htmlElement = document.querySelector("#".concat(suffix));
-
   if (!htmlElement) {
     htmlElement = document.createElement('div');
     htmlElement.id = suffix;
@@ -73,26 +68,21 @@ var getNotificationHTMLElement = function getNotificationHTMLElement() {
     htmlElement.style.top = defaultOffset;
     document.body.appendChild(htmlElement);
   }
-
   return htmlElement;
 };
-
 var notice = function notice(args) {
   var key = args.key || messageKey++;
   var props = getNotificationProps(_extends(_extends({}, args), {
     key: key
   }));
   var el;
-
   if (messageElement) {
     el = messageElement;
   } else {
     el = getNotificationHTMLElement();
   }
-
   NotificationApi.add(props, el);
 };
-
 var Message = {
   open: notice,
   destroy: function destroy(key) {
@@ -106,12 +96,10 @@ var Message = {
         type: type
       }));
     }
-
     if (typeof duration === 'function') {
       onClose = duration;
       duration = undefined;
     }
-
     return Message.open({
       content: content,
       duration: duration,

package/es/modal/confirm.js

@@ -1,36 +1,27 @@
 import _extends from "@babel/runtime-corejs3/helpers/extends";
 import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
-
 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 from 'react';
 import ReactDOM from 'react-dom';
 import Modal from './modal';
 export default function confirm(_a) {
   var getContainer = _a.getContainer,
-      visible = _a.visible,
-      restProps = __rest(_a, ["getContainer", "visible"]);
-
+    visible = _a.visible,
+    restProps = __rest(_a, ["getContainer", "visible"]);
   var div = document.createElement('div');
   document.body.appendChild(div);
-
   function render(props) {
     setTimeout(function () {
       ReactDOM.render( /*#__PURE__*/React.createElement(Modal, _extends({}, props)), div);
     });
   }
-
   render(restProps);
 }
 export function withWarning(props) {

package/es/modal/index.js

@@ -2,17 +2,13 @@ import OriginModal from './modal';
 import confirm, { withWarning, withError, withConfirm } from './confirm';
 export * from './modal';
 var Modal = OriginModal;
-
 Modal.warning = function infoFn(props) {
   return confirm(withWarning(props));
 };
-
 Modal.error = function infoFn(props) {
   return confirm(withError(props));
 };
-
 Modal.confirm = function infoFn(props) {
   return confirm(withConfirm(props));
 };
-
 export default Modal;