@douyinfe/semi-ui 2.52.0-beta.1 → 2.53.0-beta.0

package/lib/cjs/_utils/index.d.ts

@@ -69,4 +69,6 @@ export declare const isSemiIcon: (icon: any) => boolean;
 export declare function getActiveElement(): HTMLElement | null;
 export declare function isNodeContainsFocus(node: HTMLElement): boolean;
 export declare function getFocusableElements(node: HTMLElement): HTMLElement[];
+export declare function runAfterTicks(func: (...args: any) => any, numberOfTicks: number): Promise<void>;
 export declare function getScrollbarWidth(): number;
+export declare function getDefaultPropsFromGlobalConfig(componentName: string, semiDefaultProps?: any): any;

package/lib/cjs/_utils/index.js

@@ -5,11 +5,13 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.cloneDeep = cloneDeep;
 exports.getActiveElement = getActiveElement;
+exports.getDefaultPropsFromGlobalConfig = getDefaultPropsFromGlobalConfig;
 exports.getFocusableElements = getFocusableElements;
 exports.getHighLightTextHTML = void 0;
 exports.getScrollbarWidth = getScrollbarWidth;
 exports.isNodeContainsFocus = isNodeContainsFocus;
 exports.registerMediaQuery = exports.isSemiIcon = void 0;
+exports.runAfterTicks = runAfterTicks;
 exports.stopPropagation = stopPropagation;
 var _get2 = _interopRequireDefault(require("lodash/get"));
 var _set2 = _interopRequireDefault(require("lodash/set"));
@@ -18,7 +20,35 @@ var _react = _interopRequireDefault(require("react"));
 var _warning = _interopRequireDefault(require("@douyinfe/semi-foundation/lib/cjs/utils/warning"));
 var _getHighlight = require("@douyinfe/semi-foundation/lib/cjs/utils/getHighlight");
 var _dom = require("@douyinfe/semi-foundation/lib/cjs/utils/dom");
+var _semiGlobal = _interopRequireDefault(require("./semi-global"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var __awaiter = void 0 && (void 0).__awaiter || function (thisArg, _arguments, P, generator) {
+  function adopt(value) {
+    return value instanceof P ? value : new P(function (resolve) {
+      resolve(value);
+    });
+  }
+  return new (P || (P = Promise))(function (resolve, reject) {
+    function fulfilled(value) {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    }
+    function rejected(value) {
+      try {
+        step(generator["throw"](value));
+      } catch (e) {
+        reject(e);
+      }
+    }
+    function step(result) {
+      result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected);
+    }
+    step((generator = generator.apply(thisArg, _arguments || [])).next());
+  });
+};
 /**
  * stop propagation
  *
@@ -171,9 +201,56 @@ function getFocusableElements(node) {
   const focusableElements = Array.from(node.querySelectorAll(focusableSelectorsStr));
   return focusableElements;
 }
+function runAfterTicks(func, numberOfTicks) {
+  return __awaiter(this, void 0, void 0, function* () {
+    if (numberOfTicks === 0) {
+      yield func();
+      return;
+    } else {
+      yield new Promise(resolve => {
+        setTimeout(() => __awaiter(this, void 0, void 0, function* () {
+          yield runAfterTicks(func, numberOfTicks - 1);
+          resolve();
+        }), 0);
+      });
+      return;
+    }
+  });
+}
 function getScrollbarWidth() {
   if (globalThis && Object.prototype.toString.call(globalThis) === '[object Window]') {
     return window.innerWidth - document.documentElement.clientWidth;
   }
   return 0;
+}
+function getDefaultPropsFromGlobalConfig(componentName) {
+  let semiDefaultProps = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  const getFromGlobalConfig = () => {
+    var _a, _b;
+    return ((_b = (_a = _semiGlobal.default === null || _semiGlobal.default === void 0 ? void 0 : _semiGlobal.default.config) === null || _a === void 0 ? void 0 : _a.overrideDefaultProps) === null || _b === void 0 ? void 0 : _b[componentName]) || {};
+  };
+  return new Proxy(Object.assign({}, semiDefaultProps), {
+    get(target, key, receiver) {
+      const defaultPropsFromGlobal = getFromGlobalConfig();
+      if (key in defaultPropsFromGlobal) {
+        return defaultPropsFromGlobal[key];
+      }
+      return Reflect.get(target, key, receiver);
+    },
+    set(target, key, value, receiver) {
+      return Reflect.set(target, key, value, receiver);
+    },
+    ownKeys() {
+      const defaultPropsFromGlobal = getFromGlobalConfig();
+      return Array.from(new Set([...Reflect.ownKeys(semiDefaultProps), ...Object.keys(defaultPropsFromGlobal)]));
+    },
+    getOwnPropertyDescriptor(target, key) {
+      const defaultPropsFromGlobal = getFromGlobalConfig();
+      if (key in defaultPropsFromGlobal) {
+        return Reflect.getOwnPropertyDescriptor(defaultPropsFromGlobal, key);
+      } else {
+        return Reflect.getOwnPropertyDescriptor(target, key);
+      }
+    }
+  });
 }

package/lib/cjs/_utils/semi-global.d.ts

@@ -0,0 +1,46 @@
+import type { AutoCompleteProps } from "../autoComplete";
+import type { AvatarProps } from "../avatar";
+import type { CascaderProps } from "../cascader";
+import type { CollapseReactProps } from "../collapse";
+import type { CollapsibleProps } from "../collapsible";
+import type { DatePickerProps } from "../datePicker";
+import type { DropdownProps } from "../dropdown";
+import type { ModalReactProps } from "../modal";
+import type { NavProps } from "../navigation";
+import type { NoticeReactProps } from "../notification";
+import type { OverflowListProps } from "../overflowList";
+import type { PopconfirmProps } from "../popconfirm";
+import type { PopoverProps } from "../popover";
+import type { SelectProps } from "../select";
+import type { SideSheetReactProps } from "../sideSheet";
+import type { TabsProps } from "../tabs";
+import type { TimePickerProps } from "../timePicker";
+import type { ToastReactProps } from "../toast";
+import type { TooltipProps } from "../tooltip";
+declare class SemiGlobal {
+    config: {
+        overrideDefaultProps?: {
+            "AutoComplete"?: Partial<AutoCompleteProps<any>>;
+            "Avatar"?: Partial<AvatarProps>;
+            Cascader?: Partial<CascaderProps>;
+            Collapse?: Partial<CollapseReactProps>;
+            Collapsible?: Partial<CollapsibleProps>;
+            DatePicker?: Partial<DatePickerProps>;
+            Dropdown?: Partial<DropdownProps>;
+            Modal?: Partial<ModalReactProps>;
+            Navigation?: Partial<NavProps>;
+            Notification?: Partial<NoticeReactProps>;
+            OverflowList?: Partial<OverflowListProps>;
+            Popconfirm?: Partial<PopconfirmProps>;
+            Popover?: Partial<PopoverProps>;
+            Select?: Partial<SelectProps>;
+            SideSheet?: Partial<SideSheetReactProps>;
+            Tabs?: Partial<TabsProps>;
+            TimePicker?: Partial<TimePickerProps>;
+            Toast?: Partial<ToastReactProps>;
+            Tooltip?: Partial<TooltipProps>;
+        };
+    };
+}
+declare const _default: SemiGlobal;
+export default _default;

package/lib/cjs/_utils/semi-global.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+class SemiGlobal {
+  constructor() {
+    this.config = {};
+  }
+}
+var _default = new SemiGlobal();
+exports.default = _default;

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

@@ -139,31 +139,8 @@ declare class AutoComplete<T extends AutoCompleteItems> extends BaseComponent<Au
         zIndex: PropTypes.Requireable<number>;
     };
     static Option: typeof Option;
-    static defaultProps: {
-        stopPropagation: boolean;
-        motion: boolean;
-        zIndex: number;
-        position: "bottomLeft";
-        data: [];
-        showClear: 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;
-        onKeyDown: (...args: any[]) => void;
-    };
+    static __SemiComponentName__: string;
+    static defaultProps: any;
     triggerRef: React.RefObject<HTMLDivElement> | null;
     optionsRef: React.RefObject<HTMLDivElement> | null;
     private clickOutsideHandler;

package/lib/cjs/autoComplete/index.js

@@ -21,6 +21,7 @@ var _option = _interopRequireDefault(require("./option"));
 var _warning = _interopRequireDefault(require("@douyinfe/semi-foundation/lib/cjs/utils/warning"));
 require("@douyinfe/semi-foundation/lib/cjs/autoComplete/autoComplete.css");
 var _reactDom = _interopRequireDefault(require("react-dom"));
+var _utils = require("../_utils");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 const prefixCls = _constants.cssClasses.PREFIX;
 const sizeSet = _constants.strings.SIZE;
@@ -392,7 +393,8 @@ AutoComplete.propTypes = {
   zIndex: _propTypes.default.number
 };
 AutoComplete.Option = _option.default;
-AutoComplete.defaultProps = {
+AutoComplete.__SemiComponentName__ = "AutoComplete";
+AutoComplete.defaultProps = (0, _utils.getDefaultPropsFromGlobalConfig)(AutoComplete.__SemiComponentName__, {
   stopPropagation: true,
   motion: true,
   zIndex: _constants2.numbers.DEFAULT_Z_INDEX,
@@ -418,6 +420,6 @@ AutoComplete.defaultProps = {
   onKeyDown: _noop2.default
   // onPressEnter: () => undefined,
   // defaultOpen: false,
-};
+});
 var _default = AutoComplete;
 exports.default = _default;

package/lib/cjs/avatar/index.d.ts

@@ -2,7 +2,6 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import AvatarFoundation, { AvatarAdapter } from '@douyinfe/semi-foundation/lib/cjs/avatar/foundation';
 import '@douyinfe/semi-foundation/lib/cjs/avatar/avatar.css';
-import { noop } from '@douyinfe/semi-foundation/lib/cjs/utils/function';
 import BaseComponent from '../_base/baseComponent';
 import { AvatarProps } from './interface';
 export * from './interface';
@@ -13,15 +12,8 @@ export interface AvatarState {
     scale: number;
 }
 export default class Avatar extends BaseComponent<AvatarProps, AvatarState> {
-    static defaultProps: {
-        size: string;
-        color: string;
-        shape: string;
-        gap: number;
-        onClick: typeof noop;
-        onMouseEnter: typeof noop;
-        onMouseLeave: typeof noop;
-    };
+    static __SemiComponentName__: string;
+    static defaultProps: any;
     static elementType: string;
     static propTypes: {
         children: PropTypes.Requireable<PropTypes.ReactNodeLike>;

package/lib/cjs/avatar/index.js

@@ -14,6 +14,7 @@ require("@douyinfe/semi-foundation/lib/cjs/avatar/avatar.css");
 var _function = require("@douyinfe/semi-foundation/lib/cjs/utils/function");
 var _baseComponent = _interopRequireDefault(require("../_base/baseComponent"));
 var _a11y = require("@douyinfe/semi-foundation/lib/cjs/utils/a11y");
+var _utils = require("../_utils");
 var _TopSlotSvg = _interopRequireDefault(require("./TopSlotSvg"));
 var _interface = require("./interface");
 Object.keys(_interface).forEach(function (key) {
@@ -365,7 +366,8 @@ class Avatar extends _baseComponent.default {
   }
 }
 exports.default = Avatar;
-Avatar.defaultProps = {
+Avatar.__SemiComponentName__ = "Avatar";
+Avatar.defaultProps = (0, _utils.getDefaultPropsFromGlobalConfig)(Avatar.__SemiComponentName__, {
   size: 'medium',
   color: 'grey',
   shape: 'circle',
@@ -373,7 +375,7 @@ Avatar.defaultProps = {
   onClick: _function.noop,
   onMouseEnter: _function.noop,
   onMouseLeave: _function.noop
-};
+});
 Avatar.propTypes = {
   children: _propTypes.default.node,
   color: _propTypes.default.oneOf(colorSet),

package/lib/cjs/backtop/index.d.ts

@@ -16,11 +16,8 @@ export interface BackTopState {
     visible?: boolean;
 }
 export default class BackTop extends BaseComponent<BackTopProps, BackTopState> {
-    static defaultProps: {
-        visibilityHeight: number;
-        target: () => Window & typeof globalThis;
-        duration: number;
-    };
+    static __SemiComponentName__: string;
+    static defaultProps: any;
     static propTypes: {
         target: PropTypes.Requireable<(...args: any[]) => any>;
         visibilityHeight: PropTypes.Requireable<number>;

package/lib/cjs/backtop/index.js

@@ -13,6 +13,7 @@ var _foundation = _interopRequireDefault(require("@douyinfe/semi-foundation/lib/
 require("@douyinfe/semi-foundation/lib/cjs/backtop/backtop.css");
 var _iconButton = _interopRequireDefault(require("../iconButton"));
 var _semiIcons = require("@douyinfe/semi-icons");
+var _utils = require("../_utils");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 var __rest = void 0 && (void 0).__rest || function (s, e) {
   var t = {};
@@ -98,11 +99,12 @@ class BackTop extends _baseComponent.default {
   }
 }
 exports.default = BackTop;
-BackTop.defaultProps = {
+BackTop.__SemiComponentName__ = "BackTop";
+BackTop.defaultProps = (0, _utils.getDefaultPropsFromGlobalConfig)(BackTop.__SemiComponentName__, {
   visibilityHeight: 400,
   target: getDefaultTarget,
   duration: 450
-};
+});
 BackTop.propTypes = {
   target: _propTypes.default.func,
   visibilityHeight: _propTypes.default.number,

package/lib/cjs/button/Button.d.ts

@@ -48,7 +48,7 @@ export default class Button extends PureComponent<ButtonProps> {
         prefixCls: PropTypes.Requireable<string>;
         style: PropTypes.Requireable<object>;
         size: PropTypes.Requireable<"default" | "small" | "large">;
-        type: PropTypes.Requireable<"warning" | "primary" | "tertiary" | "secondary" | "danger">;
+        type: PropTypes.Requireable<"warning" | "primary" | "secondary" | "danger" | "tertiary">;
         block: PropTypes.Requireable<boolean>;
         onClick: PropTypes.Requireable<(...args: any[]) => any>;
         onMouseDown: PropTypes.Requireable<(...args: any[]) => any>;

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

@@ -7,6 +7,7 @@ export type { SplitButtonGroupProps } from './splitButtonGroup';
 export interface ButtonProps extends IconButtonProps {
 }
 declare class Button extends React.PureComponent<ButtonProps> {
+    static __SemiComponentName__: string;
     static propTypes: {
         iconStyle: import("prop-types").Requireable<object>;
         style: import("prop-types").Requireable<object>;
@@ -23,7 +24,7 @@ declare class Button extends React.PureComponent<ButtonProps> {
         onMouseLeave: import("prop-types").Requireable<(...args: any[]) => any>;
         disabled: import("prop-types").Requireable<boolean>;
         size: import("prop-types").Requireable<"default" | "small" | "large">;
-        type: import("prop-types").Requireable<"warning" | "primary" | "tertiary" | "secondary" | "danger">;
+        type: import("prop-types").Requireable<"warning" | "primary" | "secondary" | "danger" | "tertiary">;
         block: import("prop-types").Requireable<boolean>;
         onClick: import("prop-types").Requireable<(...args: any[]) => any>;
         onMouseDown: import("prop-types").Requireable<(...args: any[]) => any>;
@@ -33,6 +34,7 @@ declare class Button extends React.PureComponent<ButtonProps> {
     };
     static elementType: string;
     constructor(props?: ButtonProps);
+    static defaultProps: any;
     render(): JSX.Element;
 }
 export default Button;

package/lib/cjs/button/index.js

@@ -7,6 +7,7 @@ exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _Button = _interopRequireDefault(require("./Button"));
 var _iconButton = _interopRequireDefault(require("../iconButton"));
+var _utils = require("../_utils");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 class Button extends _react.default.PureComponent {
   constructor() {
@@ -25,7 +26,9 @@ class Button extends _react.default.PureComponent {
     }
   }
 }
+Button.__SemiComponentName__ = "Button";
 Button.propTypes = Object.assign(Object.assign({}, _Button.default.propTypes), _iconButton.default.propTypes);
+Button.defaultProps = (0, _utils.getDefaultPropsFromGlobalConfig)(Button.__SemiComponentName__);
 Button.elementType = 'Button';
 var _default = Button;
 exports.default = _default;

package/lib/cjs/carousel/index.d.ts

@@ -14,7 +14,7 @@ export interface CarouselState {
 declare class Carousel extends BaseComponent<CarouselProps, CarouselState> {
     static propTypes: {
         activeIndex: PropTypes.Requireable<number>;
-        animation: PropTypes.Requireable<"slide" | "fade">;
+        animation: PropTypes.Requireable<"fade" | "slide">;
         arrowProps: PropTypes.Requireable<object>;
         autoPlay: PropTypes.Requireable<NonNullable<boolean | object>>;
         className: PropTypes.Requireable<string>;
@@ -24,7 +24,7 @@ declare class Carousel extends BaseComponent<CarouselProps, CarouselState> {
         indicatorType: PropTypes.Requireable<"line" | "dot" | "columnar">;
         theme: PropTypes.Requireable<"dark" | "light" | "primary">;
         onChange: PropTypes.Requireable<(...args: any[]) => any>;
-        arrowType: PropTypes.Requireable<"always" | "hover">;
+        arrowType: PropTypes.Requireable<"hover" | "always">;
         showArrow: PropTypes.Requireable<boolean>;
         showIndicator: PropTypes.Requireable<boolean>;
         slideDirection: PropTypes.Requireable<"left" | "right">;

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

@@ -66,6 +66,7 @@ export interface CascaderState extends BasicCascaderInnerData {
     treeData?: Array<CascaderData>;
 }
 declare class Cascader extends BaseComponent<CascaderProps, CascaderState> {
+    static __SemiComponentName__: string;
     static contextType: React.Context<ContextValue>;
     static propTypes: {
         'aria-labelledby': PropTypes.Requireable<string>;
@@ -143,37 +144,7 @@ declare class Cascader extends BaseComponent<CascaderProps, CascaderState> {
         preventScroll: PropTypes.Requireable<boolean>;
         position: PropTypes.Requireable<string>;
     };
-    static defaultProps: {
-        borderless: boolean;
-        leafOnly: boolean;
-        arrowIcon: JSX.Element;
-        stopPropagation: boolean;
-        motion: boolean;
-        defaultOpen: boolean;
-        zIndex: number;
-        showClear: boolean;
-        autoClearSearchValue: boolean;
-        changeOnSelect: boolean;
-        disableStrictly: boolean;
-        autoMergeValue: boolean;
-        multiple: boolean;
-        filterTreeNode: boolean;
-        filterLeafOnly: boolean;
-        showRestTagsPopover: boolean;
-        restTagsPopoverProps: {};
-        separator: string;
-        size: "default";
-        treeNodeFilterProp: "label";
-        displayProp: "label";
-        treeData: CascaderData[];
-        showNext: "click";
-        onExceed: (...args: any[]) => void;
-        onClear: (...args: any[]) => void;
-        onDropdownVisibleChange: (...args: any[]) => void;
-        onListScroll: (...args: any[]) => void;
-        enableLeafClick: boolean;
-        'aria-label': string;
-    };
+    static defaultProps: any;
     options: any;
     isEmpty: boolean;
     inputRef: React.RefObject<typeof Input>;
@@ -191,9 +162,10 @@ declare class Cascader extends BaseComponent<CascaderProps, CascaderState> {
     componentWillUnmount(): void;
     componentDidUpdate(prevProps: CascaderProps): void;
     handleInputChange: (value: string) => void;
-    handleTagRemove: (e: any, tagValuePath: Array<string | number>) => void;
-    handleRemoveByKey: (key: any) => void;
+    handleTagRemoveInTrigger: (pos: string) => void;
+    handleTagClose: (tagChildren: React.ReactNode, e: React.MouseEvent<HTMLElement>, tagKey: string | number) => void;
     renderTagItem: (nodeKey: string, idx: number) => string | number | boolean | React.ReactFragment | JSX.Element;
+    onRemoveInTagInput: (v: string) => void;
     renderTagInput(): JSX.Element;
     renderInput(): JSX.Element;
     handleItemClick: (e: MouseEvent | KeyboardEvent, item: Entity | Data) => void;

package/lib/cjs/cascader/index.js

@@ -43,14 +43,13 @@ class Cascader extends _baseComponent.default {
     this.handleInputChange = value => {
       this.foundation.handleInputChange(value);
     };
-    this.handleTagRemove = (e, tagValuePath) => {
-      this.foundation.handleTagRemove(e, tagValuePath);
+    this.handleTagRemoveInTrigger = pos => {
+      this.foundation.handleTagRemoveInTrigger(pos);
     };
-    this.handleRemoveByKey = key => {
-      const {
-        keyEntities
-      } = this.state;
-      this.handleTagRemove(null, keyEntities[key].valuePath);
+    this.handleTagClose = (tagChildren, e, tagKey) => {
+      // When value has not changed, prevent clicking tag closeBtn to close tag
+      e.preventDefault();
+      this.foundation.handleTagRemoveByKey(tagKey);
     };
     this.renderTagItem = (nodeKey, idx) => {
       const {
@@ -78,18 +77,18 @@ class Cascader extends _baseComponent.default {
             size: size === 'default' ? 'large' : size,
             key: `tag-${nodeKey}-${idx}`,
             color: "white",
+            tagKey: nodeKey,
             className: tagCls,
             closable: true,
-            onClose: (tagChildren, e) => {
-              // When value has not changed, prevent clicking tag closeBtn to close tag
-              e.preventDefault();
-              this.handleTagRemove(e, keyEntities[nodeKey].valuePath);
-            }
+            onClose: this.handleTagClose
           }, keyEntities[nodeKey].data[displayProp]);
         }
       }
       return null;
     };
+    this.onRemoveInTagInput = v => {
+      this.foundation.handleTagRemoveByKey(v);
+    };
     this.handleItemClick = (e, item) => {
       this.foundation.handleItemClick(e, item);
     };
@@ -289,6 +288,7 @@ class Cascader extends _baseComponent.default {
       }, labelNode);
     };
     this.renderCustomTrigger = () => {
+      var _a;
       const {
         disabled,
         triggerRender,
@@ -299,17 +299,26 @@ class Cascader extends _baseComponent.default {
         inputValue,
         inputPlaceHolder,
         resolvedCheckedKeys,
-        checkedKeys
+        checkedKeys,
+        keyEntities
       } = this.state;
       let realValue;
       if (multiple) {
         if (this.mergeType === _constants.strings.NONE_MERGE_TYPE) {
-          realValue = checkedKeys;
+          realValue = new Set();
+          checkedKeys.forEach(key => {
+            var _a;
+            realValue.add((_a = keyEntities[key]) === null || _a === void 0 ? void 0 : _a.pos);
+          });
         } else {
-          realValue = resolvedCheckedKeys;
+          realValue = new Set();
+          resolvedCheckedKeys.forEach(key => {
+            var _a;
+            realValue.add((_a = keyEntities[key]) === null || _a === void 0 ? void 0 : _a.pos);
+          });
         }
       } else {
-        realValue = [...selectedKeys][0];
+        realValue = (_a = keyEntities[[...selectedKeys][0]]) === null || _a === void 0 ? void 0 : _a.pos;
       }
       return /*#__PURE__*/_react.default.createElement(_trigger.default, {
         value: realValue,
@@ -322,7 +331,7 @@ class Cascader extends _baseComponent.default {
         componentName: 'Cascader',
         componentProps: Object.assign({}, this.props),
         onSearch: this.handleInputChange,
-        onRemove: this.handleRemoveByKey
+        onRemove: this.handleTagRemoveInTrigger
       });
     };
     this.handleMouseOver = () => {
@@ -353,11 +362,12 @@ class Cascader extends _baseComponent.default {
         selectedKeys,
         isOpen,
         isHovering,
-        checkedKeys
+        checkedKeys,
+        inputValue
       } = this.state;
       const hasValue = selectedKeys.size;
       const multipleWithHaveValue = multiple && checkedKeys.size;
-      return showClear && (hasValue || multipleWithHaveValue) && !disabled && (isOpen || isHovering);
+      return showClear && (inputValue || hasValue || multipleWithHaveValue) && !disabled && (isOpen || isHovering);
     };
     this.renderClearBtn = () => {
       const clearCls = (0, _classnames.default)(`${prefixcls}-clearbtn`);
@@ -806,11 +816,11 @@ class Cascader extends _baseComponent.default {
       showRestTagsPopover: showRestTagsPopover,
       restTagsPopoverProps: restTagsPopoverProps,
       maxTagCount: maxTagCount,
-      renderTagItem: (value, index) => this.renderTagItem(value, index),
+      renderTagItem: this.renderTagItem,
       inputValue: inputValue,
       onInputChange: this.handleInputChange,
       // TODO Modify logic, not modify type
-      onRemove: v => this.handleTagRemove(null, v),
+      onRemove: this.onRemoveInTagInput,
       placeholder: placeholder,
       expandRestTagsOnClick: false
     });
@@ -904,6 +914,7 @@ class Cascader extends _baseComponent.default {
     }, selection);
   }
 }
+Cascader.__SemiComponentName__ = "Cascader";
 Cascader.contextType = _context.default;
 Cascader.propTypes = {
   'aria-labelledby': _propTypes.default.string,
@@ -982,7 +993,7 @@ Cascader.propTypes = {
   preventScroll: _propTypes.default.bool,
   position: _propTypes.default.string
 };
-Cascader.defaultProps = {
+Cascader.defaultProps = (0, _utils.getDefaultPropsFromGlobalConfig)(Cascader.__SemiComponentName__, {
   borderless: false,
   leafOnly: false,
   arrowIcon: /*#__PURE__*/_react.default.createElement(_semiIcons.IconChevronDown, null),
@@ -1012,6 +1023,6 @@ Cascader.defaultProps = {
   onListScroll: _noop2.default,
   enableLeafClick: false,
   'aria-label': 'Cascader'
-};
+});
 var _default = Cascader;
 exports.default = _default;

package/lib/cjs/collapse/index.d.ts

@@ -4,7 +4,6 @@ import { CollapseAdapter, CollapseProps, CollapseState } from '@douyinfe/semi-fo
 import BaseComponent from '../_base/baseComponent';
 import CollapsePanel from './item';
 import '@douyinfe/semi-foundation/lib/cjs/collapse/collapse.css';
-import { noop } from '@douyinfe/semi-foundation/lib/cjs/utils/function';
 export type { CollapsePanelProps } from './item';
 export interface CollapseReactProps extends CollapseProps {
     expandIcon?: React.ReactNode;
@@ -30,12 +29,8 @@ declare class Collapse extends BaseComponent<CollapseReactProps, CollapseState>
         motion: PropTypes.Requireable<NonNullable<boolean | object>>;
         expandIconPosition: PropTypes.Requireable<string>;
     };
-    static defaultProps: {
-        defaultActiveKey: string;
-        clickHeaderToExpand: boolean;
-        onChange: typeof noop;
-        expandIconPosition: string;
-    };
+    static __SemiComponentName__: string;
+    static defaultProps: any;
     constructor(props: CollapseReactProps);
     get adapter(): CollapseAdapter;
     static getDerivedStateFromProps(props: CollapseReactProps, state: CollapseState): CollapseState;

package/lib/cjs/collapse/index.js

@@ -15,6 +15,7 @@ var _item = _interopRequireDefault(require("./item"));
 require("@douyinfe/semi-foundation/lib/cjs/collapse/collapse.css");
 var _function = require("@douyinfe/semi-foundation/lib/cjs/utils/function");
 var _collapseContext = _interopRequireDefault(require("./collapse-context"));
+var _utils = require("../_utils");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 var __rest = void 0 && (void 0).__rest || function (s, e) {
   var t = {};
@@ -113,11 +114,12 @@ Collapse.propTypes = {
   motion: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.func, _propTypes.default.object]),
   expandIconPosition: _propTypes.default.oneOf(_constants.strings.iconPosition)
 };
-Collapse.defaultProps = {
+Collapse.__SemiComponentName__ = "Collapse";
+Collapse.defaultProps = (0, _utils.getDefaultPropsFromGlobalConfig)(Collapse.__SemiComponentName__, {
   defaultActiveKey: '',
   clickHeaderToExpand: true,
   onChange: _function.noop,
   expandIconPosition: 'right'
-};
+});
 var _default = Collapse;
 exports.default = _default;