amis-ui 3.1.1 → 3.3.0

package/lib/components/Pagination.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v3.1.1
+ * 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 isInteger__default = /*#__PURE__*/_interopDefaultLegacy(isInteger);
 
+var __react_jsx__ = require('react');
+var _J$X_ = (__react_jsx__["default"] || __react_jsx__).createElement;
+(__react_jsx__["default"] || __react_jsx__).Fragment;
 var Pagination = /** @class */ (function (_super) {
     tslib.__extends(Pagination, _super);
     function Pagination(props) {
@@ -55,10 +58,10 @@ var Pagination = /** @class */ (function (_super) {
         var _this = this;
         var _a = this.props, cx = _a.classnames, activePage = _a.activePage;
         var perPage = this.state.perPage;
-        return (React__default["default"].createElement("li", { onClick: function () { return _this.handlePageNumChange(page, perPage); }, key: page, className: cx('Pagination-pager-item', {
+        return (_J$X_("li", { onClick: function () { return _this.handlePageNumChange(page, perPage); }, key: page, className: cx('Pagination-pager-item', {
                 'is-active': page === activePage
             }) },
-            React__default["default"].createElement("a", { role: "button" }, page)));
+            _J$X_("a", { role: "button" }, page)));
     };
     /**
      * 渲染...
@@ -68,8 +71,8 @@ var Pagination = /** @class */ (function (_super) {
      */
     Pagination.prototype.renderEllipsis = function (key) {
         var cx = this.props.classnames;
-        return (React__default["default"].createElement("li", { key: key, className: cx('ellipsis') },
-            React__default["default"].createElement("a", { role: "button" }, "...")));
+        return (_J$X_("li", { key: key, className: cx('ellipsis') },
+            _J$X_("a", { role: "button" }, "...")));
     };
     /**
      * 渲染器事件方法装饰器
@@ -129,14 +132,16 @@ var Pagination = /** @class */ (function (_super) {
     };
     Pagination.prototype.render = function () {
         var _this = this;
-        var _a = this.props, layout = _a.layout, maxButtons = _a.maxButtons, mode = _a.mode, activePage = _a.activePage, total = _a.total, showPerPage = _a.showPerPage, perPageAvailable = _a.perPageAvailable, cx = _a.classnames, showPageInput = _a.showPageInput, className = _a.className, style = _a.style, disabled = _a.disabled, hasNext = _a.hasNext, popOverContainer = _a.popOverContainer, popOverContainerSelector = _a.popOverContainerSelector, __ = _a.translate;
+        var _a = this.props, layout = _a.layout, mode = _a.mode, activePage = _a.activePage, total = _a.total, showPerPage = _a.showPerPage, perPageAvailable = _a.perPageAvailable, cx = _a.classnames, showPageInput = _a.showPageInput, className = _a.className, style = _a.style, disabled = _a.disabled, hasNext = _a.hasNext, popOverContainer = _a.popOverContainer, popOverContainerSelector = _a.popOverContainerSelector, useMobileUI = _a.useMobileUI, __ = _a.translate;
+        var maxButtons = this.props.maxButtons;
         var _b = this.state, pageNum = _b.pageNum, perPage = _b.perPage;
         var lastPage = this.getLastPage();
+        var mobileUI = useMobileUI && amisCore.isMobile();
         // 简易模式
         if (mode === 'simple') {
-            return (React__default["default"].createElement("div", { className: cx('Pagination-wrap', 'Pagination-simple', { disabled: disabled }, className), style: style },
-                React__default["default"].createElement("ul", { key: "pager-items", className: cx('Pagination', 'Pagination--sm', 'Pagination-pager-items', 'Pagination-item') },
-                    React__default["default"].createElement("li", { className: cx('Pagination-prev', {
+            return (_J$X_("div", { className: cx('Pagination-wrap', 'Pagination-simple', { disabled: disabled }, className), style: style },
+                _J$X_("ul", { key: "pager-items", className: cx('Pagination', 'Pagination--sm', 'Pagination-pager-items', 'Pagination-item') },
+                    _J$X_("li", { className: cx('Pagination-prev', {
                             'is-disabled': activePage < 2
                         }), onClick: function (e) {
                             if (activePage < 2) {
@@ -144,9 +149,9 @@ var Pagination = /** @class */ (function (_super) {
                             }
                             return _this.handlePageNumChange(activePage - 1);
                         }, key: "prev" },
-                        React__default["default"].createElement("span", null,
-                            React__default["default"].createElement(icons.Icon, { icon: "left-arrow", className: "icon" }))),
-                    React__default["default"].createElement("li", { className: cx('Pagination-next', {
+                        _J$X_("span", null,
+                            _J$X_(icons.Icon, { icon: "left-arrow", className: "icon" }))),
+                    _J$X_("li", { className: cx('Pagination-next', {
                             'is-disabled': !hasNext
                         }), onClick: function (e) {
                             if (!hasNext) {
@@ -154,8 +159,8 @@ var Pagination = /** @class */ (function (_super) {
                             }
                             return _this.handlePageNumChange(activePage + 1, perPage);
                         }, key: "next" },
-                        React__default["default"].createElement("span", null,
-                            React__default["default"].createElement(icons.Icon, { icon: "right-arrow", className: "icon" }))))));
+                        _J$X_("span", null,
+                            _J$X_(icons.Icon, { icon: "right-arrow", className: "icon" }))))));
         }
         var pageButtons = [];
         var layoutList = Array.isArray(layout)
@@ -201,7 +206,7 @@ var Pagination = /** @class */ (function (_super) {
             pageButtons.push(this.renderEllipsis('next-ellipsis'));
             pageButtons.push(this.renderPageItem(lastPage));
         }
-        pageButtons.unshift(React__default["default"].createElement("li", { className: cx('Pagination-prev', {
+        pageButtons.unshift(_J$X_("li", { className: cx('Pagination-prev', {
                 'is-disabled': activePage < 2
             }), onClick: function (e) {
                 if (activePage < 2) {
@@ -209,9 +214,9 @@ var Pagination = /** @class */ (function (_super) {
                 }
                 return _this.handlePageNumChange(activePage - 1, perPage);
             }, key: "prev" },
-            React__default["default"].createElement("span", null,
-                React__default["default"].createElement(icons.Icon, { icon: "left-arrow", className: "icon" }))));
-        pageButtons.push(React__default["default"].createElement("li", { className: cx('Pagination-next', {
+            _J$X_("span", null,
+                _J$X_(icons.Icon, { icon: "left-arrow", className: "icon" }))));
+        pageButtons.push(_J$X_("li", { className: cx('Pagination-next', {
                 'is-disabled': activePage === lastPage
             }), onClick: function (e) {
                 if (activePage === lastPage) {
@@ -219,11 +224,18 @@ var Pagination = /** @class */ (function (_super) {
                 }
                 return _this.handlePageNumChange(activePage + 1, perPage);
             }, key: "next" },
-            React__default["default"].createElement("span", null,
-                React__default["default"].createElement(icons.Icon, { icon: "right-arrow", className: "icon" }))));
-        var go = (React__default["default"].createElement("div", { className: cx('Pagination-inputGroup Pagination-item'), key: "go" },
-            React__default["default"].createElement("span", { className: cx('Pagination-inputGroup-left'), key: "go-left" }, __('Pagination.goto')),
-            React__default["default"].createElement("input", { className: cx('Pagination-inputGroup-input'), key: "go-input", type: "text", disabled: disabled, onChange: this.handlePageChange, onFocus: function (e) { return e.currentTarget.select(); }, onKeyUp: function (e) {
+            _J$X_("span", null,
+                _J$X_(icons.Icon, { icon: "right-arrow", className: "icon" }))));
+        if (mobileUI) {
+            pageButtons = [
+                pageButtons[0],
+                this.renderPageItem(activePage),
+                pageButtons[pageButtons.length - 1]
+            ];
+        }
+        var go = (_J$X_("div", { className: cx('Pagination-inputGroup Pagination-item'), key: "go" },
+            !mobileUI ? (_J$X_("span", { className: cx('Pagination-inputGroup-left'), key: "go-left" }, __('Pagination.goto'))) : null,
+            _J$X_("input", { className: cx('Pagination-inputGroup-input'), key: "go-input", type: "text", disabled: disabled, onChange: this.handlePageChange, onFocus: function (e) { return e.currentTarget.select(); }, onKeyUp: function (e) {
                     var v = parseInt(e.currentTarget.value, 10);
                     if (!v || e.code != 'Enter') {
                         return;
@@ -231,7 +243,7 @@ var Pagination = /** @class */ (function (_super) {
                     _this.setState({ pageNum: '' });
                     _this.handlePageNumChange(v, perPage);
                 }, value: pageNum }),
-            React__default["default"].createElement("span", { className: cx('Pagination-inputGroup-right'), key: "go-right", onClick: function (e) {
+            _J$X_("span", { className: cx('Pagination-inputGroup-right'), key: "go-right", onClick: function (e) {
                     if (!pageNum) {
                         return;
                     }
@@ -241,7 +253,7 @@ var Pagination = /** @class */ (function (_super) {
         var selection = perPageAvailable
             .filter(function (v) { return !!v; })
             .map(function (v) { return ({ label: __('Pagination.select', { count: v }), value: v }); });
-        var perPageEle = (React__default["default"].createElement(Select["default"], { key: "perpage", className: cx('Pagination-perpage', 'Pagination-item'), clearable: false, disabled: disabled, value: perPage, options: selection, popOverContainer: popOverContainer, popOverContainerSelector: popOverContainerSelector, onChange: function (p) {
+        var perPageEle = (_J$X_(Select["default"], { key: "perpage", className: cx('Pagination-perpage', 'Pagination-item'), clearable: false, disabled: disabled, value: perPage, options: selection, popOverContainer: popOverContainer, popOverContainerSelector: popOverContainerSelector, onChange: function (p) {
                 _this.setState({
                     perPage: p.value,
                     pageNum: ''
@@ -249,12 +261,12 @@ var Pagination = /** @class */ (function (_super) {
                 _this.handlePageNumChange(1, p.value);
             } }));
         // total或者lastpage不存在，不渲染总数
-        var totalPage = !(total || lastPage) ? null : (React__default["default"].createElement("div", { className: cx('Pagination-total Pagination-item'), key: "total" }, total || total === 0
+        var totalPage = !(total || lastPage) ? null : (_J$X_("div", { className: cx('Pagination-total Pagination-item'), key: "total" }, total || total === 0
             ? __('Pagination.totalCount', { total: total })
             : __('Pagination.totalPage', { lastPage: lastPage })));
-        return (React__default["default"].createElement("div", { className: cx('Pagination-wrap', { disabled: disabled }, className) }, layoutList.map(function (layoutItem) {
+        return (_J$X_("div", { className: cx('Pagination-wrap', { disabled: disabled }, className) }, layoutList.map(function (layoutItem) {
             if (layoutItem === "pager" /* PaginationWidget.Pager */) {
-                return (React__default["default"].createElement("ul", { key: "pager-items", className: cx('Pagination', 'Pagination--sm', 'Pagination-item') }, pageButtons));
+                return (_J$X_("ul", { key: "pager-items", className: cx('Pagination', 'Pagination--sm', 'Pagination-item') }, pageButtons));
             }
             else if (layoutItem === "go" /* PaginationWidget.Go */) {
                 return go;

package/lib/components/Picker.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v3.1.1
+ * 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: "default", 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: "primary", 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.d.ts

@@ -14,7 +14,7 @@ export interface PickerColumnItem {
     visibleItemCount?: number;
     itemHeight?: number;
     options?: PickerOption[];
-    optionRender?: (option: string | object | PickerOption) => React.ReactNode;
+    optionRender?: (...params: any) => React.ReactNode;
     onChange?: (value?: PickerOption | string, index?: number, confirm?: boolean) => void;
 }
 export interface PickerColumnProps extends PickerColumnItem, ThemeProps {

package/lib/components/PickerColumn.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v3.1.1
+ * 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)) : (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.d.ts

@@ -20,6 +20,7 @@ export interface PickerContainerProps extends ThemeProps, LocaleProps, Omit<Conf
     onClose?: () => void;
     onPickerOpen?: (props: PickerContainerProps) => any;
     popOverContainer?: any;
+    useMobileUI?: boolean;
 }
 export interface PickerContainerState {
     isOpened: boolean;

package/lib/components/PickerContainer.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v3.1.1
+ * 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() {
@@ -106,15 +109,15 @@ 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;
-        return (React__default["default"].createElement(React__default["default"].Fragment, null,
+        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 (_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 }, function () {
-                return popOverRender(tslib.__assign(tslib.__assign({}, _this.state), { ref: _this.bodyRef, setState: _this.updateState, onClose: _this.close, onChange: _this.handleChange, onConfirm: _this.confirm }));
+            _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 }));
             })));
     };
     tslib.__decorate([

package/lib/components/PopOverContainer.d.ts

@@ -19,11 +19,13 @@ export interface PopOverContainerProps {
     placement?: string;
     overlayWidth?: number | string;
     overlayWidthField?: 'minWidth' | 'width';
+    showConfirm?: boolean;
     align?: OverlayAlignType;
     /** Popover层隐藏前触发的事件 */
     onBeforeHide?: () => void;
     /** Popover层隐藏后触发的事件 */
     onAfterHide?: () => void;
+    onConfirm?: () => void;
 }
 export interface PopOverContainerState {
     isOpened: boolean;
@@ -41,6 +43,7 @@ export declare class PopOverContainer extends React.Component<PopOverContainerPr
     close(): void;
     getTarget(): any;
     getParent(): any;
+    onConfirm(): void;
     static calcOverlayWidth(overlay: PopOverOverlay, targetWidth: number): string | number | undefined;
     static alignToPlacement(overlay?: PopOverOverlay): string;
     getOverlayStyle(): {

package/lib/components/PopOverContainer.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v3.1.1
+ * 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() {
@@ -55,6 +58,11 @@ var PopOverContainer = /** @class */ (function (_super) {
         var _a;
         return (_a = this.getTarget()) === null || _a === void 0 ? void 0 : _a.parentElement;
     };
+    PopOverContainer.prototype.onConfirm = function () {
+        var _a, _b;
+        (_b = (_a = this.props).onConfirm) === null || _b === void 0 ? void 0 : _b.call(_a);
+        this.close();
+    };
     PopOverContainer.calcOverlayWidth = function (overlay, targetWidth) {
         var overlayWidth = overlay && overlay.width;
         if (!overlayWidth || !isNumber__default["default"](targetWidth) || targetWidth < 1)
@@ -89,16 +97,16 @@ var PopOverContainer = /** @class */ (function (_super) {
             _a;
     };
     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;
+        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: popOverContainer, className: popOverClassName, onHide: this.close }, 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',
@@ -135,6 +143,12 @@ var PopOverContainer = /** @class */ (function (_super) {
         tslib.__metadata("design:paramtypes", []),
         tslib.__metadata("design:returntype", void 0)
     ], PopOverContainer.prototype, "getParent", null);
+    tslib.__decorate([
+        amisCore.autobind,
+        tslib.__metadata("design:type", Function),
+        tslib.__metadata("design:paramtypes", []),
+        tslib.__metadata("design:returntype", void 0)
+    ], PopOverContainer.prototype, "onConfirm", null);
     return PopOverContainer;
 }(React__default["default"].Component));