@aloudata/aloudata-design 0.1.0-beta.2

package/lib/Menu/SubMenu.d.ts

@@ -0,0 +1,26 @@
+import React from 'react';
+import './style';
+export interface ISubMenuProps {
+    /**
+     * @description 唯一标志
+     * @type string | number
+     * @default -
+     */
+    key: React.Key;
+    /**
+     * @description 是否禁用
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * @description 子菜单样式
+     * @default -
+     */
+    popupClassName?: string;
+    /**
+     * @description 子菜单项值
+     */
+    title?: React.ReactNode;
+    children?: React.ReactNode | React.ReactNode[];
+}
+export default function SubMenu(props: ISubMenuProps): JSX.Element;

package/lib/Menu/SubMenu.js

@@ -0,0 +1,44 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = SubMenu;
+
+require("antd/es/menu/style");
+
+var _menu = _interopRequireDefault(require("antd/es/menu"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _react = _interopRequireDefault(require("react"));
+
+require("./style");
+
+var _excluded = ["popupClassName"];
+
+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 AntdSubMenu = _menu.default.SubMenu;
+
+function SubMenu(props) {
+  var popupClassName = props.popupClassName,
+      otherProps = _objectWithoutProperties(props, _excluded);
+
+  var OFFSET_WIDTH = 4;
+  var OFFSET_HEIGHT = 0;
+  return /*#__PURE__*/_react.default.createElement(AntdSubMenu, _objectSpread({
+    popupClassName: (0, _classnames.default)(popupClassName, 'ald-submenu'),
+    popupOffset: [OFFSET_WIDTH, OFFSET_HEIGHT]
+  }, otherProps));
+}

package/lib/Menu/index.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import MenuItem from './MenuItem';
+import type { MenuClickEventHandler } from 'rc-menu/lib/interface';
+import './style';
+export interface IMenuProps {
+    /**
+     * @description 点击 MenuItem 调用此函数
+     * @default -
+     */
+    onClick?: MenuClickEventHandler;
+    className?: string;
+    children?: React.ReactNode | React.ReactNode[];
+}
+declare function Menu(props: IMenuProps): JSX.Element;
+declare namespace Menu {
+    var Item: typeof MenuItem;
+    var Divider: typeof import("./Divider").default;
+    var SubMenu: typeof import("./SubMenu").default;
+}
+export default Menu;

package/lib/Menu/index.js

@@ -0,0 +1,49 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = Menu;
+
+require("antd/es/menu/style");
+
+var _menu = _interopRequireDefault(require("antd/es/menu"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _MenuItem = _interopRequireDefault(require("./MenuItem"));
+
+var _Divider = _interopRequireDefault(require("./Divider"));
+
+var _SubMenu = _interopRequireDefault(require("./SubMenu"));
+
+require("./style");
+
+var _excluded = ["className"];
+
+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; }
+
+function Menu(props) {
+  var className = props.className,
+      otherProps = _objectWithoutProperties(props, _excluded);
+
+  return /*#__PURE__*/_react.default.createElement(_menu.default, _objectSpread({
+    className: (0, _classnames.default)(className, 'ald-menu')
+  }, otherProps));
+}
+
+Menu.Item = _MenuItem.default;
+Menu.Divider = _Divider.default;
+Menu.SubMenu = _SubMenu.default;

package/lib/Menu/style/index.d.ts

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

package/lib/Menu/style/index.js

@@ -0,0 +1,5 @@
+"use strict";
+
+require("../../style");
+
+require("./index.less");

package/lib/Menu/style/index.less

@@ -0,0 +1,33 @@
+@import '../../style/index.less';
+@import '../../Icon/index.less';
+
+.menu-popup {
+  border: 1px solid @NL95;
+  box-shadow: @shadow-actionsheet;
+  border-radius: @border-radius-base;
+  background: @BG100;
+}
+
+.ald-menu,
+.ald-submenu {
+  .menu-popup();
+
+  .ant-dropdown-menu-item-divider,
+  .ant-dropdown-menu-submenu-title-divider {
+    background-color: @NL90;
+  }
+
+  .ald-iconfont {
+    font-family: @icon-font !important;
+    font-size: 16px;
+    font-style: normal;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+  }
+
+  // 替换二级菜单箭头icon
+  .ant-dropdown-menu-item .ant-dropdown-menu-submenu-expand-icon .ant-dropdown-menu-submenu-arrow-icon,
+  .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-expand-icon .ant-dropdown-menu-submenu-arrow-icon {
+    .ald-iconfont('\e691');
+  }
+}

package/lib/Select/BaseSelect.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { ISelectProps as SelectProps } from './interface';
+export declare const Select: (props: SelectProps, ref: React.MutableRefObject<HTMLDivElement>) => JSX.Element;
+declare const _default: React.ForwardRefExoticComponent<SelectProps & React.RefAttributes<HTMLDivElement>>;
+export default _default;

package/lib/Select/BaseSelect.js

@@ -0,0 +1,433 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.Select = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _lodash = require("lodash");
+
+var _Selector = _interopRequireDefault(require("./Selector"));
+
+var _OptionsList = _interopRequireDefault(require("./OptionsList"));
+
+var _usePrefixCls = _interopRequireDefault(require("../_utils/hooks/usePrefixCls"));
+
+var _rcTrigger = _interopRequireDefault(require("rc-trigger"));
+
+var _utils = require("./utils");
+
+var _useCacheOption = _interopRequireDefault(require("./hooks/useCacheOption"));
+
+var _useControlledState3 = _interopRequireDefault(require("../_utils/hooks/useControlledState"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+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 _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; }
+
+var DEFAULT_LIST_HEIGHT = 256;
+var DEFAULT_ACTIVE_INDEX = -1;
+var ZERO = 0;
+
+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 ? _utils.defaultLabelRenderer : _props$labelRenderer,
+      _props$searchPredicat = props.searchPredicate,
+      searchPredicate = _props$searchPredicat === void 0 ? _utils.defaultSearchPredicate : _props$searchPredicat,
+      _props$optionLabelRen = props.optionLabelRenderer,
+      optionLabelRenderer = _props$optionLabelRen === void 0 ? _utils.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 = (0, _usePrefixCls.default)('select-legacy', customizePrefixCls);
+
+  var _useControlledState = (0, _useControlledState3.default)(controlledValue, defaultValue),
+      _useControlledState2 = _slicedToArray(_useControlledState, 2),
+      value = _useControlledState2[0],
+      setSelectValue = _useControlledState2[1];
+
+  var _useState = (0, _react.useState)([]),
+      _useState2 = _slicedToArray(_useState, 2),
+      tempValue = _useState2[0],
+      setTempValue = _useState2[1];
+
+  var _useState3 = (0, _react.useState)(false),
+      _useState4 = _slicedToArray(_useState3, 2),
+      isFocused = _useState4[0],
+      setFocused = _useState4[1];
+
+  var _useState5 = (0, _react.useState)(defaultOpen),
+      _useState6 = _slicedToArray(_useState5, 2),
+      _visible = _useState6[0],
+      _setVisible = _useState6[1];
+
+  var visible = (0, _lodash.isNil)(open) ? _visible : open;
+  var setVisible = (0, _lodash.isNil)(onDropDownVisibleChange) ? _setVisible : onDropDownVisibleChange;
+
+  var _useState7 = (0, _react.useState)(''),
+      _useState8 = _slicedToArray(_useState7, 2),
+      input = _useState8[0],
+      setInput = _useState8[1];
+
+  var selectRef = (0, _react.useRef)(null);
+  var optionListRef = (0, _react.useRef)(null);
+  var selectorRef = ref || selectRef; // empty
+  // keydown
+
+  var _useState9 = (0, _react.useState)(DEFAULT_ACTIVE_INDEX),
+      _useState10 = _slicedToArray(_useState9, 2),
+      activeIndex = _useState10[0],
+      setActiveIndex = _useState10[1];
+
+  var _useState11 = (0, _react.useState)([]),
+      _useState12 = _slicedToArray(_useState11, 2),
+      optionChecked = _useState12[0],
+      setOptionChecked = _useState12[1]; // Exhibition value (tempvalue + value);
+
+
+  var selectorValue = (0, _react.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]);
+  (0, _react.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 = (0, _react.useMemo)(function () {
+    return (0, _utils.convertChildrenToData)(children);
+  }, [children]);
+
+  var _useCacheOptions = (0, _useCacheOption.default)(),
+      setCacheOptions = _useCacheOptions.setCacheOptions,
+      getOptionByValue = _useCacheOptions.getOptionByValue,
+      getOptionsByValue = _useCacheOptions.getOptionsByValue,
+      updateGroup = _useCacheOptions.updateGroup,
+      hasGroup = _useCacheOptions.hasGroup;
+
+  var _useMemo = (0, _react.useMemo)( // @ts-ignore
+  function () {
+    return (0, _utils.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 = (0, _lodash.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((0, _lodash.without)(optValue || [], v)) : onValueChange((0, _lodash.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 (0, _lodash.without)(tempvalues, selectValue);
+      });
+      return;
+    } // 点击的时候已经是被选中
+
+
+    if (isSelected) {
+      if (isOptionChecked) {
+        onValueChange(Array.isArray(value) ? (0, _lodash.without)(value || [], selectValue) : null);
+        setOptionChecked((0, _lodash.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 = (0, _react.useMemo)(function () {
+    return (0, _lodash.filter)(mergedFlattenOPtions, searchPredicate(input));
+  }, [mergedFlattenOPtions, searchPredicate, input]);
+  var flattenOptions = (0, _react.useMemo)(function () {
+    return (0, _utils.getFlattenOptions)(filteredOptions, false);
+  }, [filteredOptions]); // value other methods
+
+  var onValueChange = function onValueChange(optValue) {
+    setSelectValue(optValue);
+
+    if (Array.isArray(optValue) && flattenOptions.length === optValue.length) {
+      setOptionChecked([]);
+    }
+
+    if ((0, _lodash.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 = (0, _react.useMemo)(function () {
+    return ['small', 'default', 'large'].includes(size) ? size : 'default';
+  }, [size]);
+
+  var list = /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_OptionsList.default, {
+    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.default.createElement(_rcTrigger.default, {
+    popupVisible: visible,
+    onPopupVisibleChange: onVisibleChange,
+    action: ['click'],
+    popupPlacement: "bottomLeft",
+    popup: list,
+    prefixCls: prefix,
+    popupClassName: (0, _classnames.default)("".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.default.createElement(_Selector.default, {
+    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
+
+
+exports.Select = Select;
+
+var _default = /*#__PURE__*/_react.default.forwardRef(Select);
+
+exports.default = _default;

package/lib/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/lib/Select/OptionsList/OptGroup.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var OptGroup = function OptGroup() {
+  return null;
+};
+
+OptGroup.isSelectOptGroup = true;
+var _default = OptGroup;
+exports.default = _default;