@douyinfe/semi-foundation 2.43.2 → 2.44.0

package/cascader/cascader.scss

@@ -395,6 +395,7 @@ $module: #{$prefix}-cascader;
         padding-right: $spacing-cascader_option-paddingRight;
     }
 
+
     .#{$module}-option-list {
         box-sizing: border-box;
         display: inline-block;

package/cascader/foundation.ts

@@ -28,6 +28,12 @@ export interface BasicData {
     pathData?: BasicCascaderData[]
 }
 
+export interface Virtualize {
+    itemSize: number;
+    height?: number | string;
+    width?: number | string
+}
+
 export interface BasicEntities {
     [idx: string]: BasicEntity
 }
@@ -157,6 +163,7 @@ export interface BasicCascaderProps {
     leafOnly?: boolean;
     enableLeafClick?: boolean;
     preventScroll?: boolean;
+    virtualizeInSearch?: Virtualize;
     onClear?: () => void;
     triggerRender?: (props: BasicTriggerRenderProps) => any;
     onListScroll?: (e: any, panel: BasicScrollPanelProps) => void;

package/image/image.scss

@@ -11,7 +11,7 @@ $module: #{$prefix}-image;
     overflow: hidden;
 
     &-img {
-        vertical-align: middle;
+        vertical-align: top;
         border-radius: inherit;
         user-select: none;
 

package/lib/cjs/cascader/cascader.scss

@@ -395,6 +395,7 @@ $module: #{$prefix}-cascader;
         padding-right: $spacing-cascader_option-paddingRight;
     }
 
+
     .#{$module}-option-list {
         box-sizing: border-box;
         display: inline-block;

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

@@ -6,6 +6,11 @@ export interface BasicData {
     searchText: any[];
     pathData?: BasicCascaderData[];
 }
+export interface Virtualize {
+    itemSize: number;
+    height?: number | string;
+    width?: number | string;
+}
 export interface BasicEntities {
     [idx: string]: BasicEntity;
 }
@@ -105,6 +110,7 @@ export interface BasicCascaderProps {
     leafOnly?: boolean;
     enableLeafClick?: boolean;
     preventScroll?: boolean;
+    virtualizeInSearch?: Virtualize;
     onClear?: () => void;
     triggerRender?: (props: BasicTriggerRenderProps) => any;
     onListScroll?: (e: any, panel: BasicScrollPanelProps) => void;

package/lib/cjs/image/image.css

@@ -8,7 +8,7 @@
   overflow: hidden;
 }
 .semi-image-img {
-  vertical-align: middle;
+  vertical-align: top;
   border-radius: inherit;
   user-select: none;
 }

package/lib/cjs/image/image.scss

@@ -11,7 +11,7 @@ $module: #{$prefix}-image;
     overflow: hidden;
 
     &-img {
-        vertical-align: middle;
+        vertical-align: top;
         border-radius: inherit;
         user-select: none;
 

package/lib/cjs/modal/variables.scss

@@ -34,7 +34,7 @@ $spacing-modal_header-paddingX: 0;
 $spacing-modal_body_wrapper-marginY: 24px;
 $spacing-modal_body_wrapper-marginX: 0;
 $spacing-modal_body-margin: 0; // 模态框 body 外边距
-$spacing-modal_body-padding: 0; // 模态框 footer 垂直外边距
+$spacing-modal_body-padding: 0; // 模态框 内容外Padding
 $spacing-modal_footer-marginY: 24px; // 模态框 footer 垂直外边距
 $spacing-modal_footer-marginX: 0; // 模态框 footer 水平外边距
 $spacing-modal_footer-paddingY:0;

package/lib/cjs/steps/bacisSteps.scss

@@ -167,12 +167,15 @@ $basicType: #{$module}-basic;
         vertical-align: top;
         overflow: hidden;
         flex: 1;
-        cursor: pointer;
         transition: color $transition_duration-steps_item_title-text $transition_function-steps_item_title-text $transition_delay-steps_item_title-text, //step文字color的transition变化
         background-color $transition_duration-steps_item-backgroundColor $transition_function-steps_item_backgroundColor $transition_delay-steps_item_backgroundColor; //step backgroundColor 的transition变化
         
         transform:scale($transform_scale-step-item);
 
+        &-clickable {
+            cursor: pointer;
+        }
+
         &-hover:hover {
 
             .#{$item}-title {

package/lib/cjs/steps/fillSteps.scss

@@ -101,7 +101,7 @@ $module: #{$prefix}-steps;
                 }
             }
 
-            &:active {
+            &-active:active {
                 background-color: $color-steps-bg-active;
 
                 .#{$prefix}-icon,
@@ -127,7 +127,7 @@ $module: #{$prefix}-steps;
                 }
             }
 
-            &:active {
+            &-active:active {
                 background-color: $color-steps-bg-active;
 
                 .#{$prefix}-icon,
@@ -153,7 +153,7 @@ $module: #{$prefix}-steps;
                 }
             }
 
-            &:active {
+            &-active:active {
                 background-color: $color-steps-bg-active;
 
                 .#{$module}-item-title,
@@ -195,4 +195,4 @@ $module: #{$prefix}-steps;
             overflow: hidden;
         }
     }
-}
+}

package/lib/cjs/steps/steps.css

@@ -71,11 +71,11 @@
 .semi-steps .semi-steps-item-finish-hover:hover .semi-steps-item-title {
   color: var(--semi-color-success-hover);
 }
-.semi-steps .semi-steps-item-finish:active {
+.semi-steps .semi-steps-item-finish-active:active {
   background-color: var(--semi-color-fill-1);
 }
-.semi-steps .semi-steps-item-finish:active .semi-icon,
-.semi-steps .semi-steps-item-finish:active .semi-steps-item-title {
+.semi-steps .semi-steps-item-finish-active:active .semi-icon,
+.semi-steps .semi-steps-item-finish-active:active .semi-steps-item-title {
   color: var(--semi-color-success-active);
 }
 .semi-steps .semi-steps-item-error .semi-icon,
@@ -89,11 +89,11 @@
 .semi-steps .semi-steps-item-error-hover:hover .semi-steps-item-title {
   color: var(--semi-color-danger-hover);
 }
-.semi-steps .semi-steps-item-error:active {
+.semi-steps .semi-steps-item-error-active:active {
   background-color: var(--semi-color-fill-1);
 }
-.semi-steps .semi-steps-item-error:active .semi-icon,
-.semi-steps .semi-steps-item-error:active .semi-steps-item-title {
+.semi-steps .semi-steps-item-error-active:active .semi-icon,
+.semi-steps .semi-steps-item-error-active:active .semi-steps-item-title {
   color: var(--semi-color-danger-active);
 }
 .semi-steps .semi-steps-item-warning .semi-steps-item-title,
@@ -107,11 +107,11 @@
 .semi-steps .semi-steps-item-warning-hover:hover .semi-icon {
   color: var(--semi-color-warning-hover);
 }
-.semi-steps .semi-steps-item-warning:active {
+.semi-steps .semi-steps-item-warning-active:active {
   background-color: var(--semi-color-fill-1);
 }
-.semi-steps .semi-steps-item-warning:active .semi-steps-item-title,
-.semi-steps .semi-steps-item-warning:active .semi-icon {
+.semi-steps .semi-steps-item-warning-active:active .semi-steps-item-title,
+.semi-steps .semi-steps-item-warning-active:active .semi-icon {
   color: var(--semi-color-warning-active);
 }
 .semi-steps .semi-steps-item-clickable {
@@ -260,10 +260,12 @@
   vertical-align: top;
   overflow: hidden;
   flex: 1;
-  cursor: pointer;
   transition: color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none), background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
   transform: scale(var(--semi-transform_scale-small));
 }
+.semi-steps-basic .semi-steps-item-clickable {
+  cursor: pointer;
+}
 .semi-steps-basic .semi-steps-item-hover:hover .semi-steps-item-title {
   color: var(--semi-color-focus-border);
 }

package/lib/cjs/tag/tag.css

@@ -44,6 +44,14 @@
 .semi-tag-invisible {
   display: none;
 }
+.semi-tag-prefix-icon {
+  display: flex;
+  padding-right: 4px;
+}
+.semi-tag-suffix-icon {
+  display: flex;
+  padding-left: 4px;
+}
 .semi-tag-content {
   flex: 1;
 }

package/lib/cjs/tag/tag.scss

@@ -51,6 +51,16 @@ $types: "ghost", "solid", "light";
         display: none;
     }
 
+    &-prefix-icon {
+        display: flex;
+        padding-right: $spacing-tag_prefix_icon_paddingRight;
+    }
+
+    &-suffix-icon {
+        display: flex;
+        padding-left: $spacing-tag_suffix_icon_paddingLeft;
+    }
+
     &-content {
         flex: 1;
 

package/lib/cjs/tag/variables.scss

@@ -25,6 +25,9 @@ $radius-tag_circle: var(--semi-border-radius-full); // 胶囊标签圆角大小
 $spacing-tag_small-paddingY: 2px; // 小尺寸标签垂直方向内边距
 $spacing-tag_small-paddingX: $spacing-tight; // 小尺寸标签水平方向内边距
 
+$spacing-tag_prefix_icon_paddingRight: $spacing-extra-tight; // 后缀图标右侧边距 
+$spacing-tag_suffix_icon_paddingLeft: $spacing-extra-tight; // 后缀图标左侧边距
+
 $spacing-tag_large-paddingY: 4px; // 大尺寸标签垂直方向内边距
 $spacing-tag_large-paddingX: $spacing-tight; // 大尺寸标签水平方向内边距
 

package/lib/cjs/tooltip/foundation.js

@@ -670,8 +670,7 @@ class Tooltip extends _foundation.default {
      * 基于视口和容器一起判断，以下几种情况允许从原方向转到反方向，以判断是否应该由top->bottom为例子
      *
      * 1. 视口上下空间不足 且 容器上空间❌下空间✅
-     * 2. 视口上空间❌下空间✅ 且 容器上下空间不足
-     * 3. 视口上空间❌下空间✅ 且 容器上空间❌下空间✅
+     * 2. 视口上空间❌下空间✅
      *
      * Based on the judgment of the viewport and the container, the following situations are allowed to turn from the original direction to the opposite direction
      * to judge whether it should be top->bottom as an example
@@ -679,7 +678,7 @@ class Tooltip extends _foundation.default {
      * 2. The space above the viewport ❌ the space below ✅ and the space above and below the container is insufficient
      * 3. Viewport upper space ❌ lower space✅ and container upper space ❌ lower space✅
      */
-    return viewOverFlow && shouldReverseContainer || shouldReverseView && containerOverFlow || shouldReverseView && shouldReverseContainer;
+    return viewOverFlow && shouldReverseContainer || shouldReverseView;
   }
   // place the dom correctly
   adjustPosIfNeed(position, style, triggerRect, wrapperRect, containerRect) {

package/lib/es/cascader/cascader.scss

@@ -395,6 +395,7 @@ $module: #{$prefix}-cascader;
         padding-right: $spacing-cascader_option-paddingRight;
     }
 
+
     .#{$module}-option-list {
         box-sizing: border-box;
         display: inline-block;

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

@@ -6,6 +6,11 @@ export interface BasicData {
     searchText: any[];
     pathData?: BasicCascaderData[];
 }
+export interface Virtualize {
+    itemSize: number;
+    height?: number | string;
+    width?: number | string;
+}
 export interface BasicEntities {
     [idx: string]: BasicEntity;
 }
@@ -105,6 +110,7 @@ export interface BasicCascaderProps {
     leafOnly?: boolean;
     enableLeafClick?: boolean;
     preventScroll?: boolean;
+    virtualizeInSearch?: Virtualize;
     onClear?: () => void;
     triggerRender?: (props: BasicTriggerRenderProps) => any;
     onListScroll?: (e: any, panel: BasicScrollPanelProps) => void;

package/lib/es/image/image.css

@@ -8,7 +8,7 @@
   overflow: hidden;
 }
 .semi-image-img {
-  vertical-align: middle;
+  vertical-align: top;
   border-radius: inherit;
   user-select: none;
 }

package/lib/es/image/image.scss

@@ -11,7 +11,7 @@ $module: #{$prefix}-image;
     overflow: hidden;
 
     &-img {
-        vertical-align: middle;
+        vertical-align: top;
         border-radius: inherit;
         user-select: none;
 

package/lib/es/modal/variables.scss

@@ -34,7 +34,7 @@ $spacing-modal_header-paddingX: 0;
 $spacing-modal_body_wrapper-marginY: 24px;
 $spacing-modal_body_wrapper-marginX: 0;
 $spacing-modal_body-margin: 0; // 模态框 body 外边距
-$spacing-modal_body-padding: 0; // 模态框 footer 垂直外边距
+$spacing-modal_body-padding: 0; // 模态框 内容外Padding
 $spacing-modal_footer-marginY: 24px; // 模态框 footer 垂直外边距
 $spacing-modal_footer-marginX: 0; // 模态框 footer 水平外边距
 $spacing-modal_footer-paddingY:0;

package/lib/es/steps/bacisSteps.scss

@@ -167,12 +167,15 @@ $basicType: #{$module}-basic;
         vertical-align: top;
         overflow: hidden;
         flex: 1;
-        cursor: pointer;
         transition: color $transition_duration-steps_item_title-text $transition_function-steps_item_title-text $transition_delay-steps_item_title-text, //step文字color的transition变化
         background-color $transition_duration-steps_item-backgroundColor $transition_function-steps_item_backgroundColor $transition_delay-steps_item_backgroundColor; //step backgroundColor 的transition变化
         
         transform:scale($transform_scale-step-item);
 
+        &-clickable {
+            cursor: pointer;
+        }
+
         &-hover:hover {
 
             .#{$item}-title {

package/lib/es/steps/fillSteps.scss

@@ -101,7 +101,7 @@ $module: #{$prefix}-steps;
                 }
             }
 
-            &:active {
+            &-active:active {
                 background-color: $color-steps-bg-active;
 
                 .#{$prefix}-icon,
@@ -127,7 +127,7 @@ $module: #{$prefix}-steps;
                 }
             }
 
-            &:active {
+            &-active:active {
                 background-color: $color-steps-bg-active;
 
                 .#{$prefix}-icon,
@@ -153,7 +153,7 @@ $module: #{$prefix}-steps;
                 }
             }
 
-            &:active {
+            &-active:active {
                 background-color: $color-steps-bg-active;
 
                 .#{$module}-item-title,
@@ -195,4 +195,4 @@ $module: #{$prefix}-steps;
             overflow: hidden;
         }
     }
-}
+}

package/lib/es/steps/steps.css

@@ -71,11 +71,11 @@
 .semi-steps .semi-steps-item-finish-hover:hover .semi-steps-item-title {
   color: var(--semi-color-success-hover);
 }
-.semi-steps .semi-steps-item-finish:active {
+.semi-steps .semi-steps-item-finish-active:active {
   background-color: var(--semi-color-fill-1);
 }
-.semi-steps .semi-steps-item-finish:active .semi-icon,
-.semi-steps .semi-steps-item-finish:active .semi-steps-item-title {
+.semi-steps .semi-steps-item-finish-active:active .semi-icon,
+.semi-steps .semi-steps-item-finish-active:active .semi-steps-item-title {
   color: var(--semi-color-success-active);
 }
 .semi-steps .semi-steps-item-error .semi-icon,
@@ -89,11 +89,11 @@
 .semi-steps .semi-steps-item-error-hover:hover .semi-steps-item-title {
   color: var(--semi-color-danger-hover);
 }
-.semi-steps .semi-steps-item-error:active {
+.semi-steps .semi-steps-item-error-active:active {
   background-color: var(--semi-color-fill-1);
 }
-.semi-steps .semi-steps-item-error:active .semi-icon,
-.semi-steps .semi-steps-item-error:active .semi-steps-item-title {
+.semi-steps .semi-steps-item-error-active:active .semi-icon,
+.semi-steps .semi-steps-item-error-active:active .semi-steps-item-title {
   color: var(--semi-color-danger-active);
 }
 .semi-steps .semi-steps-item-warning .semi-steps-item-title,
@@ -107,11 +107,11 @@
 .semi-steps .semi-steps-item-warning-hover:hover .semi-icon {
   color: var(--semi-color-warning-hover);
 }
-.semi-steps .semi-steps-item-warning:active {
+.semi-steps .semi-steps-item-warning-active:active {
   background-color: var(--semi-color-fill-1);
 }
-.semi-steps .semi-steps-item-warning:active .semi-steps-item-title,
-.semi-steps .semi-steps-item-warning:active .semi-icon {
+.semi-steps .semi-steps-item-warning-active:active .semi-steps-item-title,
+.semi-steps .semi-steps-item-warning-active:active .semi-icon {
   color: var(--semi-color-warning-active);
 }
 .semi-steps .semi-steps-item-clickable {
@@ -260,10 +260,12 @@
   vertical-align: top;
   overflow: hidden;
   flex: 1;
-  cursor: pointer;
   transition: color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none), background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
   transform: scale(var(--semi-transform_scale-small));
 }
+.semi-steps-basic .semi-steps-item-clickable {
+  cursor: pointer;
+}
 .semi-steps-basic .semi-steps-item-hover:hover .semi-steps-item-title {
   color: var(--semi-color-focus-border);
 }

package/lib/es/tag/tag.css

@@ -44,6 +44,14 @@
 .semi-tag-invisible {
   display: none;
 }
+.semi-tag-prefix-icon {
+  display: flex;
+  padding-right: 4px;
+}
+.semi-tag-suffix-icon {
+  display: flex;
+  padding-left: 4px;
+}
 .semi-tag-content {
   flex: 1;
 }

package/lib/es/tag/tag.scss

@@ -51,6 +51,16 @@ $types: "ghost", "solid", "light";
         display: none;
     }
 
+    &-prefix-icon {
+        display: flex;
+        padding-right: $spacing-tag_prefix_icon_paddingRight;
+    }
+
+    &-suffix-icon {
+        display: flex;
+        padding-left: $spacing-tag_suffix_icon_paddingLeft;
+    }
+
     &-content {
         flex: 1;
 

package/lib/es/tag/variables.scss

@@ -25,6 +25,9 @@ $radius-tag_circle: var(--semi-border-radius-full); // 胶囊标签圆角大小
 $spacing-tag_small-paddingY: 2px; // 小尺寸标签垂直方向内边距
 $spacing-tag_small-paddingX: $spacing-tight; // 小尺寸标签水平方向内边距
 
+$spacing-tag_prefix_icon_paddingRight: $spacing-extra-tight; // 后缀图标右侧边距 
+$spacing-tag_suffix_icon_paddingLeft: $spacing-extra-tight; // 后缀图标左侧边距
+
 $spacing-tag_large-paddingY: 4px; // 大尺寸标签垂直方向内边距
 $spacing-tag_large-paddingX: $spacing-tight; // 大尺寸标签水平方向内边距
 

package/lib/es/tooltip/foundation.js

@@ -663,8 +663,7 @@ export default class Tooltip extends BaseFoundation {
      * 基于视口和容器一起判断，以下几种情况允许从原方向转到反方向，以判断是否应该由top->bottom为例子
      *
      * 1. 视口上下空间不足 且 容器上空间❌下空间✅
-     * 2. 视口上空间❌下空间✅ 且 容器上下空间不足
-     * 3. 视口上空间❌下空间✅ 且 容器上空间❌下空间✅
+     * 2. 视口上空间❌下空间✅
      *
      * Based on the judgment of the viewport and the container, the following situations are allowed to turn from the original direction to the opposite direction
      * to judge whether it should be top->bottom as an example
@@ -672,7 +671,7 @@ export default class Tooltip extends BaseFoundation {
      * 2. The space above the viewport ❌ the space below ✅ and the space above and below the container is insufficient
      * 3. Viewport upper space ❌ lower space✅ and container upper space ❌ lower space✅
      */
-    return viewOverFlow && shouldReverseContainer || shouldReverseView && containerOverFlow || shouldReverseView && shouldReverseContainer;
+    return viewOverFlow && shouldReverseContainer || shouldReverseView;
   }
   // place the dom correctly
   adjustPosIfNeed(position, style, triggerRect, wrapperRect, containerRect) {

package/modal/variables.scss

@@ -34,7 +34,7 @@ $spacing-modal_header-paddingX: 0;
 $spacing-modal_body_wrapper-marginY: 24px;
 $spacing-modal_body_wrapper-marginX: 0;
 $spacing-modal_body-margin: 0; // 模态框 body 外边距
-$spacing-modal_body-padding: 0; // 模态框 footer 垂直外边距
+$spacing-modal_body-padding: 0; // 模态框 内容外Padding
 $spacing-modal_footer-marginY: 24px; // 模态框 footer 垂直外边距
 $spacing-modal_footer-marginX: 0; // 模态框 footer 水平外边距
 $spacing-modal_footer-paddingY:0;

package/package.json

@@ -1,13 +1,13 @@
 {
     "name": "@douyinfe/semi-foundation",
-    "version": "2.43.2",
+    "version": "2.44.0",
     "description": "",
     "scripts": {
         "build:lib": "node ./scripts/compileLib.js",
         "prepublishOnly": "npm run build:lib"
     },
     "dependencies": {
-        "@douyinfe/semi-animation": "2.43.2",
+        "@douyinfe/semi-animation": "2.44.0",
         "async-validator": "^3.5.0",
         "classnames": "^2.2.6",
         "date-fns": "^2.29.3",
@@ -23,7 +23,7 @@
         "*.scss",
         "*.css"
     ],
-    "gitHead": "6c7218869ff6a0c83525f49845b7dc7a858f3705",
+    "gitHead": "d683a25e4dd9c5fb8dbb069d83ffd24998b14191",
     "devDependencies": {
         "@babel/plugin-transform-runtime": "^7.15.8",
         "@babel/preset-env": "^7.15.8",

package/steps/bacisSteps.scss

@@ -167,12 +167,15 @@ $basicType: #{$module}-basic;
         vertical-align: top;
         overflow: hidden;
         flex: 1;
-        cursor: pointer;
         transition: color $transition_duration-steps_item_title-text $transition_function-steps_item_title-text $transition_delay-steps_item_title-text, //step文字color的transition变化
         background-color $transition_duration-steps_item-backgroundColor $transition_function-steps_item_backgroundColor $transition_delay-steps_item_backgroundColor; //step backgroundColor 的transition变化
         
         transform:scale($transform_scale-step-item);
 
+        &-clickable {
+            cursor: pointer;
+        }
+
         &-hover:hover {
 
             .#{$item}-title {

package/steps/fillSteps.scss

@@ -101,7 +101,7 @@ $module: #{$prefix}-steps;
                 }
             }
 
-            &:active {
+            &-active:active {
                 background-color: $color-steps-bg-active;
 
                 .#{$prefix}-icon,
@@ -127,7 +127,7 @@ $module: #{$prefix}-steps;
                 }
             }
 
-            &:active {
+            &-active:active {
                 background-color: $color-steps-bg-active;
 
                 .#{$prefix}-icon,
@@ -153,7 +153,7 @@ $module: #{$prefix}-steps;
                 }
             }
 
-            &:active {
+            &-active:active {
                 background-color: $color-steps-bg-active;
 
                 .#{$module}-item-title,
@@ -195,4 +195,4 @@ $module: #{$prefix}-steps;
             overflow: hidden;
         }
     }
-}
+}

package/tag/tag.scss

@@ -51,6 +51,16 @@ $types: "ghost", "solid", "light";
         display: none;
     }
 
+    &-prefix-icon {
+        display: flex;
+        padding-right: $spacing-tag_prefix_icon_paddingRight;
+    }
+
+    &-suffix-icon {
+        display: flex;
+        padding-left: $spacing-tag_suffix_icon_paddingLeft;
+    }
+
     &-content {
         flex: 1;
 

package/tag/variables.scss

@@ -25,6 +25,9 @@ $radius-tag_circle: var(--semi-border-radius-full); // 胶囊标签圆角大小
 $spacing-tag_small-paddingY: 2px; // 小尺寸标签垂直方向内边距
 $spacing-tag_small-paddingX: $spacing-tight; // 小尺寸标签水平方向内边距
 
+$spacing-tag_prefix_icon_paddingRight: $spacing-extra-tight; // 后缀图标右侧边距 
+$spacing-tag_suffix_icon_paddingLeft: $spacing-extra-tight; // 后缀图标左侧边距
+
 $spacing-tag_large-paddingY: 4px; // 大尺寸标签垂直方向内边距
 $spacing-tag_large-paddingX: $spacing-tight; // 大尺寸标签水平方向内边距
 

package/tooltip/foundation.ts

@@ -709,8 +709,7 @@ export default class Tooltip<P = Record<string, any>, S = Record<string, any>> e
          * 基于视口和容器一起判断，以下几种情况允许从原方向转到反方向，以判断是否应该由top->bottom为例子
          *
          * 1. 视口上下空间不足 且 容器上空间❌下空间✅
-         * 2. 视口上空间❌下空间✅ 且 容器上下空间不足
-         * 3. 视口上空间❌下空间✅ 且 容器上空间❌下空间✅
+         * 2. 视口上空间❌下空间✅
          * 
          * Based on the judgment of the viewport and the container, the following situations are allowed to turn from the original direction to the opposite direction
          * to judge whether it should be top->bottom as an example
@@ -718,7 +717,7 @@ export default class Tooltip<P = Record<string, any>, S = Record<string, any>> e
          * 2. The space above the viewport ❌ the space below ✅ and the space above and below the container is insufficient
          * 3. Viewport upper space ❌ lower space✅ and container upper space ❌ lower space✅
          */
-        return (viewOverFlow && shouldReverseContainer) || (shouldReverseView && containerOverFlow) || (shouldReverseView && shouldReverseContainer);
+        return (viewOverFlow && shouldReverseContainer) || shouldReverseView ;
     }
 
     // place the dom correctly