@douyinfe/semi-foundation 2.32.3 → 2.32.5-alpha.0

package/lib/cjs/navigation/subNavFoundation.js

@@ -45,8 +45,9 @@ class SubNavFoundation extends _foundation.default {
     this._timer = null;
   }
 
-  destroy() {} // eslint-disable-line
-
+  destroy() {
+    this.clearDelayTimer();
+  }
 
   clearDelayTimer() {
     if (this._timer) {
@@ -56,7 +57,6 @@ class SubNavFoundation extends _foundation.default {
   }
 
   isValidKey(itemKey) {
-    // eslint-disable-next-line eqeqeq
     return itemKey != null && (typeof itemKey === 'number' || typeof itemKey === 'string');
   }
 

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

@@ -10,7 +10,7 @@ export interface TooltipAdapter<P = Record<string, any>, S = Record<string, any>
     notifyVisibleChange(isVisible: any): void;
     getPopupContainerRect(): PopupContainerDOMRect;
     containerIsBody(): boolean;
-    off(arg0: string): void;
+    off(arg0: string, arg1?: () => void): void;
     canMotion(): boolean;
     registerScrollHandler(arg: () => Record<string, any>): void;
     unregisterScrollHandler(): void;
@@ -47,6 +47,7 @@ export interface TooltipAdapter<P = Record<string, any>, S = Record<string, any>
     notifyEscKeydown(event: any): void;
     getTriggerNode(): any;
     setId(): void;
+    getTriggerDOM(): HTMLElement | null;
 }
 export declare type Position = ArrayElement<typeof strings.POSITION_SET>;
 export interface PopupContainerDOMRect extends DOMRectLikeType {

package/lib/cjs/tooltip/foundation.js

@@ -93,6 +93,20 @@ class Tooltip extends _foundation.default {
         this.calcPosition();
       });
 
+      if (trigger === "hover") {
+        const checkTriggerIsHover = () => {
+          const triggerDOM = this._adapter.getTriggerDOM();
+
+          if (trigger && !triggerDOM.matches(":hover")) {
+            this.hide();
+          }
+
+          this._adapter.off("portalInserted", checkTriggerIsHover);
+        };
+
+        this._adapter.on('portalInserted', checkTriggerIsHover);
+      }
+
       this._adapter.on('positionUpdated', () => {
         this._togglePortalVisible(true);
       });
@@ -292,6 +306,7 @@ class Tooltip extends _foundation.default {
 
     this.unBindResizeEvent();
     this.unBindScrollEvent();
+    clearTimeout(this._timer);
   }
 
   _bindTriggerEvent(triggerEventSet) {

package/lib/cjs/tree/treeUtil.d.ts

@@ -75,6 +75,6 @@ export declare function getValueOrKey(data: any): any;
 export declare function normalizeValue(value: any, withObject: boolean): any;
 export declare function updateKeys(keySet: Set<string> | string[], keyEntities: KeyEntities): string[];
 export declare function calcDisabledKeys(keyEntities: KeyEntities): 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/cjs/upload/constants.d.ts

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

package/lib/cjs/utils/Event.js

@@ -67,8 +67,9 @@ class Event {
       return false;
     }
 
-    this._eventMap.get(event).forEach(callback => callback(...args));
+    const callbacks = [...this._eventMap.get(event)]; // clone to avoid someone writing  the logic of deleting callback in callbacks into his or her callback code, for example the once func above
 
+    callbacks.forEach(callback => callback(...args));
     return true;
   }
 

package/lib/es/navigation/subNavFoundation.js

@@ -35,8 +35,9 @@ export default class SubNavFoundation extends BaseFoundation {
     this._timer = null;
   }
 
-  destroy() {} // eslint-disable-line
-
+  destroy() {
+    this.clearDelayTimer();
+  }
 
   clearDelayTimer() {
     if (this._timer) {
@@ -46,7 +47,6 @@ export default class SubNavFoundation extends BaseFoundation {
   }
 
   isValidKey(itemKey) {
-    // eslint-disable-next-line eqeqeq
     return itemKey != null && (typeof itemKey === 'number' || typeof itemKey === 'string');
   }
 

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

@@ -10,7 +10,7 @@ export interface TooltipAdapter<P = Record<string, any>, S = Record<string, any>
     notifyVisibleChange(isVisible: any): void;
     getPopupContainerRect(): PopupContainerDOMRect;
     containerIsBody(): boolean;
-    off(arg0: string): void;
+    off(arg0: string, arg1?: () => void): void;
     canMotion(): boolean;
     registerScrollHandler(arg: () => Record<string, any>): void;
     unregisterScrollHandler(): void;
@@ -47,6 +47,7 @@ export interface TooltipAdapter<P = Record<string, any>, S = Record<string, any>
     notifyEscKeydown(event: any): void;
     getTriggerNode(): any;
     setId(): void;
+    getTriggerDOM(): HTMLElement | null;
 }
 export declare type Position = ArrayElement<typeof strings.POSITION_SET>;
 export interface PopupContainerDOMRect extends DOMRectLikeType {

package/lib/es/tooltip/foundation.js

@@ -79,6 +79,20 @@ export default class Tooltip extends BaseFoundation {
         this.calcPosition();
       });
 
+      if (trigger === "hover") {
+        const checkTriggerIsHover = () => {
+          const triggerDOM = this._adapter.getTriggerDOM();
+
+          if (trigger && !triggerDOM.matches(":hover")) {
+            this.hide();
+          }
+
+          this._adapter.off("portalInserted", checkTriggerIsHover);
+        };
+
+        this._adapter.on('portalInserted', checkTriggerIsHover);
+      }
+
       this._adapter.on('positionUpdated', () => {
         this._togglePortalVisible(true);
       });
@@ -278,6 +292,7 @@ export default class Tooltip extends BaseFoundation {
 
     this.unBindResizeEvent();
     this.unBindScrollEvent();
+    clearTimeout(this._timer);
   }
 
   _bindTriggerEvent(triggerEventSet) {

package/lib/es/tree/treeUtil.d.ts

@@ -75,6 +75,6 @@ export declare function getValueOrKey(data: any): any;
 export declare function normalizeValue(value: any, withObject: boolean): any;
 export declare function updateKeys(keySet: Set<string> | string[], keyEntities: KeyEntities): string[];
 export declare function calcDisabledKeys(keyEntities: KeyEntities): 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/upload/constants.d.ts

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

package/lib/es/utils/Event.js

@@ -57,8 +57,9 @@ export default class Event {
       return false;
     }
 
-    this._eventMap.get(event).forEach(callback => callback(...args));
+    const callbacks = [...this._eventMap.get(event)]; // clone to avoid someone writing  the logic of deleting callback in callbacks into his or her callback code, for example the once func above
 
+    callbacks.forEach(callback => callback(...args));
     return true;
   }
 

package/navigation/subNavFoundation.ts

@@ -52,7 +52,9 @@ export default class SubNavFoundation<P = Record<string, any>, S = Record<string
         this._timer = null;
     }
 
-    destroy() {} // eslint-disable-line
+    destroy() {
+        this.clearDelayTimer();
+    }
 
     clearDelayTimer() {
         if (this._timer) {
@@ -62,7 +64,6 @@ export default class SubNavFoundation<P = Record<string, any>, S = Record<string
     }
 
     isValidKey(itemKey: string | number) {
-        // eslint-disable-next-line eqeqeq
         return itemKey != null && (typeof itemKey === 'number' || typeof itemKey === 'string');
     }
 

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@douyinfe/semi-foundation",
-    "version": "2.32.3",
+    "version": "2.32.5-alpha.0",
     "description": "",
     "scripts": {
         "build:lib": "node ./scripts/compileLib.js",
@@ -23,7 +23,7 @@
         "*.scss",
         "*.css"
     ],
-    "gitHead": "f0218cd43e7b3a8e9bc013b649ff308d8db2c876",
+    "gitHead": "6af4807f2242164d654659116f21e692d811ed08",
     "devDependencies": {
         "@babel/plugin-transform-runtime": "^7.15.8",
         "@babel/preset-env": "^7.15.8",

package/tooltip/foundation.ts

@@ -32,7 +32,7 @@ export interface TooltipAdapter<P = Record<string, any>, S = Record<string, any>
     notifyVisibleChange(isVisible: any): void;
     getPopupContainerRect(): PopupContainerDOMRect;
     containerIsBody(): boolean;
-    off(arg0: string): void;
+    off(arg0: string, arg1?: () => void): void;
     canMotion(): boolean;
     registerScrollHandler(arg: () => Record<string, any>): void;
     unregisterScrollHandler(): void;
@@ -68,7 +68,8 @@ export interface TooltipAdapter<P = Record<string, any>, S = Record<string, any>
     setInitialFocus(): void;
     notifyEscKeydown(event: any): void;
     getTriggerNode(): any;
-    setId(): void
+    setId(): void;
+    getTriggerDOM(): HTMLElement|null
 }
 
 export type Position = ArrayElement<typeof strings.POSITION_SET>;
@@ -115,6 +116,7 @@ export default class Tooltip<P = Record<string, any>, S = Record<string, any>> e
         this._adapter.unregisterClickOutsideHandler();
         this.unBindResizeEvent();
         this.unBindScrollEvent();
+        clearTimeout(this._timer);
     }
 
     _bindTriggerEvent(triggerEventSet: Record<string, any>) {
@@ -318,6 +320,17 @@ export default class Tooltip<P = Record<string, any>, S = Record<string, any>> e
             this.calcPosition();
         });
 
+        if (trigger==="hover") {
+            const checkTriggerIsHover = () => {
+                const triggerDOM = this._adapter.getTriggerDOM();
+                if (trigger && !triggerDOM.matches(":hover")) {
+                    this.hide();
+                }
+                this._adapter.off("portalInserted", checkTriggerIsHover);
+            };
+            this._adapter.on('portalInserted', checkTriggerIsHover);
+        }
+
         this._adapter.on('positionUpdated', () => {
             this._togglePortalVisible(true);
         });

package/utils/Event.ts

@@ -45,7 +45,9 @@ export default class Event {
         if (!this._eventMap.has(event)) {
             return false;
         }
-        this._eventMap.get(event).forEach(callback => callback(...args));
+        const callbacks = [...this._eventMap.get(event)];
+        // clone to avoid someone writing  the logic of deleting callback in callbacks into his or her callback code, for example the once func above
+        callbacks.forEach(callback => callback(...args));
         return true;
     }
 }