amis-ui 3.1.0 → 3.2.0

package/esm/components/CollapseGroup.js

@@ -1,11 +1,11 @@
 /**
- * amis-ui v3.1.0
+ * amis-ui v3.2.0
  * Copyright 2018-2023 fex
  */
 
 import { __extends, __assign, __decorate, __metadata } from 'tslib';
 import React__default from 'react';
-import { autobind, themeable } from 'amis-core';
+import { isMobile, autobind, themeable } from 'amis-core';
 import isEqual from 'lodash/isEqual';
 
 /**
@@ -25,7 +25,7 @@ var CollapseGroup = /** @class */ (function (_super) {
                 var props = child.props;
                 var collapseId = props.propKey || String(index);
                 // 判断是否折叠
-                var collapsed = _this.state.activeKey.indexOf(collapseId) === -1;
+                var collapsed = _this.state.activeKeys.indexOf(collapseId) === -1;
                 return React__default.cloneElement(child, __assign(__assign({}, props), { key: collapseId, collapseId: collapseId, collapsed: collapsed, expandIcon: _this.props.expandIcon, propsUpdate: true, onCollapse: function () { return _this.collapseChange(collapseId, collapsed); } }));
             });
         };
@@ -51,26 +51,27 @@ var CollapseGroup = /** @class */ (function (_super) {
         }
         if (isInit) {
             this.state = {
-                activeKey: curActiveKey.map(function (key) { return String(key); })
+                activeKeys: curActiveKey.map(function (key) { return String(key); })
             };
         }
         else {
             this.setState({
-                activeKey: curActiveKey.map(function (key) { return String(key); })
+                activeKeys: curActiveKey.map(function (key) { return String(key); })
             });
         }
     };
     CollapseGroup.prototype.collapseChange = function (collapseId, collapsed) {
-        var activeKey = this.state.activeKey.concat();
+        var _a, _b;
+        var activeKeys = this.state.activeKeys.concat();
         if (!collapsed) {
             // 开启状态
             if (this.props.accordion) {
-                activeKey = [];
+                activeKeys = [];
             }
             else {
-                for (var i = 0; i < activeKey.length; i++) {
-                    if (activeKey[i] === collapseId) {
-                        activeKey.splice(i, 1); // 剔除开启状态
+                for (var i = 0; i < activeKeys.length; i++) {
+                    if (activeKeys[i] === collapseId) {
+                        activeKeys.splice(i, 1); // 剔除开启状态
                         break;
                     }
                 }
@@ -78,20 +79,24 @@ var CollapseGroup = /** @class */ (function (_super) {
         }
         else {
             if (this.props.accordion) {
-                activeKey = [collapseId];
+                activeKeys = [collapseId];
             }
             else {
-                activeKey.push(collapseId);
+                activeKeys.push(collapseId);
             }
         }
+        (_b = (_a = this.props).onCollapseChange) === null || _b === void 0 ? void 0 : _b.call(_a, activeKeys, collapseId, activeKeys.indexOf(collapseId) === -1);
         this.setState({
-            activeKey: activeKey
+            activeKeys: activeKeys
         });
     };
     CollapseGroup.prototype.render = function () {
-        var _a = this.props, cx = _a.classnames, className = _a.className, style = _a.style, expandIconPosition = _a.expandIconPosition, children = _a.children;
+        var _a = this.props, cx = _a.classnames, className = _a.className, style = _a.style, expandIconPosition = _a.expandIconPosition, children = _a.children, useMobileUI = _a.useMobileUI;
+        var mobileUI = useMobileUI && isMobile();
         return (React__default.createElement("div", { className: cx("CollapseGroup", {
                 'icon-position-right': expandIconPosition === 'right'
+            }, {
+                'is-mobile': mobileUI
             }, className), style: style }, this.getItems(children)));
     };
     CollapseGroup.defaultProps = {

package/esm/components/ColorPicker.d.ts

@@ -32,6 +32,7 @@ export interface ColorControlState {
     isOpened: boolean;
     isFocused: boolean;
     inputValue: string;
+    tempValue: string;
 }
 export declare class ColorControl extends React.PureComponent<ColorProps, ColorControlState> {
     static defaultProps: {
@@ -44,6 +45,7 @@ export declare class ColorControl extends React.PureComponent<ColorProps, ColorC
         isOpened: boolean;
         isFocused: boolean;
         inputValue: any;
+        tempValue: any;
     };
     popover: any;
     closeTimer: number;
@@ -62,6 +64,8 @@ export declare class ColorControl extends React.PureComponent<ColorProps, ColorC
     handleInputChange(e: React.ChangeEvent<HTMLInputElement>): void;
     validateColor(value: string): boolean;
     handleChange(color: ColorResult): void;
+    handleTempChange(color: ColorResult): void;
+    handleConfirm(): void;
     render(): React.JSX.Element;
 }
 declare const _default: {

package/esm/components/ColorPicker.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v3.1.0
+ * amis-ui v3.2.0
  * Copyright 2018-2023 fex
  */
 
@@ -23,13 +23,16 @@ var ColorControl = /** @class */ (function (_super) {
         _this.state = {
             isOpened: false,
             isFocused: false,
-            inputValue: _this.props.value || ''
+            inputValue: _this.props.value || '',
+            tempValue: _this.props.value || ''
         };
         _this.open = _this.open.bind(_this);
         _this.close = _this.close.bind(_this);
         _this.focus = _this.focus.bind(_this);
         _this.blur = _this.blur.bind(_this);
         _this.handleChange = _this.handleChange.bind(_this);
+        _this.handleTempChange = _this.handleTempChange.bind(_this);
+        _this.handleConfirm = _this.handleConfirm.bind(_this);
         _this.handleFocus = _this.handleFocus.bind(_this);
         _this.handleBlur = _this.handleBlur.bind(_this);
         _this.clearValue = _this.clearValue.bind(_this);
@@ -137,12 +140,36 @@ var ColorControl = /** @class */ (function (_super) {
         }
         // closeOnSelect && this.close();
     };
+    ColorControl.prototype.handleTempChange = function (color) {
+        var tempValue = this.state.tempValue;
+        var format = this.props.format;
+        if (format === 'rgba') {
+            tempValue = "rgba(".concat(color.rgb.r, ", ").concat(color.rgb.g, ", ").concat(color.rgb.b, ", ").concat(color.rgb.a, ")");
+        }
+        else if (format === 'rgb') {
+            tempValue = "rgb(".concat(color.rgb.r, ", ").concat(color.rgb.g, ", ").concat(color.rgb.b, ")");
+        }
+        else if (format === 'hsl') {
+            tempValue = "hsl(".concat(Math.round(color.hsl.h), ", ").concat(Math.round(color.hsl.s * 100), "%, ").concat(Math.round(color.hsl.l * 100), "%)");
+        }
+        else {
+            tempValue = color.hex;
+        }
+        this.setState({ tempValue: tempValue });
+    };
+    ColorControl.prototype.handleConfirm = function () {
+        var onChange = this.props.onChange;
+        var tempValue = this.state.tempValue;
+        onChange(tempValue);
+        this.close();
+    };
     ColorControl.prototype.render = function () {
         var _this = this;
         var _a = this.props, ns = _a.classPrefix, className = _a.className, popoverClassName = _a.popoverClassName, value = _a.value, placeholder = _a.placeholder, disabled = _a.disabled, popOverContainer = _a.popOverContainer, format = _a.format, clearable = _a.clearable, placement = _a.placement, cx = _a.classnames, presetColors = _a.presetColors, allowCustomColor = _a.allowCustomColor, useMobileUI = _a.useMobileUI;
         var __ = this.props.translate;
         var isOpened = this.state.isOpened;
         var isFocused = this.state.isFocused;
+        var tempValue = this.state.tempValue;
         var mobileUI = useMobileUI && isMobile();
         return (React__default.createElement("div", { className: cx("ColorPicker", {
                 'is-disabled': disabled,
@@ -155,7 +182,7 @@ var ColorControl = /** @class */ (function (_super) {
             clearable && !disabled && value ? (React__default.createElement("a", { onClick: this.clearValue, className: cx('ColorPicker-clear') },
                 React__default.createElement(Icon, { icon: "input-clear", className: "icon" }))) : null,
             React__default.createElement("span", { className: cx('ColorPicker-arrow') },
-                React__default.createElement(Icon, { icon: "caret", className: "icon", onClick: this.handleClick })),
+                React__default.createElement(Icon, { icon: "right-arrow-bold", className: "icon", onClick: this.handleClick })),
             !mobileUI && isOpened ? (React__default.createElement(Overlay, { placement: placement || 'auto', target: function () { return findDOMNode(_this); }, onHide: this.close, container: popOverContainer || (function () { return findDOMNode(_this); }), rootClose: false, show: true },
                 React__default.createElement(PopOver, { classPrefix: ns, className: cx('ColorPicker-popover', popoverClassName), onHide: this.close, overlay: true }, allowCustomColor ? (React__default.createElement(SketchPicker, { styles: {}, disableAlpha: !!~['rgb', 'hex'].indexOf(format), color: value, presetColors: presetColors, onChangeComplete: this.handleChange })) : (React__default.createElement(GithubPicker, { color: value, colors: Array.isArray(presetColors)
                         ? presetColors
@@ -168,7 +195,7 @@ var ColorControl = /** @class */ (function (_super) {
                                     : item;
                         })
                         : undefined, onChangeComplete: this.handleChange }))))) : null,
-            mobileUI && (React__default.createElement(PopUp, { className: cx("".concat(ns, "ColorPicker-popup")), container: popOverContainer, isShow: isOpened, onHide: this.handleClick }, allowCustomColor ? (React__default.createElement(SketchPicker, { styles: {}, disableAlpha: !!~['rgb', 'hex'].indexOf(format), color: value, presetColors: presetColors, onChangeComplete: this.handleChange })) : (React__default.createElement(GithubPicker, { color: value, colors: Array.isArray(presetColors)
+            mobileUI && (React__default.createElement(PopUp, { className: cx("".concat(ns, "ColorPicker-popup")), container: popOverContainer, isShow: isOpened, onHide: this.handleClick, showConfirm: true, onConfirm: this.handleConfirm }, allowCustomColor ? (React__default.createElement(SketchPicker, { styles: {}, disableAlpha: !!~['rgb', 'hex'].indexOf(format), color: tempValue, presetColors: presetColors, onChangeComplete: this.handleTempChange })) : (React__default.createElement(GithubPicker, { color: tempValue, colors: Array.isArray(presetColors)
                     ? presetColors
                         .filter(function (item) { return typeof item === 'string' || isObject(item); })
                         .map(function (item) {
@@ -178,7 +205,7 @@ var ColorControl = /** @class */ (function (_super) {
                                 ? item === null || item === void 0 ? void 0 : item.color
                                 : item;
                     })
-                    : undefined, onChangeComplete: this.handleChange }))))));
+                    : undefined, onChangeComplete: this.handleTempChange }))))));
     };
     ColorControl.defaultProps = {
         format: 'hex',

package/esm/components/Combo.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v3.1.0
+ * amis-ui v3.2.0
  * Copyright 2018-2023 fex
  */
 

package/esm/components/ConfirmBox.d.ts

@@ -25,8 +25,9 @@ export interface ConfirmBoxProps extends LocaleProps, ThemeProps {
     headerClassName?: string;
     bodyClassName?: string;
     footerClassName?: string;
+    useMobileUI?: boolean;
 }
-export declare function ConfirmBox({ type, size, closeOnEsc, show, onCancel, title, showTitle, headerClassName, translate: __, children, showFooter, onConfirm, beforeConfirm, popOverContainer, position, resizable, classnames: cx, className, bodyClassName, footerClassName }: ConfirmBoxProps): React.JSX.Element;
+export declare function ConfirmBox({ type, size, closeOnEsc, show, onCancel, title, showTitle, headerClassName, translate: __, children, showFooter, onConfirm, beforeConfirm, popOverContainer, position, resizable, classnames: cx, className, bodyClassName, footerClassName, useMobileUI }: ConfirmBoxProps): React.JSX.Element;
 export declare namespace ConfirmBox {
     var defaultProps: {
         type: "dialog";
@@ -34,7 +35,7 @@ export declare namespace ConfirmBox {
     };
 }
 declare const _default: {
-    new (props: Omit<Pick<Omit<ConfirmBoxProps, keyof ThemeProps>, "children" | "title" | "closeOnEsc" | "onCancel" | "locale" | "translate" | "size" | "show" | "bodyClassName" | "onConfirm" | "popOverContainer" | "resizable" | "headerClassName" | "showTitle" | "showFooter" | "beforeConfirm" | "footerClassName"> & {
+    new (props: Omit<Pick<Omit<ConfirmBoxProps, keyof ThemeProps>, "children" | "title" | "closeOnEsc" | "onCancel" | "locale" | "translate" | "size" | "show" | "bodyClassName" | "useMobileUI" | "onConfirm" | "popOverContainer" | "resizable" | "headerClassName" | "showTitle" | "showFooter" | "beforeConfirm" | "footerClassName"> & {
         type?: "dialog" | "drawer" | undefined;
         position?: "left" | "right" | "bottom" | "top" | undefined;
     } & {} & import("packages/amis-core/lib/theme").ThemeOutterProps, keyof LocaleProps> & {
@@ -46,7 +47,7 @@ declare const _default: {
         getWrappedInstance(): any;
         render(): React.JSX.Element;
         context: unknown;
-        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Omit<Pick<Omit<ConfirmBoxProps, keyof ThemeProps>, "children" | "title" | "closeOnEsc" | "onCancel" | "locale" | "translate" | "size" | "show" | "bodyClassName" | "onConfirm" | "popOverContainer" | "resizable" | "headerClassName" | "showTitle" | "showFooter" | "beforeConfirm" | "footerClassName"> & {
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Omit<Pick<Omit<ConfirmBoxProps, keyof ThemeProps>, "children" | "title" | "closeOnEsc" | "onCancel" | "locale" | "translate" | "size" | "show" | "bodyClassName" | "useMobileUI" | "onConfirm" | "popOverContainer" | "resizable" | "headerClassName" | "showTitle" | "showFooter" | "beforeConfirm" | "footerClassName"> & {
             type?: "dialog" | "drawer" | undefined;
             position?: "left" | "right" | "bottom" | "top" | undefined;
         } & {} & import("packages/amis-core/lib/theme").ThemeOutterProps, keyof LocaleProps> & {
@@ -54,7 +55,7 @@ declare const _default: {
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
-        readonly props: Readonly<Omit<Pick<Omit<ConfirmBoxProps, keyof ThemeProps>, "children" | "title" | "closeOnEsc" | "onCancel" | "locale" | "translate" | "size" | "show" | "bodyClassName" | "onConfirm" | "popOverContainer" | "resizable" | "headerClassName" | "showTitle" | "showFooter" | "beforeConfirm" | "footerClassName"> & {
+        readonly props: Readonly<Omit<Pick<Omit<ConfirmBoxProps, keyof ThemeProps>, "children" | "title" | "closeOnEsc" | "onCancel" | "locale" | "translate" | "size" | "show" | "bodyClassName" | "useMobileUI" | "onConfirm" | "popOverContainer" | "resizable" | "headerClassName" | "showTitle" | "showFooter" | "beforeConfirm" | "footerClassName"> & {
             type?: "dialog" | "drawer" | undefined;
             position?: "left" | "right" | "bottom" | "top" | undefined;
         } & {} & import("packages/amis-core/lib/theme").ThemeOutterProps, keyof LocaleProps> & {
@@ -66,7 +67,7 @@ declare const _default: {
             [key: string]: React.ReactInstance;
         };
         componentDidMount?(): void;
-        shouldComponentUpdate?(nextProps: Readonly<Omit<Pick<Omit<ConfirmBoxProps, keyof ThemeProps>, "children" | "title" | "closeOnEsc" | "onCancel" | "locale" | "translate" | "size" | "show" | "bodyClassName" | "onConfirm" | "popOverContainer" | "resizable" | "headerClassName" | "showTitle" | "showFooter" | "beforeConfirm" | "footerClassName"> & {
+        shouldComponentUpdate?(nextProps: Readonly<Omit<Pick<Omit<ConfirmBoxProps, keyof ThemeProps>, "children" | "title" | "closeOnEsc" | "onCancel" | "locale" | "translate" | "size" | "show" | "bodyClassName" | "useMobileUI" | "onConfirm" | "popOverContainer" | "resizable" | "headerClassName" | "showTitle" | "showFooter" | "beforeConfirm" | "footerClassName"> & {
             type?: "dialog" | "drawer" | undefined;
             position?: "left" | "right" | "bottom" | "top" | undefined;
         } & {} & import("packages/amis-core/lib/theme").ThemeOutterProps, keyof LocaleProps> & {
@@ -75,14 +76,14 @@ declare const _default: {
         }>, nextState: Readonly<{}>, nextContext: any): boolean;
         componentWillUnmount?(): void;
         componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-        getSnapshotBeforeUpdate?(prevProps: Readonly<Omit<Pick<Omit<ConfirmBoxProps, keyof ThemeProps>, "children" | "title" | "closeOnEsc" | "onCancel" | "locale" | "translate" | "size" | "show" | "bodyClassName" | "onConfirm" | "popOverContainer" | "resizable" | "headerClassName" | "showTitle" | "showFooter" | "beforeConfirm" | "footerClassName"> & {
+        getSnapshotBeforeUpdate?(prevProps: Readonly<Omit<Pick<Omit<ConfirmBoxProps, keyof ThemeProps>, "children" | "title" | "closeOnEsc" | "onCancel" | "locale" | "translate" | "size" | "show" | "bodyClassName" | "useMobileUI" | "onConfirm" | "popOverContainer" | "resizable" | "headerClassName" | "showTitle" | "showFooter" | "beforeConfirm" | "footerClassName"> & {
             type?: "dialog" | "drawer" | undefined;
             position?: "left" | "right" | "bottom" | "top" | undefined;
         } & {} & import("packages/amis-core/lib/theme").ThemeOutterProps, keyof LocaleProps> & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }>, prevState: Readonly<{}>): any;
-        componentDidUpdate?(prevProps: Readonly<Omit<Pick<Omit<ConfirmBoxProps, keyof ThemeProps>, "children" | "title" | "closeOnEsc" | "onCancel" | "locale" | "translate" | "size" | "show" | "bodyClassName" | "onConfirm" | "popOverContainer" | "resizable" | "headerClassName" | "showTitle" | "showFooter" | "beforeConfirm" | "footerClassName"> & {
+        componentDidUpdate?(prevProps: Readonly<Omit<Pick<Omit<ConfirmBoxProps, keyof ThemeProps>, "children" | "title" | "closeOnEsc" | "onCancel" | "locale" | "translate" | "size" | "show" | "bodyClassName" | "useMobileUI" | "onConfirm" | "popOverContainer" | "resizable" | "headerClassName" | "showTitle" | "showFooter" | "beforeConfirm" | "footerClassName"> & {
             type?: "dialog" | "drawer" | undefined;
             position?: "left" | "right" | "bottom" | "top" | undefined;
         } & {} & import("packages/amis-core/lib/theme").ThemeOutterProps, keyof LocaleProps> & {
@@ -91,28 +92,28 @@ declare const _default: {
         }>, prevState: Readonly<{}>, snapshot?: any): void;
         componentWillMount?(): void;
         UNSAFE_componentWillMount?(): void;
-        componentWillReceiveProps?(nextProps: Readonly<Omit<Pick<Omit<ConfirmBoxProps, keyof ThemeProps>, "children" | "title" | "closeOnEsc" | "onCancel" | "locale" | "translate" | "size" | "show" | "bodyClassName" | "onConfirm" | "popOverContainer" | "resizable" | "headerClassName" | "showTitle" | "showFooter" | "beforeConfirm" | "footerClassName"> & {
+        componentWillReceiveProps?(nextProps: Readonly<Omit<Pick<Omit<ConfirmBoxProps, keyof ThemeProps>, "children" | "title" | "closeOnEsc" | "onCancel" | "locale" | "translate" | "size" | "show" | "bodyClassName" | "useMobileUI" | "onConfirm" | "popOverContainer" | "resizable" | "headerClassName" | "showTitle" | "showFooter" | "beforeConfirm" | "footerClassName"> & {
             type?: "dialog" | "drawer" | undefined;
             position?: "left" | "right" | "bottom" | "top" | undefined;
         } & {} & import("packages/amis-core/lib/theme").ThemeOutterProps, keyof LocaleProps> & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }>, nextContext: any): void;
-        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Omit<Pick<Omit<ConfirmBoxProps, keyof ThemeProps>, "children" | "title" | "closeOnEsc" | "onCancel" | "locale" | "translate" | "size" | "show" | "bodyClassName" | "onConfirm" | "popOverContainer" | "resizable" | "headerClassName" | "showTitle" | "showFooter" | "beforeConfirm" | "footerClassName"> & {
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Omit<Pick<Omit<ConfirmBoxProps, keyof ThemeProps>, "children" | "title" | "closeOnEsc" | "onCancel" | "locale" | "translate" | "size" | "show" | "bodyClassName" | "useMobileUI" | "onConfirm" | "popOverContainer" | "resizable" | "headerClassName" | "showTitle" | "showFooter" | "beforeConfirm" | "footerClassName"> & {
             type?: "dialog" | "drawer" | undefined;
             position?: "left" | "right" | "bottom" | "top" | undefined;
         } & {} & import("packages/amis-core/lib/theme").ThemeOutterProps, keyof LocaleProps> & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }>, nextContext: any): void;
-        componentWillUpdate?(nextProps: Readonly<Omit<Pick<Omit<ConfirmBoxProps, keyof ThemeProps>, "children" | "title" | "closeOnEsc" | "onCancel" | "locale" | "translate" | "size" | "show" | "bodyClassName" | "onConfirm" | "popOverContainer" | "resizable" | "headerClassName" | "showTitle" | "showFooter" | "beforeConfirm" | "footerClassName"> & {
+        componentWillUpdate?(nextProps: Readonly<Omit<Pick<Omit<ConfirmBoxProps, keyof ThemeProps>, "children" | "title" | "closeOnEsc" | "onCancel" | "locale" | "translate" | "size" | "show" | "bodyClassName" | "useMobileUI" | "onConfirm" | "popOverContainer" | "resizable" | "headerClassName" | "showTitle" | "showFooter" | "beforeConfirm" | "footerClassName"> & {
             type?: "dialog" | "drawer" | undefined;
             position?: "left" | "right" | "bottom" | "top" | undefined;
         } & {} & import("packages/amis-core/lib/theme").ThemeOutterProps, keyof LocaleProps> & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }>, nextState: Readonly<{}>, nextContext: any): void;
-        UNSAFE_componentWillUpdate?(nextProps: Readonly<Omit<Pick<Omit<ConfirmBoxProps, keyof ThemeProps>, "children" | "title" | "closeOnEsc" | "onCancel" | "locale" | "translate" | "size" | "show" | "bodyClassName" | "onConfirm" | "popOverContainer" | "resizable" | "headerClassName" | "showTitle" | "showFooter" | "beforeConfirm" | "footerClassName"> & {
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<Omit<Pick<Omit<ConfirmBoxProps, keyof ThemeProps>, "children" | "title" | "closeOnEsc" | "onCancel" | "locale" | "translate" | "size" | "show" | "bodyClassName" | "useMobileUI" | "onConfirm" | "popOverContainer" | "resizable" | "headerClassName" | "showTitle" | "showFooter" | "beforeConfirm" | "footerClassName"> & {
             type?: "dialog" | "drawer" | undefined;
             position?: "left" | "right" | "bottom" | "top" | undefined;
         } & {} & import("packages/amis-core/lib/theme").ThemeOutterProps, keyof LocaleProps> & {
@@ -123,7 +124,7 @@ declare const _default: {
     displayName: string;
     contextType: React.Context<string>;
     ComposedComponent: React.ComponentType<{
-        new (props: Pick<Omit<ConfirmBoxProps, keyof ThemeProps>, "children" | "title" | "closeOnEsc" | "onCancel" | "locale" | "translate" | "size" | "show" | "bodyClassName" | "onConfirm" | "popOverContainer" | "resizable" | "headerClassName" | "showTitle" | "showFooter" | "beforeConfirm" | "footerClassName"> & {
+        new (props: Pick<Omit<ConfirmBoxProps, keyof ThemeProps>, "children" | "title" | "closeOnEsc" | "onCancel" | "locale" | "translate" | "size" | "show" | "bodyClassName" | "useMobileUI" | "onConfirm" | "popOverContainer" | "resizable" | "headerClassName" | "showTitle" | "showFooter" | "beforeConfirm" | "footerClassName"> & {
             type?: "dialog" | "drawer" | undefined;
             position?: "left" | "right" | "bottom" | "top" | undefined;
         } & {} & import("packages/amis-core/lib/theme").ThemeOutterProps): {
@@ -132,12 +133,12 @@ declare const _default: {
             getWrappedInstance(): any;
             render(): React.JSX.Element;
             context: unknown;
-            setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<ConfirmBoxProps, keyof ThemeProps>, "children" | "title" | "closeOnEsc" | "onCancel" | "locale" | "translate" | "size" | "show" | "bodyClassName" | "onConfirm" | "popOverContainer" | "resizable" | "headerClassName" | "showTitle" | "showFooter" | "beforeConfirm" | "footerClassName"> & {
+            setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<ConfirmBoxProps, keyof ThemeProps>, "children" | "title" | "closeOnEsc" | "onCancel" | "locale" | "translate" | "size" | "show" | "bodyClassName" | "useMobileUI" | "onConfirm" | "popOverContainer" | "resizable" | "headerClassName" | "showTitle" | "showFooter" | "beforeConfirm" | "footerClassName"> & {
                 type?: "dialog" | "drawer" | undefined;
                 position?: "left" | "right" | "bottom" | "top" | undefined;
             } & {} & import("packages/amis-core/lib/theme").ThemeOutterProps>) => {} | Pick<{}, K_1> | null) | Pick<{}, K_1> | null, callback?: (() => void) | undefined): void;
             forceUpdate(callback?: (() => void) | undefined): void;
-            readonly props: Readonly<Pick<Omit<ConfirmBoxProps, keyof ThemeProps>, "children" | "title" | "closeOnEsc" | "onCancel" | "locale" | "translate" | "size" | "show" | "bodyClassName" | "onConfirm" | "popOverContainer" | "resizable" | "headerClassName" | "showTitle" | "showFooter" | "beforeConfirm" | "footerClassName"> & {
+            readonly props: Readonly<Pick<Omit<ConfirmBoxProps, keyof ThemeProps>, "children" | "title" | "closeOnEsc" | "onCancel" | "locale" | "translate" | "size" | "show" | "bodyClassName" | "useMobileUI" | "onConfirm" | "popOverContainer" | "resizable" | "headerClassName" | "showTitle" | "showFooter" | "beforeConfirm" | "footerClassName"> & {
                 type?: "dialog" | "drawer" | undefined;
                 position?: "left" | "right" | "bottom" | "top" | undefined;
             } & {} & import("packages/amis-core/lib/theme").ThemeOutterProps>;
@@ -146,35 +147,35 @@ declare const _default: {
                 [key: string]: React.ReactInstance;
             };
             componentDidMount?(): void;
-            shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<ConfirmBoxProps, keyof ThemeProps>, "children" | "title" | "closeOnEsc" | "onCancel" | "locale" | "translate" | "size" | "show" | "bodyClassName" | "onConfirm" | "popOverContainer" | "resizable" | "headerClassName" | "showTitle" | "showFooter" | "beforeConfirm" | "footerClassName"> & {
+            shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<ConfirmBoxProps, keyof ThemeProps>, "children" | "title" | "closeOnEsc" | "onCancel" | "locale" | "translate" | "size" | "show" | "bodyClassName" | "useMobileUI" | "onConfirm" | "popOverContainer" | "resizable" | "headerClassName" | "showTitle" | "showFooter" | "beforeConfirm" | "footerClassName"> & {
                 type?: "dialog" | "drawer" | undefined;
                 position?: "left" | "right" | "bottom" | "top" | undefined;
             } & {} & import("packages/amis-core/lib/theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): boolean;
             componentWillUnmount?(): void;
             componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-            getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<ConfirmBoxProps, keyof ThemeProps>, "children" | "title" | "closeOnEsc" | "onCancel" | "locale" | "translate" | "size" | "show" | "bodyClassName" | "onConfirm" | "popOverContainer" | "resizable" | "headerClassName" | "showTitle" | "showFooter" | "beforeConfirm" | "footerClassName"> & {
+            getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<ConfirmBoxProps, keyof ThemeProps>, "children" | "title" | "closeOnEsc" | "onCancel" | "locale" | "translate" | "size" | "show" | "bodyClassName" | "useMobileUI" | "onConfirm" | "popOverContainer" | "resizable" | "headerClassName" | "showTitle" | "showFooter" | "beforeConfirm" | "footerClassName"> & {
                 type?: "dialog" | "drawer" | undefined;
                 position?: "left" | "right" | "bottom" | "top" | undefined;
             } & {} & import("packages/amis-core/lib/theme").ThemeOutterProps>, prevState: Readonly<{}>): any;
-            componentDidUpdate?(prevProps: Readonly<Pick<Omit<ConfirmBoxProps, keyof ThemeProps>, "children" | "title" | "closeOnEsc" | "onCancel" | "locale" | "translate" | "size" | "show" | "bodyClassName" | "onConfirm" | "popOverContainer" | "resizable" | "headerClassName" | "showTitle" | "showFooter" | "beforeConfirm" | "footerClassName"> & {
+            componentDidUpdate?(prevProps: Readonly<Pick<Omit<ConfirmBoxProps, keyof ThemeProps>, "children" | "title" | "closeOnEsc" | "onCancel" | "locale" | "translate" | "size" | "show" | "bodyClassName" | "useMobileUI" | "onConfirm" | "popOverContainer" | "resizable" | "headerClassName" | "showTitle" | "showFooter" | "beforeConfirm" | "footerClassName"> & {
                 type?: "dialog" | "drawer" | undefined;
                 position?: "left" | "right" | "bottom" | "top" | undefined;
             } & {} & import("packages/amis-core/lib/theme").ThemeOutterProps>, prevState: Readonly<{}>, snapshot?: any): void;
             componentWillMount?(): void;
             UNSAFE_componentWillMount?(): void;
-            componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<ConfirmBoxProps, keyof ThemeProps>, "children" | "title" | "closeOnEsc" | "onCancel" | "locale" | "translate" | "size" | "show" | "bodyClassName" | "onConfirm" | "popOverContainer" | "resizable" | "headerClassName" | "showTitle" | "showFooter" | "beforeConfirm" | "footerClassName"> & {
+            componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<ConfirmBoxProps, keyof ThemeProps>, "children" | "title" | "closeOnEsc" | "onCancel" | "locale" | "translate" | "size" | "show" | "bodyClassName" | "useMobileUI" | "onConfirm" | "popOverContainer" | "resizable" | "headerClassName" | "showTitle" | "showFooter" | "beforeConfirm" | "footerClassName"> & {
                 type?: "dialog" | "drawer" | undefined;
                 position?: "left" | "right" | "bottom" | "top" | undefined;
             } & {} & import("packages/amis-core/lib/theme").ThemeOutterProps>, nextContext: any): void;
-            UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<ConfirmBoxProps, keyof ThemeProps>, "children" | "title" | "closeOnEsc" | "onCancel" | "locale" | "translate" | "size" | "show" | "bodyClassName" | "onConfirm" | "popOverContainer" | "resizable" | "headerClassName" | "showTitle" | "showFooter" | "beforeConfirm" | "footerClassName"> & {
+            UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<ConfirmBoxProps, keyof ThemeProps>, "children" | "title" | "closeOnEsc" | "onCancel" | "locale" | "translate" | "size" | "show" | "bodyClassName" | "useMobileUI" | "onConfirm" | "popOverContainer" | "resizable" | "headerClassName" | "showTitle" | "showFooter" | "beforeConfirm" | "footerClassName"> & {
                 type?: "dialog" | "drawer" | undefined;
                 position?: "left" | "right" | "bottom" | "top" | undefined;
             } & {} & import("packages/amis-core/lib/theme").ThemeOutterProps>, nextContext: any): void;
-            componentWillUpdate?(nextProps: Readonly<Pick<Omit<ConfirmBoxProps, keyof ThemeProps>, "children" | "title" | "closeOnEsc" | "onCancel" | "locale" | "translate" | "size" | "show" | "bodyClassName" | "onConfirm" | "popOverContainer" | "resizable" | "headerClassName" | "showTitle" | "showFooter" | "beforeConfirm" | "footerClassName"> & {
+            componentWillUpdate?(nextProps: Readonly<Pick<Omit<ConfirmBoxProps, keyof ThemeProps>, "children" | "title" | "closeOnEsc" | "onCancel" | "locale" | "translate" | "size" | "show" | "bodyClassName" | "useMobileUI" | "onConfirm" | "popOverContainer" | "resizable" | "headerClassName" | "showTitle" | "showFooter" | "beforeConfirm" | "footerClassName"> & {
                 type?: "dialog" | "drawer" | undefined;
                 position?: "left" | "right" | "bottom" | "top" | undefined;
             } & {} & import("packages/amis-core/lib/theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
-            UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<ConfirmBoxProps, keyof ThemeProps>, "children" | "title" | "closeOnEsc" | "onCancel" | "locale" | "translate" | "size" | "show" | "bodyClassName" | "onConfirm" | "popOverContainer" | "resizable" | "headerClassName" | "showTitle" | "showFooter" | "beforeConfirm" | "footerClassName"> & {
+            UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<ConfirmBoxProps, keyof ThemeProps>, "children" | "title" | "closeOnEsc" | "onCancel" | "locale" | "translate" | "size" | "show" | "bodyClassName" | "useMobileUI" | "onConfirm" | "popOverContainer" | "resizable" | "headerClassName" | "showTitle" | "showFooter" | "beforeConfirm" | "footerClassName"> & {
                 type?: "dialog" | "drawer" | undefined;
                 position?: "left" | "right" | "bottom" | "top" | undefined;
             } & {} & import("packages/amis-core/lib/theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
@@ -186,7 +187,7 @@ declare const _default: {
         ComposedComponent: typeof ConfirmBox;
     }>;
 } & import("hoist-non-react-statics").NonReactStatics<{
-    new (props: Pick<Omit<ConfirmBoxProps, keyof ThemeProps>, "children" | "title" | "closeOnEsc" | "onCancel" | "locale" | "translate" | "size" | "show" | "bodyClassName" | "onConfirm" | "popOverContainer" | "resizable" | "headerClassName" | "showTitle" | "showFooter" | "beforeConfirm" | "footerClassName"> & {
+    new (props: Pick<Omit<ConfirmBoxProps, keyof ThemeProps>, "children" | "title" | "closeOnEsc" | "onCancel" | "locale" | "translate" | "size" | "show" | "bodyClassName" | "useMobileUI" | "onConfirm" | "popOverContainer" | "resizable" | "headerClassName" | "showTitle" | "showFooter" | "beforeConfirm" | "footerClassName"> & {
         type?: "dialog" | "drawer" | undefined;
         position?: "left" | "right" | "bottom" | "top" | undefined;
     } & {} & import("packages/amis-core/lib/theme").ThemeOutterProps): {
@@ -195,12 +196,12 @@ declare const _default: {
         getWrappedInstance(): any;
         render(): React.JSX.Element;
         context: unknown;
-        setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<ConfirmBoxProps, keyof ThemeProps>, "children" | "title" | "closeOnEsc" | "onCancel" | "locale" | "translate" | "size" | "show" | "bodyClassName" | "onConfirm" | "popOverContainer" | "resizable" | "headerClassName" | "showTitle" | "showFooter" | "beforeConfirm" | "footerClassName"> & {
+        setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<ConfirmBoxProps, keyof ThemeProps>, "children" | "title" | "closeOnEsc" | "onCancel" | "locale" | "translate" | "size" | "show" | "bodyClassName" | "useMobileUI" | "onConfirm" | "popOverContainer" | "resizable" | "headerClassName" | "showTitle" | "showFooter" | "beforeConfirm" | "footerClassName"> & {
             type?: "dialog" | "drawer" | undefined;
             position?: "left" | "right" | "bottom" | "top" | undefined;
         } & {} & import("packages/amis-core/lib/theme").ThemeOutterProps>) => {} | Pick<{}, K_1> | null) | Pick<{}, K_1> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
-        readonly props: Readonly<Pick<Omit<ConfirmBoxProps, keyof ThemeProps>, "children" | "title" | "closeOnEsc" | "onCancel" | "locale" | "translate" | "size" | "show" | "bodyClassName" | "onConfirm" | "popOverContainer" | "resizable" | "headerClassName" | "showTitle" | "showFooter" | "beforeConfirm" | "footerClassName"> & {
+        readonly props: Readonly<Pick<Omit<ConfirmBoxProps, keyof ThemeProps>, "children" | "title" | "closeOnEsc" | "onCancel" | "locale" | "translate" | "size" | "show" | "bodyClassName" | "useMobileUI" | "onConfirm" | "popOverContainer" | "resizable" | "headerClassName" | "showTitle" | "showFooter" | "beforeConfirm" | "footerClassName"> & {
             type?: "dialog" | "drawer" | undefined;
             position?: "left" | "right" | "bottom" | "top" | undefined;
         } & {} & import("packages/amis-core/lib/theme").ThemeOutterProps>;
@@ -209,35 +210,35 @@ declare const _default: {
             [key: string]: React.ReactInstance;
         };
         componentDidMount?(): void;
-        shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<ConfirmBoxProps, keyof ThemeProps>, "children" | "title" | "closeOnEsc" | "onCancel" | "locale" | "translate" | "size" | "show" | "bodyClassName" | "onConfirm" | "popOverContainer" | "resizable" | "headerClassName" | "showTitle" | "showFooter" | "beforeConfirm" | "footerClassName"> & {
+        shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<ConfirmBoxProps, keyof ThemeProps>, "children" | "title" | "closeOnEsc" | "onCancel" | "locale" | "translate" | "size" | "show" | "bodyClassName" | "useMobileUI" | "onConfirm" | "popOverContainer" | "resizable" | "headerClassName" | "showTitle" | "showFooter" | "beforeConfirm" | "footerClassName"> & {
             type?: "dialog" | "drawer" | undefined;
             position?: "left" | "right" | "bottom" | "top" | undefined;
         } & {} & import("packages/amis-core/lib/theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): boolean;
         componentWillUnmount?(): void;
         componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-        getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<ConfirmBoxProps, keyof ThemeProps>, "children" | "title" | "closeOnEsc" | "onCancel" | "locale" | "translate" | "size" | "show" | "bodyClassName" | "onConfirm" | "popOverContainer" | "resizable" | "headerClassName" | "showTitle" | "showFooter" | "beforeConfirm" | "footerClassName"> & {
+        getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<ConfirmBoxProps, keyof ThemeProps>, "children" | "title" | "closeOnEsc" | "onCancel" | "locale" | "translate" | "size" | "show" | "bodyClassName" | "useMobileUI" | "onConfirm" | "popOverContainer" | "resizable" | "headerClassName" | "showTitle" | "showFooter" | "beforeConfirm" | "footerClassName"> & {
             type?: "dialog" | "drawer" | undefined;
             position?: "left" | "right" | "bottom" | "top" | undefined;
         } & {} & import("packages/amis-core/lib/theme").ThemeOutterProps>, prevState: Readonly<{}>): any;
-        componentDidUpdate?(prevProps: Readonly<Pick<Omit<ConfirmBoxProps, keyof ThemeProps>, "children" | "title" | "closeOnEsc" | "onCancel" | "locale" | "translate" | "size" | "show" | "bodyClassName" | "onConfirm" | "popOverContainer" | "resizable" | "headerClassName" | "showTitle" | "showFooter" | "beforeConfirm" | "footerClassName"> & {
+        componentDidUpdate?(prevProps: Readonly<Pick<Omit<ConfirmBoxProps, keyof ThemeProps>, "children" | "title" | "closeOnEsc" | "onCancel" | "locale" | "translate" | "size" | "show" | "bodyClassName" | "useMobileUI" | "onConfirm" | "popOverContainer" | "resizable" | "headerClassName" | "showTitle" | "showFooter" | "beforeConfirm" | "footerClassName"> & {
             type?: "dialog" | "drawer" | undefined;
             position?: "left" | "right" | "bottom" | "top" | undefined;
         } & {} & import("packages/amis-core/lib/theme").ThemeOutterProps>, prevState: Readonly<{}>, snapshot?: any): void;
         componentWillMount?(): void;
         UNSAFE_componentWillMount?(): void;
-        componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<ConfirmBoxProps, keyof ThemeProps>, "children" | "title" | "closeOnEsc" | "onCancel" | "locale" | "translate" | "size" | "show" | "bodyClassName" | "onConfirm" | "popOverContainer" | "resizable" | "headerClassName" | "showTitle" | "showFooter" | "beforeConfirm" | "footerClassName"> & {
+        componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<ConfirmBoxProps, keyof ThemeProps>, "children" | "title" | "closeOnEsc" | "onCancel" | "locale" | "translate" | "size" | "show" | "bodyClassName" | "useMobileUI" | "onConfirm" | "popOverContainer" | "resizable" | "headerClassName" | "showTitle" | "showFooter" | "beforeConfirm" | "footerClassName"> & {
             type?: "dialog" | "drawer" | undefined;
             position?: "left" | "right" | "bottom" | "top" | undefined;
         } & {} & import("packages/amis-core/lib/theme").ThemeOutterProps>, nextContext: any): void;
-        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<ConfirmBoxProps, keyof ThemeProps>, "children" | "title" | "closeOnEsc" | "onCancel" | "locale" | "translate" | "size" | "show" | "bodyClassName" | "onConfirm" | "popOverContainer" | "resizable" | "headerClassName" | "showTitle" | "showFooter" | "beforeConfirm" | "footerClassName"> & {
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<ConfirmBoxProps, keyof ThemeProps>, "children" | "title" | "closeOnEsc" | "onCancel" | "locale" | "translate" | "size" | "show" | "bodyClassName" | "useMobileUI" | "onConfirm" | "popOverContainer" | "resizable" | "headerClassName" | "showTitle" | "showFooter" | "beforeConfirm" | "footerClassName"> & {
             type?: "dialog" | "drawer" | undefined;
             position?: "left" | "right" | "bottom" | "top" | undefined;
         } & {} & import("packages/amis-core/lib/theme").ThemeOutterProps>, nextContext: any): void;
-        componentWillUpdate?(nextProps: Readonly<Pick<Omit<ConfirmBoxProps, keyof ThemeProps>, "children" | "title" | "closeOnEsc" | "onCancel" | "locale" | "translate" | "size" | "show" | "bodyClassName" | "onConfirm" | "popOverContainer" | "resizable" | "headerClassName" | "showTitle" | "showFooter" | "beforeConfirm" | "footerClassName"> & {
+        componentWillUpdate?(nextProps: Readonly<Pick<Omit<ConfirmBoxProps, keyof ThemeProps>, "children" | "title" | "closeOnEsc" | "onCancel" | "locale" | "translate" | "size" | "show" | "bodyClassName" | "useMobileUI" | "onConfirm" | "popOverContainer" | "resizable" | "headerClassName" | "showTitle" | "showFooter" | "beforeConfirm" | "footerClassName"> & {
             type?: "dialog" | "drawer" | undefined;
             position?: "left" | "right" | "bottom" | "top" | undefined;
         } & {} & import("packages/amis-core/lib/theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
-        UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<ConfirmBoxProps, keyof ThemeProps>, "children" | "title" | "closeOnEsc" | "onCancel" | "locale" | "translate" | "size" | "show" | "bodyClassName" | "onConfirm" | "popOverContainer" | "resizable" | "headerClassName" | "showTitle" | "showFooter" | "beforeConfirm" | "footerClassName"> & {
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<ConfirmBoxProps, keyof ThemeProps>, "children" | "title" | "closeOnEsc" | "onCancel" | "locale" | "translate" | "size" | "show" | "bodyClassName" | "useMobileUI" | "onConfirm" | "popOverContainer" | "resizable" | "headerClassName" | "showTitle" | "showFooter" | "beforeConfirm" | "footerClassName"> & {
             type?: "dialog" | "drawer" | undefined;
             position?: "left" | "right" | "bottom" | "top" | undefined;
         } & {} & import("packages/amis-core/lib/theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
@@ -249,7 +250,7 @@ declare const _default: {
     ComposedComponent: typeof ConfirmBox;
 }, {}> & {
     ComposedComponent: {
-        new (props: Pick<Omit<ConfirmBoxProps, keyof ThemeProps>, "children" | "title" | "closeOnEsc" | "onCancel" | "locale" | "translate" | "size" | "show" | "bodyClassName" | "onConfirm" | "popOverContainer" | "resizable" | "headerClassName" | "showTitle" | "showFooter" | "beforeConfirm" | "footerClassName"> & {
+        new (props: Pick<Omit<ConfirmBoxProps, keyof ThemeProps>, "children" | "title" | "closeOnEsc" | "onCancel" | "locale" | "translate" | "size" | "show" | "bodyClassName" | "useMobileUI" | "onConfirm" | "popOverContainer" | "resizable" | "headerClassName" | "showTitle" | "showFooter" | "beforeConfirm" | "footerClassName"> & {
             type?: "dialog" | "drawer" | undefined;
             position?: "left" | "right" | "bottom" | "top" | undefined;
         } & {} & import("packages/amis-core/lib/theme").ThemeOutterProps): {
@@ -258,12 +259,12 @@ declare const _default: {
             getWrappedInstance(): any;
             render(): React.JSX.Element;
             context: unknown;
-            setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<ConfirmBoxProps, keyof ThemeProps>, "children" | "title" | "closeOnEsc" | "onCancel" | "locale" | "translate" | "size" | "show" | "bodyClassName" | "onConfirm" | "popOverContainer" | "resizable" | "headerClassName" | "showTitle" | "showFooter" | "beforeConfirm" | "footerClassName"> & {
+            setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<ConfirmBoxProps, keyof ThemeProps>, "children" | "title" | "closeOnEsc" | "onCancel" | "locale" | "translate" | "size" | "show" | "bodyClassName" | "useMobileUI" | "onConfirm" | "popOverContainer" | "resizable" | "headerClassName" | "showTitle" | "showFooter" | "beforeConfirm" | "footerClassName"> & {
                 type?: "dialog" | "drawer" | undefined;
                 position?: "left" | "right" | "bottom" | "top" | undefined;
             } & {} & import("packages/amis-core/lib/theme").ThemeOutterProps>) => {} | Pick<{}, K_1> | null) | Pick<{}, K_1> | null, callback?: (() => void) | undefined): void;
             forceUpdate(callback?: (() => void) | undefined): void;
-            readonly props: Readonly<Pick<Omit<ConfirmBoxProps, keyof ThemeProps>, "children" | "title" | "closeOnEsc" | "onCancel" | "locale" | "translate" | "size" | "show" | "bodyClassName" | "onConfirm" | "popOverContainer" | "resizable" | "headerClassName" | "showTitle" | "showFooter" | "beforeConfirm" | "footerClassName"> & {
+            readonly props: Readonly<Pick<Omit<ConfirmBoxProps, keyof ThemeProps>, "children" | "title" | "closeOnEsc" | "onCancel" | "locale" | "translate" | "size" | "show" | "bodyClassName" | "useMobileUI" | "onConfirm" | "popOverContainer" | "resizable" | "headerClassName" | "showTitle" | "showFooter" | "beforeConfirm" | "footerClassName"> & {
                 type?: "dialog" | "drawer" | undefined;
                 position?: "left" | "right" | "bottom" | "top" | undefined;
             } & {} & import("packages/amis-core/lib/theme").ThemeOutterProps>;
@@ -272,35 +273,35 @@ declare const _default: {
                 [key: string]: React.ReactInstance;
             };
             componentDidMount?(): void;
-            shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<ConfirmBoxProps, keyof ThemeProps>, "children" | "title" | "closeOnEsc" | "onCancel" | "locale" | "translate" | "size" | "show" | "bodyClassName" | "onConfirm" | "popOverContainer" | "resizable" | "headerClassName" | "showTitle" | "showFooter" | "beforeConfirm" | "footerClassName"> & {
+            shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<ConfirmBoxProps, keyof ThemeProps>, "children" | "title" | "closeOnEsc" | "onCancel" | "locale" | "translate" | "size" | "show" | "bodyClassName" | "useMobileUI" | "onConfirm" | "popOverContainer" | "resizable" | "headerClassName" | "showTitle" | "showFooter" | "beforeConfirm" | "footerClassName"> & {
                 type?: "dialog" | "drawer" | undefined;
                 position?: "left" | "right" | "bottom" | "top" | undefined;
             } & {} & import("packages/amis-core/lib/theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): boolean;
             componentWillUnmount?(): void;
             componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-            getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<ConfirmBoxProps, keyof ThemeProps>, "children" | "title" | "closeOnEsc" | "onCancel" | "locale" | "translate" | "size" | "show" | "bodyClassName" | "onConfirm" | "popOverContainer" | "resizable" | "headerClassName" | "showTitle" | "showFooter" | "beforeConfirm" | "footerClassName"> & {
+            getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<ConfirmBoxProps, keyof ThemeProps>, "children" | "title" | "closeOnEsc" | "onCancel" | "locale" | "translate" | "size" | "show" | "bodyClassName" | "useMobileUI" | "onConfirm" | "popOverContainer" | "resizable" | "headerClassName" | "showTitle" | "showFooter" | "beforeConfirm" | "footerClassName"> & {
                 type?: "dialog" | "drawer" | undefined;
                 position?: "left" | "right" | "bottom" | "top" | undefined;
             } & {} & import("packages/amis-core/lib/theme").ThemeOutterProps>, prevState: Readonly<{}>): any;
-            componentDidUpdate?(prevProps: Readonly<Pick<Omit<ConfirmBoxProps, keyof ThemeProps>, "children" | "title" | "closeOnEsc" | "onCancel" | "locale" | "translate" | "size" | "show" | "bodyClassName" | "onConfirm" | "popOverContainer" | "resizable" | "headerClassName" | "showTitle" | "showFooter" | "beforeConfirm" | "footerClassName"> & {
+            componentDidUpdate?(prevProps: Readonly<Pick<Omit<ConfirmBoxProps, keyof ThemeProps>, "children" | "title" | "closeOnEsc" | "onCancel" | "locale" | "translate" | "size" | "show" | "bodyClassName" | "useMobileUI" | "onConfirm" | "popOverContainer" | "resizable" | "headerClassName" | "showTitle" | "showFooter" | "beforeConfirm" | "footerClassName"> & {
                 type?: "dialog" | "drawer" | undefined;
                 position?: "left" | "right" | "bottom" | "top" | undefined;
             } & {} & import("packages/amis-core/lib/theme").ThemeOutterProps>, prevState: Readonly<{}>, snapshot?: any): void;
             componentWillMount?(): void;
             UNSAFE_componentWillMount?(): void;
-            componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<ConfirmBoxProps, keyof ThemeProps>, "children" | "title" | "closeOnEsc" | "onCancel" | "locale" | "translate" | "size" | "show" | "bodyClassName" | "onConfirm" | "popOverContainer" | "resizable" | "headerClassName" | "showTitle" | "showFooter" | "beforeConfirm" | "footerClassName"> & {
+            componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<ConfirmBoxProps, keyof ThemeProps>, "children" | "title" | "closeOnEsc" | "onCancel" | "locale" | "translate" | "size" | "show" | "bodyClassName" | "useMobileUI" | "onConfirm" | "popOverContainer" | "resizable" | "headerClassName" | "showTitle" | "showFooter" | "beforeConfirm" | "footerClassName"> & {
                 type?: "dialog" | "drawer" | undefined;
                 position?: "left" | "right" | "bottom" | "top" | undefined;
             } & {} & import("packages/amis-core/lib/theme").ThemeOutterProps>, nextContext: any): void;
-            UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<ConfirmBoxProps, keyof ThemeProps>, "children" | "title" | "closeOnEsc" | "onCancel" | "locale" | "translate" | "size" | "show" | "bodyClassName" | "onConfirm" | "popOverContainer" | "resizable" | "headerClassName" | "showTitle" | "showFooter" | "beforeConfirm" | "footerClassName"> & {
+            UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<ConfirmBoxProps, keyof ThemeProps>, "children" | "title" | "closeOnEsc" | "onCancel" | "locale" | "translate" | "size" | "show" | "bodyClassName" | "useMobileUI" | "onConfirm" | "popOverContainer" | "resizable" | "headerClassName" | "showTitle" | "showFooter" | "beforeConfirm" | "footerClassName"> & {
                 type?: "dialog" | "drawer" | undefined;
                 position?: "left" | "right" | "bottom" | "top" | undefined;
             } & {} & import("packages/amis-core/lib/theme").ThemeOutterProps>, nextContext: any): void;
-            componentWillUpdate?(nextProps: Readonly<Pick<Omit<ConfirmBoxProps, keyof ThemeProps>, "children" | "title" | "closeOnEsc" | "onCancel" | "locale" | "translate" | "size" | "show" | "bodyClassName" | "onConfirm" | "popOverContainer" | "resizable" | "headerClassName" | "showTitle" | "showFooter" | "beforeConfirm" | "footerClassName"> & {
+            componentWillUpdate?(nextProps: Readonly<Pick<Omit<ConfirmBoxProps, keyof ThemeProps>, "children" | "title" | "closeOnEsc" | "onCancel" | "locale" | "translate" | "size" | "show" | "bodyClassName" | "useMobileUI" | "onConfirm" | "popOverContainer" | "resizable" | "headerClassName" | "showTitle" | "showFooter" | "beforeConfirm" | "footerClassName"> & {
                 type?: "dialog" | "drawer" | undefined;
                 position?: "left" | "right" | "bottom" | "top" | undefined;
             } & {} & import("packages/amis-core/lib/theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
-            UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<ConfirmBoxProps, keyof ThemeProps>, "children" | "title" | "closeOnEsc" | "onCancel" | "locale" | "translate" | "size" | "show" | "bodyClassName" | "onConfirm" | "popOverContainer" | "resizable" | "headerClassName" | "showTitle" | "showFooter" | "beforeConfirm" | "footerClassName"> & {
+            UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<ConfirmBoxProps, keyof ThemeProps>, "children" | "title" | "closeOnEsc" | "onCancel" | "locale" | "translate" | "size" | "show" | "bodyClassName" | "useMobileUI" | "onConfirm" | "popOverContainer" | "resizable" | "headerClassName" | "showTitle" | "showFooter" | "beforeConfirm" | "footerClassName"> & {
                 type?: "dialog" | "drawer" | undefined;
                 position?: "left" | "right" | "bottom" | "top" | undefined;
             } & {} & import("packages/amis-core/lib/theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;