@kdcloudjs/kdesign 1.6.34 → 1.6.36

package/es/alert/alert.js

@@ -19,13 +19,11 @@ export var AlertTypes = tuple('success', 'info', 'warning', 'error');
 var IconTypes = tuple('right-solid', 'notice', 'warning-solid', 'warning-solid');
 export var allBannerAlertPortals = new _Map();
 var allBannerAlertPortalsContainer = document.querySelector('body');
-
 var setContainerStyle = function setContainerStyle(dom, posInfo) {
   var styles = {
     left: posInfo[0] + 'px',
     top: posInfo[1] + 'px'
   };
-
   _Object$keys(styles).forEach(function (prop) {
     dom.style.setProperty(prop, styles[prop]);
   });
@@ -37,49 +35,41 @@ var setContainerStyle = function setContainerStyle(dom, posInfo) {
  * @param bannerOffset 反馈浮层悬浮顶部的坐标量
  *
  */
-
-
 function createAlertContainer(alertContainer, alertPrefixCls, bannerOffset) {
   var posKey = bannerOffset.join(',');
   var container = document.createElement('div');
-  container.classList.add("".concat(alertPrefixCls, "-banner-container")); // container.classList.add(`${alertPrefixCls}-banner-container-flex`)
-
+  container.classList.add("".concat(alertPrefixCls, "-banner-container"));
+  // container.classList.add(`${alertPrefixCls}-banner-container-flex`)
   setContainerStyle(container, bannerOffset);
   alertContainer.current = container;
   allBannerAlertPortalsContainer.appendChild(container);
   allBannerAlertPortals.set(posKey, container);
 }
-
 var Alert = function Alert(props) {
   var _classNames, _classNames2;
-
   var _useContext = useContext(ConfigContext),
-      getPrefixCls = _useContext.getPrefixCls,
-      prefixCls = _useContext.prefixCls,
-      userDefaultProps = _useContext.compDefaultProps;
-
+    getPrefixCls = _useContext.getPrefixCls,
+    prefixCls = _useContext.prefixCls,
+    userDefaultProps = _useContext.compDefaultProps;
   var alertProps = getCompProps('Alert', userDefaultProps, props); // 属性需要合并一遍用户定义的默认属性
-
   var type = alertProps.type,
-      message = alertProps.message,
-      showIcon = alertProps.showIcon,
-      icon = alertProps.icon,
-      className = alertProps.className,
-      customPrefixcls = alertProps.prefixCls,
-      closable = alertProps.closable,
-      closeNode = alertProps.closeNode,
-      delayOffTime = alertProps.delayOffTime,
-      onClose = alertProps.onClose,
-      extra = alertProps.extra,
-      banner = alertProps.banner,
-      bannerOffset = alertProps.bannerOffset;
+    message = alertProps.message,
+    showIcon = alertProps.showIcon,
+    icon = alertProps.icon,
+    className = alertProps.className,
+    customPrefixcls = alertProps.prefixCls,
+    closable = alertProps.closable,
+    closeNode = alertProps.closeNode,
+    delayOffTime = alertProps.delayOffTime,
+    onClose = alertProps.onClose,
+    extra = alertProps.extra,
+    banner = alertProps.banner,
+    bannerOffset = alertProps.bannerOffset;
   devWarning(AlertTypes.indexOf(type) === -1, 'alert', "cannot found alert type '".concat(type, "'"));
-
   var _useState = useState(true),
-      _useState2 = _slicedToArray(_useState, 2),
-      visible = _useState2[0],
-      setVisible = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    visible = _useState2[0],
+    setVisible = _useState2[1];
   var previousBannerOffset = usePrevious(bannerOffset);
   var timerRef = useRef();
   var alertRef = useRef(null);
@@ -91,38 +81,31 @@ var Alert = function Alert(props) {
     if (banner) {
       var previousPosKey = previousBannerOffset.join(',');
       var posKey = bannerOffset.join(',');
-
       if (previousPosKey !== posKey || !alertContainer.current || alertContainer.current === allBannerAlertPortalsContainer) {
         var oldContainer = allBannerAlertPortals.get(previousPosKey);
         setTimeout(function () {
           var _a;
-
           if (((_a = oldContainer === null || oldContainer === void 0 ? void 0 : oldContainer.children) === null || _a === void 0 ? void 0 : _a.length) === 0) {
             var _context;
-
             _includesInstanceProperty(_context = _Array$from(allBannerAlertPortalsContainer.children)).call(_context, oldContainer) && allBannerAlertPortalsContainer.removeChild(oldContainer);
             allBannerAlertPortals.delete(previousPosKey);
           }
         }, 0);
         var newContainer = allBannerAlertPortals.get(posKey);
-
         if (newContainer) {
           alertContainer.current = newContainer;
         } else {
           createAlertContainer(alertContainer, alertPrefixCls, bannerOffset);
         }
       }
-
       forceUpdate(function (val) {
         return val + 1;
       });
     }
   }, [banner, bannerOffset, previousBannerOffset, forceUpdate, alertPrefixCls]);
-
   var showAlert = function showAlert() {
     setVisible(true);
   };
-
   var hideAlert = useCallback(function () {
     timerRef.current = window.setTimeout(function () {
       setVisible(false);
@@ -133,52 +116,41 @@ var Alert = function Alert(props) {
       showAlert();
       clearTimer();
     }
-
     if (delayOffTime === 0) {
       return function () {
         clearTimeout(timerRef.current);
       };
     }
-
     hideAlert();
     return function () {
       clearTimeout(timerRef.current);
     };
   }, [delayOffTime, message, previousMessage, timerRef, hideAlert]);
   var alertClasses = classNames(alertPrefixCls, className, (_classNames = {}, _defineProperty(_classNames, "".concat(alertPrefixCls, "-closable"), closable), _defineProperty(_classNames, "".concat(alertPrefixCls, "-banner"), banner), _defineProperty(_classNames, "".concat(alertPrefixCls, "-leave"), !visible || !message), _defineProperty(_classNames, "".concat(alertPrefixCls, "-visible"), visible && message), _defineProperty(_classNames, "".concat(alertPrefixCls, "-container"), true), _classNames));
-
   var handleClose = function handleClose() {
     onClose && onClose();
     setVisible(false);
     clearTimer();
   };
-
   function clearTimer() {
     if (timerRef.current) {
       clearTimeout(timerRef.current);
       timerRef.current = undefined;
     }
   }
-
   function handleMouseOut() {
     hideAlert();
   }
-
   var events = {};
-
   if (delayOffTime) {
     events.onMouseOver = clearTimer;
     events.onMouseOut = handleMouseOut;
   }
-
   var alertIconType = IconTypes[AlertTypes.indexOf(type)];
-
   var getAlertColorType = function getAlertColorType(mode) {
     var _context2;
-
     return _concatInstanceProperty(_context2 = "alert-".concat(type, "-")).call(_context2, mode, "-color");
   };
-
   var iconNode = /*#__PURE__*/React.createElement("div", {
     className: classNames("".concat(alertPrefixCls, "-icon"), getAlertColorType('icon'))
   }, icon || /*#__PURE__*/React.createElement(Icon, {
@@ -196,13 +168,11 @@ var Alert = function Alert(props) {
   }, closeNode || /*#__PURE__*/React.createElement(Icon, {
     type: "close"
   })));
-
   if (banner) {
     return /*#__PURE__*/ReactDOM.createPortal(AlertComp, alertContainer.current);
   } else {
     return AlertComp;
   }
 };
-
 Alert.displayName = 'Alert';
 export default Alert;

package/es/anchor/anchor-link.js

@@ -4,28 +4,23 @@ import classNames from 'classnames';
 import AnchorContext from './context';
 import ConfigContext from '../config-provider/ConfigContext';
 import { usePrevious } from '../_utils/hooks';
-
 var AnchorLink = function AnchorLink(props) {
   var customPrefixcls = props.prefixCls,
-      href = props.href,
-      title = props.title,
-      children = props.children,
-      className = props.className,
-      isFirstLevel = props.isFirstLevel;
-
+    href = props.href,
+    title = props.title,
+    children = props.children,
+    className = props.className,
+    isFirstLevel = props.isFirstLevel;
   var _useContext = useContext(ConfigContext),
-      getPrefixCls = _useContext.getPrefixCls,
-      prefixCls = _useContext.prefixCls;
-
+    getPrefixCls = _useContext.getPrefixCls,
+    prefixCls = _useContext.prefixCls;
   var anchorLinkPrefixCls = getPrefixCls(prefixCls, 'anchor', customPrefixcls); // 锚点样式前缀
-
   var _useContext2 = useContext(AnchorContext),
-      activeLink = _useContext2.activeLink,
-      scrollTo = _useContext2.scrollTo,
-      onClick = _useContext2.onClick,
-      type = _useContext2.type,
-      registerLink = _useContext2.registerLink;
-
+    activeLink = _useContext2.activeLink,
+    scrollTo = _useContext2.scrollTo,
+    onClick = _useContext2.onClick,
+    type = _useContext2.type,
+    registerLink = _useContext2.registerLink;
   var prevHref = usePrevious(href);
   var mounting = useRef(true);
   useEffect(function () {
@@ -34,12 +29,10 @@ var AnchorLink = function AnchorLink(props) {
       mounting.current = false;
       return;
     }
-
     if (prevHref !== href) {
       registerLink(href);
     }
   }, [href, registerLink, prevHref]);
-
   var handleClick = function handleClick(e) {
     onClick === null || onClick === void 0 ? void 0 : onClick(e, {
       title: title,
@@ -47,10 +40,8 @@ var AnchorLink = function AnchorLink(props) {
     });
     scrollTo(href);
   };
-
   var renderAnchorLink = function renderAnchorLink() {
     var _classNames2;
-
     var active = activeLink === href;
     var anchorLinkClasses = classNames("".concat(anchorLinkPrefixCls, "-link"), _defineProperty({}, "".concat(anchorLinkPrefixCls, "-link-active"), active), className);
     var titleClassName = classNames("".concat(anchorLinkPrefixCls, "-link-title"), (_classNames2 = {}, _defineProperty(_classNames2, "".concat(anchorLinkPrefixCls, "-link-title-active"), active), _defineProperty(_classNames2, "".concat(anchorLinkPrefixCls, "-link-title-secondary"), !isFirstLevel && type === 'bookmarks'), _classNames2));
@@ -62,8 +53,6 @@ var AnchorLink = function AnchorLink(props) {
       onClick: handleClick
     }, title), type !== 'menu' && children);
   };
-
   return renderAnchorLink();
 };
-
 export default AnchorLink;