@douyinfe/semi-foundation 2.71.1-alpha → 2.71.2

package/button/iconButton.scss

@@ -35,6 +35,8 @@ $module: #{$prefix}-button;
         padding-right: $spacing-button_iconOnly_default-paddingRight;
         padding-top: $spacing-button_iconOnly_default-paddingTop;
         padding-bottom: $spacing-button_iconOnly_default-paddingRight;
+        height: $height-button_iconOnly_default;
+        width: $width-button_iconOnly_default;
         justify-content: center;
         align-items: center;
 
@@ -45,6 +47,8 @@ $module: #{$prefix}-button;
                 padding-right: $spacing-button_iconOnly_small-paddingRight;
                 padding-top: $spacing-button_iconOnly_small-paddingTop;
                 padding-bottom: $spacing-button_iconOnly_small-paddingBottom;
+                height: $height-button_iconOnly_small;
+                width: $width-button_iconOnly_small;
             }
 
             &-large {
@@ -52,6 +56,8 @@ $module: #{$prefix}-button;
                 padding-right: $spacing-button_iconOnly_large-paddingRight;
                 padding-top: $spacing-button_iconOnly_large-paddingTop;
                 padding-bottom: $spacing-button_iconOnly_large-paddingBottom;
+                height: $height-button_iconOnly_large;
+                width: $width-button_iconOnly_large;
             }
         }
     }

package/button/variables.scss

@@ -154,6 +154,12 @@ $spacing-button_iconOnly_small-paddingLeft: $spacing-extra-tight; // 图标按
 $spacing-button_iconOnly_small-paddingRight: $spacing-extra-tight; // 图标按钮右侧内边距 - 小尺寸
 $spacing-button_iconOnly_small-paddingTop: $spacing-extra-tight; // 图标按钮顶部内边距 - 小尺寸
 $spacing-button_iconOnly_small-paddingBottom: $spacing-extra-tight; // 图标按钮底部内边距 - 小尺寸
+$height-button_iconOnly_small: $height-control-small; // 图标按钮 height - 小尺寸
+$width-button_iconOnly_small: $height-control-small; // 图标按钮 width - 小尺寸
+$height-button_iconOnly_default:$height-control-default;  // 图标按钮 height - 默认
+$width-button_iconOnly_default: $height-control-default; // 图标按钮 width - 默认
+$height-button_iconOnly_large: $height-control-large; // 图标按钮 height - 大尺寸
+$width-button_iconOnly_large: $height-control-large; // 图标按钮 width - 大尺寸
 
 // margin
 $spacing-button_iconOnly_content-marginLeft: $spacing-tight; // 按钮左侧图标距离文字间距

package/image/image.scss

@@ -204,6 +204,12 @@ $module: #{$prefix}-image;
             // transition: transform $transition_duration-image_preview_image_img  $transition_delay-image_preview_image_img;
             z-index: 0;
             user-select: none;
+            /**
+             * In tailwind, the max-width of img/video is set to 100%, 
+             * which will affect the amplification effect of the picture.
+             * So we need to set max-width to none.
+            */
+            max-width: none;
         }
 
         &-spin {

package/lib/cjs/button/iconButton.css

@@ -25,6 +25,8 @@
   padding-right: 8px;
   padding-top: 8px;
   padding-bottom: 8px;
+  height: 32px;
+  width: 32px;
   justify-content: center;
   align-items: center;
 }
@@ -33,12 +35,16 @@
   padding-right: 4px;
   padding-top: 4px;
   padding-bottom: 4px;
+  height: 24px;
+  width: 24px;
 }
 .semi-button.semi-button-with-icon-only.semi-button-size-large {
   padding-left: 12px;
   padding-right: 12px;
   padding-top: 12px;
   padding-bottom: 12px;
+  height: 40px;
+  width: 40px;
 }
 .semi-button-content-left {
   margin-right: 8px;

package/lib/cjs/button/iconButton.scss

@@ -35,6 +35,8 @@ $module: #{$prefix}-button;
         padding-right: $spacing-button_iconOnly_default-paddingRight;
         padding-top: $spacing-button_iconOnly_default-paddingTop;
         padding-bottom: $spacing-button_iconOnly_default-paddingRight;
+        height: $height-button_iconOnly_default;
+        width: $width-button_iconOnly_default;
         justify-content: center;
         align-items: center;
 
@@ -45,6 +47,8 @@ $module: #{$prefix}-button;
                 padding-right: $spacing-button_iconOnly_small-paddingRight;
                 padding-top: $spacing-button_iconOnly_small-paddingTop;
                 padding-bottom: $spacing-button_iconOnly_small-paddingBottom;
+                height: $height-button_iconOnly_small;
+                width: $width-button_iconOnly_small;
             }
 
             &-large {
@@ -52,6 +56,8 @@ $module: #{$prefix}-button;
                 padding-right: $spacing-button_iconOnly_large-paddingRight;
                 padding-top: $spacing-button_iconOnly_large-paddingTop;
                 padding-bottom: $spacing-button_iconOnly_large-paddingBottom;
+                height: $height-button_iconOnly_large;
+                width: $width-button_iconOnly_large;
             }
         }
     }

package/lib/cjs/button/variables.scss

@@ -154,6 +154,12 @@ $spacing-button_iconOnly_small-paddingLeft: $spacing-extra-tight; // 图标按
 $spacing-button_iconOnly_small-paddingRight: $spacing-extra-tight; // 图标按钮右侧内边距 - 小尺寸
 $spacing-button_iconOnly_small-paddingTop: $spacing-extra-tight; // 图标按钮顶部内边距 - 小尺寸
 $spacing-button_iconOnly_small-paddingBottom: $spacing-extra-tight; // 图标按钮底部内边距 - 小尺寸
+$height-button_iconOnly_small: $height-control-small; // 图标按钮 height - 小尺寸
+$width-button_iconOnly_small: $height-control-small; // 图标按钮 width - 小尺寸
+$height-button_iconOnly_default:$height-control-default;  // 图标按钮 height - 默认
+$width-button_iconOnly_default: $height-control-default; // 图标按钮 width - 默认
+$height-button_iconOnly_large: $height-control-large; // 图标按钮 height - 大尺寸
+$width-button_iconOnly_large: $height-control-large; // 图标按钮 width - 大尺寸
 
 // margin
 $spacing-button_iconOnly_content-marginLeft: $spacing-tight; // 按钮左侧图标距离文字间距

package/lib/cjs/image/image.css

@@ -177,6 +177,12 @@
   transform: scale3d(1, 1, 1) var(--semi-transform-rotate-none);
   z-index: 0;
   user-select: none;
+  /**
+   * In tailwind, the max-width of img/video is set to 100%, 
+   * which will affect the amplification effect of the picture.
+   * So we need to set max-width to none.
+  */
+  max-width: none;
 }
 .semi-image-preview-image-spin {
   position: absolute;

package/lib/cjs/image/image.scss

@@ -204,6 +204,12 @@ $module: #{$prefix}-image;
             // transition: transform $transition_duration-image_preview_image_img  $transition_delay-image_preview_image_img;
             z-index: 0;
             user-select: none;
+            /**
+             * In tailwind, the max-width of img/video is set to 100%, 
+             * which will affect the amplification effect of the picture.
+             * So we need to set max-width to none.
+            */
+            max-width: none;
         }
 
         &-spin {

package/lib/cjs/overflowList/constants.d.ts

@@ -2,7 +2,7 @@ declare const cssClasses: {
     PREFIX: string;
 };
 declare const strings: {
-    BOUNDARY_SET: ("start" | "end")[];
+    BOUNDARY_SET: ("end" | "start")[];
     POSITION_SET: string[];
     MODE_SET: string[];
     MODE_MAP: {

package/lib/cjs/tooltip/foundation.js

@@ -416,7 +416,8 @@ class Tooltip extends _foundation.default {
   }
   _togglePortalVisible(isVisible) {
     const nowVisible = this.getState('visible');
-    if (nowVisible !== isVisible) {
+    const isInsert = this.getState("isInsert");
+    if (nowVisible !== isVisible || isInsert !== isVisible) {
       this._adapter.togglePortalVisible(isVisible, () => {
         if (isVisible) {
           this._adapter.setInitialFocus();

package/lib/cjs/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/button/iconButton.css

@@ -25,6 +25,8 @@
   padding-right: 8px;
   padding-top: 8px;
   padding-bottom: 8px;
+  height: 32px;
+  width: 32px;
   justify-content: center;
   align-items: center;
 }
@@ -33,12 +35,16 @@
   padding-right: 4px;
   padding-top: 4px;
   padding-bottom: 4px;
+  height: 24px;
+  width: 24px;
 }
 .semi-button.semi-button-with-icon-only.semi-button-size-large {
   padding-left: 12px;
   padding-right: 12px;
   padding-top: 12px;
   padding-bottom: 12px;
+  height: 40px;
+  width: 40px;
 }
 .semi-button-content-left {
   margin-right: 8px;

package/lib/es/button/iconButton.scss

@@ -35,6 +35,8 @@ $module: #{$prefix}-button;
         padding-right: $spacing-button_iconOnly_default-paddingRight;
         padding-top: $spacing-button_iconOnly_default-paddingTop;
         padding-bottom: $spacing-button_iconOnly_default-paddingRight;
+        height: $height-button_iconOnly_default;
+        width: $width-button_iconOnly_default;
         justify-content: center;
         align-items: center;
 
@@ -45,6 +47,8 @@ $module: #{$prefix}-button;
                 padding-right: $spacing-button_iconOnly_small-paddingRight;
                 padding-top: $spacing-button_iconOnly_small-paddingTop;
                 padding-bottom: $spacing-button_iconOnly_small-paddingBottom;
+                height: $height-button_iconOnly_small;
+                width: $width-button_iconOnly_small;
             }
 
             &-large {
@@ -52,6 +56,8 @@ $module: #{$prefix}-button;
                 padding-right: $spacing-button_iconOnly_large-paddingRight;
                 padding-top: $spacing-button_iconOnly_large-paddingTop;
                 padding-bottom: $spacing-button_iconOnly_large-paddingBottom;
+                height: $height-button_iconOnly_large;
+                width: $width-button_iconOnly_large;
             }
         }
     }

package/lib/es/button/variables.scss

@@ -154,6 +154,12 @@ $spacing-button_iconOnly_small-paddingLeft: $spacing-extra-tight; // 图标按
 $spacing-button_iconOnly_small-paddingRight: $spacing-extra-tight; // 图标按钮右侧内边距 - 小尺寸
 $spacing-button_iconOnly_small-paddingTop: $spacing-extra-tight; // 图标按钮顶部内边距 - 小尺寸
 $spacing-button_iconOnly_small-paddingBottom: $spacing-extra-tight; // 图标按钮底部内边距 - 小尺寸
+$height-button_iconOnly_small: $height-control-small; // 图标按钮 height - 小尺寸
+$width-button_iconOnly_small: $height-control-small; // 图标按钮 width - 小尺寸
+$height-button_iconOnly_default:$height-control-default;  // 图标按钮 height - 默认
+$width-button_iconOnly_default: $height-control-default; // 图标按钮 width - 默认
+$height-button_iconOnly_large: $height-control-large; // 图标按钮 height - 大尺寸
+$width-button_iconOnly_large: $height-control-large; // 图标按钮 width - 大尺寸
 
 // margin
 $spacing-button_iconOnly_content-marginLeft: $spacing-tight; // 按钮左侧图标距离文字间距

package/lib/es/image/image.css

@@ -177,6 +177,12 @@
   transform: scale3d(1, 1, 1) var(--semi-transform-rotate-none);
   z-index: 0;
   user-select: none;
+  /**
+   * In tailwind, the max-width of img/video is set to 100%, 
+   * which will affect the amplification effect of the picture.
+   * So we need to set max-width to none.
+  */
+  max-width: none;
 }
 .semi-image-preview-image-spin {
   position: absolute;

package/lib/es/image/image.scss

@@ -204,6 +204,12 @@ $module: #{$prefix}-image;
             // transition: transform $transition_duration-image_preview_image_img  $transition_delay-image_preview_image_img;
             z-index: 0;
             user-select: none;
+            /**
+             * In tailwind, the max-width of img/video is set to 100%, 
+             * which will affect the amplification effect of the picture.
+             * So we need to set max-width to none.
+            */
+            max-width: none;
         }
 
         &-spin {

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

@@ -2,7 +2,7 @@ declare const cssClasses: {
     PREFIX: string;
 };
 declare const strings: {
-    BOUNDARY_SET: ("start" | "end")[];
+    BOUNDARY_SET: ("end" | "start")[];
     POSITION_SET: string[];
     MODE_SET: string[];
     MODE_MAP: {

package/lib/es/tooltip/foundation.js

@@ -409,7 +409,8 @@ export default class Tooltip extends BaseFoundation {
   }
   _togglePortalVisible(isVisible) {
     const nowVisible = this.getState('visible');
-    if (nowVisible !== isVisible) {
+    const isInsert = this.getState("isInsert");
+    if (nowVisible !== isVisible || isInsert !== isVisible) {
       this._adapter.togglePortalVisible(isVisible, () => {
         if (isVisible) {
           this._adapter.setInitialFocus();

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/package.json

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

package/tooltip/foundation.ts

@@ -383,7 +383,8 @@ export default class Tooltip<P = Record<string, any>, S = Record<string, any>> e
 
     _togglePortalVisible(isVisible: boolean) {
         const nowVisible = this.getState('visible');
-        if (nowVisible !== isVisible) {
+        const isInsert = this.getState("isInsert");
+        if (nowVisible !== isVisible || isInsert !== isVisible) {
             this._adapter.togglePortalVisible(isVisible, () => {
                 if (isVisible) {
                     this._adapter.setInitialFocus();