@douyinfe/semi-ui 2.0.9-alpha.4 → 2.1.0-alpha.3

package/lib/es/notification/index.js

@@ -31,10 +31,7 @@ const defaultConfig = {
 
 class NotificationList extends BaseComponent {
   constructor(props) {
-    var _this;
-
     super(props);
-    _this = this;
 
     this.add = noticeOpts => this.foundation.addNotice(noticeOpts);
 
@@ -44,13 +41,11 @@ class NotificationList extends BaseComponent {
 
     this.destroyAll = () => this.foundation.destroyAll();
 
-    this.renderNoticeInPosition = function (notices, position) {
-      let removedItems = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
+    this.renderNoticeInPosition = (notices, position, removedItems = []) => {
       const className = cls(cssClasses.LIST); // TODO notifyOnClose
 
       if (notices.length) {
-        const style = _this.setPosInStyle(notices[0]);
-
+        const style = this.setPosInStyle(notices[0]);
         return (
           /*#__PURE__*/
           // @ts-ignore
@@ -66,11 +61,11 @@ class NotificationList extends BaseComponent {
           }, _findInstanceProperty(removedItems).call(removedItems, item => item.id === notice.id) ? null : transitionStyle => /*#__PURE__*/React.createElement(Notice, _Object$assign({}, notice, {
             style: _Object$assign(_Object$assign({}, transitionStyle), notice.style),
             key: notice.id,
-            close: _this.remove
+            close: this.remove
           }))) : /*#__PURE__*/React.createElement(Notice, _Object$assign({}, notice, {
             style: _Object$assign({}, notice.style),
             key: notice.id,
-            close: _this.remove
+            close: this.remove
           }))))
         );
       }
@@ -88,15 +83,12 @@ class NotificationList extends BaseComponent {
   }
 
   get adapter() {
-    var _this2 = this;
-
     return _Object$assign(_Object$assign({}, super.adapter), {
-      updateNotices: function (notices) {
-        let removedItems = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
-        _this2.noticeStorage = [...notices];
-        _this2.removeItemStorage = [...removedItems]; // setState is async sometimes and react often merges state, so use "this" , make sure other code always get right data.
+      updateNotices: (notices, removedItems = []) => {
+        this.noticeStorage = [...notices];
+        this.removeItemStorage = [...removedItems]; // setState is async sometimes and react often merges state, so use "this" , make sure other code always get right data.
 
-        _this2.setState({
+        this.setState({
           notices,
           removedItems
         });

package/lib/es/notification/useNotification/index.js

@@ -30,12 +30,9 @@ function usePatchElement() {
       config
     }, ...originElements]);
     return id => {
-      setElements(originElements => _filterInstanceProperty(originElements).call(originElements, _ref => {
-        let {
-          config: configOfCurrentElement
-        } = _ref;
-        return configOfCurrentElement.id !== id;
-      }));
+      setElements(originElements => _filterInstanceProperty(originElements).call(originElements, ({
+        config: configOfCurrentElement
+      }) => configOfCurrentElement.id !== id));
     };
   }
 
@@ -51,11 +48,10 @@ function usePatchElement() {
       bottomRight: []
     };
 
-    _forEachInstanceProperty(elements).call(elements, _ref2 => {
-      let {
-        element,
-        config
-      } = _ref2;
+    _forEachInstanceProperty(elements).call(elements, ({
+      element,
+      config
+    }) => {
       const {
         position
       } = config;

package/lib/es/overflowList/index.js

@@ -22,10 +22,7 @@ const RenderMode = strings.MODE_MAP; // reference to https://github.com/palantir
 
 class OverflowList extends BaseComponent {
   constructor(props) {
-    var _this;
-
     super(props);
-    _this = this;
     this.scroller = null;
     this.spacer = null;
 
@@ -36,18 +33,16 @@ class OverflowList extends BaseComponent {
       return renderMode === RenderMode.SCROLL;
     };
 
-    this.resize = function () {
-      let entries = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-
+    this.resize = (entries = []) => {
       // if any parent is growing, assume we have more room than before
       const growing = _someInstanceProperty(entries).call(entries, entry => {
-        const previousWidth = _this.previousWidths.get(entry.target) || 0;
+        const previousWidth = this.previousWidths.get(entry.target) || 0;
         return entry.contentRect.width > previousWidth;
       });
 
-      _this.repartition(growing);
+      this.repartition(growing);
 
-      _forEachInstanceProperty(entries).call(entries, entry => _this.previousWidths.set(entry.target, entry.contentRect.width));
+      _forEachInstanceProperty(entries).call(entries, entry => this.previousWidths.set(entry.target, entry.contentRect.width));
     };
 
     this.repartition = growing => {

package/lib/es/overflowList/intersectionObserver.js

@@ -45,10 +45,9 @@ export default class ReactIntersectionObserver extends React.PureComponent {
     }
   }
 
-  observeElement() {
+  observeElement(force = false) {
     var _context;
 
-    let force = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
     const {
       items
     } = this.props;

package/lib/es/popconfirm/index.d.ts

@@ -29,6 +29,7 @@ export interface PopconfirmProps extends PopoverProps {
     onCancel?: (e: React.MouseEvent) => void;
     onConfirm?: (e: React.MouseEvent) => void;
     onVisibleChange?: (visible: boolean) => void;
+    onClickOutSide?: (e: React.MouseEvent) => void;
 }
 export interface PopconfirmState {
     visible: boolean;
@@ -50,13 +51,14 @@ export default class Popconfirm extends BaseComponent<PopconfirmProps, Popconfir
         cancelType: PropTypes.Requireable<string>;
         onCancel: PropTypes.Requireable<(...args: any[]) => any>;
         onConfirm: PropTypes.Requireable<(...args: any[]) => any>;
-        zIndex: PropTypes.Requireable<number>;
+        onClickOutSide: PropTypes.Requireable<(...args: any[]) => any>;
         onVisibleChange: PropTypes.Requireable<(...args: any[]) => any>;
         visible: PropTypes.Requireable<boolean>;
         defaultVisible: PropTypes.Requireable<boolean>;
         okButtonProps: PropTypes.Requireable<object>;
         cancelButtonProps: PropTypes.Requireable<object>;
         stopPropagation: PropTypes.Requireable<string | boolean>;
+        zIndex: PropTypes.Requireable<number>;
         trigger: PropTypes.Requireable<string>;
         position: PropTypes.Requireable<string>;
     };
@@ -72,6 +74,7 @@ export default class Popconfirm extends BaseComponent<PopconfirmProps, Popconfir
         zIndex: number;
         onCancel: (...args: any[]) => void;
         onConfirm: (...args: any[]) => void;
+        onClickOutSide: (...args: any[]) => void;
     };
     constructor(props: PopconfirmProps);
     static getDerivedStateFromProps(props: PopconfirmProps, state: PopconfirmState): Partial<PopconfirmState>;
@@ -79,6 +82,7 @@ export default class Popconfirm extends BaseComponent<PopconfirmProps, Popconfir
     handleCancel: (e: React.MouseEvent) => void;
     handleConfirm: (e: React.MouseEvent) => void;
     handleVisibleChange: (visible: boolean) => void;
+    handleClickOutSide: (e: React.MouseEvent) => any;
     stopImmediatePropagation: (e: React.SyntheticEvent) => void;
     renderControls(): JSX.Element;
     renderConfirmPopCard(): JSX.Element;

package/lib/es/popconfirm/index.js

@@ -38,6 +38,8 @@ export default class Popconfirm extends BaseComponent {
 
     this.handleVisibleChange = visible => this.foundation.handleVisibleChange(visible);
 
+    this.handleClickOutSide = e => this.foundation.handleClickOutSide(e);
+
     this.stopImmediatePropagation = e => e && e.nativeEvent && e.nativeEvent.stopImmediatePropagation();
 
     this.state = {
@@ -66,7 +68,8 @@ export default class Popconfirm extends BaseComponent {
       }),
       notifyConfirm: e => this.props.onConfirm(e),
       notifyCancel: e => this.props.onCancel(e),
-      notifyVisibleChange: visible => this.props.onVisibleChange(visible)
+      notifyVisibleChange: visible => this.props.onVisibleChange(visible),
+      notifyClickOutSide: e => this.props.onClickOutSide(e)
     });
   }
 
@@ -165,7 +168,8 @@ export default class Popconfirm extends BaseComponent {
     const popContent = this.renderConfirmPopCard();
     const popProps = {
       onVisibleChange: this.handleVisibleChange,
-      className: cssClasses.POPOVER
+      className: cssClasses.POPOVER,
+      onClickOutSide: this.handleClickOutSide
     };
 
     if (this.isControlled('visible')) {
@@ -196,13 +200,14 @@ Popconfirm.propTypes = {
   cancelType: PropTypes.string,
   onCancel: PropTypes.func,
   onConfirm: PropTypes.func,
-  zIndex: PropTypes.number,
+  onClickOutSide: PropTypes.func,
   onVisibleChange: PropTypes.func,
   visible: PropTypes.bool,
   defaultVisible: PropTypes.bool,
   okButtonProps: PropTypes.object,
   cancelButtonProps: PropTypes.object,
   stopPropagation: PropTypes.oneOfType([PropTypes.bool, PropTypes.string]),
+  zIndex: PropTypes.number,
   // private
   trigger: PropTypes.string,
   position: PropTypes.string
@@ -221,5 +226,6 @@ Popconfirm.defaultProps = {
   prefixCls: cssClasses.PREFIX,
   zIndex: numbers.DEFAULT_Z_INDEX,
   onCancel: noop,
-  onConfirm: noop
+  onConfirm: noop,
+  onClickOutSide: noop
 };

package/lib/es/popover/Arrow.js

@@ -19,9 +19,7 @@ import classnames from 'classnames';
 import { get } from 'lodash-es';
 import { numbers, cssClasses, strings } from '@douyinfe/semi-foundation/lib/es/popover/constants';
 
-const Arrow = function () {
-  let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-
+const Arrow = (props = {}) => {
   const {
     position = '',
     className,

package/lib/es/popover/index.d.ts

@@ -22,6 +22,7 @@ export interface PopoverProps extends BaseProps {
     trigger?: Trigger;
     contentClassName?: string | any[];
     onVisibleChange?: (visible: boolean) => void;
+    onClickOutSide?: (e: React.MouseEvent) => void;
     showArrow?: boolean;
     spacing?: number;
     stopPropagation?: boolean | string;
@@ -50,6 +51,7 @@ declare class Popover extends React.PureComponent<PopoverProps, PopoverState> {
         trigger: PropTypes.Validator<"hover" | "focus" | "click" | "custom">;
         contentClassName: PropTypes.Requireable<string | any[]>;
         onVisibleChange: PropTypes.Requireable<(...args: any[]) => any>;
+        onClickOutSide: PropTypes.Requireable<(...args: any[]) => any>;
         style: PropTypes.Requireable<object>;
         spacing: PropTypes.Requireable<number>;
         zIndex: PropTypes.Requireable<number>;
@@ -79,8 +81,8 @@ declare class Popover extends React.PureComponent<PopoverProps, PopoverState> {
         okText: string;
         position: string;
         prefixCls: string;
+        onClickOutSide: (...args: any[]) => void;
     };
-    constructor(props: PopoverProps);
     renderPopCard(): JSX.Element;
     render(): JSX.Element;
 }

package/lib/es/popover/index.js

@@ -21,17 +21,11 @@ import { cssClasses, strings, numbers } from '@douyinfe/semi-foundation/lib/es/p
 import Tooltip from '../tooltip/index';
 import Arrow from './Arrow';
 import '@douyinfe/semi-foundation/lib/es/popover/popover.css';
+import { noop } from 'lodash-es';
 const positionSet = strings.POSITION_SET;
 const triggerSet = strings.TRIGGER_SET;
 
 class Popover extends React.PureComponent {
-  constructor(props) {
-    super(props);
-    this.state = {
-      popConfirmVisible: false
-    };
-  }
-
   renderPopCard() {
     const {
       content,
@@ -107,6 +101,7 @@ Popover.propTypes = {
   trigger: PropTypes.oneOf(triggerSet).isRequired,
   contentClassName: PropTypes.oneOfType([PropTypes.string, PropTypes.array]),
   onVisibleChange: PropTypes.func,
+  onClickOutSide: PropTypes.func,
   style: PropTypes.object,
   spacing: PropTypes.number,
   zIndex: PropTypes.number,
@@ -130,6 +125,7 @@ Popover.defaultProps = {
   cancelText: 'No',
   okText: 'Yes',
   position: 'bottom',
-  prefixCls: cssClasses.PREFIX
+  prefixCls: cssClasses.PREFIX,
+  onClickOutSide: noop
 };
 export default Popover;

package/lib/es/radio/context.d.ts

@@ -7,7 +7,7 @@ export declare type RadioMode = ArrayElement<typeof strings.MODE>;
 export interface RadioContextValue {
     mode?: RadioMode;
     radioGroup?: {
-        value?: any;
+        value?: string | number;
         isButtonRadio?: any;
         disabled?: boolean;
         prefixCls?: string;

package/lib/es/radio/radio.d.ts

@@ -13,7 +13,7 @@ export declare type RadioProps = {
     autoFocus?: boolean;
     checked?: boolean;
     defaultChecked?: boolean;
-    value?: any;
+    value?: string | number;
     disabled?: boolean;
     prefixCls?: string;
     displayMode?: RadioDisplayMode;
@@ -59,7 +59,7 @@ declare class Radio extends BaseComponent<RadioProps, RadioState> {
     constructor(props: RadioProps);
     get adapter(): RadioAdapter;
     isInGroup(): {
-        value?: any;
+        value?: string | number;
         isButtonRadio?: any;
         disabled?: boolean;
         prefixCls?: string;

package/lib/es/radio/radioGroup.d.ts

@@ -8,8 +8,8 @@ import { ArrayElement } from '../_base/base';
 import { RadioType } from './radio';
 import { RadioGroupButtonSize, RadioMode } from './context';
 export interface OptionItem {
-    label?: string;
-    value?: string;
+    label?: React.ReactNode;
+    value?: string | number;
     disabled?: boolean;
     extra?: React.ReactNode;
     style?: React.CSSProperties;
@@ -17,11 +17,11 @@ export interface OptionItem {
 }
 export declare type Options = string[] | Array<OptionItem>;
 export declare type RadioGroupProps = {
-    defaultValue?: any;
+    defaultValue?: string | number;
     disabled?: boolean;
     name?: string;
     options?: Options;
-    value?: any;
+    value?: string | number;
     onChange?: (event: RadioChangeEvent) => void;
     className?: string;
     style?: React.CSSProperties;

package/lib/es/resizeObserver/index.js

@@ -48,8 +48,7 @@ export default class ReactResizeObserver extends BaseComponent {
     }
   }
 
-  observeElement() {
-    let force = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
+  observeElement(force = false) {
     const element = this.getElement();
 
     if (!(element && element instanceof Element)) {

package/lib/es/scrollList/scrollItem.js

@@ -15,12 +15,8 @@ const msPerFrame = 1000 / 60;
 const blankReg = /^\s*$/;
 const wheelMode = 'wheel';
 export default class ScrollItem extends BaseComponent {
-  constructor() {
-    var _this;
-
-    let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  constructor(props = {}) {
     super(props);
-    _this = this;
 
     this._cacheNode = (name, node) => name && node && Object.prototype.hasOwnProperty.call(this, name) && (this[name] = node);
 
@@ -105,12 +101,11 @@ export default class ScrollItem extends BaseComponent {
 
     this.isWheelMode = () => this.props.mode === wheelMode;
 
-    this.addClassToNode = function (selectedNode) {
-      let selectedCls = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : cssClasses.SELECTED;
+    this.addClassToNode = (selectedNode, selectedCls = cssClasses.SELECTED) => {
       const {
         list
-      } = _this;
-      selectedNode = selectedNode || _this.selectedNode;
+      } = this;
+      selectedNode = selectedNode || this.selectedNode;
 
       if (isElement(selectedNode) && isElement(list)) {
         const {
@@ -163,37 +158,31 @@ export default class ScrollItem extends BaseComponent {
       this.scrollToPos(targetTop, duration);
     };
 
-    this.scrollToPos = function (targetTop) {
-      let duration = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : numbers.DEFAULT_SCROLL_DURATION;
+    this.scrollToPos = (targetTop, duration = numbers.DEFAULT_SCROLL_DURATION) => {
       const {
         wrapper
-      } = _this; // this.isWheelMode() && this.addClassToNode();
+      } = this; // this.isWheelMode() && this.addClassToNode();
 
-      if (duration && _this.props.motion) {
-        if (_this.scrollAnimation) {
-          _this.scrollAnimation.destroy();
-
-          _this.scrolling = false;
+      if (duration && this.props.motion) {
+        if (this.scrollAnimation) {
+          this.scrollAnimation.destroy();
+          this.scrolling = false;
         }
 
         if (wrapper.scrollTop === targetTop) {
-          if (_this.isWheelMode()) {
-            const nodeInfo = _this.foundation.getNearestNodeInfo(_this.list, _this.selector);
-
-            _this.addClassToNode(nodeInfo.nearestNode);
+          if (this.isWheelMode()) {
+            const nodeInfo = this.foundation.getNearestNodeInfo(this.list, this.selector);
+            this.addClassToNode(nodeInfo.nearestNode);
           }
         } else {
-          _this.scrollAnimation = animatedScrollTo(wrapper, targetTop, duration);
-
-          _this.scrollAnimation.on('rest', () => {
-            if (_this.isWheelMode()) {
-              const nodeInfo = _this.foundation.getNearestNodeInfo(_this.list, _this.selector);
-
-              _this.addClassToNode(nodeInfo.nearestNode);
+          this.scrollAnimation = animatedScrollTo(wrapper, targetTop, duration);
+          this.scrollAnimation.on('rest', () => {
+            if (this.isWheelMode()) {
+              const nodeInfo = this.foundation.getNearestNodeInfo(this.list, this.selector);
+              this.addClassToNode(nodeInfo.nearestNode);
             }
           });
-
-          _this.scrollAnimation.start();
+          this.scrollAnimation.start();
         }
       } else {
         wrapper.scrollTop = targetTop;
@@ -248,14 +237,13 @@ export default class ScrollItem extends BaseComponent {
 
     this.getItmHeight = itm => itm && itm.offsetHeight || numbers.DEFAULT_ITEM_HEIGHT;
 
-    this.renderItemList = function () {
-      let prefixKey = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+    this.renderItemList = (prefixKey = '') => {
       const {
         selectedIndex,
         mode,
         transform: commonTrans,
         list
-      } = _this.props;
+      } = this.props;
       return _mapInstanceProperty(list).call(list, (item, index) => {
         const {
           transform: itemTrans
@@ -281,8 +269,8 @@ export default class ScrollItem extends BaseComponent {
 
         const events = {};
 
-        if (!_this.isWheelMode() && !item.disabled) {
-          events.onClick = () => _this.foundation.selectIndex(index, _this.list);
+        if (!this.isWheelMode() && !item.disabled) {
+          events.onClick = () => this.foundation.selectIndex(index, this.list);
         }
 
         return (
@@ -397,8 +385,6 @@ export default class ScrollItem extends BaseComponent {
   }
 
   get adapter() {
-    var _this2 = this;
-
     return _Object$assign(_Object$assign({}, super.adapter), {
       setState: (states, callback) => this.setState(_Object$assign({}, states), callback),
       setPrependCount: prependCount => this.setState({
@@ -409,9 +395,7 @@ export default class ScrollItem extends BaseComponent {
       }),
       isDisabledIndex: this.isDisabledIndex,
       setSelectedNode: selectedNode => this._cacheWillSelectNode(selectedNode),
-      notifySelectItem: function () {
-        return _this2.props.onSelect(...arguments);
-      },
+      notifySelectItem: (...args) => this.props.onSelect(...args),
       scrollToCenter: this.scrollToCenter
     });
   }

package/lib/es/select/index.js

@@ -22,7 +22,7 @@ import ConfigContext from '../configProvider/context';
 import SelectFoundation from '@douyinfe/semi-foundation/lib/es/select/foundation';
 import { cssClasses, strings, numbers } from '@douyinfe/semi-foundation/lib/es/select/constants';
 import BaseComponent from '../_base/baseComponent';
-import { isEqual, isString, noop } from 'lodash-es';
+import { isEqual, isString, noop, get, isNumber } from 'lodash-es';
 import Tag from '../tag/index';
 import TagGroup from '../tag/group';
 import LocaleConsumer from '../locale/localeConsumer';
@@ -84,8 +84,6 @@ class Select extends BaseComponent {
   }
 
   get adapter() {
-    var _this = this;
-
     const keyboardAdapter = {
       registerKeyDown: cb => {
         const keyboardEventSet = {
@@ -168,18 +166,18 @@ class Select extends BaseComponent {
     };
     return _Object$assign(_Object$assign(_Object$assign(_Object$assign(_Object$assign({}, super.adapter), keyboardAdapter), filterAdapter), multipleAdapter), {
       // Collect all subitems, each item is visible by default when collected, and is not selected
-      getOptionsFromChildren: function () {
-        let children = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : _this.props.children;
+      getOptionsFromChildren: (children = this.props.children) => {
         let optionGroups = [];
         let options = [];
         const {
           optionList
-        } = _this.props;
+        } = this.props;
 
         if (optionList && optionList.length) {
-          options = _mapInstanceProperty(optionList).call(optionList, itemOpt => _Object$assign({
+          options = _mapInstanceProperty(optionList).call(optionList, (itemOpt, index) => _Object$assign({
             _show: true,
-            _selected: false
+            _selected: false,
+            _scrollIndex: index
           }, itemOpt));
           optionGroups[0] = {
             children: options,
@@ -191,10 +189,9 @@ class Select extends BaseComponent {
           options = result.options;
         }
 
-        _this.setState({
+        this.setState({
           optionGroups
         });
-
         return options;
       },
       updateOptions: options => {
@@ -754,15 +751,21 @@ class Select extends BaseComponent {
     }
 
     if (virtualize) {
-      let minKey;
+      let minItemIndex = -1;
+
+      _forEachInstanceProperty(selections).call(selections, item => {
+        const itemIndex = get(item, '_scrollIndex');
+        /* When the itemIndex is legal */
 
-      _forEachInstanceProperty(selections).call(selections, (v, k) => {
-        const tempKey = Number(String(k).match(/option-(.*)/)[1]);
-        minKey = typeof minKey === 'number' && minKey < tempKey ? minKey : tempKey;
+        if (isNumber(itemIndex) && itemIndex >= 0) {
+          minItemIndex = minItemIndex !== -1 && minItemIndex < itemIndex ? minItemIndex : itemIndex;
+        }
       });
 
-      if (minKey) {
-        this.virtualizeListRef.current.scrollToItem(minKey, 'center');
+      if (minItemIndex !== -1) {
+        try {
+          this.virtualizeListRef.current.scrollToItem(minItemIndex, 'center');
+        } catch (error) {}
       }
     } else {
       this.foundation.updateScrollTop();

package/lib/es/select/option.js

@@ -46,14 +46,12 @@ class Option extends PureComponent {
     }
   }
 
-  renderOptionContent(_ref) {
-    let {
-      config,
-      children,
-      inputValue,
-      prefixCls
-    } = _ref;
-
+  renderOptionContent({
+    config,
+    children,
+    inputValue,
+    prefixCls
+  }) {
     if (isString(children) && inputValue) {
       return getHighLightTextHTML(config);
     }
@@ -144,14 +142,14 @@ class Option extends PureComponent {
       style: style
     }, showTick ? /*#__PURE__*/React.createElement("div", {
       className: selectedIconClassName
-    }, /*#__PURE__*/React.createElement(IconTick, null)) : null, /*#__PURE__*/React.createElement("div", {
+    }, /*#__PURE__*/React.createElement(IconTick, null)) : null, isString(children) ? /*#__PURE__*/React.createElement("div", {
       className: "".concat(prefixCls, "-text")
     }, this.renderOptionContent({
       children,
       config,
       inputValue,
       prefixCls
-    })));
+    })) : children);
   }
 
 }

package/lib/es/select/utils.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { OptionProps } from './option';
 import { OptionGroupProps } from './optionGroup';
-declare const generateOption: (child: React.ReactElement, parent?: any) => OptionProps;
+declare const generateOption: (child: React.ReactElement, parent: any, index: number) => OptionProps;
 declare const getOptionsFromGroup: (selectChildren: React.ReactNode) => {
     optionGroups: OptionGroupProps[];
     options: OptionProps[];