@douyinfe/semi-foundation 2.23.0 → 2.23.1

package/lib/cjs/modal/modalFoundation.d.ts

@@ -10,7 +10,6 @@ export interface ModalAdapter extends DefaultAdapter<ModalProps, ModalState> {
     toggleDisplayNone: (displayNone: boolean, callback?: (displayNone: boolean) => void) => void;
     notifyFullScreen: (isFullScreen: boolean) => void;
     getProps: () => ModalProps;
-    setShouldRender: (shouldRender: boolean) => void;
 }
 export interface ModalProps {
     afterClose?: () => void;
@@ -56,7 +55,6 @@ export interface ModalProps {
 export interface ModalState {
     displayNone: boolean;
     isFullScreen: boolean;
-    shouldRender: boolean;
 }
 export default class ModalFoundation extends BaseFoundation<ModalAdapter> {
     constructor(adapter: ModalAdapter);
@@ -66,5 +64,4 @@ export default class ModalFoundation extends BaseFoundation<ModalAdapter> {
     beforeShow(): void;
     afterHide(): void;
     toggleDisplayNone: (displayNone: boolean, callback?: (displayNone: boolean) => void) => void;
-    setShouldRender: (shouldRender: any) => void;
 }

package/lib/cjs/modal/modalFoundation.js

@@ -18,10 +18,6 @@ class ModalFoundation extends _foundation.default {
     this.toggleDisplayNone = (displayNone, callback) => {
       this._adapter.toggleDisplayNone(displayNone, callback);
     };
-
-    this.setShouldRender = shouldRender => {
-      this._adapter.setShouldRender(shouldRender);
-    };
   }
 
   destroy() {

package/lib/cjs/sideSheet/sideSheetFoundation.d.ts

@@ -28,7 +28,6 @@ export interface SideSheetProps {
 }
 export interface SideSheetState {
     displayNone: boolean;
-    shouldRender: boolean;
 }
 export interface SideSheetAdapter extends DefaultAdapter<SideSheetProps, SideSheetState> {
     disabledBodyScroll: () => void;
@@ -38,7 +37,6 @@ export interface SideSheetAdapter extends DefaultAdapter<SideSheetProps, SideShe
     setOnKeyDownListener: () => void;
     removeKeyDownListener: () => void;
     toggleDisplayNone: (displayNone: boolean) => void;
-    setShouldRender: (shouldRender: boolean) => void;
 }
 export default class SideSheetFoundation extends BaseFoundation<SideSheetAdapter> {
     constructor(adapter: SideSheetAdapter);
@@ -52,7 +50,6 @@ export default class SideSheetFoundation extends BaseFoundation<SideSheetAdapter
     beforeShow(): void;
     afterHide(): void;
     handleKeyDown(e: any): void;
-    setShouldRender(shouldRender: boolean): void;
     onVisibleChange(visible: boolean): void;
     toggleDisplayNone: (displayNone: boolean) => void;
 }

package/lib/cjs/sideSheet/sideSheetFoundation.js

@@ -64,10 +64,6 @@ class SideSheetFoundation extends _foundation.default {
     }
   }
 
-  setShouldRender(shouldRender) {
-    this._adapter.setShouldRender(shouldRender);
-  }
-
   onVisibleChange(visible) {
     this._adapter.notifyVisibleChange(visible);
   }

package/lib/cjs/tagInput/tagInput.css

@@ -15,6 +15,9 @@
   display: flex;
   align-items: center;
 }
+.semi-tagInput-drag-item-move {
+  z-index: 2000;
+}
 .semi-tagInput-drag-handler {
   color: var(--semi-color-text-2);
   margin-right: 4px;

package/lib/cjs/tagInput/tagInput.scss

@@ -20,6 +20,10 @@ $module: #{$prefix}-tagInput;
         &-item {
             display: flex;
             align-items: center;
+
+            &-move {
+                z-index: $z-tagInput_drag_item_move;
+            }
         }
 
         &-handler {

package/lib/cjs/tagInput/variables.scss

@@ -47,3 +47,5 @@ $width-tagInput-border-hover: $width-tagInput-border-default; // 标签输入框
 $width-tagInput-border-focus: $border-thickness-control-focus; // 标签输入框描边宽度 - 选中态
 
 $radius-tagInput: var(--semi-border-radius-small); // 标签输入框圆角
+
+$z-tagInput_drag_item_move: 2000 !default; // 标签输入框中正在拖拽元素的z-index

package/lib/cjs/transfer/transfer.css

@@ -144,6 +144,9 @@
   margin-right: 4px;
   flex-shrink: 0;
 }
+.semi-transfer-right-item-drag-item-move {
+  z-index: 2000;
+}
 .semi-transfer-right-empty {
   position: absolute;
   height: 100%;

package/lib/cjs/transfer/transfer.scss

@@ -165,9 +165,15 @@ $module: #{$prefix}-transfer;
                 word-break: break-all;
             }
 
-            &-drag-handler {
-                margin-right: $spacing-transfer_right_item_drag_handler-marginRight;
-                flex-shrink: 0;
+            &-drag {
+                &-handler {
+                    margin-right: $spacing-transfer_right_item_drag_handler-marginRight;
+                    flex-shrink: 0;
+                }
+
+                &-item-move {
+                    z-index: $z-transfer_right_item_drag_item_move;
+                }            
             }
         }
 

package/lib/cjs/transfer/variables.scss

@@ -53,3 +53,5 @@ $radius-transfer: var(--semi-border-radius-medium); // 穿梭框圆角
 
 // Font
 $font-transfer_header_all-fontWeight: 600; // 穿梭框字重
+
+$z-transfer_right_item_drag_item_move: 2000 !default; // 穿梭框右侧面板中正在拖拽元素的z-index

package/lib/es/modal/modalFoundation.d.ts

@@ -10,7 +10,6 @@ export interface ModalAdapter extends DefaultAdapter<ModalProps, ModalState> {
     toggleDisplayNone: (displayNone: boolean, callback?: (displayNone: boolean) => void) => void;
     notifyFullScreen: (isFullScreen: boolean) => void;
     getProps: () => ModalProps;
-    setShouldRender: (shouldRender: boolean) => void;
 }
 export interface ModalProps {
     afterClose?: () => void;
@@ -56,7 +55,6 @@ export interface ModalProps {
 export interface ModalState {
     displayNone: boolean;
     isFullScreen: boolean;
-    shouldRender: boolean;
 }
 export default class ModalFoundation extends BaseFoundation<ModalAdapter> {
     constructor(adapter: ModalAdapter);
@@ -66,5 +64,4 @@ export default class ModalFoundation extends BaseFoundation<ModalAdapter> {
     beforeShow(): void;
     afterHide(): void;
     toggleDisplayNone: (displayNone: boolean, callback?: (displayNone: boolean) => void) => void;
-    setShouldRender: (shouldRender: any) => void;
 }

package/lib/es/modal/modalFoundation.js

@@ -8,10 +8,6 @@ export default class ModalFoundation extends BaseFoundation {
     this.toggleDisplayNone = (displayNone, callback) => {
       this._adapter.toggleDisplayNone(displayNone, callback);
     };
-
-    this.setShouldRender = shouldRender => {
-      this._adapter.setShouldRender(shouldRender);
-    };
   }
 
   destroy() {

package/lib/es/sideSheet/sideSheetFoundation.d.ts

@@ -28,7 +28,6 @@ export interface SideSheetProps {
 }
 export interface SideSheetState {
     displayNone: boolean;
-    shouldRender: boolean;
 }
 export interface SideSheetAdapter extends DefaultAdapter<SideSheetProps, SideSheetState> {
     disabledBodyScroll: () => void;
@@ -38,7 +37,6 @@ export interface SideSheetAdapter extends DefaultAdapter<SideSheetProps, SideShe
     setOnKeyDownListener: () => void;
     removeKeyDownListener: () => void;
     toggleDisplayNone: (displayNone: boolean) => void;
-    setShouldRender: (shouldRender: boolean) => void;
 }
 export default class SideSheetFoundation extends BaseFoundation<SideSheetAdapter> {
     constructor(adapter: SideSheetAdapter);
@@ -52,7 +50,6 @@ export default class SideSheetFoundation extends BaseFoundation<SideSheetAdapter
     beforeShow(): void;
     afterHide(): void;
     handleKeyDown(e: any): void;
-    setShouldRender(shouldRender: boolean): void;
     onVisibleChange(visible: boolean): void;
     toggleDisplayNone: (displayNone: boolean) => void;
 }

package/lib/es/sideSheet/sideSheetFoundation.js

@@ -52,10 +52,6 @@ export default class SideSheetFoundation extends BaseFoundation {
     }
   }
 
-  setShouldRender(shouldRender) {
-    this._adapter.setShouldRender(shouldRender);
-  }
-
   onVisibleChange(visible) {
     this._adapter.notifyVisibleChange(visible);
   }

package/lib/es/tagInput/tagInput.css

@@ -15,6 +15,9 @@
   display: flex;
   align-items: center;
 }
+.semi-tagInput-drag-item-move {
+  z-index: 2000;
+}
 .semi-tagInput-drag-handler {
   color: var(--semi-color-text-2);
   margin-right: 4px;

package/lib/es/tagInput/tagInput.scss

@@ -20,6 +20,10 @@ $module: #{$prefix}-tagInput;
         &-item {
             display: flex;
             align-items: center;
+
+            &-move {
+                z-index: $z-tagInput_drag_item_move;
+            }
         }
 
         &-handler {

package/lib/es/tagInput/variables.scss

@@ -47,3 +47,5 @@ $width-tagInput-border-hover: $width-tagInput-border-default; // 标签输入框
 $width-tagInput-border-focus: $border-thickness-control-focus; // 标签输入框描边宽度 - 选中态
 
 $radius-tagInput: var(--semi-border-radius-small); // 标签输入框圆角
+
+$z-tagInput_drag_item_move: 2000 !default; // 标签输入框中正在拖拽元素的z-index

package/lib/es/transfer/transfer.css

@@ -144,6 +144,9 @@
   margin-right: 4px;
   flex-shrink: 0;
 }
+.semi-transfer-right-item-drag-item-move {
+  z-index: 2000;
+}
 .semi-transfer-right-empty {
   position: absolute;
   height: 100%;

package/lib/es/transfer/transfer.scss

@@ -165,9 +165,15 @@ $module: #{$prefix}-transfer;
                 word-break: break-all;
             }
 
-            &-drag-handler {
-                margin-right: $spacing-transfer_right_item_drag_handler-marginRight;
-                flex-shrink: 0;
+            &-drag {
+                &-handler {
+                    margin-right: $spacing-transfer_right_item_drag_handler-marginRight;
+                    flex-shrink: 0;
+                }
+
+                &-item-move {
+                    z-index: $z-transfer_right_item_drag_item_move;
+                }            
             }
         }
 

package/lib/es/transfer/variables.scss

@@ -53,3 +53,5 @@ $radius-transfer: var(--semi-border-radius-medium); // 穿梭框圆角
 
 // Font
 $font-transfer_header_all-fontWeight: 600; // 穿梭框字重
+
+$z-transfer_right_item_drag_item_move: 2000 !default; // 穿梭框右侧面板中正在拖拽元素的z-index

package/modal/modalFoundation.ts

@@ -11,8 +11,7 @@ export interface ModalAdapter extends DefaultAdapter<ModalProps, ModalState> {
     notifyClose: () => void;
     toggleDisplayNone: (displayNone: boolean, callback?: (displayNone: boolean) => void) => void;
     notifyFullScreen: (isFullScreen: boolean) => void;
-    getProps: () => ModalProps;
-    setShouldRender:(shouldRender:boolean)=>void
+    getProps: () => ModalProps
 }
 
 export interface ModalProps {
@@ -59,8 +58,7 @@ export interface ModalProps {
 
 export interface ModalState {
     displayNone: boolean;
-    isFullScreen: boolean;
-    shouldRender:boolean
+    isFullScreen: boolean
 }
 
 export default class ModalFoundation extends BaseFoundation<ModalAdapter> {
@@ -101,9 +99,6 @@ export default class ModalFoundation extends BaseFoundation<ModalAdapter> {
         this._adapter.toggleDisplayNone(displayNone, callback);
     };
 
-    setShouldRender=(shouldRender)=>{
-        this._adapter.setShouldRender(shouldRender);
-    }
 
     // // eslint-disable-next-line max-len
     // mergeMotionProp = (motion: Motion, prop: string, cb: () => void) => {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@douyinfe/semi-foundation",
-    "version": "2.23.0",
+    "version": "2.23.1",
     "description": "",
     "scripts": {
         "build:lib": "node ./scripts/compileLib.js",
@@ -23,7 +23,7 @@
         "*.scss",
         "*.css"
     ],
-    "gitHead": "a5195872c7df1a97551c6c23357bdb941b8fa807",
+    "gitHead": "3960e35ea5c7244e5adbc9cb938330e9a6ee43e2",
     "devDependencies": {
         "@babel/plugin-transform-runtime": "^7.15.8",
         "@babel/preset-env": "^7.15.8",

package/sideSheet/sideSheetFoundation.ts

@@ -32,8 +32,7 @@ export interface SideSheetProps {
 }
 
 export interface SideSheetState {
-    displayNone: boolean;
-    shouldRender: boolean
+    displayNone: boolean
 }
 
 export interface SideSheetAdapter extends DefaultAdapter<SideSheetProps, SideSheetState> {
@@ -43,8 +42,7 @@ export interface SideSheetAdapter extends DefaultAdapter<SideSheetProps, SideShe
     notifyVisibleChange: (visible: boolean) => void;
     setOnKeyDownListener: () => void;
     removeKeyDownListener: () => void;
-    toggleDisplayNone: (displayNone: boolean) => void;
-    setShouldRender: (shouldRender: boolean) => void
+    toggleDisplayNone: (displayNone: boolean) => void
 }
 
 
@@ -91,9 +89,6 @@ export default class SideSheetFoundation extends BaseFoundation<SideSheetAdapter
         }
     }
 
-    setShouldRender(shouldRender: boolean) {
-        this._adapter.setShouldRender(shouldRender);
-    }
 
     onVisibleChange(visible: boolean) {
         this._adapter.notifyVisibleChange(visible);

package/tagInput/tagInput.scss

@@ -20,6 +20,10 @@ $module: #{$prefix}-tagInput;
         &-item {
             display: flex;
             align-items: center;
+
+            &-move {
+                z-index: $z-tagInput_drag_item_move;
+            }
         }
 
         &-handler {

package/tagInput/variables.scss

@@ -47,3 +47,5 @@ $width-tagInput-border-hover: $width-tagInput-border-default; // 标签输入框
 $width-tagInput-border-focus: $border-thickness-control-focus; // 标签输入框描边宽度 - 选中态
 
 $radius-tagInput: var(--semi-border-radius-small); // 标签输入框圆角
+
+$z-tagInput_drag_item_move: 2000 !default; // 标签输入框中正在拖拽元素的z-index

package/transfer/transfer.scss

@@ -165,9 +165,15 @@ $module: #{$prefix}-transfer;
                 word-break: break-all;
             }
 
-            &-drag-handler {
-                margin-right: $spacing-transfer_right_item_drag_handler-marginRight;
-                flex-shrink: 0;
+            &-drag {
+                &-handler {
+                    margin-right: $spacing-transfer_right_item_drag_handler-marginRight;
+                    flex-shrink: 0;
+                }
+
+                &-item-move {
+                    z-index: $z-transfer_right_item_drag_item_move;
+                }            
             }
         }
 

package/transfer/variables.scss

@@ -53,3 +53,5 @@ $radius-transfer: var(--semi-border-radius-medium); // 穿梭框圆角
 
 // Font
 $font-transfer_header_all-fontWeight: 600; // 穿梭框字重
+
+$z-transfer_right_item_drag_item_move: 2000 !default; // 穿梭框右侧面板中正在拖拽元素的z-index