@douyinfe/semi-foundation 2.63.2-alpha.0 → 2.64.0

package/tabs/variables.scss

@@ -26,13 +26,9 @@ $color-tabs_tab_line_disabled-text-hover: var(--semi-color-disabled-text); //
 
 $color-tabs_tab_card_default-border-default: var(--semi-color-border); // 卡片式页签描边颜色 - 默认
 
-$color-tabs_tab_button-bg-default:  transparent; // 按钮式页签背景颜色 - 默认
 $color-tabs_tab_button_selected-bg-default: var(--semi-color-primary-light-default); // 按钮式页签背景颜色 - 选中
 $color-tabs_tab_button_selected-text-default: var(--semi-color-primary); // 按钮式页签文本颜色 - 选中
 $color-tabs_tab_button-text-default: var(--semi-color-text-2); // 按钮式页签文本颜色 - 默认
-$color-tabs_tab_button-text-active: var(--semi-color-text-0); // 按钮式页签文本颜色 - 按下
-$color-tabs_tab_button-text-hover: var(--semi-color-text-0); // 按钮式页签文本颜色 - 按下
-
 $color-tabs_tab_button-bg-hover: var(--semi-color-fill-0); // 按钮式页签背景颜色 - 悬浮
 $color-tabs_tab_button-bg-active: var(--semi-color-fill-1); // 按钮式页签背景颜色 - 按下
 
@@ -69,10 +65,6 @@ $color-tabs_tab-pane_arrow_disabled-bg-hover:  transparent;
 $color-tabs_tab-pane_arrow_disabled-text-default: var(--semi-color-disabled-text);
 $color-tabs_tab-pane_arrow_disabled-text-hover:  var(--semi-color-disabled-text);
 
-$color-tabs_tab_slash_line: var(--semi-color-text-2); //斜线式页签分割线字体颜色
-// $font-tabs_tab_slash_line-fontWeight: $font-weight-regular; //斜线式页签分割线字重
-$font-tabs_tab_slash_line-fontSize: $font-size-regular; //斜线式页签分割线字体大小
-
 $font-tabs_tab-fontWeight: $font-weight-regular; // 页签文本字重 - 默认
 $font-tabs_tab_active-fontWeight: $font-weight-bold; // 页签文本字重 - 选中
 
@@ -126,11 +118,6 @@ $spacing-tabs_bar_line_tab_left-padding: 12px; // 垂直线条式页签左侧内
 $spacing-tabs_bar_line_tab_left_small-padding: $spacing-tight - 2px;  // 小尺寸垂直线条式页签左侧内边距
 $spacing-tabs_bar_line_tab_left_medium-padding: $spacing-base-tight - 2px; // 中等尺寸垂直线条式页签左侧内边距
 
-$spacing-tabs_bar_slash_tab-paddingY: 12px; // 斜线式页签上下内边距
-$spacing-tabs_bar_slash_tab-paddingX: 4px; // 斜线式页签水平内边距
-$spacing-tabs_bar_slash-marginRight: 16px; // 斜线式页签右侧外边距
-$spacing-tabs_bar_slash_line_marginLeft: 16px; // 斜线式页签斜线左侧外边距
-
 $spacing-tabs_content-paddingY: 5px; // 页签内容区垂直方向内边距
 $spacing-tabs_content-paddingX: 0; // 页签内容区水平方向内边距
 
@@ -161,11 +148,5 @@ $radius-tabs_tab_button: var(--semi-border-radius-small); // 按钮式页签圆
 $font-tabs_bar_large-fontSize: $font-size-regular; // 大号模式 字体大小
 $font-tabs_bar_small-fontSize: $font-size-regular; // 小号模式 字体大小
 $font-tabs_bar_medium-fontSize: $font-size-regular; // 中等模式 字体大小
-$font-tabs_bar_button-fontSize: $font-size-regular; // 按钮式页签 字体大小
-$font-tabs_bar_slash-fontSize: $font-size-regular; // 斜线式页签 字体大小
-
-$font-tabs_bar_large-lineHeight: 20px; // 线条式页签大号模式 行高
-$font-tabs_bar_small-lineHeight: 20px; // 线条式页签小号模式 行高
-$font-tabs_bar_medium-lineHeight: 20px; // 线条式页签中等模式 行高
-$font-tabs_bar_button-lineHeight: 20px; // 按钮式页签 行高
-$font-tabs_bar_slash-lineHeight: 20px; // 卡片式页签 行高
+
+

package/tooltip/foundation.ts

@@ -337,7 +337,7 @@ export default class Tooltip<P = Record<string, any>, S = Record<string, any>> e
         if (trigger==="hover") {
             const checkTriggerIsHover = () => {
                 const triggerDOM = this._adapter.getTriggerDOM();
-                if (trigger && !triggerDOM.matches(":hover")) {
+                if (trigger && !triggerDOM?.matches?.(":hover")) {
                     this.hide();
                 }
                 this._adapter.off("portalInserted", checkTriggerIsHover);

package/upload/foundation.ts

@@ -94,6 +94,7 @@ export interface UploadAdapter<P = Record<string, any>, S = Record<string, any>>
 }
 
 class UploadFoundation<P = Record<string, any>, S = Record<string, any>> extends BaseFoundation<UploadAdapter<P, S>, P, S> {
+    destroyState: boolean = false;
     constructor(adapter: UploadAdapter<P, S>) {
         super({ ...adapter });
     }
@@ -111,6 +112,7 @@ class UploadFoundation<P = Record<string, any>, S = Record<string, any>> extends
         if (!disabled) {
             this.unbindPastingHandler();
         }
+        this.destroyState = true;
     }
 
     getError({ action, xhr, message, fileName }: { action: string;xhr: XMLHttpRequest;message?: string;fileName: string }): XhrError {
@@ -569,13 +571,27 @@ class UploadFoundation<P = Record<string, any>, S = Record<string, any>> extends
         }
 
         if (xhr.upload) {
-            xhr.upload.onprogress = (e: ProgressEvent): void => this.handleProgress({ e, fileInstance });
+            xhr.upload.onprogress = (e: ProgressEvent): void => {
+                if (!this.destroyState) {
+                    this.handleProgress({ e, fileInstance });
+                } else {
+                    xhr.abort();
+                }
+            };
         }
 
         // Callback function after upload is completed
-        xhr.onload = (e: ProgressEvent): void => this.handleOnLoad({ e, xhr, fileInstance });
+        xhr.onload = (e: ProgressEvent): void => {
+            if (!this.destroyState) {
+                this.handleOnLoad({ e, xhr, fileInstance });
+            }
+        };
 
-        xhr.onerror = (e: ProgressEvent): void => this.handleError({ e, xhr, fileInstance });
+        xhr.onerror = (e: ProgressEvent): void => {
+            if (!this.destroyState) {
+                this.handleError({ e, xhr, fileInstance });
+            }
+        };
 
         // add headers
         let headers = option.headers || {};