@douyinfe/semi-foundation 2.68.3 → 2.68.4

package/chat/chat.scss

@@ -132,7 +132,7 @@ $module: #{$prefix}-chat;
             flex-direction: row-reverse;
 
             .#{$module}-chatBox-wrap {
-                align-items: end;
+                align-items: flex-end;
             }
         }
 
@@ -204,7 +204,7 @@ $module: #{$prefix}-chat;
         &-wrap {
             display: flex;
             flex-direction: column;
-            align-items: start;
+            align-items: flex-start;
             position: relative;
             row-gap: $spacing-chat_chatBox_wrap;
         }
@@ -431,7 +431,7 @@ $module: #{$prefix}-chat;
             border-radius: $radius-chat_inputBox_container;
             padding: $spacing-chat_inputBox_container-padding;
             border: $width-chat_inputBox_container-border solid $color-chat_inputBox_container-border;
-            align-items: end;
+            align-items: flex-end;
         }
             
         &-inputArea {

package/chat/foundation.ts

@@ -113,7 +113,7 @@ export default class ChatFoundation <P = Record<string, any>, S = Record<string,
     }
 
     containerScroll = (e: any) => {
-        e.persist();
+        this._persistEvent(e);
         const update = () => {
             this.getScroll(e.target);
         };

package/lib/cjs/chat/chat.css

@@ -103,7 +103,7 @@
   flex-direction: row-reverse;
 }
 .semi-chat-chatBox-right .semi-chat-chatBox-wrap {
-  align-items: end;
+  align-items: flex-end;
 }
 .semi-chat-chatBox-avatar {
   flex-shrink: 0;
@@ -157,7 +157,7 @@
 .semi-chat-chatBox-wrap {
   display: flex;
   flex-direction: column;
-  align-items: start;
+  align-items: flex-start;
   position: relative;
   row-gap: 8px;
 }
@@ -340,7 +340,7 @@
   border-radius: 16px;
   padding: 11px;
   border: 1px solid var(--semi-color-border);
-  align-items: end;
+  align-items: flex-end;
 }
 .semi-chat-inputBox-inputArea {
   flex-grow: 1;

package/lib/cjs/chat/chat.scss

@@ -132,7 +132,7 @@ $module: #{$prefix}-chat;
             flex-direction: row-reverse;
 
             .#{$module}-chatBox-wrap {
-                align-items: end;
+                align-items: flex-end;
             }
         }
 
@@ -204,7 +204,7 @@ $module: #{$prefix}-chat;
         &-wrap {
             display: flex;
             flex-direction: column;
-            align-items: start;
+            align-items: flex-start;
             position: relative;
             row-gap: $spacing-chat_chatBox_wrap;
         }
@@ -431,7 +431,7 @@ $module: #{$prefix}-chat;
             border-radius: $radius-chat_inputBox_container;
             padding: $spacing-chat_inputBox_container-padding;
             border: $width-chat_inputBox_container-border solid $color-chat_inputBox_container-border;
-            align-items: end;
+            align-items: flex-end;
         }
             
         &-inputArea {

package/lib/cjs/chat/foundation.js

@@ -66,7 +66,7 @@ class ChatFoundation extends _foundation.default {
       this.animation.start();
     };
     this.containerScroll = e => {
-      e.persist();
+      this._persistEvent(e);
       const update = () => {
         this.getScroll(e.target);
       };

package/lib/cjs/select/foundation.js

@@ -1130,10 +1130,14 @@ class SelectFoundation extends _foundation.default {
       filter,
       autoFocus
     } = this.getProps();
+    const {
+      showInput
+    } = this.getStates();
     const isMultiple = this._isMultiple();
-    if (autoFocus && filter && !isMultiple) {
-      // under this condition, when input blur, hide the input
-      this.toggle2SearchInput(false);
+    if (filter && !isMultiple) {
+      if (showInput || autoFocus) {
+        this.toggle2SearchInput(false);
+      }
     }
   }
   selectAll() {

package/lib/es/chat/chat.css

@@ -103,7 +103,7 @@
   flex-direction: row-reverse;
 }
 .semi-chat-chatBox-right .semi-chat-chatBox-wrap {
-  align-items: end;
+  align-items: flex-end;
 }
 .semi-chat-chatBox-avatar {
   flex-shrink: 0;
@@ -157,7 +157,7 @@
 .semi-chat-chatBox-wrap {
   display: flex;
   flex-direction: column;
-  align-items: start;
+  align-items: flex-start;
   position: relative;
   row-gap: 8px;
 }
@@ -340,7 +340,7 @@
   border-radius: 16px;
   padding: 11px;
   border: 1px solid var(--semi-color-border);
-  align-items: end;
+  align-items: flex-end;
 }
 .semi-chat-inputBox-inputArea {
   flex-grow: 1;

package/lib/es/chat/chat.scss

@@ -132,7 +132,7 @@ $module: #{$prefix}-chat;
             flex-direction: row-reverse;
 
             .#{$module}-chatBox-wrap {
-                align-items: end;
+                align-items: flex-end;
             }
         }
 
@@ -204,7 +204,7 @@ $module: #{$prefix}-chat;
         &-wrap {
             display: flex;
             flex-direction: column;
-            align-items: start;
+            align-items: flex-start;
             position: relative;
             row-gap: $spacing-chat_chatBox_wrap;
         }
@@ -431,7 +431,7 @@ $module: #{$prefix}-chat;
             border-radius: $radius-chat_inputBox_container;
             padding: $spacing-chat_inputBox_container-padding;
             border: $width-chat_inputBox_container-border solid $color-chat_inputBox_container-border;
-            align-items: end;
+            align-items: flex-end;
         }
             
         &-inputArea {

package/lib/es/chat/foundation.js

@@ -59,7 +59,7 @@ export default class ChatFoundation extends BaseFoundation {
       this.animation.start();
     };
     this.containerScroll = e => {
-      e.persist();
+      this._persistEvent(e);
       const update = () => {
         this.getScroll(e.target);
       };

package/lib/es/select/foundation.js

@@ -1121,10 +1121,14 @@ export default class SelectFoundation extends BaseFoundation {
       filter,
       autoFocus
     } = this.getProps();
+    const {
+      showInput
+    } = this.getStates();
     const isMultiple = this._isMultiple();
-    if (autoFocus && filter && !isMultiple) {
-      // under this condition, when input blur, hide the input
-      this.toggle2SearchInput(false);
+    if (filter && !isMultiple) {
+      if (showInput || autoFocus) {
+        this.toggle2SearchInput(false);
+      }
     }
   }
   selectAll() {

package/package.json

@@ -1,13 +1,13 @@
 {
     "name": "@douyinfe/semi-foundation",
-    "version": "2.68.3",
+    "version": "2.68.4",
     "description": "",
     "scripts": {
         "build:lib": "node ./scripts/compileLib.js",
         "prepublishOnly": "npm run build:lib"
     },
     "dependencies": {
-        "@douyinfe/semi-animation": "2.68.3",
+        "@douyinfe/semi-animation": "2.68.4",
         "@mdx-js/mdx": "^3.0.1",
         "async-validator": "^3.5.0",
         "classnames": "^2.2.6",
@@ -28,7 +28,7 @@
         "*.scss",
         "*.css"
     ],
-    "gitHead": "78686c4c6292e3a6cbd43896e8835ebfe96d4f84",
+    "gitHead": "5e76711b7359675d202f9ef512e6e1833d38f5c5",
     "devDependencies": {
         "@babel/plugin-transform-runtime": "^7.15.8",
         "@babel/preset-env": "^7.15.8",

package/select/foundation.ts

@@ -1113,10 +1113,12 @@ export default class SelectFoundation extends BaseFoundation<SelectAdapter> {
 
     handleInputBlur(e: any) {
         const { filter, autoFocus } = this.getProps();
+        const { showInput } = this.getStates();
         const isMultiple = this._isMultiple();
-        if (autoFocus && filter && !isMultiple ) {
-            // under this condition, when input blur, hide the input
-            this.toggle2SearchInput(false);
+        if (filter && !isMultiple ) {
+            if (showInput || autoFocus) {
+                this.toggle2SearchInput(false);
+            }
         }
     }