amis-core 3.2.0 → 3.3.0

package/lib/renderers/Form.js

@@ -1,5 +1,5 @@
 /**
- * amis-core v3.2.0
+ * amis-core v3.3.0
  * Copyright 2018-2023 fex
  */
 
@@ -9,7 +9,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var tslib = require('tslib');
 var React = require('react');
-var extend = require('lodash/extend');
 var factory = require('../factory.js');
 var form = require('../store/form.js');
 var tpl = require('../utils/tpl.js');
@@ -22,21 +21,51 @@ var Scoped = require('../Scoped.js');
 require('amis-formula');
 require('moment');
 var object = require('../utils/object.js');
-var getVariable = require('../utils/getVariable.js');
 var dataMapping = require('../utils/dataMapping.js');
 require('../utils/filter.js');
 var api = require('../utils/api.js');
 var LazyComponent = require('../components/LazyComponent.js');
 var mobxStateTree = require('mobx-state-tree');
+require('../utils/ColorScale.js');
+require('../utils/columnsSplit.js');
+require('../utils/DataSchema.js');
+require('../utils/DataScope.js');
+require('../utils/debug.js');
+require('../utils/dom.js');
+require('../utils/errors.js');
+require('lodash/isObject');
+require('lodash/isString');
+require('lodash/isBoolean');
+require('../utils/highlight.js');
+require('../utils/icon.js');
+require('../utils/image.js');
+require('lodash/isPlainObject');
+require('lodash/isEqual');
+require('../actions/Action.js');
+require('lodash/cloneDeep');
+require('../utils/resize-sensor.js');
+require('react-overlays/useRootClose');
+require('react-dom');
+require('../utils/SimpleMap.js');
+require('lodash/mapValues');
+require('lodash/camelCase');
+require('uncontrollable');
+require('hoist-non-react-statics');
+require('../utils/validations.js');
+require('../utils/resolveCondition.js');
+require('mobx');
+require('../utils/Animation.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var extend__default = /*#__PURE__*/_interopDefaultLegacy(extend);
 var debounce__default = /*#__PURE__*/_interopDefaultLegacy(debounce);
 var flatten__default = /*#__PURE__*/_interopDefaultLegacy(flatten);
 var find__default = /*#__PURE__*/_interopDefaultLegacy(find);
 
+var __react_jsx__ = require('react');
+var _J$X_ = (__react_jsx__["default"] || __react_jsx__).createElement;
+(__react_jsx__["default"] || __react_jsx__).Fragment;
 var Form = /** @class */ (function (_super) {
     tslib.__extends(Form, _super);
     function Form(props) {
@@ -141,7 +170,8 @@ var Form = /** @class */ (function (_super) {
                 .fetchInitData(initApi, store.data, {
                 successMessage: fetchSuccess,
                 errorMessage: fetchFailed,
-                onSuccess: function () {
+                onSuccess: function (json, data) {
+                    store.setValues(data);
                     if (!api.isEffectiveApi(initAsyncApi, store.data) ||
                         store.data[initFinishedField || 'finished']) {
                         return;
@@ -263,53 +293,59 @@ var Form = /** @class */ (function (_super) {
         });
     };
     Form.prototype.reload = function (subPath, query, ctx, silent) {
-        var _a;
-        var _this = this;
-        if (query) {
-            return this.receive(query);
-        }
-        var _b = this.props, store = _b.store, initApi = _b.initApi, initAsyncApi = _b.initAsyncApi, initFinishedField = _b.initFinishedField, _c = _b.messages, fetchSuccess = _c.fetchSuccess, fetchFailed = _c.fetchFailed;
-        api.isEffectiveApi(initAsyncApi, store.data) &&
-            store.updateData((_a = {},
-                _a[initFinishedField || 'finished'] = false,
-                _a));
-        api.isEffectiveApi(initApi, store.data)
-            ? store
-                .fetchInitData(initApi, store.data, {
-                successMessage: fetchSuccess,
-                errorMessage: fetchFailed,
-                silent: silent,
-                onSuccess: function () {
-                    if (!api.isEffectiveApi(initAsyncApi, store.data) ||
-                        store.data[initFinishedField || 'finished']) {
-                        return;
-                    }
-                    return helper.until(function () { return store.checkRemote(initAsyncApi, store.data); }, function (ret) { return ret && ret[initFinishedField || 'finished']; }, function (cancel) { return (_this.asyncCancel = cancel); });
-                }
-            })
-                .then(function (result) { return tslib.__awaiter(_this, void 0, void 0, function () {
-                return tslib.__generator(this, function (_a) {
-                    switch (_a.label) {
-                        case 0: 
+        return tslib.__awaiter(this, void 0, void 0, function () {
+            var _a, store, initApi, initAsyncApi, initFinishedField, _b, fetchSuccess, fetchFailed, result;
+            var _c;
+            var _this = this;
+            return tslib.__generator(this, function (_d) {
+                switch (_d.label) {
+                    case 0:
+                        if (query) {
+                            return [2 /*return*/, this.receive(query)];
+                        }
+                        _a = this.props, store = _a.store, initApi = _a.initApi, initAsyncApi = _a.initAsyncApi, initFinishedField = _a.initFinishedField, _b = _a.messages, fetchSuccess = _b.fetchSuccess, fetchFailed = _b.fetchFailed;
+                        api.isEffectiveApi(initAsyncApi, store.data) &&
+                            store.updateData((_c = {},
+                                _c[initFinishedField || 'finished'] = false,
+                                _c));
+                        if (!api.isEffectiveApi(initApi, store.data)) return [3 /*break*/, 3];
+                        return [4 /*yield*/, store.fetchInitData(initApi, store.data, {
+                                successMessage: fetchSuccess,
+                                errorMessage: fetchFailed,
+                                silent: silent,
+                                onSuccess: function (json, data) {
+                                    store.setValues(data);
+                                    if (!api.isEffectiveApi(initAsyncApi, store.data) ||
+                                        store.data[initFinishedField || 'finished']) {
+                                        return;
+                                    }
+                                    return helper.until(function () { return store.checkRemote(initAsyncApi, store.data); }, function (ret) { return ret && ret[initFinishedField || 'finished']; }, function (cancel) { return (_this.asyncCancel = cancel); });
+                                }
+                            })];
+                    case 1:
+                        result = _d.sent();
                         // 派发初始化接口请求完成事件
                         return [4 /*yield*/, this.dispatchInited(result)];
-                        case 1:
-                            // 派发初始化接口请求完成事件
-                            _a.sent();
-                            if (result === null || result === void 0 ? void 0 : result.ok) {
-                                this.initInterval(result);
-                                store.reset(undefined, false);
-                            }
-                            return [2 /*return*/];
-                    }
-                });
-            }); })
-            : store.reset(undefined, false);
+                    case 2:
+                        // 派发初始化接口请求完成事件
+                        _d.sent();
+                        if (result === null || result === void 0 ? void 0 : result.ok) {
+                            this.initInterval(result);
+                            store.reset(undefined, false);
+                        }
+                        return [3 /*break*/, 4];
+                    case 3:
+                        store.reset(undefined, false);
+                        _d.label = 4;
+                    case 4: return [2 /*return*/];
+                }
+            });
+        });
     };
     Form.prototype.receive = function (values, name, replace) {
         var store = this.props.store;
         store.updateData(values, undefined, replace);
-        this.reload();
+        return this.reload();
     };
     Form.prototype.silentReload = function (target, query) {
         this.reload(target, query, undefined, true);
@@ -327,11 +363,12 @@ var Form = /** @class */ (function (_super) {
     Form.prototype.isValidated = function () {
         return this.props.store.validated;
     };
-    Form.prototype.validate = function (forceValidate) {
-        var _a = this.props, store = _a.store, dispatchEvent = _a.dispatchEvent, data = _a.data;
+    Form.prototype.validate = function (forceValidate, throwErrors) {
+        if (throwErrors === void 0) { throwErrors = false; }
+        var _a = this.props, store = _a.store, dispatchEvent = _a.dispatchEvent, data = _a.data, messages = _a.messages, __ = _a.translate;
         this.flush();
         return store
-            .validate(this.hooks['validate'] || [], forceValidate)
+            .validate(this.hooks['validate'] || [], forceValidate, throwErrors, __(messages && messages.validateFailed))
             .then(function (result) {
             if (result) {
                 dispatchEvent('validateSucc', data);
@@ -361,11 +398,12 @@ var Form = /** @class */ (function (_super) {
         this.flush();
         store.setValues(value, undefined, replace);
     };
-    Form.prototype.submit = function (fn) {
+    Form.prototype.submit = function (fn, throwErrors) {
+        if (throwErrors === void 0) { throwErrors = false; }
         var _a = this.props, store = _a.store, messages = _a.messages, __ = _a.translate, dispatchEvent = _a.dispatchEvent, data = _a.data;
         this.flush();
         var validateErrCb = function () { return dispatchEvent('validateError', data); };
-        return store.submit(fn, this.hooks['validate'] || [], __(messages && messages.validateFailed), validateErrCb);
+        return store.submit(fn, this.hooks['validate'] || [], __(messages && messages.validateFailed), validateErrCb, throwErrors);
     };
     // 如果开启了 lazyChange，需要一个 flush 方法把队列中值应用上。
     Form.prototype.flush = function () {
@@ -454,27 +492,29 @@ var Form = /** @class */ (function (_super) {
     };
     Form.prototype.handleBulkChange = function (values, submit) {
         var _a = this.props; _a.onChange; var store = _a.store, formLazyChange = _a.formLazyChange;
-        store.updateData(values);
-        store.items.forEach(function (formItem) {
-            var updatedValue = getVariable.getVariable(values, formItem.name, false);
-            if (updatedValue !== undefined) {
-                // 更新验证状态但保留错误信息
-                formItem.reset(true);
-                // 这里需要更新value，否则提交时不会使用新的字段值校验
-                formItem.changeTmpValue(updatedValue);
-                formItem.validateOnChange && formItem.validate(values);
-            }
-        });
+        store.setValues(values);
+        // store.updateData(values);
+        // store.items.forEach(formItem => {
+        //   const updatedValue = getVariable(values, formItem.name, false);
+        //   if (updatedValue !== undefined) {
+        //     // 更新验证状态但保留错误信息
+        //     formItem.reset(true);
+        //     // 这里需要更新value，否则提交时不会使用新的字段值校验
+        //     formItem.changeTmpValue(updatedValue);
+        //     formItem.validateOnChange && formItem.validate(values);
+        //   }
+        // });
         (formLazyChange === false ? this.emitChange : this.lazyEmitChange)(submit);
     };
     Form.prototype.handleFormSubmit = function (e) {
-        var _a = this.props, preventEnterSubmit = _a.preventEnterSubmit, onActionSensor = _a.onActionSensor;
+        var _a = this.props, preventEnterSubmit = _a.preventEnterSubmit, onActionSensor = _a.onActionSensor, close = _a.close;
         e.preventDefault();
         if (preventEnterSubmit) {
             return false;
         }
         var sensor = this.handleAction(e, {
-            type: 'submit'
+            type: 'submit',
+            close: close
         }, this.props.store.data);
         // 让外层可以监控这个动作执行结果
         onActionSensor === null || onActionSensor === void 0 ? void 0 : onActionSensor(sensor);
@@ -565,7 +605,7 @@ var Form = /** @class */ (function (_super) {
                                         _this.reloadTarget(Scoped.filterTarget(action.target, values), values);
                                 }
                                 else if (action.actionType === 'dialog') {
-                                    store.openDialog(data, undefined, action.callback);
+                                    store.openDialog(data, undefined, action.callback, delegate || _this.context);
                                 }
                                 else if (action.actionType === 'drawer') {
                                     store.openDrawer(data);
@@ -639,7 +679,10 @@ var Form = /** @class */ (function (_super) {
                                                         throw new helper.SkipOperation();
                                                     }
                                                     _a.label = 2;
-                                                case 2: return [2 /*return*/];
+                                                case 2: return [2 /*return*/, object.injectObjectChain(store.data, {
+                                                        __payload: values,
+                                                        __response: response
+                                                    })];
                                             }
                                         });
                                     }); });
@@ -649,7 +692,7 @@ var Form = /** @class */ (function (_super) {
                                     dispatchEvent_1('submitSucc', object.createObject(_this.props.data, values));
                                 }
                                 return Promise.resolve(null);
-                            })
+                            }, throwErrors)
                                 .then(function (values) {
                                 // 有可能 onSubmit return false 了，那么后面的就不应该再执行了。
                                 if (values === false) {
@@ -688,11 +731,11 @@ var Form = /** @class */ (function (_super) {
                         }
                         else if (action.actionType === 'validate') {
                             store.setCurrentAction(action);
-                            this.validate(true);
+                            return [2 /*return*/, this.validate(true, throwErrors)];
                         }
                         else if (action.actionType === 'dialog') {
                             store.setCurrentAction(action);
-                            store.openDialog(data, undefined, action.callback);
+                            store.openDialog(data, undefined, action.callback, delegate || this.context);
                         }
                         else if (action.actionType === 'drawer') {
                             store.setCurrentAction(action);
@@ -833,7 +876,7 @@ var Form = /** @class */ (function (_super) {
             });
             store.openDialog(ctx, undefined, function (confirmed) {
                 resolve(confirmed);
-            });
+            }, _this.context);
         });
     };
     Form.prototype.buildActions = function () {
@@ -905,9 +948,9 @@ var Form = /** @class */ (function (_super) {
                 return null;
             }
             var cx_1 = this.props.classnames;
-            return (React__default["default"].createElement("div", { className: cx_1('Form-row') }, children.map(function (control, key) {
+            return (_J$X_("div", { className: cx_1('Form-row') }, children.map(function (control, key) {
                 return ~['hidden', 'formula'].indexOf(control.type) ||
-                    control.mode === 'inline' ? (_this.renderChild(control, key, otherProps)) : (React__default["default"].createElement("div", { key: key, className: cx_1("Form-col", control.columnClassName) }, _this.renderChild(control, '', tslib.__assign(tslib.__assign({}, otherProps), { mode: 'row' }))));
+                    control.mode === 'inline' ? (_this.renderChild(control, key, otherProps)) : (_J$X_("div", { key: key, className: cx_1("Form-col", control.columnClassName) }, _this.renderChild(control, '', tslib.__assign(tslib.__assign({}, otherProps), { mode: 'row' }))));
             })));
         }
         return children.map(function (control, key) {
@@ -929,7 +972,7 @@ var Form = /** @class */ (function (_super) {
         }
         var props = tslib.__assign(tslib.__assign({}, this.props), otherProps);
         var form = this.props.store;
-        var render = props.render, mode = props.mode, horizontal = props.horizontal, store = props.store, disabled = props.disabled, controlWidth = props.controlWidth, resolveDefinitions = props.resolveDefinitions, lazyChange = props.lazyChange; props.formLazyChange; var dispatchEvent = props.dispatchEvent, labelAlign = props.labelAlign, labelWidth = props.labelWidth, isStatic = props.static;
+        var render = props.render, mode = props.mode, horizontal = props.horizontal, store = props.store, disabled = props.disabled, controlWidth = props.controlWidth, resolveDefinitions = props.resolveDefinitions, lazyChange = props.lazyChange; props.formLazyChange; var dispatchEvent = props.dispatchEvent, labelAlign = props.labelAlign, labelWidth = props.labelWidth, isStatic = props.static; props.canAccessSuperData;
         var subProps = tslib.__assign(tslib.__assign({ formStore: form, data: store.data, key: "".concat(control.name || '', "-").concat(control.type, "-").concat(key), formInited: form.inited, formSubmited: form.submited, formMode: mode, formHorizontal: horizontal, formLabelAlign: labelAlign !== 'left' ? 'right' : labelAlign, formLabelWidth: labelWidth, controlWidth: controlWidth, 
             /**
              * form.loading有为true时才下发disabled属性，否则不显性设置disbaled为false
@@ -952,18 +995,11 @@ var Form = /** @class */ (function (_super) {
             (/(?:\/|^)form\//.test($path) ? 'div' : 'form');
         var padDom = helper.repeatCount(columnCount && Array.isArray(body)
             ? columnCount - (body.length % columnCount)
-            : 0, function (index) { return (React__default["default"].createElement("div", { className: cx("Form-item Form-item--".concat(mode, " is-placeholder")), key: index })); });
-        return (React__default["default"].createElement(WrapperComponent, { className: cx("Form", "Form--".concat(mode || 'normal'), columnCount ? "Form--column Form--column-".concat(columnCount) : null, staticClassName && isStatic ? staticClassName : className, isStatic ? 'Form--isStatic' : null), onSubmit: this.handleFormSubmit, noValidate: true },
-            React__default["default"].createElement("input", { type: "submit", style: { display: 'none' } }),
+            : 0, function (index) { return (_J$X_("div", { className: cx("Form-item Form-item--".concat(mode, " is-placeholder")), key: index })); });
+        return (_J$X_(WrapperComponent, { className: cx("Form", "Form--".concat(mode || 'normal'), columnCount ? "Form--column Form--column-".concat(columnCount) : null, staticClassName && isStatic ? staticClassName : className, isStatic ? 'Form--isStatic' : null), onSubmit: this.handleFormSubmit, noValidate: true },
+            _J$X_("input", { type: "submit", style: { display: 'none' } }),
             debug
-                ? render('form-debug-json', extend__default["default"]({
-                    type: 'json',
-                    value: store.data,
-                    ellipsisThreshold: 120,
-                    className: cx('Form--debug')
-                }, 
-                /** 定制debug输出格式 */
-                object.isObject(debugConfig) ? debugConfig : {}))
+                ? render('form-debug-json', tslib.__assign({ type: 'json', value: store.data, ellipsisThreshold: 120, className: cx('Form--debug') }, debugConfig))
                 : null,
             render('spinner', { type: 'spinner' }, {
                 overlay: true,
@@ -974,7 +1010,7 @@ var Form = /** @class */ (function (_super) {
                 body: body
             }),
             padDom,
-            restError && restError.length ? (React__default["default"].createElement("ul", { className: cx('Form-restError', 'Form-feedback') }, restError.map(function (item, idx) { return (React__default["default"].createElement("li", { key: idx }, item)); }))) : null,
+            restError && restError.length ? (_J$X_("ul", { className: cx('Form-restError', 'Form-feedback') }, restError.map(function (item, idx) { return (_J$X_("li", { key: idx }, item)); }))) : null,
             render('modal', tslib.__assign(tslib.__assign({}, (store.action &&
                 store.action.dialog)), { type: 'dialog' }), {
                 key: 'dialog',
@@ -1019,7 +1055,7 @@ var Form = /** @class */ (function (_super) {
             });
         }
         if (lazyLoad) {
-            body = React__default["default"].createElement(LazyComponent["default"], null, body);
+            body = _J$X_(LazyComponent["default"], null, body);
         }
         return body;
     };
@@ -1163,57 +1199,70 @@ var FormRenderer = /** @class */ (function (_super) {
         scoped.close(target);
     };
     FormRenderer.prototype.reload = function (target, query, ctx, silent, replace) {
-        if (query) {
-            return this.receive(query, undefined, replace);
-        }
-        var scoped = this.context;
-        var subPath = '';
-        var idx;
-        var subQuery = null;
-        if (target && ~(idx = target.indexOf('.'))) {
-            subPath = target.substring(idx + 1);
-            target = target.substring(0, idx);
-        }
-        var idx2 = target ? target.indexOf('?') : -1;
-        if (~idx2) {
-            subQuery = dataMapping.dataMapping(helper.qsparse(target.substring(idx2 + 1)), ctx);
-            target = target.substring(0, idx2);
-        }
-        var component;
-        if (target &&
-            (component = scoped.getComponentByName(target)) &&
-            component.reload) {
-            component.reload(subPath, subQuery, ctx);
-        }
-        else if (target === '*') {
-            _super.prototype.reload.call(this, target, query, ctx, silent);
-            var components = scoped.getComponents();
-            components.forEach(function (component) {
-                return component.reload && component.reload('', subQuery, ctx);
+        return tslib.__awaiter(this, void 0, void 0, function () {
+            var scoped, subPath, idx, subQuery, idx2, component, components;
+            return tslib.__generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        if (query) {
+                            return [2 /*return*/, this.receive(query, undefined, replace)];
+                        }
+                        scoped = this.context;
+                        subPath = '';
+                        subQuery = null;
+                        if (target && ~(idx = target.indexOf('.'))) {
+                            subPath = target.substring(idx + 1);
+                            target = target.substring(0, idx);
+                        }
+                        idx2 = target ? target.indexOf('?') : -1;
+                        if (~idx2) {
+                            subQuery = dataMapping.dataMapping(helper.qsparse(target.substring(idx2 + 1)), ctx);
+                            target = target.substring(0, idx2);
+                        }
+                        if (!(target &&
+                            (component = scoped.getComponentByName(target)) &&
+                            component.reload)) return [3 /*break*/, 1];
+                        component.reload(subPath, subQuery, ctx);
+                        return [3 /*break*/, 4];
+                    case 1:
+                        if (!(target === '*')) return [3 /*break*/, 3];
+                        return [4 /*yield*/, _super.prototype.reload.call(this, target, query, ctx, silent)];
+                    case 2:
+                        _a.sent();
+                        components = scoped.getComponents();
+                        components.forEach(function (component) {
+                            return component.reload && component.reload('', subQuery, ctx);
+                        });
+                        return [3 /*break*/, 4];
+                    case 3: return [2 /*return*/, _super.prototype.reload.call(this, target, query, ctx, silent)];
+                    case 4: return [2 /*return*/];
+                }
             });
-        }
-        else {
-            _super.prototype.reload.call(this, target, query, ctx, silent);
-        }
+        });
     };
     FormRenderer.prototype.receive = function (values, name, replace) {
-        if (name) {
-            var scoped = this.context;
-            var idx = name.indexOf('.');
-            var subPath = '';
-            if (~idx) {
-                subPath = name.substring(1 + idx);
-                name = name.substring(0, idx);
-            }
-            var component = scoped.getComponentByName(name);
-            component && component.receive && component.receive(values, subPath);
-            return;
-        }
-        return _super.prototype.receive.call(this, values, undefined, replace);
+        return tslib.__awaiter(this, void 0, void 0, function () {
+            var scoped, idx, subPath, component;
+            return tslib.__generator(this, function (_a) {
+                if (name) {
+                    scoped = this.context;
+                    idx = name.indexOf('.');
+                    subPath = '';
+                    if (~idx) {
+                        subPath = name.substring(1 + idx);
+                        name = name.substring(0, idx);
+                    }
+                    component = scoped.getComponentByName(name);
+                    component && component.receive && component.receive(values, subPath);
+                    return [2 /*return*/];
+                }
+                return [2 /*return*/, _super.prototype.receive.call(this, values, undefined, replace)];
+            });
+        });
     };
     FormRenderer.prototype.setData = function (values, replace) {
         var _a = this.props, onChange = _a.onChange, store = _a.store;
-        _super.prototype.setValues.call(this, values);
+        _super.prototype.setValues.call(this, values, replace);
         // 触发表单change
         onChange &&
             onChange(store.data, helper.difference(store.data, store.pristine), this.props);