@douyinfe/semi-ui 2.17.0-beta.0 → 2.17.1

package/dist/umd/semi-ui.js

@@ -34935,6 +34935,10 @@ class foundation_AutoCompleteFoundation extends foundation {
     this._adapter.notifyChange(inputValue);
 
     this._modifyFocusIndex(inputValue);
+
+    if (!this.isPanelOpen) {
+      this.openDropdown();
+    }
   }
 
   handleSelect(option, optionIndex) {
@@ -36937,7 +36941,7 @@ class autoComplete_AutoComplete extends baseComponent_BaseComponent {
     } = this.state;
     const useCustomTrigger = typeof triggerRender === 'function';
 
-    const outerProps = assign_default()({
+    const outerProps = assign_default()(assign_default()({
       style,
       className: useCustomTrigger ? classnames_default()(className) : classnames_default()({
         [autoComplete_prefixCls]: true,
@@ -36946,7 +36950,10 @@ class autoComplete_AutoComplete extends baseComponent_BaseComponent {
       onClick: this.handleInputClick,
       ref: this.triggerRef,
       id
-    }, keyboardEventSet);
+    }, keyboardEventSet), {
+      // tooltip give tabindex 0 to children by default, autoComplete just need the input get focus, so outer div's tabindex set to -1
+      tabIndex: -1
+    });
 
     const innerProps = {
       disabled,
@@ -49749,7 +49756,10 @@ class checkbox_Checkbox extends baseComponent_BaseComponent {
   }
 
   isInGroup() {
-    return Boolean(this.context && this.context.checkboxGroup);
+    // Why do we need to determine whether there is a value in props?
+    // If there is no value in the props of the checkbox in the context of the checkboxGroup, 
+    // it will be considered not to belong to the checkboxGroup。
+    return Boolean(this.context && this.context.checkboxGroup && 'value' in this.props);
   }
 
   focus() {
@@ -54334,6 +54344,37 @@ class cascader_Cascader extends baseComponent_BaseComponent {
       return firstInProps || treeDataHasChange;
     };
 
+    const getRealKeys = (realValue, keyEntities) => {
+      // normallizedValue is used to save the value in two-dimensional array format
+      let normallizedValue = [];
+
+      if (is_array_default()(realValue)) {
+        normallizedValue = is_array_default()(realValue[0]) ? realValue : [realValue];
+      } else {
+        if (realValue !== undefined) {
+          normallizedValue = [[realValue]];
+        }
+      } // formatValuePath is used to save value of valuePath
+
+
+      const formatValuePath = [];
+
+      for_each_default()(normallizedValue).call(normallizedValue, valueItem => {
+        const formatItem = onChangeWithObject ? map_default()(valueItem).call(valueItem, i => i === null || i === void 0 ? void 0 : i.value) : valueItem;
+        formatValuePath.push(formatItem);
+      }); // formatKeys is used to save key of value
+
+
+      const formatKeys = [];
+
+      for_each_default()(formatValuePath).call(formatValuePath, v => {
+        const formatKeyItem = util_findKeysForValues(v, keyEntities);
+        !isEmpty_default()(formatKeyItem) && formatKeys.push(formatKeyItem);
+      });
+
+      return formatKeys;
+    };
+
     const needUpdateTreeData = needUpdate('treeData') || needUpdateData();
     const needUpdateValue = needUpdate('value') || isEmpty_default()(prevProps) && defaultValue;
 
@@ -54350,35 +54391,15 @@ class cascader_Cascader extends baseComponent_BaseComponent {
         let realKeys = prevState.checkedKeys; // when data was updated
 
         if (needUpdateValue) {
-          // normallizedValue is used to save the value in two-dimensional array format
-          let normallizedValue = [];
-          const realValue = needUpdate('value') ? value : defaultValue; // eslint-disable-next-line max-depth
-
-          if (is_array_default()(realValue)) {
-            normallizedValue = is_array_default()(realValue[0]) ? realValue : [realValue];
-          } else {
-            if (realValue !== undefined) {
-              normallizedValue = [[realValue]];
-            }
-          } // formatValuePath is used to save value of valuePath
-
-
-          const formatValuePath = [];
-
-          for_each_default()(normallizedValue).call(normallizedValue, valueItem => {
-            const formatItem = onChangeWithObject ? map_default()(valueItem).call(valueItem, i => i === null || i === void 0 ? void 0 : i.value) : valueItem;
-            formatValuePath.push(formatItem);
-          }); // formatKeys is used to save key of value
-
-
-          const formatKeys = [];
-
-          for_each_default()(formatValuePath).call(formatValuePath, v => {
-            const formatKeyItem = util_findKeysForValues(v, keyEntities);
-            !isEmpty_default()(formatKeyItem) && formatKeys.push(formatKeyItem);
-          });
-
-          realKeys = formatKeys;
+          const realValue = needUpdate('value') ? value : defaultValue;
+          realKeys = getRealKeys(realValue, keyEntities);
+        } else {
+          // needUpdateValue is false
+          // if treeData is updated & Cascader is controlled, realKeys should be recalculated
+          if (needUpdateTreeData && 'value' in props) {
+            const realValue = value;
+            realKeys = getRealKeys(realValue, keyEntities);
+          }
         }
 
         if (isSet_default()(realKeys)) {
@@ -68707,7 +68728,7 @@ class empty_Empty extends baseComponent_BaseComponent {
       darkModeImage
     } = this.props;
     const alt = typeof description === 'string' ? description : 'empty';
-    const imgSrc = this.state.mode && darkModeImage ? darkModeImage : image;
+    const imgSrc = this.state.mode === 'dark' && darkModeImage ? darkModeImage : image;
     let imageNode = null;
 
     if (typeof imgSrc === 'string') {
@@ -91311,8 +91332,8 @@ class foundation_TableFoundation extends foundation {
           filteredData = new core_js_stable_map_default.a();
         }
 
-        each_default()(currentFilteredValue, value => {
-          each_default()(dataSource, record => {
+        each_default()(dataSource, record => {
+          each_default()(currentFilteredValue, value => {
             const childrenRecords = get_default()(record, childrenRecordName);
 
             const recordKey = this.getRecordKey(record);
@@ -99298,23 +99319,20 @@ class foundation_TimePickerFoundation extends foundation {
       timeZone,
       __prevTimeZone
     } = props;
+    let dates = this.parseValue(value);
+    const invalid = this.validateDates(dates);
 
-    if (!isNullOrUndefined(value)) {
-      let dates = this.parseValue(value);
-      const invalid = this.validateDates(dates);
-
-      if (!invalid) {
-        if (this.isValidTimeZone(timeZone)) {
-          dates = map_default()(dates).call(dates, date => date_fns_extra_utcToZonedTime(this.isValidTimeZone(__prevTimeZone) ? date_fns_extra_zonedTimeToUtc(date, __prevTimeZone) : date, timeZone));
-        }
-
-        const inputValue = this.formatValue(dates);
-        this.setState({
-          value: dates,
-          invalid,
-          inputValue
-        });
+    if (!invalid) {
+      if (this.isValidTimeZone(timeZone)) {
+        dates = map_default()(dates).call(dates, date => date_fns_extra_utcToZonedTime(this.isValidTimeZone(__prevTimeZone) ? date_fns_extra_zonedTimeToUtc(date, __prevTimeZone) : date, timeZone));
       }
+
+      const inputValue = this.formatValue(dates);
+      this.setState({
+        value: dates,
+        invalid,
+        inputValue
+      });
     }
   }