amis 1.9.1-beta.1 → 1.9.1-beta.3

package/lib/renderers/Form/UserSelect.js

@@ -0,0 +1,197 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UserSelectControlRenderer = void 0;
+var tslib_1 = require("tslib");
+var react_1 = (0, tslib_1.__importDefault)(require("react"));
+var classnames_1 = (0, tslib_1.__importDefault)(require("classnames"));
+var Options_1 = require("./Options");
+var UserSelect_1 = (0, tslib_1.__importDefault)(require("../../components/UserSelect"));
+var UserTabSelect_1 = (0, tslib_1.__importDefault)(require("../../components/UserTabSelect"));
+var api_1 = require("../../utils/api");
+var find_1 = (0, tslib_1.__importDefault)(require("lodash/find"));
+var helper_1 = require("../../utils/helper");
+var types_1 = require("../../types");
+var UserSelectControl = /** @class */ (function (_super) {
+    (0, tslib_1.__extends)(UserSelectControl, _super);
+    function UserSelectControl(props) {
+        return _super.call(this, props) || this;
+    }
+    UserSelectControl.prototype.componentWillUnmount = function () {
+        this.unHook && this.unHook();
+    };
+    UserSelectControl.prototype.onSearch = function (input, cancelExecutor, param) {
+        return (0, tslib_1.__awaiter)(this, void 0, void 0, function () {
+            var _a, searchApi, setLoading, env, searchTerm, searchObj, ctx, ret, options;
+            var _b;
+            return (0, tslib_1.__generator)(this, function (_c) {
+                switch (_c.label) {
+                    case 0:
+                        _a = this.props, searchApi = _a.searchApi, setLoading = _a.setLoading, env = _a.env;
+                        searchApi = (param === null || param === void 0 ? void 0 : param.searchApi) || searchApi;
+                        searchTerm = (param === null || param === void 0 ? void 0 : param.searchTerm) || this.props.searchTerm || 'term';
+                        searchObj = (param === null || param === void 0 ? void 0 : param.searchParam) || this.props.searchParam || {};
+                        ctx = (0, tslib_1.__assign)((_b = {}, _b[searchTerm] = input, _b), searchObj);
+                        if (!(0, api_1.isEffectiveApi)(searchApi, ctx)) {
+                            return [2 /*return*/, Promise.resolve([])];
+                        }
+                        setLoading(true);
+                        _c.label = 1;
+                    case 1:
+                        _c.trys.push([1, , 3, 4]);
+                        return [4 /*yield*/, env.fetcher(searchApi, ctx, {
+                                cancelExecutor: cancelExecutor,
+                                autoAppend: true
+                            })];
+                    case 2:
+                        ret = _c.sent();
+                        options = (ret.data && ret.data.options) || ret.data || [];
+                        return [2 /*return*/, options];
+                    case 3:
+                        setLoading(false);
+                        return [7 /*endfinally*/];
+                    case 4: return [2 /*return*/];
+                }
+            });
+        });
+    };
+    UserSelectControl.prototype.deferLoad = function (data, isRef, param) {
+        return (0, tslib_1.__awaiter)(this, void 0, void 0, function () {
+            var _a, env, deferApi, setLoading, formInited, addHook, ctx, ret, options;
+            return (0, tslib_1.__generator)(this, function (_b) {
+                switch (_b.label) {
+                    case 0:
+                        _a = this.props, env = _a.env, deferApi = _a.deferApi, setLoading = _a.setLoading, formInited = _a.formInited, addHook = _a.addHook;
+                        deferApi = (param === null || param === void 0 ? void 0 : param.deferApi) || deferApi;
+                        if (!env || !env.fetcher) {
+                            throw new Error('fetcher is required');
+                        }
+                        ctx = (0, helper_1.createObject)(data, {});
+                        if (!(0, api_1.isEffectiveApi)(deferApi, ctx)) {
+                            return [2 /*return*/, Promise.resolve([])];
+                        }
+                        _b.label = 1;
+                    case 1:
+                        _b.trys.push([1, , 3, 4]);
+                        return [4 /*yield*/, env.fetcher(deferApi, ctx)];
+                    case 2:
+                        ret = _b.sent();
+                        options = (ret.data && ret.data.options) || ret.data || [];
+                        if (isRef) {
+                            options.forEach(function (option) {
+                                option.isRef = true;
+                            });
+                        }
+                        return [2 /*return*/, options];
+                    case 3:
+                        setLoading(false);
+                        return [7 /*endfinally*/];
+                    case 4: return [2 /*return*/];
+                }
+            });
+        });
+    };
+    UserSelectControl.prototype.changeValue = function (value) {
+        return (0, tslib_1.__awaiter)(this, void 0, void 0, function () {
+            var _a, joinValues, extractValue, delimiter, multiple, valueField, onChange, options, setOptions, data, dispatchEvent, newValue, additonalOptions, rendererEvent;
+            return (0, tslib_1.__generator)(this, function (_b) {
+                switch (_b.label) {
+                    case 0:
+                        _a = this.props, joinValues = _a.joinValues, extractValue = _a.extractValue, delimiter = _a.delimiter, multiple = _a.multiple, valueField = _a.valueField, onChange = _a.onChange, options = _a.options, setOptions = _a.setOptions, data = _a.data, dispatchEvent = _a.dispatchEvent;
+                        newValue = value;
+                        additonalOptions = [];
+                        (Array.isArray(value) ? value : value ? [value] : []).forEach(function (option) {
+                            var resolved = (0, find_1.default)(options, function (item) {
+                                return item[valueField || 'value'] == option[valueField || 'value'];
+                            });
+                            resolved || additonalOptions.push(option);
+                        });
+                        if (joinValues) {
+                            if (multiple) {
+                                newValue = Array.isArray(value)
+                                    ? value
+                                        .map(function (item) { return item[valueField || 'value']; })
+                                        .join(delimiter)
+                                    : value
+                                        ? value[valueField || 'value']
+                                        : '';
+                            }
+                            else {
+                                newValue = newValue ? newValue[valueField || 'value'] : '';
+                            }
+                        }
+                        else if (extractValue) {
+                            if (multiple) {
+                                newValue = Array.isArray(value)
+                                    ? value.map(function (item) { return item[valueField || 'value']; })
+                                    : value
+                                        ? [value[valueField || 'value']]
+                                        : [];
+                            }
+                            else {
+                                newValue = newValue ? newValue[valueField || 'value'] : '';
+                            }
+                        }
+                        return [4 /*yield*/, dispatchEvent('change', (0, helper_1.createObject)(data, {
+                                value: newValue,
+                                options: options
+                            }))];
+                    case 1:
+                        rendererEvent = _b.sent();
+                        if (rendererEvent === null || rendererEvent === void 0 ? void 0 : rendererEvent.prevented) {
+                            return [2 /*return*/];
+                        }
+                        onChange(newValue);
+                        return [2 /*return*/];
+                }
+            });
+        });
+    };
+    UserSelectControl.prototype.render = function () {
+        var _this = this;
+        var _a = this.props, showNav = _a.showNav, navTitle = _a.navTitle, searchable = _a.searchable, options = _a.options, className = _a.className, selectedOptions = _a.selectedOptions, tabOptions = _a.tabOptions, multi = _a.multi, multiple = _a.multiple, isDep = _a.isDep, isRef = _a.isRef, placeholder = _a.placeholder, searchPlaceholder = _a.searchPlaceholder, tabMode = _a.tabMode, data = _a.data;
+        tabOptions === null || tabOptions === void 0 ? void 0 : tabOptions.forEach(function (item) {
+            item.deferLoad = _this.deferLoad;
+            item.onChange = _this.changeValue;
+            item.onSearch = _this.onSearch;
+        });
+        return (react_1.default.createElement("div", { className: (0, classnames_1.default)("UserSelectControl", className) }, tabMode ? (react_1.default.createElement(UserTabSelect_1.default, { selection: selectedOptions, tabOptions: tabOptions, multiple: multiple, onChange: this.changeValue, onSearch: this.onSearch, deferLoad: this.deferLoad, data: data })) : (react_1.default.createElement(UserSelect_1.default, { showNav: showNav, navTitle: navTitle, selection: selectedOptions, options: options, multi: multi, multiple: multiple, searchable: searchable, placeholder: placeholder, searchPlaceholder: searchPlaceholder, deferLoad: this.deferLoad, onChange: this.changeValue, onSearch: this.onSearch, isDep: isDep, isRef: isRef }))));
+    };
+    var _a, _b, _c, _d, _e, _f;
+    UserSelectControl.defaultProps = {
+        showNav: true
+    };
+    (0, tslib_1.__decorate)([
+        helper_1.autobind,
+        (0, tslib_1.__metadata)("design:type", Function),
+        (0, tslib_1.__metadata)("design:paramtypes", [String, typeof (_a = typeof Function !== "undefined" && Function) === "function" ? _a : Object, typeof (_b = typeof types_1.PlainObject !== "undefined" && types_1.PlainObject) === "function" ? _b : Object]),
+        (0, tslib_1.__metadata)("design:returntype", Promise)
+    ], UserSelectControl.prototype, "onSearch", null);
+    (0, tslib_1.__decorate)([
+        helper_1.autobind,
+        (0, tslib_1.__metadata)("design:type", Function),
+        (0, tslib_1.__metadata)("design:paramtypes", [typeof (_c = typeof Object !== "undefined" && Object) === "function" ? _c : Object, Boolean, typeof (_d = typeof types_1.PlainObject !== "undefined" && types_1.PlainObject) === "function" ? _d : Object]),
+        (0, tslib_1.__metadata)("design:returntype", Promise)
+    ], UserSelectControl.prototype, "deferLoad", null);
+    (0, tslib_1.__decorate)([
+        helper_1.autobind,
+        (0, tslib_1.__metadata)("design:type", Function),
+        (0, tslib_1.__metadata)("design:paramtypes", [Object]),
+        (0, tslib_1.__metadata)("design:returntype", Promise)
+    ], UserSelectControl.prototype, "changeValue", null);
+    return UserSelectControl;
+}(react_1.default.Component));
+exports.default = UserSelectControl;
+var UserSelectControlRenderer = /** @class */ (function (_super) {
+    (0, tslib_1.__extends)(UserSelectControlRenderer, _super);
+    function UserSelectControlRenderer() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    UserSelectControlRenderer = (0, tslib_1.__decorate)([
+        (0, Options_1.OptionsControl)({
+            type: 'users-select'
+        })
+    ], UserSelectControlRenderer);
+    return UserSelectControlRenderer;
+}(UserSelectControl));
+exports.UserSelectControlRenderer = UserSelectControlRenderer;
+//# sourceMappingURL=./renderers/Form/UserSelect.js.map

package/lib/renderers/Form/UserSelect.js.map

@@ -0,0 +1,13 @@
+{
+    "version": 3,
+    "file": "UserSelect.js",
+    "sourceRoot": "",
+    "sources": [
+        "/src/renderers/Form/UserSelect.tsx"
+    ],
+    "names": [],
+    "mappings": "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",
+    "sourcesContent": [
+        "import React from 'react';\nimport cx from 'classnames';\nimport {\n  OptionsControl,\n  OptionsControlProps,\n  Option,\n  FormOptionsControl\n} from './Options';\nimport UserSelect from '../../components/UserSelect';\nimport UserTabSelect from '../../components/UserTabSelect';\nimport {isEffectiveApi} from '../../utils/api';\nimport find from 'lodash/find';\nimport {createObject, autobind} from '../../utils/helper';\nimport {PlainObject} from '../../types';\n\n/**\n * UserSelect 移动端人员选择。\n */\nexport interface UserSelectControlSchema extends FormOptionsControl {\n  type: 'users-select';\n}\n\nexport interface UserSelectProps extends OptionsControlProps {\n  /**\n   * 部门可选\n   */\n  isDep?: boolean;\n  /**\n   * 人员可选\n   */\n  isRef?: boolean;\n  /**\n   *\n   */\n  showNav?: boolean;\n  /**\n   * 导航头标题\n   */\n  navTitle?: string;\n  /**\n   * 选项卡模式\n   */\n  tabMode?: boolean;\n  tabOptions?: Array<any>;\n  /**\n   * 搜索字段\n   */\n  searchTerm?: string;\n  /**\n   * 搜索携带的额外参数\n   */\n  searchParam?: PlainObject;\n}\n\nexport default class UserSelectControl extends React.Component<\n  UserSelectProps,\n  any\n> {\n  static defaultProps: Partial<UserSelectProps> = {\n    showNav: true\n  };\n  input?: HTMLInputElement;\n  unHook: Function;\n  lazyloadRemote: Function;\n\n  constructor(props: UserSelectProps) {\n    super(props);\n  }\n\n  componentWillUnmount() {\n    this.unHook && this.unHook();\n  }\n\n  @autobind\n  async onSearch(input: string, cancelExecutor: Function, param?: PlainObject) {\n    let {searchApi, setLoading, env} = this.props;\n    searchApi = param?.searchApi || searchApi;\n    let searchTerm = param?.searchTerm || this.props.searchTerm || 'term';\n    let searchObj = param?.searchParam || this.props.searchParam || {};\n\n    const ctx = {\n      [searchTerm]: input,\n      ...searchObj\n    };\n\n    if (!isEffectiveApi(searchApi, ctx)) {\n      return Promise.resolve([]);\n    }\n\n    setLoading(true);\n    try {\n      const ret = await env.fetcher(searchApi, ctx, {\n        cancelExecutor,\n        autoAppend: true\n      });\n      let options = (ret.data && (ret.data as any).options) || ret.data || [];\n\n      return options;\n    } finally {\n      setLoading(false);\n    }\n  }\n\n  @autobind\n  async deferLoad(data?: Object, isRef?: boolean, param?: PlainObject) {\n    let {env, deferApi, setLoading, formInited, addHook} = this.props;\n\n    deferApi = param?.deferApi || deferApi;\n\n    if (!env || !env.fetcher) {\n      throw new Error('fetcher is required');\n    }\n\n    const ctx = createObject(data, {});\n\n    if (!isEffectiveApi(deferApi, ctx)) {\n      return Promise.resolve([]);\n    }\n\n    try {\n      const ret = await env.fetcher(deferApi, ctx);\n\n      let options = (ret.data && (ret.data as any).options) || ret.data || [];\n\n      if (isRef) {\n        options.forEach((option: Option) => {\n          option.isRef = true;\n        });\n      }\n      return options;\n    } finally {\n      setLoading(false);\n    }\n  }\n\n  @autobind\n  async changeValue(value: Option | Array<Option> | string | void) {\n    const {\n      joinValues,\n      extractValue,\n      delimiter,\n      multiple,\n      valueField,\n      onChange,\n      options,\n      setOptions,\n      data,\n      dispatchEvent\n    } = this.props;\n    let newValue: string | Option | Array<Option> | void = value;\n    let additonalOptions: Array<any> = [];\n    (Array.isArray(value) ? value : value ? [value] : []).forEach(\n      (option: any) => {\n        let resolved = find(\n          options,\n          (item: any) =>\n            item[valueField || 'value'] == option[valueField || 'value']\n        );\n        resolved || additonalOptions.push(option);\n      }\n    );\n\n    if (joinValues) {\n      if (multiple) {\n        newValue = Array.isArray(value)\n          ? (value\n              .map(item => item[valueField || 'value'])\n              .join(delimiter) as string)\n          : value\n          ? (value as Option)[valueField || 'value']\n          : '';\n      } else {\n        newValue = newValue ? (newValue as Option)[valueField || 'value'] : '';\n      }\n    } else if (extractValue) {\n      if (multiple) {\n        newValue = Array.isArray(value)\n          ? value.map(item => item[valueField || 'value'])\n          : value\n          ? [(value as Option)[valueField || 'value']]\n          : [];\n      } else {\n        newValue = newValue ? (newValue as Option)[valueField || 'value'] : '';\n      }\n    }\n\n    const rendererEvent = await dispatchEvent(\n      'change',\n      createObject(data, {\n        value: newValue,\n        options\n      })\n    );\n    if (rendererEvent?.prevented) {\n      return;\n    }\n\n    onChange(newValue);\n  }\n\n  render() {\n    let {\n      showNav,\n      navTitle,\n      searchable,\n      options,\n      className,\n      selectedOptions,\n      tabOptions,\n      multi,\n      multiple,\n      isDep,\n      isRef,\n      placeholder,\n      searchPlaceholder,\n      tabMode,\n      data\n    } = this.props;\n    tabOptions?.forEach((item: any) => {\n      item.deferLoad = this.deferLoad;\n      item.onChange = this.changeValue;\n      item.onSearch = this.onSearch;\n    });\n\n    return (\n      <div className={cx(`UserSelectControl`, className)}>\n        {tabMode ? (\n          <UserTabSelect\n            selection={selectedOptions}\n            tabOptions={tabOptions}\n            multiple={multiple}\n            onChange={this.changeValue}\n            onSearch={this.onSearch}\n            deferLoad={this.deferLoad}\n            data={data}\n          />\n        ) : (\n          <UserSelect\n            showNav={showNav}\n            navTitle={navTitle}\n            selection={selectedOptions}\n            options={options}\n            multi={multi}\n            multiple={multiple}\n            searchable={searchable}\n            placeholder={placeholder}\n            searchPlaceholder={searchPlaceholder}\n            deferLoad={this.deferLoad}\n            onChange={this.changeValue}\n            onSearch={this.onSearch}\n            isDep={isDep}\n            isRef={isRef}\n          />\n        )}\n      </div>\n    );\n  }\n}\n\n@OptionsControl({\n  type: 'users-select'\n})\nexport class UserSelectControlRenderer extends UserSelectControl {}\n"
+    ]
+}

package/lib/renderers/Form/index.d.ts

@@ -302,7 +302,7 @@ export default class Form extends React.Component<FormProps, object> {
     removeHook(fn: () => any, type?: string): void;
     handleChange(value: any, name: string, submit: boolean, changePristine?: boolean): void;
     formItemDispatchEvent(dispatchEvent: any): (type: string, data: any) => void;
-    emitChange(submit: boolean): void;
+    emitChange(submit: boolean): Promise<void>;
     handleBulkChange(values: Object, submit: boolean): void;
     handleFormSubmit(e: React.UIEvent<any>): any;
     handleAction(e: React.UIEvent<any> | void, action: Action, data: object, throwErrors?: boolean, delegate?: IScopedContext): any;

package/lib/renderers/Form/index.js

@@ -208,7 +208,9 @@ var Form = /** @class */ (function (_super) {
                             store.getLocalPersistData();
                             data = (0, helper_1.cloneObject)(store.data);
                         }
-                        dispatcher = dispatchEvent('inited', (0, helper_1.createObject)(this.props.data, data));
+                        return [4 /*yield*/, dispatchEvent('inited', (0, helper_1.createObject)(this.props.data, data))];
+                    case 2:
+                        dispatcher = _b.sent();
                         if (!(dispatcher === null || dispatcher === void 0 ? void 0 : dispatcher.prevented)) {
                             onInit && onInit(data, this.props);
                         }
@@ -284,7 +286,7 @@ var Form = /** @class */ (function (_super) {
                 dispatchEvent('validateSucc', data);
             }
             else {
-                dispatchEvent('validateFail', data);
+                dispatchEvent('validateError', data);
             }
             return result;
         });
@@ -306,9 +308,7 @@ var Form = /** @class */ (function (_super) {
     Form.prototype.submit = function (fn) {
         var _a = this.props, store = _a.store, messages = _a.messages, __ = _a.translate, dispatchEvent = _a.dispatchEvent, data = _a.data;
         this.flush();
-        var validateErrCb = function () {
-            dispatchEvent('validateFail', data);
-        };
+        var validateErrCb = function () { return dispatchEvent('validateError', data); };
         return store.submit(fn, this.hooks['validate'] || [], __(messages && messages.validateFailed), validateErrCb);
     };
     // 如果开启了 lazyChange，需要一个 flush 方法把队列中值应用上。
@@ -366,20 +366,31 @@ var Form = /** @class */ (function (_super) {
         };
     };
     Form.prototype.emitChange = function (submit) {
-        var _a = this.props, onChange = _a.onChange, store = _a.store, submitOnChange = _a.submitOnChange, dispatchEvent = _a.dispatchEvent, data = _a.data;
-        if (!(0, mobx_state_tree_1.isAlive)(store)) {
-            return;
-        }
-        var dispatcher = dispatchEvent('change', (0, helper_1.createObject)(data, store.data));
-        if (!(dispatcher === null || dispatcher === void 0 ? void 0 : dispatcher.prevented)) {
-            onChange &&
-                onChange(store.data, (0, helper_1.difference)(store.data, store.pristine), this.props);
-        }
-        store.clearRestError();
-        (submit || (submitOnChange && store.inited)) &&
-            this.handleAction(undefined, {
-                type: 'submit'
-            }, store.data);
+        return (0, tslib_1.__awaiter)(this, void 0, void 0, function () {
+            var _a, onChange, store, submitOnChange, dispatchEvent, data, dispatcher;
+            return (0, tslib_1.__generator)(this, function (_b) {
+                switch (_b.label) {
+                    case 0:
+                        _a = this.props, onChange = _a.onChange, store = _a.store, submitOnChange = _a.submitOnChange, dispatchEvent = _a.dispatchEvent, data = _a.data;
+                        if (!(0, mobx_state_tree_1.isAlive)(store)) {
+                            return [2 /*return*/];
+                        }
+                        return [4 /*yield*/, dispatchEvent('change', (0, helper_1.createObject)(data, store.data))];
+                    case 1:
+                        dispatcher = _b.sent();
+                        if (!(dispatcher === null || dispatcher === void 0 ? void 0 : dispatcher.prevented)) {
+                            onChange &&
+                                onChange(store.data, (0, helper_1.difference)(store.data, store.pristine), this.props);
+                        }
+                        store.clearRestError();
+                        (submit || (submitOnChange && store.inited)) &&
+                            this.handleAction(undefined, {
+                                type: 'submit'
+                            }, store.data);
+                        return [2 /*return*/];
+                }
+            });
+        });
     };
     Form.prototype.handleBulkChange = function (values, submit) {
         var _a = this.props, onChange = _a.onChange, store = _a.store, formLazyChange = _a.formLazyChange;
@@ -420,16 +431,27 @@ var Form = /** @class */ (function (_super) {
             data = store.data;
         }
         if (Array.isArray(action.required) && action.required.length) {
-            return store.validateFields(action.required).then(function (result) {
-                if (!result) {
-                    dispatchEvent('validateError', _this.props.data);
-                    env.notify('error', __('Form.validateFailed'));
-                }
-                else {
-                    dispatchEvent('validateSucc', _this.props.data);
-                    _this.handleAction(e, (0, tslib_1.__assign)((0, tslib_1.__assign)({}, action), { required: undefined }), data, throwErrors, delegate);
-                }
-            });
+            return store.validateFields(action.required).then(function (result) { return (0, tslib_1.__awaiter)(_this, void 0, void 0, function () {
+                var dispatcher;
+                return (0, tslib_1.__generator)(this, function (_a) {
+                    switch (_a.label) {
+                        case 0:
+                            if (!!result) return [3 /*break*/, 2];
+                            return [4 /*yield*/, dispatchEvent('validateError', this.props.data)];
+                        case 1:
+                            dispatcher = _a.sent();
+                            if (!(dispatcher === null || dispatcher === void 0 ? void 0 : dispatcher.prevented)) {
+                                env.notify('error', __('Form.validateFailed'));
+                            }
+                            return [3 /*break*/, 3];
+                        case 2:
+                            dispatchEvent('validateSucc', this.props.data);
+                            this.handleAction(e, (0, tslib_1.__assign)((0, tslib_1.__assign)({}, action), { required: undefined }), data, throwErrors, delegate);
+                            _a.label = 3;
+                        case 3: return [2 /*return*/];
+                    }
+                });
+            }); });
         }
         if (action.type === 'submit' ||
             action.actionType === 'submit' ||
@@ -473,18 +495,42 @@ var Form = /** @class */ (function (_super) {
                         .saveRemote(action.api || api, values, {
                         successMessage: saveSuccess,
                         errorMessage: saveFailed,
-                        onSuccess: function (result) {
-                            // result为提交接口返回的内容
-                            dispatchEvent('submitSucc', (0, helper_1.createObject)(_this.props.data, { result: result }));
-                            if (!(0, api_1.isEffectiveApi)(finnalAsyncApi_1, store.data) ||
-                                store.data[finishedField || 'finished']) {
-                                return;
-                            }
-                            return (0, helper_1.until)(function () { return store.checkRemote(finnalAsyncApi_1, store.data); }, function (ret) { return ret && ret[finishedField || 'finished']; }, function (cancel) { return (_this.asyncCancel = cancel); }, checkInterval);
-                        },
-                        onFailed: function (result) {
-                            dispatchEvent('submitFail', (0, helper_1.createObject)(_this.props.data, { error: result }));
-                        }
+                        onSuccess: function (result) { return (0, tslib_1.__awaiter)(_this, void 0, void 0, function () {
+                            var dispatcher, cbResult;
+                            var _this = this;
+                            return (0, tslib_1.__generator)(this, function (_a) {
+                                switch (_a.label) {
+                                    case 0: return [4 /*yield*/, dispatchEvent('submitSucc', (0, helper_1.createObject)(this.props.data, { result: result }))];
+                                    case 1:
+                                        dispatcher = _a.sent();
+                                        if (!(0, api_1.isEffectiveApi)(finnalAsyncApi_1, store.data) ||
+                                            store.data[finishedField || 'finished']) {
+                                            return [2 /*return*/, {
+                                                    cbResult: null,
+                                                    dispatcher: dispatcher
+                                                }];
+                                        }
+                                        cbResult = (0, helper_1.until)(function () { return store.checkRemote(finnalAsyncApi_1, store.data); }, function (ret) { return ret && ret[finishedField || 'finished']; }, function (cancel) { return (_this.asyncCancel = cancel); }, checkInterval);
+                                        return [2 /*return*/, {
+                                                cbResult: cbResult,
+                                                dispatcher: dispatcher
+                                            }];
+                                }
+                            });
+                        }); },
+                        onFailed: function (result) { return (0, tslib_1.__awaiter)(_this, void 0, void 0, function () {
+                            var dispatcher;
+                            return (0, tslib_1.__generator)(this, function (_a) {
+                                switch (_a.label) {
+                                    case 0: return [4 /*yield*/, dispatchEvent('submitFail', (0, helper_1.createObject)(this.props.data, { error: result }))];
+                                    case 1:
+                                        dispatcher = _a.sent();
+                                        return [2 /*return*/, {
+                                                dispatcher: dispatcher
+                                            }];
+                                }
+                            });
+                        }); }
                     })
                         .then(function (response) { return (0, tslib_1.__awaiter)(_this, void 0, void 0, function () {
                         var feedback, confirmed;
@@ -607,7 +653,7 @@ var Form = /** @class */ (function (_super) {
             }); })
                 .catch(function (e) {
                 onFailed && onFailed(e, store.errors);
-                if (throwErrors) {
+                if (throwErrors || action.countDown) {
                     throw e;
                 }
             });