amis-ui 2.7.2 → 2.8.0

package/esm/components/Select.js

@@ -1,9 +1,9 @@
 /**
- * amis-ui v2.7.2
+ * amis-ui v2.8.0
  * Copyright 2018-2023 fex
  */
 
-import { __extends, __assign, __spreadArray, __decorate, __metadata, __rest } from 'tslib';
+import { __extends, __assign, __spreadArray, __read, __decorate, __metadata, __rest } from 'tslib';
 import { isMobile, Overlay, PopOver, noop, ucFirst, autobind, themeable, localeable, uncontrollable, normalizeNodePath, isObject, findTree, highlight } from 'amis-core';
 import React__default from 'react';
 import isInteger from 'lodash/isInteger';
@@ -21,6 +21,7 @@ import Input from './Input.js';
 import Spinner from './Spinner.js';
 import { withRemoteConfig } from './WithRemoteConfig.js';
 import PopUp from './PopUp.js';
+import { PopOverContainer } from './PopOverContainer.js';
 
 /**
  * @file Select
@@ -413,7 +414,7 @@ var Select = /** @class */ (function (_super) {
             Math.floor(maxTagCount) < selection.length) {
             var maxVisibleCount_1 = Math.floor(maxTagCount);
             var tooltipProps_1 = __assign({ placement: 'top', trigger: 'hover', showArrow: false, offset: [0, -10], tooltipClassName: cx('Select-overflow', overflowTagPopover === null || overflowTagPopover === void 0 ? void 0 : overflowTagPopover.tooltipClassName) }, omit(overflowTagPopover, ['children', 'content', 'tooltipClassName']));
-            return __spreadArray(__spreadArray([], selection.slice(0, maxVisibleCount_1), true), [
+            return __spreadArray(__spreadArray([], __read(selection.slice(0, maxVisibleCount_1)), false), [
                 { label: "+ ".concat(selection.length - maxVisibleCount_1, " ...") }
             ], false).map(function (item, index) {
                 if (index === maxVisibleCount_1) {
@@ -450,7 +451,9 @@ var Select = /** @class */ (function (_super) {
                             'is-disabled': disabled,
                             'is-invalid': showInvalidMatch ? item.__unmatched : false
                         }) },
-                        React__default.createElement("span", { className: cx('Select-valueLabel') }, renderValueLabel ? renderValueLabel(item) : item[labelField || 'label']),
+                        React__default.createElement("span", { className: cx('Select-valueLabel') }, renderValueLabel
+                            ? renderValueLabel(item)
+                            : item[labelField || 'label']),
                         React__default.createElement("span", { className: cx('Select-valueIcon', {
                                 'is-disabled': disabled || item.disabled
                             }), onClick: _this.removeItem.bind(_this, index) },
@@ -462,14 +465,18 @@ var Select = /** @class */ (function (_super) {
                 return (React__default.createElement("div", { className: cx('Select-value', {
                         'is-disabled': disabled,
                         'is-invalid': showInvalidMatch ? item.__unmatched : false
-                    }), key: index }, renderValueLabel ? renderValueLabel(item) : item[labelField || 'label']));
+                    }), key: index }, renderValueLabel
+                    ? renderValueLabel(item)
+                    : item[labelField || 'label']));
             }
             return valuesNoWrap ? ("".concat(item[labelField || 'label']).concat(index === selection.length - 1 ? '' : ' + ')) : (React__default.createElement(TooltipWrapper, { placement: 'top', tooltip: item[labelField || 'label'], trigger: 'hover', key: index },
                 React__default.createElement("div", { className: cx('Select-value', {
                         'is-disabled': disabled,
                         'is-invalid': showInvalidMatch ? item.__unmatched : false
                     }) },
-                    React__default.createElement("span", { className: cx('Select-valueLabel') }, renderValueLabel ? renderValueLabel(item) : item[labelField || 'label']),
+                    React__default.createElement("span", { className: cx('Select-valueLabel') }, renderValueLabel
+                        ? renderValueLabel(item)
+                        : item[labelField || 'label']),
                     React__default.createElement("span", { className: cx('Select-valueIcon', {
                             'is-disabled': disabled || item.disabled
                         }), onClick: _this.removeItem.bind(_this, index) },
@@ -479,7 +486,7 @@ var Select = /** @class */ (function (_super) {
     Select.prototype.renderOuter = function (_a) {
         var _this = this;
         var selectedItem = _a.selectedItem, getItemProps = _a.getItemProps, highlightedIndex = _a.highlightedIndex, inputValue = _a.inputValue, isOpen = _a.isOpen; _a.getToggleButtonProps; var getInputProps = _a.getInputProps;
-        var _b = this.props, popOverContainer = _b.popOverContainer, options = _b.options; _b.value; var valueField = _b.valueField, labelField = _b.labelField, noResultsText = _b.noResultsText, loadOptions = _b.loadOptions, creatable = _b.creatable, multiple = _b.multiple, valuesNoWrap = _b.valuesNoWrap, cx = _b.classnames; _b.popoverClassName; var popOverContainerSelector = _b.popOverContainerSelector, checkAll = _b.checkAll, checkAllLabel = _b.checkAllLabel, checkAllBySearch = _b.checkAllBySearch, searchable = _b.searchable, createBtnLabel = _b.createBtnLabel, disabled = _b.disabled, searchPromptText = _b.searchPromptText, editable = _b.editable, removable = _b.removable, overlayPlacement = _b.overlayPlacement, __ = _b.translate, hideSelected = _b.hideSelected, renderMenu = _b.renderMenu; _b.mobileClassName; var _c = _b.virtualThreshold, virtualThreshold = _c === void 0 ? 100 : _c, _d = _b.useMobileUI, useMobileUI = _d === void 0 ? false : _d;
+        var _b = this.props, popOverContainer = _b.popOverContainer, options = _b.options; _b.value; var valueField = _b.valueField, labelField = _b.labelField, noResultsText = _b.noResultsText, loadOptions = _b.loadOptions, creatable = _b.creatable, multiple = _b.multiple, valuesNoWrap = _b.valuesNoWrap, cx = _b.classnames; _b.popoverClassName; var popOverContainerSelector = _b.popOverContainerSelector, checkAll = _b.checkAll, checkAllLabel = _b.checkAllLabel, checkAllBySearch = _b.checkAllBySearch, searchable = _b.searchable, createBtnLabel = _b.createBtnLabel, disabled = _b.disabled, searchPromptText = _b.searchPromptText, editable = _b.editable, removable = _b.removable, overlayPlacement = _b.overlayPlacement, __ = _b.translate, hideSelected = _b.hideSelected, renderMenu = _b.renderMenu; _b.mobileClassName; var _c = _b.virtualThreshold, virtualThreshold = _c === void 0 ? 100 : _c, _d = _b.useMobileUI, useMobileUI = _d === void 0 ? false : _d, overlay = _b.overlay;
         var selection = this.state.selection;
         var checkedAll = false;
         var checkedPartial = false;
@@ -589,9 +596,12 @@ var Select = /** @class */ (function (_super) {
                     : filtedOptions.length * virtualItemHeight, itemCount: filtedOptions.length, itemSize: virtualItemHeight, renderItem: renderItem })) : (filtedOptions.map(function (item, index) {
                 return renderItem({ index: index });
             }))) : (React__default.createElement("div", { className: cx('Select-noResult') }, __(noResultsText)))));
-        return mobileUI ? (React__default.createElement(PopUp, { className: cx("Select-popup"), container: popOverContainer, isShow: this.state.isOpen, onHide: this.close }, menu)) : (React__default.createElement(Overlay, { container: popOverContainer || this.getTarget, containerSelector: popOverContainerSelector, target: this.getTarget, placement: overlayPlacement, show: true },
+        return mobileUI ? (React__default.createElement(PopUp, { className: cx("Select-popup"), container: popOverContainer, isShow: this.state.isOpen, onHide: this.close }, menu)) : (React__default.createElement(Overlay, { container: popOverContainer || this.getTarget, containerSelector: popOverContainerSelector, target: this.getTarget, placement: overlayPlacement === 'auto'
+                ? PopOverContainer.alignToPlacement(overlay)
+                : overlayPlacement, show: true },
             React__default.createElement(PopOver, { overlay: true, className: cx('Select-popover'), style: {
-                    width: this.target ? this.target.offsetWidth : 'auto'
+                    width: PopOverContainer.calcOverlayWidth(overlay) ||
+                        (this.target ? this.target.offsetWidth : 'auto')
                 }, onHide: this.close }, menu)));
     };
     Select.prototype.render = function () {

package/esm/components/Selection.js

@@ -1,9 +1,9 @@
 /**
- * amis-ui v2.7.2
+ * amis-ui v2.8.0
  * Copyright 2018-2023 fex
  */
 
-import { __extends, __spreadArray, __decorate, __metadata } from 'tslib';
+import { __extends, __spreadArray, __read, __decorate, __metadata } from 'tslib';
 import React__default from 'react';
 import isEqual from 'lodash/isEqual';
 import cx from 'classnames';
@@ -87,7 +87,7 @@ var BaseSelection = /** @class */ (function (_super) {
             valueArray = availableOptions;
         }
         else if (intersectOptions.length < availableOptions.length) {
-            valueArray = Array.from(new Set(__spreadArray(__spreadArray([], value, true), availableOptions, true)));
+            valueArray = Array.from(new Set(__spreadArray(__spreadArray([], __read(value), false), __read(availableOptions), false)));
         }
         else {
             valueArray = value.filter(function (item) { return !availableOptions.includes(item); });

package/esm/components/SparkLine.js

@@ -1,9 +1,9 @@
 /**
- * amis-ui v2.7.2
+ * amis-ui v2.8.0
  * Copyright 2018-2023 fex
  */
 
-import { __extends } from 'tslib';
+import { __extends, __spreadArray, __read } from 'tslib';
 import React__default from 'react';
 import { themeable, localeable } from 'amis-core';
 
@@ -27,8 +27,8 @@ var SparkLine = /** @class */ (function (_super) {
         var _this = this;
         var _a = this.props, width = _a.width, height = _a.height, value = _a.value, cx = _a.classnames;
         var values = value.map(function (item) { return _this.normalizeValue(item); });
-        var max = Math.max.apply(Math, values);
-        var min = Math.min.apply(Math, values);
+        var max = Math.max.apply(Math, __spreadArray([], __read(values), false));
+        var min = Math.min.apply(Math, __spreadArray([], __read(values), false));
         var duration = max - min || 1;
         var gap = width / (values.length - 1);
         var points = [];

package/esm/components/Spinner.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v2.7.2
+ * amis-ui v2.8.0
  * Copyright 2018-2023 fex
  */
 
@@ -103,13 +103,9 @@ var Spinner = /** @class */ (function (_super) {
         return _this;
     }
     Spinner.prototype.componentDidUpdate = function () {
-        var _a, _b, _c;
+        var _a, _b;
         var showLoading = ((_a = this.props.loadingConfig) === null || _a === void 0 ? void 0 : _a.show) === true ||
             typeof ((_b = this.props.loadingConfig) === null || _b === void 0 ? void 0 : _b.show) === 'undefined';
-        var root = (_c = this.props.loadingConfig) === null || _c === void 0 ? void 0 : _c.root;
-        if (!this.parent && root) {
-            this.parent = document.querySelector(root);
-        }
         if (this.parent && showLoading) {
             if (this.props.show) {
                 this.loadingTriggered = true;
@@ -139,39 +135,39 @@ var Spinner = /** @class */ (function (_super) {
         var isCustomIcon = icon && React__default.isValidElement(icon);
         var timeout = { enter: delay, exit: 0 };
         var showOverlay = (loadingConfig === null || loadingConfig === void 0 ? void 0 : loadingConfig.root) || overlay;
-        return (React__default.createElement(Transition, { mountOnEnter: true, unmountOnExit: true, in: this.state.spinning, timeout: timeout }, function (status) {
-            var _a, _b, _c;
-            return (React__default.createElement(React__default.Fragment, null,
-                showOverlay ? (React__default.createElement("div", { className: cx("Spinner-overlay", fadeStyles[status]) })) : null,
-                React__default.createElement("div", { "data-testid": "spinner", className: cx("Spinner", tip && (_a = {},
-                        _a["Spinner-tip--".concat(tipPlacement)] = [
-                            'top',
-                            'right',
-                            'bottom',
-                            'left'
-                        ].includes(tipPlacement),
-                        _a), (_b = {}, _b["Spinner--overlay"] = showOverlay, _b), fadeStyles[status], className) },
-                    React__default.createElement("div", { className: cx("Spinner-icon", (_c = {},
-                            _c["Spinner-icon--".concat(size)] = ['lg', 'sm'].includes(size),
-                            _c["Spinner-icon--default"] = !icon,
-                            _c["Spinner-icon--simple"] = !isCustomIcon && icon,
-                            _c["Spinner-icon--custom"] = isCustomIcon,
-                            _c), spinnerClassName) }, icon ? (isCustomIcon ? (icon) : hasIcon(icon) ? (React__default.createElement(Icon, { icon: icon, className: "icon" })) : (generateIcon(cx, icon, 'icon'))) : null),
-                    tip ? React__default.createElement("span", { className: cx("Spinner-tip") }, tip) : '')));
-        }));
+        return (React__default.createElement(React__default.Fragment, null,
+            this.state.showMarker && (React__default.createElement("span", { className: cx('Spinner-mark'), ref: this.spinnerRef })),
+            React__default.createElement(Transition, { mountOnEnter: true, unmountOnExit: true, in: this.state.spinning, timeout: timeout }, function (status) {
+                var _a, _b, _c;
+                return (React__default.createElement(React__default.Fragment, null,
+                    showOverlay ? (React__default.createElement("div", { className: cx("Spinner-overlay", fadeStyles[status]) })) : null,
+                    React__default.createElement("div", { "data-testid": "spinner", className: cx("Spinner", tip && (_a = {},
+                            _a["Spinner-tip--".concat(tipPlacement)] = [
+                                'top',
+                                'right',
+                                'bottom',
+                                'left'
+                            ].includes(tipPlacement),
+                            _a), (_b = {}, _b["Spinner--overlay"] = showOverlay, _b), fadeStyles[status], className) },
+                        React__default.createElement("div", { className: cx("Spinner-icon", (_c = {},
+                                _c["Spinner-icon--".concat(size)] = ['lg', 'sm'].includes(size),
+                                _c["Spinner-icon--default"] = !icon,
+                                _c["Spinner-icon--simple"] = !isCustomIcon && icon,
+                                _c["Spinner-icon--custom"] = isCustomIcon,
+                                _c), spinnerClassName) }, icon ? (isCustomIcon ? (icon) : hasIcon(icon) ? (React__default.createElement(Icon, { icon: icon, className: "icon" })) : (generateIcon(cx, icon, 'icon'))) : null),
+                        tip ? React__default.createElement("span", { className: cx("Spinner-tip") }, tip) : '')));
+            })));
     };
     Spinner.prototype.render = function () {
-        var _a = this.props, cx = _a.classnames, loadingConfig = _a.loadingConfig;
+        var loadingConfig = this.props.loadingConfig;
         var spinnerBody = this.renderBody();
         var root = loadingConfig === null || loadingConfig === void 0 ? void 0 : loadingConfig.root;
-        var doms = root ? document.querySelectorAll(root) : null;
-        if (doms === null || doms === void 0 ? void 0 : doms.length) {
+        var dom = root ? document.querySelector(root) : null;
+        if (dom) {
             // TODO: 找到准确的 元素
-            return ReactDOM.createPortal(spinnerBody, doms[doms.length - 1]);
+            return ReactDOM.createPortal(spinnerBody, dom);
         }
-        return (React__default.createElement(React__default.Fragment, null,
-            this.state.showMarker && (React__default.createElement("span", { className: cx('Spinner-mark'), ref: this.spinnerRef })),
-            spinnerBody));
+        return spinnerBody;
     };
     Spinner.defaultProps = {
         show: true,

package/esm/components/Steps.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v2.7.2
+ * amis-ui v2.8.0
  * Copyright 2018-2023 fex
  */
 

package/esm/components/Switch.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v2.7.2
+ * amis-ui v2.8.0
  * Copyright 2018-2023 fex
  */
 

package/esm/components/TableSelection.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v2.7.2
+ * amis-ui v2.8.0
  * Copyright 2018-2023 fex
  */