amis-ui 6.14.0-beta.9 → 7.0.0-next.1

package/esm/components/PopOverContainer.js

@@ -1,13 +1,12 @@
 /**
- * amis-ui v6.14.0-beta.9
+ * amis-ui v7.0.0-next.1
  * Copyright 2018-2025 fex
  */
 
 import { __extends, __spreadArray, __read, __decorate, __metadata } from 'tslib';
 import React__default from 'react';
-import { toNumber, Overlay, PopOver, autobind } from 'amis-core';
+import { findDomCompat, toNumber, Overlay, PopOver, autobind } from 'amis-core';
 import PopUp from './PopUp.js';
-import { findDOMNode } from 'react-dom';
 import isNumber from 'lodash/isNumber';
 
 var PopOverContainer = /** @class */ (function (_super) {
@@ -20,7 +19,7 @@ var PopOverContainer = /** @class */ (function (_super) {
         return _this;
     }
     PopOverContainer.prototype.targetRef = function (target) {
-        this.target = target ? findDOMNode(target) : null;
+        this.target = target ? findDomCompat(target) : null;
     };
     PopOverContainer.prototype.handleClick = function (e) {
         var _this = this;
@@ -46,7 +45,7 @@ var PopOverContainer = /** @class */ (function (_super) {
         }
     };
     PopOverContainer.prototype.getTarget = function () {
-        return this.target || findDOMNode(this);
+        return this.target || findDomCompat(this);
     };
     PopOverContainer.prototype.getParent = function () {
         var _a;

package/esm/components/PopUp.d.ts

@@ -27,6 +27,7 @@ export interface PopUpPorps extends ThemeProps, LocaleProps {
 }
 export declare class PopUp extends React.PureComponent<PopUpPorps> {
     scrollTop: number;
+    transitionRef: React.RefObject<HTMLDivElement>;
     static defaultProps: {
         className: string;
         overlay: boolean;
@@ -41,9 +42,9 @@ export declare class PopUp extends React.PureComponent<PopUpPorps> {
     render(): React.JSX.Element;
 }
 declare const _default: {
-    new (props: Omit<Pick<Omit<PopUpPorps, keyof LocaleProps>, "header" | "style" | "title" | "classnames" | "classPrefix" | "theme" | "mobileUI" | "children" | "onHide" | "onExited" | "onEntered" | "placement" | "showConfirm"> & {
-        className?: string | undefined;
+    new (props: Omit<Pick<Omit<PopUpPorps, keyof LocaleProps>, "children" | "header" | "style" | "title" | "classnames" | "classPrefix" | "theme" | "mobileUI" | "onHide" | "onExited" | "onEntered" | "placement" | "showConfirm"> & {
         container?: any;
+        className?: string | undefined;
         overlay?: boolean | undefined;
         isShow?: boolean | undefined;
         onConfirm?: ((value: any) => void) | undefined;
@@ -57,9 +58,9 @@ declare const _default: {
         getWrappedInstance: () => any;
         render(): React.JSX.Element;
         context: unknown;
-        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Omit<Pick<Omit<PopUpPorps, keyof LocaleProps>, "header" | "style" | "title" | "classnames" | "classPrefix" | "theme" | "mobileUI" | "children" | "onHide" | "onExited" | "onEntered" | "placement" | "showConfirm"> & {
-            className?: string | undefined;
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Omit<Pick<Omit<PopUpPorps, keyof LocaleProps>, "children" | "header" | "style" | "title" | "classnames" | "classPrefix" | "theme" | "mobileUI" | "onHide" | "onExited" | "onEntered" | "placement" | "showConfirm"> & {
             container?: any;
+            className?: string | undefined;
             overlay?: boolean | undefined;
             isShow?: boolean | undefined;
             onConfirm?: ((value: any) => void) | undefined;
@@ -69,9 +70,9 @@ declare const _default: {
             translate?: (str: string, ...args: any[]) => string;
         }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
-        readonly props: Readonly<Omit<Pick<Omit<PopUpPorps, keyof LocaleProps>, "header" | "style" | "title" | "classnames" | "classPrefix" | "theme" | "mobileUI" | "children" | "onHide" | "onExited" | "onEntered" | "placement" | "showConfirm"> & {
-            className?: string | undefined;
+        readonly props: Readonly<Omit<Pick<Omit<PopUpPorps, keyof LocaleProps>, "children" | "header" | "style" | "title" | "classnames" | "classPrefix" | "theme" | "mobileUI" | "onHide" | "onExited" | "onEntered" | "placement" | "showConfirm"> & {
             container?: any;
+            className?: string | undefined;
             overlay?: boolean | undefined;
             isShow?: boolean | undefined;
             onConfirm?: ((value: any) => void) | undefined;
@@ -85,9 +86,9 @@ declare const _default: {
             [key: string]: React.ReactInstance;
         };
         componentDidMount?(): void;
-        shouldComponentUpdate?(nextProps: Readonly<Omit<Pick<Omit<PopUpPorps, keyof LocaleProps>, "header" | "style" | "title" | "classnames" | "classPrefix" | "theme" | "mobileUI" | "children" | "onHide" | "onExited" | "onEntered" | "placement" | "showConfirm"> & {
-            className?: string | undefined;
+        shouldComponentUpdate?(nextProps: Readonly<Omit<Pick<Omit<PopUpPorps, keyof LocaleProps>, "children" | "header" | "style" | "title" | "classnames" | "classPrefix" | "theme" | "mobileUI" | "onHide" | "onExited" | "onEntered" | "placement" | "showConfirm"> & {
             container?: any;
+            className?: string | undefined;
             overlay?: boolean | undefined;
             isShow?: boolean | undefined;
             onConfirm?: ((value: any) => void) | undefined;
@@ -98,9 +99,9 @@ declare const _default: {
         }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextState: Readonly<{}>, nextContext: any): boolean;
         componentWillUnmount?(): void;
         componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-        getSnapshotBeforeUpdate?(prevProps: Readonly<Omit<Pick<Omit<PopUpPorps, keyof LocaleProps>, "header" | "style" | "title" | "classnames" | "classPrefix" | "theme" | "mobileUI" | "children" | "onHide" | "onExited" | "onEntered" | "placement" | "showConfirm"> & {
-            className?: string | undefined;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<Omit<Pick<Omit<PopUpPorps, keyof LocaleProps>, "children" | "header" | "style" | "title" | "classnames" | "classPrefix" | "theme" | "mobileUI" | "onHide" | "onExited" | "onEntered" | "placement" | "showConfirm"> & {
             container?: any;
+            className?: string | undefined;
             overlay?: boolean | undefined;
             isShow?: boolean | undefined;
             onConfirm?: ((value: any) => void) | undefined;
@@ -109,9 +110,9 @@ declare const _default: {
             locale?: string;
             translate?: (str: string, ...args: any[]) => string;
         }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>, prevState: Readonly<{}>): any;
-        componentDidUpdate?(prevProps: Readonly<Omit<Pick<Omit<PopUpPorps, keyof LocaleProps>, "header" | "style" | "title" | "classnames" | "classPrefix" | "theme" | "mobileUI" | "children" | "onHide" | "onExited" | "onEntered" | "placement" | "showConfirm"> & {
-            className?: string | undefined;
+        componentDidUpdate?(prevProps: Readonly<Omit<Pick<Omit<PopUpPorps, keyof LocaleProps>, "children" | "header" | "style" | "title" | "classnames" | "classPrefix" | "theme" | "mobileUI" | "onHide" | "onExited" | "onEntered" | "placement" | "showConfirm"> & {
             container?: any;
+            className?: string | undefined;
             overlay?: boolean | undefined;
             isShow?: boolean | undefined;
             onConfirm?: ((value: any) => void) | undefined;
@@ -122,9 +123,9 @@ declare const _default: {
         }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>, prevState: Readonly<{}>, snapshot?: any): void;
         componentWillMount?(): void;
         UNSAFE_componentWillMount?(): void;
-        componentWillReceiveProps?(nextProps: Readonly<Omit<Pick<Omit<PopUpPorps, keyof LocaleProps>, "header" | "style" | "title" | "classnames" | "classPrefix" | "theme" | "mobileUI" | "children" | "onHide" | "onExited" | "onEntered" | "placement" | "showConfirm"> & {
-            className?: string | undefined;
+        componentWillReceiveProps?(nextProps: Readonly<Omit<Pick<Omit<PopUpPorps, keyof LocaleProps>, "children" | "header" | "style" | "title" | "classnames" | "classPrefix" | "theme" | "mobileUI" | "onHide" | "onExited" | "onEntered" | "placement" | "showConfirm"> & {
             container?: any;
+            className?: string | undefined;
             overlay?: boolean | undefined;
             isShow?: boolean | undefined;
             onConfirm?: ((value: any) => void) | undefined;
@@ -133,9 +134,9 @@ declare const _default: {
             locale?: string;
             translate?: (str: string, ...args: any[]) => string;
         }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextContext: any): void;
-        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Omit<Pick<Omit<PopUpPorps, keyof LocaleProps>, "header" | "style" | "title" | "classnames" | "classPrefix" | "theme" | "mobileUI" | "children" | "onHide" | "onExited" | "onEntered" | "placement" | "showConfirm"> & {
-            className?: string | undefined;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Omit<Pick<Omit<PopUpPorps, keyof LocaleProps>, "children" | "header" | "style" | "title" | "classnames" | "classPrefix" | "theme" | "mobileUI" | "onHide" | "onExited" | "onEntered" | "placement" | "showConfirm"> & {
             container?: any;
+            className?: string | undefined;
             overlay?: boolean | undefined;
             isShow?: boolean | undefined;
             onConfirm?: ((value: any) => void) | undefined;
@@ -144,9 +145,9 @@ declare const _default: {
             locale?: string;
             translate?: (str: string, ...args: any[]) => string;
         }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextContext: any): void;
-        componentWillUpdate?(nextProps: Readonly<Omit<Pick<Omit<PopUpPorps, keyof LocaleProps>, "header" | "style" | "title" | "classnames" | "classPrefix" | "theme" | "mobileUI" | "children" | "onHide" | "onExited" | "onEntered" | "placement" | "showConfirm"> & {
-            className?: string | undefined;
+        componentWillUpdate?(nextProps: Readonly<Omit<Pick<Omit<PopUpPorps, keyof LocaleProps>, "children" | "header" | "style" | "title" | "classnames" | "classPrefix" | "theme" | "mobileUI" | "onHide" | "onExited" | "onEntered" | "placement" | "showConfirm"> & {
             container?: any;
+            className?: string | undefined;
             overlay?: boolean | undefined;
             isShow?: boolean | undefined;
             onConfirm?: ((value: any) => void) | undefined;
@@ -155,9 +156,9 @@ declare const _default: {
             locale?: string;
             translate?: (str: string, ...args: any[]) => string;
         }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextState: Readonly<{}>, nextContext: any): void;
-        UNSAFE_componentWillUpdate?(nextProps: Readonly<Omit<Pick<Omit<PopUpPorps, keyof LocaleProps>, "header" | "style" | "title" | "classnames" | "classPrefix" | "theme" | "mobileUI" | "children" | "onHide" | "onExited" | "onEntered" | "placement" | "showConfirm"> & {
-            className?: string | undefined;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<Omit<Pick<Omit<PopUpPorps, keyof LocaleProps>, "children" | "header" | "style" | "title" | "classnames" | "classPrefix" | "theme" | "mobileUI" | "onHide" | "onExited" | "onEntered" | "placement" | "showConfirm"> & {
             container?: any;
+            className?: string | undefined;
             overlay?: boolean | undefined;
             isShow?: boolean | undefined;
             onConfirm?: ((value: any) => void) | undefined;
@@ -170,9 +171,9 @@ declare const _default: {
     displayName: string;
     contextType: React.Context<string>;
     ComposedComponent: React.ComponentType<{
-        new (props: Pick<Omit<PopUpPorps, keyof LocaleProps>, "header" | "style" | "title" | "classnames" | "classPrefix" | "theme" | "mobileUI" | "children" | "onHide" | "onExited" | "onEntered" | "placement" | "showConfirm"> & {
-            className?: string | undefined;
+        new (props: Pick<Omit<PopUpPorps, keyof LocaleProps>, "children" | "header" | "style" | "title" | "classnames" | "classPrefix" | "theme" | "mobileUI" | "onHide" | "onExited" | "onEntered" | "placement" | "showConfirm"> & {
             container?: any;
+            className?: string | undefined;
             overlay?: boolean | undefined;
             isShow?: boolean | undefined;
             onConfirm?: ((value: any) => void) | undefined;
@@ -186,9 +187,9 @@ declare const _default: {
             getWrappedInstance(): any;
             render(): React.JSX.Element;
             context: unknown;
-            setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<PopUpPorps, keyof LocaleProps>, "header" | "style" | "title" | "classnames" | "classPrefix" | "theme" | "mobileUI" | "children" | "onHide" | "onExited" | "onEntered" | "placement" | "showConfirm"> & {
-                className?: string | undefined;
+            setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<PopUpPorps, keyof LocaleProps>, "children" | "header" | "style" | "title" | "classnames" | "classPrefix" | "theme" | "mobileUI" | "onHide" | "onExited" | "onEntered" | "placement" | "showConfirm"> & {
                 container?: any;
+                className?: string | undefined;
                 overlay?: boolean | undefined;
                 isShow?: boolean | undefined;
                 onConfirm?: ((value: any) => void) | undefined;
@@ -198,9 +199,9 @@ declare const _default: {
                 translate?: (str: string, ...args: any[]) => string;
             }>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
             forceUpdate(callback?: (() => void) | undefined): void;
-            readonly props: Readonly<Pick<Omit<PopUpPorps, keyof LocaleProps>, "header" | "style" | "title" | "classnames" | "classPrefix" | "theme" | "mobileUI" | "children" | "onHide" | "onExited" | "onEntered" | "placement" | "showConfirm"> & {
-                className?: string | undefined;
+            readonly props: Readonly<Pick<Omit<PopUpPorps, keyof LocaleProps>, "children" | "header" | "style" | "title" | "classnames" | "classPrefix" | "theme" | "mobileUI" | "onHide" | "onExited" | "onEntered" | "placement" | "showConfirm"> & {
                 container?: any;
+                className?: string | undefined;
                 overlay?: boolean | undefined;
                 isShow?: boolean | undefined;
                 onConfirm?: ((value: any) => void) | undefined;
@@ -214,9 +215,9 @@ declare const _default: {
                 [key: string]: React.ReactInstance;
             };
             componentDidMount?(): void;
-            shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<PopUpPorps, keyof LocaleProps>, "header" | "style" | "title" | "classnames" | "classPrefix" | "theme" | "mobileUI" | "children" | "onHide" | "onExited" | "onEntered" | "placement" | "showConfirm"> & {
-                className?: string | undefined;
+            shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<PopUpPorps, keyof LocaleProps>, "children" | "header" | "style" | "title" | "classnames" | "classPrefix" | "theme" | "mobileUI" | "onHide" | "onExited" | "onEntered" | "placement" | "showConfirm"> & {
                 container?: any;
+                className?: string | undefined;
                 overlay?: boolean | undefined;
                 isShow?: boolean | undefined;
                 onConfirm?: ((value: any) => void) | undefined;
@@ -227,9 +228,9 @@ declare const _default: {
             }>, nextState: Readonly<{}>, nextContext: any): boolean;
             componentWillUnmount?(): void;
             componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-            getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<PopUpPorps, keyof LocaleProps>, "header" | "style" | "title" | "classnames" | "classPrefix" | "theme" | "mobileUI" | "children" | "onHide" | "onExited" | "onEntered" | "placement" | "showConfirm"> & {
-                className?: string | undefined;
+            getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<PopUpPorps, keyof LocaleProps>, "children" | "header" | "style" | "title" | "classnames" | "classPrefix" | "theme" | "mobileUI" | "onHide" | "onExited" | "onEntered" | "placement" | "showConfirm"> & {
                 container?: any;
+                className?: string | undefined;
                 overlay?: boolean | undefined;
                 isShow?: boolean | undefined;
                 onConfirm?: ((value: any) => void) | undefined;
@@ -238,9 +239,9 @@ declare const _default: {
                 locale?: string;
                 translate?: (str: string, ...args: any[]) => string;
             }>, prevState: Readonly<{}>): any;
-            componentDidUpdate?(prevProps: Readonly<Pick<Omit<PopUpPorps, keyof LocaleProps>, "header" | "style" | "title" | "classnames" | "classPrefix" | "theme" | "mobileUI" | "children" | "onHide" | "onExited" | "onEntered" | "placement" | "showConfirm"> & {
-                className?: string | undefined;
+            componentDidUpdate?(prevProps: Readonly<Pick<Omit<PopUpPorps, keyof LocaleProps>, "children" | "header" | "style" | "title" | "classnames" | "classPrefix" | "theme" | "mobileUI" | "onHide" | "onExited" | "onEntered" | "placement" | "showConfirm"> & {
                 container?: any;
+                className?: string | undefined;
                 overlay?: boolean | undefined;
                 isShow?: boolean | undefined;
                 onConfirm?: ((value: any) => void) | undefined;
@@ -251,9 +252,9 @@ declare const _default: {
             }>, prevState: Readonly<{}>, snapshot?: any): void;
             componentWillMount?(): void;
             UNSAFE_componentWillMount?(): void;
-            componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<PopUpPorps, keyof LocaleProps>, "header" | "style" | "title" | "classnames" | "classPrefix" | "theme" | "mobileUI" | "children" | "onHide" | "onExited" | "onEntered" | "placement" | "showConfirm"> & {
-                className?: string | undefined;
+            componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<PopUpPorps, keyof LocaleProps>, "children" | "header" | "style" | "title" | "classnames" | "classPrefix" | "theme" | "mobileUI" | "onHide" | "onExited" | "onEntered" | "placement" | "showConfirm"> & {
                 container?: any;
+                className?: string | undefined;
                 overlay?: boolean | undefined;
                 isShow?: boolean | undefined;
                 onConfirm?: ((value: any) => void) | undefined;
@@ -262,9 +263,9 @@ declare const _default: {
                 locale?: string;
                 translate?: (str: string, ...args: any[]) => string;
             }>, nextContext: any): void;
-            UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<PopUpPorps, keyof LocaleProps>, "header" | "style" | "title" | "classnames" | "classPrefix" | "theme" | "mobileUI" | "children" | "onHide" | "onExited" | "onEntered" | "placement" | "showConfirm"> & {
-                className?: string | undefined;
+            UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<PopUpPorps, keyof LocaleProps>, "children" | "header" | "style" | "title" | "classnames" | "classPrefix" | "theme" | "mobileUI" | "onHide" | "onExited" | "onEntered" | "placement" | "showConfirm"> & {
                 container?: any;
+                className?: string | undefined;
                 overlay?: boolean | undefined;
                 isShow?: boolean | undefined;
                 onConfirm?: ((value: any) => void) | undefined;
@@ -273,9 +274,9 @@ declare const _default: {
                 locale?: string;
                 translate?: (str: string, ...args: any[]) => string;
             }>, nextContext: any): void;
-            componentWillUpdate?(nextProps: Readonly<Pick<Omit<PopUpPorps, keyof LocaleProps>, "header" | "style" | "title" | "classnames" | "classPrefix" | "theme" | "mobileUI" | "children" | "onHide" | "onExited" | "onEntered" | "placement" | "showConfirm"> & {
-                className?: string | undefined;
+            componentWillUpdate?(nextProps: Readonly<Pick<Omit<PopUpPorps, keyof LocaleProps>, "children" | "header" | "style" | "title" | "classnames" | "classPrefix" | "theme" | "mobileUI" | "onHide" | "onExited" | "onEntered" | "placement" | "showConfirm"> & {
                 container?: any;
+                className?: string | undefined;
                 overlay?: boolean | undefined;
                 isShow?: boolean | undefined;
                 onConfirm?: ((value: any) => void) | undefined;
@@ -284,9 +285,9 @@ declare const _default: {
                 locale?: string;
                 translate?: (str: string, ...args: any[]) => string;
             }>, nextState: Readonly<{}>, nextContext: any): void;
-            UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<PopUpPorps, keyof LocaleProps>, "header" | "style" | "title" | "classnames" | "classPrefix" | "theme" | "mobileUI" | "children" | "onHide" | "onExited" | "onEntered" | "placement" | "showConfirm"> & {
-                className?: string | undefined;
+            UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<PopUpPorps, keyof LocaleProps>, "children" | "header" | "style" | "title" | "classnames" | "classPrefix" | "theme" | "mobileUI" | "onHide" | "onExited" | "onEntered" | "placement" | "showConfirm"> & {
                 container?: any;
+                className?: string | undefined;
                 overlay?: boolean | undefined;
                 isShow?: boolean | undefined;
                 onConfirm?: ((value: any) => void) | undefined;
@@ -303,9 +304,9 @@ declare const _default: {
         ComposedComponent: typeof PopUp;
     }>;
 } & import("hoist-non-react-statics").NonReactStatics<{
-    new (props: Pick<Omit<PopUpPorps, keyof LocaleProps>, "header" | "style" | "title" | "classnames" | "classPrefix" | "theme" | "mobileUI" | "children" | "onHide" | "onExited" | "onEntered" | "placement" | "showConfirm"> & {
-        className?: string | undefined;
+    new (props: Pick<Omit<PopUpPorps, keyof LocaleProps>, "children" | "header" | "style" | "title" | "classnames" | "classPrefix" | "theme" | "mobileUI" | "onHide" | "onExited" | "onEntered" | "placement" | "showConfirm"> & {
         container?: any;
+        className?: string | undefined;
         overlay?: boolean | undefined;
         isShow?: boolean | undefined;
         onConfirm?: ((value: any) => void) | undefined;
@@ -319,9 +320,9 @@ declare const _default: {
         getWrappedInstance(): any;
         render(): React.JSX.Element;
         context: unknown;
-        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<PopUpPorps, keyof LocaleProps>, "header" | "style" | "title" | "classnames" | "classPrefix" | "theme" | "mobileUI" | "children" | "onHide" | "onExited" | "onEntered" | "placement" | "showConfirm"> & {
-            className?: string | undefined;
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<PopUpPorps, keyof LocaleProps>, "children" | "header" | "style" | "title" | "classnames" | "classPrefix" | "theme" | "mobileUI" | "onHide" | "onExited" | "onEntered" | "placement" | "showConfirm"> & {
             container?: any;
+            className?: string | undefined;
             overlay?: boolean | undefined;
             isShow?: boolean | undefined;
             onConfirm?: ((value: any) => void) | undefined;
@@ -331,9 +332,9 @@ declare const _default: {
             translate?: (str: string, ...args: any[]) => string;
         }>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
-        readonly props: Readonly<Pick<Omit<PopUpPorps, keyof LocaleProps>, "header" | "style" | "title" | "classnames" | "classPrefix" | "theme" | "mobileUI" | "children" | "onHide" | "onExited" | "onEntered" | "placement" | "showConfirm"> & {
-            className?: string | undefined;
+        readonly props: Readonly<Pick<Omit<PopUpPorps, keyof LocaleProps>, "children" | "header" | "style" | "title" | "classnames" | "classPrefix" | "theme" | "mobileUI" | "onHide" | "onExited" | "onEntered" | "placement" | "showConfirm"> & {
             container?: any;
+            className?: string | undefined;
             overlay?: boolean | undefined;
             isShow?: boolean | undefined;
             onConfirm?: ((value: any) => void) | undefined;
@@ -347,9 +348,9 @@ declare const _default: {
             [key: string]: React.ReactInstance;
         };
         componentDidMount?(): void;
-        shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<PopUpPorps, keyof LocaleProps>, "header" | "style" | "title" | "classnames" | "classPrefix" | "theme" | "mobileUI" | "children" | "onHide" | "onExited" | "onEntered" | "placement" | "showConfirm"> & {
-            className?: string | undefined;
+        shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<PopUpPorps, keyof LocaleProps>, "children" | "header" | "style" | "title" | "classnames" | "classPrefix" | "theme" | "mobileUI" | "onHide" | "onExited" | "onEntered" | "placement" | "showConfirm"> & {
             container?: any;
+            className?: string | undefined;
             overlay?: boolean | undefined;
             isShow?: boolean | undefined;
             onConfirm?: ((value: any) => void) | undefined;
@@ -360,9 +361,9 @@ declare const _default: {
         }>, nextState: Readonly<{}>, nextContext: any): boolean;
         componentWillUnmount?(): void;
         componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-        getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<PopUpPorps, keyof LocaleProps>, "header" | "style" | "title" | "classnames" | "classPrefix" | "theme" | "mobileUI" | "children" | "onHide" | "onExited" | "onEntered" | "placement" | "showConfirm"> & {
-            className?: string | undefined;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<PopUpPorps, keyof LocaleProps>, "children" | "header" | "style" | "title" | "classnames" | "classPrefix" | "theme" | "mobileUI" | "onHide" | "onExited" | "onEntered" | "placement" | "showConfirm"> & {
             container?: any;
+            className?: string | undefined;
             overlay?: boolean | undefined;
             isShow?: boolean | undefined;
             onConfirm?: ((value: any) => void) | undefined;
@@ -371,9 +372,9 @@ declare const _default: {
             locale?: string;
             translate?: (str: string, ...args: any[]) => string;
         }>, prevState: Readonly<{}>): any;
-        componentDidUpdate?(prevProps: Readonly<Pick<Omit<PopUpPorps, keyof LocaleProps>, "header" | "style" | "title" | "classnames" | "classPrefix" | "theme" | "mobileUI" | "children" | "onHide" | "onExited" | "onEntered" | "placement" | "showConfirm"> & {
-            className?: string | undefined;
+        componentDidUpdate?(prevProps: Readonly<Pick<Omit<PopUpPorps, keyof LocaleProps>, "children" | "header" | "style" | "title" | "classnames" | "classPrefix" | "theme" | "mobileUI" | "onHide" | "onExited" | "onEntered" | "placement" | "showConfirm"> & {
             container?: any;
+            className?: string | undefined;
             overlay?: boolean | undefined;
             isShow?: boolean | undefined;
             onConfirm?: ((value: any) => void) | undefined;
@@ -384,9 +385,9 @@ declare const _default: {
         }>, prevState: Readonly<{}>, snapshot?: any): void;
         componentWillMount?(): void;
         UNSAFE_componentWillMount?(): void;
-        componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<PopUpPorps, keyof LocaleProps>, "header" | "style" | "title" | "classnames" | "classPrefix" | "theme" | "mobileUI" | "children" | "onHide" | "onExited" | "onEntered" | "placement" | "showConfirm"> & {
-            className?: string | undefined;
+        componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<PopUpPorps, keyof LocaleProps>, "children" | "header" | "style" | "title" | "classnames" | "classPrefix" | "theme" | "mobileUI" | "onHide" | "onExited" | "onEntered" | "placement" | "showConfirm"> & {
             container?: any;
+            className?: string | undefined;
             overlay?: boolean | undefined;
             isShow?: boolean | undefined;
             onConfirm?: ((value: any) => void) | undefined;
@@ -395,9 +396,9 @@ declare const _default: {
             locale?: string;
             translate?: (str: string, ...args: any[]) => string;
         }>, nextContext: any): void;
-        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<PopUpPorps, keyof LocaleProps>, "header" | "style" | "title" | "classnames" | "classPrefix" | "theme" | "mobileUI" | "children" | "onHide" | "onExited" | "onEntered" | "placement" | "showConfirm"> & {
-            className?: string | undefined;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<PopUpPorps, keyof LocaleProps>, "children" | "header" | "style" | "title" | "classnames" | "classPrefix" | "theme" | "mobileUI" | "onHide" | "onExited" | "onEntered" | "placement" | "showConfirm"> & {
             container?: any;
+            className?: string | undefined;
             overlay?: boolean | undefined;
             isShow?: boolean | undefined;
             onConfirm?: ((value: any) => void) | undefined;
@@ -406,9 +407,9 @@ declare const _default: {
             locale?: string;
             translate?: (str: string, ...args: any[]) => string;
         }>, nextContext: any): void;
-        componentWillUpdate?(nextProps: Readonly<Pick<Omit<PopUpPorps, keyof LocaleProps>, "header" | "style" | "title" | "classnames" | "classPrefix" | "theme" | "mobileUI" | "children" | "onHide" | "onExited" | "onEntered" | "placement" | "showConfirm"> & {
-            className?: string | undefined;
+        componentWillUpdate?(nextProps: Readonly<Pick<Omit<PopUpPorps, keyof LocaleProps>, "children" | "header" | "style" | "title" | "classnames" | "classPrefix" | "theme" | "mobileUI" | "onHide" | "onExited" | "onEntered" | "placement" | "showConfirm"> & {
             container?: any;
+            className?: string | undefined;
             overlay?: boolean | undefined;
             isShow?: boolean | undefined;
             onConfirm?: ((value: any) => void) | undefined;
@@ -417,9 +418,9 @@ declare const _default: {
             locale?: string;
             translate?: (str: string, ...args: any[]) => string;
         }>, nextState: Readonly<{}>, nextContext: any): void;
-        UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<PopUpPorps, keyof LocaleProps>, "header" | "style" | "title" | "classnames" | "classPrefix" | "theme" | "mobileUI" | "children" | "onHide" | "onExited" | "onEntered" | "placement" | "showConfirm"> & {
-            className?: string | undefined;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<PopUpPorps, keyof LocaleProps>, "children" | "header" | "style" | "title" | "classnames" | "classPrefix" | "theme" | "mobileUI" | "onHide" | "onExited" | "onEntered" | "placement" | "showConfirm"> & {
             container?: any;
+            className?: string | undefined;
             overlay?: boolean | undefined;
             isShow?: boolean | undefined;
             onConfirm?: ((value: any) => void) | undefined;
@@ -436,9 +437,9 @@ declare const _default: {
     ComposedComponent: typeof PopUp;
 }, {}> & {
     ComposedComponent: {
-        new (props: Pick<Omit<PopUpPorps, keyof LocaleProps>, "header" | "style" | "title" | "classnames" | "classPrefix" | "theme" | "mobileUI" | "children" | "onHide" | "onExited" | "onEntered" | "placement" | "showConfirm"> & {
-            className?: string | undefined;
+        new (props: Pick<Omit<PopUpPorps, keyof LocaleProps>, "children" | "header" | "style" | "title" | "classnames" | "classPrefix" | "theme" | "mobileUI" | "onHide" | "onExited" | "onEntered" | "placement" | "showConfirm"> & {
             container?: any;
+            className?: string | undefined;
             overlay?: boolean | undefined;
             isShow?: boolean | undefined;
             onConfirm?: ((value: any) => void) | undefined;
@@ -452,9 +453,9 @@ declare const _default: {
             getWrappedInstance(): any;
             render(): React.JSX.Element;
             context: unknown;
-            setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<PopUpPorps, keyof LocaleProps>, "header" | "style" | "title" | "classnames" | "classPrefix" | "theme" | "mobileUI" | "children" | "onHide" | "onExited" | "onEntered" | "placement" | "showConfirm"> & {
-                className?: string | undefined;
+            setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<PopUpPorps, keyof LocaleProps>, "children" | "header" | "style" | "title" | "classnames" | "classPrefix" | "theme" | "mobileUI" | "onHide" | "onExited" | "onEntered" | "placement" | "showConfirm"> & {
                 container?: any;
+                className?: string | undefined;
                 overlay?: boolean | undefined;
                 isShow?: boolean | undefined;
                 onConfirm?: ((value: any) => void) | undefined;
@@ -464,9 +465,9 @@ declare const _default: {
                 translate?: (str: string, ...args: any[]) => string;
             }>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
             forceUpdate(callback?: (() => void) | undefined): void;
-            readonly props: Readonly<Pick<Omit<PopUpPorps, keyof LocaleProps>, "header" | "style" | "title" | "classnames" | "classPrefix" | "theme" | "mobileUI" | "children" | "onHide" | "onExited" | "onEntered" | "placement" | "showConfirm"> & {
-                className?: string | undefined;
+            readonly props: Readonly<Pick<Omit<PopUpPorps, keyof LocaleProps>, "children" | "header" | "style" | "title" | "classnames" | "classPrefix" | "theme" | "mobileUI" | "onHide" | "onExited" | "onEntered" | "placement" | "showConfirm"> & {
                 container?: any;
+                className?: string | undefined;
                 overlay?: boolean | undefined;
                 isShow?: boolean | undefined;
                 onConfirm?: ((value: any) => void) | undefined;
@@ -480,9 +481,9 @@ declare const _default: {
                 [key: string]: React.ReactInstance;
             };
             componentDidMount?(): void;
-            shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<PopUpPorps, keyof LocaleProps>, "header" | "style" | "title" | "classnames" | "classPrefix" | "theme" | "mobileUI" | "children" | "onHide" | "onExited" | "onEntered" | "placement" | "showConfirm"> & {
-                className?: string | undefined;
+            shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<PopUpPorps, keyof LocaleProps>, "children" | "header" | "style" | "title" | "classnames" | "classPrefix" | "theme" | "mobileUI" | "onHide" | "onExited" | "onEntered" | "placement" | "showConfirm"> & {
                 container?: any;
+                className?: string | undefined;
                 overlay?: boolean | undefined;
                 isShow?: boolean | undefined;
                 onConfirm?: ((value: any) => void) | undefined;
@@ -493,9 +494,9 @@ declare const _default: {
             }>, nextState: Readonly<{}>, nextContext: any): boolean;
             componentWillUnmount?(): void;
             componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-            getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<PopUpPorps, keyof LocaleProps>, "header" | "style" | "title" | "classnames" | "classPrefix" | "theme" | "mobileUI" | "children" | "onHide" | "onExited" | "onEntered" | "placement" | "showConfirm"> & {
-                className?: string | undefined;
+            getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<PopUpPorps, keyof LocaleProps>, "children" | "header" | "style" | "title" | "classnames" | "classPrefix" | "theme" | "mobileUI" | "onHide" | "onExited" | "onEntered" | "placement" | "showConfirm"> & {
                 container?: any;
+                className?: string | undefined;
                 overlay?: boolean | undefined;
                 isShow?: boolean | undefined;
                 onConfirm?: ((value: any) => void) | undefined;
@@ -504,9 +505,9 @@ declare const _default: {
                 locale?: string;
                 translate?: (str: string, ...args: any[]) => string;
             }>, prevState: Readonly<{}>): any;
-            componentDidUpdate?(prevProps: Readonly<Pick<Omit<PopUpPorps, keyof LocaleProps>, "header" | "style" | "title" | "classnames" | "classPrefix" | "theme" | "mobileUI" | "children" | "onHide" | "onExited" | "onEntered" | "placement" | "showConfirm"> & {
-                className?: string | undefined;
+            componentDidUpdate?(prevProps: Readonly<Pick<Omit<PopUpPorps, keyof LocaleProps>, "children" | "header" | "style" | "title" | "classnames" | "classPrefix" | "theme" | "mobileUI" | "onHide" | "onExited" | "onEntered" | "placement" | "showConfirm"> & {
                 container?: any;
+                className?: string | undefined;
                 overlay?: boolean | undefined;
                 isShow?: boolean | undefined;
                 onConfirm?: ((value: any) => void) | undefined;
@@ -517,9 +518,9 @@ declare const _default: {
             }>, prevState: Readonly<{}>, snapshot?: any): void;
             componentWillMount?(): void;
             UNSAFE_componentWillMount?(): void;
-            componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<PopUpPorps, keyof LocaleProps>, "header" | "style" | "title" | "classnames" | "classPrefix" | "theme" | "mobileUI" | "children" | "onHide" | "onExited" | "onEntered" | "placement" | "showConfirm"> & {
-                className?: string | undefined;
+            componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<PopUpPorps, keyof LocaleProps>, "children" | "header" | "style" | "title" | "classnames" | "classPrefix" | "theme" | "mobileUI" | "onHide" | "onExited" | "onEntered" | "placement" | "showConfirm"> & {
                 container?: any;
+                className?: string | undefined;
                 overlay?: boolean | undefined;
                 isShow?: boolean | undefined;
                 onConfirm?: ((value: any) => void) | undefined;
@@ -528,9 +529,9 @@ declare const _default: {
                 locale?: string;
                 translate?: (str: string, ...args: any[]) => string;
             }>, nextContext: any): void;
-            UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<PopUpPorps, keyof LocaleProps>, "header" | "style" | "title" | "classnames" | "classPrefix" | "theme" | "mobileUI" | "children" | "onHide" | "onExited" | "onEntered" | "placement" | "showConfirm"> & {
-                className?: string | undefined;
+            UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<PopUpPorps, keyof LocaleProps>, "children" | "header" | "style" | "title" | "classnames" | "classPrefix" | "theme" | "mobileUI" | "onHide" | "onExited" | "onEntered" | "placement" | "showConfirm"> & {
                 container?: any;
+                className?: string | undefined;
                 overlay?: boolean | undefined;
                 isShow?: boolean | undefined;
                 onConfirm?: ((value: any) => void) | undefined;
@@ -539,9 +540,9 @@ declare const _default: {
                 locale?: string;
                 translate?: (str: string, ...args: any[]) => string;
             }>, nextContext: any): void;
-            componentWillUpdate?(nextProps: Readonly<Pick<Omit<PopUpPorps, keyof LocaleProps>, "header" | "style" | "title" | "classnames" | "classPrefix" | "theme" | "mobileUI" | "children" | "onHide" | "onExited" | "onEntered" | "placement" | "showConfirm"> & {
-                className?: string | undefined;
+            componentWillUpdate?(nextProps: Readonly<Pick<Omit<PopUpPorps, keyof LocaleProps>, "children" | "header" | "style" | "title" | "classnames" | "classPrefix" | "theme" | "mobileUI" | "onHide" | "onExited" | "onEntered" | "placement" | "showConfirm"> & {
                 container?: any;
+                className?: string | undefined;
                 overlay?: boolean | undefined;
                 isShow?: boolean | undefined;
                 onConfirm?: ((value: any) => void) | undefined;
@@ -550,9 +551,9 @@ declare const _default: {
                 locale?: string;
                 translate?: (str: string, ...args: any[]) => string;
             }>, nextState: Readonly<{}>, nextContext: any): void;
-            UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<PopUpPorps, keyof LocaleProps>, "header" | "style" | "title" | "classnames" | "classPrefix" | "theme" | "mobileUI" | "children" | "onHide" | "onExited" | "onEntered" | "placement" | "showConfirm"> & {
-                className?: string | undefined;
+            UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<PopUpPorps, keyof LocaleProps>, "children" | "header" | "style" | "title" | "classnames" | "classPrefix" | "theme" | "mobileUI" | "onHide" | "onExited" | "onEntered" | "placement" | "showConfirm"> & {
                 container?: any;
+                className?: string | undefined;
                 overlay?: boolean | undefined;
                 isShow?: boolean | undefined;
                 onConfirm?: ((value: any) => void) | undefined;

package/esm/components/PopUp.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.14.0-beta.9
+ * amis-ui v7.0.0-next.1
  * Copyright 2018-2025 fex
  */
 
@@ -28,6 +28,7 @@ var PopUp = /** @class */ (function (_super) {
     function PopUp() {
         var _this = _super.apply(this, __spreadArray([], __read(arguments), false)) || this;
         _this.scrollTop = 0;
+        _this.transitionRef = React__default.createRef();
         return _this;
     }
     PopUp.prototype.componentDidUpdate = function () {
@@ -54,8 +55,8 @@ var PopUp = /** @class */ (function (_super) {
         var outerStyle = __assign({}, style);
         delete outerStyle.top;
         return (React__default.createElement(Portal, { container: container },
-            React__default.createElement(Transition, { onEntered: onEntered, onExit: onExited, mountOnEnter: true, unmountOnExit: true, in: isShow, timeout: 500, appear: true }, function (status) {
-                return (React__default.createElement("div", __assign({ className: cx("".concat(ns, "PopUp"), className, fadeStyles[status]), style: outerStyle }, rest, { onClick: _this.handleClick }),
+            React__default.createElement(Transition, { onEntered: onEntered, onExit: onExited, mountOnEnter: true, unmountOnExit: true, in: isShow, timeout: 500, appear: true, nodeRef: this.transitionRef }, function (status) {
+                return (React__default.createElement("div", __assign({ ref: _this.transitionRef, className: cx("".concat(ns, "PopUp"), className, fadeStyles[status]), style: outerStyle }, rest, { onClick: _this.handleClick }),
                     overlay && (React__default.createElement("div", { className: "".concat(ns, "PopUp-overlay"), onClick: onHide })),
                     React__default.createElement("div", { className: cx("".concat(ns, "PopUp-inner")) },
                         !showConfirm && showClose ? (React__default.createElement("div", { className: cx("".concat(ns, "PopUp-closeWrap")) },