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

package/lib/es/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/lib/es/tooltip/foundation.js

@@ -77,8 +77,9 @@ export default class Tooltip extends BaseFoundation {
       });
       if (trigger === "hover") {
         const checkTriggerIsHover = () => {
+          var _a;
           const triggerDOM = this._adapter.getTriggerDOM();
-          if (trigger && !triggerDOM.matches(":hover")) {
+          if (trigger && !((_a = triggerDOM === null || triggerDOM === void 0 ? void 0 : triggerDOM.matches) === null || _a === void 0 ? void 0 : _a.call(triggerDOM, ":hover"))) {
             this.hide();
           }
           this._adapter.off("portalInserted", checkTriggerIsHover);

package/lib/es/tree/treeUtil.d.ts

@@ -83,6 +83,6 @@ export declare function getValueOrKey(data: any, keyMaps?: KeyMapProps): any;
 export declare function normalizeValue(value: any, withObject: boolean, keyMaps?: KeyMapProps): any;
 export declare function updateKeys(keySet: Set<string> | string[], keyEntities: KeyEntities): string[];
 export declare function calcDisabledKeys(keyEntities: KeyEntities, keyMaps?: KeyMapProps): Set<string>;
-export declare function calcDropRelativePosition(event: any, treeNode: any): 0 | 1 | -1;
+export declare function calcDropRelativePosition(event: any, treeNode: any): 1 | -1 | 0;
 export declare function getDragNodesKeys(key: string, keyEntities: KeyEntities): string[];
 export declare function calcDropActualPosition(pos: string, relativeDropPos: any): any;

package/lib/es/upload/constants.d.ts

@@ -18,7 +18,7 @@ declare const strings: {
     DRAG_AREA_ILLEGAL: string;
     TRIGGER_AUTO: "auto";
     TRIGGER_CUSTOM: "custom";
-    UPLOAD_TRIGGER: ("custom" | "auto")[];
+    UPLOAD_TRIGGER: ("auto" | "custom")[];
     VALIDATE_STATUS: readonly ["default", "error", "warning", "success"];
     PROMPT_POSITION: readonly ["left", "right", "bottom"];
 };

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

@@ -80,6 +80,7 @@ export interface UploadAdapter<P = Record<string, any>, S = Record<string, any>>
     notifyPastingError: (error: Error | PermissionStatus) => void;
 }
 declare class UploadFoundation<P = Record<string, any>, S = Record<string, any>> extends BaseFoundation<UploadAdapter<P, S>, P, S> {
+    destroyState: boolean;
     constructor(adapter: UploadAdapter<P, S>);
     init(): void;
     destroy(): void;

package/lib/es/upload/foundation.js

@@ -43,6 +43,7 @@ const {
 class UploadFoundation extends BaseFoundation {
   constructor(adapter) {
     super(Object.assign({}, adapter));
+    this.destroyState = false;
   }
   init() {
     const {
@@ -62,6 +63,7 @@ class UploadFoundation extends BaseFoundation {
     if (!disabled) {
       this.unbindPastingHandler();
     }
+    this.destroyState = true;
   }
   getError(_ref) {
     let {
@@ -570,22 +572,36 @@ class UploadFoundation extends BaseFoundation {
       xhr.withCredentials = true;
     }
     if (xhr.upload) {
-      xhr.upload.onprogress = e => this.handleProgress({
-        e,
-        fileInstance
-      });
+      xhr.upload.onprogress = e => {
+        if (!this.destroyState) {
+          this.handleProgress({
+            e,
+            fileInstance
+          });
+        } else {
+          xhr.abort();
+        }
+      };
     }
     // Callback function after upload is completed
-    xhr.onload = e => this.handleOnLoad({
-      e,
-      xhr,
-      fileInstance
-    });
-    xhr.onerror = e => this.handleError({
-      e,
-      xhr,
-      fileInstance
-    });
+    xhr.onload = e => {
+      if (!this.destroyState) {
+        this.handleOnLoad({
+          e,
+          xhr,
+          fileInstance
+        });
+      }
+    };
+    xhr.onerror = e => {
+      if (!this.destroyState) {
+        this.handleError({
+          e,
+          xhr,
+          fileInstance
+        });
+      }
+    };
     // add headers
     let headers = option.headers || {};
     if (typeof headers === 'function') {

package/package.json

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

package/slider/foundation.ts

@@ -686,7 +686,16 @@ export default class SliderFoundation extends BaseFoundation<SliderAdapter> {
         }
     }
 
+    _noTooltip = () => {
+        const { tipFormatter, tooltipVisible } = this.getProps();
+        return tipFormatter === null || tooltipVisible === false;
+    }
+
     onFocus = (e: any, handler: 'min'| 'max') => {
+        const noTooltip = this._noTooltip();
+        if (noTooltip) {
+            return;
+        }
         handlePrevent(e);
         const { target } = e;
         try {
@@ -703,6 +712,10 @@ export default class SliderFoundation extends BaseFoundation<SliderAdapter> {
     }
 
     onBlur = (e: any, handler: 'min'| 'max') => {
+        const noTooltip = this._noTooltip();
+        if (noTooltip) {
+            return;
+        }
         const { firstDotFocusVisible, secondDotFocusVisible } = this.getStates();
         if (handler === 'min') {
             firstDotFocusVisible && this._adapter.setStateVal('firstDotFocusVisible', false);

package/tabs/constants.ts

@@ -6,7 +6,6 @@ const cssClasses = {
     TABS_BAR_LINE: `${BASE_CLASS_PREFIX}-tabs-bar-line`,
     TABS_BAR_CARD: `${BASE_CLASS_PREFIX}-tabs-bar-card`,
     TABS_BAR_BUTTON: `${BASE_CLASS_PREFIX}-tabs-bar-button`,
-    TABS_BAR_SLASH: `${BASE_CLASS_PREFIX}-tabs-bar-slash`,
     TABS_BAR_EXTRA: `${BASE_CLASS_PREFIX}-tabs-bar-extra`,
     TABS_TAB: `${BASE_CLASS_PREFIX}-tabs-tab`,
     TABS_TAB_ACTIVE: `${BASE_CLASS_PREFIX}-tabs-tab-active`,
@@ -30,7 +29,7 @@ const numbers = {
 };
 
 const strings = {
-    TYPE_MAP: ['line', 'card', 'button', 'slash'],
+    TYPE_MAP: ['line', 'card', 'button'],
     SIZE: ['small', 'medium', 'large'],
     POSITION_MAP: ['top', 'left']
 };