@kdcloudjs/kdesign 1.7.13 → 1.7.14

package/es/empty/defaultEmptyImg.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-declare function DefaultEmptyImg(): JSX.Element;
+declare function DefaultEmptyImg(props: any): JSX.Element;
 export default DefaultEmptyImg;

package/es/empty/defaultEmptyImg.js

@@ -1,7 +1,7 @@
 import React, { useContext } from 'react';
 import ConfigContext from '../config-provider/ConfigContext';
 import uniqueId from 'lodash/uniqueId';
-function DefaultEmptyImg() {
+function DefaultEmptyImg(props) {
   var _useContext = useContext(ConfigContext),
     getPrefixCls = _useContext.getPrefixCls,
     prefixCls = _useContext.prefixCls;
@@ -13,7 +13,8 @@ function DefaultEmptyImg() {
     height: "96px",
     viewBox: "0 0 168 96",
     version: "1.1",
-    xmlns: "http://www.w3.org/2000/svg"
+    xmlns: "http://www.w3.org/2000/svg",
+    style: props.style
   }, /*#__PURE__*/React.createElement("title", null, "\u7F16\u7EC4"), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("linearGradient", {
     x1: "50%",
     y1: "0%",

package/es/empty/empty.js

@@ -45,7 +45,9 @@ var InteranalEmpty = function InteranalEmpty(props, ref) {
     className: imgClasses,
     style: imageStyle,
     alt: "empty"
-  }) : image;
+  }) : typeof image === 'boolean' ? null : /*#__PURE__*/React.cloneElement(image, {
+    style: imageStyle
+  });
   var descriptionNode = description === undefined ? /*#__PURE__*/React.createElement("div", {
     className: "".concat(emptyPrefixCls, "-description")
   }, emptyLangMsg.emptyText) : description ? /*#__PURE__*/React.createElement("div", {

package/es/empty/illustrationEmptyImg.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-declare function IllustrationEmptyImg(): JSX.Element;
+declare function IllustrationEmptyImg(props: any): JSX.Element;
 export default IllustrationEmptyImg;

package/es/empty/illustrationEmptyImg.js

@@ -1,7 +1,7 @@
 import React, { useContext } from 'react';
 import ConfigContext from '../config-provider/ConfigContext';
 import uniqueId from 'lodash/uniqueId';
-function IllustrationEmptyImg() {
+function IllustrationEmptyImg(props) {
   var _useContext = useContext(ConfigContext),
     getPrefixCls = _useContext.getPrefixCls,
     prefixCls = _useContext.prefixCls;
@@ -13,7 +13,8 @@ function IllustrationEmptyImg() {
     height: "114px",
     viewBox: "0 0 200 114",
     version: "1.1",
-    xmlns: "http://www.w3.org/2000/svg"
+    xmlns: "http://www.w3.org/2000/svg",
+    style: props.style
   }, /*#__PURE__*/React.createElement("title", null, "\u5207\u7247"), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("rect", {
     id: "path-1",
     x: "0",

package/es/input/style/index.css

@@ -335,6 +335,7 @@ textarea {
 }
 .kd-input-wrapper .kd-input-prefix {
   margin-right: 4px;
+  margin-left: 8px;
 }
 .kd-input-wrapper-size-small {
   height: var(--kd-c-input-sizing-height-small, 20px);

package/es/input/style/index.less

@@ -129,6 +129,7 @@ textarea {
 
       &-prefix {
         margin-right: 4px;
+        margin-left: 8px;
       }
     }
 

package/es/select/option.d.ts

@@ -8,9 +8,11 @@ export interface ISelectOptionProps {
     children?: any;
     className?: string;
     index?: number;
+    activeIndex?: number;
     style?: React.CSSProperties;
     isMultiple?: boolean;
     onChangeSelect?: (key: SelectValue, label: string | undefined, isSelected: boolean) => void;
+    onChangeActiveIndex?: (index: any) => void;
 }
 declare const Option: React.ForwardRefExoticComponent<ISelectOptionProps & React.RefAttributes<unknown>>;
 export default Option;

package/es/select/option.js

@@ -22,7 +22,10 @@ var InternalOption = function InternalOption(props, ref) {
     values = _valuesInstanceProperty(props),
     isMultiple = props.isMultiple,
     onChangeSelect = props.onChangeSelect,
-    title = props.title;
+    onChangeActiveIndex = props.onChangeActiveIndex,
+    title = props.title,
+    activeIndex = props.activeIndex,
+    index = props.index;
   var optionProps = _extends({}, props);
   var _useContext = useContext(ConfigContext),
     getPrefixCls = _useContext.getPrefixCls,
@@ -35,7 +38,7 @@ var InternalOption = function InternalOption(props, ref) {
       setSelected(value !== undefined ? value === values : false);
     }
   });
-  var optionCls = classNames(selectOptionPrefixCls, className, (_classNames = {}, _defineProperty(_classNames, "".concat(selectOptionPrefixCls, "-option"), true), _defineProperty(_classNames, "".concat(selectOptionPrefixCls, "-option-selected"), isSelected), _defineProperty(_classNames, "".concat(selectOptionPrefixCls, "-option-disabled"), disabled), _classNames));
+  var optionCls = classNames(selectOptionPrefixCls, className, (_classNames = {}, _defineProperty(_classNames, "".concat(selectOptionPrefixCls, "-option"), true), _defineProperty(_classNames, "".concat(selectOptionPrefixCls, "-option-active"), activeIndex === index), _defineProperty(_classNames, "".concat(selectOptionPrefixCls, "-option-selected"), isSelected), _defineProperty(_classNames, "".concat(selectOptionPrefixCls, "-option-disabled"), disabled), _classNames));
   var contentCls = classNames(_defineProperty({}, "".concat(selectOptionPrefixCls, "-option-content"), true));
   var handleClick = function handleClick(e) {
     e.preventDefault();
@@ -45,6 +48,9 @@ var InternalOption = function InternalOption(props, ref) {
     }
     onChangeSelect && onChangeSelect(value, children, isSelected);
   };
+  var handleOnMouseMove = function handleOnMouseMove() {
+    onChangeActiveIndex && onChangeActiveIndex(index);
+  };
   var titleText = title || (_typeof(children) !== 'object' ? children : null);
   var checkStyle = {
     minHeight: '22px',
@@ -54,7 +60,8 @@ var InternalOption = function InternalOption(props, ref) {
     ref: optionRef,
     className: optionCls,
     title: titleText,
-    onClick: handleClick
+    onClick: handleClick,
+    onMouseMove: handleOnMouseMove
   }, /*#__PURE__*/React.createElement("div", {
     className: contentCls
   }, isMultiple ? /*#__PURE__*/React.createElement(Checkbox, {

package/es/select/select.js

@@ -7,6 +7,7 @@ import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance
 import _findInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/find";
 import _includesInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/includes";
 import _spliceInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/splice";
+import _findIndexInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/find-index";
 import React, { useContext, useRef, useEffect, useState, useCallback, useLayoutEffect, useMemo } from 'react';
 import { useMergedState } from '../_utils/hooks';
 import isBoolean from 'lodash/isBoolean';
@@ -18,6 +19,7 @@ import { Icon, Checkbox, Tag } from '../index';
 import Option from './option';
 import usePopper from '../_utils/usePopper';
 import VirtualList from '../virtual-list';
+import KeyCode from '../_utils/KeyCode';
 var INPUT_MIN_WIDTH = 4; // 输入框最小宽度
 var InternalSelect = function InternalSelect(props, ref) {
   var _context, _classNames6, _classNames12;
@@ -200,13 +202,13 @@ var InternalSelect = function InternalSelect(props, ref) {
     onBlur && onBlur(e);
   }, [onBlur]);
   // 点击组件
-  var handleClick = function handleClick() {
-    if (disabled) return;
-    if (optionShow) {
-      var onDropdownVisibleChange = selectProps.onDropdownVisibleChange;
-      onDropdownVisibleChange && onDropdownVisibleChange(true);
-    }
-  };
+  // const handleClick = () => {
+  //   if (disabled) return
+  //   if (optionShow) {
+  //     const { onDropdownVisibleChange } = selectProps
+  //     onDropdownVisibleChange && onDropdownVisibleChange(true)
+  //   }
+  // }
   useEffect(function () {
     selectionRef.current.addEventListener('mouseup', function (e) {
       var _a;
@@ -460,8 +462,12 @@ var InternalSelect = function InternalSelect(props, ref) {
       }, child.props, {
         key: index,
         index: index,
+        activeIndex: activeIndex,
         onChangeSelect: handleOption,
-        values: multipleRef.current.selectedVal
+        values: multipleRef.current.selectedVal,
+        onChangeActiveIndex: function onChangeActiveIndex(i) {
+          setActiveIndex(i);
+        }
       }));
     } else {
       return /*#__PURE__*/React.createElement(Option, _extends({
@@ -469,8 +475,12 @@ var InternalSelect = function InternalSelect(props, ref) {
         value: child === null || child === void 0 ? void 0 : child.value,
         key: index,
         index: index,
+        activeIndex: activeIndex,
         onChangeSelect: handleOption,
-        values: multipleRef.current.selectedVal
+        values: multipleRef.current.selectedVal,
+        onChangeActiveIndex: function onChangeActiveIndex(i) {
+          setActiveIndex(i);
+        }
       }, child), (child === null || child === void 0 ? void 0 : child.label) || (child === null || child === void 0 ? void 0 : child.value));
     }
   };
@@ -499,6 +509,7 @@ var InternalSelect = function InternalSelect(props, ref) {
       (_a = searchRef.current) === null || _a === void 0 ? void 0 : _a.focus();
     }
   }, [isShowSearch, autoFocus, disabled]);
+  var optionsListRef = React.useRef(null);
   // 渲染下拉列表框
   var renderContent = function renderContent() {
     var dropdownRender = selectProps.dropdownRender,
@@ -524,7 +535,8 @@ var InternalSelect = function InternalSelect(props, ref) {
         },
         isStaticItemHeight: true,
         height: listHeight || 300,
-        measureLongestItem: false
+        measureLongestItem: false,
+        ref: optionsListRef
       }, virtualListProps), function (child) {
         return child;
       });
@@ -683,6 +695,101 @@ var InternalSelect = function InternalSelect(props, ref) {
     }, renderSuffix()));
   };
   var singleCls = classNames(commCls, (_classNames12 = {}, _defineProperty(_classNames12, "".concat(selectPrefixCls, "-single"), true), _defineProperty(_classNames12, "".concat(selectPrefixCls, "-single-disabled"), disabled), _defineProperty(_classNames12, "".concat(selectPrefixCls, "-single-focused"), focusd && !disabled || optionShow), _classNames12));
+  // keyboard
+  var getActiveIndex = function getActiveIndex(index) {
+    var offset = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
+    var len = filledOptions.length;
+    for (var i = 0; i < len; i += 1) {
+      var current = (index + i * offset + len) % len;
+      var _props = filledOptions[current].props;
+      if (!(_props === null || _props === void 0 ? void 0 : _props.disabled)) {
+        return current;
+      }
+    }
+    return -1;
+  };
+  // reset activeIndex
+  useEffect(function () {
+    if (searchValue) {
+      setActiveIndex(getActiveIndex(0));
+    }
+  }, [searchValue]);
+  useEffect(function () {
+    if (optionShow && !disabled) {
+      var onDropdownVisibleChange = selectProps.onDropdownVisibleChange;
+      onDropdownVisibleChange && onDropdownVisibleChange(true);
+    }
+  }, [optionShow]);
+  var _useState13 = useState(getActiveIndex(0)),
+    _useState14 = _slicedToArray(_useState13, 2),
+    activeIndex = _useState14[0],
+    setActiveIndex = _useState14[1];
+  var onInternalKeyDown = function onInternalKeyDown(e) {
+    var _a, _b;
+    var which = e.which;
+    // open
+    if (which === KeyCode.ENTER || which === KeyCode.UP || which === KeyCode.DOWN) {
+      e.preventDefault();
+      setOptionShow(true);
+    }
+    // backspace
+    var _multipleRef$current5 = multipleRef.current,
+      selectedVal = _multipleRef$current5.selectedVal,
+      selectMulOpts = _multipleRef$current5.selectMulOpts;
+    // isMultiple
+    if (which === KeyCode.BACKSPACE && !searchValue && isMultiple && selectedVal.length && selectMulOpts.length) {
+      _spliceInstanceProperty(selectedVal).call(selectedVal, -1, 1);
+      _spliceInstanceProperty(selectMulOpts).call(selectMulOpts, -1, 1);
+      setMulOptions(_toConsumableArray(selectMulOpts));
+      onChange && onChange(labelInValue ? selectMulOpts : selectedVal, selectMulOpts);
+      // !isMultiple
+    } else if (which === KeyCode.BACKSPACE && allowClear && !isMultiple) {
+      setInitValue('');
+      onClear && onClear('');
+      setSearchValue('');
+      onChange && onChange(undefined);
+    }
+    // optionsList: up、down、enter
+    if (optionShow) {
+      var offset = 0;
+      if (which === KeyCode.UP) {
+        offset = -1;
+      } else if (which === KeyCode.DOWN) {
+        offset = 1;
+      } else if (which === KeyCode.ENTER) {
+        var item = filledOptions[activeIndex];
+        var key = ((_a = item.props) === null || _a === void 0 ? void 0 : _a.value) || item.value;
+        var label = ((_b = item.props) === null || _b === void 0 ? void 0 : _b.children) || item.label;
+        handleOption(key, label, true);
+        // search
+        if (searchValue) {
+          setActiveIndex(_findIndexInstanceProperty(realChildren).call(realChildren, function (child) {
+            var _a;
+            if (child && child.props) {
+              return ((_a = child.props) === null || _a === void 0 ? void 0 : _a.value) === key;
+            } else {
+              return (child === null || child === void 0 ? void 0 : child.value) === key;
+            }
+          }));
+        }
+        if (!isMultiple) {
+          setOptionShow(false);
+        }
+      } else if (which === KeyCode.ESC) {
+        setOptionShow(false);
+      }
+      if (offset !== 0) {
+        var nextActiveIndex = getActiveIndex(activeIndex + offset, offset);
+        if (optionsListRef.current) {
+          optionsListRef.current.scrollTo({
+            index: nextActiveIndex
+          });
+        }
+        setActiveIndex(nextActiveIndex);
+        e.preventDefault();
+      }
+    }
+  };
   var renderSelect = function renderSelect() {
     return /*#__PURE__*/React.createElement("div", {
       className: selectCls,
@@ -690,7 +797,6 @@ var InternalSelect = function InternalSelect(props, ref) {
       style: style
     }, /*#__PURE__*/React.createElement("span", {
       className: selectionCls,
-      onClick: handleClick,
       tabIndex: disabled ? -1 : 0,
       onFocus: function onFocus() {
         var _a;
@@ -699,7 +805,8 @@ var InternalSelect = function InternalSelect(props, ref) {
       onBlur: function onBlur() {
         var _a;
         return (_a = searchRef.current) === null || _a === void 0 ? void 0 : _a.blur();
-      }
+      },
+      onKeyDown: onInternalKeyDown
     }, !isMultiple ? renderSingle() : renderMultiple()));
   };
   var catchStyle = function catchStyle() {

package/lib/empty/defaultEmptyImg.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-declare function DefaultEmptyImg(): JSX.Element;
+declare function DefaultEmptyImg(props: any): JSX.Element;
 export default DefaultEmptyImg;

package/lib/empty/defaultEmptyImg.js

@@ -13,7 +13,7 @@ var _ConfigContext = _interopRequireDefault(require("../config-provider/ConfigCo
 var _uniqueId = _interopRequireDefault(require("lodash/uniqueId"));
 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 DefaultEmptyImg() {
+function DefaultEmptyImg(props) {
   var _useContext = (0, _react.useContext)(_ConfigContext.default),
     getPrefixCls = _useContext.getPrefixCls,
     prefixCls = _useContext.prefixCls;
@@ -25,7 +25,8 @@ function DefaultEmptyImg() {
     height: "96px",
     viewBox: "0 0 168 96",
     version: "1.1",
-    xmlns: "http://www.w3.org/2000/svg"
+    xmlns: "http://www.w3.org/2000/svg",
+    style: props.style
   }, /*#__PURE__*/_react.default.createElement("title", null, "\u7F16\u7EC4"), /*#__PURE__*/_react.default.createElement("defs", null, /*#__PURE__*/_react.default.createElement("linearGradient", {
     x1: "50%",
     y1: "0%",

package/lib/empty/empty.js

@@ -57,7 +57,9 @@ var InteranalEmpty = function InteranalEmpty(props, ref) {
     className: imgClasses,
     style: imageStyle,
     alt: "empty"
-  }) : image;
+  }) : typeof image === 'boolean' ? null : /*#__PURE__*/_react.default.cloneElement(image, {
+    style: imageStyle
+  });
   var descriptionNode = description === undefined ? /*#__PURE__*/_react.default.createElement("div", {
     className: "".concat(emptyPrefixCls, "-description")
   }, emptyLangMsg.emptyText) : description ? /*#__PURE__*/_react.default.createElement("div", {

package/lib/empty/illustrationEmptyImg.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-declare function IllustrationEmptyImg(): JSX.Element;
+declare function IllustrationEmptyImg(props: any): JSX.Element;
 export default IllustrationEmptyImg;

package/lib/empty/illustrationEmptyImg.js

@@ -13,7 +13,7 @@ var _ConfigContext = _interopRequireDefault(require("../config-provider/ConfigCo
 var _uniqueId = _interopRequireDefault(require("lodash/uniqueId"));
 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 IllustrationEmptyImg() {
+function IllustrationEmptyImg(props) {
   var _useContext = (0, _react.useContext)(_ConfigContext.default),
     getPrefixCls = _useContext.getPrefixCls,
     prefixCls = _useContext.prefixCls;
@@ -25,7 +25,8 @@ function IllustrationEmptyImg() {
     height: "114px",
     viewBox: "0 0 200 114",
     version: "1.1",
-    xmlns: "http://www.w3.org/2000/svg"
+    xmlns: "http://www.w3.org/2000/svg",
+    style: props.style
   }, /*#__PURE__*/_react.default.createElement("title", null, "\u5207\u7247"), /*#__PURE__*/_react.default.createElement("defs", null, /*#__PURE__*/_react.default.createElement("rect", {
     id: "path-1",
     x: "0",

package/lib/input/style/index.css

@@ -335,6 +335,7 @@ textarea {
 }
 .kd-input-wrapper .kd-input-prefix {
   margin-right: 4px;
+  margin-left: 8px;
 }
 .kd-input-wrapper-size-small {
   height: var(--kd-c-input-sizing-height-small, 20px);

package/lib/input/style/index.less

@@ -129,6 +129,7 @@ textarea {
 
       &-prefix {
         margin-right: 4px;
+        margin-left: 8px;
       }
     }
 

package/lib/select/option.d.ts

@@ -8,9 +8,11 @@ export interface ISelectOptionProps {
     children?: any;
     className?: string;
     index?: number;
+    activeIndex?: number;
     style?: React.CSSProperties;
     isMultiple?: boolean;
     onChangeSelect?: (key: SelectValue, label: string | undefined, isSelected: boolean) => void;
+    onChangeActiveIndex?: (index: any) => void;
 }
 declare const Option: React.ForwardRefExoticComponent<ISelectOptionProps & React.RefAttributes<unknown>>;
 export default Option;

package/lib/select/option.js

@@ -34,7 +34,10 @@ var InternalOption = function InternalOption(props, ref) {
     values = (0, _values.default)(props),
     isMultiple = props.isMultiple,
     onChangeSelect = props.onChangeSelect,
-    title = props.title;
+    onChangeActiveIndex = props.onChangeActiveIndex,
+    title = props.title,
+    activeIndex = props.activeIndex,
+    index = props.index;
   var optionProps = (0, _extends2.default)({}, props);
   var _useContext = (0, _react.useContext)(_ConfigContext.default),
     getPrefixCls = _useContext.getPrefixCls,
@@ -47,7 +50,7 @@ var InternalOption = function InternalOption(props, ref) {
       setSelected(value !== undefined ? value === values : false);
     }
   });
-  var optionCls = (0, _classnames.default)(selectOptionPrefixCls, className, (_classNames = {}, (0, _defineProperty2.default)(_classNames, "".concat(selectOptionPrefixCls, "-option"), true), (0, _defineProperty2.default)(_classNames, "".concat(selectOptionPrefixCls, "-option-selected"), isSelected), (0, _defineProperty2.default)(_classNames, "".concat(selectOptionPrefixCls, "-option-disabled"), disabled), _classNames));
+  var optionCls = (0, _classnames.default)(selectOptionPrefixCls, className, (_classNames = {}, (0, _defineProperty2.default)(_classNames, "".concat(selectOptionPrefixCls, "-option"), true), (0, _defineProperty2.default)(_classNames, "".concat(selectOptionPrefixCls, "-option-active"), activeIndex === index), (0, _defineProperty2.default)(_classNames, "".concat(selectOptionPrefixCls, "-option-selected"), isSelected), (0, _defineProperty2.default)(_classNames, "".concat(selectOptionPrefixCls, "-option-disabled"), disabled), _classNames));
   var contentCls = (0, _classnames.default)((0, _defineProperty2.default)({}, "".concat(selectOptionPrefixCls, "-option-content"), true));
   var handleClick = function handleClick(e) {
     e.preventDefault();
@@ -57,6 +60,9 @@ var InternalOption = function InternalOption(props, ref) {
     }
     onChangeSelect && onChangeSelect(value, children, isSelected);
   };
+  var handleOnMouseMove = function handleOnMouseMove() {
+    onChangeActiveIndex && onChangeActiveIndex(index);
+  };
   var titleText = title || ((0, _typeof2.default)(children) !== 'object' ? children : null);
   var checkStyle = {
     minHeight: '22px',
@@ -66,7 +72,8 @@ var InternalOption = function InternalOption(props, ref) {
     ref: optionRef,
     className: optionCls,
     title: titleText,
-    onClick: handleClick
+    onClick: handleClick,
+    onMouseMove: handleOnMouseMove
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: contentCls
   }, isMultiple ? /*#__PURE__*/_react.default.createElement(_index.Checkbox, {