@douyinfe/semi-foundation 2.86.0 → 2.87.0-alpha.0

package/button/variables.scss

@@ -96,8 +96,8 @@ $color-button_disabled_outline-border-default: var(--semi-color-border); // 边
 
 // light
 $color-button_light-bg-default: var(--semi-color-fill-0); // 浅色按钮背景颜色
-$color-button_light-bg-hover: var(--semi-color-fill-1); // 禁用按钮背景颜色 - 悬浮
-$color-button_light-bg-active: var(--semi-color-fill-2); // 禁用按钮背景颜色 - 按下
+$color-button_light-bg-hover: var(--semi-color-fill-1); // 浅色按钮背景颜色 - 悬浮
+$color-button_light-bg-active: var(--semi-color-fill-2); // 浅色按钮背景颜色 - 按下
 $color-button_light-border-default: transparent; // 浅色按钮描边颜色
 $color-button_light-border-hover: $color-button_light-border-default; // 浅色按钮描边颜色 - 悬浮
 $color-button_light-border-active: $color-button_light-border-hover; // 浅色按钮描边颜色 - 按下

package/chat/foundation.ts

@@ -145,6 +145,10 @@ export default class ChatFoundation <P = Record<string, any>, S = Record<string,
         return scroll;
     }, 100)
 
+    handleScrollContainerResize = () => {
+        this.getScroll(this._adapter.getContainerRef());
+    }
+
     clearContext = (e: any) => {
         const { chats } = this.getStates();
         if (chats[chats.length - 1].role === ROLE.DIVIDER) {

package/lib/cjs/button/variables.scss

@@ -96,8 +96,8 @@ $color-button_disabled_outline-border-default: var(--semi-color-border); // 边
 
 // light
 $color-button_light-bg-default: var(--semi-color-fill-0); // 浅色按钮背景颜色
-$color-button_light-bg-hover: var(--semi-color-fill-1); // 禁用按钮背景颜色 - 悬浮
-$color-button_light-bg-active: var(--semi-color-fill-2); // 禁用按钮背景颜色 - 按下
+$color-button_light-bg-hover: var(--semi-color-fill-1); // 浅色按钮背景颜色 - 悬浮
+$color-button_light-bg-active: var(--semi-color-fill-2); // 浅色按钮背景颜色 - 按下
 $color-button_light-border-default: transparent; // 浅色按钮描边颜色
 $color-button_light-border-hover: $color-button_light-border-default; // 浅色按钮描边颜色 - 悬浮
 $color-button_light-border-active: $color-button_light-border-hover; // 浅色按钮描边颜色 - 按下

package/lib/cjs/chat/foundation.d.ts

@@ -64,6 +64,7 @@ export default class ChatFoundation<P = Record<string, any>, S = Record<string,
     scrollToBottomWithAnimation: () => void;
     containerScroll: (e: any) => void;
     getScroll: import("lodash").DebouncedFunc<(target: any) => typeof scroll>;
+    handleScrollContainerResize: () => void;
     clearContext: (e: any) => void;
     onMessageSend: (input: string, attachment: any[]) => void;
     onHintClick: (hint: string) => void;

package/lib/cjs/chat/foundation.js

@@ -90,6 +90,9 @@ class ChatFoundation extends _foundation.default {
       }
       return scroll;
     }, 100);
+    this.handleScrollContainerResize = () => {
+      this.getScroll(this._adapter.getContainerRef());
+    };
     this.clearContext = e => {
       const {
         chats

package/lib/es/button/variables.scss

@@ -96,8 +96,8 @@ $color-button_disabled_outline-border-default: var(--semi-color-border); // 边
 
 // light
 $color-button_light-bg-default: var(--semi-color-fill-0); // 浅色按钮背景颜色
-$color-button_light-bg-hover: var(--semi-color-fill-1); // 禁用按钮背景颜色 - 悬浮
-$color-button_light-bg-active: var(--semi-color-fill-2); // 禁用按钮背景颜色 - 按下
+$color-button_light-bg-hover: var(--semi-color-fill-1); // 浅色按钮背景颜色 - 悬浮
+$color-button_light-bg-active: var(--semi-color-fill-2); // 浅色按钮背景颜色 - 按下
 $color-button_light-border-default: transparent; // 浅色按钮描边颜色
 $color-button_light-border-hover: $color-button_light-border-default; // 浅色按钮描边颜色 - 悬浮
 $color-button_light-border-active: $color-button_light-border-hover; // 浅色按钮描边颜色 - 按下

package/lib/es/chat/foundation.d.ts

@@ -64,6 +64,7 @@ export default class ChatFoundation<P = Record<string, any>, S = Record<string,
     scrollToBottomWithAnimation: () => void;
     containerScroll: (e: any) => void;
     getScroll: import("lodash").DebouncedFunc<(target: any) => typeof scroll>;
+    handleScrollContainerResize: () => void;
     clearContext: (e: any) => void;
     onMessageSend: (input: string, attachment: any[]) => void;
     onHintClick: (hint: string) => void;

package/lib/es/chat/foundation.js

@@ -83,6 +83,9 @@ export default class ChatFoundation extends BaseFoundation {
       }
       return scroll;
     }, 100);
+    this.handleScrollContainerResize = () => {
+      this.getScroll(this._adapter.getContainerRef());
+    };
     this.clearContext = e => {
       const {
         chats

package/package.json

@@ -1,14 +1,14 @@
 {
     "name": "@douyinfe/semi-foundation",
-    "version": "2.86.0",
+    "version": "2.87.0-alpha.0",
     "description": "",
     "scripts": {
         "build:lib": "node ./scripts/compileLib.js",
         "prepublishOnly": "npm run build:lib"
     },
     "dependencies": {
-        "@douyinfe/semi-animation": "2.86.0",
-        "@douyinfe/semi-json-viewer-core": "2.86.0",
+        "@douyinfe/semi-animation": "2.87.0-alpha.0",
+        "@douyinfe/semi-json-viewer-core": "2.87.0-alpha.0",
         "@mdx-js/mdx": "^3.0.1",
         "async-validator": "^3.5.0",
         "classnames": "^2.2.6",
@@ -29,7 +29,7 @@
         "*.scss",
         "*.css"
     ],
-    "gitHead": "772a43ea321ffc267e322f9c14d1b65eec9ea834",
+    "gitHead": "9e089cce3cd8aff4b4c73e2ea0346fde3b19e8b6",
     "devDependencies": {
         "@babel/plugin-transform-runtime": "^7.15.8",
         "@babel/preset-env": "^7.15.8",