@douyinfe/semi-foundation 2.70.0-beta.0 → 2.70.0

package/chat/foundation.ts

@@ -53,7 +53,9 @@ export interface ChatAdapter<P = Record<string, any>, S = Record<string, any>> e
     notifyHintClick: (hint: string) => void;
     setUploadAreaVisible: (visible: boolean) => void;
     manualUpload: (e: any) => void;
-    getDropAreaElement: () => HTMLDivElement
+    getDropAreaElement: () => HTMLDivElement;
+    getDragStatus: () => boolean;
+    setDragStatus: (status: boolean) => void
 }
 
 
@@ -265,7 +267,19 @@ export default class ChatFoundation <P = Record<string, any>, S = Record<string,
     }
 
     handleDragOver = (e: any) => {
+        const dragStatus = this._adapter.getDragStatus();
+        if (dragStatus) {
+            return;
+        }
         this._adapter.setUploadAreaVisible(true);
+    };
+
+    handleDragStart = (e: any) => {
+        this._adapter.setDragStatus(true);
+    }
+
+    handleDragEnd = (e: any) => {
+        this._adapter.setDragStatus(false);
     }
 
     handleContainerDragOver = (e: any) => {
@@ -285,7 +299,8 @@ export default class ChatFoundation <P = Record<string, any>, S = Record<string,
         // 鼠标移动至 container 的子元素，则不做任何操作
         // If the mouse moves to the child element of container, no operation will be performed.
         const dropAreaElement = this._adapter.getDropAreaElement();
-        if (dropAreaElement !== e.target && dropAreaElement.contains(e.target)) {
+        const enterTarget = e.relatedTarget;
+        if (dropAreaElement.contains(enterTarget)) {
             return;
         }
         /**

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

@@ -46,6 +46,8 @@ export interface ChatAdapter<P = Record<string, any>, S = Record<string, any>> e
     setUploadAreaVisible: (visible: boolean) => void;
     manualUpload: (e: any) => void;
     getDropAreaElement: () => HTMLDivElement;
+    getDragStatus: () => boolean;
+    setDragStatus: (status: boolean) => void;
 }
 export default class ChatFoundation<P = Record<string, any>, S = Record<string, any>> extends BaseFoundation<ChatAdapter<P, S>, P, S> {
     animation: any;
@@ -69,6 +71,8 @@ export default class ChatFoundation<P = Record<string, any>, S = Record<string,
     dislikeMessage: (message: Message) => void;
     resetMessage: (message: Message) => void;
     handleDragOver: (e: any) => void;
+    handleDragStart: (e: any) => void;
+    handleDragEnd: (e: any) => void;
     handleContainerDragOver: (e: any) => void;
     handleContainerDrop: (e: any) => void;
     handleContainerDragLeave: (e: any) => void;

package/lib/cjs/chat/foundation.js

@@ -235,8 +235,18 @@ class ChatFoundation extends _foundation.default {
       onMessageReset === null || onMessageReset === void 0 ? void 0 : onMessageReset(message);
     };
     this.handleDragOver = e => {
+      const dragStatus = this._adapter.getDragStatus();
+      if (dragStatus) {
+        return;
+      }
       this._adapter.setUploadAreaVisible(true);
     };
+    this.handleDragStart = e => {
+      this._adapter.setDragStatus(true);
+    };
+    this.handleDragEnd = e => {
+      this._adapter.setDragStatus(false);
+    };
     this.handleContainerDragOver = e => {
       (0, _a11y.handlePrevent)(e);
     };
@@ -253,7 +263,8 @@ class ChatFoundation extends _foundation.default {
       // 鼠标移动至 container 的子元素，则不做任何操作
       // If the mouse moves to the child element of container, no operation will be performed.
       const dropAreaElement = this._adapter.getDropAreaElement();
-      if (dropAreaElement !== e.target && dropAreaElement.contains(e.target)) {
+      const enterTarget = e.relatedTarget;
+      if (dropAreaElement.contains(enterTarget)) {
         return;
       }
       /**

package/lib/cjs/table/table.css

@@ -140,7 +140,8 @@
   cursor: pointer;
 }
 .semi-table-thead > .semi-table-row > .semi-table-row-head.semi-table-row-head-clickSort:hover {
-  background: var(--semi-color-fill-0);
+  background-image: linear-gradient(0deg, var(--semi-color-fill-0), var(--semi-color-fill-0));
+  background-color: var(--semi-color-bg-0);
 }
 .semi-table-thead > .semi-table-row > .semi-table-row-head.semi-table-row-head-clickSort:hover.semi-table-cell-fixed-left::before, .semi-table-thead > .semi-table-row > .semi-table-row-head.semi-table-row-head-clickSort:hover.semi-table-cell-fixed-right::before {
   background-color: transparent;

package/lib/cjs/table/table.scss

@@ -145,7 +145,8 @@ $module: #{$prefix}-table;
                 &.#{$module}-row-head-clickSort {
                     cursor: pointer;
                     &:hover {
-                        background: $color-table_th-clickSort-bg-hover;
+                        background-image: linear-gradient(0deg, $color-table_th-clickSort-bg-hover, $color-table_th-clickSort-bg-hover);
+                        background-color: $color-table_cell-bg-hover;
                         
                         &.#{$module}-cell-fixed {
                             &-left,

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

@@ -46,6 +46,8 @@ export interface ChatAdapter<P = Record<string, any>, S = Record<string, any>> e
     setUploadAreaVisible: (visible: boolean) => void;
     manualUpload: (e: any) => void;
     getDropAreaElement: () => HTMLDivElement;
+    getDragStatus: () => boolean;
+    setDragStatus: (status: boolean) => void;
 }
 export default class ChatFoundation<P = Record<string, any>, S = Record<string, any>> extends BaseFoundation<ChatAdapter<P, S>, P, S> {
     animation: any;
@@ -69,6 +71,8 @@ export default class ChatFoundation<P = Record<string, any>, S = Record<string,
     dislikeMessage: (message: Message) => void;
     resetMessage: (message: Message) => void;
     handleDragOver: (e: any) => void;
+    handleDragStart: (e: any) => void;
+    handleDragEnd: (e: any) => void;
     handleContainerDragOver: (e: any) => void;
     handleContainerDrop: (e: any) => void;
     handleContainerDragLeave: (e: any) => void;

package/lib/es/chat/foundation.js

@@ -228,8 +228,18 @@ export default class ChatFoundation extends BaseFoundation {
       onMessageReset === null || onMessageReset === void 0 ? void 0 : onMessageReset(message);
     };
     this.handleDragOver = e => {
+      const dragStatus = this._adapter.getDragStatus();
+      if (dragStatus) {
+        return;
+      }
       this._adapter.setUploadAreaVisible(true);
     };
+    this.handleDragStart = e => {
+      this._adapter.setDragStatus(true);
+    };
+    this.handleDragEnd = e => {
+      this._adapter.setDragStatus(false);
+    };
     this.handleContainerDragOver = e => {
       handlePrevent(e);
     };
@@ -246,7 +256,8 @@ export default class ChatFoundation extends BaseFoundation {
       // 鼠标移动至 container 的子元素，则不做任何操作
       // If the mouse moves to the child element of container, no operation will be performed.
       const dropAreaElement = this._adapter.getDropAreaElement();
-      if (dropAreaElement !== e.target && dropAreaElement.contains(e.target)) {
+      const enterTarget = e.relatedTarget;
+      if (dropAreaElement.contains(enterTarget)) {
         return;
       }
       /**

package/lib/es/table/table.css

@@ -140,7 +140,8 @@
   cursor: pointer;
 }
 .semi-table-thead > .semi-table-row > .semi-table-row-head.semi-table-row-head-clickSort:hover {
-  background: var(--semi-color-fill-0);
+  background-image: linear-gradient(0deg, var(--semi-color-fill-0), var(--semi-color-fill-0));
+  background-color: var(--semi-color-bg-0);
 }
 .semi-table-thead > .semi-table-row > .semi-table-row-head.semi-table-row-head-clickSort:hover.semi-table-cell-fixed-left::before, .semi-table-thead > .semi-table-row > .semi-table-row-head.semi-table-row-head-clickSort:hover.semi-table-cell-fixed-right::before {
   background-color: transparent;

package/lib/es/table/table.scss

@@ -145,7 +145,8 @@ $module: #{$prefix}-table;
                 &.#{$module}-row-head-clickSort {
                     cursor: pointer;
                     &:hover {
-                        background: $color-table_th-clickSort-bg-hover;
+                        background-image: linear-gradient(0deg, $color-table_th-clickSort-bg-hover, $color-table_th-clickSort-bg-hover);
+                        background-color: $color-table_cell-bg-hover;
                         
                         &.#{$module}-cell-fixed {
                             &-left,

package/package.json

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

package/table/table.scss

@@ -145,7 +145,8 @@ $module: #{$prefix}-table;
                 &.#{$module}-row-head-clickSort {
                     cursor: pointer;
                     &:hover {
-                        background: $color-table_th-clickSort-bg-hover;
+                        background-image: linear-gradient(0deg, $color-table_th-clickSort-bg-hover, $color-table_th-clickSort-bg-hover);
+                        background-color: $color-table_cell-bg-hover;
                         
                         &.#{$module}-cell-fixed {
                             &-left,