@kdcloudjs/kdesign 1.7.68-stable.8 → 1.7.68-stable.9

package/es/popper/style/index.css

@@ -0,0 +1,355 @@
+/* -----------  color  ——————---- start */
+/* -----------  color  ——————---- end */
+/* -----------  motion  ——————---- start */
+/* -----------  motion  ——————---- end */
+/* -----------  transition  ——————---- start */
+/* -----------  transition  ——————---- end */
+/* -----------  font  ——————---- start */
+/* -----------  font  ——————---- end */
+/* -----------  zIndex  ——————---- start */
+/*
+    普通组件内部自身层级应设置在0-100间
+*/
+/* -----------  zIndex  ——————---- end */
+/* -----------  Button  ——————---- start */
+/* -----------  Button  ——————---- end */
+/* -----------  Collapse  ——————---- start */
+/* -----------  Collapse  ——————---- end */
+/* -----------  Card  ——————---- start */
+/* -----------  Card  ——————---- end */
+/* -----------  Carousel  ——————---- start */
+/* -----------  Carousel  ——————---- end */
+/* -----------  Cascader  ——————---- start */
+/* -----------  Cascader  ——————---- end */
+/* -----------  Switch  ——————---- start */
+/* -----------  Switch  ——————---- end */
+/* -----------  Input  ——————---- start */
+/* -----------  Input  ——————---- end */
+/* -----------  InputNumber  ——————---- start */
+/* -----------  InputNumber  ——————---- end */
+/* -----------  checkbox  ——————---- start */
+/* -----------  checkbox  ——————---- start */
+/* -----------  checkbox  ——————---- end */
+/* -----------  Radio  ——————---- start */
+/* -----------  Radio  ——————---- end */
+/* -----------  icon  ——————---- start */
+/* -----------  icon  ——————---- end */
+/* -----------  Popconfirm  ——————---- start */
+/* -----------  Popconfirm  ——————---- end */
+/* -----------  Progress  ——————---- start */
+/* -----------  Progress  ——————---- end */
+/* -----------  Pagination  ——————---- start */
+/* -----------  Pagination  ——————---- end */
+/* -----------  Timeline  ——————---- start */
+/* -----------  Timeline  ——————---- end */
+/* -----------  Tabs  ——————---- start */
+/* -----------  Tabs  ——————---- end */
+/* -----------  Select  ——————---- start */
+/* -----------  Select  ——————---- end */
+/* -----------  Rate  ——————---- start */
+/* -----------  Rate  ——————---- end */
+/* -----------  Dropdown  ——————---- start */
+/* -----------  Dropdown  ——————---- end */
+/* -----------  Tooltip  ——————---- start */
+/* -----------  Tooltip  ——————---- end */
+/* -----------  Transfer  ——————---- start */
+/* -----------  Transfer  ——————---- end */
+/* -----------  DatePicker  ——————---- start */
+/* -----------  DatePicker  ——————---- end */
+/* -----------  ColorPicker  ——————---- start */
+/* -----------  ColorPicker  ——————---- end */
+/* -----------  Tree  ——————---- start */
+/* -----------  Tree  ——————---- end */
+/* -----------  Alert  ——————---- start */
+/* -----------  Alert  ——————---- end */
+/* -----------  Split-Panel ——————---- start */
+/* -----------  Split-Panel ——————---- end */
+/* -----------  Modal  ——————---- start */
+/* -----------  Modal  ——————---- end */
+/* -----------  Steps  ——————---- start */
+/* -----------  Steps  ——————---- end */
+/* -----------  Form  ——————---- start */
+/* -----------  Form  ——————---- end */
+/* -----------  Tag ——————---- start */
+/* -----------  Tag ——————---- end */
+/* -----------  Menu  ——————---- start */
+/* -----------  Menu  ——————---- end */
+/* -----------  notice  ——————---- start */
+/* -----------  message  ——————---- end */
+/* -----------  Spin  ——————---- start */
+/* -----------  Spin  ——————---- end */
+/* -----------  Spin  ——————---- start */
+/* -----------  Spin  ——————---- end */
+/* -----------  Layout  ——————---- start */
+/* -----------  Layout  ——————---- end */
+/* -----------  Typography  ——————---- start */
+/* -----------  Typography  ——————---- start */
+/* -----------  Search  ——————---- start */
+/* -----------  Search  ——————---- start */
+/* -----------  Badge  ——————---- start */
+/* -----------  Badge  ——————---- end */
+/* -----------  Anchor  ——————---- start */
+/* -----------  Anchor  ——————---- end */
+/* -----------  Avatar  ——————---- start */
+/* -----------  Avatar  ——————---- end */
+/* -----------  AdvancedSelector  ——————---- start */
+/* -----------  AdvancedSelector  ——————---- end */
+/* -----------  motion  ——————---- start */
+/* -----------  motion  ——————---- end */
+/* -----------  transition  ——————---- start */
+/* -----------  transition  ——————---- end */
+/* -----------  zIndex  ——————---- start */
+/*
+    普通组件内部自身层级应设置在0-100间
+*/
+/* -----------  zIndex  ——————---- end */
+/* 多行显示省略号 */
+/* 单行显示省略号 */
+/** 浮层箭头样式 **/
+.kd-popper {
+  opacity: 1;
+  z-index: var(--kd-g-z-index-popper, 1050);
+  visibility: visible;
+}
+.kd-popper.hidden {
+  opacity: 0;
+  visibility: hidden;
+  pointer-events: none;
+}
+.kd-popper .arrow {
+  visibility: hidden;
+}
+.kd-popper .arrow::before {
+  visibility: visible;
+  position: absolute;
+  border-style: solid;
+  border-color: transparent;
+  border-width: var(--arrowSize);
+  content: '';
+  -webkit-transform: rotate(45deg);
+          transform: rotate(45deg);
+}
+.kd-popper[data-popper-placement^='top'] .arrow {
+  bottom: calc(1.05 * var(--arrowSize));
+}
+.kd-popper[data-popper-placement^='top'] .arrow::before {
+  left: calc(-1 * var(--arrowSize));
+  border-top-color: transparent;
+  border-left-color: transparent;
+}
+.kd-popper[data-popper-placement^='bottom'] .arrow {
+  top: calc(-0.85 * var(--arrowSize));
+}
+.kd-popper[data-popper-placement^='bottom'] .arrow::before {
+  left: calc(-1 * var(--arrowSize));
+  border-bottom-color: transparent;
+  border-right-color: transparent;
+}
+.kd-popper[data-popper-placement^='left'] .arrow {
+  right: calc(1.05 * var(--arrowSize));
+}
+.kd-popper[data-popper-placement^='left'] .arrow::before {
+  top: calc(-1 * var(--arrowSize));
+  border-left-color: transparent;
+  border-bottom-color: transparent;
+}
+.kd-popper[data-popper-placement^='right'] .arrow {
+  left: calc(-0.85 * var(--arrowSize));
+}
+.kd-popper[data-popper-placement^='right'] .arrow::before {
+  top: calc(-1 * var(--arrowSize));
+  border-top-color: transparent;
+  border-right-color: transparent;
+}
+.kd-popper-top {
+  -webkit-animation-duration: calc(0.3s - 0.1s);
+          animation-duration: calc(0.3s - 0.1s);
+}
+.kd-popper-top-in {
+  -webkit-animation-name: kdZoomBottomIn;
+          animation-name: kdZoomBottomIn;
+  -webkit-animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1);
+          animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1);
+}
+.kd-popper-top-out {
+  -webkit-animation-name: kdZoomBottomOut;
+          animation-name: kdZoomBottomOut;
+  -webkit-animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6);
+          animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6);
+}
+.kd-popper-left {
+  -webkit-animation-duration: calc(0.3s - 0.1s);
+          animation-duration: calc(0.3s - 0.1s);
+}
+.kd-popper-left-in {
+  -webkit-animation-name: kdZoomRightIn;
+          animation-name: kdZoomRightIn;
+  -webkit-animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1);
+          animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1);
+}
+.kd-popper-left-out {
+  -webkit-animation-name: kdZoomRightOut;
+          animation-name: kdZoomRightOut;
+  -webkit-animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6);
+          animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6);
+}
+.kd-popper-right {
+  -webkit-animation-duration: calc(0.3s - 0.1s);
+          animation-duration: calc(0.3s - 0.1s);
+}
+.kd-popper-right-in {
+  -webkit-animation-name: kdZoomLeftIn;
+          animation-name: kdZoomLeftIn;
+  -webkit-animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1);
+          animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1);
+}
+.kd-popper-right-out {
+  -webkit-animation-name: kdZoomLeftOut;
+          animation-name: kdZoomLeftOut;
+  -webkit-animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6);
+          animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6);
+}
+.kd-popper-bottom {
+  -webkit-animation-duration: calc(0.3s - 0.1s);
+          animation-duration: calc(0.3s - 0.1s);
+}
+.kd-popper-bottom-in {
+  -webkit-animation-name: kdZoomTopIn;
+          animation-name: kdZoomTopIn;
+  -webkit-animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1);
+          animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1);
+}
+.kd-popper-bottom-out {
+  -webkit-animation-name: kdZoomTopOut;
+          animation-name: kdZoomTopOut;
+  -webkit-animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6);
+          animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6);
+}
+.kd-popper-top-start {
+  -webkit-animation-duration: calc(0.3s - 0.1s);
+          animation-duration: calc(0.3s - 0.1s);
+}
+.kd-popper-top-start-in {
+  -webkit-animation-name: kdZoomLeftBottomIn;
+          animation-name: kdZoomLeftBottomIn;
+  -webkit-animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1);
+          animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1);
+}
+.kd-popper-top-start-out {
+  -webkit-animation-name: kdZoomLeftBottomOut;
+          animation-name: kdZoomLeftBottomOut;
+  -webkit-animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6);
+          animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6);
+}
+.kd-popper-right-end {
+  -webkit-animation-duration: calc(0.3s - 0.1s);
+          animation-duration: calc(0.3s - 0.1s);
+}
+.kd-popper-right-end-in {
+  -webkit-animation-name: kdZoomLeftBottomIn;
+          animation-name: kdZoomLeftBottomIn;
+  -webkit-animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1);
+          animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1);
+}
+.kd-popper-right-end-out {
+  -webkit-animation-name: kdZoomLeftBottomOut;
+          animation-name: kdZoomLeftBottomOut;
+  -webkit-animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6);
+          animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6);
+}
+.kd-popper-top-end {
+  -webkit-animation-duration: calc(0.3s - 0.1s);
+          animation-duration: calc(0.3s - 0.1s);
+}
+.kd-popper-top-end-in {
+  -webkit-animation-name: kdZoomRightBottomIn;
+          animation-name: kdZoomRightBottomIn;
+  -webkit-animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1);
+          animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1);
+}
+.kd-popper-top-end-out {
+  -webkit-animation-name: kdZoomRightBottomOut;
+          animation-name: kdZoomRightBottomOut;
+  -webkit-animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6);
+          animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6);
+}
+.kd-popper-left-end {
+  -webkit-animation-duration: calc(0.3s - 0.1s);
+          animation-duration: calc(0.3s - 0.1s);
+}
+.kd-popper-left-end-in {
+  -webkit-animation-name: kdZoomRightBottomIn;
+          animation-name: kdZoomRightBottomIn;
+  -webkit-animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1);
+          animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1);
+}
+.kd-popper-left-end-out {
+  -webkit-animation-name: kdZoomRightBottomOut;
+          animation-name: kdZoomRightBottomOut;
+  -webkit-animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6);
+          animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6);
+}
+.kd-popper-left-start {
+  -webkit-animation-duration: calc(0.3s - 0.1s);
+          animation-duration: calc(0.3s - 0.1s);
+}
+.kd-popper-left-start-in {
+  -webkit-animation-name: kdZoomTopRightIn;
+          animation-name: kdZoomTopRightIn;
+  -webkit-animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1);
+          animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1);
+}
+.kd-popper-left-start-out {
+  -webkit-animation-name: kdZoomTopRightOut;
+          animation-name: kdZoomTopRightOut;
+  -webkit-animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6);
+          animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6);
+}
+.kd-popper-bottom-end {
+  -webkit-animation-duration: calc(0.3s - 0.1s);
+          animation-duration: calc(0.3s - 0.1s);
+}
+.kd-popper-bottom-end-in {
+  -webkit-animation-name: kdZoomTopRightIn;
+          animation-name: kdZoomTopRightIn;
+  -webkit-animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1);
+          animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1);
+}
+.kd-popper-bottom-end-out {
+  -webkit-animation-name: kdZoomTopRightOut;
+          animation-name: kdZoomTopRightOut;
+  -webkit-animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6);
+          animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6);
+}
+.kd-popper-right-start {
+  -webkit-animation-duration: calc(0.3s - 0.1s);
+          animation-duration: calc(0.3s - 0.1s);
+}
+.kd-popper-right-start-in {
+  -webkit-animation-name: kdZoomTopLeftIn;
+          animation-name: kdZoomTopLeftIn;
+  -webkit-animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1);
+          animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1);
+}
+.kd-popper-right-start-out {
+  -webkit-animation-name: kdZoomTopLeftOut;
+          animation-name: kdZoomTopLeftOut;
+  -webkit-animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6);
+          animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6);
+}
+.kd-popper-bottom-start {
+  -webkit-animation-duration: calc(0.3s - 0.1s);
+          animation-duration: calc(0.3s - 0.1s);
+}
+.kd-popper-bottom-start-in {
+  -webkit-animation-name: kdZoomTopLeftIn;
+          animation-name: kdZoomTopLeftIn;
+  -webkit-animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1);
+          animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1);
+}
+.kd-popper-bottom-start-out {
+  -webkit-animation-name: kdZoomTopLeftOut;
+          animation-name: kdZoomTopLeftOut;
+  -webkit-animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6);
+          animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6);
+}

package/es/popper/style/index.d.ts

@@ -0,0 +1,2 @@
+import '../../style/index.less';
+import './index.less';

package/es/popper/style/index.js

@@ -0,0 +1,2 @@
+import '../../style/index.less';
+import './index.less';

package/es/popper/style/index.less

@@ -0,0 +1,99 @@
+@import '../../style/themes/index';
+@import '../../style/mixins/index';
+
+@popper-prefix-cls: ~'@{kd-prefix}-popper';
+
+.@{popper-prefix-cls} {
+  opacity: 1;
+  z-index: @z-index-popper;
+  visibility: visible;
+
+  &.hidden {
+    opacity: 0;
+    visibility: hidden;
+    pointer-events: none;
+  }
+
+  .arrow {
+    visibility: hidden;
+
+    &::before {
+      visibility: visible;
+      position: absolute;
+      border-style: solid;
+      border-color: transparent;
+      border-width: var(--arrowSize);
+      content: '';
+      transform: rotate(45deg);
+    }
+  }
+
+  &[data-popper-placement^='top'] .arrow {
+    bottom: calc(1.05 * var(--arrowSize));
+
+    &::before {
+      left: calc(-1 * var(--arrowSize));
+      border-top-color: transparent;
+      border-left-color: transparent;
+    }
+  }
+
+  &[data-popper-placement^='bottom'] .arrow {
+    top: calc(-0.85 * var(--arrowSize));
+
+    &::before {
+      left: calc(-1 * var(--arrowSize));
+      border-bottom-color: transparent;
+      border-right-color: transparent;
+    }
+  }
+
+  &[data-popper-placement^='left'] .arrow {
+    right: calc(1.05 * var(--arrowSize));
+
+    &::before {
+      top: calc(-1 * var(--arrowSize));
+      border-left-color: transparent;
+      border-bottom-color: transparent;
+    }
+  }
+
+  &[data-popper-placement^='right'] .arrow {
+    left: calc(-0.85 * var(--arrowSize));
+
+    &::before {
+      top: calc(-1 * var(--arrowSize));
+      border-top-color: transparent;
+      border-right-color: transparent;
+    }
+  }
+}
+
+.popper-motion(@className, @keyframeName, @duration: calc(@transition-duration - 0.1s)) {
+  .@{className} {
+    animation-duration: @duration;
+
+    &-in {
+      animation-name: ~'@{keyframeName}In';
+      animation-timing-function: @ease-out;
+    }
+
+    &-out {
+      animation-name: ~'@{keyframeName}Out';
+      animation-timing-function: @ease-in;
+    }
+  }
+}
+
+.popper-motion(~'@{popper-prefix-cls}-top', kdZoomBottom);
+.popper-motion(~'@{popper-prefix-cls}-left', kdZoomRight);
+.popper-motion(~'@{popper-prefix-cls}-right', kdZoomLeft);
+.popper-motion(~'@{popper-prefix-cls}-bottom', kdZoomTop);
+.popper-motion(~'@{popper-prefix-cls}-top-start', kdZoomLeftBottom);
+.popper-motion(~'@{popper-prefix-cls}-right-end', kdZoomLeftBottom);
+.popper-motion(~'@{popper-prefix-cls}-top-end', kdZoomRightBottom);
+.popper-motion(~'@{popper-prefix-cls}-left-end', kdZoomRightBottom);
+.popper-motion(~'@{popper-prefix-cls}-left-start', kdZoomTopRight);
+.popper-motion(~'@{popper-prefix-cls}-bottom-end', kdZoomTopRight);
+.popper-motion(~'@{popper-prefix-cls}-right-start', kdZoomTopLeft);
+.popper-motion(~'@{popper-prefix-cls}-bottom-start', kdZoomTopLeft);

package/lib/_utils/useId.d.ts

@@ -0,0 +1,2 @@
+declare const _default: (id?: string | undefined) => any;
+export default _default;

package/lib/_utils/useId.js

@@ -0,0 +1,43 @@
+"use strict";
+
+var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
+var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
+var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/slicedToArray"));
+var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
+var React = _interopRequireWildcard(require("react"));
+function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function getUseId() {
+  var fullClone = (0, _extends2.default)({}, React);
+  return fullClone === null || fullClone === void 0 ? void 0 : fullClone.useId;
+}
+var uuid = 0;
+var useOriginId = getUseId();
+var _default = useOriginId ? function useId(id) {
+  var reactId = useOriginId();
+  if (id) {
+    return id;
+  }
+  return reactId;
+} : function useCompatId(id) {
+  var _React$useState = React.useState('ssr-id'),
+    _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
+    innerId = _React$useState2[0],
+    setInnerId = _React$useState2[1];
+  React.useEffect(function () {
+    var nextId = uuid;
+    uuid += 1;
+    setInnerId("kd_unique_".concat(nextId));
+  }, []);
+  if (id) {
+    return id;
+  }
+  return innerId;
+};
+exports.default = _default;

package/lib/city-picker/city-picker.js

@@ -12,6 +12,7 @@ var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-sta
 var _find = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/find"));
 var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
 var _filter = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/filter"));
+var _findIndex = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/find-index"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/toConsumableArray"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
@@ -22,7 +23,7 @@ var _classnames = _interopRequireDefault(require("classnames"));
 var _ConfigContext = _interopRequireDefault(require("../config-provider/ConfigContext"));
 var _utils = require("../_utils");
 var _index = require("../index");
-var _usePopper = _interopRequireDefault(require("../_utils/usePopper"));
+var _popper = _interopRequireDefault(require("../popper"));
 var _option = _interopRequireDefault(require("./option"));
 var _escapeRegExp = _interopRequireDefault(require("lodash/escapeRegExp"));
 var _KeyCode = _interopRequireDefault(require("../_utils/KeyCode"));
@@ -71,7 +72,8 @@ var InternalSelect = function InternalSelect(props, ref) {
     clearIcon = selectProps.clearIcon,
     loading = selectProps.loading,
     showDescription = selectProps.showDescription,
-    description = selectProps.description,
+    _selectProps$descript = selectProps.description,
+    description = _selectProps$descript === void 0 ? cityPickerLangMsg.title : _selectProps$descript,
     optionHighlightProps = selectProps.optionHighlightProps,
     _selectProps$popperSt = selectProps.popperStyle,
     popperStyle = _selectProps$popperSt === void 0 ? {} : _selectProps$popperSt,
@@ -164,15 +166,6 @@ var InternalSelect = function InternalSelect(props, ref) {
     setAfterChangeFocus(false);
     onBlur && onBlur(e);
   }, [onBlur]);
-  (0, _react.useEffect)(function () {
-    selectionRef.current.addEventListener('mouseup', function (e) {
-      var _a;
-      var isCloseBtn = ((_a = e === null || e === void 0 ? void 0 : e.target) === null || _a === void 0 ? void 0 : _a.className.indexOf('kd-tag-close-icon')) > -1;
-      if (isCloseBtn) {
-        e.stopPropagation();
-      }
-    });
-  }, []);
   // 输入框变化搜索内容
   var handleSearchChange = (0, _react.useCallback)(function (event) {
     var val = event.currentTarget.value;
@@ -377,14 +370,7 @@ var InternalSelect = function InternalSelect(props, ref) {
   }, [optionShow]);
   (0, _react.useEffect)(function () {
     var _a;
-    var fn = function fn(e) {
-      e.stopPropagation();
-    };
-    (_a = clearRef.current) === null || _a === void 0 ? void 0 : _a.addEventListener('mouseup', fn);
-    return function () {
-      var _a;
-      (_a = clearRef.current) === null || _a === void 0 ? void 0 : _a.removeEventListener('mouseup', fn);
-    };
+    (_a = clearRef.current) === null || _a === void 0 ? void 0 : _a.addEventListener('click', handleReset);
   }, [initValue]);
   // keyboard
   var curkeyboardList = (0, _react.useMemo)(function () {
@@ -414,15 +400,17 @@ var InternalSelect = function InternalSelect(props, ref) {
     setActiveIndex(index === undefined ? getActiveIndex(0) : index);
   };
   (0, _react.useEffect)(function () {
-    initActiveIndex(searchValue ? undefined : -1);
-  }, [searchValue, tabsValue, curkeyboardList]);
+    var index = (0, _findIndex.default)(curkeyboardList).call(curkeyboardList, function (item) {
+      return item.id === initValue;
+    });
+    initActiveIndex(index >= 0 ? index : undefined);
+  }, [curkeyboardList, initValue]);
   var onInternalKeyDown = function onInternalKeyDown(e) {
     var _a, _b, _c;
     var which = e.which;
     // open
     if (which === _KeyCode.default.ENTER || which === _KeyCode.default.UP || which === _KeyCode.default.DOWN) {
       e.preventDefault();
-      setOptionShow(true);
     }
     // up、down、enter、esc
     if (optionShow) {
@@ -443,6 +431,8 @@ var InternalSelect = function InternalSelect(props, ref) {
             break;
           }
         case _KeyCode.default.ESC:
+          e.stopPropagation();
+          e.nativeEvent.stopImmediatePropagation();
           handleVisibleChange(false);
           break;
         default:
@@ -488,15 +478,11 @@ var InternalSelect = function InternalSelect(props, ref) {
         minWidth: width,
         maxWidth: 600
       }, dropdownStyle), {
-        width: (dropdownStyle === null || dropdownStyle === void 0 ? void 0 : dropdownStyle.width) || 'auto',
-        zIndex: 1050
+        width: (dropdownStyle === null || dropdownStyle === void 0 ? void 0 : dropdownStyle.width) || 'auto'
       }), popperStyle);
     }
   };
   var handleVisibleChange = function handleVisibleChange(visible) {
-    if (!visible) {
-      initActiveIndex(-1);
-    }
     if (visible !== optionShow) {
       props.visible === undefined && setOptionShow(visible);
       onVisibleChange && onVisibleChange(visible);
@@ -516,7 +502,9 @@ var InternalSelect = function InternalSelect(props, ref) {
       }
     }
   });
-  return (0, _usePopper.default)(renderCityPicker(), renderContent(), popperProps);
+  return /*#__PURE__*/_react.default.createElement(_popper.default, (0, _extends2.default)({
+    tip: renderContent()
+  }, popperProps), renderCityPicker());
 };
 var Select = /*#__PURE__*/_react.default.forwardRef(InternalSelect);
 Select.displayName = 'CityPicker';

package/lib/city-picker/option.js

@@ -45,16 +45,12 @@ var InternalOption = function InternalOption(props, ref) {
   var handleOnMouseEnter = function handleOnMouseEnter() {
     onChangeActiveIndex && onChangeActiveIndex(index);
   };
-  var handleOnMouseLeave = function handleOnMouseLeave() {
-    onChangeActiveIndex && onChangeActiveIndex(-1);
-  };
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
     ref: optionRef,
     className: optionCls,
     title: name,
     onClick: handleClick,
-    onMouseEnter: handleOnMouseEnter,
-    onMouseLeave: handleOnMouseLeave
+    onMouseEnter: handleOnMouseEnter
   }, typeof itemRender === 'function' ? itemRender(city) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("span", {
     className: "".concat(selectOptionPrefixCls, "-content")
   }, children), /*#__PURE__*/_react.default.createElement("span", {

package/lib/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/lib/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%;