@douyinfe/semi-ui 2.14.0-beta.2 → 2.15.0

package/lib/cjs/select/index.js

@@ -191,8 +191,14 @@ class Select extends _baseComponent.default {
         });
       },
       focusInput: () => {
+        const {
+          preventScroll
+        } = this.props;
+
         if (this.inputRef && this.inputRef.current) {
-          this.inputRef.current.focus();
+          this.inputRef.current.focus({
+            preventScroll
+          });
         }
       }
     };
@@ -345,8 +351,13 @@ class Select extends _baseComponent.default {
       },
       focusTrigger: () => {
         try {
+          const {
+            preventScroll
+          } = this.props;
           const el = this.triggerRef.current;
-          el.focus();
+          el.focus({
+            preventScroll
+          });
         } catch (error) {}
       },
       updateScrollTop: index => {
@@ -1138,7 +1149,8 @@ Select.propTypes = {
   virtualize: _propTypes.default.object,
   renderOptionItem: _propTypes.default.func,
   onListScroll: _propTypes.default.func,
-  arrowIcon: _propTypes.default.node // open: PropTypes.bool,
+  arrowIcon: _propTypes.default.node,
+  preventScroll: _propTypes.default.bool // open: PropTypes.bool,
   // tagClosable: PropTypes.bool,
 
 };

package/lib/cjs/spin/icon.js

@@ -85,7 +85,7 @@ function Icon() {
     fillRule: "evenodd"
   }, /*#__PURE__*/_react.default.createElement("rect", {
     fillOpacity: "0.01",
-    fill: "#FFFFFF",
+    fill: "none",
     x: "0",
     y: "0",
     width: "36",

package/lib/cjs/table/Body/index.js

@@ -331,7 +331,7 @@ class Body extends _baseComponent.default {
 
       const listStyle = {
         width: '100%',
-        height: y,
+        height: (virtualizedData === null || virtualizedData === void 0 ? void 0 : virtualizedData.length) ? y : 0,
         overflowX: 'auto',
         overflowY: 'auto'
       };

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

@@ -33,6 +33,7 @@ declare class Tabs extends BaseComponent<TabsProps, TabsState> {
         tabPosition: PropTypes.Requireable<string>;
         type: PropTypes.Requireable<string>;
         onTabClose: PropTypes.Requireable<(...args: any[]) => any>;
+        preventScroll: PropTypes.Requireable<boolean>;
     };
     static defaultProps: TabsProps;
     contentRef: RefObject<HTMLDivElement>;

package/lib/cjs/tabs/index.js

@@ -418,7 +418,8 @@ Tabs.propTypes = {
   tabPaneMotion: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.object, _propTypes.default.func]),
   tabPosition: _propTypes.default.oneOf(_constants.strings.POSITION_MAP),
   type: _propTypes.default.oneOf(_constants.strings.TYPE_MAP),
-  onTabClose: _propTypes.default.func
+  onTabClose: _propTypes.default.func,
+  preventScroll: _propTypes.default.bool
 };
 Tabs.defaultProps = {
   children: [],

package/lib/cjs/tabs/interface.d.ts

@@ -32,6 +32,7 @@ export interface TabsProps {
     tabPosition?: TabPosition;
     type?: TabType;
     onTabClose?: (tabKey: string) => void;
+    preventScroll?: boolean;
 }
 export interface TabBarProps {
     activeKey?: string;

package/lib/cjs/tag/index.js

@@ -80,10 +80,6 @@ var __rest = void 0 && (void 0).__rest || function (s, e) {
 };
 /* eslint-disable jsx-a11y/no-static-element-interactions */
 
-/* eslint-disable no-unused-vars */
-
-/* eslint-disable max-len */
-
 
 const prefixCls = _constants.cssClasses.PREFIX;
 const tagColors = _constants.strings.TAG_COLOR;
@@ -140,7 +136,8 @@ class Tag extends _react.Component {
   handleKeyDown(event) {
     const {
       closable,
-      onClick
+      onClick,
+      onKeyDown
     } = this.props;
 
     switch (event.key) {
@@ -162,6 +159,8 @@ class Tag extends _react.Component {
       default:
         break;
     }
+
+    onKeyDown && onKeyDown(event);
   }
 
   renderAvatar() {

package/lib/cjs/tag/interface.d.ts

@@ -16,6 +16,7 @@ export interface TagProps {
     className?: string;
     avatarSrc?: string;
     avatarShape?: AvatarShape;
+    onKeyDown?: React.KeyboardEventHandler<HTMLDivElement>;
     'aria-label'?: React.AriaAttributes['aria-label'];
 }
 export interface TagGroupProps {

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

@@ -45,6 +45,7 @@ export interface TagInputProps {
     value?: string[] | undefined;
     autoFocus?: boolean;
     'aria-label'?: string;
+    preventScroll?: boolean;
 }
 export interface TagInputState {
     tagsArray?: string[];
@@ -88,6 +89,7 @@ declare class TagInput extends BaseComponent<TagInputProps, TagInputState> {
         prefix: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         suffix: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         'aria-label': PropTypes.Requireable<string>;
+        preventScroll: PropTypes.Requireable<boolean>;
     };
     static defaultProps: {
         showClear: boolean;

package/lib/cjs/tagInput/index.js

@@ -158,10 +158,15 @@ class TagInput extends _baseComponent.default {
         });
       },
       toggleFocusing: isFocus => {
+        const {
+          preventScroll
+        } = this.props;
         const input = this.inputRef && this.inputRef.current;
 
         if (isFocus) {
-          input && input.focus();
+          input && input.focus({
+            preventScroll
+          });
         } else {
           input && input.blur();
         }
@@ -202,11 +207,14 @@ class TagInput extends _baseComponent.default {
   componentDidMount() {
     const {
       disabled,
-      autoFocus
+      autoFocus,
+      preventScroll
     } = this.props;
 
     if (!disabled && autoFocus) {
-      this.inputRef.current.focus();
+      this.inputRef.current.focus({
+        preventScroll
+      });
     }
   }
 
@@ -375,7 +383,12 @@ class TagInput extends _baseComponent.default {
   }
 
   focus() {
-    this.inputRef.current.focus();
+    const {
+      preventScroll
+    } = this.props;
+    this.inputRef.current.focus({
+      preventScroll
+    });
   }
 
   render() {
@@ -475,7 +488,8 @@ TagInput.propTypes = {
   validateStatus: _propTypes.default.oneOf(_constants.strings.STATUS),
   prefix: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.node]),
   suffix: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.node]),
-  'aria-label': _propTypes.default.string
+  'aria-label': _propTypes.default.string,
+  preventScroll: _propTypes.default.bool
 };
 TagInput.defaultProps = {
   showClear: false,

package/lib/cjs/timePicker/TimeInput.d.ts

@@ -3,7 +3,7 @@ import PropTypes from 'prop-types';
 import BaseComponent, { BaseProps } from '../_base/baseComponent';
 import InputFoundation, { TimeInputAdapter } from '@douyinfe/semi-foundation/lib/cjs/timePicker/inputFoundation';
 import { TimePickerProps } from './TimePicker';
-export declare type TimeInputProps = Pick<TimePickerProps, 'value' | 'format' | 'prefixCls' | 'placeholder' | 'clearText' | 'inputReadOnly' | 'disabled' | 'type' | 'timeZone' | 'defaultOpen' | 'disabledHours' | 'disabledMinutes' | 'disabledSeconds' | 'dateFnsLocale' | 'onFocus' | 'onBlur' | 'focusOnOpen' | 'locale' | 'localeCode' | 'insetLabel' | 'validateStatus'> & BaseProps & {
+export declare type TimeInputProps = Pick<TimePickerProps, 'value' | 'format' | 'prefixCls' | 'placeholder' | 'clearText' | 'inputReadOnly' | 'disabled' | 'type' | 'timeZone' | 'defaultOpen' | 'disabledHours' | 'disabledMinutes' | 'disabledSeconds' | 'dateFnsLocale' | 'onFocus' | 'onBlur' | 'focusOnOpen' | 'locale' | 'localeCode' | 'insetLabel' | 'validateStatus' | 'preventScroll'> & BaseProps & {
     onChange?: (value: string) => void;
     onEsc?: () => void;
     onClick?: React.MouseEventHandler;
@@ -38,6 +38,7 @@ declare class TimeInput extends BaseComponent<TimeInputProps, any> {
         localeCode: PropTypes.Requireable<string>;
         insetLabel: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         validateStatus: PropTypes.Requireable<string>;
+        preventScroll: PropTypes.Requireable<boolean>;
     };
     static defaultProps: {
         inputReadOnly: boolean;

package/lib/cjs/timePicker/TimeInput.js

@@ -71,7 +71,8 @@ class TimeInput extends _baseComponent.default {
   componentDidMount() {
     super.componentDidMount();
     const {
-      focusOnOpen
+      focusOnOpen,
+      preventScroll
     } = this.props;
 
     if (focusOnOpen) {
@@ -80,7 +81,9 @@ class TimeInput extends _baseComponent.default {
         const inputNode = this.adapter.getCache('inputNode');
 
         if (inputNode) {
-          inputNode.focus();
+          inputNode.focus({
+            preventScroll
+          });
           inputNode.select();
         }
       });
@@ -209,7 +212,8 @@ TimeInput.propTypes = {
   locale: _propTypes.default.object,
   localeCode: _propTypes.default.string,
   insetLabel: _propTypes.default.node,
-  validateStatus: _propTypes.default.string
+  validateStatus: _propTypes.default.string,
+  preventScroll: _propTypes.default.bool
 };
 TimeInput.defaultProps = {
   inputReadOnly: false,

package/lib/cjs/timePicker/TimePicker.d.ts

@@ -54,6 +54,7 @@ export declare type TimePickerProps = {
     popupStyle?: React.CSSProperties;
     position?: Position;
     prefixCls?: string;
+    preventScroll?: boolean;
     rangeSeparator?: string;
     scrollItemProps?: ScrollItemProps<any>;
     secondStep?: number;
@@ -88,6 +89,7 @@ export default class TimePicker extends BaseComponent<TimePickerProps, TimePicke
     static contextType: React.Context<import("../configProvider/context").ContextValue>;
     static propTypes: {
         inputStyle: PropTypes.Requireable<object>;
+        preventScroll: PropTypes.Requireable<boolean>;
         panelHeader: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         panelFooter: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         'aria-labelledby': PropTypes.Requireable<string>;

package/lib/cjs/timePicker/TimePicker.js

@@ -477,7 +477,8 @@ TimePicker.propTypes = (0, _assign.default)((0, _assign.default)({
   motion: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.func, _propTypes.default.object]),
   autoAdjustOverflow: _propTypes.default.bool
 }, _PanelShape.PanelShape), {
-  inputStyle: _propTypes.default.object
+  inputStyle: _propTypes.default.object,
+  preventScroll: _propTypes.default.bool
 });
 TimePicker.defaultProps = (0, _assign.default)({
   autoAdjustOverflow: true,

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

@@ -9,6 +9,7 @@ export declare type LocalePickerProps = BasePickerProps;
 export default class LocaleTimePicker extends React.PureComponent<LocalePickerProps> {
     static propTypes: {
         inputStyle: import("prop-types").Requireable<object>;
+        preventScroll: import("prop-types").Requireable<boolean>;
         panelHeader: import("prop-types").Requireable<import("prop-types").ReactNodeLike>;
         panelFooter: import("prop-types").Requireable<import("prop-types").ReactNodeLike>;
         'aria-labelledby': import("prop-types").Requireable<string>;

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

@@ -54,6 +54,7 @@ export interface TooltipProps extends BaseProps {
     returnFocusOnClose?: boolean;
     onEscKeyDown?: (e: React.KeyboardEvent) => void;
     wrapperId?: string;
+    preventScroll?: boolean;
 }
 interface TooltipState {
     visible: boolean;
@@ -109,6 +110,7 @@ export default class Tooltip extends BaseComponent<TooltipProps, TooltipState> {
         wrapWhenSpecial: PropTypes.Requireable<boolean>;
         guardFocus: PropTypes.Requireable<boolean>;
         returnFocusOnClose: PropTypes.Requireable<boolean>;
+        preventScroll: PropTypes.Requireable<boolean>;
     };
     static defaultProps: {
         arrowBounding: {

package/lib/cjs/tooltip/index.js

@@ -294,7 +294,8 @@ class Tooltip extends _baseComponent.default {
 
       if (block || (0, _includes.default)(blockDisplays).call(blockDisplays, display)) {
         style.width = '100%';
-      }
+      } // eslint-disable-next-line jsx-a11y/no-static-element-interactions
+
 
       return /*#__PURE__*/_react.default.createElement("span", {
         className: wrapperClassName,
@@ -595,10 +596,15 @@ class Tooltip extends _baseComponent.default {
         return (0, _utils.getActiveElement)();
       },
       setInitialFocus: () => {
+        const {
+          preventScroll
+        } = this.props;
         const focusRefNode = (0, _get2.default)(this, 'initialFocusRef.current');
 
         if (focusRefNode && 'focus' in focusRefNode) {
-          focusRefNode.focus();
+          focusRefNode.focus({
+            preventScroll
+          });
         }
       },
       notifyEscKeydown: event => {
@@ -715,7 +721,8 @@ class Tooltip extends _baseComponent.default {
           ref.current = node;
         }
       },
-      tabIndex: trigger === 'hover' ? 0 : undefined
+      tabIndex: 0,
+      'data-popupId': id
     })); // If you do not add a layer of div, in order to bind the events and className in the tooltip, you need to cloneElement children, but this time it may overwrite the children's original ref reference
     // So if the user adds ref to the content, you need to use callback ref: https://github.com/facebook/react/issues/8873
 
@@ -759,7 +766,8 @@ Tooltip.propTypes = {
   role: _propTypes.default.string,
   wrapWhenSpecial: _propTypes.default.bool,
   guardFocus: _propTypes.default.bool,
-  returnFocusOnClose: _propTypes.default.bool
+  returnFocusOnClose: _propTypes.default.bool,
+  preventScroll: _propTypes.default.bool
 };
 Tooltip.defaultProps = {
   arrowBounding: _constants2.numbers.ARROW_BOUNDING,

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

@@ -73,6 +73,7 @@ declare class Tree extends BaseComponent<TreeProps, TreeState> {
         labelEllipsis: PropTypes.Requireable<boolean>;
         checkRelation: PropTypes.Requireable<string>;
         'aria-label': PropTypes.Requireable<string>;
+        preventScroll: PropTypes.Requireable<boolean>;
     };
     static defaultProps: {
         showClear: boolean;

package/lib/cjs/tree/index.js

@@ -27,6 +27,8 @@ var _keys = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stabl
 
 var _filter = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/filter"));
 
+var _from = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/array/from"));
+
 var _isFunction2 = _interopRequireDefault(require("lodash/isFunction"));
 
 var _get2 = _interopRequireDefault(require("lodash/get"));
@@ -71,6 +73,8 @@ require("@douyinfe/semi-foundation/lib/cjs/tree/tree.css");
 
 var _semiIcons = require("@douyinfe/semi-icons");
 
+var _checkboxGroup = _interopRequireDefault(require("../checkbox/checkboxGroup"));
+
 var _interface = require("./interface");
 
 _forEachInstanceProperty(_context2 = _Object$keys2(_interface)).call(_context2, function (key) {
@@ -483,8 +487,14 @@ class Tree extends _baseComponent.default {
         });
       },
       focusInput: () => {
+        const {
+          preventScroll
+        } = this.props;
+
         if (this.inputRef && this.inputRef.current) {
-          this.inputRef.current.focus();
+          this.inputRef.current.focus({
+            preventScroll
+          });
         }
       }
     };
@@ -646,7 +656,9 @@ class Tree extends _baseComponent.default {
       inputValue,
       filteredKeys,
       dragOverNodeKey,
-      dropPosition
+      dropPosition,
+      checkedKeys,
+      realCheckedKeys
     } = this.state;
     const {
       blockNode,
@@ -665,7 +677,8 @@ class Tree extends _baseComponent.default {
       draggable,
       renderFullLabel,
       labelEllipsis,
-      virtualize
+      virtualize,
+      checkRelation
     } = this.props;
     const wrapperCls = (0, _classnames.default)("".concat(prefixcls, "-wrapper"), className);
     const listCls = (0, _classnames.default)("".concat(prefixcls, "-option-list"), {
@@ -723,7 +736,9 @@ class Tree extends _baseComponent.default {
       style: style
     }, filterTreeNode ? this.renderInput() : null, /*#__PURE__*/_react.default.createElement("div", (0, _assign.default)({
       className: listCls
-    }, ariaAttr), noData ? this.renderEmpty() : this.renderNodeList())));
+    }, ariaAttr), noData ? this.renderEmpty() : multiple ? /*#__PURE__*/_react.default.createElement(_checkboxGroup.default, {
+      value: (0, _from.default)(checkRelation === 'related' ? checkedKeys : realCheckedKeys)
+    }, this.renderNodeList()) : this.renderNodeList())));
   }
 
 }
@@ -790,7 +805,8 @@ Tree.propTypes = {
   onDrop: _propTypes.default.func,
   labelEllipsis: _propTypes.default.bool,
   checkRelation: _propTypes.default.string,
-  'aria-label': _propTypes.default.string
+  'aria-label': _propTypes.default.string,
+  preventScroll: _propTypes.default.bool
 };
 Tree.defaultProps = {
   showClear: true,

package/lib/cjs/tree/treeNode.js

@@ -20,8 +20,6 @@ var _getOwnPropertySymbols = _interopRequireDefault(require("@babel/runtime-core
 
 var _assign = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/assign"));
 
-var _forEach = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/for-each"));
-
 var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
 
 var _isEmpty2 = _interopRequireDefault(require("lodash/isEmpty"));
@@ -52,6 +50,8 @@ var _treeContext = _interopRequireDefault(require("./treeContext"));
 
 var _spin = _interopRequireDefault(require("../spin"));
 
+var _index = require("../_utils/index");
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = _Object$defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { _Object$defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -287,20 +287,14 @@ class TreeNode extends _react.PureComponent {
       if ((0, _isFunction2.default)(renderLabel)) {
         return renderLabel(label, data);
       } else if ((0, _isString2.default)(label) && filtered && keyword && treeNodeFilterProp === 'label') {
-        var _context;
-
-        const content = [];
-        (0, _forEach.default)(_context = label.split(keyword)).call(_context, (node, index) => {
-          if (index > 0) {
-            content.push( /*#__PURE__*/_react.default.createElement("span", {
-              className: "".concat(prefixcls, "-highlight"),
-              key: index
-            }, keyword));
+        return (0, _index.getHighLightTextHTML)({
+          sourceString: label,
+          searchWords: [keyword],
+          option: {
+            highlightTag: 'span',
+            highlightClassName: "".concat(prefixcls, "-highlight")
           }
-
-          content.push(node);
         });
-        return content;
       } else {
         return label;
       }
@@ -348,7 +342,8 @@ class TreeNode extends _react.PureComponent {
   renderCheckbox() {
     const {
       checked,
-      halfChecked
+      halfChecked,
+      eventKey
     } = this.props;
     const disabled = this.isDisabled();
     return /*#__PURE__*/_react.default.createElement("div", {
@@ -357,6 +352,7 @@ class TreeNode extends _react.PureComponent {
       onKeyPress: this.handleCheckEnterPress
     }, /*#__PURE__*/_react.default.createElement(_checkbox.Checkbox, {
       "aria-label": 'Toggle the checked state of checkbox',
+      value: eventKey,
       indeterminate: halfChecked,
       checked: checked,
       disabled: Boolean(disabled)
@@ -399,7 +395,7 @@ class TreeNode extends _react.PureComponent {
   }
 
   renderEmptyNode() {
-    var _context2;
+    var _context;
 
     const {
       emptyContent
@@ -410,14 +406,14 @@ class TreeNode extends _react.PureComponent {
     return /*#__PURE__*/_react.default.createElement("ul", {
       className: wrapperCls
     }, /*#__PURE__*/_react.default.createElement("li", {
-      className: (0, _concat.default)(_context2 = "".concat(prefixcls, "-label ")).call(_context2, prefixcls, "-label-empty"),
+      className: (0, _concat.default)(_context = "".concat(prefixcls, "-label ")).call(_context, prefixcls, "-label-empty"),
       "x-semi-prop": "emptyContent"
     }, emptyContent));
   } // eslint-disable-next-line max-lines-per-function
 
 
   render() {
-    var _context3;
+    var _context2;
 
     const _a = this.props,
           {
@@ -455,7 +451,7 @@ class TreeNode extends _react.PureComponent {
     const dragOverGapTop = dragOverNodeKey === eventKey && dropPosition === -1;
     const dragOverGapBottom = dragOverNodeKey === eventKey && dropPosition === 1;
     const nodeCls = (0, _classnames.default)(prefixcls, {
-      [(0, _concat.default)(_context3 = "".concat(prefixcls, "-level-")).call(_context3, level + 1)]: true,
+      [(0, _concat.default)(_context2 = "".concat(prefixcls, "-level-")).call(_context2, level + 1)]: true,
       ["".concat(prefixcls, "-collapsed")]: !expanded,
       ["".concat(prefixcls, "-disabled")]: Boolean(disabled),
       ["".concat(prefixcls, "-selected")]: selected,

package/lib/cjs/treeSelect/index.js

@@ -28,6 +28,8 @@ var _promise = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-st
 
 var _set = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/set"));
 
+var _from = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/array/from"));
+
 var _slice = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/slice"));
 
 var _isFunction2 = _interopRequireDefault(require("lodash/isFunction"));
@@ -96,6 +98,8 @@ var _utils = require("../_utils");
 
 var _semiIcons = require("@douyinfe/semi-icons");
 
+var _checkboxGroup = _interopRequireDefault(require("../checkbox/checkboxGroup"));
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = _Object$defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { _Object$defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -382,6 +386,14 @@ class TreeSelect extends _baseComponent.default {
     };
 
     this.search = value => {
+      const {
+        isOpen
+      } = this.state;
+
+      if (!isOpen) {
+        this.foundation.open();
+      }
+
       this.foundation.handleInputChange(value);
     };
 
@@ -867,7 +879,9 @@ class TreeSelect extends _baseComponent.default {
         motionType,
         inputValue,
         filteredKeys,
-        flattenNodes
+        flattenNodes,
+        checkedKeys,
+        realCheckedKeys
       } = this.state;
       const {
         loadData,
@@ -884,7 +898,8 @@ class TreeSelect extends _baseComponent.default {
         optionListStyle,
         searchPosition,
         renderLabel,
-        renderFullLabel
+        renderFullLabel,
+        checkRelation
       } = this.props;
       const wrapperCls = (0, _classnames.default)("".concat(prefixTree, "-wrapper"));
       const listCls = (0, _classnames.default)("".concat(prefixTree, "-option-list"), {
@@ -925,7 +940,9 @@ class TreeSelect extends _baseComponent.default {
         role: "tree",
         "aria-multiselectable": multiple ? true : false,
         style: optionListStyle
-      }, noData ? this.renderEmpty() : this.renderNodeList()), outerBottomSlot));
+      }, noData ? this.renderEmpty() : multiple ? /*#__PURE__*/_react.default.createElement(_checkboxGroup.default, {
+        value: (0, _from.default)(checkRelation === 'related' ? checkedKeys : realCheckedKeys)
+      }, this.renderNodeList()) : this.renderNodeList()), outerBottomSlot));
     };
 
     this.state = {
@@ -1370,7 +1387,6 @@ TreeSelect.defaultProps = {
   motionExpand: true,
   expandAll: false,
   zIndex: _constants2.numbers.DEFAULT_Z_INDEX,
-  disabled: false,
   disableStrictly: false,
   multiple: false,
   filterTreeNode: false,

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

@@ -143,7 +143,6 @@ declare class AutoComplete<T extends AutoCompleteItems> extends BaseComponent<Au
         position: "bottomLeft";
         data: [];
         showClear: boolean;
-        disabled: boolean;
         size: "default";
         onFocus: (...args: any[]) => void;
         onSearch: (...args: any[]) => void;

package/lib/es/autoComplete/index.js

@@ -394,7 +394,6 @@ AutoComplete.defaultProps = {
   position: 'bottomLeft',
   data: [],
   showClear: false,
-  disabled: false,
   size: 'default',
   onFocus: _noop,
   onSearch: _noop,

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

@@ -131,6 +131,7 @@ declare class Cascader extends BaseComponent<CascaderProps, CascaderState> {
         disableStrictly: PropTypes.Requireable<boolean>;
         leafOnly: PropTypes.Requireable<boolean>;
         enableLeafClick: PropTypes.Requireable<boolean>;
+        preventScroll: PropTypes.Requireable<boolean>;
     };
     static defaultProps: {
         leafOnly: boolean;
@@ -142,7 +143,6 @@ declare class Cascader extends BaseComponent<CascaderProps, CascaderState> {
         showClear: boolean;
         autoClearSearchValue: boolean;
         changeOnSelect: boolean;
-        disabled: boolean;
         disableStrictly: boolean;
         autoMergeValue: boolean;
         multiple: boolean;