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

package/image/previewImageFoundation.ts

@@ -209,23 +209,28 @@ export default class PreviewImageFoundation<P = Record<string, any>, S = Record<
         };
 
         if (e && imageDOM && e.target === imageDOM) {
-            const { x: offsetX, y: offsetY } = this.calcBoundingRectMouseOffset({
-                width,
-                height,
-                offset: {
-                    x: e.offsetX,
-                    y: e.offsetY
-                },
-                rotation
-            });
-
-            const imageNewCenterX = e.clientX + (imageBound.width / 2 - offsetX) * changeScale;
-            const imageNewCenterY = e.clientY + (imageBound.height / 2 - offsetY) * changeScale;
-            const containerCenterX = this.containerWidth / 2;
-            const containerCenterY = this.containerHeight / 2;
-
-            newTranslateX = imageNewCenterX - containerCenterX;
-            newTranslateY = imageNewCenterY - containerCenterY;
+            let angle = rotation % 360;
+            angle < 0 && (angle = 360 + angle);
+            switch (angle) {
+                case 0:
+                    newTranslateX = (e.offsetX - 0.5 * width) * (1 - newZoom / currZoom) + translate.x;
+                    newTranslateY = (e.offsetY - 0.5 * height) * (1 - newZoom / currZoom) + translate.y;
+                    break;
+                case 90:
+                    newTranslateX = (0.5 * height - e.offsetY) * (1 - newZoom / currZoom) + translate.x;
+                    newTranslateY = (e.offsetX - 0.5 * width) * (1 - newZoom / currZoom) + translate.y;
+                    break;
+                case 180:
+                    newTranslateX = (0.5 * width - e.offsetX) * (1 - newZoom / currZoom) + translate.x;
+                    newTranslateY = (0.5 * height - e.offsetY) * (1 - newZoom / currZoom) + translate.y;
+                    break;
+                case 270:
+                    newTranslateX = (e.offsetY - 0.5 * height) * (1 - newZoom / currZoom) + translate.x; 
+                    newTranslateY = (0.5 * width - e.offsetX ) * (1 - newZoom / currZoom) + translate.y;
+                    break;
+                default:
+                    break;
+            }
         }
 
         const newTranslate = this.getSafeTranslate(newImageBound.width, newImageBound.height, newTranslateX, newTranslateY);

package/lib/cjs/base/foundation.js

@@ -93,7 +93,7 @@ class BaseFoundation {
   _isControlledComponent() {
     let key = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'value';
     const props = this.getProps();
-    const isControlComponent = (key in props);
+    const isControlComponent = key in props;
     return isControlComponent;
   }
   // Does the user have incoming props, eg: _isInProps (value)

package/lib/cjs/checkbox/checkboxGroupFoundation.js

@@ -40,7 +40,7 @@ class CheckboxGroupFoundation extends _foundation.default {
     } else {
       newValue = prevValue.filter((itm, idx) => itm !== evt.target.value);
     }
-    const isControlledMode = ('value' in this.getProps());
+    const isControlledMode = 'value' in this.getProps();
     if (isControlledMode) {
       // Controlled mode only needs to notify
       this.notifyChange(newValue);

package/lib/cjs/image/previewImageFoundation.js

@@ -165,24 +165,28 @@ class PreviewImageFoundation extends _foundation.default {
         height: imageBound.height * changeScale
       };
       if (e && imageDOM && e.target === imageDOM) {
-        const {
-          x: offsetX,
-          y: offsetY
-        } = this.calcBoundingRectMouseOffset({
-          width,
-          height,
-          offset: {
-            x: e.offsetX,
-            y: e.offsetY
-          },
-          rotation
-        });
-        const imageNewCenterX = e.clientX + (imageBound.width / 2 - offsetX) * changeScale;
-        const imageNewCenterY = e.clientY + (imageBound.height / 2 - offsetY) * changeScale;
-        const containerCenterX = this.containerWidth / 2;
-        const containerCenterY = this.containerHeight / 2;
-        newTranslateX = imageNewCenterX - containerCenterX;
-        newTranslateY = imageNewCenterY - containerCenterY;
+        let angle = rotation % 360;
+        angle < 0 && (angle = 360 + angle);
+        switch (angle) {
+          case 0:
+            newTranslateX = (e.offsetX - 0.5 * width) * (1 - newZoom / currZoom) + translate.x;
+            newTranslateY = (e.offsetY - 0.5 * height) * (1 - newZoom / currZoom) + translate.y;
+            break;
+          case 90:
+            newTranslateX = (0.5 * height - e.offsetY) * (1 - newZoom / currZoom) + translate.x;
+            newTranslateY = (e.offsetX - 0.5 * width) * (1 - newZoom / currZoom) + translate.y;
+            break;
+          case 180:
+            newTranslateX = (0.5 * width - e.offsetX) * (1 - newZoom / currZoom) + translate.x;
+            newTranslateY = (0.5 * height - e.offsetY) * (1 - newZoom / currZoom) + translate.y;
+            break;
+          case 270:
+            newTranslateX = (e.offsetY - 0.5 * height) * (1 - newZoom / currZoom) + translate.x;
+            newTranslateY = (0.5 * width - e.offsetX) * (1 - newZoom / currZoom) + translate.y;
+            break;
+          default:
+            break;
+        }
       }
       const newTranslate = this.getSafeTranslate(newImageBound.width, newImageBound.height, newTranslateX, newTranslateY);
       this.setState({

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

@@ -1,19 +1,19 @@
 import BaseFoundation, { DefaultAdapter } from '../base/foundation';
-import { ItemProps } from './itemFoundation';
+import { ItemProps, ItemKey } from './itemFoundation';
 export interface ItemKey2ParentKeysMap {
     [key: string]: (string | number)[];
 }
 export interface OnClickData {
-    itemKey: string | number;
+    itemKey: ItemKey;
     domEvent: any;
     isOpen: boolean;
 }
 export interface OnSelectData extends OnClickData {
-    selectedKeys: (string | number)[];
+    selectedKeys: ItemKey[];
     selectedItems: ItemProps[];
 }
 export interface OnOpenChangeData extends OnClickData {
-    openKeys: (string | number)[];
+    openKeys: ItemKey[];
 }
 export interface NavItemType {
     props?: ItemProps;
@@ -39,7 +39,7 @@ export interface NavigationAdapter<P = Record<string, any>, S = Record<string, a
 }
 export default class NavigationFoundation<P = Record<string, any>, S = Record<string, any>> extends BaseFoundation<NavigationAdapter<P, S>, P, S> {
     constructor(adapter: NavigationAdapter<P, S>);
-    static getZeroParentKeys(itemKeysMap?: {}, ...itemKeys: (string | number)[]): any[];
+    static getZeroParentKeys(itemKeysMap?: {}, ...itemKeys: ItemKey[]): any[];
     static buildItemKeysMap(items?: NavItemType[], keysMap?: {}, parentKeys?: (string | number)[], keyPropName?: string): {};
     /**
      * init is called in constructor and componentDidMount.
@@ -74,12 +74,12 @@ export default class NavigationFoundation<P = Record<string, any>, S = Record<st
      * @param {*} itemKeysMap
      */
     getWillOpenKeys(itemKeysMap: ItemKey2ParentKeysMap): any[];
-    getShouldOpenKeys(itemKeysMap?: ItemKey2ParentKeysMap, selectedKeys?: (string | number)[]): unknown[];
+    getShouldOpenKeys(itemKeysMap?: ItemKey2ParentKeysMap, selectedKeys?: ItemKey[]): unknown[];
     destroy(): void;
-    selectLevelZeroParentKeys(itemKeysMap: ItemKey2ParentKeysMap, itemKeys: (string | number)[]): any[];
+    selectLevelZeroParentKeys(itemKeysMap: ItemKey2ParentKeysMap, itemKeys: ItemKey[]): any[];
     formatItems(items?: ItemProps[]): any[];
     handleSelect(data: OnSelectData): void;
-    judgeIfOpen(openKeys: (string | number)[], items: NavItemType[]): boolean;
+    judgeIfOpen(openKeys: ItemKey[], items: NavItemType[]): boolean;
     handleCollapseChange(): void;
     handleItemsChange(isChanged: boolean): void;
 }

package/lib/cjs/navigation/itemFoundation.d.ts

@@ -12,10 +12,11 @@ export interface ItemProps {
     disabled?: boolean;
     children?: any;
 }
+export type ItemKey = string | number;
 export interface SelectedItemProps<Props = ItemProps> {
-    itemKey: string | number;
+    itemKey: ItemKey;
     text?: any;
-    selectedKeys?: string | number[];
+    selectedKeys?: ItemKey[];
     selectedItems?: Props[];
     domEvent?: any;
 }
@@ -23,8 +24,8 @@ export interface ItemAdapter<P = Record<string, any>, S = Record<string, any>> e
     cloneDeep(value: any, customizer?: (value: any) => void): any;
     updateTooltipShow(showTooltip: boolean): void;
     updateSelected(selected: boolean): void;
-    updateGlobalSelectedKeys(keys: string[]): void;
-    getSelectedKeys(): string[];
+    updateGlobalSelectedKeys(keys: ItemKey[]): void;
+    getSelectedKeys(): ItemKey[];
     getSelectedKeysIsControlled(): boolean;
     notifyGlobalOnSelect(item: SelectedItemProps): void;
     notifyGlobalOnClick(item: SelectedItemProps): void;

package/lib/cjs/radio/radioInnerFoundation.js

@@ -22,7 +22,7 @@ class RadioInnerFoundation extends _foundation.default {
     return this._adapter.getProp('checked');
   }
   handleChange(e) {
-    const isControlledMode = ('checked' in this.getProps());
+    const isControlledMode = 'checked' in this.getProps();
     const {
       checked
     } = e.target;

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

@@ -202,6 +202,7 @@ export default class SliderFoundation extends BaseFoundation<SliderAdapter> {
     _handleHomeKey: (handler: 'min' | 'max') => any;
     _handleEndKey: (handler: 'min' | 'max') => any;
     handleKeyDown: (event: any, handler: 'min' | 'max') => void;
+    _noTooltip: () => boolean;
     onFocus: (e: any, handler: 'min' | 'max') => void;
     onBlur: (e: any, handler: 'min' | 'max') => void;
     handleWrapClick: (e: any) => void;

package/lib/cjs/slider/foundation.js

@@ -619,7 +619,18 @@ class SliderFoundation extends _foundation.default {
         (0, _a11y.handlePrevent)(event);
       }
     };
+    this._noTooltip = () => {
+      const {
+        tipFormatter,
+        tooltipVisible
+      } = this.getProps();
+      return tipFormatter === null || tooltipVisible === false;
+    };
     this.onFocus = (e, handler) => {
+      const noTooltip = this._noTooltip();
+      if (noTooltip) {
+        return;
+      }
       (0, _a11y.handlePrevent)(e);
       const {
         target
@@ -637,6 +648,10 @@ class SliderFoundation extends _foundation.default {
       }
     };
     this.onBlur = (e, handler) => {
+      const noTooltip = this._noTooltip();
+      if (noTooltip) {
+        return;
+      }
       const {
         firstDotFocusVisible,
         secondDotFocusVisible

package/lib/cjs/table/utils.d.ts

@@ -102,4 +102,4 @@ export declare function isTreeTable({ dataSource, childrenRecordName }: {
 }): boolean;
 export declare function getRTLAlign(align: typeof strings.ALIGNS[number], direction?: 'ltr' | 'rtl'): typeof strings.ALIGNS[number];
 export declare function getRTLFlexAlign(align: typeof strings.ALIGNS[number], direction?: 'ltr' | 'rtl'): typeof strings.JUSTIFY_CONTENT[number];
-export declare function shouldShowEllipsisTitle(ellipsis: BaseEllipsis): true;
+export declare function shouldShowEllipsisTitle(ellipsis: BaseEllipsis): boolean;

package/lib/cjs/tooltip/foundation.js

@@ -84,8 +84,9 @@ class Tooltip extends _foundation.default {
       });
       if (trigger === "hover") {
         const checkTriggerIsHover = () => {
+          var _a;
           const triggerDOM = this._adapter.getTriggerDOM();
-          if (trigger && !triggerDOM.matches(":hover")) {
+          if (trigger && !((_a = triggerDOM === null || triggerDOM === void 0 ? void 0 : triggerDOM.matches) === null || _a === void 0 ? void 0 : _a.call(triggerDOM, ":hover"))) {
             this.hide();
           }
           this._adapter.off("portalInserted", checkTriggerIsHover);

package/lib/es/base/foundation.js

@@ -85,7 +85,7 @@ class BaseFoundation {
   _isControlledComponent() {
     let key = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'value';
     const props = this.getProps();
-    const isControlComponent = (key in props);
+    const isControlComponent = key in props;
     return isControlComponent;
   }
   // Does the user have incoming props, eg: _isInProps (value)

package/lib/es/checkbox/checkboxGroupFoundation.js

@@ -33,7 +33,7 @@ class CheckboxGroupFoundation extends BaseFoundation {
     } else {
       newValue = prevValue.filter((itm, idx) => itm !== evt.target.value);
     }
-    const isControlledMode = ('value' in this.getProps());
+    const isControlledMode = 'value' in this.getProps();
     if (isControlledMode) {
       // Controlled mode only needs to notify
       this.notifyChange(newValue);

package/lib/es/image/previewImageFoundation.js

@@ -158,24 +158,28 @@ export default class PreviewImageFoundation extends BaseFoundation {
         height: imageBound.height * changeScale
       };
       if (e && imageDOM && e.target === imageDOM) {
-        const {
-          x: offsetX,
-          y: offsetY
-        } = this.calcBoundingRectMouseOffset({
-          width,
-          height,
-          offset: {
-            x: e.offsetX,
-            y: e.offsetY
-          },
-          rotation
-        });
-        const imageNewCenterX = e.clientX + (imageBound.width / 2 - offsetX) * changeScale;
-        const imageNewCenterY = e.clientY + (imageBound.height / 2 - offsetY) * changeScale;
-        const containerCenterX = this.containerWidth / 2;
-        const containerCenterY = this.containerHeight / 2;
-        newTranslateX = imageNewCenterX - containerCenterX;
-        newTranslateY = imageNewCenterY - containerCenterY;
+        let angle = rotation % 360;
+        angle < 0 && (angle = 360 + angle);
+        switch (angle) {
+          case 0:
+            newTranslateX = (e.offsetX - 0.5 * width) * (1 - newZoom / currZoom) + translate.x;
+            newTranslateY = (e.offsetY - 0.5 * height) * (1 - newZoom / currZoom) + translate.y;
+            break;
+          case 90:
+            newTranslateX = (0.5 * height - e.offsetY) * (1 - newZoom / currZoom) + translate.x;
+            newTranslateY = (e.offsetX - 0.5 * width) * (1 - newZoom / currZoom) + translate.y;
+            break;
+          case 180:
+            newTranslateX = (0.5 * width - e.offsetX) * (1 - newZoom / currZoom) + translate.x;
+            newTranslateY = (0.5 * height - e.offsetY) * (1 - newZoom / currZoom) + translate.y;
+            break;
+          case 270:
+            newTranslateX = (e.offsetY - 0.5 * height) * (1 - newZoom / currZoom) + translate.x;
+            newTranslateY = (0.5 * width - e.offsetX) * (1 - newZoom / currZoom) + translate.y;
+            break;
+          default:
+            break;
+        }
       }
       const newTranslate = this.getSafeTranslate(newImageBound.width, newImageBound.height, newTranslateX, newTranslateY);
       this.setState({

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

@@ -1,19 +1,19 @@
 import BaseFoundation, { DefaultAdapter } from '../base/foundation';
-import { ItemProps } from './itemFoundation';
+import { ItemProps, ItemKey } from './itemFoundation';
 export interface ItemKey2ParentKeysMap {
     [key: string]: (string | number)[];
 }
 export interface OnClickData {
-    itemKey: string | number;
+    itemKey: ItemKey;
     domEvent: any;
     isOpen: boolean;
 }
 export interface OnSelectData extends OnClickData {
-    selectedKeys: (string | number)[];
+    selectedKeys: ItemKey[];
     selectedItems: ItemProps[];
 }
 export interface OnOpenChangeData extends OnClickData {
-    openKeys: (string | number)[];
+    openKeys: ItemKey[];
 }
 export interface NavItemType {
     props?: ItemProps;
@@ -39,7 +39,7 @@ export interface NavigationAdapter<P = Record<string, any>, S = Record<string, a
 }
 export default class NavigationFoundation<P = Record<string, any>, S = Record<string, any>> extends BaseFoundation<NavigationAdapter<P, S>, P, S> {
     constructor(adapter: NavigationAdapter<P, S>);
-    static getZeroParentKeys(itemKeysMap?: {}, ...itemKeys: (string | number)[]): any[];
+    static getZeroParentKeys(itemKeysMap?: {}, ...itemKeys: ItemKey[]): any[];
     static buildItemKeysMap(items?: NavItemType[], keysMap?: {}, parentKeys?: (string | number)[], keyPropName?: string): {};
     /**
      * init is called in constructor and componentDidMount.
@@ -74,12 +74,12 @@ export default class NavigationFoundation<P = Record<string, any>, S = Record<st
      * @param {*} itemKeysMap
      */
     getWillOpenKeys(itemKeysMap: ItemKey2ParentKeysMap): any[];
-    getShouldOpenKeys(itemKeysMap?: ItemKey2ParentKeysMap, selectedKeys?: (string | number)[]): unknown[];
+    getShouldOpenKeys(itemKeysMap?: ItemKey2ParentKeysMap, selectedKeys?: ItemKey[]): unknown[];
     destroy(): void;
-    selectLevelZeroParentKeys(itemKeysMap: ItemKey2ParentKeysMap, itemKeys: (string | number)[]): any[];
+    selectLevelZeroParentKeys(itemKeysMap: ItemKey2ParentKeysMap, itemKeys: ItemKey[]): any[];
     formatItems(items?: ItemProps[]): any[];
     handleSelect(data: OnSelectData): void;
-    judgeIfOpen(openKeys: (string | number)[], items: NavItemType[]): boolean;
+    judgeIfOpen(openKeys: ItemKey[], items: NavItemType[]): boolean;
     handleCollapseChange(): void;
     handleItemsChange(isChanged: boolean): void;
 }

package/lib/es/navigation/itemFoundation.d.ts

@@ -12,10 +12,11 @@ export interface ItemProps {
     disabled?: boolean;
     children?: any;
 }
+export type ItemKey = string | number;
 export interface SelectedItemProps<Props = ItemProps> {
-    itemKey: string | number;
+    itemKey: ItemKey;
     text?: any;
-    selectedKeys?: string | number[];
+    selectedKeys?: ItemKey[];
     selectedItems?: Props[];
     domEvent?: any;
 }
@@ -23,8 +24,8 @@ export interface ItemAdapter<P = Record<string, any>, S = Record<string, any>> e
     cloneDeep(value: any, customizer?: (value: any) => void): any;
     updateTooltipShow(showTooltip: boolean): void;
     updateSelected(selected: boolean): void;
-    updateGlobalSelectedKeys(keys: string[]): void;
-    getSelectedKeys(): string[];
+    updateGlobalSelectedKeys(keys: ItemKey[]): void;
+    getSelectedKeys(): ItemKey[];
     getSelectedKeysIsControlled(): boolean;
     notifyGlobalOnSelect(item: SelectedItemProps): void;
     notifyGlobalOnClick(item: SelectedItemProps): void;

package/lib/es/radio/radioInnerFoundation.js

@@ -15,7 +15,7 @@ export default class RadioInnerFoundation extends BaseFoundation {
     return this._adapter.getProp('checked');
   }
   handleChange(e) {
-    const isControlledMode = ('checked' in this.getProps());
+    const isControlledMode = 'checked' in this.getProps();
     const {
       checked
     } = e.target;

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

@@ -202,6 +202,7 @@ export default class SliderFoundation extends BaseFoundation<SliderAdapter> {
     _handleHomeKey: (handler: 'min' | 'max') => any;
     _handleEndKey: (handler: 'min' | 'max') => any;
     handleKeyDown: (event: any, handler: 'min' | 'max') => void;
+    _noTooltip: () => boolean;
     onFocus: (e: any, handler: 'min' | 'max') => void;
     onBlur: (e: any, handler: 'min' | 'max') => void;
     handleWrapClick: (e: any) => void;

package/lib/es/slider/foundation.js

@@ -612,7 +612,18 @@ export default class SliderFoundation extends BaseFoundation {
         handlePrevent(event);
       }
     };
+    this._noTooltip = () => {
+      const {
+        tipFormatter,
+        tooltipVisible
+      } = this.getProps();
+      return tipFormatter === null || tooltipVisible === false;
+    };
     this.onFocus = (e, handler) => {
+      const noTooltip = this._noTooltip();
+      if (noTooltip) {
+        return;
+      }
       handlePrevent(e);
       const {
         target
@@ -630,6 +641,10 @@ export default class SliderFoundation extends BaseFoundation {
       }
     };
     this.onBlur = (e, handler) => {
+      const noTooltip = this._noTooltip();
+      if (noTooltip) {
+        return;
+      }
       const {
         firstDotFocusVisible,
         secondDotFocusVisible

package/lib/es/table/utils.d.ts

@@ -102,4 +102,4 @@ export declare function isTreeTable({ dataSource, childrenRecordName }: {
 }): boolean;
 export declare function getRTLAlign(align: typeof strings.ALIGNS[number], direction?: 'ltr' | 'rtl'): typeof strings.ALIGNS[number];
 export declare function getRTLFlexAlign(align: typeof strings.ALIGNS[number], direction?: 'ltr' | 'rtl'): typeof strings.JUSTIFY_CONTENT[number];
-export declare function shouldShowEllipsisTitle(ellipsis: BaseEllipsis): true;
+export declare function shouldShowEllipsisTitle(ellipsis: BaseEllipsis): boolean;

package/lib/es/tooltip/foundation.js

@@ -77,8 +77,9 @@ export default class Tooltip extends BaseFoundation {
       });
       if (trigger === "hover") {
         const checkTriggerIsHover = () => {
+          var _a;
           const triggerDOM = this._adapter.getTriggerDOM();
-          if (trigger && !triggerDOM.matches(":hover")) {
+          if (trigger && !((_a = triggerDOM === null || triggerDOM === void 0 ? void 0 : triggerDOM.matches) === null || _a === void 0 ? void 0 : _a.call(triggerDOM, ":hover"))) {
             this.hide();
           }
           this._adapter.off("portalInserted", checkTriggerIsHover);

package/navigation/foundation.ts

@@ -1,6 +1,6 @@
 import BaseFoundation, { DefaultAdapter } from '../base/foundation';
 import NavItem from './NavItem';
-import { ItemProps } from './itemFoundation';
+import { ItemProps, ItemKey } from './itemFoundation';
 import { strings } from './constants';
 import { get } from 'lodash';
 import isNullOrUndefined from '../utils/isNullOrUndefined';
@@ -10,18 +10,18 @@ export interface ItemKey2ParentKeysMap {
 }
 
 export interface OnClickData {
-    itemKey: string | number;
+    itemKey: ItemKey;
     domEvent: any;
     isOpen: boolean
 }
 
 export interface OnSelectData extends OnClickData {
-    selectedKeys: (string | number)[];
+    selectedKeys: ItemKey[];
     selectedItems: ItemProps[]
 }
 
 export interface OnOpenChangeData extends OnClickData {
-    openKeys: (string | number)[]
+    openKeys: ItemKey[]
 }
 
 export interface NavItemType {
@@ -52,7 +52,7 @@ export default class NavigationFoundation<P = Record<string, any>, S = Record<st
     }
 
     /* istanbul ignore next */
-    static getZeroParentKeys(itemKeysMap = {}, ...itemKeys: (string | number)[]) {
+    static getZeroParentKeys(itemKeysMap = {}, ...itemKeys: ItemKey[]) {
         const willAddKeys = [];
         if (itemKeys.length) {
             for (const itemKey of itemKeys) {
@@ -182,7 +182,7 @@ export default class NavigationFoundation<P = Record<string, any>, S = Record<st
         return [...willOpenKeys];
     }
 
-    getShouldOpenKeys(itemKeysMap: ItemKey2ParentKeysMap = {}, selectedKeys: (string | number)[] = []) {
+    getShouldOpenKeys(itemKeysMap: ItemKey2ParentKeysMap = {}, selectedKeys: ItemKey[] = []) {
         const willOpenKeySet = new Set();
 
         if (Array.isArray(selectedKeys) && selectedKeys.length) {
@@ -202,7 +202,7 @@ export default class NavigationFoundation<P = Record<string, any>, S = Record<st
 
     destroy() {}
 
-    selectLevelZeroParentKeys(itemKeysMap: ItemKey2ParentKeysMap, itemKeys: (string | number)[]) {
+    selectLevelZeroParentKeys(itemKeysMap: ItemKey2ParentKeysMap, itemKeys: ItemKey[]) {
         const _itemKeysMap = isNullOrUndefined(itemKeysMap) ? this.getState('itemKeysMap') : itemKeysMap;
         // console.log(itemKeysMap);
 
@@ -236,7 +236,7 @@ export default class NavigationFoundation<P = Record<string, any>, S = Record<st
     }
 
     /* istanbul ignore next */
-    judgeIfOpen(openKeys: (string | number)[], items: NavItemType[]): boolean {
+    judgeIfOpen(openKeys: ItemKey[], items: NavItemType[]): boolean {
         let shouldBeOpen = false;
 
         const _openKeys = Array.isArray(openKeys) ? openKeys : openKeys && [openKeys];

package/navigation/itemFoundation.ts

@@ -17,10 +17,12 @@ export interface ItemProps {
     children?: any
 }
 
+export type ItemKey = string | number;
+
 export interface SelectedItemProps<Props = ItemProps> {
-    itemKey: string | number;
+    itemKey: ItemKey;
     text?: any;
-    selectedKeys?: string | number[];
+    selectedKeys?: ItemKey[];
     selectedItems?: Props[];
     domEvent?: any
 }
@@ -29,8 +31,8 @@ export interface ItemAdapter<P = Record<string, any>, S = Record<string, any>> e
     cloneDeep(value: any, customizer?: (value: any) => void): any;
     updateTooltipShow(showTooltip: boolean): void;
     updateSelected(selected: boolean): void;
-    updateGlobalSelectedKeys(keys: string[]): void;
-    getSelectedKeys(): string[];
+    updateGlobalSelectedKeys(keys: ItemKey[]): void;
+    getSelectedKeys(): ItemKey[];
     getSelectedKeysIsControlled(): boolean;
     notifyGlobalOnSelect(item: SelectedItemProps): void;
     notifyGlobalOnClick(item: SelectedItemProps): void;

package/package.json

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

package/slider/foundation.ts

@@ -686,7 +686,16 @@ export default class SliderFoundation extends BaseFoundation<SliderAdapter> {
         }
     }
 
+    _noTooltip = () => {
+        const { tipFormatter, tooltipVisible } = this.getProps();
+        return tipFormatter === null || tooltipVisible === false;
+    }
+
     onFocus = (e: any, handler: 'min'| 'max') => {
+        const noTooltip = this._noTooltip();
+        if (noTooltip) {
+            return;
+        }
         handlePrevent(e);
         const { target } = e;
         try {
@@ -703,6 +712,10 @@ export default class SliderFoundation extends BaseFoundation<SliderAdapter> {
     }
 
     onBlur = (e: any, handler: 'min'| 'max') => {
+        const noTooltip = this._noTooltip();
+        if (noTooltip) {
+            return;
+        }
         const { firstDotFocusVisible, secondDotFocusVisible } = this.getStates();
         if (handler === 'min') {
             firstDotFocusVisible && this._adapter.setStateVal('firstDotFocusVisible', false);

package/tooltip/foundation.ts

@@ -337,7 +337,7 @@ export default class Tooltip<P = Record<string, any>, S = Record<string, any>> e
         if (trigger==="hover") {
             const checkTriggerIsHover = () => {
                 const triggerDOM = this._adapter.getTriggerDOM();
-                if (trigger && !triggerDOM.matches(":hover")) {
+                if (trigger && !triggerDOM?.matches?.(":hover")) {
                     this.hide();
                 }
                 this._adapter.off("portalInserted", checkTriggerIsHover);