@douyinfe/semi-ui 2.20.3 → 2.21.0-beta.0

package/dist/umd/semi-ui.js

@@ -27344,6 +27344,8 @@ class foundation_AutoCompleteFoundation extends foundation {
       default:
         break;
     }
+
+    this._adapter.notifyKeyDown(event);
   }
 
   _getEnableFocusIndex(offset) {
@@ -29008,6 +29010,9 @@ class autoComplete_AutoComplete extends baseComponent_BaseComponent {
       notifyBlur: event => {
         this.props.onBlur(event);
       },
+      notifyKeyDown: e => {
+        this.props.onKeyDown(e);
+      },
       rePositionDropdown: () => {
         let {
           rePosKey
@@ -29230,6 +29235,7 @@ autoComplete_AutoComplete.propTypes = {
   onBlur: prop_types_default.a.func,
   onFocus: prop_types_default.a.func,
   onChange: prop_types_default.a.func,
+  onKeyDown: prop_types_default.a.func,
   position: prop_types_default.a.oneOf(autoComplete_positionSet),
   placeholder: prop_types_default.a.string,
   prefix: prop_types_default.a.node,
@@ -29275,7 +29281,8 @@ autoComplete_AutoComplete.defaultProps = {
   maxHeight: 300,
   validateStatus: 'default',
   autoFocus: false,
-  emptyContent: null // onPressEnter: () => undefined,
+  emptyContent: null,
+  onKeyDown: noop_default.a // onPressEnter: () => undefined,
   // defaultOpen: false,
 
 };
@@ -37729,6 +37736,7 @@ class foundation_CarouselFoundation extends foundation {
   }
 
   next() {
+    this.stop();
     const {
       activeIndex: stateActiveIndex
     } = this.getStates();
@@ -37743,9 +37751,12 @@ class foundation_CarouselFoundation extends foundation {
 
       this.handleNewActiveIndex(targetIndex);
     }
+
+    this.handleAutoPlay();
   }
 
   prev() {
+    this.stop();
     const {
       activeIndex: stateActiveIndex
     } = this.getStates();
@@ -37760,6 +37771,8 @@ class foundation_CarouselFoundation extends foundation {
 
       this.handleNewActiveIndex(targetIndex);
     }
+
+    this.handleAutoPlay();
   }
 
   destroy() {
@@ -61336,7 +61349,7 @@ class dropdown_Dropdown extends baseComponent_BaseComponent {
 
         const childrenKeyDown = get_default()(children, 'props.onKeyDown');
 
-        childrenKeyDown && childrenKeyDown();
+        childrenKeyDown && childrenKeyDown(e);
       }
     }) : children);
   }
@@ -70953,24 +70966,30 @@ class foundation_SelectFoundation extends foundation {
   }
 
   clearInput() {
-    this._adapter.updateInputValue('');
+    const {
+      inputValue
+    } = this.getStates(); // only when input is not null, select should notifySearch and updateOptions
 
-    this._adapter.notifySearch(''); // reset options filter
+    if (inputValue !== '') {
+      this._adapter.updateInputValue('');
 
+      this._adapter.notifySearch(''); // reset options filter
 
-    const {
-      options
-    } = this.getStates();
-    const {
-      remote
-    } = this.getProps();
-    let optionsAfterFilter = options;
 
-    if (!remote) {
-      optionsAfterFilter = this._filterOption(options, '');
-    }
+      const {
+        options
+      } = this.getStates();
+      const {
+        remote
+      } = this.getProps();
+      let optionsAfterFilter = options;
 
-    this._adapter.updateOptions(optionsAfterFilter);
+      if (!remote) {
+        optionsAfterFilter = this._filterOption(options, '');
+      }
+
+      this._adapter.updateOptions(optionsAfterFilter);
+    }
   }
 
   focusInput() {
@@ -82865,7 +82884,8 @@ class HeadTable_HeadTable extends external_root_React_commonjs2_react_commonjs_r
       onDidUpdate,
       showHeader,
       anyColumnFixed,
-      bodyHasScrollBar
+      bodyHasScrollBar,
+      sticky
     } = this.props;
 
     if (!showHeader) {
@@ -82896,10 +82916,20 @@ class HeadTable_HeadTable extends external_root_React_commonjs2_react_commonjs_r
       components: components,
       onDidUpdate: onDidUpdate
     }));
+    const headTableCls = classnames_default()("".concat(prefixCls, "-header"), {
+      ["".concat(prefixCls, "-header-sticky")]: sticky
+    });
+
+    const stickyTop = get_default()(sticky, 'top', 0);
+
+    if (typeof stickyTop === 'number') {
+      headStyle.top = stickyTop;
+    }
+
     return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
       key: "headTable",
       style: headStyle,
-      className: "".concat(prefixCls, "-header"),
+      className: headTableCls,
       ref: forwardedRef,
       onScroll: handleBodyScroll
     }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(Table, {
@@ -85869,7 +85899,8 @@ class Table_Table extends baseComponent_BaseComponent {
         rowSelection,
         dataSource,
         bodyHasScrollBar,
-        disabledRowKeysSet
+        disabledRowKeysSet,
+        sticky
       } = props;
 
       const selectedRowKeysSet = get_default()(rowSelection, 'selectedRowKeysSet', new Set());
@@ -85888,7 +85919,8 @@ class Table_Table extends baseComponent_BaseComponent {
         selectedRowKeysSet: selectedRowKeysSet,
         onHeaderRow: onHeaderRow,
         dataSource: dataSource,
-        bodyHasScrollBar: bodyHasScrollBar
+        bodyHasScrollBar: bodyHasScrollBar,
+        sticky: sticky
       }) : null;
       const bodyTable = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(table_Body, Object.assign({}, omit_default()(props, ['rowSelection', 'headWidths']), {
         key: "body",
@@ -86207,13 +86239,18 @@ class Table_Table extends baseComponent_BaseComponent {
       isAnyColumnFixed: columns => some_default()(this.getColumns(columns || this.props.columns, this.props.children), column => Boolean(column.fixed)),
       useFixedHeader: () => {
         const {
-          scroll
+          scroll,
+          sticky
         } = this.props;
 
         if (get_default()(scroll, 'y')) {
           return true;
         }
 
+        if (sticky) {
+          return true;
+        }
+
         return false;
       },
       setHeadWidths: function (headWidths) {
@@ -96962,6 +96999,15 @@ class upload_Upload extends baseComponent_BaseComponent {
       } = this.state;
       this.foundation.startUpload(fileList);
     };
+    /**
+     * ref method
+     * manual open file select dialog
+     */
+
+
+    this.openFileDialog = () => {
+      this.onClick();
+    };
 
     this.renderFile = (file, index, locale) => {
       const {