@douyinfe/semi-foundation 2.22.0-alpha.0 → 2.22.0-beta.0

package/autoComplete/foundation.ts

@@ -39,6 +39,7 @@ export interface AutoCompleteAdapter<P = Record<string, any>, S = Record<string,
     notifyFocus: (event?: any) => void;
     notifyBlur: (event?: any) => void;
     rePositionDropdown: () => void;
+    persistEvent: (event: any) => void;
 }
 
 class AutoCompleteFoundation<P = Record<string, any>, S = Record<string, any>> extends BaseFoundation<AutoCompleteAdapter<P, S>, P, S> {
@@ -416,8 +417,9 @@ class AutoCompleteFoundation<P = Record<string, any>, S = Record<string, any>> e
     }
 
     handleBlur(e: any) {
+        // only need persist on react adapter
         // https://reactjs.org/docs/legacy-event-pooling.html
-        e.persist();
+        this._persistEvent(e);
         // In order to handle the problem of losing onClick binding when clicking on the padding area, the onBlur event is triggered first to cause the react view to be updated
         // internal-issues:1231
         setTimeout(() => {

package/base/foundation.ts

@@ -21,6 +21,7 @@ export interface DefaultAdapter<P = Record<string, any>, S = Record<string, any>
     getCaches(): any;
     setCache(key: any, value: any): void;
     stopPropagation(e: any): void;
+    persistEvent: (event: any) => void;
 }
 
 class BaseFoundation<T extends Partial<DefaultAdapter<P, S>>, P = Record<string, any>, S = Record<string, any>> {
@@ -61,6 +62,7 @@ class BaseFoundation<T extends Partial<DefaultAdapter<P, S>>, P = Record<string,
             setCache: noop,
             getCaches: noop,
             stopPropagation: noop,
+            persistEvent: noop,
         };
     }
 
@@ -141,5 +143,10 @@ class BaseFoundation<T extends Partial<DefaultAdapter<P, S>>, P = Record<string,
     log(text: string, ...rest: any) {
         log(text, ...rest);
     }
+
+    _persistEvent(e: any) {
+        // only work for react adapter for now
+        this._adapter.persistEvent(e);
+    }
 }
 export default BaseFoundation;

package/checkbox/checkboxFoundation.ts

@@ -10,22 +10,24 @@ export interface BasicCheckboxEvent {
     target: BasicTargetObject;
     stopPropagation: () => void;
     preventDefault: () => void;
-    nativeEvent: {
-        stopImmediatePropagation: () => void;
-    }
+    [x: string]: any;
+    // nativeEvent: {
+    //     stopImmediatePropagation: () => void;
+    // }
 }
 export interface CheckboxAdapter<P = Record<string, any>, S = Record<string, any>> extends DefaultAdapter<P, S> {
     getIsInGroup: () => boolean;
     getGroupValue: () => any[];
-    notifyGroupChange: (event: BasicCheckboxEvent) => void;
+    notifyGroupChange: (e: any) => void;
     getGroupDisabled: () => boolean;
     setNativeControlChecked: (checked: boolean) => void;
     getState: noopFunction;
-    notifyChange: (event: BasicCheckboxEvent) => void;
+    notifyChange: (e: any) => void;
     setAddonId: () => void;
     setExtraId: () => void;
     setFocusVisible: (focusVisible: boolean) => void;
     focusCheckboxEntity: () => void;
+    generateEvent: (checked: boolean, e: any) => any; // 1.modify checked value 2.add nativeEvent on react adapter
 }
 
 class CheckboxFoundation<P = Record<string, any>, S = Record<string, any>> extends BaseFoundation<CheckboxAdapter<P, S>, P, S> {
@@ -46,32 +48,8 @@ class CheckboxFoundation<P = Record<string, any>, S = Record<string, any>> exten
         }
     }
 
-    getEvent(checked: boolean, e: any) {
-        const props = this.getProps();
-        const cbValue = {
-            target: {
-                ...props,
-                checked,
-            },
-            stopPropagation: () => {
-                e.stopPropagation();
-            },
-            preventDefault: () => {
-                e.preventDefault();
-            },
-            nativeEvent: {
-                stopImmediatePropagation: () => {
-                    if (e.nativeEvent && typeof e.nativeEvent.stopImmediatePropagation === 'function') {
-                        e.nativeEvent.stopImmediatePropagation();
-                    }
-                }
-            },
-        };
-        return cbValue;
-    }
-
     notifyChange(checked: boolean, e: any) {
-        const cbValue = this.getEvent(checked, e);
+        const cbValue = this._adapter.generateEvent(checked, e);
         this._adapter.notifyChange(cbValue);
     }
 
@@ -114,7 +92,7 @@ class CheckboxFoundation<P = Record<string, any>, S = Record<string, any>> exten
         const groupValue = this._adapter.getGroupValue();
         const checked = groupValue.includes(value);
         const newChecked = !checked;
-        const event = this.getEvent(newChecked, e);
+        const event = this._adapter.generateEvent(newChecked, e);
         this._adapter.notifyChange(event);
         this._adapter.notifyGroupChange(event);
     }
@@ -160,7 +138,7 @@ export interface BaseCheckboxProps {
     defaultChecked?: boolean;
     disabled?: boolean;
     indeterminate?: boolean;
-    onChange?: (e: BasicCheckboxEvent) => any;
+    onChange?: (e: any) => any;
     value?: any;
     style?: Record<string, any>;
     className?: string;

package/form/utils.ts

@@ -47,6 +47,7 @@ export function isValid(errors: any): boolean {
         errors.$$typeof.toString() === 'Symbol(react.element)'
     ) {
         // when error message is reactNode
+        // only work with React Adapter
         valid = false;
     }
     return valid;

package/image/previewImageFoundation.ts

@@ -5,13 +5,14 @@ import { throttle, isUndefined } from "lodash";
 export interface PreviewImageAdapter<P = Record<string, any>, S = Record<string, any>> extends DefaultAdapter<P, S> {
     getOriginImageSize: () => { originImageWidth: number; originImageHeight: number; }; 
     setOriginImageSize: (size: { originImageWidth: number; originImageHeight: number; }) => void;
-    getContainerRef: () => any;
-    getImageRef: () => any;
+    getContainer: () => HTMLDivElement;
+    getImage: () => HTMLImageElement;
     getMouseMove: () => boolean;
     setStartMouseMove: (move: boolean) => void;
     getMouseOffset: () => { x: number; y: number };
     setStartMouseOffset: (offset: { x: number; y: number }) => void;
     setLoading: (loading: boolean) => void;
+    setImageCursor: (canDrag: boolean) => void;
 }
 
 export interface DragDirection {
@@ -29,6 +30,17 @@ export interface ImageOffset {
     y: number;
 }
 
+const DefaultDOMRect = {
+    bottom: 0,
+    height: 0,
+    left: 0,
+    right: 0,
+    top: 0,
+    width: 0,
+    x: 0,
+    y: 0,
+    toJSON: () => ({})
+};
 export default class PreviewImageFoundation<P = Record<string, any>, S = Record<string, any>> extends BaseFoundation<PreviewImageAdapter<P, S>, P, S> {
     constructor(adapter: PreviewImageAdapter<P, S>) {
         super({ ...adapter });
@@ -37,13 +49,19 @@ export default class PreviewImageFoundation<P = Record<string, any>, S = Record<
     _isImageVertical = (): boolean => this.getProp("rotation") % 180 !== 0;
 
     _getImageBounds = (): DOMRect => {
-        const imageRef = this._adapter.getImageRef();
-        return imageRef?.getBoundingClientRect();
+        const imageDOM = this._adapter.getImage();
+        if (imageDOM) {
+            return imageDOM.getBoundingClientRect();
+        }
+        return DefaultDOMRect;
     };
 
     _getContainerBounds = (): DOMRect => {
-        const containerRef = this._adapter.getContainerRef();
-        return containerRef?.current?.getBoundingClientRect();
+        const containerDOM = this._adapter.getContainer();
+        if (containerDOM) {
+            return containerDOM.getBoundingClientRect();
+        }
+        return DefaultDOMRect;
     }
 
     _getOffset = (e: any): ImageOffset => {
@@ -98,8 +116,8 @@ export default class PreviewImageFoundation<P = Record<string, any>, S = Record<
         const imgWidth = horizontal ? originImageWidth : originImageHeight;
         const imgHeight = horizontal ? originImageHeight : originImageWidth;
         const { onZoom } = this.getProps();
-        const containerRef = this._adapter.getContainerRef();
-        if (containerRef && containerRef.current) {
+        const containerDOM = this._adapter.getContainer();
+        if (containerDOM) {
             const { width: containerWidth, height: containerHeight } = this._getContainerBounds();
             const reservedWidth = containerWidth - 80;
             const reservedHeight = containerHeight - 80;
@@ -121,12 +139,14 @@ export default class PreviewImageFoundation<P = Record<string, any>, S = Record<
         }
     };
 
-    handleWheel = (e: React.WheelEvent<HTMLImageElement>) => {
+    // e: WheelEvent<HTMLImageElement>
+    handleWheel = (e: any) => {
         this.onWheel(e);
         handlePrevent(e);
     }
 
-    onWheel = throttle((e: React.WheelEvent<HTMLImageElement>): void => {
+    // e: WheelEvent<HTMLImageElement>
+    onWheel = throttle((e: any): void => {
         const { onZoom, zoomStep, maxZoom, minZoom } = this.getProps();
         const { currZoom } = this.getStates();
         let _zoom:number;
@@ -163,7 +183,7 @@ export default class PreviewImageFoundation<P = Record<string, any>, S = Record<
     };
 
     handleZoomChange = (newZoom: number, e: any): void => {
-        const imageRef = this._adapter.getImageRef();
+        const imageDOM = this._adapter.getImage();
         const { originImageWidth, originImageHeight } = this._adapter.getOriginImageSize();
         const { canDragVertical, canDragHorizontal } = this.calcCanDragDirection();
         const canDrag = canDragVertical || canDragHorizontal;
@@ -201,7 +221,9 @@ export default class PreviewImageFoundation<P = Record<string, any>, S = Record<
             top: newTop,
             currZoom: newZoom,
         } as any);
-        imageRef && (imageRef.style.cursor = canDrag ? "grab" : "default");
+        if (imageDOM) {
+            this._adapter.setImageCursor(canDrag);
+        }
     };
 
     calcExtremeBounds = (): ExtremeBounds => {

package/image/previewInnerFoundation.ts

@@ -57,7 +57,7 @@ export default class PreviewInnerFoundation<P = Record<string, any>, S = Record<
     }
 
     handleMouseMoveEvent = (e: any, event: string) => {
-        const isTarget = isTargetEmit(e.nativeEvent, STOP_CLOSE_TARGET);
+        const isTarget = isTargetEmit(e, STOP_CLOSE_TARGET);
         if (isTarget && event === "over") {
             this._adapter.setStopTiming(true);
         } else if (isTarget && event === "out") {
@@ -74,7 +74,7 @@ export default class PreviewInnerFoundation<P = Record<string, any>, S = Record<
 
     handleMouseUp = (e: any) => {
         const { maskClosable } = this.getProps();
-        let couldClose = !isTargetEmit(e.nativeEvent, NOT_CLOSE_TARGETS);
+        let couldClose = !isTargetEmit(e, NOT_CLOSE_TARGETS);
         const { clientX, clientY } = e;
         const { x, y } = this._adapter.getStartMouseDown();
         // 对鼠标移动做容错处理，当 x 和 y 方向在 mouseUp 的时候移动距离都小于等于 5px 时候就可以关闭预览

package/input/textareaFoundation.ts

@@ -7,7 +7,6 @@ import {
 } from 'lodash';
 import calculateNodeHeight from './util/calculateNodeHeight';
 import getSizingData from './util/getSizingData';
-import isEnterPress from '../utils/isEnterPress';
 
 export interface TextAreaDefaultAdapter {
     notifyChange: noopFunction;
@@ -24,7 +23,7 @@ export interface TextAreaDefaultAdapter {
 export interface TextAreaAdapter extends Partial<DefaultAdapter>, Partial<TextAreaDefaultAdapter> {
     setMinLength(length: number): void;
     notifyPressEnter(e: any): void;
-    getRef(): any;
+    getRef(): HTMLInputElement;
     notifyHeightUpdate(e: any): void;
 }
 
@@ -175,7 +174,7 @@ export default class TextAreaFoundation extends BaseFoundation<TextAreaAdapter>
     resizeTextarea = (cb?: any) => {
         const { height } = this.getStates();
         const { rows } = this.getProps();
-        const node = this._adapter.getRef().current;
+        const node = this._adapter.getRef();
         const nodeSizingData = getSizingData(node);
 
         if (!nodeSizingData) {
@@ -199,11 +198,13 @@ export default class TextAreaFoundation extends BaseFoundation<TextAreaAdapter>
         cb && cb();
     };
 
-    handleMouseEnter(e) {
+    // e: MouseEvent
+    handleMouseEnter(e: any) {
         this._adapter.toggleHovering(true);
     }
 
-    handleMouseLeave(e) {
+    // e: MouseEvent
+    handleMouseLeave(e: any) {
         this._adapter.toggleHovering(false);
     }
 

package/inputNumber/foundation.ts

@@ -300,7 +300,7 @@ class InputNumberFoundation extends BaseFoundation<InputNumberAdapter> {
         }
         this._adapter.setClickUpOrDown(true);
         if (event) {
-            event.persist();
+            this._persistEvent(event);
             event.stopPropagation();
             // Prevent native blurring events
             this._preventDefault(event);
@@ -321,7 +321,7 @@ class InputNumberFoundation extends BaseFoundation<InputNumberAdapter> {
         }
         this._adapter.setClickUpOrDown(true);
         if (event) {
-            event.persist();
+            this._persistEvent(event);
             event.stopPropagation();
             this._preventDefault(event);
         }

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

@@ -30,6 +30,7 @@ export interface AutoCompleteAdapter<P = Record<string, any>, S = Record<string,
     notifyFocus: (event?: any) => void;
     notifyBlur: (event?: any) => void;
     rePositionDropdown: () => void;
+    persistEvent: (event: any) => void;
 }
 declare class AutoCompleteFoundation<P = Record<string, any>, S = Record<string, any>> extends BaseFoundation<AutoCompleteAdapter<P, S>, P, S> {
     private _keydownHandler;

package/lib/cjs/autoComplete/foundation.js

@@ -499,10 +499,12 @@ class AutoCompleteFoundation extends _foundation.default {
   }
 
   handleBlur(e) {
+    // only need persist on react adapter
     // https://reactjs.org/docs/legacy-event-pooling.html
-    e.persist(); // In order to handle the problem of losing onClick binding when clicking on the padding area, the onBlur event is triggered first to cause the react view to be updated
+    this._persistEvent(e); // In order to handle the problem of losing onClick binding when clicking on the padding area, the onBlur event is triggered first to cause the react view to be updated
     // internal-issues:1231
 
+
     setTimeout(() => {
       this._adapter.notifyBlur(e);
 

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

@@ -16,6 +16,7 @@ export interface DefaultAdapter<P = Record<string, any>, S = Record<string, any>
     getCaches(): any;
     setCache(key: any, value: any): void;
     stopPropagation(e: any): void;
+    persistEvent: (event: any) => void;
 }
 declare class BaseFoundation<T extends Partial<DefaultAdapter<P, S>>, P = Record<string, any>, S = Record<string, any>> {
     /** @return enum{css className} */
@@ -36,6 +37,7 @@ declare class BaseFoundation<T extends Partial<DefaultAdapter<P, S>>, P = Record
         setCache: (...args: any[]) => void;
         getCaches: (...args: any[]) => void;
         stopPropagation: (...args: any[]) => void;
+        persistEvent: (...args: any[]) => void;
     };
     _adapter: T;
     constructor(adapter: T);
@@ -55,5 +57,6 @@ declare class BaseFoundation<T extends Partial<DefaultAdapter<P, S>>, P = Record
     init(lifecycle?: any): void;
     destroy(): void;
     log(text: string, ...rest: any): void;
+    _persistEvent(e: any): void;
 }
 export default BaseFoundation;

package/lib/cjs/base/foundation.js

@@ -63,7 +63,8 @@ class BaseFoundation {
       getCache: _noop2.default,
       setCache: _noop2.default,
       getCaches: _noop2.default,
-      stopPropagation: _noop2.default
+      stopPropagation: _noop2.default,
+      persistEvent: _noop2.default
     };
   }
 
@@ -145,6 +146,11 @@ class BaseFoundation {
     (0, _log.default)(text, ...rest);
   }
 
+  _persistEvent(e) {
+    // only work for react adapter for now
+    this._adapter.persistEvent(e);
+  }
+
 }
 
 var _default = BaseFoundation;

package/lib/cjs/checkbox/checkboxFoundation.d.ts

@@ -7,35 +7,26 @@ export interface BasicCheckboxEvent {
     target: BasicTargetObject;
     stopPropagation: () => void;
     preventDefault: () => void;
-    nativeEvent: {
-        stopImmediatePropagation: () => void;
-    };
+    [x: string]: any;
 }
 export interface CheckboxAdapter<P = Record<string, any>, S = Record<string, any>> extends DefaultAdapter<P, S> {
     getIsInGroup: () => boolean;
     getGroupValue: () => any[];
-    notifyGroupChange: (event: BasicCheckboxEvent) => void;
+    notifyGroupChange: (e: any) => void;
     getGroupDisabled: () => boolean;
     setNativeControlChecked: (checked: boolean) => void;
     getState: noopFunction;
-    notifyChange: (event: BasicCheckboxEvent) => void;
+    notifyChange: (e: any) => void;
     setAddonId: () => void;
     setExtraId: () => void;
     setFocusVisible: (focusVisible: boolean) => void;
     focusCheckboxEntity: () => void;
+    generateEvent: (checked: boolean, e: any) => any;
 }
 declare class CheckboxFoundation<P = Record<string, any>, S = Record<string, any>> extends BaseFoundation<CheckboxAdapter<P, S>, P, S> {
     constructor(adapter: CheckboxAdapter<P, S>);
     clickState: boolean;
     init(): void;
-    getEvent(checked: boolean, e: any): {
-        target: any;
-        stopPropagation: () => void;
-        preventDefault: () => void;
-        nativeEvent: {
-            stopImmediatePropagation: () => void;
-        };
-    };
     notifyChange(checked: boolean, e: any): void;
     handleChange(e: any): void;
     handleChangeInGroup(e: any): void;
@@ -52,7 +43,7 @@ export interface BaseCheckboxProps {
     defaultChecked?: boolean;
     disabled?: boolean;
     indeterminate?: boolean;
-    onChange?: (e: BasicCheckboxEvent) => any;
+    onChange?: (e: any) => any;
     value?: any;
     style?: Record<string, any>;
     className?: string;

package/lib/cjs/checkbox/checkboxFoundation.js

@@ -61,31 +61,8 @@ class CheckboxFoundation extends _foundation.default {
     }
   }
 
-  getEvent(checked, e) {
-    const props = this.getProps();
-    const cbValue = {
-      target: Object.assign(Object.assign({}, props), {
-        checked
-      }),
-      stopPropagation: () => {
-        e.stopPropagation();
-      },
-      preventDefault: () => {
-        e.preventDefault();
-      },
-      nativeEvent: {
-        stopImmediatePropagation: () => {
-          if (e.nativeEvent && typeof e.nativeEvent.stopImmediatePropagation === 'function') {
-            e.nativeEvent.stopImmediatePropagation();
-          }
-        }
-      }
-    };
-    return cbValue;
-  }
-
   notifyChange(checked, e) {
-    const cbValue = this.getEvent(checked, e);
+    const cbValue = this._adapter.generateEvent(checked, e);
 
     this._adapter.notifyChange(cbValue);
   }
@@ -135,7 +112,8 @@ class CheckboxFoundation extends _foundation.default {
 
     const checked = groupValue.includes(value);
     const newChecked = !checked;
-    const event = this.getEvent(newChecked, e);
+
+    const event = this._adapter.generateEvent(newChecked, e);
 
     this._adapter.notifyChange(event);
 

package/lib/cjs/form/utils.js

@@ -76,6 +76,7 @@ function isValid(errors) {
     valid = errors;
   } else if (errors && typeof errors.$$typeof === 'symbol' && errors.$$typeof.toString() === 'Symbol(react.element)') {
     // when error message is reactNode
+    // only work with React Adapter
     valid = false;
   }
 

package/lib/cjs/image/previewImageFoundation.d.ts

@@ -9,8 +9,8 @@ export interface PreviewImageAdapter<P = Record<string, any>, S = Record<string,
         originImageWidth: number;
         originImageHeight: number;
     }) => void;
-    getContainerRef: () => any;
-    getImageRef: () => any;
+    getContainer: () => HTMLDivElement;
+    getImage: () => HTMLImageElement;
     getMouseMove: () => boolean;
     setStartMouseMove: (move: boolean) => void;
     getMouseOffset: () => {
@@ -22,6 +22,7 @@ export interface PreviewImageAdapter<P = Record<string, any>, S = Record<string,
         y: number;
     }) => void;
     setLoading: (loading: boolean) => void;
+    setImageCursor: (canDrag: boolean) => void;
 }
 export interface DragDirection {
     canDragVertical: boolean;
@@ -47,8 +48,8 @@ export default class PreviewImageFoundation<P = Record<string, any>, S = Record<
     handleError: (e: any) => void;
     handleResizeImage: () => void;
     handleRightClickImage: (e: any) => boolean;
-    handleWheel: (e: React.WheelEvent<HTMLImageElement>) => void;
-    onWheel: import("lodash").DebouncedFunc<(e: React.WheelEvent<HTMLImageElement>) => void>;
+    handleWheel: (e: any) => void;
+    onWheel: import("lodash").DebouncedFunc<(e: any) => void>;
     calcCanDragDirection: () => DragDirection;
     handleZoomChange: (newZoom: number, e: any) => void;
     calcExtremeBounds: () => ExtremeBounds;

package/lib/cjs/image/previewImageFoundation.js

@@ -15,6 +15,18 @@ var _a11y = require("../utils/a11y");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
+const DefaultDOMRect = {
+  bottom: 0,
+  height: 0,
+  left: 0,
+  right: 0,
+  top: 0,
+  width: 0,
+  x: 0,
+  y: 0,
+  toJSON: () => ({})
+};
+
 class PreviewImageFoundation extends _foundation.default {
   constructor(adapter) {
     super(Object.assign({}, adapter));
@@ -22,17 +34,23 @@ class PreviewImageFoundation extends _foundation.default {
     this._isImageVertical = () => this.getProp("rotation") % 180 !== 0;
 
     this._getImageBounds = () => {
-      const imageRef = this._adapter.getImageRef();
+      const imageDOM = this._adapter.getImage();
+
+      if (imageDOM) {
+        return imageDOM.getBoundingClientRect();
+      }
 
-      return imageRef === null || imageRef === void 0 ? void 0 : imageRef.getBoundingClientRect();
+      return DefaultDOMRect;
     };
 
     this._getContainerBounds = () => {
-      var _a;
+      const containerDOM = this._adapter.getContainer();
 
-      const containerRef = this._adapter.getContainerRef();
+      if (containerDOM) {
+        return containerDOM.getBoundingClientRect();
+      }
 
-      return (_a = containerRef === null || containerRef === void 0 ? void 0 : containerRef.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect();
+      return DefaultDOMRect;
     };
 
     this._getOffset = e => {
@@ -123,9 +141,9 @@ class PreviewImageFoundation extends _foundation.default {
         onZoom
       } = this.getProps();
 
-      const containerRef = this._adapter.getContainerRef();
+      const containerDOM = this._adapter.getContainer();
 
-      if (containerRef && containerRef.current) {
+      if (containerDOM) {
         const {
           width: containerWidth,
           height: containerHeight
@@ -152,12 +170,14 @@ class PreviewImageFoundation extends _foundation.default {
       } else {
         return true;
       }
-    };
+    }; // e: WheelEvent<HTMLImageElement>
+
 
     this.handleWheel = e => {
       this.onWheel(e);
       (0, _a11y.handlePrevent)(e);
-    };
+    }; // e: WheelEvent<HTMLImageElement>
+
 
     this.onWheel = (0, _throttle2.default)(e => {
       const {
@@ -218,7 +238,7 @@ class PreviewImageFoundation extends _foundation.default {
     };
 
     this.handleZoomChange = (newZoom, e) => {
-      const imageRef = this._adapter.getImageRef();
+      const imageDOM = this._adapter.getImage();
 
       const {
         originImageWidth,
@@ -269,7 +289,10 @@ class PreviewImageFoundation extends _foundation.default {
         top: newTop,
         currZoom: newZoom
       });
-      imageRef && (imageRef.style.cursor = canDrag ? "grab" : "default");
+
+      if (imageDOM) {
+        this._adapter.setImageCursor(canDrag);
+      }
     };
 
     this.calcExtremeBounds = () => {

package/lib/cjs/image/previewInnerFoundation.js

@@ -42,7 +42,7 @@ class PreviewInnerFoundation extends _foundation.default {
     };
 
     this.handleMouseMoveEvent = (e, event) => {
-      const isTarget = (0, _utils.isTargetEmit)(e.nativeEvent, STOP_CLOSE_TARGET);
+      const isTarget = (0, _utils.isTargetEmit)(e, STOP_CLOSE_TARGET);
 
       if (isTarget && event === "over") {
         this._adapter.setStopTiming(true);
@@ -63,7 +63,7 @@ class PreviewInnerFoundation extends _foundation.default {
       const {
         maskClosable
       } = this.getProps();
-      let couldClose = !(0, _utils.isTargetEmit)(e.nativeEvent, NOT_CLOSE_TARGETS);
+      let couldClose = !(0, _utils.isTargetEmit)(e, NOT_CLOSE_TARGETS);
       const {
         clientX,
         clientY

package/lib/cjs/input/textareaFoundation.d.ts

@@ -13,7 +13,7 @@ export interface TextAreaDefaultAdapter {
 export interface TextAreaAdapter extends Partial<DefaultAdapter>, Partial<TextAreaDefaultAdapter> {
     setMinLength(length: number): void;
     notifyPressEnter(e: any): void;
-    getRef(): any;
+    getRef(): HTMLInputElement;
     notifyHeightUpdate(e: any): void;
 }
 export default class TextAreaFoundation extends BaseFoundation<TextAreaAdapter> {