amis-ui 3.2.0 → 3.3.0

package/lib/components/Picker.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v3.2.0
+ * amis-ui v3.3.0
  * Copyright 2018-2023 fex
  */
 
@@ -13,10 +13,9 @@ var amisCore = require('amis-core');
 var Button = require('./Button.js');
 var PickerColumn = require('./PickerColumn.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
+var __react_jsx__ = require('react');
+var _J$X_ = (__react_jsx__["default"] || __react_jsx__).createElement;
+(__react_jsx__["default"] || __react_jsx__).Fragment;
 function fixToArray(data) {
     if (!Array.isArray(data)) {
         return [data];
@@ -51,7 +50,7 @@ var Picker = React.memo(function (props) {
         }
     };
     var renderColumnItem = function (item, index) {
-        return (React__default["default"].createElement(PickerColumn["default"], tslib.__assign({}, item, { classnames: cx, classPrefix: ns, labelField: labelField || item.labelField, valueField: valueField || item.valueField, itemHeight: itemHeight, swipeDuration: swipeDuration, visibleItemCount: visibleItemCount, value: innerValue[index], onChange: function (val, i, confirm) {
+        return (_J$X_(PickerColumn["default"], tslib.__assign({}, item, { classnames: cx, classPrefix: ns, labelField: labelField || item.labelField, valueField: valueField || item.valueField, itemHeight: itemHeight, swipeDuration: swipeDuration, visibleItemCount: visibleItemCount, value: innerValue[index], onChange: function (val, i, confirm) {
                 onChange(val, index, confirm);
             }, key: "column".concat(index) })));
     };
@@ -62,17 +61,17 @@ var Picker = React.memo(function (props) {
         backgroundSize: "100% ".concat((wrapHeight - itemHeight) / 2, "px")
     };
     var hasHeader = showToolbar || title;
-    return (React__default["default"].createElement("div", { className: cx(className, 'PickerColumns', 'PickerColumns-popOver') },
-        hasHeader && (React__default["default"].createElement("div", { className: cx('PickerColumns-header') },
-            showToolbar && (React__default["default"].createElement(Button["default"], { className: "PickerColumns-cancel", level: "link", onClick: close }, __('cancel'))),
-            title && React__default["default"].createElement("div", { className: cx('PickerColumns-title') }, title),
-            showToolbar && (React__default["default"].createElement(Button["default"], { className: "PickerColumns-confirm", level: "link", onClick: confirm }, __('confirm'))))),
-        React__default["default"].createElement("div", { className: cx('PickerColumns-columns'), style: columnsStyle },
+    return (_J$X_("div", { className: cx(className, 'PickerColumns', 'PickerColumns-popOver') },
+        hasHeader && (_J$X_("div", { className: cx('PickerColumns-header') },
+            showToolbar && (_J$X_(Button["default"], { className: "PickerColumns-cancel", level: "link", onClick: close }, __('cancel'))),
+            title && _J$X_("div", { className: cx('PickerColumns-title') }, title),
+            showToolbar && (_J$X_(Button["default"], { className: "PickerColumns-confirm", level: "link", onClick: confirm }, __('confirm'))))),
+        _J$X_("div", { className: cx('PickerColumns-columns'), style: columnsStyle },
             _columns.map(function (column, index) {
                 return renderColumnItem(column, index);
             }),
-            React__default["default"].createElement("div", { className: cx('PickerColumns-mask'), style: maskStyle }),
-            React__default["default"].createElement("div", { className: cx('PickerColumns-frame'), style: frameStyle }))));
+            _J$X_("div", { className: cx('PickerColumns-mask'), style: maskStyle }),
+            _J$X_("div", { className: cx('PickerColumns-frame'), style: frameStyle }))));
 });
 var Picker$1 = amisCore.themeable(amisCore.localeable(amisCore.uncontrollable(Picker, {
     value: 'onChange'

package/lib/components/PickerColumn.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v3.2.0
+ * amis-ui v3.3.0
  * Copyright 2018-2023 fex
  */
 
@@ -19,10 +19,12 @@ require('lodash/pick');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var isObject__default = /*#__PURE__*/_interopDefaultLegacy(isObject);
 var cloneDeep__default = /*#__PURE__*/_interopDefaultLegacy(cloneDeep);
 
+var __react_jsx__ = require('react');
+var _J$X_ = (__react_jsx__["default"] || __react_jsx__).createElement;
+(__react_jsx__["default"] || __react_jsx__).Fragment;
 var DEFAULT_DURATION = 200;
 var MOMENTUM_LIMIT_TIME = 300;
 var MOMENTUM_LIMIT_DISTANCE = 15;
@@ -236,7 +238,7 @@ var PickerColumn = React.forwardRef(function (props, ref) {
                 className: 'text-ellipsis',
                 children: text
             };
-            return (React__default["default"].createElement("li", tslib.__assign({}, data, { ref: menuItemRef }), props.optionRender ? (props.optionRender(option, { index: index, checked: state.index === index })) : (React__default["default"].createElement("div", tslib.__assign({}, childData)))));
+            return (_J$X_("li", tslib.__assign({}, data, { ref: menuItemRef }), props.optionRender ? (props.optionRender(option, { index: index, checked: state.index === index })) : (_J$X_("div", tslib.__assign({}, childData)))));
         });
     };
     var setValue = function (value) {
@@ -268,8 +270,8 @@ var PickerColumn = React.forwardRef(function (props, ref) {
         transitionDuration: "".concat(state.duration, "ms"),
         transitionProperty: state.duration ? 'all' : 'none'
     };
-    return (React__default["default"].createElement("div", { ref: root, className: props.classnames('PickerColumns', props.className), onTouchStart: onTouchStart, onTouchMove: onTouchMove, onTouchEnd: onTouchEnd, onTouchCancel: onTouchEnd },
-        React__default["default"].createElement("ul", { ref: wrapper, style: wrapperStyle, className: props.classnames('PickerColumns-columnWrapper'), onTransitionEnd: stopMomentum }, renderOptions())));
+    return (_J$X_("div", { ref: root, className: props.classnames('PickerColumns', props.className), onTouchStart: onTouchStart, onTouchMove: onTouchMove, onTouchEnd: onTouchEnd, onTouchCancel: onTouchEnd },
+        _J$X_("ul", { ref: wrapper, style: wrapperStyle, className: props.classnames('PickerColumns-columnWrapper'), onTransitionEnd: stopMomentum }, renderOptions())));
 });
 PickerColumn.defaultProps = {
     options: [],

package/lib/components/PickerContainer.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v3.2.0
+ * amis-ui v3.3.0
  * Copyright 2018-2023 fex
  */
 
@@ -16,6 +16,9 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
+var __react_jsx__ = require('react');
+var _J$X_ = (__react_jsx__["default"] || __react_jsx__).createElement;
+(__react_jsx__["default"] || __react_jsx__).Fragment;
 var PickerContainer = /** @class */ (function (_super) {
     tslib.__extends(PickerContainer, _super);
     function PickerContainer() {
@@ -107,13 +110,13 @@ var PickerContainer = /** @class */ (function (_super) {
     PickerContainer.prototype.render = function () {
         var _this = this;
         var _a = this.props, children = _a.children, popOverRender = _a.bodyRender, title = _a.title, showTitle = _a.showTitle, headerClassName = _a.headerClassName, bodyClassName = _a.bodyClassName, __ = _a.translate, size = _a.size, showFooter = _a.showFooter, closeOnEsc = _a.closeOnEsc, popOverContainer = _a.popOverContainer, useMobileUI = _a.useMobileUI;
-        return (React__default["default"].createElement(React__default["default"].Fragment, null,
+        return (_J$X_(React__default["default"].Fragment, null,
             children({
                 isOpened: this.state.isOpened,
                 onClick: this.handleClick,
                 setState: this.updateState
             }),
-            React__default["default"].createElement(ConfirmBox["default"], { type: "dialog", size: size, closeOnEsc: closeOnEsc, show: this.state.isOpened, onCancel: this.close, title: title || __('Select.placeholder'), showTitle: showTitle, headerClassName: headerClassName, bodyClassName: bodyClassName, showFooter: showFooter, beforeConfirm: this.confirm, popOverContainer: popOverContainer, useMobileUI: useMobileUI }, function () {
+            _J$X_(ConfirmBox["default"], { type: "dialog", size: size, closeOnEsc: closeOnEsc, show: this.state.isOpened, onCancel: this.close, title: title || __('Select.placeholder'), showTitle: showTitle, headerClassName: headerClassName, bodyClassName: bodyClassName, showFooter: showFooter, beforeConfirm: this.confirm, popOverContainer: popOverContainer, useMobileUI: useMobileUI }, function () {
                 return popOverRender(tslib.__assign(tslib.__assign({}, _this.state), { ref: _this.bodyRef, setState: _this.updateState, onClose: _this.close, onChange: _this.handleChange, onConfirm: _this.confirm, popOverContainer: popOverContainer }));
             })));
     };

package/lib/components/PopOverContainer.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v3.2.0
+ * amis-ui v3.3.0
  * Copyright 2018-2023 fex
  */
 
@@ -19,6 +19,9 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var isNumber__default = /*#__PURE__*/_interopDefaultLegacy(isNumber);
 
+var __react_jsx__ = require('react');
+var _J$X_ = (__react_jsx__["default"] || __react_jsx__).createElement;
+(__react_jsx__["default"] || __react_jsx__).Fragment;
 var PopOverContainer = /** @class */ (function (_super) {
     tslib.__extends(PopOverContainer, _super);
     function PopOverContainer() {
@@ -96,14 +99,14 @@ var PopOverContainer = /** @class */ (function (_super) {
     PopOverContainer.prototype.render = function () {
         var _a = this.props, useMobileUI = _a.useMobileUI, children = _a.children, popOverContainer = _a.popOverContainer, popOverClassName = _a.popOverClassName, dropdownRender = _a.popOverRender, placement = _a.placement, align = _a.align, showConfirm = _a.showConfirm; _a.onConfirm;
         var mobileUI = useMobileUI && amisCore.isMobile();
-        return (React__default["default"].createElement(React__default["default"].Fragment, null,
+        return (_J$X_(React__default["default"].Fragment, null,
             children({
                 isOpened: this.state.isOpened,
                 onClick: this.handleClick,
                 ref: this.targetRef
             }),
-            mobileUI ? (React__default["default"].createElement(PopUp["default"], { isShow: this.state.isOpened, container: document.body, className: popOverClassName, showConfirm: showConfirm, onHide: this.close, onConfirm: this.onConfirm }, dropdownRender({ onClose: this.close }))) : (React__default["default"].createElement(amisCore.Overlay, { container: popOverContainer || this.getParent, target: this.getTarget, placement: placement || PopOverContainer.alignToPlacement({ align: align }), show: this.state.isOpened },
-                React__default["default"].createElement(amisCore.PopOver, { overlay: true, className: popOverClassName, style: this.getOverlayStyle(), onHide: this.close }, dropdownRender({ onClose: this.close }))))));
+            mobileUI ? (_J$X_(PopUp["default"], { isShow: this.state.isOpened, container: document.body, className: popOverClassName, showConfirm: showConfirm, onHide: this.close, onConfirm: this.onConfirm }, dropdownRender({ onClose: this.close }))) : (_J$X_(amisCore.Overlay, { container: popOverContainer || this.getParent, target: this.getTarget, placement: placement || PopOverContainer.alignToPlacement({ align: align }), show: this.state.isOpened },
+                _J$X_(amisCore.PopOver, { overlay: true, className: popOverClassName, style: this.getOverlayStyle(), onHide: this.close }, dropdownRender({ onClose: this.close }))))));
     };
     PopOverContainer.alignPlacementMap = {
         left: 'left-bottom-left-top',

package/lib/components/PopUp.d.ts

@@ -40,7 +40,7 @@ export declare class PopUp extends React.PureComponent<PopUpPorps> {
     render(): React.JSX.Element;
 }
 declare const _default: {
-    new (props: Omit<Pick<Omit<PopUpPorps, keyof LocaleProps>, "classPrefix" | "classnames" | "children" | "style" | "theme" | "header" | "title" | "onHide" | "placement" | "showConfirm"> & {
+    new (props: Omit<Pick<Omit<PopUpPorps, keyof LocaleProps>, "title" | "classnames" | "classPrefix" | "header" | "style" | "theme" | "children" | "onHide" | "placement" | "showConfirm"> & {
         className?: string | undefined;
         overlay?: boolean | undefined;
         container?: any;
@@ -56,7 +56,7 @@ 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>, "classPrefix" | "classnames" | "children" | "style" | "theme" | "header" | "title" | "onHide" | "placement" | "showConfirm"> & {
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Omit<Pick<Omit<PopUpPorps, keyof LocaleProps>, "title" | "classnames" | "classPrefix" | "header" | "style" | "theme" | "children" | "onHide" | "placement" | "showConfirm"> & {
             className?: string | undefined;
             overlay?: boolean | undefined;
             container?: any;
@@ -68,7 +68,7 @@ declare const _default: {
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOutterProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
-        readonly props: Readonly<Omit<Pick<Omit<PopUpPorps, keyof LocaleProps>, "classPrefix" | "classnames" | "children" | "style" | "theme" | "header" | "title" | "onHide" | "placement" | "showConfirm"> & {
+        readonly props: Readonly<Omit<Pick<Omit<PopUpPorps, keyof LocaleProps>, "title" | "classnames" | "classPrefix" | "header" | "style" | "theme" | "children" | "onHide" | "placement" | "showConfirm"> & {
             className?: string | undefined;
             overlay?: boolean | undefined;
             container?: any;
@@ -84,7 +84,7 @@ declare const _default: {
             [key: string]: React.ReactInstance;
         };
         componentDidMount?(): void;
-        shouldComponentUpdate?(nextProps: Readonly<Omit<Pick<Omit<PopUpPorps, keyof LocaleProps>, "classPrefix" | "classnames" | "children" | "style" | "theme" | "header" | "title" | "onHide" | "placement" | "showConfirm"> & {
+        shouldComponentUpdate?(nextProps: Readonly<Omit<Pick<Omit<PopUpPorps, keyof LocaleProps>, "title" | "classnames" | "classPrefix" | "header" | "style" | "theme" | "children" | "onHide" | "placement" | "showConfirm"> & {
             className?: string | undefined;
             overlay?: boolean | undefined;
             container?: any;
@@ -97,7 +97,7 @@ declare const _default: {
         }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): boolean;
         componentWillUnmount?(): void;
         componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-        getSnapshotBeforeUpdate?(prevProps: Readonly<Omit<Pick<Omit<PopUpPorps, keyof LocaleProps>, "classPrefix" | "classnames" | "children" | "style" | "theme" | "header" | "title" | "onHide" | "placement" | "showConfirm"> & {
+        getSnapshotBeforeUpdate?(prevProps: Readonly<Omit<Pick<Omit<PopUpPorps, keyof LocaleProps>, "title" | "classnames" | "classPrefix" | "header" | "style" | "theme" | "children" | "onHide" | "placement" | "showConfirm"> & {
             className?: string | undefined;
             overlay?: boolean | undefined;
             container?: any;
@@ -108,7 +108,7 @@ declare const _default: {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOutterProps>, prevState: Readonly<{}>): any;
-        componentDidUpdate?(prevProps: Readonly<Omit<Pick<Omit<PopUpPorps, keyof LocaleProps>, "classPrefix" | "classnames" | "children" | "style" | "theme" | "header" | "title" | "onHide" | "placement" | "showConfirm"> & {
+        componentDidUpdate?(prevProps: Readonly<Omit<Pick<Omit<PopUpPorps, keyof LocaleProps>, "title" | "classnames" | "classPrefix" | "header" | "style" | "theme" | "children" | "onHide" | "placement" | "showConfirm"> & {
             className?: string | undefined;
             overlay?: boolean | undefined;
             container?: any;
@@ -121,7 +121,7 @@ declare const _default: {
         }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOutterProps>, prevState: Readonly<{}>, snapshot?: any): void;
         componentWillMount?(): void;
         UNSAFE_componentWillMount?(): void;
-        componentWillReceiveProps?(nextProps: Readonly<Omit<Pick<Omit<PopUpPorps, keyof LocaleProps>, "classPrefix" | "classnames" | "children" | "style" | "theme" | "header" | "title" | "onHide" | "placement" | "showConfirm"> & {
+        componentWillReceiveProps?(nextProps: Readonly<Omit<Pick<Omit<PopUpPorps, keyof LocaleProps>, "title" | "classnames" | "classPrefix" | "header" | "style" | "theme" | "children" | "onHide" | "placement" | "showConfirm"> & {
             className?: string | undefined;
             overlay?: boolean | undefined;
             container?: any;
@@ -132,7 +132,7 @@ declare const _default: {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOutterProps>, nextContext: any): void;
-        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Omit<Pick<Omit<PopUpPorps, keyof LocaleProps>, "classPrefix" | "classnames" | "children" | "style" | "theme" | "header" | "title" | "onHide" | "placement" | "showConfirm"> & {
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Omit<Pick<Omit<PopUpPorps, keyof LocaleProps>, "title" | "classnames" | "classPrefix" | "header" | "style" | "theme" | "children" | "onHide" | "placement" | "showConfirm"> & {
             className?: string | undefined;
             overlay?: boolean | undefined;
             container?: any;
@@ -143,7 +143,7 @@ declare const _default: {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOutterProps>, nextContext: any): void;
-        componentWillUpdate?(nextProps: Readonly<Omit<Pick<Omit<PopUpPorps, keyof LocaleProps>, "classPrefix" | "classnames" | "children" | "style" | "theme" | "header" | "title" | "onHide" | "placement" | "showConfirm"> & {
+        componentWillUpdate?(nextProps: Readonly<Omit<Pick<Omit<PopUpPorps, keyof LocaleProps>, "title" | "classnames" | "classPrefix" | "header" | "style" | "theme" | "children" | "onHide" | "placement" | "showConfirm"> & {
             className?: string | undefined;
             overlay?: boolean | undefined;
             container?: any;
@@ -154,7 +154,7 @@ declare const _default: {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
-        UNSAFE_componentWillUpdate?(nextProps: Readonly<Omit<Pick<Omit<PopUpPorps, keyof LocaleProps>, "classPrefix" | "classnames" | "children" | "style" | "theme" | "header" | "title" | "onHide" | "placement" | "showConfirm"> & {
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<Omit<Pick<Omit<PopUpPorps, keyof LocaleProps>, "title" | "classnames" | "classPrefix" | "header" | "style" | "theme" | "children" | "onHide" | "placement" | "showConfirm"> & {
             className?: string | undefined;
             overlay?: boolean | undefined;
             container?: any;
@@ -169,7 +169,7 @@ declare const _default: {
     displayName: string;
     contextType: React.Context<string>;
     ComposedComponent: React.ComponentType<{
-        new (props: Pick<Omit<PopUpPorps, keyof LocaleProps>, "classPrefix" | "classnames" | "children" | "style" | "theme" | "header" | "title" | "onHide" | "placement" | "showConfirm"> & {
+        new (props: Pick<Omit<PopUpPorps, keyof LocaleProps>, "title" | "classnames" | "classPrefix" | "header" | "style" | "theme" | "children" | "onHide" | "placement" | "showConfirm"> & {
             className?: string | undefined;
             overlay?: boolean | undefined;
             container?: any;
@@ -185,7 +185,7 @@ declare const _default: {
             getWrappedInstance(): any;
             render(): React.JSX.Element;
             context: unknown;
-            setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<PopUpPorps, keyof LocaleProps>, "classPrefix" | "classnames" | "children" | "style" | "theme" | "header" | "title" | "onHide" | "placement" | "showConfirm"> & {
+            setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<PopUpPorps, keyof LocaleProps>, "title" | "classnames" | "classPrefix" | "header" | "style" | "theme" | "children" | "onHide" | "placement" | "showConfirm"> & {
                 className?: string | undefined;
                 overlay?: boolean | undefined;
                 container?: any;
@@ -197,7 +197,7 @@ declare const _default: {
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>) => {} | Pick<{}, K_1> | null) | Pick<{}, K_1> | null, callback?: (() => void) | undefined): void;
             forceUpdate(callback?: (() => void) | undefined): void;
-            readonly props: Readonly<Pick<Omit<PopUpPorps, keyof LocaleProps>, "classPrefix" | "classnames" | "children" | "style" | "theme" | "header" | "title" | "onHide" | "placement" | "showConfirm"> & {
+            readonly props: Readonly<Pick<Omit<PopUpPorps, keyof LocaleProps>, "title" | "classnames" | "classPrefix" | "header" | "style" | "theme" | "children" | "onHide" | "placement" | "showConfirm"> & {
                 className?: string | undefined;
                 overlay?: boolean | undefined;
                 container?: any;
@@ -213,7 +213,7 @@ declare const _default: {
                 [key: string]: React.ReactInstance;
             };
             componentDidMount?(): void;
-            shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<PopUpPorps, keyof LocaleProps>, "classPrefix" | "classnames" | "children" | "style" | "theme" | "header" | "title" | "onHide" | "placement" | "showConfirm"> & {
+            shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<PopUpPorps, keyof LocaleProps>, "title" | "classnames" | "classPrefix" | "header" | "style" | "theme" | "children" | "onHide" | "placement" | "showConfirm"> & {
                 className?: string | undefined;
                 overlay?: boolean | undefined;
                 container?: any;
@@ -226,7 +226,7 @@ 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>, "classPrefix" | "classnames" | "children" | "style" | "theme" | "header" | "title" | "onHide" | "placement" | "showConfirm"> & {
+            getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<PopUpPorps, keyof LocaleProps>, "title" | "classnames" | "classPrefix" | "header" | "style" | "theme" | "children" | "onHide" | "placement" | "showConfirm"> & {
                 className?: string | undefined;
                 overlay?: boolean | undefined;
                 container?: any;
@@ -237,7 +237,7 @@ declare const _default: {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, prevState: Readonly<{}>): any;
-            componentDidUpdate?(prevProps: Readonly<Pick<Omit<PopUpPorps, keyof LocaleProps>, "classPrefix" | "classnames" | "children" | "style" | "theme" | "header" | "title" | "onHide" | "placement" | "showConfirm"> & {
+            componentDidUpdate?(prevProps: Readonly<Pick<Omit<PopUpPorps, keyof LocaleProps>, "title" | "classnames" | "classPrefix" | "header" | "style" | "theme" | "children" | "onHide" | "placement" | "showConfirm"> & {
                 className?: string | undefined;
                 overlay?: boolean | undefined;
                 container?: any;
@@ -250,7 +250,7 @@ declare const _default: {
             }>, prevState: Readonly<{}>, snapshot?: any): void;
             componentWillMount?(): void;
             UNSAFE_componentWillMount?(): void;
-            componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<PopUpPorps, keyof LocaleProps>, "classPrefix" | "classnames" | "children" | "style" | "theme" | "header" | "title" | "onHide" | "placement" | "showConfirm"> & {
+            componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<PopUpPorps, keyof LocaleProps>, "title" | "classnames" | "classPrefix" | "header" | "style" | "theme" | "children" | "onHide" | "placement" | "showConfirm"> & {
                 className?: string | undefined;
                 overlay?: boolean | undefined;
                 container?: any;
@@ -261,7 +261,7 @@ declare const _default: {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, nextContext: any): void;
-            UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<PopUpPorps, keyof LocaleProps>, "classPrefix" | "classnames" | "children" | "style" | "theme" | "header" | "title" | "onHide" | "placement" | "showConfirm"> & {
+            UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<PopUpPorps, keyof LocaleProps>, "title" | "classnames" | "classPrefix" | "header" | "style" | "theme" | "children" | "onHide" | "placement" | "showConfirm"> & {
                 className?: string | undefined;
                 overlay?: boolean | undefined;
                 container?: any;
@@ -272,7 +272,7 @@ declare const _default: {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, nextContext: any): void;
-            componentWillUpdate?(nextProps: Readonly<Pick<Omit<PopUpPorps, keyof LocaleProps>, "classPrefix" | "classnames" | "children" | "style" | "theme" | "header" | "title" | "onHide" | "placement" | "showConfirm"> & {
+            componentWillUpdate?(nextProps: Readonly<Pick<Omit<PopUpPorps, keyof LocaleProps>, "title" | "classnames" | "classPrefix" | "header" | "style" | "theme" | "children" | "onHide" | "placement" | "showConfirm"> & {
                 className?: string | undefined;
                 overlay?: boolean | undefined;
                 container?: any;
@@ -283,7 +283,7 @@ declare const _default: {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, nextState: Readonly<{}>, nextContext: any): void;
-            UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<PopUpPorps, keyof LocaleProps>, "classPrefix" | "classnames" | "children" | "style" | "theme" | "header" | "title" | "onHide" | "placement" | "showConfirm"> & {
+            UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<PopUpPorps, keyof LocaleProps>, "title" | "classnames" | "classPrefix" | "header" | "style" | "theme" | "children" | "onHide" | "placement" | "showConfirm"> & {
                 className?: string | undefined;
                 overlay?: boolean | undefined;
                 container?: any;
@@ -302,7 +302,7 @@ declare const _default: {
         ComposedComponent: typeof PopUp;
     }>;
 } & import("hoist-non-react-statics").NonReactStatics<{
-    new (props: Pick<Omit<PopUpPorps, keyof LocaleProps>, "classPrefix" | "classnames" | "children" | "style" | "theme" | "header" | "title" | "onHide" | "placement" | "showConfirm"> & {
+    new (props: Pick<Omit<PopUpPorps, keyof LocaleProps>, "title" | "classnames" | "classPrefix" | "header" | "style" | "theme" | "children" | "onHide" | "placement" | "showConfirm"> & {
         className?: string | undefined;
         overlay?: boolean | undefined;
         container?: any;
@@ -318,7 +318,7 @@ declare const _default: {
         getWrappedInstance(): any;
         render(): React.JSX.Element;
         context: unknown;
-        setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<PopUpPorps, keyof LocaleProps>, "classPrefix" | "classnames" | "children" | "style" | "theme" | "header" | "title" | "onHide" | "placement" | "showConfirm"> & {
+        setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<PopUpPorps, keyof LocaleProps>, "title" | "classnames" | "classPrefix" | "header" | "style" | "theme" | "children" | "onHide" | "placement" | "showConfirm"> & {
             className?: string | undefined;
             overlay?: boolean | undefined;
             container?: any;
@@ -330,7 +330,7 @@ declare const _default: {
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }>) => {} | Pick<{}, K_1> | null) | Pick<{}, K_1> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
-        readonly props: Readonly<Pick<Omit<PopUpPorps, keyof LocaleProps>, "classPrefix" | "classnames" | "children" | "style" | "theme" | "header" | "title" | "onHide" | "placement" | "showConfirm"> & {
+        readonly props: Readonly<Pick<Omit<PopUpPorps, keyof LocaleProps>, "title" | "classnames" | "classPrefix" | "header" | "style" | "theme" | "children" | "onHide" | "placement" | "showConfirm"> & {
             className?: string | undefined;
             overlay?: boolean | undefined;
             container?: any;
@@ -346,7 +346,7 @@ declare const _default: {
             [key: string]: React.ReactInstance;
         };
         componentDidMount?(): void;
-        shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<PopUpPorps, keyof LocaleProps>, "classPrefix" | "classnames" | "children" | "style" | "theme" | "header" | "title" | "onHide" | "placement" | "showConfirm"> & {
+        shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<PopUpPorps, keyof LocaleProps>, "title" | "classnames" | "classPrefix" | "header" | "style" | "theme" | "children" | "onHide" | "placement" | "showConfirm"> & {
             className?: string | undefined;
             overlay?: boolean | undefined;
             container?: any;
@@ -359,7 +359,7 @@ 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>, "classPrefix" | "classnames" | "children" | "style" | "theme" | "header" | "title" | "onHide" | "placement" | "showConfirm"> & {
+        getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<PopUpPorps, keyof LocaleProps>, "title" | "classnames" | "classPrefix" | "header" | "style" | "theme" | "children" | "onHide" | "placement" | "showConfirm"> & {
             className?: string | undefined;
             overlay?: boolean | undefined;
             container?: any;
@@ -370,7 +370,7 @@ declare const _default: {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }>, prevState: Readonly<{}>): any;
-        componentDidUpdate?(prevProps: Readonly<Pick<Omit<PopUpPorps, keyof LocaleProps>, "classPrefix" | "classnames" | "children" | "style" | "theme" | "header" | "title" | "onHide" | "placement" | "showConfirm"> & {
+        componentDidUpdate?(prevProps: Readonly<Pick<Omit<PopUpPorps, keyof LocaleProps>, "title" | "classnames" | "classPrefix" | "header" | "style" | "theme" | "children" | "onHide" | "placement" | "showConfirm"> & {
             className?: string | undefined;
             overlay?: boolean | undefined;
             container?: any;
@@ -383,7 +383,7 @@ declare const _default: {
         }>, prevState: Readonly<{}>, snapshot?: any): void;
         componentWillMount?(): void;
         UNSAFE_componentWillMount?(): void;
-        componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<PopUpPorps, keyof LocaleProps>, "classPrefix" | "classnames" | "children" | "style" | "theme" | "header" | "title" | "onHide" | "placement" | "showConfirm"> & {
+        componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<PopUpPorps, keyof LocaleProps>, "title" | "classnames" | "classPrefix" | "header" | "style" | "theme" | "children" | "onHide" | "placement" | "showConfirm"> & {
             className?: string | undefined;
             overlay?: boolean | undefined;
             container?: any;
@@ -394,7 +394,7 @@ declare const _default: {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }>, nextContext: any): void;
-        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<PopUpPorps, keyof LocaleProps>, "classPrefix" | "classnames" | "children" | "style" | "theme" | "header" | "title" | "onHide" | "placement" | "showConfirm"> & {
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<PopUpPorps, keyof LocaleProps>, "title" | "classnames" | "classPrefix" | "header" | "style" | "theme" | "children" | "onHide" | "placement" | "showConfirm"> & {
             className?: string | undefined;
             overlay?: boolean | undefined;
             container?: any;
@@ -405,7 +405,7 @@ declare const _default: {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }>, nextContext: any): void;
-        componentWillUpdate?(nextProps: Readonly<Pick<Omit<PopUpPorps, keyof LocaleProps>, "classPrefix" | "classnames" | "children" | "style" | "theme" | "header" | "title" | "onHide" | "placement" | "showConfirm"> & {
+        componentWillUpdate?(nextProps: Readonly<Pick<Omit<PopUpPorps, keyof LocaleProps>, "title" | "classnames" | "classPrefix" | "header" | "style" | "theme" | "children" | "onHide" | "placement" | "showConfirm"> & {
             className?: string | undefined;
             overlay?: boolean | undefined;
             container?: any;
@@ -416,7 +416,7 @@ declare const _default: {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }>, nextState: Readonly<{}>, nextContext: any): void;
-        UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<PopUpPorps, keyof LocaleProps>, "classPrefix" | "classnames" | "children" | "style" | "theme" | "header" | "title" | "onHide" | "placement" | "showConfirm"> & {
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<PopUpPorps, keyof LocaleProps>, "title" | "classnames" | "classPrefix" | "header" | "style" | "theme" | "children" | "onHide" | "placement" | "showConfirm"> & {
             className?: string | undefined;
             overlay?: boolean | undefined;
             container?: any;
@@ -435,7 +435,7 @@ declare const _default: {
     ComposedComponent: typeof PopUp;
 }, {}> & {
     ComposedComponent: {
-        new (props: Pick<Omit<PopUpPorps, keyof LocaleProps>, "classPrefix" | "classnames" | "children" | "style" | "theme" | "header" | "title" | "onHide" | "placement" | "showConfirm"> & {
+        new (props: Pick<Omit<PopUpPorps, keyof LocaleProps>, "title" | "classnames" | "classPrefix" | "header" | "style" | "theme" | "children" | "onHide" | "placement" | "showConfirm"> & {
             className?: string | undefined;
             overlay?: boolean | undefined;
             container?: any;
@@ -451,7 +451,7 @@ declare const _default: {
             getWrappedInstance(): any;
             render(): React.JSX.Element;
             context: unknown;
-            setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<PopUpPorps, keyof LocaleProps>, "classPrefix" | "classnames" | "children" | "style" | "theme" | "header" | "title" | "onHide" | "placement" | "showConfirm"> & {
+            setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<PopUpPorps, keyof LocaleProps>, "title" | "classnames" | "classPrefix" | "header" | "style" | "theme" | "children" | "onHide" | "placement" | "showConfirm"> & {
                 className?: string | undefined;
                 overlay?: boolean | undefined;
                 container?: any;
@@ -463,7 +463,7 @@ declare const _default: {
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>) => {} | Pick<{}, K_1> | null) | Pick<{}, K_1> | null, callback?: (() => void) | undefined): void;
             forceUpdate(callback?: (() => void) | undefined): void;
-            readonly props: Readonly<Pick<Omit<PopUpPorps, keyof LocaleProps>, "classPrefix" | "classnames" | "children" | "style" | "theme" | "header" | "title" | "onHide" | "placement" | "showConfirm"> & {
+            readonly props: Readonly<Pick<Omit<PopUpPorps, keyof LocaleProps>, "title" | "classnames" | "classPrefix" | "header" | "style" | "theme" | "children" | "onHide" | "placement" | "showConfirm"> & {
                 className?: string | undefined;
                 overlay?: boolean | undefined;
                 container?: any;
@@ -479,7 +479,7 @@ declare const _default: {
                 [key: string]: React.ReactInstance;
             };
             componentDidMount?(): void;
-            shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<PopUpPorps, keyof LocaleProps>, "classPrefix" | "classnames" | "children" | "style" | "theme" | "header" | "title" | "onHide" | "placement" | "showConfirm"> & {
+            shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<PopUpPorps, keyof LocaleProps>, "title" | "classnames" | "classPrefix" | "header" | "style" | "theme" | "children" | "onHide" | "placement" | "showConfirm"> & {
                 className?: string | undefined;
                 overlay?: boolean | undefined;
                 container?: any;
@@ -492,7 +492,7 @@ 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>, "classPrefix" | "classnames" | "children" | "style" | "theme" | "header" | "title" | "onHide" | "placement" | "showConfirm"> & {
+            getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<PopUpPorps, keyof LocaleProps>, "title" | "classnames" | "classPrefix" | "header" | "style" | "theme" | "children" | "onHide" | "placement" | "showConfirm"> & {
                 className?: string | undefined;
                 overlay?: boolean | undefined;
                 container?: any;
@@ -503,7 +503,7 @@ declare const _default: {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, prevState: Readonly<{}>): any;
-            componentDidUpdate?(prevProps: Readonly<Pick<Omit<PopUpPorps, keyof LocaleProps>, "classPrefix" | "classnames" | "children" | "style" | "theme" | "header" | "title" | "onHide" | "placement" | "showConfirm"> & {
+            componentDidUpdate?(prevProps: Readonly<Pick<Omit<PopUpPorps, keyof LocaleProps>, "title" | "classnames" | "classPrefix" | "header" | "style" | "theme" | "children" | "onHide" | "placement" | "showConfirm"> & {
                 className?: string | undefined;
                 overlay?: boolean | undefined;
                 container?: any;
@@ -516,7 +516,7 @@ declare const _default: {
             }>, prevState: Readonly<{}>, snapshot?: any): void;
             componentWillMount?(): void;
             UNSAFE_componentWillMount?(): void;
-            componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<PopUpPorps, keyof LocaleProps>, "classPrefix" | "classnames" | "children" | "style" | "theme" | "header" | "title" | "onHide" | "placement" | "showConfirm"> & {
+            componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<PopUpPorps, keyof LocaleProps>, "title" | "classnames" | "classPrefix" | "header" | "style" | "theme" | "children" | "onHide" | "placement" | "showConfirm"> & {
                 className?: string | undefined;
                 overlay?: boolean | undefined;
                 container?: any;
@@ -527,7 +527,7 @@ declare const _default: {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, nextContext: any): void;
-            UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<PopUpPorps, keyof LocaleProps>, "classPrefix" | "classnames" | "children" | "style" | "theme" | "header" | "title" | "onHide" | "placement" | "showConfirm"> & {
+            UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<PopUpPorps, keyof LocaleProps>, "title" | "classnames" | "classPrefix" | "header" | "style" | "theme" | "children" | "onHide" | "placement" | "showConfirm"> & {
                 className?: string | undefined;
                 overlay?: boolean | undefined;
                 container?: any;
@@ -538,7 +538,7 @@ declare const _default: {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, nextContext: any): void;
-            componentWillUpdate?(nextProps: Readonly<Pick<Omit<PopUpPorps, keyof LocaleProps>, "classPrefix" | "classnames" | "children" | "style" | "theme" | "header" | "title" | "onHide" | "placement" | "showConfirm"> & {
+            componentWillUpdate?(nextProps: Readonly<Pick<Omit<PopUpPorps, keyof LocaleProps>, "title" | "classnames" | "classPrefix" | "header" | "style" | "theme" | "children" | "onHide" | "placement" | "showConfirm"> & {
                 className?: string | undefined;
                 overlay?: boolean | undefined;
                 container?: any;
@@ -549,7 +549,7 @@ declare const _default: {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, nextState: Readonly<{}>, nextContext: any): void;
-            UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<PopUpPorps, keyof LocaleProps>, "classPrefix" | "classnames" | "children" | "style" | "theme" | "header" | "title" | "onHide" | "placement" | "showConfirm"> & {
+            UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<PopUpPorps, keyof LocaleProps>, "title" | "classnames" | "classPrefix" | "header" | "style" | "theme" | "children" | "onHide" | "placement" | "showConfirm"> & {
                 className?: string | undefined;
                 overlay?: boolean | undefined;
                 container?: any;

package/lib/components/PopUp.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v3.2.0
+ * amis-ui v3.3.0
  * Copyright 2018-2023 fex
  */
 
@@ -21,11 +21,9 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var Transition__default = /*#__PURE__*/_interopDefaultLegacy(Transition);
 var Portal__default = /*#__PURE__*/_interopDefaultLegacy(Portal);
 
-/**
- * @file PopUp
- * @description
- * @author fex
- */
+var __react_jsx__ = require('react');
+var _J$X_ = (__react_jsx__["default"] || __react_jsx__).createElement;
+(__react_jsx__["default"] || __react_jsx__).Fragment;
 var _a;
 var fadeStyles = (_a = {},
     _a[Transition.ENTERED] = '',
@@ -63,21 +61,21 @@ var PopUp = /** @class */ (function (_super) {
         var _a = this.props, style = _a.style, title = _a.title, children = _a.children, overlay = _a.overlay, onHide = _a.onHide, onConfirm = _a.onConfirm, ns = _a.classPrefix, cx = _a.classnames, className = _a.className, isShow = _a.isShow, container = _a.container, showConfirm = _a.showConfirm, __ = _a.translate, showClose = _a.showClose, header = _a.header, _b = _a.placement, placement = _b === void 0 ? 'center' : _b, rest = tslib.__rest(_a, ["style", "title", "children", "overlay", "onHide", "onConfirm", "classPrefix", "classnames", "className", "isShow", "container", "showConfirm", "translate", "showClose", "header", "placement"]);
         var outerStyle = tslib.__assign({}, style);
         delete outerStyle.top;
-        return (React__default["default"].createElement(Portal__default["default"], { container: container },
-            React__default["default"].createElement(Transition__default["default"], { mountOnEnter: true, unmountOnExit: true, in: isShow, timeout: 500, appear: true }, function (status) {
-                return (React__default["default"].createElement("div", tslib.__assign({ className: cx("".concat(ns, "PopUp"), className, fadeStyles[status]), style: outerStyle }, rest, { onClick: _this.handleClick }),
-                    overlay && (React__default["default"].createElement("div", { className: "".concat(ns, "PopUp-overlay"), onClick: onHide })),
-                    React__default["default"].createElement("div", { className: cx("".concat(ns, "PopUp-inner")) },
-                        !showConfirm && showClose ? (React__default["default"].createElement("div", { className: cx("".concat(ns, "PopUp-closeWrap")) },
+        return (_J$X_(Portal__default["default"], { container: container },
+            _J$X_(Transition__default["default"], { mountOnEnter: true, unmountOnExit: true, in: isShow, timeout: 500, appear: true }, function (status) {
+                return (_J$X_("div", tslib.__assign({ className: cx("".concat(ns, "PopUp"), className, fadeStyles[status]), style: outerStyle }, rest, { onClick: _this.handleClick }),
+                    overlay && (_J$X_("div", { className: "".concat(ns, "PopUp-overlay"), onClick: onHide })),
+                    _J$X_("div", { className: cx("".concat(ns, "PopUp-inner")) },
+                        !showConfirm && showClose ? (_J$X_("div", { className: cx("".concat(ns, "PopUp-closeWrap")) },
                             header,
-                            React__default["default"].createElement("span", { className: cx("PopUp-closeBox"), onClick: onHide },
-                                React__default["default"].createElement(icons.Icon, { icon: "close", className: cx('icon', "".concat(ns, "PopUp-close")) })))) : null,
-                        showConfirm && (React__default["default"].createElement("div", { className: cx("".concat(ns, "PopUp-toolbar")) },
-                            React__default["default"].createElement(Button["default"], { className: cx("".concat(ns, "PopUp-cancel")), level: "link", onClick: onHide }, __('cancel')),
-                            title && (React__default["default"].createElement("span", { className: cx("".concat(ns, "PopUp-title")) }, title)),
-                            React__default["default"].createElement(Button["default"], { className: cx("".concat(ns, "PopUp-confirm")), level: "link", onClick: onConfirm }, __('confirm')))),
-                        React__default["default"].createElement("div", { className: cx("".concat(ns, "PopUp-content"), "justify-".concat(placement)) }, isShow ? children : null),
-                        React__default["default"].createElement("div", { className: cx("PopUp-safearea") }))));
+                            _J$X_("span", { className: cx("PopUp-closeBox"), onClick: onHide },
+                                _J$X_(icons.Icon, { icon: "close", className: cx('icon', "".concat(ns, "PopUp-close")) })))) : null,
+                        showConfirm && (_J$X_("div", { className: cx("".concat(ns, "PopUp-toolbar")) },
+                            _J$X_(Button["default"], { className: cx("".concat(ns, "PopUp-cancel")), level: "link", onClick: onHide }, __('cancel')),
+                            title && (_J$X_("span", { className: cx("".concat(ns, "PopUp-title")) }, title)),
+                            _J$X_(Button["default"], { className: cx("".concat(ns, "PopUp-confirm")), level: "link", onClick: onConfirm }, __('confirm')))),
+                        _J$X_("div", { className: cx("".concat(ns, "PopUp-content"), "justify-".concat(placement)) }, isShow ? children : null),
+                        _J$X_("div", { className: cx("PopUp-safearea") }))));
             })));
     };
     PopUp.defaultProps = {