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

package/esm/components/LocationPicker.js

@@ -1,208 +0,0 @@
-/**
- * amis-ui v6.13.0-beta.6
- * Copyright 2018-2025 fex
- */
-
-import { __extends, __assign, __decorate, __metadata } from 'tslib';
-import React__default from 'react';
-import { Overlay, PopOver, autobind, themeable, localeable } from 'amis-core';
-import { Icon } from './icons.js';
-import Alert2 from './Alert2.js';
-import BaiduMapPicker from './BaiduMapPicker.js';
-import GaodeMapPicker from './GaodeMapPicker.js';
-import PopUp from './PopUp.js';
-
-var LocationPicker = /** @class */ (function (_super) {
-    __extends(LocationPicker, _super);
-    function LocationPicker() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        _this.domRef = React__default.createRef();
-        _this.state = {
-            isFocused: false,
-            isOpened: false
-        };
-        return _this;
-    }
-    LocationPicker.prototype.handleKeyPress = function (e) {
-        if (e.key === ' ') {
-            this.handleClick();
-            e.preventDefault();
-        }
-    };
-    LocationPicker.prototype.handleFocus = function () {
-        this.setState({
-            isFocused: true
-        });
-    };
-    LocationPicker.prototype.handleBlur = function () {
-        this.setState({
-            isFocused: true
-        });
-    };
-    LocationPicker.prototype.handleClick = function () {
-        this.state.isOpened ? this.close() : this.open();
-    };
-    LocationPicker.prototype.getTarget = function () {
-        return this.domRef.current;
-    };
-    LocationPicker.prototype.getParent = function () {
-        var _a;
-        return (_a = this.domRef.current) === null || _a === void 0 ? void 0 : _a.parentElement;
-    };
-    LocationPicker.prototype.open = function (fn) {
-        this.props.disabled ||
-            this.setState({
-                isOpened: true
-            }, fn);
-        this.tempValue = this.props.value;
-    };
-    LocationPicker.prototype.close = function () {
-        this.setState({
-            isOpened: false
-        });
-    };
-    LocationPicker.prototype.clearValue = function (e) {
-        e.preventDefault();
-        e.stopPropagation();
-        var onChange = this.props.onChange;
-        onChange('');
-    };
-    LocationPicker.prototype.handlePopOverClick = function (e) {
-        e.stopPropagation();
-        e.preventDefault();
-    };
-    LocationPicker.prototype.handleChange = function (value) {
-        if (value) {
-            value = __assign(__assign({}, value), { vendor: this.props.vendor });
-        }
-        this.props.onChange(value);
-    };
-    LocationPicker.prototype.handleTempChange = function (value) {
-        if (value) {
-            value = __assign(__assign({}, value), { vendor: this.props.vendor });
-        }
-        this.tempValue = value;
-    };
-    LocationPicker.prototype.handleConfirm = function () {
-        this.props.onChange(this.tempValue);
-        this.close();
-    };
-    LocationPicker.prototype.render = function () {
-        var _this = this;
-        var _a;
-        var _b = this.props, cx = _b.classnames, value = _b.value, className = _b.className, popoverClassName = _b.popoverClassName, disabled = _b.disabled, placeholder = _b.placeholder, getLocationPlaceholder = _b.getLocationPlaceholder, clearable = _b.clearable, popOverContainer = _b.popOverContainer, vendor = _b.vendor, coordinatesType = _b.coordinatesType, ak = _b.ak, mobileUI = _b.mobileUI, autoSelectCurrentLoc = _b.autoSelectCurrentLoc, onlySelectCurrentLoc = _b.onlySelectCurrentLoc, _c = _b.hideViewControl, hideViewControl = _c === void 0 ? false : _c;
-        var __ = this.props.translate;
-        var _d = this.state, isFocused = _d.isFocused, isOpened = _d.isOpened;
-        ((function () {
-            switch (vendor) {
-                case 'baidu':
-                    return (React__default.createElement(BaiduMapPicker, { ak: ak, value: value, placeholder: __('MapPicker.searchPlaceholder'), coordinatesType: coordinatesType, autoSelectCurrentLoc: autoSelectCurrentLoc, onlySelectCurrentLoc: onlySelectCurrentLoc, onChange: _this.handleChange, hideViewControl: hideViewControl }));
-                case 'gaode':
-                    return (React__default.createElement(GaodeMapPicker, { ak: ak, value: value, coordinatesType: coordinatesType, onChange: _this.handleChange }));
-                default:
-                    return React__default.createElement(Alert2, null, __("{{vendor}} \u5730\u56FE\u63A7\u4EF6\u4E0D\u652F\u6301", { vendor: vendor }));
-            }
-        }))();
-        return (React__default.createElement("div", { tabIndex: 0, onKeyPress: this.handleKeyPress, onFocus: this.handleFocus, onBlur: this.handleBlur, className: cx("LocationPicker", {
-                'is-mobile': mobileUI,
-                'is-disabled': disabled,
-                'is-focused': isFocused,
-                'is-active': isOpened
-            }, className), ref: this.domRef, onClick: this.handleClick },
-            value ? (React__default.createElement("span", { className: cx('LocationPicker-value') }, value.address)) : (React__default.createElement("span", { className: cx('LocationPicker-placeholder') }, __(onlySelectCurrentLoc ? getLocationPlaceholder : placeholder))),
-            clearable && !disabled && value ? (React__default.createElement("a", { className: cx('LocationPicker-clear'), onClick: this.clearValue },
-                React__default.createElement(Icon, { icon: "input-clear", className: "icon" }))) : null,
-            React__default.createElement("a", { className: cx('LocationPicker-toggler') },
-                React__default.createElement(Icon, { icon: "location", className: "icon" })),
-            mobileUI ? (React__default.createElement(PopUp, { className: cx("LocationPicker-popup"), container: popOverContainer || this.getParent, isShow: isOpened, onHide: this.close, showConfirm: true, onConfirm: this.handleConfirm },
-                React__default.createElement("div", { className: cx('LocationPicker-popup-inner') }, vendor === 'baidu' ? (React__default.createElement(BaiduMapPicker, { ak: ak, value: value, placeholder: __('MapPicker.searchPlaceholder'), coordinatesType: coordinatesType, autoSelectCurrentLoc: autoSelectCurrentLoc, onlySelectCurrentLoc: onlySelectCurrentLoc, onChange: this.handleTempChange, hideViewControl: hideViewControl })) : (React__default.createElement(Alert2, null, __('{{vendor}} 地图控件不支持', { vendor: vendor })))))) : (React__default.createElement(Overlay, { target: this.getTarget, container: popOverContainer || this.getParent, rootClose: false, show: isOpened },
-                React__default.createElement(PopOver, { className: cx('LocationPicker-popover', popoverClassName), onHide: this.close, overlay: true, onClick: this.handlePopOverClick, style: { width: (_a = this.getTarget()) === null || _a === void 0 ? void 0 : _a.offsetWidth } }, vendor === 'baidu' ? (React__default.createElement(BaiduMapPicker, { ak: ak, value: value, placeholder: __('MapPicker.searchPlaceholder'), coordinatesType: coordinatesType, autoSelectCurrentLoc: autoSelectCurrentLoc, onlySelectCurrentLoc: onlySelectCurrentLoc, onChange: this.handleChange, hideViewControl: hideViewControl })) : (React__default.createElement(Alert2, null, __('{{vendor}} 地图控件不支持', { vendor: vendor }))))))));
-    };
-    LocationPicker.defaultProps = {
-        placeholder: 'LocationPicker.placeholder',
-        getLocationPlaceholder: 'LocationPicker.getLocation',
-        clearable: false
-    };
-    __decorate([
-        autobind,
-        __metadata("design:type", Function),
-        __metadata("design:paramtypes", [Object]),
-        __metadata("design:returntype", void 0)
-    ], LocationPicker.prototype, "handleKeyPress", null);
-    __decorate([
-        autobind,
-        __metadata("design:type", Function),
-        __metadata("design:paramtypes", []),
-        __metadata("design:returntype", void 0)
-    ], LocationPicker.prototype, "handleFocus", null);
-    __decorate([
-        autobind,
-        __metadata("design:type", Function),
-        __metadata("design:paramtypes", []),
-        __metadata("design:returntype", void 0)
-    ], LocationPicker.prototype, "handleBlur", null);
-    __decorate([
-        autobind,
-        __metadata("design:type", Function),
-        __metadata("design:paramtypes", []),
-        __metadata("design:returntype", void 0)
-    ], LocationPicker.prototype, "handleClick", null);
-    __decorate([
-        autobind,
-        __metadata("design:type", Function),
-        __metadata("design:paramtypes", []),
-        __metadata("design:returntype", void 0)
-    ], LocationPicker.prototype, "getTarget", null);
-    __decorate([
-        autobind,
-        __metadata("design:type", Function),
-        __metadata("design:paramtypes", []),
-        __metadata("design:returntype", void 0)
-    ], LocationPicker.prototype, "getParent", null);
-    __decorate([
-        autobind,
-        __metadata("design:type", Function),
-        __metadata("design:paramtypes", [Function]),
-        __metadata("design:returntype", void 0)
-    ], LocationPicker.prototype, "open", null);
-    __decorate([
-        autobind,
-        __metadata("design:type", Function),
-        __metadata("design:paramtypes", []),
-        __metadata("design:returntype", void 0)
-    ], LocationPicker.prototype, "close", null);
-    __decorate([
-        autobind,
-        __metadata("design:type", Function),
-        __metadata("design:paramtypes", [Object]),
-        __metadata("design:returntype", void 0)
-    ], LocationPicker.prototype, "clearValue", null);
-    __decorate([
-        autobind,
-        __metadata("design:type", Function),
-        __metadata("design:paramtypes", [Object]),
-        __metadata("design:returntype", void 0)
-    ], LocationPicker.prototype, "handlePopOverClick", null);
-    __decorate([
-        autobind,
-        __metadata("design:type", Function),
-        __metadata("design:paramtypes", [Object]),
-        __metadata("design:returntype", void 0)
-    ], LocationPicker.prototype, "handleChange", null);
-    __decorate([
-        autobind,
-        __metadata("design:type", Function),
-        __metadata("design:paramtypes", [Object]),
-        __metadata("design:returntype", void 0)
-    ], LocationPicker.prototype, "handleTempChange", null);
-    __decorate([
-        autobind,
-        __metadata("design:type", Function),
-        __metadata("design:paramtypes", []),
-        __metadata("design:returntype", void 0)
-    ], LocationPicker.prototype, "handleConfirm", null);
-    return LocationPicker;
-}(React__default.Component));
-var ThemedCity = themeable(localeable(LocationPicker));
-
-export { LocationPicker, ThemedCity as default };

package/esm/components/Markdown.d.ts

@@ -1,25 +0,0 @@
-import React from 'react';
-/**
- * @file markdown 解析
- */
-import markdownIt from 'markdown-it';
-export declare function markdown(content: string, options?: markdownIt.Options): string;
-interface MarkdownProps {
-    content: string;
-    options: object;
-}
-export default class Markdown extends React.Component<MarkdownProps> {
-    dom: any;
-    static defaultProps: {
-        content: string;
-        options: {
-            linkify: boolean;
-        };
-    };
-    constructor(props: MarkdownProps);
-    htmlRef(dom: any): void;
-    componentDidUpdate(nextProps: MarkdownProps): void;
-    _render(): Promise<void>;
-    render(): React.JSX.Element;
-}
-export {};

package/esm/components/Markdown.js

@@ -1,70 +0,0 @@
-/**
- * amis-ui v6.13.0-beta.6
- * Copyright 2018-2025 fex
- */
-
-import { __extends, __awaiter, __generator } from 'tslib';
-import React__default from 'react';
-import markdownIt from 'markdown-it';
-import { html5Media } from 'markdown-it-html5-media';
-
-var doMarkdown = markdownIt();
-doMarkdown.use(html5Media);
-function markdown(content, options) {
-    if (options) {
-        doMarkdown.set(options);
-    }
-    return doMarkdown.render(content);
-}
-var Markdown = /** @class */ (function (_super) {
-    __extends(Markdown, _super);
-    function Markdown(props) {
-        var _this = _super.call(this, props) || this;
-        _this.htmlRef = _this.htmlRef.bind(_this);
-        return _this;
-    }
-    Markdown.prototype.htmlRef = function (dom) {
-        this.dom = dom;
-        if (!dom) {
-            return;
-        }
-        this._render();
-    };
-    Markdown.prototype.componentDidUpdate = function (nextProps) {
-        if (this.props.content !== nextProps.content) {
-            this._render();
-        }
-    };
-    Markdown.prototype._render = function () {
-        return __awaiter(this, void 0, void 0, function () {
-            var _a, content, options;
-            return __generator(this, function (_b) {
-                _a = this.props, content = _a.content, options = _a.options;
-                this.dom.innerHTML = markdown(content, options);
-                // @ts-ignore 需要用户手动加载 katex
-                if (typeof renderMathInElement === 'function') {
-                    // @ts-ignore
-                    renderMathInElement(this.dom, {
-                        delimiters: [
-                            { left: '$$', right: '$$', display: true },
-                            { left: '$', right: '$', display: false }
-                        ]
-                    });
-                }
-                return [2 /*return*/];
-            });
-        });
-    };
-    Markdown.prototype.render = function () {
-        return (React__default.createElement("div", { "data-testid": "markdown-body", className: "markdown-body", ref: this.htmlRef }));
-    };
-    Markdown.defaultProps = {
-        content: '',
-        options: {
-            linkify: true
-        }
-    };
-    return Markdown;
-}(React__default.Component));
-
-export { Markdown as default, markdown };

package/esm/components/Menu.d.ts

@@ -1,2 +0,0 @@
-import Menu from './menu/index';
-export default Menu;

package/esm/components/Menu.js

@@ -1,7 +0,0 @@
-/**
- * amis-ui v6.13.0-beta.6
- * Copyright 2018-2025 fex
- */
-
-import Menu from './menu/index.js';
-export { default } from './menu/index.js';

package/esm/components/MobileDevTool.d.ts

@@ -1,12 +0,0 @@
-import React from 'react';
-export declare const dimensions: {
-    name: string;
-    width: number;
-    height: number;
-}[];
-export default function MobileDevTool(props: {
-    container: HTMLElement | null;
-    previewBody: HTMLElement | null;
-    border?: number;
-    onChangeScale?: (scale: number) => void;
-}): React.JSX.Element;

package/esm/components/MobileDevTool.js

@@ -1,312 +0,0 @@
-/**
- * amis-ui v6.13.0-beta.6
- * Copyright 2018-2025 fex
- */
-
-import { __read, __spreadArray } from 'tslib';
-import React__default, { useRef, useEffect } from 'react';
-import { Icon } from './icons.js';
-import { Select } from 'amis-ui';
-import debounce from 'lodash/debounce';
-import { Portal } from 'react-overlays';
-
-var dimensions = [
-    {
-        name: 'custom',
-        width: 375,
-        height: 667
-    },
-    {
-        name: 'iPhone SE',
-        width: 375,
-        height: 667
-    },
-    {
-        name: 'iPhone XR',
-        width: 414,
-        height: 896
-    },
-    {
-        name: 'iPhone 12 Pro',
-        width: 390,
-        height: 844
-    },
-    {
-        name: 'iPhone 14 Pro Max',
-        width: 430,
-        height: 932
-    },
-    {
-        name: 'Pixel 7',
-        width: 412,
-        height: 915
-    },
-    {
-        name: 'Samsung Galaxy S8+',
-        width: 360,
-        height: 740
-    },
-    {
-        name: 'Samsung Galaxy S20 Ultra',
-        width: 412,
-        height: 915
-    },
-    {
-        name: 'iPad Mini',
-        width: 768,
-        height: 1024
-    },
-    {
-        name: 'iPad Air',
-        width: 820,
-        height: 1180
-    },
-    {
-        name: 'iPad Pro',
-        width: 1024,
-        height: 1366
-    },
-    {
-        name: 'Surface Pro 7',
-        width: 912,
-        height: 1368
-    },
-    {
-        name: 'Surface Duo',
-        width: 540,
-        height: 720
-    },
-    {
-        name: 'Galaxy Z Fold 5',
-        width: 344,
-        height: 882
-    },
-    {
-        name: 'Asus Zenfone Fold',
-        width: 853,
-        height: 1280
-    },
-    {
-        name: 'Samsung Galaxy A51/71',
-        width: 412,
-        height: 914
-    },
-    {
-        name: 'Nest Hub',
-        width: 1024,
-        height: 600
-    },
-    {
-        name: 'Next Hub Max',
-        width: 1280,
-        height: 800
-    }
-];
-var scaleList = [50, 75, 100, 125, 150, 200];
-function MobileDevTool(props) {
-    var _a = __read(React__default.useState(function () {
-        return JSON.parse(localStorage.getItem('amis-mobile-dev-tool-dimension') || 'null') || dimensions[1];
-    }), 2), dimension = _a[0], setDimension = _a[1];
-    var defaultScale = useRef();
-    var _b = __read(React__default.useState(100), 2), scale = _b[0], setScale = _b[1];
-    var _c = __read(React__default.useState(100), 2), autoScale = _c[0], setAutoScale = _c[1];
-    var container = props.container, previewBody = props.previewBody, onChangeScale = props.onChangeScale;
-    var resizeObserver = new ResizeObserver(debounce(updateAutoScale, 300));
-    useEffect(function () {
-        defaultScale.current = parseInt(localStorage.getItem('amis-mobile-dev-tool-scale') || '0', 10);
-    }, []);
-    useEffect(function () {
-        if (container && previewBody) {
-            updatePreviewSize({
-                width: dimension.width,
-                height: dimension.height
-            });
-            var scale_1 = defaultScale.current || 100;
-            if (!defaultScale.current) {
-                scale_1 = Math.min(updateAutoScale(), 100);
-                defaultScale.current = scale_1;
-            }
-            setScale(scale_1);
-            onChangeScale === null || onChangeScale === void 0 ? void 0 : onChangeScale(scale_1);
-            updatePreviewScale(scale_1);
-            resizeObserver.observe(container);
-        }
-        return function () {
-            if (container) {
-                resizeObserver.unobserve(container);
-            }
-            if (previewBody) {
-                previewBody.style.width = '';
-                previewBody.style.height = '';
-                previewBody.style.transform = '';
-            }
-        };
-    }, [container, previewBody]);
-    function updateDimension(dimension) {
-        setDimension(dimension);
-        localStorage.setItem('amis-mobile-dev-tool-dimension', JSON.stringify(dimension));
-    }
-    function updateScale(scale) {
-        setScale(scale);
-        onChangeScale === null || onChangeScale === void 0 ? void 0 : onChangeScale(scale);
-        localStorage.setItem('amis-mobile-dev-tool-scale', scale + '');
-    }
-    function updateAutoScale() {
-        if (!container) {
-            return 100;
-        }
-        var containerRect = container.getBoundingClientRect();
-        var width = containerRect.width, height = containerRect.height;
-        var previewBodyWidth = (previewBody === null || previewBody === void 0 ? void 0 : previewBody.clientWidth) || 375;
-        var previewBodyHeight = (previewBody === null || previewBody === void 0 ? void 0 : previewBody.clientHeight) || 667;
-        var scale = Math.min((width - 50) / previewBodyWidth, (height * 0.9) / previewBodyHeight);
-        scale = Math.floor(scale * 100);
-        setAutoScale(scale);
-        return scale;
-    }
-    function handleRotateScreen() {
-        updateDimension({
-            name: dimension.name,
-            width: dimension.height,
-            height: dimension.width
-        });
-        updatePreviewSize({
-            width: dimension.height,
-            height: dimension.width
-        });
-        updateAutoScale();
-    }
-    function handleAutoScale() {
-        updateScale(autoScale);
-        updatePreviewScale(autoScale);
-    }
-    function handleDimensionChange(item) {
-        if (item) {
-            var value = dimensions.find(function (n) { return n.name === item.value; });
-            updateDimension(value);
-            updatePreviewSize(value);
-            updateScale(100);
-            updatePreviewScale(100);
-            updateAutoScale();
-        }
-    }
-    function handleCustomInputDimensionChange(value, type) {
-        var number = parseInt(value || '0', 10);
-        var newDimension = {
-            name: 'custom',
-            width: type === 'width' ? number : dimension.width,
-            height: type === 'height' ? number : dimension.height
-        };
-        updateDimension(newDimension);
-        updatePreviewSize(newDimension);
-        updateAutoScale();
-    }
-    function updatePreviewSize(dimension) {
-        if (previewBody) {
-            var _a = props.border, border = _a === void 0 ? 20 : _a;
-            // 预览区域宽高加上20px的padding
-            previewBody.style.width = dimension.width + border + 'px';
-            previewBody.style.height = dimension.height + border + 'px';
-        }
-    }
-    function updatePreviewScale(scale) {
-        if (previewBody) {
-            previewBody.style.transform =
-                'translateX(-50%) scale(' + scale / 100 + ')';
-        }
-    }
-    return (React__default.createElement("div", { className: "ae-MobileDevTool" },
-        React__default.createElement("div", { className: "ae-MobileDevTool-dimensions" },
-            React__default.createElement("label", null, "\u5C3A\u5BF8:"),
-            React__default.createElement(Select, { className: "ae-MobileDevTool-select", value: dimension.name, onChange: handleDimensionChange, options: dimensions.map(function (n) { return ({
-                    label: n.name === 'custom' ? '自定义' : n.name,
-                    value: n.name
-                }); }), clearable: false })),
-        React__default.createElement("div", { className: "ae-MobileDevTool-dimension" },
-            dimension.name === 'custom' ? (React__default.createElement("input", { className: "ae-MobileDevTool-dimension-input", value: dimension.width, onChange: function (event) {
-                    var value = event.currentTarget.value;
-                    handleCustomInputDimensionChange(value, 'width');
-                } })) : (React__default.createElement("span", null, dimension.width)),
-            React__default.createElement("span", null, "\u00D7"),
-            dimension.name === 'custom' ? (React__default.createElement("input", { className: "ae-MobileDevTool-dimension-input", value: dimension.height, onChange: function (event) {
-                    var value = event.currentTarget.value;
-                    handleCustomInputDimensionChange(value, 'height');
-                } })) : (React__default.createElement("span", null, dimension.height))),
-        React__default.createElement("div", { className: "ae-MobileDevTool-right" },
-            React__default.createElement("div", { className: "ae-MobileDevTool-right-scale" },
-                React__default.createElement(Select, { className: "ae-MobileDevTool-select", clearable: false, value: scale, options: __spreadArray([], __read(scaleList.map(function (n) { return ({
-                        label: "".concat(n, "%"),
-                        value: n
-                    }); })), false), onChange: function (item) {
-                        updateScale(item.value);
-                        updatePreviewScale(item.value);
-                    } }),
-                !scaleList.includes(scale) && (React__default.createElement("div", { className: "ae-MobileDevTool-right-scale-auto-value" },
-                    scale,
-                    "%")),
-                React__default.createElement("div", { className: "ae-MobileDevTool-right-scale-auto", onClick: handleAutoScale }, "\u81EA\u9002\u5E94")),
-            React__default.createElement("div", { onClick: handleRotateScreen },
-                React__default.createElement(Icon, { icon: "rotate-screen", className: "ae-MobileDevTool-right-rotate-screen" }))),
-        dimension.name === 'custom' && (React__default.createElement(CustomSizeHandle, { previewBody: previewBody, onChange: function (w, h) {
-                updateDimension({
-                    name: 'custom',
-                    width: w - 20,
-                    height: h - 20
-                });
-            }, onEnd: updateAutoScale, scale: scale }))));
-}
-function CustomSizeHandle(props) {
-    var previewBody = props.previewBody, _a = props.scale, scale = _a === void 0 ? 1 : _a, onChange = props.onChange, onEnd = props.onEnd;
-    function handleRightDown(e) {
-        e.stopPropagation();
-        e.preventDefault();
-        document.body.classList.add('width-move');
-        document.addEventListener('mousemove', handleRightDragMove);
-        document.addEventListener('mouseup', handleRightDragEnd);
-    }
-    function handleRightDragMove(e) {
-        e.stopPropagation();
-        if (previewBody) {
-            var w = previewBody.clientWidth;
-            w += e.movementX;
-            w = Math.max(70, w);
-            previewBody.style.width = w + 'px';
-            onChange === null || onChange === void 0 ? void 0 : onChange(w, previewBody.clientHeight);
-        }
-    }
-    function handleRightDragEnd() {
-        document.body.classList.remove('width-move');
-        document.removeEventListener('mousemove', handleRightDragMove);
-        document.removeEventListener('mouseup', handleRightDragEnd);
-        onEnd();
-    }
-    function handleBottomDown(e) {
-        e.stopPropagation();
-        e.preventDefault();
-        document.body.classList.add('height-move');
-        document.addEventListener('mousemove', handleBottomDragMove);
-        document.addEventListener('mouseup', handleBottomDragEnd);
-    }
-    function handleBottomDragMove(e) {
-        e.stopPropagation();
-        if (previewBody) {
-            var h = previewBody.clientHeight;
-            h += e.movementY;
-            h = Math.max(70, h);
-            previewBody.style.height = h + 'px';
-            onChange(previewBody.clientWidth, h);
-        }
-    }
-    function handleBottomDragEnd() {
-        document.body.classList.remove('height-move');
-        document.removeEventListener('mousemove', handleBottomDragMove);
-        document.removeEventListener('mouseup', handleBottomDragEnd);
-        onEnd();
-    }
-    return (React__default.createElement(Portal, { container: function () { return previewBody; } },
-        React__default.createElement(React__default.Fragment, null,
-            React__default.createElement("div", { className: "ae-MobileDevTool-rightHandle", onMouseDown: handleRightDown, style: { transform: "scale(".concat(1 / (scale / 100), ")") } }),
-            React__default.createElement("div", { className: "ae-MobileDevTool-bottomHandle", onMouseDown: handleBottomDown, style: { transform: "scale(".concat(1 / (scale / 100), ")") } }))));
-}
-
-export { MobileDevTool as default, dimensions };