@aloudata/aloudata-design 0.1.0-beta1 → 0.1.1

package/lib/Icon/index.less

@@ -2,15 +2,15 @@
   font-size: 16px;
 }
 
-@icon-font: 'ald-iconfont';
+@icon-font: ald-iconfont;
 
 @font-face {
   font-family: @icon-font; /* Project id 3211525 */
   src:
 
     url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'),
-    url('./iconfont/iconfont.woff?t=1646214023180') format('woff'),
-    url('./iconfont/iconfont.ttf?t=1646214023180') format('truetype');
+    url('./iconfont/iconfont.woff?t=1646383527898') format('woff'),
+    url('./iconfont/iconfont.ttf?t=1646383527898') format('truetype');
 }
 
 .ald-iconfont(@content; @font-size: 16px) {

package/lib/Input/demo/basic/index.less

@@ -3,4 +3,4 @@
     margin-bottom: 12px;
     margin-right: 8px;
   }
-}
+}

package/lib/Input/style/index.less

@@ -7,6 +7,7 @@
 .@{ald-prefix}-input {
   color: @NL0;
   border-radius: @border-radius-base;
+
   &::placeholder {
     color: @NL50;
   }
@@ -41,6 +42,7 @@
 
   &-affix-wrapper {
     border-radius: @border-radius-base;
+
     &-hover,
     &-focused,
     &:hover {
@@ -50,6 +52,7 @@
       border-radius: 0;
       caret-color: @B40;
     }
+
     &-sm {
       border-radius: @border-radius-sm;
     }
@@ -59,4 +62,4 @@
   &.@{ald-iconfont-css-prefix}-close-circle, &.@{ald-prefix}-clear-icon {
     .ald-iconfont('\e616');
   }
-}
+}

package/lib/Select/OptionsList/OptionItem/RenderGroup.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { IOption as Option } from '../../interface';
+interface IGroupProps {
+    option: Option;
+    prefixCls: string;
+    groupStyle?: React.CSSProperties;
+}
+declare const _default: React.ForwardRefExoticComponent<IGroupProps & React.RefAttributes<unknown>>;
+export default _default;

package/lib/Select/OptionsList/OptionItem/RenderGroup.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var RenderGroup = function RenderGroup(props, ref) {
+  var _props$option = props.option,
+      value = _props$option.value,
+      label = _props$option.label,
+      prefixCls = props.prefixCls,
+      groupStyle = props.groupStyle;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    ref: ref,
+    className: "".concat(prefixCls, "-list-group"),
+    style: groupStyle
+  }, label !== undefined ? label : value);
+};
+
+var _default = /*#__PURE__*/_react.default.forwardRef(RenderGroup);
+
+exports.default = _default;

package/lib/Select/OptionsList/OptionItem/RenderLabelIcon.d.ts

@@ -0,0 +1,8 @@
+declare const RenderLabelIcon: ({ isSelected, multiple, disabled, prefixCls, isIndeterminate }: {
+    isSelected: boolean;
+    multiple: boolean;
+    disabled?: boolean | undefined;
+    prefixCls?: string | undefined;
+    isIndeterminate?: boolean | undefined;
+}) => JSX.Element | null;
+export default RenderLabelIcon;

package/lib/Select/OptionsList/OptionItem/RenderLabelIcon.js

@@ -0,0 +1,58 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+require("antd/es/checkbox/style");
+
+var _checkbox = _interopRequireDefault(require("antd/es/checkbox"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _lodash = require("lodash");
+
+var _Icon = _interopRequireDefault(require("../../../Icon"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var RenderLabelIcon = function RenderLabelIcon(_ref) {
+  var _ref$isSelected = _ref.isSelected,
+      isSelected = _ref$isSelected === void 0 ? false : _ref$isSelected,
+      _ref$multiple = _ref.multiple,
+      multiple = _ref$multiple === void 0 ? false : _ref$multiple,
+      _ref$disabled = _ref.disabled,
+      disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+      prefixCls = _ref.prefixCls,
+      _ref$isIndeterminate = _ref.isIndeterminate,
+      isIndeterminate = _ref$isIndeterminate === void 0 ? false : _ref$isIndeterminate;
+
+  if (multiple) {
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: "".concat(prefixCls, "-list-option-icon"),
+      key: "".concat(String(isSelected))
+    }, /*#__PURE__*/_react.default.createElement(_checkbox.default, {
+      className: "".concat(prefixCls, "-list-option-icon-checkbox"),
+      checked: isSelected,
+      disabled: disabled,
+      onChange: _lodash.noop,
+      indeterminate: isIndeterminate
+    }));
+  }
+
+  if (isSelected) {
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: "".concat(prefixCls, "-list-option-icon"),
+      key: "".concat(String(isSelected))
+    }, /*#__PURE__*/_react.default.createElement(_Icon.default, {
+      type: "check",
+      size: 16
+    }));
+  }
+
+  return null;
+};
+
+var _default = RenderLabelIcon;
+exports.default = _default;

package/lib/Select/OptionsList/OptionItem/RenderOption.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import { IOption, TMaybeArray as MaybeArray } from '../../interface';
+interface IOptionProp {
+    option: IOption;
+    selected: MaybeArray<string | number> | null | undefined;
+    prefixCls?: string;
+    labelRenderer: (option: IOption, isGruop: false) => React.ReactNode;
+    onOptionClick?: (selectedValue: string | number) => void;
+    index: number;
+    optionStyle?: React.CSSProperties;
+    multiple?: boolean;
+    activeIndex: number;
+    setActiveIndex: React.Dispatch<React.SetStateAction<number>>;
+}
+declare const _default: React.ForwardRefExoticComponent<IOptionProp & React.RefAttributes<unknown>>;
+export default _default;

package/lib/Select/OptionsList/OptionItem/RenderOption.js

@@ -0,0 +1,94 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _lodash = require("lodash");
+
+var _classnames2 = _interopRequireDefault(require("classnames"));
+
+var _RenderLabelIcon = _interopRequireDefault(require("./RenderLabelIcon"));
+
+var _excluded = ["value", "disabled", "tooltip", "groupValue", "groupLabel", "label"];
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+var FIRST_INDEX = 0;
+var INVALID_INDEX = -1; // ================= RenderOption =====================
+
+var RenderOption = function RenderOption(props, ref) {
+  var _classnames;
+
+  var _props$option = props.option,
+      value = _props$option.value,
+      disabled = _props$option.disabled,
+      tooltip = _props$option.tooltip,
+      groupValue = _props$option.groupValue,
+      groupLabel = _props$option.groupLabel,
+      label = _props$option.label,
+      restOption = _objectWithoutProperties(_props$option, _excluded),
+      selected = props.selected,
+      onOptionClick = props.onOptionClick,
+      labelRenderer = props.labelRenderer,
+      prefixCls = props.prefixCls,
+      optionStyle = props.optionStyle,
+      multiple = props.multiple,
+      index = props.index,
+      activeIndex = props.activeIndex,
+      setActiveIndex = props.setActiveIndex;
+
+  var isSelected = typeof selected === 'string' || typeof selected === 'number' || (0, _lodash.isNull)(selected) || typeof selected === 'undefined' ? selected === value : selected.includes(value);
+
+  var onClick = function onClick(e) {
+    onOptionClick === null || onOptionClick === void 0 ? void 0 : onOptionClick(value);
+    e.preventDefault();
+  };
+
+  var labelNode = labelRenderer(_objectSpread({
+    value: value,
+    disabled: disabled,
+    tooltip: tooltip,
+    groupValue: groupValue,
+    groupLabel: groupLabel,
+    label: label
+  }, restOption), false);
+  return /*#__PURE__*/_react.default.createElement("div", {
+    ref: ref,
+    className: "".concat(prefixCls, "-list-option-container"),
+    style: optionStyle
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    onMouseEnter: function onMouseEnter() {
+      return setActiveIndex(index);
+    },
+    onMouseLeave: function onMouseLeave() {
+      return setActiveIndex(INVALID_INDEX);
+    },
+    className: (0, _classnames2.default)("".concat(prefixCls, "-list-option"), (_classnames = {}, _defineProperty(_classnames, "".concat(prefixCls, "-list-option-isSelected"), isSelected), _defineProperty(_classnames, "".concat(prefixCls, "-list-option-isHover"), !disabled && index === activeIndex), _defineProperty(_classnames, "".concat(prefixCls, "-list-option-disabled"), disabled), _defineProperty(_classnames, "".concat(prefixCls, "-list-option-nomargin"), index === FIRST_INDEX), _classnames)),
+    onClick: disabled ? undefined : onClick,
+    onKeyDown: _lodash.noop,
+    "aria-hidden": "true"
+  }, /*#__PURE__*/_react.default.createElement(_RenderLabelIcon.default, {
+    isSelected: isSelected,
+    multiple: !!multiple,
+    disabled: !!disabled,
+    prefixCls: prefixCls
+  }), labelNode));
+};
+
+var _default = /*#__PURE__*/_react.default.forwardRef(RenderOption);
+
+exports.default = _default;

package/lib/Select/OptionsList/OptionItem/RenderTooltip.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+interface ITooltipProps {
+    render: JSX.Element & React.ReactNode;
+    getContainer?: (node: HTMLElement) => HTMLElement;
+    tooltip?: string;
+}
+declare const _default: React.ForwardRefExoticComponent<ITooltipProps & React.RefAttributes<unknown>>;
+export default _default;

package/lib/Select/OptionsList/OptionItem/RenderTooltip.js

@@ -0,0 +1,37 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Tooltip = _interopRequireDefault(require("../../../Tooltip"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var RenderTooltip = function RenderTooltip(props, ref) {
+  var tooltip = props.tooltip,
+      render = props.render,
+      getContainer = props.getContainer;
+
+  if (tooltip) {
+    return /*#__PURE__*/_react.default.createElement("div", {
+      ref: ref
+    }, /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
+      title: tooltip,
+      destroyTooltipOnHide: true,
+      placement: "right",
+      getTooltipContainer: getContainer
+    }, /*#__PURE__*/_react.default.createElement("div", null, render)));
+  }
+
+  return /*#__PURE__*/_react.default.createElement("div", {
+    ref: ref
+  }, render);
+};
+
+var _default = /*#__PURE__*/_react.default.forwardRef(RenderTooltip);
+
+exports.default = _default;

package/lib/Select/OptionsList/OptionItem.d.ts

@@ -1,35 +1,4 @@
-import React from 'react';
-import { IOption as Option, TMaybeArray as MaybeArray } from '../interface';
-interface IGroupProps {
-    option: Option;
-    prefixCls: string;
-    groupStyle?: React.CSSProperties;
-}
-interface ITooltipProps {
-    render: JSX.Element & React.ReactNode;
-    getContainer?: (node: HTMLElement) => HTMLElement;
-    tooltip?: string;
-}
-interface IOptionProp {
-    option: Option;
-    selected: MaybeArray<string | number> | null | undefined;
-    prefixCls?: string;
-    labelRenderer: (option: Option, isGruop: false) => React.ReactNode;
-    onOptionClick?: (selectedValue: string | number) => void;
-    index: number;
-    optionStyle?: React.CSSProperties;
-    multiple?: boolean;
-    activeIndex: number;
-    setActiveIndex: React.Dispatch<React.SetStateAction<number>>;
-}
-export declare const RenderLabelIcon: ({ isSelected, multiple, disabled, prefixCls, isIndeterminate }: {
-    isSelected: boolean;
-    multiple: boolean;
-    disabled?: boolean | undefined;
-    prefixCls?: string | undefined;
-    isIndeterminate?: boolean | undefined;
-}) => JSX.Element | null;
-export declare const ForwardRenderGroup: React.ForwardRefExoticComponent<IGroupProps & React.RefAttributes<unknown>>;
-export declare const ForwardRenderOption: React.ForwardRefExoticComponent<IOptionProp & React.RefAttributes<unknown>>;
-export declare const ForwardRenderTooltip: React.ForwardRefExoticComponent<ITooltipProps & React.RefAttributes<unknown>>;
-export {};
+export { default as ForwardRenderGroup } from './OptionItem/RenderGroup';
+export { default as ForwardRenderOption } from './OptionItem/RenderOption';
+export { default as RenderLabelIcon } from './OptionItem/RenderLabelIcon';
+export { default as ForwardRenderTooltip } from './OptionItem/RenderTooltip';

package/lib/Select/OptionsList/OptionItem.js

@@ -3,183 +3,37 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.RenderLabelIcon = exports.ForwardRenderTooltip = exports.ForwardRenderOption = exports.ForwardRenderGroup = void 0;
-
-require("antd/es/tooltip/style");
-
-var _tooltip = _interopRequireDefault(require("antd/es/tooltip"));
-
-require("antd/es/checkbox/style");
-
-var _checkbox = _interopRequireDefault(require("antd/es/checkbox"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _lodash = require("lodash");
-
-var _classnames2 = _interopRequireDefault(require("classnames"));
-
-var _Icon = _interopRequireDefault(require("../../Icon"));
-
-var _excluded = ["value", "disabled", "tooltip", "groupValue", "groupLabel", "label"];
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
-var FIRST_INDEX = 0;
-var INVALID_INDEX = -1; // ================= RenderGroup =====================
-
-var RenderGroup = function RenderGroup(props, ref) {
-  var _props$option = props.option,
-      value = _props$option.value,
-      label = _props$option.label,
-      prefixCls = props.prefixCls,
-      groupStyle = props.groupStyle;
-  return /*#__PURE__*/_react.default.createElement("div", {
-    ref: ref,
-    className: "".concat(prefixCls, "-list-group"),
-    style: groupStyle
-  }, label !== undefined ? label : value);
-};
-
-var RenderLabelIcon = function RenderLabelIcon(_ref) {
-  var _ref$isSelected = _ref.isSelected,
-      isSelected = _ref$isSelected === void 0 ? false : _ref$isSelected,
-      _ref$multiple = _ref.multiple,
-      multiple = _ref$multiple === void 0 ? false : _ref$multiple,
-      _ref$disabled = _ref.disabled,
-      disabled = _ref$disabled === void 0 ? false : _ref$disabled,
-      prefixCls = _ref.prefixCls,
-      _ref$isIndeterminate = _ref.isIndeterminate,
-      isIndeterminate = _ref$isIndeterminate === void 0 ? false : _ref$isIndeterminate;
-
-  if (multiple) {
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: "".concat(prefixCls, "-list-option-icon"),
-      key: "".concat(String(isSelected))
-    }, /*#__PURE__*/_react.default.createElement(_checkbox.default, {
-      className: "".concat(prefixCls, "-list-option-icon-checkbox"),
-      checked: isSelected,
-      disabled: disabled,
-      onChange: _lodash.noop,
-      indeterminate: isIndeterminate
-    }));
+Object.defineProperty(exports, "ForwardRenderGroup", {
+  enumerable: true,
+  get: function get() {
+    return _RenderGroup.default;
   }
-
-  if (isSelected) {
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: "".concat(prefixCls, "-list-option-icon"),
-      key: "".concat(String(isSelected))
-    }, /*#__PURE__*/_react.default.createElement(_Icon.default, {
-      type: "check",
-      size: 16
-    }));
+});
+Object.defineProperty(exports, "ForwardRenderOption", {
+  enumerable: true,
+  get: function get() {
+    return _RenderOption.default;
   }
-
-  return null;
-}; // ================= RenderOption =====================
-
-
-exports.RenderLabelIcon = RenderLabelIcon;
-
-var RenderOption = function RenderOption(props, ref) {
-  var _classnames;
-
-  var _props$option2 = props.option,
-      value = _props$option2.value,
-      disabled = _props$option2.disabled,
-      tooltip = _props$option2.tooltip,
-      groupValue = _props$option2.groupValue,
-      groupLabel = _props$option2.groupLabel,
-      label = _props$option2.label,
-      restOption = _objectWithoutProperties(_props$option2, _excluded),
-      selected = props.selected,
-      onOptionClick = props.onOptionClick,
-      labelRenderer = props.labelRenderer,
-      prefixCls = props.prefixCls,
-      optionStyle = props.optionStyle,
-      multiple = props.multiple,
-      index = props.index,
-      activeIndex = props.activeIndex,
-      setActiveIndex = props.setActiveIndex;
-
-  var isSelected = typeof selected === 'string' || typeof selected === 'number' || (0, _lodash.isNull)(selected) || typeof selected === 'undefined' ? selected === value : selected.includes(value);
-
-  var onClick = function onClick(e) {
-    onOptionClick === null || onOptionClick === void 0 ? void 0 : onOptionClick(value);
-    e.preventDefault();
-  };
-
-  var labelNode = labelRenderer(_objectSpread({
-    value: value,
-    disabled: disabled,
-    tooltip: tooltip,
-    groupValue: groupValue,
-    groupLabel: groupLabel,
-    label: label
-  }, restOption), false);
-  return /*#__PURE__*/_react.default.createElement("div", {
-    ref: ref,
-    className: "".concat(prefixCls, "-list-option-container"),
-    style: optionStyle
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    onMouseEnter: function onMouseEnter() {
-      return setActiveIndex(index);
-    },
-    onMouseLeave: function onMouseLeave() {
-      return setActiveIndex(INVALID_INDEX);
-    },
-    className: (0, _classnames2.default)("".concat(prefixCls, "-list-option"), (_classnames = {}, _defineProperty(_classnames, "".concat(prefixCls, "-list-option-isSelected"), isSelected), _defineProperty(_classnames, "".concat(prefixCls, "-list-option-isHover"), !disabled && index === activeIndex), _defineProperty(_classnames, "".concat(prefixCls, "-list-option-disabled"), disabled), _defineProperty(_classnames, "".concat(prefixCls, "-list-option-nomargin"), index === FIRST_INDEX), _classnames)),
-    onClick: disabled ? undefined : onClick,
-    onKeyDown: _lodash.noop,
-    "aria-hidden": "true"
-  }, /*#__PURE__*/_react.default.createElement(RenderLabelIcon, {
-    isSelected: isSelected,
-    multiple: !!multiple,
-    disabled: !!disabled,
-    prefixCls: prefixCls
-  }), labelNode));
-}; // ================= RenderTooltip =====================
-
-
-var RenderTooltip = function RenderTooltip(props, ref) {
-  var tooltip = props.tooltip,
-      render = props.render,
-      getContainer = props.getContainer;
-
-  if (tooltip) {
-    return /*#__PURE__*/_react.default.createElement("div", {
-      ref: ref
-    }, /*#__PURE__*/_react.default.createElement(_tooltip.default, {
-      title: tooltip,
-      destroyTooltipOnHide: true,
-      placement: "right",
-      getTooltipContainer: getContainer
-    }, /*#__PURE__*/_react.default.createElement("div", null, render)));
+});
+Object.defineProperty(exports, "ForwardRenderTooltip", {
+  enumerable: true,
+  get: function get() {
+    return _RenderTooltip.default;
   }
+});
+Object.defineProperty(exports, "RenderLabelIcon", {
+  enumerable: true,
+  get: function get() {
+    return _RenderLabelIcon.default;
+  }
+});
 
-  return /*#__PURE__*/_react.default.createElement("div", {
-    ref: ref
-  }, render);
-};
-
-var ForwardRenderGroup = /*#__PURE__*/_react.default.forwardRef(RenderGroup);
-
-exports.ForwardRenderGroup = ForwardRenderGroup;
+var _RenderGroup = _interopRequireDefault(require("./OptionItem/RenderGroup"));
 
-var ForwardRenderOption = /*#__PURE__*/_react.default.forwardRef(RenderOption);
+var _RenderOption = _interopRequireDefault(require("./OptionItem/RenderOption"));
 
-exports.ForwardRenderOption = ForwardRenderOption;
+var _RenderLabelIcon = _interopRequireDefault(require("./OptionItem/RenderLabelIcon"));
 
-var ForwardRenderTooltip = /*#__PURE__*/_react.default.forwardRef(RenderTooltip);
+var _RenderTooltip = _interopRequireDefault(require("./OptionItem/RenderTooltip"));
 
-exports.ForwardRenderTooltip = ForwardRenderTooltip;
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/lib/Select/OptionsList/Options.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { IOptionProps } from '../interface';
-export interface IOptionFC extends React.FC<IOptionProps> {
+import { IOption } from '../interface';
+export interface IOptionFC extends React.FC<IOption> {
     isSelectOption: boolean;
 }
 declare const Option: IOptionFC;

package/lib/Select/OptionsList/index.js

@@ -174,7 +174,7 @@ var OptionsList = function OptionsList(props, ref) {
       return setActiveIndex(DEFAULT_ACTIVE_INDEX);
     }
   }, multiple && renderAllOptions(), data.length > ZERO_LENGTH ? /*#__PURE__*/_react.default.createElement(_VirtualList.default, _objectSpread({
-    itemKey: "key",
+    itemKey: "value",
     prefixCls: prefixCls,
     ref: VirtualListRef,
     data: data,

package/lib/Select/Selector/index.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-import { ISelectorProps as SelectorProps } from '../interface';
-declare const ForwardSelector: React.ForwardRefExoticComponent<SelectorProps & React.RefAttributes<unknown>>;
+import { ISelectorProps } from '../interface';
+declare const ForwardSelector: React.ForwardRefExoticComponent<ISelectorProps & React.RefAttributes<unknown>>;
 export default ForwardSelector;