@kdcloudjs/kdesign 1.6.34 → 1.6.36

package/es/avatar/avatar.js

@@ -11,51 +11,44 @@ import devWarning from '../_utils/devwarning';
 import { Icon } from '../index';
 export var AvatarSizes = tuple('large', 'middle', 'small', 'extra-small');
 export var AvatarShapes = tuple('circle', 'square');
-
 var InternalAvatar = function InternalAvatar(props, ref) {
   var _classNames, _context, _classNames2;
-
   var _useContext = useContext(ConfigContext),
-      getPrefixCls = _useContext.getPrefixCls,
-      prefixCls = _useContext.prefixCls,
-      userDefaultProps = _useContext.compDefaultProps;
-
+    getPrefixCls = _useContext.getPrefixCls,
+    prefixCls = _useContext.prefixCls,
+    userDefaultProps = _useContext.compDefaultProps;
   var avatarProps = getCompProps('Avatar', userDefaultProps, props);
   var className = avatarProps.className,
-      style = avatarProps.style,
-      customPrefixcls = avatarProps.prefixCls,
-      shape = avatarProps.shape,
-      size = avatarProps.size,
-      icon = avatarProps.icon,
-      src = avatarProps.src,
-      draggable = avatarProps.draggable,
-      alt = avatarProps.alt,
-      children = avatarProps.children,
-      gap = avatarProps.gap,
-      disabled = avatarProps.disabled,
-      srcSet = avatarProps.srcSet;
+    style = avatarProps.style,
+    customPrefixcls = avatarProps.prefixCls,
+    shape = avatarProps.shape,
+    size = avatarProps.size,
+    icon = avatarProps.icon,
+    src = avatarProps.src,
+    draggable = avatarProps.draggable,
+    alt = avatarProps.alt,
+    children = avatarProps.children,
+    gap = avatarProps.gap,
+    disabled = avatarProps.disabled,
+    srcSet = avatarProps.srcSet;
   devWarning(AvatarSizes.indexOf(size) === -1 && typeof size !== 'number', 'avatar', "cannot found avatar type '".concat(size, "'"));
   devWarning(AvatarShapes.indexOf(shape) === -1, 'avatar', "cannot found avatar shape '".concat(shape, "'"));
-
   var _React$useState = React.useState(true),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      isImgExist = _React$useState2[0],
-      setIsImgExist = _React$useState2[1];
-
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    isImgExist = _React$useState2[0],
+    setIsImgExist = _React$useState2[1];
   var _React$useState3 = React.useState(1),
-      _React$useState4 = _slicedToArray(_React$useState3, 2),
-      scale = _React$useState4[0],
-      setScale = _React$useState4[1];
-
+    _React$useState4 = _slicedToArray(_React$useState3, 2),
+    scale = _React$useState4[0],
+    setScale = _React$useState4[1];
   var _React$useState5 = React.useState(false),
-      _React$useState6 = _slicedToArray(_React$useState5, 2),
-      mounted = _React$useState6[0],
-      setMounted = _React$useState6[1]; // ref
-
-
+    _React$useState6 = _slicedToArray(_React$useState5, 2),
+    mounted = _React$useState6[0],
+    setMounted = _React$useState6[1];
+  // ref
   var avatarRef = ref || /*#__PURE__*/React.createRef();
-  var avatarChildrenRef = React.useRef(); // class
-
+  var avatarChildrenRef = React.useRef();
+  // class
   var avatarPrefixCls = getPrefixCls(prefixCls, 'avatar', customPrefixcls);
   var sizeClasses = classNames((_classNames = {}, _defineProperty(_classNames, "".concat(avatarPrefixCls, "-lg"), size === 'large'), _defineProperty(_classNames, "".concat(avatarPrefixCls, "-md"), size === 'middle'), _defineProperty(_classNames, "".concat(avatarPrefixCls, "-sm"), size === 'small'), _defineProperty(_classNames, "".concat(avatarPrefixCls, "-xs"), size === 'extra-small'), _classNames));
   var hasImageElement = /*#__PURE__*/React.isValidElement(src);
@@ -72,38 +65,32 @@ var InternalAvatar = function InternalAvatar(props, ref) {
     setScale(1);
   }, [src]);
   React.useEffect(function () {
-    setScaleParam(); // eslint-disable-next-line react-hooks/exhaustive-deps
+    setScaleParam();
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [gap]);
   React.useEffect(function () {
     setMounted(true);
   }, []);
-
   var handleImgLoadError = function handleImgLoadError() {
     var onError = props.onError;
     var errorFlag = onError ? onError() : undefined;
-
     if (errorFlag !== false) {
       setIsImgExist(false);
     }
   };
-
   var setScaleParam = function setScaleParam() {
     if (!avatarChildrenRef.current || !avatarRef.current) {
       return;
     }
-
     var childrenWidth = avatarChildrenRef.current.offsetWidth;
     var nodeWidth = avatarRef.current.offsetWidth;
-
     if (childrenWidth !== 0 && nodeWidth !== 0) {
       if (gap * 2 < nodeWidth) {
         setScale(nodeWidth - gap * 2 < childrenWidth ? (nodeWidth - gap * 2) / childrenWidth : 1);
       }
     }
   };
-
   var childrenToRender;
-
   if (typeof src === 'string' && isImgExist) {
     childrenToRender = /*#__PURE__*/React.createElement("img", {
       src: src,
@@ -145,14 +132,12 @@ var InternalAvatar = function InternalAvatar(props, ref) {
       }
     }, children);
   }
-
   return /*#__PURE__*/React.createElement("span", {
     ref: avatarRef,
     className: avatarClasses,
     style: _extends(_extends({}, sizeStyle), style)
   }, childrenToRender);
 };
-
 var Avatar = /*#__PURE__*/React.forwardRef(InternalAvatar);
 Avatar.displayName = 'Avatar';
 export default Avatar;

package/es/badge/badge.js

@@ -3,20 +3,14 @@ import _extends from "@babel/runtime-corejs3/helpers/extends";
 import _typeof from "@babel/runtime-corejs3/helpers/typeof";
 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 React, { useContext, useRef, useMemo } from 'react';
 import classNames from 'classnames';
 import ConfigContext from '../config-provider/ConfigContext';
@@ -25,41 +19,35 @@ import { cloneElement } from '../_utils/reactNode';
 import { tuple } from '../_utils/type';
 export var PresetStatusColorTypes = tuple('success', 'processing', 'error', 'default', 'warning');
 export var BadgeSizes = tuple('default', 'small');
-
 var Badge = function Badge(props) {
   var _classNames, _context, _classNames2, _context2, _classNames3;
-
   var _useContext = useContext(ConfigContext),
-      getPrefixCls = _useContext.getPrefixCls,
-      prefixCls = _useContext.prefixCls,
-      userDefaultProps = _useContext.compDefaultProps;
-
+    getPrefixCls = _useContext.getPrefixCls,
+    prefixCls = _useContext.prefixCls,
+    userDefaultProps = _useContext.compDefaultProps;
   var badgeProps = getCompProps('Badge', userDefaultProps, props);
-
   var customPrefixcls = badgeProps.prefixCls,
-      children = badgeProps.children,
-      status = badgeProps.status,
-      text = badgeProps.text,
-      color = badgeProps.color,
-      _badgeProps$count = badgeProps.count,
-      count = _badgeProps$count === void 0 ? null : _badgeProps$count,
-      _badgeProps$overflowC = badgeProps.overflowCount,
-      overflowCount = _badgeProps$overflowC === void 0 ? 99 : _badgeProps$overflowC,
-      _badgeProps$dot = badgeProps.dot,
-      dot = _badgeProps$dot === void 0 ? false : _badgeProps$dot,
-      _badgeProps$size = badgeProps.size,
-      size = _badgeProps$size === void 0 ? 'default' : _badgeProps$size,
-      title = badgeProps.title,
-      offset = badgeProps.offset,
-      style = badgeProps.style,
-      className = badgeProps.className,
-      _badgeProps$showZero = badgeProps.showZero,
-      showZero = _badgeProps$showZero === void 0 ? false : _badgeProps$showZero,
-      restProps = __rest(badgeProps, ["prefixCls", "children", "status", "text", "color", "count", "overflowCount", "dot", "size", "title", "offset", "style", "className", "showZero"]);
-
+    children = badgeProps.children,
+    status = badgeProps.status,
+    text = badgeProps.text,
+    color = badgeProps.color,
+    _badgeProps$count = badgeProps.count,
+    count = _badgeProps$count === void 0 ? null : _badgeProps$count,
+    _badgeProps$overflowC = badgeProps.overflowCount,
+    overflowCount = _badgeProps$overflowC === void 0 ? 99 : _badgeProps$overflowC,
+    _badgeProps$dot = badgeProps.dot,
+    dot = _badgeProps$dot === void 0 ? false : _badgeProps$dot,
+    _badgeProps$size = badgeProps.size,
+    size = _badgeProps$size === void 0 ? 'default' : _badgeProps$size,
+    title = badgeProps.title,
+    offset = badgeProps.offset,
+    style = badgeProps.style,
+    className = badgeProps.className,
+    _badgeProps$showZero = badgeProps.showZero,
+    showZero = _badgeProps$showZero === void 0 ? false : _badgeProps$showZero,
+    restProps = __rest(badgeProps, ["prefixCls", "children", "status", "text", "color", "count", "overflowCount", "dot", "size", "title", "offset", "style", "className", "showZero"]);
   var badgePrefixCls = getPrefixCls(prefixCls, 'badge', customPrefixcls); // 徽标数样式前缀
   // ================================ Misc ================================
-
   var numberedDisplayCount = count > overflowCount ? "".concat(overflowCount, "+") : count;
   var hasStatus = status !== null && status !== undefined || color !== null && color !== undefined;
   var isZero = numberedDisplayCount === '0' || numberedDisplayCount === 0;
@@ -71,41 +59,36 @@ var Badge = function Badge(props) {
     return (isEmpty || isZero && !showZero) && !showAsDot;
   }, [mergedCount, isZero, showZero, showAsDot]);
   var isDotRef = useRef(showAsDot);
-
   if (!isHidden) {
     isDotRef.current = showAsDot;
-  } // =============================== Styles ===============================
-
-
+  }
+  // =============================== Styles ===============================
   var mergedStyle = useMemo(function () {
     if (!offset) {
       return _extends({}, style);
     }
-
     var offsetStyle = {
       marginTop: offset[1]
     };
     offsetStyle.right = -parseInt(offset[0], 10);
     return _extends(_extends({}, offsetStyle), style);
-  }, [offset, style]); // =============================== Render ===============================
-
+  }, [offset, style]);
+  // =============================== Render ===============================
   var badgeClassName = classNames(badgePrefixCls, (_classNames = {}, _defineProperty(_classNames, "".concat(badgePrefixCls, "-status"), hasStatus), _defineProperty(_classNames, "".concat(badgePrefixCls, "-not-a-wrapper"), !children), _classNames), className);
   var isDot = isDotRef.current;
   var scrollNumberCls = classNames((_classNames2 = {}, _defineProperty(_classNames2, "".concat(badgePrefixCls, "-dot"), isDot), _defineProperty(_classNames2, "".concat(badgePrefixCls, "-count"), !isDot), _defineProperty(_classNames2, "".concat(badgePrefixCls, "-count-sm"), size === 'small'), _defineProperty(_classNames2, "".concat(badgePrefixCls, "-multiple-words"), !isDot && mergedCount && mergedCount.toString().length > 1), _defineProperty(_classNames2, _concatInstanceProperty(_context = "".concat(badgePrefixCls, "-status-")).call(_context, status), !!status), _classNames2));
   var statusCls = classNames((_classNames3 = {}, _defineProperty(_classNames3, "".concat(badgePrefixCls, "-status-dot"), hasStatus), _defineProperty(_classNames3, _concatInstanceProperty(_context2 = "".concat(badgePrefixCls, "-status-")).call(_context2, status), !!status), _classNames3));
   var statusStyle = {};
-
   if (color) {
     statusStyle.background = color;
-  } // Title
-
-
-  var titleNode = title !== null && title !== void 0 ? title : typeof count === 'string' || typeof count === 'number' ? count : undefined; // Status Text
-
+  }
+  // Title
+  var titleNode = title !== null && title !== void 0 ? title : typeof count === 'string' || typeof count === 'number' ? count : undefined;
+  // Status Text
   var statusTextNode = isHidden || !text ? null : /*#__PURE__*/React.createElement("span", {
     className: "".concat(prefixCls, "-status-text")
-  }, text); // Display Component
-
+  }, text);
+  // Display Component
   var displayNode = isSingleNumber ? /*#__PURE__*/React.createElement("sup", {
     className: scrollNumberCls,
     style: _extends(_extends({}, mergedStyle), {
@@ -118,7 +101,6 @@ var Badge = function Badge(props) {
       className: classNames("".concat(badgePrefixCls, "-custom-component"), oriProps === null || oriProps === void 0 ? void 0 : oriProps.className)
     };
   });
-
   if (!children && hasStatus) {
     var statusTextColor = mergedStyle.color;
     return /*#__PURE__*/React.createElement("span", _extends({}, restProps, {
@@ -134,11 +116,9 @@ var Badge = function Badge(props) {
       className: "".concat(badgePrefixCls, "-status-text")
     }, text));
   }
-
   return /*#__PURE__*/React.createElement("span", _extends({}, restProps, {
     className: badgeClassName
   }), children, !isHidden && displayNode, statusTextNode);
 };
-
 Badge.displayName = 'Badge';
 export default Badge;