@douyinfe/semi-foundation 2.70.0-beta.0 → 2.70.1-alpha.1-patch-tooltip

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/lottie/foundation.d.ts

@@ -8,7 +8,7 @@ export interface LottieAdapter<P = Record<string, any>, S = Record<string, any>>
 export interface LottieBaseProps {
     width?: string;
     height?: string;
-    params: ArgsType<typeof lottie.loadAnimation>[0];
+    params: Partial<ArgsType<typeof lottie.loadAnimation>[0]>;
     getAnimationInstance?: (instance: AnimationItem | null) => void;
     getLottie?: (lottiePKG: typeof lottie) => void;
 }

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/cjs/tooltip/foundation.js

@@ -412,7 +412,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): 1 | -1 | 0;
+export declare function calcDropRelativePosition(event: any, treeNode: any): 0 | 1 | -1;
 export declare function getDragNodesKeys(key: string, keyEntities: KeyEntities): string[];
 export declare function calcDropActualPosition(pos: string, relativeDropPos: any): any;

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

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

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/lottie/foundation.d.ts

@@ -8,7 +8,7 @@ export interface LottieAdapter<P = Record<string, any>, S = Record<string, any>>
 export interface LottieBaseProps {
     width?: string;
     height?: string;
-    params: ArgsType<typeof lottie.loadAnimation>[0];
+    params: Partial<ArgsType<typeof lottie.loadAnimation>[0]>;
     getAnimationInstance?: (instance: AnimationItem | null) => void;
     getLottie?: (lottiePKG: typeof lottie) => void;
 }

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

@@ -405,7 +405,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): 1 | -1 | 0;
+export declare function calcDropRelativePosition(event: any, treeNode: any): 0 | 1 | -1;
 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: ("auto" | "custom")[];
+    UPLOAD_TRIGGER: ("custom" | "auto")[];
     VALIDATE_STATUS: readonly ["default", "error", "warning", "success"];
     PROMPT_POSITION: readonly ["left", "right", "bottom"];
 };

package/lottie/foundation.ts

@@ -10,7 +10,7 @@ export interface LottieAdapter<P = Record<string, any>, S = Record<string, any>>
 export interface LottieBaseProps {
     width?: string;
     height?: string;
-    params: ArgsType<typeof lottie.loadAnimation>[0];
+    params: Partial<ArgsType<typeof lottie.loadAnimation>[0]>;
     getAnimationInstance?: (instance: AnimationItem|null) => void;
     getLottie?: (lottiePKG: typeof lottie) => void
 
@@ -57,4 +57,4 @@ class LottieFoundation <P = Record<string, any>, S = Record<string, any>> extend
 
 }
 
-export default LottieFoundation;
+export default LottieFoundation;

package/package.json

@@ -1,13 +1,13 @@
 {
     "name": "@douyinfe/semi-foundation",
-    "version": "2.70.0-beta.0",
+    "version": "2.70.1-alpha.1-patch-tooltip",
     "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.1-alpha.1-patch-tooltip",
         "@mdx-js/mdx": "^3.0.1",
         "async-validator": "^3.5.0",
         "classnames": "^2.2.6",
@@ -28,7 +28,7 @@
         "*.scss",
         "*.css"
     ],
-    "gitHead": "459b464c2f66555d851260512742de538ec0c0c1",
+    "gitHead": "94dff673c90c4fd4a2e4568ed25f197feaebe735",
     "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,

package/tooltip/foundation.ts

@@ -191,7 +191,7 @@ export default class Tooltip<P = Record<string, any>, S = Record<string, any>> e
         }
     }
 
-    updateStateIfCursorOnTrigger = (trigger: HTMLElement)=>{
+    updateStateIfCursorOnTrigger = (trigger: HTMLElement) => {
         if (trigger?.matches?.(":hover")) {
             const eventNames = this._adapter.getEventName();
             const triggerEventSet = this.getState("triggerEventSet");
@@ -379,7 +379,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();