amis 2.0.2 → 2.2.0

package/esm/renderers/Dialog.js

@@ -1,9 +1,9 @@
 /**
- * amis v2.0.2
+ * amis v2.2.0
  * Copyright 2018-2022 baidu
  */
 
-import { __extends, __spreadArray, __assign, __decorate, __metadata, __awaiter, __generator } from 'tslib';
+import { __extends, __awaiter, __generator, __spreadArray, __assign, __decorate, __metadata } from 'tslib';
 import React from 'react';
 import { guid, filter, autobind, isVisible, createObject, ScopedContext, Renderer, ModalStore, isObjectShallowModified } from 'amis-core';
 import { Spinner, Icon, Modal } from 'amis-ui';
@@ -20,6 +20,7 @@ var Dialog = /** @class */ (function (_super) {
         props.store.setEntered(!!props.show);
         _this.handleSelfClose = _this.handleSelfClose.bind(_this);
         _this.handleAction = _this.handleAction.bind(_this);
+        _this.handleActionSensor = _this.handleActionSensor.bind(_this);
         _this.handleDialogConfirm = _this.handleDialogConfirm.bind(_this);
         _this.handleDialogClose = _this.handleDialogClose.bind(_this);
         _this.handleDrawerConfirm = _this.handleDrawerConfirm.bind(_this);
@@ -69,10 +70,42 @@ var Dialog = /** @class */ (function (_super) {
         return ret;
     };
     Dialog.prototype.handleSelfClose = function (e, confirmed) {
-        var _a = this.props, onClose = _a.onClose, store = _a.store;
+        return __awaiter(this, void 0, void 0, function () {
+            var _a, onClose, store, dispatchEvent, rendererEvent;
+            return __generator(this, function (_b) {
+                switch (_b.label) {
+                    case 0:
+                        _a = this.props, onClose = _a.onClose, store = _a.store, dispatchEvent = _a.dispatchEvent;
+                        return [4 /*yield*/, dispatchEvent('cancel', this.props.data)];
+                    case 1:
+                        rendererEvent = _b.sent();
+                        if (rendererEvent === null || rendererEvent === void 0 ? void 0 : rendererEvent.prevented) {
+                            return [2 /*return*/];
+                        }
+                        // clear error
+                        store.updateMessage();
+                        onClose(confirmed);
+                        return [2 /*return*/];
+                }
+            });
+        });
+    };
+    Dialog.prototype.handleActionSensor = function (p) {
+        var _this = this;
+        var store = this.props.store;
+        var origin = store.busying;
+        store.markBusying(true);
         // clear error
         store.updateMessage();
-        onClose(confirmed);
+        p.then(function () {
+            store.markBusying(origin);
+        }).catch(function (e) {
+            if (_this.isDead) {
+                return;
+            }
+            store.updateMessage(e.message, true);
+            store.markBusying(origin);
+        });
     };
     Dialog.prototype.handleAction = function (e, action, data) {
         var _a = this.props, store = _a.store, onAction = _a.onAction;
@@ -223,6 +256,7 @@ var Dialog = /** @class */ (function (_super) {
             onChange: this.handleFormChange,
             onInit: this.handleFormInit,
             onSaved: this.handleFormSaved,
+            onActionSensor: this.handleActionSensor,
             syncLocation: false // 弹框中的 crud 一般不需要同步地址栏
         };
         if (!body.type) {
@@ -240,7 +274,7 @@ var Dialog = /** @class */ (function (_super) {
         if (!actions || !actions.length) {
             return null;
         }
-        var _a = this.props, store = _a.store, render = _a.render, cx = _a.classnames, showErrorMsg = _a.showErrorMsg, showLoading = _a.showLoading;
+        var _a = this.props, store = _a.store, render = _a.render, cx = _a.classnames, showErrorMsg = _a.showErrorMsg, showLoading = _a.showLoading, show = _a.show;
         return (React.createElement("div", { className: cx('Modal-footer') },
             (showLoading !== false && store.loading) ||
                 (showErrorMsg !== false && store.error) ? (React.createElement("div", { className: cx('Dialog-info'), key: "info" },
@@ -251,15 +285,15 @@ var Dialog = /** @class */ (function (_super) {
                     data: store.formData,
                     onAction: _this.handleAction,
                     key: key,
-                    disabled: action.disabled || store.loading
+                    disabled: action.disabled || store.loading || !show
                 });
             })));
     };
     Dialog.prototype.render = function () {
         var store = this.props.store;
-        var _a = __assign(__assign({}, this.props), store.schema), className = _a.className, size = _a.size, closeOnEsc = _a.closeOnEsc, closeOnOutside = _a.closeOnOutside, title = _a.title, render = _a.render, header = _a.header, body = _a.body, bodyClassName = _a.bodyClassName, headerClassName = _a.headerClassName, show = _a.show, lazyRender = _a.lazyRender, lazySchema = _a.lazySchema, wrapperComponent = _a.wrapperComponent, showCloseButton = _a.showCloseButton, env = _a.env, cx = _a.classnames, classPrefix = _a.classPrefix, __ = _a.translate;
+        var _a = __assign(__assign({}, this.props), store.schema), className = _a.className, size = _a.size, height = _a.height, width = _a.width, closeOnEsc = _a.closeOnEsc, closeOnOutside = _a.closeOnOutside, title = _a.title, render = _a.render, header = _a.header, body = _a.body, bodyClassName = _a.bodyClassName, headerClassName = _a.headerClassName, show = _a.show, lazyRender = _a.lazyRender, lazySchema = _a.lazySchema, wrapperComponent = _a.wrapperComponent, showCloseButton = _a.showCloseButton, env = _a.env, cx = _a.classnames, classPrefix = _a.classPrefix, __ = _a.translate;
         var Wrapper = wrapperComponent || Modal;
-        return (React.createElement(Wrapper, { classPrefix: classPrefix, className: cx(className), size: size, backdrop: "static", onHide: this.handleSelfClose, keyboard: closeOnEsc && !store.loading, closeOnEsc: closeOnEsc, closeOnOutside: !store.dialogOpen && closeOnOutside, show: show, onEntered: this.handleEntered, onExited: this.handleExited, container: env && env.getModalContainer ? env.getModalContainer : undefined, enforceFocus: false, disabled: store.loading },
+        return (React.createElement(Wrapper, { classPrefix: classPrefix, className: cx(className), size: size, height: height, width: width, backdrop: "static", onHide: this.handleSelfClose, keyboard: closeOnEsc && !store.loading, closeOnEsc: closeOnEsc, closeOnOutside: !store.dialogOpen && closeOnOutside, show: show, onEntered: this.handleEntered, onExited: this.handleExited, container: env && env.getModalContainer ? env.getModalContainer : undefined, enforceFocus: false, disabled: store.loading },
             title && typeof title === 'string' ? (React.createElement("div", { className: cx('Modal-header', headerClassName) },
                 showCloseButton !== false && !store.loading ? (React.createElement("a", { "data-tooltip": __('Dialog.close'), "data-position": "left", onClick: this.handleSelfClose, className: cx('Modal-close') },
                     React.createElement(Icon, { icon: "close", className: "icon" }))) : null,
@@ -543,7 +577,9 @@ var Dialog = /** @class */ (function (_super) {
         var scoped = this.context;
         var components = scoped
             .getComponents()
-            .filter(function (item) { return !~['drawer', 'dialog'].indexOf(item.props.type); });
+            .filter(function (item) {
+            return !~['drawer', 'dialog', 'action', 'button', 'submit', 'reset'].indexOf(item.props.type);
+        });
         var onConfirm = this.props.onConfirm;
         var onClose = this.props.onClose;
         if (components.length === 1 &&

package/esm/renderers/Divider.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.0.2
+ * amis v2.2.0
  * Copyright 2018-2022 baidu
  */
 

package/esm/renderers/Drawer.d.ts

@@ -119,7 +119,8 @@ export default class Drawer extends React.Component<DrawerProps> {
     constructor(props: DrawerProps);
     componentWillUnmount(): void;
     buildActions(): Array<ActionSchema>;
-    handleSelfClose(): void;
+    handleSelfClose(): Promise<void>;
+    handleActionSensor(p: Promise<any>): void;
     handleAction(e: React.UIEvent<any>, action: ActionObject, data: object): void;
     handleDrawerConfirm(values: object[], action: ActionObject, ...args: Array<any>): void;
     handleDrawerClose(...args: Array<any>): void;

package/esm/renderers/Drawer.js

@@ -1,9 +1,9 @@
 /**
- * amis v2.0.2
+ * amis v2.2.0
  * Copyright 2018-2022 baidu
  */
 
-import { __extends, __spreadArray, __assign, __decorate, __metadata, __awaiter, __generator } from 'tslib';
+import { __extends, __awaiter, __generator, __spreadArray, __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';
@@ -19,6 +19,7 @@ var Drawer = /** @class */ (function (_super) {
         props.store.setEntered(!!props.show);
         _this.handleSelfClose = _this.handleSelfClose.bind(_this);
         _this.handleAction = _this.handleAction.bind(_this);
+        _this.handleActionSensor = _this.handleActionSensor.bind(_this);
         _this.handleDrawerConfirm = _this.handleDrawerConfirm.bind(_this);
         _this.handleDrawerClose = _this.handleDrawerClose.bind(_this);
         _this.handleDialogConfirm = _this.handleDialogConfirm.bind(_this);
@@ -65,14 +66,42 @@ var Drawer = /** @class */ (function (_super) {
         return ret;
     };
     Drawer.prototype.handleSelfClose = function () {
-        var _a = this.props, onClose = _a.onClose, store = _a.store;
-        // 如果有子弹框，那么就先不隐藏自己
-        if (store.dialogOpen !== false || store.drawerOpen !== false) {
-            return;
-        }
+        return __awaiter(this, void 0, void 0, function () {
+            var _a, onClose, store, dispatchEvent, rendererEvent;
+            return __generator(this, function (_b) {
+                switch (_b.label) {
+                    case 0:
+                        _a = this.props, onClose = _a.onClose, store = _a.store, dispatchEvent = _a.dispatchEvent;
+                        // 如果有子弹框，那么就先不隐藏自己
+                        if (store.dialogOpen !== false || store.drawerOpen !== false) {
+                            return [2 /*return*/];
+                        }
+                        return [4 /*yield*/, dispatchEvent('cancel', this.props.data)];
+                    case 1:
+                        rendererEvent = _b.sent();
+                        if (rendererEvent === null || rendererEvent === void 0 ? void 0 : rendererEvent.prevented) {
+                            return [2 /*return*/];
+                        }
+                        // clear error
+                        store.updateMessage();
+                        onClose();
+                        return [2 /*return*/];
+                }
+            });
+        });
+    };
+    Drawer.prototype.handleActionSensor = function (p) {
+        var store = this.props.store;
+        var origin = store.busying;
+        store.markBusying(true);
         // clear error
         store.updateMessage();
-        onClose();
+        p.then(function () {
+            store.markBusying(origin);
+        }).catch(function (e) {
+            store.updateMessage(e.message, true);
+            store.markBusying(origin);
+        });
     };
     Drawer.prototype.handleAction = function (e, action, data) {
         var _a = this.props, onClose = _a.onClose, onAction = _a.onAction;
@@ -200,6 +229,7 @@ var Drawer = /** @class */ (function (_super) {
             onChange: this.handleFormChange,
             onInit: this.handleFormInit,
             onSaved: this.handleFormSaved,
+            onActionSensor: this.handleActionSensor,
             syncLocation: false
         };
         if (schema.type === 'form') {
@@ -524,7 +554,9 @@ var Drawer = /** @class */ (function (_super) {
         var scoped = this.context;
         var components = scoped
             .getComponents()
-            .filter(function (item) { return !~['drawer', 'dialog'].indexOf(item.props.type); });
+            .filter(function (item) {
+            return !~['drawer', 'dialog', 'action', 'button', 'submit', 'reset'].indexOf(item.props.type);
+        });
         var onConfirm = this.props.onConfirm;
         if (components.length === 1 &&
             (components[0].props.type === 'form' ||

package/esm/renderers/DropDownButton.d.ts

@@ -103,7 +103,7 @@ export default class DropDownButton extends React.Component<DropDownButtonProps,
     componentDidMount(): void;
     domRef(ref: any): void;
     toogle(e: React.MouseEvent<any>): void;
-    open(): void;
+    open(): Promise<void>;
     close(): void;
     keepOpen(): void;
     renderButton(button: DropdownButton, index: number | string): React.ReactNode;

package/esm/renderers/DropDownButton.js

@@ -1,9 +1,9 @@
 /**
- * amis v2.0.2
+ * amis v2.2.0
  * Copyright 2018-2022 baidu
  */
 
-import { __extends, __assign, __decorate } from 'tslib';
+import { __extends, __awaiter, __generator, __assign, __decorate } from 'tslib';
 import React from 'react';
 import { generateIcon, isVisible, isDisabled, RootClose, noop, Overlay, PopOver, filter, Renderer } from 'amis-core';
 import { TooltipWrapper, hasIcon, Icon } from 'amis-ui';
@@ -39,13 +39,24 @@ var DropDownButton = /** @class */ (function (_super) {
         });
     };
     DropDownButton.prototype.open = function () {
-        this.setState({
-            isOpened: true
+        return __awaiter(this, void 0, void 0, function () {
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0: return [4 /*yield*/, this.props.dispatchEvent('mouseenter', { data: this.props.buttons })];
+                    case 1:
+                        _a.sent();
+                        this.setState({
+                            isOpened: true
+                        });
+                        return [2 /*return*/];
+                }
+            });
         });
     };
     DropDownButton.prototype.close = function () {
         var _this = this;
         this.timer = setTimeout(function () {
+            _this.props.dispatchEvent('mouseleave', { data: _this.props.buttons });
             _this.setState({
                 isOpened: false
             });
@@ -123,7 +134,7 @@ var DropDownButton = /** @class */ (function (_super) {
                         ? React.createElement(Icon, { icon: icon, className: "icon" })
                         : generateIcon(cx, icon, 'm-r-xs'),
                     typeof label === 'string' ? filter(label, data) : label,
-                    hasIcon(rightIcon)
+                    rightIcon && hasIcon(rightIcon)
                         ? React.createElement(Icon, { icon: icon, className: "icon" })
                         : generateIcon(cx, rightIcon, 'm-l-xs'),
                     !hideCaret ? (React.createElement("span", { className: cx('DropDown-caret') },

package/esm/renderers/Each.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.0.2
+ * amis v2.2.0
  * Copyright 2018-2022 baidu
  */
 

package/esm/renderers/Flex.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.0.2
+ * amis v2.2.0
  * Copyright 2018-2022 baidu
  */
 

package/esm/renderers/Form/ButtonGroupSelect.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.0.2
+ * amis v2.2.0
  * Copyright 2018-2022 baidu
  */
 

package/esm/renderers/Form/ButtonToolbar.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.0.2
+ * amis v2.2.0
  * Copyright 2018-2022 baidu
  */
 

package/esm/renderers/Form/ChainedSelect.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.0.2
+ * amis v2.2.0
  * Copyright 2018-2022 baidu
  */
 

package/esm/renderers/Form/ChartRadios.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.0.2
+ * amis v2.2.0
  * Copyright 2018-2022 baidu
  */
 

package/esm/renderers/Form/Checkbox.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.0.2
+ * amis v2.2.0
  * Copyright 2018-2022 baidu
  */
 

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

@@ -1,6 +1,5 @@
 import React from 'react';
-import { OptionsControlProps, Option } from 'amis-core';
-import { ActionObject, Api } from 'amis-core';
+import type { ActionObject, Api, OptionsControlProps, Option } from 'amis-core';
 import { FormOptionsSchema } from '../../Schema';
 /**
  * 复选框
@@ -55,10 +54,11 @@ export default class CheckboxesControl extends React.Component<CheckboxesProps,
     handleEditClick(e: Event, item: any): void;
     handleDeleteClick(e: Event, item: any): void;
     componentDidMount(): void;
-    componentWillMount(): void;
+    componentWillUnmount(): void;
     updateBorderStyle(): void;
     renderGroup(option: Option, index: number): JSX.Element | null;
     renderItem(option: Option, index: number): JSX.Element | null;
+    columnsSplit(body: React.ReactNode[]): any[];
     render(): JSX.Element;
 }
 export declare class CheckboxesControlRenderer extends CheckboxesControl {

package/esm/renderers/Form/Checkboxes.js

@@ -1,11 +1,12 @@
 /**
- * amis v2.0.2
+ * amis v2.2.0
  * Copyright 2018-2022 baidu
  */
 
 import { __extends, __decorate, __metadata } from 'tslib';
 import React from 'react';
-import { createObject, hasAbility, columnsSplit, autobind, OptionsControl } from 'amis-core';
+import inRange from 'lodash/inRange';
+import { createObject, hasAbility, columnsSplit, flattenTreeWithLeafNodes, autobind, OptionsControl } from 'amis-core';
 import { Checkbox, Icon } from 'amis-ui';
 
 var CheckboxesControl = /** @class */ (function (_super) {
@@ -47,7 +48,7 @@ var CheckboxesControl = /** @class */ (function (_super) {
         this.updateBorderStyle();
         window.addEventListener('resize', this.updateBorderStyle);
     };
-    CheckboxesControl.prototype.componentWillMount = function () {
+    CheckboxesControl.prototype.componentWillUnmount = function () {
         window.removeEventListener('resize', this.updateBorderStyle);
     };
     CheckboxesControl.prototype.updateBorderStyle = function () {
@@ -134,9 +135,13 @@ var CheckboxesControl = /** @class */ (function (_super) {
         if (!((_a = option.children) === null || _a === void 0 ? void 0 : _a.length)) {
             return null;
         }
-        return (React.createElement("div", { key: index, className: cx('CheckboxesControl-group', option.className) },
+        var children = option.children.map(function (option, index) {
+            return _this.renderItem(option, index);
+        });
+        var body = this.columnsSplit(children);
+        return (React.createElement("div", { key: 'group-' + index, className: cx('CheckboxesControl-group', option.className) },
             React.createElement("label", { className: cx('CheckboxesControl-groupLabel', option.labelClassName) }, option[labelField || 'label']),
-            option.children.map(function (option, index) { return _this.renderItem(option, index); })));
+            body));
     };
     CheckboxesControl.prototype.renderItem = function (option, index) {
         var _this = this;
@@ -157,18 +162,39 @@ var CheckboxesControl = /** @class */ (function (_super) {
             editable && hasAbility(option, 'editable') ? (React.createElement("a", { "data-tooltip": "\u7F16\u8F91", "data-position": "left" },
                 React.createElement(Icon, { icon: "pencil", className: "icon", onClick: function (e) { return _this.handleEditClick(e, option); } }))) : null));
     };
+    CheckboxesControl.prototype.columnsSplit = function (body) {
+        var _a = this.props, columnsCount = _a.columnsCount, cx = _a.classnames;
+        var result = [];
+        var tmp = [];
+        body.forEach(function (node) {
+            // 如果有分组，组内单独分列
+            if (node && node.key && String(node.key).startsWith('group')) {
+                // 夹杂在分组间的无分组选项，分别成块
+                if (tmp.length) {
+                    result.push(columnsSplit(tmp, cx, columnsCount));
+                    tmp = [];
+                }
+                result.push(node);
+            }
+            else {
+                tmp.push(node);
+            }
+        });
+        // 收尾
+        tmp.length && result.push(columnsSplit(tmp, cx, columnsCount));
+        return result;
+    };
     CheckboxesControl.prototype.render = function () {
         var _this = this;
-        var _a = this.props, className = _a.className, disabled = _a.disabled, placeholder = _a.placeholder, options = _a.options, inline = _a.inline, columnsCount = _a.columnsCount, selectedOptions = _a.selectedOptions; _a.onToggle; var onToggleAll = _a.onToggleAll, checkAll = _a.checkAll, cx = _a.classnames, itemClassName = _a.itemClassName, labelClassName = _a.labelClassName, creatable = _a.creatable, addApi = _a.addApi, createBtnLabel = _a.createBtnLabel, __ = _a.translate, optionType = _a.optionType;
+        var _a = this.props, className = _a.className, disabled = _a.disabled, placeholder = _a.placeholder, options = _a.options, inline = _a.inline; _a.columnsCount; var selectedOptions = _a.selectedOptions; _a.onToggle; var onToggleAll = _a.onToggleAll, checkAll = _a.checkAll, cx = _a.classnames, itemClassName = _a.itemClassName, labelClassName = _a.labelClassName, creatable = _a.creatable, addApi = _a.addApi, createBtnLabel = _a.createBtnLabel, __ = _a.translate, optionType = _a.optionType;
         var body = [];
         if (options && options.length) {
             body = options.map(function (option, key) { return _this.renderItem(option, key); });
         }
         if (checkAll && body.length && optionType === 'default') {
-            body.unshift(React.createElement(Checkbox, { key: "checkall", className: itemClassName, onChange: onToggleAll, checked: !!selectedOptions.length, partial: !!(selectedOptions.length &&
-                    selectedOptions.length !== options.length), disabled: disabled, inline: inline, labelClassName: labelClassName }, __('Checkboxes.selectAll')));
+            body.unshift(React.createElement(Checkbox, { key: "checkall", className: itemClassName, onChange: onToggleAll, checked: !!selectedOptions.length, partial: inRange(selectedOptions.length, 0, flattenTreeWithLeafNodes(options).length), disabled: disabled, inline: inline, labelClassName: labelClassName }, __('Checkboxes.selectAll')));
         }
-        body = columnsSplit(body, cx, columnsCount);
+        body = this.columnsSplit(body);
         return (React.createElement("div", { className: cx("CheckboxesControl", className), ref: "checkboxRef" },
             body && body.length ? (body) : (React.createElement("span", { className: "Form-placeholder" }, __(placeholder))),
             (creatable || addApi) && !disabled ? (React.createElement("a", { className: cx('Checkboxes-addBtn'), onClick: this.handleAddClick },

package/esm/renderers/Form/Combo.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.0.2
+ * amis v2.2.0
  * Copyright 2018-2022 baidu
  */
 
@@ -7,7 +7,7 @@ import { __extends, __assign, __awaiter, __generator, __decorate, __metadata, __
 import React from 'react';
 import { findDOMNode } from 'react-dom';
 import cloneDeep from 'lodash/cloneDeep';
-import { guid, createObject, extendObject, resolveVariable, anyChanged, isEffectiveApi, isObjectShallowModified, evalExpression, dataMapping, filter, isObject, str2AsyncFunction, autobind, FormItem, ComboStore } from 'amis-core';
+import { guid, createObject, extendObject, anyChanged, isEffectiveApi, isObjectShallowModified, evalExpression, dataMapping, filter, isObject, str2AsyncFunction, autobind, FormItem, ComboStore, resolveVariable } from 'amis-core';
 import { Tabs, Icon, Tab, Select, Alert2, Button } from 'amis-ui';
 import Sortable from 'sortablejs';
 import find from 'lodash/find';

package/esm/renderers/Form/ConditionBuilder.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.0.2
+ * amis v2.2.0
  * Copyright 2018-2022 baidu
  */
 

package/esm/renderers/Form/Control.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.0.2
+ * amis v2.2.0
  * Copyright 2018-2022 baidu
  */