@kdcloudjs/kdesign 1.8.12 → 1.8.13

package/es/modal/modal.js

@@ -55,7 +55,7 @@ var InternalModal = function InternalModal(props, ref) {
     getPrefixCls = _useContext.getPrefixCls,
     prefixCls = _useContext.prefixCls,
     userDefaultProps = _useContext.compDefaultProps;
-  var modalProps = getCompProps('Modal', userDefaultProps, props); // 属性需要合并一遍用户定义的默认属性
+  var modalProps = getCompProps('Modal', userDefaultProps, props);
   var body = modalProps.body,
     bodyClassName = modalProps.bodyClassName,
     bodyStyle = modalProps.bodyStyle,
@@ -100,7 +100,7 @@ var InternalModal = function InternalModal(props, ref) {
   var _useState = useState(isForceController ? visible : true),
     _useState2 = _slicedToArray(_useState, 2),
     innerVisible = _useState2[0],
-    setInnerVisible = _useState2[1]; // 需要根据visible来判断，不能一开始为true再去设置false
+    setInnerVisible = _useState2[1];
   var previousActiveElement = useRef(null);
   var innerRef = useRef(null);
   var wrapperRef = useRef(null);
@@ -139,7 +139,6 @@ var InternalModal = function InternalModal(props, ref) {
   }, [isForceController, closeModal]);
   var escapeToCloseModal = useCallback(function (evt) {
     var _context;
-    // In Internet Explorer 9 and Firefox 36 and earlier, the Esc key returns "Esc" instead of "Escape"
     var isModalVisible = destroyOnClose || (isForceController ? visible : innerVisible);
     if (_includesInstanceProperty(_context = ['Escape', 'Esc']).call(_context, evt.key) && isModalVisible) {
       evt.preventDefault();
@@ -149,8 +148,6 @@ var InternalModal = function InternalModal(props, ref) {
   var enterToCloseModal = useCallback(function (evt) {
     if (evt.key === 'Enter' && evt.target === containerRef.current) {
       proxyCloseModal(onOk);
-      // 无效
-      // evt.stopPropagation()
     }
   }, [proxyCloseModal, onOk]);
   var isConfirmType = _includesInstanceProperty(ConfirmModalTypes).call(ConfirmModalTypes, type);
@@ -175,35 +172,32 @@ var InternalModal = function InternalModal(props, ref) {
       case 'error':
       case 'warning':
         {
-          return /*#__PURE__*/React.createElement("div", {
+          return React.createElement("div", {
             className: "".concat(modalPrefixCls, "-iknow-node")
-          }, /*#__PURE__*/React.createElement(Button, _extends({}, finalOkButtonProps), okText || getLangMsg('Modal', 'iknowText')));
+          }, React.createElement(Button, _extends({}, finalOkButtonProps), okText || getLangMsg('Modal', 'iknowText')));
         }
       case 'confirm':
       case 'normal':
       default:
         {
-          return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+          return React.createElement(React.Fragment, null, React.createElement("div", {
             className: "".concat(modalPrefixCls, "-cancel-node")
-          }, /*#__PURE__*/React.createElement(Button, _extends({}, finalCancelButtonProps), cancelText || getLangMsg('Modal', 'cancelText'))), /*#__PURE__*/React.createElement("div", {
+          }, React.createElement(Button, _extends({}, finalCancelButtonProps), cancelText || getLangMsg('Modal', 'cancelText'))), React.createElement("div", {
             className: "".concat(modalPrefixCls, "-ok-node")
-          }, /*#__PURE__*/React.createElement(Button, _extends({}, finalOkButtonProps), okText || getLangMsg('Modal', 'okText'))));
+          }, React.createElement(Button, _extends({}, finalOkButtonProps), okText || getLangMsg('Modal', 'okText'))));
         }
     }
   }, [modalPrefixCls, okText, cancelText, finalCancelButtonProps, finalOkButtonProps]);
   useEffect(function () {
     if (isForceController) {
-      // 强控制下只有下面该条件成立获取焦点
       if (focusTriggerAfterClose && visible === true) {
         !previousActiveElement.current && (previousActiveElement.current = document.activeElement);
       }
     } else {
-      // 不控制时, 只有下面该条件成立获取焦点
       focusTriggerAfterClose && !previousActiveElement.current && (previousActiveElement.current = document.activeElement);
     }
     return function () {
       if (focusTriggerAfterClose && previousActiveElement.current) {
-        // 这里可能有种情况，如果回车触发弹窗，由于回车又可以关闭弹窗，会导致连续触发回车
         ;
         previousActiveElement.current.focus();
         previousActiveElement.current = null;
@@ -378,7 +372,7 @@ var InternalModal = function InternalModal(props, ref) {
   var isHidden = !destroyOnClose && !(isForceController ? visible : innerVisible);
   var modalClasses = classNames(modalPrefixCls, className, (_classNames3 = {}, _defineProperty(_classNames3, "".concat(modalPrefixCls, "-container"), true), _defineProperty(_classNames3, "".concat(modalPrefixCls, "-container-ie"), isIE), _defineProperty(_classNames3, "".concat(modalPrefixCls, "-container-hidden"), isHidden), _defineProperty(_classNames3, "".concat(modalPrefixCls, "-container-show"), !isHidden), _classNames3));
   var headerClass = "".concat(modalPrefixCls, "-header");
-  var container = /*#__PURE__*/React.createElement("div", {
+  var container = React.createElement("div", {
     className: classNames((_classNames4 = {}, _defineProperty(_classNames4, "".concat(modalPrefixCls, "-container-box"), true), _defineProperty(_classNames4, "".concat(modalPrefixCls, "-has-container-box"), modalContainer && !overroll), _defineProperty(_classNames4, "".concat(modalPrefixCls, "-showline"), showline), _classNames4)),
     style: {
       width: width,
@@ -387,56 +381,54 @@ var InternalModal = function InternalModal(props, ref) {
     ref: containerRef,
     tabIndex: -1,
     onKeyDown: enterToCloseModal
-  }, resizable && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+  }, resizable && React.createElement(React.Fragment, null, React.createElement("div", {
     "data-type": "n",
     className: _concatInstanceProperty(_context2 = "".concat(modalPrefixCls, "-resise-handle ")).call(_context2, modalPrefixCls, "-resise-n")
-  }), /*#__PURE__*/React.createElement("div", {
+  }), React.createElement("div", {
     "data-type": "e",
     className: _concatInstanceProperty(_context3 = "".concat(modalPrefixCls, "-resise-handle ")).call(_context3, modalPrefixCls, "-resise-e")
-  }), /*#__PURE__*/React.createElement("div", {
+  }), React.createElement("div", {
     "data-type": "s",
     className: _concatInstanceProperty(_context4 = "".concat(modalPrefixCls, "-resise-handle ")).call(_context4, modalPrefixCls, "-resise-s")
-  }), /*#__PURE__*/React.createElement("div", {
+  }), React.createElement("div", {
     "data-type": "w",
     className: _concatInstanceProperty(_context5 = "".concat(modalPrefixCls, "-resise-handle ")).call(_context5, modalPrefixCls, "-resise-w")
-  }), /*#__PURE__*/React.createElement("div", {
+  }), React.createElement("div", {
     "data-type": "ne",
     className: _concatInstanceProperty(_context6 = "".concat(modalPrefixCls, "-resise-handle ")).call(_context6, modalPrefixCls, "-resise-ne")
-  }), /*#__PURE__*/React.createElement("div", {
+  }), React.createElement("div", {
     "data-type": "se",
     className: _concatInstanceProperty(_context7 = "".concat(modalPrefixCls, "-resise-handle ")).call(_context7, modalPrefixCls, "-resise-se")
-  }), /*#__PURE__*/React.createElement("div", {
+  }), React.createElement("div", {
     "data-type": "sw",
     className: _concatInstanceProperty(_context8 = "".concat(modalPrefixCls, "-resise-handle ")).call(_context8, modalPrefixCls, "-resise-sw")
-  }), /*#__PURE__*/React.createElement("div", {
+  }), React.createElement("div", {
     "data-type": "nw",
     className: _concatInstanceProperty(_context9 = "".concat(modalPrefixCls, "-resise-handle ")).call(_context9, modalPrefixCls, "-resise-nw")
-  })), /*#__PURE__*/React.createElement("div", {
+  })), React.createElement("div", {
     className: headerClass
-  }, /*#__PURE__*/React.createElement("div", {
+  }, React.createElement("div", {
     className: "".concat(modalPrefixCls, "-title-container")
-  }, titleIcon !== undefined ? titleIcon : type !== 'normal' && /*#__PURE__*/React.createElement("div", {
+  }, titleIcon !== undefined ? titleIcon : type !== 'normal' && React.createElement("div", {
     className: classNames("".concat(modalPrefixCls, "-title-icon"), _defineProperty({}, "modal-".concat(type, "-title-icon-bgcolor"), type))
-  }), /*#__PURE__*/React.createElement("div", {
+  }), React.createElement("div", {
     className: "".concat(modalPrefixCls, "-title")
-  }, title)), closable && /*#__PURE__*/React.createElement("div", {
+  }, title)), closable && React.createElement("div", {
     className: "".concat(modalPrefixCls, "-close-icon"),
     onClick: function onClick() {
       return proxyCloseModal(onCancel);
     }
-  }, closeIcon || /*#__PURE__*/React.createElement(Icon, {
+  }, closeIcon || React.createElement(Icon, {
     type: "close"
-  }))), /*#__PURE__*/React.createElement("div", {
+  }))), React.createElement("div", {
     className: classNames("".concat(modalPrefixCls, "-body"), bodyClassName),
     style: bodyStyle
-  }, body), footer !== null && /*#__PURE__*/React.createElement("div", {
+  }, body), footer !== null && React.createElement("div", {
     className: classNames("".concat(modalPrefixCls, "-footer"), _concatInstanceProperty(_context10 = "".concat(modalPrefixCls, "-")).call(_context10, type, "-footer"), footerClassName),
     style: _extends({
       flexDirection: !footer && (!footerBtnOrder || footerBtnOrder === 'normal') ? 'row' : 'row-reverse'
     }, footerStyle || {})
   }, footer || generatorFooterByType(type)));
-  // 没有容器应该是不用居中的
-  // 但仍可拖拽
   var handleDragStart = function handleDragStart(e, data) {
     onDragStart === null || onDragStart === void 0 ? void 0 : onDragStart(e, data);
   };
@@ -447,20 +439,20 @@ var InternalModal = function InternalModal(props, ref) {
     });
     onDrag === null || onDrag === void 0 ? void 0 : onDrag(e, ui);
   };
-  var comp = /*#__PURE__*/React.createElement("div", _extends({
+  var comp = React.createElement("div", _extends({
     className: modalClasses
-  }, others), mask && /*#__PURE__*/React.createElement("div", {
+  }, others), mask && React.createElement("div", {
     onClick: handleMaskClick,
     className: classNames(maskClassName, _defineProperty({}, "".concat(modalPrefixCls, "-mask"), true)),
     style: maskStyle
-  }), overroll ? /*#__PURE__*/React.createElement("div", {
+  }), overroll ? React.createElement("div", {
     tabIndex: -1,
     className: classNames(_defineProperty({}, "".concat(modalPrefixCls, "-wrapper"), modalContainer && ((isForceController ? visible : innerVisible) || !destroyOnClose))),
     ref: wrapperRef,
     onMouseDown: handleWrapperClick
-  }, /*#__PURE__*/React.createElement("div", {
+  }, React.createElement("div", {
     className: "".concat(modalPrefixCls, "-dialog")
-  }, /*#__PURE__*/React.createElement(Draggable, {
+  }, React.createElement(Draggable, {
     position: position,
     handle: ".".concat(headerClass),
     disabled: !draggable,
@@ -469,7 +461,7 @@ var InternalModal = function InternalModal(props, ref) {
     onStop: onDragStop,
     bounds: bounds,
     cancel: _concatInstanceProperty(_context11 = ".".concat(modalPrefixCls, "-title-container, .")).call(_context11, modalPrefixCls, "-close-icon")
-  }, container))) : /*#__PURE__*/React.createElement(Draggable, {
+  }, container))) : React.createElement(Draggable, {
     handle: ".".concat(headerClass),
     disabled: !draggable,
     position: position,
@@ -480,9 +472,9 @@ var InternalModal = function InternalModal(props, ref) {
     cancel: _concatInstanceProperty(_context12 = ".".concat(modalPrefixCls, "-title-container, .")).call(_context12, modalPrefixCls, "-close-icon")
   }, container));
   var renderComp = ((isForceController ? visible : innerVisible) || !destroyOnClose) && comp;
-  if (modalContainer && renderComp) return /*#__PURE__*/ReactDOM.createPortal(renderComp, modalContainer);
+  if (modalContainer && renderComp) return ReactDOM.createPortal(renderComp, modalContainer);
   return renderComp || null;
 };
-var Modal = /*#__PURE__*/React.forwardRef(InternalModal);
+var Modal = React.forwardRef(InternalModal);
 Modal.displayName = 'Modal';
 export default Modal;

package/es/notification/content.js

@@ -25,34 +25,34 @@ var Content = function Content(args) {
   });
   var classPrefix = _concatInstanceProperty(_context = "".concat(prefixCls, "-")).call(_context, suffixCls, "-content");
   var iconMap = {
-    info: /*#__PURE__*/React.createElement(Icon, {
+    info: React.createElement(Icon, {
       type: "warning-solid"
     }),
-    primary: /*#__PURE__*/React.createElement(Icon, {
+    primary: React.createElement(Icon, {
       type: "warning-solid"
     })
   };
   var renderIcon = function renderIcon() {
-    if (icon) return /*#__PURE__*/React.createElement("div", {
+    if (icon) return React.createElement("div", {
       className: classNames("".concat(classPrefix, "-title-left-icon"))
     }, icon);
     if (!showIcon) return null;
-    return iconMap[type] ? /*#__PURE__*/React.createElement("div", {
+    return iconMap[type] ? React.createElement("div", {
       className: classNames("".concat(classPrefix, "-title-left-icon"))
     }, iconMap[type]) : null;
   };
   var renderCloseIcon = function renderCloseIcon() {
     if (!closable) return null;
     if (closeNode) {
-      return /*#__PURE__*/React.createElement("div", {
+      return React.createElement("div", {
         className: "".concat(classPrefix, "-title-close"),
         onClick: contentClose
       }, closeNode);
     }
-    return /*#__PURE__*/React.createElement("div", {
+    return React.createElement("div", {
       className: "".concat(classPrefix, "-title-close"),
       onClick: contentClose
-    }, /*#__PURE__*/React.createElement(Icon, {
+    }, React.createElement(Icon, {
       type: "close"
     }));
   };
@@ -60,30 +60,30 @@ var Content = function Content(args) {
     if (_typeof(title) === null) {
       return null;
     }
-    if ( /*#__PURE__*/React.isValidElement(title)) {
+    if (React.isValidElement(title)) {
       return title;
     }
-    return /*#__PURE__*/React.createElement("div", {
+    return React.createElement("div", {
       className: classNames("".concat(classPrefix, "-title"))
-    }, /*#__PURE__*/React.createElement("div", {
+    }, React.createElement("div", {
       className: classNames("".concat(classPrefix, "-title-left"))
-    }, renderIcon(), /*#__PURE__*/React.createElement("div", {
+    }, renderIcon(), React.createElement("div", {
       className: classNames("".concat(classPrefix, "-title-left-text"))
     }, typeof title === 'undefined' ? notificationLangMsg.title : title)), renderCloseIcon());
   };
   var getFooterElement = function getFooterElement() {
-    if ( /*#__PURE__*/React.isValidElement(footer)) {
+    if (React.isValidElement(footer)) {
       return footer;
     }
     if (Array.isArray(footer)) {
       var arr = footer;
-      return /*#__PURE__*/React.createElement("div", {
+      return React.createElement("div", {
         className: classNames("".concat(classPrefix, "-footer"))
       }, _mapInstanceProperty(arr).call(arr, function (_ref) {
         var name = _ref.name,
           _onClick = _ref.onClick;
         if (name) {
-          return /*#__PURE__*/React.createElement("div", {
+          return React.createElement("div", {
             key: name,
             onClick: function onClick(e) {
               if (e) {
@@ -91,7 +91,7 @@ var Content = function Content(args) {
               }
               _onClick && _onClick();
             }
-          }, /*#__PURE__*/React.createElement("div", null, name));
+          }, React.createElement("div", null, name));
         }
         return null;
       }));
@@ -100,15 +100,15 @@ var Content = function Content(args) {
   };
   var getMainElement = function getMainElement() {
     if (typeof content === 'string') {
-      return /*#__PURE__*/React.createElement("div", {
+      return React.createElement("div", {
         className: classNames("".concat(classPrefix, "-description"))
       }, content);
     }
-    if ( /*#__PURE__*/React.isValidElement(content)) {
+    if (React.isValidElement(content)) {
       return content;
     }
     return null;
   };
-  return /*#__PURE__*/React.createElement(React.Fragment, null, getTitleElement(), getMainElement(), getFooterElement());
+  return React.createElement(React.Fragment, null, getTitleElement(), getMainElement(), getFooterElement());
 };
 export default Content;

package/es/notification/index.js

@@ -55,7 +55,7 @@ var getNotificationProps = function getNotificationProps(args) {
     key: key,
     className: className,
     style: style,
-    content: /*#__PURE__*/React.createElement(Content, _extends({}, contentProps)),
+    content: React.createElement(Content, _extends({}, contentProps)),
     type: type,
     closable: false,
     onClose: onClose,

package/es/notification-base/index.js

@@ -29,7 +29,7 @@ var renderNotification = function renderNotification(properties, el, callback) {
     called = true;
     callback && callback(notices);
   };
-  ReactDOM.render( /*#__PURE__*/React.createElement(Notification, _extends({}, props, {
+  ReactDOM.render(React.createElement(Notification, _extends({}, props, {
     ref: ref
   })), el);
 };

package/es/notification-base/notice.js

@@ -70,13 +70,13 @@ var Notice = function Notice(props) {
       clearEventListener();
     };
   }, [duration]);
-  return /*#__PURE__*/React.createElement("div", {
+  return React.createElement("div", {
     className: noticeClasses,
     style: style,
     onMouseEnter: clearCloseTimer,
     onMouseLeave: startCloseTimer,
     ref: noticeRef
-  }, /*#__PURE__*/React.createElement("div", {
+  }, React.createElement("div", {
     className: "".concat(noticePrefixCls, "-content")
   }, content));
 };

package/es/notification-base/notification.js

@@ -15,7 +15,7 @@ function getUuid() {
   seed += 1;
   return _concatInstanceProperty(_context = "msg_".concat(now, "_")).call(_context, id);
 }
-var Notification = /*#__PURE__*/React.forwardRef(function (props, ref) {
+var Notification = React.forwardRef(function (props, ref) {
   var placement = props.placement;
   var _useState = useState([]),
     _useState2 = _slicedToArray(_useState, 2),
@@ -57,8 +57,8 @@ var Notification = /*#__PURE__*/React.forwardRef(function (props, ref) {
     remove(notice.key || '');
     notice.onClose && notice.onClose(notice.key);
   };
-  return /*#__PURE__*/React.createElement(React.Fragment, null, _mapInstanceProperty(notices).call(notices, function (notice) {
-    return /*#__PURE__*/React.createElement(Notice, _extends({}, notice, {
+  return React.createElement(React.Fragment, null, _mapInstanceProperty(notices).call(notices, function (notice) {
+    return React.createElement(Notice, _extends({}, notice, {
       key: notice.key,
       onClose: function onClose() {
         return _onClose(notice);