amis 2.7.3-beta.0 → 2.8.0

package/esm/renderers/Drawer.js

@@ -1,9 +1,9 @@
 /**
- * amis v2.7.3-beta.0
+ * amis v2.8.0
  * Copyright 2018-2023 baidu
  */
 
-import { __extends, __awaiter, __generator, __spreadArray, __assign, __decorate, __metadata } from 'tslib';
+import { __extends, __awaiter, __generator, __spreadArray, __read, __assign, __decorate, __metadata } from 'tslib';
 import React from 'react';
 import { guid, autobind, filter, isVisible, createObject, ScopedContext, Renderer, ModalStore, isObjectShallowModified } from 'amis-core';
 import { Spinner, Drawer as Drawer$1 } from 'amis-ui';
@@ -124,7 +124,7 @@ var Drawer = /** @class */ (function (_super) {
         var drawerAction = store.action;
         var drawer = drawerAction.drawer;
         if (drawer.onConfirm &&
-            drawer.onConfirm.apply(drawer, __spreadArray([values, action], args, false)) === false) {
+            drawer.onConfirm.apply(drawer, __spreadArray([values, action], __read(args), false)) === false) {
             return;
         }
         store.closeDrawer();
@@ -137,7 +137,7 @@ var Drawer = /** @class */ (function (_super) {
         var store = this.props.store;
         var action = store.action;
         var drawer = action.drawer;
-        if (drawer.onClose && drawer.onClose.apply(drawer, args) === false) {
+        if (drawer.onClose && drawer.onClose.apply(drawer, __spreadArray([], __read(args), false)) === false) {
             return;
         }
         store.closeDrawer();
@@ -154,7 +154,7 @@ var Drawer = /** @class */ (function (_super) {
         var dialogAction = store.action;
         var dialog = dialogAction.dialog;
         if (dialog.onConfirm &&
-            dialog.onConfirm.apply(dialog, __spreadArray([values, action], args, false)) === false) {
+            dialog.onConfirm.apply(dialog, __spreadArray([values, action], __read(args), false)) === false) {
             return;
         }
         store.closeDialog(true);
@@ -167,7 +167,7 @@ var Drawer = /** @class */ (function (_super) {
         var store = this.props.store;
         var action = store.action;
         var dialog = action.dialog;
-        if (dialog.onClose && dialog.onClose.apply(dialog, args) === false) {
+        if (dialog.onClose && dialog.onClose.apply(dialog, __spreadArray([], __read(args), false)) === false) {
             return;
         }
         store.closeDialog(args[1]);
@@ -389,10 +389,10 @@ var Drawer = /** @class */ (function (_super) {
         var targets = [];
         var _a = this.props, onConfirm = _a.onConfirm, store = _a.store;
         if (action.target) {
-            targets.push.apply(targets, action.target
+            targets.push.apply(targets, __spreadArray([], __read(action.target
                 .split(',')
                 .map(function (name) { return scoped.getComponentByName(name); })
-                .filter(function (item) { return item && item.doAction; }));
+                .filter(function (item) { return item && item.doAction; })), false));
         }
         /** 如果为隔离动作, 则不做联动处理, 继续交给handleAction */
         if ((action === null || action === void 0 ? void 0 : action.isolateScope) !== true && !targets.length) {
@@ -571,7 +571,7 @@ var Drawer = /** @class */ (function (_super) {
         for (var _i = 2; _i < arguments.length; _i++) {
             rest[_i - 2] = arguments[_i];
         }
-        _super.prototype.handleDialogConfirm.apply(this, __spreadArray([values, action], rest, false));
+        _super.prototype.handleDialogConfirm.apply(this, __spreadArray([values, action], __read(rest), false));
         var scoped = this.context;
         var store = this.props.store;
         var dialogAction = store.action;

package/esm/renderers/DropDownButton.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.7.3-beta.0
+ * amis v2.8.0
  * Copyright 2018-2023 baidu
  */
 
@@ -105,10 +105,7 @@ var DropDownButton = /** @class */ (function (_super) {
         var _a;
         var _b = this.props; _b.render; var buttons = _b.buttons; _b.data; var popOverContainer = _b.popOverContainer, cx = _b.classnames, ns = _b.classPrefix, children = _b.children; _b.align; var closeOnClick = _b.closeOnClick, closeOnOutside = _b.closeOnOutside, menuClassName = _b.menuClassName;
         var body = (React.createElement(RootClose, { disabled: !this.state.isOpened, onRootClose: closeOnOutside !== false ? this.close : noop }, function (ref) {
-            return (React.createElement("ul", { className: cx('DropDown-menu-root', 'DropDown-menu', menuClassName), onClick: function (e) {
-                    closeOnClick ? _this.close() : noop;
-                    e.preventDefault();
-                }, onMouseEnter: _this.keepOpen, ref: ref }, children
+            return (React.createElement("ul", { className: cx('DropDown-menu-root', 'DropDown-menu', menuClassName), onClick: closeOnClick ? _this.close : noop, onMouseEnter: _this.keepOpen, ref: ref }, children
                 ? children
                 : Array.isArray(buttons)
                     ? buttons.map(function (button, index) {
@@ -123,14 +120,14 @@ var DropDownButton = /** @class */ (function (_super) {
         return body;
     };
     DropDownButton.prototype.render = function () {
-        var _a = this.props, tooltip = _a.tooltip, placement = _a.placement, tooltipContainer = _a.tooltipContainer, tooltipTrigger = _a.tooltipTrigger, tooltipRootClose = _a.tooltipRootClose, disabledTip = _a.disabledTip, block = _a.block, disabled = _a.disabled, btnDisabled = _a.btnDisabled, btnClassName = _a.btnClassName, _b = _a.size, size = _b === void 0 ? 'default' : _b, label = _a.label, level = _a.level, primary = _a.primary, className = _a.className, style = _a.style, cx = _a.classnames, align = _a.align, iconOnly = _a.iconOnly, icon = _a.icon, rightIcon = _a.rightIcon, isActived = _a.isActived, trigger = _a.trigger, data = _a.data, hideCaret = _a.hideCaret;
+        var _a = this.props, tooltip = _a.tooltip, placement = _a.placement, tooltipContainer = _a.tooltipContainer, tooltipTrigger = _a.tooltipTrigger, tooltipRootClose = _a.tooltipRootClose, disabledTip = _a.disabledTip, block = _a.block, disabled = _a.disabled, btnDisabled = _a.btnDisabled, btnClassName = _a.btnClassName, _b = _a.size, size = _b === void 0 ? 'default' : _b, label = _a.label, level = _a.level, primary = _a.primary, className = _a.className, style = _a.style, cx = _a.classnames, align = _a.align, iconOnly = _a.iconOnly, icon = _a.icon, rightIcon = _a.rightIcon, isActived = _a.isActived, trigger = _a.trigger, data = _a.data, hideCaret = _a.hideCaret, env = _a.env;
         return (React.createElement("div", { className: cx('DropDown ', {
                 'DropDown--block': block,
                 'DropDown--alignRight': align === 'right',
                 'is-opened': this.state.isOpened,
                 'is-actived': isActived
             }, className), style: style, onMouseEnter: trigger === 'hover' ? this.open : function () { }, onMouseLeave: trigger === 'hover' ? this.close : function () { }, ref: this.domRef },
-            React.createElement(TooltipWrapper, { placement: placement, tooltip: disabled ? disabledTip : tooltip, container: tooltipContainer, trigger: tooltipTrigger, rootClose: tooltipRootClose },
+            React.createElement(TooltipWrapper, { placement: placement, tooltip: disabled ? disabledTip : tooltip, container: tooltipContainer || (env === null || env === void 0 ? void 0 : env.getModalContainer), trigger: tooltipTrigger, rootClose: tooltipRootClose },
                 React.createElement("button", { onClick: this.toogle, disabled: disabled || btnDisabled, className: cx('Button', btnClassName, typeof level === 'undefined'
                         ? 'Button--default'
                         : level

package/esm/renderers/Each.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.7.3-beta.0
+ * amis v2.8.0
  * Copyright 2018-2023 baidu
  */
 

package/esm/renderers/Flex.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.7.3-beta.0
+ * amis v2.8.0
  * Copyright 2018-2023 baidu
  */
 

package/esm/renderers/Form/ButtonGroupSelect.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.7.3-beta.0
+ * amis v2.8.0
  * Copyright 2018-2023 baidu
  */
 

package/esm/renderers/Form/ButtonToolbar.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.7.3-beta.0
+ * amis v2.8.0
  * Copyright 2018-2023 baidu
  */
 

package/esm/renderers/Form/ChainedSelect.d.ts

@@ -11,13 +11,14 @@ export interface ChainedSelectControlSchema extends FormOptionsSchema {
 }
 export interface ChainedSelectProps extends OptionsControlProps, Omit<ChainedSelectControlSchema, 'options' | 'type' | 'source' | 'className' | 'descriptionClassName' | 'inputClassName'> {
 }
+export interface StackItem {
+    options: Array<Option>;
+    parentId: any;
+    loading: boolean;
+    visible?: boolean;
+}
 export interface SelectState {
-    stack: Array<{
-        options: Array<Option>;
-        parentId: any;
-        loading: boolean;
-        visible?: boolean;
-    }>;
+    stack: Array<StackItem>;
 }
 export default class ChainedSelectControl extends React.Component<ChainedSelectProps, SelectState> {
     static defaultProps: Partial<ChainedSelectProps>;

package/esm/renderers/Form/ChainedSelect.js

@@ -1,15 +1,16 @@
 /**
- * amis v2.7.3-beta.0
+ * amis v2.8.0
  * Copyright 2018-2023 baidu
  */
 
-import { __extends, __assign, __awaiter, __generator, __spreadArray, __rest, __decorate, __metadata } from 'tslib';
+import { __extends, __assign, __awaiter, __generator, __spreadArray, __read, __rest, __decorate, __metadata } from 'tslib';
 import React from 'react';
 import cx from 'classnames';
 import { isEffectiveApi, resolveEventData, isMobile, OptionsControl } from 'amis-core';
-import { Select } from 'amis-ui';
+import { Select, Spinner } from 'amis-ui';
 import { supportStatic } from './StaticHoc.js';
 import find from 'lodash/find';
+import { isEmpty } from 'lodash';
 
 var ChainedSelectControl = /** @class */ (function (_super) {
     __extends(ChainedSelectControl, _super);
@@ -127,7 +128,7 @@ var ChainedSelectControl = /** @class */ (function (_super) {
                                 options: options,
                                 parentId: parentId,
                                 loading: false,
-                                visible: !!options
+                                visible: Array.isArray(options) && !isEmpty(options)
                             });
                             this.setState({
                                 stack: stack
@@ -175,9 +176,7 @@ var ChainedSelectControl = /** @class */ (function (_super) {
     ChainedSelectControl.prototype.renderStatic = function (displayValue) {
         if (displayValue === void 0) { displayValue = '-'; }
         var _a = this.props, _b = _a.options, options = _b === void 0 ? [] : _b, _c = _a.labelField, labelField = _c === void 0 ? 'label' : _c, _d = _a.valueField, valueField = _d === void 0 ? 'value' : _d, classPrefix = _a.classPrefix, cx = _a.classnames, className = _a.className, value = _a.value, delimiter = _a.delimiter;
-        var allOptions = __spreadArray([
-            { options: options, visible: true }
-        ], (this.state.stack || []), true);
+        var allOptions = __spreadArray([{ options: options, visible: true }], __read((this.state.stack || [])), false);
         var valueArr = Array.isArray(value)
             ? value.concat()
             : value && typeof value === 'string'
@@ -200,7 +199,7 @@ var ChainedSelectControl = /** @class */ (function (_super) {
                 .filter(function (v) { return v != null; })
                 .join(' > ');
         }
-        return React.createElement("div", { className: cx("".concat(classPrefix, "SelectStaticControl"), className) }, displayValue);
+        return (React.createElement("div", { className: cx("".concat(classPrefix, "SelectStaticControl"), className) }, displayValue));
     };
     ChainedSelectControl.prototype.render = function () {
         var _this = this;
@@ -210,6 +209,7 @@ var ChainedSelectControl = /** @class */ (function (_super) {
             : value && typeof value === 'string'
                 ? value.split(delimiter || ',')
                 : [];
+        var hasStackLoading = this.state.stack.find(function (a) { return a.loading; });
         var mobileUI = useMobileUI && isMobile();
         return (React.createElement("div", { className: cx("".concat(ns, "ChainedSelectControl"), className) },
             React.createElement(Select, __assign({}, rest, { useMobileUI: useMobileUI, popOverContainer: mobileUI && env && env.getModalContainer
@@ -217,10 +217,12 @@ var ChainedSelectControl = /** @class */ (function (_super) {
                     : rest.popOverContainer, classPrefix: ns, key: "base", options: Array.isArray(options) ? options : [], value: arr[0], onChange: this.handleChange.bind(this, 0), loading: loading, inline: true })),
             this.state.stack.map(function (_a, index) {
                 var options = _a.options, loading = _a.loading, visible = _a.visible;
-                return visible === false ? null : (React.createElement(Select, __assign({}, rest, { useMobileUI: useMobileUI, popOverContainer: mobileUI && env && env.getModalContainer
+                // loading 中的选项不展示，避免没值再隐藏造成的闪烁，改用一个 Spinner 来展示 loading 状态
+                return visible === false || loading ? null : (React.createElement(Select, __assign({}, rest, { useMobileUI: useMobileUI, popOverContainer: mobileUI && env && env.getModalContainer
                         ? env.getModalContainer
-                        : rest.popOverContainer, classPrefix: ns, key: "x-".concat(index + 1), options: Array.isArray(options) ? options : [], value: arr[index + 1], onChange: _this.handleChange.bind(_this, index + 1), loading: loading, inline: true })));
-            })));
+                        : rest.popOverContainer, classPrefix: ns, key: "x-".concat(index + 1), options: Array.isArray(options) ? options : [], value: arr[index + 1], onChange: _this.handleChange.bind(_this, index + 1), inline: true })));
+            }),
+            hasStackLoading && (React.createElement(Spinner, { size: "sm", className: cx("".concat(ns, "ChainedSelectControl-spinner")) }))));
     };
     ChainedSelectControl.defaultProps = {
         clearable: false,

package/esm/renderers/Form/ChartRadios.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.7.3-beta.0
+ * amis v2.8.0
  * Copyright 2018-2023 baidu
  */
 

package/esm/renderers/Form/Checkbox.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.7.3-beta.0
+ * amis v2.8.0
  * Copyright 2018-2023 baidu
  */
 

package/esm/renderers/Form/Checkboxes.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.7.3-beta.0
+ * amis v2.8.0
  * Copyright 2018-2023 baidu
  */
 

package/esm/renderers/Form/Combo.js

@@ -1,9 +1,9 @@
 /**
- * amis v2.7.3-beta.0
+ * amis v2.8.0
  * Copyright 2018-2023 baidu
  */
 
-import { __extends, __assign, __awaiter, __generator, __decorate, __metadata, __spreadArray } from 'tslib';
+import { __extends, __assign, __awaiter, __generator, __values, __decorate, __metadata, __spreadArray, __read } from 'tslib';
 import React from 'react';
 import { findDOMNode } from 'react-dom';
 import cloneDeep from 'lodash/cloneDeep';
@@ -275,8 +275,9 @@ var ComboControl = /** @class */ (function (_super) {
         });
     };
     ComboControl.prototype.handleChange = function (values, diff, _a) {
+        var e_1, _b, e_2, _c;
         var index = _a.index;
-        var _b = this.props, flat = _b.flat, store = _b.store, joinValues = _b.joinValues, delimiter = _b.delimiter, disabled = _b.disabled, submitOnChange = _b.submitOnChange, type = _b.type;
+        var _d = this.props, flat = _d.flat, store = _d.store, joinValues = _d.joinValues, delimiter = _d.delimiter, disabled = _d.disabled, submitOnChange = _d.submitOnChange, type = _d.type;
         if (disabled) {
             return;
         }
@@ -288,14 +289,23 @@ var ComboControl = /** @class */ (function (_super) {
         if (type === 'input-kv') {
             var hasDuplicateKey = false;
             var keys = {};
-            for (var _i = 0, value_1 = value; _i < value_1.length; _i++) {
-                var item = value_1[_i];
-                if (keys[item.key]) {
-                    hasDuplicateKey = true;
+            try {
+                for (var value_1 = __values(value), value_1_1 = value_1.next(); !value_1_1.done; value_1_1 = value_1.next()) {
+                    var item = value_1_1.value;
+                    if (keys[item.key]) {
+                        hasDuplicateKey = true;
+                    }
+                    else {
+                        keys[item.key] = true;
+                    }
                 }
-                else {
-                    keys[item.key] = true;
+            }
+            catch (e_1_1) { e_1 = { error: e_1_1 }; }
+            finally {
+                try {
+                    if (value_1_1 && !value_1_1.done && (_b = value_1.return)) _b.call(value_1);
                 }
+                finally { if (e_1) throw e_1.error; }
             }
             // 有重复值就不触发修改，因为 KV 模式下无法支持重复值
             if (!hasDuplicateKey) {
@@ -306,17 +316,26 @@ var ComboControl = /** @class */ (function (_super) {
             // input-kvs 为了避免冲突 key 改成了 _key
             var hasDuplicateKey = false;
             var keys = {};
-            for (var _c = 0, value_2 = value; _c < value_2.length; _c++) {
-                var item = value_2[_c];
-                if ('_key' in item) {
-                    if (keys[item._key]) {
-                        hasDuplicateKey = true;
-                    }
-                    else {
-                        keys[item._key] = true;
+            try {
+                for (var value_2 = __values(value), value_2_1 = value_2.next(); !value_2_1.done; value_2_1 = value_2.next()) {
+                    var item = value_2_1.value;
+                    if ('_key' in item) {
+                        if (keys[item._key]) {
+                            hasDuplicateKey = true;
+                        }
+                        else {
+                            keys[item._key] = true;
+                        }
                     }
                 }
             }
+            catch (e_2_1) { e_2 = { error: e_2_1 }; }
+            finally {
+                try {
+                    if (value_2_1 && !value_2_1.done && (_c = value_2.return)) _c.call(value_2);
+                }
+                finally { if (e_2) throw e_2.error; }
+            }
             // 有重复值就不触发修改，因为 KV 模式下无法支持重复值
             if (!hasDuplicateKey) {
                 this.props.onChange(value, submitOnChange, true);
@@ -744,7 +763,7 @@ var ComboControl = /** @class */ (function (_super) {
     };
     // 为了给 editor 重写使用
     ComboControl.prototype.renderItems = function (finnalControls, data, index) {
-        var _a = this.props, cx = _a.classnames, formClassName = _a.formClassName, render = _a.render, multiLine = _a.multiLine, disabled = _a.disabled, canAccessSuperData = _a.canAccessSuperData, multiple = _a.multiple, tabsMode = _a.tabsMode, subFormMode = _a.subFormMode, changeImmediately = _a.changeImmediately, lazyLoad = _a.lazyLoad; _a.translate;
+        var _a = this.props, cx = _a.classnames, formClassName = _a.formClassName, render = _a.render, multiLine = _a.multiLine, disabled = _a.disabled, canAccessSuperData = _a.canAccessSuperData, multiple = _a.multiple, tabsMode = _a.tabsMode, subFormMode = _a.subFormMode, changeImmediately = _a.changeImmediately, lazyLoad = _a.lazyLoad; _a.translate; var isStatic = _a.static;
         // 单个
         if (!multiple) {
             return render('single', {
@@ -756,6 +775,7 @@ var ComboControl = /** @class */ (function (_super) {
                 className: cx("Combo-form", formClassName)
             }, {
                 disabled: disabled,
+                static: isStatic,
                 data: data,
                 onChange: this.handleSingleFormChange,
                 ref: this.makeFormRef(0),
@@ -772,7 +792,7 @@ var ComboControl = /** @class */ (function (_super) {
                 wrapWithPanel: false,
                 mode: tabsMode ? subFormMode : multiLine ? subFormMode : 'row',
                 className: cx("Combo-form", formClassName)
-            }, __assign({ index: index, disabled: disabled, data: data, onChange: this.handleChange, onInit: this.handleFormInit, onAction: this.handleAction, ref: this.makeFormRef(index), canAccessSuperData: canAccessSuperData, lazyChange: changeImmediately ? false : true, formLazyChange: false, value: undefined, formItemValue: undefined, formStore: undefined }, (tabsMode ? {} : { lazyLoad: lazyLoad })));
+            }, __assign({ index: index, disabled: disabled, static: isStatic, data: data, onChange: this.handleChange, onInit: this.handleFormInit, onAction: this.handleAction, ref: this.makeFormRef(index), canAccessSuperData: canAccessSuperData, lazyChange: changeImmediately ? false : true, formLazyChange: false, value: undefined, formItemValue: undefined, formStore: undefined }, (tabsMode ? {} : { lazyLoad: lazyLoad })));
         }
         return React.createElement(React.Fragment, null);
     };
@@ -866,7 +886,7 @@ var ComboControl = /** @class */ (function (_super) {
         var _a = this.props, multiple = _a.multiple, onChange = _a.onChange, submitOnChange = _a.submitOnChange;
         if (multiple) {
             if (index !== undefined && ~index) {
-                var newValue = __spreadArray([], this.getValueAsArray(), true);
+                var newValue = __spreadArray([], __read(this.getValueAsArray()), false);
                 newValue.splice(index, 1, __assign(__assign({}, newValue[index]), value));
                 onChange === null || onChange === void 0 ? void 0 : onChange(newValue, submitOnChange, true);
             }

package/esm/renderers/Form/ConditionBuilder.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.7.3-beta.0
+ * amis v2.8.0
  * Copyright 2018-2023 baidu
  */
 

package/esm/renderers/Form/Control.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.7.3-beta.0
+ * amis v2.8.0
  * Copyright 2018-2023 baidu
  */