@aloudata/aloudata-design 0.1.0-beta.2

package/es/Select/BaseSelect.js

@@ -0,0 +1,400 @@
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+import React, { useState, useMemo, useRef, useEffect } from 'react';
+import classnames from 'classnames';
+import { filter, isNil, without } from 'lodash';
+import Selector from './Selector';
+import OptionsList from './OptionsList';
+import usePrefixCls from '../_utils/hooks/usePrefixCls';
+import Trigger from 'rc-trigger';
+import { convertChildrenToData, handleOptions, defaultLabelRenderer, defaultSearchPredicate, defaultOptionLabelRenderer, getFlattenOptions } from './utils';
+import useCacheOptions from './hooks/useCacheOption';
+import useControlledState from '../_utils/hooks/useControlledState';
+var DEFAULT_LIST_HEIGHT = 256;
+var DEFAULT_ACTIVE_INDEX = -1;
+var ZERO = 0;
+export var Select = function Select(props, ref) {
+  var _props$size = props.size,
+      size = _props$size === void 0 ? 'default' : _props$size,
+      _props$options = props.options,
+      options = _props$options === void 0 ? [] : _props$options,
+      _props$defaultValue = props.defaultValue,
+      defaultValue = _props$defaultValue === void 0 ? null : _props$defaultValue,
+      controlledValue = props.value,
+      _props$multiple = props.multiple,
+      multiple = _props$multiple === void 0 ? false : _props$multiple,
+      placeholder = props.placeholder,
+      _props$disabled = props.disabled,
+      disabled = _props$disabled === void 0 ? false : _props$disabled,
+      customizePrefixCls = props.customizePrefixCls,
+      label = props.label,
+      className = props.className,
+      style = props.style,
+      optionStyle = props.optionStyle,
+      groupStyle = props.groupStyle,
+      _props$allowClear = props.allowClear,
+      allowClear = _props$allowClear === void 0 ? false : _props$allowClear,
+      _props$listHeight = props.listHeight,
+      listHeight = _props$listHeight === void 0 ? DEFAULT_LIST_HEIGHT : _props$listHeight,
+      listRowHeight = props.listRowHeight,
+      _props$labelRenderer = props.labelRenderer,
+      labelRenderer = _props$labelRenderer === void 0 ? defaultLabelRenderer : _props$labelRenderer,
+      _props$searchPredicat = props.searchPredicate,
+      searchPredicate = _props$searchPredicat === void 0 ? defaultSearchPredicate : _props$searchPredicat,
+      _props$optionLabelRen = props.optionLabelRenderer,
+      optionLabelRenderer = _props$optionLabelRen === void 0 ? defaultOptionLabelRenderer : _props$optionLabelRen,
+      onChange = props.onChange,
+      onSelect = props.onSelect,
+      onClear = props.onClear,
+      getContainer = props.getContainer,
+      open = props.open,
+      _props$defaultOpen = props.defaultOpen,
+      defaultOpen = _props$defaultOpen === void 0 ? false : _props$defaultOpen,
+      onDropDownVisibleChange = props.onDropDownVisibleChange,
+      dropDownClassName = props.dropDownClassName,
+      dropDownStyle = props.dropDownStyle,
+      _props$dropdownMatchS = props.dropdownMatchSelectWidth,
+      dropdownMatchSelectWidth = _props$dropdownMatchS === void 0 ? 'width' : _props$dropdownMatchS,
+      children = props.children;
+  var prefix = usePrefixCls('select-legacy', customizePrefixCls);
+
+  var _useControlledState = useControlledState(controlledValue, defaultValue),
+      _useControlledState2 = _slicedToArray(_useControlledState, 2),
+      value = _useControlledState2[0],
+      setSelectValue = _useControlledState2[1];
+
+  var _useState = useState([]),
+      _useState2 = _slicedToArray(_useState, 2),
+      tempValue = _useState2[0],
+      setTempValue = _useState2[1];
+
+  var _useState3 = useState(false),
+      _useState4 = _slicedToArray(_useState3, 2),
+      isFocused = _useState4[0],
+      setFocused = _useState4[1];
+
+  var _useState5 = useState(defaultOpen),
+      _useState6 = _slicedToArray(_useState5, 2),
+      _visible = _useState6[0],
+      _setVisible = _useState6[1];
+
+  var visible = isNil(open) ? _visible : open;
+  var setVisible = isNil(onDropDownVisibleChange) ? _setVisible : onDropDownVisibleChange;
+
+  var _useState7 = useState(''),
+      _useState8 = _slicedToArray(_useState7, 2),
+      input = _useState8[0],
+      setInput = _useState8[1];
+
+  var selectRef = useRef(null);
+  var optionListRef = useRef(null);
+  var selectorRef = ref || selectRef; // empty
+  // keydown
+
+  var _useState9 = useState(DEFAULT_ACTIVE_INDEX),
+      _useState10 = _slicedToArray(_useState9, 2),
+      activeIndex = _useState10[0],
+      setActiveIndex = _useState10[1];
+
+  var _useState11 = useState([]),
+      _useState12 = _slicedToArray(_useState11, 2),
+      optionChecked = _useState12[0],
+      setOptionChecked = _useState12[1]; // Exhibition value (tempvalue + value);
+
+
+  var selectorValue = useMemo(function () {
+    if (Array.isArray(value)) {
+      // filter: if v in value and tempValue   no Exhibition
+      return value.concat(tempValue).filter(function (v) {
+        return !value.includes(v) || !tempValue.includes(v);
+      });
+    }
+
+    if (multiple) {
+      return tempValue;
+    }
+
+    return value;
+  }, [value, multiple, tempValue]);
+  useEffect(function () {
+    if (!disabled) {
+      if (visible) {
+        var _selectorRef$current;
+
+        selectorRef === null || selectorRef === void 0 ? void 0 : (_selectorRef$current = selectorRef.current) === null || _selectorRef$current === void 0 ? void 0 : _selectorRef$current.focus();
+        setFocused(visible);
+      } else {
+        var _optionListRef$curren;
+
+        setActiveIndex(DEFAULT_ACTIVE_INDEX);
+        setFocused(visible); // @ts-ignore
+
+        optionListRef === null || optionListRef === void 0 ? void 0 : (_optionListRef$curren = optionListRef.current) === null || _optionListRef$curren === void 0 ? void 0 : _optionListRef$curren.onBlur();
+      }
+    } // eslint-disable-next-line react-hooks/exhaustive-deps
+
+  }, [visible, disabled]);
+  /** merge Option & nodeOption & mergedOptionsMap */
+  // @ts-ignore
+
+  var nodesToOptions = useMemo(function () {
+    return convertChildrenToData(children);
+  }, [children]);
+
+  var _useCacheOptions = useCacheOptions(),
+      setCacheOptions = _useCacheOptions.setCacheOptions,
+      getOptionByValue = _useCacheOptions.getOptionByValue,
+      getOptionsByValue = _useCacheOptions.getOptionsByValue,
+      updateGroup = _useCacheOptions.updateGroup,
+      hasGroup = _useCacheOptions.hasGroup;
+
+  var _useMemo = useMemo( // @ts-ignore
+  function () {
+    return handleOptions([].concat(_toConsumableArray(options), _toConsumableArray(nodesToOptions)), setCacheOptions, updateGroup);
+  }, [nodesToOptions, options, setCacheOptions, updateGroup]),
+      mergedFlattenOPtions = _useMemo.flattenOptions; // input change
+
+
+  var onInputChange = function onInputChange(_value) {
+    setInput(_value);
+  }; // clear
+
+
+  var clearInput = function clearInput() {
+    return setInput('');
+  }; // dropdown visible
+
+
+  var onVisibleChange = function onVisibleChange(optVisible) {
+    if (!disabled) {
+      setVisible(optVisible);
+
+      if (!optVisible) {
+        var _selectorRef$current2;
+
+        setTimeout(clearInput, ZERO);
+        (_selectorRef$current2 = selectorRef.current) === null || _selectorRef$current2 === void 0 ? void 0 : _selectorRef$current2.blur();
+      }
+    }
+  }; // tempValue change methods
+
+
+  var onTempValueChange = function onTempValueChange(values) {
+    // value is array
+    var concatValue = isNil(value) ? values : values.concat(value).filter(function (v) {
+      return !(value === null || value === void 0 ? void 0 : value.includes(v)) || !(values === null || values === void 0 ? void 0 : values.includes(v));
+    });
+    onChange === null || onChange === void 0 ? void 0 : onChange(concatValue, getOptionsByValue(concatValue));
+    onVisibleChange(false);
+    setSelectValue(concatValue); // clear tempValue
+
+    setTempValue([]);
+  };
+
+  var deleteValue = function deleteValue(optValue, v) {
+    return tempValue.includes(v) ? onTempValueChange(without(optValue || [], v)) : onValueChange(without(optValue || [], v));
+  };
+
+  var setTempValueFC = function setTempValueFC(tempvalues) {
+    setTempValue(tempvalues);
+  };
+
+  var onListSelect = function onListSelect(selectedValue, option) {
+    if (!multiple) {
+      var _selectorRef$current3;
+
+      (_selectorRef$current3 = selectorRef.current) === null || _selectorRef$current3 === void 0 ? void 0 : _selectorRef$current3.blur();
+    } else {
+      var _selectorRef$current4;
+
+      (_selectorRef$current4 = selectorRef.current) === null || _selectorRef$current4 === void 0 ? void 0 : _selectorRef$current4.focus();
+    }
+
+    onSelect === null || onSelect === void 0 ? void 0 : onSelect(selectedValue, option);
+  };
+
+  var onAllowClearClick = function onAllowClearClick() {
+    if (input) {
+      clearInput();
+    }
+
+    onValueChange(!multiple ? null : []);
+    onClear === null || onClear === void 0 ? void 0 : onClear();
+  }; // 选项点击
+
+
+  var onOptionClick = function onOptionClick(selectValue) {
+    var selectedOption = getOptionByValue(selectValue);
+    var isTempSelected = tempValue.includes(selectValue);
+    var isSelected = !Array.isArray(value) ? value === selectValue : value.includes(selectValue);
+    var isOptionChecked = optionChecked.includes(selectValue);
+
+    if (!multiple) {
+      onVisibleChange(false);
+    }
+
+    if (isTempSelected) {
+      setTempValue(function (tempvalues) {
+        return without(tempvalues, selectValue);
+      });
+      return;
+    } // 点击的时候已经是被选中
+
+
+    if (isSelected) {
+      if (isOptionChecked) {
+        onValueChange(Array.isArray(value) ? without(value || [], selectValue) : null);
+        setOptionChecked(without(value || [], selectValue));
+      } else {
+        onValueChange(Array.isArray(value) ? [].concat(_toConsumableArray(optionChecked), [selectValue]) : null);
+        setOptionChecked([].concat(_toConsumableArray(optionChecked), [selectValue]));
+      }
+    } else {
+      onListSelect(selectValue, selectedOption);
+
+      if (Array.isArray(value)) {
+        onValueChange([].concat(_toConsumableArray(value), [selectValue]));
+        setOptionChecked([].concat(_toConsumableArray(value), [selectValue]));
+      } else {
+        onValueChange(!multiple ? selectValue : [selectValue]);
+        setOptionChecked([selectValue]);
+      }
+    }
+  }; // search filter InputValue // match input(label === input)
+
+
+  var filteredOptions = useMemo(function () {
+    return filter(mergedFlattenOPtions, searchPredicate(input));
+  }, [mergedFlattenOPtions, searchPredicate, input]);
+  var flattenOptions = useMemo(function () {
+    return getFlattenOptions(filteredOptions, false);
+  }, [filteredOptions]); // value other methods
+
+  var onValueChange = function onValueChange(optValue) {
+    setSelectValue(optValue);
+
+    if (Array.isArray(optValue) && flattenOptions.length === optValue.length) {
+      setOptionChecked([]);
+    }
+
+    if (isNil(optValue)) {
+      onChange === null || onChange === void 0 ? void 0 : onChange(null, null);
+    } else {
+      onChange === null || onChange === void 0 ? void 0 : onChange(optValue, getOptionsByValue(optValue));
+    }
+  };
+
+  var realSize = useMemo(function () {
+    return ['small', 'default', 'large'].includes(size) ? size : 'default';
+  }, [size]);
+  var list = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(OptionsList, {
+    ref: optionListRef,
+    multiple: multiple,
+    prefixCls: prefix,
+    selected: selectorValue,
+    optionChecked: optionChecked,
+    visible: visible,
+    hasGroup: hasGroup,
+    groupStyle: groupStyle,
+    optionStyle: optionStyle,
+    searchType: "no-search",
+    placeholder: placeholder,
+    data: flattenOptions,
+    labelRenderer: labelRenderer(input, prefix),
+    value: value,
+    tempValue: tempValue,
+    onOptionClick: onOptionClick,
+    onValueChange: onValueChange,
+    onTempValueChange: onTempValueChange,
+    setTempValue: setTempValueFC,
+    onInputChange: onInputChange,
+    input: input,
+    height: listHeight,
+    getContainer: getContainer,
+    itemHeight: listRowHeight,
+    activeIndex: activeIndex,
+    setActiveIndex: setActiveIndex
+  }));
+  return /*#__PURE__*/React.createElement(Trigger, {
+    popupVisible: visible,
+    onPopupVisibleChange: onVisibleChange,
+    action: ['click'],
+    popupPlacement: "bottomLeft",
+    popup: list,
+    prefixCls: prefix,
+    popupClassName: classnames("".concat(prefix, "-dropdown"), dropDownClassName),
+    popupStyle: dropDownStyle,
+    getPopupContainer: getContainer,
+    stretch: dropdownMatchSelectWidth ? 'width' : 'minWidth',
+    zIndex: 100,
+    builtinPlacements: {
+      left: {
+        points: ['cr', 'cl']
+      },
+      right: {
+        points: ['cl', 'cr']
+      },
+      top: {
+        points: ['bc', 'tc']
+      },
+      bottom: {
+        points: ['tc', 'bc']
+      },
+      topLeft: {
+        points: ['bl', 'tl']
+      },
+      topRight: {
+        points: ['br', 'tr']
+      },
+      bottomRight: {
+        points: ['tr', 'br']
+      },
+      bottomLeft: {
+        points: ['tl', 'bl']
+      }
+    }
+  }, /*#__PURE__*/React.createElement(Selector, {
+    size: realSize,
+    input: input,
+    disabled: disabled,
+    prefix: prefix,
+    multiple: multiple,
+    bordered: true,
+    isFocused: isFocused,
+    className: className,
+    visible: visible,
+    label: label,
+    ref: selectorRef,
+    style: style,
+    allowClear: allowClear,
+    value: selectorValue,
+    filteredOptions: filteredOptions,
+    searchType: "no-search",
+    placeholder: placeholder,
+    deleteValue: deleteValue,
+    onAllowClear: onAllowClearClick,
+    optionLabelRenderer: optionLabelRenderer,
+    getOptionByValue: getOptionByValue,
+    onInputChange: onInputChange
+  }));
+}; // @ts-ignore
+
+export default /*#__PURE__*/React.forwardRef(Select);

package/es/Select/OptionsList/OptGroup.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { IOptGroupProps } from '../interface';
+export interface IOptionGroupFC extends React.FC<IOptGroupProps> {
+    isSelectOptGroup: boolean;
+}
+declare const OptGroup: IOptionGroupFC;
+export default OptGroup;

package/es/Select/OptionsList/OptGroup.js

@@ -0,0 +1,6 @@
+var OptGroup = function OptGroup() {
+  return null;
+};
+
+OptGroup.isSelectOptGroup = true;
+export default OptGroup;

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

@@ -0,0 +1,35 @@
+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 {};

package/es/Select/OptionsList/OptionItem.js

@@ -0,0 +1,157 @@
+import "antd/es/tooltip/style";
+import _Tooltip from "antd/es/tooltip";
+import "antd/es/checkbox/style";
+import _Checkbox from "antd/es/checkbox";
+var _excluded = ["value", "disabled", "tooltip", "groupValue", "groupLabel", "label"];
+
+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; }
+
+import React from 'react';
+import { isNull, noop } from 'lodash';
+import classnames from 'classnames';
+import Icon from '../../Icon';
+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.createElement("div", {
+    ref: ref,
+    className: "".concat(prefixCls, "-list-group"),
+    style: groupStyle
+  }, label !== undefined ? label : value);
+};
+
+export 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.createElement("div", {
+      className: "".concat(prefixCls, "-list-option-icon"),
+      key: "".concat(String(isSelected))
+    }, /*#__PURE__*/React.createElement(_Checkbox, {
+      className: "".concat(prefixCls, "-list-option-icon-checkbox"),
+      checked: isSelected,
+      disabled: disabled,
+      onChange: noop,
+      indeterminate: isIndeterminate
+    }));
+  }
+
+  if (isSelected) {
+    return /*#__PURE__*/React.createElement("div", {
+      className: "".concat(prefixCls, "-list-option-icon"),
+      key: "".concat(String(isSelected))
+    }, /*#__PURE__*/React.createElement(Icon, {
+      type: "check",
+      size: 16
+    }));
+  }
+
+  return null;
+}; // ================= RenderOption =====================
+
+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' || 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.createElement("div", {
+    ref: ref,
+    className: "".concat(prefixCls, "-list-option-container"),
+    style: optionStyle
+  }, /*#__PURE__*/React.createElement("div", {
+    onMouseEnter: function onMouseEnter() {
+      return setActiveIndex(index);
+    },
+    onMouseLeave: function onMouseLeave() {
+      return setActiveIndex(INVALID_INDEX);
+    },
+    className: classnames("".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: noop,
+    "aria-hidden": "true"
+  }, /*#__PURE__*/React.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.createElement("div", {
+      ref: ref
+    }, /*#__PURE__*/React.createElement(_Tooltip, {
+      title: tooltip,
+      destroyTooltipOnHide: true,
+      placement: "right",
+      getTooltipContainer: getContainer
+    }, /*#__PURE__*/React.createElement("div", null, render)));
+  }
+
+  return /*#__PURE__*/React.createElement("div", {
+    ref: ref
+  }, render);
+};
+
+export var ForwardRenderGroup = /*#__PURE__*/React.forwardRef(RenderGroup);
+export var ForwardRenderOption = /*#__PURE__*/React.forwardRef(RenderOption);
+export var ForwardRenderTooltip = /*#__PURE__*/React.forwardRef(RenderTooltip);

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

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

package/es/Select/OptionsList/Options.js

@@ -0,0 +1,6 @@
+var Option = function Option() {
+  return null;
+};
+
+Option.isSelectOption = true;
+export default Option;

package/es/Select/OptionsList/index.d.ts

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