shineout 2.0.0-rc.2 → 2.0.0-rc.4

package/css/@types/common.d.ts

@@ -29,6 +29,7 @@ export declare namespace RegularAttributes {
     type Size = 'small' | 'default' | 'large';
     type Type = 'default' | 'primary' | 'secondary' | 'success' | 'warning' | 'danger';
     type Align = 'left' | 'center' | 'right';
+    type ListPosition = 'drop-down' | 'drop-up';
 }
 export declare type ObjectType<V = any> = {
     [name: string]: V;

package/css/AnimationList/AbsoluteList.d.ts

@@ -1,2 +1,3 @@
-import { ComponentType } from 'react';
-export default function <U extends {}>(List: ComponentType<U>): any;
+import React, { ComponentType } from 'react';
+import { AbsoluteProps } from './Props';
+export default function <U extends {}>(List: ComponentType<U>): React.ComponentType<import("../Scroll/Props").GetScrollContextConsumerValue<{ [P in Exclude<keyof U, "getRef"> | Exclude<Exclude<"fixed", keyof U>, "getRef"> | Exclude<Exclude<"absolute", keyof U>, "getRef"> | Exclude<Exclude<"position", keyof U>, "getRef"> | Exclude<Exclude<"zIndex", keyof U>, "getRef"> | Exclude<Exclude<"value", keyof U>, "getRef"> | Exclude<Exclude<"style", keyof U>, "getRef"> | Exclude<Exclude<"focus", keyof U>, "getRef"> | Exclude<Exclude<"scrollLeft", keyof U>, "getRef"> | Exclude<Exclude<"scrollTop", keyof U>, "getRef"> | Exclude<Exclude<"parentElement", keyof U>, "getRef"> | Exclude<Exclude<"scrollElement", keyof U>, "getRef"> | Exclude<Exclude<"rootClass", keyof U>, "getRef"> | Exclude<Exclude<"autoClass", keyof U>, "getRef"> | Exclude<Exclude<"getResetPosition", keyof U>, "getRef"> | Exclude<Exclude<"autoAdapt", keyof U>, "getRef">]: import("../@types/common").ForceAdd<U, AbsoluteProps>[P]; }>>;

package/css/AnimationList/Props.d.ts

@@ -1,8 +1,7 @@
 import * as React from 'react';
 import { GetScrollContextConsumerValue } from '../Scroll/Props';
 import { GetZIndexConsumerProps } from '../Modal/Props';
-import { ForceAdd, KeygenType, StandardProps } from '../@types/common';
-declare type ListPosition = 'drop-down' | 'drop-up';
+import { ForceAdd, KeygenType, RegularAttributes, StandardProps } from '../@types/common';
 declare type PickerPosition = 'left-bottom' | 'left-top' | 'right-bottom' | 'right-top';
 declare type DropdownPosition = 'bottom-left' | 'bottom-right' | 'top-left' | 'top-right';
 export declare type ListDurationType = 'fast' | 'slow' | number;
@@ -11,7 +10,7 @@ export interface AbsoluteProps {
     focus?: boolean;
     fixed?: boolean | 'min';
     parentElement?: HTMLElement;
-    position?: ListPosition | PickerPosition | DropdownPosition;
+    position?: RegularAttributes.ListPosition | PickerPosition | DropdownPosition;
     /**
      * When it is true, the pop-up layer of option append into document.body.
      *
@@ -33,7 +32,7 @@ export interface AbsoluteProps {
      */
     zIndex?: number;
     style?: React.CSSProperties;
-    autoClass?: StyleSheet;
+    autoClass?: string;
     value?: any;
     getResetPosition?: (resetFunc: () => void) => void;
     autoAdapt?: boolean;

package/css/Carousel/Props.d.ts

@@ -25,7 +25,7 @@ export interface CarouselProps extends StandardProps {
      *
      * default: 'circle'
      */
-    indicatorType?: ((current: number, moveTo: (index: number) => void) => ReactNode) | string;
+    indicatorType?: ((current: number, moveTo: (index: number) => void) => ReactNode) | 'circle' | 'number' | 'line';
     /**
      * the interval of animation, When it is not 0, play automatically
      *

package/css/Cascader/Cascader.d.ts

@@ -2,20 +2,21 @@
 import { PureComponent } from '../component';
 import DatumTree from '../Datum/Tree';
 import Input from './Input';
-import { OriginCascaderProps } from './Props';
+import { CascaderBaseValue, OriginCascaderProps } from './Props';
+import { RegularAttributes } from '../@types/common';
 interface State {
     focus: boolean;
     path: string[];
-    position: 'drop-down' | 'drop-up';
+    position: RegularAttributes.ListPosition;
 }
-declare class Cascader<DataItem, Value extends (string | number)[]> extends PureComponent<OriginCascaderProps<DataItem, Value>, State> {
+declare class Cascader<DataItem, Value extends CascaderBaseValue> extends PureComponent<OriginCascaderProps<DataItem, Value>, State> {
     static defaultProps: {
         data: never[];
         height: number;
         clearable: boolean;
         showArrow: boolean;
         expandTrigger: string;
-        childrenKey: any;
+        childrenKey: string;
     };
     datum: DatumTree<DataItem>;
     selectId: string;

package/css/Cascader/Cascader.js

@@ -131,7 +131,6 @@ function (_PureComponent) {
       if ((0, _is.isFunc)(props.getComponentRef)) {
         props.getComponentRef((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
       } else {
-        ;
         props.getComponentRef.current = (0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this));
       }
     }

package/css/Cascader/List.d.ts

@@ -1,5 +1,6 @@
 import { Component } from 'react';
 import { CascaderListProps } from './Props';
+import { KeygenResult } from '../@types/common';
 declare class List<U, T extends any[]> extends Component<CascaderListProps<U, T>> {
     static defaultProps: {
         id: string;
@@ -7,7 +8,7 @@ declare class List<U, T extends any[]> extends Component<CascaderListProps<U, T>
         text: {};
     };
     constructor(props: CascaderListProps<U, T>);
-    getKey(data: U, index: number): string | number;
+    getKey(data: U, index: number): KeygenResult;
     getText(key: string): any;
     render(): JSX.Element;
 }

package/css/Cascader/List.js

@@ -54,7 +54,17 @@ function (_Component) {
         keygen = _this$props.keygen,
         parentId = _this$props.parentId;
     if (typeof keygen === 'function') return keygen(data, parentId);
-    if (keygen && typeof keygen === 'string') return data[keygen];
+
+    if (keygen && typeof keygen === 'string') {
+      var key = data[keygen];
+
+      if (typeof key === 'string' || typeof key === 'number') {
+        return key;
+      }
+
+      console.error('key must be number or string but get', key);
+    }
+
     return parentId + (parentId ? ',' : '') + index;
   };
 

package/css/Cascader/Node.d.ts

@@ -1,10 +1,10 @@
 import React from 'react';
-import { NodeProps } from './Props';
+import { CascaderBaseValue, NodeProps } from './Props';
 import { PureComponent } from '../component';
 interface NodeState {
     loading: boolean;
 }
-declare class Node<U, T extends any[]> extends PureComponent<NodeProps<U, T>, NodeState> {
+declare class Node<U, T extends CascaderBaseValue> extends PureComponent<NodeProps<U, T>, NodeState> {
     handleUpdate: Function;
     constructor(props: NodeProps<U, T>);
     componentWillUnmount(): void;

package/css/Cascader/Props.d.ts

@@ -26,6 +26,7 @@ export declare type GetFilterProps<Props, DataItem> = Omit<Props, 'filterText' |
 };
 /** ------ Cascader ------ * */
 export interface OriginCascaderProps<DataItem, Value extends CascaderBaseValue> extends Pick<AbsoluteProps, 'absolute' | 'zIndex'>, Pick<InputTitleProps, 'innerTitle'>, Pick<TreeDatumOptions<DataItem>, 'mode'>, Pick<StandardProps, 'style'> {
+    renderUnmatched?: (data: any) => ReactNode;
     inputFocus: boolean;
     /**
      * Set visible of cascader popup
@@ -212,8 +213,8 @@ export interface OriginCascaderProps<DataItem, Value extends CascaderBaseValue>
      *  default: -
      *
      */
-    getComponentRef?: (comp: componentRef) => void | {
-        current?: componentRef;
+    getComponentRef?: ((comp: componentRef) => void) | {
+        current: componentRef | undefined;
     };
     /**
      * When it is a string, return d[string]. When it is a function, return the result of the function.

package/css/Cascader/Result.js

@@ -252,8 +252,22 @@ function (_PureComponent) {
         raw = _ref3.raw,
         className = _ref3.className,
         options = (0, _objectWithoutPropertiesLoose2.default)(_ref3, ["index", "render", "data", "raw", "className"]);
-    var singleRemove = this.props.singleRemove;
-    var res = data && render(data, raw);
+    var _this$props3 = this.props,
+        singleRemove = _this$props3.singleRemove,
+        datum = _this$props3.datum,
+        renderUnmatched = _this$props3.renderUnmatched;
+    var res;
+
+    if (datum.isUnMatch(data)) {
+      if (renderUnmatched) {
+        res = renderUnmatched(data.value);
+      } else {
+        res = typeof data.value === 'string' ? data.value : null;
+      }
+    } else {
+      res = data && render(data, raw);
+    }
+
     if (!res) return null;
     var more = this.getCompressedBound();
     return _react.default.createElement(Item, (0, _extends2.default)({
@@ -270,10 +284,10 @@ function (_PureComponent) {
   };
 
   _proto.renderMore = function renderMore(list) {
-    var _this$props3 = this.props,
-        selectId = _this$props3.selectId,
-        size = _this$props3.size,
-        compressed = _this$props3.compressed;
+    var _this$props4 = this.props,
+        selectId = _this$props4.selectId,
+        size = _this$props4.size,
+        compressed = _this$props4.compressed;
     var more = this.getCompressedBound();
     return [_react.default.createElement(_More.default, {
       key: "more",
@@ -288,12 +302,12 @@ function (_PureComponent) {
   };
 
   _proto.renderInput = function renderInput() {
-    var _this$props4 = this.props,
-        onFilter = _this$props4.onFilter,
-        focus = _this$props4.focus,
-        trim = _this$props4.trim,
-        bindInput = _this$props4.bindInput,
-        filterText = _this$props4.filterText;
+    var _this$props5 = this.props,
+        onFilter = _this$props5.onFilter,
+        focus = _this$props5.focus,
+        trim = _this$props5.trim,
+        bindInput = _this$props5.bindInput,
+        filterText = _this$props5.filterText;
     return _react.default.createElement(_Input.default, {
       filterText: filterText,
       ref: bindInput,
@@ -305,10 +319,10 @@ function (_PureComponent) {
   };
 
   _proto.renderPlaceholder = function renderPlaceholder() {
-    var _this$props5 = this.props,
-        focus = _this$props5.focus,
-        onFilter = _this$props5.onFilter,
-        innerTitle = _this$props5.innerTitle;
+    var _this$props6 = this.props,
+        focus = _this$props6.focus,
+        onFilter = _this$props6.onFilter,
+        innerTitle = _this$props6.innerTitle;
 
     if (focus && onFilter) {
       return this.renderInput();
@@ -321,10 +335,10 @@ function (_PureComponent) {
   };
 
   _proto.renderIndicator = function renderIndicator() {
-    var _this$props6 = this.props,
-        multiple = _this$props6.multiple,
-        showArrow = _this$props6.showArrow,
-        compressed = _this$props6.compressed;
+    var _this$props7 = this.props,
+        multiple = _this$props7.multiple,
+        showArrow = _this$props7.showArrow,
+        compressed = _this$props7.compressed;
     if (!showArrow || multiple && !compressed) return null;
     var showCaret = !multiple; // eslint-disable-next-line
 
@@ -336,15 +350,15 @@ function (_PureComponent) {
   };
 
   _proto.renderResult = function renderResult() {
-    var _this$props7 = this.props,
-        datum = _this$props7.datum,
-        _this$props7$value = _this$props7.value,
-        value = _this$props7$value === void 0 ? [] : _this$props7$value,
-        renderItem = _this$props7.renderItem,
-        renderResult = _this$props7.renderResult,
-        compressed = _this$props7.compressed,
-        focus = _this$props7.focus,
-        onFilter = _this$props7.onFilter;
+    var _this$props8 = this.props,
+        datum = _this$props8.datum,
+        _this$props8$value = _this$props8.value,
+        value = _this$props8$value === void 0 ? [] : _this$props8$value,
+        renderItem = _this$props8.renderItem,
+        renderResult = _this$props8.renderResult,
+        compressed = _this$props8.compressed,
+        focus = _this$props8.focus,
+        onFilter = _this$props8.onFilter;
     var nodes = value.map(function (v) {
       return datum.getDataById(v);
     });
@@ -374,15 +388,15 @@ function (_PureComponent) {
   };
 
   _proto.render = function render() {
-    var _this$props8 = this.props,
-        style = _this$props8.style,
-        _this$props8$value = _this$props8.value,
-        value = _this$props8$value === void 0 ? [] : _this$props8$value,
-        compressed = _this$props8.compressed,
-        multiple = _this$props8.multiple,
-        innerTitle = _this$props8.innerTitle,
-        onFilter = _this$props8.onFilter,
-        focus = _this$props8.focus;
+    var _this$props9 = this.props,
+        style = _this$props9.style,
+        _this$props9$value = _this$props9.value,
+        value = _this$props9$value === void 0 ? [] : _this$props9$value,
+        compressed = _this$props9.compressed,
+        multiple = _this$props9.multiple,
+        innerTitle = _this$props9.innerTitle,
+        onFilter = _this$props9.onFilter,
+        focus = _this$props9.focus;
     var empty = value.length === 0;
     var result = empty ? this.renderPlaceholder() : this.renderResult();
     var clearEl = this.renderClear();

package/css/DatePicker/Props.d.ts

@@ -64,7 +64,7 @@ export interface BaseProps<T = DatePickerValue> extends StandardProps, Pick<Abso
      *
      * default: false
      */
-    disabled?: ((date: Date, type?: DisabledType, value?: DatePickerValue) => boolean) | boolean;
+    disabled?: ((date: Date, type?: DisabledType, value0?: Date, value1?: Date) => boolean) | boolean;
     /**
      * default values for different types: 'date': 'yyyy-MM-dd'. 'time': 'HH:mm:ss'. 'week': 'RRRR II'. 'month': 'yyyy-MM'. 'week': 'RRRR II'. 'quarter': 'yyyy-[Q]Q'. 'year': 'yyyy'. 'datetime': 'yyyy-MM-dd HH:mm:ss'
      *

package/css/Datum/Tree.d.ts

@@ -1,4 +1,4 @@
-import { KeygenResult, ObjectType, KeygenType } from '../@types/common';
+import { KeygenResult, ObjectType, KeygenType, UnMatchedValue } from '../@types/common';
 export declare const CheckedMode: {
     Full: number;
     Half: number;
@@ -54,7 +54,7 @@ export default class<Item> {
     bind(id: number | string, update: Function): void;
     unbind(id: KeygenResult): void;
     setUnmatedValue(): void;
-    isUnMatch(data: ObjectType | null): boolean;
+    isUnMatch(data: ObjectType | null): data is UnMatchedValue;
     setValue(value?: Value): void;
     getValue(): Value;
     setValueMap(id: KeygenResult, checked: CheckedStatus): void;

package/css/Modal/Modal.js

@@ -51,8 +51,6 @@ function (_Component) {
   var _proto = Modal.prototype;
 
   _proto.componentDidMount = function componentDidMount() {
-    console.log(this.props.visible);
-
     if (this.props.visible && !this.props.usePortal) {
       (0, _events.open)(this.getOption(), false);
     }

package/css/Modal/events.js

@@ -287,9 +287,13 @@ exports.method = method;
 
 var closeAll = function closeAll() {
   Object.keys(containers).filter(function (id) {
-    return containers[id].visible;
+    return containers[id].props.from === 'method' && containers[id].visible;
   }).forEach(function (id) {
-    close(containers[id].props);
+    var _containers$id$props = containers[id].props,
+        onClose = _containers$id$props.onClose,
+        usePortal = _containers$id$props.usePortal;
+    if (onClose) onClose();
+    if (!usePortal) close(containers[id].props);
   });
 };
 
@@ -302,11 +306,10 @@ exports.closeAll = closeAll;
       return containers[id].visible && containers[id].props.esc;
     });
     if (!opened) return;
-    var props = containers[opened].props; // @ts-ignore may be always true
-
+    var props = containers[opened].props;
     var onClose = props.onClose,
-        isPortal = props.isPortal;
+        usePortal = props.usePortal;
     if (onClose) onClose();
-    if (!isPortal) close(props);
+    if (!usePortal) close(props);
   });
 });

package/css/Select/BoxOption.js

@@ -46,11 +46,10 @@ function (_PureComponent) {
         data = _this$props.data,
         onClick = _this$props.onClick,
         isActive = _this$props.isActive,
-        index = _this$props.index,
         disabled = _this$props.disabled;
     if (this.locked || disabled) return;
     this.locked = true;
-    onClick(!isActive, data, index);
+    onClick(!isActive, data);
     setTimeout(function () {
       _this2.locked = false;
     }, 200);
@@ -59,7 +58,6 @@ function (_PureComponent) {
   _proto.render = function render() {
     var _this$props2 = this.props,
         data = _this$props2.data,
-        index = _this$props2.index,
         isActive = _this$props2.isActive,
         renderItem = _this$props2.renderItem,
         columns = _this$props2.columns,
@@ -68,7 +66,7 @@ function (_PureComponent) {
     var className = (0, _styles.selectClass)((0, _classname.getDirectionClass)('option'));
     var width = columns < 0 ? undefined : 1 / columns * 100 + "%";
     var Input = multiple ? _Checkbox.default : _Radio.default;
-    var result = renderItem(data, index);
+    var result = renderItem(data);
     var title = typeof result === 'string' ? result : undefined;
     return _react.default.createElement(Input, {
       disabled: disabled,

package/css/Select/Option.js

@@ -56,12 +56,11 @@ function (_React$Component) {
         data = _this$props.data,
         onClick = _this$props.onClick,
         isActive = _this$props.isActive,
-        index = _this$props.index,
         disabled = _this$props.disabled,
         groupKey = _this$props.groupKey;
     if (this.locked || disabled || data && data[groupKey]) return;
     this.locked = true;
-    onClick(!isActive, data, index);
+    onClick(!isActive, data);
     setTimeout(function () {
       _this2.locked = false;
     }, 200);

package/css/Select/OptionList.d.ts

@@ -10,7 +10,7 @@ declare class OptionList<Item, Value> extends Component<OptionListProps<Item, Va
     lastScrollTop: number;
     constructor(props: OptionListProps<Item, Value>);
     componentDidUpdate(prevProps: OptionListProps<Item, Value>): void;
-    getText(key: string): Function | (() => string) | (() => string) | (() => Object) | ((v: PropertyKey) => boolean) | ((v: Object) => boolean) | ((v: PropertyKey) => boolean);
+    getText(key: 'noData'): any;
     hoverMove(step: number): void;
     handleScroll(_x: number, y: number, _max: number, _bar: HTMLElement, _v: number, h: number, _pixelX?: number, pixelY?: number): void;
     handleHover(index: number, force: boolean): void;

package/css/Select/OptionList.js

@@ -92,7 +92,7 @@ function (_Component) {
   };
 
   _proto.getText = function getText(key) {
-    return this.props.text[key] || (0, _locale.getLocale)(key);
+    return this.props.text && this.props.text[key] || (0, _locale.getLocale)(key);
   };
 
   _proto.hoverMove = function hoverMove(step) {

package/css/Select/OptionTree.d.ts

@@ -2,7 +2,7 @@ import { Component } from 'react';
 import { OptionTreeProps } from './Props';
 declare class OptionList<Item, Value> extends Component<OptionTreeProps<Item, Value>> {
     constructor(props: OptionTreeProps<Item, Value>);
-    getText(key: string): Function | (() => string) | (() => string) | (() => Object) | ((v: PropertyKey) => boolean) | ((v: Object) => boolean) | ((v: PropertyKey) => boolean);
+    getText(key: 'noData'): any;
     handleClick(data: Item, _: any, p: {
         path: string;
     }): void;

package/css/Select/OptionTree.js

@@ -48,7 +48,7 @@ function (_Component) {
   var _proto = OptionList.prototype;
 
   _proto.getText = function getText(key) {
-    return this.props.text[key] || (0, _locale.getLocale)(key);
+    return this.props.text && this.props.text[key] || (0, _locale.getLocale)(key);
   };
 
   _proto.handleClick = function handleClick(data, _, p) {

package/css/Select/Props.d.ts

@@ -1,15 +1,16 @@
 import * as React from 'react';
-import { StandardProps, RegularAttributes, KeygenType, ValueItem, ResultItem, LiteralUnion } from '../@types/common';
+import { StandardProps, RegularAttributes, KeygenType, ValueItem, ResultItem, LiteralUnion, ValueArr } from '../@types/common';
 import List from '../Datum/List';
 import { GetTableConsumerProps } from '../Table/Props';
 import { GetInputableProps, InputableProps } from '../Form/Props';
 import { GetInputBorderProps } from '../hoc/Props';
 import { GetDatumListProps } from '../Datum/Props';
-import { AbsoluteProps } from '../AnimationList/Props';
+import { AbsoluteProps, GetAbsoluteProps } from '../AnimationList/Props';
+import { TreeProps } from '../Tree/Props';
 declare type ReactNode = React.ReactNode;
 declare type ReactElement = React.ReactElement;
-export declare type Position = 'drop-down' | 'drop-up';
-export interface BaseSelectProps<Item, Value> extends StandardProps, Pick<AbsoluteProps, 'absolute' | 'zIndex'>, Pick<InputableProps<Value>, 'formDatum'> {
+declare type ExpandTreeKeys = 'onExpand' | 'expanded' | 'defaultExpanded' | 'defaultExpandAll' | 'expandIcons' | 'loader' | 'childrenKey';
+export interface BaseSelectProps<Item, Value> extends StandardProps, Pick<AbsoluteProps, 'absolute' | 'zIndex'>, Pick<InputableProps<Value>, 'formDatum'>, Pick<TreeProps<Item, ValueArr<Value>>, ExpandTreeKeys> {
     /**
      * If clearable is true, show clear value icon
      *
@@ -96,7 +97,7 @@ export interface BaseSelectProps<Item, Value> extends StandardProps, Pick<Absolu
      *
      * default: auto
      */
-    position?: Position;
+    position?: RegularAttributes.ListPosition;
     /**
      * When it is a string, return d[string]. When it is a function, return the result of the function.
      *
@@ -339,15 +340,6 @@ export interface BaseSelectProps<Item, Value> extends StandardProps, Pick<Absolu
      * default: false
      */
     defaultExpandAll?: boolean;
-    /**
-     * treeData，the key of the children data name
-     *
-     * 树形数据下，指定子数据的属性名
-     *
-     * default: 'children'
-     */
-    childrenKey?: string;
-    loader?: (key: ValueItem<Value>, data: Item) => void;
     /**
      * custom empty copy
      *
@@ -400,31 +392,30 @@ export interface BaseSelectProps<Item, Value> extends StandardProps, Pick<Absolu
     groupKey: string;
     innerData: Item;
     inputable?: boolean;
-    text?: React.ReactNode;
+    text?: {
+        noData?: string;
+    };
     expanded?: string[];
 }
 /** ---------- optionList ---------- */
 export declare type Control = 'mouse' | 'keyboard';
-export interface OptionListProps<Item, Value> extends Omit<BaseSelectProps<Item, Value>, 'onChange'> {
+export interface OptionListProps<Item, Value> extends Pick<BaseSelectProps<Item, Value>, 'hideCreateOption' | 'loading' | 'keygen' | 'multiple' | 'renderOptionList' | 'data' | 'datum' | 'text' | 'groupKey' | 'emptyText'>, Pick<Required<BaseSelectProps<Item, Value>>, 'itemsInView' | 'lineHeight' | 'height'> {
     control: Control;
-    data: Item[];
-    datum: List<Item, Value>;
     focus?: boolean;
-    height: number;
-    itemsInView: number;
-    lineHeight: number;
     onControlChange: (control: Control) => void;
-    onChange: (isActive: boolean, data: Item, index?: number) => void;
+    onChange: (isActive: boolean, data: Item) => void;
     renderItem: ((data: Item, index?: number) => ReactNode);
     renderPending?: boolean;
     selectId: string;
     bindOptionFunc: (name: string, fn: Function) => void;
     autoClass: string;
-    text: Object;
-    groupKey: keyof Item & string;
     getRef: (el: HTMLElement) => void;
     customHeader?: ReactNode;
     filterText?: string;
+    style: React.CSSProperties;
+}
+export declare class WrappedOptionListComp<Item, Value> extends React.Component<GetAbsoluteProps<OptionListProps<Item, Value>>, any> {
+    render: () => JSX.Element;
 }
 /** ---------- option ---------- */
 export interface OptionProps<Item> {
@@ -441,22 +432,21 @@ export interface OptionProps<Item> {
     filterText?: string;
 }
 /** ---------- optionTree ---------- */
-export interface OptionTreeProps<Item, Value> extends BaseSelectProps<Item, Value> {
+export interface OptionTreeProps<Item, Value> extends Pick<BaseSelectProps<Item, Value>, ExpandTreeKeys | 'loading' | 'treeData' | 'loader' | 'emptyText' | 'height' | 'renderOptionList' | 'text'> {
     onChange: (_: any, data: Item, fromInput?: boolean) => void;
-    defaultExpanded?: string[];
-    expanded?: string[];
     renderPending?: boolean;
     treeData: Item[];
     datum: List<Item, Value>;
     focus?: boolean;
-    onExpand?: () => void;
     keygen: KeygenType<Item>;
     renderItem: ((data: Item, index?: number) => ReactNode);
     selectId: string;
-    text: Object;
     getRef?: () => void;
     customHeader?: React.ReactNode;
-    expandIcons?: ReactNode[];
+    style?: React.CSSProperties;
+}
+export declare class WrappedOptionTreeComp<Item, Value> extends React.Component<GetAbsoluteProps<OptionTreeProps<Item, Value>>, any> {
+    render: () => JSX.Element;
 }
 export interface UnMatchedValue<Value> {
     IS_NOT_MATCHED_VALUE: boolean;
@@ -508,29 +498,31 @@ export interface InputProps {
     bindFocusInputFunc: (fn: (flag?: boolean) => void) => void;
 }
 /** ---------- boxList ---------- */
-export interface BoxListProps<Item, Value> extends Omit<BaseSelectProps<Item, Value>, 'onChange' | 'renderItem' | 'data'> {
-    data: Item[];
+export interface BoxListProps<Item, Value> extends Pick<BaseSelectProps<Item, Value>, 'datum' | 'keygen' | 'renderResult' | 'multiple' | 'lineHeight' | 'columnWidth' | 'data' | 'loading' | 'renderOptionList' | 'emptyText' | 'itemsInView' | 'height' | 'columnsTitle'> {
     columns: number;
-    onChange: (isActive: boolean, data: Item, index?: number) => void;
+    onChange: (isActive: boolean, data: Item) => void;
     bindOptionFunc: (name: string, fn: Function) => void;
     text: any;
     selectId: string;
     focus: boolean;
     renderPending?: boolean;
-    renderItem: (data: Item, index: number) => React.ReactNode;
+    renderItem: (data: Item, index?: number) => React.ReactNode;
     getRef?: (el: HTMLDivElement) => void;
     customHeader: React.ReactNode;
+    style: React.CSSProperties;
+}
+export declare class WrappedBoxListComp<Item, Value> extends React.Component<GetAbsoluteProps<BoxListProps<Item, Value>>, any> {
+    render: () => JSX.Element;
 }
 /** ---------- boxOption ---------- */
 export interface BoxOptionProps<Item> {
     columns: number;
     data: Item;
     disabled: boolean;
-    index?: number;
     isActive: boolean;
     multiple?: boolean;
-    onClick: (isActive: boolean, data: Item, index?: number) => void;
-    renderItem: (data: Item, index?: number) => ReactNode;
+    onClick: (isActive: boolean, data: Item) => void;
+    renderItem: (data: Item) => ReactNode;
 }
 /** ---------- filter ---------- */
 export interface FilterProps<Item, Value> {

package/css/Select/Select.d.ts

@@ -1,12 +1,12 @@
 /// <reference types="node" />
 import React from 'react';
 import { PureComponent } from '../component';
-import { ResultItem } from '../@types/common';
-import { BaseSelectProps, Control, Position } from './Props';
+import { RegularAttributes, ResultItem } from '../@types/common';
+import { BaseSelectProps, Control } from './Props';
 interface SelectState {
     control: Control;
     focus: boolean;
-    position: Position;
+    position: RegularAttributes.ListPosition;
 }
 declare class Select<Item, Value> extends PureComponent<BaseSelectProps<Item, Value>, SelectState> {
     static defaultProps: {
@@ -41,7 +41,6 @@ declare class Select<Item, Value> extends PureComponent<BaseSelectProps<Item, Va
     blured: boolean;
     inputBlurTimer: NodeJS.Timer | null;
     lastChangeIsOptionClick: boolean;
-    handleBlur: (e?: any) => void;
     handleRemove: (data: ResultItem<Item>, fromInput?: boolean) => void;
     inputLocked: boolean;
     keyLocked: boolean;