@kdcloudjs/kdesign 1.8.15 → 1.8.17

package/es/breadcrumb/breadcrumb.js

@@ -142,8 +142,8 @@ var Breadcrumb = function Breadcrumb(props) {
   };
   useEffect(function () {
     var isMore = itemsConfig === null || itemsConfig === void 0 ? void 0 : itemsConfig.some(function (item) {
-      var _a, _b;
-      return ((_b = (_a = item === null || item === void 0 ? void 0 : item.title) === null || _a === void 0 ? void 0 : _a.props) === null || _b === void 0 ? void 0 : _b.children.type.displayName) === 'Tooltip';
+      var _a, _b, _c, _d;
+      return ((_d = (_c = (_b = (_a = item === null || item === void 0 ? void 0 : item.title) === null || _a === void 0 ? void 0 : _a.props) === null || _b === void 0 ? void 0 : _b.children) === null || _c === void 0 ? void 0 : _c.type) === null || _d === void 0 ? void 0 : _d.displayName) === 'Tooltip';
     });
     setOpenEllipsis(isMore && itemsConfig.length === MIN_ITEM);
   }, [itemsConfig]);

package/es/button/group.d.ts

@@ -1,6 +1,6 @@
 import React, { CSSProperties, ReactNode } from 'react';
-import { PopperProps } from '../_utils/usePopper';
 import { ButtonType, ButtonSize } from './button';
+import { PopperProps } from '../popper';
 export declare const ButtonGroupTypes: ["basic", "similar"];
 export declare type ButtonGroupType = typeof ButtonGroupTypes[number];
 export interface OverlayType {

package/es/button/group.js

@@ -8,9 +8,9 @@ import classNames from 'classnames';
 import ConfigContext from '../config-provider/ConfigContext';
 import { getCompProps } from '../_utils';
 import { Button, Icon } from '../index';
-import usePopper from '../_utils/usePopper';
 import { toArray } from '../_utils/react-children';
 import { tuple } from '../_utils/type';
+import Popper from '../popper';
 export var ButtonGroupTypes = tuple('basic', 'similar');
 var InternalButtonGroup = function InternalButtonGroup(props, ref) {
   var _context;
@@ -37,7 +37,7 @@ var InternalButtonGroup = function InternalButtonGroup(props, ref) {
     _useState2 = _slicedToArray(_useState, 2),
     optionShow = _useState2[0],
     setOptionShow = _useState2[1];
-  var refBtnGroup = React.useRef(null) || ref;
+  var refBtnGroup = ref || React.createRef();
   var triggerRef = React.useRef(null);
   var isBsicType = type === 'basic';
   var btnGroupPrefixCls = getPrefixCls(prefixCls, 'btn-group', customPrefixcls);
@@ -120,7 +120,9 @@ var InternalButtonGroup = function InternalButtonGroup(props, ref) {
       return isBsicType ? locatorNode : triggerRef.current;
     }
   });
-  return usePopper(renderTriggerButton(), renderContent(), popperProps);
+  return React.createElement(Popper, _extends({
+    tip: renderContent()
+  }, popperProps), renderTriggerButton());
 };
 var ButtonGroup = React.forwardRef(InternalButtonGroup);
 ButtonGroup.displayName = 'ButtonGroup';

package/es/city-picker/city-picker.js

@@ -471,6 +471,7 @@ var InternalSelect = function InternalSelect(props, ref) {
     defaultVisible: optionShow,
     visible: optionShow,
     onVisibleChange: handleVisibleChange,
+    clickToClose: !searchValue,
     onTransitionEnd: function onTransitionEnd() {
       if (optionShow === false) {
         handleClear();

package/es/city-picker/style/index.css

@@ -270,6 +270,14 @@
   -webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2);
           box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2);
 }
+.kd-city-picker-dropdown.kd-popper-bottom-start-in {
+  -webkit-animation-name: kdSlideUpIn;
+          animation-name: kdSlideUpIn;
+}
+.kd-city-picker-dropdown.kd-popper-bottom-start-out {
+  -webkit-animation-name: kdSlideUpOut;
+          animation-name: kdSlideUpOut;
+}
 .kd-city-picker-dropdown .kd-tabs-tab-list {
   width: 100%;
 }

package/es/city-picker/style/index.less

@@ -4,6 +4,7 @@
 
 @city-picker-prefix-cls: ~'@{kd-prefix}-city-picker';
 @tabs-prefix-cls: ~'@{kd-prefix}-tabs';
+@popper-prefix-cls: ~'@{kd-prefix}-popper';
 
 .@{city-picker-prefix-cls} {
   position: relative;
@@ -156,6 +157,15 @@
     outline: none;
     box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2);
 
+    &.@{popper-prefix-cls}-bottom-start {
+      &-in {
+        animation-name: kdSlideUpIn;
+      }
+
+      &-out {
+        animation-name: kdSlideUpOut;
+      }
+    }
     // 调整tabs样式
     .@{tabs-prefix-cls}-tab-list {
       width: 100%;