amis-ui 6.13.0-beta.7 → 6.13.0-beta.8

package/esm/components/PickerContainer.js

@@ -1,157 +0,0 @@
-/**
- * amis-ui v6.13.0-beta.7
- * Copyright 2018-2025 fex
- */
-
-import { __extends, __awaiter, __generator, __assign, __rest, __decorate, __metadata } from 'tslib';
-import React__default from 'react';
-import { isObject, autobind, themeable, localeable } from 'amis-core';
-import ConfirmBox from './ConfirmBox.js';
-
-var PickerContainer = /** @class */ (function (_super) {
-    __extends(PickerContainer, _super);
-    function PickerContainer() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        _this.state = {
-            isOpened: false,
-            value: _this.props.value
-        };
-        return _this;
-    }
-    PickerContainer.prototype.componentDidUpdate = function (prevProps) {
-        var props = this.props;
-        if (props.value !== prevProps.value) {
-            this.setState({
-                value: props.value
-            });
-        }
-    };
-    PickerContainer.prototype.handleClick = function () {
-        var _a, _b;
-        return __awaiter(this, void 0, void 0, function () {
-            var state, _c;
-            var _this = this;
-            return __generator(this, function (_d) {
-                switch (_d.label) {
-                    case 0:
-                        _c = [{ value: this.props.value }];
-                        return [4 /*yield*/, ((_b = (_a = this.props).onPickerOpen) === null || _b === void 0 ? void 0 : _b.call(_a, this.props))];
-                    case 1:
-                        state = __assign.apply(void 0, [__assign.apply(void 0, _c.concat([(_d.sent())])), { isOpened: true }]);
-                        this.setState(state, function () { var _a, _b; return (_b = (_a = _this.props).onFocus) === null || _b === void 0 ? void 0 : _b.call(_a); });
-                        return [2 /*return*/];
-                }
-            });
-        });
-    };
-    PickerContainer.prototype.close = function (e, callback) {
-        var _this = this;
-        this.setState({
-            isOpened: false
-        }, function () {
-            var _a, _b, _c, _d;
-            (_b = (_a = _this.props).onClose) === null || _b === void 0 ? void 0 : _b.call(_a);
-            if (callback) {
-                callback();
-                return;
-            }
-            (_d = (_c = _this.props).onCancel) === null || _d === void 0 ? void 0 : _d.call(_c);
-        });
-    };
-    PickerContainer.prototype.handleChange = function (value) {
-        this.setState({
-            value: value
-        });
-    };
-    PickerContainer.prototype.beforeConfirm = function (form) {
-        var _a, _b;
-        return __awaiter(this, void 0, void 0, function () {
-            var _c, onConfirm, beforeConfirm, ret, _d, state;
-            return __generator(this, function (_e) {
-                switch (_e.label) {
-                    case 0:
-                        _c = this.props, onConfirm = _c.onConfirm, beforeConfirm = _c.beforeConfirm;
-                        if (!beforeConfirm) return [3 /*break*/, 2];
-                        return [4 /*yield*/, (beforeConfirm === null || beforeConfirm === void 0 ? void 0 : beforeConfirm(form))];
-                    case 1:
-                        _d = _e.sent();
-                        return [3 /*break*/, 4];
-                    case 2: return [4 /*yield*/, ((_a = form === null || form === void 0 ? void 0 : form.submit) === null || _a === void 0 ? void 0 : _a.call(form))];
-                    case 3:
-                        _d = _e.sent();
-                        _e.label = 4;
-                    case 4:
-                        ret = _d;
-                        state = {
-                            isOpened: false
-                        };
-                        // beforeConfirm 返回 false 则阻止后续动作
-                        if (ret === false) {
-                            return [2 /*return*/, false];
-                        }
-                        else if (isObject(ret)) {
-                            state.value = ret;
-                        }
-                        return [4 /*yield*/, (onConfirm === null || onConfirm === void 0 ? void 0 : onConfirm((_b = state.value) !== null && _b !== void 0 ? _b : this.state.value))];
-                    case 5:
-                        _e.sent();
-                        this.setState(state);
-                        return [2 /*return*/];
-                }
-            });
-        });
-    };
-    PickerContainer.prototype.updateState = function (state) {
-        if (state === void 0) { state = {}; }
-        state.isOpened; var rest = __rest(state, ["isOpened"]);
-        this.setState(__assign(__assign({}, this.state), rest));
-    };
-    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, className = _a.className, __ = _a.translate, size = _a.size, showFooter = _a.showFooter, closeOnEsc = _a.closeOnEsc, popOverContainer = _a.popOverContainer, mobileUI = _a.mobileUI, disabled = _a.disabled, testIdBuilder = _a.testIdBuilder;
-        return (React__default.createElement(React__default.Fragment, null,
-            children({
-                isOpened: this.state.isOpened,
-                onClick: this.handleClick,
-                setState: this.updateState
-            }),
-            React__default.createElement(ConfirmBox, { type: "dialog", size: size, closeOnEsc: closeOnEsc, show: this.state.isOpened, onCancel: this.close, title: title || __('Select.placeholder'), showTitle: showTitle, headerClassName: headerClassName, bodyClassName: bodyClassName, className: className, showFooter: showFooter, beforeConfirm: this.beforeConfirm, popOverContainer: popOverContainer, mobileUI: mobileUI, disabled: disabled, testIdBuilder: testIdBuilder === null || testIdBuilder === void 0 ? void 0 : testIdBuilder.getChild('confirm-box') }, function (_a) {
-                var popOverContainer = _a.popOverContainer, loading = _a.loading, onConfirm = _a.onConfirm, bodyRef = _a.bodyRef;
-                return popOverRender === null || popOverRender === void 0 ? void 0 : popOverRender(__assign(__assign({}, _this.state), { ref: bodyRef, setState: _this.updateState, onClose: _this.close, onChange: _this.handleChange, onConfirm: onConfirm, popOverContainer: popOverContainer, loading: loading }));
-            })));
-    };
-    __decorate([
-        autobind,
-        __metadata("design:type", Function),
-        __metadata("design:paramtypes", []),
-        __metadata("design:returntype", Promise)
-    ], PickerContainer.prototype, "handleClick", null);
-    __decorate([
-        autobind,
-        __metadata("design:type", Function),
-        __metadata("design:paramtypes", [Object, Function]),
-        __metadata("design:returntype", void 0)
-    ], PickerContainer.prototype, "close", null);
-    __decorate([
-        autobind,
-        __metadata("design:type", Function),
-        __metadata("design:paramtypes", [Object]),
-        __metadata("design:returntype", void 0)
-    ], PickerContainer.prototype, "handleChange", null);
-    __decorate([
-        autobind,
-        __metadata("design:type", Function),
-        __metadata("design:paramtypes", [Object]),
-        __metadata("design:returntype", Promise)
-    ], PickerContainer.prototype, "beforeConfirm", null);
-    __decorate([
-        autobind,
-        __metadata("design:type", Function),
-        __metadata("design:paramtypes", [Object]),
-        __metadata("design:returntype", void 0)
-    ], PickerContainer.prototype, "updateState", null);
-    return PickerContainer;
-}(React__default.Component));
-var PickerContainer$1 = themeable(localeable(PickerContainer));
-
-export { PickerContainer, PickerContainer$1 as default };

package/esm/components/PopOverContainer.d.ts

@@ -1,59 +0,0 @@
-import React from 'react';
-export type OverlayAlignType = 'left' | 'center' | 'right';
-export interface PopOverOverlay {
-    width?: string | number;
-    align?: OverlayAlignType;
-}
-export interface PopOverContainerProps {
-    show?: boolean;
-    children: (props: {
-        disabled?: boolean;
-        onClick: (e: React.MouseEvent) => void;
-        isOpened: boolean;
-        ref: any;
-    }) => JSX.Element;
-    disabled?: boolean;
-    /** 弹出层打开时触发的事件 */
-    onOpen?: () => void;
-    popOverRender: (props: {
-        onClose: () => void;
-    }) => JSX.Element;
-    popOverContainer?: any;
-    popOverClassName?: string;
-    mobileUI?: boolean;
-    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;
-}
-export declare class PopOverContainer extends React.Component<PopOverContainerProps, PopOverContainerState> {
-    static alignPlacementMap: {
-        left: string;
-        right: string;
-        center: string;
-    };
-    state: PopOverContainerState;
-    target: any;
-    targetRef(target: any): void;
-    handleClick(e?: React.MouseEvent): void;
-    close(): void;
-    getTarget(): any;
-    getParent(): any;
-    onConfirm(): void;
-    static calcOverlayWidth(overlay: PopOverOverlay, targetWidth: number): string | number | undefined;
-    static alignToPlacement(overlay?: PopOverOverlay): string;
-    getOverlayStyle(): {
-        [x: string]: string | number;
-    };
-    render(): React.JSX.Element;
-}
-export default PopOverContainer;

package/esm/components/PopOverContainer.js

@@ -1,149 +0,0 @@
-/**
- * amis-ui v6.13.0-beta.7
- * Copyright 2018-2025 fex
- */
-
-import { __extends, __decorate, __metadata } from 'tslib';
-import React__default from 'react';
-import { toNumber, Overlay, PopOver, autobind } from 'amis-core';
-import PopUp from './PopUp.js';
-import { findDOMNode } from 'react-dom';
-import isNumber from 'lodash/isNumber';
-
-var PopOverContainer = /** @class */ (function (_super) {
-    __extends(PopOverContainer, _super);
-    function PopOverContainer() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        _this.state = {
-            isOpened: false
-        };
-        return _this;
-    }
-    PopOverContainer.prototype.targetRef = function (target) {
-        this.target = target ? findDOMNode(target) : null;
-    };
-    PopOverContainer.prototype.handleClick = function (e) {
-        var _this = this;
-        e === null || e === void 0 ? void 0 : e.preventDefault();
-        this.props.disabled ||
-            this.setState({
-                isOpened: true
-            }, function () {
-                var _a, _b;
-                (_b = (_a = _this.props).onOpen) === null || _b === void 0 ? void 0 : _b.call(_a);
-            });
-    };
-    PopOverContainer.prototype.close = function () {
-        var _a = this.props, onBeforeHide = _a.onBeforeHide, onAfterHide = _a.onAfterHide;
-        if (onBeforeHide && typeof onBeforeHide === 'function') {
-            onBeforeHide === null || onBeforeHide === void 0 ? void 0 : onBeforeHide();
-        }
-        this.setState({
-            isOpened: false
-        });
-        if (onAfterHide && typeof onAfterHide === 'function') {
-            onAfterHide === null || onAfterHide === void 0 ? void 0 : onAfterHide();
-        }
-    };
-    PopOverContainer.prototype.getTarget = function () {
-        return this.target || findDOMNode(this);
-    };
-    PopOverContainer.prototype.getParent = function () {
-        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(targetWidth) || targetWidth < 1)
-            return;
-        // 数字字符串需要转化下，否则不生效
-        if (typeof overlayWidth === 'number' || /^\d+$/.test(overlayWidth)) {
-            return toNumber(overlayWidth);
-        }
-        // 带单位，如: 80%、200px、30vw、5rem
-        if (/^\d+(px|%|rem|em|vw)$/.test(overlayWidth)) {
-            return overlayWidth;
-        }
-        // 带单位的相对值
-        // 如: -100px 代表 100% - 100px。+10vw 代表 100% + 10vw
-        if (/^(\+|\-)\d+(px|%|rem|em|vw)$/.test(overlayWidth)) {
-            // 不能使用 calc(100% $1 $2)，需要考虑到 popOverContainer
-            return overlayWidth.replace(/^(\+|\-)(.*)/, "calc(".concat(targetWidth, "px $1 $2)"));
-        }
-        return;
-    };
-    PopOverContainer.alignToPlacement = function (overlay) {
-        var align = overlay && overlay.align;
-        return (align && PopOverContainer.alignPlacementMap[align]) || 'auto';
-    };
-    // 可以自定义下拉框宽度
-    PopOverContainer.prototype.getOverlayStyle = function () {
-        var _a;
-        var _b;
-        var _c = this.props, overlayWidth = _c.overlayWidth, overlayWidthField = _c.overlayWidthField;
-        return _a = {},
-            _a[overlayWidthField || 'minWidth'] = PopOverContainer.calcOverlayWidth({ width: overlayWidth }, (_b = this.target) === null || _b === void 0 ? void 0 : _b.offsetWidth) || (this.target ? Math.max(this.target.offsetWidth, 100) : 'auto'),
-            _a;
-    };
-    PopOverContainer.prototype.render = function () {
-        var _a = this.props, mobileUI = _a.mobileUI, children = _a.children, popOverContainer = _a.popOverContainer, popOverClassName = _a.popOverClassName, dropdownRender = _a.popOverRender, placement = _a.placement, align = _a.align, showConfirm = _a.showConfirm; _a.onConfirm; var disabled = _a.disabled;
-        return (React__default.createElement(React__default.Fragment, null,
-            children({
-                isOpened: this.state.isOpened && this.props.show !== false,
-                onClick: this.handleClick,
-                ref: this.targetRef,
-                disabled: disabled
-            }),
-            mobileUI ? (React__default.createElement(PopUp, { isShow: this.state.isOpened && this.props.show !== false, container: popOverContainer, className: popOverClassName, showConfirm: showConfirm, onHide: this.close, onConfirm: this.onConfirm }, dropdownRender({ onClose: this.close }))) : (React__default.createElement(Overlay, { container: popOverContainer || this.getParent, target: this.getTarget, placement: placement || PopOverContainer.alignToPlacement({ align: align }), show: this.state.isOpened && this.props.show !== false },
-                React__default.createElement(PopOver, { overlay: true, className: popOverClassName, style: this.getOverlayStyle(), onHide: this.close }, dropdownRender({ onClose: this.close }))))));
-    };
-    PopOverContainer.alignPlacementMap = {
-        left: 'left-bottom-left-top',
-        right: 'right-bottom-right-top',
-        center: 'center-bottom-center-top'
-    };
-    __decorate([
-        autobind,
-        __metadata("design:type", Function),
-        __metadata("design:paramtypes", [Object]),
-        __metadata("design:returntype", void 0)
-    ], PopOverContainer.prototype, "targetRef", null);
-    __decorate([
-        autobind,
-        __metadata("design:type", Function),
-        __metadata("design:paramtypes", [Object]),
-        __metadata("design:returntype", void 0)
-    ], PopOverContainer.prototype, "handleClick", null);
-    __decorate([
-        autobind,
-        __metadata("design:type", Function),
-        __metadata("design:paramtypes", []),
-        __metadata("design:returntype", void 0)
-    ], PopOverContainer.prototype, "close", null);
-    __decorate([
-        autobind,
-        __metadata("design:type", Function),
-        __metadata("design:paramtypes", []),
-        __metadata("design:returntype", void 0)
-    ], PopOverContainer.prototype, "getTarget", null);
-    __decorate([
-        autobind,
-        __metadata("design:type", Function),
-        __metadata("design:paramtypes", []),
-        __metadata("design:returntype", void 0)
-    ], PopOverContainer.prototype, "getParent", null);
-    __decorate([
-        autobind,
-        __metadata("design:type", Function),
-        __metadata("design:paramtypes", []),
-        __metadata("design:returntype", void 0)
-    ], PopOverContainer.prototype, "onConfirm", null);
-    return PopOverContainer;
-}(React__default.Component));
-
-export { PopOverContainer, PopOverContainer as default };