@douyinfe/semi-ui 2.1.0-beta.2 → 2.1.0-next.2

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

@@ -16,15 +16,16 @@ import { Motion } from '../_base/base';
 export interface BaseDataItem extends DataItem {
     label?: React.ReactNode;
 }
-export interface AutoCompleteProps<Item extends BaseDataItem = BaseDataItem> {
+export declare type AutoCompleteItems = BaseDataItem | string | number;
+export interface AutoCompleteProps<T extends AutoCompleteItems> {
     autoAdjustOverflow?: boolean;
     autoFocus?: boolean;
     className?: string;
     children?: React.ReactNode;
-    data?: Array<string | Item | number>;
+    data?: T[];
     disabled?: boolean;
     defaultOpen?: boolean;
-    defaultValue?: string | number | Item;
+    defaultValue?: T;
     defaultActiveFirstOption?: boolean;
     dropdownMatchSelectWidth?: boolean;
     dropdownClassName?: string;
@@ -41,7 +42,7 @@ export interface AutoCompleteProps<Item extends BaseDataItem = BaseDataItem> {
     onBlur?: (e: React.FocusEvent) => void;
     onChange?: (value: string | number) => void;
     onSearch?: (inputValue: string) => void;
-    onSelect?: (value: string | Item | number) => void;
+    onSelect?: (value: T) => void;
     onClear?: () => void;
     onChangeWithObject?: boolean;
     onSelectWithObject?: boolean;
@@ -49,8 +50,8 @@ export interface AutoCompleteProps<Item extends BaseDataItem = BaseDataItem> {
     prefix?: React.ReactNode;
     placeholder?: string;
     position?: Position;
-    renderItem?: (option: Item | string) => React.ReactNode;
-    renderSelectedItem?: (option: Item) => string;
+    renderItem?: (option: T) => React.ReactNode;
+    renderSelectedItem?: (option: T) => string;
     size?: 'small' | 'default' | 'large';
     style?: React.CSSProperties;
     suffix?: React.ReactNode;
@@ -74,7 +75,7 @@ interface AutoCompleteState {
     rePosKey: number;
     keyboardEventSet?: KeyboardEventType;
 }
-declare class AutoComplete extends BaseComponent<AutoCompleteProps, AutoCompleteState> {
+declare class AutoComplete<T extends AutoCompleteItems> extends BaseComponent<AutoCompleteProps<T>, AutoCompleteState> {
     static propTypes: {
         autoFocus: PropTypes.Requireable<boolean>;
         autoAdjustOverflow: PropTypes.Requireable<boolean>;
@@ -118,15 +119,39 @@ declare class AutoComplete extends BaseComponent<AutoCompleteProps, AutoComplete
         zIndex: PropTypes.Requireable<number>;
     };
     static Option: typeof Option;
-    static defaultProps: Partial<AutoCompleteProps>;
+    static defaultProps: {
+        stopPropagation: boolean;
+        motion: boolean;
+        zIndex: number;
+        position: "bottomLeft";
+        data: [];
+        showClear: boolean;
+        disabled: boolean;
+        size: "default";
+        onFocus: (...args: any[]) => void;
+        onSearch: (...args: any[]) => void;
+        onClear: (...args: any[]) => void;
+        onBlur: (...args: any[]) => void;
+        onSelect: (...args: any[]) => void;
+        onChange: (...args: any[]) => void;
+        onSelectWithObject: boolean;
+        onDropdownVisibleChange: (...args: any[]) => void;
+        defaultActiveFirstOption: boolean;
+        dropdownMatchSelectWidth: boolean;
+        loading: boolean;
+        maxHeight: number;
+        validateStatus: "default";
+        autoFocus: boolean;
+        emptyContent: null;
+    };
     triggerRef: React.RefObject<HTMLDivElement> | null;
     optionsRef: React.RefObject<HTMLDivElement> | null;
     private clickOutsideHandler;
-    constructor(props: AutoCompleteProps);
-    get adapter(): AutoCompleteAdapter<AutoCompleteProps, AutoCompleteState>;
+    constructor(props: AutoCompleteProps<T>);
+    get adapter(): AutoCompleteAdapter<AutoCompleteProps<T>, AutoCompleteState>;
     componentDidMount(): void;
     componentWillUnmount(): void;
-    componentDidUpdate(prevProps: AutoCompleteProps, prevState: AutoCompleteState): void;
+    componentDidUpdate(prevProps: AutoCompleteProps<T>, prevState: AutoCompleteState): void;
     onSelect: (option: StateOptionItem, optionIndex: number, e: React.MouseEvent | React.KeyboardEvent) => void;
     onSearch: (value: string) => void;
     onBlur: (e: React.FocusEvent) => void;

package/lib/es/autoComplete/index.js

@@ -1,3 +1,5 @@
+import _noop from "lodash/noop";
+import _isEqual from "lodash/isEqual";
 import _Map from "@babel/runtime-corejs3/core-js-stable/map";
 import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
 import _Array$from from "@babel/runtime-corejs3/core-js-stable/array/from";
@@ -9,7 +11,6 @@ import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/insta
 import React from 'react';
 import PropTypes from 'prop-types';
 import cls from 'classnames';
-import { isEqual, noop } from 'lodash-es';
 import { strings, cssClasses } from '@douyinfe/semi-foundation/lib/es/autoComplete/constants';
 import AutoCompleteFoundation from '@douyinfe/semi-foundation/lib/es/autoComplete/foundation';
 import { numbers as popoverNumbers } from '@douyinfe/semi-foundation/lib/es/popover/constants';
@@ -160,7 +161,7 @@ class AutoComplete extends BaseComponent {
   }
 
   componentDidUpdate(prevProps, prevState) {
-    if (!isEqual(this.props.data, prevProps.data)) {
+    if (!_isEqual(this.props.data, prevProps.data)) {
       this.foundation.handleDataChange(this.props.data);
     }
 
@@ -376,14 +377,14 @@ AutoComplete.defaultProps = {
   showClear: false,
   disabled: false,
   size: 'default',
-  onFocus: noop,
-  onSearch: noop,
-  onClear: noop,
-  onBlur: noop,
-  onSelect: noop,
-  onChange: noop,
+  onFocus: _noop,
+  onSearch: _noop,
+  onClear: _noop,
+  onBlur: _noop,
+  onSelect: _noop,
+  onChange: _noop,
   onSelectWithObject: false,
-  onDropdownVisibleChange: noop,
+  onDropdownVisibleChange: _noop,
   defaultActiveFirstOption: true,
   dropdownMatchSelectWidth: true,
   loading: false,

package/lib/es/avatar/avatarGroup.js

@@ -1,3 +1,6 @@
+import _isNumber from "lodash/isNumber";
+import _isFunction from "lodash/isFunction";
+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 _Array$isArray from "@babel/runtime-corejs3/core-js-stable/array/is-array";
@@ -20,7 +23,6 @@ var __rest = this && this.__rest || function (s, e) {
 import React, { PureComponent, Fragment } from 'react';
 import cls from 'classnames';
 import PropTypes from 'prop-types';
-import { get as lodashGet, isFunction, isNumber } from 'lodash-es';
 import Avatar from './index';
 import { cssClasses, strings } from '@douyinfe/semi-foundation/lib/es/avatar/constants';
 const sizeSet = strings.SIZE;
@@ -65,7 +67,7 @@ export default class AvatarGroup extends PureComponent {
       key: "_+n"
     }, "+".concat(restNumber));
 
-    if (isFunction(renderMore)) {
+    if (_isFunction(renderMore)) {
       moreAvatar = /*#__PURE__*/React.createElement(Fragment, {
         key: "_+n"
       }, renderMore(restNumber, restAvatars));
@@ -96,10 +98,10 @@ export default class AvatarGroup extends PureComponent {
       var _context;
 
       const avatars = this.getAllAvatars();
-      inner = _mapInstanceProperty(_context = isNumber(maxCount) ? this.getMergeAvatars(avatars) : avatars).call(_context, (itm, index) => {
+      inner = _mapInstanceProperty(_context = _isNumber(maxCount) ? this.getMergeAvatars(avatars) : avatars).call(_context, (itm, index) => {
         var _context2, _context3;
 
-        const className = cls(lodashGet(itm.props, 'className'), {
+        const className = cls(_get(itm.props, 'className'), {
           [_concatInstanceProperty(_context2 = "".concat(prefixCls, "-item-start-")).call(_context2, index)]: overlapFrom === 'start',
           [_concatInstanceProperty(_context3 = "".concat(prefixCls, "-item-end-")).call(_context3, index)]: overlapFrom === 'end'
         });

package/lib/es/badge/index.js

@@ -1,8 +1,9 @@
+import _isString from "lodash/isString";
+import _isNumber from "lodash/isNumber";
 import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
 import React, { PureComponent } from 'react';
 import cls from 'classnames';
 import PropTypes from 'prop-types';
-import { isNumber, isString } from 'lodash-es';
 import ConfigContext from '../configProvider/context';
 import { cssClasses, strings } from '@douyinfe/semi-foundation/lib/es/badge/constants';
 import '@douyinfe/semi-foundation/lib/es/badge/badge.css';
@@ -28,7 +29,7 @@ export default class Badge extends PureComponent {
       children,
       className
     } = this.props;
-    const custom = count && !(isNumber(count) || isString(count));
+    const custom = count && !(_isNumber(count) || _isString(count));
     const showBadge = count !== null && typeof count !== 'undefined';
     const wrapper = cls(className, {
       [_concatInstanceProperty(_context = "".concat(prefixCls, "-")).call(_context, type)]: !custom,
@@ -41,7 +42,7 @@ export default class Badge extends PureComponent {
     });
     let content;
 
-    if (isNumber(count)) {
+    if (_isNumber(count)) {
       content = overflowCount && overflowCount < count ? "".concat(overflowCount, "+") : "".concat(count);
     } else {
       content = count;

package/lib/es/breadcrumb/index.js

@@ -1,3 +1,4 @@
+import _isFunction from "lodash/isFunction";
 import _sliceInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/slice";
 import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
 import _spliceInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/splice";
@@ -12,7 +13,6 @@ import propTypes from 'prop-types';
 import { cssClasses, strings } from '@douyinfe/semi-foundation/lib/es/breadcrumb/constants';
 import BreadcrumbFoundation from '@douyinfe/semi-foundation/lib/es/breadcrumb/foundation';
 import warning from '@douyinfe/semi-foundation/lib/es/utils/warning';
-import { isFunction } from 'lodash-es';
 import '@douyinfe/semi-foundation/lib/es/breadcrumb/breadcrumb.css';
 import { noop } from '@douyinfe/semi-foundation/lib/es/utils/function';
 import BaseComponent from '../_base/baseComponent';
@@ -36,7 +36,8 @@ class Breadcrumb extends BaseComponent {
         renderMore,
         moreType
       } = this.props;
-      const hasRenderMore = isFunction(renderMore);
+
+      const hasRenderMore = _isFunction(renderMore);
 
       const restItem = _sliceInstanceProperty(template).call(template, 1, itemsLen - 3);
 
@@ -64,7 +65,8 @@ class Breadcrumb extends BaseComponent {
         maxItemCount
       } = this.props;
       const restItemLength = items.length - maxItemCount;
-      const hasRenderMore = isFunction(renderMore);
+
+      const hasRenderMore = _isFunction(renderMore);
 
       const template = _mapInstanceProperty(items).call(items, (route, idx) => {
         var _context2;
@@ -105,7 +107,8 @@ class Breadcrumb extends BaseComponent {
 
       const shouldCollapse = items && autoCollapse && itemLength > maxItemCount && isCollapsed; // Whether the number of children exceeds, need to collapse
 
-      const hasRenderMore = isFunction(renderMore); // Whether the user passes in the renderMore method
+      const hasRenderMore = _isFunction(renderMore); // Whether the user passes in the renderMore method
+
 
       const moreTypeIsPopover = moreType === 'popover';
 

package/lib/es/breadcrumb/item.js

@@ -1,3 +1,6 @@
+import _isNull from "lodash/isNull";
+import _isUndefined from "lodash/isUndefined";
+import _merge from "lodash/merge";
 import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
 import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
 import React, { Fragment } from 'react';
@@ -9,7 +12,6 @@ import BaseComponent from '../_base/baseComponent';
 import { noop } from '@douyinfe/semi-foundation/lib/es/utils/function';
 import BreadContext from './bread-context';
 import Typography from '../typography';
-import { merge, isUndefined, isNull } from 'lodash-es';
 const clsPrefix = cssClasses.PREFIX;
 export default class BreadcrumbItem extends BaseComponent {
   constructor(props) {
@@ -55,7 +57,7 @@ export default class BreadcrumbItem extends BaseComponent {
       };
 
       if (typeof showTooltip === 'object') {
-        return merge(defaultOpts, showTooltip);
+        return _merge(defaultOpts, showTooltip);
       }
 
       return defaultOpts;
@@ -68,7 +70,7 @@ export default class BreadcrumbItem extends BaseComponent {
         children,
         href
       } = this.props;
-      const hasHref = !isUndefined(href) && !isNull(href);
+      const hasHref = !_isUndefined(href) && !_isNull(href);
 
       if (route) {
         itemInfo = route;

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

@@ -14,7 +14,6 @@ declare class Button extends React.PureComponent<ButtonProps> {
         loading: import("prop-types").Requireable<boolean>;
         prefixCls: import("prop-types").Requireable<string>;
         icon: import("prop-types").Requireable<import("prop-types").ReactNodeLike>;
-        iconType: import("prop-types").Requireable<import("prop-types").ReactElementLike>;
         iconSize: import("prop-types").Requireable<string>;
         noHorizontalPadding: import("prop-types").Requireable<string | boolean | any[]>;
         children: import("prop-types").Requireable<import("prop-types").ReactNodeLike>;

package/lib/es/button/index.js

@@ -12,8 +12,7 @@ class Button extends React.PureComponent {
   render() {
     const props = _Object$assign({}, this.props);
 
-    const hasIcon = Boolean(props.icon || props.iconType); // TODO: iconType needs to be confirmed
-
+    const hasIcon = Boolean(props.icon);
     const isLoading = Boolean(props.loading);
     const isDisabled = Boolean(props.disabled);
 

package/lib/es/calendar/dayCalendar.js

@@ -1,8 +1,8 @@
+import _isEqual from "lodash/isEqual";
 import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
 import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
 import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
 import React from 'react';
-import { isEqual } from 'lodash-es';
 import cls from 'classnames';
 import PropTypes from 'prop-types';
 import CalendarFoundation from '@douyinfe/semi-foundation/lib/es/calendar/foundation';
@@ -95,7 +95,7 @@ export default class DayCalendar extends BaseComponent {
       },
       setParsedEvents: parsedEvents => {
         this.setState({
-          parsedEvents
+          parsedEvents: parsedEvents
         });
       },
       cacheEventKeys: cachedKeys => {
@@ -123,7 +123,7 @@ export default class DayCalendar extends BaseComponent {
 
     const nowEventKeys = _mapInstanceProperty(_context4 = this.props.events).call(_context4, event => event.key);
 
-    if (!isEqual(prevEventKeys, nowEventKeys)) {
+    if (!_isEqual(prevEventKeys, nowEventKeys)) {
       this.foundation.parseDailyEvents();
     }
   }

package/lib/es/calendar/monthCalendar.js

@@ -1,3 +1,4 @@
+import _isEqual from "lodash/isEqual";
 import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
 import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
 import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
@@ -8,7 +9,6 @@ import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign"
 import React from 'react';
 import ReactDOM from 'react-dom';
 import cls from 'classnames';
-import { isEqual } from 'lodash-es';
 import PropTypes from 'prop-types';
 import { IconClose } from '@douyinfe/semi-icons'; // eslint-disable-next-line max-len
 
@@ -331,7 +331,7 @@ export default class monthCalendar extends BaseComponent {
       },
       setParsedEvents: parsedEvents => {
         this.setState({
-          parsedEvents
+          parsedEvents: parsedEvents
         });
       },
       setItemLimit: itemLimit => {
@@ -377,7 +377,7 @@ export default class monthCalendar extends BaseComponent {
       }
     }
 
-    if (!isEqual(prevEventKeys, nowEventKeys) || itemLimitUpdate) {
+    if (!_isEqual(prevEventKeys, nowEventKeys) || itemLimitUpdate) {
       this.foundation.parseMonthlyEvents(itemLimit || this.props.events);
     }
   }

package/lib/es/calendar/rangeCalendar.js

@@ -1,3 +1,4 @@
+import _isEqual from "lodash/isEqual";
 import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
 import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
 import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
@@ -15,7 +16,6 @@ import { cssClasses } from '@douyinfe/semi-foundation/lib/es/calendar/constants'
 import BaseComponent from '../_base/baseComponent';
 import DayCol from './dayCol';
 import TimeCol from './timeCol';
-import { isEqual } from 'lodash-es';
 import { calcRowHeight } from '@douyinfe/semi-foundation/lib/es/calendar/eventUtil';
 import '@douyinfe/semi-foundation/lib/es/calendar/calendar.css';
 
@@ -206,7 +206,7 @@ export default class RangeCalendar extends BaseComponent {
       },
       setParsedEvents: parsedEvents => {
         this.setState({
-          parsedEvents
+          parsedEvents: parsedEvents
         });
       },
       cacheEventKeys: cachedKeys => {
@@ -234,7 +234,7 @@ export default class RangeCalendar extends BaseComponent {
 
     const nowEventKeys = _mapInstanceProperty(_context9 = this.props.events).call(_context9, event => event.key);
 
-    if (!isEqual(prevEventKeys, nowEventKeys)) {
+    if (!_isEqual(prevEventKeys, nowEventKeys)) {
       this.foundation.parseRangeEvents();
     }
   }

package/lib/es/calendar/weekCalendar.js

@@ -1,3 +1,4 @@
+import _isEqual from "lodash/isEqual";
 import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
 import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
 import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
@@ -14,7 +15,6 @@ import { cssClasses } from '@douyinfe/semi-foundation/lib/es/calendar/constants'
 import BaseComponent from '../_base/baseComponent';
 import DayCol from './dayCol';
 import TimeCol from './timeCol';
-import { isEqual } from 'lodash-es';
 import { calcRowHeight } from '@douyinfe/semi-foundation/lib/es/calendar/eventUtil';
 import '@douyinfe/semi-foundation/lib/es/calendar/calendar.css';
 
@@ -208,7 +208,7 @@ export default class WeekCalendar extends BaseComponent {
       },
       setParsedEvents: parsedEvents => {
         this.setState({
-          parsedEvents
+          parsedEvents: parsedEvents
         });
       },
       cacheEventKeys: cachedKeys => {
@@ -236,7 +236,7 @@ export default class WeekCalendar extends BaseComponent {
 
     const nowEventKeys = _mapInstanceProperty(_context9 = this.props.events).call(_context9, event => event.key);
 
-    if (!isEqual(prevEventKeys, nowEventKeys)) {
+    if (!_isEqual(prevEventKeys, nowEventKeys)) {
       this.foundation.parseWeeklyEvents();
     }
   }

package/lib/es/card/index.js

@@ -1,3 +1,5 @@
+import _isString from "lodash/isString";
+import _omit from "lodash/omit";
 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 _Array$isArray from "@babel/runtime-corejs3/core-js-stable/array/is-array";
@@ -17,7 +19,6 @@ var __rest = this && this.__rest || function (s, e) {
 };
 
 import React, { PureComponent } from 'react';
-import { omit, isString } from 'lodash-es';
 import PropTypes from 'prop-types';
 import { cssClasses, strings } from '@douyinfe/semi-foundation/lib/es/card/constants';
 import '@douyinfe/semi-foundation/lib/es/card/card.css';
@@ -61,7 +62,7 @@ class Card extends PureComponent {
           className: "".concat(prefixcls, "-header-wrapper-extra")
         }, headerExtraContent), title && /*#__PURE__*/React.createElement("div", {
           className: titleCls
-        }, isString(title) ? /*#__PURE__*/React.createElement(Typography.Title, {
+        }, _isString(title) ? /*#__PURE__*/React.createElement(Typography.Title, {
           heading: 6,
           ellipsis: {
             showTooltip: true,
@@ -141,7 +142,8 @@ class Card extends PureComponent {
     } = _a,
           otherProps = __rest(_a, ["bordered", "shadows", "style", "className"]);
 
-    const others = omit(otherProps, ['actions', 'bodyStyle', 'cover', 'headerExtraContent', 'footer', 'footerLine', 'footerStyle', 'header', 'headerLine', 'headerStyle', 'loading', 'title']);
+    const others = _omit(otherProps, ['actions', 'bodyStyle', 'cover', 'headerExtraContent', 'footer', 'footerLine', 'footerStyle', 'header', 'headerLine', 'headerStyle', 'loading', 'title']);
+
     const cardCls = cls(prefixcls, className, {
       ["".concat(prefixcls, "-bordered")]: bordered,
       ["".concat(prefixcls, "-shadows")]: shadows,

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

@@ -7,6 +7,7 @@ import Input from '../input/index';
 import { PopoverProps } from '../popover/index';
 import { CascaderData, Entities, Entity, Data } from './item';
 import { Motion } from '../_base/base';
+export { CascaderType, ShowNextType } from '@douyinfe/semi-foundation/lib/es/lib/es/cascader/foundation';
 export { CascaderData, Entity, Data, CascaderItemProps } from './item';
 export interface ScrollPanelProps extends BasicScrollPanelProps {
     activeNode: CascaderData;

package/lib/es/cascader/index.js

@@ -1,3 +1,9 @@
+import _noop from "lodash/noop";
+import _isNumber from "lodash/isNumber";
+import _isFunction from "lodash/isFunction";
+import _isEmpty from "lodash/isEmpty";
+import _isString from "lodash/isString";
+import _isEqual from "lodash/isEqual";
 import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
 import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
 import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/for-each";
@@ -12,7 +18,6 @@ import PropTypes from 'prop-types';
 import CascaderFoundation from '@douyinfe/semi-foundation/lib/es/cascader/foundation';
 import { cssClasses, strings } from '@douyinfe/semi-foundation/lib/es/cascader/constants';
 import { numbers as popoverNumbers } from '@douyinfe/semi-foundation/lib/es/popover/constants';
-import { isEqual, isString, isEmpty, isFunction, isNumber, noop } from 'lodash-es';
 import '@douyinfe/semi-foundation/lib/es/cascader/cascader.css';
 import { IconClear, IconChevronDown } from '@douyinfe/semi-icons';
 import { findKeysForValues, convertDataToEntities } from '@douyinfe/semi-foundation/lib/es/cascader/util';
@@ -56,12 +61,12 @@ class Cascader extends BaseComponent {
       const nodeKey = type === strings.IS_VALUE ? findKeysForValues(value, keyEntities)[0] : value;
       const isDsiabled = disabled || keyEntities[nodeKey].data.disabled || disableStrictly && disabledKeys.has(nodeKey);
 
-      if (!isEmpty(keyEntities) && !isEmpty(keyEntities[nodeKey])) {
+      if (!_isEmpty(keyEntities) && !_isEmpty(keyEntities[nodeKey])) {
         const tagCls = cls("".concat(prefixcls, "-selection-tag"), {
           ["".concat(prefixcls, "-selection-tag-disabled")]: isDsiabled
         }); // custom render tags
 
-        if (isFunction(displayRender)) {
+        if (_isFunction(displayRender)) {
           return displayRender(keyEntities[nodeKey], idx); // default render tags
         } else {
           var _context;
@@ -188,7 +193,7 @@ class Cascader extends BaseComponent {
       const hiddenTag = [];
 
       _forEachInstanceProperty(_context2 = [...realKeys]).call(_context2, (checkedKey, idx) => {
-        const notExceedMaxTagCount = !isNumber(maxTagCount) || maxTagCount >= idx + 1;
+        const notExceedMaxTagCount = !_isNumber(maxTagCount) || maxTagCount >= idx + 1;
         const item = this.renderTagItem(checkedKey, idx, strings.IS_KEY);
 
         if (notExceedMaxTagCount) {
@@ -198,7 +203,7 @@ class Cascader extends BaseComponent {
         }
       });
 
-      return /*#__PURE__*/React.createElement(React.Fragment, null, displayTag, !isEmpty(hiddenTag) && this.renderPlusN(hiddenTag));
+      return /*#__PURE__*/React.createElement(React.Fragment, null, displayTag, !_isEmpty(hiddenTag) && this.renderPlusN(hiddenTag));
     };
 
     this.renderSelectContent = () => {
@@ -215,7 +220,7 @@ class Cascader extends BaseComponent {
 
       if (!searchable) {
         if (multiple) {
-          if (isEmpty(checkedKeys)) {
+          if (_isEmpty(checkedKeys)) {
             return /*#__PURE__*/React.createElement("span", {
               className: "".concat(prefixcls, "-selection-placeholder")
             }, placeholder);
@@ -243,7 +248,7 @@ class Cascader extends BaseComponent {
       } = this.props;
       const suffixWrapperCls = cls({
         ["".concat(prefixcls, "-suffix")]: true,
-        ["".concat(prefixcls, "-suffix-text")]: suffix && isString(suffix),
+        ["".concat(prefixcls, "-suffix-text")]: suffix && _isString(suffix),
         ["".concat(prefixcls, "-suffix-icon")]: isSemiIcon(suffix)
       });
       return /*#__PURE__*/React.createElement("div", {
@@ -261,7 +266,7 @@ class Cascader extends BaseComponent {
         ["".concat(prefixcls, "-prefix")]: true,
         // to be doublechecked
         ["".concat(prefixcls, "-inset-label")]: insetLabel,
-        ["".concat(prefixcls, "-prefix-text")]: labelNode && isString(labelNode),
+        ["".concat(prefixcls, "-prefix-text")]: labelNode && _isString(labelNode),
         ["".concat(prefixcls, "-prefix-icon")]: isSemiIcon(labelNode)
       });
       return /*#__PURE__*/React.createElement("div", {
@@ -272,15 +277,27 @@ class Cascader extends BaseComponent {
     this.renderCustomTrigger = () => {
       const {
         disabled,
-        triggerRender
+        triggerRender,
+        multiple,
+        autoMergeValue
       } = this.props;
       const {
         selectedKeys,
         inputValue,
-        inputPlaceHolder
+        inputPlaceHolder,
+        mergedCheckedKeys,
+        checkedKeys
       } = this.state;
+      let realValue;
+
+      if (multiple) {
+        realValue = autoMergeValue ? mergedCheckedKeys : checkedKeys;
+      } else {
+        realValue = [...selectedKeys][0];
+      }
+
       return /*#__PURE__*/React.createElement(Trigger, {
-        value: [...selectedKeys][0],
+        value: realValue,
         inputValue: inputValue,
         onChange: this.handleInputChange,
         onClear: this.handleClear,
@@ -391,7 +408,7 @@ class Cascader extends BaseComponent {
         onMouseLeave: () => this.handleMouseLeave()
       } : {};
       const sectionCls = cls("".concat(prefixcls, "-selection"), {
-        ["".concat(prefixcls, "-selection-multiple")]: multiple && !isEmpty(checkedKeys)
+        ["".concat(prefixcls, "-selection-multiple")]: multiple && !_isEmpty(checkedKeys)
       });
       const inner = useCustomTrigger ? this.renderCustomTrigger() : [/*#__PURE__*/React.createElement(Fragment, {
         key: 'prefix'
@@ -619,8 +636,8 @@ class Cascader extends BaseComponent {
     const newState = {};
 
     const needUpdate = name => {
-      const firstInProps = isEmpty(prevProps) && name in props;
-      const nameHasChange = prevProps && !isEqual(prevProps[name], props[name]);
+      const firstInProps = _isEmpty(prevProps) && name in props;
+      const nameHasChange = prevProps && !_isEqual(prevProps[name], props[name]);
       return firstInProps || nameHasChange;
     };
 
@@ -631,7 +648,7 @@ class Cascader extends BaseComponent {
     };
 
     const needUpdateTreeData = needUpdate('treeData') || needUpdateData();
-    const needUpdateValue = needUpdate('value') || isEmpty(prevProps) && defaultValue;
+    const needUpdateValue = needUpdate('value') || _isEmpty(prevProps) && defaultValue;
 
     if (multiple) {
       // when value and treedata need updated
@@ -669,7 +686,7 @@ class Cascader extends BaseComponent {
 
           _forEachInstanceProperty(formatValuePath).call(formatValuePath, v => {
             const formatKeyItem = findKeysForValues(v, keyEntities);
-            !isEmpty(formatKeyItem) && formatKeys.push(formatKeyItem);
+            !_isEmpty(formatKeyItem) && formatKeys.push(formatKeyItem);
           });
 
           realKeys = formatKeys;
@@ -710,7 +727,7 @@ class Cascader extends BaseComponent {
   componentDidUpdate(prevProps) {
     let isOptionsChanged = false;
 
-    if (!isEqual(prevProps.treeData, this.props.treeData)) {
+    if (!_isEqual(prevProps.treeData, this.props.treeData)) {
       isOptionsChanged = true;
       this.foundation.collectOptions();
     }
@@ -743,7 +760,7 @@ class Cascader extends BaseComponent {
     const realKeys = autoMergeValue ? mergedCheckedKeys : checkedKeys;
 
     _forEachInstanceProperty(_context3 = [...realKeys]).call(_context3, checkedKey => {
-      if (!isEmpty(keyEntities[checkedKey])) {
+      if (!_isEmpty(keyEntities[checkedKey])) {
         tagValue.push(keyEntities[checkedKey].valuePath);
       }
     });
@@ -919,9 +936,9 @@ Cascader.defaultProps = {
   displayProp: 'label',
   treeData: [],
   showNext: strings.SHOW_NEXT_BY_CLICK,
-  onExceed: noop,
-  onClear: noop,
-  onDropdownVisibleChange: noop,
-  onListScroll: noop
+  onExceed: _noop,
+  onClear: _noop,
+  onDropdownVisibleChange: _noop,
+  onListScroll: _noop
 };
 export default Cascader;