@douyinfe/semi-ui 2.1.0-alpha.1 → 2.1.0-beta.3

package/lib/es/popconfirm/index.js

@@ -1,5 +1,3 @@
-import _get from "lodash/get";
-import _noop from "lodash/noop";
 import _indexOfInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/index-of";
 import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
 import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
@@ -20,6 +18,7 @@ var __rest = this && this.__rest || function (s, e) {
 import React from 'react';
 import cls from 'classnames';
 import PropTypes from 'prop-types';
+import { noop, get } from 'lodash-es';
 import { cssClasses, numbers } from '@douyinfe/semi-foundation/lib/es/popconfirm/constants';
 import PopconfirmFoundation from '@douyinfe/semi-foundation/lib/es/popconfirm/popconfirmFoundation';
 import { IconClose, IconAlertTriangle } from '@douyinfe/semi-icons';
@@ -39,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 = {
@@ -67,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)
     });
   }
 
@@ -85,11 +87,11 @@ export default class Popconfirm extends BaseComponent {
     }, (locale, localeCode) => /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Button, _Object$assign({
       type: cancelType,
       onClick: this.handleCancel
-    }, cancelButtonProps), cancelText || _get(locale, 'cancel')), /*#__PURE__*/React.createElement(Button, _Object$assign({
+    }, cancelButtonProps), cancelText || get(locale, 'cancel')), /*#__PURE__*/React.createElement(Button, _Object$assign({
       type: okType,
       theme: "solid",
       onClick: this.handleConfirm
-    }, okButtonProps), okText || _get(locale, 'confirm'))));
+    }, okButtonProps), okText || get(locale, 'confirm'))));
   }
 
   renderConfirmPopCard() {
@@ -166,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')) {
@@ -197,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
@@ -212,7 +216,7 @@ Popconfirm.defaultProps = {
   stopPropagation: true,
   trigger: 'click',
   // position: 'bottomLeft',
-  onVisibleChange: _noop,
+  onVisibleChange: noop,
   disabled: false,
   icon: /*#__PURE__*/React.createElement(IconAlertTriangle, {
     size: "extra-large"
@@ -221,6 +225,7 @@ Popconfirm.defaultProps = {
   cancelType: 'tertiary',
   prefixCls: cssClasses.PREFIX,
   zIndex: numbers.DEFAULT_Z_INDEX,
-  onCancel: _noop,
-  onConfirm: _noop
+  onCancel: noop,
+  onConfirm: noop,
+  onClickOutSide: noop
 };

package/lib/es/popover/Arrow.js

@@ -1,4 +1,3 @@
-import _get from "lodash/get";
 import _indexOfInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/index-of";
 import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
 import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
@@ -17,6 +16,7 @@ var __rest = this && this.__rest || function (s, e) {
 import React from 'react';
 import PropTypes from 'prop-types';
 import classnames from 'classnames';
+import { get } from 'lodash-es';
 import { numbers, cssClasses, strings } from '@douyinfe/semi-foundation/lib/es/popover/constants';
 
 const Arrow = function () {
@@ -32,12 +32,9 @@ const Arrow = function () {
 
   const isVertical = _indexOfInstanceProperty(position).call(position, 'top') === 0 || _indexOfInstanceProperty(position).call(position, 'bottom') === 0;
   const cls = classnames(className, cssClasses.ARROW);
-
-  const borderOpacity = _get(arrowStyle, 'borderOpacity', strings.DEFAULT_ARROW_STYLE.borderOpacity);
-
-  const bgColor = _get(arrowStyle, 'backgroundColor', _get(popStyle, 'backgroundColor', strings.DEFAULT_ARROW_STYLE.backgroundColor));
-
-  const borderColor = _get(arrowStyle, 'borderColor', _get(popStyle, 'borderColor', strings.DEFAULT_ARROW_STYLE.borderColor));
+  const borderOpacity = get(arrowStyle, 'borderOpacity', strings.DEFAULT_ARROW_STYLE.borderOpacity);
+  const bgColor = get(arrowStyle, 'backgroundColor', get(popStyle, 'backgroundColor', strings.DEFAULT_ARROW_STYLE.backgroundColor));
+  const borderColor = get(arrowStyle, 'borderColor', get(popStyle, 'borderColor', strings.DEFAULT_ARROW_STYLE.borderColor));
 
   const wrapProps = _Object$assign(_Object$assign({}, rest), {
     width: numbers.ARROW_BOUNDING.width,

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/radio.js

@@ -1,4 +1,3 @@
-import _noop from "lodash/noop";
 import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
 import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
 
@@ -6,6 +5,7 @@ import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/insta
 import React from 'react';
 import PropTypes from 'prop-types';
 import cls from 'classnames';
+import { noop } from 'lodash-es';
 import RadioFoundation from '@douyinfe/semi-foundation/lib/es/radio/radioFoundation';
 import { strings, radioClasses as css } from '@douyinfe/semi-foundation/lib/es/radio/constants';
 import '@douyinfe/semi-foundation/lib/es/radio/radio.css';
@@ -194,8 +194,8 @@ Radio.defaultProps = {
   defaultChecked: false,
   value: undefined,
   style: undefined,
-  onMouseEnter: _noop,
-  onMouseLeave: _noop,
+  onMouseEnter: noop,
+  onMouseLeave: noop,
   mode: '',
   type: 'default'
 };

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/radio/radioGroup.js

@@ -1,10 +1,10 @@
-import _noop from "lodash/noop";
 import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
 import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
 import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
 import React from 'react';
 import PropTypes from 'prop-types';
 import classnames from 'classnames';
+import { noop } from 'lodash-es';
 import { radioGroupClasses as css, strings } from '@douyinfe/semi-foundation/lib/es/radio/constants';
 import RadioGroupFoundation from '@douyinfe/semi-foundation/lib/es/radio/radioGroupFoundation';
 import BaseComponent from '../_base/baseComponent';
@@ -156,7 +156,7 @@ RadioGroup.propTypes = {
 };
 RadioGroup.defaultProps = {
   disabled: false,
-  onChange: _noop,
+  onChange: noop,
   direction: strings.DEFAULT_DIRECTION,
   mode: '',
   type: strings.TYPE_DEFAULT,

package/lib/es/radio/radioInner.js

@@ -1,4 +1,3 @@
-import _noop from "lodash/noop";
 import _bindInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/bind";
 import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
 import React from 'react';
@@ -9,6 +8,7 @@ import { radioClasses as css } from '@douyinfe/semi-foundation/lib/es/radio/cons
 import Context from './context';
 import classnames from 'classnames';
 import { IconRadio } from '@douyinfe/semi-icons';
+import { noop } from 'lodash-es';
 
 class RadioInner extends BaseComponent {
   constructor(props) {
@@ -111,7 +111,7 @@ RadioInner.propTypes = {
   mode: PropTypes.oneOf(['advanced', ''])
 };
 RadioInner.defaultProps = {
-  onChange: _noop,
+  onChange: noop,
   isButtonRadio: false
 };
 export default RadioInner;

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

@@ -23,7 +23,7 @@ export interface RatingProps {
     onFocus?: (e: React.FocusEvent) => void;
     onBlur?: (e: React.FocusEvent) => void;
     onKeyDown?: (e: React.KeyboardEvent) => void;
-    onClick?: (e: React.MouseEvent, index: number) => void;
+    onClick?: (e: React.MouseEvent | React.KeyboardEvent, index: number) => void;
     autoFocus?: boolean;
     size?: 'small' | 'default' | number;
     tooltips?: string[];

package/lib/es/resizeObserver/index.js

@@ -12,6 +12,7 @@ export default class ReactResizeObserver extends BaseComponent {
         // using findDOMNode for two reasons:
         // 1. cloning to insert a ref is unwieldy and not performant.
         // 2. ensure that we resolve to an actual DOM node (instead of any JSX ref instance).
+        // eslint-disable-next-line
         return findDOMNode(this.childNode || this);
       } catch (error) {
         // swallow error if findDOMNode is run on unmounted component.

package/lib/es/scrollList/scrollItem.d.ts

@@ -1,15 +1,15 @@
-/// <reference types="lodash" />
 import React from 'react';
 import BaseComponent from '../_base/baseComponent';
 import PropTypes from 'prop-types';
 import { Item, ScrollItemAdapter } from '@douyinfe/semi-foundation/lib/es/scrollList/itemFoundation';
 import { Motion } from '../_base/base';
-export interface ScrollItemProps {
+declare type DebounceSelectFn = (e: React.UIEvent, newSelectedNode: HTMLElement) => void;
+export interface ScrollItemProps<T extends Item> {
     mode?: string;
     cycled?: boolean;
-    list?: Item[];
+    list?: T[];
     selectedIndex?: number;
-    onSelect?: (data: Item) => void;
+    onSelect?: (data: T) => void;
     transform?: (value: any, text: string) => string;
     className?: string;
     motion?: Motion;
@@ -20,7 +20,7 @@ export interface ScrollItemState {
     prependCount: number;
     appendCount: number;
 }
-export default class ScrollItem extends BaseComponent<ScrollItemProps, ScrollItemState> {
+export default class ScrollItem<T extends Item> extends BaseComponent<ScrollItemProps<T>, ScrollItemState> {
     static propTypes: {
         mode: PropTypes.Requireable<string>;
         cycled: PropTypes.Requireable<boolean>;
@@ -36,7 +36,7 @@ export default class ScrollItem extends BaseComponent<ScrollItemProps, ScrollIte
     static defaultProps: {
         selectedIndex: number;
         motion: boolean;
-        list: Item[];
+        list: readonly [];
         onSelect: (...args: any[]) => void;
         cycled: boolean;
         mode: string;
@@ -48,12 +48,12 @@ export default class ScrollItem extends BaseComponent<ScrollItemProps, ScrollIte
     selector: unknown;
     scrollAnimation: any;
     scrolling: boolean;
-    throttledAdjustList: import("lodash").DebouncedFunc<(e: any, nearestNode: any) => void>;
-    debouncedSelect: import("lodash").DebouncedFunc<(e: any, nearestNode: any) => void>;
+    throttledAdjustList: DebounceSelectFn;
+    debouncedSelect: DebounceSelectFn;
     constructor(props?: {});
-    get adapter(): ScrollItemAdapter<ScrollItemProps, ScrollItemState>;
+    get adapter(): ScrollItemAdapter<ScrollItemProps<T>, ScrollItemState, T>;
     componentDidMount(): void;
-    componentDidUpdate(prevProps: ScrollItemProps): void;
+    componentDidUpdate(prevProps: ScrollItemProps<T>): void;
     _cacheNode: (name: string, node: Element) => Element;
     _cacheSelectedNode: (selectedNode: Element) => Element;
     _cacheWillSelectNode: (node: Element) => Element;
@@ -74,7 +74,7 @@ export default class ScrollItem extends BaseComponent<ScrollItemProps, ScrollIte
     indexIsSame: (index1: number, index2: number) => boolean;
     isDisabledIndex: (index: number) => boolean;
     isDisabledNode: (node: Element) => boolean;
-    isDisabledData: (data: Item) => boolean;
+    isDisabledData: (data: T) => boolean;
     isWheelMode: () => boolean;
     addClassToNode: (selectedNode: Element, selectedCls?: string) => void;
     getIndexByNode: (node: Element) => number;
@@ -102,3 +102,4 @@ export default class ScrollItem extends BaseComponent<ScrollItemProps, ScrollIte
     renderInfiniteList: () => JSX.Element;
     render(): JSX.Element;
 }
+export {};

package/lib/es/scrollList/scrollItem.js

@@ -1,10 +1,3 @@
-import _times from "lodash/times";
-import _findIndex from "lodash/findIndex";
-import _map from "lodash/map";
-import _find from "lodash/find";
-import _throttle from "lodash/throttle";
-import _debounce from "lodash/debounce";
-import _noop from "lodash/noop";
 import _Array$isArray from "@babel/runtime-corejs3/core-js-stable/array/is-array";
 import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
 import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
@@ -13,6 +6,7 @@ import React from 'react';
 import BaseComponent from '../_base/baseComponent';
 import PropTypes from 'prop-types';
 import classnames from 'classnames';
+import { noop, debounce, throttle, find, map, findIndex, times } from 'lodash-es';
 import { cssClasses, numbers } from '@douyinfe/semi-foundation/lib/es/scrollList/constants';
 import ItemFoundation from '@douyinfe/semi-foundation/lib/es/scrollList/itemFoundation';
 import animatedScrollTo from '@douyinfe/semi-foundation/lib/es/scrollList/scrollTo';
@@ -27,14 +21,6 @@ export default class ScrollItem extends BaseComponent {
     let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     super(props);
     _this = this;
-    this.throttledAdjustList = _throttle((e, nearestNode) => {
-      this.foundation.adjustInfiniteList(this.list, this.wrapper, nearestNode);
-    }, msPerFrame);
-    this.debouncedSelect = _debounce((e, nearestNode) => {
-      this._cacheSelectedNode(nearestNode);
-
-      this.foundation.selectNode(nearestNode, this.list);
-    }, msPerFrame * 5);
 
     this._cacheNode = (name, node) => name && node && Object.prototype.hasOwnProperty.call(this, name) && (this[name] = node);
 
@@ -55,9 +41,7 @@ export default class ScrollItem extends BaseComponent {
 
       if (isElement(node) && isElement(list)) {
         const chilren = list.children;
-
-        const index = _findIndex(chilren, node);
-
+        const index = findIndex(chilren, node);
         return index === 0;
       }
 
@@ -73,9 +57,7 @@ export default class ScrollItem extends BaseComponent {
         const {
           children
         } = list;
-
-        const index = _findIndex(children, node);
-
+        const index = findIndex(children, node);
         return index === children.length - 1;
       }
 
@@ -112,8 +94,7 @@ export default class ScrollItem extends BaseComponent {
       const listWrapper = this.list;
 
       if (isElement(node) && isElement(listWrapper)) {
-        const index = _findIndex(listWrapper.children, child => child === node);
-
+        const index = findIndex(listWrapper.children, child => child === node);
         return this.isDisabledIndex(index);
       }
 
@@ -136,8 +117,7 @@ export default class ScrollItem extends BaseComponent {
           children
         } = list;
         const reg = new RegExp("\\s*".concat(selectedCls, "\\s*"), 'g');
-
-        _map(children, node => {
+        map(children, node => {
           node.className = node.className && node.className.replace(reg, ' ');
 
           if (blankReg.test(node.className)) {
@@ -153,15 +133,14 @@ export default class ScrollItem extends BaseComponent {
       }
     };
 
-    this.getIndexByNode = node => _findIndex(this.list.children, node);
+    this.getIndexByNode = node => findIndex(this.list.children, node);
 
     this.getNodeByIndex = index => {
       if (index > -1) {
-        return _find(this.list.children, (node, idx) => idx === index);
+        return find(this.list.children, (node, idx) => idx === index);
       }
 
-      const defaultSelectedNode = _find(this.list.children, child => !this.isDisabledNode(child));
-
+      const defaultSelectedNode = find(this.list.children, child => !this.isDisabledNode(child));
       return defaultSelectedNode;
     };
 
@@ -353,13 +332,13 @@ export default class ScrollItem extends BaseComponent {
         appendCount
       } = this.state;
 
-      const prependList = _reduceInstanceProperty(_context = _times(prependCount)).call(_context, (arr, num) => {
+      const prependList = _reduceInstanceProperty(_context = times(prependCount)).call(_context, (arr, num) => {
         const items = this.renderItemList("pre_".concat(num, "_"));
         arr.unshift(...items);
         return arr;
       }, []);
 
-      const appendList = _reduceInstanceProperty(_context2 = _times(appendCount)).call(_context2, (arr, num) => {
+      const appendList = _reduceInstanceProperty(_context2 = times(appendCount)).call(_context2, (arr, num) => {
         const items = this.renderItemList("app_".concat(num, "_"));
         arr.push(...items);
         return arr;
@@ -407,6 +386,14 @@ export default class ScrollItem extends BaseComponent {
     this.scrollAnimation = null; // cache if select action comes from outside
 
     this.foundation = new ItemFoundation(this.adapter);
+    this.throttledAdjustList = throttle((e, nearestNode) => {
+      this.foundation.adjustInfiniteList(this.list, this.wrapper, nearestNode);
+    }, msPerFrame);
+    this.debouncedSelect = debounce((e, nearestNode) => {
+      this._cacheSelectedNode(nearestNode);
+
+      this.foundation.selectNode(nearestNode, this.list);
+    }, msPerFrame * 5);
   }
 
   get adapter() {
@@ -527,7 +514,7 @@ ScrollItem.defaultProps = {
   motion: true,
   // transform: identity,
   list: [],
-  onSelect: _noop,
+  onSelect: noop,
   cycled: false,
   mode: wheelMode
 };

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

@@ -5,7 +5,6 @@ import BaseComponent, { ValidateStatus } from '../_base/baseComponent';
 import Option, { OptionProps } from './option';
 import OptionGroup from './optionGroup';
 import '@douyinfe/semi-foundation/lib/es/select/select.css';
-import '@douyinfe/semi-foundation/lib/es/select/option.css';
 import { Position, TooltipProps } from '../tooltip';
 export { OptionProps } from './option';
 export { OptionGroupProps } from './optionGroup';