amis-ui 6.9.0-rc.2 → 6.9.0-rc.4

package/lib/components/GridNav.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.9.0-rc.2
+ * amis-ui v6.9.0-rc.4
  * Copyright 2018-2024 fex
  */
 

package/lib/components/GridNavItem.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.9.0-rc.2
+ * amis-ui v6.9.0-rc.4
  * Copyright 2018-2024 fex
  */
 

package/lib/components/GroupedSelection.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.9.0-rc.2
+ * amis-ui v6.9.0-rc.4
  * Copyright 2018-2024 fex
  */
 

package/lib/components/HeadCellDropDown.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.9.0-rc.2
+ * amis-ui v6.9.0-rc.4
  * Copyright 2018-2024 fex
  */
 

package/lib/components/Html.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.9.0-rc.2
+ * amis-ui v6.9.0-rc.4
  * Copyright 2018-2024 fex
  */
 

package/lib/components/Icon.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.9.0-rc.2
+ * amis-ui v6.9.0-rc.4
  * Copyright 2018-2024 fex
  */
 

package/lib/components/ImageGallery.d.ts

@@ -233,7 +233,7 @@ declare const _default: {
             componentDidUpdate?(prevProps: Readonly<Pick<Omit<ImageGalleryProps, keyof LocaleProps>, "classnames" | "classPrefix" | "className" | "theme" | "mobileUI" | "style" | "children" | "modalContainer" | "imageGallaryClassName"> & {
                 actions?: ImageAction[] | undefined;
             } & {} & {
-                locale?: string | undefined; /** 向上滚动放大，向下滚动缩小 */
+                locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, prevState: Readonly<{}>, snapshot?: any): void;
             componentWillMount?(): void;
@@ -316,7 +316,7 @@ declare const _default: {
         componentDidUpdate?(prevProps: Readonly<Pick<Omit<ImageGalleryProps, keyof LocaleProps>, "classnames" | "classPrefix" | "className" | "theme" | "mobileUI" | "style" | "children" | "modalContainer" | "imageGallaryClassName"> & {
             actions?: ImageAction[] | undefined;
         } & {} & {
-            locale?: string | undefined; /** 向上滚动放大，向下滚动缩小 */
+            locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }>, prevState: Readonly<{}>, snapshot?: any): void;
         componentWillMount?(): void;
@@ -399,7 +399,7 @@ declare const _default: {
             componentDidUpdate?(prevProps: Readonly<Pick<Omit<ImageGalleryProps, keyof LocaleProps>, "classnames" | "classPrefix" | "className" | "theme" | "mobileUI" | "style" | "children" | "modalContainer" | "imageGallaryClassName"> & {
                 actions?: ImageAction[] | undefined;
             } & {} & {
-                locale?: string | undefined; /** 向上滚动放大，向下滚动缩小 */
+                locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, prevState: Readonly<{}>, snapshot?: any): void;
             componentWillMount?(): void;

package/lib/components/ImageGallery.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.9.0-rc.2
+ * amis-ui v6.9.0-rc.4
  * Copyright 2018-2024 fex
  */
 

package/lib/components/Input.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.9.0-rc.2
+ * amis-ui v6.9.0-rc.4
  * Copyright 2018-2024 fex
  */
 

package/lib/components/InputBox.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.9.0-rc.2
+ * amis-ui v6.9.0-rc.4
  * Copyright 2018-2024 fex
  */
 

package/lib/components/InputBoxWithSuggestion.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.9.0-rc.2
+ * amis-ui v6.9.0-rc.4
  * Copyright 2018-2024 fex
  */
 

package/lib/components/InputJSONSchema.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.9.0-rc.2
+ * amis-ui v6.9.0-rc.4
  * Copyright 2018-2024 fex
  */
 

package/lib/components/InputTable.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.9.0-rc.2
+ * amis-ui v6.9.0-rc.4
  * Copyright 2018-2024 fex
  */
 

package/lib/components/JSONSchemaEditor.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.9.0-rc.2
+ * amis-ui v6.9.0-rc.4
  * Copyright 2018-2024 fex
  */
 

package/lib/components/Layout.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.9.0-rc.2
+ * amis-ui v6.9.0-rc.4
  * Copyright 2018-2024 fex
  */
 

package/lib/components/Link.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.9.0-rc.2
+ * amis-ui v6.9.0-rc.4
  * Copyright 2018-2024 fex
  */
 

package/lib/components/ListGroup.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.9.0-rc.2
+ * amis-ui v6.9.0-rc.4
  * Copyright 2018-2024 fex
  */
 

package/lib/components/ListMenu.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.9.0-rc.2
+ * amis-ui v6.9.0-rc.4
  * Copyright 2018-2024 fex
  */
 

package/lib/components/LocationPicker.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.9.0-rc.2
+ * amis-ui v6.9.0-rc.4
  * Copyright 2018-2024 fex
  */
 

package/lib/components/Markdown.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.9.0-rc.2
+ * amis-ui v6.9.0-rc.4
  * Copyright 2018-2024 fex
  */
 

package/lib/components/Menu.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.9.0-rc.2
+ * amis-ui v6.9.0-rc.4
  * Copyright 2018-2024 fex
  */
 

package/lib/components/MobileDevTool.d.ts

@@ -0,0 +1,10 @@
+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;
+}): React.JSX.Element;

package/lib/components/MobileDevTool.js

@@ -0,0 +1,313 @@
+/**
+ * amis-ui v6.9.0-rc.4
+ * Copyright 2018-2024 fex
+ */
+
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var React = require('react');
+var icons = require('./icons.js');
+var amisUi = require('amis-ui');
+var debounce = require('lodash/debounce');
+var reactOverlays = require('react-overlays');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var debounce__default = /*#__PURE__*/_interopDefaultLegacy(debounce);
+
+var __react_jsx__ = require('react');
+var _J$X_ = (__react_jsx__["default"] || __react_jsx__).createElement;
+(__react_jsx__["default"] || __react_jsx__).Fragment;
+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 = tslib.__read(React__default["default"].useState(function () {
+        return JSON.parse(localStorage.getItem('amis-mobile-dev-tool-dimension') || 'null') || dimensions[1];
+    }), 2), dimension = _a[0], setDimension = _a[1];
+    var _b = tslib.__read(React__default["default"].useState(function () {
+        return parseInt(localStorage.getItem('amis-mobile-dev-tool-scale') || '0', 10) ||
+            100;
+    }), 2), scale = _b[0], setScale = _b[1];
+    var _c = tslib.__read(React__default["default"].useState(100), 2), autoScale = _c[0], setAutoScale = _c[1];
+    var container = props.container, previewBody = props.previewBody;
+    var resizeObserver = new ResizeObserver(debounce__default["default"](updateAutoScale, 300));
+    React.useEffect(function () {
+        updatePreviewSize({
+            width: dimension.width,
+            height: dimension.height
+        });
+        updatePreviewScale(scale);
+        if (container) {
+            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);
+        localStorage.setItem('amis-mobile-dev-tool-scale', scale + '');
+    }
+    function updateAutoScale() {
+        if (!container) {
+            return;
+        }
+        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);
+        setAutoScale(Math.floor(scale * 100));
+    }
+    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) {
+            // 预览区域宽高加上20px的padding
+            previewBody.style.width = dimension.width + 20 + 'px';
+            previewBody.style.height = dimension.height + 20 + 'px';
+        }
+    }
+    function updatePreviewScale(scale) {
+        if (previewBody) {
+            previewBody.style.transform =
+                'translateX(-50%) scale(' + scale / 100 + ')';
+        }
+    }
+    return (_J$X_("div", { className: "ae-MobileDevTool" },
+        _J$X_("div", { className: "ae-MobileDevTool-dimensions" },
+            _J$X_("label", null, "\u5C3A\u5BF8:"),
+            _J$X_(amisUi.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 })),
+        _J$X_("div", { className: "ae-MobileDevTool-dimension" },
+            dimension.name === 'custom' ? (_J$X_("input", { className: "ae-MobileDevTool-dimension-input", value: dimension.width, onChange: function (event) {
+                    var value = event.currentTarget.value;
+                    handleCustomInputDimensionChange(value, 'width');
+                } })) : (_J$X_("span", null, dimension.width)),
+            _J$X_("span", null, "\u00D7"),
+            dimension.name === 'custom' ? (_J$X_("input", { className: "ae-MobileDevTool-dimension-input", value: dimension.height, onChange: function (event) {
+                    var value = event.currentTarget.value;
+                    handleCustomInputDimensionChange(value, 'height');
+                } })) : (_J$X_("span", null, dimension.height))),
+        _J$X_("div", { className: "ae-MobileDevTool-right" },
+            _J$X_("div", { className: "ae-MobileDevTool-right-scale" },
+                _J$X_(amisUi.Select, { className: "ae-MobileDevTool-select", clearable: false, value: scale, options: tslib.__spreadArray([], tslib.__read(scaleList.map(function (n) { return ({
+                        label: "".concat(n, "%"),
+                        value: n
+                    }); })), false), onChange: function (item) {
+                        updateScale(item.value);
+                        updatePreviewScale(item.value);
+                    } }),
+                !scaleList.includes(scale) && (_J$X_("div", { className: "ae-MobileDevTool-right-scale-auto-value" },
+                    scale,
+                    "%")),
+                _J$X_("div", { className: "ae-MobileDevTool-right-scale-auto", onClick: handleAutoScale }, "\u81EA\u9002\u5E94")),
+            _J$X_("div", { onClick: handleRotateScreen },
+                _J$X_(icons.Icon, { icon: "rotate-screen", className: "ae-MobileDevTool-right-rotate-screen" }))),
+        dimension.name === 'custom' && (_J$X_(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 (_J$X_(reactOverlays.Portal, { container: function () { return previewBody; } },
+        _J$X_(React__default["default"].Fragment, null,
+            _J$X_("div", { className: "ae-MobileDevTool-rightHandle", onMouseDown: handleRightDown, style: { transform: "scale(".concat(1 / (scale / 100), ")") } }),
+            _J$X_("div", { className: "ae-MobileDevTool-bottomHandle", onMouseDown: handleBottomDown, style: { transform: "scale(".concat(1 / (scale / 100), ")") } }))));
+}
+
+exports["default"] = MobileDevTool;
+exports.dimensions = dimensions;

package/lib/components/Modal.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.9.0-rc.2
+ * amis-ui v6.9.0-rc.4
  * Copyright 2018-2024 fex
  */
 
@@ -178,13 +178,15 @@ var Modal = /** @class */ (function (_super) {
     };
     Modal.prototype.handleRootMouseDownCapture = function (e) {
         var target = e.target;
-        var _a = this.props, closeOnOutside = _a.closeOnOutside, ns = _a.classPrefix;
+        var _a = this.props, closeOnOutside = _a.closeOnOutside, ns = _a.classPrefix, mobileUI = _a.mobileUI;
         var isLeftButton = (e.button === 1 && window.event !== null) || e.button === 0;
         this.isRootClosed = !!(isLeftButton &&
             closeOnOutside &&
             target &&
             this.modalDom &&
-            ((!this.modalDom.contains(target) && !target.closest('[role=dialog]')) ||
+            ((!mobileUI &&
+                !this.modalDom.contains(target) &&
+                !target.closest('[role=dialog]')) ||
                 (target.matches(".".concat(ns, "Modal")) && target === this.modalDom))); // 干脆过滤掉来自弹框里面的点击
     };
     Modal.prototype.handleRootMouseUpCapture = function (e) {

package/lib/components/ModalManager.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.9.0-rc.2
+ * amis-ui v6.9.0-rc.4
  * Copyright 2018-2024 fex
  */
 

package/lib/components/MultilineText.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.9.0-rc.2
+ * amis-ui v6.9.0-rc.4
  * Copyright 2018-2024 fex
  */
 

package/lib/components/NumberInput.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.9.0-rc.2
+ * amis-ui v6.9.0-rc.4
  * Copyright 2018-2024 fex
  */
 

package/lib/components/OverflowTpl.d.ts

@@ -43,7 +43,6 @@ declare const _default: {
         shouldComponentUpdate?(nextProps: Readonly<Omit<OverflowTplProps, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextState: Readonly<{}>, nextContext: any): boolean;
         componentWillUnmount?(): void;
         componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-        /** 监听目标元素的DOM变化 */
         getSnapshotBeforeUpdate?(prevProps: Readonly<Omit<OverflowTplProps, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>, prevState: Readonly<{}>): any;
         componentDidUpdate?(prevProps: Readonly<Omit<OverflowTplProps, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>, prevState: Readonly<{}>, snapshot?: any): void;
         componentWillMount?(): void;

package/lib/components/OverflowTpl.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.9.0-rc.2
+ * amis-ui v6.9.0-rc.4
  * Copyright 2018-2024 fex
  */