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

package/_portal/portal.scss

@@ -12,6 +12,6 @@ $module: #{$prefix}-portal;
     &-inner {
         position: absolute;
         background-color: transparent;
-        min-width: fit-content;
+        min-width: max-content;
     }
 }

package/autoComplete/foundation.ts

@@ -153,6 +153,9 @@ class AutoCompleteFoundation<P = Record<string, any>, S = Record<string, any>> e
         this._adapter.notifySearch(inputValue);
         this._adapter.notifyChange(inputValue);
         this._modifyFocusIndex(inputValue);
+        if (!this.isPanelOpen){
+            this.openDropdown();
+        }
     }
 
     handleSelect(option: StateOptionItem, optionIndex?: number): void {
@@ -389,7 +392,7 @@ class AutoCompleteFoundation<P = Record<string, any>, S = Record<string, any>> e
         if (!visible){
             this.openDropdown();
         } else {
-            if (focusIndex !== undefined  && focusIndex !== -1 && options.length !== 0) {
+            if (focusIndex !== undefined && focusIndex !== -1 && options.length !== 0) {
                 const visibleOptions = options.filter((item: StateOptionItem) => item.show);
                 const selectedOption = visibleOptions[focusIndex];
                 this.handleSelect(selectedOption, focusIndex);

package/lib/cjs/_portal/portal.css

@@ -11,5 +11,5 @@
 .semi-portal-inner {
   position: absolute;
   background-color: transparent;
-  min-width: fit-content;
+  min-width: max-content;
 }

package/lib/cjs/_portal/portal.scss

@@ -12,6 +12,6 @@ $module: #{$prefix}-portal;
     &-inner {
         position: absolute;
         background-color: transparent;
-        min-width: fit-content;
+        min-width: max-content;
     }
 }

package/lib/cjs/autoComplete/foundation.js

@@ -192,6 +192,10 @@ class AutoCompleteFoundation extends _foundation.default {
     this._adapter.notifyChange(inputValue);
 
     this._modifyFocusIndex(inputValue);
+
+    if (!this.isPanelOpen) {
+      this.openDropdown();
+    }
   }
 
   handleSelect(option, optionIndex) {

package/lib/cjs/table/foundation.js

@@ -400,8 +400,8 @@ class TableFoundation extends _foundation.default {
           filteredData = new _map.default();
         }
 
-        (0, _each2.default)(currentFilteredValue, value => {
-          (0, _each2.default)(dataSource, record => {
+        (0, _each2.default)(dataSource, record => {
+          (0, _each2.default)(currentFilteredValue, value => {
             const childrenRecords = (0, _get2.default)(record, childrenRecordName);
             const recordKey = this.getRecordKey(record);
             let filteredChildren;

package/lib/cjs/timePicker/foundation.js

@@ -215,23 +215,20 @@ class TimePickerFoundation extends _foundation.default {
       timeZone,
       __prevTimeZone
     } = props;
+    let dates = this.parseValue(value);
+    const invalid = this.validateDates(dates);
 
-    if (!(0, _isNullOrUndefined.default)(value)) {
-      let dates = this.parseValue(value);
-      const invalid = this.validateDates(dates);
-
-      if (!invalid) {
-        if (this.isValidTimeZone(timeZone)) {
-          dates = (0, _map.default)(dates).call(dates, date => (0, _dateFnsExtra.utcToZonedTime)(this.isValidTimeZone(__prevTimeZone) ? (0, _dateFnsExtra.zonedTimeToUtc)(date, __prevTimeZone) : date, timeZone));
-        }
-
-        const inputValue = this.formatValue(dates);
-        this.setState({
-          value: dates,
-          invalid,
-          inputValue
-        });
+    if (!invalid) {
+      if (this.isValidTimeZone(timeZone)) {
+        dates = (0, _map.default)(dates).call(dates, date => (0, _dateFnsExtra.utcToZonedTime)(this.isValidTimeZone(__prevTimeZone) ? (0, _dateFnsExtra.zonedTimeToUtc)(date, __prevTimeZone) : date, timeZone));
       }
+
+      const inputValue = this.formatValue(dates);
+      this.setState({
+        value: dates,
+        invalid,
+        inputValue
+      });
     }
   }
 

package/lib/es/_portal/portal.css

@@ -11,5 +11,5 @@
 .semi-portal-inner {
   position: absolute;
   background-color: transparent;
-  min-width: fit-content;
+  min-width: max-content;
 }

package/lib/es/_portal/portal.scss

@@ -12,6 +12,6 @@ $module: #{$prefix}-portal;
     &-inner {
         position: absolute;
         background-color: transparent;
-        min-width: fit-content;
+        min-width: max-content;
     }
 }

package/lib/es/autoComplete/foundation.js

@@ -168,6 +168,10 @@ class AutoCompleteFoundation extends BaseFoundation {
     this._adapter.notifyChange(inputValue);
 
     this._modifyFocusIndex(inputValue);
+
+    if (!this.isPanelOpen) {
+      this.openDropdown();
+    }
   }
 
   handleSelect(option, optionIndex) {

package/lib/es/table/foundation.js

@@ -360,8 +360,8 @@ class TableFoundation extends BaseFoundation {
           filteredData = new _Map();
         }
 
-        _each(currentFilteredValue, value => {
-          _each(dataSource, record => {
+        _each(dataSource, record => {
+          _each(currentFilteredValue, value => {
             const childrenRecords = _get(record, childrenRecordName);
 
             const recordKey = this.getRecordKey(record);

package/lib/es/timePicker/foundation.js

@@ -192,23 +192,20 @@ class TimePickerFoundation extends BaseFoundation {
       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 = _mapInstanceProperty(dates).call(dates, date => utcToZonedTime(this.isValidTimeZone(__prevTimeZone) ? zonedTimeToUtc(date, __prevTimeZone) : date, timeZone));
-        }
-
-        const inputValue = this.formatValue(dates);
-        this.setState({
-          value: dates,
-          invalid,
-          inputValue
-        });
+    if (!invalid) {
+      if (this.isValidTimeZone(timeZone)) {
+        dates = _mapInstanceProperty(dates).call(dates, date => utcToZonedTime(this.isValidTimeZone(__prevTimeZone) ? zonedTimeToUtc(date, __prevTimeZone) : date, timeZone));
       }
+
+      const inputValue = this.formatValue(dates);
+      this.setState({
+        value: dates,
+        invalid,
+        inputValue
+      });
     }
   }
 

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@douyinfe/semi-foundation",
-    "version": "2.17.0-beta.0",
+    "version": "2.17.1",
     "description": "",
     "scripts": {
         "build:lib": "node ./scripts/compileLib.js",
@@ -24,7 +24,7 @@
         "*.scss",
         "*.css"
     ],
-    "gitHead": "471474bb6fe0a743bc3daba532279969cc9374a5",
+    "gitHead": "e2dfadcc7f24b9af6cab08b64ac0ead052219961",
     "devDependencies": {
         "@babel/plugin-proposal-decorators": "^7.15.8",
         "@babel/plugin-transform-runtime": "^7.15.8",

package/table/foundation.ts

@@ -393,8 +393,8 @@ class TableFoundation<RecordType> extends BaseFoundation<TableAdapter<RecordType
                     dataSource = Array.from(filteredData && filteredData.values());
                     filteredData = new Map();
                 }
-                each(currentFilteredValue, value => {
-                    each(dataSource, record => {
+                each(dataSource, record => {
+                    each(currentFilteredValue, value => {
                         const childrenRecords = get(record, childrenRecordName);
                         const recordKey = this.getRecordKey(record);
 

package/timePicker/foundation.ts

@@ -203,27 +203,26 @@ class TimePickerFoundation<P = Record<string, any>, S = Record<string, any>> ext
 
     refreshProps(props: any = {}) {
         const { value, timeZone, __prevTimeZone } = props;
-        if (!isNullOrUndefined(value)) {
-            let dates = this.parseValue(value);
-            const invalid = this.validateDates(dates);
-
-            if (!invalid) {
-                if (this.isValidTimeZone(timeZone)) {
-                    dates = dates.map(date =>
-                        utcToZonedTime(
-                            this.isValidTimeZone(__prevTimeZone) ? zonedTimeToUtc(date, __prevTimeZone) : date,
-                            timeZone
-                        )
-                    );
-                }
-                const inputValue = this.formatValue(dates);
+        
+        let dates = this.parseValue(value);
+        const invalid = this.validateDates(dates);
 
-                this.setState({
-                    value: dates,
-                    invalid,
-                    inputValue,
-                } as any);
+        if (!invalid) {
+            if (this.isValidTimeZone(timeZone)) {
+                dates = dates.map(date =>
+                    utcToZonedTime(
+                        this.isValidTimeZone(__prevTimeZone) ? zonedTimeToUtc(date, __prevTimeZone) : date,
+                        timeZone
+                    )
+                );
             }
+            const inputValue = this.formatValue(dates);
+
+            this.setState({
+                value: dates,
+                invalid,
+                inputValue,
+            } as any);
         }
     }